/*
 * Ergaenzungen zu app.css. app.css wird aus layout-dev/resources/sass gebaut;
 * diese Datei wird danach geladen (Page/HeaderData/setup.ts).
 */

/* K17: Veroeffentlichungsdatum vor dem Titel. Uebersichten in der normalen
   Textschrift; auf den Detailseiten bleibt die fette Byline aus app.css. */
.col4--text .pubdate {
    display: block;
    font-family: "Avenir Next W01 Light", sans-serif;
    font-weight: 400;
    margin-bottom: 6px;
}

/* Header-Bild als <img> statt background-image (Alt-Text). Liegt wie vorher
   der Hintergrund unter dem dunklen Overlay (:before) und dem Titel. */
.pageheader .pageheader--inner .pageheader--image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    z-index: -1;
}

/* DCE Header, Feld "title offset": verschiebt H4 und H1 senkrecht. Der Wert gilt in Pixeln
   bei 1440 px Fensterbreite und skaliert mit der Breite wie der Header selbst. */
.pageheader .pageheader--inner .headline[style*="--title-offset"] {
    transform: translateY(calc(var(--title-offset) * 100vw / 1440));
}