/* Mobiles Menü geöffnet: Navbar transparent & Logo kompakt/weiß */
        body.menu-open #navbar {
            background: transparent !important;
            backdrop-filter: none !important;
            -webkit-backdrop-filter: none !important;
            border-bottom-color: transparent !important;
            box-shadow: none !important;
        }
        body.menu-open .nav-logo {
            filter: brightness(0) invert(1) !important;
            width: min(54vw, 205px);
            height: auto !important;
        }

        /* Mobiles Menü: Sanfter Einblend-Effekt beim Öffnen, sofortiges Schließen */
        #mobile-menu {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            height: 100dvh;
            padding-bottom: max(2.5rem, env(safe-area-inset-bottom, 2.5rem));
            background-color: #111111 !important;
            background: #111111 !important;
            opacity: 0;
            pointer-events: none;
            transition: none;
            overscroll-behavior: contain;
            -webkit-overflow-scrolling: touch;
        }
        #mobile-menu.hidden {
            display: none !important;
        }
        #mobile-menu.menu-active {
            opacity: 1;
            pointer-events: auto;
            transition: opacity 0.22s ease-out;
        }
        @media (prefers-color-scheme: dark) {
            #mobile-menu {
                background-color: #0A0A0A !important;
                background: #0A0A0A !important;
            }
        }

        /* Dezente Stufung der Menülinks beim Öffnen */
        #mobile-menu .mobile-nav-link {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            width: min(100%, 320px);
            min-height: 44px;
            font-size: clamp(28px, 4vw, 34px);
            line-height: 1.2;
        }

        .mobile-nav-link {
            opacity: 0;
            transform: translateY(-4px);
            transition: none;
        }
        #mobile-menu.menu-active .mobile-nav-link {
            opacity: 1;
            transform: translateY(0);
            transition: opacity 0.22s ease, transform 0.22s ease, color 0.2s ease;
        }
        #mobile-menu.menu-active .mobile-nav-link:nth-child(1) { transition-delay: 0.03s; }
        #mobile-menu.menu-active .mobile-nav-link:nth-child(2) { transition-delay: 0.05s; }
        #mobile-menu.menu-active .mobile-nav-link:nth-child(3) { transition-delay: 0.07s; }
        #mobile-menu.menu-active .mobile-nav-link:nth-child(4) { transition-delay: 0.09s; }
        #mobile-menu.menu-active .mobile-nav-link:nth-child(5) { transition-delay: 0.11s; }
        #mobile-menu.menu-active .mobile-nav-link:nth-child(6) { transition-delay: 0.13s; }

        /* Burger Icon Animation */
        #burger-icon-symbol {
            display: inline-block;
            transition: transform 0.22s ease;
        }
        body.menu-open #burger-icon-symbol {
            transform: rotate(90deg);
        }