/* ==========================================
   1. WEIẞEN SEITEN-CONTAINER UNSICHTBAR MACHEN & ABSTAND
   ========================================= */
.page .post,
.page .page,
.page .post-container,
.page .content,
.page .wrapper .content,
.page .entry-content,
article.page {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.page .entry-header,
.page .post-header {
    background: transparent !important;
    border: none !important;
    box-shadow: 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;
    border: none !important;
    content: none !important;
}

body, #wrapper, .wrapper, .main, .site-content {
    background-color: #f5f5f5 !important;
}

/* ==========================================
   2. SPALTEN-LAYOUT (Gleiche 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 (Jetzt absolut fehlerverzeihend)
   ========================================== */
/* Das "div." wurde entfernt – greift jetzt IMMER bei "meine-kachel" */
.meine-kachel {
    position: relative !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background-color: #ffffff !important;
    
    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;
}

.meine-kachel p,
.meine-kachel .wp-block-paragraph,
.meine-kachel .wp-block-group {
    padding: 25px 35px 35px 35px !important;
    margin-top: auto !important;
    box-sizing: border-box !important;
}

/* ==========================================
   4. INTERAKTION (Vollflächen-Link & Hover)
   ========================================== */
.meine-kachel a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.meine-kachel:hover {
    cursor: pointer;
    border-color: #cccccc !important; 
    box-shadow: 0 2px 5px rgba(0,0,0,0.07) !important;
}

/* Zeichnet eine feine Trennlinie unter das Bild in jeder Kachel */
.meine-kachel .wp-block-cover,
.meine-kachel figure,
.meine-kachel img {
    border-bottom: 1px solid #e6e6e6 !important;
}

/* 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;
}