/* Extracted unchanged from the original page markup (zs-drop--9e0c54). Do not edit unless intended. */
.has-drop{position:relative}
.has-drop>a .caret{width:12px;height:12px;margin-left:5px;transition:transform .2s;vertical-align:-1px}
.drop{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(8px);display:grid;grid-auto-flow:column;grid-template-rows:repeat(5,auto);gap:2px 8px;width:600px;max-width:calc(100vw - 40px);background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg);padding:12px;opacity:0;visibility:hidden;transition:opacity .2s,transform .2s;list-style:none;z-index:70}
.drop::before{content:"";position:absolute;top:-16px;left:0;right:0;height:16px}
.has-drop:hover .drop,.has-drop:focus-within .drop{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.has-drop:hover>a .caret{transform:rotate(180deg)}
.drop li{width:100%}
.drop a{display:flex!important;align-items:center;gap:11px;padding:10px 12px!important;border-radius:11px;color:var(--ink)!important;text-transform:none!important;letter-spacing:0!important;font-size:.93rem!important;font-weight:600!important;border:none!important;transition:background .15s}
.drop a:hover{background:var(--sky-50);color:var(--wine)!important}
.drop a .di{width:34px;height:34px;border-radius:9px;background:var(--wine-soft);color:var(--wine);display:grid;place-items:center;flex:0 0 auto}
.drop a .di svg{width:18px;height:18px}
.drop a small{display:block;font-weight:500;color:var(--muted);font-size:.79rem;margin-top:1px}
.drop .dcur{background:var(--sky-50)}
.drop .dcur a{color:var(--wine)!important}
@media(max-width:960px){
  .drop{width:520px}
}
@media(max-width:900px){
  .has-drop{width:100%}
  .has-drop>a .caret{display:none}
  .drop{position:static;transform:none;opacity:1;visibility:visible;display:block;width:auto;max-width:none;box-shadow:none;border:none;border-bottom:1px solid var(--line);border-radius:0;padding:4px 0 10px;background:transparent}
  .drop::before{display:none}
  .drop a{padding:10px 8px!important;border-radius:9px}
  .drop a .di{width:30px;height:30px}
}
/* --- primary nav: alle Menuepunkte in einer Zeile nebeneinander --- */
@media(min-width:901px){
  header.site .nav{gap:14px;flex-wrap:nowrap}
  header.site .nav-links{gap:18px;flex-wrap:nowrap;margin-left:auto}
  header.site .nav-links>li{white-space:nowrap}
  header.site .nav-links>li>a{white-space:nowrap;font-size:.78rem;letter-spacing:.03em}
  header.site .brand img{height:50px}
  header.site .nav-cta{gap:10px;flex:0 0 auto}
}
@media(min-width:901px) and (max-width:1200px){
  header.site .nav-phone{display:none}
  header.site .nav-links{gap:14px}
  header.site .nav-links>li>a{letter-spacing:.01em}
}