/* Universelle Header-Logik (Kopie von vorhin zur Sicherheit) */
header {
    display: flex;
    align-items: center;
    min-height: 75vh;
    position: relative;
    overflow: hidden;
}

/* Der bg-holder liegt ganz unten (Z-Index 0) */
.bg-holder {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-size: cover;
    background-position: center;
    z-index: 0; /* GANZ UNTEN */
}

/* Das Overlay liegt direkt darüber (Z-Index 1) */
.overlay-1::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.6); /* 50% Abdunkelung für Lesbarkeit */
    z-index: 1; /* ÜBER DEM BILD */
}

/* --- DEINE h1 KORREKTUR --- */

/* Die h1 auf Lato 100 setzen und WEISS erzwingen */
h1, .display-4 {
    font-family: 'Lato', sans-serif !important;
    font-weight: 100 !important; /* Hauchdünn */
    color: #ffffff !important; /* REINES WEISS ERZWINGEN */
    letter-spacing: 0.00em;
    position: relative; /* Wichtig für Z-Index */
    z-index: 5; /* WEIT ÜBER DEM OVERLAY */
}

h1 strong {
    font-family: 'Lato', sans-serif !important;
    font-weight: 400 !important; /* Massiver Kontrast */
    color: #ffffff !important;
}

/* Metadaten & Edition - Original Straubing Standard */
.datetime {
    font-family: 'Lato', sans-serif !important; /* Wir nutzen hier die Lato 100 aus deiner fonts.css */
    font-weight: 100 !important;
    letter-spacing: 0.05em !important; 
    color: #ffffff !important;
    font-size: 0.95rem !important;
    
    /* Der notwendige Fix für die Sichtbarkeit vor dem Overlay */
    position: relative !important;
    z-index: 10 !important;
}

.datetime strong {
    font-weight: 500 !important;
}

/* Teaser-Satz im Header: Artopica Standard */
.header-caption {
    font-family: 'Lato', sans-serif !important;
    font-weight: 100 !important; /* Noble Leichtigkeit */
    color: #ffffff !important;
    font-size: 1.25rem !important; /* Entspricht in etwa fs-0 */
    margin-top: 3rem !important;   /* Entspricht mt-5 */
    line-height: 1.2 !important;
    position: relative !important;
    z-index: 10 !important;        /* Vor das Overlay schieben */
    max-width: 800px;              /* Für bessere Lesbarkeit */
}

.header-caption strong {
    font-weight: 400 !important;   /* Markanter Kontrast */
}

section p {
    font-family: "PT Serif", serif !important;
    font-size: 1.25rem !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
    color: #000000 !important; 
    margin-bottom: 1.2rem !important;
}

section p strong {
    font-weight: 700 !important;
}

h2 {
    font-family: 'Lato', sans-serif !important;
    font-weight: 200 !important;
    font-size: 3.25rem;
}

p {
    font-family: 'PT Serif', serif !important;
    line-height: 1.6;
}

/* Der Trenner-Banner: Kompakt, Edel und Sichtbar */
.trenner {
    display: flex;
    align-items: center;
    min-height: 35vh; 
    position: relative;
    overflow: hidden;
}

/* Zwingt den Text-Container nach vorne */
.trenner .container {
    position: relative;
    z-index: 10 !important;
}

.trenner h2 {
    font-family: 'Lato', sans-serif !important;
    font-weight: 200 !important;
    color: #ffffff !important; /* Strahlendes Weiß */
    letter-spacing: 0.00em !important;
    line-height: 1.2 !important;
    margin: 0;
}

.trenner h2 strong {
    font-weight: 400 !important;
}