/* ======================================================================
   Hamburger-Dropdown  +  Blur-Overlay  –  Speed via Variablen steuerbar
   ====================================================================== */

/* ---------- zentrale Geschwindigkeits-Variablen ---------------------- */
:root{
  --blur-strength: 30px;  /* unverändert     */
}



/* ---------- Dropdown-Container -------------------------------------- */
#dropdownContent{
  position:absolute !important; top:100% !important; left:0 !important; width:100% !important;
  display:flex !important; flex-direction:column !important;

  max-height:0 !important; overflow:hidden !important;
  opacity:0 !important; visibility:hidden !important;
  padding-top:10px !important;

  transition:
    opacity   var(--fade-speed) ease,
    visibility 0s var(--fade-speed) !important;

  z-index:2000 !important;
}

/* ---------- Dropdown-Links ------------------------------------------ */
.dropdown-content{
  padding:15px 20px !important; margin:0 15px 5px !important;
  font-size:1.6rem !important; color:#fff !important;
  text-decoration:none !important; border-radius:8px !important;
  border-top:1px solid rgba(255,255,255,.30) !important;
  transition:background-color .3s ease !important;
}
.dropdown-content:hover{ background:rgba(255,255,255,.15) !important; }


/* ---------- Blur-Overlay -------------------------------------------- */
.blur-background{
  position:fixed !important; inset:0 !important;
  z-index:1500 !important;
  background:rgba(0,0,0,.25) !important;
  backdrop-filter:blur(var(--blur-strength)) !important;
  -webkit-backdrop-filter:blur(var(--blur-strength)) !important;

  opacity:0 !important; visibility:hidden !important;
  pointer-events:none !important;
  transition:
    opacity   var(--fade-speed) ease,
    visibility 0s var(--fade-speed) !important;
}

/* ---------- iOS-Scroll-Fix & Motion-Prefs --------------------------- */
html, body{
  -webkit-overflow-scrolling:touch !important;
  overscroll-behavior-y:contain !important;
}
@media (prefers-reduced-motion: reduce){
  #dropdownContent, .blur-background{ transition:none !important; }
}