@font-face{font-family:"Jost";src:url("fonts/jost.7726a5cd6f.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Jost Fallback";src:local("Arial"),local("ArialMT"),local("Helvetica");size-adjust:95.42%;ascent-override:112.13%;descent-override:39.3%;line-gap-override:0%}

:root{
  --indigo:#36277e;
  --tief:#1d1650;
  --nacht:#17123a;
  --weiss:#ffffff;
  --tinte:#15131d;
  --grau:#ecebf3;
  --linie:#d6d6dc;
  --rand:clamp(20px,5vw,72px);
  --breite:1320px;
  --schrift:"Source Sans 3",system-ui,sans-serif;
  --titel:var(--schrift);
  --kurve:cubic-bezier(.2,.7,.1,1);
  --weich:cubic-bezier(.45,.05,.25,1);
  --fokus:var(--indigo);
  --fuss-bg:var(--grau);
  --fuss-text:var(--tinte);
  --fuss-linie:var(--linie);
  --link-hover:var(--indigo);
  --kopf-linie:#c3bed8;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--schrift);font-size:clamp(1.125rem,1.06rem + .28vw,1.25rem);line-height:1.6;color:var(--tinte);background:var(--weiss);-webkit-tap-highlight-color:transparent}
img,svg,picture{display:block;max-width:100%}
img{height:auto}
h1,h2,h3,p,ul,figure,address,blockquote{margin:0}
ul{padding:0;list-style:none}
address{font-style:normal}
a{color:inherit;touch-action:manipulation;text-decoration-thickness:1px;text-underline-offset:4px;transition:color .2s var(--kurve)}
a:hover{text-decoration-thickness:2px}
a:not(.knopf,.marke,.sprung,.e-weg,.d-weg,.telefon,.e-mehr):hover{color:var(--link-hover)}
button{font:inherit;color:inherit;touch-action:manipulation}
h1,h2,h3{font-family:var(--titel);text-wrap:balance}
p{text-wrap:pretty}

:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}

.vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

.sprung{position:absolute;left:var(--rand);top:-80px;z-index:30;padding:12px 18px;background:var(--indigo);color:var(--weiss);font-weight:600;text-decoration:none}
.sprung:focus{top:8px;outline-color:var(--weiss);outline-offset:-6px}

.entwurf{--link-hover:var(--weiss);display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 24px;padding:8px var(--rand);background:var(--tinte);color:var(--weiss);font-family:"Source Sans 3",system-ui,sans-serif;font-size:1rem;line-height:1.4;--fokus:var(--weiss)}
.entwurf a{display:inline-flex;align-items:center;min-height:24px;color:var(--weiss);text-underline-offset:3px}

.kopf{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 32px;padding:16px var(--rand);background:var(--weiss);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--kopf-linie);transition:box-shadow .7s var(--weich),transform .7s var(--weich)}
.gescrollt .kopf{box-shadow:0 10px 30px -14px rgba(29,22,80,.28)}
.kopf > .marke,.kopf > .kopf-rechts{transition:transform .7s var(--weich)}
@media (min-width:761px){
  .gescrollt .kopf{transform:translateY(calc(var(--kopf-klein,0px) - var(--kopf-voll,0px)))}
  .gescrollt .kopf > .marke,.gescrollt .kopf > .kopf-rechts{transform:translateY(calc((var(--kopf-voll,0px) - var(--kopf-klein,0px)) / 2))}
  .gescrollt .marke img{transform:scale(var(--logo-s,1))}
}
.marke img{transform-origin:0 50%;transition:transform .7s var(--weich)}
.kopf-messen .kopf,.kopf-messen .kopf *{transition:none !important}
html{scroll-padding-top:calc(var(--kopf-klein,var(--kopf-h,100px)) + var(--nav-h,0px) + 16px)}
.marke{display:block;flex:0 0 auto}
.marke img{width:clamp(200px,22vw,290px)}
.kopf-rechts{display:flex;flex-wrap:wrap;align-items:center;gap:6px 28px}
.kopf nav ul{display:flex;flex-wrap:wrap;gap:0 6px}
.kopf nav a{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;min-height:48px;padding:0 14px;font-weight:450;font-size:1.375rem;text-decoration:none;color:var(--tinte);background-image:linear-gradient(var(--indigo),var(--indigo));background-repeat:no-repeat;background-size:0 3px;background-position:14px calc(100% - 9px);transition:font-weight .4s var(--kurve),background-size .3s var(--kurve)}
.kopf nav a::after{content:attr(data-text);height:0;overflow:hidden;visibility:hidden;font-weight:800;pointer-events:none;user-select:none}
.kopf nav a:hover,.kopf nav a:focus-visible{font-weight:800;color:var(--tinte)}
.kopf nav a[aria-current="page"]{background-size:calc(100% - 28px) 3px}
.kopf nav a:active{color:var(--indigo)}
.telefon{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 4px;font-weight:600;font-size:1.375rem;color:var(--indigo);text-decoration:none;white-space:nowrap}
.telefon svg{width:22px;height:22px;flex:0 0 auto}
.telefon span{display:inline-block;padding:0;background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-size:0 3px;background-position:0 calc(100% - 2px);transition:background-size .3s var(--kurve)}
.telefon:hover span{background-size:100% 3px}

.knopf{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:12px 26px;border:2px solid var(--indigo);border-radius:2px;background:var(--indigo);color:var(--weiss);font-family:var(--schrift);font-weight:600;font-size:1.125rem;line-height:1.2;text-decoration:none;cursor:pointer;transition:background-color .3s var(--weich),border-color .3s var(--weich),transform .12s var(--kurve)}
.knopf:hover{background:var(--tief);border-color:var(--tief)}
.knopf:active{transform:translateY(2px)}
.knopf-hell{background:var(--weiss);color:var(--indigo)}
.knopf-hell:hover{background:var(--indigo);border-color:var(--indigo);color:var(--weiss)}
.knopf-weiss{background:var(--weiss);border-color:var(--weiss);color:var(--tief)}
.knopf-weiss:hover{background:rgba(255,255,255,0);border-color:var(--weiss);color:var(--weiss)}
.knopf-rand{background:rgba(255,255,255,0);border-color:var(--weiss);color:var(--weiss)}
.knopf-hell,.knopf-weiss,.knopf-rand,.knopf-linie{transition:transform .12s var(--kurve)}
.knopf-rand:hover{background:var(--weiss);border-color:var(--weiss);color:var(--tief)}
.knoepfe{display:flex;flex-wrap:wrap;gap:14px}

.fuss{background:var(--fuss-bg);color:var(--fuss-text);padding:clamp(48px,6vw,84px) var(--rand) 0;--fokus:var(--indigo)}
.fuss-innen{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:36px 48px;max-width:var(--breite);margin:0 auto;padding-bottom:clamp(40px,5vw,64px)}
.fuss h2{font-size:1.375rem;line-height:1.25;margin-bottom:14px}
.fuss p,.fuss address{margin-bottom:12px}
.fuss-kontakt a{display:inline-block;padding:4px 0}
.fuss-recht ul{display:grid;gap:2px}
.fuss-recht a{display:inline-flex;align-items:center;min-height:44px}
.fuss .knopf{margin-top:8px}
.fuss-neu{font-size:1.125rem}
.fuss-neu .fuss-innen{grid-template-columns:minmax(0,1.4fr) minmax(0,1.15fr) minmax(0,1fr) minmax(0,.9fr);gap:40px clamp(28px,4vw,64px)}
.fuss-neu .fuss-kontakt a{display:inline;padding:0}
.fuss-neu .fuss-kontakt p,.fuss-neu .fuss-kontakt address{line-height:1.75}
.nb{white-space:nowrap}
.fuss-marke{display:grid;gap:14px;justify-items:start;align-content:start;max-width:28rem}
.fuss-marke img{width:min(260px,100%)}
.fuss-marke p{margin:0}
.fuss-name{font-family:var(--titel);font-size:1.375rem;font-weight:650;line-height:1.25;margin-top:6px}
.fuss-marke .knopf{margin-top:10px}
@media (max-width:1080px){
  .fuss-neu .fuss-innen{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:620px){
  .fuss-neu .fuss-innen{grid-template-columns:1fr}
}
.fuss-unten{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 30px;max-width:var(--breite);margin:0 auto;padding:18px 0 120px;border-top:1px solid var(--fuss-linie);font-size:1rem}
@media (max-width:768px){.fuss-unten{padding-bottom:104px}}
.fuss-unten p{margin:0}
.powered a{display:inline-flex;align-items:center;min-height:24px}

@media (max-width:640px){
  .kopf{padding-top:12px;padding-bottom:8px}
  .kopf{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"marke tel" "nav nav";align-items:center}
  .kopf-rechts{display:contents}
  .marke{grid-area:marke}
  .kopf nav{grid-area:nav}
  .telefon{grid-area:tel;justify-content:center;width:44px;height:44px;min-height:44px;padding:0;border:2px solid var(--indigo);border-radius:50%}
  .telefon span{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .telefon:hover{background:var(--indigo);color:var(--weiss)}
  .kopf nav a{padding:0 10px;background-position:10px calc(100% - 9px)}
  .kopf nav a[aria-current="page"]{background-size:calc(100% - 20px) 3px}
  .kopf{padding-top:10px;padding-bottom:4px;gap:2px 16px}
  .marke img,.gescrollt .marke img{width:170px}
  .kopf nav ul{margin-left:-10px}
}

.menue-knopf{display:none}
@media (min-width:761px) and (max-width:960px){
  .menue-js .kopf{flex-wrap:nowrap;gap:10px 24px}
  .menue-js .kopf .kopf-rechts{flex-wrap:nowrap;gap:16px}
  .menue-js .kopf .telefon{justify-content:center;width:44px;height:44px;min-height:44px;padding:0;border:2px solid var(--indigo);border-radius:50%;transition:none}
  .menue-js .kopf .telefon span{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .menue-js .kopf .telefon:hover{background:var(--indigo);color:var(--weiss)}
}
@media (max-width:760px){
  .menue-js .kopf{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;padding-bottom:12px}
  .menue-js .kopf .kopf-rechts{display:flex;flex-wrap:nowrap;align-items:center;gap:10px}
  .menue-js .kopf .telefon,.menue-js .kopf .menue-knopf{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:44px;height:44px;min-height:44px;padding:0;border:2px solid var(--indigo);border-radius:50%;background:var(--weiss);color:var(--indigo);transition:none;cursor:pointer}
  .menue-js .kopf .telefon{order:1}
  .menue-js .kopf .menue-knopf{order:2}
  .menue-js .kopf .telefon span{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .menue-js .kopf .telefon:hover,.menue-js .kopf .menue-knopf:hover,.menue-js .kopf.menue-offen .menue-knopf{background:var(--indigo);color:var(--weiss)}
  .menue-knopf svg{width:28px;height:28px;overflow:visible}
  .menue-strich{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;transform-origin:12px 12px;transition:transform .25s var(--weich),opacity .2s var(--weich)}
  .menue-offen .menue-strich-1{transform:translateY(6px) rotate(45deg)}
  .menue-offen .menue-strich-2{opacity:0}
  .menue-offen .menue-strich-3{transform:translateY(-6px) rotate(-45deg)}
  .menue-js .kopf nav{position:absolute;left:0;right:0;top:calc(100% + 1px);max-height:calc(100vh - var(--kopf-klein,64px));overflow-y:auto;padding:6px var(--rand) 22px;background:var(--weiss);border-bottom:1px solid var(--kopf-linie);box-shadow:0 18px 30px -18px rgba(29,22,80,.35);visibility:hidden;opacity:0;transform:translateY(-6px);transition:opacity .25s var(--weich),transform .25s var(--weich),visibility 0s linear .25s}
  .menue-js .kopf.menue-offen nav{visibility:visible;opacity:1;transform:none;transition:opacity .25s var(--weich),transform .25s var(--weich),visibility 0s}
  .menue-js .kopf nav ul{display:grid;gap:0;margin:0}
  .menue-js .kopf nav li + li{border-top:1px solid var(--linie)}
  .menue-js .kopf nav a{display:flex;align-items:flex-start;min-height:56px;padding:0;font-size:1.25rem;background-image:none}
  .menue-js .kopf nav a[aria-current="page"]{text-decoration:underline;text-decoration-color:var(--indigo);text-decoration-thickness:3px;text-underline-offset:8px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms !important;animation-delay:0s !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
}

@media (max-width:760px){
  .menue-js .kopf .menue-knopf{border-radius:2px}
}

@media (max-height:500px){
  .kopf{position:relative}
  html{scroll-padding-top:16px}
}

.fuss-marke picture{width:min(260px,100%)}
.fuss-marke picture img{width:100%}

@media (max-width:760px){
  .menue-js .seiten-nav{display:none}
}

.schnell{display:none}
@media (max-width:1024px),(hover:none) and (pointer:coarse){
  .kopf .telefon,.menue-js .kopf .telefon{display:none}
  .schnell{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:30;display:flex;flex-direction:column-reverse;align-items:flex-end;gap:10px;transition:opacity .35s var(--weich),transform .35s var(--weich)}
  .fuss-sichtbar .schnell,body:has(.kopf.menue-offen) .schnell{opacity:0;transform:translateY(16px);pointer-events:none;visibility:hidden;transition:opacity .35s var(--weich),transform .35s var(--weich),visibility 0s .35s}
  .schnell-knopf{display:none;align-items:center;gap:10px;min-height:56px;padding:0 22px 0 18px;border:0;border-radius:2px;background:var(--indigo);color:var(--weiss);font:inherit;font-weight:600;font-size:1.125rem;cursor:pointer;box-shadow:0 14px 30px -10px rgba(29,22,80,.55)}
  .menue-js .schnell-knopf{display:inline-flex}
  .schnell-knopf:hover,.schnell.ist-offen .schnell-knopf{background:#2a1e66}
  .schnell-knopf .ico{width:22px;height:22px}
  .schnell-zu,.schnell.ist-offen .schnell-auf{display:none}
  .schnell.ist-offen .schnell-zu{display:block}
  .schnell-liste{min-width:264px;background:var(--weiss);box-shadow:0 22px 48px -18px rgba(29,22,80,.45)}
  .menue-js .schnell-liste{display:none}
  .menue-js .schnell.ist-offen .schnell-liste{display:block}
  .schnell-liste li + li{border-top:1px solid var(--linie)}
  .schnell-weg{display:grid;grid-template-columns:22px minmax(0,1fr);gap:14px;align-items:center;min-height:56px;padding:12px 18px;color:var(--tinte);text-decoration:none}
  .schnell-weg .ico{width:22px;height:22px;color:var(--indigo)}
  .schnell-weg:hover{background:var(--grau)}
  .schnell-weg:hover .schnell-titel{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
  .schnell-weg:focus-visible{outline-offset:-3px}
  .schnell-titel{display:block;font-weight:600}
  .schnell-wert{display:block;margin-top:2px;font-size:1rem;color:var(--tinte)}
  .schnell .ico{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
}
@property --grund{syntax:"<color>";inherits:true;initial-value:#000000}
body{--schrift:"Jost","Jost Fallback",system-ui,sans-serif;--titel:var(--schrift);--tinte:#000000;--fuss-bg:var(--grau);--fuss-text:#000000}
body{font-size:clamp(1.1875rem,1.1rem + .3vw,1.3125rem)}

.e-tafel{position:relative;isolation:isolate;overflow:hidden;padding:clamp(28px,4vw,64px) var(--rand) clamp(48px,6vw,96px);text-align:center}
.e-zeilen{font-weight:400;color:var(--tinte)}
.e-z{display:block;animation:e-laut 1.1s var(--kurve) both;animation-delay:calc(.1s + var(--i) * .16s)}
.e-z1{font-size:min(clamp(2.6rem,10.6vw,12.5rem),calc((100vw - 2 * var(--rand)) * .14));white-space:nowrap;line-height:.96;letter-spacing:-.035em;--g:800;font-weight:800}
.e-und{position:relative;color:var(--indigo)}
.e-ringe{position:absolute;left:50%;top:52%;z-index:-1;width:3000px;height:3000px;max-width:none;transform:translate(-50%,-50%);fill:none;stroke:var(--indigo);stroke-width:1.3;opacity:.16;pointer-events:none;-webkit-mask-image:radial-gradient(circle,#000 0,#000 12%,transparent 34%);mask-image:radial-gradient(circle,#000 0,#000 12%,transparent 34%)}
.e-z2{margin-top:min(.85vw,16px);font-size:clamp(1.5rem,3.55vw,3.6rem);line-height:1.06;letter-spacing:-.022em;--g:620;font-weight:620;text-wrap:balance}
.e-z4{margin-top:min(1.27vw,24px);font-size:clamp(1.25rem,2.45vw,2.6rem);line-height:1.14;letter-spacing:-.01em;--g:420;font-weight:420}
.e-z5{max-width:62ch;margin:calc(min(2.02vw,38px) - 9px) auto 0;--g:400;font-weight:400}
.e-knoepfe{justify-content:center;margin-top:max(20px,calc(min(2.6vw,49px) - 9px))}

@keyframes e-laut{from{font-weight:100;opacity:0}to{font-weight:var(--g);opacity:1}}
.e-z2,.e-z4,.e-z5{animation-name:e-ein}
@keyframes e-ein{from{opacity:0;transform:translateY(.4em)}to{opacity:1;transform:none}}

.e-team picture{background:var(--grau)}
.e-team img{width:100%}

.e-wege{display:grid;grid-template-columns:1fr 1fr;background:var(--tinte);color:var(--weiss);--fokus:var(--weiss)}
.e-weg{--grund:#000000;position:relative;display:grid;align-content:start;gap:clamp(20px,2.6vw,40px);padding:clamp(32px,4vw,64px) clamp(24px,3.6vw,60px) clamp(40px,4.6vw,76px) var(--rand);background:var(--grund);text-decoration:none;transition:--grund .25s var(--kurve)}
.e-weg + .e-weg{border-left:1px solid rgba(255,255,255,.3);padding-left:clamp(24px,3.6vw,60px);padding-right:var(--rand)}
.e-weg:focus-visible,.e-weg:has(.e-mehr:focus-visible),.e-weg.lupe-klon{--grund:var(--indigo)}
.e-weg:focus-visible{outline-offset:-8px}
.e-weg-text{display:grid;gap:clamp(14px,1.6vw,22px);justify-items:start}
.e-wort{font-size:clamp(3.2rem,6.8vw + 1.2rem,9.4rem);line-height:.92;letter-spacing:-.04em;font-weight:250;white-space:nowrap;transition:font-weight .25s var(--kurve)}
.e-weg:focus-visible .e-wort,.e-weg:has(.e-mehr:focus-visible) .e-wort,.lupe-klon .e-wort{font-weight:800}
.e-satz{max-width:46ch}
.e-mehr{display:inline-flex;align-items:center;min-height:52px;margin-top:6px;padding:12px 26px;border:2px solid var(--weiss);background:rgba(255,255,255,0);border-radius:2px;font-weight:600;font-size:1.125rem;color:inherit;text-decoration:none;transition:none}
.e-weg:focus-visible .e-mehr,.e-mehr:focus-visible,.e-mehr:active,.lupe-klon .e-mehr{background:var(--weiss);color:var(--tinte)}
@media (hover:hover) and (pointer:fine) and (min-width:1025px){
  .e-weg:hover{--grund:var(--indigo);transition:--grund .45s var(--weich)}
  .e-weg:active{--grund:var(--tief)}
  .e-weg:hover .e-wort{font-weight:800;transition:font-weight .45s var(--weich)}
  .e-weg:hover .e-mehr{background:var(--weiss);color:var(--tinte)}
  .e-mehr::after{content:"";position:absolute;inset:0;z-index:1}
}

.e-zeichnung{position:relative;display:block;aspect-ratio:700/440;width:100%;max-width:720px}
.e-zeichnung svg{width:100%;height:100%;overflow:visible}
.e-linie,.e-fein{fill:none;stroke:var(--strich,var(--weiss));stroke-linecap:round;stroke-linejoin:round}
.e-linie{stroke-width:2.4}
.e-fein{stroke-width:1.5;opacity:.72}
.e-vorhof{fill:var(--grund);stroke:var(--strich,var(--weiss));stroke-width:2.4}
.e-punkt{fill:var(--strich,var(--weiss));stroke:none}
.e-marke{position:absolute;left:var(--l);top:var(--t);transform:translateX(-50%);font-size:1rem;line-height:1.2;white-space:nowrap}
.e-marke-links{transform:translateY(-100%);padding-bottom:4px}

.js [data-zeichnen]:not(.fertig) .e-zeichnung :is(path,circle:not(.e-punkt),ellipse){stroke-dasharray:1}
.js [data-zeichnen]:not(.da) .e-zeichnung :is(path,circle:not(.e-punkt),ellipse){stroke-dashoffset:1}
.js [data-zeichnen]:not(.da) :is(.e-punkt,.e-marke){opacity:0}
.e-weg{--v:0s}
.e-weg + .e-weg{--v:0s}
.e-auge{--schritt:.2s}
.js [data-zeichnen].da:not(.fertig) .e-zeichnung :is(path,circle:not(.e-punkt),ellipse){animation:e-zeichnen 1.1s var(--kurve) both;animation-delay:calc(.1s + var(--v) + var(--i) * var(--schritt,.13s))}
.js [data-zeichnen].da:not(.fertig) :is(.e-punkt,.e-marke){animation:e-zeigen .8s var(--kurve) 2.6s both}

@keyframes e-zeichnen{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes e-zeigen{from{opacity:0}to{opacity:1}}

.e-geschaeft img{width:100%}

.e-haltung{position:relative;overflow:hidden;isolation:isolate;background:var(--indigo);color:var(--weiss);--fokus:var(--weiss);--link-hover:var(--weiss)}
.e-muster{position:absolute;inset:0;z-index:-1;width:100%;height:100%;fill:none;stroke:var(--weiss);pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 62% 78% at 79% 50%,#000 0,#000 34%,transparent 100%);mask-image:radial-gradient(ellipse 62% 78% at 79% 50%,#000 0,#000 34%,transparent 100%)}
.e-muster-wellen{stroke-width:1.4;opacity:.13}
.e-muster-strahlen{stroke-width:1;opacity:.11}
.e-muster-punkt{fill:var(--weiss);stroke:none;opacity:.22}
.e-haltung-innen{max-width:var(--breite);margin:0 auto;padding:clamp(64px,8vw,130px) var(--rand) clamp(64px,8vw,120px);box-sizing:content-box}
.e-haltung h2{font-size:1.3125rem;font-weight:400;line-height:1.3}
.e-gross{margin-top:14px;font-size:clamp(2rem,.9rem + 3.6vw,4.6rem);line-height:1.06;letter-spacing:-.03em;font-weight:650;text-wrap:balance;transition:filter 1.4s var(--kurve),opacity 1.4s var(--kurve)}
.js .e-haltung:not(.da) .e-gross{filter:blur(16px);opacity:.5}
.e-haltung-text{display:grid;grid-template-columns:1fr 1fr;gap:16px clamp(32px,5vw,96px);margin-top:clamp(36px,4.4vw,64px)}
.e-haltung-text > div{display:grid;gap:16px;align-content:start}
.e-namen{font-weight:600}
.e-haltung-text .knopf{margin-top:8px}

@media (max-width:860px){
  .e-wege{grid-template-columns:1fr}
  .e-weg + .e-weg{border-left:0;border-top:1px solid rgba(255,255,255,.3);padding-left:var(--rand)}
  .e-weg{padding-right:var(--rand)}
  .e-haltung-text{grid-template-columns:1fr}
  .e-gross{text-wrap:pretty}
}
@media (max-width:760px){
  .e-z1{font-size:min(clamp(2.6rem,13.5vw,6rem),calc((100vw - 2 * var(--rand)) * .14))}
  .e-z2{font-size:clamp(1.45rem,6.6vw,2.6rem);margin-top:3vw}
  .e-z4{font-size:clamp(1.2rem,4.8vw,1.8rem);margin-top:3.38vw}
  .e-z5{margin-top:max(8px,calc(4.5vw - 8px))}
  .e-knoepfe{margin-top:max(16px,calc(5.6vw - 9px))}
}
@media (max-width:520px){
  .e-marke{font-size:.9375rem}
}
@media (prefers-reduced-motion:reduce){
  .e-z{animation:none}
}

.buehne{--grund:#000000;--fokus:var(--weiss);--link-hover:var(--weiss);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.618fr);align-items:stretch;column-gap:clamp(32px,3.4vw,56px);padding:0 0 0 max(var(--rand),calc((100% - var(--breite)) / 2));background:var(--grund);color:var(--weiss)}
.buehne-text{display:grid;gap:24px;justify-items:start;align-content:center;padding:clamp(40px,5vw,80px) 0}
@media (min-width:1241px){
  .buehne:not(.buehne-schmal){min-height:min(514px,calc(15.5vw + 282px))}
}
@media (min-width:1380px){
  .buehne:not(.buehne-schmal){min-height:min(514px,calc(15.5vw + 250px))}
}
.buehne-text p{max-width:44ch}
.buehne-wort{margin-left:calc(var(--lsb,0) * -1em + .08 * clamp(1.1875rem,1.1rem + .3vw,1.3125rem));font-size:clamp(3rem,6.8vw,8rem);line-height:.9;letter-spacing:-.04em;font-weight:250;white-space:nowrap;animation:e-laut 1.1s var(--kurve) both;--g:250}
.buehne-bild{position:relative;overflow:hidden;background:var(--grund)}
.buehne-bild picture{display:block;height:100%}
.buehne-bild img{width:100%;height:100%;object-fit:cover;object-position:var(--bild-x,50%) 50%}

.e-weg[data-effekt]{position:relative;overflow:hidden}
.effekt{position:absolute;left:0;top:0;z-index:2;pointer-events:none;will-change:transform,opacity}
.effekt-lupe{width:230px;height:230px;margin:-115px 0 0 -115px;overflow:hidden;border:3px solid var(--weiss);border-radius:50%;background-color:var(--grund,#000);background-repeat:no-repeat;box-shadow:0 0 0 1px rgba(23,18,58,.3),0 18px 40px -12px rgba(0,0,0,.5);opacity:0;transition:opacity .35s var(--weich)}
.effekt-an .effekt-lupe{opacity:1}
.buehne-bild.effekt-an[data-effekt="lupe"]{cursor:none}
.lupe-klon{position:absolute;left:0;top:0;transform-origin:0 0;margin:0;background:transparent !important}
.e-weg .effekt-lupe{background-color:inherit;transition:opacity .25s var(--kurve)}
.e-weg.effekt-an .effekt-lupe{transition:opacity .45s var(--weich)}
.lupe-klon,.lupe-klon *{transition:none !important;animation:none !important}
.effekt-schall{width:0;height:0}
.buehne-bild .effekt-schall{filter:drop-shadow(0 0 1.5px rgba(23,18,58,.55))}
.welle{position:absolute;left:-150px;top:-150px;width:300px;height:300px;border:1.5px solid var(--weiss);border-radius:50%;opacity:0;animation:welle 1.6s cubic-bezier(.2,.6,.3,1) forwards}
@keyframes welle{0%{opacity:.9;transform:scale(.08)}100%{opacity:0;transform:scale(1)}}

.seiten-nav{position:sticky;top:calc(var(--kopf-klein,72px) - 1px);z-index:15;padding:0 calc(var(--rand) - 12px);background:var(--weiss);border-bottom:1px solid var(--linie);transition:box-shadow .7s var(--weich)}
.nav-klebt .kopf{box-shadow:none}
.nav-klebt .seiten-nav{box-shadow:0 10px 30px -14px rgba(29,22,80,.28)}
.seiten-nav ul{display:flex;gap:0 4px;max-width:calc(var(--breite) + 24px);margin:0 auto;overflow-x:auto;scrollbar-width:none;scroll-padding-inline:40px}
.seiten-nav ul::-webkit-scrollbar{display:none}
.seiten-nav li{flex:0 0 auto}
.seiten-nav a{display:inline-flex;align-items:center;min-height:52px;padding:0 12px;font-weight:500;font-size:1.0625rem;text-decoration:none;background-image:linear-gradient(var(--indigo),var(--indigo));background-repeat:no-repeat;background-size:0 3px;background-position:12px calc(100% - 8px);transition:background-size .45s var(--weich),color .2s var(--kurve)}
.seiten-nav a:focus-visible{outline-offset:-4px}
.seiten-nav a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.seiten-nav a[aria-current]{color:var(--indigo);background-size:calc(100% - 24px) 3px}
.seiten-nav a[aria-current]:hover{text-decoration:none}

.abschnitt{padding:clamp(64px,8vw,128px) var(--rand);scroll-margin-top:0}
.abschnitt-innen{max-width:var(--breite);margin:0 auto}
.flaeche-grau{background:var(--grau);--grund:var(--grau);--strich:var(--tinte)}
.flaeche-schwarz{--grund:#000000;--fokus:var(--weiss);--link-hover:var(--weiss);--faq-linie:rgba(255,255,255,.4);background:#000000;color:var(--weiss)}
.abschnitt h2{font-size:clamp(2.1rem,1.1rem + 3.2vw,4.3rem);line-height:1.04;letter-spacing:-.03em;font-weight:650;text-wrap:balance;margin-bottom:clamp(24px,3vw,44px)}
.abschnitt h3{font-size:clamp(1.3rem,1.1rem + .7vw,1.7rem);line-height:1.2;font-weight:600;margin-bottom:12px}
.abschnitt p + p{margin-top:16px}
.leitsatz{font-size:clamp(1.3rem,1rem + 1vw,1.8rem);line-height:1.3;font-weight:500;margin:-8px 0 clamp(28px,3vw,44px)}
.einleitung{max-width:70ch;font-size:clamp(1.25rem,1.15rem + .3vw,1.375rem);margin-bottom:clamp(36px,4vw,64px)}
.spalten-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px clamp(32px,5vw,96px)}
.spalten-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px clamp(28px,4vw,64px)}
.spalten-weit{align-items:start}
.spalten-weit > h2{margin-bottom:0}
@media (min-width:861px){
  .spalten-weit h2{font-size:min(clamp(2.1rem,1.1rem + 3.2vw,4.3rem),calc((min(100vw - 2 * var(--rand),var(--breite)) - clamp(32px,5vw,96px)) / 20))}
}
#winkelfehlsichtigkeit .hinweis{margin-top:0}
.kacheln > div{border-top:2px solid currentColor;padding-top:20px}
.fliesstext-2{columns:2;column-gap:clamp(32px,5vw,96px);margin-bottom:clamp(48px,6vw,88px)}
.fliesstext-2 p{break-inside:avoid-column}


.ohr-gross{max-width:920px;margin:0 auto clamp(40px,5vw,72px)}
.ohr-gross .e-zeichnung{max-width:none}
.ohr-texte > div{border-top:2px solid currentColor;padding-top:20px}

.avws-vergleich{margin-bottom:clamp(48px,6vw,96px)}
.avws-seite{border-top:2px solid rgba(255,255,255,.4);padding-top:22px}
.avws-wer{font-weight:700;font-size:1.3125rem}
.avws-seite .avws-wer:not(:first-child){margin-top:24px}
.avws-bild{display:flex;align-items:center;gap:clamp(20px,3vw,40px);margin:26px 0}
.avws-ohr{flex:0 0 auto;width:clamp(72px,8vw,108px);height:auto;fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.avws-geraeusche li{line-height:1.45}
.avws-ohne .avws-geraeusche li{font-size:1.125rem;font-weight:300}
.avws-ohne .avws-geraeusche .avws-wichtig{font-size:1.75rem;font-weight:800;line-height:1.3}
.avws-mit .avws-geraeusche li{font-size:1.375rem;font-weight:700}

.leistungen{columns:3 300px;column-gap:clamp(28px,4vw,64px);max-width:var(--breite)}
.leistungen > li{position:relative;padding:9px 0 9px 34px;break-inside:avoid}
.leistungen > li::before{content:"";position:absolute;left:0;top:calc(9px + .8em - 8px);width:16px;height:16px;border:2px solid var(--indigo);border-radius:50%;box-sizing:border-box}
.leistungen-sehen > li::before{background:radial-gradient(circle,var(--indigo) 0 26%,transparent 30%)}
.leistungen-gruppe ul{margin-top:6px;display:grid;gap:2px}
.leistungen-gruppe ul li{position:relative;padding-left:22px}
.leistungen-gruppe ul li::before{content:"";position:absolute;left:2px;top:.8em;width:10px;height:2px;background:var(--indigo)}

.mit-muster{position:relative;isolation:isolate;overflow:hidden}
.muster{position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%;max-width:none;fill:none;stroke:var(--indigo);stroke-width:1.3;pointer-events:none}
.muster-voll{fill:var(--indigo);stroke:none}
.muster-dick{stroke-width:6}
.muster-wellen{opacity:.22;-webkit-mask-image:linear-gradient(90deg,transparent 42%,#000 86%);mask-image:linear-gradient(90deg,transparent 42%,#000 86%)}
.muster-boegen{opacity:.16;-webkit-mask-image:linear-gradient(90deg,#000 0,transparent 72%);mask-image:linear-gradient(90deg,#000 0,transparent 72%)}
.muster-rauschen{top:auto;bottom:clamp(24px,3vw,48px);height:240px;opacity:.24;stroke-width:1.3;}
.muster-rauschen path{vector-effect:non-scaling-stroke}
.muster-rauschen{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 40%,#000 100%);mask-image:linear-gradient(90deg,transparent 0,#000 40%,#000 100%)}
.muster-landolt{top:auto;bottom:clamp(36px,4vw,64px);left:var(--rand);width:calc(100% - 2 * var(--rand));height:clamp(70px,13vw,190px);transform:none;opacity:.16}
.mit-landolt{padding-bottom:clamp(150px,19vw,300px)}
.muster-mkh{opacity:.12;-webkit-mask-image:linear-gradient(90deg,transparent 30%,#000 70%);mask-image:linear-gradient(90deg,transparent 30%,#000 70%)}
.muster-iris{opacity:.17;stroke-width:1;-webkit-mask-image:linear-gradient(90deg,transparent 40%,#000 78%);mask-image:linear-gradient(90deg,transparent 40%,#000 78%)}

.laut{position:relative;isolation:isolate;margin:0 0 clamp(36px,4vw,56px);padding:0}
.laut .laut-satz{margin-top:calc(.2475 * clamp(1.3rem,1.1rem + .7vw,1.7rem) - .2075em)}
.laut-ringe{position:absolute;left:6%;top:50%;z-index:-1;width:2200px;height:2200px;max-width:none;transform:translate(-50%,-50%);fill:none;stroke:var(--indigo);stroke-width:1.4;pointer-events:none;-webkit-mask-image:radial-gradient(circle,#000 0,#000 18%,transparent 46%);mask-image:radial-gradient(circle,#000 0,#000 18%,transparent 46%)}
.laut-ringe circle{opacity:calc(.26 - var(--n) * .016);transition:transform 1.8s var(--weich),opacity 1.8s var(--weich);transition-delay:calc(var(--n) * .08s)}
.laut-satz{max-width:22ch;font-size:clamp(1.6rem,.95rem + 2.2vw,3.1rem);line-height:1.12;letter-spacing:-.03em;--g:700;font-weight:700;text-wrap:balance;transition:font-weight 1.8s var(--weich),opacity 1.8s var(--weich)}
.js [data-moment]:not(.da) .laut-satz{font-weight:200;opacity:.55}
.zeile{display:block;white-space:nowrap}
.laut-satz.messen{font-weight:700 !important;transition:none !important}
.js [data-moment]:not(.da) .laut-ringe circle{transform:scale(.35);opacity:0}

.auge-gross{max-width:920px;margin:0 auto clamp(48px,6vw,88px)}
.auge-gross .e-zeichnung{max-width:none}

.besser-raster{align-items:start}
.besser-raster h2{margin-bottom:clamp(16px,2vw,28px)}
.besser-raster .leitsatz{margin:0}
.leitsatz strong,.stark strong,.avws-wer strong{font-weight:inherit}
.besser-raster .stark{margin-top:28px}
.sehtafel-band{position:relative;isolation:isolate;overflow:hidden;padding:clamp(64px,8vw,136px) var(--rand);background:var(--indigo);color:var(--weiss)}
.sehtafel-band .muster{stroke:var(--weiss);height:100%;opacity:.13;-webkit-mask-image:radial-gradient(ellipse 60% 70% at 50% 50%,#000 0,#000 25%,transparent 100%);mask-image:radial-gradient(ellipse 60% 70% at 50% 50%,#000 0,#000 25%,transparent 100%)}
.sehtafel{container-type:inline-size;max-width:var(--breite);margin:0 auto;text-align:center;font-weight:750;letter-spacing:-.035em;line-height:1.12;transition:filter 1.6s var(--weich),opacity 1.6s var(--weich)}
.sehtafel span{display:block;white-space:nowrap}
.sehtafel-1{font-size:calc(12.5cqi + .6rem)}
.sehtafel-2{font-size:calc(8.2cqi + .4rem);margin-top:.2em}
.sehtafel-3{font-size:calc(5.4cqi + .3rem);margin-top:.3em}
#tinnitus{padding-bottom:calc(clamp(24px,3vw,48px) + 236px)}
.fliessend p{break-inside:auto}
.js .sehtafel-band:not(.da) .sehtafel{filter:blur(18px);opacity:.45}

.kacheln > .kachel-stapel{border-top:0;padding-top:0;display:grid;gap:40px;align-content:start}
.kachel-stapel > div{border-top:2px solid currentColor;padding-top:20px}
.muster-zentrier{left:auto;right:var(--rand);top:clamp(16px,2vw,28px);width:min(46%,420px);height:clamp(110px,12.5vw,180px);opacity:.3;stroke-width:1.4}
@media (max-width:760px){.muster-zentrier{display:none}}

.cta{--grund:var(--indigo);--fokus:var(--weiss);--link-hover:var(--weiss);position:relative;isolation:isolate;overflow:hidden;background:var(--indigo);color:var(--weiss)}
.cta .muster{stroke:var(--weiss);height:100%;-webkit-mask-image:radial-gradient(ellipse 70% 90% at 75% 50%,#000 0,#000 30%,transparent 100%);mask-image:radial-gradient(ellipse 70% 90% at 75% 50%,#000 0,#000 30%,transparent 100%)}
.cta .muster-voll{fill:var(--weiss);opacity:.28}
.muster-cta .muster-ringe{stroke-width:1.5;opacity:.15}
.muster-cta .muster-strahlen{stroke-width:1.1;opacity:.12}
.cta-innen{max-width:var(--breite);margin:0 auto;padding:clamp(72px,9vw,150px) var(--rand) clamp(72px,9vw,140px);box-sizing:content-box}
.cta h2{max-width:20ch;font-size:clamp(2.1rem,1rem + 3.6vw,4.6rem);line-height:1.06;letter-spacing:-.03em;font-weight:650;text-wrap:balance}
.cta-text{display:grid;gap:28px;max-width:60ch;margin-top:clamp(28px,3vw,44px)}

.einleitung-spalte{margin-bottom:0}
.hoerloesungen{align-items:start}
.bauformen{display:grid;gap:20px}
.bauform{padding:clamp(22px,2.4vw,34px);background:var(--weiss)}
.bauform h3{margin-bottom:10px}
.buehne-schmal{display:block;padding:clamp(40px,5vw,80px) max(var(--rand),calc((100% - var(--breite)) / 2))}
.buehne-schmal .buehne-wort{font-size:min(10vw,clamp(3rem,6.8vw,8rem))}
.abschnitt-innen.rechtstext{max-width:var(--breite)}
.rechtstext > *{max-width:78ch}
.rechtstext h2{font-size:clamp(1.6rem,1.2rem + 1.2vw,2.3rem);line-height:1.15;letter-spacing:-.02em;font-weight:650;margin:clamp(40px,4vw,64px) 0 16px}
.rechtstext h2:first-child{margin-top:0}
.rechtstext h3{font-size:clamp(1.25rem,1.1rem + .5vw,1.5rem);margin:32px 0 10px}
.rechtstext h4{font-size:1.125rem;font-weight:600;margin:24px 0 8px}
.rechtstext p + p{margin-top:12px}
.rechtstext ul{list-style:disc;padding-left:22px;margin:10px 0}
.rechtstext li + li{margin-top:6px}
.rechtstext a{overflow-wrap:anywhere}
.rechtstext li > ul{margin-top:6px}
.sitemap{list-style:none !important;padding-left:0 !important}
.sitemap > li{padding:14px 0;border-bottom:1px solid var(--linie)}
.sitemap > li > a{font-size:1.25rem;font-weight:600}
.sitemap ul{list-style:none;padding-left:0;display:flex;flex-wrap:wrap;gap:4px 24px;margin-top:8px}
.sitemap ul li + li{margin-top:0}
.faq-gruppe{border-top:1px solid var(--faq-linie,var(--tinte))}
.faq{border-bottom:1px solid var(--faq-linie,var(--tinte))}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:60px;padding:16px 0;list-style:none;cursor:pointer}
.faq summary::-webkit-details-marker{display:none}
.faq summary h3{margin:0;font-size:clamp(1.2rem,1rem + .6vw,1.5rem);line-height:1.3;font-weight:600}
.faq summary::after{content:"";flex:0 0 22px;height:22px;background:linear-gradient(currentColor,currentColor) center/100% 2px no-repeat,linear-gradient(currentColor,currentColor) center/2px 100% no-repeat;transition:transform .3s var(--kurve)}
.faq[open]:not(.zu) summary::after{transform:rotate(45deg)}
.faq summary:hover h3{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.faq summary:active h3{transform:translateY(1px)}
.faq-antwort{max-width:74ch;padding:0 0 30px}
#gleitsichtglaeser .faq-antwort{max-width:none;padding-right:46px}
.faq-einleitung{font-size:1.125rem;font-weight:600;margin-bottom:10px}
.faq-antwort ul{list-style:disc;padding-left:22px}
.faq-antwort li + li{margin-top:6px}
.faq-antwort li p + p{margin-top:8px}
.hinweis{margin-top:28px;max-width:62ch}

.gleitsicht-fuss{margin-top:clamp(48px,6vw,88px);align-items:start}
.gleitsicht-fuss h3{font-size:clamp(1.5rem,1.1rem + 1.4vw,2.4rem);line-height:1.15}

.stark{font-weight:700;font-size:1.3125rem}


.team-kopf{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:28px 48px;margin-bottom:clamp(40px,5vw,72px)}
.team-kopf h2{margin-bottom:16px}
.team-kopf > div > p{font-size:clamp(1.25rem,1.15rem + .3vw,1.375rem);max-width:40ch}
.team-wege{display:grid;gap:24px;justify-items:stretch}
.knopf-linie{background:rgba(255,255,255,0);border-color:var(--indigo);color:var(--indigo)}
.knopf-linie:hover{background:var(--indigo);border-color:var(--indigo);color:var(--weiss)}
.knopf-icon{justify-content:flex-start;gap:12px;min-width:0;max-width:100%}
.knopf-icon span{min-width:0;overflow-wrap:anywhere}
.knopf-icon svg{width:22px;height:22px;flex:0 0 auto}
.adresse{margin:12px 0 20px}
.klein{font-size:1rem;line-height:1.5}
.klein a{display:inline-block;padding:1px 0}
.zustimmung-hinweis{margin:8px 0 0 38px}
.feld-falle{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.e-haltung .e-gross:first-child,.e-haltung .vh + .e-gross{margin-top:0;font-size:clamp(2rem,.9rem + 3.6vw,4.6rem);font-weight:650;line-height:1.06}
.team{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(28px,5vw,96px);row-gap:clamp(40px,4vw,64px)}
.team li{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;column-gap:clamp(20px,2.4vw,32px)}
.team img{width:180px}
.team h3{font-size:clamp(1.45rem,1.3rem + .4vw,1.75rem);margin-bottom:10px}
.team li p{font-size:inherit;line-height:1.5}

.kontakt-raster{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:56px clamp(40px,6vw,120px)}
.kontakt-raster h2{font-size:clamp(1.7rem,1.2rem + 1.6vw,2.6rem);margin-bottom:18px}
.kontakt-daten{display:grid;gap:44px;align-content:start}
.kontakt-daten p,.kontakt-daten address{margin-top:12px}
.formular-hinweis{margin-bottom:22px}
.feld{display:grid;gap:8px;margin:0 0 24px;padding:0;border:0;min-width:0}
.feld > label,legend{font-weight:600}
legend{padding:0;margin-bottom:8px}
.formular input:not([type=checkbox]),.formular textarea{width:100%;min-height:52px;padding:12px 14px;border:2px solid var(--tinte);border-radius:2px;background:var(--weiss);color:var(--tinte);font:inherit}
.formular textarea{resize:vertical}
.formular input:focus-visible,.formular textarea:focus-visible{outline:3px solid var(--indigo);outline-offset:2px}
.formular [aria-invalid="true"]{border-color:#b00020}
.fehler{color:#b00020;font-weight:600}
.wahl{display:flex;flex-wrap:wrap;gap:4px 32px}
.wahl label{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-weight:400;cursor:pointer}
.formular input[type=checkbox]{width:24px;height:24px;margin:0;accent-color:var(--indigo);flex:0 0 auto}
.feld > .zustimmung{display:grid;grid-template-columns:24px minmax(0,1fr);gap:14px;align-items:start;font-weight:400;cursor:pointer}
.zustimmung input{margin-top:4px}
.formular-antwort{display:none;margin-top:16px;padding:16px 18px;border:2px solid var(--indigo);font-weight:600}
.formular-antwort:target{display:block}
.formular-status:not(:empty){margin-top:16px;padding:16px 18px;border:2px solid var(--indigo);font-weight:600}


@media (max-width:1240px){
  .buehne:not(.buehne-schmal){min-height:0}
  .buehne{grid-template-columns:1fr;padding:clamp(32px,5vw,56px) 0 0}
  .buehne-text{padding:0 var(--rand) clamp(28px,4vw,48px)}
  .buehne-text p{font-size:inherit;line-height:1.6;max-width:60ch}
  .buehne-bild img{height:auto}
  .buehne-wort{font-size:clamp(3.4rem,11vw,8rem)}
}
@media (max-width:900px){
  .team-kopf{grid-template-columns:minmax(0,1fr);align-items:start}
  .team-wege{justify-items:start}
}
@media (max-width:760px){
  .team{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:1000px){
  .spalten-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:860px){
  .muster-wellen,.muster-landolt,.muster-mkh,.muster-iris{opacity:.1}
  .seiten-nav ul{-webkit-mask-image:linear-gradient(90deg,#000 86%,transparent);mask-image:linear-gradient(90deg,#000 86%,transparent);padding-right:40px}
  .seiten-nav ul:focus-within{-webkit-mask-image:none;mask-image:none}
  .spalten-2,.spalten-3,.kontakt-raster{grid-template-columns:minmax(0,1fr)}
  .fliesstext-2{columns:1}
}
@media (max-width:600px){
  .abschnitt h2,.abschnitt h3,.cta h2,.e-haltung h2{-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:12 5 5;overflow-wrap:break-word}
  .team h3{-webkit-hyphens:manual;hyphens:manual}
}
@media (min-width:761px) and (max-width:1000px){
  .team li{grid-template-columns:140px minmax(0,1fr);column-gap:20px}
  .team img{width:140px}
}
@media (max-width:760px){
  .muster-rauschen{bottom:20px;height:150px}
  #tinnitus{padding-bottom:180px}
}
@media (max-width:420px){
  .avws-bild{gap:14px}
  .avws-ohr{width:52px}
}
@media (max-width:520px){
  .e-marke-mitte{top:calc(var(--t) + 1.3em)}
  .e-zeichnung:has(.e-marke-mitte){margin-bottom:1.3em}
}
@media (max-width:420px){
  .knopf-icon{padding-left:18px;padding-right:18px;gap:10px;font-size:1.0625rem}
  .team li p{-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:12 5 5}
  .team li{grid-template-columns:120px minmax(0,1fr);column-gap:16px}
  .team img{width:120px}
}

[data-zeichnen]{--v:0s}

@keyframes e-zeichnen{0%{stroke-dashoffset:1;opacity:0}1%{opacity:1}100%{stroke-dashoffset:0;opacity:1}}
.js [data-zeichnen]:not(.da) .e-zeichnung :is(path,circle:not(.e-punkt),ellipse){opacity:0}

.fehler-buehne{--fokus:var(--weiss);--link-hover:var(--weiss);display:grid;justify-items:center;gap:clamp(24px,3vw,40px);padding:clamp(32px,5vw,80px) var(--rand) clamp(56px,7vw,112px);background:#000000;color:var(--weiss);text-align:center;overflow:hidden}
.sehprobe{position:relative;font-size:clamp(7rem,30vw,21rem);font-weight:800;line-height:1;letter-spacing:-.03em;user-select:none}
.sehprobe-zeichen{display:flex;align-items:center;justify-content:center;gap:.06em}
.landolt{width:.74em;height:.74em;fill:none;stroke:currentColor;stroke-width:20}
.sehprobe-unscharf{filter:blur(.07em);opacity:.8}
.sehprobe-scharf{position:absolute;inset:0;clip-path:circle(0 at 50% 50%)}
.fehler-buehne{position:relative}
.fehler-lupe{--d:220px;position:absolute;left:0;top:0;z-index:2;width:var(--d);height:var(--d);margin:calc(var(--d) / -2) 0 0 calc(var(--d) / -2);border:3px solid var(--weiss);border-radius:50%;opacity:0;pointer-events:none;transition:opacity .35s var(--weich)}
.fehler-buehne.lupe-an{cursor:none}
.fehler-buehne.lupe-an a{cursor:pointer}
.fehler-buehne.lupe-an .fehler-lupe{opacity:1}
.fehler-buehne.scharf .sehprobe-scharf{clip-path:circle(150% at 50% 50%) !important;transition:clip-path 1.2s var(--weich)}
.fehler-buehne.scharf .sehprobe-unscharf{opacity:0;transition:opacity 1.2s var(--weich)}
.fehler-kicker{font-size:1.125rem;font-weight:400;letter-spacing:.02em}
.fehler-text{display:grid;gap:16px;justify-items:center}
.fehler-text h1{font-size:clamp(1.8rem,1.2rem + 2vw,3rem);line-height:1.1;font-weight:650}
.fehler-wege{justify-content:center;margin-top:12px}
@media (prefers-reduced-motion:reduce){
  .sehprobe-unscharf{filter:none;opacity:1}
  .sehprobe-scharf,.fehler-lupe{display:none}
}

@media (max-height:500px){
  .seiten-nav{position:relative;top:auto}
}
.s-01b387e{--n:1}.s-08dba15{--l:32.4%;--t:95.5%}.s-133fb3c{--n:3}.s-14b72cb{--i:7}.s-1d6ef8f{--l:1.1%;--t:71.8%}.s-2caa491{--n:5}.s-2e2d405{--l:57.6%;--t:95.5%}.s-30bc853{--i:10}.s-313aeb5{--n:2}.s-314fa00{--i:14}.s-3904c4a{--i:17}.s-3ea8828{--i:1}.s-3f1b065{--i:11}.s-3f860a4{--i:16}.s-450ce35{--i:5}.s-4926341{--n:7}.s-4aaf047{--bild-x:58%}.s-4c84f14{--bild-x:84%}.s-562d58b{--l:1.1%;--t:48.6%}.s-65f1c7f{--i:15}.s-67d1517{--n:9}.s-69aaeff{--i:8}.s-6efe18d{--i:12}.s-6fa64b0{--n:8}.s-7c488bc{--lsb:.0463}.s-835b99b{--i:13}.s-85095e1{--l:1.1%;--t:25.5%}.s-85746e2{--bild-x:30%}.s-9244fa8{--lsb:.0855}.s-95a02a9{--i:3}.s-96e2589{--n:11}.s-9c98228{--n:0}.s-a62b281{--i:4}.s-b9d41ce{--i:2}.s-c0c5aca{--i:9}.s-c5cbe49{--i:0}.s-cd9f072{--l:73.7%;--t:95.5%}.s-d0339dd{--n:10}.s-dc13b30{--i:6}.s-deb054c{--n:4}.s-e051a72{--lsb:.0828}.s-f68a3f3{--n:6}