/*
Theme Name: Twenty Twenty-Five Child
Theme URI: https://example.com
Description: Child Theme für Twenty Twenty-Five
Author: DJ Achim
Template: twentytwentyfive
Version: 1.0
Text Domain: twentytwentyfive-child
*/

/* Allgemeines Styling */
body {
    font-family: Arial, sans-serif;
}

/* Header */
.site-header {
    background: #111;
    color: white;
    padding: 20px;
}

.site-header h1 {
    margin: 0;
}

/* Navigation */
.site-nav a {
    color: white;
    text-decoration: none;
    margin-right: 20px;
}

.site-nav a:hover {
    text-decoration: underline;
}

/* Footer */
.site-footer {
    background: #222;
    color: #ddd;
    text-align: center;
    padding: 30px;
    margin-top: 40px;
}

/* Farbe der Zwischenräume ändern */
body,
.wp-site-blocks {
    background-color: #020F3C;
}

/* =========================
   NUR MOBILE MENÜ
========================= */
@media (max-width: 768px) {

    /* Overlay mit Headerbild */
    .wp-block-navigation__responsive-container.is-menu-open {
        background-image: url("/wp-content/uploads/2026/05/C7D5.tmp_.jpg") !important;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;

        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

    /* Menü mittig und etwas tiefer */
    .wp-block-navigation__responsive-container-content {
        width: 100%;
        text-align: center;
        transform: translateY(0px);
    }

    /* Größere Schrift */
    .wp-block-navigation__responsive-container-content a {
        color: #fff !important;
        font-size: 2rem !important;
        font-weight: 600;
        display: block;
        margin: 18px 0;
        text-align: center;
        text-shadow: 0 2px 8px rgba(0,0,0,0.8);
    }

    /* Hamburger + X sichtbar */
    .wp-block-navigation__responsive-container-open,
    .wp-block-navigation__responsive-container-close {
        color: #fff !important;
    }
}


/* Hamburger-Icon ausblenden */
.wp-block-navigation__responsive-container-open svg {
    display: none !important;
}

/* "MENÜ" als Text anzeigen */
.wp-block-navigation__responsive-container-open::before {
    content: "Menü";
    font-size: 1.2rem;
    font-weight: 600;
    color: #fff;
    letter-spacing: 1px;
}

/* optional: etwas mehr Klick-Fläche */
.wp-block-navigation__responsive-container-open {
    display: flex;
    align-items: center;
    cursor: pointer;
}