@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fraunces-vietnamese-400-normal-CvGt0Ybw.woff2)format("woff2"),url(/assets/fraunces-vietnamese-400-normal-B65MOf9T.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fraunces-latin-ext-400-normal-D8gbi3Gu.woff2)format("woff2"),url(/assets/fraunces-latin-ext-400-normal-UihxqfOe.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fraunces-latin-400-normal-6IfK1voy.woff2)format("woff2"),url(/assets/fraunces-latin-400-normal-NUPT2cO8.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/fraunces-vietnamese-400-italic-BTOWH4O7.woff2)format("woff2"),url(/assets/fraunces-vietnamese-400-italic-CO9zBbpA.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/fraunces-latin-ext-400-italic-jodr80a5.woff2)format("woff2"),url(/assets/fraunces-latin-ext-400-italic-CGHg0U1I.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/fraunces-latin-400-italic-ChpO6tcr.woff2)format("woff2"),url(/assets/fraunces-latin-400-italic-B7iDoVhm.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/public-sans-vietnamese-400-normal-TxZB8OSn.woff2)format("woff2"),url(/assets/public-sans-vietnamese-400-normal-BO1meqcx.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/public-sans-latin-ext-400-normal-mk90oQqJ.woff2)format("woff2"),url(/assets/public-sans-latin-ext-400-normal-B02wwOdZ.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/public-sans-latin-400-normal-8Rpg0ruU.woff2)format("woff2"),url(/assets/public-sans-latin-400-normal-SBbinRkI.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/public-sans-vietnamese-600-normal-P4BtCUdw.woff2)format("woff2"),url(/assets/public-sans-vietnamese-600-normal-CcnAzmUX.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/public-sans-latin-ext-600-normal-DchWdWJ_.woff2)format("woff2"),url(/assets/public-sans-latin-ext-600-normal-DfkbVac2.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/public-sans-latin-600-normal-Fru-LXNs.woff2)format("woff2"),url(/assets/public-sans-latin-600-normal-BR59oU-I.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--blau:#2e2e96;--blau-tief:#1d1d5e;--gelb:#f6e600;--papier:#f4f1e8;--papier-2:#e9e4d6;--tinte:#1c1c3a;--grau:#5d5d72;--linie:#cfc8b6;--serif:"Fraunces", Georgia, serif;--sans:"Public Sans", system-ui, sans-serif;--display:clamp(2.3rem, 5.2vw, 5.4rem);--text:clamp(1.05rem, 1.15vw, 1.3rem);--klein:clamp(.85rem, .85vw, .98rem);--rand:clamp(16px, 4.5vw, 72px);--kopf:clamp(58px, 4.6vw, 76px)}*,:before,:after{box-sizing:border-box}html{scroll-padding-top:var(--kopf);-webkit-text-size-adjust:100%}body{background:var(--papier);color:var(--tinte);font:400 var(--text)/1.55 var(--sans);margin:0}img{max-width:100%;display:block}h1,h2,h3,p,blockquote,ol,ul{margin:0}h2,h3{font:400 var(--display)/1.04 var(--serif);letter-spacing:-.01em}a{color:inherit;text-underline-offset:.2em}button{font:inherit;color:inherit}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:50;background:var(--tinte);color:var(--papier);padding:.6rem 1rem;position:absolute;top:0;left:-999px}.skip:focus{left:1rem}:focus-visible{outline:2px solid var(--blau);outline-offset:3px}.site-head{z-index:20;height:var(--kopf);padding:0 var(--rand);background:var(--papier);border-bottom:1px solid var(--linie);justify-content:space-between;align-items:center;gap:1rem;display:flex;position:fixed;inset:0 0 auto}.marke{color:var(--blau);line-height:0;display:block}.marke .logo{width:auto;height:clamp(1.5rem,1.9vw,2rem)}.head-rechts{font-size:var(--klein);align-items:center;gap:clamp(1rem,2vw,2.2rem);display:flex}.anrufen{border:1px solid var(--tinte);letter-spacing:.02em;align-items:center;min-height:44px;padding:0 .9rem;font-weight:600;text-decoration:none;display:inline-flex}.anrufen:hover{background:var(--tinte);color:var(--papier)}.menue-knopf{cursor:pointer;letter-spacing:.02em;text-underline-offset:.3em;background:0 0;border:0;min-height:44px;padding:0;font-weight:600;text-decoration:underline}.menue{width:min(420px,100vw);height:100dvh;max-height:none;padding:calc(var(--kopf) + 2rem) var(--rand) 2rem;background:var(--blau);color:var(--papier);border:0;flex-direction:column;justify-content:space-between;margin:0 0 0 auto;display:none}.menue[open]{display:flex}.menue::backdrop{background:#14143273}.menue .close{top:0;right:var(--rand);min-height:var(--kopf);cursor:pointer;font-size:var(--klein);text-underline-offset:.3em;color:var(--papier);background:0 0;border:0;font-weight:600;text-decoration:underline;position:absolute}.menue nav{gap:.6rem;display:grid}.menue nav a{font:400 clamp(2rem, 3vw, 2.6rem)/1.15 var(--serif);text-decoration:none}.menue nav a:hover{color:var(--gelb)}.menue-fuss{font-size:var(--klein);color:#f4f1e8cc}main{padding-top:var(--kopf)}.einstieg{background:var(--blau-tief);height:210vh;position:relative}.einstieg-buehne{top:var(--kopf);height:calc(100svh - var(--kopf));position:sticky;overflow:hidden}.film{position:absolute;inset:0;overflow:hidden}.film .still{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.film canvas{opacity:0;width:100%;height:100%;transition:opacity .6s;position:absolute;inset:0}.film.is-live canvas{opacity:1}.einstieg .film .still{object-position:56% 50%}.plakette{justify-items:center;gap:.9rem;display:grid;position:absolute;top:9%;left:50%;transform:translate(-50%)}.plakette h1{background:var(--blau);color:var(--gelb);padding:clamp(.9rem,1.4vw,1.6rem) clamp(1.2rem,2vw,2.2rem);line-height:0;display:block;box-shadow:0 18px 40px #0a0a2859}.plakette .logo-gross{width:clamp(15rem,24vw,30rem);height:auto}.plakette-zeile{font:italic 400 clamp(1.1rem, 1.5vw, 1.6rem)/1.3 var(--serif);color:var(--papier);text-shadow:0 1px 12px #0a0a28b3}.auftakt{padding:clamp(5rem, 10vw, 10rem) var(--rand);grid-template-columns:7fr 5fr;align-items:end;gap:clamp(2rem,6vw,7rem);display:grid}.auftakt-stimme p{font:400 clamp(1.9rem, 3.6vw, 3.8rem)/1.12 var(--serif)}.auftakt-stimme cite{font:400 var(--klein)/1.4 var(--sans);color:var(--grau);margin-top:1.2rem;font-style:normal;display:block}.auftakt-text{gap:1rem;max-width:30em;display:grid}.heute-zeile{font-size:var(--klein);color:var(--blau);font-weight:600}.abstaende{padding:0 var(--rand) clamp(4rem, 8vw, 8rem);border-top:1px solid var(--linie);grid-template-columns:minmax(9rem,2fr) 10fr;column-gap:clamp(1.5rem,4vw,5rem);display:grid}.skala{top:calc(var(--kopf) + 2rem);grid-area:1/1/span 6;align-self:start;gap:0;padding:2rem 0 0;list-style:none;display:grid;position:sticky}.skala li{border-left:1px solid var(--linie);color:var(--grau);padding:.7rem 0 2.6rem 1.4rem;position:relative}.skala li:before{content:"";background:var(--papier);border:1px solid var(--grau);width:9px;height:9px;position:absolute;top:1.05rem;left:-5px}.skala li:last-child{padding-bottom:0}.skala li .mass{font:400 var(--klein)/1.2 var(--sans);letter-spacing:.04em}.skala li:first-child .mass{font-size:1.15rem}.skala li:nth-child(2) .mass{font-size:1rem}.skala li:nth-child(3) .mass{font-size:.85rem}.skala li.aktiv{color:var(--tinte)}.skala li.aktiv:before{background:var(--gelb);border-color:var(--tinte)}.skala li.aktiv .mass{font-weight:600}.kapitel{border-bottom:1px solid var(--linie);grid-column:2;grid-template-columns:6fr 5fr;align-content:start;gap:1.2rem clamp(1.5rem,4vw,4.5rem);padding:clamp(4rem,8vw,8rem) 0;display:grid}.kapitel>*{grid-column:1}.kapitel-mass{font:400 var(--klein)/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--blau)}.kapitel h3{max-width:12em}.kapitel p{max-width:30em}.kapitel .frame{grid-area:1/2/span 5;align-self:center}.stimme{font:italic 400 var(--text)/1.45 var(--serif);color:var(--grau)}.frame{background:var(--papier-2);aspect-ratio:3/2;display:block;overflow:hidden}.frame img{object-fit:cover;width:100%;height:100%}.film-ferne{aspect-ratio:21/9;grid-column:2;margin-top:-1px;position:relative}.film-ferne .film .still{object-position:55% 62%}.gleitsicht{border-bottom:0}.glas-wahl{grid-area:1/2/span 5;align-self:center;justify-items:start;gap:1.2rem;display:grid}.glas{width:min(100%,26rem);height:auto}.glas .zone{fill:var(--papier-2);transition:fill .35s}.glas .zone.an{fill:var(--gelb)}.glas .linsen-rand{fill:none;stroke:var(--tinte);stroke-width:5px}.zonen{flex-wrap:wrap;gap:.5rem;display:flex}.zonen button{border:1px solid var(--tinte);cursor:pointer;min-height:44px;font-size:var(--klein);background:0 0;padding:0 1rem;font-weight:600}.zonen button[aria-pressed=true]{background:var(--tinte);color:var(--papier)}.zonen-satz{font-size:var(--klein);color:var(--grau);max-width:26em;min-height:2.8em}.werkstatt{padding:clamp(5rem, 9vw, 9rem) var(--rand);background:var(--blau-tief);color:var(--papier);grid-template-columns:7fr 5fr;align-items:center;gap:clamp(2rem,5vw,6rem);display:grid}.werkstatt-bild{aspect-ratio:16/9;background:var(--blau)}.werkstatt-text{gap:1.2rem;max-width:30em;display:grid}.werkstatt .stimme{color:#f4f1e8b8}.termin{padding:clamp(3.5rem, 6vw, 6rem) var(--rand);border-bottom:1px solid var(--linie);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem 3rem;display:flex}.termin h2{max-width:18em;font-size:clamp(1.7rem,2.8vw,3rem)}.btn{background:var(--blau);min-height:52px;color:var(--papier);font-variant-numeric:tabular-nums;letter-spacing:.02em;align-items:center;padding:0 1.4rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--tinte)}.besuch{padding:clamp(5rem, 9vw, 9rem) var(--rand)}.besuch h2{margin-bottom:clamp(2rem,4vw,4rem)}.besuch-raster{grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,7rem);display:grid}.besuch-raster>div{align-content:start;gap:1.1rem;max-width:32em;display:grid}.adresse{font:400 clamp(1.5rem, 2.2vw, 2.3rem)/1.2 var(--serif)}.woche{border-top:1px solid var(--linie);font-variant-numeric:tabular-nums;padding:0;list-style:none}.woche li{border-bottom:1px solid var(--linie);grid-template-columns:3rem 1fr;padding:.65rem 0;display:grid}.woche li.heute{color:var(--blau);font-weight:600}.klein{font-size:var(--klein);color:var(--grau)}.fuss{padding:2rem var(--rand) 3rem;border-top:1px solid var(--linie);font-size:var(--klein);color:var(--grau);flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}.fuss button{cursor:pointer;text-underline-offset:.2em;background:0 0;border:0;margin-left:1.2rem;padding:.6rem 0;text-decoration:underline}dialog:not(.menue){background:var(--papier);max-width:min(36rem,100vw - 32px);color:var(--tinte);border:0;padding:2rem}dialog:not(.menue)::backdrop{background:#14143273}dialog:not(.menue) h2{margin-bottom:1rem;font-size:2rem}dialog:not(.menue) p{font-size:var(--klein);margin-bottom:.9rem}dialog:not(.menue) .close{border:1px solid var(--tinte);cursor:pointer;background:0 0;min-height:44px;margin-top:.6rem;padding:0 1rem}.no-motion .einstieg{height:auto}.no-motion .einstieg-buehne{position:relative;top:0}@media (width<=760px){:root{--kopf:56px}.marke .logo{height:21px}.head-rechts{gap:1rem}.anrufen{padding:0 .7rem}.einstieg .film .still{object-position:83% 52%}.einstieg-buehne{height:74svh}.einstieg{height:auto}.einstieg-buehne{position:relative;top:0}.plakette{width:calc(100% - 32px);top:7%}.plakette .logo-gross{width:min(68vw,17rem)}.auftakt{grid-template-columns:1fr;padding-top:4rem;padding-bottom:4rem}.abstaende{grid-template-columns:1fr}.skala{display:none}.kapitel,.film-ferne,.glas-wahl{grid-column:1}.kapitel{grid-template-columns:1fr;padding:3.5rem 0}.kapitel .frame,.glas-wahl{grid-area:auto/1}.film-ferne{aspect-ratio:4/3;margin:0 calc(-1 * var(--rand))}.werkstatt,.besuch-raster{grid-template-columns:1fr}.fuss button{margin:0 1.2rem 0 0}}@media (prefers-reduced-motion:reduce){.glas .zone,.film canvas{transition:none}}.glas .zone[data-zone=bildschirm]{fill:#ddd6c3}.glas .zone.an,.glas .zone[data-zone=bildschirm].an{fill:var(--gelb)}.glas .zonen-linien path{stroke:var(--tinte);stroke-width:1px;stroke-dasharray:4 4;fill:none}.glas .zonen-text text{font:600 11px var(--sans);fill:var(--tinte);text-anchor:middle;letter-spacing:.04em}