/* --------- HEADER LEISTE OBEN --------- */
header.wp-block-template-part {
    padding: 10px 40px;
    border-bottom: 1px solid #E5E5E5;
}

/* Website-Titel im Header */
header .wp-block-site-title a {
    font-size: 28px;
    font-weight: 600;
    color: #5A0F1B;
    text-decoration: none;
}

/* MENÜ-Button (Text + Icon) */
.wp-block-navigation__responsive-container-open {
    display: flex !important;
    gap: 8px;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #8D1D2F;
}

/* Hamburger-Icon-Farbe */
.wp-block-navigation__responsive-container-open svg {
    stroke: #8D1D2F;
}

/* --------- OVERLAY-STYLING --------- */

/* Vollbild-Hintergrund vom Overlay */
.wp-block-navigation__responsive-container.is-menu-open {
    background-color: #8D1D2F !important;
    padding-top: 60px;
}

/* Menülinks im Overlay */
.wp-block-navigation__responsive-container.is-menu-open a {
    color: #FFFFFF !important;
    font-size: 32px;
    font-weight: 500;
    text-align: center;
}

/* Separatoren im Overlay */
.overlay-separator {
    border-top: 2px solid #FFFFFF !important;
    width: 40% !important;
    margin: 40px auto !important;
}

/* Footer im Overlay */
.overlay-footer {
    margin-top: 80px;
    text-align: center;
    color: #FFFFFF;
    opacity: 0.95;
}

.overlay-footer a {
    color: #FFFFFF !important;
    text-decoration: none;
}