/* Aktiviert Scroll-Snap für vertikales Scrollen */
html {
    scroll-behavior: smooth; /* Weiches Scrollen bei Anker-Navigation */
}

/* Basis-Stil für alle Abschnitte (Sektionen) */
.section {
    scroll-snap-align: start; /* Snap beginnt am Anfang jedes Abschnitts */
    min-height: 100vh; /* Mindestens volle Höhe des Viewports */
    width: 100%; /* Volle Breite */
    padding-top: var(--total-offset); /* Abstand nach oben für Banner + Navbar */
    border-radius: 8px; /* Abgerundete Ecken für Design */
    color: white; /* Weißer Text */
    font-size: 2rem; /* Große Schrift für Sichtbarkeit */
    text-align: center; /* Zentrierter Text */
    display: flex; /* Flexbox-Layout */
    justify-content: center; /* Zentriert horizontal */
    align-items: center; /* Zentriert vertikal */
    box-sizing: border-box; /* Padding zählt zur Gesamtgröße */

    scroll-margin-top: 140px; /* Abstand nach oben */
}



.scroll_top {
    scroll-margin-top: 140px; /* Abstand nach oben */
}

#zeugnisse.section {
    min-height: unset !important;
    height: auto;
    padding: 1rem 0;
    display: block !important; /* VERPFLICHTEND, um das Flex-Verhalten zu brechen */
    align-items: unset !important;
    justify-content: unset !important;
}

#referenzen.section {
    min-height: unset !important;
    height: auto;
    padding: 1rem 0;
    display: block !important; /* VERPFLICHTEND, um das Flex-Verhalten zu brechen */
    align-items: unset !important;
    justify-content: unset !important;
}

#faq.section {
    min-height: unset !important;
    height: auto;
    display: block !important; /* VERPFLICHTEND, um das Flex-Verhalten zu brechen */
    align-items: unset !important;
    justify-content: unset !important;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

#faq .p-4 {
    margin: 0 auto;
    text-align: center;
}

/* Farbklassen für visuelles Unterscheiden der Abschnitte */
/* Debug farben */
/*.bg-1 { background-color: #12407A; } !* Dunkelblau *!*/
/*.bg-2 { background-color: #1B6CA8; } !* Mittelblau *!*/
/*.bg-3 { background-color: #278CE9; } !* Kräftiges Blau *!*/
/*.bg-4 { background-color: #4AA3F0; } !* Helles Blau *!*/
/*.bg-5 { background-color: #76BDF5; } !* Pastellblau *!*/

.bg-1 { background-color: white; } /* Dunkelblau */
.bg-2 { background-color: white; } /* Mittelblau */
.bg-3 { background-color: white; } /* Kräftiges Blau */
.bg-4 { background-color: white; } /* Helles Blau */
.bg-5 { background-color: white; } /* Pastellblau */