@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-normal-rJmnGBSt.woff2)format("woff2-variations");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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-normal-7khWdh9v.woff2)format("woff2-variations");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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.woff2)format("woff2-variations");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{--weiss:#fbfbf9;--tinte:#121417;--grau:#5c6066;--linie:#1214172e;--tuerkis:#4fbfcb;--tuerkis-tief:#147784;--nuss:#5b3a26;--creme:#e4d8c6;--marke:#2ba3b0;--u:min(1vw, 1.55vh);--display:clamp(2.1rem, 4.6vw, 5.6rem);--text:clamp(1.06rem, 1.25vw, 1.5rem);--klein:clamp(.8rem, .85vw, 1rem)}*{box-sizing:border-box;margin:0}html{-webkit-text-size-adjust:100%}body{background:var(--weiss);color:var(--tinte);font:400 var(--text)/1.5 "Archivo Variable", system-ui, sans-serif;overflow-x:clip}img{width:100%;height:auto;display:block}a{color:inherit}h1,h2{font-weight:800;font-stretch:125%}h2{font-size:var(--display);letter-spacing:-.012em;text-wrap:balance;line-height:1.04}small{font-size:var(--klein);color:var(--grau);margin-top:.5em;font-style:normal;font-weight:400;display:block}em{font-style:normal;font-weight:600}.kopf{z-index:5;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:clamp(.8rem,1.5vw,1.6rem) clamp(1rem,2.4vw,3rem);display:grid;position:absolute;top:0;left:0;right:0}.marke{color:var(--marke);display:block}.marke svg{width:auto;height:clamp(1.5rem,2.2vw,2.5rem);display:block}.tel{font-variant-numeric:tabular-nums;font-size:clamp(.95rem,1.05vw,1.3rem);font-weight:600;text-decoration:none}.kopf .tel{white-space:nowrap;justify-self:end}.kopf .adr{justify-self:start}.filz{padding-bottom:.22em;text-decoration:none;display:inline-block;position:relative}.filz:after{content:"";background:var(--tuerkis);transform-origin:0;border-radius:2em 1em 1.5em .8em/.4em .3em .5em .2em;height:.2em;transition:transform .28s cubic-bezier(.3,.8,.3,1);position:absolute;bottom:0;left:0;right:0;transform:scaleX(.18)}.filz:hover:after,.filz:focus-visible:after,.filz.da:after{transform:scaleX(1)}.einstieg{height:380svh;position:relative}.buehne{background:var(--creme);height:100svh;position:sticky;top:0;overflow:hidden}.wandbild{object-fit:cover;height:100%;position:absolute;inset:0}.tafel{background:var(--weiss);will-change:transform;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.messing{border:clamp(10px, 1.1vw, 18px) solid var(--nuss);opacity:0;pointer-events:none;position:absolute;inset:0;box-shadow:0 10px 34px #3c281447}.spalte{align-items:center;gap:calc(var(--u) * 1.9);padding-top:calc(var(--u) * 3);text-align:center;flex-direction:column;width:100%;display:flex;position:relative}h1{display:contents}.zeile{font-weight:700;font-stretch:112%;line-height:1;display:block;position:relative}.zeile .s,.zeile .b{display:block}.zeile .b{filter:blur(.17em);opacity:0;pointer-events:none;will-change:opacity;position:absolute;inset:0}.js .zeile[data-unscharf] .s{opacity:0;will-change:opacity}.js .zeile[data-unscharf] .b{opacity:1}.js .zeile[data-unscharf]{cursor:pointer}.zeile.scharf .s{opacity:1!important}.zeile.scharf .b{opacity:0!important}.z1{font-size:calc(var(--u) * 15.5);letter-spacing:-.02em;font-weight:800;font-stretch:125%;line-height:.94}.z2{font-size:calc(var(--u) * 10.5);letter-spacing:-.015em;font-weight:800;font-stretch:125%;line-height:.94}.z3{font-size:calc(var(--u) * 3.7);margin-top:calc(var(--u) * 1.4)}.z4{font-size:calc(var(--u) * 2.5)}.z5{font-size:calc(var(--u) * 1.8)}.z6{font-size:calc(var(--u) * 1.3);font-weight:600}.js .z4,.js .z5,.js .z6,.nur-vorschau .z4,.nur-vorschau .z5,.nur-vorschau .z6{opacity:0}.tafel .zeile:before,.z-letzt:before{content:attr(data-v);font:400 var(--klein)/1 "Archivo Variable", sans-serif;letter-spacing:0;color:var(--grau);font-variant-numeric:tabular-nums;opacity:0;font-stretch:100%;transition:opacity .3s;position:absolute;top:50%;left:calc(-50vw + 50% + clamp(1rem,2.4vw,3rem));transform:translateY(-50%)}.tafel.werte .zeile:before{opacity:1}.glas{width:calc(var(--u) * 20);color:var(--tuerkis);pointer-events:none;position:absolute;top:0;left:50%}.vorwort{z-index:2;background:var(--weiss);text-align:center;padding:clamp(5rem,13vw,13rem) clamp(1.2rem,5vw,6rem);position:relative}.vor-text{text-wrap:balance;max-width:24em;margin:0 auto;font-size:clamp(1.5rem,3vw,3.6rem);font-weight:700;font-stretch:112%;line-height:1.16}.vor-text.klein{font-size:var(--text);max-width:36em;color:var(--grau);margin-top:1.6em;font-weight:400;font-stretch:100%;line-height:1.5}.einfueg{width:.38em;display:inline-block;position:relative}.einfueg .r{width:.34em;color:var(--tuerkis);position:absolute;bottom:.5em;left:50%;transform:translate(-46%)rotate(-4deg)}.einfueg .r svg{width:100%;height:auto;display:block}.nur-text{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.einfueg:after{content:"";border-left:.045em solid var(--tuerkis);border-top:.045em solid var(--tuerkis);border-radius:.02em;width:.17em;height:.17em;position:absolute;bottom:-.08em;left:50%;transform:translate(-50%)rotate(45deg)}.dauer{z-index:2;background:var(--weiss);text-align:center;border-top:1px solid var(--linie);padding:clamp(3rem,7vw,7rem) clamp(1.2rem,5vw,6rem) clamp(5rem,11vw,11rem);position:relative}.dauer ol{gap:clamp(2.6rem,5vw,5rem);margin:clamp(3rem,7vw,7rem) 0;padding:0;list-style:none;display:grid}.dauer li .zeile{text-wrap:balance;font-stretch:100%;line-height:1.12;display:inline-block}.d1 .zeile{font-size:clamp(1.9rem,4.4vw,5.4rem)}.d2 .zeile{font-size:clamp(1.55rem,3.1vw,3.8rem)}.d3 .zeile{font-size:clamp(1.25rem,2.15vw,2.6rem)}.d4 .zeile{font-size:clamp(1.1rem,1.55vw,1.9rem)}.zusatz{max-width:30em;color:var(--tuerkis-tief);margin:0 auto;font-weight:600}.ungefragt{z-index:2;background:var(--weiss);text-align:center;padding:clamp(4rem,9vw,9rem) clamp(1.2rem,5vw,6rem);position:relative}.ungefragt h2{letter-spacing:-.02em;font-size:clamp(3rem,12.4vw,15rem);line-height:.96}.frame{display:block;overflow:hidden}.nase{width:min(72vw,1500px);margin:clamp(2rem,4vw,4rem) auto}.zwei{text-align:left;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,6rem);max-width:1180px;margin:0 auto;display:grid}.film{background:var(--creme);position:relative;overflow:hidden}.film .still,.film canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.film canvas{opacity:0}.film.is-live canvas{opacity:1}.leiste{z-index:2;background:var(--weiss);position:relative}.leiste .film{height:92svh}.leiste-zitat{text-align:center;text-wrap:balance;max-width:24em;margin:0 auto;padding:0 clamp(1.2rem,5vw,6rem) clamp(2.5rem,5vw,5rem);font-size:clamp(1.5rem,3vw,3.6rem);font-weight:700;font-stretch:112%;line-height:1.14}.leiste-zitat small{font-stretch:100%}.skala{z-index:2;background:var(--weiss);padding:clamp(5rem,10vw,10rem) clamp(1.2rem,5vw,6rem);position:relative}.skala h2{max-width:15em}.band{gap:clamp(2rem,3.4vw,3.4rem);margin-top:clamp(3rem,6vw,6rem);display:grid}.spur{border-left:1px solid var(--tinte);border-right:1px solid var(--linie);background:linear-gradient(var(--linie), var(--linie)) center / 100% 1px no-repeat;height:clamp(14px,1.6vw,24px);position:relative}.spur i{background:var(--tuerkis);transform-origin:0;width:100%;display:block;position:absolute;top:0;bottom:0;left:0}.r-a .spur i{background:var(--tuerkis-tief);width:max(2px,.1736%)}.r-b .spur i{transform:scaleX(.5)}.reihe p{grid-template-columns:minmax(7rem,11rem) 1fr;gap:1rem;margin-top:.6em;display:grid}.reihe b{font-variant-numeric:tabular-nums;font-weight:700;font-stretch:112%}.hinweis{font-size:var(--klein);color:var(--grau);max-width:44em;margin-top:clamp(2rem,4vw,4rem)}.rad{z-index:2;background:var(--weiss);text-align:center;padding:0 clamp(1.2rem,5vw,6rem) clamp(5rem,10vw,10rem);position:relative}.rad figure{width:min(60vw,1200px);margin:0 auto clamp(2rem,4vw,4rem)}.rad>p{max-width:34em;margin:1.2em auto 0}.tisch{z-index:2;background:var(--weiss);position:relative}.zahl{justify-content:center;align-items:flex-end;gap:.5em;padding:clamp(3rem,6vw,7rem) clamp(1.2rem,5vw,6rem) clamp(2rem,4vw,4rem);display:flex}.zahl b{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(6rem,21vw,26rem);font-weight:800;font-stretch:125%;line-height:.8}.zahl span{padding-bottom:.1em;line-height:1.25}.tisch .film{height:96svh}.fenster{z-index:2;background:#33b9c5;padding-bottom:clamp(4rem,8vw,8rem);position:relative}.fenster figure img{object-fit:cover;object-position:50% 100%;height:92svh;-webkit-mask-image:linear-gradient(#000 92%,#0000);mask-image:linear-gradient(#000 92%,#0000)}.fenster-text{text-align:center;padding:0 clamp(1.2rem,5vw,6rem)}.fenster-text p{max-width:34em;margin:1.1em auto 0}.besuch{z-index:2;background:var(--weiss);text-align:center;padding:clamp(5rem,10vw,10rem) clamp(1.2rem,5vw,6rem) clamp(3rem,6vw,6rem);position:relative}.status{color:var(--tuerkis-tief);margin-top:1.1em;font-weight:600}.woche{border-collapse:collapse;font-variant-numeric:tabular-nums;width:min(100%,34rem);margin:clamp(2rem,4vw,4rem) auto 0}.woche caption{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.woche th,.woche td{border-bottom:1px solid var(--linie);padding:.62em 0;font-weight:400}.woche th{text-align:left}.woche td{text-align:right}.woche .kurz td{font-weight:600}.woche .zu th,.woche .zu td{color:var(--grau)}.woche .heute th,.woche .heute td{box-shadow:inset 0 -.28em 0 var(--tuerkis);font-weight:700}.wege{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.1rem 2.2rem;margin-top:clamp(2.2rem,4vw,4rem);display:flex}.btn{background:var(--tinte);color:var(--weiss);font-variant-numeric:tabular-nums;padding:.85em 1.5em;font-weight:600;text-decoration:none;transition:background .2s}.btn:hover,.btn:focus-visible{background:var(--tuerkis-tief)}.letzte{z-index:2;background:var(--weiss);text-align:center;padding:clamp(2rem,5vw,5rem) 1.2rem;position:relative}.z-letzt{font-size:.78rem;font-weight:500;line-height:1.5;display:inline-block}.z-letzt:before{display:none}.fuss{z-index:2;background:var(--weiss);border-top:1px solid var(--linie);font-size:var(--klein);color:var(--grau);flex-wrap:wrap;justify-content:space-between;gap:.6rem 2rem;padding:1.4rem clamp(1.2rem,5vw,6rem) 5rem;display:flex;position:relative}.fuss button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:.4rem .6rem;text-decoration:underline}dialog{width:calc(100vw - 2rem);max-width:38rem;color:var(--tinte);background:var(--weiss);border:0;padding:clamp(1.4rem,3vw,2.4rem)}dialog::backdrop{background:#1214178c}dialog h3{margin-bottom:.6em;font-size:1.3rem;font-weight:800;font-stretch:112%}dialog p{margin-bottom:1em;font-size:1rem}dialog button{background:var(--tinte);color:var(--weiss);font:inherit;cursor:pointer;border:0;padding:.6em 1.1em;font-weight:600}.kontaktleiste{display:none}.still-modus .einstieg{height:100svh}.still-modus .wandbild,.still-modus .zeile .b{display:none}.still-modus .zeile .s{opacity:1!important}.still-modus .filz:after{transform:scaleX(1)}@media (width<=350px){.kopf .adr{display:none}.kopf{gap:.5rem}.kopf .marke{grid-column:2}.kopf .tel{grid-column:3}}@media (width<=760px){:root{--u:min(1.19vw, 1.7vh);--display:clamp(2rem, 10vw, 3rem)}.spalte{gap:calc(var(--u) * 3.4);padding:calc(var(--u) * 6) 1rem 0}.z3{font-size:calc(var(--u) * 4.25);margin-top:calc(var(--u) * 3);white-space:nowrap;font-stretch:100%}.z4{font-size:calc(var(--u) * 4.2);max-width:19em;line-height:1.14}.z5{font-size:calc(var(--u) * 3.3);line-height:1.14}.z6{font-size:calc(var(--u) * 2.8)}.tafel .zeile:before{display:none}.glas{width:calc(var(--u) * 30)}.messing{border-width:9px}.nase,.rad figure{width:100%}.fenster figure img{object-position:62% 100%;height:62svh}.ungefragt,.rad{padding-left:0;padding-right:0}.ungefragt h2,.ungefragt .zwei,.rad h2,.rad>p{padding-left:1.2rem;padding-right:1.2rem}.zwei{grid-template-columns:1fr}h2{font-stretch:112%}.besuch h2{font-size:clamp(1.6rem,7.6vw,2.4rem)}.nw{white-space:nowrap}.leiste .film{height:72svh}.leiste-zitat{padding:0 1.2rem 2.4rem;font-size:1.7rem}.reihe p{grid-template-columns:1fr;gap:.1rem}.zahl{text-align:center;flex-direction:column;align-items:center;gap:1rem}.zahl b{font-size:9.5rem}.tisch .film{height:66svh}.kontaktleiste{z-index:8;background:var(--tinte);color:var(--weiss);text-align:center;font-variant-numeric:tabular-nums;padding:.85rem 1rem calc(.85rem + env(safe-area-inset-bottom));font-weight:600;text-decoration:none;transition:transform .28s cubic-bezier(.3,.8,.3,1);display:block;position:fixed;bottom:0;left:0;right:0;transform:translateY(101%)}.kontaktleiste.da{transform:none}}
