/**
 * Mobil-Navbar: lädt nach main.css, garantiert sichtbarer Toggle + DE|TR|EN + Menü öffnet
 * Cache-Buster: ?v=8 beim Ändern erhöhen
 */
@media (max-width: 768px) {
  /* Geschlossenes Menü blockiert keine Klicks auf Toggle */
  body .navbar .navbar-links:not(.active) {
    pointer-events: none !important;
  }
  body .navbar .navbar-toggle,
  body.theme-ref .navbar .navbar-toggle,
  body.page-home .navbar .navbar-toggle {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 2001 !important;
  }
  body .navbar .navbar-actions,
  body.theme-ref .navbar .navbar-actions,
  body.page-home .navbar .navbar-actions {
    display: flex !important;
    visibility: visible !important;
  }
  body .navbar .navbar-actions .navbar-lang,
  body.theme-ref .navbar .navbar-actions .navbar-lang {
    display: flex !important;
    visibility: visible !important;
    gap: 2px;
    flex-shrink: 0;
  }
  body .navbar .navbar-actions .navbar-lang-link,
  body.theme-ref .navbar .navbar-actions .navbar-lang-link {
    display: inline-flex !important;
    min-width: 32px;
    padding: 6px 6px;
    font-size: 13px;
    font-weight: 700;
    color: #1a3844;
    background: #E8E4DF;
    border-radius: 6px;
    min-height: 44px;
  }
  body .navbar .navbar-actions .navbar-lang-link.is-active {
    background: #1a3844 !important;
    color: #fff !important;
  }
  body .navbar .navbar-logo-icon {
    max-width: 100px !important;
  }
  /* Menü-Overlay: volle Höhe, alle Einträge sichtbar, scrollbar falls nötig */
  body.nav-menu-open .navbar .navbar-links,
  body .navbar .navbar-links.active,
  body.theme-ref .navbar .navbar-links.active,
  body.page-home .navbar .navbar-links.active {
    left: 0 !important;
    right: 0 !important;
    top: 64px !important;
    bottom: 0 !important;
    width: 100% !important;
    min-height: calc(100vh - 64px) !important;
    transform: translateX(0) !important;
    visibility: visible !important;
    clip-path: none !important;
    z-index: 2000 !important;
    pointer-events: auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background: #ffffff !important;
    backdrop-filter: none !important;
    padding: 24px 20px 40px !important;
  }
  /* Alle Menüpunkte anzeigen (nicht nur Startseite) */
  body.nav-menu-open .navbar .navbar-links > li,
  body .navbar .navbar-links.active > li {
    display: block !important;
    visibility: visible !important;
    margin: 8px 0 !important;
  }
  /* Menü-Links: gut lesbar, dunkel auf weiß */
  body.nav-menu-open .navbar .navbar-links a,
  body .navbar .navbar-links.active a,
  body .navbar .navbar-links a.nav-link {
    color: #1a3844 !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    padding: 14px 20px !important;
  }
  body.nav-menu-open .navbar .navbar-mobile-extra .navbar-phone,
  body .navbar .navbar-links.active .navbar-mobile-extra .navbar-phone {
    color: #1a3844 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
  }
  body.nav-menu-open .navbar .navbar-mobile-extra .navbar-lang-link,
  body .navbar .navbar-links.active .navbar-mobile-extra .navbar-lang-link {
    color: #1a3844 !important;
    background: #E8E4DF !important;
  }
  body.nav-menu-open .navbar .navbar-mobile-extra .navbar-lang-link.is-active,
  body .navbar .navbar-links.active .navbar-mobile-extra .navbar-lang-link.is-active {
    color: #fff !important;
    background: #1a3844 !important;
  }
  /* Doppelte Sprachauswahl entfernen: nur in der Kopfzeile, nicht im Menü */
  body .navbar .navbar-links .navbar-mobile-extra .navbar-lang,
  body.nav-menu-open .navbar .navbar-mobile-extra .navbar-lang,
  body .navbar .navbar-links.active .navbar-mobile-extra .navbar-lang {
    display: none !important;
  }
  /* Wenn Menü offen: nichts abschneiden */
  body.nav-menu-open .navbar,
  body.nav-menu-open .navbar .navbar-container {
    overflow: visible !important;
  }
}
@media (max-width: 480px) {
  body .navbar .navbar-logo-icon {
    max-width: 90px !important;
  }
}