/* MontaVis-inspiriertes Design - Allgemeine Stile */

/* Allgemeine Animation Klassen */
.animate-on-scroll {
    will-change: opacity, transform, visibility; /* Performance-Optimierung */
}

.fade-in-sequence {
    opacity: 0;
    visibility: hidden;
}

/* Section Transition (verwendet in mehreren Sektionen) */
.section-transition {
    position: relative;
    height: 30px; /* Standard-Höhe */
    background-color: #F5F5F7; /* Übergang zur hellen Farbe */
    z-index: 1;
}

/* Allgemeine Responsive-Anpassungen für Section-Transitions */
@media (max-width: 1200px) {
    .section-transition {
        height: 20px;
    }
}

@media (max-width: 768px) {
    .section-transition {
        height: 15px;
    }
}

@media (max-width: 576px) {
    .section-transition {
        height: 10px;
    }
}