/* Medienregel für Bildschirme kleiner als 768px */
@media (max-width: 767px) {

    /* Bannerhöhe für kleine Bildschirme reduzieren */
    #sticky-banner {
        height: 100px; /* Kleineres Banner auf Smartphones */
    }

    /* Bild im Banner kleiner skalieren */
    #sticky-banner img {
        max-height: 100px; /* Begrenzung der Bildhöhe im Banner */
    }

    /* Abschnitt erhält geringeren oberen Abstand */
    .section {
        padding-top: 100px; /* Weniger Abstand für Mobilgeräte */
        scroll-snap-align: none; /* Kein Snapping auf kleinen Bildschirmen */
    }

    /* Deaktiviert Scroll-Snap komplett für mobile Benutzer */
    html {
        scroll-snap-type: none; /* Keine Scroll-Einrastung */
    }

}