.lang{font:500 .8125rem/1.4 var(--m);color:var(--grey);letter-spacing:.02em;
  padding:6px 10px;border:1px solid var(--rule);border-radius:2px;
  white-space:nowrap;transition:border-color .2s var(--ez),color .2s var(--ez)}
.lang:hover{color:var(--ink);border-color:var(--ink-2);text-decoration:none}
.lang b{font-weight:600;color:var(--ink)}


.alslink{background:none;border:0;padding:0;font:inherit;color:var(--rust);
  cursor:pointer;text-align:left}
.alslink:hover{text-decoration:underline;text-underline-offset:3px}
.fuss .alslink{color:inherit}

.fuss-lang{color:inherit}


.navknopf{display:none;background:none;border:1px solid var(--rule);border-radius:2px;
  width:42px;height:42px;padding:0;cursor:pointer;flex:0 0 auto;margin-left:12px;
  align-items:center;justify-content:center;transition:border-color .2s var(--ez)}
.navknopf:hover{border-color:var(--ink-2)}
.navknopf-striche{display:block;width:18px;height:12px;position:relative}
.navknopf-striche i{position:absolute;left:0;width:100%;height:1.5px;background:var(--ink);
  border-radius:1px;transition:transform .25s var(--ez),opacity .2s var(--ez)}
.navknopf-striche i:nth-child(1){top:0}
.navknopf-striche i:nth-child(2){top:5.25px}
.navknopf-striche i:nth-child(3){top:10.5px}

.navknopf[aria-expanded="true"] .navknopf-striche i:nth-child(1){transform:translateY(5.25px) rotate(45deg)}
.navknopf[aria-expanded="true"] .navknopf-striche i:nth-child(2){opacity:0}
.navknopf[aria-expanded="true"] .navknopf-striche i:nth-child(3){transform:translateY(-5.25px) rotate(-45deg)}


.mobilnav{display:none;border-top:1px solid var(--rule);background:var(--sheet);
  padding:18px 0 26px}

.mobilnav.offen{max-height:calc(100dvh - 64px);overflow-y:auto;overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch}
.mobilnav ul{list-style:none;margin:0 0 18px;padding:0}
.mobilnav li{border-bottom:1px solid var(--rule)}
.mobilnav li:last-child{border-bottom:0}
.mobilnav a{display:block;padding:13px 22px;color:var(--ink);
  font:500 1.0625rem/1.3 var(--t)}
.mobilnav a:hover{text-decoration:none;background:var(--paper-2)}
.mobilnav .act>a,.mobilnav a.act{color:var(--rust)}

.mobilnav .unter a{padding-left:40px;font-weight:400;font-size:.9375rem;color:var(--ink-2)}
.mobilnav .unter a::before{content:"";display:inline-block;width:10px;height:1px;
  background:var(--rule);vertical-align:middle;margin-right:10px}
.mobilnav>.btn{display:block;margin:0 22px 14px;text-align:center}

.mobilnav>.btn,.mobilnav>.btn:hover{color:#fff;background:var(--rust)}
.mobilnav-lang{display:block;padding:0 22px;color:var(--grey);
  font:500 .8125rem/1.4 var(--m)}

@media(max-width:900px){
  .navknopf{display:flex;margin-left:0}
  
  .topbar{gap:12px}
  
  .topbar>.lang{display:none}
  .mobilnav.offen{display:block}
  
  html.nav-offen,html.nav-offen body{overflow:hidden}
}


@media(max-width:400px){
  .topbar>.btn{display:none}
}

@media(min-width:1081px){
  
  .mobilnav{display:none!important}
}

@media(prefers-reduced-motion:reduce){
  .navknopf-striche i{transition:none}
}



nav.mainnav li.hat-unter{position:relative}
nav.mainnav .untermenu{
  position:absolute; top:100%; left:-14px; z-index:60;
  display:block; min-width:230px; padding:8px 0; margin:0;
  background:var(--paper,#F6F3EC); border:1px solid var(--rule,#D9D3C6);
  box-shadow:0 10px 30px -18px rgba(22,32,43,.45);
  list-style:none; flex-direction:column; gap:0;
  opacity:0; visibility:hidden; transform:translateY(-6px);
  transition:opacity .16s ease, transform .16s ease, visibility .16s;
}
nav.mainnav li.hat-unter:hover > .untermenu,
nav.mainnav li.hat-unter:focus-within > .untermenu{
  opacity:1; visibility:visible; transform:translateY(0);
}
nav.mainnav .untermenu li{display:block}
nav.mainnav .untermenu a{
  display:block; padding:8px 18px; border-bottom:none;
  font-size:.9375rem; color:var(--ink-2,#3C4855); white-space:nowrap;
}
nav.mainnav .untermenu a:hover,
nav.mainnav .untermenu a:focus-visible{
  background:var(--rust-tint,#F2E7E1); color:var(--rust,#9B3B22);
}
@media (prefers-reduced-motion:reduce){
  nav.mainnav .untermenu{transition:none; transform:none}
}


.topbar>.btn{white-space:nowrap}


@media(max-width:1080px){
  nav.mainnav{display:none}
  .navknopf{display:flex;margin-left:0}
  .topbar>.lang{display:none}
  .mobilnav.offen{display:block}
  html.nav-offen,html.nav-offen body{overflow:hidden}
}


@media(max-width:1080px){.topbar>.btn{margin-left:auto}}
@media(max-width:400px){.topbar>.navknopf{margin-left:auto}}