/* ================================= */
/* Minevera Labs Animation System    */
/* ================================= */


/* Grundzustand für animierbare Elemente */

[data-animate] {
opacity: 0;
transform: translateY(20px);
transition: all 0.6s ease;
}


/* Aktivierter Zustand */

[data-animate].active {
opacity: 1;
transform: translateY(0);
}



/* ================================= */
/* Standard Animation Typen          */
/* ================================= */


/* Fade */

[data-animate="fade"] {
transform: none;
}


/* Slide Up */

[data-animate="slide-up"] {
transform: translateY(30px);
}


/* Slide Left */

[data-animate="slide-left"] {
transform: translateX(-30px);
}


/* Slide Right */

[data-animate="slide-right"] {
transform: translateX(30px);
}



/* ================================= */
/* Card Hover Animation              */
/* ================================= */

.card {
transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
transform: translateY(-6px);
box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}



/* ================================= */
/* Button Hover Animation            */
/* ================================= */

button,
.download-button {
transition: transform 0.2s ease, box-shadow 0.2s ease;
}

button:hover,
.download-button:hover {
transform: translateY(-2px);
box-shadow: 0 6px 12px rgba(0,0,0,0.2);
}



/* ================================= */
/* Navigation Hover                  */
/* ================================= */

nav a {
transition: opacity 0.2s ease, transform 0.2s ease;
}

nav a:hover {
opacity: 0.8;
transform: translateY(-1px);
}