@font-face{font-family:Courier Prime;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/courier-prime-latin-ext-400-normal-B4aMDxGo.woff2)format("woff2"),url(/assets/courier-prime-latin-ext-400-normal-CLmhYgOR.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:Courier Prime;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/courier-prime-latin-400-normal-CDjTZLco.woff2)format("woff2"),url(/assets/courier-prime-latin-400-normal-Bi6GSK1X.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:Courier Prime;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/courier-prime-latin-ext-700-normal-DY0GsuGa.woff2)format("woff2"),url(/assets/courier-prime-latin-ext-700-normal-C-hBJTU0.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:Courier Prime;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/courier-prime-latin-700-normal-CxaI4pPW.woff2)format("woff2"),url(/assets/courier-prime-latin-700-normal-_Z1Sm7yX.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-BnC03Rcj.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-ylhOdEnv.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-BJe8n-hT.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-CtE6oKHE.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-C1bpx0IC.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-BjQ8ENXZ.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{--petrol:#17463f;--ocker:#e9b44c;--tinte:#15201d;--papier:#f4efe4;--mono:"Courier Prime", "Courier New", monospace;--sans:"Public Sans", system-ui, sans-serif;--d:clamp(2rem, 4.2vw, 4.4rem);--t:1.0625rem;--k:.8125rem;--seite:76px;--rand:clamp(1.25rem, 4vw, 4.5rem)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--papier);color:var(--tinte);font:400 var(--t)/1.55 var(--sans);margin:0}img{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2{margin:0;font-weight:700}p{margin:0}.sprung{position:absolute;left:-999px}.sprung:focus{z-index:50;background:var(--papier);padding:.5rem;top:1rem;left:1rem}.etikett{font:700 var(--k)/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase}.quelle{font:400 var(--k)/1.4 var(--mono);opacity:.75}.frame{display:block;overflow:hidden}.leiste{z-index:30;width:var(--seite);background:var(--tinte);color:var(--papier);flex-direction:column;justify-content:space-between;align-items:center;padding:1.4rem 0 1.2rem;display:flex;position:fixed;top:0;bottom:0;left:0}.marke{flex-direction:column;align-items:center;gap:1.2rem;text-decoration:none;display:flex}.zeichen{width:clamp(2.6rem,3.4vw,3.6rem);height:clamp(1.4rem,1.8vw,1.9rem);color:var(--ocker)}.wort{writing-mode:vertical-rl;font:700 clamp(1rem, 1.15vw, 1.35rem)/1 var(--mono);letter-spacing:.12em;text-transform:lowercase;transform:rotate(180deg)}.aktionen{flex-direction:column;align-items:center;gap:.9rem;display:flex}.tel,.menue-knopf{font:700 var(--k)/1 var(--mono);color:var(--papier);cursor:pointer;text-underline-offset:.3em;text-decoration:underline;-webkit-text-decoration-color:var(--ocker);text-decoration-color:var(--ocker);background:0 0;border:0;padding:.6rem .2rem}.tel:focus-visible,.menue-knopf:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--ocker);outline-offset:3px}.menue{z-index:29;left:var(--seite);background:var(--papier);width:min(22rem,80vw);font:700 1.35rem/1.2 var(--mono);border-right:2px solid var(--tinte);flex-direction:column;gap:1.2rem;padding:4rem 2rem;display:flex;position:fixed;top:0;bottom:0}.menue[hidden]{display:none}.menue a{text-decoration:none}.menue a:hover{text-decoration:underline;-webkit-text-decoration-color:var(--ocker);text-decoration-color:var(--ocker)}main,.fuss{margin-left:var(--seite)}.einstieg{background:var(--ocker);height:250vh;position:relative}.buehne{height:100svh;position:sticky;top:0;overflow:hidden}.bild{transform-origin:92% 40%;will-change:transform;--p:0;position:absolute;inset:0}.bild img{object-fit:cover;object-position:50% 30%;width:100%;height:100%;position:absolute;inset:0}.bild .grau{-webkit-mask-image:linear-gradient(to bottom, transparent calc(var(--p) * 140% - 40%), #000 calc(var(--p) * 140%));-webkit-mask-image:linear-gradient(to bottom, transparent calc(var(--p) * 140% - 40%), #000 calc(var(--p) * 140%));mask-image:linear-gradient(to bottom, transparent calc(var(--p) * 140% - 40%), #000 calc(var(--p) * 140%))}.titel{padding:0 var(--rand);pointer-events:none;flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.zeile{font:700 clamp(.95rem, 1.2vw, 1.25rem)/1.35 var(--mono);max-width:26ch;position:absolute;top:7vh;left:44%}.riese{font:700 clamp(6rem, 25vw, 32rem)/.74 var(--mono);letter-spacing:-.05em;color:var(--tinte);margin-left:-.04em;transform:translateY(14%)}.statisch .bild .grau{opacity:0}.haltung{background:var(--ocker);padding:14vh var(--rand) 16vh}.scrub p{font:700 var(--d)/1.12 var(--mono);letter-spacing:-.02em;max-width:22ch;margin-bottom:.35em}.scrub .w{opacity:.16}.statisch .scrub .w{opacity:1}.haltung .satz{max-width:46ch;margin-top:3rem}.kreislauf{background:var(--petrol);color:var(--papier);height:330vh;position:relative}.kreis-buehne{height:100vh;padding:9vh var(--rand) 7vh;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;column-gap:3vw;display:grid;position:sticky;top:0}.kreis-kopf{grid-area:1/1}.kreis-kopf h2{font:700 var(--d)/1.1 var(--mono);max-width:16ch;margin-top:.6rem}.ring{grid-area:1/2/4;justify-self:center;width:min(100%,70vh);overflow:visible}.ring-spur{fill:none;stroke:#f4efe438;stroke-width:2px}.ring-weg{fill:none;stroke:var(--ocker);stroke-width:6px;stroke-linecap:round;transform-origin:200px 200px;transform:rotate(-90deg)}.abzweig{fill:none;stroke:#f4efe480;stroke-width:2px;stroke-dasharray:5 6}.punkte circle{fill:var(--petrol);stroke:var(--papier);stroke-width:2px}.punkte circle.an{fill:var(--ocker);stroke:var(--ocker)}.punkte text{fill:var(--papier);font:700 15px var(--mono)}.laeufer{fill:var(--ocker)}.stationen{grid-area:2/1;min-height:13rem;margin:0;padding:0;list-style:none;position:relative}.stationen li{opacity:0;max-width:32ch;transition:opacity .35s,transform .35s;position:absolute;inset:0 0 auto;transform:translateY(1rem)}.stationen li.an{opacity:1;transform:none}.stationen b{font:700 var(--d)/1 var(--mono);color:var(--ocker);margin:.3rem 0 .8rem;display:block}.nr{font:700 var(--k)/1 var(--mono);opacity:.7}.ausgaenge{font-size:var(--k);border-top:1px solid #f4efe459;grid-area:3/1;gap:.3rem;max-width:40ch;margin:0;padding:1rem 0 0;list-style:none;display:grid}.ausgaenge b{font-family:var(--mono)}.statisch .stationen li,.kreislauf.liste .stationen li{opacity:1;margin-bottom:1.4rem;position:static;transform:none}.statisch .stationen,.kreislauf.liste .stationen{min-height:0}.teile{background:var(--petrol);color:var(--papier);padding:0 var(--rand) 12vh}.teile figure{margin:0}.teile figcaption{max-width:52ch;margin-top:1rem}.teile figcaption b,.rahmen-text b{font-family:var(--mono)}.film{aspect-ratio:3/2;background:#b8a476;position:relative;overflow:hidden}.film .still,.film canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.film canvas{opacity:0;transition:opacity .6s}.film.is-live canvas{opacity:1}.schlauch{background:var(--ocker);padding:14vh var(--rand);grid-template-columns:minmax(0,7fr) minmax(0,4fr);align-items:end;gap:4vw;display:grid}.schlauch h2,.rahmen h2,.neu h2,.register h2,.besuch h2{font:700 var(--d)/1.08 var(--mono);letter-spacing:-.02em;margin:.5rem 0 1.2rem}.schlauch-text p{max-width:38ch}.register{background:var(--papier);padding:14vh var(--rand);grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:1.6rem 4vw;display:grid}.register-kopf{grid-column:1}.register-kopf p:last-child{max-width:40ch}.zaehler{grid-column:1;align-items:baseline;gap:.8rem;display:flex}.zahl{font:700 clamp(7rem, 15vw, 14rem)/.8 var(--mono);color:var(--petrol);font-variant-numeric:tabular-nums;letter-spacing:-.04em}.einheit{font:700 var(--t)/1 var(--mono)}.filter{flex-wrap:wrap;grid-column:1;gap:.5rem;display:flex}.filter button{font:700 var(--k)/1 var(--mono);border:1.5px solid var(--tinte);min-height:40px;color:var(--tinte);cursor:pointer;background:0 0;padding:.65rem .9rem}.filter button[aria-pressed=true]{background:var(--tinte);color:var(--papier)}.raeder{grid-area:1/2/5;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.raeder li{border:1.5px solid var(--tinte);min-width:0;font:700 var(--k)/1.25 var(--mono);gap:.6rem;padding:.55rem .7rem .6rem;transition:opacity .3s,background .3s,color .3s;display:flex}.raeder .nr{color:var(--petrol);flex:none}.raeder li.aus{opacity:.18}.raeder li:not(.aus):hover{background:var(--petrol);color:var(--papier)}.raeder li:not(.aus):hover .nr{color:var(--ocker)}.register .quelle{grid-column:2}.ring text{paint-order:stroke}.rahmen{background:var(--petrol);color:var(--papier);padding:14vh var(--rand);grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:center;gap:4vw;display:grid}.rahmen-text p{max-width:40ch;margin-bottom:1rem}.schilder{flex-wrap:wrap;gap:.45rem;margin:1.4rem 0 0;padding:0;list-style:none;display:flex}.schilder li{font:700 var(--k)/1 var(--mono);border:1.5px solid var(--ocker);padding:.5rem .65rem}.neu{padding:14vh var(--rand);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:4vw;display:grid}.neu figure{margin:0}.neu figcaption{font:400 var(--k)/1.4 var(--mono);margin-top:.6rem}.neu-text p{max-width:40ch}.stimmen{background:var(--ocker);padding:12vh var(--rand)}.stimmen ul{gap:1.6rem;margin:1.4rem 0;padding:0;list-style:none;display:grid}.stimmen li{font:700 var(--d)/1.12 var(--mono);letter-spacing:-.02em;max-width:30ch}.stimmen li:nth-child(2){margin-left:18vw}.besuch{padding:14vh var(--rand);background:var(--papier)}.zettel{border:2px solid var(--tinte);max-width:46rem;padding:clamp(1.4rem,3vw,2.8rem)}.jetzt{font:700 var(--t)/1.3 var(--mono);color:var(--petrol);min-height:1.3em;margin-bottom:1.2rem}.zettel dl{margin:0 0 1.8rem}.zettel dl div{border-top:1px dashed #15201d73;grid-template-columns:9rem minmax(0,1fr);gap:1rem;padding:.7rem 0;display:grid}.zettel dt{font:700 var(--k)/1.6 var(--mono);text-transform:uppercase;letter-spacing:.06em}.zettel dd{margin:0}.knoepfe{flex-wrap:wrap;align-items:center;gap:1.2rem;display:flex}.btn{background:var(--tinte);color:var(--papier);font:700 var(--t)/1 var(--mono);padding:1rem 1.5rem;text-decoration:none;transition:background .2s;display:inline-block}.btn:hover{background:var(--petrol)}.textlink{font-family:var(--mono);-webkit-text-decoration-color:var(--ocker);text-decoration-color:var(--ocker);text-underline-offset:.3em;font-weight:700}.fuss{background:var(--tinte);color:var(--papier);padding:12vh var(--rand) 3rem}.fuss-zeichen{aspect-ratio:1.9;width:3.4rem;color:var(--ocker);display:block}.gruss{font:700 var(--d)/1.1 var(--mono);margin:2rem 0 4rem}.fuss .klein{font-size:var(--k)}.fuss button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:.4rem 0;text-decoration:underline}dialog{border:2px solid var(--tinte);background:var(--papier);max-width:34rem;color:var(--tinte);padding:2rem}dialog h2{font:700 1.4rem/1.2 var(--mono);margin-bottom:1rem}dialog p{margin-bottom:1rem}dialog button{font:700 var(--k)/1 var(--mono);border:1.5px solid var(--tinte);cursor:pointer;background:0 0;padding:.7rem 1rem}@media (width<=760px){:root{--seite:0px;--d:clamp(1.75rem, 8.6vw, 2.4rem)}.leiste{flex-direction:row;width:auto;height:56px;padding:0 .9rem;bottom:auto;right:0}.marke{flex-direction:row;gap:.6rem}.zeichen{width:2.3rem;height:1.25rem}.wort{writing-mode:horizontal-tb;font-size:1.1rem;transform:none}.aktionen{flex-direction:row;gap:.6rem}.menue{border-right:0;border-bottom:2px solid var(--tinte);width:100%;padding:2rem 1.25rem;top:56px;bottom:auto;left:0}.einstieg{height:200vh}.bild{height:74vw;inset:auto 0 calc(20vw + 7.2rem);-webkit-mask-image:linear-gradient(#0000,#000 9% 91%,#0000);mask-image:linear-gradient(#0000,#000 9% 91%,#0000)}.bild img{object-position:50% 45%}.zeile{top:calc(56px + 9svh);left:var(--rand);font-size:1.15rem}.buehne{top:0}.riese{font-size:27vw}.zeile{max-width:24ch}.kreislauf{height:auto}.kreis-buehne{height:auto;padding:12vh var(--rand);display:block;position:static}.ring{width:78%;margin:2.4rem auto;display:block}.punkte text{font-size:24px}.stationen{min-height:0}.stationen li{opacity:1;margin-bottom:1.4rem;position:static;transform:none}.ausgaenge{margin-top:1rem}.schlauch,.rahmen,.neu,.register{grid-template-columns:minmax(0,1fr)}.raeder,.register .quelle{grid-area:auto/1}.raeder{grid-template-columns:repeat(2,minmax(0,1fr))}.rahmen .film{order:-1}.stimmen li:nth-child(2){margin-left:0}.zettel dl div{grid-template-columns:minmax(0,1fr);gap:.2rem}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}
