/* Block: Objekt-Hero — Bild vollbreit + Serif-Titel
   (Regeln aus css/single-objekt.css hierher verschoben) */
.sb-objekt-hero {
    margin-top:0;
}
/* Medium buendig oben. Der fruehere weisse Verlauf ist weg: die Bedienelemente passen sich per Messung dem Medium an
   (theme.js objektControls, Regeln in css/single-objekt.css). */
.objekt-hero {
    position:relative;
}
.objekt-hero img {
    width:100%;
    height:auto;
    max-height:88vh;
    object-fit:cover;
    display:block;
}
/* Hintergrundvideo: fixe Buehne unter dem weissen Balken, cover-skaliert
   fuer jedes Viewport-Format */
.objekt-hero video {
    width:100%;
    height:100svh;
    object-fit:cover;
    display:block;
}
.objekt-hero-credit {
    margin-top:12px;
    font-size:var(--fs-small);
    opacity:.6;
}
.objekt-title {
    font-size:var(--fs-image-title);
    line-height:var(--lh-serif);
    text-align:center;
    max-width:1000px;
    margin:0 auto;
    padding:85px var(--pad-x) 0;
}
.sb-objekt-hero-hint {
    border:1px dashed rgba(0,0,0,.4);
    padding:20px 24px;
    font-size:var(--fs-small);
}
@media only screen and (max-width:767px) {
    .objekt-title {
        padding-top:40px;
    }
}