@font-face{font-family:League Gothic Variable;font-style:normal;font-display:swap;font-weight:400;font-stretch:75% 100%;src:url(/assets/league-gothic-vietnamese-wdth-normal-4VFZ57Ks.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:League Gothic Variable;font-style:normal;font-display:swap;font-weight:400;font-stretch:75% 100%;src:url(/assets/league-gothic-latin-ext-wdth-normal-Df4zaQY_.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:League Gothic Variable;font-style:normal;font-display:swap;font-weight:400;font-stretch:75% 100%;src:url(/assets/league-gothic-latin-wdth-normal-CRZtnArM.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:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-ext-wght-normal-B5bTHO_g.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:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-wght-normal-BbzFLZTg.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:Caveat Brush;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/caveat-brush-latin-ext-400-normal-Dwx6Pt9q.woff2)format("woff2"),url(/assets/caveat-brush-latin-ext-400-normal-CLkQDail.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:Caveat Brush;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/caveat-brush-latin-400-normal-2w-6t9gW.woff2)format("woff2"),url(/assets/caveat-brush-latin-400-normal-B3pS0In6.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{--nacht:#1e2024;--fassade:#e9e1cc;--weiss:#f7f4ec;--tinte:#1e2024;--tinte-2:#4a4740;--orange:#d2601f;--orange-text:#a9420e;--glas:#23272b;--rahmen:#3b2a1f;--papier:#efe5d2;--display:"League Gothic Variable", "League Gothic", "Arial Narrow", sans-serif;--text:"Instrument Sans Variable", "Instrument Sans", system-ui, sans-serif;--kreide:"Caveat Brush", cursive;--rand:clamp(1rem, 3vw, 2.5rem)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:5rem}body{font-family:var(--text);color:var(--tinte);background:var(--nacht);margin:0;font-size:1.0625rem;line-height:1.55;transition:background-color .45s cubic-bezier(.23,1,.32,1);overflow-x:hidden}body.ton-fassade{background-color:var(--fassade)}body.ton-weiss{background-color:var(--weiss)}body.ton-nacht{background-color:var(--nacht)}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3{font-family:var(--display);letter-spacing:.005em;text-wrap:balance;text-transform:uppercase;margin:0;font-weight:400;line-height:.95}p{text-wrap:pretty}:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.kopf{z-index:10;color:#f7f4ec;margin:0 var(--rand);border-bottom:1px solid #f7f4ec57;justify-content:space-between;align-items:center;gap:1rem;padding:1.05rem 0 .95rem;display:flex;position:absolute;top:0;left:0;right:0}.marke{font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;font-size:clamp(1.55rem,1.9vw,2.5rem);line-height:1;text-decoration:none}.kopf-tel{text-align:right;margin:0;line-height:1.2}.kopf-tel a{font-variant-numeric:tabular-nums;text-underline-offset:.25em;text-decoration:underline;-webkit-text-decoration-color:var(--orange);text-decoration-color:var(--orange);font-size:clamp(1rem,1.05vw,1.3rem);font-weight:600;text-decoration-thickness:2px}.kopf-tel small{opacity:.86;margin-top:.2rem;font-size:.8rem;display:block}.einstieg{color:#f7f4ec;background:var(--nacht);height:190vh;position:relative}.buehne{height:100svh;padding:4.6rem var(--rand) 1.4rem;grid-template-rows:1fr auto auto;display:grid;position:sticky;top:0}.bildrahmen{background:#111;min-height:0;margin-top:.9rem;position:relative;overflow:hidden}.bildrahmen img{object-fit:cover;object-position:50% 46%;width:100%;height:100%;position:absolute;inset:0}.farbe{will-change:transform;height:calc(100% + 110px);position:absolute;top:0;left:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 calc(100% - 110px),#0000);mask-image:linear-gradient(#000 calc(100% - 110px),#0000)}.js:not(.still-modus) .farbe{visibility:hidden}.js:not(.still-modus) .farbe.ist-bereit{visibility:visible}.farbe-innen{will-change:transform;height:calc(100% - 110px);position:absolute;top:0;left:0;right:0}.herkunft{text-transform:uppercase;letter-spacing:.14em;border-top:1px solid #f7f4ec57;justify-content:space-between;gap:1rem;margin:.75rem 0 0;padding:.75rem 0 0;font-size:.8125rem;font-weight:500;display:flex}.herkunft .ort{align-items:center;gap:.55rem;display:inline-flex}.herkunft svg{width:.7rem;height:.95rem;color:var(--orange);flex:none}.titelzeile{justify-content:space-between;align-items:flex-end;gap:2rem;padding-top:.9rem;display:flex}.titelzeile h1{max-width:none;font-size:min(5.6rem,5.5vw)}.knopf{background:var(--orange-text);color:#fff;border-radius:3px;flex:none;align-items:baseline;gap:.6rem;padding:.95rem 1.35rem;font-size:1.05rem;font-weight:600;text-decoration:none;transition:transform .14s cubic-bezier(.23,1,.32,1),background-color .2s ease-out;display:inline-flex}.knopf .nummer{font-variant-numeric:tabular-nums}.knopf:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.knopf:hover{background:#8f360a}}.auftakt{padding:0 var(--rand) clamp(4rem, 10vw, 8rem);position:relative}.uebergang{height:26vh;margin:0 calc(var(--rand) * -1);background:linear-gradient(to bottom, var(--nacht), #e9e1cc00)}.auftakt-innen{grid-template-columns:1fr 1.2fr;align-items:start;gap:clamp(2rem,6vw,6rem);max-width:74rem;margin:0 auto;display:grid}.auftakt h2{font-size:clamp(3rem,7vw,6.5rem)}.gross{max-width:34ch;margin:.4rem 0 2rem;font-size:clamp(1.3rem,1.8vw,1.75rem);line-height:1.35}.kreide-klein{font-family:var(--kreide);color:var(--orange-text);transform-origin:0;margin:0 0 .3rem;font-size:clamp(1.6rem,2.4vw,2.2rem);line-height:1.15;transform:rotate(-1.5deg)}.herkunft-zitat{letter-spacing:.06em;color:var(--tinte-2);font-size:.8125rem;display:block}.herkunft-zitat.hell{color:#d8d3c7}.weg{position:relative}.weg-pin{flex-direction:column;justify-content:center;min-height:100svh;padding:5rem 0 3rem;display:flex;overflow:hidden}.weg-kopf{padding:0 var(--rand);justify-content:space-between;align-items:flex-end;gap:2rem;width:100%;max-width:74rem;margin:0 auto 2.4rem;display:flex}.weg-kopf h2{font-size:clamp(3rem,6vw,5.6rem)}.weg-kopf p{max-width:30ch;margin:0;font-size:1.15rem}.weg-spur{padding:0 var(--rand);will-change:transform;position:relative}.weg-linie{background:var(--orange);height:2px;position:absolute;top:1.05rem;left:0;right:0}.stationen{gap:clamp(2rem,4vw,4.5rem);width:max-content;margin:0;padding:0;list-style:none;display:flex}.station{width:clamp(18rem,26vw,24rem);padding-top:3.2rem;position:relative}.station.mit-bild{width:clamp(20rem,30vw,28rem)}.station .nr{background:var(--fassade);border:2px solid var(--orange);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;width:2.2rem;height:2.2rem;font-size:.9rem;font-weight:600;display:grid;position:absolute;top:0;left:0}.station h3{margin-bottom:.7rem;font-size:clamp(2.6rem,4.4vw,4.4rem)}.station p{max-width:36ch;margin:0 0 .8rem}.kreide-tafel{font-family:var(--kreide);color:#f2efe6;background:var(--glas);border:8px solid var(--rahmen);margin-top:.6rem;padding:.9rem 1.1rem 1rem;font-size:1.6rem;line-height:1.15;display:inline-block;transform:rotate(-1deg)}.frame{margin-top:1rem;display:block;overflow:hidden}.frame.hoch img{aspect-ratio:4/5;object-fit:cover;width:100%}.film-kessel{aspect-ratio:4/5;width:100%}.film-kessel .still{aspect-ratio:auto}.textlink{text-decoration:underline;-webkit-text-decoration-color:var(--orange);text-decoration-color:var(--orange);text-underline-offset:.25em;font-weight:600;text-decoration-thickness:2px}.name{padding:clamp(4rem,9vw,8rem) 0 clamp(3rem,6vw,5rem);overflow:hidden}.name-buehne{height:clamp(18rem,42vw,40rem);position:relative}.riesenwort{font-family:var(--display);color:var(--tinte);letter-spacing:.01em;white-space:nowrap;justify-content:center;align-items:center;margin:0;font-size:38vw;line-height:.8;display:flex;position:absolute;inset:0}.riesenwort span{will-change:transform;display:block}.salami{filter:drop-shadow(0 18px 22px #1e202447);width:min(62vw,64rem);position:absolute;top:56%;left:50%;transform:translate(-50%,-50%)}.name-text{max-width:74rem;padding:0 var(--rand);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.6rem 2rem;margin:clamp(1.5rem,3vw,2.5rem) auto 0;display:flex}.name-text h2{font-size:clamp(2.4rem,4.6vw,4.2rem)}.zitat{max-width:38ch;margin:0 0 .3rem;font-size:1.25rem;line-height:1.4}.zitat.klein{max-width:calc(100% - 8.5rem);font-size:1.05rem}.zettel .herkunft-zitat{max-width:calc(100% - 8.5rem)}.name-text .herkunft-zitat{text-align:right;flex-basis:100%}.mittag{max-width:80rem;padding:clamp(3rem, 7vw, 6rem) var(--rand);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(2rem,5vw,5rem);margin:0 auto;display:grid}.zettel{background:#fff;padding:clamp(1.6rem,3vw,2.6rem);position:relative;transform:rotate(-.8deg);box-shadow:0 14px 34px #1e20241f}.zettel-kopf{border-bottom:3px double var(--tinte);font-family:var(--display);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;margin:0 0 1.4rem;padding-bottom:.55rem;font-size:1.5rem;display:flex}.zettel h2{margin-bottom:1.3rem;font-size:clamp(2.4rem,4vw,3.6rem)}.zeilen{margin:0 0 1.6rem}.zeilen div{font-variant-numeric:tabular-nums;letter-spacing:.02em;border-bottom:1px solid #1e20242e;justify-content:space-between;gap:1rem;padding:.5rem 0;display:flex}.zeilen dt{font-weight:600}.zeilen dd{text-align:right;margin:0}.zeilen div:nth-child(2n) dt,.zeilen div:nth-child(2n) dd{color:var(--orange-text)}.stempel{border:3px solid var(--orange-text);width:7.4rem;height:7.4rem;color:var(--orange-text);font-family:var(--display);text-transform:uppercase;text-align:center;letter-spacing:.04em;background:#ffffffd9;border-radius:50%;place-items:center;font-size:1.75rem;line-height:.9;text-decoration:none;transition:transform .14s cubic-bezier(.23,1,.32,1);display:grid;position:absolute;bottom:clamp(1.2rem,2.4vw,2rem);right:clamp(1rem,2.6vw,2rem);transform:rotate(-12deg)}.stempel:active{transform:rotate(-12deg)scale(.95)}.mittag-film{margin:0}.mittag-film figcaption{color:var(--tinte-2);margin-top:.7rem;font-size:.9rem}.film{background:#2a2a2a;position:relative;overflow:hidden}.film .still{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.film .still.ist-gesetzt{max-width:none;inset:auto}.film canvas{opacity:0;width:100%;height:100%;transition:opacity .4s ease-out;position:absolute;inset:0}.film.is-live canvas{opacity:1}.film-semmel{aspect-ratio:3/2}.film-platte{aspect-ratio:16/10}.feste{max-width:84rem;padding:clamp(3rem, 7vw, 6rem) var(--rand) clamp(4rem, 8vw, 7rem);grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:end;gap:clamp(2rem,5vw,5rem);margin:0 auto;display:grid}.feste h2{margin-bottom:1.2rem;font-size:clamp(3rem,5.6vw,5.4rem)}.feste-text p{max-width:42ch}.feste .textlink{margin-top:1.2rem;display:inline-block}.fenster{padding:clamp(3rem, 7vw, 6rem) var(--rand);max-width:84rem;margin:0 auto}.markise svg{background:#fff;width:100%;height:clamp(1.4rem,2.6vw,2.2rem);display:block}.markise{border-bottom:3px solid var(--rahmen)}.scheibe{background:var(--glas);color:#f2efe6;border:clamp(10px, 1.4vw, 18px) solid var(--rahmen);border-top:0;padding:clamp(2rem,5vw,4.5rem) clamp(1.4rem,5vw,4.5rem) clamp(1.6rem,3vw,2.6rem)}.scheibe h2{color:#f7f4ec;margin-bottom:2rem;font-size:clamp(2.6rem,4.6vw,4.4rem)}.kreide-saetze{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.2rem 3.5rem;margin:0 0 1.6rem;padding:0;list-style:none;display:grid}.kreide-saetze li{position:relative;overflow:hidden}.kreide-saetze li:nth-child(2){transform:rotate(-1.4deg)}.kreide-saetze li:nth-child(3){transform:rotate(1deg)}.kreide{font-family:var(--kreide);color:#f2efe6;font-size:clamp(1.75rem,2.7vw,2.6rem);line-height:1.15;display:block}.kreide-saetze li .wischer{background:var(--glas);transform-origin:100%;position:absolute;inset:-4px}.besuch{padding:clamp(3rem, 7vw, 6rem) var(--rand) clamp(2rem, 4vw, 3rem)}.besuch-innen{grid-template-columns:1.1fr 1fr;align-items:start;gap:clamp(2rem,6vw,6rem);max-width:74rem;margin:0 auto;display:grid}.besuch h2{margin-bottom:1.4rem;font-size:clamp(2.8rem,5vw,4.8rem)}address{margin-bottom:1rem;font-size:1.2rem;font-style:normal;line-height:1.45}.stand{margin:0 0 1rem;font-weight:600}.infos{margin:0 0 1.4rem;padding:0;list-style:none}.infos li{padding:.3rem 0}.infos a{-webkit-text-decoration-color:var(--orange);text-decoration-color:var(--orange);text-underline-offset:.25em;font-weight:600;text-decoration-thickness:2px}.gelbwurst{font-family:var(--kreide);color:var(--orange-text);transform-origin:0;margin:0;font-size:1.6rem;transform:rotate(-1deg)}.zeiten{font-variant-numeric:tabular-nums;border-top:1px solid #1e202440;grid-template-columns:auto 1fr;margin:0;display:grid}.zeiten dt,.zeiten dd{border-bottom:1px solid #1e202440;margin:0;padding:.85rem 0}.zeiten dt{padding-right:2rem;font-weight:500}.zeiten dd{text-align:right;white-space:nowrap}.zeiten .heute{color:var(--orange-text);font-weight:700}.zeiten dt.heute:after{content:"heute";text-transform:uppercase;letter-spacing:.12em;vertical-align:.15em;border:1.5px solid;border-radius:2px;margin-left:.6rem;padding:.05rem .35rem;font-size:.72rem}.schluss{padding:clamp(1.5rem, 3vw, 2.5rem) var(--rand) clamp(3rem, 6vw, 5rem)}.wurstzettel{background:var(--papier);text-align:center;max-width:40rem;margin:0 auto;padding:0 0 1.6rem;box-shadow:0 10px 28px #1e20241a}.markise.klein svg{height:1.1rem}.markise.klein{border-bottom:0;margin-bottom:1.4rem}.zettel-marke{font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;margin:0 0 .6rem;font-size:2.3rem;line-height:1}.zettel-zeile{font-variant-numeric:tabular-nums;margin:.2rem 1rem}.zettel-zeile a{font-weight:600}.zettel-zeile.klein{letter-spacing:.06em;color:var(--tinte-2);margin-top:.7rem;font-size:.85rem}.fuss-links{justify-content:center;gap:1.4rem;margin:1.2rem 0 0;display:flex}.fuss-links button{font:inherit;color:var(--tinte);text-underline-offset:.25em;cursor:pointer;background:0 0;border:0;min-height:44px;padding:.4rem .2rem;font-size:.9rem;text-decoration:underline}dialog{max-width:min(36rem,100vw - 2rem);color:var(--tinte);background:var(--weiss);border:0;border-radius:4px;padding:1.8rem}dialog::backdrop{background:#14141699}dialog h2{margin-bottom:1rem;font-size:2.4rem}dialog[open]{animation:.32s cubic-bezier(.23,1,.32,1) auf}@keyframes auf{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.zu{font:inherit;background:var(--tinte);color:#fff;cursor:pointer;border:0;border-radius:3px;min-height:44px;margin-top:.6rem;padding:.7rem 1.1rem;font-weight:600;transition:transform .14s cubic-bezier(.23,1,.32,1)}.zu:active{transform:scale(.97)}.js:not(.still-modus) .kommt{opacity:0;transform:translateY(12px)}@media (width<=900px){:root{--rand:1rem}.kopf{padding:.8rem 0 .7rem}.marke{font-size:1.45rem}.kopf-tel small{font-size:.72rem}.einstieg{height:170vh}.buehne{padding-top:4rem;padding-bottom:1rem}.herkunft{letter-spacing:.12em;flex-direction:column;gap:.35rem;font-size:.75rem}.titelzeile{flex-direction:column;align-items:stretch;gap:.9rem}.titelzeile h1{font-size:clamp(2.6rem,12.5vw,3.6rem)}.titelzeile h1 span{display:block}.knopf{justify-content:center}.auftakt-innen,.mittag,.feste,.besuch-innen{grid-template-columns:1fr}.weg-pin{min-height:0;padding:3rem 0 2rem}.weg-kopf{flex-direction:column;align-items:flex-start;gap:.8rem}.weg-spur{will-change:auto}.weg-linie{top:0;bottom:0;left:calc(var(--rand) + 1.05rem);width:2px;height:auto;right:auto}.stationen{flex-direction:column;gap:2.4rem;width:auto}.station,.station.mit-bild{width:auto;padding:0 0 0 3.4rem}.riesenwort{font-size:40vw}.salami{width:94vw;top:58%}.name-buehne{height:62vw}.stempel{width:5.8rem;height:5.8rem;font-size:1.35rem}.zitat.klein,.zettel .herkunft-zitat{max-width:calc(100% - 6.6rem)}.kreide-saetze{grid-template-columns:1fr;gap:1.6rem}.feste .film{order:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
