@font-face{font-family:Zilla Slab;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/zilla-slab-latin-ext-500-normal-BtCblgyy.woff2)format("woff2"),url(/assets/zilla-slab-latin-ext-500-normal-CU92Uk-1.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:Zilla Slab;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/zilla-slab-latin-500-normal-CzZRcrUb.woff2)format("woff2"),url(/assets/zilla-slab-latin-500-normal-B8-aa0aC.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:Zilla Slab;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/zilla-slab-latin-ext-700-normal-C1-U_e_0.woff2)format("woff2"),url(/assets/zilla-slab-latin-ext-700-normal-DQD_oLH8.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:Zilla Slab;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/zilla-slab-latin-700-normal-CEKI1vVu.woff2)format("woff2"),url(/assets/zilla-slab-latin-700-normal-C8aaVMsA.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:Archivo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/archivo-vietnamese-400-normal-BF4g3tCF.woff2)format("woff2"),url(/assets/archivo-vietnamese-400-normal-FGOLYM1a.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:Archivo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/archivo-latin-ext-400-normal-B5tPZzqW.woff2)format("woff2"),url(/assets/archivo-latin-ext-400-normal-DrmqtLj6.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:Archivo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/archivo-latin-400-normal-C81ewxNO.woff2)format("woff2"),url(/assets/archivo-latin-400-normal-Bl602Mgc.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:Archivo;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/archivo-vietnamese-500-normal-k0drYPZA.woff2)format("woff2"),url(/assets/archivo-vietnamese-500-normal-7W3lD2kQ.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:Archivo;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/archivo-latin-ext-500-normal-RFhg4CpD.woff2)format("woff2"),url(/assets/archivo-latin-ext-500-normal-D7mXw3Kz.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:Archivo;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/archivo-latin-500-normal-CGugC8dq.woff2)format("woff2"),url(/assets/archivo-latin-500-normal-pkzA7jw9.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:Archivo;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/archivo-vietnamese-600-normal-anCjMumA.woff2)format("woff2"),url(/assets/archivo-vietnamese-600-normal-C8xBVdfP.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:Archivo;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/archivo-latin-ext-600-normal-Dm61iqcg.woff2)format("woff2"),url(/assets/archivo-latin-ext-600-normal-D7uErJuz.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:Archivo;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/archivo-latin-600-normal-3BBy0ZsW.woff2)format("woff2"),url(/assets/archivo-latin-600-normal-DwYieO8P.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{--gelb:#fff11d;--rot:#d8121b;--schwarz:#141414;--papier:#fbf8ee;--leise:#3a3618;--serif:"Zilla Slab", Georgia, serif;--sans:"Archivo", sans-serif;--streifen:72px}*{box-sizing:border-box}html{background:var(--gelb);color:var(--schwarz);font-family:var(--sans);-webkit-text-size-adjust:100%}body{margin:0;overflow-x:clip}img{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2{font-family:var(--serif);letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:700;line-height:1}p{text-wrap:pretty;line-height:1.55}:focus-visible{outline:2px solid var(--schwarz);outline-offset:3px}main,.fuss{margin-left:var(--streifen)}.streifen{z-index:40;width:var(--streifen);background:var(--schwarz);color:var(--gelb);flex-direction:column;justify-content:space-between;align-items:center;padding:1.1rem 0;display:flex;position:fixed;inset:0 auto 0 0}.streifen:before,.streifen:after{content:"";background:radial-gradient(circle,#0000 0 0);background-image:linear-gradient(var(--gelb) 0 0);-webkit-mask:linear-gradient(#000 0 0) top/8px 10px repeat-y;width:8px;display:none;position:absolute;top:0;bottom:0;-webkit-mask:none;mask:none}.zeichen-bild,.fuss-zeichen{background:currentColor;display:block;-webkit-mask:url(/zeichen.svg) 50%/contain no-repeat;mask:url(/zeichen.svg) 50%/contain no-repeat}.zeichen-bild{width:clamp(1.7rem,1.9vw,2rem);height:clamp(1.7rem,1.9vw,2rem)}.links{writing-mode:vertical-rl;flex-direction:row;gap:2.2rem;display:flex;transform:rotate(180deg)}.links a,.tel{letter-spacing:.02em;font-size:.95rem;font-weight:500;text-decoration:none}.tel{writing-mode:vertical-rl;text-underline-offset:.3em;text-decoration:underline;transform:rotate(180deg)}@media (hover:hover) and (pointer:fine){.links a:hover{text-underline-offset:.3em;text-decoration:underline}}.hero-raum{height:190vh;position:relative}.einstieg{grid-template-rows:auto 1fr auto;grid-template-columns:1fr minmax(0,58vw) 1fr;height:100svh;padding:clamp(1rem,2.4vw,2.4rem);display:grid;position:sticky;top:0;overflow:hidden}.einstieg h1{display:contents}.wort{font-family:var(--serif);letter-spacing:-.035em;z-index:3;font-size:min(10.4vw,17vh);font-weight:700;line-height:.86}.wort.eins{grid-area:1/1/auto/3;align-self:start}.wort.zwei{text-align:right;grid-area:3/2/auto/4;justify-self:end}.abzug{z-index:2;transform-origin:50%;will-change:transform;grid-area:2/2;align-self:center;position:relative}.abzug .film{aspect-ratio:16/9;width:100%;max-height:54vh;margin:auto}.zeile{z-index:3;grid-area:3/1/auto/3;align-self:end;max-width:28ch;margin:0 0 .6rem;font-size:clamp(1rem,1.25vw,1.3rem);font-weight:500}.zeile:after{content:""}.film{background:#e8dc3a;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 .4s cubic-bezier(.23,1,.32,1)}.film.is-live canvas{opacity:1}.abzug:before{content:"";background:var(--papier);z-index:-1;position:absolute;inset:-14px -14px -46px;box-shadow:0 18px 30px #28220038}.js .abzug .film{animation:1.6s cubic-bezier(.23,1,.32,1) both filmstart}.js .abzug.film-fertig .film{filter:none;animation:none}@keyframes filmstart{0%{filter:brightness(2.1)contrast(.55)saturate(.4)}to{filter:none}}.seit{z-index:3;background:var(--schwarz);color:var(--gelb);grid-template-columns:auto 1fr;align-items:end;gap:0 clamp(2rem,5vw,5rem);padding:clamp(4rem,10vh,7rem) clamp(1rem,3vw,3rem) clamp(3rem,7vh,5rem);display:grid;position:relative}.zahl{font-family:var(--serif);letter-spacing:-.04em;color:var(--gelb);margin:0;font-size:clamp(6rem,19vw,19rem);font-weight:700;line-height:.8}.seit-text h2{color:var(--papier);font-size:clamp(2rem,3.4vw,3.4rem)}.seit-text p{color:#f3efcf;max-width:46ch;font-size:1.1rem}.jahre{grid-column:1/-1;width:100%;height:70px;margin-top:2.5rem;overflow:visible}.jahre line{stroke:var(--gelb);stroke-width:1.5px}.jahre line.zehn{stroke-width:2.5px}.jahre text{fill:#f3efcf;font:500 13px var(--sans)}.pass{z-index:3;background:var(--gelb);padding:clamp(4rem,11vh,8rem) clamp(1rem,3vw,3rem);position:relative}.pass h2,.restaurieren h2,.film-text h2,.archiv h2,.studio h2,.besuch h2{font-size:clamp(2.2rem,4vw,4.4rem)}.ablauf{margin-top:clamp(2.5rem,6vh,4rem);position:relative}.skala{color:var(--leise);justify-content:space-between;font-size:.9rem;font-weight:500;display:flex}.bahn{background:#14141424;height:10px;margin:.6rem 0 1.4rem;position:relative}.bahn .lauf{background:var(--schwarz);transform-origin:0;position:absolute;inset:0}.schritte{height:5.4rem;margin:0;padding:0;list-style:none;position:relative}.schritte li{left:calc(var(--t) * 100%);width:13rem;translate:calc(var(--t) * -100%) 0;border-left:2px solid var(--schwarz);padding-left:.7rem;font-size:1.02rem;line-height:1.35;position:absolute;top:0}.schritte li:last-child{border-left:0;border-right:2px solid var(--schwarz);text-align:right;padding:0 .7rem 0 0}.schritte li:nth-child(2),.schritte li:nth-child(3){top:2.7rem}.schritte b{font-weight:600;display:block}.pass-unten{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(2rem,5vw,5rem);margin-top:clamp(2.5rem,6vh,4rem);display:grid}.pass-unten>p{max-width:44ch;margin:0;font-size:1.15rem}.gutschein{background:var(--papier);border:2px dashed var(--schwarz);grid-template-columns:auto 1fr;align-items:center;gap:1.2rem;padding:1.4rem 1.6rem;display:grid;box-shadow:0 10px 24px #28220029}.gutschein .betrag{font-family:var(--serif);color:var(--rot);margin:0;font-size:clamp(3rem,5vw,4.6rem);font-weight:700;line-height:1}.gutschein p:last-child{margin:0;font-size:1rem}.restaurieren{z-index:3;background:var(--papier);grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,5vw,5rem);padding:clamp(4rem,11vh,8rem) clamp(1rem,3vw,3rem);display:grid;position:relative}.detail{justify-self:center;max-width:31rem;margin:0;position:relative}.rotstift{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.rotstift path{fill:none;stroke:var(--rot);stroke-width:.9px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-width:4px}.rest-text p{max-width:46ch;font-size:1.15rem}blockquote{margin:2rem 0 0}blockquote p{font-family:var(--serif);margin:0;font-weight:500;line-height:1.25;font-size:clamp(1.4rem,2vw,1.9rem)!important}blockquote footer,.stimme>span{color:var(--leise);margin-top:.5rem;font-size:.9rem;display:block}.schmalfilm{z-index:3;background:var(--gelb);grid-template-columns:1.5fr 1fr;align-items:center;gap:clamp(2rem,4vw,4rem);padding:clamp(4rem,11vh,8rem) clamp(1rem,3vw,3rem);display:grid;position:relative}.film.breit{aspect-ratio:3/2}.film-text p{max-width:42ch;font-size:1.15rem}.archiv{z-index:3;background:var(--schwarz);color:var(--papier);padding:clamp(4rem,11vh,7rem) clamp(1rem,3vw,3rem);position:relative}.archiv h2{color:var(--gelb);max-width:16ch}.archiv .frei{font-family:var(--serif);color:var(--papier);margin-top:1rem;font-size:clamp(1.5rem,2.2vw,2.2rem);font-weight:700}.archiv p{color:#f0edd8;max-width:60ch;margin-top:1.5rem;font-size:1.15rem}.studio{z-index:3;background:var(--gelb);padding:clamp(4rem,11vh,8rem) clamp(1rem,3vw,3rem) clamp(2rem,5vh,3rem);position:relative}.liste{columns:2;column-gap:clamp(2rem,5vw,5rem);margin:clamp(2rem,5vh,3rem) 0 0;padding:0;list-style:none}.liste li{break-inside:avoid;border-top:1.5px solid var(--schwarz);padding:.85rem 0;font-size:1.12rem}.stimme{z-index:3;background:var(--gelb);padding:clamp(3rem,8vh,5rem) clamp(1rem,3vw,3rem) clamp(4rem,10vh,7rem);position:relative}.scrub{font-family:var(--serif);letter-spacing:-.02em;max-width:22ch;margin:0;font-size:clamp(2rem,4.2vw,4.4rem);font-weight:700;line-height:1.08}.js .scrub .w{opacity:.22}.besuch{z-index:3;background:var(--schwarz);color:var(--papier);position:relative}.perfo{background-color:var(--schwarz);background-image:radial-gradient(circle,#0000 0 0);height:26px;position:relative;overflow:hidden}.perfo:before{content:"";background:repeating-linear-gradient(90deg, var(--gelb) 0 16px, transparent 16px 34px);border-radius:2px;height:12px;position:absolute;top:7px;left:0;right:0}.besuch-innen{grid-template-columns:1.2fr 1fr 1fr;align-items:start;gap:clamp(2rem,4vw,4rem);padding:clamp(3rem,8vh,5rem) clamp(1rem,3vw,3rem);display:grid}.besuch h2{color:var(--gelb)}.status{color:#f0edd8;margin-top:1rem;font-size:1.05rem}.zeiten{grid-template-columns:auto auto;gap:.6rem 1.4rem;margin:0;font-size:1.1rem;display:grid}.zeiten dt{font-weight:600}.zeiten dd{margin:0}.kontakt{margin:0;font-size:1.1rem;line-height:1.8}.fuss{background:var(--schwarz);color:#e9e5c9;border-top:1px solid #3a3a3a;flex-wrap:wrap;align-items:center;gap:.8rem 2rem;padding:1.2rem clamp(1rem,3vw,3rem) 2rem;font-size:.92rem;display:flex}.fuss p{margin:0}.fuss-zeichen{width:2.4rem;height:2.4rem;color:var(--gelb)}.dialoge{gap:1rem;display:flex;margin-left:auto!important}.dialoge button,dialog button{font:inherit;color:inherit;text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;padding:.3rem 0;text-decoration:underline}dialog{background:var(--papier);max-width:34rem;color:var(--schwarz);border:0;padding:2rem}dialog::backdrop{background:#14141499}dialog h2{margin-bottom:1rem;font-size:1.7rem}dialog[open]{animation:.32s cubic-bezier(.23,1,.32,1) auf}@keyframes auf{0%{opacity:0;transform:scale(.96)}}.js .auftritt{opacity:0;transition:opacity .6s cubic-bezier(.23,1,.32,1),transform .6s cubic-bezier(.23,1,.32,1);transform:translateY(12px)}.js .auftritt.ist-da{opacity:1;transform:none}.still-modus .hero-raum{height:auto}.still-modus .einstieg{position:relative}@media (width<=900px){:root{--streifen:0px}.streifen{flex-direction:row;width:auto;height:56px;padding:0 1rem;inset:0 0 auto}.links{writing-mode:horizontal-tb;flex-direction:row;gap:1rem;transform:none}.links a:nth-child(3){display:none}.tel{writing-mode:horizontal-tb;font-size:.9rem;transform:none}.zeichen-bild{width:1.6rem;height:1.6rem}.hero-raum{height:140vh}.einstieg{grid-template-rows:auto auto auto auto;grid-template-columns:1fr;align-content:center;gap:2.2rem;padding:4.4rem 1rem 1.6rem}.abzug{margin:.4rem 10px 1.4rem}.abzug .film{aspect-ratio:16/10}.zahl{margin-bottom:1.2rem}.wort{font-size:clamp(3rem,16vw,4.4rem)}.wort.eins{grid-area:1/1}.abzug{grid-area:2/1}.wort.zwei{grid-area:3/1}.zeile{grid-area:4/1}.abzug .film{max-height:none}.seit,.pass-unten,.restaurieren,.schmalfilm,.besuch-innen{grid-template-columns:1fr}.schritte{gap:.9rem;height:auto;display:grid}.schritte li,.schritte li:last-child{border-left:2px solid var(--schwarz);text-align:left;border-right:0;width:auto;padding:0 0 0 .7rem;position:static;translate:none}.skala span:nth-child(2),.skala span:nth-child(3){visibility:hidden}.liste{columns:1}.dialoge{margin-left:0!important}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
