/* ---------- Mockup H: Navigation auf der Landing Page ---------- */
@media(max-width:1100px){
  .hdr-by{display:none}
  .burger{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4.5px;
    width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:#fff;flex:none}
  .nav{
    display:flex!important;position:fixed;left:0;right:0;top:62px;
    flex-direction:column;align-items:stretch;gap:0;
    background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--sh-2);
    padding:10px 20px 24px;max-height:calc(100vh - 62px);overflow:auto;z-index:59;
    max-height:calc(100dvh - 62px);overscroll-behavior:contain;
    opacity:0;visibility:hidden;transform:translateY(-10px);
    transition:opacity .2s ease,transform .26s cubic-bezier(.22,.61,.36,1),visibility .26s;
  }
  body.is-menu .nav{opacity:1;visibility:visible;transform:none}
  body.is-menu{overflow:hidden}
  .nav > a,.nav-trigger{
    width:100%;justify-content:space-between;padding:14px 4px;font-size:17px;min-height:0;
    border-radius:0;border-bottom:1px solid var(--line-2);background:none!important;box-shadow:none;
  }
  .nav > a.is-active{color:var(--blue);box-shadow:none}
  .nav-item{width:100%;position:static}
  .mega{
    position:static;width:auto;opacity:1;visibility:visible;transform:none;
    box-shadow:none;border:0;padding:0;grid-template-columns:1fr;gap:0;
    background:#F7F8FA;border-radius:12px;margin:8px 0 6px;display:none;
  }
  .nav-item.is-open .mega{display:grid;padding:6px}
  .mega-card{padding:13px 14px}
  .mega-card .mega-ic{display:none}
  .hdr-login{width:auto!important;height:40px;padding:0 14px}
}
@media(min-width:1101px){
  .nav{position:static;opacity:1;visibility:visible;transform:none}
  .nav-item{position:relative}
}