/* * DATEI: /wp-content/themes/composer-child/custom-CSS/single-header.css
 * BESCHREIBUNG: Styling für den Header auf Einzelbeitragsseiten (wenn KEIN Bild da ist)
 */

/* 1. DER CONTAINER (Hintergrund & Layout) */
.banner.no-feature-image {
    /* Verlauf: Deine Farbe (#746c52) oben links nach Dunkelgrau (#333) unten rechts */
    background: linear-gradient(135deg, #746c52 0%, #333333 100%) !important;
    
    /* Höhe & Zentrierung (simuliert das Verhalten mit Bild) */
    min-height: 450px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* Innenabstand erhöhen */
    padding-top: 80px !important;
    padding-bottom: 80px !important;
    
    position: relative;
    box-sizing: border-box;
}

/* 2. STÖRENDE HINTERGRÜNDE ENTFERNEN */
/* Entfernt graue Kästen, die das Theme sonst bei fehlenden Bildern setzt */
.banner.no-feature-image .single-banner-content,
.banner.no-feature-image .single-banner-center {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* 3. TEXT-FARBE ANPASSEN (Auf Weiß zwingen) */
/* Wir ändern NICHT die Größe oder Abstände, damit es exakt wie das Original wirkt.
   Wir ändern nur die Farbe auf Weiß, da unser Hintergrund dunkel ist. */

.banner.no-feature-image .title {
    color: #ffffff !important;
    /* Optional: Leichter Schatten für Lesbarkeit wie bei Bild-Overlay */
    text-shadow: 0 2px 4px rgba(0,0,0,0.3); 
}

.banner.no-feature-image .post-meta,
.banner.no-feature-image .post-meta p.date {
    color: rgba(255, 255, 255, 0.9) !important;
}

.banner.no-feature-image .category a {
    color: #ffffff !important;
    border-color: rgba(255,255,255,0.5) !important;
}

.banner.no-feature-image .category a:hover {
    background-color: #ffffff !important;
    color: #333333 !important;
}