@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{--papier:#f4f1ea;--papier-2:#e9e4d8;--asphalt:#1c1d1b;--asphalt-2:#2a2b28;--gelb:#f2c230;--rot:#c8372d;--linie:#1c1d1b29;--display:clamp(2.3rem, 5.2vw, 5.6rem);--text:1.0625rem;--klein:.8125rem;--sans:"Archivo Variable", system-ui, sans-serif;--rand:clamp(1rem, 4vw, 3.5rem)}*,:before,:after{box-sizing:border-box}*{margin:0}html{background:var(--papier);color:var(--asphalt);-webkit-text-size-adjust:100%}body{font:400 var(--text)/1.55 var(--sans);overflow-x:clip}img{max-width:100%;display:block}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}h1,h2,blockquote p,.gross{font-family:var(--sans);letter-spacing:-.005em;font-weight:760;font-stretch:72%;line-height:.98}h2{font-size:var(--display)}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--rot);outline-offset:3px}[id]{scroll-margin-top:1.5rem}.frame{background:var(--papier-2);display:block;overflow:hidden}.frame img{object-fit:cover;width:100%;height:100%}figcaption{font-size:var(--klein);color:#1c1d1bb3;margin-top:.6rem}.kopf{z-index:20;padding:clamp(1rem, 1.6vw, 1.8rem) var(--rand);justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.marke{letter-spacing:.01em;align-items:center;gap:.55em;font-size:clamp(1.15rem,1.35vw,1.9rem);font-weight:760;font-stretch:72%;text-decoration:none;display:flex}.marke .zeichen{width:auto;height:clamp(1.65rem,1.9vw,2.6rem);color:var(--asphalt)}.kopf .tel{font-variant-numeric:tabular-nums;padding:.7rem 0;font-size:clamp(.9375rem,.95vw,1.2rem);text-decoration:underline}.einstieg{height:210vh;position:relative}.buehne{height:100svh;position:sticky;top:0;overflow:hidden}.film{background:var(--papier-2);position:absolute;inset:0;overflow:hidden}.film .still{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.film canvas{opacity:0;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}.film.is-live canvas{opacity:1}.satz{z-index:2;isolation:isolate;left:var(--rand);max-width:min(30rem,30vw);position:absolute;top:50%;transform:translateY(-62%)}.satz h1{font-size:min(6.4rem,6.6vw)}.satz p{max-width:22em;margin-top:1rem;font-size:clamp(1.0625rem,1.15vw,1.4rem)}.auftakt{padding:clamp(5rem, 12vw, 10rem) var(--rand) clamp(4rem, 9vw, 8rem);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:end;gap:clamp(2rem,6vw,7rem);display:grid}.auftakt blockquote p{font-size:clamp(2rem,3.8vw,4.2rem)}.auftakt blockquote footer{font-size:var(--klein);margin-top:1.2rem}.auftakt-text p+p{margin-top:.9rem}.heute{background:var(--gelb);padding:.15rem .5rem;font-weight:600;display:inline-block}.automat{background:var(--asphalt);color:var(--papier);padding:clamp(4rem, 9vw, 8rem) var(--rand);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,6vw,7rem);display:grid}.automat-text p{max-width:30em;margin-top:1.1rem}.frage{font-weight:600;margin-top:2.2rem!important}.groessen{gap:.8rem;margin-top:.9rem;display:flex}.groessen button{border:1.5px solid var(--papier);cursor:pointer;font-variant-numeric:tabular-nums;background:0 0;min-height:48px;padding:.55rem 1.2rem;font-weight:600}.groessen button[aria-pressed=true]{background:var(--gelb);border-color:var(--gelb);color:var(--asphalt)}.hinweis{font-size:var(--klein);color:#f4f1eabf}.automat-bild{justify-self:center;width:min(100%,24rem)}.maschine{width:100%;height:auto;display:block}.maschine .gehaeuse{fill:#d9d4c8}.maschine .schild{fill:var(--asphalt-2)}.maschine text{font-family:var(--sans);text-anchor:middle}.maschine .schild-t{fill:var(--papier);font-size:30px;font-weight:760;font-stretch:72%}.maschine .schild-k{fill:var(--gelb);font-size:16px}.maschine .fach rect{fill:#bfb9ab;transition:fill .25s}.maschine .fach text{fill:var(--asphalt);font-size:64px;font-weight:800;font-stretch:72%}.maschine .fach text.z{font-size:16px;font-weight:500}.maschine .fach.on rect{fill:var(--gelb)}.maschine .griff{fill:var(--asphalt-2)}.maschine .ausgabe{fill:#bfb9ab}.maschine .klappe{fill:#cbc5b7}.maschine .kante{stroke:var(--asphalt-2);stroke-width:3px;stroke-linecap:round}.wand{padding:clamp(5rem, 10vw, 9rem) var(--rand);background-color:#e3ddcf;background-image:radial-gradient(circle,#1c1d1b47 0 2.2px,#0000 2.6px);background-size:26px 26px}.wand-kopf{background:var(--papier);max-width:40rem;padding:1.2rem 1.4rem 1.4rem}.wand-kopf p{margin-top:.8rem}.lochwand{margin:clamp(3rem,6vw,5rem) 0;position:relative}.anhaenger{z-index:1;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(1.4rem,3vw,3rem) clamp(.6rem,1.4vw,1.4rem);padding:0;list-style:none;display:grid;position:relative}.anhaenger li:first-child{grid-area:1/1/2/4}.anhaenger li:nth-child(2){grid-area:1/5/2/8}.anhaenger li:nth-child(3){grid-area:1/9/2/12}.anhaenger li:nth-child(4){grid-area:2/2/3/5}.anhaenger li:nth-child(5){grid-area:2/6/3/9}.anhaenger li:nth-child(6){grid-area:2/10/3/13}.anhaenger li:nth-child(7){grid-area:3/1/4/4}.anhaenger li:nth-child(8){grid-area:3/4/4/8;margin-left:18%}.wand{position:relative}.umrisse{z-index:0;pointer-events:none;width:clamp(9rem,17vw,16rem);height:auto;position:absolute;bottom:-2%;right:6%}.umrisse g{fill:#1c1d1b29}.umrisse .aus{fill:#e3ddcf}.anhaenger li{padding-top:1.1rem;position:relative}.anhaenger li:before{content:"";z-index:1;background:#6f6a60;border-radius:0 0 .4rem .4rem;width:.35rem;height:1.5rem;margin-left:-.175rem;position:absolute;top:0;left:50%;box-shadow:1px 2px #1c1d1b2e}.anhaenger li:nth-child(2){margin-top:2.6rem}.anhaenger li:nth-child(3){margin-top:.8rem}.anhaenger li:nth-child(4){margin-top:-1.2rem}.anhaenger li:nth-child(6){margin-top:3rem}.anhaenger li:nth-child(7){margin-top:1.6rem}.anhaenger li:nth-child(3n+1) button{transform:rotate(-1.6deg)}.anhaenger li:nth-child(3n+2) button{transform:rotate(1.1deg)}.anhaenger li:nth-child(5) button,.anhaenger li:nth-child(8) button{transform:rotate(-.6deg)}.anhaenger button{cursor:pointer;perspective:900px;text-align:left;background:0 0;border:0;width:100%;min-height:6.6rem;padding:0;display:grid;position:relative}.anhaenger .vorn,.anhaenger .hinten{backface-visibility:hidden;background-image:radial-gradient(circle at .75rem .75rem,#8d887d 0 .22rem,#0000 .26rem),radial-gradient(circle at calc(100% - .75rem) .75rem,#8d887d 0 .22rem,#0000 .26rem);border-radius:3px;grid-area:1/1;align-items:flex-end;padding:1.4rem 1.2rem 1.1rem;transition:transform .5s cubic-bezier(.3,1.4,.5,1);display:flex;box-shadow:0 1px #1c1d1b40}.anhaenger .vorn{background-color:var(--papier);font-size:clamp(1.45rem,1.9vw,2.1rem);font-weight:760;font-stretch:72%;line-height:1}.anhaenger .hinten{background-color:var(--gelb);font-size:var(--text);line-height:1.35;transform:rotateY(180deg)}.anhaenger button[aria-pressed=true] .vorn{transform:rotateY(-180deg)}.anhaenger button[aria-pressed=true] .hinten{transform:rotateY(0)}.wand-bilder{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:center;gap:clamp(1.2rem,4vw,4rem);display:grid}.b-reifen .frame{aspect-ratio:3/2}.b-pumpen{margin:0}.b-pumpen .frame{aspect-ratio:5/6}.wand figcaption{background:var(--papier);color:var(--asphalt);padding:.2rem .5rem;display:inline-block}.winter{background:#eef0ef;padding:0 0 clamp(4rem,9vw,8rem)}.winter-film{height:min(78vh,46vw);min-height:22rem;position:relative}.winter-text{padding:clamp(3rem, 6vw, 5rem) var(--rand) 0;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:end;gap:clamp(2rem,6vw,7rem);display:grid}.winter-text p{max-width:26em}.spur{counter-reset:s;padding:0 var(--rand);flex-wrap:wrap;gap:.6rem 0;margin-top:clamp(2.5rem,5vw,4rem);list-style:none;display:flex}.spur li{padding:.55rem 1.6rem .55rem 0;font-weight:600;position:relative}.spur li:after{content:"";background:#9aa3a3;width:.6rem;height:2px;position:absolute;top:50%;right:.55rem}.spur li:last-child:after{display:none}.spur:before{content:"";border-top:2px dashed #9aa3a3;flex-basis:100%;height:0;margin-bottom:.6rem}.vespa{padding:clamp(4rem, 9vw, 8rem) var(--rand);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,6vw,7rem);display:grid}.vespa .frame{aspect-ratio:3/2}.vespa h2{font-size:clamp(2rem,3.6vw,3.8rem)}.vespa p{max-width:26em;margin-top:1rem}.stimmen{background:var(--asphalt);color:var(--papier);padding:clamp(5rem, 10vw, 9rem) var(--rand)}.flicken{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1.2rem,3vw,3rem);margin-top:clamp(3rem,6vw,5rem);padding:0;list-style:none;display:grid}.flicken li{aspect-ratio:1;text-align:center;color:var(--asphalt);background:radial-gradient(circle, #e9e4d8 0 61%, var(--rot) 61.5% 66%, #e9e4d8 66.5% 100%);border-radius:50%;place-items:center;padding:16%;font-size:clamp(.95rem,1.15vw,1.2rem);line-height:1.3;display:grid;box-shadow:inset 0 0 0 4px #e9e4d8}.flicken li:nth-child(2){transform:translateY(2.5rem)rotate(4deg)}.flicken li:nth-child(3){transform:rotate(-3deg)}.flicken li:nth-child(4){transform:translateY(1.2rem)}.quelle{font-size:var(--klein);color:#f4f1eab3;margin-top:clamp(3rem,5vw,4rem)}.tuer{padding:clamp(5rem, 10vw, 9rem) var(--rand);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,6vw,7rem);display:grid}.glas{color:var(--gelb);background:linear-gradient(#5d6a66,#4b5754);padding:clamp(2rem,4vw,3.5rem)}.glas h2{font-size:clamp(2.2rem,4vw,4rem)}.zeiten{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin-top:1.6rem}.zeiten th,.zeiten td{text-align:left;border-top:1px solid #f2c23059;padding:.45rem 0;font-weight:500}.zeiten tr.heute-zeile th,.zeiten tr.heute-zeile td{font-weight:800}.tuer-text p+p{margin-top:1rem}.gross{font-size:clamp(2.2rem,4vw,4.2rem)}.anruf{font-variant-numeric:tabular-nums;font-size:clamp(1.4rem,2vw,2rem);font-weight:700}.stimme{color:var(--rot);font-weight:600}.daumen{display:none}.fuss{padding:2.5rem var(--rand) 3rem;border-top:1px solid var(--linie);font-size:var(--klein);flex-wrap:wrap;align-items:center;gap:.6rem 2rem;display:flex}.fuss-marke{align-items:center;gap:.5em;font-size:1.1rem;font-weight:760;font-stretch:72%;display:flex}.fuss-marke svg{width:auto;height:1.4rem}.fuss-links{gap:1.2rem;margin-left:auto;display:flex}.fuss-links button{cursor:pointer;background:0 0;border:0;padding:.6rem 0;text-decoration:underline}dialog{background:var(--papier);max-width:min(36rem,92vw);color:var(--asphalt);border:0;padding:2rem}dialog::backdrop{background:#1c1d1b8c}dialog h2{margin-bottom:1rem;font-size:2rem}dialog p+p{margin-top:.8rem}dialog .close{background:var(--asphalt);color:var(--papier);cursor:pointer;border:0;min-height:44px;margin-top:1.4rem;padding:.7rem 1.2rem}.no-motion .einstieg{height:auto}.no-motion .buehne{position:relative}@media (width<=760px){.kopf{padding:.9rem 1rem}.marke{font-size:1.15rem}.marke .zeichen{height:1.4rem}.einstieg{height:170vh}.satz{max-width:none;inset:auto 1rem 9svh;transform:none}.satz:before{content:"";z-index:-1;background:#f4f1eadb;position:absolute;inset:-1rem -1rem -1.2rem}.satz h1{font-size:clamp(2.3rem,10.5vw,3rem)}.auftakt,.automat,.winter-text,.vespa,.tuer,.wand-bilder{grid-template-columns:minmax(0,1fr)}.anhaenger{grid-template-columns:repeat(2,minmax(0,1fr))}.anhaenger li:nth-child(n){grid-area:auto;margin-left:0}.anhaenger li:nth-child(4n+2){margin-top:2.2rem}.anhaenger li:nth-child(4n+1),.anhaenger li:nth-child(4n+3),.anhaenger li:nth-child(4n+4){margin-top:0}.umrisse{display:none}.anhaenger button{min-height:6.4rem}.anhaenger .vorn{font-size:1.3rem}.anhaenger .hinten{padding:1.2rem .9rem .9rem;font-size:.9375rem}.flicken{grid-template-columns:repeat(2,minmax(0,1fr))}.flicken li{padding:14%;font-size:.8125rem}.flicken li:nth-child(n){transform:none}.flicken li:nth-child(2n){transform:translateY(1.5rem)}.b-pumpen{margin-bottom:0}.b-pumpen .frame{aspect-ratio:4/5}.winter-film{height:62svh}.spur{columns:2;column-gap:1.2rem;display:block}.spur li{break-inside:avoid;padding:.4rem 0}.spur li:after{display:none}.spur:before{margin-bottom:.6rem;display:block}.daumen{z-index:40;left:1rem;right:1rem;bottom:calc(.8rem + env(safe-area-inset-bottom));text-align:center;background:var(--asphalt);color:var(--papier);opacity:0;pointer-events:none;padding:.9rem 1rem;font-weight:700;text-decoration:none;transition:opacity .3s;display:block;position:fixed}.daumen.zeigen{opacity:1;pointer-events:auto}.fuss{padding-bottom:6rem}.fuss-links{margin-left:0}}@media (prefers-reduced-motion:reduce){.anhaenger .vorn,.anhaenger .hinten{transition:none}}