/* Zentriert den Haupt-Contentbereich und begrenzt die maximale Breite */
.container {
    max-width: 1140px; /* Breite des Layouts auf großen Bildschirmen */
    margin: 0 auto; /* Zentrierung horizontal */
}

/* Positioniert den Wrapper des Banners sticky oben im Viewport */
#sticky-banner-wrapper {
    position: sticky; /* Bleibt am oberen Rand kleben beim Scrollen */
    top: 0; /* Startpunkt für das Kleben */
    z-index: 1000; /* Ganz oben im Stack, über allem anderen */
    background: white; /* Weißer Hintergrund zur Abgrenzung */
}

/* Stylt das Banner selbst – zentriert und mit fester Höhe */
#sticky-banner {
    height: 140px; /* Feste Bannerhöhe */
    display: flex; /* Flexbox für Zentrierung */
    align-items: center; /* Vertikale Zentrierung */
    justify-content: center; /* Horizontale Zentrierung */
}

/* Bild im Banner wird responsiv skaliert */
#sticky-banner img {
    width: 100%; /* Bild füllt komplette Breite */
    height: auto; /* Höhe passt sich proportional an */
    max-height: 160px; /* Überschreitet niemals die Bannerhöhe */
    object-fit: contain; /* Skaliert ohne das Bild zu verzerren */
}