@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}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BqneJy0T.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BIfNGwUT.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-500-normal-Bq9vWWag.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-500-normal-Ael50iVv.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-vietnamese-500-normal-DZ4AoWbu.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-500-normal-C8zxqsMH.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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-ext-500-normal-CAhNIIs5.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-500-normal-CZ70TYgx.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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.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{--papier:#f3f0e8;--zettel:#fbf9f3;--asphalt:#1d1f1e;--graphit:#4a4d4b;--gelb:#f2c230;--linie:#4a4d4b4d;--display:clamp(2.3rem, 5.4vw, 5.6rem);--text:clamp(1.05rem, .98rem + .3vw, 1.25rem);--klein:.875rem;--sans:"Archivo Variable", "Helvetica Neue", Arial, sans-serif;--mono:"IBM Plex Mono", ui-monospace, Menlo, monospace;--rand:clamp(1rem, 4vw, 4.5rem)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--papier);color:var(--asphalt);font:400 var(--text)/1.5 var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-stretch:100%;overflow-x:hidden}h1,h2,h3{letter-spacing:-.012em;margin:0;font-weight:640;font-stretch:78%;line-height:1.02}h2{font-size:var(--display)}h3{font-size:var(--text);font-weight:640;font-stretch:100%;line-height:1.3}p{margin:0 0 .9em}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}img{max-width:100%;height:auto;display:block}.frame{display:block;overflow:hidden}.frame img{width:100%}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}section[id]{scroll-margin-top:64px}.klein,.quelle,.infozeile,.kopfzeile,figcaption{font-size:var(--klein)}.kopf{z-index:20;padding:1.1rem var(--rand);color:var(--asphalt);background:0 0;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;gap:1rem;transition:background-color .25s,color .25s,border-color .25s,transform .3s;display:flex;position:fixed;inset:0 0 auto}.kopf.is-solid{color:var(--asphalt);background:var(--papier);border-bottom-color:var(--linie);padding-block:.7rem}.kopf.is-hidden{transform:translateY(-100%)}.kopf:not(.is-solid) .marke{background:var(--papier);margin-left:-.7em;padding:.4em .7em}.kopf:not(.is-solid) nav{text-shadow:0 0 10px #f3f0e8f2,0 0 22px #f3f0e8cc}.marke{letter-spacing:-.005em;align-items:center;gap:.55em;font-size:clamp(1.05rem,1.25vw,1.7rem);font-weight:680;font-stretch:82%;text-decoration:none;display:flex}.marke .zeichen{aspect-ratio:1;width:auto;height:clamp(1.45rem,1.7vw,2.4rem)}.kopf.is-solid .zeichen{height:clamp(1.2rem,1.3vw,1.8rem)}.kopf nav{gap:clamp(1rem,2vw,2.4rem);font-size:clamp(.92rem,.95vw,1.25rem);display:flex}.kopf nav a{text-decoration:none}.kopf nav a:hover,.kopf .tel{text-decoration:underline}.kopf .tel{font-family:var(--mono);font-size:.94em}.einstieg{height:210vh;position:relative}.einstieg-pin{background:var(--asphalt);height:100svh;position:sticky;top:0;overflow:hidden}.film{background:var(--asphalt);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}.hero-video video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}.hero-video.is-live video{opacity:1}.film-werkstatt{position:absolute;inset:0}.einstieg-text{left:var(--rand);bottom:clamp(1.4rem,4vh,3rem);right:var(--rand);color:#fff;position:absolute}.einstieg-text:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#14110ca8,#14110c00);width:min(78rem,64vw);height:max(26rem,30vw);position:absolute;bottom:-8vh;left:-12vw}.einstieg h1{max-width:9.5em;margin-bottom:1.1rem;font-size:min(6.4rem,6.6vw);position:relative}.infozeile{font-family:var(--mono);letter-spacing:.01em;flex-wrap:wrap;gap:.4rem 1.6rem;margin:0;display:flex;position:relative}.infozeile .status{box-shadow:inset 0 -.3em #f2c230d9}.auftakt{padding:clamp(5rem, 12vh, 9rem) var(--rand) clamp(2rem, 5vh, 4rem);max-width:64rem}.auftakt .gross{font-size:var(--display);letter-spacing:-.012em;margin-bottom:.6em;font-weight:640;font-stretch:78%;line-height:1.04}.auftakt p:not(.gross){max-width:36em;color:var(--graphit)}.skala{padding:clamp(2rem, 6vh, 5rem) var(--rand) clamp(4rem, 10vh, 8rem)}.lineal{--sel:36%;border-bottom:2px solid var(--asphalt);height:8.5rem;margin:0 0 clamp(2rem,5vh,3.5rem);position:relative}.lineal:before{content:"";background:repeating-linear-gradient(90deg, var(--asphalt) 0 1px, transparent 1px calc(100% / 48));opacity:.55;height:1.6rem;position:absolute;inset:auto 0 0}.lineal:after{content:"";left:var(--sel);background:var(--gelb);width:4px;height:2.1rem;margin-left:-2px;transition:left .45s cubic-bezier(.2,.7,.15,1);position:absolute;bottom:-2px}.lineal button{left:var(--x);color:var(--graphit);font:400 var(--klein)/1 var(--mono);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:.1rem;padding:.3rem .4rem;display:flex;position:absolute;bottom:2.4rem;transform:translate(-50%)}.lineal button b{font:600 clamp(2rem, 3.4vw, 3.6rem)/1 var(--sans);color:var(--asphalt);font-stretch:78%}.lineal button[aria-selected=true]{color:var(--asphalt)}.lineal button[aria-selected=true] b{text-decoration:underline;-webkit-text-decoration-color:var(--gelb);text-decoration-color:var(--gelb);text-underline-offset:.12em;text-decoration-thickness:.12em}.lineal button:focus-visible{outline:2px solid var(--asphalt);outline-offset:2px}.lineal button:hover b{color:var(--graphit)}.marken article{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:end;gap:clamp(1.5rem,4vw,4.5rem);min-height:clamp(18rem,36vw,32rem);display:grid}.marken article[hidden]{display:none}.marken .zahl{font:600 clamp(3.6rem, 11vw, 11rem)/.9 var(--sans);letter-spacing:-.02em;color:var(--asphalt);align-self:center;margin:0;font-stretch:70%}.marken .text{max-width:30rem;padding-bottom:.4rem}.marken h3{margin-bottom:.5rem}.zitat{font-weight:600;font-stretch:86%;font-size:calc(var(--text) * 1.6);margin-top:1.2rem;line-height:1.12}.quelle{color:var(--graphit);font-family:var(--mono);margin-top:2.5rem}.strecke{background:var(--asphalt);height:200vh;color:var(--papier);position:relative}.strecke-pin{grid-template-columns:minmax(0,.62fr) minmax(0,1fr);height:100svh;display:grid;position:sticky;top:0}.strecke-text{padding:0 clamp(1.5rem, 3.5vw, 4rem) 0 var(--rand);grid-area:1/1;align-self:center}.film-tour{grid-area:1/2;height:100%}.km{font:400 var(--klein)/1 var(--mono);color:var(--gelb);letter-spacing:.02em;margin:0 0 1rem}.km span{font:600 clamp(4rem, 9vw, 10rem)/.86 var(--sans);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--papier);margin-bottom:.3rem;font-stretch:70%;display:block}.strecke h2{font-size:min(var(--display), 4.4vw);margin-bottom:1.2rem}.strecke p:not(.km){color:#f3f0e8d1;max-width:26em}.strecke .zitat{color:var(--papier)}.auftrag{padding:clamp(5rem, 12vh, 9rem) var(--rand);grid-template-columns:minmax(0,.95fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,6rem);display:grid}.zettel{background:var(--zettel);box-shadow:0 1px 0 var(--linie), 0 18px 40px -28px #1d1f1e73;padding:clamp(1.4rem,3vw,2.6rem);position:relative;transform:rotate(-.6deg)}.kopfzeile{border-bottom:1px solid var(--asphalt);font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;gap:1rem;margin:0 0 1.6rem;padding-bottom:.7rem;display:flex}.zettel h2{font-size:min(var(--display), 4rem);margin-bottom:1.4rem}.zettel ul{font-family:var(--mono);font-size:var(--klein);margin:0 0 1.6rem;padding:0;list-style:none}.zettel li{border-bottom:1px dotted var(--linie);align-items:baseline;gap:.9rem;padding:.55rem 0;display:flex}.kreuz{border:1px solid var(--asphalt);flex:none;place-items:center;width:1.15rem;height:1.15rem;font-size:.95rem;line-height:1;display:inline-grid}.notiz{color:var(--graphit);font-style:italic}.abriss{border-top:2px dashed var(--linie);height:0;margin:1.6rem calc(-1*clamp(1.4rem,3vw,2.6rem)) 1.2rem}.unten{font-family:var(--mono);font-size:var(--klein);margin:0}.sattel{margin:0}.sattel figcaption{max-width:32em;color:var(--graphit);margin-top:.9rem}.besuch{padding:clamp(4rem, 10vh, 7rem) var(--rand) clamp(4rem, 9vh, 6rem);border-top:1px solid var(--linie)}.besuch h2{margin-bottom:clamp(2rem,5vh,3.5rem)}.besuch-raster{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(1.5rem,4vw,4rem);display:grid}.adresse{margin:0}.zeiten{font-family:var(--mono);font-size:var(--klein);margin:0;padding:0;list-style:none}.zeiten li{border-bottom:1px solid var(--linie);justify-content:space-between;gap:1rem;padding:.42rem 0;display:flex}.zeiten li.heute{box-shadow:inset 3px 0 0 var(--gelb);padding-left:.6rem;font-weight:500}.wege{flex-direction:column;align-items:flex-start;gap:.7rem;display:flex}.knopf{background:var(--asphalt);color:var(--papier);border-bottom:3px solid var(--gelb);padding:.8rem 1.15rem;font-weight:600;text-decoration:none;display:inline-block}.knopf:hover{background:var(--graphit)}.wege .klein{color:var(--graphit);margin:.3rem 0 0}.stimme{font-weight:600;font-stretch:86%;font-size:calc(var(--text) * 1.6);margin:clamp(3rem,8vh,5rem) 0 0}.stimme span{font:400 var(--klein)/1.4 var(--mono);color:var(--graphit);margin-top:.3rem;display:block}.fuss{padding:1.4rem var(--rand) 2rem;border-top:1px solid var(--linie);gap:1.5rem;display:flex}.fuss button{color:var(--graphit);font:400 var(--klein)/1.4 var(--mono);text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}dialog{background:var(--papier);max-width:min(36rem,100vw - 2rem);color:var(--asphalt);border:0;padding:1.8rem}dialog::backdrop{background:#1d1f1e8c}dialog h2{font-size:calc(var(--text) * 1.6);margin-bottom:1rem}dialog .close{border:1px solid var(--asphalt);font:inherit;font-size:var(--klein);cursor:pointer;background:0 0;margin-top:.6rem;padding:.5rem .9rem}.no-motion .einstieg{height:auto}.no-motion .einstieg-pin{position:relative}.no-motion .strecke{height:auto}.no-motion .strecke-pin{height:auto;min-height:90vh;position:relative}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.lineal:after{transition:none}}@media (width<=760px){.kopf{padding:.85rem 1rem}.kopf nav a:not(.tel){display:none}.marke{font-size:1.05rem}.marke .zeichen,.kopf.is-solid .zeichen{height:1.3rem}.einstieg{height:auto}.einstieg-pin{background:var(--papier);height:auto;position:relative;overflow:visible}.film-werkstatt{height:60svh;position:relative;inset:auto}.einstieg-text{color:var(--asphalt);padding:1.4rem 1rem .5rem;position:static}.einstieg-text:before{display:none}.einstieg h1{margin-bottom:.8rem;font-size:clamp(2.3rem,10.5vw,3rem)}.infozeile{gap:.3rem 1.1rem}.infozeile .status{color:var(--asphalt);box-shadow:inset 0 -.35em 0 var(--gelb)}.auftakt{padding-top:3.5rem}.lineal{justify-content:space-between;align-items:flex-end;height:auto;padding-bottom:2rem;display:flex}.lineal:after{display:none}.lineal button{padding:.3rem .1rem;font-size:.8rem;position:static;transform:none}.lineal button b{font-size:clamp(1.6rem,8vw,2.2rem)}.marken article{grid-template-columns:1fr;align-items:start;min-height:0}.marken .zahl{font-size:clamp(3.4rem,18vw,5rem)}.strecke{height:auto}.strecke-pin{height:auto;display:block;position:relative}.film-tour{height:64svh}.strecke-text{padding:2.5rem 1rem 3rem}.strecke h2{font-size:var(--display)}.auftrag{grid-template-columns:1fr}.zettel{transform:none}.besuch-raster{grid-template-columns:1fr}}
