/*
Theme Name: Colibri Child
Template: colibri-wp
Version: 1.0
*/

/* Dein eigenes CSS hier */
/* Gesamten Sticky-Header-Block einfärben */
#navigation[data-in-sticky-state="true"] {
    background-color: #1e73be !important;
}

/* =========================================
   Colibri Free – Seitenhintergrund freilegen
   ========================================= */

body,
#page,
.site,
.site-content,
.content-area,
#content,
main {
    background-color: transparent !important;
}


/* =========================================
   Content: Weiß, leicht transparent
   ========================================= */

.page .hentry,
.page .post,
.page [id^="post-"] {
    background-color: rgba(255, 255, 255, 0.95);
    border-radius: 10px;
    padding: 2.5rem;
    box-shadow: 0 -2px 8px rgba(0,0,0,0.06);
}


/* =========================================
   Colibri Overlays neutralisieren
DEAKTIVIERT
   ========================================= */

/*
.page .h-section,
.page .h-section-grid-container,
.page .h-row-container,
.page .h-row,
.page .h-col {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
    background: transparent !important;
}
*/

/* =========================================
   Footer-Übergang sauber halten
   ========================================= */

.site-content,
.content-area,
main {
    box-shadow: none !important;
}

/* =========================================
   HARD RESET: Glas-/Blur-Effekte komplett entfernen
   ========================================= */

.page .hentry,
.page .hentry *,
.page .post,
.page [id^="post-"] {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    filter: none !important;
}

/* =========================================
   Content: Weiß, leicht transparent (final)
   ========================================= */

.page .hentry,
.page .post,
.page [id^="post-"] {
    background-color: rgba(255, 255, 255, 0.93) !important;
    border-radius: 10px;
    padding: 2.5rem;

    /* dezente Trennung nach oben */
    box-shadow: 0 -1px 6px rgba(0,0,0,0.05);
}

.person-card {
    background-color: rgba(255,255,255,0.93);
    border-radius: 12px;
    padding: 1.5rem 2rem;
    margin: 0 auto 1.8rem auto;

    max-width: 66%;
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}

@media (max-width: 768px) {
    .person-card {
        max-width: 100%;
        padding: 1.2rem;
    }
}

/* Bild abrunden */
.person-card img {
    border-radius: 8px;
}

/* Text etwas ruhiger */
.person-card p {
    margin-top: 0.3rem;
    color: #444;
}

/* Bild-Block in der Person-Card entschlacken */
.person-card .wp-block-image {
    margin-bottom: 0 !important;
}

/* Bild selbst korrekt ausrichten */
.person-card img {
    display: block;
    height: auto;
}

.person-card .wp-block-column {
    padding-bottom: 0;
}

/* Sticky Header Hintergrund überschreiben */
#navigation[data-in-sticky-state="true"] {
    background-color: #8b0708 !important;
}

#navigation[data-in-sticky-state="true"] a {
    color: #ffffff !important;
}


/* Sticky Header Links */
#navigation[data-in-sticky-state="true"] > ul > li > a {
    color: #ffffff !important;
}

/* Dropdown Hintergrund */
#navigation .menu-item ul {
    background-color: #f2f2f2;
}

/* Dropdown Links */
#navigation .menu-item ul a {
    color: #000000 !important;
}

/* Dropdown Hover */
#navigation .menu-item ul a:hover {
    color: #1e73be !important;
}	

/* gesamter Gutenberg Content */
.wp-paragraph,
.wp-block-column,
.wp-block-column p,
.wp-block-column li,
.wp-block-column span {
    color: #333333 !important;
}
/* gesamter Seitencontent (Colibri + Gutenberg) */
/* Colibri */
.h-col p,
.h-col li {
    color: #333333 !important;
}