@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fraunces-vietnamese-400-normal-CvGt0Ybw.woff2)format("woff2"),url(/assets/fraunces-vietnamese-400-normal-B65MOf9T.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:Fraunces;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fraunces-latin-ext-400-normal-D8gbi3Gu.woff2)format("woff2"),url(/assets/fraunces-latin-ext-400-normal-UihxqfOe.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:Fraunces;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fraunces-latin-400-normal-6IfK1voy.woff2)format("woff2"),url(/assets/fraunces-latin-400-normal-NUPT2cO8.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:Fraunces;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/fraunces-vietnamese-400-italic-BTOWH4O7.woff2)format("woff2"),url(/assets/fraunces-vietnamese-400-italic-CO9zBbpA.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:Fraunces;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/fraunces-latin-ext-400-italic-jodr80a5.woff2)format("woff2"),url(/assets/fraunces-latin-ext-400-italic-CGHg0U1I.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:Fraunces;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/fraunces-latin-400-italic-ChpO6tcr.woff2)format("woff2"),url(/assets/fraunces-latin-400-italic-B7iDoVhm.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:Fraunces;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fraunces-vietnamese-500-normal-GOH_-EGq.woff2)format("woff2"),url(/assets/fraunces-vietnamese-500-normal-B-KbxExq.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:Fraunces;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fraunces-latin-ext-500-normal-Z5DV8IzT.woff2)format("woff2"),url(/assets/fraunces-latin-ext-500-normal-BMcFk1Xs.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:Fraunces;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fraunces-latin-500-normal-DnGCNyPD.woff2)format("woff2"),url(/assets/fraunces-latin-500-normal-BTR4KCeb.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:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-mono-latin-ext-400-normal-C2zvOubV.woff2)format("woff2"),url(/assets/dm-mono-latin-ext-400-normal-1aZr6b2b.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:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-mono-latin-400-normal-4GdczIuU.woff2)format("woff2"),url(/assets/dm-mono-latin-400-normal--0xN8mdc.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:DM Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-mono-latin-ext-500-normal-BtRyHRi6.woff2)format("woff2"),url(/assets/dm-mono-latin-ext-500-normal-Dw3M13d8.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:DM Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-mono-latin-500-normal-DRMDZjhP.woff2)format("woff2"),url(/assets/dm-mono-latin-500-normal-CN8Miw6E.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{--tuch:#2a2d34;--kreide:#f3d35a;--garn:#f1ede3;--garn-neben:#cfc8b4;--tinte:#1c1e24;--tinte-neben:#4e4620;--display:clamp(2.3rem, 10.5vw, 3rem);--ease:cubic-bezier(.23, 1, .32, 1);--rand:clamp(18px, 4vw, 64px)}@media (width>=900px){:root{--display:min(6.4rem, 6.6vw)}}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{color:var(--garn);background:var(--tuch);margin:0;font-family:Fraunces,Georgia,serif;font-size:1.0625rem;line-height:1.5;display:flow-root}h1,h2,h3{letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:500}h2{font-size:clamp(2rem,4.4vw,3.6rem);line-height:1.05}h3{letter-spacing:0;font-size:1.125rem;line-height:1.25}p{text-wrap:pretty;max-width:65ch;margin:0}a{color:inherit}img{max-width:100%;height:auto;display:block}.mono,.infozeile,.tafel,figcaption,.note .von,.marke-vorher,.marke-nachher,.tel,.daumen,.stand-satz,.adresse,.fuss-links,.buegel h3{font-variant-numeric:tabular-nums;letter-spacing:0;font-family:DM Mono,ui-monospace,monospace}.hell{color:var(--tinte);background:var(--kreide)}.dunkel{color:var(--garn);background:var(--tuch)}section,.fuss{padding:clamp(72px, 10vw, 140px) var(--rand)}section+section{margin-top:0}.text{max-width:72ch}.text h2+p{margin-top:1.4rem}.text p+p{margin-top:.8rem}.kreidelink{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0 0 2px;text-decoration:none;display:inline-block;position:relative}.kreidelink:after{content:"";transform-origin:0;opacity:.55;height:2px;transition:transform .25s var(--ease), opacity .25s var(--ease);background:currentColor;border-radius:2px;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(.3)}.kreidelink:focus-visible{outline-offset:4px;outline:2px solid}@media (hover:hover) and (pointer:fine){.kreidelink:hover:after{opacity:1;transform:scaleX(1)}}.kreidelink:active:after{opacity:1;transform:scaleX(1)}.btn{background:var(--tinte);color:var(--kreide);transition:transform .12s var(--ease);border-radius:6px;padding:.85rem 1.4rem;font-weight:500;text-decoration:none;display:inline-block}.btn:active{transform:scale(.97)}.btn:focus-visible{outline:2px solid var(--tinte);outline-offset:3px}.dunkel .btn,dialog .btn{background:var(--kreide);color:var(--tinte)}.kopf{z-index:5;padding:18px var(--rand);color:var(--garn);justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.marke{color:inherit;align-items:center;gap:.45em;text-decoration:none;display:inline-flex}.marke .zeichen{width:auto;height:clamp(1.1rem,1.3vw,1.7rem)}.marke .wort{letter-spacing:-.02em;font-size:clamp(1.25rem,1.5vw,2rem);font-weight:500;line-height:1}.kopf .tel{font-size:clamp(.9rem,1vw,1.2rem);text-decoration:none}.kopf .tel:after{opacity:.8;transform:scaleX(1)}.einstieg-raum{height:128svh}.einstieg{height:100svh;color:var(--garn);padding:0;position:sticky;top:0;overflow:hidden}.vergleich{touch-action:pan-y;cursor:col-resize;position:absolute;inset:0}.vergleich .bild{object-fit:cover;object-position:62% 72%;width:100%;height:100%;position:absolute;inset:0}.vergleich .vorher{clip-path:inset(0 calc(100% - var(--x)) 0 0)}.kante{top:0;bottom:0;left:var(--x);background:var(--kreide);opacity:.95;width:2px;margin-left:-1px;position:absolute}.kante .kreide{background:var(--kreide);width:18px;height:54px;transform:rotate(var(--kipp,0deg));transition:transform .25s var(--ease);border-radius:4px;margin-left:-9px;position:absolute;top:58%;left:50%;box-shadow:0 4px 14px #00000059}.kante .kreide:before{content:"";background:#2a2d3459;height:2px;position:absolute;top:8px;left:4px;right:4px}.marke-vorher,.marke-nachher{bottom:calc(96px + env(safe-area-inset-bottom));text-transform:uppercase;letter-spacing:.08em;color:var(--kreide);text-shadow:0 1px 6px #0009;pointer-events:none;font-size:.8rem;position:absolute}.marke-vorher{right:calc(100% - var(--x) + 14px)}.marke-nachher{left:calc(var(--x) + 14px)}.regler{opacity:0;cursor:col-resize;width:100%;height:72px;margin:0;position:absolute;top:calc(58% - 12px);left:0;right:0}.regler:focus-visible+.kante,.vergleich:focus-within .kante{outline:2px solid var(--kreide)}.einstieg h1{left:var(--rand);max-width:9.5ch;color:var(--garn);text-shadow:0 2px 18px #0000008c,0 0 2px #0006;pointer-events:none;font-size:min(5.6rem,5.7vw);line-height:.98;position:absolute;top:calc(18vh + 10px)}.infozeile{left:var(--rand);right:var(--rand);bottom:calc(26px + env(safe-area-inset-bottom));color:var(--garn);text-shadow:0 1px 8px #000000b3;pointer-events:none;flex-wrap:wrap;gap:.4em .7em;max-width:none;font-size:.9rem;display:flex;position:absolute}.infozeile a{pointer-events:auto;border-bottom:1px solid;text-decoration:none}.infozeile .punkt{opacity:.7}.infozeile .stand{color:var(--kreide)}.auftakt{z-index:2;background:var(--kreide);border-radius:18px 18px 0 0;margin-top:-28svh;position:relative}html.still-modus .einstieg-raum{height:auto}html.still-modus .einstieg{height:100svh;position:relative}html.still-modus .auftakt{border-radius:0;margin-top:0}.stange-raum{margin:clamp(48px, 6vw, 96px) calc(-1 * var(--rand)) 0 0;position:relative}.stange{width:100%;height:8px;position:absolute;top:0;left:0;right:0}.stange .strich{fill:none;stroke:var(--tinte);stroke-width:3px;stroke-linecap:round}.buegel{scroll-snap-type:x proximity;padding:0;padding-right:var(--rand);scrollbar-width:none;gap:clamp(16px,2vw,36px);margin:0;list-style:none;display:flex;overflow-x:auto}.buegel::-webkit-scrollbar{display:none}.buegel li{scroll-snap-align:start;flex:none;width:clamp(150px,13vw,190px);padding-top:0;position:relative}.buegel .haken{background:var(--tinte);border-radius:2px;width:2px;height:clamp(28px,4vw,56px);margin:0 0 10px 10px;display:block}.buegel li:nth-child(2n) .haken{height:clamp(44px,5.5vw,76px)}.buegel li:nth-child(3n) .haken{height:clamp(20px,3vw,40px)}.kreidemarken .strich,.unterstrich .strich,.kreidestrich .strich{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.buegel h3{letter-spacing:-.02em;margin-top:0;font-family:Fraunces,Georgia,serif;font-size:clamp(1.35rem,1.6vw,1.9rem);font-weight:500;line-height:1.1}.buegel p{color:var(--tinte-neben);margin-top:.35rem;font-size:.95rem}.film{aspect-ratio:3/2;background:#1f2127;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 var(--ease)}.film.is-live canvas{opacity:1}.filmband{margin:clamp(40px, 5vw, 80px) calc(-1 * var(--rand)) 0}.filmband .film{aspect-ratio:auto;height:min(82vh,56vw)}.leder .text{margin-left:auto}.stimmen{grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(32px,5vw,96px);display:grid}.zitat,.zitat blockquote{margin:0}.zitat.gross{margin-top:2rem}.zitat.gross p{max-width:26ch;font-size:clamp(1.4rem,2.3vw,2.1rem);font-style:italic;font-weight:400;line-height:1.25}.zitat.klein{margin-top:1.6rem}.zitat.klein p{font-size:1.15rem;font-style:italic}figcaption{color:var(--tinte-neben);margin-top:.5rem;font-size:.85rem}.dunkel figcaption{color:var(--garn-neben)}.note{align-items:baseline;gap:.6em;margin-top:2.2rem;padding-bottom:10px;display:inline-flex;position:relative}.note .zahl{letter-spacing:-.03em;font-size:2.6rem;font-weight:500;line-height:1}.note .von{color:var(--tinte-neben);font-size:.9rem}.unterstrich{width:100%;height:14px;color:var(--tinte);position:absolute;bottom:0;left:0}.stimmen .film{border-radius:6px}.express{grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(32px,5vw,96px);display:grid}.markiert{margin:0}.frame{border-radius:6px;display:block;position:relative;overflow:hidden}.kreidemarken{width:100%;height:100%;color:var(--kreide);pointer-events:none;position:absolute;inset:0}.kreidemarken .strich{stroke-width:7px;filter:drop-shadow(0 0 1px #0006)}.besuch{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(32px,5vw,96px);display:grid}.stand-satz{color:var(--tinte-neben);margin-top:1.6rem;font-size:.95rem}.aktionen{flex-wrap:wrap;align-items:center;gap:1.4rem;margin-top:1.2rem;display:flex}.tafel{border-collapse:collapse;width:100%;max-width:440px;margin-top:.4rem;font-size:1rem}.tafel th,.tafel td{text-align:left;vertical-align:baseline;border-bottom:1px solid #1c1e2440;padding:.55rem 0;font-weight:400}.tafel td{text-align:right}.tafel tr{position:relative}.tafel tr.heute th{font-weight:500;position:relative}.tafel tr.heute td{font-weight:500}.kreidestrich{width:calc(100% + 10px);height:12px;color:var(--tinte);pointer-events:none;position:absolute;bottom:2px;left:-2px;right:-8px}.kreidestrich .strich{stroke-width:3px;opacity:.9}.fuss{color:var(--tinte-neben);flex-wrap:wrap;align-items:center;gap:1rem 2.2rem;padding-top:0;padding-bottom:clamp(40px,5vw,72px);font-size:.9rem;display:flex}.fuss .marke{color:var(--tinte)}.fuss .adresse{max-width:none}.fuss-links{gap:1.4rem;display:flex}.daumen{z-index:6;padding:12px var(--rand) calc(12px + env(safe-area-inset-bottom));background:var(--tuch);color:var(--garn);transition:transform .3s var(--ease);justify-content:space-around;font-size:.95rem;display:none;position:fixed;bottom:0;left:0;right:0;transform:translateY(110%)}.daumen a{color:inherit;padding:6px 10px;text-decoration:none}.daumen.ist-da{transform:translateY(0)}dialog{background:var(--tuch);max-width:60ch;color:var(--garn);border:0;border-radius:10px;padding:clamp(24px,4vw,40px);box-shadow:0 24px 60px #0006}dialog::backdrop{background:#14151a99}dialog h2{font-size:1.6rem}dialog p{margin-top:1rem}dialog .btn{margin-top:1.4rem}dialog[open]{animation:auf .32s var(--ease)}@keyframes auf{0%{opacity:0;transform:scale(.96)translateY(6px)}to{opacity:1;transform:none}}.auftritt{opacity:1}@media (width<=900px){.stimmen,.express,.besuch{grid-template-columns:1fr}.stimmen .film{order:2}.express{gap:20px}.markiert figcaption{margin-bottom:0}.leder .text{margin-left:0}.filmband .film{height:62vw;min-height:300px}.vergleich{top:34svh}.einstieg{background:var(--tuch)}.einstieg h1{max-width:10ch;font-size:var(--display);text-shadow:none;top:calc(64px + 2svh)}.infozeile{bottom:calc(22px + env(safe-area-inset-bottom));font-size:.85rem}.marke-vorher,.marke-nachher{bottom:calc(110px + env(safe-area-inset-bottom))}.vergleich .bild{object-position:63% 70%}.daumen{display:flex}.fuss{padding-bottom:calc(96px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.kreidelink:after,.kante .kreide,.daumen,.tafel tr.heute th,.tafel tr.heute td{transition:none}dialog[open]{animation:none}}
