/* VAF Papier · belegte Palette aus Luna/Anton, vorhandene VAF-Collage-Assets. */
:root{--paper:#F5F0E4;--paper-line:rgba(160,145,115,.20);--text:#1A1714;--muted:#6B6560;--ti-l:#1A1714;--ti-m:#6B6560;--ti-s:#6B6560;--orange:#F47C00;--note-orange:#0055CC;--blue:#0055CC;--graphit:#fff;--titan:#1A1714;--schatten:0 2px 3px #1a1a1a04,0 10px 25px -18px #1a1a1a35}
body{background-color:var(--paper);background-image:repeating-linear-gradient(transparent,transparent 31px,var(--paper-line) 31px,var(--paper-line) 32px);color:var(--text)}
body::before{content:"";position:fixed;inset:0 auto 0 max(18px,calc((100vw - 1320px)/2 + 34px));border-left:2px solid rgba(220,79,79,.24);z-index:1;pointer-events:none}
.grain{inset:0;opacity:.025;animation:none}.depth{display:none}
.wrap{width:min(1184px,calc(100% - 112px));padding:64px 0 36px}
.wochenintro{grid-template-columns:1.2fr 1fr;gap:64px;align-items:center;padding-bottom:24px}
.wochenkopf{position:relative;padding:14px 0 12px;isolation:isolate}
.kicker{font-size:11px;letter-spacing:.18em;color:var(--muted);margin-bottom:22px;display:flex;align-items:center;gap:10px}
.kicker::before{content:"";width:23px;height:23px;background:url('/assets/orange-eye.svg') center/contain no-repeat}
.wochenkopf h1{font-size:clamp(25px,3vw,38px);font-weight:700;letter-spacing:-.05em;line-height:1.12;text-shadow:none}
.wochenkopf h1 .big{font-size:clamp(56px,6.1vw,82px);color:var(--text);background:none;animation:none;line-height:1.07;letter-spacing:-.065em;font-weight:800}
.wochenkopf .under{width:230px;margin:8px 0 16px}.wochenkopf .lead{font-size:14px;line-height:1.65;color:var(--muted)}
.zahlen{position:relative;background:#fff;border:1px solid var(--paper-line);border-radius:6px;box-shadow:0 3px 0 #fff,0 4px 0 #b6ae9c6b,0 14px 32px -20px #1a1a1a44;padding:30px 30px 24px;isolation:isolate}
.zahlen::before{content:"";position:absolute;width:96px;height:27px;top:-14px;right:30px;background:url('/assets/03_tape_grey.webp') center/100% 100% no-repeat;transform:rotate(5deg);opacity:.68;pointer-events:none}
.hauptzahl{gap:24px}.hauptzahl strong{position:relative;display:block;min-width:128px;text-align:center;font-size:94px;line-height:1.1;color:var(--text);background:none;letter-spacing:-.08em;padding-right:8px;isolation:isolate}
.hauptzahl strong::after{content:"";position:absolute;inset:3px -8px -1px -5px;background:url('/assets/29_scribble_circle_orange.webp') center/100% 100% no-repeat;z-index:-1;transform:rotate(-7deg);opacity:.85}
.hauptzahl>span{font-size:25px;letter-spacing:-.045em;line-height:1.18}.zaehlstatus{color:var(--text);font-size:13px;margin-top:18px}.zaehlstatus b{color:var(--text)}.formatzaehler{font-size:11px;line-height:1.7;color:var(--muted);margin-top:6px}.kanalhinweis{border-color:var(--paper-line);color:var(--text);font-size:11px;line-height:1.7;margin-top:15px;padding-top:13px}.zaehlregel{font-size:10px;line-height:1.7;color:var(--muted);margin-top:7px}
.auswahlstand{margin:24px 0 36px;border-left:0;padding:4px 0 4px 18px;position:relative}.auswahlstand::before{content:"";position:absolute;inset:3px auto 2px 0;width:3px;background:var(--orange);transform:rotate(2deg)}
.auswahlstand .note{font-size:29px;color:var(--blue);transform:rotate(-1deg)}.auswahlstand p{font-size:11px;color:var(--muted);margin-top:8px}
.kalenderkopf{margin-bottom:20px}.kalenderkopf h2{font-size:30px;font-weight:800;letter-spacing:-.045em}.kalenderkopf>.vorschlag{color:var(--note-orange);font-size:29px;transform:rotate(-3deg);position:relative;padding-right:9px}.kalenderkopf>.vorschlag::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:10px;background:url('/assets/orange-underline.svg') center/100% 100% no-repeat}
.wochenleiste{gap:8px}.wochentag{position:relative;border:1px solid #1a1a1a20;border-radius:10px;padding:12px 15px;background:#ffffffb8;box-shadow:0 2px 2px #1a1a1a03;transition:background .2s,transform .2s}.wochentag b{font-size:23px;color:var(--text)}.wochentag small{font-size:11px;color:var(--muted)}.wochentag:hover{background:#fff;transform:translateY(-2px);border-color:var(--orange)}
.bedienhinweis{font-size:11px;line-height:1.6;margin:15px 0 26px;color:var(--muted)}
.tageraster{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 20px}.tagkarte{position:relative;padding:20px 18px 22px;background:#fff;border:1px solid #1a1a1a1a;border-radius:10px;box-shadow:var(--schatten);scroll-margin-top:24px}.tagkarte:target{border-color:var(--orange);box-shadow:0 0 0 2px #f47c0025}
.tagkopf{padding-bottom:15px;margin-bottom:18px;border-bottom:1px solid var(--paper-line)}.tagkopf h3{font-size:24px;font-weight:800;letter-spacing:-.055em}.tageszahl{font:600 11px Manrope,sans-serif;color:var(--muted)}
.posterreihe{gap:23px 12px}.poster-button{border-radius:7px}.poster{border-radius:6px;border:1px solid #1a1a1a1c;background:#F5F0E4;aspect-ratio:9/12}.poster img{object-fit:cover}.play{width:38px;height:38px;background:#ffffffeb;border:1px solid #fff;color:#1A1714;box-shadow:0 2px 14px #0002;font-size:13px}.poster-label{background:#ffffffef;color:var(--text);font-size:9px;border:1px solid #1a1a1a12;padding:4px 6px;bottom:7px;left:7px}
.status{font-size:9px;border-color:#1a1a1a28;border-radius:4px;color:var(--muted);padding:2px 6px;margin-top:11px;background:#fff}.gesetzt .status{border-color:#F47C0040;color:var(--text);background:#f47c000c}.vorschlag .status{color:var(--muted);border-style:dashed}.format{font-size:9px;letter-spacing:.1em;color:var(--muted);margin-top:9px}.stueck h4{font-size:14px;line-height:1.35;font-weight:800;margin-top:4px;letter-spacing:-.03em}.stueck h4 button:hover{text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:3px}.kanaele{gap:5px 7px;margin-top:9px}.kanaele li{font-size:9px;line-height:1.45;color:var(--muted)}.kanaele svg{width:12px;height:12px}.titelstatus{font-family:Caveat,cursive;font-size:18px;color:var(--blue);line-height:1.15;margin-top:5px;margin-bottom:5px}
.textposter{background:#F5F0E4;color:var(--text);padding:10px}.textposter-text{font-size:10px;line-height:1.6}.textposter-mehr{color:var(--blue)}.textposter-kopf b{font-size:8px}.offener-text,.warteslot{color:var(--muted)}.tagkarte.offen{background:#ffffffa6}.fuss{margin-top:35px;color:var(--muted);font-size:11px}.fuss img{opacity:1;width:23px}
/* Vorschau als ruhiges weißes Blatt. Originalmedien bleiben unberührt. */
#vorschau{background:#fff;color:var(--text);border:1px solid #1a1a1a26;border-radius:16px;box-shadow:0 25px 90px #0004;padding:20px}#vorschau::backdrop{background:#1a1a1a55;backdrop-filter:blur(5px)}.dialog-kopf{padding-bottom:18px}.dialog-kopf h2{font-size:21px;letter-spacing:-.035em}.dialog-kopf button{color:var(--text);background:#F5F0E4;border-color:#1a1a1a20}.kar-nav button{color:var(--text);background:#F5F0E4;border-color:#1a1a1a20;box-shadow:none}.kar-nav span{color:var(--muted)}.detail-inhalt .mock{--text:#F3F4F5;--muted:#A5ACB2;color:#F3F4F5}.detail-inhalt .kar-nav span{color:var(--muted)}
/* Pflicht-Ladesequenz im selben Papier-/Marker-Look. */
.loader{background-color:var(--paper);background-image:repeating-linear-gradient(transparent,transparent 31px,var(--paper-line) 31px,var(--paper-line) 32px);gap:22px}.loader-eye{filter:none;width:78px;animation:none;transform:rotate(-7deg)}.loader-t{font-family:Caveat,cursive;font-size:44px;font-weight:700;letter-spacing:0;gap:16px;position:relative}.loader-t::after{content:"";position:absolute;bottom:-16px;left:3px;right:0;height:15px;background:url('/assets/orange-underline.svg') center/100% 100% no-repeat}.loader-t .j,.loader-t .n{color:var(--text)}.loader-t i{color:var(--orange)}
button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
@media(min-width:1300px){.tagkarte:nth-child(4)::before{content:"";position:absolute;width:74px;height:21px;top:-10px;left:26px;opacity:.6;background:url('/assets/03_tape_grey.webp') center/100% 100% no-repeat;transform:rotate(-7deg);pointer-events:none}}
@media(max-width:1050px){.wrap{width:calc(100% - 88px)}.wochenintro{gap:35px;grid-template-columns:1fr 1fr}.wochenkopf h1 .big{font-size:60px}.hauptzahl{gap:13px}.hauptzahl strong{font-size:78px;min-width:108px}.hauptzahl>span{font-size:21px}.zahlen{padding:25px 20px 20px}.tageraster{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.wrap{width:calc(100% - 64px);margin-left:44px;padding-top:32px}.wochenintro{grid-template-columns:1fr;gap:26px;padding-bottom:0}.wochenkopf{padding-top:0}.kicker{font-size:10px;margin-bottom:17px}.kicker::before{width:20px;height:20px}.wochenkopf h1{font-size:27px}.wochenkopf h1 .big{font-size:clamp(45px,10.2vw,68px);white-space:nowrap}.wochenkopf .under{width:195px;margin:7px 0 12px}.wochenkopf .lead{font-size:12px;line-height:1.65}.zahlen{padding:24px 20px 20px}.hauptzahl{gap:20px}.hauptzahl strong{font-size:84px;min-width:112px}.hauptzahl>span{font-size:22px}.zaehlstatus{font-size:12px;margin-top:16px}.formatzaehler{font-size:10px}.kanalhinweis{font-size:10px}.zaehlregel{font-size:9px}.auswahlstand{margin:27px 0 30px;padding-left:13px}.auswahlstand .note{font-size:26px;line-height:1.1}.auswahlstand p{font-size:9px;line-height:1.6}.kalenderkopf{align-items:flex-start;flex-direction:column;gap:11px;margin-bottom:22px}.kalenderkopf h2{font-size:27px}.kalenderkopf>.vorschlag{font-size:25px;align-self:flex-end;margin-right:5px}.wochenleiste{gap:4px}.wochentag{padding:9px 0;justify-items:center;border-radius:6px}.wochentag b{font-size:18px}.wochentag small{font-size:7px}.bedienhinweis{font-size:10px;margin:14px 0 24px;line-height:1.6}.tageraster{grid-template-columns:1fr;gap:22px}.tagkarte{padding:19px 15px 22px;border-radius:9px}.tagkopf{padding-bottom:13px;margin-bottom:17px}.tagkopf h3{font-size:25px}.tageszahl{font-size:10px}.posterreihe{gap:23px 12px}.poster{aspect-ratio:9/12;max-height:none}.stueck h4{font-size:13px}.kanaele li{font-size:8px}.kanaele svg{width:11px;height:11px}.format{font-size:8px}.status{font-size:8px}.textposter-text{font-size:9px;-webkit-line-clamp:7}.textposter-kopf b{font-size:7px}.textposter-kopf .av{width:18px;height:18px}.textposter-mehr{font-size:8px}.titelstatus{font-size:17px}.fuss{font-size:10px;line-height:1.8}.fuss img{width:19px}#vorschau{padding:16px}.dialog-kopf h2{font-size:19px}}
@media(max-width:355px){.wrap{width:calc(100% - 54px);margin-left:36px}.wochenkopf h1 .big{font-size:40px}.wochenkopf h1{font-size:23px}.hauptzahl{gap:12px}.hauptzahl strong{min-width:94px;font-size:72px}.hauptzahl>span{font-size:19px}.zahlen{padding-left:15px;padding-right:15px}.wochentag b{font-size:16px}.wochentag small{font-size:6px}.tagkarte{padding-left:12px;padding-right:12px}.kanaele li{font-size:7px}.kanaele{gap:4px}.kalenderkopf h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.wochentag,.poster img{transition:none}}