:root{ --zzn-dauer:260ms; --zzn-kurve:cubic-bezier(.65,0,.35,1); --zzn-schleier:120ms; --zzn-header:140ms; --zzn-breite:33.333vw; --zzn-lv-breite:max(29vw, 420px);
  
  --zzn-schieber:500ms; --zzn-schieber-kurve:cubic-bezier(.22,1,.36,1) }
body{ --zzn-headergrund:var(--paper) }


body[data-nav-variante]{ padding-top:0; --hdr-off:0px }
body[data-nav-variante] .hero-v{ height:100svh }
body[data-nav-variante] .mega-wrap:not(.open){ border-bottom-width:0 }
body[data-nav-variante] .hdr .util, body[data-nav-variante] .hdr .brandrow, body[data-nav-variante] .hdr .nav,
body[data-nav-variante] .hdr .hdr-l, body[data-nav-variante] .hdr .hdr-r, body[data-nav-variante] .hdr .hdr-c{ background:transparent }


body[data-nav-variante] .drawer{ transition:transform var(--zzn-schieber) var(--zzn-schieber-kurve), visibility 0s linear var(--zzn-schieber) }
body[data-nav-variante] .drawer.open{ transition:transform var(--zzn-schieber) var(--zzn-schieber-kurve), visibility 0s }
body[data-nav-variante] .bagdrawer, body[data-nav-variante] .panel{ transition-duration:var(--zzn-schieber); transition-timing-function:var(--zzn-schieber-kurve) }
body[data-nav-variante] .scrim{ transition:opacity var(--zzn-schleier) var(--zzn-kurve), visibility 0s linear var(--zzn-schleier) }
body[data-nav-variante] .scrim.open{ transition:opacity var(--zzn-schleier) var(--zzn-kurve), visibility 0s }
body[data-nav-variante] .hdr{ transition:background-color var(--zzn-header) var(--zzn-kurve), color var(--zzn-header) var(--zzn-kurve), border-color var(--zzn-header) var(--zzn-kurve) }
body[data-nav-variante] .mega-wrap{ transition:max-height var(--zzn-dauer) var(--zzn-kurve) }


body.zzn-durchsicht .hdr{ background:transparent; border-bottom-color:transparent }
body.zzn-durchsicht[data-untergrund="dunkel"] .hdr,
body.zzn-durchsicht[data-untergrund="dunkel"] .hdr a,
body.zzn-durchsicht[data-untergrund="dunkel"] .hdr button,
body.zzn-durchsicht[data-untergrund="dunkel"] .hdr .logo{ color:#fff }
body.zzn-durchsicht[data-untergrund="dunkel"] .hdr svg{ stroke:#fff }
body.zzn-durchsicht:not([data-untergrund="hell"]) .hdr, body.zzn-durchsicht:not([data-untergrund="hell"]) .hdr a, body.zzn-durchsicht:not([data-untergrund="hell"]) .hdr button, body.zzn-durchsicht:not([data-untergrund="hell"]) .hdr .logo{ color:#fff }
body.zzn-durchsicht:not([data-untergrund="hell"]) .hdr svg{ stroke:#fff }
body.zzn-durchsicht[data-untergrund="hell"] .hdr,
body.zzn-durchsicht[data-untergrund="hell"] .hdr a,
body.zzn-durchsicht[data-untergrund="hell"] .hdr button,
body.zzn-durchsicht[data-untergrund="hell"] .hdr .logo{ color:var(--ink) }
body.zzn-durchsicht[data-untergrund="hell"] .hdr svg{ stroke:var(--ink) }

body.zzn-durchsicht .hdr:hover{ background:var(--zzn-headergrund); border-bottom-color:var(--line-soft); color:var(--ink) }
body.zzn-durchsicht .hdr:hover a, body.zzn-durchsicht .hdr:hover button, body.zzn-durchsicht .hdr:hover .logo{ color:var(--ink) }
body.zzn-durchsicht .hdr:hover svg{ stroke:var(--ink) }
body[data-nav-variante]:not(.zzn-durchsicht) .hdr{ background:var(--zzn-headergrund) }

.zzn-schalter{ position:fixed; left:16px; bottom:16px; z-index:200; display:flex; gap:6px; font:14px/1 system-ui, sans-serif }
.zzn-schalter button{ padding:8px 12px; border:1px solid var(--line); background:var(--paper); color:var(--ink); cursor:pointer; letter-spacing:.06em; text-transform:uppercase }
.zzn-schalter button[data-an="1"]{ background:var(--ink); color:var(--paper) }


body[data-nav-variante="5"] .hdr .util{ display:none }
body[data-fassung="zaba"][data-nav-variante="5"] .hdr .brandrow{ display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:1.05rem var(--pad-x); min-height:72px; transition:margin-top var(--zzn-dauer) var(--zzn-kurve) }
body[data-fassung="zaba"][data-nav-variante="5"] .burger{ position:static; transform:none; display:inline-flex; align-items:center; gap:.5rem; font-family:var(--sans); font-size:14px; letter-spacing:.04em }
body[data-fassung="zaba"][data-nav-variante="5"] .zzn-lv-links{ display:flex; align-items:center; gap:1.6rem; justify-self:start }
body[data-fassung="zaba"][data-nav-variante="5"] .zzn-lv-suche{ display:inline-flex; align-items:center; gap:.5rem; background:none; border:0; cursor:pointer; color:inherit; font-family:var(--sans); font-size:14px; letter-spacing:.04em }
body[data-fassung="zaba"][data-nav-variante="5"] .zzn-lv-suche svg{ width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.4 }
body[data-fassung="zaba"][data-nav-variante="5"] .logo{ justify-self:center }
body[data-fassung="zaba"][data-nav-variante="5"] .hdr-icons{ position:static; transform:none; justify-self:end; display:flex; align-items:center; gap:1.3rem }
body[data-fassung="zaba"][data-nav-variante="5"] .hicon.opt{ display:inline-flex }
body[data-fassung="zaba"][data-nav-variante="5"] .hdr-icons #btnSearch{ display:none }
body[data-fassung="zaba"][data-nav-variante="5"] .zzn-lv-dienst{ background:none; border:0; cursor:pointer; color:inherit; font-family:var(--sans); font-size:14px; letter-spacing:.04em }

body[data-nav-variante="5"]:not([data-seitenband]) .hdr .nav, body[data-nav-variante="5"]:not([data-seitenband]) .zzn-band{ display:none !important }
body[data-fassung="zaba"][data-nav-variante="5"] .hdr .nav{ display:flex; background:var(--ink); color:var(--paper); padding:.9rem var(--pad-x); gap:clamp(1.4rem,3vw,3.2rem); justify-content:center }
body[data-fassung="zaba"][data-nav-variante="5"] .hdr .nav .nav-h{ color:var(--paper); opacity:.8; font-size:14px; letter-spacing:.02em; text-transform:none; padding:.2rem 0; border-bottom:1px solid transparent }
body[data-fassung="zaba"][data-nav-variante="5"] .hdr .nav .navitem.on .nav-h, body[data-fassung="zaba"][data-nav-variante="5"] .hdr .nav .nav-h:hover{ opacity:1; border-bottom-color:var(--paper) }
body[data-fassung="zaba"][data-nav-variante="5"] .hdr{ background:var(--zzn-headergrund) }
body[data-fassung="zaba"][data-nav-variante="5"].zzn-header-weg .hdr .brandrow{ margin-top:calc(-1 * var(--zzn-brandrow, 72px)) }
body[data-fassung="zaba"][data-nav-variante="5"] .drawer{ top:0; bottom:0; width:var(--zzn-breite); max-width:none; display:flex }
body[data-fassung="zaba"][data-nav-variante="5"] .mega-wrap{ display:none }

body[data-fassung="zaba"][data-nav-variante] .p-search{ top:0; bottom:0; max-height:none; border-bottom:0; padding:1.6rem var(--pad-x) 3rem; z-index:95 }
body[data-fassung="zaba"][data-nav-variante] .p-search .zzn-suche-marke{ display:block; text-align:center; font-family:var(--zz-logo,"NotoSerifDisplay",Didot,serif); font-weight:700; font-size:28px; letter-spacing:-.04em; text-transform:uppercase; margin:.4rem 0 1.4rem; color:var(--ink) }
body[data-fassung="zaba"][data-nav-variante] .p-search .zzn-suche-zu{ position:absolute; top:1.4rem; right:var(--pad-x); background:none; border:0; font-size:26px; line-height:1; cursor:pointer; color:var(--ink) }
body[data-fassung="zaba"][data-nav-variante] .p-search .sfield{ border:1.5px solid var(--ink); border-radius:100px; padding:.9rem 1.4rem; max-width:1340px; position:relative }
body[data-fassung="zaba"][data-nav-variante] .p-search .sfield input::placeholder{ color:transparent }
body[data-fassung="zaba"][data-nav-variante] .p-search .zzn-rotor{ position:absolute; left:3.2rem; top:50%; transform:translateY(-50%); pointer-events:none; color:var(--muted); font-size:14px; display:flex; gap:.4rem; overflow:hidden; height:1.4em }
body[data-fassung="zaba"][data-nav-variante] .p-search .zzn-rotor b{ font-weight:400; display:inline-block; transition:transform .35s var(--zzn-kurve), opacity .35s var(--zzn-kurve) }
body[data-fassung="zaba"][data-nav-variante] .p-search .zzn-rotor b.zzn-weg{ transform:translateY(-100%); opacity:0 }
body[data-fassung="zaba"][data-nav-variante] .p-search .zzn-rotor b.zzn-neu{ transform:translateY(100%); opacity:0 }
body[data-fassung="zaba"][data-nav-variante] .p-search.zzn-getippt .zzn-rotor{ display:none }
body[data-fassung="zaba"][data-nav-variante] .p-search h5{ text-align:center; letter-spacing:.14em }
body[data-fassung="zaba"][data-nav-variante] .p-search .chips{ justify-content:center }
body[data-fassung="zaba"][data-nav-variante] .p-search .chips a{ border:0; padding:.3rem .5rem }



body[data-fassung="zaba"][data-nav-variante="2"] .hdr .nav{ display:none }
body[data-fassung="zaba"][data-nav-variante="2"] .burger{ display:inline-flex }
body[data-fassung="zaba"][data-nav-variante="2"] .drawer{ top:0; bottom:0; width:var(--zzn-breite); max-width:none; display:flex }
@media (max-width:767px){ body[data-fassung="zaba"][data-nav-variante="2"] .drawer{ width:100vw } }

@media (min-width:768px) and (max-width:999px){ body[data-fassung="zaba"][data-nav-variante="2"] .drawer{ width:50vw } }
@media (min-width:1000px) and (max-width:1199px){ body[data-fassung="zaba"][data-nav-variante="2"] .drawer{ width:var(--zzn-breite) } }

body[data-fassung="zingo"][data-nav-variante="2"] .drawer{ top:var(--hh); --c1w:var(--zzn-breite) }
body[data-fassung="zingo"][data-nav-variante="2"] .drawer .col1{ width:var(--zzn-breite); flex:0 0 var(--zzn-breite) }
@media (max-width:767px){ body[data-fassung="zingo"][data-nav-variante="2"] .drawer{ top:var(--hh) !important; height:calc(100dvh - var(--hh)); width:100vw } }
@media (min-width:768px) and (max-width:879px){ body[data-fassung="zingo"][data-nav-variante="2"] .drawer{ top:var(--hh) !important; height:calc(100dvh - var(--hh)); width:50vw; max-width:50vw } }
@media (min-width:880px) and (max-width:1199px){ body[data-fassung="zingo"][data-nav-variante="2"] .drawer{ --c1w:50vw } body[data-fassung="zingo"][data-nav-variante="2"] .drawer .col1{ width:50vw; flex-basis:50vw } }


body[data-nav-variante="3"] .drawer{ top:0 !important; left:0; right:auto; bottom:auto; height:auto; max-height:100dvh; transform:translateY(-100%); display:flex; overflow-y:auto }
body[data-nav-variante="3"] .drawer.open{ transform:translateY(0) }
body[data-fassung="zaba"][data-nav-variante="3"] .hdr .nav{ display:none }
body[data-fassung="zaba"][data-nav-variante="3"] .burger{ display:inline-flex }
body[data-fassung="zaba"][data-nav-variante="3"] .drawer{ width:min(86vw,420px); flex-direction:column; min-height:60vh }
body[data-fassung="zingo"][data-nav-variante="3"] .drawer{ width:auto; max-width:calc(100vw - 40px); min-height:60vh }
@media (max-width:879px){ body[data-nav-variante="3"] .drawer{ width:100vw; max-width:100vw; height:100dvh; max-height:none } }


body[data-nav-variante="4"] .hdr .util, body[data-nav-variante="4"] .hdr .nav{ display:none }
body[data-fassung="zaba"][data-nav-variante="4"] .hdr .brandrow{ display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:1.05rem var(--pad-x); min-height:72px }
body[data-fassung="zaba"][data-nav-variante="4"] .burger{ position:static; transform:none; display:inline-flex; align-items:center; gap:.5rem; justify-self:start; font-family:var(--sans); font-size:14px; letter-spacing:.04em }
body[data-fassung="zaba"][data-nav-variante="4"] .zzn-lv-links{ display:flex; align-items:center; gap:1.6rem; justify-self:start }
body[data-fassung="zaba"][data-nav-variante="4"] .zzn-lv-suche{ display:inline-flex; align-items:center; gap:.5rem; background:none; border:0; cursor:pointer; color:inherit; font-family:var(--sans); font-size:14px; letter-spacing:.04em }
body[data-fassung="zaba"][data-nav-variante="4"] .zzn-lv-suche svg{ width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.4 }
body[data-fassung="zaba"][data-nav-variante="4"] .logo{ justify-self:center }
body[data-fassung="zaba"][data-nav-variante="4"] .hdr-icons{ position:static; transform:none; justify-self:end; display:flex; align-items:center; gap:1.3rem }
body[data-fassung="zaba"][data-nav-variante="4"] .hicon.opt{ display:inline-flex }
body[data-fassung="zaba"][data-nav-variante="4"] .zzn-lv-dienst{ background:none; border:0; cursor:pointer; color:inherit; font-family:var(--sans); font-size:14px; letter-spacing:.04em }
body[data-fassung="zaba"][data-nav-variante="4"] .drawer{ top:0; bottom:0; width:var(--zzn-lv-breite); max-width:100vw; display:flex }
body[data-fassung="zaba"][data-nav-variante="4"] .p-mini.p-acct, body[data-fassung="zaba"][data-nav-variante="4"] .p-mini.p-wish{ top:0; right:0; bottom:0; width:min(var(--zzn-v4-schieber), 100vw); max-width:100vw; border-bottom:0; box-shadow:none; transform:translateX(100%); transition:transform var(--zzn-dauer) var(--zzn-kurve), visibility 0s linear var(--zzn-dauer); opacity:1 }
body[data-fassung="zaba"][data-nav-variante="4"] .p-mini.p-acct.open, body[data-fassung="zaba"][data-nav-variante="4"] .p-mini.p-wish.open{ transform:translateX(0); transition:transform var(--zzn-dauer) var(--zzn-kurve), visibility 0s }
body[data-fassung="zingo"][data-nav-variante="4"] .hdr-r .hact[data-panel="contact"] .lbl{ font-size:14px }
body[data-fassung="zingo"][data-nav-variante="4"] .drawer{ --c1w:var(--zzn-lv-breite) }
body[data-fassung="zingo"][data-nav-variante="4"] .drawer .col1{ width:var(--zzn-lv-breite); flex:0 0 var(--zzn-lv-breite) }

body[data-nav-variante="4"]{ --zzn-v4-schieber:var(--zzn-lv-breite) }
body[data-fassung="zaba"][data-nav-variante="4"] .bagdrawer,
body[data-fassung="zingo"][data-nav-variante="4"] .panel{ width:min(var(--zzn-v4-schieber), 100vw) }
@media (max-width:599px){
  body[data-nav-variante="4"] .drawer,
  body[data-nav-variante="4"] .bagdrawer,
  body[data-nav-variante="4"] .p-mini.p-acct,
  body[data-nav-variante="4"] .p-mini.p-wish,
  body[data-nav-variante="4"] .panel{ width:100vw !important; max-width:100vw }
}

body:is([data-geraet="tablet"],[data-geraet="telefon"],.zzn-header-mobil)[data-nav-variante="4"] .zzn-lv-links{ display:none }

@media (min-width:600px) and (max-width:879px){
  body[data-fassung="zingo"][data-nav-variante="4"] .drawer{ width:min(var(--zzn-v4-schieber), 100vw) !important }
}

.zzn-theme-footer{ margin:auto var(--pad-x) 1.2rem; align-self:flex-start; background:none; border:1px solid var(--line); padding:8px 12px; cursor:pointer; color:var(--ink); font:14px/1 var(--sans, system-ui); letter-spacing:.06em; text-transform:uppercase }


body[data-fassung="zaba"][data-nav-variante="5"][data-geraet="schreibtisch"] .drawer{ overflow:visible }
body[data-fassung="zaba"][data-nav-variante="5"][data-geraet="schreibtisch"] .drawer .dsearch{ display:none }
body[data-fassung="zaba"][data-nav-variante="5"][data-geraet="schreibtisch"] .drawer-body{ overflow:visible }
body[data-fassung="zaba"][data-nav-variante="5"][data-geraet="schreibtisch"] .dacc-sub{ position:fixed; top:0; bottom:0; left:var(--zzn-breite); width:min(58vw, 900px); background:var(--paper); border-left:.5px solid var(--line); display:grid; grid-template-columns:minmax(220px, 26vw) 1fr; overflow:auto; max-height:none; visibility:hidden; opacity:0; transform:translateX(-12px); transition:opacity var(--zzn-dauer) var(--zzn-kurve), transform var(--zzn-dauer) var(--zzn-kurve), visibility 0s linear var(--zzn-dauer) }
body[data-fassung="zaba"][data-nav-variante="5"][data-geraet="schreibtisch"] .drawer.open .dacc.open .dacc-sub{ visibility:visible; opacity:1; transform:none; transition:opacity var(--zzn-dauer) var(--zzn-kurve), transform var(--zzn-dauer) var(--zzn-kurve), visibility 0s }
body[data-fassung="zaba"][data-nav-variante="5"][data-geraet="schreibtisch"] .dacc-sub-in{ display:contents }
body[data-fassung="zaba"][data-nav-variante="5"][data-geraet="schreibtisch"] .dacc-links{ grid-template-columns:1fr; align-content:start; gap:.2rem; padding:2.4rem var(--pad-x) }
body[data-fassung="zaba"][data-nav-variante="5"][data-geraet="schreibtisch"] .dacc-links a{ font-size:15px; padding:.45rem 0; cursor:pointer }
body[data-fassung="zaba"][data-nav-variante="5"][data-geraet="schreibtisch"] .dacc-imgs{ display:grid; grid-template-columns:1fr 1fr; gap:.6rem; margin:0; padding:2.4rem var(--pad-x) 2.4rem 0; align-content:start }
body[data-fassung="zaba"][data-nav-variante="5"][data-geraet="schreibtisch"] .dacc.open .dacc-h{ text-decoration:underline; text-underline-offset:.3em }


body[data-fassung="zingo"][data-nav-variante="5"] .hdr{ transition:transform var(--zzn-dauer) var(--zzn-kurve), background-color var(--zzn-header) var(--zzn-kurve) }
body[data-fassung="zingo"][data-nav-variante="5"].zzn-header-weg .hdr{ transform:translateY(-100%) }
body[data-fassung="zingo"][data-nav-variante="5"] .zzn-band{ position:fixed; left:0; right:0; top:var(--hh); z-index:59; display:flex; justify-content:center; gap:clamp(1.4rem,3vw,3.2rem); padding:.9rem var(--pad-x); background:var(--ink); color:var(--paper); font-family:var(--sans); font-size:14px; letter-spacing:.02em; transition:top var(--zzn-dauer) var(--zzn-kurve) }
body[data-fassung="zingo"][data-nav-variante="5"].zzn-header-weg .zzn-band{ top:0 }
body[data-fassung="zingo"][data-nav-variante="5"] .zzn-band button{ background:none; border:0; color:inherit; opacity:.8; cursor:pointer; font:inherit; padding:.2rem 0; border-bottom:1px solid transparent }
body[data-fassung="zingo"][data-nav-variante="5"] .zzn-band button[data-an="1"], body[data-fassung="zingo"][data-nav-variante="5"] .zzn-band button:hover{ opacity:1; border-bottom-color:var(--paper) }
body[data-fassung="zingo"][data-nav-variante="5"] .hero-v{ padding-top:0 }
body[data-fassung="zingo"][data-nav-variante="5"] .search-field{ border:1.5px solid var(--ink); border-radius:100px; padding:.9rem 1.4rem; position:relative }
body[data-fassung="zingo"][data-nav-variante="5"] .search-field input::placeholder{ color:transparent }
body[data-fassung="zingo"][data-nav-variante="5"] .zzn-rotor{ position:absolute; left:3.2rem; top:50%; transform:translateY(-50%); pointer-events:none; color:var(--muted); font-size:14px; display:flex; gap:.4rem; overflow:hidden; height:1.4em }
body[data-fassung="zingo"][data-nav-variante="5"] .zzn-rotor b{ font-weight:400; display:inline-block; transition:transform .35s var(--zzn-kurve), opacity .35s var(--zzn-kurve) }
body[data-fassung="zingo"][data-nav-variante="5"] .zzn-rotor b.zzn-weg{ transform:translateY(-100%); opacity:0 }
body[data-fassung="zingo"][data-nav-variante="5"] .zzn-rotor b.zzn-neu{ transform:translateY(100%); opacity:0 }
body[data-fassung="zingo"][data-nav-variante="5"] .search.zzn-getippt .zzn-rotor{ display:none }


body[data-nav-variante] .drawer, body[data-nav-variante] .bagdrawer, body[data-nav-variante] .p-mini,
body[data-nav-variante] .drawer-top, body[data-nav-variante] .drawer-foot, body[data-nav-variante] .bd-top, body[data-nav-variante] .bd-foot, body[data-nav-variante] .bag-rec,
body[data-nav-variante] .drw-top, body[data-nav-variante] .col, body[data-nav-variante] .zzn-mehr, body[data-nav-variante] .zzn-mehr-header, body[data-nav-variante] .zzn-mehr section,
body[data-nav-variante] .panel, body[data-nav-variante] .panel-head, body[data-nav-variante] .panel-foot, body[data-nav-variante] .panel-x, body[data-nav-variante] .crow, body[data-nav-variante] .bd-body > *,
body[data-nav-variante] .sheet, body[data-nav-variante] .sheet-top, body[data-nav-variante] .sheet-foot, body[data-nav-variante] .sheet-top button{ border:0 !important; box-shadow:none !important }

body[data-nav-variante] .p-mini h5{ font-family:var(--sans); font-size:12px; letter-spacing:.16em; text-transform:uppercase; font-weight:600; margin:0 0 1.6rem }
body[data-nav-variante] .p-mini.p-acct p, body[data-nav-variante] .p-mini.p-wish p{ margin-bottom:1.6rem }
body[data-nav-variante] .p-mini .btn.zzn-apple{ opacity:.45; pointer-events:none }
body[data-nav-variante] .p-mini .btn.zzn-apple svg{ width:16px; height:16px; fill:currentColor }
body[data-nav-variante] .p-mini li a{ font-size:14px; padding:.85rem 0 }
body[data-nav-variante] .p-mini li a .ico{ transition:rotate .3s var(--zzn-kurve) }
body[data-nav-variante] .p-mini li.zzn-auf a .ico{ rotate:90deg }
.zzn-akk{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .4s var(--zzn-kurve) }
.zzn-akk > div{ overflow:hidden }
.p-mini li.zzn-auf .zzn-akk{ grid-template-rows:1fr }
.zzn-akk p{ font-size:13px; color:var(--muted); margin:0; padding:0 0 1rem; line-height:1.5 }
.zzn-akk .zzn-akk-zeile{ display:flex; justify-content:space-between; font-size:13px; padding:.35rem 0 }


body[data-fassung="zingo"][data-nav-variante="6"][data-geraet="tablet"] .drawer{ top:0 !important; height:100vh; height:100dvh; width:auto; max-width:100vw; z-index:65 }
body[data-fassung="zingo"][data-nav-variante="6"][data-geraet="tablet"] .drw-top{ display:flex }
body[data-fassung="zingo"][data-nav-variante="6"][data-geraet="tablet"] .drw-logo{ visibility:hidden }
body[data-fassung="zingo"][data-nav-variante="6"][data-geraet="tablet"] .cols-wrap{ display:flex; position:relative; overflow:hidden; flex:1 }
body[data-fassung="zingo"][data-nav-variante="6"][data-geraet="tablet"] .col{ position:static; inset:auto; transform:none !important; width:33.333vw; max-width:33.333vw; flex:0 0 33.333vw; height:100%; overflow-y:auto; padding:1.6rem var(--pad-x); transition:none; background:var(--paper) }
body[data-fassung="zingo"][data-nav-variante="6"][data-geraet="tablet"] .col1{ display:flex }
body[data-fassung="zingo"][data-nav-variante="6"][data-geraet="tablet"] .col2, body[data-fassung="zingo"][data-nav-variante="6"][data-geraet="tablet"] .col3{ display:none !important }
body[data-fassung="zingo"][data-nav-variante="6"][data-geraet="tablet"] .col2.show, body[data-fassung="zingo"][data-nav-variante="6"][data-geraet="tablet"] .col3.show{ display:block !important }
body[data-fassung="zingo"][data-nav-variante="6"][data-geraet="tablet"] .back-btn{ display:none }
body[data-fassung="zingo"][data-nav-variante="6"][data-geraet="tablet"] .col2-title{ display:block }
body[data-fassung="zingo"][data-nav-variante="6"][data-geraet="tablet"] .pgrid{ grid-template-columns:1fr 1fr }


body[data-nav-variante] .zzn-mehr-header, body[data-nav-variante] .bd-top, body[data-nav-variante] .drawer-top, body[data-nav-variante] .drw-top, body[data-nav-variante] .panel-head, body[data-nav-variante] .sheet-top, body[data-nav-variante] .p-mini h5{ display:flex; align-items:center; justify-content:space-between; gap:1rem; height:64px; box-sizing:border-box; padding:0 var(--pad-x); margin:0; font-family:var(--sans); font-size:14px; letter-spacing:.14em; text-transform:uppercase; font-weight:500; color:var(--ink); line-height:1 }
body[data-nav-variante] .bd-top .t, body[data-nav-variante] .sheet-top .t, body[data-nav-variante] .panel-title, body[data-nav-variante] .zzn-headertitel{ font:inherit; letter-spacing:inherit; text-transform:inherit; color:inherit }
body[data-nav-variante] .p-mini{ padding-top:0 !important }
body[data-nav-variante] .p-mini h5{ margin:0 calc(-1 * var(--pad-x)) 1.2rem }
body[data-nav-variante] .zzn-zu{ background:none; border:0; cursor:pointer; color:inherit; font-family:var(--sans); font-size:24px; line-height:1; padding:0; letter-spacing:0; display:inline-flex; margin-left:auto }
body[data-nav-variante] .zzn-zu svg, body[data-nav-variante] .zzn-zu .ico{ display:none }
body[data-nav-variante] .drawer-top .dlogo{ margin:0 auto }
body[data-nav-variante] .drawer-top .zzn-headertitel + .dlogo{ position:absolute; left:50%; transform:translateX(-50%) }
body[data-nav-variante] .drawer-top, body[data-nav-variante] .drw-top{ position:relative }
body[data-nav-variante] .drw-top .drw-logo{ position:absolute; left:50%; transform:translateX(-50%) }

body[data-fassung="zingo"][data-geraet="telefon"] .hdr-r .hact, body[data-fassung="zingo"][data-geraet="tablet"] .hdr-r .hact{ display:none }
body[data-fassung="zingo"][data-geraet="telefon"] .hdr-l .lbl, body[data-fassung="zingo"][data-geraet="tablet"] .hdr-l .lbl{ display:none }

body[data-fassung="zingo"][data-nav-variante] .col2-title, body[data-fassung="zingo"][data-nav-variante] .srow-h .t{ font-family:var(--sans); font-weight:500; font-size:14px; letter-spacing:.14em; text-transform:uppercase }

body[data-fassung="zingo"][data-nav-variante] .sp-foot{ display:grid; grid-template-columns:1fr auto; column-gap:.4rem; align-items:start }
body[data-fassung="zingo"][data-nav-variante] .sp-bot{ display:contents }
body[data-fassung="zingo"][data-nav-variante] .spt{ grid-column:1; grid-row:1 }
body[data-fassung="zingo"][data-nav-variante] .spp{ grid-column:1; grid-row:2 }
body[data-fassung="zingo"][data-nav-variante] .sp .wish{ grid-column:2; grid-row:1; align-self:start }


body[data-nav-variante] .hdr .util, body[data-fassung="zingo"][data-nav-variante] .hdr-r .hact, body[data-fassung="zingo"][data-nav-variante] .hdr-l .lbl, body[data-nav-variante] .zzn-lv-dienst, body[data-nav-variante] .zzn-lv-links span{ display:none }
body[data-fassung="zaba"][data-nav-variante="7"] .hdr .nav{ display:none }
body[data-fassung="zaba"]:is([data-nav-variante="7"],[data-nav-variante="8"],[data-nav-variante="9"],[data-nav-variante="10"]) .mega-wrap{ display:none }
body[data-fassung="zaba"]:is([data-nav-variante="7"],[data-nav-variante="8"],[data-nav-variante="9"],[data-nav-variante="10"]) .burger{ display:inline-flex }
body[data-fassung="zaba"]:is([data-nav-variante="7"],[data-nav-variante="8"],[data-nav-variante="9"],[data-nav-variante="10"]) .drawer{ top:0; bottom:0; width:var(--zzn-breite); max-width:none; display:flex; z-index:80 }
body[data-fassung="zaba"][data-nav-variante="8"] .hdr .nav{ display:flex; background:var(--ink); color:var(--paper); padding:.9rem var(--pad-x); gap:clamp(1.4rem,3vw,3.2rem); justify-content:center }
body[data-fassung="zaba"][data-nav-variante="8"] .hdr .nav .nav-h{ color:var(--paper); opacity:.8; font-size:14px; letter-spacing:.02em; text-transform:none; padding:.2rem 0; border-bottom:1px solid transparent }
body[data-fassung="zaba"][data-nav-variante="8"] .hdr .nav .navitem.on .nav-h, body[data-fassung="zaba"][data-nav-variante="8"] .hdr .nav .nav-h:hover{ opacity:1; border-bottom-color:var(--paper) }
body[data-nav-variante="8"]:not([data-seitenband]) .hdr .nav, body[data-nav-variante="8"]:not([data-seitenband]) .zzn-band{ display:none !important }

body[data-fassung="zingo"]:is([data-nav-variante="7"],[data-nav-variante="8"],[data-nav-variante="9"],[data-nav-variante="10"]) .drawer{ top:0 !important; height:100vh; height:100dvh; z-index:70 }
body[data-fassung="zingo"]:is([data-nav-variante="7"],[data-nav-variante="8"],[data-nav-variante="9"],[data-nav-variante="10"]) .drw-top{ display:flex }
body[data-fassung="zingo"]:is([data-nav-variante="7"],[data-nav-variante="8"],[data-nav-variante="9"],[data-nav-variante="10"]) .drw-logo{ visibility:hidden }
body[data-fassung="zingo"]:is([data-nav-variante="7"],[data-nav-variante="8"],[data-nav-variante="9"],[data-nav-variante="10"]) .dr-close{ display:none }
body[data-fassung="zingo"][data-nav-variante="8"] .zzn-band{ position:fixed; left:0; right:0; top:var(--hh); z-index:59; display:flex; justify-content:center; gap:clamp(1.4rem,3vw,3.2rem); padding:.9rem var(--pad-x); background:var(--ink); color:var(--paper); font-family:var(--sans); font-size:14px; letter-spacing:.02em }
body[data-fassung="zingo"][data-nav-variante="8"] .zzn-band button{ background:none; border:0; color:inherit; opacity:.8; cursor:pointer; font:inherit; padding:.2rem 0; border-bottom:1px solid transparent }
body[data-fassung="zingo"][data-nav-variante="8"] .zzn-band button[data-an="1"], body[data-fassung="zingo"][data-nav-variante="8"] .zzn-band button:hover{ opacity:1; border-bottom-color:var(--paper) }

body[data-fassung="zingo"][data-nav-variante="5"] .drawer{ z-index:70 }

body[data-fassung="zaba"][data-nav-variante="5"] .dacc:not(.zzn-stufe3) .dacc-sub .dacc-imgs{ display:none }

.zzn-mehr .zzn-seite{ display:none }
.zzn-mehr[data-ansicht="haupt"] .zzn-seite-haupt, .zzn-mehr[data-ansicht="standort"] .zzn-seite-standort, .zzn-mehr[data-ansicht="sprache"] .zzn-seite-sprache{ display:block }
.zzn-mehr .zzn-hinweis{ font-size:14px; line-height:1.5; margin:0; padding:1.4rem var(--pad-x) 0 }
.zzn-mehr .zzn-hinweis + .zzn-hinweis{ padding-top:.5rem; padding-bottom:1rem }
.zzn-mehr .zzn-region{ width:100%; display:flex; justify-content:space-between; align-items:center; padding:1rem var(--pad-x); background:none; border:0; font:inherit; font-size:17px; color:var(--ink); cursor:pointer; text-align:left }
.zzn-mehr .zzn-region b{ font-weight:300; font-size:22px; line-height:1 }
.zzn-mehr .zzn-laender{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .4s var(--zzn-kurve) }
.zzn-mehr .zzn-laender > div{ overflow:hidden }
.zzn-mehr .zzn-region[aria-expanded="true"] + .zzn-laender{ grid-template-rows:1fr }
.zzn-mehr .zzn-land{ display:block; width:100%; text-align:left; padding:.7rem var(--pad-x) .7rem calc(var(--pad-x) + 1rem); background:none; border:0; font:inherit; font-size:14px; color:var(--ink); cursor:pointer }
.zzn-mehr .zzn-land:hover, .zzn-mehr .zzn-land[aria-current="true"]{ text-decoration:underline; text-underline-offset:.3em }


body[data-nav-variante] .hero-v .hero-halt{ top:auto; bottom:clamp(1rem,3vw,2.6rem) }

body[data-fassung="zaba"]:is([data-nav-variante="7"],[data-nav-variante="8"],[data-nav-variante="9"],[data-nav-variante="10"])[data-geraet="schreibtisch"] .drawer{ overflow:visible }
body[data-fassung="zaba"]:is([data-nav-variante="7"],[data-nav-variante="8"],[data-nav-variante="9"],[data-nav-variante="10"])[data-geraet="schreibtisch"] .drawer .dsearch{ display:none }
body[data-fassung="zaba"]:is([data-nav-variante="7"],[data-nav-variante="8"],[data-nav-variante="9"],[data-nav-variante="10"])[data-geraet="schreibtisch"] .drawer-body{ overflow:visible }
body[data-fassung="zaba"]:is([data-nav-variante="7"],[data-nav-variante="8"],[data-nav-variante="9"],[data-nav-variante="10"])[data-geraet="schreibtisch"] .dacc-sub{ position:fixed; top:0; bottom:0; left:var(--zzn-breite); width:min(58vw, 900px); background:var(--paper); border-left:.5px solid var(--line); display:grid; grid-template-columns:minmax(220px, 26vw) 1fr; overflow:auto; max-height:none; visibility:hidden; opacity:0; transform:translateX(-12px); transition:opacity var(--zzn-dauer) var(--zzn-kurve), transform var(--zzn-dauer) var(--zzn-kurve), visibility 0s linear var(--zzn-dauer) }
body[data-fassung="zaba"]:is([data-nav-variante="7"],[data-nav-variante="8"],[data-nav-variante="9"],[data-nav-variante="10"])[data-geraet="schreibtisch"] .drawer.open .dacc.open .dacc-sub{ visibility:visible; opacity:1; transform:none; transition:opacity var(--zzn-dauer) var(--zzn-kurve), transform var(--zzn-dauer) var(--zzn-kurve), visibility 0s }
body[data-fassung="zaba"]:is([data-nav-variante="7"],[data-nav-variante="8"],[data-nav-variante="9"],[data-nav-variante="10"])[data-geraet="schreibtisch"] .dacc-sub-in{ display:contents }
body[data-fassung="zaba"]:is([data-nav-variante="7"],[data-nav-variante="8"],[data-nav-variante="9"],[data-nav-variante="10"])[data-geraet="schreibtisch"] .dacc-links{ grid-template-columns:1fr; align-content:start; gap:.2rem; padding:2.4rem var(--pad-x) }
body[data-fassung="zaba"]:is([data-nav-variante="7"],[data-nav-variante="8"],[data-nav-variante="9"],[data-nav-variante="10"])[data-geraet="schreibtisch"] .dacc-links a{ font-size:15px; padding:.45rem 0; cursor:pointer }
body[data-fassung="zaba"]:is([data-nav-variante="7"],[data-nav-variante="8"],[data-nav-variante="9"],[data-nav-variante="10"])[data-geraet="schreibtisch"] .dacc-imgs{ display:grid; grid-template-columns:1fr 1fr; gap:.6rem; margin:0; padding:2.4rem var(--pad-x) 2.4rem 0; align-content:start }
body[data-fassung="zaba"]:is([data-nav-variante="7"],[data-nav-variante="8"],[data-nav-variante="9"],[data-nav-variante="10"])[data-geraet="schreibtisch"] .dacc.open .dacc-h{ text-decoration:underline; text-underline-offset:.3em }
body[data-fassung="zaba"]:is([data-nav-variante="7"],[data-nav-variante="8"],[data-nav-variante="9"],[data-nav-variante="10"]) .dacc:not(.zzn-stufe3) .dacc-sub .dacc-imgs{ display:none }
body[data-fassung="zaba"]:is([data-nav-variante="5"],[data-nav-variante="7"],[data-nav-variante="8"],[data-nav-variante="9"],[data-nav-variante="10"]) .dacc-links a.on{ text-decoration:underline; text-underline-offset:.3em }
body[data-fassung="zaba"]:is([data-nav-variante="7"],[data-nav-variante="8"],[data-nav-variante="9"],[data-nav-variante="10"]) .dacc.open .dacc-sub{ z-index:1 }


.zzn-col2-titel, .zzn-ed{ display:none }
body[data-fassung="zaba"]:is([data-nav-variante="5"],[data-nav-variante="7"],[data-nav-variante="8"],[data-nav-variante="9"],[data-nav-variante="10"])[data-geraet="schreibtisch"] .dacc-links, body[data-fassung="zaba"]:is([data-nav-variante="5"],[data-nav-variante="7"],[data-nav-variante="8"],[data-nav-variante="9"],[data-nav-variante="10"])[data-geraet="schreibtisch"] .dacc-imgs{ padding-top:var(--zzn-rubrik-y, 6rem) }
body[data-fassung="zaba"]:is([data-nav-variante="5"],[data-nav-variante="7"],[data-nav-variante="8"],[data-nav-variante="9"],[data-nav-variante="10"])[data-geraet="schreibtisch"] .zzn-col2-titel{ display:block; font-family:var(--sans); font-size:14px; letter-spacing:.14em; text-transform:uppercase; font-weight:500; margin-bottom:1.2rem }
body[data-fassung="zaba"]:is([data-nav-variante="5"],[data-nav-variante="7"],[data-nav-variante="8"],[data-nav-variante="9"],[data-nav-variante="10"])[data-geraet="schreibtisch"] .zzn-ed{ display:block; width:100%; aspect-ratio:16/9; max-height:200px; overflow:hidden; margin-bottom:1.4rem }
body[data-fassung="zaba"]:is([data-nav-variante="5"],[data-nav-variante="7"],[data-nav-variante="8"],[data-nav-variante="9"],[data-nav-variante="10"])[data-geraet="schreibtisch"] .zzn-ed img{ width:100%; height:100%; object-fit:cover; object-position:50% 22% }

body[data-fassung="zingo"]:is([data-nav-variante="5"],[data-nav-variante="7"],[data-nav-variante="8"],[data-nav-variante="9"],[data-nav-variante="10"]) .col3{ width:clamp(520px, 44vw, 640px) }

.zzn-kontakt{ position:fixed; inset:0; z-index:120; background:var(--paper); transform:translateX(100%); visibility:hidden; transition:transform var(--zzn-schieber) var(--zzn-schieber-kurve), visibility 0s linear var(--zzn-schieber) }
.zzn-kontakt.open{ transform:none; visibility:visible; transition:transform var(--zzn-schieber) var(--zzn-schieber-kurve), visibility 0s }
.zzn-kontakt iframe{ display:block; width:100%; height:100%; border:0; background:var(--paper) }


body[data-nav-variante]{ --zzn-band:#141311; --zzn-band-schrift:#f3eee4 }
body[data-nav-variante][data-theme="dark"]{ --zzn-band:var(--ink); --zzn-band-schrift:var(--paper) }
body[data-fassung="zaba"]:is([data-nav-variante="5"],[data-nav-variante="8"]) .hdr, body[data-fassung="zaba"]:is([data-nav-variante="5"],[data-nav-variante="8"]) .hdr .brandrow, body[data-fassung="zaba"]:is([data-nav-variante="5"],[data-nav-variante="8"]) .hdr .nav{ border:0 }
body[data-fassung="zaba"]:is([data-nav-variante="5"],[data-nav-variante="8"]) .hdr .nav{ background:var(--zzn-band); color:var(--zzn-band-schrift); transition:background var(--zzn-header) var(--zzn-kurve), border-color var(--zzn-header) var(--zzn-kurve) }
body[data-fassung="zaba"]:is([data-nav-variante="5"],[data-nav-variante="8"]) .hdr .nav .nav-h{ color:var(--zzn-band-schrift) }
body[data-fassung="zaba"]:is([data-nav-variante="5"],[data-nav-variante="8"]) .hdr .nav .navitem.on .nav-h, body[data-fassung="zaba"]:is([data-nav-variante="5"],[data-nav-variante="8"]) .hdr .nav .nav-h:hover{ border-bottom-color:var(--zzn-band-schrift) }
body[data-fassung="zingo"]:is([data-nav-variante="5"],[data-nav-variante="8"]) .zzn-band{ background:var(--zzn-band); color:var(--zzn-band-schrift); border:0; transition:background var(--zzn-header) var(--zzn-kurve), border-color var(--zzn-header) var(--zzn-kurve) }
body[data-fassung="zingo"]:is([data-nav-variante="5"],[data-nav-variante="8"]) .zzn-band button[data-an="1"], body[data-fassung="zingo"]:is([data-nav-variante="5"],[data-nav-variante="8"]) .zzn-band button:hover{ border-bottom-color:var(--zzn-band-schrift) }
body[data-fassung="zingo"]:is([data-nav-variante="5"],[data-nav-variante="8"]) .hdr{ border-bottom:0 }
body.zzn-durchsicht:not(.zzn-zeiger)[data-nav-variante="8"] .hdr .nav, body.zzn-durchsicht:not(.zzn-zeiger)[data-nav-variante="8"] .zzn-band{ background:transparent; border-top:.5px solid rgba(255,255,255,.35); border-bottom:.5px solid rgba(255,255,255,.35) }

body.zzn-durchsicht:not(.zzn-zeiger)[data-nav-variante="8"]:not([data-untergrund="hell"]) .hdr .nav, body.zzn-durchsicht:not(.zzn-zeiger)[data-nav-variante="8"]:not([data-untergrund="hell"]) .hdr .nav .nav-h, body.zzn-durchsicht:not(.zzn-zeiger)[data-nav-variante="8"]:not([data-untergrund="hell"]) .zzn-band, body.zzn-durchsicht:not(.zzn-zeiger)[data-nav-variante="8"]:not([data-untergrund="hell"]) .zzn-band button{ color:#fff }
body.zzn-durchsicht:not(.zzn-zeiger)[data-nav-variante="8"][data-untergrund="hell"] .hdr .nav, body.zzn-durchsicht:not(.zzn-zeiger)[data-nav-variante="8"][data-untergrund="hell"] .zzn-band{ color:var(--ink); border-color:var(--line) }
body.zzn-durchsicht:not(.zzn-zeiger)[data-nav-variante="8"][data-untergrund="hell"] .hdr .nav .nav-h{ color:var(--ink) }
body.zzn-durchsicht.zzn-zeiger .hdr{ background:var(--zzn-headergrund); color:var(--ink) }
body.zzn-durchsicht.zzn-zeiger .hdr a, body.zzn-durchsicht.zzn-zeiger .hdr button, body.zzn-durchsicht.zzn-zeiger .hdr .logo{ color:var(--ink) }
body.zzn-durchsicht.zzn-zeiger .hdr svg{ stroke:var(--ink) }
body.zzn-durchsicht.zzn-zeiger[data-fassung="zaba"]:is([data-nav-variante="5"],[data-nav-variante="8"]) .hdr .nav .nav-h{ color:var(--zzn-band-schrift) }

body[data-fassung="zaba"]:is([data-nav-variante="5"],[data-nav-variante="7"],[data-nav-variante="8"],[data-nav-variante="9"],[data-nav-variante="10"])[data-geraet="schreibtisch"] .dacc-sub{ width:clamp(300px, 28vw, 420px); grid-template-columns:clamp(300px, 28vw, 420px) 0fr; transform:translateX(-24px); transition:opacity var(--zzn-schieber) var(--zzn-schieber-kurve), transform var(--zzn-schieber) var(--zzn-schieber-kurve), width var(--zzn-schieber) var(--zzn-schieber-kurve), grid-template-columns var(--zzn-schieber) var(--zzn-schieber-kurve), visibility 0s linear var(--zzn-schieber) }
body[data-fassung="zaba"]:is([data-nav-variante="5"],[data-nav-variante="7"],[data-nav-variante="8"],[data-nav-variante="9"],[data-nav-variante="10"])[data-geraet="schreibtisch"] .drawer.open .dacc.open .dacc-sub{ transition:opacity var(--zzn-schieber) var(--zzn-schieber-kurve), transform var(--zzn-schieber) var(--zzn-schieber-kurve), width var(--zzn-schieber) var(--zzn-schieber-kurve), grid-template-columns var(--zzn-schieber) var(--zzn-schieber-kurve), visibility 0s }
body[data-fassung="zaba"]:is([data-nav-variante="5"],[data-nav-variante="7"],[data-nav-variante="8"],[data-nav-variante="9"],[data-nav-variante="10"])[data-geraet="schreibtisch"] .dacc.zzn-stufe3 .dacc-sub{ width:min(58vw, 900px); grid-template-columns:clamp(300px, 28vw, 420px) 1fr }
body[data-fassung="zaba"]:is([data-nav-variante="5"],[data-nav-variante="7"],[data-nav-variante="8"],[data-nav-variante="9"],[data-nav-variante="10"])[data-geraet="schreibtisch"] .dacc-links{ border-right:0 }
body[data-fassung="zaba"]:is([data-nav-variante="5"],[data-nav-variante="7"],[data-nav-variante="8"],[data-nav-variante="9"],[data-nav-variante="10"])[data-geraet="schreibtisch"] .dacc:not(.zzn-stufe3) .dacc-sub .dacc-imgs{ display:grid }
body[data-fassung="zaba"]:is([data-nav-variante="5"],[data-nav-variante="7"],[data-nav-variante="8"],[data-nav-variante="9"],[data-nav-variante="10"])[data-geraet="schreibtisch"] .dacc-imgs{ min-width:0; overflow:hidden; opacity:0; transform:translateX(-16px); padding:0; transition:opacity var(--zzn-schieber) var(--zzn-schieber-kurve) .08s, transform var(--zzn-schieber) var(--zzn-schieber-kurve) .08s, padding var(--zzn-schieber) var(--zzn-schieber-kurve) }
body[data-fassung="zaba"]:is([data-nav-variante="5"],[data-nav-variante="7"],[data-nav-variante="8"],[data-nav-variante="9"],[data-nav-variante="10"])[data-geraet="schreibtisch"] .dacc.zzn-stufe3 .dacc-imgs{ opacity:1; transform:none; padding:var(--zzn-rubrik-y, 6rem) var(--pad-x) 2.4rem var(--pad-x) }


body[data-nav-variante] .tg{ width:36px; height:20px; border-radius:10px; background:var(--line); border:0; position:relative; transition:background .2s var(--zzn-kurve) }
body[data-nav-variante] .tg::after{ content:"ZZ"; position:absolute; top:2px; left:2px; width:16px; height:16px; border-radius:50%; background:var(--ink); color:var(--paper); display:flex; align-items:center; justify-content:center; font-family:var(--zz-logo,"NotoSerifDisplay",Didot,serif); font-weight:700; font-size:8px; letter-spacing:-.2em; text-indent:-.2em; line-height:1; transform:translateX(0) rotate(0deg); transition:transform .6s var(--zzn-schieber-kurve), background .3s var(--zzn-kurve), color .3s var(--zzn-kurve) }
body[data-nav-variante] .tg.on{ background:var(--ink); border:0 }
body[data-nav-variante] .tg.on::after{ transform:translateX(16px) rotate(360deg); background:var(--paper); color:var(--ink) }

body[data-nav-variante] .panel{ width:min(92vw, 420px) }


body[data-fassung="zaba"][data-nav-variante="9"] .hdr .nav{ display:flex; border:0 }
body[data-fassung="zaba"][data-nav-variante="9"] .mega-wrap{ display:block }
body[data-fassung="zaba"][data-nav-variante="9"] .hdr .nav .nav-h{ font-size:14px; letter-spacing:.02em }
body.zzn-durchsicht:not(.zzn-zeiger)[data-nav-variante="9"]:not([data-untergrund="hell"]) .hdr .nav .nav-h{ color:#fff }

body.zzn-retro img, body.zzn-retro video{ filter:contrast(1.08) saturate(1.28) sepia(.18) hue-rotate(-14deg) brightness(.96) }
.zzn-retro-schalter{ display:flex; align-items:center; gap:.55rem; background:none; border:0; padding:0; cursor:pointer; color:var(--muted); font:inherit; font-size:12.5px; width:100% }
.zzn-retro-schalter:hover{ color:var(--ink) }
.zzn-retro-schalter svg{ width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round }
.zzn-retro-schalter .zzn-mode-cta{ margin-left:auto; width:36px; height:20px; border-radius:10px; background:var(--line); position:relative; transition:background .2s var(--zzn-kurve); flex:none }
.zzn-retro-schalter .zzn-mode-zz{ position:absolute; top:2px; left:2px; width:16px; height:16px; border-radius:50%; background:var(--ink); color:var(--paper); display:flex; align-items:center; justify-content:center; font-family:var(--zz-logo,"NotoSerifDisplay",Didot,serif); font-weight:700; font-size:8px; letter-spacing:-.2em; text-indent:-.2em; line-height:1; transform:translateX(0) rotate(0deg); transition:transform .6s var(--zzn-schieber-kurve), background .3s var(--zzn-kurve), color .3s var(--zzn-kurve) }
body.zzn-retro .zzn-retro-schalter .zzn-mode-cta{ background:var(--ink) }
body.zzn-retro .zzn-retro-schalter .zzn-mode-zz{ transform:translateX(16px) rotate(360deg); background:var(--paper); color:var(--ink) }


body[data-fassung="zaba"]:is([data-nav-variante="9"],[data-nav-variante="10"]) .hdr .nav{ display:flex; border:0 }
body[data-fassung="zaba"]:is([data-nav-variante="9"],[data-nav-variante="10"]) .mega-wrap{ display:block }
body[data-fassung="zaba"]:is([data-nav-variante="9"],[data-nav-variante="10"]) .hdr .nav .nav-h{ font-size:14px; letter-spacing:.02em }
body.zzn-durchsicht:not(.zzn-zeiger):is([data-nav-variante="9"],[data-nav-variante="10"]):not([data-untergrund="hell"]) .hdr .nav .nav-h{ color:#fff }

body[data-fassung="zaba"][data-nav-variante] .p-search{ left:0 !important; right:0 !important; width:auto !important; max-width:none !important; transform:none }
body[data-fassung="zaba"][data-nav-variante] .p-search .s6{ grid-template-columns:repeat(auto-fill, minmax(170px, 1fr)) }

body.zzn-retro img, body.zzn-retro video{ filter:sepia(.36) saturate(1.18) contrast(1.06) hue-rotate(-10deg) brightness(1.03) }


body[data-fassung="zaba"][data-nav-variante="10"] .burger{ display:inline-flex; align-items:center }
body[data-fassung="zaba"][data-nav-variante="10"] .burger .zzn-braille{ width:22px; height:10px; display:block }
body[data-fassung="zaba"][data-nav-variante="10"] .burger .zzn-braille circle{ fill:currentColor }
body[data-fassung="zaba"][data-nav-variante="10"] .burger > :not(.zzn-braille){ display:none }
body[data-fassung="zaba"][data-nav-variante="10"] .drawer .dsearch, body[data-fassung="zaba"][data-nav-variante="10"] .drawer .dacc{ display:none }
body[data-fassung="zaba"][data-nav-variante="10"] .drawer-body{ display:flex; flex-direction:column }
body[data-fassung="zaba"][data-nav-variante="10"] .zzn-bilder{ display:grid; grid-template-columns:repeat(3, 1fr); gap:.6rem; padding:.4rem var(--pad-x) 1.2rem }
body[data-fassung="zaba"][data-nav-variante="10"] .zzn-bilder figure{ margin:0; cursor:pointer }
body[data-fassung="zaba"][data-nav-variante="10"] .zzn-bilder img{ width:100%; aspect-ratio:3/4; object-fit:cover; display:block }
body[data-fassung="zaba"][data-nav-variante="10"] .zzn-bilder figcaption{ font-family:var(--sans); font-size:14px; letter-spacing:.14em; text-transform:uppercase; margin-top:.45rem }
body[data-fassung="zaba"][data-nav-variante="10"] .drawer-foot{ margin-top:auto }

body.zzn-durchsicht:not(.zzn-zeiger):is([data-nav-variante="9"],[data-nav-variante="10"]):not([data-untergrund="hell"]) .hdr:hover .nav .nav-h{ color:var(--ink) }
body:not(.zzn-durchsicht):is([data-nav-variante="9"],[data-nav-variante="10"]) .hdr .nav .nav-h, body.zzn-zeiger:is([data-nav-variante="9"],[data-nav-variante="10"]) .hdr .nav .nav-h{ color:var(--ink) }

body.zzn-retro img, body.zzn-retro video{ filter:sepia(.36) saturate(1.18) contrast(1.06) hue-rotate(-10deg) brightness(1.03) drop-shadow(1px 0 rgba(255,0,60,.2)) drop-shadow(-1px 0 rgba(0,220,255,.2)) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='k' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' seed='7' result='n'/%3E%3CfeColorMatrix in='n' type='matrix' values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 .18 0' result='g'/%3E%3CfeBlend in='SourceGraphic' in2='g' mode='overlay'/%3E%3C/filter%3E%3C/svg%3E#k") }
body.zzn-retro::before, body.zzn-retro::after{ content:none }
body.zzn-retro .hero-v{ position:relative }
body.zzn-retro .hero-v::after{ content:""; position:absolute; inset:0; z-index:2; pointer-events:none; background:repeating-linear-gradient(0deg, rgba(0,0,0,0) 0 3px, rgba(0,0,0,.10) 3px 4px), radial-gradient(ellipse at center, rgba(255,232,190,.05) 0%, rgba(0,0,0,0) 48%, rgba(0,0,0,.5) 100%); mix-blend-mode:multiply; animation:zzn-flimmern 4s ease-in-out infinite }
@keyframes zzn-flimmern{ 0%,100%{ opacity:1 } 47%{ opacity:.9 } 52%{ opacity:1 } 78%{ opacity:.95 } }
@media (prefers-reduced-motion: reduce){ body.zzn-retro .hero-v::after{ animation:none } }


body[data-nav-variante] .sheet{ z-index:130 }


body[data-nav-variante] .zzn-mehr-cta{ display:inline-flex }
.zzn-mehr .zzn-darstellung .zzn-mode, .zzn-mehr .zzn-darstellung .zzn-retro-schalter{ font-size:15px; color:var(--ink); padding:.55rem 0 }
.zzn-mehr .zzn-darstellung svg{ width:20px; height:20px }



.zzn-etikett{ position:fixed; right:12px; bottom:16px; z-index:200; pointer-events:none; font:14px/1.4 ui-monospace, monospace; letter-spacing:.06em; color:var(--muted); background:var(--paper); border:1px solid var(--line); padding:6px 8px }


body[data-geraet="telefon"] .hdr .util, body:is([data-geraet="tablet"],.zzn-header-mobil) .hdr .util{ display:none }
body[data-geraet="telefon"] .hdr .nav, body:is([data-geraet="tablet"],.zzn-header-mobil) .hdr .nav{ display:none }
body[data-geraet="telefon"] .hdr .brandrow, body:is([data-geraet="tablet"],.zzn-header-mobil) .hdr .brandrow{ display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:.9rem var(--pad-x); min-height:60px }
body[data-geraet="telefon"] .burger, body:is([data-geraet="tablet"],.zzn-header-mobil) .burger{ position:static; transform:none; display:inline-flex }
body[data-geraet="telefon"] .zzn-links, body:is([data-geraet="tablet"],.zzn-header-mobil) .zzn-links{ display:flex; align-items:center; gap:1.1rem; justify-self:start }
body[data-geraet="telefon"] .zzn-suche, body:is([data-geraet="tablet"],.zzn-header-mobil) .zzn-suche{ display:inline-flex; background:none; border:0; padding:2px; cursor:pointer; color:inherit }
body[data-geraet="telefon"] .zzn-suche svg, body:is([data-geraet="tablet"],.zzn-header-mobil) .zzn-suche svg{ width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.4 }
body[data-geraet="telefon"] .logo, body:is([data-geraet="tablet"],.zzn-header-mobil) .logo{ justify-self:center }
body[data-geraet="telefon"] .hdr-icons, body:is([data-geraet="tablet"],.zzn-header-mobil) .hdr-icons{ position:static; transform:none; justify-self:end; display:flex; align-items:center; gap:1.1rem }
body[data-geraet="telefon"] .hdr-icons #btnSearch, body:is([data-geraet="tablet"],.zzn-header-mobil) .hdr-icons #btnSearch,
body[data-geraet="telefon"] .hdr-icons #btnWish, body:is([data-geraet="tablet"],.zzn-header-mobil) .hdr-icons #btnWish{ display:none }
body[data-geraet="telefon"] .hdr-icons #btnAcct, body:is([data-geraet="tablet"],.zzn-header-mobil) .hdr-icons #btnAcct{ display:inline-flex }

body[data-nav-variante] .logo, body[data-nav-variante] .logo .a, body[data-nav-variante] .logo .l, body[data-nav-variante] .logo .amp,
body[data-nav-variante] .dlogo, body[data-nav-variante] .search-logo, body[data-nav-variante] .search-logo *{ font-weight:700 }
body[data-nav-variante] .logo{ transition:letter-spacing .6s cubic-bezier(.5,0,.9,.3) }

body[data-nav-variante] .logo .l, body[data-nav-variante] .logo .amp{ display:inline-block; overflow:hidden; max-width:var(--zzn-eigen, 4em); transition:max-width .6s cubic-bezier(.5,0,.9,.3), opacity .6s cubic-bezier(.5,0,.9,.3); vertical-align:top }

body[data-geraet="telefon"].zzn-gescrollt .logo .l, body:is([data-geraet="tablet"],.zzn-header-mobil).zzn-gescrollt .logo .l, body[data-geraet="telefon"].zzn-gescrollt .logo .amp, body:is([data-geraet="tablet"],.zzn-header-mobil).zzn-gescrollt .logo .amp{ transition:max-width .6s cubic-bezier(.1,.7,.5,1), opacity .6s cubic-bezier(.1,.7,.5,1) }
body[data-geraet="telefon"].zzn-gescrollt .logo, body:is([data-geraet="tablet"],.zzn-header-mobil).zzn-gescrollt .logo{ transition:letter-spacing .6s cubic-bezier(.1,.7,.5,1) }
body[data-geraet="telefon"].zzn-gescrollt .logo .a + .a, body:is([data-geraet="tablet"],.zzn-header-mobil).zzn-gescrollt .logo .a + .a{ transition:margin-left .6s cubic-bezier(.1,.7,.5,1) }
body[data-geraet="telefon"].zzn-gescrollt .logo, body:is([data-geraet="tablet"],.zzn-header-mobil).zzn-gescrollt .logo{ letter-spacing:-.2em }
body[data-geraet="telefon"].zzn-gescrollt .logo .l, body:is([data-geraet="tablet"],.zzn-header-mobil).zzn-gescrollt .logo .l,
body[data-geraet="telefon"].zzn-gescrollt .logo .amp, body:is([data-geraet="tablet"],.zzn-header-mobil).zzn-gescrollt .logo .amp{ max-width:0; opacity:0; padding:0; letter-spacing:0 }

body[data-nav-variante] .logo .a + .a{ transition:margin-left .6s cubic-bezier(.5,0,.9,.3) }
body[data-geraet="telefon"].zzn-gescrollt .logo .a + .a, body:is([data-geraet="tablet"],.zzn-header-mobil).zzn-gescrollt .logo .a + .a{ margin-left:-.2em }

body:is([data-geraet="tablet"],.zzn-header-mobil) .drawer-top .dlogo{ visibility:hidden }

body[data-geraet="telefon"] .drawer .dsearch, body:is([data-geraet="tablet"],.zzn-header-mobil) .drawer .dsearch{ margin-top:.75rem }

body:is([data-geraet="tablet"],.zzn-header-mobil) .hdr-icons #btnWish{ display:inline-flex }
body:is([data-geraet="tablet"],.zzn-header-mobil) .zzn-mehr-cta{ display:inline-flex }
.zzn-mehr-cta{ display:none; background:none; border:0; padding:2px; cursor:pointer; color:inherit }
.zzn-mehr-cta svg{ width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.4; stroke-linejoin:round }
body[data-geraet="telefon"] .p-mini.p-acct, body:is([data-geraet="tablet"],.zzn-header-mobil) .p-mini.p-acct,
body[data-geraet="telefon"] .p-mini.p-wish, body:is([data-geraet="tablet"],.zzn-header-mobil) .p-mini.p-wish{ top:0; right:0; bottom:0; left:auto; width:min(92vw, 420px); max-width:100vw; border-bottom:0; box-shadow:none; opacity:1; transform:translateX(100%); transition:transform var(--zzn-schieber) var(--zzn-schieber-kurve), visibility 0s linear var(--zzn-schieber); padding-top:2.4rem; overflow-y:auto }
body[data-geraet="telefon"] .p-mini.p-acct.open, body:is([data-geraet="tablet"],.zzn-header-mobil) .p-mini.p-acct.open,
body[data-geraet="telefon"] .p-mini.p-wish.open, body:is([data-geraet="tablet"],.zzn-header-mobil) .p-mini.p-wish.open{ transform:translateX(0); transition:transform var(--zzn-schieber) var(--zzn-schieber-kurve), visibility 0s }
body[data-geraet="telefon"] .p-mini.p-acct, body[data-geraet="telefon"] .p-mini.p-wish{ width:100vw }

body[data-nav-variante="5"] .zzn-mehr-cta, body[data-fassung="zingo"][data-nav-variante] .zzn-mehr-cta{ display:inline-flex }

.zzn-mehr{ position:fixed; top:0; bottom:0; right:0; width:min(92vw, 420px); z-index:80; background:var(--paper); color:var(--ink); transform:translateX(100%); visibility:hidden; transition:transform var(--zzn-schieber) var(--zzn-schieber-kurve), visibility 0s linear var(--zzn-schieber); display:flex; flex-direction:column; overflow-y:auto; font-family:var(--sans) }
.zzn-mehr.open{ transform:translateX(0); visibility:visible; transition:transform var(--zzn-schieber) var(--zzn-schieber-kurve), visibility 0s }
body[data-geraet="telefon"] .zzn-mehr{ width:100vw }
.zzn-mehr-header{ display:flex; align-items:center; justify-content:space-between; padding:1.2rem var(--pad-x); border-bottom:.5px solid var(--line-soft); font-size:14px; letter-spacing:.14em; text-transform:uppercase }
.zzn-mehr-header button{ background:none; border:0; cursor:pointer; color:var(--ink); font-size:24px; line-height:1 }
.zzn-mehr section{ padding:1.2rem var(--pad-x); border-bottom:.5px solid var(--line-soft) }
.zzn-mehr h4{ margin:0 0 .7rem; font-size:14px; letter-spacing:.14em; text-transform:uppercase; font-weight:500; color:var(--muted) }
.zzn-mehr label{ display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.55rem 0; font-size:15px }
.zzn-mehr select{ font:inherit; background:var(--paper); color:var(--ink); border:.5px solid var(--line); padding:.45rem .6rem; min-width:9rem }
.zzn-mehr .zzn-weg{ display:flex; align-items:center; gap:.8rem; width:100%; padding:.75rem 0; background:none; border:0; border-top:.5px solid var(--line-soft); cursor:pointer; color:var(--ink); font:inherit; font-size:15px; text-align:left; text-decoration:none }
.zzn-mehr .zzn-weg svg{ width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; flex:none }
.zzn-mehr .zzn-weg small{ margin-left:auto; color:var(--muted); font-size:14px }
.zzn-mehr .zzn-nummer{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .45s var(--zzn-kurve), opacity .45s var(--zzn-kurve); opacity:0 }
.zzn-mehr .zzn-nummer > span{ overflow:hidden; display:block; padding-left:2.05rem; font-size:17px; letter-spacing:.06em }
.zzn-mehr .zzn-nummer[data-auf="1"]{ grid-template-rows:1fr; opacity:1; padding-bottom:.6rem }
body[data-geraet="telefon"] .bagdrawer{ top:auto; bottom:0; left:0; right:0; width:100vw; max-height:88dvh; height:auto; transform:translateY(100%); border-top-left-radius:14px; border-top-right-radius:14px }
body[data-geraet="telefon"] .bagdrawer.open{ transform:translateY(0) }
.zzn-mode{ display:flex; align-items:center; gap:.55rem; background:none; border:0; padding:0; cursor:pointer; color:var(--muted); font:inherit; font-size:12.5px; width:100% }
.zzn-mode:hover{ color:var(--ink) }
.zzn-mode svg{ width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round }

.dr-help.zzn-footer{ display:flex; flex-direction:column; gap:.85rem }
.zzn-footer-zeile{ display:flex; align-items:center; gap:.55rem; color:var(--muted); text-decoration:none; font-size:12.5px }
.zzn-footer-zeile:hover{ color:var(--ink) }
.zzn-footer-zeile svg{ width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; flex:none }


.zzn-mono{ display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:50%; background:var(--paper); color:var(--ink); font-family:var(--zz-logo,"NotoSerifDisplay",Didot,serif); font-weight:700; font-size:10px; letter-spacing:-.2em; text-indent:-.2em; line-height:1; margin-right:.6rem; vertical-align:middle; flex:none }
.btn.ghost .zzn-mono{ background:var(--ink); color:var(--paper) }
@keyframes zzn-puls{ 0%{ scale:1 } 45%{ scale:1.16 } 100%{ scale:1 } }

body[data-nav-variante] .p-mini .btn, body[data-nav-variante] .bd-foot .btn, body[data-nav-variante] .sheet-foot .btn, .zzn-cta{ display:block; width:100%; padding:.95rem; box-sizing:border-box; position:relative; text-align:center }
.zzn-cta .zzn-lader{ position:absolute; inset:0; display:none; align-items:center; justify-content:center; color:var(--paper); pointer-events:none; animation:zzn-ein .25s var(--zzn-kurve) }
@keyframes zzn-ein{ from{ opacity:0 } to{ opacity:1 } }
.zzn-cta.ghost .zzn-lader, .zzn-cta.sso .zzn-lader{ color:var(--ink) }
.zzn-cta .zzn-lader .zzn-ring{ position:absolute; width:26px; height:26px; border-radius:50%; border:1px solid currentColor; border-top-color:transparent; opacity:.7; animation:zzn-dreh 1.1s linear infinite }
.zzn-cta .zzn-lader .zzn-zz::after{ content:"ZZ" }
.zzn-cta .zzn-lader .zzn-zz{ font-family:var(--zz-logo,"NotoSerifDisplay",Didot,serif); font-weight:700; font-size:14px; letter-spacing:-.2em; text-indent:-.2em; line-height:1 }
.zzn-cta.zzn-laedt{ color:transparent !important; pointer-events:none }
.zzn-cta.zzn-laedt .zzn-lader{ display:flex }
@keyframes zzn-dreh{ to{ rotate:360deg } }
.zzn-mode .zzn-mode-cta{ margin-left:auto; width:36px; height:20px; border-radius:10px; background:var(--line); position:relative; transition:background .2s var(--zzn-kurve); flex:none }
.zzn-mode .zzn-mode-zz{ position:absolute; top:2px; left:2px; width:16px; height:16px; border-radius:50%; background:var(--ink); color:var(--paper); display:flex; align-items:center; justify-content:center; font-family:var(--zz-logo,"NotoSerifDisplay",Didot,serif); font-weight:700; font-size:8px; letter-spacing:-.2em; text-indent:-.2em; line-height:1; transform:translateX(0) rotate(0deg); transition:transform .6s var(--zzn-schieber-kurve), background .3s var(--zzn-kurve), color .3s var(--zzn-kurve) }
body[data-theme="dark"] .zzn-mode .zzn-mode-cta{ background:var(--ink) }
body[data-theme="dark"] .zzn-mode .zzn-mode-zz{ transform:translateX(16px) rotate(360deg); background:var(--paper); color:var(--ink) }



.zzn-etikett{ position:fixed; right:12px; bottom:16px; z-index:200; pointer-events:none; font:14px/1.4 ui-monospace, monospace; letter-spacing:.06em; color:var(--muted); background:var(--paper); border:1px solid var(--line); padding:6px 8px }


@media (max-width:767px){
  body[data-fassung="zaba"]:is([data-nav-variante="7"],[data-nav-variante="8"],[data-nav-variante="9"],[data-nav-variante="10"]) .drawer{ top:0; bottom:0; left:0; width:100vw; max-width:none; display:flex; flex-direction:column }
  body[data-fassung="zaba"]:is([data-nav-variante="7"],[data-nav-variante="8"],[data-nav-variante="9"],[data-nav-variante="10"]) .drawer .dacc-sub{ width:auto }
}
body[data-geraet="telefon"].zzn-header-mobil .hdr-icons #btnWish, body[data-geraet="telefon"] .hdr-icons #btnWish{ display:none }
body[data-geraet="telefon"].zzn-header-mobil .hdr .zzn-mehr-cta, body[data-geraet="telefon"] .hdr .zzn-mehr-cta{ display:none }

body[data-geraet="telefon"][data-nav-variante] .hdr .logo{ font-size:20px }

body[data-geraet="telefon"] .drawer-foot #dFootContact{ display:none }
body[data-geraet="telefon"] .drawer-foot .zzn-footer-zeile{ display:flex; align-items:center; gap:.75rem; min-height:44px; color:inherit; text-decoration:none; font-size:14px; background:none; border:0; padding:0; width:100%; text-align:left; font-family:inherit; cursor:pointer }
body[data-geraet="telefon"] .drawer-foot .zzn-footer-zeile svg{ width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; flex:none }
body[data-geraet="telefon"][data-nav-variante] .bagdrawer{ transition:transform .55s cubic-bezier(.7,0,.84,0), visibility 0s linear .55s }
body[data-geraet="telefon"][data-nav-variante] .bagdrawer.open{ transition:transform .65s cubic-bezier(.16,1,.3,1), visibility 0s }


.zzn-kippschalter{ display:inline-flex; align-items:center; gap:.6rem; background:none; border:0; padding:0; color:inherit; font:inherit; cursor:pointer; min-height:var(--zz-tast, 44px) }
.zzn-kippschalter .zzn-mode-cta{ width:36px; height:20px; border-radius:10px; background:var(--line); position:relative; transition:background .2s var(--zzn-kurve); flex:none }
.zzn-kippschalter .zzn-mode-zz{ position:absolute; top:2px; left:2px; width:16px; height:16px; border-radius:50%; background:var(--ink); color:var(--paper); display:flex; align-items:center; justify-content:center; font-family:var(--zz-logo,"NotoSerifDisplay",Didot,serif); font-weight:700; font-size:9px; letter-spacing:-.2em; text-indent:-.2em; transition:transform .6s cubic-bezier(.5,0,.9,.3), background .2s var(--zzn-kurve), color .2s var(--zzn-kurve) }
.zzn-kippschalter[aria-pressed="true"] .zzn-mode-cta{ background:var(--ink) }
.zzn-kippschalter[aria-pressed="true"] .zzn-mode-zz{ transform:translateX(16px) rotate(360deg); background:var(--paper); color:var(--ink) }


body[data-nav-variante="7"] .hdr{ transition:transform .35s var(--zzn-kurve), background .25s var(--zzn-kurve), color .25s var(--zzn-kurve) }
body[data-nav-variante="7"].zzn-header-weg:not(.zzn-offen):not(.zzn-overlay-offen) .hdr{ transform:translateY(-100%) }





body[data-geraet="telefon"] .drawer-body{ flex:0 1 auto }

body[data-geraet="telefon"] .drawer-foot{ display:block; padding:16px var(--pad-x) calc(16px + env(safe-area-inset-bottom) + var(--zzn-etikett-h, 0px)) }
body[data-geraet="telefon"] .drawer-foot .zzn-footer-reihe{ display:grid; grid-template-columns:1fr 1fr; column-gap:16px; row-gap:12px }
body[data-geraet="telefon"] .drawer-foot .zzn-footer-reihe > *{ display:flex; flex-direction:row; align-items:center; gap:12px; min-height:0; padding:0; background:none; border:0; color:var(--muted); font-family:var(--sans); cursor:pointer; text-decoration:none; text-align:left; min-width:0 }
body[data-geraet="telefon"] .drawer-foot .zzn-footer-reihe > * > span:last-child{ font-size:12.5px; line-height:1.2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
body[data-geraet="telefon"] .drawer-foot .zzn-footer-reihe svg,
body[data-geraet="telefon"] .drawer-foot .zzn-footer-reihe .ic{ width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; flex:none }


.drawer-foot > a:not([id]){ display:none }


body[data-geraet="tablet"] .drawer-foot #dFootCtry,
body[data-geraet="tablet"] .drawer-foot #dFootContact{ display:none }
body[data-geraet="tablet"] .drawer-foot{ display:block; padding:16px var(--pad-x) calc(16px + env(safe-area-inset-bottom) + var(--zzn-etikett-h, 0px)) }


body[data-geraet="tablet"] .zzn-footer-titel{ font-family:var(--sans); margin:0 0 12px; font-size:14px; letter-spacing:.14em; text-transform:uppercase; font-weight:500; color:var(--muted) }
body[data-geraet="tablet"] .zzn-footer-titel.zzn-footer-abgesetzt{ margin-top:24px; padding-top:16px; border-top:.5px solid var(--line-soft) }


body[data-geraet="telefon"] .drawer-foot .zzn-footer-schalter,
body[data-geraet="tablet"] .zzn-footer-schalter{ display:grid; grid-template-columns:1fr; gap:12px }
body[data-geraet="telefon"] .drawer-foot .zzn-footer-schalter{ margin-top:12px; padding-top:12px; border-top:.5px solid var(--line-soft) }
body[data-geraet="telefon"] .drawer-foot .zzn-footer-schalter > *,
body[data-geraet="tablet"] .zzn-footer-schalter > *{ display:flex; align-items:center; gap:12px; width:100%; min-height:0; padding:0 }
body[data-geraet="telefon"] .drawer-foot .zzn-footer-schalter > * > span:not(.zzn-mode-cta){ font-size:12.5px; white-space:nowrap }
body[data-geraet="tablet"] .zzn-footer-schalter > *{ color:var(--ink) }
body[data-geraet="tablet"] .zzn-footer-schalter > * > span:not(.zzn-mode-cta){ font-size:14px; white-space:nowrap }
body[data-geraet="telefon"] .drawer-foot .zzn-footer-schalter svg,
body[data-geraet="tablet"] .zzn-footer-schalter svg{ width:15px; height:15px }
body[data-geraet="telefon"] .drawer-foot .zzn-footer-schalter .zzn-mode-cta,
body[data-geraet="tablet"] .zzn-footer-schalter .zzn-mode-cta{ margin-left:auto }


body[data-geraet="schreibtisch"] .drawer-foot .zzn-mode{ margin-top:24px; padding-top:16px; border-top:.5px solid var(--line-soft) }
body[data-geraet="schreibtisch"] .drawer-foot .zzn-retro-schalter{ margin-top:12px }


#menuBtn, .burger{ min-height:var(--zz-tast, 44px); min-width:var(--zz-tast, 44px); display:inline-flex; align-items:center; justify-content:center }


body[data-geraet="tablet"] .zzn-mehr .zzn-darstellung{ display:none }