section[id^=forschungsprojekt]:not(#forschungsprojekt-kontakt) {    
    &:not(:has(+ #forschungsprojekt-kontakt)) {
        padding-bottom: 1em;
    }

    &:not(#forschungsprojekt) {
        padding-top: 0;
    }
}

section#forschungsprojekt {
    .sec-sub-body {
        display: flex;
        gap: 2em;

        img {
            height: unset;
            width: unset;
            max-width: 100%;
            object-position: left;
        }
    }
}

/* Die generische Stapel-Regel für .sec-sub-body in base.css (@media max-width:
1280px) setzt nur grid-template-columns - wirkungslos, da diese Section oben
auf display:flex umschaltet. Ohne eigene Mobil-Regel blieben Bild und Text
nebeneinander, der Fließtext wurde dadurch auf einen schmalen Streifen
gequetscht. */
@media (max-width: 1280px) {
    section#forschungsprojekt .sec-sub-body {
        flex-direction: column;
    }
}