/* Logo-Anpassungen für bessere Responsivität */

/* Banner Bild Container Anpassungen */
.banner.style1 .image {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    /* Sicherstellen, dass der Bildbereich immer die volle Höhe nutzt */
    min-height: 100%;
    height: 100%;
}

/* Vollständige Höhenabdeckung für fullscreen Banner */
.banner.style1.fullscreen .image {
    min-height: 100vh;
    height: 100vh;
}

/* Logo Bild Anpassungen */
.banner.style1 .image img {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: center !important;
}

/* Spezielle Anpassungen für kleine Bildschirme */
@media screen and (max-width: 736px) {
    .banner.style1.fullscreen .image {
        height: auto;
        min-height: 40vh;
        max-height: 50vh;
        padding: 2rem 1rem;
    }

    .banner.style1 .image img {
        max-height: 35vh;
    }
}

/* Anpassungen für sehr kleine Bildschirme */
@media screen and (max-width: 480px) {
    .banner.style1.fullscreen .image {
        min-height: 30vh;
        max-height: 40vh;
        padding: 1rem 0.5rem;
    }

    .banner.style1 .image img {
        max-height: 25vh;
    }
}

/* Anpassungen für Querformat auf Tablets */
@media screen and (orientation: landscape) and (max-height: 768px) {
    .banner.style1.fullscreen .image {
        height: auto;
        max-height: 60vh;
        padding: 1rem;
    }

    .banner.style1 .image img {
        max-height: 50vh;
    }
}

/* Anpassungen für große Bildschirme - Logo soll mehr Platz nutzen */
@media screen and (min-width: 1281px) {
    .banner.style1 .image {
        padding: 2rem;
    }

    .banner.style1 .image img {
        min-width: 70%;
        min-height: 70%;
    }
}