@font-face{font-family:Familjen Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/familjen-grotesk-vietnamese-400-normal-zA_bdTHL.woff2)format("woff2"),url(/assets/familjen-grotesk-vietnamese-400-normal-BBg_xB3v.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:Familjen Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/familjen-grotesk-latin-ext-400-normal-CKjrzSH-.woff2)format("woff2"),url(/assets/familjen-grotesk-latin-ext-400-normal-uP2AiLOF.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:Familjen Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/familjen-grotesk-latin-400-normal-DOvmqNol.woff2)format("woff2"),url(/assets/familjen-grotesk-latin-400-normal-DYohiwGD.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:Familjen Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/familjen-grotesk-vietnamese-500-normal-D4oly79D.woff2)format("woff2"),url(/assets/familjen-grotesk-vietnamese-500-normal-Cv-94wkS.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:Familjen Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/familjen-grotesk-latin-ext-500-normal-C6C0U28C.woff2)format("woff2"),url(/assets/familjen-grotesk-latin-ext-500-normal-B6Onzdxd.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:Familjen Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/familjen-grotesk-latin-500-normal-BASv1Bog.woff2)format("woff2"),url(/assets/familjen-grotesk-latin-500-normal-BJWE1t8Q.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:Familjen Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/familjen-grotesk-vietnamese-700-normal-BQbgNr8Y.woff2)format("woff2"),url(/assets/familjen-grotesk-vietnamese-700-normal-DnK_bp0P.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:Familjen Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/familjen-grotesk-latin-ext-700-normal-uph16z26.woff2)format("woff2"),url(/assets/familjen-grotesk-latin-ext-700-normal-ChieoNWR.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:Familjen Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/familjen-grotesk-latin-700-normal-DP3KK2u2.woff2)format("woff2"),url(/assets/familjen-grotesk-latin-700-normal-Cqh4U_Q6.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{--wein:#6b0f1f;--sonne:#ffba4d;--morgen:#ffebc4;--tag:#fcf7ec;--nachmittag:#f6e2c4;--tinte:#3a0a14;--rand:clamp(1rem, 3.2vw, 4rem);--display:clamp(2.5rem, 5.6vw, 7.2rem);--text:clamp(1.06rem, 1.25vw, 1.45rem);--klein:clamp(.86rem, .95vw, 1.05rem);--schrift:"Familjen Grotesk", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--tag);color:var(--tinte);font:400 var(--text)/1.42 var(--schrift);font-variant-numeric:tabular-nums;margin:0;overflow-x:clip}img,svg{max-width:100%;display:block}a{color:inherit}h1,h2,h3,p,ul,ol,figure,blockquote{margin:0;padding:0}ul,ol{list-style:none}h1,h2{font:700 var(--display)/1 var(--schrift);letter-spacing:-.022em;text-wrap:balance}section{position:relative}:focus-visible{outline:3px solid var(--wein);outline-offset:3px}.himmel{z-index:-1;background:var(--morgen);transition:background-color .45s linear;position:fixed;inset:0}.himmel[data-ton=morgen]{background:var(--morgen)}.himmel[data-ton=tag]{background:var(--tag)}.himmel[data-ton=sonne]{background:var(--sonne)}.himmel[data-ton=nachmittag]{background:var(--nachmittag)}.himmel[data-ton=abend]{background:var(--wein)}body{background:0 0}.leiste{z-index:20;padding:.85rem var(--rand);color:var(--sonne);font-size:var(--klein);grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;font-weight:500;display:grid;position:fixed;inset:0 0 auto}.leiste:before{content:"";background:var(--tag);z-index:-1;transition:transform .28s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0;transform:translateY(-101%)}.leiste nav{gap:1.4rem;display:flex}.leiste a{align-items:center;min-height:28px;text-decoration:none;display:inline-flex}.leiste nav a,.tel{text-underline-offset:.22em;text-decoration:underline;text-decoration-thickness:1px}.tel{justify-self:end}.marke{opacity:0;pointer-events:none;color:var(--wein);transition:opacity .2s linear}.marke .wort{width:auto;height:clamp(1.15rem,1.4vw,1.9rem)}.leiste.fest,.leiste.wein{color:var(--wein)}.leiste.fest:before{transform:none}.leiste.fest .marke{opacity:1;pointer-events:auto}.buehne.hell~*{color:inherit}.einstieg{background:var(--wein);height:280svh}.buehne{background:var(--wein);height:100svh;color:var(--sonne);position:sticky;top:0;overflow:hidden}.feld{background:var(--morgen);opacity:0;will-change:opacity;position:absolute;inset:0}.sonne{width:min(38vw,66svh);height:auto;color:var(--sonne);will-change:transform;margin-left:calc(min(38vw,66svh)/-2);position:absolute;top:0;left:52%;transform:translateY(-40%)}.laib{aspect-ratio:1439/577;width:min(70vw,124svh);position:absolute;bottom:calc(clamp(2.9rem,4.2vw,4.4rem) - min(70vw,124svh)/28.5714);left:68%;transform:translate(-50%)}.laib img{width:100%;height:100%;position:absolute;inset:0}.laib .sonne{z-index:0}.laib img{z-index:1}.laib .tag{opacity:0;will-change:opacity}.buehne h1{left:var(--rand);z-index:3;width:7.4em;font-size:clamp(3rem,7.6vw,11rem);line-height:.96;position:absolute;top:clamp(4.4rem,11vh,8rem)}.wort-gross{left:var(--rand);z-index:3;width:clamp(9rem,15vw,22rem);height:auto;position:absolute;bottom:calc(clamp(2.9rem,4.2vw,4.4rem) + clamp(1.2rem,4vh,2.6rem))}.infozeile{z-index:4;min-height:clamp(2.9rem,4.2vw,4.4rem);padding:.4rem var(--rand);background:var(--sonne);color:var(--wein);font-size:var(--text);flex-wrap:wrap;align-items:center;gap:.1rem .5em;font-weight:500;display:flex;position:absolute;bottom:0;left:0;right:0}.infozeile a{text-underline-offset:.2em;margin-left:auto}.buehne.hell{color:var(--wein)}.statisch .einstieg{height:100svh}.statisch .sonne,.statisch .feld,.statisch .laib .tag{will-change:auto}.jahr{color:var(--tinte);background:0 0}.jahr-buehne{height:100svh;padding:clamp(4.4rem, 10vh, 6.4rem) var(--rand) clamp(1rem, 3vh, 2rem);background:var(--morgen);grid-template-rows:auto minmax(0,1fr) auto auto;gap:clamp(.8rem,2.2vh,1.6rem);display:grid}.jahr h2{color:var(--wein);font-size:var(--display);grid-template-columns:auto auto 1fr;align-items:end;column-gap:clamp(.8rem,2vw,2.4rem);display:grid}.zahl-an{padding-bottom:.1em}.zahl{letter-spacing:-.04em;font-size:clamp(5.6rem,15vw,22rem);line-height:.82}.zahl-rest{max-width:16em;padding-bottom:.1em}.band{touch-action:pan-y;cursor:ew-resize;flex-direction:column;min-height:0;display:flex;position:relative}.band .flaeche{flex:1;min-height:0;position:relative}.band canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.monate{font-size:var(--klein);border-top:1px solid #3a0a144d;grid-template-columns:31fr 28fr 31fr 30fr 31fr 30fr 31fr 31fr 30fr 31fr 30fr 31fr;padding-top:.3rem;display:grid}.stand{color:var(--wein);min-height:1.4em;font-weight:700}.tagtext{max-width:44em;min-height:2.9em;font-weight:500}.quelle{font-size:var(--klein);opacity:.78}.mehl{padding:clamp(4.5rem, 14vh, 9rem) var(--rand);gap:clamp(1.6rem, 4vh, 3rem) var(--rand);background:var(--tag);grid-template-columns:repeat(12,1fr);display:grid}.mehl h2{color:var(--wein);grid-column:1/span 9}.mehl .film{aspect-ratio:16/10;grid-column:1/span 8}.mehl-text{grid-column:9/-1;align-self:end}.film{background:var(--tinte);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 .3s linear}.film.is-live canvas{opacity:1}.leiste-jahre{--von:1974;--bis:2026;height:19rem;font-size:var(--klein);grid-column:1/-1;margin-top:1.4rem;position:relative}.leiste-jahre .achse{height:12px;margin-top:-6px;display:flex;position:absolute;top:50%;left:0;right:0}.gen{height:100%;display:block}.enden{display:none}.g1{background:var(--sonne);width:42.3077%}.g2{background:#e59a1f;width:38.4615%}.g3{background:var(--wein);width:19.2308%}.leiste-jahre li{left:calc((var(--j) - 1974) / 52 * 100%);border-left:1px solid var(--wein);width:min(15.5em,22%);padding-left:.6rem;line-height:1.26;position:absolute}.leiste-jahre li b{color:var(--wein);font-size:1.15em;display:block}.leiste-jahre .oben{padding-bottom:1rem;bottom:50%}.leiste-jahre .unten{padding-top:1rem;top:50%}.stadtbekannt{gap:var(--rand);padding:0 var(--rand);color:var(--wein);background:var(--sonne);grid-template-columns:repeat(12,1fr);display:grid}.stadt-bild{grid-area:1/7/auto/-1;align-items:center;height:100svh;display:flex;position:sticky;top:0}.stadt-bild img{width:100%;height:auto}.stadt-text{grid-area:1/1/auto/span 6;padding:clamp(5rem,16vh,10rem) 0}.stadt-vor{max-width:30em;margin-top:1.2rem}.namen{gap:clamp(3rem,16vh,10rem);margin:clamp(3rem,14vh,9rem) 0;display:grid}.namen li{font:700 var(--display)/1.02 var(--schrift);letter-spacing:-.022em;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:anywhere}.statisch .namen{gap:1rem;margin:2rem 0}.puzzle{background:var(--tag);padding:clamp(4.5rem,14vh,9rem) 0 clamp(2rem,6vh,4rem)}.puzzle .film{height:clamp(22rem,86svh,62rem)}.puzzle-text{gap:1rem var(--rand);padding:clamp(1.6rem, 4vh, 2.8rem) var(--rand) 0;grid-template-columns:repeat(12,1fr);display:grid}.puzzle-text h2{color:var(--wein);grid-column:1/span 7}.puzzle-text p{grid-column:8/-1;align-self:end}.puzzle-text a{text-underline-offset:.2em}.donnerstag{gap:1.2rem var(--rand);padding:clamp(3rem, 10vh, 6rem) var(--rand) clamp(4.5rem, 14vh, 9rem);background:var(--tag);grid-template-columns:repeat(12,1fr);display:grid}.donnerstag h2{color:var(--wein);grid-column:5/-1}.donnerstag p{grid-column:5/span 5}.do-bild{grid-area:1/1/span 3/span 4}.do-bild img{object-fit:cover;width:100%;height:100%}.laeden{padding:clamp(4.5rem, 14vh, 9rem) var(--rand) clamp(3rem, 8vh, 5rem);background:var(--nachmittag)}.laeden h2{color:var(--wein);margin-bottom:clamp(2rem,7vh,4rem)}.laeden li{gap:.4rem var(--rand);border-top:1px solid #3a0a144d;grid-template-columns:5fr 2.4fr 5fr;align-items:baseline;padding:1.3rem 0;display:grid}.laeden h3{font:500 clamp(1.5rem, 2.6vw, 3.2rem)/1.08 var(--schrift);letter-spacing:-.012em;margin:0}.status{color:var(--wein);font-weight:700}.laeden li>p:not(.status):not(.wege){grid-column:3}.wege{flex-wrap:wrap;grid-column:3;gap:1.4rem;display:flex}.wege a{text-underline-offset:.2em;min-height:32px}.garten{gap:var(--rand);padding:clamp(2rem, 6vh, 4rem) var(--rand);background:var(--nachmittag);grid-template-columns:repeat(12,1fr);align-items:end;display:grid}.garten .film{aspect-ratio:3/2;grid-column:5/-1}.garten-text{grid-area:1/1/auto/span 4;gap:1rem;display:grid}.garten h2{color:var(--wein);font-size:clamp(2.2rem,3.6vw,4.8rem)}.stimmen{padding:clamp(4rem, 12vh, 8rem) var(--rand);background:var(--nachmittag);gap:1rem;display:grid}.stimmen blockquote{font:500 clamp(1.7rem, 3.4vw, 4.4rem)/1.1 var(--schrift);color:var(--wein);letter-spacing:-.012em;max-width:22em}.stimmen p{font-size:var(--klein)}.fuss{padding:clamp(5rem, 18vh, 11rem) var(--rand) 1.4rem;background:var(--wein);color:var(--sonne);gap:clamp(2.4rem,8vh,5rem);display:grid}.fuss-satz{font:700 var(--display)/1.02 var(--schrift);letter-spacing:-.022em;max-width:15em}.logo-ganz{width:clamp(15rem,34vw,44rem);height:auto}.logo-ganz .brn{color:var(--morgen)}.fuss-klein{font-size:var(--klein);color:var(--morgen);flex-wrap:wrap;align-items:center;gap:.4rem 1.4rem;display:flex}.fuss-klein span{margin-right:auto}.fuss button,dialog button{appearance:none;color:inherit;font:inherit;text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;min-height:32px;padding:0;text-decoration:underline}dialog{background:var(--tag);max-width:min(36rem,100vw - 2rem);color:var(--tinte);border:0;padding:clamp(1.4rem,3vw,2.4rem)}dialog::backdrop{background:#3a0a1499}dialog h2{color:var(--wein);margin-bottom:.8rem;font-size:clamp(1.7rem,2.4vw,2.4rem)}dialog p{margin-bottom:.8rem}@media (width<=760px){:root{--display:clamp(2.3rem, 10.5vw, 3rem)}.leiste{padding:.7rem var(--rand);grid-template-columns:auto 1fr}.leiste nav{display:none}.marke .wort{height:1.2rem}.einstieg{height:240svh}.buehne h1{width:6.6em;font-size:clamp(2.8rem,13.6vw,4rem);top:3.8rem}.wort-gross{left:var(--rand);width:34vw;display:block;top:calc(4.6rem + 3*clamp(2.8rem,13.6vw,4rem));bottom:auto}.sonne{width:74vw;margin-left:-37vw;left:50%}.laib{width:150vw;bottom:calc(3.4rem - 7.5vw);left:56%}.infozeile{min-height:3.4rem}.infozeile a{display:none}.jahr-buehne{grid-template-rows:auto;height:auto;padding-top:4.4rem}.jahr h2{grid-template-columns:auto 1fr;align-items:end;row-gap:.4rem}.zahl-rest{grid-column:1/-1}.zahl-an{padding-bottom:.1em}.zahl{font-size:7rem}.band .flaeche{flex:none;height:13rem}.monate li{font-size:.68rem;overflow:hidden}.mehl h2,.mehl .film,.mehl-text{grid-column:1/-1}.leiste-jahre{gap:1.2rem;height:auto;margin-top:.6rem;display:grid}.enden{display:flex}.leiste-jahre .achse{order:-1;height:12px;margin:0;position:relative;top:auto}.enden{justify-content:space-between;font-size:.8rem;display:flex;position:absolute;top:16px;left:0;right:0}.leiste-jahre ol{gap:.7rem;margin-top:1rem;display:grid}.leiste-jahre li{width:auto;padding:0 0 0 .6rem;position:static}.stadtbekannt{display:block}.stadt-bild{height:auto;margin:0 calc(-1 * var(--rand));position:static}.stadt-text{padding:3rem 0 4rem}.namen{gap:2.2rem;margin:2.4rem 0}.puzzle .film{aspect-ratio:4/3;height:auto}.puzzle-text h2,.puzzle-text p{grid-column:1/-1}.donnerstag h2,.donnerstag p,.do-bild{grid-area:auto/1/auto/-1}.do-bild{margin:0 calc(-1 * var(--rand));order:-1}.laeden li{grid-template-columns:1fr}.laeden li>p,.wege{grid-column:1!important}.garten{display:block}.garten .film{margin:0 calc(-1 * var(--rand)) 1.4rem}.fuss-klein span{width:100%}}@media (prefers-reduced-motion:reduce){.himmel,.leiste:before,.marke,.film canvas{transition:none}}