/* Stellt das Header-Banner wieder in seiner vollen Größe dar */
.header {
    height: auto !important;
    min-height: 280px !important; /* Passt die Mindesthöhe an den Baskerville-Standard an */
    padding: 60px 0 !important;   /* Gibt dem Logo im Banner wieder Luft zum Atmen */
}

/* Sorgt dafür, dass das Hintergrundbild nicht verzerrt oder abgeschnitten wird */
.header-image {
    background-size: cover !important;
    background-position: center center !important;
    height: 100% !important;
}

/* ==========================================
   1. SEITENHINTERGRUND & LOGO-ABSTAND
   ========================================== */
/* Macht die standardmäßige weiße Inhaltsfläche der Unterseite unsichtbar */
.page .post, .page .page, .page .post-container, .page .content, .page .wrapper .content, .page .entry-content, article.page {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Entfernt das weiße Häkchen/Dreieck und die Linie unter der Seitenüberschrift */
.page .entry-header, .page .post-header {
    background: transparent !important;
    border: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    display: block !important;
}
.page .entry-header::after, .page .entry-header::before, .page .post-header::after, .page .post-header::before {
    display: none !important;
}

/* Färbt den Website-Hintergrund in das originale Baskerville-Hellgrau */
body, #wrapper, .wrapper, .main, .site-content {
    background-color: #f5f5f5 !important;
}

/* ==========================================
   2. SPALTEN-LAYOUT (Symmetrische Höhen und Breiten)
   ========================================== */
.entry-content .wp-block-columns {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    margin-top: 10px !important;
}
.entry-content .wp-block-column {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 0% !important;
}

/* ==========================================
   3. DIE KACHELN (Im originalen Baskerville-Stil)
   ========================================== */
.meine-kachel {
    position: relative !important;
    padding: 0 !important; /* Bild schließt bündig oben ab */
    border-radius: 0 !important; /* Eckiges Theme-Design */
    background-color: #ffffff !important; /* Kachel strahlt in Reinweiß */
    
    /* Originaler Baskerville-Rahmen & Schatten */
    border: 1px solid #e6e6e6 !important; 
    box-shadow: 0 1px 2px rgba(0,0,0,0.03) !important;
    
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease-in-out;
}

/* Innenabstand exkt für die Textelemente unter dem Bild */
.meine-kachel p, .meine-kachel .wp-block-paragraph, .meine-kachel .wp-block-group {
    padding: 25px 35px 35px 35px !important;
    margin-top: auto !important; /* Bündiger Text-Abschluss unten */
    box-sizing: border-box !important;
}

/* Trennlinie direkt unter dem Beitragsbild/Cover-Block */
.meine-kachel .wp-block-cover {
    border-bottom: 1px solid #e6e6e6 !important;
}

/* Erzeugt einen Abstand, wenn Kacheln in derselben Spalte untereinander stehen */
.wp-block-column .meine-kachel + .meine-kachel {
    margin-top: 30px !important;
}

/* ==========================================
   4. INTERAKTION (Vollflächen-Link & Hover)
   ========================================== */
/* Verhindert, dass innere Boxen den Link einsperren */
.meine-kachel *, .meine-kachel .wp-block-group, .meine-kachel .wp-block-paragraph {
    position: static !important;
}

/* Dehnt die Klickfläche jedes Links über die gesamte Kachel aus */
.meine-kachel a::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 99999 !important;
    display: block !important;
}

/* Hover-Effekt beim Drüberfahren mit der Maus */
.meine-kachel:hover {
    cursor: pointer !important;
    border-color: #cccccc !important; 
    box-shadow: 0 2px 5px rgba(0,0,0,0.07) !important;
}