/* ===================== Saison-Designs ===================== */
html[data-saison=halloween]{--sz1:#E8721C;--sz2:#2A1E36;--sz3:#F7E3C8}
html[data-saison=ostern]{--sz1:#E8749A;--sz2:#5FA04A;--sz3:#FDF3E6}
html[data-saison=weihnachten]{--sz1:#B3263A;--sz2:#2F6B3A;--sz3:#FBF3E4}

/* Band unter dem Kopf (Unterseiten) */
.sz-band{background:var(--sz2);color:#fff;font-size:var(--t-s)}
.sz-band .wrap{display:flex;align-items:center;gap:10px;min-height:44px}
.sz-band svg{width:24px;height:auto;flex:none}
html[data-saison=ostern] .sz-band{background:#F7DCE6;color:#5A2338}
html[data-saison=weihnachten] .sz-band{background:linear-gradient(90deg,#8E1D2C,#B3263A)}

/* Startbild: Stimmung + Illustrationen */
html[data-saison=halloween] .tr-hero::after{background:linear-gradient(90deg,rgba(28,14,40,.78) 0%,rgba(40,18,52,.45) 50%,rgba(60,24,20,.15) 80%),linear-gradient(180deg,rgba(30,10,40,.25) 0%,rgba(20,10,30,.7) 100%)}
html[data-saison=halloween] .tr-h1 em{color:#FFB15A}
html[data-saison=ostern] .tr-hero::after{background:linear-gradient(90deg,rgba(60,30,50,.55) 0%,rgba(80,40,60,.2) 55%,rgba(0,0,0,0) 80%),linear-gradient(180deg,transparent 50%,rgba(40,30,30,.5))}
html[data-saison=ostern] .tr-h1 em{color:#FFD1E0}
html[data-saison=weihnachten] .tr-hero::after{background:linear-gradient(90deg,rgba(14,22,40,.8) 0%,rgba(20,28,48,.5) 50%,rgba(20,28,48,.2) 80%),linear-gradient(180deg,rgba(10,16,30,.2),rgba(10,16,30,.7))}
html[data-saison=weihnachten] .tr-h1 em{color:#FFD98A}
.sz-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.sz-hero-deko{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.sz-pks{position:absolute;right:6%;bottom:96px;display:flex;align-items:flex-end;gap:4px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.45))}
.sz-glow{animation:szFlacker 2.4s infinite}
@keyframes szFlacker{0%,100%{opacity:1}45%{opacity:.75}50%{opacity:.95}70%{opacity:.82}}
.sz-pks svg:nth-child(2) .sz-glow{filter:drop-shadow(0 0 6px #FFC14D)}
.sz-bat{position:absolute;width:70px;opacity:.85;animation:szFlug 14s linear infinite}
.sz-bat.b1{top:16%;animation-delay:0s}.sz-bat.b2{top:30%;width:46px;animation-delay:-5s;animation-duration:18s}.sz-bat.b3{top:10%;width:36px;animation-delay:-11s;animation-duration:22s}
.sz-bat svg{width:100%;height:auto;animation:szFlap .3s ease-in-out infinite alternate;transform-origin:center}
@keyframes szFlug{0%{transform:translate(-120px,0)}25%{transform:translate(25vw,-30px)}50%{transform:translate(50vw,10px)}75%{transform:translate(75vw,-20px)}100%{transform:translate(110vw,0)}}
@keyframes szFlap{to{transform:scaleY(.55)}}
.sz-tulips{position:absolute;right:16%;bottom:80px;display:flex;align-items:flex-end;gap:2px}
.sz-tulips svg{width:34px;height:auto;transform-origin:bottom center;animation:szWiegen 4s ease-in-out infinite}
.sz-tulips svg:nth-child(2){width:40px;animation-delay:-1s}.sz-tulips svg:nth-child(3){width:30px;animation-delay:-2s}.sz-tulips svg:nth-child(4){width:36px;animation-delay:-3s}
@keyframes szWiegen{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}
.sz-nest{position:absolute;right:6%;bottom:92px;display:flex;align-items:flex-end;gap:2px;padding:0 14px 10px;filter:drop-shadow(0 10px 16px rgba(0,0,0,.35))}
.sz-nest::after{content:"";position:absolute;left:0;right:0;bottom:0;height:30px;border-radius:0 0 60px 60px;background:repeating-linear-gradient(115deg,#9B7448 0 4px,#C49A62 4px 8px,#7C5A35 8px 11px)}
.sz-nest svg{position:relative;z-index:1;margin-bottom:6px}
.sz-zweig{position:absolute;right:-20px;top:0;width:min(560px,48vw);transform:scaleY(-1);filter:drop-shadow(0 8px 12px rgba(0,0,0,.35))}
.sz-zweig svg{width:100%;height:auto}
.sz-kugeln{position:absolute;right:6%;top:24px;display:flex;gap:46px}
.sz-kugeln i{display:block;width:44px;transform-origin:top center;animation:szPendel 3.4s ease-in-out infinite;animation-delay:var(--d)}
.sz-kugeln i:nth-child(1){margin-top:30px}.sz-kugeln i:nth-child(2){margin-top:58px;width:36px}.sz-kugeln i:nth-child(3){margin-top:22px}
.sz-kugeln svg{width:100%;height:auto}
@keyframes szPendel{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}
.sz-sterne{position:absolute;right:30%;top:40px;display:flex;gap:60px}
.sz-sterne svg{animation:szFunkeln 2.6s ease-in-out infinite}
.sz-sterne svg:nth-child(2){margin-top:60px;animation-delay:-1s}.sz-sterne svg:nth-child(3){animation-delay:-1.8s}
@keyframes szFunkeln{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}

/* Verspielte Details */
.sz-spinne{position:absolute;right:22%;top:100%;z-index:60;display:flex;flex-direction:column;align-items:center;pointer-events:none;animation:szSpinne 6s ease-in-out infinite;transform-origin:top center}
.sz-spinne i{display:block;width:1px;height:46px;background:rgba(40,30,50,.55)}
.sz-spinne svg{width:30px;height:30px}
@keyframes szSpinne{0%,100%{transform:translateY(-6px) rotate(-3deg)}50%{transform:translateY(10px) rotate(3deg)}}
.sz-lichter{position:absolute;left:0;right:0;top:100%;height:18px;z-index:60;display:flex;justify-content:space-between;padding:0 10px;pointer-events:none;background:radial-gradient(120% 20px at 50% -6px,transparent 60%,rgba(60,50,40,.55) 61%,transparent 65%) 0 0/46px 18px repeat-x}
.sz-lichter i{display:block;width:8px;height:12px;margin-top:6px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:var(--c);box-shadow:0 0 10px 2px var(--c);animation:szBlink 2.2s ease-in-out infinite;animation-delay:calc(var(--i) * -0.37s)}
@keyframes szBlink{0%,100%{opacity:1}50%{opacity:.35;box-shadow:none}}
.sz-ohren{position:absolute;left:12%;top:-52px;width:90px;z-index:-1;animation:szHops 5s ease-in-out infinite;transform-origin:bottom center}
.sz-ohren svg{width:100%;height:auto}
@keyframes szHops{0%,70%,100%{transform:translateY(8px)}78%{transform:translateY(-4px) rotate(-3deg)}86%{transform:translateY(6px)}92%{transform:translateY(-2px) rotate(2deg)}}

/* Suchspiel */
.sz-find{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0 0 0 10px;padding:0;vertical-align:middle;border:0;background:none;cursor:pointer;animation:szWackel 3s ease-in-out infinite;transition:transform .5s,opacity .5s}
.sz-find svg{width:30px;height:auto;filter:drop-shadow(0 3px 4px rgba(0,0,0,.25))}
.sz-find:hover{transform:scale(1.2) rotate(8deg)}
.sz-find:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:999px}
.sz-find.got{transform:scale(2) translateY(-30px);opacity:0}
@keyframes szWackel{0%,86%,100%{transform:rotate(0)}89%{transform:rotate(-12deg)}93%{transform:rotate(10deg)}97%{transform:rotate(-6deg)}}
.sz-pill{position:fixed;left:16px;bottom:16px;z-index:80;display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:6px 18px 6px 10px;border:0;border-radius:999px;background:var(--sz2);color:#fff;font:inherit;font-size:var(--t-xs);box-shadow:0 10px 30px rgba(0,0,0,.25);cursor:pointer}
html[data-saison=ostern] .sz-pill{background:#C2507A}
html[data-saison=weihnachten] .sz-pill{background:#8E1D2C}
.sz-pill svg{width:30px;height:auto}
.sz-pill.done{background:linear-gradient(90deg,var(--sz1),var(--sz2))}
.sz-pill:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.sz-toast{position:fixed;left:50%;bottom:84px;z-index:90;transform:translateX(-50%);display:flex;align-items:center;gap:14px;width:min(520px,calc(100% - 32px));padding:16px 18px;border-radius:18px;background:#fff;color:var(--ink);box-shadow:0 24px 60px rgba(0,0,0,.25);animation:szToast .4s ease-out}
.sz-toast p{margin:0;font-weight:600}
.sz-toast-i svg{width:36px;height:auto}
.sz-toast button{margin-left:auto;width:40px;height:40px;border:0;border-radius:999px;background:var(--sand);font-size:22px;cursor:pointer}
.sz-toast.fest{background:var(--sz3);border:2px solid var(--sz1)}
@keyframes szToast{from{opacity:0;transform:translate(-50%,16px)}}
.sz-confetti{position:absolute;inset:0;pointer-events:none;overflow:visible}
.sz-confetti i{position:absolute;left:50%;top:50%;width:8px;height:12px;border-radius:2px;background:hsl(calc(var(--i) * 37) 80% 60%);animation:szKonf 1.6s ease-out forwards;--a:calc(var(--i) * 15deg)}
@keyframes szKonf{to{transform:rotate(var(--a)) translateY(-160px) rotate(540deg);opacity:0}}
.sz-toggle svg{width:20px;height:auto}
.sz-toggle[aria-pressed=false]{opacity:.7}

@media (max-width:900px){.sz-pks{right:4%;bottom:70px;transform:scale(.7);transform-origin:bottom right}.sz-nest,.sz-tulips{transform:scale(.7);transform-origin:bottom right;bottom:64px}.sz-zweig{width:70vw}.sz-sterne{display:none}.sz-pill{bottom:84px}.sz-toast{bottom:150px}.sz-spinne{right:30%}}
@media (prefers-reduced-motion: reduce){html.saison *{animation:none!important}}
html.a11y .sz-hero-deko,html.a11y .sz-spinne,html.a11y .sz-lichter,html.a11y .sz-ohren{display:none}
html.a11y.saison *{animation:none!important}
.sz-kugeln{right:5%;top:0;gap:34px;align-items:flex-start}
.sz-kugeln i{margin-top:0!important;width:40px;display:flex;flex-direction:column;align-items:center}
.sz-kugeln i::before{content:"";width:1px;height:var(--l);background:linear-gradient(rgba(255,255,255,.2),rgba(255,236,190,.8))}
.sz-kugeln i:nth-child(2){width:34px}
.sz-ohren{top:-70px;width:100px}
.sz-pill{left:auto;right:16px}

/* ===================== Saison: Atmosphäre auf der ganzen Seite ===================== */
html.saison[data-saison=halloween]{--pine:#2B1F38;--pine-2:#3A2A4A;--on-pine-2:#D5C8E2;--brass:#B8581A;--brass-lt:#F2A65A;--paper:#FBF5EF;--sand:#F5ECE3}
html.saison[data-saison=ostern]{--pine:#4A5578;--pine-2:#5A6690;--on-pine-2:#DDE2F2;--brass:#B44A72;--brass-lt:#F4B8CB;--paper:#FFF8F5;--sand:#FBF0EC}
html.saison[data-saison=weihnachten]{--pine:#173326;--pine-2:#22432F;--on-pine-2:#CFE0D3;--brass:#A07A24;--brass-lt:#E8C66A;--paper:#FCF8F1;--sand:#F5EDE2}
.sz-sep{height:40px;margin:-20px 0;position:relative;z-index:3;pointer-events:none;background-repeat:repeat-x;background-position:center}
html[data-saison=halloween] .sz-sep{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22180%22 height=%2234%22 viewBox=%220 0 180 34%22%3E%3Cpath d=%22M0 17c30-12 60 12 90 0s60-12 90 0%22 fill=%22none%22 stroke=%22%236B4A2E%22 stroke-width=%222%22/%3E%3Cpath d=%22M30 12c-6-6-2-12 4-10 2 6-1 9-4 10zM120 24c6 5 3 11-3 10-2-6 1-9 3-10z%22 fill=%22%23C9661E%22/%3E%3Cpath d=%22M60 21c-5 4-11 1-10-5 6-1 9 2 10 5z%22 fill=%22%23A9461A%22/%3E%3Cellipse cx=%2290%22 cy=%2222%22 rx=%228%22 ry=%227%22 fill=%22%23E8721C%22/%3E%3Cpath d=%22M90 15v-4%22 stroke=%22%235B6B2E%22 stroke-width=%222%22/%3E%3Cpath d=%22M90 16v12M86 16c-2 3-2 9 0 12M94 16c2 3 2 9 0 12%22 stroke=%22%23C85A12%22 stroke-width=%221%22 fill=%22none%22/%3E%3Cpath d=%22M150 13c-5-5 0-11 5-8 1 5-2 8-5 8z%22 fill=%22%23D98A2B%22/%3E%3C/svg%3E");background-size:180px 34px}
html[data-saison=ostern] .sz-sep{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22160%22 height=%2234%22 viewBox=%220 0 160 34%22%3E%3Cpath d=%22M0 34h160%22 stroke=%22%237DB36A%22 stroke-width=%224%22/%3E%3Cpath d=%22M4 34q-2 -8 -3 -14%22 stroke=%22%236FAA5A%22 stroke-width=%222%22 fill=%22none%22/%3E%3Cpath d=%22M13 34q2 -12 4 -17%22 stroke=%22%236FAA5A%22 stroke-width=%222%22 fill=%22none%22/%3E%3Cpath d=%22M22 34q-2 -16 -3 -20%22 stroke=%22%236FAA5A%22 stroke-width=%222%22 fill=%22none%22/%3E%3Cpath d=%22M31 34q2 -8 4 -23%22 stroke=%22%236FAA5A%22 stroke-width=%222%22 fill=%22none%22/%3E%3Cpath d=%22M40 34q-2 -12 -3 -14%22 stroke=%22%236FAA5A%22 stroke-width=%222%22 fill=%22none%22/%3E%3Cpath d=%22M49 34q2 -16 4 -17%22 stroke=%22%236FAA5A%22 stroke-width=%222%22 fill=%22none%22/%3E%3Cpath d=%22M58 34q-2 -8 -3 -20%22 stroke=%22%236FAA5A%22 stroke-width=%222%22 fill=%22none%22/%3E%3Cpath d=%22M67 34q2 -12 4 -23%22 stroke=%22%236FAA5A%22 stroke-width=%222%22 fill=%22none%22/%3E%3Cpath d=%22M76 34q-2 -16 -3 -14%22 stroke=%22%236FAA5A%22 stroke-width=%222%22 fill=%22none%22/%3E%3Cpath d=%22M85 34q2 -8 4 -17%22 stroke=%22%236FAA5A%22 stroke-width=%222%22 fill=%22none%22/%3E%3Cpath d=%22M94 34q-2 -12 -3 -20%22 stroke=%22%236FAA5A%22 stroke-width=%222%22 fill=%22none%22/%3E%3Cpath d=%22M103 34q2 -16 4 -23%22 stroke=%22%236FAA5A%22 stroke-width=%222%22 fill=%22none%22/%3E%3Cpath d=%22M112 34q-2 -8 -3 -14%22 stroke=%22%236FAA5A%22 stroke-width=%222%22 fill=%22none%22/%3E%3Cpath d=%22M121 34q2 -12 4 -17%22 stroke=%22%236FAA5A%22 stroke-width=%222%22 fill=%22none%22/%3E%3Cpath d=%22M130 34q-2 -16 -3 -20%22 stroke=%22%236FAA5A%22 stroke-width=%222%22 fill=%22none%22/%3E%3Cpath d=%22M139 34q2 -8 4 -23%22 stroke=%22%236FAA5A%22 stroke-width=%222%22 fill=%22none%22/%3E%3Cpath d=%22M148 34q-2 -12 -3 -14%22 stroke=%22%236FAA5A%22 stroke-width=%222%22 fill=%22none%22/%3E%3Cpath d=%22M157 34q2 -16 4 -17%22 stroke=%22%236FAA5A%22 stroke-width=%222%22 fill=%22none%22/%3E%3Cg transform=%22translate(40 12)%22%3E%3Ccircle r=%223%22 fill=%22%23F6C342%22/%3E%3Ccircle cx=%225.0%22 cy=%220.0%22 r=%223.2%22 fill=%22%23F4B8CB%22/%3E%3Ccircle cx=%221.5%22 cy=%224.8%22 r=%223.2%22 fill=%22%23F4B8CB%22/%3E%3Ccircle cx=%22-4.0%22 cy=%222.9%22 r=%223.2%22 fill=%22%23F4B8CB%22/%3E%3Ccircle cx=%22-4.0%22 cy=%22-2.9%22 r=%223.2%22 fill=%22%23F4B8CB%22/%3E%3Ccircle cx=%221.5%22 cy=%22-4.8%22 r=%223.2%22 fill=%22%23F4B8CB%22/%3E%3Ccircle r=%222.6%22 fill=%22%23F6C342%22/%3E%3C/g%3E%3Cg transform=%22translate(118 16)%22%3E%3Ccircle cx=%224.0%22 cy=%220.0%22 r=%222.6%22 fill=%22%23fff%22/%3E%3Ccircle cx=%221.2%22 cy=%223.8%22 r=%222.6%22 fill=%22%23fff%22/%3E%3Ccircle cx=%22-3.2%22 cy=%222.4%22 r=%222.6%22 fill=%22%23fff%22/%3E%3Ccircle cx=%22-3.2%22 cy=%22-2.4%22 r=%222.6%22 fill=%22%23fff%22/%3E%3Ccircle cx=%221.2%22 cy=%22-3.8%22 r=%222.6%22 fill=%22%23fff%22/%3E%3Ccircle r=%222.2%22 fill=%22%23F6C342%22/%3E%3C/g%3E%3C/svg%3E");background-size:160px 34px;background-position:center bottom}
html[data-saison=weihnachten] .sz-sep{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22200%22 height=%2240%22 viewBox=%220 0 200 40%22%3E%3Cpath d=%22M0 6q50 26 100 0t100 0%22 fill=%22none%22 stroke=%22%232F6B3A%22 stroke-width=%227%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M0 6q50 26 100 0t100 0%22 fill=%22none%22 stroke=%22%233D8048%22 stroke-width=%223%22 stroke-dasharray=%222 5%22/%3E%3Cpath d=%22M50 19v6%22 stroke=%22%23C9A44E%22 stroke-width=%221.5%22/%3E%3Ccircle cx=%2250%22 cy=%2231%22 r=%226%22 fill=%22%23B3263A%22/%3E%3Ccircle cx=%2248%22 cy=%2229%22 r=%221.6%22 fill=%22%23fff%22 opacity=%22.6%22/%3E%3Cpath d=%22M150 19v4%22 stroke=%22%23C9A44E%22 stroke-width=%221.5%22/%3E%3Ccircle cx=%22150%22 cy=%2228%22 r=%225%22 fill=%22%23C99A2E%22/%3E%3Cpath d=%22M100 6l1.8 4 4.2.4-3.2 2.8 1 4.2-3.8-2.2-3.8 2.2 1-4.2-3.2-2.8 4.2-.4z%22 fill=%22%23F2C14E%22/%3E%3C/svg%3E");background-size:200px 40px;height:44px;margin:-22px 0}
html.saison .dest-img,html.saison .wf-img,html.saison .sn-img,html.saison .adh-img,html.saison .nw-img,html.saison .rg-imgs,html.saison .hx-mosaic{position:relative}
html[data-saison=weihnachten] :is(.dest-img,.wf-img,.sn-img,.adh-img,.nw-img,.rg-imgs)::after{content:"";position:absolute;left:-2px;right:-2px;top:-1px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22400%22 height=%2222%22 viewBox=%220 0 400 22%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M0 0h400v8c-12 0-14 10-26 10s-10-8-22-8-14 12-28 12-12-9-24-9-12 7-24 7-14-10-28-10-12 8-26 8-12-6-24-6-14 11-28 11-12-8-26-8-12 6-24 6-14-9-28-9-12 7-24 7-14-9-28-9S12 18 0 16z%22 fill=%22%23FFFFFF%22/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;filter:drop-shadow(0 2px 2px rgba(0,0,0,.12));z-index:2;pointer-events:none}
html[data-saison=halloween] :is(.dest-img,.wf-img,.adh-img,.nw-img)::after{content:"";position:absolute;right:0;top:0;width:64px;height:64px;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2270%22 height=%2270%22 viewBox=%220 0 70 70%22%3E%3Cg fill=%22none%22 stroke=%22rgba(255,255,255,.85)%22 stroke-width=%221%22%3E%3Cpath d=%22M70 0L0 70M70 0L20 70M70 0L45 70M70 0L0 20M70 0L0 45%22/%3E%3Cpath d=%22M58 0q2 10 12 12M44 0q4 22 26 26M30 0q6 34 40 40M16 0q8 46 54 54%22/%3E%3C/g%3E%3Cpath d=%22M48 30v10%22 stroke=%22rgba(255,255,255,.85)%22/%3E%3Ccircle cx=%2248%22 cy=%2243%22 r=%223.5%22 fill=%22%231F1A24%22/%3E%3C/svg%3E") 0 0/100% no-repeat;z-index:2;pointer-events:none;opacity:.9}
html[data-saison=ostern] :is(.dest-img,.wf-img,.sn-img,.adh-img,.nw-img)::after{content:"";position:absolute;left:0;bottom:-1px;width:70px;height:44px;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2270%22 height=%2244%22 viewBox=%220 0 70 44%22%3E%3Cpath d=%22M0 44c10-10 30-14 70-8v8z%22 fill=%22%237DB36A%22/%3E%3Cg transform=%22translate(18 26)%22%3E%3Ccircle cx=%220%22 cy=%22-5%22 r=%224%22 fill=%22%23F4B8CB%22/%3E%3Ccircle cx=%225%22 cy=%220%22 r=%224%22 fill=%22%23F4B8CB%22/%3E%3Ccircle cx=%220%22 cy=%225%22 r=%224%22 fill=%22%23F4B8CB%22/%3E%3Ccircle cx=%22-5%22 cy=%220%22 r=%224%22 fill=%22%23F4B8CB%22/%3E%3Ccircle r=%223%22 fill=%22%23F6C342%22/%3E%3C/g%3E%3Cg transform=%22translate(42 30)%22%3E%3Ccircle cx=%220%22 cy=%22-4%22 r=%223.2%22 fill=%22%23fff%22/%3E%3Ccircle cx=%224%22 cy=%220%22 r=%223.2%22 fill=%22%23fff%22/%3E%3Ccircle cx=%220%22 cy=%224%22 r=%223.2%22 fill=%22%23fff%22/%3E%3Ccircle cx=%22-4%22 cy=%220%22 r=%223.2%22 fill=%22%23fff%22/%3E%3Ccircle r=%222.4%22 fill=%22%23F6C342%22/%3E%3C/g%3E%3C/svg%3E") 0 100%/100% no-repeat;z-index:2;pointer-events:none}
.sz-hut{position:absolute;z-index:2;pointer-events:none}
.brand{position:relative}
html[data-saison=weihnachten] .sz-hut{left:22px;top:-15px;width:34px;transform:rotate(18deg)}
html[data-saison=halloween] .sz-hut{left:14px;top:-22px;width:36px;transform:rotate(-12deg)}
html[data-saison=ostern] .sz-hut{left:12px;top:-22px;width:30px;transform:rotate(-8deg)}
.sz-gruss{position:relative;padding:34px 0 0;text-align:center;font-family:var(--serif);font-size:calc(var(--s)*clamp(26px,2.6vw,36px));color:var(--brass-lt)}
.sz-gruss svg{display:block;margin:0 auto 6px;width:44px;height:auto}
html.saison .cf-hero .cf-k{color:var(--brass-lt)}
html.a11y .sz-sep,html.a11y .sz-hut{display:none}
@media (max-width:760px){html[data-saison] .sz-hut{left:10px;width:26px}}
html[data-saison=weihnachten] :is(.dest-img,.wf-img,.sn-img,.adh-img,.nw-img,.rg-imgs)::after{height:22px;top:-2px;filter:drop-shadow(0 3px 2px rgba(60,80,110,.35)) drop-shadow(0 0 1px rgba(0,0,0,.2))}
html[data-saison=ostern] :is(.dest-img,.wf-img,.sn-img,.adh-img,.nw-img)::after{width:110px;height:70px}

/* ===================== Winterszene ===================== */
html[data-saison=weihnachten] .tr-hero-in{position:relative;z-index:3;padding-bottom:clamp(200px,17vw,230px)}
.sz-winter{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.sz-winter>*{position:absolute}
.sz-mond{right:9%;top:12%;width:78px;height:78px;border-radius:50%;background:radial-gradient(circle at 38% 36%,#FFFBEA 0,#FBEBC0 55%,#EED49A 100%);box-shadow:0 0 50px 18px rgba(255,236,190,.28),0 0 140px 60px rgba(255,236,190,.12)}
.sz-mond::before,.sz-mond::after{content:"";position:absolute;border-radius:50%;background:rgba(214,186,130,.35)}
.sz-mond::before{width:14px;height:14px;left:44px;top:22px}.sz-mond::after{width:9px;height:9px;left:24px;top:46px}
.sz-schlitten{left:62%;top:2.5%;width:240px;color:#FFE2A8;filter:drop-shadow(0 0 6px rgba(255,220,150,.55));animation:szSchlitten 38s linear infinite}
.sz-schlitten svg{width:100%;height:auto;overflow:visible;animation:szSchweben 2.4s ease-in-out infinite}
@keyframes szSchlitten{0%{transform:translate(calc(-62vw - 280px),60px)}40%{transform:translate(0,0)}62%{transform:translate(calc(40vw + 300px),-30px)}100%{transform:translate(calc(40vw + 300px),-30px)}}
@keyframes szSchweben{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.sz-funken circle{animation:szFunkeln 1s ease-in-out infinite}.sz-funken circle:nth-child(2n){animation-delay:-.5s}
.sz-nase{filter:drop-shadow(0 0 4px #FF4040);animation:szFlacker 1.6s infinite}
.sz-huegel{left:0;bottom:0;width:100%;height:240px}
.sz-t{bottom:0;line-height:0}.sz-t svg{display:block;height:auto}
.sz-t.t1{left:6%;bottom:66px}.sz-t.t2{left:10%;bottom:62px}.sz-t.t3{left:47%;bottom:72px}.sz-t.t4{left:52%;bottom:74px}.sz-t.t5{right:24%;bottom:100px}.sz-t.t6{right:3%;bottom:108px}
.sz-haus{right:9%;bottom:104px;width:150px}
.sz-haus>svg{width:100%;height:auto;display:block}
.sz-licht{animation:szLicht 5s ease-in-out infinite;filter:drop-shadow(0 0 6px rgba(255,200,100,.9))}
@keyframes szLicht{0%,100%{opacity:1}50%{opacity:.86}}
.sz-rauch{position:absolute;left:68%;top:4px}
.sz-rauch i,.sz-dampf i{position:absolute;left:0;top:0;width:14px;height:14px;border-radius:50%;background:rgba(255,255,255,.75);filter:blur(1.5px);animation:szRauch 4.5s ease-out infinite;opacity:0}
.sz-rauch i:nth-child(2){animation-delay:-1.5s}.sz-rauch i:nth-child(3){animation-delay:-3s}
@keyframes szRauch{0%{transform:translate(0,0) scale(.5);opacity:0}15%{opacity:.8}100%{transform:translate(-26px,-70px) scale(2.2);opacity:0}}
.sz-bank{left:-2%;right:-2%;bottom:0;height:96px;border-radius:50% 50% 0 0/22px 22px 0 0;background:linear-gradient(180deg,#FFFFFF 0,#F1F5FA 40%,#E1E9F3 100%);box-shadow:0 -2px 0 rgba(255,255,255,.6) inset}
.sz-gleis{left:0;right:0;bottom:88px;height:9px;background:linear-gradient(#6E6A6A,#6E6A6A) 0 0/100% 2px no-repeat,linear-gradient(#6E6A6A,#6E6A6A) 0 5px/100% 2px no-repeat,repeating-linear-gradient(90deg,#7A5638 0 6px,transparent 6px 16px) 0 0/100% 9px}
.sz-zug{left:56%;bottom:86px;width:380px;animation:szFahrt 34s linear infinite}
.sz-zug svg{display:block;width:100%;height:auto}
@keyframes szFahrt{from{transform:translateX(calc(-56vw - 400px))}to{transform:translateX(calc(44vw + 20px))}}
.sz-rad{transform-box:fill-box;transform-origin:center;animation:szDreh .9s linear infinite}
@keyframes szDreh{to{transform:rotate(360deg)}}
.sz-dampf{position:absolute;left:87%;top:4px}
.sz-dampf i{width:16px;height:16px;animation-name:szDampf;animation-duration:1.8s}
.sz-dampf i:nth-child(2){animation-delay:-.45s}.sz-dampf i:nth-child(3){animation-delay:-.9s}.sz-dampf i:nth-child(4){animation-delay:-1.35s}
@keyframes szDampf{0%{transform:translate(0,0) scale(.5);opacity:0}15%{opacity:.9}100%{transform:translate(-90px,-46px) scale(2.6);opacity:0}}
.sz-glow-gold{filter:drop-shadow(0 0 3px #FFD86B)}
.sz-schneemann{right:3.5%;bottom:70px;width:118px;z-index:3}
.sz-schneemann svg{display:block;width:100%;height:auto}
.sz-winke{transform-box:view-box;transform-origin:88px 92px;animation:szWinken 3.2s ease-in-out infinite}
@keyframes szWinken{0%,55%,100%{transform:rotate(0)}65%{transform:rotate(-14deg)}75%{transform:rotate(6deg)}85%{transform:rotate(-12deg)}}
/* Zug über dem Fußbereich */
.sz-ftzug{position:relative;height:120px;overflow:hidden;margin-top:-1px;background:var(--paper)}
.sz-ftzug>*{position:absolute}
.sz-ftzug .sz-bank{height:42px;background:linear-gradient(180deg,#fff,#E9EFF6);border-radius:50% 50% 0 0/14px 14px 0 0}
.sz-ftzug .sz-gleis{bottom:36px}
.sz-ftzug .sz-zug{bottom:34px;width:300px;animation-duration:30s;animation-delay:-12s}
html.saison .ft .sz-gruss{padding-top:26px}
@media (max-width:900px){
  html[data-saison=weihnachten] .tr-hero-in{padding-bottom:180px}
  .sz-zug{width:260px}.sz-haus{width:104px;right:4%;bottom:96px}.sz-schneemann{width:80px;right:2%;bottom:56px}
  .sz-t.t2,.sz-t.t4,.sz-t.t5{display:none}.sz-schlitten{width:170px}.sz-mond{width:54px;height:54px;right:6%}
  .sz-bank{height:84px}.sz-gleis{bottom:76px}.sz-zug{bottom:74px}
}
@media (prefers-reduced-motion: reduce){.sz-schlitten{transform:translate(-10vw,10px)}}
html.a11y .sz-winter,html.a11y .sz-ftzug{display:none}
@media (max-width:640px){.sz-schlitten{display:none}.sz-mond{top:auto;bottom:250px}}