/* Kopfzeile: bleibt beim Scrollen stehen, mobil eine Zeile mit Menüsymbol */
html{scroll-padding-top:84px}
.nav{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.86);-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);transition:box-shadow .25s}
.nav.scrolled{box-shadow:0 1px 0 var(--line),0 10px 30px rgba(11,13,18,.06)}
.nav .wrap{padding-block:14px;transition:padding .25s}
.nav.scrolled .wrap{padding-block:10px}
.nav ul a{text-decoration:none}
.nav ul a:hover{color:var(--ink)}
.nav .menu-cta{display:none}
.nav .menu-btn{width:44px;height:44px;padding:0;border-radius:999px;place-items:center;flex:none}
.menu-btn .bars,.menu-btn .bars::before,.menu-btn .bars::after{display:block;width:18px;height:2px;border-radius:2px;background:currentColor;transition:transform .25s}
.menu-btn .bars{position:relative}
.menu-btn .bars::before,.menu-btn .bars::after{content:"";position:absolute;left:0}
.menu-btn .bars::before{top:-6px}
.menu-btn .bars::after{top:6px}
.menu-btn[aria-expanded="true"] .bars{background:transparent}
.menu-btn[aria-expanded="true"] .bars::before{transform:translateY(6px) rotate(45deg)}
.menu-btn[aria-expanded="true"] .bars::after{transform:translateY(-6px) rotate(-45deg)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(max-width:860px){
  html{scroll-padding-top:72px}
  .nav .wrap{flex-wrap:nowrap;gap:10px;padding-block:10px}
  .nav.scrolled .wrap{padding-block:8px}
  .nav .menu-btn{display:grid;margin-left:0}
  .nav .logo{font-size:18px;margin-right:auto;min-width:0}
  .nav .logo small{display:none}
  .nav>.wrap>.btn.sm{display:none}
  .nav ul.open{position:absolute;top:100%;left:0;right:0;display:flex;flex-direction:column;gap:0;width:auto;margin:0;padding:6px 16px 18px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 18px 40px rgba(11,13,18,.10);font-size:17px}
  .nav ul.open li a{display:block;padding:14px 2px;border-top:1px solid var(--line);color:var(--ink);font-weight:600;font-family:var(--fd)}
  .nav ul.open li:first-child a{border-top:0}
  .nav ul.open .menu-cta{display:block;padding-top:12px}
  .nav ul.open .menu-cta a.btn{display:flex;justify-content:center;border:0;color:#fff;padding:15px 20px}
}
.logo .logo-mark{width:30px;height:30px;border-radius:7px;flex:none;display:block}
@media(max-width:960px){.fcols>div:first-child{grid-column:1/-1}}