/* Das Bild sauber in die Sektion einbinden */
#banner.major {
    position: relative;
}

/* Den Standard-Container für das Porträt anpassen */
#banner.major .portrait-banner {
    position: absolute;
    right: 5rem;
    bottom: 0;
    max-height: 85%; /* Skaliert dynamisch mit der Sektionshöhe */
    height: 100%;
    display: flex;
    align-items: flex-end;
    pointer-events: none; /* Klicks gehen durch das Bild hindurch */
}

/* Das eigentliche Bild skalieren */
#banner.major .portrait-banner img {
    max-height: 100%;
    width: auto;
    object-fit: contain;
}

/* Mobil-Ansicht: Auf kleineren Bildschirmen das Bild zentrieren oder über den Text legen */
@media screen and (max-width: 980px) {
    #banner.major .portrait-banner {
        position: relative;
        right: auto;
        bottom: auto;
        max-height: 35vh;
        margin-bottom: 2rem;
        justify-content: center;
    }
}

#header .logo img {
    height: 2.2rem; /* Skaliert die Bildhöhe passend zum Header */
    width: auto;    /* Behält das originale Seitenverhältnis bei */
    vertical-align: middle;
    display: inline-block;
    margin-top: -0.3rem; /* Feinjustierung, damit es optisch perfekt zentriert sitzt */
}