/* Mobile-Navigation (bis 980px): Tap-Menü statt Hover, einspaltig, Untermenüs per Tipp */
.nav-toggle{display:none}

@media (max-width:980px){
  .nav-toggle{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;width:2.6rem;height:2.6rem;margin-left:.6rem;padding:0;background:transparent;border:1px solid rgba(255,255,255,.5);cursor:pointer}
  .nav-toggle span{display:block;width:1.2rem;height:1.5px;background:#fff;transition:transform .2s ease,opacity .2s ease}
  .home-header.is-nav-open .nav-toggle span:nth-child(1){transform:translateY(.45rem) rotate(45deg)}
  .home-header.is-nav-open .nav-toggle span:nth-child(2){opacity:0}
  .home-header.is-nav-open .nav-toggle span:nth-child(3){transform:translateY(-.45rem) rotate(-45deg)}
  .header-main{grid-template-columns:1fr auto auto!important}

  .home-nav{display:none!important}
  .home-header.is-nav-open .home-nav{display:flex!important;flex-direction:column;gap:0;position:absolute;top:100%;left:-1px;right:-1px;height:auto;max-height:calc(100vh - 7rem);overflow-y:auto;padding:.5rem 1.25rem 1.5rem;grid-template-columns:none;color:var(--ink);background:var(--paper);opacity:1!important;visibility:visible!important;transform:none!important;box-shadow:0 22px 45px rgba(0,0,0,.16)}

  .home-header.is-nav-open .home-nav>a,
  .home-header.is-nav-open .nav-item>button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:3rem;margin:0;padding:.8rem 0;color:var(--ink);background:none;border:0;border-bottom:1px solid rgba(0,0,0,.1);font:inherit;font-size:1rem;text-align:left;text-decoration:none;cursor:pointer}
  .home-header.is-nav-open .nav-item{display:block;width:100%}
  .home-header.is-nav-open .nav-chevron{transition:transform .2s ease}
  .home-header.is-nav-open .nav-item.is-expanded .nav-chevron{transform:rotate(-135deg)}

  .home-header.is-nav-open .nav-item .mega-menu{display:none!important}
  .home-header.is-nav-open .nav-item.is-expanded>.mega-menu{display:grid!important;position:static!important;width:auto!important;grid-template-columns:1fr!important;gap:1rem!important;padding:.8rem 0 1rem .6rem!important;box-shadow:none!important;background:transparent!important;opacity:1!important;visibility:visible!important;transform:none!important}
  .home-header.is-nav-open .mega-menu__grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .home-header.is-nav-open .mega-menu__sidebar{padding:0 0 .8rem}
}
