/* Elbetal v20 - Navigation: scharf auf Widescreen + stabiles Mobile-Menue */
:root{--ef-v20-blue:#071d4f;--ef-v20-blue2:#0b3478;--ef-v20-green:#72b72a;}

/* Desktop: keine Blur-/Glass-/Transform-Effekte auf der Navigation, damit Schrift nicht weich wirkt */
.ef-site-header,
.ef-site-header *,
.ef-nav,
.ef-nav *,
.ef-topline,
.ef-topline *{
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
  text-rendering:geometricPrecision!important;
}
.ef-site-header,
.ef-nav,
.ef-nav-inner,
.ef-menu-panel,
.ef-menu,
.ef-menu-item,
.ef-menu-link,
.ef-brand,
.ef-brand-logo{
  filter:none!important;
  -webkit-filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  perspective:none!important;
  transform-style:flat!important;
}
.ef-site-header{
  background:#fff!important;
  box-shadow:0 1px 0 rgba(7,29,79,.10),0 12px 28px rgba(7,29,79,.08)!important;
}
.ef-nav{background:#fff!important;}
.ef-nav-inner{transform:none!important;translate:0 0!important;}
.ef-brand,
.ef-brand-logo,
.ef-menu-link{
  transform:none!important;
  translate:0 0!important;
  will-change:auto!important;
}
.ef-brand-logo{
  image-rendering:auto!important;
  backface-visibility:hidden!important;
}
.ef-menu-link{
  text-shadow:none!important;
  opacity:1!important;
  color:var(--ef-v20-blue)!important;
  font-weight:800!important;
}
.ef-menu-link:hover,
.ef-menu-item:hover>.ef-menu-link,
.ef-menu-item:focus-within>.ef-menu-link{
  color:var(--ef-v20-blue)!important;
  background:#f2f7fb!important;
  text-decoration:none!important;
}
.ef-menu-cta>.ef-menu-link,
.ef-menu-cta>.ef-menu-link:hover{
  color:#fff!important;
  background:var(--ef-v20-blue)!important;
}

/* Dropdowns bleiben stabil anklickbar */
.ef-mega,
.ef-dropdown{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  filter:none!important;
  transform:none!important;
  transition:opacity .16s ease,visibility .16s ease!important;
  top:calc(100% + 8px)!important;
}
.ef-mega:before,
.ef-dropdown:before{
  content:""!important;
  position:absolute!important;
  top:-18px!important;
  left:0!important;
  right:0!important;
  height:18px!important;
  display:block!important;
}

/* Mobile: sichtbares, aufklappbares Panel. Die Klasse v20-open kommt aus js/elbetal-v20-navigation-fix.js */
@media(max-width:991px){
  body.ef-menu-open{overflow:hidden!important;}
  .ef-topline{display:none!important;}
  .ef-nav-inner{min-height:76px!important;}
  .ef-menu-toggle{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    position:relative!important;
    z-index:10003!important;
    background:#fff!important;
    border:1px solid rgba(7,29,79,.18)!important;
    border-radius:10px!important;
    color:var(--ef-v20-blue)!important;
    box-shadow:0 10px 24px rgba(7,29,79,.10)!important;
  }
  .ef-menu-toggle span{background:var(--ef-v20-blue)!important;}
  .ef-menu-panel{
    position:fixed!important;
    z-index:10002!important;
    top:76px!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    display:block!important;
    overflow:auto!important;
    padding:16px 20px 42px!important;
    background:#fff!important;
    transform:translateX(110%)!important;
    translate:0 0!important;
    opacity:1!important;
    visibility:visible!important;
    transition:transform .24s ease!important;
    box-shadow:inset 0 1px 0 rgba(7,29,79,.08)!important;
  }
  .ef-menu-panel.is-open,
  .ef-menu-panel.v20-open{
    transform:translateX(0)!important;
  }
  .ef-menu{
    display:block!important;
    max-width:760px!important;
    margin:0 auto!important;
    padding:0!important;
  }
  .ef-menu-item{
    position:relative!important;
    border-bottom:1px solid rgba(7,29,79,.10)!important;
  }
  .ef-menu-link{
    display:flex!important;
    min-height:56px!important;
    padding:17px 52px 17px 4px!important;
    border-radius:0!important;
    color:var(--ef-v20-blue)!important;
    background:transparent!important;
  }
  .ef-sub-toggle{
    display:block!important;
    position:absolute!important;
    right:0!important;
    top:8px!important;
    width:42px!important;
    height:42px!important;
    border:1px solid rgba(7,29,79,.16)!important;
    background:#fff!important;
    border-radius:10px!important;
    z-index:2!important;
  }
  .ef-sub-toggle:before,
  .ef-sub-toggle:after{
    content:""!important;
    position:absolute!important;
    left:12px!important;
    right:12px!important;
    top:20px!important;
    height:2px!important;
    background:var(--ef-v20-blue)!important;
  }
  .ef-sub-toggle:after{transform:rotate(90deg)!important;}
  .ef-menu-item.is-open>.ef-sub-toggle:after{opacity:0!important;}
  .ef-mega,
  .ef-dropdown{
    position:static!important;
    display:none!important;
    width:auto!important;
    min-width:0!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    translate:0 0!important;
    box-shadow:none!important;
    border:0!important;
    border-left:4px solid var(--ef-v20-green)!important;
    border-radius:0!important;
    background:#f4f8fc!important;
    padding:10px 0 18px 16px!important;
  }
  .ef-menu-item.is-open>.ef-mega,
  .ef-menu-item.is-open>.ef-dropdown{
    display:block!important;
  }
  .ef-mega{grid-template-columns:1fr!important;}
}