:root{color-scheme:dark;--cream:#f7e7c3;--gold:#e9c582}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 50% 12%,#315242 0%,#142a22 45%,#081713 88%);color:var(--cream);font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;min-height:100vh}button,select{font:inherit}button{cursor:pointer}.top{position:relative;z-index:6;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:19px max(4%,calc((100% - 1050px)/2));border-bottom:1px solid #ddb66b46;background:#0b1b16ab}.brand{font:700 19px Georgia,serif;letter-spacing:2px;text-decoration:none;color:#f7dc99}.brand b{color:white}.star{color:#efd291}.tools{display:flex;gap:9px;align-items:center}.small,select{padding:10px 13px;background:#1c3d2e;color:#f4e4bd;border:1px solid #c8a36b7a;border-radius:8px;font-size:13px}.langlabel{font-size:20px}.hero{text-align:center;padding:59px 18px 12px}.eyebrow{font-size:11px;letter-spacing:.26em;color:#e2c47e;font-weight:700}.hero h1{font:normal clamp(35px,6vw,66px)/1.08 Georgia,serif;color:#ffe2a0;text-shadow:0 8px 25px #000a;margin:18px auto;max-width:760px}.lede{font-size:15px;line-height:1.65;color:#e4d5b7;max-width:580px;margin:auto}.separator{display:block;margin:24px;color:#dcb473;font-size:20px}.calendar-area{padding:0 18px 38px;max-width:1020px;margin:auto}.garland{text-align:center;font-size:clamp(19px,3.3vw,36px);text-shadow:0 5px 12px #000b;margin-bottom:-13px;position:relative;z-index:2;letter-spacing:.4em}.garland span{color:#f9d278}.cabinet{position:relative;border:10px ridge #916535;border-radius:21px;padding:31px 23px 24px;background:linear-gradient(117deg,#3b2110,#68401e 25%,#3e230f 53%,#754924 76%,#32190a);box-shadow:inset 0 0 0 4px #aa813f,inset 0 0 0 7px #291608,0 32px 75px #000b,0 0 50px #c4934030}.bulbs{position:absolute;top:12px;left:32px;right:32px;display:flex;justify-content:space-between}.bulb{height:8px;width:8px;border-radius:50%;background:#ffe5aa;box-shadow:0 0 13px 3px #ffc663bd;animation:glimmer 3s ease-in-out infinite}@keyframes glimmer{50%{opacity:.45}}.doors{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(8px,1.7vw,19px)}.slot{position:relative;aspect-ratio:.84;perspective:950px;border:3px solid #271208;background:radial-gradient(circle,#cda65a,#62221a 85%);border-radius:7px;box-shadow:inset 0 0 26px #f6c46b6b,0 6px 15px #000a}.inside{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:clamp(22px,3vw,33px)}.door{position:absolute;inset:0;width:100%;height:100%;border:1px solid #b48a4e;border-radius:4px;transform-origin:left center;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.2,.75,.2,1),filter .25s;background:linear-gradient(90deg,#0008,transparent 14%,transparent 83%,#0005),repeating-linear-gradient(96deg,#64371b 0px,#8e532b 10px,#a26c37 16px,#6f3d1e 27px,#986031 42px);box-shadow:inset 0 0 0 4px #4b2a13,inset 0 0 0 6px #c49a5b,0 6px 15px #000a;color:#ffe7af;font:700 clamp(21px,3.7vw,40px) Georgia,serif;text-shadow:0 3px 8px #130801,0 0 13px #e4b25f55}.door:before{content:"";position:absolute;inset:10%;border:2px ridge #cb9d56;pointer-events:none}.door:after{content:"";position:absolute;right:7px;top:50%;width:9px;height:9px;background:radial-gradient(circle at 35% 30%,#fff5d4,#bc852a 70%,#61420e);border-radius:50%}.door:hover,.door:focus-visible{filter:brightness(1.24);box-shadow:0 0 25px #fbc879a0,inset 0 0 0 4px #4b2a13,inset 0 0 0 6px #c49a5b}.door.open{transform:rotateY(-125deg)}.hinge{position:absolute;left:0;width:8px;height:24px;background:linear-gradient(90deg,#73501e,#f5d685,#8d5c1c);border-radius:2px}.hinge.a{top:12%}.hinge.b{bottom:12%}.announcement{display:flex;align-items:center;gap:20px;max-width:880px;margin:0 auto 55px;padding:20px 24px;border:1px solid #cda15a5e;background:#182e24aa;border-radius:15px}.announcement-icon{font-size:39px;color:#e1bf7f}.announcement h2{font:normal 25px Georgia,serif;color:#ffe0a7;margin:0 0 7px}.announcement p{color:#dfd3b9;font-size:14px;margin:0;line-height:1.6}.partners{text-align:center;padding:30px 16px 56px;border-top:1px solid #bd965d46}.logo{display:block;width:min(390px,85%);height:auto;object-fit:contain;margin:0 auto 15px}.partners p:not(.eyebrow){color:#e5d6b9;font-size:14px}.partners a{color:#f4d48f;text-decoration:underline}footer{padding:22px 4%;border-top:1px solid #d9b67125;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#bba984;font-size:12px}.snow{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:5}.flake{position:absolute;top:-25px;color:#fff;opacity:.6;animation:fall linear infinite}@keyframes fall{to{transform:translate3d(25px,110vh,0)}}.modal:not([hidden]){position:fixed;inset:0;background:#04110adf;z-index:20;display:grid;place-items:center;padding:20px}.dialog{width:min(380px,100%);padding:34px 24px;text-align:center;border:1px solid #d9b471;border-radius:13px;background:linear-gradient(145deg,#34503b,#17251c);box-shadow:0 20px 70px #000b}.dialog h2{font:normal 28px Georgia,serif;color:#ffe1a1}.dialog p{line-height:1.6;color:#e0d4bd}.lock{font-size:34px}.dialog button{background:#e0bb77;border:0;color:#251c10;padding:11px 22px;border-radius:8px;font-weight:700}@media(max-width:750px){.doors{grid-template-columns:repeat(4,minmax(0,1fr))}.cabinet{padding:27px 15px 18px;border-width:7px}.hero{padding-top:36px}}@media(max-width:420px){.doors{grid-template-columns:repeat(3,minmax(0,1fr))}.cabinet{padding:25px 9px 12px}.announcement{margin:0 14px 35px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}


/* V2 PREMIUM – gemischte Türchen mit zurückhaltenden, handwerklichen Variationen.
   Das Öffnen dreht nur die .door, während die .slot leicht versetzt bleibt. */
.slot{transform:translate(var(--dx,0px),var(--dy,0px)) rotate(var(--rot,0deg));}
.slot-special{border-color:#d7a755;box-shadow:inset 0 0 26px #f6c46b8c,0 0 14px #f2c25c72,0 6px 15px #000a;}
.slot-special .door{color:#fff0bd;text-shadow:0 0 15px #ffc96d,0 3px 8px #130801;box-shadow:inset 0 0 0 4px #4b2a13,inset 0 0 0 6px #dfb86e,0 0 13px #f9cc6d6e;}
.slot-24{z-index:2;box-shadow:inset 0 0 30px #f6cf8aa0,0 0 21px #ffd27a88,0 8px 20px #000a;}
.slot-24 .door{font-size:clamp(25px,4.2vw,44px);border-color:#f2d08a;}
/* Kleine Goldornamente in den Zwischenräumen, ohne Klickflächen zu blockieren. */
.doors{position:relative;isolation:isolate;}
.doors::before,.doors::after{content:'✦';position:absolute;z-index:3;pointer-events:none;color:#f0c875;text-shadow:0 0 10px #ffd98c;font-size:clamp(11px,1.6vw,18px);}
.doors::before{top:24%;left:15.5%;}
.doors::after{bottom:23%;right:15.5%;}
@media(max-width:750px){.slot{transform:translate(calc(var(--dx,0px) * .55),calc(var(--dy,0px) * .55)) rotate(var(--rot,0deg));}}
@media(max-width:420px){.slot{transform:translate(calc(var(--dx,0px) * .3),calc(var(--dy,0px) * .3)) rotate(var(--rot,0deg));}}

/* V3 – Goldener Sponsoren-CTA */
.sponsor-cta{display:inline-block;padding:14px 30px;margin:13px auto 7px;border-radius:9px;background:linear-gradient(135deg,#f5d995,#d3a653 60%,#f0cb78);color:#202117!important;text-decoration:none!important;font-size:15px;font-weight:800;box-shadow:0 8px 28px #0006,0 0 18px #d6ad5440;border:1px solid #f8e2ac;transition:transform .2s,filter .2s}.sponsor-cta:hover,.sponsor-cta:focus-visible{filter:brightness(1.09);transform:translateY(-2px)}