@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-ext-wght-normal-D4X5GqEv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-wght-normal-CY6AOgYE.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-vietnamese-wght-normal-U01xdrZh.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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-ext-wght-normal-CXYtwYOx.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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-wght-normal-BzFMHfZw.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{--farbe-hintergrund:#3a4450;--farbe-hintergrund-hell:#f4f5f7;--farbe-flaeche:#fff;--farbe-auf-flaeche:#1d2a3a;--farbe-auf-flaeche-gedimmt:#4f5b67;--farbe-primaer:#1d2a3a;--farbe-auf-primaer:#fff;--farbe-sekundaer:#3a4450;--farbe-auf-sekundaer:#fff;--farbe-akzent:#8a94a0;--farbe-auf-akzent:#1d2a3a;--farbe-hervorhebung:#1d2a3a;--farbe-erfolg:#1f8a4c;--schrift-titel:system-ui, sans-serif;--schrift-text:system-ui, sans-serif;--radius:14px;--schatten-karte:0 6px 18px color-mix(in srgb, var(--farbe-sekundaer) 28%, transparent);--rand-hell:color-mix(in srgb, var(--farbe-sekundaer) 16%, white);--kopf-hoehe:72px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;font-family:var(--schrift-text);color:var(--farbe-auf-flaeche);background:var(--farbe-hintergrund-hell);-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.5}img{max-width:100%;display:block}button,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--farbe-sekundaer);outline-offset:3px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.sprunglink{z-index:100;background:var(--farbe-sekundaer);color:var(--farbe-auf-sekundaer);border-radius:10px;padding:10px 16px;font-weight:800;text-decoration:none;position:absolute;top:-60px;left:12px}.sprunglink:focus{top:12px}.seitenladen{place-items:center;min-height:100dvh;margin:0;display:grid}.kopf{z-index:10;background:var(--farbe-flaeche);box-shadow:0 1px 0 var(--rand-hell);position:relative}.kopf__innen{max-width:1280px;min-height:var(--kopf-hoehe);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:8px clamp(16px,3vw,40px);display:flex}.kopf__logo img{object-fit:contain;object-position:left center;width:auto;height:clamp(36px,5vw,54px)}.kopf__logo span{font-family:var(--schrift-titel);color:var(--farbe-auf-flaeche);font-size:1.15rem;font-weight:900}.kopf__logo{border-radius:6px;text-decoration:none}.kopf__nav{align-items:center;gap:clamp(8px,2vw,20px);display:flex}.kopf__link{color:var(--farbe-sekundaer);background:0 0;border:0;border-radius:6px;padding:8px 2px;font-size:.95rem;font-weight:800}.kopf__icon{display:none}.kopf__link:hover{text-underline-offset:4px;text-decoration:underline}.kopf__trenner{background:var(--rand-hell);width:2px;height:26px}.sprachwahl{background:color-mix(in srgb, var(--farbe-sekundaer) 8%, white);border-radius:999px;margin-left:4px;padding:3px;display:inline-flex}.sprachwahl__knopf{min-width:40px;min-height:32px;color:var(--farbe-auf-flaeche);background:0 0;border:0;border-radius:999px;font-size:.8rem;font-weight:800}.sprachwahl__knopf[aria-pressed=true]{background:var(--farbe-sekundaer);color:var(--farbe-auf-sekundaer)}@media (width<=599px){:root{--kopf-hoehe:60px;--kopf-knopf:clamp(36px, 10.5vw, 44px)}.kopf__innen{padding-inline:12px}.kopf__logo{display:none}.kopf__nav{flex:1;justify-content:space-between;gap:4px}.kopf__link{width:var(--kopf-knopf);height:var(--kopf-knopf);place-items:center;padding:0;display:grid}.sprachwahl{margin-left:0}.sprachwahl__knopf{min-width:clamp(32px,9vw,40px)}.kopf__icon{width:26px;height:26px;display:block}.kopf__linktext{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.kopf__trenner{display:none}}.buehne{isolation:isolate;min-height:calc(100dvh - var(--kopf-hoehe));background:linear-gradient(180deg, var(--farbe-hintergrund) 0%, color-mix(in srgb, var(--farbe-hintergrund) 50%, var(--farbe-hintergrund-hell)) 42%, var(--farbe-hintergrund-hell) 86%);position:relative;overflow:hidden}.buehne[data-bild]{background:var(--bild) center / cover no-repeat, var(--farbe-hintergrund)}@media (width<=799px){.buehne[data-bild]{background-image:var(--bild-mobil)}}.buehne__leuchten{z-index:-1;pointer-events:none;background:radial-gradient(ellipse 62% 58% at 50% 34%, color-mix(in srgb, var(--farbe-hintergrund-hell) 96%, transparent) 0%, color-mix(in srgb, var(--farbe-hintergrund-hell) 82%, transparent) 46%, transparent 78%), linear-gradient(180deg, color-mix(in srgb, var(--farbe-flaeche) 75%, transparent) 0%, transparent 14%, transparent 64%, color-mix(in srgb, var(--farbe-hintergrund-hell) 88%, transparent) 82%, var(--farbe-hintergrund-hell) 100%);position:absolute;inset:0}.buehne__kulisse{z-index:-2;object-fit:cover;pointer-events:none;width:min(34vw,560px);height:100%;position:absolute;top:0;bottom:0}.buehne__kulisse--links{object-position:left top;left:0;-webkit-mask-image:linear-gradient(90deg,#000 55%,#0000 100%);mask-image:linear-gradient(90deg,#000 55%,#0000 100%)}.buehne__kulisse--rechts{object-position:right top;right:0;-webkit-mask-image:linear-gradient(270deg,#000 55%,#0000 100%);mask-image:linear-gradient(270deg,#000 55%,#0000 100%)}@media (width<=899px){.buehne__kulisse{opacity:.55;filter:blur(1px);width:50vw}}.buehne__inhalt{padding:clamp(18px,3.4vw,36px) 16px clamp(28px,5vw,56px);position:relative}.schneefall{z-index:-1;pointer-events:none;position:absolute;inset:0}.schneefall span{top:-12px;left:var(--x);width:var(--groesse);height:var(--groesse);opacity:var(--deckkraft);animation:schnee var(--dauer) linear var(--verzoegerung) infinite;background:#fff;border-radius:50%;position:absolute;box-shadow:0 0 6px #fffc}@keyframes schnee{to{transform:translate(var(--drift), calc(100dvh + 24px))}}.weihnachtsmann{z-index:2;pointer-events:none;height:clamp(170px,24vw,300px);position:absolute;inset:0 0 auto}.weihnachtsmann__flug{pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;width:clamp(130px,17vw,250px);animation:24s linear .6s infinite weihnachtsmann-flug;position:absolute;top:46%;left:0;transform:translate(-110%)}.weihnachtsmann__wurf{position:absolute}.weihnachtsmann__geschenk{width:24px;height:24px;fill:var(--farbe);filter:drop-shadow(0 2px 2px #0000004d);animation:1.7s cubic-bezier(.4,0,.9,.55) both weihnachtsmann-geschenk;position:absolute;top:-12px;left:-12px;overflow:visible}.weihnachtsmann__band{fill:none;stroke:var(--farbe-flaeche);stroke-width:2px}@keyframes weihnachtsmann-geschenk{0%{opacity:0;transform:translate(0)scale(.4)}12%{opacity:1;transform:translate(calc(var(--dx) * .3), -16px) rotate(calc(var(--dreh) * .2))}80%{opacity:1}to{opacity:0;transform:translate(var(--dx), 60vh) rotate(var(--dreh))}}.weihnachtsmann__flug svg,.weihnachtsmann__flug img{width:100%;height:auto;display:block;overflow:visible}.weihnachtsmann__wippen{animation:1.7s ease-in-out infinite alternate weihnachtsmann-wippen}.film .weihnachtsmann__rentier{animation:.45s ease-in-out infinite alternate weihnachtsmann-wippen}.film .weihnachtsmann__funken{animation:.8s steps(2,end) infinite weihnachtsmann-funkeln}html[data-spiel-laeuft] :is(.schneefall,.weihnachtsmann) *{animation-play-state:paused}@keyframes weihnachtsmann-flug{0%{transform:translate(-110%)rotate(-2deg)}20%{transform:translate(calc(50vw - 50%),-105%)rotate(-4deg)}40%,to{transform:translate(100vw,-60%)rotate(4deg)}}@keyframes weihnachtsmann-wippen{to{translate:0 -4px}}@keyframes weihnachtsmann-funkeln{50%{opacity:.25}}.spiel{text-align:center;max-width:960px;margin:0 auto}.spiel__kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--farbe-hervorhebung);margin:0 0 4px;font-size:.85rem;font-weight:900}.spiel__titel{font-family:var(--schrift-titel);letter-spacing:-.02em;color:var(--farbe-auf-flaeche);text-wrap:balance;text-shadow:0 2px 0 color-mix(in srgb, var(--farbe-flaeche) 70%, transparent);margin:0;font-size:clamp(1.85rem,5.2vw,3.5rem);font-weight:900;line-height:1.04}.spiel__titel em{color:var(--farbe-hervorhebung);font-style:normal}.spiel__untertitel{color:var(--farbe-sekundaer);text-wrap:balance;margin:6px 0 0;font-size:clamp(1.05rem,2.3vw,1.55rem);font-weight:800;line-height:1.25}.spiel__laden{padding:48px 0;font-weight:700}.spiel__fuss{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:clamp(12px,2.4vw,22px);display:grid}.spiel__fuss>:first-child{justify-self:start}.spiel__fuss>:last-child{justify-self:end}.spiel__hinweis{background:color-mix(in srgb, var(--farbe-flaeche) 88%, transparent);color:var(--farbe-auf-flaeche-gedimmt);border-radius:12px;margin:0;padding:4px 12px;font-size:.92rem;font-weight:600}.spiel__fuss .textknopf,.spiel__fuss .knopf{white-space:nowrap}.spiel__aktionen{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 18px;display:flex}@media (width<=699px){.spiel__fuss{flex-wrap:wrap;justify-content:center;gap:6px 18px;display:flex}.spiel__fuss>:first-child,.spiel__fuss>:last-child{justify-self:auto}.spiel__fuss .textknopf{font-size:.95rem}.spiel__fuss .knopf{padding-inline:18px}.spiel__hinweis{text-align:center;flex-basis:100%;order:-1}}.spiel__stand:empty{display:none}.spiel__stand-hinweis{background:color-mix(in srgb, var(--farbe-flaeche) 88%, transparent);max-width:100%;color:var(--farbe-auf-flaeche);box-shadow:var(--schatten-karte);border-radius:24px;justify-content:center;align-items:center;gap:4px 10px;margin:10px auto 0;padding:2px 4px 2px 16px;font-size:.92rem;font-weight:700;display:inline-flex}.spiel__stand-hinweis>span{text-align:left;min-width:0;line-height:1.2}.spiel__stand-hinweis .textknopf{min-height:40px;font-size:inherit;white-space:nowrap;color:var(--farbe-sekundaer);flex:none}.spiel__stand-hinweis .textknopf svg{width:18px;height:18px}.spiel__stand-zu{width:40px;height:40px;color:var(--farbe-auf-flaeche-gedimmt);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.spiel__stand-zu svg{width:18px;height:18px}.spiel__stand-zu:hover{background:color-mix(in srgb, var(--farbe-sekundaer) 10%, transparent)}.spiel__weiter:not(:empty){margin-top:14px}.spiel__weiter .knopf{background:color-mix(in srgb, var(--farbe-flaeche) 92%, transparent);box-shadow:var(--schatten-karte);gap:8px}.spiel__weiter svg{width:20px;height:20px}.spiel__buehne{position:relative}.spiel__vollbild{border:2px solid color-mix(in srgb, var(--farbe-sekundaer) 45%, white);background:var(--farbe-flaeche);width:fit-content;min-height:44px;color:var(--farbe-auf-flaeche);font:inherit;box-shadow:var(--schatten-karte);cursor:pointer;border-radius:999px;align-items:center;gap:6px;margin:10px 0 -2px auto;padding:6px 14px;font-size:.95rem;font-weight:800;display:flex}.spiel__vollbild svg{width:20px;height:20px;color:var(--farbe-sekundaer)}.spiel__vollbild:hover{border-color:var(--farbe-sekundaer)}.spiel__buehne[data-vollbild]{--vollbild-bild:var(--bild,none);z-index:1000;width:auto;height:100dvh;padding:max(10px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));overscroll-behavior:contain;background:linear-gradient(180deg, color-mix(in srgb, var(--farbe-hintergrund-hell) 55%, transparent), color-mix(in srgb, var(--farbe-hintergrund-hell) 85%, transparent)), var(--vollbild-bild) center / cover no-repeat, linear-gradient(180deg, var(--farbe-hintergrund), var(--farbe-hintergrund-hell));flex-direction:column;margin:0;display:flex;position:fixed;inset:0;overflow:auto;container-type:size}@media (width<=799px){.spiel__buehne[data-vollbild]{--vollbild-bild:var(--bild-mobil,none)}}.spiel__buehne[data-vollbild]>*{margin-block:auto}.spiel__buehne[data-vollbild]>.spiel__vollbild{top:max(10px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));z-index:6;margin:0;position:absolute}.spiel__buehne[data-vollbild]>.spiel__anleitung{right:auto;left:max(12px, env(safe-area-inset-left))}.spiel__buehne[data-vollbild]>.spiel__weiter{left:0;right:0;bottom:max(14px, env(safe-area-inset-bottom));z-index:6;margin:0;position:absolute}@media (width<=599px){.spiel__buehne[data-vollbild]{padding-top:calc(max(10px, env(safe-area-inset-top)) + 52px)}}@media (width<=1199px),(height<=599px){.spiel__buehne[data-vollbild] .spiel__vollbild{padding:6px 10px}.spiel__buehne[data-vollbild] .spiel__vollbild-text{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}html[data-spiel-vollbild]{overflow:hidden}html[data-spiel-vollbild] .buehne{z-index:20}html[data-spiel-vollbild] .schneefall{display:none}.statusleiste{flex-wrap:wrap;justify-content:center;align-items:center;gap:0;margin:clamp(12px,2.4vw,22px) 0 clamp(10px,2vw,16px);padding:0;list-style:none;display:flex}.statusleiste__eintrag{font-variant-numeric:tabular-nums;color:var(--farbe-auf-flaeche);align-items:center;gap:10px;padding:2px clamp(12px,3vw,34px);font-size:clamp(.95rem,1.8vw,1.2rem);font-weight:800;display:inline-flex}.statusleiste__eintrag+.statusleiste__eintrag{border-left:2px solid color-mix(in srgb, var(--farbe-sekundaer) 22%, transparent)}.statusleiste__icon{color:var(--farbe-auf-flaeche);display:inline-grid}.statusleiste__icon svg{width:clamp(24px,3vw,34px);height:clamp(24px,3vw,34px)}.statusleiste--chips .statusleiste__eintrag{background:var(--farbe-flaeche);box-shadow:var(--schatten-karte);border:0;border-radius:14px;margin:4px;padding:8px 16px}.statusleiste__eintrag--beschriftet .statusleiste__inhalt{text-align:left;line-height:1.1;display:inline-grid}.statusleiste__beschriftung{color:var(--farbe-auf-flaeche-gedimmt);font-size:.66em;font-weight:700}.statusleiste--chips .statusleiste__eintrag--beschriftet{padding-block:6px}.statusleiste__wert--kurz{display:none}@media (width<=599px){.statusleiste__wert--lang{display:none}.statusleiste__wert--kurz{display:inline}}.knopf{border:2px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:10px 22px;font-size:1rem;font-weight:800;text-decoration:none;transition:transform .15s,box-shadow .15s,background-color .15s;display:inline-flex}.knopf svg{width:22px;height:22px}.knopf:active{transform:translateY(1px)}.knopf--primaer{background:var(--farbe-primaer);color:var(--farbe-auf-primaer);box-shadow:0 6px 16px color-mix(in srgb, var(--farbe-primaer) 40%, transparent)}.knopf--primaer:hover{background:color-mix(in srgb, var(--farbe-primaer) 88%, black)}.knopf--kontur{background:var(--farbe-flaeche);border-color:color-mix(in srgb, var(--farbe-sekundaer) 55%, white);color:var(--farbe-auf-flaeche)}.knopf--kontur:hover{border-color:var(--farbe-sekundaer)}.knopf--breit{width:100%}.textknopf{min-height:44px;color:var(--farbe-auf-flaeche);background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:6px 4px;font-weight:800;display:inline-flex}.textknopf:hover{text-underline-offset:4px;text-decoration:underline}.gewinnhinweis{border:1px solid color-mix(in srgb, var(--farbe-sekundaer) 16%, white);background:color-mix(in srgb, var(--farbe-sekundaer) 9%, white);text-align:left;border-radius:16px;align-items:center;gap:clamp(14px,3vw,28px);max-width:1100px;margin:clamp(14px,2.6vw,24px) auto 0;padding:clamp(14px,2.2vw,20px) clamp(16px,4vw,48px);display:flex}.gewinnhinweis__icon{box-sizing:content-box;border-right:2px solid color-mix(in srgb, var(--farbe-sekundaer) 22%, transparent);width:clamp(40px,6vw,58px);height:clamp(40px,6vw,58px);color:var(--farbe-sekundaer);stroke-width:1.5px;flex:none;padding-right:clamp(14px,3vw,28px)}.gewinnhinweis strong{color:var(--farbe-auf-flaeche);font-size:clamp(1rem,1.9vw,1.15rem);font-weight:900;display:block}.gewinnhinweis p{color:var(--farbe-auf-flaeche-gedimmt);margin:2px 0 0;font-weight:600}.hinweisbox{background:color-mix(in srgb, var(--farbe-akzent) 16%, white);color:var(--farbe-auf-flaeche);text-align:left;border-radius:12px;margin:12px 0;padding:12px 16px;font-weight:600}.dialog{background:var(--farbe-flaeche);width:min(460px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--farbe-auf-flaeche);border:0;border-radius:22px;padding:0;box-shadow:0 24px 60px #081a3c59}.dialog::backdrop{background:color-mix(in srgb, var(--farbe-sekundaer) 35%, #08142d8c);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dialog[open]{animation:.28s cubic-bezier(.2,.9,.3,1.2) dialog-auf}@keyframes dialog-auf{0%{opacity:0;transform:translateY(12px)scale(.96)}}.dialog__innen{padding:28px 24px 24px;position:relative}.dialog__titel{font-family:var(--schrift-titel);margin:0 32px 12px 0;font-size:1.6rem;font-weight:900;line-height:1.15}.dialog__titel:focus{outline:none}.dialog__schliessen{background:color-mix(in srgb, var(--farbe-sekundaer) 8%, white);border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:14px;right:14px}.dialog__zusatz{border-top:1px solid var(--rand-hell);margin:16px 0 0;padding-top:14px}.dialog .knopf+.knopf{margin-top:10px}.schritte{gap:14px;margin:0;padding:0;list-style:none;display:grid}.schritte li{align-items:flex-start;gap:14px;display:flex}.schritte svg{width:34px;height:34px;color:var(--farbe-sekundaer);flex:none}.schritte p{color:var(--farbe-auf-flaeche-gedimmt);margin:2px 0 0}.dialog--ergebnis .dialog__innen{text-align:center;padding-top:32px}.dialog--ergebnis .dialog__titel{color:var(--farbe-auf-flaeche);margin:8px 0 6px;font-size:2rem}.ergebnis__sterne{justify-content:center;gap:6px;display:flex}.ergebnis__sterne svg{width:52px;height:52px;color:color-mix(in srgb, var(--farbe-sekundaer) 25%, white);stroke-width:1.5px}.ergebnis__sterne svg:nth-child(2){width:64px;height:64px;margin-top:-10px}.ergebnis__sterne svg[data-aktiv]{color:var(--farbe-akzent);filter:drop-shadow(0 3px 6px color-mix(in srgb, var(--farbe-akzent) 50%, transparent));animation:.5s cubic-bezier(.2,.9,.3,1.4) both stern-pop;animation-delay:calc(var(--n) * .18s + .15s)}@keyframes stern-pop{0%{opacity:0;transform:scale(0)rotate(-40deg)}}.ergebnis__text{color:var(--farbe-auf-flaeche-gedimmt);margin:0 0 14px;font-weight:700}.ergebnis__kennzahlen{flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 20px;display:flex}.ergebnis__kennzahlen div{background:color-mix(in srgb, var(--farbe-sekundaer) 8%, white);border-radius:12px;flex:1 1 0;min-width:76px;max-width:150px;padding:8px 10px}.ergebnis__kennzahlen dt{color:var(--farbe-auf-flaeche-gedimmt);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;font-size:.78rem;font-weight:700;line-height:1.2}@media (width<=459px){.ergebnis__kennzahlen:has(>:nth-child(4)){grid-template-columns:1fr 1fr;display:grid}.ergebnis__kennzahlen:has(>:nth-child(4)) div{max-width:none}}.ergebnis__kennzahlen dd{font-variant-numeric:tabular-nums;margin:0;font-size:1.25rem;font-weight:900}.ergebnis__foto{max-height:30vh}.foto{width:100%;margin:0 0 12px}:where(.foto)>img{aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius);width:100%;display:block}.foto>img{margin:0}.foto__quelle{text-align:right;color:var(--farbe-auf-flaeche-gedimmt);margin-top:4px;font-size:.72rem;line-height:1.3}.bild-hinterlegt{border-radius:var(--radius);background:color-mix(in srgb, var(--farbe-sekundaer) 12%, white);isolation:isolate;display:block;position:relative;overflow:hidden}.bild-hinterlegt:before{content:"";z-index:-1;background:var(--bild) center / cover;filter:blur(16px);opacity:.8;position:absolute;inset:-24px}.bild-hinterlegt>img{object-fit:contain;display:block}.figur{--figur-hoehe:clamp(112px, 30vw, 144px);--figur-versenkt:12px;text-align:left;grid-template-rows:1fr auto;grid-template-columns:auto minmax(0,1fr);max-width:560px;margin:clamp(14px,2.5vw,22px) auto 0;display:grid}.figur:after{content:"";z-index:1;border-radius:var(--radius);border-bottom:5px solid var(--rand-hell);background:var(--farbe-flaeche);box-shadow:var(--schatten-karte);grid-area:2/1/auto/-1}.figur__bild{height:var(--figur-hoehe);width:auto;max-width:44vw;margin:0 4px var(--figur-versenkt) 10px;object-fit:contain;object-position:50% 100%;transform-origin:50% 100%;grid-area:1/1/3;place-self:end center;animation:.5s cubic-bezier(.2,.8,.3,1) both figur-auf,.9s ease-in-out .5s figur-gruss}.figur__inhalt{grid-area:1/1/3/-1;grid-template:subgrid / subgrid;z-index:2;min-width:0;display:grid}.figur__blase{margin:0 0 calc(var(--figur-hoehe) * .26) 12px;background:var(--farbe-flaeche);color:var(--farbe-auf-flaeche);box-shadow:var(--schatten-karte);transform-origin:0 100%;border-radius:16px;grid-area:1/2;align-self:end;padding:10px 14px;font-weight:700;line-height:1.35;animation:.35s cubic-bezier(.2,.9,.3,1.2) .3s both figur-blase;position:relative}.figur__blase:before{content:"";border:9px solid #0000;border-left:0;border-right-color:var(--farbe-flaeche);position:absolute;bottom:12px;left:-9px}.figur__name{color:var(--farbe-auf-flaeche);flex-wrap:wrap;grid-area:2/1/auto/-1;column-gap:6px;margin:0;padding:9px 16px 8px;font-size:.85rem;line-height:1.3;display:flex}.figur__name strong:not(:last-child):after{content:" ·";font-weight:400}@keyframes figur-auf{0%{opacity:0;transform:translateY(var(--figur-versenkt))}}@keyframes figur-gruss{30%{rotate:-3deg}65%{rotate:2deg}}@keyframes figur-blase{0%{opacity:0;transform:translateY(6px)scale(.9)}}@media (prefers-reduced-motion:reduce){.figur__bild,.figur__blase{animation:none}}.dialog .figur{--figur-hoehe:clamp(96px, 24vw, 128px);margin:0 auto 16px}.dialog .figur:after,.dialog .figur__blase{background:color-mix(in srgb, var(--farbe-sekundaer) 8%, white);box-shadow:none}.dialog .figur__blase:before{border-right-color:color-mix(in srgb, var(--farbe-sekundaer) 8%, white)}.fuss{color:var(--farbe-auf-flaeche-gedimmt);background:var(--farbe-hintergrund-hell);flex-wrap:wrap;justify-content:center;gap:8px 20px;padding:18px 16px 90px;font-size:.85rem;display:flex}.fuss__link{color:inherit;font-weight:700}.rechtslink--dialog{font:inherit;color:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline;display:inline}.dialog--rechtstext{width:min(640px,100vw - 32px)}.rechtstext{font-size:.95rem;line-height:1.55}.rechtstext p{margin:0 0 12px}.rechtstext a{color:var(--farbe-sekundaer);font-weight:700}.konfigfehler{color:#5c1a12;background:#fff4f2;border-radius:16px;max-width:760px;margin:48px auto;padding:24px;font-family:system-ui,sans-serif}.konfigfehler li{margin:6px 0;font-family:ui-monospace,monospace;font-size:.9rem}.vorschau{z-index:50;color:#f2f5fb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:left;background:#0a162ce6;border-radius:16px;max-width:min(340px,100vw - 24px);font-size:.88rem;position:fixed;bottom:12px;left:12px;box-shadow:0 10px 30px #00000059}@media (width<=899px){.vorschau{max-width:none;margin:0 16px 16px;position:static}.fuss{padding-bottom:18px}}.vorschau summary{cursor:pointer;padding:10px 16px;font-weight:800;list-style:none}.vorschau summary:before{content:"⚙ "}.vorschau__inhalt{gap:12px;padding:0 16px 16px;display:grid}.vorschau__hinweis{color:#ffd27a;margin:0}.vorschau fieldset{border:0;margin:0;padding:0}.vorschau legend,.vorschau label{margin-bottom:6px;font-weight:700;display:block}.vorschau select{color:#fff;background:#ffffff14;border:1px solid #ffffff40;border-radius:10px;width:100%;min-height:40px;margin-top:6px;padding:0 8px;display:block}.vorschau select option{color:#000}.vorschau__gruppe{flex-wrap:wrap;gap:6px;display:flex}.vorschau__gruppe a,.vorschau__gruppe button{color:#fff;text-align:center;background:0 0;border:1px solid #ffffff40;border-radius:10px;flex:1;min-height:40px;padding:6px 10px;font-weight:700;text-decoration:none}.vorschau__gruppe small{opacity:.75;font-weight:500;display:block}.vorschau__gruppe [aria-current],.vorschau__gruppe [aria-pressed=true]{color:#0a162c;background:#fff}.vorschau__gruppe button:disabled{opacity:.35;cursor:not-allowed}.vorschau__quelle{opacity:.85;margin:0;line-height:1.6}.vorschau code{font-size:.82rem}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.testleiste{color:#f5f5f5;background:#1b1f2a;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:6px 16px;font-size:.82rem;display:flex}.testleiste strong{color:#ffd27a}.testleiste input,.testleiste button{color:#fff;background:#ffffff14;border:1px solid #ffffff4d;border-radius:8px;min-height:30px;margin-left:6px;padding:2px 8px}.testleiste a{color:#9cc3ff}.kopf__ton{width:var(--kopf-knopf,44px);height:var(--kopf-knopf,44px);background:color-mix(in srgb, var(--farbe-sekundaer) 8%, white);color:var(--farbe-sekundaer);border:0;border-radius:50%;place-items:center;display:grid}.kopf__ton[aria-pressed=true]{background:var(--farbe-sekundaer);color:var(--farbe-auf-sekundaer)}.a11y-knopf{position:relative}.a11y-knopf svg{width:28px;height:28px}.a11y-knopf[data-aktiv]:after{content:"";background:var(--farbe-akzent);border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;top:-2px;right:-2px}.a11y-vorlesen-stopp{right:16px;bottom:max(22px, env(safe-area-inset-bottom));z-index:60;color:#fff;background:#000;border:0;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:6px 16px;font-weight:800;display:inline-flex;position:fixed}.dialog--a11y{width:min(520px,100vw - 32px)}.a11y-gruppe{border:0;margin:0 0 14px;padding:0}.a11y-gruppe legend{margin-bottom:8px;font-weight:800}.a11y-segmente{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.a11y-segmente button,.a11y-schalter button{border:2px solid var(--rand-hell);background:var(--farbe-flaeche);border-radius:12px;min-height:48px;font-weight:700}.a11y-segmente button[aria-pressed=true]{border-color:var(--farbe-sekundaer);background:var(--farbe-sekundaer);color:var(--farbe-auf-sekundaer)}.a11y-schalter{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:14px;display:grid}.a11y-schalter button{text-align:left;align-items:center;gap:10px;padding:8px 12px;display:flex}.a11y-schalter button[aria-checked=true]{border-color:var(--farbe-sekundaer)}.a11y-schalter__spur{background:#b9c2cf;border-radius:999px;flex:none;width:38px;height:22px;transition:background .15s;position:relative}.a11y-schalter__spur:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:3px;left:3px}[aria-checked=true]>.a11y-schalter__spur{background:var(--farbe-sekundaer)}[aria-checked=true]>.a11y-schalter__spur:after{transform:translate(16px)}.a11y-hinweis{color:var(--farbe-auf-flaeche-gedimmt);margin:12px 0 4px;font-size:.85rem}@media (width<=459px){.a11y-schalter{grid-template-columns:1fr}}.tonmenue{background:color-mix(in srgb, var(--farbe-sekundaer) 8%, white);border-radius:999px;align-items:center;display:inline-flex;position:relative}.tonmenue__auf{width:28px;height:var(--kopf-knopf,44px);color:var(--farbe-sekundaer);background:0 0;border:0;border-radius:0 999px 999px 0;place-items:center;padding:0 4px 0 0;display:grid}.tonmenue__auf svg{width:18px;height:18px;transition:transform .15s}.tonmenue__auf[aria-expanded=true] svg{transform:rotate(180deg)}.tonmenue__panel{z-index:1;background:var(--farbe-flaeche);border-radius:16px;grid-template-columns:1fr;width:280px;margin:0;padding:10px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 12px 32px #0a162c38}.tonmenue__panel[hidden]{display:none}@media (width<=599px){.tonmenue{position:static}.tonmenue__auf{width:26px}.tonmenue__panel{width:auto;top:100%;left:12px;right:12px}}.leselinie{z-index:70;pointer-events:none;background:#ffdd0029;border-top:3px solid #000000bf;border-bottom:3px solid #000000bf;height:44px;position:fixed;left:0;right:0}html[data-a11y-schrift="115"]{font-size:115%}html[data-a11y-schrift="130"]{font-size:130%}html[data-a11y-schrift="150"]{font-size:150%}html[data-a11y-lesefreundlich]{--schrift-titel:"Atkinson Hyperlegible", system-ui, sans-serif!important;--schrift-text:"Atkinson Hyperlegible", system-ui, sans-serif!important}html[data-a11y-abstand] body{letter-spacing:.05em;word-spacing:.14em;line-height:1.85}html[data-a11y-abstand] p{line-height:1.85}html[data-a11y-links] a,html[data-a11y-links] .textknopf,html[data-a11y-links] .kopf__link{text-underline-offset:4px;outline-offset:3px;outline:2px dashed;text-decoration:underline!important}html[data-a11y-bewegung-aus] *,html[data-a11y-bewegung-aus] :before,html[data-a11y-bewegung-aus] :after{transition:none!important;animation:none!important}html[data-a11y-bewegung-aus] .schneefall{display:none}html[data-a11y-zeiger],html[data-a11y-zeiger] *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'%3E%3Cpath d='M4 2l15 9-6.5 1.5L16 20l-3 1.5-3.5-7.5L4 19z' fill='%23000' stroke='%23fff' stroke-width='1.4'/%3E%3C/svg%3E") 6 3,auto!important}html[data-a11y-kontrast]{--farbe-auf-flaeche:#000!important;--farbe-auf-flaeche-gedimmt:#111!important;--farbe-hervorhebung:#8a3600!important;--farbe-hintergrund-hell:#fff!important}html[data-a11y-kontrast] .buehne{background:#fff!important}html[data-a11y-kontrast] .buehne__kulisse,html[data-a11y-kontrast] .buehne__leuchten,html[data-a11y-kontrast] .schneefall{display:none}html[data-a11y-kontrast] .knopf,html[data-a11y-kontrast] .tuer,html[data-a11y-kontrast] .memory-karte__seite,html[data-a11y-kontrast] .gewinnhinweis,html[data-a11y-kontrast] .heute-leiste{outline:3px solid #000}html[data-a11y-kontrast] .spiel__titel{text-shadow:none}.teilnahme{text-align:left;gap:6px;display:grid}.teilnahme__einleitung{color:var(--farbe-auf-flaeche-gedimmt);margin:0 0 6px;font-weight:600}.teilnahme label:not(.teilnahme__haken){font-size:.92rem;font-weight:800}.teilnahme input:not([type=checkbox]){border:2px solid color-mix(in srgb, var(--farbe-sekundaer) 30%, white);min-height:48px;font:inherit;color:var(--farbe-auf-flaeche);background:var(--farbe-flaeche);border-radius:12px;margin-bottom:8px;padding:10px 12px}.teilnahme input:focus-visible{outline:3px solid var(--farbe-sekundaer);outline-offset:1px}.teilnahme__haken{align-items:flex-start;gap:10px;padding:6px 0;font-size:.9rem;line-height:1.4;display:flex}.teilnahme__haken input{width:22px;height:22px;accent-color:var(--farbe-sekundaer);flex:none;margin:0}.teilnahme__haken .rechtslink{color:var(--farbe-sekundaer);font-weight:700}.teilnahme__haken--frei{color:var(--farbe-auf-flaeche-gedimmt)}.teilnahme__honig{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.teilnahme__fehler{color:#8a1c12;background:#fdecea;border-radius:12px;margin:4px 0;padding:10px 14px 10px 30px;font-weight:700}.teilnahme .knopf{margin-top:8px}.teilnahme__gemerkt{color:var(--farbe-auf-flaeche);overflow-wrap:anywhere;margin:0 0 4px;font-weight:800}.teilnahme__hinweis{background:color-mix(in srgb, var(--farbe-sekundaer) 10%, white);color:var(--farbe-auf-flaeche);border-radius:12px;margin:0 0 6px;padding:10px 14px;font-weight:700}.teilnahme__vergessen{text-underline-offset:4px;width:fit-content;margin:2px auto 10px;font-size:.92rem;text-decoration:underline;display:flex}.teilnahme-danke{background:color-mix(in srgb, var(--farbe-erfolg) 12%, white);border-radius:14px;margin-bottom:14px;padding:16px}.teilnahme-danke__titel{font-family:var(--schrift-titel);color:var(--farbe-auf-flaeche);margin:0 0 6px;font-size:1.25rem;font-weight:900}.teilnahme-danke p:last-child{margin-bottom:0}.verlosung-hinweis{color:var(--farbe-sekundaer);margin:0 0 8px;font-weight:800}.gewinnhinweis__knopf{margin-top:10px}.gewinnhinweis .gewinnhinweis__stand{color:var(--farbe-auf-flaeche);margin-top:8px}.gewinnhinweis__stand .textknopf{text-underline-offset:4px;text-decoration:underline}.einladung{text-align:left;gap:6px;margin-top:10px;display:grid}.einladung label{font-size:.92rem;font-weight:800}.einladung__zeile{flex-wrap:wrap;gap:8px;display:flex}.einladung__zeile input{border:2px solid color-mix(in srgb, var(--farbe-sekundaer) 30%, white);min-width:0;min-height:48px;font:inherit;color:var(--farbe-auf-flaeche);background:var(--farbe-flaeche);border-radius:12px;flex:14em;padding:10px 12px}.einladung .textknopf{text-underline-offset:4px;justify-self:start;text-decoration:underline}.einladung__hinweis,.einladung__meldung{color:var(--farbe-auf-flaeche-gedimmt);margin:0;font-size:.85rem}.einladung__meldung:empty{display:none}.spielflaeche{border-radius:calc(var(--radius) + 6px);width:min(100%,900px);box-shadow:0 10px 30px color-mix(in srgb, var(--farbe-auf-flaeche) 18%, transparent);background:color-mix(in srgb, var(--farbe-flaeche) 55%, transparent);touch-action:none;margin:0 auto;position:relative;overflow:hidden}.spielflaeche canvas{width:100%;height:100%;display:block}.start-ebene{z-index:5;background:color-mix(in srgb, var(--farbe-flaeche) 35%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);place-items:center;padding:16px;display:grid;position:absolute;inset:0}.start-ebene__karte{background:var(--farbe-flaeche);max-width:420px;box-shadow:0 12px 30px color-mix(in srgb, var(--farbe-auf-flaeche) 20%, transparent);border-radius:18px;padding:20px 22px}.start-ebene__karte>.textknopf{width:fit-content;margin:8px auto 0;display:flex}.start-ebene__titel{font-family:var(--schrift-titel);margin:0 0 10px;font-size:1.3rem;font-weight:900}.start-ebene__hinweise{text-align:left;gap:8px;margin:0 0 16px;padding:0;font-weight:600;list-style:none;display:grid}.start-ebene__hinweise li{align-items:center;gap:10px;display:flex}.start-ebene__hinweise svg{width:28px;height:28px;color:var(--farbe-sekundaer);flex:none}.start-ebene__zahl{font-family:var(--schrift-titel);color:var(--farbe-hervorhebung);text-shadow:0 4px #fff;margin:0;font-size:clamp(4rem,14vw,8rem);font-weight:900}.kalender{--fassade-1:#f3e3c3;--fassade-2:#cfe0ea;--fassade-3:#f2c3a8;--fassade-4:#f6f1e8;--fassade-5:#f1cfd0;--fassade-6:#e9d6b4;--dach-1:#9a4a34;--dach-2:#4c5d79;--rahmen:#6e4a32;--licht-1:#fff7dc;--licht-2:#ffd97f;--licht-3:#f2ad42;--tanne-1:#2c6b50;--tanne-2:#3f8a5f;--beere:#d6453a;text-align:center;max-width:1180px;margin:0 auto}.kalender__titel{font-size:clamp(2rem,5.6vw,3.8rem)}.kalender__unterzeile{color:var(--farbe-auf-flaeche);margin:4px 0 0;font-size:clamp(.95rem,1.7vw,1.15rem);font-weight:600}.kalender__szene{margin:clamp(18px,3vw,34px) auto 0;position:relative}.buehne__inhalt:has(>main>.kalender[data-modus=bild]){padding:0}.buehne:has(.kalender[data-modus=bild]) .schneefall{z-index:1}.kalender[data-modus=bild]{background:var(--farbe-hintergrund-hell);max-width:none}.kalender__buehne{isolation:isolate;height:calc(100svh - var(--kopf-hoehe));background:var(--farbe-hintergrund);min-height:440px;position:relative;overflow:hidden}.kalender__erweiterung{filter:blur(24px)saturate(1.1);background:top/cover no-repeat;position:absolute;inset:-48px}.kalender__bild{visibility:hidden;-webkit-mask-image:linear-gradient(180deg, transparent, #000 var(--weich-oben,0px), #000 calc(100% - var(--weich-unten,0px)), transparent), linear-gradient(90deg, transparent, #000 var(--weich-seite,0px), #000 calc(100% - var(--weich-seite,0px)), transparent);mask-image:linear-gradient(180deg, transparent, #000 var(--weich-oben,0px), #000 calc(100% - var(--weich-unten,0px)), transparent), linear-gradient(90deg, transparent, #000 var(--weich-seite,0px), #000 calc(100% - var(--weich-seite,0px)), transparent);position:absolute;-webkit-mask-composite:source-in;mask-composite:intersect}.kalender__bild img{width:100%;height:auto}.kalender__bild .tuer{aspect-ratio:auto;position:absolute}.kalender__buehne:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(transparent, color-mix(in srgb, var(--farbe-hintergrund-hell) 70%, transparent) 55%, var(--farbe-hintergrund-hell));height:64px;position:absolute;inset:auto 0 0}.kalender__buehne .kalender__kopf{z-index:2;width:min(100% - 32px,920px);padding-top:clamp(10px,2vw,24px);position:absolute;top:0;left:50%;transform:translate(-50%)}.kalender__buehne .kalender__kopf:before{content:"";z-index:-1;background:radial-gradient(closest-side, color-mix(in srgb, var(--farbe-hintergrund-hell) 86%, transparent) 30%, color-mix(in srgb, var(--farbe-hintergrund-hell) 60%, transparent) 62%, transparent);position:absolute;inset:-40% -14% -22%}.kalender__buehne .kalender__kopf>*{text-shadow:0 0 3px var(--farbe-hintergrund-hell), 0 0 12px var(--farbe-hintergrund-hell), 0 0 26px var(--farbe-hintergrund-hell)}html[data-a11y-kontrast] .kalender__buehne .kalender__kopf{border-radius:0 0 var(--radius) var(--radius);background:var(--farbe-flaeche);padding:10px 16px}html[data-a11y-kontrast] .kalender__buehne .kalender__kopf:before{display:none}.kalender__weiter{z-index:3;background:var(--farbe-flaeche);min-height:44px;color:var(--farbe-auf-flaeche);white-space:nowrap;box-shadow:0 6px 18px color-mix(in srgb, var(--farbe-auf-flaeche) 20%, transparent);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;padding:8px 20px;font-weight:800;display:inline-flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.kalender__weiter svg{width:18px;height:18px;rotate:90deg}.kalender__weiter:focus-visible{outline:3px solid var(--farbe-sekundaer);outline-offset:3px}.kalender__weiter-pfeil{display:inline-flex}@media (prefers-reduced-motion:no-preference){.kalender__weiter-pfeil{animation:1.8s ease-in-out infinite weiter-wippen}}@keyframes weiter-wippen{50%{translate:0 3px}}.kalender__buehne .kalender__hinweis{z-index:4;bottom:10px}.kalender__mehr{scroll-margin-top:8px}.kalender__mehr:focus{outline:none}.kalender[data-modus=bild] .kalender__mehr{max-width:1180px;margin:0 auto;padding:4px 16px clamp(28px,5vw,56px)}.haeuserzeile{grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:clamp(4px,.8vw,10px);margin:0;padding:clamp(40px,6vw,70px) clamp(4px,1vw,12px) 0;list-style:none;display:grid;position:relative}.haeuserzeile:after{content:"";z-index:2;background:linear-gradient(#fff,#e6eef8);border-radius:50% 50% 0 0/100% 100% 0 0;height:46px;position:absolute;bottom:-26px;left:-4%;right:-4%;box-shadow:0 -2px 10px #fffc}.haus{--fassade:var(--fassade-1);--dach:var(--dach-1);background:linear-gradient(180deg, color-mix(in srgb, var(--fassade) 92%, white), var(--fassade));border-radius:3px 3px 0 0;flex-direction:column;align-items:stretch;padding:clamp(8px,1.4vw,16px) clamp(6px,1.1vw,14px) clamp(30px,4vw,46px);display:flex;position:relative;box-shadow:inset 0 -12px 18px -10px #50321e40,0 6px 18px #1428502e}.haus:nth-child(6n+2){--fassade:var(--fassade-2);--dach:var(--dach-2)}.haus:nth-child(6n+3){--fassade:var(--fassade-3)}.haus:nth-child(6n+4){--fassade:var(--fassade-4);--dach:var(--dach-2)}.haus:nth-child(6n+5){--fassade:var(--fassade-5)}.haus:nth-child(6n+6){--fassade:var(--fassade-6);--dach:var(--dach-2)}.haus:nth-child(odd){margin-top:clamp(0px,1.5vw,18px)}.haus__dach{background:var(--dach);clip-path:polygon(50% 0,100% 100%,0 100%);height:clamp(34px,5vw,64px);position:absolute;bottom:100%;left:-6%;right:-6%}.haus__dach:after{content:"";clip-path:polygon(50% 0,60% 18%,50% 12%,40% 18%);background:#fff;position:absolute;inset:0}.haus:nth-child(3n) .haus__dach{clip-path:polygon(30% 0,70% 0,70% 22%,85% 22%,85% 50%,100% 50%,100% 100%,0 100%,0 50%,15% 50%,15% 22%,30% 22%)}.haus:nth-child(3n) .haus__dach:after{clip-path:polygon(30% 0,70% 0,70% 6%,30% 6%)}.haus__fenster{grid-template-columns:1fr 1fr;gap:clamp(6px,1.2vw,14px);display:grid;position:relative}.haus__fenster:after{content:"";background:radial-gradient(circle, var(--beere) 0 2px, transparent 2.5px) 0 50% / 14px 8px repeat-x, radial-gradient(circle, #f6c35a 0 1.6px, transparent 2px) 7px 50% / 14px 8px repeat-x, var(--tanne-1);pointer-events:none;z-index:3;border-radius:8px;height:8px;position:absolute;top:calc(50% - 4px);left:-4%;right:-4%}.haus__tuer{background:linear-gradient(#7a4e33,#5c3a26);border-radius:40px 40px 0 0;width:26%;height:clamp(22px,3.2vw,38px);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.tuer{--laden:color-mix(in srgb, var(--farbe-sekundaer) 72%, var(--rahmen));--laden-kante:color-mix(in srgb, var(--laden) 60%, black);--laden-auf:0deg;aspect-ratio:.86;background:linear-gradient(160deg, color-mix(in srgb, var(--rahmen) 78%, white), var(--rahmen) 35%, color-mix(in srgb, var(--rahmen) 68%, black));perspective:420px;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:5px 5px 3px 3px;place-items:center;padding:0;transition:transform .18s,filter .18s;display:grid;position:relative;box-shadow:inset 0 0 0 1px #00000040,0 4px 10px #28140a52;container-type:size}.tuer__licht{background:linear-gradient(var(--rahmen), var(--rahmen)) 50% 0 / max(2px, 4cqmin) 100% no-repeat, linear-gradient(var(--rahmen), var(--rahmen)) 0 40% / 100% max(2px, 4cqmin) no-repeat, radial-gradient(circle at 50% 42%, var(--licht-1) 0%, var(--licht-2) 55%, var(--licht-3) 100%);box-shadow:inset 0 0 8px #783c0059, 0 0 12px 2px color-mix(in srgb, var(--licht-2) 45%, transparent);border-radius:2px;transition:filter .3s,box-shadow .3s;position:absolute;inset:max(3px,6cqmin)}.tuer__fluegel{z-index:1;border:max(1.5px, 3cqmin) solid var(--laden-kante);background:repeating-linear-gradient(180deg, transparent 0 4px, #00000038 4px 5px, #ffffff29 5px 6px), linear-gradient(100deg, #ffffff3d, transparent 45%, #0000002e), var(--laden);border-radius:2px;width:calc(50% - max(3px,6cqmin) - .5px);transition:transform .6s cubic-bezier(.3,.8,.3,1);position:absolute;top:max(3px,6cqmin);bottom:max(3px,6cqmin);box-shadow:inset 0 0 0 1px #ffffff24}.tuer__fluegel--links{transform-origin:0;transform:rotateY(calc(-1 * var(--laden-auf)));left:max(3px,6cqmin)}.tuer__fluegel--rechts{transform-origin:100%;transform:rotateY(var(--laden-auf));right:max(3px,6cqmin)}.tuer__nummer{z-index:2;aspect-ratio:1;background:radial-gradient(circle at 36% 30%, #fff, var(--farbe-flaeche) 50%, color-mix(in srgb, var(--farbe-flaeche) 84%, var(--rahmen)));width:min(60cqw,50cqh);box-shadow:0 0 0 max(1px, 2.4cqmin) color-mix(in srgb, var(--farbe-akzent) 65%, var(--rahmen)), 0 2px 4px #1e0f0573;font-family:var(--schrift-titel);font-variant-numeric:lining-nums;letter-spacing:-.04em;color:var(--farbe-auf-flaeche);border-radius:50%;place-items:center;font-size:min(30cqw,25cqh);font-weight:900;line-height:1;transition:transform .4s,opacity .4s;display:grid;position:relative;top:4cqh}.tuer__nummer:after{content:"";background:radial-gradient(circle at 50% 2.5px, color-mix(in srgb, var(--farbe-akzent) 60%, var(--rahmen)) 0 2px, transparent 2.5px), linear-gradient(to top right, transparent calc(50% - .7px), var(--laden-kante) 50%, transparent calc(50% + .7px)) 0 0 / 50% 100% no-repeat, linear-gradient(to top left, transparent calc(50% - .7px), var(--laden-kante) 50%, transparent calc(50% + .7px)) 100% 0 / 50% 100% no-repeat;pointer-events:none;width:46%;height:30%;position:absolute;bottom:96%;left:50%;translate:-50%}.tuer__schloss{z-index:2;background:var(--farbe-flaeche);width:max(10px,17cqmin);height:max(10px,17cqmin);color:var(--farbe-auf-flaeche-gedimmt);border-radius:50%;padding:2px;position:absolute;bottom:7cqmin;right:8cqmin;box-shadow:0 1px 2px #00000059}.tuer__haken{z-index:3;border:2px solid var(--farbe-flaeche);background:var(--farbe-erfolg);width:max(18px,30cqmin);height:max(18px,30cqmin);color:var(--farbe-flaeche);border-radius:50%;place-items:center;display:grid;position:absolute;top:-7px;right:-7px;box-shadow:0 1px 3px #00000059}.tuer__haken svg{width:62%;height:62%}.tuer[data-status=gesperrt] .tuer__licht{filter:saturate(.8)brightness(.92)}.tuer[data-status=offen]{--laden-auf:16deg}.tuer[data-gespielt]{--laden-auf:72deg}.tuer[data-gespielt] .tuer__nummer{scale:.86}.tuer[data-status=heute]{--laden:var(--farbe-primaer);--laden-auf:10deg;z-index:3;box-shadow:0 0 0 3px var(--farbe-flaeche), 0 0 24px 8px color-mix(in srgb, var(--farbe-primaer) 65%, transparent)}.tuer[data-status=heute][data-gespielt]{--laden-auf:72deg}.tuer[data-status=heute] .tuer__licht{filter:brightness(1.12)}.tuer[data-status=heute] .tuer__nummer:before{content:"";z-index:-1;background:radial-gradient(circle at 50% 6%, var(--beere) 0 5%, transparent 6.5%), radial-gradient(circle at 90% 66%, var(--beere) 0 5%, transparent 6.5%), radial-gradient(circle at 10% 66%, var(--beere) 0 5%, transparent 6.5%), repeating-conic-gradient(var(--tanne-1) 0 10deg, var(--tanne-2) 10deg 20deg);filter:drop-shadow(0 1px 1px #00000059);border-radius:50%;position:absolute;inset:-17%;-webkit-mask-image:radial-gradient(closest-side,#0000 72%,#000 74% 97%,#0000);mask-image:radial-gradient(closest-side,#0000 72%,#000 74% 97%,#0000)}.tuer__puls{border-radius:inherit;box-shadow:0 0 38px 14px color-mix(in srgb, var(--farbe-primaer) 75%, transparent);opacity:0;pointer-events:none;position:absolute;inset:0}.tuer[data-status=heute] .tuer__licht:after{content:"";border-radius:inherit;opacity:0;background:radial-gradient(circle at 50% 42%,#fffae180,#fff0c833 70%);position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.tuer[data-status=heute]{animation:7s ease-in-out 1.5s infinite heute-wackeln}.tuer__puls,.tuer[data-status=heute] .tuer__licht:after{animation:2.4s ease-in-out infinite heute-puls}}@keyframes heute-puls{50%{opacity:1}}@keyframes heute-wackeln{0%,86%,to{rotate:0deg}88%{rotate:-5deg}91%{rotate:4deg}94%{rotate:-2.5deg}97%{rotate:1deg}}.tuer[data-letzter]{z-index:4;background:linear-gradient(135deg, color-mix(in srgb, var(--farbe-akzent) 35%, white) 0%, var(--farbe-akzent) 30%, color-mix(in srgb, var(--farbe-akzent) 78%, black) 62%, color-mix(in srgb, var(--farbe-akzent) 50%, white) 100%)}.tuer[data-letzter]:not([data-status=heute]){box-shadow:0 0 0 1.5px color-mix(in srgb, var(--farbe-akzent) 50%, black), 0 0 0 3.5px color-mix(in srgb, var(--farbe-akzent) 30%, white), 0 0 20px 6px color-mix(in srgb, var(--farbe-akzent) 60%, transparent), 0 4px 10px #28140a4d}.tuer[data-letzter] .tuer__nummer{top:9cqh}.tuer[data-letzter] .tuer__nummer:after{display:none}.tuer__schleife{z-index:3;width:min(86%,50px);height:auto;color:var(--farbe-sekundaer);stroke:color-mix(in srgb, var(--farbe-akzent) 75%, white);filter:drop-shadow(0 1.5px 1.5px #1e0f0573);pointer-events:none;position:absolute;top:0;left:50%;transform:translate(-50%,-20%)}.tuer[data-letzter]:before,.tuer[data-letzter]:after,.tuer[data-status=heute]:after{content:"";z-index:3;aspect-ratio:1;background:radial-gradient(circle, #fff 0 16%, color-mix(in srgb, var(--farbe-akzent) 35%, white) 34%, var(--farbe-akzent) 58%, color-mix(in srgb, var(--farbe-akzent) 70%, black));clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);pointer-events:none;width:clamp(13px,30%,20px);position:absolute}.tuer[data-letzter]:before{top:0;left:0;transform:translate(-38%,-38%)}.tuer[data-letzter]:after,.tuer[data-status=heute]:after{bottom:0;right:0;transform:translate(38%,38%)scale(.8)}@media (prefers-reduced-motion:no-preference){.tuer[data-letzter]:before,.tuer[data-letzter]:after,.tuer[data-status=heute]:after{animation:2.6s ease-in-out infinite letzter-funkeln}.tuer[data-letzter]:after,.tuer[data-status=heute]:after{animation-delay:-1.3s}}@keyframes letzter-funkeln{0%,to{opacity:.55;rotate:0deg;scale:.6}50%{opacity:1;rotate:45deg;scale:1.1}}@media (hover:hover){.tuer:not([data-status=gesperrt]):hover{filter:brightness(1.06);transform:translateY(-3px)scale(1.04)}.tuer:not([data-status=gesperrt],[data-gespielt],[data-oeffnet]):hover{--laden-auf:30deg}}.tuer:focus-visible{outline:3px solid var(--farbe-sekundaer);outline-offset:3px;z-index:4}.tuer[data-oeffnet]{--laden-auf:118deg;z-index:5;transform:scale(1.14)}.tuer[data-oeffnet] .tuer__licht{filter:brightness(1.3);box-shadow:0 0 40px 18px color-mix(in srgb, var(--licht-2) 85%, transparent)}.tuer[data-oeffnet] .tuer__nummer{opacity:0;transform:scale(.6)}.kalender__hinweis{z-index:6;background:var(--farbe-flaeche);width:max-content;max-width:min(92%,460px);color:var(--farbe-auf-flaeche);box-shadow:0 8px 22px color-mix(in srgb, var(--farbe-auf-flaeche) 22%, transparent);border-radius:999px;margin:0;padding:0;font-weight:700;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.kalender__hinweis:not(:empty){padding:10px 20px}.heute-leiste{z-index:3;background:var(--farbe-flaeche);box-shadow:0 8px 26px color-mix(in srgb, var(--farbe-auf-flaeche) 12%, transparent);text-align:left;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin-top:clamp(32px,4vw,44px);padding:clamp(14px,2vw,22px) clamp(16px,3vw,32px);display:flex;position:relative}.kalender[data-modus=bild] .heute-leiste{margin-top:12px}.heute-leiste p{font-family:var(--schrift-titel);color:var(--farbe-auf-flaeche);margin:0;font-size:clamp(1.15rem,2.4vw,1.65rem);font-weight:900;line-height:1.2}.heute-leiste em{color:var(--farbe-hervorhebung);font-style:normal}.heute-leiste .knopf{flex:none}@media (width<=699px){.heute-leiste{text-align:center;flex-direction:column;align-items:stretch}}.schritte-leiste{background:color-mix(in srgb, var(--farbe-sekundaer) 9%, white);text-align:left;border-radius:16px;grid-template-columns:repeat(3,1fr);margin:clamp(14px,2vw,20px) 0 0;padding:clamp(14px,2vw,22px) 0;list-style:none;display:grid}.schritte-leiste li{align-items:flex-start;gap:14px;padding:4px clamp(14px,2.4vw,30px);display:flex}.schritte-leiste li+li{border-left:2px solid color-mix(in srgb, var(--farbe-sekundaer) 20%, transparent)}.schritte-leiste svg{width:clamp(34px,4vw,46px);height:clamp(34px,4vw,46px);color:var(--farbe-sekundaer);stroke-width:1.5px;flex:none}.schritte-leiste strong{color:var(--farbe-auf-flaeche);font-weight:900;display:block}.schritte-leiste span{color:var(--farbe-auf-flaeche-gedimmt);font-size:.92rem;display:block}@media (width<=759px){.schritte-leiste{grid-template-columns:1fr;gap:10px}.schritte-leiste li+li{border-left:0;border-top:2px solid color-mix(in srgb, var(--farbe-sekundaer) 20%, transparent);padding-top:12px}}@media (width<=860px){.haeuserzeile{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:clamp(56px,9vw,80px)}}@media (width<=459px){.haeuserzeile{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:56px}}.tuer-zu{padding:clamp(30px,6vw,70px) 0}.tuer-zu .knopf{margin:22px 6px 0}.film{width:100%;max-width:none;height:100%;max-height:none;color:var(--farbe-auf-flaeche);animation:film-blende var(--d) linear both;background:#0b1626;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.film::backdrop{background:#0b1626}@keyframes film-blende{0%{opacity:0}5%,96%{opacity:1}to{opacity:0}}.film__himmel{background:linear-gradient(180deg, color-mix(in srgb, var(--farbe-hintergrund) 45%, #050b1a) 0%, color-mix(in srgb, var(--farbe-hintergrund) 80%, #050b1a) 55%, color-mix(in srgb, var(--farbe-sekundaer) 45%, var(--farbe-hintergrund)) 100%);animation:film-zoom var(--d) ease-out both;position:absolute;inset:0}.film__himmel img{object-fit:cover;width:100%;height:100%;display:block}@keyframes film-zoom{0%{transform:scale(1.12)}}.film__stern{background:#fff;border-radius:50%;width:3px;height:3px;animation:1.6s ease-in-out infinite alternate film-funkeln;position:absolute;box-shadow:0 0 6px #fff}.film__mond{aspect-ratio:1;background:color-mix(in srgb, var(--farbe-akzent) 35%, #fffbe8);width:clamp(44px,8vmin,96px);box-shadow:0 0 40px color-mix(in srgb, var(--farbe-akzent) 45%, transparent);border-radius:50%;position:absolute;top:9%;right:12%}@keyframes film-funkeln{to{opacity:.35}}.film__huegel{width:112%;height:min(36%,30vw);animation:film-drift var(--d) linear both;position:absolute;bottom:0;left:-6%}.film__huegel--hinten{--weg:2%;fill:#dbe7f2}.film__huegel--vorne{--weg:5%;fill:#fff;height:min(24%,20vw)}.film__tanne{fill:color-mix(in srgb, var(--farbe-sekundaer) 70%, #0b2a20)}@keyframes film-drift{0%{transform:translateX(var(--weg))}}.film__schnee{z-index:1;position:absolute;inset:0}.film.film .schneefall{display:block}.film__schlitten{z-index:2;width:clamp(150px,24vw,340px);animation:film-flug calc(var(--d) * .5) ease-in-out calc(var(--d) * .04) both;position:absolute;top:7%;left:0;transform:translate(-110%)}.film__schlitten svg,.film__schlitten img{width:100%;height:auto;animation:1.7s ease-in-out infinite alternate weihnachtsmann-wippen;display:block;overflow:visible}@keyframes film-flug{0%{transform:translate(-110%,60%)rotate(-7deg)}50%{transform:translate(calc(50vw - 50%))rotate(-2deg)}to{transform:translate(100vw,40%)rotate(5deg)}}.film__gruss{z-index:3;border-radius:calc(var(--radius) + 6px);background:color-mix(in srgb, var(--farbe-flaeche) 93%, transparent);text-align:center;width:min(100% - 32px,760px);animation:film-auf calc(var(--d) * .12) cubic-bezier(.2, .9, .3, 1.2) calc(var(--d) * .28) both;padding:clamp(16px,3vw,30px) clamp(18px,4vw,44px);position:absolute;top:44%;left:50%;translate:-50% -50%;box-shadow:0 18px 50px #00000059}@keyframes film-auf{0%{opacity:0;transform:translateY(24px)scale(.9)}}.film__logo{object-fit:contain;max-width:min(60%,260px);height:clamp(30px,6vh,56px);margin:0 auto clamp(8px,1.6vh,16px);display:block}.film__titel{font-family:var(--schrift-titel);text-wrap:balance;color:var(--farbe-auf-flaeche);margin:0;font-size:clamp(1.55rem,5.2vw,3.3rem);font-weight:900;line-height:1.1}.film__titel em{color:var(--farbe-hervorhebung);font-style:normal}.film__unterzeile{color:var(--farbe-auf-flaeche-gedimmt);animation:film-ein calc(var(--d) * .1) ease-out calc(var(--d) * .4) both;margin:.6em 0 0;font-size:clamp(1rem,2.3vw,1.3rem);font-weight:700}@keyframes film-ein{0%{opacity:0}}.film__figuren{--spalten:12;z-index:2;flex-wrap:wrap-reverse;justify-content:center;align-items:flex-start;padding:0 2vw;display:flex;position:absolute;bottom:0;left:0;right:0}.film__figur{--b:min(calc(96vw / min(var(--n), var(--spalten)) * 1.1), 26vh);z-index:calc(50 - var(--i));width:var(--b);margin:calc(var(--b) * -.35) calc(var(--b) * -.05) 0;transform-origin:50% 100%;animation:film-figur .6s cubic-bezier(.2, .9, .3, 1.3) calc(var(--d) * .42 + var(--i) * var(--abstand)) both, film-winken 1.3s ease-in-out calc(var(--d) * .42 + var(--i) * var(--abstand) + .6s) infinite alternate;flex:none;position:relative}.film__figur img,.film__figur svg{width:100%;height:auto;display:block}@keyframes film-figur{0%{opacity:0;transform:translateY(110%)}}@keyframes film-winken{0%{rotate:-3deg}to{rotate:3deg}}.film__arm{transform-origin:150px 196px;animation:.5s ease-in-out infinite alternate film-arm}@keyframes film-arm{0%{rotate:-14deg}}@media (orientation:portrait){.film__figuren{--spalten:5}.film__figur{--b:min(calc(96vw / min(var(--n), var(--spalten)) * 1.1), 20vh)}.film__gruss{top:46%}}.film__weiter{z-index:4;top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));background:color-mix(in srgb, var(--farbe-flaeche) 92%, transparent);min-height:44px;padding:6px 16px;position:absolute}.film[data-ruhig],.film[data-ruhig] *{animation:none!important}.formular-einbettung{border-radius:calc(var(--radius) + 6px);background:var(--farbe-flaeche);width:min(100%,860px);color:var(--farbe-auf-flaeche);text-align:left;margin:14px auto 0;padding:clamp(16px,4vw,28px);box-shadow:0 10px 30px #00000024}.formular-einbettung__titel{font-family:var(--schrift-titel);margin:0 0 6px;font-size:clamp(1.3rem,3.6vw,1.7rem);font-weight:900;line-height:1.2}.formular-einbettung__titel em{color:var(--farbe-hervorhebung);font-style:normal}.formular-einbettung__titel:focus{outline:none}.formular-einbettung__titel:focus-visible{outline:3px solid var(--farbe-sekundaer);outline-offset:4px}.formular-einbettung__text,.formular-einbettung__pflicht{color:var(--farbe-auf-flaeche-gedimmt);margin:0 0 12px}.formular-einbettung__pflicht{font-size:.88rem}.formular-einbettung__raster{grid-template-columns:1fr;gap:4px 16px;display:grid}@media (width>=600px){.formular-einbettung__raster{grid-template-columns:1fr 1fr}.formular-einbettung__raster>:not([data-breite=halb]){grid-column:1/-1}}.formular-einbettung__abschnitt{font-family:var(--schrift-titel);margin:14px 0 4px;font-size:1.1rem;font-weight:900}.formular-einbettung__hinweis{color:var(--farbe-auf-flaeche-gedimmt);margin:8px 0;font-size:.85rem;line-height:1.45}.formular-einbettung__feld{border:0;align-content:start;gap:6px;min-width:0;margin:0 0 10px;padding:0;display:grid}.formular-einbettung__feld>label,.formular-einbettung__gruppe legend{padding:0;font-size:.92rem;font-weight:800}.formular-einbettung input:not([type=checkbox],[type=radio]),.formular-einbettung select{border:2px solid color-mix(in srgb, var(--farbe-sekundaer) 30%, white);width:100%;min-height:48px;font:inherit;color:var(--farbe-auf-flaeche);background:var(--farbe-flaeche);border-radius:12px;padding:10px 12px}.formular-einbettung input:focus-visible,.formular-einbettung select:focus-visible{outline:3px solid var(--farbe-sekundaer);outline-offset:1px}.formular-einbettung [aria-invalid=true]:not([type=radio]){border-color:#b3261e}.formular-einbettung__stern{color:#b3261e}.formular-einbettung__optionen{flex-wrap:wrap;gap:8px;display:flex}.formular-einbettung__optionen label{border:2px solid color-mix(in srgb, var(--farbe-sekundaer) 30%, white);cursor:pointer;border-radius:999px;align-items:center;gap:8px;min-height:48px;padding:8px 16px;font-weight:700;display:inline-flex}.formular-einbettung__optionen label:has(:checked){border-color:var(--farbe-sekundaer);background:color-mix(in srgb, var(--farbe-sekundaer) 12%, white)}.formular-einbettung__optionen label:has(:focus-visible){outline:3px solid var(--farbe-sekundaer);outline-offset:2px}.formular-einbettung input[type=radio],.formular-einbettung input[type=checkbox]{width:22px;height:22px;accent-color:var(--farbe-sekundaer);flex:none;margin:0}.formular-einbettung__haken{align-items:flex-start;gap:10px;font-size:.92rem;line-height:1.4;display:flex}.formular-einbettung a{color:var(--farbe-sekundaer);font-weight:700}.formular-einbettung__hilfe{color:var(--farbe-auf-flaeche-gedimmt);margin:0;font-size:.85rem}.formular-einbettung__fehler{color:#8a1c12;margin:0;font-size:.88rem;font-weight:700}.formular-einbettung__meldung{color:#8a1c12;background:#fdecea;border-radius:12px;margin:8px 0;padding:10px 14px;font-weight:700}.formular-einbettung__meldung a{color:inherit}.formular-einbettung__info{margin:8px 0 0;font-weight:700}.formular-einbettung__info:empty{margin:0}.formular-einbettung__senden{width:100%;margin-top:8px}@media (width>=600px){.formular-einbettung__senden{width:auto;min-width:240px}}.formular-einbettung__erfolg{background:color-mix(in srgb, var(--farbe-erfolg) 12%, white);border-radius:14px;padding:16px}.formular-einbettung__erfolg p{margin:0}.formular-einbettung__erfolg-titel{font-family:var(--schrift-titel);font-size:1.25rem;font-weight:900;margin-bottom:6px!important}.info-aktion__aufklappen{transition:transform .2s;transform:rotate(90deg)}[aria-expanded=true]>.info-aktion__aufklappen{transform:rotate(-90deg)}@media (prefers-reduced-motion:reduce){.info-aktion__aufklappen{transition:none}}
