/* Anfangszustand - Elemente sind unsichtbar */
.fade-element {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s ease-out;
}

/* Sichtbarer Zustand - wird per JavaScript aktiviert */
.fade-element.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Verzögerungen für gestaffelte Animationen */
.delay-1 {
    transition-delay: 2.2s;
}

.delay-2 {
    transition-delay: 4.4s;
}

.delay-3 {
    transition-delay: 6.4s;
}