/* MENU TOGGLE FIX - Stelle sicher dass der Toggle-Button immer klickbar ist */

/* Toggle Button muss über allem sein wenn Menü offen ist */
.nav-toggle {
    position: relative !important;
    z-index: 100001 !important;
    cursor: pointer !important;
    pointer-events: auto !important;
}

/* Wenn Menü aktiv ist, Toggle noch höher */
.nav-toggle.active {
    z-index: 100002 !important;
}

/* Das Menü selbst */
.nav-menu.active,
ul.nav-menu.active {
    z-index: 100000 !important;
}

/* Entferne Overlay - kein grauer Hintergrund */
body.menu-open::before {
    display: none !important;
}

/* Mobile spezifisch */
@media (max-width: 768px) {
    /* Toggle Button Animation beim Öffnen/Schließen */
    .nav-toggle .bar {
        transition: all 0.3s ease !important;
    }
    
    .nav-toggle.active .bar:nth-child(1) {
        transform: rotate(45deg) translate(5px, 5px) !important;
    }
    
    .nav-toggle.active .bar:nth-child(2) {
        opacity: 0 !important;
    }
    
    .nav-toggle.active .bar:nth-child(3) {
        transform: rotate(-45deg) translate(7px, -6px) !important;
    }
    
    /* Toggle Button Styling */
    .nav-toggle {
        background: transparent !important; /* Kein Hintergrund */
        min-width: 40px !important;
        min-height: 40px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
}