:root{--bg:#121214;--card:#1C1C20;--card2:#24242A;--line:#2A2A30;--line2:#34343A;--text:#F2F0EC;--soft:#D6D2CC;--muted:#A9A5A0;--orange:#FF8A4C;--blue:#8EC5FF;--red:#E8264F;--wine:#3A0F1E;--plum:#2A1630;--yellow:#FFE14D;color-scheme:dark}
[hidden]{display:none!important}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:16px}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.6;-webkit-text-size-adjust:100%}
a{color:var(--blue);text-decoration:none}a:hover{color:#B8DBFF}
img{max-width:100%}
.wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.muted{color:var(--muted)}
.soft{color:var(--soft)}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px}
.disp,.h1,.h2,.h3{font-family:"Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:-0.02em}
.h1{margin:0;font-weight:800;font-size:clamp(34px,5.4vw,54px);line-height:1.06;letter-spacing:-0.03em}
.h2{margin:0;font-weight:800;font-size:clamp(22px,3vw,30px);line-height:1.15;color:var(--text)}
.h3{margin:0;font-weight:800;font-size:clamp(18px,2.2vw,21px);line-height:1.25}
.eyebrow{font-family:"Plus Jakarta Sans",system-ui,sans-serif;font-weight:700;font-size:13px;letter-spacing:0.08em;text-transform:uppercase;color:var(--blue)}
.chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border-radius:999px;background:var(--card);border:1px solid var(--line2);color:#E9E6E1;font-size:14px;font-weight:500;cursor:pointer;font-family:inherit}
.chip:hover,.chip:focus-visible{border-color:var(--blue);color:#fff}
.chip b{font-weight:600;color:var(--blue)}
.chip.on{border-color:var(--blue);color:var(--blue);background:rgba(142,197,255,0.08)}
.chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.chips.sm .chip{min-height:32px;padding:0 12px;font-size:13px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 22px;border-radius:12px;background:var(--orange);color:var(--bg);font-weight:700;font-size:17px;border:0;text-align:center}
.btn:hover{background:#FF9C66;color:var(--bg)}
.btn2{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 20px;border-radius:12px;background:transparent;border:1px solid #3A3A41;color:var(--text);font-weight:600;font-size:16px;font-family:inherit;cursor:pointer}
.btn2:hover{border-color:var(--blue);color:#fff}
.trust{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;color:var(--blue);font-weight:500}
.pay{display:flex;align-items:center;gap:8px;margin:0;font-size:13px;color:var(--muted)}
.ad{margin:0;font-size:13px;color:var(--muted)}
.rank{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 9px;border-radius:999px;background:var(--bg);color:#fff;font-family:"Plus Jakarta Sans",system-ui,sans-serif;font-weight:800;font-size:16px;border:2px solid var(--orange)}
.rank.sm{min-width:34px;height:34px;font-size:13px}

/* Kopf */
.topbar{display:block;background:#18181C;border-bottom:1px solid var(--line);color:var(--soft);font-size:14px;font-weight:500}
.topbar .wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 8px;padding-top:9px;padding-bottom:9px;text-align:center}
.topbar strong{color:var(--orange)}
.topbar u{color:var(--blue);font-weight:600}
.site-head{border-bottom:1px solid var(--line)}
.site-head .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;padding-top:14px;padding-bottom:14px}
.logo{display:flex;align-items:center;gap:10px;color:var(--text)}
.logo span{font-family:"Plus Jakarta Sans",system-ui,sans-serif;font-weight:800;font-size:19px;letter-spacing:-0.02em}
.logo i{font-style:normal;color:var(--blue)}
.mainnav{display:flex;flex-wrap:wrap;gap:4px 22px;font-weight:600;font-size:15px}
.mainnav a{color:var(--text)}.mainnav a:hover{color:var(--blue)}
.crumbs{padding-top:18px;font-size:14px;color:var(--muted)}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}
.crumbs li+li:before{content:"›";margin-right:4px}
.crumbs [aria-current]{color:var(--text)}
.preview-note{background:#2B2410;border-bottom:1px solid #5A4A1A;color:#F3D98B;font-size:13px}
.preview-note .wrap{padding-top:7px;padding-bottom:7px;text-align:center}

/* Video-Karte mit 18+-Cover */
.vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}
.vcard{display:flex;flex-direction:column;gap:8px;color:var(--text);min-width:0}
.vcard:hover{color:#fff}.vcard:hover .cover{border-color:var(--red)}
.cover{position:relative;display:block;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:var(--wine);border:1px solid #3A2440;container-type:inline-size}
.cover-glow{position:absolute;right:-10cqw;top:-20cqw;width:75cqw;height:75cqw;border-radius:999px;background:var(--red);opacity:0.35;filter:blur(30px)}
.cover-18{position:absolute;right:4cqw;top:50%;transform:translateY(-50%);font-family:"Plus Jakarta Sans",system-ui,sans-serif;font-weight:800;font-size:21cqw;line-height:1;letter-spacing:-0.05em;color:var(--red);filter:blur(1.6px);text-shadow:0 0 4cqw rgba(232,38,79,0.7)}
.cover-shade{position:absolute;left:0;top:0;bottom:0;width:62%;background:var(--plum);clip-path:polygon(0 0,100% 0,84% 100%,0 100%)}
.cover-tag{position:absolute;left:12px;bottom:14px;display:inline-flex;align-items:center;gap:6px;padding:5px 11px;box-shadow:0 2px 8px rgba(0,0,0,0.35);border-radius:999px;background:var(--red);color:#fff;font-size:12px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;line-height:1.2}
.cover-title{position:absolute;left:14px;top:14px;width:50%;color:#fff;font-family:"Plus Jakarta Sans",system-ui,sans-serif;font-weight:800;font-size:14px;line-height:1.22;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.cover-dur{position:absolute;right:10px;bottom:12px;padding:2px 8px;border-radius:6px;background:rgba(18,18,20,0.82);color:#fff;font-size:12px;font-weight:600}
.cover-bar{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(255,255,255,0.22)}
.cover-bar i{display:block;height:100%;width:34%;background:var(--red)}
.vtitle{font-weight:600;font-size:15px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.vmeta{font-size:13px;color:var(--muted)}
/* Echtes Cover: Rahmen oben Lila, unten Rot, Bedienelemente wie beim eigenen Cover */
.cover.has-img{border:0;padding:5px;border-radius:15px;background:linear-gradient(to bottom,#6B2E86 0%,#7E2C78 40%,#B8285E 72%,var(--red) 100%);box-shadow:0 6px 18px rgba(0,0,0,0.35)}
.cover.has-img img{display:block;width:100%;height:100%;object-fit:cover;border-radius:10px;background:var(--wine)}
.cover-fade{position:absolute;left:5px;right:5px;bottom:5px;height:48%;border-radius:0 0 10px 10px;background:linear-gradient(to bottom,rgba(42,22,48,0),rgba(42,22,48,0.88));pointer-events:none}
.cover.has-img .cover-tag{left:15px;bottom:17px;box-shadow:0 2px 8px rgba(0,0,0,0.45)}
.cover.has-img .cover-dur{right:15px;bottom:17px}
.cover.has-img .cover-bar{left:5px;right:5px;bottom:5px;border-radius:0 0 10px 10px;overflow:hidden}
.vcard:hover .cover.has-img{background:linear-gradient(to bottom,#8A3DAD 0%,#9C3696 40%,#D6306E 72%,#FF3A62 100%)}
@container (max-width:250px){.cover-title{-webkit-line-clamp:3;font-size:12px;top:10px;left:12px}.cover-tag{left:10px;bottom:10px;padding:4px 9px;font-size:11px}.cover.has-img .cover-tag{left:12px;bottom:12px}}

/* Startseite */
.hero{display:flex;flex-wrap:wrap;gap:40px;align-items:center;padding-top:48px;padding-bottom:40px}
.hero-text{flex:999 1 460px;min-width:0;display:flex;flex-direction:column;gap:18px}
.hero-lead{margin:0;font-size:18px;color:var(--soft);max-width:580px}
.checks{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:14px;color:var(--blue);font-weight:500}
.checks span{display:flex;align-items:center;gap:6px}
.hero-pics{flex:1 1 380px;position:relative;aspect-ratio:5/4;max-width:520px}
.hero-pics a{position:absolute;aspect-ratio:4/5;overflow:hidden;border:3px solid var(--line);background:var(--card2)}
.hero-pics img{width:100%;height:100%;object-fit:cover;display:block}
.hp-l{left:0;top:10%;width:38%;border-radius:18px;transform:rotate(-5deg)}
.hp-r{right:0;top:10%;width:38%;border-radius:18px;transform:rotate(5deg)}
.hp-c{left:28%;top:0;width:44%;border-radius:20px;border-color:var(--orange)!important;box-shadow:0 18px 50px rgba(0,0,0,0.55)}
.hp-c .rank{position:absolute;left:10px;top:10px}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.step{display:flex;gap:14px;align-items:flex-start;padding:20px}
.step-n{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:12px;background:rgba(142,197,255,0.12);color:var(--blue);font-family:"Plus Jakarta Sans",system-ui,sans-serif;font-weight:800;font-size:17px}
.sec{display:flex;flex-direction:column;gap:18px;padding-bottom:56px}
.sec-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px}
.top{display:flex;flex-wrap:wrap;gap:28px;padding:22px}
.top-pic{flex:0 1 240px;position:relative;display:block;aspect-ratio:4/5;border-radius:14px;overflow:hidden;background:var(--card2);align-self:flex-start;width:100%}
.top-pic img,.mrow-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.top-pic .rank{position:absolute;left:10px;top:10px}
.top-body{flex:999 1 520px;min-width:0;display:flex;flex-direction:column;gap:14px}
.top-body .vgrid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.cta-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.mrow{display:flex;gap:20px;padding:16px;align-items:flex-start}
.mrow-pic{position:relative;display:block;flex:0 0 132px;aspect-ratio:4/5;border-radius:12px;overflow:hidden;background:var(--card2)}
.mrow-num{position:absolute;left:0;right:0;top:34%;text-align:center;font-family:"Plus Jakarta Sans",system-ui,sans-serif;font-weight:800;font-size:48px;line-height:1;color:#3A3A41}
.mrow-pic .rank{position:absolute;left:8px;top:8px}
.mrow-body{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:12px}
.mrow-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:6px 20px}
.mrow-name{margin:0;font-family:"Plus Jakarta Sans",system-ui,sans-serif;font-weight:800;font-size:22px;line-height:1.2;letter-spacing:-0.01em}
.mrow-name a{color:var(--text)}
.mrow-links{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;font-size:15px;font-weight:600}
.mrow-links .go{color:var(--orange);font-weight:700}
.mrow-vids{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mrow.compact .mrow-pic{flex-basis:96px}
.mrow.compact .mrow-name{font-size:19px}
.soon{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;background:var(--card2);color:var(--muted);font-size:12px;font-weight:600}
.themes-table{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.theme-box{padding:16px 18px;display:flex;flex-direction:column;gap:8px}
.theme-box h3{margin:0;font-family:"Plus Jakarta Sans",system-ui,sans-serif;font-size:18px;font-weight:800}
.theme-box ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:14px}
.theme-box li b{color:var(--muted);font-weight:500}
.bonus{display:flex;flex-wrap:wrap;gap:28px;padding:28px;align-items:center;border-color:#4A3020}
.bonus-text{flex:999 1 460px;display:flex;flex-direction:column;gap:10px}
.bonus-cta{flex:1 1 280px;display:flex;flex-direction:column;gap:10px}
.prose{display:flex;flex-direction:column;gap:14px}
.prose p{margin:0;color:var(--soft)}

/* Profil */
.subnav{display:flex;flex-wrap:wrap;gap:8px;padding-top:14px}
.phero{display:flex;flex-wrap:wrap;gap:32px;padding:24px}
.phero-pic{flex:0 1 320px;position:relative;aspect-ratio:4/5;border-radius:16px;overflow:hidden;background:var(--card2);width:100%;align-self:flex-start}
.phero-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.phero-pic .rank{position:absolute;left:12px;top:12px}
.phero-body{flex:999 1 460px;min-width:0;display:flex;flex-direction:column;gap:16px}
.motto{margin:0;font-family:"Plus Jakarta Sans",system-ui,sans-serif;font-weight:700;font-size:21px;line-height:1.35}
.motto small{font-family:Inter,system-ui,sans-serif;font-weight:500;font-size:14px;color:var(--blue)}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}
.fact{display:flex;flex-direction:column;padding:14px 16px;border-radius:14px;background:var(--card2)}
.fact strong{font-family:"Plus Jakarta Sans",system-ui,sans-serif;font-weight:800;font-size:24px;line-height:1.2}
.fact span{font-size:14px;color:var(--muted)}
.ctabox{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:16px;background:#221B17;border:1px solid #4A3020}
.ctabox p{margin:0}
.two{display:flex;flex-wrap:wrap;gap:24px;padding-bottom:40px}
.two>article{flex:999 1 560px;min-width:0;padding:26px}
.two>aside{flex:1 1 300px;align-self:flex-start;display:flex;flex-direction:column;gap:14px;padding:24px}
.dl{display:grid;grid-template-columns:max-content 1fr;gap:10px 14px;margin:0;font-size:15px}
.dl dt{color:var(--blue)}.dl dd{margin:0;font-weight:600}
.qa{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.qa div{padding:16px 18px;background:var(--card);border:1px solid var(--line);border-radius:14px}
.qa h3{margin:0 0 6px;font-size:16px;font-weight:700;font-family:Inter,system-ui,sans-serif;color:var(--blue)}
.qa p{margin:0;color:var(--soft)}
.list-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}
.sort{display:flex;gap:6px}
.more{align-self:center}
.faq{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:2px 18px}
.faq summary{cursor:pointer;min-height:50px;display:flex;align-items:center;font-weight:600;color:var(--text)}
.faq summary h3{margin:0;font-size:16px;font-weight:600;font-family:inherit}
.faq p{margin:0 0 16px;color:var(--soft)}
.similar{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.sim{display:flex;gap:12px;align-items:center;padding:12px;color:var(--text)}
.sim:hover{border-color:var(--blue);color:#fff}
.sim img{width:64px;height:80px;object-fit:cover;border-radius:10px;flex-shrink:0;background:var(--card2)}
.sim span{display:flex;flex-direction:column;min-width:0}
.sim small{color:var(--muted);font-size:13px}
.sticky-cta{display:none}
.sticky-cta.off{transform:translateY(140%);opacity:0;pointer-events:none}
.article{max-width:820px;padding-top:32px;padding-bottom:64px}
.article h2{font-family:"Plus Jakarta Sans",system-ui,sans-serif;font-size:21px;margin:28px 0 8px}
.article p{color:var(--soft);margin:0 0 12px}


/* Startseite: Bonus im Kopf, Laufbänder, Platz 11–30 kompakt */
.hero{align-items:stretch}
.hero-text{justify-content:center}
.hero-side{flex:1 1 380px;max-width:480px;min-width:0}
.bonusbox{display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:18px;background:#221B17;border:1px solid #5A3722;box-shadow:0 18px 50px rgba(0,0,0,0.45)}
.bb-head{display:flex;gap:14px;align-items:center}
.bb-badge{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:16px;background:var(--orange);color:var(--bg);font-family:"Plus Jakarta Sans",system-ui,sans-serif;font-weight:800;font-size:20px;letter-spacing:-0.02em}
.bb-head div{display:flex;flex-direction:column;gap:2px;min-width:0}
.bb-title{font-family:"Plus Jakarta Sans",system-ui,sans-serif;font-weight:800;font-size:21px;line-height:1.2}
.bb-sub{font-size:14px;color:var(--soft);line-height:1.45}
.bb-facts{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:14px;font-weight:600;color:var(--blue)}
.bb-facts span{display:flex;align-items:center;gap:6px}
.bb-pay{display:flex;flex-wrap:wrap;gap:6px}
.bb-pay span{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:8px;background:var(--bg);border:1px solid var(--line2);font-size:13px;font-weight:600;color:var(--text)}
.top-head{display:flex;flex-direction:column;gap:2px}
.top-name{font-size:28px}
.top-motto{margin:4px 0 0;font-size:17px;font-weight:600}
.vgrid.rail-all{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 54px) / 4);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:var(--line2) transparent}
.vgrid.rail-all .vcard{scroll-snap-align:start}
.vgrid.rail5{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.jump{align-self:flex-start}
.mini-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.mini{display:flex;gap:12px;align-items:center;padding:10px;color:var(--text);min-width:0}
.mini:hover{border-color:var(--blue);color:#fff}
.mini-pic{position:relative;flex:0 0 64px;height:80px;border-radius:10px;overflow:hidden;background:var(--card2)}
.mini-pic img{width:100%;height:100%;object-fit:cover;display:block}
.mini-pic .rank{position:absolute;left:4px;top:4px;min-width:26px;height:26px;font-size:11px;padding:0 5px;border-width:1.5px}
.mini-body{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
.mini-body strong{font-family:"Plus Jakarta Sans",system-ui,sans-serif;font-weight:800;font-size:16px}
.mini-body small{color:var(--muted);font-size:13px}
.bsteps{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;color:var(--soft)}
.bsteps strong{color:var(--text)}
@media (max-width:760px){
  .hero{padding-top:24px;padding-bottom:28px;gap:18px}
  .hero-lead{font-size:16px}
  .hero-text .cta-row{display:none}
  .hero-text{gap:12px}
  .hero-side{max-width:none;flex-basis:100%}
  .bonusbox{padding:16px;gap:12px}
  .bb-badge{width:52px;height:52px;font-size:17px}
  .bb-title{font-size:18px}
  .top{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px 14px;padding:14px}
  .top-pic{grid-row:1;width:96px;aspect-ratio:4/5}
  .top-pic img{object-position:50% 50%}
  .top-pic .rank{left:6px;top:6px;min-width:32px;height:32px;font-size:12px}
  .top-body{display:contents}
  .top-head{grid-column:2;grid-row:1;align-self:center}
  .top-body>*:not(.top-head){grid-column:1/-1}
  .top-name{font-size:22px}
  .top .cta-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .top .cta-row .btn,.top .cta-row .btn2{min-height:48px;padding:0 10px;font-size:15px}
  .top .cta-row span{grid-column:1/-1}
  .top-motto{font-size:15px}
  .top-teaser{font-size:15px}
  .vgrid.rail-all{grid-auto-columns:78%}
  .vgrid.rail5{grid-template-columns:none;grid-auto-columns:78%}
  .jump{align-self:stretch}
  .mini-grid{grid-template-columns:1fr 1fr;gap:8px}
  .mini{flex-direction:column;align-items:stretch;gap:8px;padding:8px}
  .mini-pic{flex:none;width:100%;height:auto;aspect-ratio:4/3}
  .mini-pic img{object-position:50% 25%}
  .mini-body strong{font-size:15px}
  .mini-body small{font-size:12px}
}

/* Livecam-Hinweis (Chris, 28.10.): alle Models sind auch live in der Cam */
.eb-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.live-pill{display:inline-flex;align-items:center;gap:6px;min-height:24px;padding:2px 10px;border-radius:999px;background:var(--yellow);color:var(--bg);font-size:11px;font-weight:800;letter-spacing:0.05em;text-transform:uppercase;line-height:1.2;white-space:nowrap}
a.live-pill:hover,a.live-pill:focus-visible{background:#FFEB85;color:var(--bg)}
.live-dot{width:8px;height:8px;border-radius:50%;background:var(--red);animation:livepulse 1.6s ease-out infinite}
@keyframes livepulse{0%{box-shadow:0 0 0 0 rgba(232,38,79,0.65)}70%{box-shadow:0 0 0 6px rgba(232,38,79,0)}100%{box-shadow:0 0 0 0 rgba(232,38,79,0)}}
@media (prefers-reduced-motion:reduce){.live-dot{animation:none}}
.mini-tags{display:flex;flex-wrap:wrap;gap:4px}
.mini .live-pill{min-height:22px;padding:1px 8px;font-size:10px}

/* Videoseite (Ebene 4) */
.vhero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:28px;align-items:start}
.vplayer{display:block;color:#fff}
.vplayer .cover{border-radius:18px}
.vplayer .cover.has-img{padding:6px}
.vplayer .cover-tag{font-size:14px;padding:8px 14px;bottom:20px;left:20px}
.vplayer .cover.has-img .cover-tag{bottom:22px;left:22px}
.vplayer .cover-dur{font-size:14px;bottom:22px;right:20px}
.vplayer:hover .cover-tag{background:#FF3A62}
.vside{display:flex;flex-direction:column;gap:12px;min-width:0}
.vh1{font-size:clamp(26px,3.6vw,38px);line-height:1.12}
.orig{margin:0;font-size:14px}
.mini-steps{margin:0;padding-left:20px;font-size:14px;color:var(--soft);display:flex;flex-direction:column;gap:2px}
.mbox{display:flex;gap:12px;align-items:center;padding:12px;border-radius:14px;background:var(--card2);color:var(--text)}
.mbox:hover{color:#fff;outline:1px solid var(--blue)}
.mbox img{width:56px;height:70px;object-fit:cover;border-radius:10px}
.mbox span{display:flex;flex-direction:column}.mbox small{color:var(--muted);font-size:13px}
.prevnext{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-bottom:40px}
.pn{display:flex;flex-direction:column;gap:4px;padding:14px 16px;color:var(--text)}
.pn:hover{border-color:var(--blue);color:#fff}
.pn small{color:var(--blue);font-weight:600}
.pn strong{font-size:15px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pn-next{text-align:right}
/* Themenseite (Ebene 3) */
.thero{display:flex;gap:24px;padding:22px;align-items:flex-start}
.thero-pic{flex:0 0 150px;aspect-ratio:4/5;border-radius:14px;overflow:hidden;background:var(--card2)}
.thero-pic img{width:100%;height:100%;object-fit:cover;display:block}
.thero-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:12px}
.chip-page{border-color:rgba(142,197,255,0.45)}
@media (max-width:760px){
  .vhero{grid-template-columns:1fr;gap:16px}
  .vplayer .cover-tag{font-size:12px;padding:6px 11px;bottom:12px;left:12px}
  .vplayer .cover.has-img .cover-tag{bottom:14px;left:14px}
  .prevnext{grid-template-columns:1fr}
  .pn-next{text-align:left}
  .thero{flex-direction:column;padding:16px;gap:14px}
  .thero-pic{flex-basis:auto;width:96px}
}

/* Fuß */
.site-foot{border-top:1px solid var(--line)}
.site-foot .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:30px;padding-bottom:40px;font-size:14px;color:var(--muted)}
.site-foot p{margin:0;max-width:860px}
.site-foot nav{display:flex;flex-wrap:wrap;gap:8px 20px}
.site-foot a{color:var(--muted)}.site-foot a:hover{color:var(--text)}

/* Altersabfrage, Cookies */
#agegate{position:fixed;inset:0;z-index:100;background:rgba(10,10,12,0.94);display:flex;align-items:center;justify-content:center;padding:20px}
#agegate .box{max-width:440px;width:100%;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:12px;text-align:center}
#agegate h2{margin:0;font-family:"Plus Jakarta Sans",system-ui,sans-serif;font-size:26px}
#agegate p{margin:0;color:var(--soft)}
#agegate button{min-height:52px;border-radius:12px;font:inherit;font-weight:700;font-size:17px;cursor:pointer}
#agegate .yes{background:var(--orange);color:var(--bg);border:0}
#agegate .no{background:transparent;color:var(--text);border:1px solid #3A3A41;font-weight:600}
#consent{position:fixed;left:12px;right:12px;bottom:12px;z-index:90;max-width:720px;margin:0 auto;background:#18181C;border:1px solid var(--line);border-radius:16px;padding:16px 18px;box-shadow:0 12px 30px rgba(0,0,0,0.5);display:flex;flex-wrap:wrap;gap:12px;align-items:center}
#consent p{margin:0;flex:1 1 320px;font-size:14px;color:var(--soft)}
#consent .cbtn{display:flex;gap:8px;flex:1 1 220px}
#consent button{flex:1;min-height:46px;border-radius:10px;font:inherit;font-weight:700;cursor:pointer}
#consent .yes{background:var(--blue);color:var(--bg);border:0}
#consent .no{background:transparent;color:var(--text);border:1px solid #3A3A41}

@media (max-width:760px){
  .mrow{display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px 14px;padding:14px}
  .mrow-pic,.mrow.compact .mrow-pic{width:84px}
  .mrow-num{font-size:34px}
  .mrow-body{display:contents}
  .mrow-head{grid-column:2;align-self:center}
  .mrow-body>.chips,.mrow-body>p,.mrow-vids{grid-column:1/-1}
  .mrow-vids{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px}
  .mrow-vids .vcard{scroll-snap-align:start}
  .phero{padding:16px;gap:18px}
  .phero-pic{flex-basis:100%;aspect-ratio:4/3}
  .phero-pic img{object-position:50% 20%}
  .two>article,.two>aside{padding:18px}
  .mainnav{gap:4px 16px;font-size:14px}
  .vgrid.rail{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px}
  .vgrid.rail .vcard{scroll-snap-align:start}
  .facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.fact{padding:10px 12px}.fact strong{font-size:20px}.fact span{font-size:12px;line-height:1.3}
  .sticky-cta{transition:transform .2s,opacity .2s;display:flex;flex-direction:column;align-items:stretch;gap:4px;position:fixed;left:8px;right:8px;bottom:8px;z-index:20;padding:8px;border-radius:16px;background:#18181C;border:1px solid var(--line);box-shadow:0 8px 24px rgba(0,0,0,0.55)}
  .sticky-cta span{font-size:12px;color:var(--muted);text-align:center}
  .has-sticky .site-foot .wrap{padding-bottom:110px}
  .dl{grid-template-columns:max-content 1fr;font-size:14px}
}

/* Mobil aufgeräumt (Chris, 28.10.): größeres Porträt, Kennzahlen als Kacheln, Themen im Raster */
.mstats{display:none}
.tlabel{color:var(--muted);font-size:13px;font-weight:600}
@media (max-width:760px){
  /* Top 3 */
  .top{grid-template-columns:132px minmax(0,1fr);grid-template-rows:auto;gap:14px 16px;padding:16px}
  .top-pic{width:132px;grid-column:1;grid-row:1;border-radius:14px}
  .top-pic .rank{left:8px;top:8px;min-width:36px;height:36px;font-size:13px}
  .top-head{grid-column:2;grid-row:1;align-self:center;gap:8px}
  .top-head .eb-row{order:3}
  .top-head .eyebrow{display:none}
  .top-name{font-size:26px;line-height:1.1;margin:0}
  .top-motto{margin:0;font-size:15px;line-height:1.35;color:var(--soft)}
  .mstats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .mstats span{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;background:var(--card2);font-size:12px;color:var(--muted);line-height:1.25}
  .mstats b{font-family:"Plus Jakarta Sans",system-ui,sans-serif;font-weight:800;font-size:20px;color:var(--text);line-height:1.15}
  /* Themen als sauberes Zweier-Raster */
  .chips.tgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .chips.tgrid .tlabel{grid-column:1/-1;font-family:"Plus Jakarta Sans",system-ui,sans-serif;font-weight:700;font-size:12px;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted)}
  .chips.tgrid .chip{justify-content:space-between;gap:8px;min-height:44px;padding:6px 12px;border-radius:12px;min-width:0;line-height:1.25;text-align:left}
  .chips.tgrid .chip .cl{min-width:0}
  .chips.tgrid .chip b{flex:none}
  .top .cta-row{grid-template-columns:1fr}
  .chips.tgrid.one{grid-template-columns:1fr}
  /* Themenübersicht der Startseite: Models als saubere Liste mit Zahl rechts */
  .theme-box{padding:16px}
  .theme-box ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 8px;font-size:14px}
  .theme-box li{display:flex;justify-content:space-between;align-items:center;gap:6px;min-height:40px;padding:0 12px;border-radius:10px;background:var(--card2)}
  .theme-box li a{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .theme-box li b{flex:none;color:var(--blue);font-weight:600}
  /* Platz 4–10 */
  .mrow{grid-template-columns:108px minmax(0,1fr);gap:14px 14px;padding:14px}
  .mrow-pic,.mrow.compact .mrow-pic{width:108px;border-radius:12px}
  .mrow-head{display:contents}
  .mrow-head>div:first-child{grid-column:2;grid-row:1;align-self:center;display:flex;flex-direction:column;gap:8px}
  .mrow-head>div:first-child .eb-row{order:2;flex-direction:column;align-items:flex-start;gap:8px}
  .mrow-head>div:first-child .eyebrow{font-size:11px!important}
  .mrow-name{font-size:24px;line-height:1.1}
  .mrow-body>.chips{order:5}
  .mrow-vids{order:6}
  .mrow-links{order:7;grid-column:1/-1;display:grid;grid-template-columns:1fr;gap:8px}
  .mrow-links a{display:flex;align-items:center;justify-content:center;min-height:46px;padding:0 8px;border-radius:12px;border:1px solid #3A3A41;color:var(--text);font-size:15px;text-align:center}
  .mrow-links a.go{background:var(--orange);border-color:var(--orange);color:var(--bg)}
  .mrow-links a:only-child{grid-column:1/-1}
  /* Themenseite */
  .thero{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px 16px;padding:16px;flex-direction:initial}
  .thero-pic{width:120px;border-radius:14px}
  .thero-body{display:contents}
  .thero-body>.eb-row{grid-column:2;grid-row:1;align-self:center;flex-direction:column;align-items:flex-start;gap:8px}
  .thero-body>.h1{grid-column:1/-1;font-size:28px!important;line-height:1.15}
  .thero-body>.prose,.thero-body>.cta-row{grid-column:1/-1}
  .thero .cta-row .btn{width:100%}
  /* Profil: Button ohne Umbruch */
  .ctabox .btn{font-size:16px;padding:0 14px}
}