/* StoryDoors: Zugang, Vorfreude, Verkaufsblöcke (Stand 1.11.2026) */
html.has-access:not(.probe-test) .only-visitor{display:none !important}
html.has-access .day-lights i:not(.lit){opacity:.28;animation:lw-pre 5.5s ease-in-out infinite}
html.no-access .day-lights i:not(.lit){opacity:.22;animation:lw-pre 6s ease-in-out infinite}
@keyframes lw-pre{0%,100%{opacity:.18}50%{opacity:.42}}
@media (prefers-reduced-motion: reduce){.day-lights i:not(.lit){animation:none !important}}

.zstat{margin:12px auto 0;display:inline-flex;flex-direction:column;align-items:center;gap:2px;padding:9px 16px;border-radius:14px;font-size:13.5px;line-height:1.35;color:var(--ink-soft,#f3e7cf);background:rgba(9,16,38,.55);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(6px);pointer-events:auto;max-width:min(92vw,520px)}
.zstat.ok{border-color:rgba(255,214,130,.55)}
.zstat.ok b{color:#ffe3a6;font-weight:800}
.zstat.err{border-color:rgba(255,120,120,.6);color:#ffd9d9}

.startblock{background:#fffaf0;border-radius:26px;padding:clamp(22px,4vw,40px);box-shadow:0 1px 0 rgba(0,0,0,.04),0 18px 40px -24px rgba(20,30,70,.35);margin-bottom:46px;text-align:center}
.startblock h2{margin:8px auto 10px}
.startblock p{margin:0 auto}
.sbrow{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:22px 0 14px}
.btn.big{font-size:18px;padding:16px 28px}
.btn.dark{color:#3a230d;border-color:rgba(58,35,13,.35);background:rgba(58,35,13,.04)}
.sbnote{font-size:14.5px !important;color:#5b6078 !important;max-width:56ch}
.linkbtn{background:none;border:0;color:#9a5b1e;font:700 14.5px/1.3 Nunito,system-ui,sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer;margin-top:12px;padding:6px 10px}

.vorfreude{margin-bottom:56px}
.vfhint{font-size:15px !important;color:#5b6078 !important}
.vflist .vfcard{background:#fffaf0;border-radius:22px;overflow:hidden;box-shadow:0 1px 0 rgba(0,0,0,.04),0 18px 40px -24px rgba(20,30,70,.35);display:flex;flex-direction:column}
.vflist .vfcard img{aspect-ratio:16/10;object-fit:cover;width:100%}
.vflist .vfcard .in{padding:18px 20px 22px;display:flex;flex-direction:column;gap:6px;flex:1}
.vflist .vfcard .kicker{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#9a5b1e}
.vflist .vfcard h3{font-family:var(--display);font-weight:600;font-size:22px;color:#1b2342;margin:0}
.vflist .vfcard p{font-size:15.5px;margin:0;flex:1}
.vflist .vfcard .btn{align-self:flex-start;margin-top:10px}
.vflist .vfcard.soon img{filter:saturate(.6) brightness(.85)}
.vflist .vfcard.locked img{filter:saturate(.75)}

.vfread{position:fixed;inset:0;z-index:60;background:rgba(10,16,38,.72);backdrop-filter:blur(8px);overflow:auto;padding:24px 14px 60px}
.vfsheet{max-width:720px;margin:0 auto;background:#fffaf0;color:#22253a;border-radius:26px;padding:clamp(20px,4vw,40px);box-shadow:0 30px 80px -30px rgba(0,0,0,.6)}
.vfsheet img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:18px;margin:14px 0 18px}
.vfsheet .kicker{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#9a5b1e}
.vfsheet h2{font-family:var(--display);font-weight:600;font-size:clamp(28px,3.4vw,40px);line-height:1.1;margin:8px 0 16px;color:#1b2342;outline:none}
.vfsheet p{font-size:18.5px;line-height:1.65;margin:0 0 14px;color:#3a3f57}
.vfsheet .idea{background:#f3e9d6;border-radius:18px;padding:16px 20px;margin:22px 0 10px}
.vfsheet .idea b{display:block;color:#9a5b1e;font-size:13px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}
.vfsheet .idea p{margin:0;font-size:17px}
.vfsheet .ki{font-size:13px;color:#8a8fa8;margin:6px 0 18px}
.vfsheet .btn{color:#3a230d}
.vfsheet .btn.ghost{color:#9a5b1e;border-color:rgba(154,91,30,.35);background:none;margin-bottom:6px}
body.vf-open{overflow:hidden}

.familie{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:center;background:#fffaf0;border-radius:26px;overflow:hidden;box-shadow:0 1px 0 rgba(0,0,0,.04),0 18px 40px -24px rgba(20,30,70,.35);margin:70px 0 0}
.familie img{width:100%;height:100%;object-fit:cover;min-height:260px}
.familie .in{padding:clamp(18px,3vw,36px) clamp(18px,3vw,36px) clamp(18px,3vw,36px) 0}
.familie h2{margin-top:8px}
.familie .ki{font-size:13px !important;color:#8a8fa8 !important;margin-top:10px}
@media (max-width:760px){.familie{grid-template-columns:1fr}.familie .in{padding:18px 20px 24px}}

.wege{margin-top:70px}
.wege h2{text-align:center}
.wege .cards{margin-top:22px}
.card2.weg .in{display:flex;flex-direction:column;gap:8px;height:100%}
.card2.weg p{flex:1}
.card2.weg .btn{align-self:flex-start;color:#3a230d;margin-top:8px;text-decoration:none}
.card2.weg .btn:not(.primary){border-color:rgba(58,35,13,.3);background:rgba(58,35,13,.04)}

footer{display:flex;flex-direction:column;gap:10px;align-items:center}
footer .flinks{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center}
footer .flinks a{color:#6a6f86;text-decoration:underline;text-underline-offset:3px}
.startblock a.btn,.wege a.btn{text-decoration:none}
/* Probe-Türchen und Slogan */
.door.probe .medal{font-size:clamp(13px,1.2vw,22px);top:-44%;box-shadow:0 0 18px rgba(255,214,130,.8)}
.door.probe .aura{inset:-60% -80%}
.has-access .door.probe{display:none}
.slogan{margin:18px 0 10px;padding:16px 18px;border-radius:14px;background:linear-gradient(180deg,rgba(255,226,160,.18),rgba(255,226,160,.06));border:1px solid rgba(243,196,107,.35)}
.sb .slogan p.slogan-q,.slogan p.slogan-q,.slogan-q{font-family:var(--display,Georgia,serif);font-size:clamp(20px,2.3vw,28px);line-height:1.25;margin:0 0 8px;color:#3a230d}
.slogan-p{margin:0 0 12px;font-size:15px;line-height:1.5}
.slogan .btn{text-decoration:none}
.afterprobe{margin-top:18px;padding:14px 16px;border-radius:14px;background:rgba(255,226,160,.1);border:1px solid rgba(243,196,107,.3);text-align:left}
.afterprobe-q{font-family:var(--display,Georgia,serif);font-size:clamp(17px,1.8vw,22px);line-height:1.3;margin:0 0 6px;color:#ffe2a3}
.afterprobe p{margin:0 0 10px;font-size:15px}
.afterprobe .btn{text-decoration:none}
.has-access .afterprobe{display:none}
/* Probe-Türchen: kleine sichtbare Holztür mit Stern und Beschriftung */
.door.probe{background:linear-gradient(180deg,#8a5a2b,#5a3715 70%,#3d2510);border:2px solid rgba(255,214,130,.55);box-shadow:0 0 0 2px rgba(60,36,14,.6),0 6px 14px rgba(0,0,0,.45),inset 0 0 10px rgba(0,0,0,.4)}
.door.probe::before{content:"";position:absolute;left:50%;top:50%;width:10%;aspect-ratio:1;border-radius:50%;background:#ffd889;transform:translate(120%,-50%);box-shadow:0 0 6px rgba(255,214,130,.9)}
.door.probe .sr{position:absolute;left:50%;top:104%;transform:translateX(-50%);width:auto;height:auto;clip:auto;clip-path:none;overflow:visible;white-space:nowrap;font:600 clamp(11px,.95vw,14px)/1 var(--body,system-ui);color:#ffe2a3;text-shadow:0 1px 3px rgba(0,0,0,.9);letter-spacing:.02em}
@media (max-width:760px){.door.probe{left:35.5% !important;top:71% !important;width:3.4% !important;height:9% !important}.door.probe .sr{font-size:12px}}
/* Auffälliger Probe-Knopf unter dem Countdown */
.probe-cta{pointer-events:auto;position:relative;z-index:5;display:inline-flex;align-items:center;gap:12px;margin:14px auto 0;padding:10px 18px 10px 12px;border-radius:999px;border:1px solid rgba(255,214,130,.7);background:linear-gradient(180deg,rgba(255,226,160,.95),rgba(243,196,107,.95));color:#3a230d;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.35),0 0 0 6px rgba(255,214,130,.12);font-family:var(--body,system-ui);text-align:left;animation:probeGlow 2.6s ease-in-out infinite}
.probe-cta .star{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#3a230d;color:#ffd889;font-size:18px;flex:none}
.probe-cta .t{display:flex;flex-direction:column;line-height:1.2}
.probe-cta strong{font-size:16px}
.probe-cta small{font-size:12.5px;opacity:.85}
.probe-cta:hover{filter:brightness(1.04);transform:translateY(-1px)}
@keyframes probeGlow{0%,100%{box-shadow:0 8px 24px rgba(0,0,0,.35),0 0 0 6px rgba(255,214,130,.12)}50%{box-shadow:0 8px 28px rgba(0,0,0,.4),0 0 0 10px rgba(255,214,130,.22)}}
.has-access .probe-cta{display:none}
.door.probe .sr{color:#fff1cc;background:rgba(10,14,32,.55);padding:3px 7px;border-radius:999px}
@media (max-width:760px){.probe-cta{margin-top:12px;padding:9px 14px 9px 10px}.probe-cta strong{font-size:15px}.probe-cta small{font-size:12px}}
/* Testschalter ?probe=1: Probe-Elemente trotz Zugang zeigen */
.probe-test .has-access .door.probe,.probe-test.has-access .door.probe,.probe-test .has-access .probe-cta,.probe-test.has-access .probe-cta,.probe-test .has-access .afterprobe,.probe-test.has-access .afterprobe,.probe-test .has-access .slogan,.probe-test.has-access .slogan{display:block}
.probe-test .has-access .probe-cta,.probe-test.has-access .probe-cta{display:inline-flex}

/* 06.11.2026: Willkommenszeile in der Zugangsbox (ersetzt Hinweis über den Türchen) */
.zstat .zwelcome{display:block;margin-top:3px;font-size:12.5px;color:#ffe9bd;opacity:1;transition:opacity .6s}
.zstat .zwelcome.aus{opacity:0}

/* Update v5 (07.11.2026): „Mein Zugang“ dezent aufklappbar; Gerätehinweis mit Hilfeschritten; Widerrufsknopf */
.zstat .zmein{margin-top:4px;text-align:left;max-width:min(92vw,420px)}
.zstat .zmein summary{cursor:pointer;text-align:center;font-size:12.5px;color:#ffe3a6;text-decoration:underline;text-underline-offset:3px;list-style:none;padding:4px 8px;min-height:32px;display:flex;align-items:center;justify-content:center}
.zstat .zmein summary::-webkit-details-marker{display:none}
.zstat .zmein[open] summary{margin-bottom:6px}
.zstat .zmein dl{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;margin:0 0 6px;font-size:12.5px}
.zstat .zmein dt{opacity:.8}
.zstat .zmein dd{margin:0}
.zstat .zmein p{margin:4px 0;font-size:12.5px}
.zstat .wbtn{display:inline-block;margin-top:6px;padding:7px 14px;border-radius:999px;border:1.5px solid rgba(255,214,130,.7);color:#ffe3a6;font-weight:700;text-decoration:none;font-size:13px;min-height:32px}
.zstat.zlimit{align-items:flex-start;text-align:left;max-width:min(92vw,460px)}
.zstat.zlimit ol{margin:6px 0 0;padding-left:20px;font-size:13px}
.zstat.zlimit li{margin:3px 0}