/* VAF Dark Scribble — alle Bildbausteine aus den bestehenden Waterfall-Seiten. */
:root{color-scheme:dark;--graphit:#101010;--schatten:none}
body{background:#080807;color:#F3F4F5}
.depth{display:none}.grain{animation:none;opacity:.045;z-index:1}
.wrap{width:min(1200px,90vw);padding:45px 0 35px}
.wochenintro{display:block;position:relative}
.wochenkopf{position:relative;isolation:isolate;padding:30px 0 47px;min-height:420px}
.kicker{display:inline-block;font-size:12px;color:var(--text);letter-spacing:.24em;border-bottom:2px solid var(--orange);padding-bottom:8px;margin-bottom:24px}
.wochenkopf h1{position:relative;z-index:2;font-size:40px;line-height:1.2;letter-spacing:-.045em;width:77%;text-shadow:none}
.wochenkopf h1 .big{display:inline-block;font-size:clamp(65px,9.3vw,134px);line-height:1.07;font-weight:800;letter-spacing:-.075em;background:none;color:var(--text);animation:none}
.wochenkopf .under{width:440px;height:24px;object-fit:fill;display:block;margin:2px 0 14px;transform:rotate(-2deg)}
.wochenkopf .lead{color:var(--ti-l);font-size:15px;line-height:1.6;margin-top:18px;position:relative;z-index:2}
.hero-collage{position:absolute;inset:0 0 0 auto;width:355px;z-index:-1;pointer-events:none}
.polaroid{position:absolute;right:22px;top:16px;width:225px;aspect-ratio:640/891;transform:rotate(9deg)}
.polaroid-frame{position:absolute;inset:0;width:100%;height:100%}
.polaroid-photo{position:absolute;left:7.5%;top:6.5%;width:85%;height:72%;object-fit:cover;filter:grayscale(1)}
.tape{position:absolute;top:-14px;left:44px;width:135px;height:48px;object-fit:fill;transform:rotate(-14deg)}
.spray-x{position:absolute;width:150px;right:-33px;top:218px;transform:rotate(-12deg);z-index:3}
.hero-arrow{position:absolute;width:150px;left:0;bottom:3px;filter:brightness(0) invert(1);transform:rotate(20deg);opacity:.9}
.zahlen{display:grid;grid-template-columns:330px 1fr;column-gap:45px;align-items:center;padding:25px 0 28px;border:0;border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff30;border-radius:0;box-shadow:none;background:none;position:relative}
.hauptzahl{grid-column:1;grid-row:1/5;gap:18px;position:relative;isolation:isolate}
.hauptzahl:before{content:"";position:absolute;z-index:-1;left:-16px;top:50%;width:171px;height:123px;transform:translateY(-50%) rotate(-9deg);background:url('/assets/29_scribble_circle_orange.webp') center/100% 100% no-repeat}
.hauptzahl strong{font-size:106px;color:var(--text);background:none;line-height:1.1;padding:0 12px;letter-spacing:-.08em}
.hauptzahl>span{font-family:Caveat,cursive;font-size:30px;line-height:.95;font-weight:700;letter-spacing:0;transform:rotate(-3deg)}
.zaehlstatus,.formatzaehler,.kanalhinweis,.zaehlregel{grid-column:2;margin:0}
.zaehlstatus{font-size:15px}.formatzaehler{font-size:12px;margin-top:5px}.kanalhinweis{padding:0;border:0;font-size:12px;margin-top:9px}.zaehlregel{font-size:10px;line-height:1.6;margin-top:6px}
.auswahlstand{border:0;margin:27px 0 52px;padding:0 0 0 21px;position:relative}
.auswahlstand:before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;background:var(--orange);border-radius:50%}
.auswahlstand .note{font-size:26px}.auswahlstand p{font-size:11px;margin-top:6px}
.kalenderkopf{align-items:center;margin-bottom:24px}
.kalenderkopf h2{font-size:clamp(27px,3.4vw,44px);letter-spacing:-.055em}
.kalenderkopf>.wochen-note{font-size:29px;position:relative;padding-right:5px}
.kalenderkopf>.wochen-note:after{content:"";position:absolute;inset:auto 0 -12px;height:12px;background:url('/assets/orange-underline.svg') center/100% 100% no-repeat}
.wochenleiste{gap:0;border-top:1px solid #ffffff35;border-bottom:1px solid #ffffff35}
.wochentag{border:0;border-right:1px solid #ffffff25;border-radius:0;background:none;padding:15px 20px;position:relative;transition:background .2s}
.wochentag:last-child{border-right:0}.wochentag b{font-size:28px}.wochentag small{font-size:11px;color:var(--muted)}
.wochentag:hover,.wochentag:focus-visible{background:var(--orange);color:#080807}.wochentag:hover small{color:#080807}
.bedienhinweis{margin:15px 0 30px;font-size:12px;color:var(--muted)}
.tageraster{display:block}.tagkarte{padding:28px 0 38px;background:none;border:0;border-radius:0;box-shadow:none;border-top:1px solid #ffffff35;position:relative;scroll-margin-top:24px}
.tagkarte:target{border-top-color:var(--orange)}
.tagkopf{border:0;padding:0 0 25px;margin:0;justify-content:flex-start;gap:26px;position:relative}
.tagkopf h3{font-size:35px;font-weight:800;letter-spacing:-.05em}.tageszahl{font:25px/1 Caveat,cursive;color:var(--note-orange);transform:rotate(-5deg)}
.tagkopf:after{content:"";position:absolute;right:3px;top:0;width:32px;height:32px;background:url('/assets/orange-star.svg') center/contain no-repeat}
.tagkarte:nth-child(2n) .tagkopf:after{background-image:url('/assets/30_scribble_cross_orange.webp');filter:brightness(0) invert(1);transform:rotate(15deg)}
.posterreihe{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
.poster-button,.poster{border-radius:0}.poster{aspect-ratio:9/11;max-height:310px;border:1px solid #ffffff25;background:#101010}
.poster-button:focus-visible{outline-offset:5px}.poster-button:hover img{transform:scale(1.025)}
.poster img{filter:saturate(.83)}
.play{width:47px;height:47px;border:1px solid #F3F4F5;background:#080807b3;font-size:16px}
.poster-button:hover .play{background:var(--orange);color:#080807;border-color:var(--orange)}
.status{border:0;border-bottom:1px solid #f47c0070;padding:4px 0;border-radius:0;margin-top:10px;font-size:10px;letter-spacing:.02em}
.format{font-size:10px;margin-top:10px}.stueck h4{font-size:16px;line-height:1.35;margin-top:4px;font-weight:800}.titelstatus{font-size:11px;line-height:1.4;margin:6px 0 0}
.kanaele{gap:5px 9px;margin-top:10px}.kanaele li{font-size:10px}.kanaele svg{width:13px;height:13px}
.textposter{padding:17px;background:#141414}.textposter-kopf b{font-size:10px}.textposter-kopf .av{width:28px;height:28px}.textposter-text{font-size:13px;line-height:1.6;-webkit-line-clamp:8}.textposter-mehr{font-size:10px}
.fuss{border-top:1px solid #ffffff25;padding-top:28px;margin-top:10px;color:var(--muted);font-size:12px}
#vorschau{border-radius:3px;background:#101010;border-top:3px solid var(--orange)}
.dialog-kopf button{border-radius:0}.wochenvideo{border-radius:0}
.loader{background:#080807;isolation:isolate}.loader:before{content:"";position:absolute;width:320px;height:230px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-10deg);background:url('/assets/29_scribble_circle_orange.webp') center/100% 100% no-repeat;z-index:-1}
.loader-eye{width:90px;filter:none}.loader-t{font-family:Caveat,cursive;font-size:47px;transform:rotate(-5deg)}.loader-t .j,.loader-t .n{color:var(--text)}.loader-t i{color:var(--note-orange)}
@media(max-width:1000px){.wochenkopf{min-height:355px}.wochenkopf h1{font-size:32px}.wochenkopf h1 .big{font-size:10vw}.hero-collage{width:280px}.polaroid{width:180px;right:8px}.spray-x{width:110px;top:192px;right:-15px}.hero-arrow{width:110px;left:28px}.wochenkopf .under{width:340px}.zahlen{grid-template-columns:300px 1fr;column-gap:30px}.hauptzahl strong{font-size:95px}.hauptzahl>span{font-size:26px}.posterreihe{gap:19px}.poster{aspect-ratio:9/12}.stueck h4{font-size:14px}.kanaele li{font-size:9px}}
@media(max-width:700px){
 .wrap{width:calc(100% - 36px);padding:27px 0}.wochenkopf{padding:12px 0 24px;min-height:410px}
 .kicker{font-size:10px;margin-bottom:18px}.wochenkopf h1{width:100%;font-size:24px;line-height:1.2}.wochenkopf h1 .big{font-size:clamp(48px,12.8vw,88px);letter-spacing:-.07em;line-height:1.2;white-space:nowrap}
 .wochenkopf .under{width:233px;height:16px;margin:3px 0 0}.wochenkopf .lead{font-size:12px;line-height:1.65;margin-top:32px;max-width:205px}
 .hero-collage{width:170px;top:176px;bottom:18px;right:-5px}.polaroid{top:9px;right:9px;width:124px}.tape{width:76px;height:28px;left:25px;top:-8px}.spray-x{width:72px;top:143px;right:-6px}.hero-arrow{width:66px;left:15px;bottom:5px;transform:rotate(34deg)}
 .zahlen{grid-template-columns:1fr;gap:0;padding:24px 0 25px}.hauptzahl{grid-column:1;grid-row:auto;gap:23px;margin-bottom:23px;padding-left:6px}.hauptzahl strong{font-size:96px;padding:0 12px}.hauptzahl:before{left:-4px;width:157px;height:111px}.hauptzahl>span{font-size:31px;line-height:1}
 .zaehlstatus,.formatzaehler,.kanalhinweis,.zaehlregel{grid-column:1}.zaehlstatus{font-size:14px}.formatzaehler{font-size:11px;margin-top:5px}.kanalhinweis{font-size:11px;margin-top:13px;line-height:1.65}.zaehlregel{font-size:10px;margin-top:10px}
 .auswahlstand{margin:23px 0 35px;padding-left:17px}.auswahlstand .note{font-size:25px}.auswahlstand p{font-size:10px;line-height:1.7}
 .kalenderkopf{display:block;margin-bottom:21px}.kalenderkopf h2{font-size:30px}.kalenderkopf>.wochen-note{display:inline-block;margin-top:10px;font-size:23px}.kalenderkopf>.wochen-note:after{bottom:-8px;height:8px}
 .wochentag{padding:11px 1px;justify-items:center}.wochentag b{font-size:20px}.wochentag small{font-size:8px}.bedienhinweis{font-size:10px;line-height:1.65;margin:15px 0 21px}
 .tagkarte{padding:23px 0 30px}.tagkopf{padding-bottom:21px;gap:20px}.tagkopf h3{font-size:30px}.tageszahl{font-size:24px}.tagkopf:after{width:25px;height:25px;top:3px}
 .posterreihe{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 15px}.poster{aspect-ratio:9/12;max-height:none}.stueck h4{font-size:14px;line-height:1.4}.status{font-size:9px;margin-top:7px}.format{font-size:9px;margin-top:8px}.kanaele{gap:5px 7px}.kanaele li{font-size:9px}.play{width:39px;height:39px;font-size:13px}
 .textposter{padding:10px}.textposter-kopf b{font-size:8px}.textposter-kopf .av{width:22px;height:22px}.textposter-text{font-size:11px;-webkit-line-clamp:7}.textposter-mehr{font-size:9px}.fuss{font-size:10px}.titelstatus{font-size:10px}
}
@media(max-width:355px){.wochenkopf h1{font-size:21px}.wochenkopf h1 .big{font-size:12.6vw}.wochenkopf .lead{max-width:171px;font-size:11px}.hero-collage{right:-7px;width:138px}.polaroid{width:110px}.hero-arrow{left:0}.wochenkopf{min-height:395px}.kalenderkopf h2{font-size:27px}.wochentag b{font-size:18px}.wochentag small{font-size:7px}.hauptzahl>span{font-size:28px}}
.wochentag:focus-visible small{color:#080807}
@media(max-width:355px){.spray-x{right:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.loader{transition:none}.poster img{transition:none}}

.kalender{margin-top:42px}.version{font-size:11px;line-height:1.4;color:var(--muted);margin-top:5px}