/* Responsive Titelbilder mit einem eigenen TYPO3-Ausschnitt je Gerätegröße. */
.masthead-responsive {
    position: relative;
    height: clamp(18rem, 22.222vw, 34rem);
    overflow: hidden;
    background-color: #bba9a4;
}

.masthead-responsive__media {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.masthead-responsive__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.masthead-responsive .headertext {
    position: static;
    height: auto;
}

.masthead-responsive .headertext h1 {
    z-index: 1;
}

.masthead-responsive .headertext.headertext_ol h1 {
    inset: clamp(0.65rem, 1vw, 1rem) auto auto 0;
}

.masthead-responsive .headertext.headertext_or h1 {
    inset: clamp(0.65rem, 1vw, 1rem) 0 auto auto;
}

.masthead-responsive .headertext.headertext_r h1 {
    inset: auto 0 clamp(0.65rem, 1vw, 1rem) auto;
}

.masthead-responsive .headertext.headertext_l h1 {
    inset: auto auto clamp(0.65rem, 1vw, 1rem) 0;
}

@media (min-width: 576px) and (max-width: 991.98px) {
    .masthead-responsive {
        height: clamp(18rem, 43.75vw, 27rem);
    }
}

@media (max-width: 575.98px) {
    .masthead-responsive {
        height: clamp(17rem, 75vw, 25rem);
    }
}