/*
Theme Name: Unterhaltungsblatt
Theme URI: https://unterhaltungsblatt.de/
Author: EBZPRO Media
Description: TV-, Reality- und Promi-Portal im Stil großer Boulevard-Portale: Top News, Show-Kacheln, „Wer ist raus?“-Tracker mit Abstimmung, Heute im TV mit JETZT-Anzeige, Clips, Quoten-Check, Countdown, Streaming-Tipps und Kandidaten-Steckbriefe (eigener Beitragstyp mit Profilseiten). Schwarz + Signalgelb, Schrift Plus Jakarta Sans lokal eingebunden (DSGVO).
Version: 1.0.0
Requires at least: 6.2
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: ublatt
*/
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/plus-jakarta-sans-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/plus-jakarta-sans-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/plus-jakarta-sans-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/plus-jakarta-sans-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/plus-jakarta-sans-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/plus-jakarta-sans-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/plus-jakarta-sans-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/plus-jakarta-sans-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:800;font-display:swap;src:url(assets/fonts/plus-jakarta-sans-latin-800-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:800;font-display:swap;src:url(assets/fonts/plus-jakarta-sans-latin-ext-800-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{
  --y:#FFCF1A;--y2:#FFE27A;--ybg:#FFF8DC;--yd:#8A6A00;
  --k:#111113;--k2:#1B1B1F;--k3:#2A2A30;
  --ink:#17171B;--ink2:#56565F;--ink3:#8F8F99;--line:#ECEAE4;--bg2:#F7F5F0;
  --f:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --r:16px;--rs:12px;
  --sh:0 1px 2px rgba(20,20,30,.04),0 10px 30px -14px rgba(20,20,30,.16);
  --shh:0 2px 4px rgba(20,20,30,.05),0 22px 44px -18px rgba(20,20,30,.28);
  --ease:cubic-bezier(.2,.7,.2,1);
  --gut:28px;--max:1200px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{word-spacing:.02em;font-family:var(--f);color:var(--ink);background:#fff;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;font-feature-settings:"ss01","cv11"}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;color:inherit;background:none;border:0}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gut)}
::selection{background:var(--y)}

/* photo */
.ph{position:relative;overflow:hidden;background:linear-gradient(135deg,#E9E6DF,#DAD6CD);display:block;border-radius:var(--r);isolation:isolate}
.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}
a:hover .ph img{transform:scale(1.045)}

/* teaser parts */
.corner{position:relative}
.corner::before{content:"";position:absolute;left:-14px;top:-14px;width:42%;max-width:260px;height:55%;max-height:220px;background:linear-gradient(135deg,var(--y),#FFE066);border-radius:22px;z-index:0}
.corner>*{position:relative;z-index:1}
.kick{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;letter-spacing:.01em;color:var(--ink);background:var(--y);padding:5px 12px;border-radius:999px;line-height:1.2;box-shadow:0 6px 16px -8px rgba(120,90,0,.5)}
.onimg{position:relative;margin:-16px 0 0 14px;z-index:2}
.hl{font-weight:700;line-height:1.2;letter-spacing:-.012em;word-spacing:.06em;transition:color .25s}
.hl{background-image:linear-gradient(var(--y),var(--y));background-size:0 .32em;background-position:0 88%;background-repeat:no-repeat;transition:background-size .45s var(--ease)}
a:hover .hl{background-size:100% .32em}
.hl{display:inline}
.vid{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--ink2);margin-top:10px}
.vid svg{width:16px;height:16px}
.live{display:inline-flex;align-items:center;gap:6px;background:#E5202E;color:#fff;font-weight:700;font-size:11.5px;letter-spacing:.04em;padding:4px 10px;border-radius:999px}
.live i{width:6px;height:6px;border-radius:50%;background:#fff;animation:bl 1.4s infinite}
@keyframes bl{50%{opacity:.25}}

/* tv ticker */
.tv-bar{background:var(--k);color:#fff;font-size:13px}
.tv-bar .wrap{display:flex;align-items:center;height:40px;gap:16px}
.tv-bar .lab{flex:none;display:inline-flex;align-items:center;gap:7px;background:rgba(255,207,26,.14);color:var(--y);font-weight:700;font-size:12px;letter-spacing:.03em;padding:4px 11px;border-radius:999px}
.tv-bar .lab i{width:7px;height:7px;border-radius:50%;background:var(--y);box-shadow:0 0 0 0 rgba(255,207,26,.6);animation:pulse 1.8s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 7px rgba(255,207,26,0)}100%{box-shadow:0 0 0 0 rgba(255,207,26,0)}}
.tv-bar .run-w{flex:1;min-width:0;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 4%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 4%,#000 92%,transparent)}
.tv-bar .run{display:inline-flex;white-space:nowrap;animation:run 60s linear infinite}
.tv-bar:hover .run{animation-play-state:paused}
.tv-bar .run a{padding-right:38px;color:rgba(255,255,255,.88)}
.tv-bar .run a:hover{color:#fff}
.tv-bar .run b{color:var(--y);font-weight:700;margin-right:8px;font-variant-numeric:tabular-nums}
.tv-bar .run em{font-style:normal;color:rgba(255,255,255,.45);margin-left:8px;font-size:12px}
@keyframes run{to{transform:translateX(-50%)}}

/* header */
.hdr{position:sticky;top:0;z-index:70;background:rgba(255,255,255,.88);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid transparent;transition:box-shadow .3s,border-color .3s}
.hdr.sm{border-color:var(--line);box-shadow:0 10px 30px -22px rgba(0,0,0,.35)}
.hdr .wrap{display:flex;align-items:center;height:78px;gap:28px;transition:height .3s var(--ease)}
.hdr.sm .wrap{height:62px}
.logo{display:inline-flex;align-items:center;gap:11px;flex:none;line-height:1}
.logo .mk{width:42px;height:42px;border-radius:13px;background:var(--y);color:var(--k);display:grid;place-items:center;font-weight:800;font-size:17px;letter-spacing:-.04em;box-shadow:inset 0 -3px 0 rgba(0,0,0,.08),0 8px 18px -10px rgba(140,100,0,.55);transition:transform .3s var(--ease)}
.logo:hover .mk{transform:rotate(-6deg)}
.logo .wm{display:flex;flex-direction:column;gap:3px}
.logo .wm span{font-weight:800;font-size:21px;letter-spacing:-.035em}
.logo .wm span b{font-weight:800;background:linear-gradient(transparent 62%,var(--y) 62%,var(--y) 92%,transparent 92%)}
.logo .wm small{font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink3)}
.hdr nav{flex:1;min-width:0;display:flex;justify-content:center}
.hdr nav ul{list-style:none;display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;background:var(--bg2);padding:4px;border-radius:999px}
.hdr nav ul::-webkit-scrollbar{display:none}
.hdr nav a{display:block;padding:8px 13px;font-size:14.5px;font-weight:600;color:var(--ink2);white-space:nowrap;border-radius:999px;transition:background .2s,color .2s}
.hdr nav a:hover{color:var(--ink);background:#fff}
.hdr nav a.on{background:#fff;color:var(--ink);box-shadow:0 2px 8px -3px rgba(0,0,0,.18)}
.hdr nav a.hot::after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#E5202E;margin-left:6px;vertical-align:2px}
.hdr .act{display:flex;gap:8px;flex:none;align-items:center}
.ib{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}
.ib:hover{background:var(--bg2)}
.ib svg{width:20px;height:20px}
.mehr{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;padding:0 16px;height:42px;border-radius:999px;background:var(--k);color:#fff;transition:transform .2s}
.mehr:hover{transform:translateY(-1px)}
.mehr svg{width:18px;height:18px}

/* trend chips */
.trend{border-bottom:1px solid var(--line)}
.trend .wrap{display:flex;align-items:center;gap:10px;height:50px;overflow-x:auto;scrollbar-width:none}
.trend .wrap::-webkit-scrollbar{display:none}
.trend .t{flex:none;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3)}
.trend a{flex:none;font-size:13.5px;font-weight:600;color:var(--ink2);padding:5px 12px;border-radius:999px;background:var(--bg2);transition:background .2s,color .2s}
.trend a:hover{background:var(--y);color:var(--ink)}
.trend a em{font-style:normal;color:#E5202E;font-weight:700;margin-left:4px;font-size:11px}

/* section head */
.sec{padding:56px 0}
.sec.g{background:var(--bg2)}
.sh{display:flex;align-items:center;gap:18px;margin-bottom:28px;flex-wrap:wrap}
.sh h2{font-weight:800;font-size:30px;line-height:1.1;letter-spacing:-.025em;word-spacing:.08em;display:flex;align-items:center;gap:0}
.sh h2::after{content:"";width:9px;height:9px;border-radius:50%;background:var(--y);margin-left:5px;align-self:flex-end;margin-bottom:6px}
.sh .ey{display:block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--yd);margin-bottom:6px}
.sh .subs{display:flex;gap:6px;flex:1;overflow-x:auto;scrollbar-width:none;min-width:0}
.sh .subs::-webkit-scrollbar{display:none}
.sh .subs a{flex:none;font-size:13px;font-weight:600;color:var(--ink2);padding:6px 13px;border:1px solid var(--line);border-radius:999px;background:#fff;transition:all .2s}
.sh .subs a:hover{background:var(--y);border-color:var(--y);color:var(--ink)}
.sh .more{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:13.5px}
.sh .more::after{content:"→";width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--y);color:var(--k);transition:transform .25s var(--ease)}
.sh .more:hover::after{transform:translateX(3px)}
.dk{background:radial-gradient(900px 420px at 88% -10%,rgba(255,207,26,.13),transparent 60%),var(--k);color:#fff}
.dk .sh .subs a{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);color:rgba(255,255,255,.8)}
.dk .sh .subs a:hover{color:var(--k)}
.dk .sh .ey{color:var(--y)}

/* ads */
.ad{position:relative;background:repeating-linear-gradient(135deg,#F5F3EE 0 12px,#F1EFE9 12px 24px);border-radius:var(--rs);color:#AAA69C;font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;margin:0 auto}
.ad::before{content:"Anzeige";position:absolute;top:-19px;left:0;font-size:10px;letter-spacing:.12em;color:#A5A5A5}
.adw{padding:34px 0 26px}.ad.bb{height:250px;max-width:970px}.ad.m{display:none}

/* TOP NEWS */
.top{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:40px;align-items:start}
.lead{display:block}
.lead .ph{aspect-ratio:5/4;border-radius:22px;box-shadow:var(--sh)}
.lead .onimg{margin:-19px 0 0 20px}
.lead .kick{font-size:14px;padding:7px 15px}
.lead .hlw{margin-top:16px}
.lead .hl{font-size:clamp(28px,3vw,40px);line-height:1.14;letter-spacing:-.025em;word-spacing:.08em;font-weight:800}
.lead .dek{font-size:17px;color:var(--ink2);margin-top:12px;max-width:640px}
.slist{display:flex;flex-direction:column}
.slist .lbl{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);padding-bottom:12px;border-bottom:1px solid var(--line)}
.sl{display:grid;grid-template-columns:118px minmax(0,1fr);gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.sl:last-child{border-bottom:0}
.sl .ph{aspect-ratio:1;border-radius:14px}
.sl .kick{background:none;padding:0;box-shadow:none;color:var(--yd);font-size:12px;letter-spacing:.04em;text-transform:uppercase}
.sl .hlw{margin-top:5px;line-height:1.3}
.sl .hl{font-size:16.5px;line-height:1.3}
.sl .vid{margin-top:8px}

/* show hubs */
.shows{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px}
.show{display:block;position:relative;border-radius:18px;overflow:hidden;background:var(--k);box-shadow:var(--sh);transition:transform .35s var(--ease),box-shadow .35s}
.show:hover{transform:translateY(-4px);box-shadow:var(--shh)}
.show .ph{aspect-ratio:3/4;border-radius:0}
.show::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(10,10,12,.92));pointer-events:none}
.show .n{position:absolute;left:14px;right:14px;bottom:14px;z-index:2;color:#fff;font-weight:700;font-size:15.5px;line-height:1.2;letter-spacing:-.01em}
.show .n small{display:block;font-weight:500;font-size:12px;color:rgba(255,255,255,.62);margin-top:3px}
.show .st{position:absolute;top:11px;left:11px;z-index:2}
.show .st.soon{background:rgba(255,255,255,.92);color:var(--k);font-weight:700;font-size:11.5px;padding:4px 10px;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}

/* grid 3 */
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 30px}
.card{display:block}
.card .ph{aspect-ratio:3/2;box-shadow:var(--sh)}
.card .hlw{margin-top:14px}
.card .hl{font-size:20px;line-height:1.28}

/* raus tracker */
.trk{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:36px;align-items:start}
.tabs{display:inline-flex;gap:4px;margin-bottom:26px;overflow-x:auto;scrollbar-width:none;background:rgba(255,255,255,.06);padding:4px;border-radius:999px;max-width:100%}
.tabs button{flex:none;font-weight:700;font-size:14px;padding:9px 18px;border-radius:999px;color:rgba(255,255,255,.75);transition:all .25s}
.tabs button.on{background:var(--y);color:var(--k)}
.cands{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px 16px}
.cand{text-align:center;position:relative}
.cand .ph{aspect-ratio:1;border-radius:50%;border:3px solid var(--k);box-shadow:0 0 0 2px var(--y);transition:transform .3s var(--ease)}
.cand:hover .ph{transform:scale(1.04)}
.cand b{display:block;font-size:14px;font-weight:700;margin-top:10px}
.cand small{display:block;font-size:11.5px;color:rgba(255,255,255,.5)}
.cand.out .ph{box-shadow:0 0 0 2px #3A3A40;filter:grayscale(1) brightness(.5)}
.cand.out::after{content:"Raus";position:absolute;top:34%;left:50%;transform:translate(-50%,-50%) rotate(-8deg);background:#E5202E;color:#fff;font-weight:800;font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:4px 11px;border-radius:999px;z-index:3;box-shadow:0 8px 18px -8px rgba(229,32,46,.8)}
.cand.out b{color:rgba(255,255,255,.4);text-decoration:line-through}
.trk .info{display:flex;gap:14px;margin-top:30px}
.trk .info div{flex:1;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:var(--r);padding:16px 18px}
.trk .info div b{display:block;font-weight:800;font-size:32px;letter-spacing:-.03em;color:var(--y);line-height:1}
.trk .info div span{display:block;font-size:12.5px;color:rgba(255,255,255,.55);margin-top:6px}
.vote{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:26px}
.vote h3{font-weight:800;font-size:24px;letter-spacing:-.02em;word-spacing:.08em;line-height:1.15}
.vote h3 span{color:var(--y)}
.vote p{font-size:13.5px;color:rgba(255,255,255,.6);margin-top:6px}
.vopt{display:block;width:100%;text-align:left;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:13px 16px;margin-top:10px;font-weight:600;font-size:15px;position:relative;overflow:hidden;color:#fff;transition:border-color .2s,background .2s}
.vopt:hover{border-color:rgba(255,207,26,.6);background:rgba(255,255,255,.07)}
.vopt i{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,rgba(255,207,26,.32),rgba(255,207,26,.14));transition:width 1s var(--ease)}
.vopt span{position:relative;display:flex;justify-content:space-between}
.vopt em{font-style:normal;font-weight:700;color:var(--y);opacity:0;transition:opacity .4s .5s}
.vote.done .vopt em{opacity:1}
.vote .tot{font-size:12px;color:rgba(255,255,255,.45);margin-top:14px}

/* heute im tv */
.tvp{background:#fff;border:1px solid var(--line);border-radius:22px;padding:8px 22px;box-shadow:var(--sh)}
.tvr{display:grid;grid-template-columns:74px 112px minmax(0,1fr) auto;gap:18px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line);transition:background .2s}
.tvr:last-child{border-bottom:0}
.tvr .t{font-weight:800;font-size:20px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.tvr .ch{display:inline-flex;justify-content:center;font-weight:700;font-size:12.5px;background:var(--bg2);color:var(--ink);padding:5px 11px;border-radius:9px;width:max-content}
.tvr b{display:block;font-weight:700;font-size:16.5px;letter-spacing:-.01em;line-height:1.3}
.tvr small{font-size:13px;color:var(--ink3)}
.tvr .tag{justify-self:end;font-size:11.5px;font-weight:700;color:var(--ink2);background:var(--bg2);padding:4px 11px;border-radius:999px}
.tvr:hover b{color:var(--yd)}
.tvr.now{background:var(--ybg);margin:6px -12px;padding:15px 12px;border-radius:16px;border-bottom:0}
.tvr.now .ch{background:#fff}
.tvr.now .tag{background:#E5202E;color:#fff}
.prog{height:5px;background:rgba(0,0,0,.08);margin-top:9px;max-width:340px;border-radius:9px;overflow:hidden}
.prog i{display:block;height:100%;background:var(--k);border-radius:9px}
.tvside{display:grid;grid-template-columns:minmax(0,1.65fr) 340px;gap:32px;align-items:start}
.tipp{background:var(--k);color:#fff;display:block;border-radius:22px;overflow:hidden;box-shadow:var(--shh);position:sticky;top:90px}
.tipp .ph{aspect-ratio:4/3;border-radius:0}
.tipp .in{padding:22px 22px 24px}
.tipp .hlw{margin-top:12px}
.tipp .hl{font-size:21px;line-height:1.25}
.tipp p{font-size:14px;color:rgba(255,255,255,.62);margin-top:10px}
.tipp .when{display:inline-flex;gap:8px;align-items:center;margin-top:16px;font-weight:700;font-size:14px;color:var(--k);background:var(--y);padding:7px 14px;border-radius:999px}

/* clips */
.clips{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.clip{display:block;position:relative;overflow:hidden;border-radius:20px;box-shadow:var(--sh);transition:transform .35s var(--ease),box-shadow .35s}
.clip:hover{transform:translateY(-4px);box-shadow:var(--shh)}
.clip .ph{aspect-ratio:9/16;border-radius:0}
.clip::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(10,10,12,.9));pointer-events:none}
.clip .cap{position:absolute;left:16px;right:16px;bottom:16px;z-index:2;color:#fff}
.clip .cap b{display:block;font-weight:700;font-size:16px;line-height:1.25;letter-spacing:-.01em}
.clip .d{position:absolute;top:12px;left:12px;z-index:2;background:rgba(255,255,255,.9);color:var(--k);font-weight:700;font-size:11.5px;padding:4px 10px 4px 8px;border-radius:999px;display:flex;gap:5px;align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.clip .d svg{width:11px;height:11px}
.clip .pl{position:absolute;left:50%;top:44%;z-index:2;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:rgba(255,255,255,.22);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;color:#fff;opacity:0;transform:scale(.8);transition:all .3s var(--ease)}
.clip .pl svg{width:20px;height:20px;margin-left:3px}
.clip:hover .pl{opacity:1;transform:none}

/* quoten */
.qcard{background:#fff;border:1px solid var(--line);border-radius:22px;padding:10px 22px 16px;box-shadow:var(--sh)}
.qt{width:100%;border-collapse:collapse;font-size:15px}
.qt th{text-align:left;font-weight:700;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);padding:14px 10px 12px;border-bottom:1px solid var(--line)}
.qt td{padding:14px 10px;border-bottom:1px solid var(--line)}
.qt tr:last-child td{border-bottom:0}
.qt .r{width:52px}
.qt .r span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--bg2);font-weight:800;font-size:14px}
.qt tr:first-child .r span{background:var(--y)}
.qt b{font-weight:700}
.qt .bar{display:flex;align-items:center;gap:12px}
.qt .bar span{flex:1;height:8px;background:var(--bg2);position:relative;min-width:80px;border-radius:9px;overflow:hidden}
.qt .bar span i{position:absolute;inset:0 auto 0 0;background:var(--k);border-radius:9px}
.qt tr:first-child .bar span i{background:linear-gradient(90deg,#FFC400,var(--y))}
.qt .bar span.num{flex:none;height:auto;background:none;min-width:0;overflow:visible}
.qt .num{font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}
.qnote{font-size:12px;color:var(--ink3);margin-top:12px}
.qwrap{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:32px;align-items:start}
.cd{background:radial-gradient(420px 260px at 90% 0,#FFE88A,transparent 60%),linear-gradient(145deg,#FFD62E,#FFC107);padding:32px 28px;text-align:center;border-radius:24px;box-shadow:0 24px 48px -26px rgba(170,120,0,.65)}
.cd .lab{display:inline-block;font-weight:700;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;background:rgba(0,0,0,.08);padding:5px 12px;border-radius:999px}
.cd h3{font-weight:800;font-size:25px;line-height:1.2;letter-spacing:-.025em;margin-top:14px}
.cd .nums{display:flex;justify-content:center;gap:10px;margin-top:22px}
.cd .nums div{background:var(--k);color:#fff;min-width:74px;padding:14px 6px 11px;border-radius:16px}
.cd .nums b{display:block;font-weight:800;font-size:34px;line-height:1;color:var(--y);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.cd .nums span{display:block;font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-top:6px}
.cd .rem{display:inline-flex;gap:8px;align-items:center;margin-top:20px;background:#fff;color:var(--k);padding:11px 20px;font-weight:700;font-size:14px;border-radius:999px;box-shadow:0 8px 20px -10px rgba(0,0,0,.35);transition:transform .2s}
.cd .rem:hover{transform:translateY(-1px)}
.cd .rem.on{background:var(--k);color:var(--y)}

/* streaming */
.strm{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.pst{display:block}
.pst .ph{aspect-ratio:2/3;border-radius:16px;box-shadow:0 16px 36px -20px rgba(0,0,0,.9);transition:transform .35s var(--ease)}
.pst:hover .ph{transform:translateY(-4px)}
.pst .pf{position:absolute;top:10px;left:10px;z-index:2;background:rgba(17,17,19,.72);color:#fff;font-size:11px;font-weight:700;padding:4px 9px;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.pst .sc{position:absolute;bottom:10px;right:10px;z-index:2;background:var(--y);color:var(--k);font-weight:800;font-size:13px;padding:4px 10px;border-radius:999px}
.pst b{display:block;font-weight:700;font-size:15.5px;line-height:1.3;margin-top:14px;letter-spacing:-.01em}
.pst small{font-size:12.5px;color:rgba(255,255,255,.5)}
.pst:hover b{color:var(--y)}

/* kandidaten steckbriefe */
.kands{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.kc{display:block;background:#fff;border-radius:20px;padding:8px 8px 16px;box-shadow:var(--sh);transition:transform .35s var(--ease),box-shadow .35s}
.kc:hover{transform:translateY(-4px);box-shadow:var(--shh)}
.kc .ph{aspect-ratio:4/5;border-radius:14px}
.kc>div{padding:0 8px}
.kc .show-t{display:inline-block;margin-top:-13px;position:relative;z-index:2;font-weight:700;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;background:var(--k);color:var(--y);padding:5px 10px;border-radius:999px}
.kc b{display:block;font-weight:800;font-size:18px;letter-spacing:-.02em;line-height:1.2;margin-top:8px}
.kc small{display:block;font-size:13px;color:var(--ink3);margin-top:1px}
.kc dl{margin:12px 0 0;display:grid;grid-template-columns:auto 1fr;gap:5px 8px;font-size:12.5px;border-top:1px solid var(--line);padding-top:10px}
.kc dt{color:var(--ink3)}.kc dd{margin:0;font-weight:700;text-align:right}
.kc .out{color:#D11F2C}.kc .in{color:#12884A}
.kc .go{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:12.5px;font-weight:700}
.kc .go i{font-style:normal;width:26px;height:26px;border-radius:50%;background:var(--bg2);display:grid;place-items:center;transition:background .2s}
.kc:hover .go i{background:var(--y)}

/* newsletter */
.nlw{padding:10px 0 64px;background:var(--bg2)}
.nl{position:relative;overflow:hidden;background:radial-gradient(600px 300px at 100% 0,rgba(255,207,26,.28),transparent 60%),var(--k);color:#fff;border-radius:28px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:36px;align-items:center;padding:44px 48px}
.nl .ic{width:52px;height:52px;border-radius:16px;background:var(--y);color:var(--k);display:grid;place-items:center;margin-bottom:16px}
.nl .ic svg{width:24px;height:24px}
.nl h2{font-weight:800;font-size:32px;line-height:1.1;letter-spacing:-.03em}
.nl p{margin-top:10px;color:rgba(255,255,255,.65);max-width:460px}
.nl form{display:flex;background:#fff;border-radius:999px;padding:6px;box-shadow:0 16px 40px -20px rgba(0,0,0,.6)}
.nl input{flex:1;min-width:0;border:0;outline:0;padding:0 18px;font:inherit;font-size:15px;background:none;color:var(--ink)}
.nl button{background:var(--y);color:var(--k);font-weight:700;font-size:15px;padding:0 24px;height:48px;border-radius:999px;transition:transform .2s}
.nl button:hover{transform:translateY(-1px)}
.nl .fine{font-size:12px;color:rgba(255,255,255,.45);margin-top:12px;padding-left:18px}
.nl .ok{background:#fff;color:var(--ink);border-radius:18px;padding:16px 20px;font-weight:700}

/* footer */
footer{background:var(--k);color:rgba(255,255,255,.6);font-size:14px}
footer .logo .wm span{color:#fff}
footer .logo .wm span b{background:none;color:var(--y)}
.fg{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:28px;padding:56px 0 34px}
footer h5{font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#fff;margin-bottom:14px}
footer ul{list-style:none}footer li a{display:block;padding:5px 0;transition:color .2s}footer a:hover{color:var(--y)}
footer .ab{margin-top:16px;max-width:290px;line-height:1.6}
.fb{border-top:1px solid rgba(255,255,255,.1);padding:20px 0 26px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:12.5px}
.fb nav{display:flex;gap:20px;flex-wrap:wrap}

/* drawer */
.scrim{position:fixed;inset:0;background:rgba(10,10,12,.45);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:190;opacity:0;pointer-events:none;transition:opacity .3s}
.scrim.on{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:10px;bottom:10px;right:10px;width:min(370px,calc(100vw - 20px));background:#fff;border-radius:24px;z-index:200;transform:translateX(110%);transition:transform .4s var(--ease);overflow-y:auto;padding-bottom:30px;box-shadow:0 30px 60px -20px rgba(0,0,0,.4)}
.drawer.on{transform:none}
.drawer .dh{display:flex;justify-content:space-between;align-items:center;padding:16px 18px}
.drawer .x{width:40px;height:40px;border-radius:50%;background:var(--bg2);font-size:16px}
.drawer form{margin:4px 18px 10px;display:flex;background:var(--bg2);height:48px;align-items:center;padding:0 16px;border-radius:14px}
.drawer input{border:0;outline:0;flex:1;font:inherit;font-size:16px;min-width:0;background:none}
.drawer h6{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);margin:20px 18px 6px}
.drawer .dl{padding:0 8px}
.drawer .dl a{display:flex;justify-content:space-between;align-items:center;padding:13px 12px;border-radius:12px;font-weight:700;font-size:17px;letter-spacing:-.01em;transition:background .2s}
.drawer .dl a:hover{background:var(--bg2)}
.drawer .dl a::after{content:"→";color:var(--ink3)}
.totop{position:fixed;right:18px;bottom:18px;z-index:70;width:48px;height:48px;border-radius:50%;background:var(--k);color:var(--y);font-size:18px;font-weight:700;box-shadow:var(--shh);opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;transform:translateY(8px)}
.totop.on{opacity:1;pointer-events:auto;transform:none}


/* =========================================================
   Theme-Ergänzungen
   ========================================================= */
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.skip-link:focus{position:fixed!important;left:12px;top:12px;width:auto;height:auto;clip:auto;z-index:999;background:var(--y);color:var(--k);padding:10px 16px;border-radius:999px;font-weight:700}
:focus-visible{outline:3px solid var(--y);outline-offset:2px}
img{max-width:100%;height:auto}
.ph.empty{background:linear-gradient(135deg,#EFECE5,#E2DED4)}
.ph.empty::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(255,207,26,.22),transparent 55%)}
.ph .lbl{position:absolute;top:12px;left:12px;z-index:2;background:var(--k);color:var(--y);font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:999px}
.vid.t{font-weight:500;color:var(--ink3)}
.dk .vid,.tipp .vid{color:rgba(255,255,255,.6)}
.progress{position:fixed;left:0;right:0;top:0;height:3px;background:var(--y);transform-origin:0 50%;transform:scaleX(0);z-index:300}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:var(--k);color:#fff;padding:12px 18px;border-radius:999px;font-size:14px;font-weight:600;opacity:0;pointer-events:none;transition:all .3s var(--ease);z-index:400}
.toast.on{opacity:1;transform:translate(-50%,0)}

/* logo / menu (WordPress-Markup) */
.logo .custom-logo{max-height:48px;width:auto}
.hdr nav ul li{list-style:none}
.hdr nav .current-menu-item>a,.hdr nav .current-menu-ancestor>a,.hdr nav .current-cat>a{background:#fff;color:var(--ink);box-shadow:0 2px 8px -3px rgba(0,0,0,.18)}
.site-footer .logo .mk{box-shadow:none}
.soc{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.soc a{font-size:12.5px;font-weight:600;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.07)}
.fb ul{display:flex;gap:20px;flex-wrap:wrap;list-style:none}
.drawer .dl ul{list-style:none}
.drawer .dchips{display:flex;flex-wrap:wrap;gap:6px;padding:0 18px}
.drawer .dchips a{font-size:13px;font-weight:600;padding:6px 12px;border-radius:999px;background:var(--bg2)}
.drawer .dchips a:hover{background:var(--y)}
.drawer form button{width:36px;height:36px;display:grid;place-items:center}
.drawer form button svg{width:18px;height:18px}

/* section extras */
.sh .today{flex:none;font-size:13px;font-weight:600;color:var(--ink3);padding:6px 0}
.sh h2.mini,h2.mini{font-size:22px}
h2.mini{font-weight:800;letter-spacing:-.02em;word-spacing:.06em;margin-bottom:16px}
.top-sec{padding-top:36px}
.slist .sl .ph{flex:none}
.lead .vid{margin-top:12px}

/* tracker panels */
.tpanel{display:none}
.tpanel.on{display:block;animation:fade .4s var(--ease)}
@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.cand{display:block}
.cand.win .ph{box-shadow:0 0 0 3px var(--y),0 0 24px rgba(255,207,26,.5)}
.cand.win::after{content:"Sieger";position:absolute;top:34%;left:50%;transform:translate(-50%,-50%) rotate(-8deg);background:var(--y);color:var(--k);font-weight:800;font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:4px 11px;border-radius:999px;z-index:3}
.vote.busy{opacity:.7;pointer-events:none}
.vopt.mine{border-color:var(--y)!important}
.vopt.mine span::before{content:"✓ ";color:var(--y)}

/* tv */
.tvr.past{opacity:.45}
.tvr .prog{display:none}
.tvr.now .prog{display:block}
.tvside.solo{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.tvside.solo .tipp{position:static;display:grid;grid-template-columns:1.1fr 1fr;grid-column:1/-1}
.tipp .ph{border-radius:0}
.tipp .when svg{width:16px;height:16px}
.tipp .vid{display:none}

/* quoten / countdown */
.qt small{color:var(--ink3);font-size:12.5px}
.qwrap.solo{grid-template-columns:minmax(0,1fr)}
.qwrap.solo .cd{max-width:560px;margin:0 auto;width:100%}
.cd .cdw{font-size:13px;font-weight:600;margin-top:14px;color:rgba(0,0,0,.65)}
.cd .cda{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.cd .rem svg{width:16px;height:16px}
.cd .rem.ghost{background:rgba(0,0,0,.08);box-shadow:none}

/* streaming / clips */
.pst small{display:block}
.clip .ph.empty{background:linear-gradient(160deg,#2A2A30,#111113)}
.art-img .d{position:absolute;top:14px;left:14px;z-index:2;background:rgba(255,255,255,.92);color:var(--k);font-weight:700;font-size:12px;padding:5px 11px 5px 9px;border-radius:999px;display:flex;gap:5px;align-items:center}
.art-img .d svg{width:12px;height:12px}

/* profile cards */
.kc{position:relative}
.kc .show-t.none{display:none}
.kc .show-t{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:top}
.kc .show-t.none+b{margin-top:14px}
.kc dd.s-dabei{color:#12884A}.kc dd.s-raus{color:#D11F2C}.kc dd.s-sieger{color:var(--yd)}
.kc dl:empty{display:none}
.kands.in{grid-template-columns:repeat(3,minmax(0,1fr))}
.kands.s{grid-template-columns:repeat(6,minmax(0,1fr))}

/* newsletter */
.nl form{margin:0}

/* ads */
.adlabel{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#A5A5A5;text-align:center;margin-bottom:6px}
.adslot{display:flex;justify-content:center;overflow:hidden}
.ad-mob{display:none}
.adw.g{background:var(--bg2)}
.adw.inart{padding:18px 0;margin:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}

/* crumbs */
.crumbs{font-size:13px;color:var(--ink3);display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:22px 0 0}
.crumbs a:hover{color:var(--ink)}
.crumbs i{font-style:normal;opacity:.5}

/* ======= Artikel ======= */
.art-wrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;align-items:start;padding-bottom:56px}
.art{min-width:0}
.art-head{padding:22px 0 26px}
.art-head .kick{margin-bottom:16px}
.art-head h1{font-size:clamp(28px,3.4vw,44px);line-height:1.13;font-weight:800;letter-spacing:-.028em;word-spacing:.07em;max-width:820px}
.art-head .dek{font-size:19px;line-height:1.5;color:var(--ink2);margin-top:16px;max-width:760px}
.byline{display:flex;align-items:center;gap:14px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line);flex-wrap:wrap}
.ava{width:46px;height:46px;border-radius:50%;background:var(--y);color:var(--k);display:inline-grid;place-items:center;font-weight:800;font-size:15px;flex:none;object-fit:cover}
.byline .who{display:flex;flex-direction:column;flex:1;min-width:0}
.byline .who span{font-weight:600;font-size:14.5px}
.byline .who a{border-bottom:2px solid var(--y)}
.byline .who small{font-size:12.5px;color:var(--ink3);margin-top:2px}
.share{display:flex;gap:6px}
.share a,.share button{width:38px;height:38px;border-radius:50%;background:var(--bg2);display:grid;place-items:center;font-size:12px;font-weight:800;transition:background .2s}
.share a:hover,.share button:hover{background:var(--y)}
.share svg{width:16px;height:16px}
.art-img{margin:0 0 30px}
.art-img .ph{aspect-ratio:16/9;border-radius:22px}
.art-img figcaption{font-size:12.5px;color:var(--ink3);margin-top:10px}
.entry{font-size:18px;line-height:1.72;color:#24242A;max-width:720px}
.entry>*+*{margin-top:1.15em}
.entry h2{font-size:26px;line-height:1.25;font-weight:800;letter-spacing:-.02em;word-spacing:.06em;margin-top:1.8em;color:var(--ink)}
.entry h3{font-size:21px;line-height:1.3;font-weight:700;margin-top:1.6em;color:var(--ink)}
.entry a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--y);text-decoration-thickness:3px;text-underline-offset:3px}
.entry ul,.entry ol{padding-left:1.3em}
.entry li+li{margin-top:.4em}
.entry blockquote{border-left:4px solid var(--y);padding:6px 0 6px 20px;font-size:21px;font-weight:600;line-height:1.45;color:var(--ink)}
.entry img{border-radius:16px}
.entry figure{margin-left:0;margin-right:0}
.entry figcaption{font-size:13px;color:var(--ink3);margin-top:8px}
.entry table{width:100%;border-collapse:collapse;font-size:15px;display:block;overflow-x:auto}
.entry th,.entry td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left}
.entry th{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3)}
.entry iframe,.entry video{max-width:100%;border-radius:16px}
.showbox{display:flex;align-items:center;gap:16px;margin-top:34px;padding:14px;border-radius:20px;background:var(--k);color:#fff;max-width:720px;transition:transform .3s var(--ease)}
.showbox:hover{transform:translateY(-2px)}
.showbox .ph{width:74px;height:74px;border-radius:14px;flex:none}
.showbox span:not(.ph){flex:1;min-width:0;display:flex;flex-direction:column}
.showbox small{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--y)}
.showbox b{font-size:19px;font-weight:800;letter-spacing:-.02em}
.showbox em{font-style:normal;font-size:13px;color:rgba(255,255,255,.6)}
.showbox>i{font-style:normal;width:38px;height:38px;border-radius:50%;background:var(--y);color:var(--k);display:grid;place-items:center;flex:none}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:26px;max-width:720px}
.tags a{font-size:13px;font-weight:600;padding:6px 12px;border-radius:999px;background:var(--bg2);color:var(--ink2)}
.tags a:hover{background:var(--y);color:var(--ink)}
.inpf{margin-top:38px;max-width:720px}
.abox{display:flex;gap:18px;align-items:flex-start;margin-top:38px;padding:22px;border-radius:20px;background:var(--bg2);max-width:720px}
.abox .ava{width:72px;height:72px;font-size:22px}
.abox small{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}
.abox h4{font-size:18px;font-weight:800;margin-top:2px}
.abox p{font-size:14.5px;color:var(--ink2);margin-top:6px}
.lk{display:inline-block;font-size:13.5px;font-weight:700;margin-top:10px;border-bottom:2px solid var(--y)}
.related{margin-top:0}

/* sidebar */
.side{position:relative;min-width:0;padding-top:22px}
.side .stick{position:sticky;top:90px}
.box{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;margin-bottom:18px;box-shadow:var(--sh)}
.box h3{font-size:17px;font-weight:800;letter-spacing:-.015em;margin-bottom:10px;display:flex;align-items:center}
.box h3::after{content:"";width:7px;height:7px;border-radius:50%;background:var(--y);margin-left:4px;align-self:flex-end;margin-bottom:5px}
.box.ad-box{padding:14px;box-shadow:none}
.rows .row{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
.rows .row:first-child{border-top:0}
.rows .row .ph{aspect-ratio:1;border-radius:12px}
.rows .row .ph.r{border-radius:50%}
.rows .row b{display:block;font-size:14px;font-weight:700;line-height:1.3;transition:color .2s}
.rows .row small{font-size:12px;color:var(--ink3)}
.rows .row:hover b{color:var(--yd)}
.rows.num .row{grid-template-columns:34px minmax(0,1fr)}
.rows .n{width:30px;height:30px;border-radius:50%;background:var(--bg2);display:grid;place-items:center;font-weight:800;font-size:13px}
.rows.num .row:first-child .n{background:var(--y)}
.tvmini .tm{display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;padding:9px 0;border-top:1px solid var(--line)}
.tvmini .tm:first-of-type{border-top:0}
.tvmini .t{font-weight:800;font-variant-numeric:tabular-nums}
.tvmini b{display:block;font-size:14px;font-weight:700;line-height:1.3}
.tvmini small{font-size:12px;color:var(--ink3)}
.tvmini .tm.now{background:var(--ybg);border-radius:12px;padding:9px 10px;margin:0 -10px;border-top:0}

/* archive */
.arch-head{padding:40px 0 30px;background:linear-gradient(180deg,var(--bg2),#fff)}
.arch-head .ey,.show-hero .ey{display:block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--yd);margin-bottom:8px}
.arch-head h1{font-size:clamp(30px,4vw,48px);font-weight:800;letter-spacing:-.03em;word-spacing:.07em;line-height:1.1}
.arch-head .desc{font-size:16.5px;color:var(--ink2);margin-top:12px;max-width:720px}
.arch-head .desc p+p{margin-top:.6em}
.subcats{display:flex;gap:6px;flex-wrap:wrap;margin-top:18px}
.subcats a{font-size:13.5px;font-weight:600;padding:7px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--ink2);transition:all .2s}
.subcats a:hover,.subcats a.on{background:var(--y);border-color:var(--y);color:var(--ink)}
.btn{display:inline-flex;align-items:center;gap:8px;margin-top:18px;background:var(--k);color:#fff;font-weight:700;font-size:14px;padding:11px 18px;border-radius:999px}
.auth{display:flex;gap:22px;align-items:center}
.auth .ava{width:96px;height:96px;font-size:30px}
.arch-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;align-items:start;padding-top:30px;padding-bottom:60px}
.alead{display:block;margin-bottom:40px}
.alead .ph{aspect-ratio:16/9;border-radius:22px;box-shadow:var(--sh)}
.alead .hlw{margin-top:16px}
.alead .hl{font-size:clamp(24px,2.6vw,32px);font-weight:800;line-height:1.18;letter-spacing:-.022em}
.alead .dek{color:var(--ink2);margin-top:10px}
.g3.arc{grid-template-columns:repeat(2,minmax(0,1fr))}
.pagination{margin-top:44px}
.pagination .nav-links{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}
.pagination .page-numbers{min-width:42px;height:42px;padding:0 12px;border-radius:999px;display:grid;place-items:center;font-weight:700;font-size:14px;background:var(--bg2)}
.pagination .page-numbers.current,.pagination a.page-numbers:hover{background:var(--y)}
.empty-state{text-align:center;padding:60px 20px;color:var(--ink2)}
.empty-state h2{font-size:24px;font-weight:800;color:var(--ink);margin-bottom:6px}

/* ======= Steckbrief-Seite ======= */
.pf-wrap{padding-bottom:56px}
.pf-hero{display:grid;grid-template-columns:340px minmax(0,1fr);gap:44px;align-items:center;margin-top:22px;padding:28px;border-radius:28px;background:radial-gradient(600px 300px at 100% 0,rgba(255,207,26,.22),transparent 60%),var(--bg2)}
.pf-img{position:relative}
.pf-img .ph{aspect-ratio:4/5;border-radius:22px;box-shadow:var(--shh)}
.pf-st{position:absolute;left:50%;bottom:-14px;transform:translateX(-50%);white-space:nowrap;font-weight:800;font-size:13px;padding:7px 16px;border-radius:999px;box-shadow:0 10px 24px -10px rgba(0,0,0,.4)}
.pf-st.s-dabei{background:#12884A;color:#fff}.pf-st.s-raus{background:#D11F2C;color:#fff}.pf-st.s-sieger{background:var(--y);color:var(--k)}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chips .c{font-size:12.5px;font-weight:700;padding:5px 12px;border-radius:999px;background:#fff;color:var(--ink2)}
.chips .c.y{background:var(--k);color:var(--y)}
.chips .st{position:static}
.pf-txt h1{font-size:clamp(32px,4.4vw,56px);font-weight:800;letter-spacing:-.035em;word-spacing:.07em;line-height:1.05;margin-top:14px}
.pf-txt .role{font-size:18px;font-weight:600;color:var(--ink2);margin-top:8px}
.pf-txt .kurz{font-size:16.5px;line-height:1.6;color:var(--ink2);margin-top:14px;max-width:620px}
.pf-stats{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}
.pf-stats div{background:#fff;border-radius:18px;padding:14px 18px;min-width:120px;box-shadow:var(--sh)}
.pf-stats b{display:block;font-size:30px;font-weight:800;letter-spacing:-.03em;line-height:1}
.pf-stats b.sm{font-size:17px;line-height:1.25;padding-top:4px}
.trk .info div b.sm{font-size:20px;line-height:1.2;padding-top:6px}
.pf-stats span{display:block;font-size:12px;color:var(--ink3);margin-top:6px;font-weight:600}
.s-dabei{color:#12884A}.s-raus{color:#D11F2C}.s-sieger{color:var(--yd)}
.muted{color:var(--ink3);font-weight:500}
.pf-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;align-items:start;margin-top:40px}
.pf-main{min-width:0}
.facts{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px 26px;box-shadow:var(--sh)}
.facts dl{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
.facts dl div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}
.facts dt{font-size:13.5px;color:var(--ink3);font-weight:600}
.facts dd{font-size:15px;font-weight:700;min-width:0;overflow-wrap:anywhere}
.facts dd a{border-bottom:2px solid var(--y)}
.facts .upd{font-size:12px;color:var(--ink3);margin-top:14px}
.pf-bio{margin-top:36px}
.pf-arts{margin-top:40px}
.pf-arts .sh{margin-bottom:10px}
.rows.big .sl{border-bottom:1px solid var(--line)}
.pf-arch .pf-tools{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:22px}
.pf-arch .pf-tools .subcats{margin-top:0}
.pf-search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:0 16px;height:44px;min-width:260px}
.pf-search svg{width:18px;height:18px;color:var(--ink3)}
.pf-search input{border:0;outline:0;font:inherit;font-size:15px;flex:1;min-width:0;background:none}
.az{display:flex;flex-wrap:wrap;gap:4px;margin-top:18px}
.az button{min-width:34px;height:34px;padding:0 9px;border-radius:10px;display:grid;place-items:center;font-weight:700;font-size:13.5px;background:#fff;border:1px solid var(--line)}
.az button:hover,.az button.on{background:var(--y);border-color:var(--y)}
.pf-list{padding-top:20px}
.azl{grid-column:1/-1;font-size:26px;font-weight:800;letter-spacing:-.02em;padding:14px 0 0;border-bottom:1px solid var(--line);scroll-margin-top:90px}
.azl:first-child{padding-top:0}
.kc[hidden],.azl[hidden]{display:none}

/* ======= Show-Seite ======= */
.show-hero{position:relative;overflow:hidden;background:var(--k);color:#fff;padding:10px 0 44px}
.show-hero .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.38;filter:saturate(1.1)}
.show-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,17,19,.95) 30%,rgba(17,17,19,.4)),linear-gradient(0deg,rgba(17,17,19,.8),transparent 50%)}
.show-hero.noimg::after{background:radial-gradient(700px 360px at 90% 0,rgba(255,207,26,.22),transparent 60%)}
.show-hero .wrap{position:relative;z-index:2}
.show-hero .crumbs{color:rgba(255,255,255,.55)}
.show-hero .chips{margin-top:40px}
.show-hero .chips .c{background:rgba(255,255,255,.1);color:#fff}
.show-hero h1{font-size:clamp(36px,5.4vw,68px);font-weight:800;letter-spacing:-.035em;word-spacing:.07em;line-height:1.02;margin-top:14px}
.show-hero .desc{font-size:17px;color:rgba(255,255,255,.72);max-width:640px;margin-top:14px}
.show-hero .jump{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}
.show-hero .jump a{font-weight:700;font-size:14px;padding:10px 18px;border-radius:999px;background:rgba(255,255,255,.1)}
.show-hero .jump a:first-child{background:var(--y);color:var(--k)}
.show-hero .st.live{display:inline-flex;align-items:center;gap:6px;background:#E5202E;color:#fff;font-weight:700;font-size:11.5px;padding:5px 11px;border-radius:999px}
.show-hero .st.live i{width:6px;height:6px;border-radius:50%;background:#fff;animation:bl 1.4s infinite}
.show-hero .st.soon{background:#fff;color:var(--k);font-weight:700;font-size:11.5px;padding:5px 11px;border-radius:999px}
.show .st.live{display:inline-flex;align-items:center;gap:6px;background:#E5202E;color:#fff;font-weight:700;font-size:11.5px;letter-spacing:.04em;padding:4px 10px;border-radius:999px}
.show .st.live i{width:6px;height:6px;border-radius:50%;background:#fff;animation:bl 1.4s infinite}
.show .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.show .ph.empty{background:linear-gradient(160deg,#3A3A40,#111113)}

/* search / 404 / page */
.sform{display:flex;background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px;max-width:560px;box-shadow:var(--sh)}
.sform input{flex:1;min-width:0;border:0;outline:0;padding:0 16px;font:inherit;font-size:16px;background:none}
.sform button{background:var(--k);color:#fff;font-weight:700;padding:0 20px;height:44px;border-radius:999px}
.sbig{margin-top:20px}
.e404{text-align:center;padding:30px 0}
.e404 .big{display:block;font-size:clamp(90px,16vw,170px);font-weight:800;letter-spacing:-.06em;line-height:1;color:var(--y);-webkit-text-stroke:2px var(--k)}
.e404 h1{font-size:32px;font-weight:800;letter-spacing:-.02em;margin-top:10px}
.e404 p{color:var(--ink2);margin-top:8px}
.e404 .sform{margin:0 auto}
.page-wrap{max-width:820px;padding-bottom:60px}
/* responsive */
@media (max-width:1180px){
  .hdr nav a{font-size:13.5px;padding:8px 11px}
  .logo .wm small{display:none}
}
@media (max-width:1100px){
  .shows{grid-template-columns:repeat(7,150px);overflow-x:auto;scrollbar-width:none;padding-bottom:10px}
  .cands{grid-template-columns:repeat(4,minmax(0,1fr))}
  .strm{grid-template-columns:repeat(6,160px);overflow-x:auto;scrollbar-width:none;padding-bottom:10px}
  .clips{grid-template-columns:repeat(5,200px);overflow-x:auto;scrollbar-width:none;padding-bottom:10px}
  .kands{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
  .hdr nav{display:none}.hdr .wrap{justify-content:space-between}
  .top,.trk,.tvside,.qwrap,.nl{grid-template-columns:minmax(0,1fr)}
  .tipp{position:static}
  .g3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fg{grid-template-columns:1fr 1fr}.fg>div:first-child{grid-column:span 2}
}
@media (max-width:640px){
  :root{--gut:16px;--r:14px}
  .hdr .wrap{height:62px}
  .logo{gap:9px}.logo .mk{width:36px;height:36px;font-size:15px;border-radius:11px}.logo .wm span{font-size:18px}
  .mehr{padding:0 14px;height:38px}.mehr span{display:none}
  .trend .wrap{height:46px}
  .sec{padding:38px 0}
  .sh{margin-bottom:20px;gap:12px}
  .sh h2{font-size:24px}
  .sh .subs{order:3;flex-basis:100%;margin:0 calc(-1*var(--gut));padding:0 var(--gut)}
  .sh .more span{display:none}
  .corner::before{display:none}
  .top{gap:10px}
  .lead .ph{border-radius:18px}
  .lead .hl{font-size:26px}
  .lead .dek{font-size:15.5px}
  .lead .onimg{margin:-16px 0 0 14px}
  .lead .kick{font-size:12.5px;padding:6px 13px}
  .slist .lbl{display:none}
  .sl{grid-template-columns:minmax(0,1fr) 104px;padding:14px 0}
  .sl .ph{order:2;border-radius:12px}
  .sl:last-child{border-bottom:1px solid var(--line)}
  .g3{grid-template-columns:minmax(0,1fr);gap:0}
  .g3 .card{display:grid;grid-template-columns:minmax(0,1fr) 104px;gap:4px 14px;padding:14px 0;border-bottom:1px solid var(--line);align-items:start;grid-auto-rows:min-content}
  .g3 .card>*{grid-column:1}
  .g3 .card>.ph{grid-column:2;grid-row:1/span 4;aspect-ratio:1;border-radius:12px;box-shadow:none}
  .g3 .card .onimg{margin:0}
  .g3 .card .kick{background:none;padding:0;box-shadow:none;color:var(--yd);font-size:11.5px;letter-spacing:.04em;text-transform:uppercase}
  .g3 .card .hlw{margin-top:2px}
  .g3 .card .hl{font-size:16px;line-height:1.3}
  .g3 .card .vid{margin-top:6px}
  .shows{grid-template-columns:repeat(7,124px);margin:0 calc(-1*var(--gut));padding:0 var(--gut) 10px;gap:10px}
  .show .n{font-size:14px;left:11px;right:11px;bottom:11px}
  .tabs{margin-bottom:20px}
  .tabs button{padding:8px 14px;font-size:13px}
  .cands{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 10px}
  .cand b{font-size:13px}
  .cand.out::after{font-size:10px;padding:3px 8px}
  .trk .info{gap:8px}.trk .info div{padding:12px}.trk .info div b{font-size:24px}.trk .info div b.sm{font-size:14px;padding-top:6px}
  .vote{padding:20px;border-radius:20px}
  .tvp{padding:4px 14px;border-radius:18px}
  .tvr{grid-template-columns:54px minmax(0,1fr);gap:4px 12px;padding:14px 0}
  .tvr .t{font-size:17px;grid-row:span 2;align-self:start;padding-top:2px}
  .tvr .ch{grid-column:2;font-size:11.5px;padding:3px 9px}
  .tvr>div:nth-child(3){grid-column:2}
  .tvr .tag{display:none}
  .tvr b{font-size:15.5px}
  .tvr.now{margin:4px -8px;padding:14px 8px}
  .clips{grid-template-columns:repeat(5,44%);margin:0 calc(-1*var(--gut));padding:0 var(--gut) 10px;gap:10px}
  .clip .cap b{font-size:14px}
  .strm{grid-template-columns:repeat(6,40%);margin:0 calc(-1*var(--gut));padding:0 var(--gut) 10px;gap:12px}
  .qcard{padding:4px 12px 12px;border-radius:18px}
  .qt th:nth-child(4),.qt td:nth-child(4){display:none}
  .qt td{padding:12px 6px}.qt .r{width:40px}.qt .r span{width:28px;height:28px;font-size:13px}
  .qt .bar span{min-width:40px}
  .kands{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .kc{padding:6px 6px 12px;border-radius:16px}.kc>div{padding:0 6px}
  .kc .ph{aspect-ratio:1;border-radius:12px}.kc b{font-size:16px}.kc dl{font-size:11.5px}
  .cd{padding:26px 18px}.cd h3{font-size:21px}.cd .nums div{min-width:64px}.cd .nums b{font-size:28px}
  .adw{padding:30px 0 18px}.ad.bb{display:none}.ad.m{display:flex;width:300px;height:250px}
  .nlw{padding:0 0 40px}
  .nl{padding:30px 20px;border-radius:22px;gap:22px}
  .nl h2{font-size:25px}
  .nl button{padding:0 16px;font-size:14px}
  .nl input{padding:0 12px}
  .fb{flex-direction:column}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}

/* ======= Responsive: Theme-Ergänzungen ======= */
@media (max-width:1100px){
  .art-wrap,.arch-grid,.pf-grid{grid-template-columns:minmax(0,1fr) 290px;gap:32px}
  .kands.s{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pf-hero{grid-template-columns:280px minmax(0,1fr);gap:32px}
}
@media (max-width:900px){
  .art-wrap,.arch-grid,.pf-grid{grid-template-columns:minmax(0,1fr)}
  .side{padding-top:0}
  .side .stick{position:static}
  .tvside.solo .tipp{grid-template-columns:minmax(0,1fr)}
  .pf-hero{grid-template-columns:minmax(0,1fr);text-align:center;padding:22px}
  .pf-img{max-width:300px;margin:0 auto 10px;width:100%}
  .pf-txt .chips,.pf-stats{justify-content:center}
  .pf-txt .kurz{margin-left:auto;margin-right:auto}
  .facts dl{grid-template-columns:minmax(0,1fr)}
  .g3.arc{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .ad-desk{display:none}.ad-mob{display:flex}
  .sh .today{order:3;flex-basis:100%;padding:0}
  .crumbs{padding-top:16px;font-size:12.5px}
  .art-head{padding:14px 0 20px}
  .art-head h1{font-size:28px}
  .art-head .dek{font-size:16.5px}
  .byline{gap:10px}
  .byline .share{width:100%;justify-content:flex-start}
  .art-img{margin:0 calc(-1*var(--gut)) 24px}
  .art-img .ph{border-radius:0}
  .art-img figcaption{padding:0 var(--gut)}
  .entry{font-size:17px;line-height:1.7}
  .entry h2{font-size:22px}
  .showbox{padding:12px;gap:12px}.showbox .ph{width:58px;height:58px}.showbox b{font-size:16.5px}.showbox em{font-size:12px}
  .abox{padding:18px;gap:14px}.abox .ava{width:56px;height:56px;font-size:18px}
  .kands.in,.kands.s{grid-template-columns:repeat(2,minmax(0,1fr))}
  .box{border-radius:18px;padding:16px}
  .arch-head{padding:26px 0 20px}
  .arch-head .desc{font-size:15px}
  .subcats{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:calc(-1*var(--gut));margin-right:calc(-1*var(--gut));padding:0 var(--gut)}
  .subcats::-webkit-scrollbar{display:none}
  .subcats a{flex:none}
  .auth{flex-direction:column;align-items:flex-start;gap:14px}.auth .ava{width:72px;height:72px}
  .arch-grid{padding-top:14px}
  .alead{margin:0 calc(-1*var(--gut)) 10px}
  .alead .ph{border-radius:0}
  .alead .onimg,.alead .hlw,.alead .dek,.alead .vid{margin-left:var(--gut);margin-right:var(--gut)}
  .alead .onimg{margin-top:-16px}
  .alead .hl{font-size:23px}
  .g3.arc{grid-template-columns:minmax(0,1fr)}
  .pf-hero{margin:14px calc(-1*var(--gut)) 0;border-radius:0 0 26px 26px;padding:18px var(--gut) 26px}
  .pf-img{max-width:230px}
  .pf-txt h1{font-size:32px;margin-top:12px}
  .pf-txt .role{font-size:16px}
  .pf-txt .kurz{font-size:15px}
  .pf-stats{gap:8px}
  .pf-stats div{min-width:0;flex:1;padding:12px 10px;border-radius:14px}
  .pf-stats b{font-size:24px}.pf-stats b.sm{font-size:14px}
  .pf-grid{margin-top:26px}
  .facts{padding:16px 18px;border-radius:18px}
  .facts dl div{grid-template-columns:118px minmax(0,1fr);gap:10px;padding:11px 0}
  .facts dt{font-size:12.5px}.facts dd{font-size:14px}
  .pf-arch .pf-tools{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
  .pf-search{min-width:0}
  .az{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:14px calc(-1*var(--gut)) 0;padding:0 var(--gut)}
  .az button{flex:none}
  .show-hero{padding:4px 0 30px}
  .show-hero .chips{margin-top:26px}
  .show-hero h1{font-size:36px}
  .show-hero .desc{font-size:15px}
  .show-hero .jump a{padding:9px 14px;font-size:13px}
  .e404 h1{font-size:25px}
  .sform button{padding:0 14px}
  .toast{bottom:84px}
}