/* ============================================================
   SPORTSCHNACK – template.css
   Joomla 4/5 Custom Template
   ============================================================ */

/* ── CSS VARIABLEN ── */
:root {
  --black:  #0a0a0a;
  --white:  #f5f2ec;
  --lime:   #c8f135;
  --red:    #e63022;
  --mid:    #1c1c1c;
  --muted:  #555;
  --border: rgba(245,242,236,0.1);
}

/* ── RESET & BASE ── */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  background: var(--black);
  color: var(--white);
  font-family: 'DM Sans', sans-serif;
  font-weight: 300;
  overflow-x: hidden;
}
img { max-width:100%; display:block; }
a { color: inherit; }

/* Joomla-eigene Klassen neutralisieren */
.container, .container-fluid { max-width:100%; padding:0; }
#system-message-container { display:none; } /* Systemnachrichten ausblenden im Frontend */

/* ── NAV ── */
.site-nav {
  position: fixed; top:0; left:0; right:0; z-index:100;
  display: flex; align-items: center; justify-content: space-between;
  padding: 1.2rem 3rem;
  background: rgba(10,10,10,0.88);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--border);
}
.nav-logo {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 1.6rem; letter-spacing: 0.08em;
  color: var(--white); text-decoration: none;
}
.nav-logo span { color: var(--lime); }
.nav-links-wrap ul {
  display: flex; gap: 2.5rem; list-style: none;
}
.nav-links-wrap ul a {
  color: rgba(245,242,236,0.6); text-decoration: none;
  font-size: 0.85rem; letter-spacing: 0.12em; text-transform: uppercase;
  transition: color .2s;
}
.nav-links-wrap ul a:hover,
.nav-links-wrap ul .current > a { color: var(--lime); }
/* Letzter Nav-Link als CTA */
.nav-links-wrap ul li:last-child a {
  background: var(--lime); color: var(--black) !important;
  padding: 0.45rem 1.1rem; border-radius: 2px; font-weight:500;
}
.nav-links-wrap ul li:last-child a:hover { background:#b8e020; }

/* Mobile Burger */
.nav-burger {
  display: none; flex-direction: column; gap:5px;
  background: none; border: none; cursor: pointer; padding:4px;
}
.nav-burger span {
  display: block; width:24px; height:2px;
  background: var(--white); transition: all .25s;
}
.nav-burger.open span:nth-child(1) { transform: rotate(45deg) translate(5px,5px); }
.nav-burger.open span:nth-child(2) { opacity:0; }
.nav-burger.open span:nth-child(3) { transform: rotate(-45deg) translate(5px,-5px); }

/* ── HERO ── */
.hero {
  min-height: 100vh;
  display: grid; grid-template-columns: 1fr 1fr;
  padding-top: 80px; position: relative; overflow: hidden;
}
.hero-noise {
  position: absolute; inset:0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
  pointer-events: none;
}
.hero-left {
  display: flex; flex-direction: column; justify-content: center;
  padding: 5rem 3rem 5rem 5rem; position: relative;
}
.hero-eyebrow {
  font-size: 0.72rem; letter-spacing: 0.25em; text-transform: uppercase;
  color: var(--lime); margin-bottom: 1.5rem;
  display: flex; align-items: center; gap: 0.8rem;
}
.hero-eyebrow::before {
  content:''; display:block; width:2.5rem; height:1px; background:var(--lime);
}
.hero-title {
  font-family: 'Bebas Neue', sans-serif;
  font-size: clamp(4.5rem, 8vw, 8rem);
  line-height: 0.92; letter-spacing: 0.02em; margin-bottom: 1.2rem;
}
.hero-title em { font-style:normal; color:var(--lime); display:block; }
/* Inhalt aus dem Custom HTML Modul (hero-Position) */
.hero-left .hero-sub {
  font-size:1.05rem; line-height:1.7; color:rgba(245,242,236,0.65);
  max-width:38ch; margin-bottom:2.5rem;
}
.hero-left .hero-actions { display:flex; gap:1rem; flex-wrap:wrap; }
.hero-stats {
  margin-top:3.5rem; display:flex; gap:2.5rem;
  padding-top:2rem; border-top:1px solid var(--border);
}
.stat-num {
  font-family:'Bebas Neue',sans-serif; font-size:2.2rem;
  color:var(--lime); letter-spacing:0.04em;
}
.stat-label {
  font-size:0.72rem; letter-spacing:0.12em; text-transform:uppercase;
  color:rgba(245,242,236,0.45); margin-top:0.1rem;
}
.hero-right {
  background:var(--mid); position:relative;
  overflow:hidden; display:flex; align-items:center; justify-content:center;
}
.hero-bg-text {
  position:absolute; font-family:'Bebas Neue',sans-serif;
  font-size:22vw; color:rgba(200,241,53,0.04);
  user-select:none; white-space:nowrap; line-height:1;
  top:50%; left:50%; transform:translate(-50%,-50%);
}
.hosts-visual {
  position:relative; z-index:2;
  display:flex; flex-direction:column; align-items:center; gap:2rem;
}

/* ── BUTTONS (global) ── */
.btn-primary {
  background:var(--lime); color:var(--black);
  padding:.9rem 2rem; font-size:.85rem; font-weight:500;
  letter-spacing:.1em; text-transform:uppercase; text-decoration:none;
  border-radius:2px; border:none; cursor:pointer;
  transition:background .2s, transform .15s;
  display:inline-flex; align-items:center; gap:.6rem;
}
.btn-primary:hover { background:#b8e020; transform:translateY(-1px); }
.btn-ghost {
  border:1px solid rgba(245,242,236,0.25); color:var(--white);
  padding:.9rem 2rem; font-size:.85rem; letter-spacing:.1em;
  text-transform:uppercase; text-decoration:none; border-radius:2px;
  background:none; cursor:pointer;
  transition:border-color .2s, color .2s, transform .15s;
  display:inline-flex; align-items:center; gap:.6rem;
}
.btn-ghost:hover { border-color:var(--lime); color:var(--lime); transform:translateY(-1px); }

/* ── TICKER ── */
.ticker {
  background:var(--lime); padding:.7rem 0; overflow:hidden; white-space:nowrap;
}
.ticker-inner { display:inline-flex; animation:ticker 25s linear infinite; }
.ticker-item {
  display:inline-flex; align-items:center; gap:1.2rem; margin-right:3rem;
  font-family:'Bebas Neue',sans-serif; font-size:1rem; letter-spacing:.08em;
  color:var(--black);
}
.ticker-dot { width:5px; height:5px; border-radius:50%; background:var(--black); }
@keyframes ticker {
  0%   { transform:translateX(0); }
  100% { transform:translateX(-50%); }
}

/* ── SECTION GEMEINSAM ── */
.section-label {
  font-size:.7rem; letter-spacing:.25em; text-transform:uppercase;
  color:var(--lime); margin-bottom:1rem;
  display:flex; align-items:center; gap:.75rem;
}
.section-label::before {
  content:''; display:block; width:2rem; height:1px; background:var(--lime);
}
.section-title {
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(2.5rem,4vw,3.5rem); line-height:1; letter-spacing:.03em;
}
.section-header {
  display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:3rem;
}
.section-link {
  font-size:.8rem; letter-spacing:.15em; text-transform:uppercase;
  color:rgba(245,242,236,0.45); text-decoration:none;
  display:flex; align-items:center; gap:.5rem; transition:color .2s;
}
.section-link:hover { color:var(--lime); }

/* ── NEUESTE FOLGE ── */
.latest-episode {
  padding:6rem 5rem;
  display:grid; grid-template-columns:1fr 1.2fr; gap:5rem; align-items:center;
  border-bottom:1px solid var(--border);
}
.episode-number {
  font-family:'Bebas Neue',sans-serif; font-size:7rem; line-height:1;
  color:rgba(245,242,236,0.05); margin-bottom:-2.5rem; display:block;
}
.episode-title {
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(2.8rem,5vw,4.5rem); line-height:.95; letter-spacing:.02em; margin-bottom:.5rem;
}
.episode-meta {
  display:flex; gap:1.5rem; margin-bottom:1.5rem;
  font-size:.78rem; color:rgba(245,242,236,0.45); letter-spacing:.08em; text-transform:uppercase;
}
.episode-desc {
  font-size:1rem; line-height:1.75; color:rgba(245,242,236,0.6); margin-bottom:2rem;
}
/* Player-Box */
.player-mock {
  background:var(--mid); border:1px solid var(--border);
  border-radius:8px; padding:2rem; position:relative; overflow:hidden;
}
.player-mock::before {
  content:''; position:absolute; left:0; top:0; bottom:0; width:3px; background:var(--lime);
}
.player-ep { font-size:.7rem; letter-spacing:.2em; text-transform:uppercase; color:var(--lime); margin-bottom:.25rem; }
.player-title { font-family:'Bebas Neue',sans-serif; font-size:1.5rem; letter-spacing:.05em; margin-bottom:1.25rem; }
.play-btn {
  width:48px; height:48px; border-radius:50%; background:var(--lime);
  border:none; cursor:pointer; display:flex; align-items:center; justify-content:center;
  flex-shrink:0; transition:transform .15s;
}
.play-btn:hover { transform:scale(1.08); }
.waveform {
  display:flex; align-items:flex-end; gap:2px; height:40px; margin-bottom:1rem; cursor:pointer;
}
.wave-bar {
  flex:1; background:rgba(245,242,236,0.12); border-radius:2px;
  transition:background .15s; min-height:3px;
}
.wave-bar.active { background:var(--lime); }
.player-time {
  display:flex; justify-content:space-between;
  font-size:.72rem; color:rgba(245,242,236,0.35); letter-spacing:.06em;
}
.player-links {
  display:flex; gap:.75rem; margin-top:1.5rem; padding-top:1.5rem; border-top:1px solid var(--border);
}
.platform-link {
  flex:1; padding:.6rem; border:1px solid var(--border); border-radius:4px;
  text-align:center; font-size:.7rem; letter-spacing:.1em; text-transform:uppercase;
  text-decoration:none; color:rgba(245,242,236,0.5); transition:border-color .2s, color .2s;
}
.platform-link:hover { border-color:var(--lime); color:var(--lime); }

/* ── SPORTARTEN ── */
.sports-section { padding:6rem 5rem; border-bottom:1px solid var(--border); }
.sports-grid { display:flex; flex-wrap:wrap; gap:.5rem; }
.sport-tag {
  padding:.55rem 1.1rem; border:1px solid var(--border); border-radius:30px;
  font-size:.82rem; letter-spacing:.04em; text-decoration:none;
  color:rgba(245,242,236,0.6); transition:all .2s; cursor:pointer;
}
.sport-tag:hover, .sport-tag.active {
  background:var(--lime); border-color:var(--lime); color:var(--black);
}

/* ── FOLGEN-LISTE ── */
.episodes-section { padding:6rem 5rem; border-bottom:1px solid var(--border); }
.episodes-list { display:flex; flex-direction:column; }
.episode-row {
  display:grid; grid-template-columns:5rem 1fr auto;
  gap:2rem; align-items:center; padding:2rem 0;
  border-bottom:1px solid var(--border); text-decoration:none; color:var(--white);
  cursor:pointer;
}
.episode-row:hover .ep-title { color:var(--lime); }
.episode-row:hover .ep-num   { color:var(--lime); }
.ep-num {
  font-family:'Bebas Neue',sans-serif; font-size:1.8rem;
  color:rgba(245,242,236,0.2); letter-spacing:.05em;
  transition:color .2s; text-align:center;
}
.ep-sport { font-size:.68rem; letter-spacing:.2em; text-transform:uppercase; color:var(--lime); margin-bottom:.2rem; }
.ep-title { font-family:'Bebas Neue',sans-serif; font-size:1.6rem; letter-spacing:.04em; transition:color .2s; }
.ep-desc  { font-size:.82rem; color:rgba(245,242,236,0.4); max-width:55ch; }
.ep-duration { font-family:'Bebas Neue',sans-serif; font-size:1.1rem; letter-spacing:.08em; color:rgba(245,242,236,0.3); text-align:right; }
.ep-date  { font-size:.7rem; letter-spacing:.1em; text-transform:uppercase; color:rgba(245,242,236,0.25); margin-top:.2rem; text-align:right; }

/* ── CHAMPION ── */
.champion-section {
  padding:6rem 5rem; border-bottom:1px solid var(--border);
  background:linear-gradient(to bottom right, var(--mid), var(--black));
}
.champion-card { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; margin-top:3rem; }
.champion-video {
  aspect-ratio:16/9; background:#111; border-radius:8px; overflow:hidden;
  border:1px solid var(--border);
}
.champion-video iframe { width:100%; height:100%; border:none; }
.champion-name {
  font-family:'Bebas Neue',sans-serif; font-size:clamp(3rem,5vw,5rem);
  line-height:.95; letter-spacing:.02em; margin-bottom:1rem;
}
.champion-desc { font-size:1rem; line-height:1.75; color:rgba(245,242,236,0.6); margin-bottom:2rem; }

/* ── TEAM ── */
.team-section { padding:6rem 5rem; border-bottom:1px solid var(--border); }
.team-grid   { display:grid; grid-template-columns:1fr 1fr; gap:2rem; margin-top:3rem; }
.team-card {
  background:var(--mid); border:1px solid var(--border); border-radius:8px;
  padding:3rem; display:flex; align-items:center; gap:2.5rem; transition:border-color .2s;
}
.team-card:hover { border-color:rgba(200,241,53,0.3); }
.member-avatar {
  width:90px; height:90px; border-radius:50%; background:#2a2a2a;
  overflow:hidden; flex-shrink:0; border:2px solid var(--border);
  display:flex; align-items:center; justify-content:center;
}
.member-avatar img { width:100%; height:100%; object-fit:cover; }
.member-role  { font-size:.68rem; letter-spacing:.2em; text-transform:uppercase; color:var(--lime); margin-bottom:.3rem; }
.member-name  { font-family:'Bebas Neue',sans-serif; font-size:2rem; letter-spacing:.05em; margin-bottom:.3rem; }
.member-email { font-size:.78rem; color:rgba(245,242,236,0.35); }

/* ── NEWSLETTER ── */
.newsletter-section { padding:6rem 5rem; text-align:center; background:var(--mid); }
.newsletter-title { font-family:'Bebas Neue',sans-serif; font-size:clamp(2.5rem,5vw,5rem); letter-spacing:.02em; margin-bottom:.75rem; }
.newsletter-sub   { font-size:1rem; color:rgba(245,242,236,0.5); margin-bottom:2.5rem; }
.newsletter-form  { display:flex; max-width:480px; margin:0 auto; gap:.5rem; }
.newsletter-input {
  flex:1; background:rgba(0,0,0,0.4); border:1px solid var(--border); border-radius:2px;
  padding:.85rem 1.2rem; color:var(--white); font-family:'DM Sans',sans-serif;
  font-size:.9rem; outline:none; transition:border-color .2s;
}
.newsletter-input:focus { border-color:var(--lime); }
.newsletter-input::placeholder { color:rgba(245,242,236,0.25); }
.newsletter-btn {
  background:var(--lime); border:none; border-radius:2px;
  padding:.85rem 1.5rem; font-family:'DM Sans',sans-serif;
  font-size:.8rem; font-weight:500; letter-spacing:.1em; text-transform:uppercase; cursor:pointer;
}
.newsletter-btn:hover { background:#b8e020; }

/* ── EPISODEN-SEITE (com_content article) ── */
.episode-page-wrap { padding-top:80px; }

/* Breadcrumb */
.breadcrumb {
  padding:6.5rem 5rem 0;
  display:flex; align-items:center; gap:.6rem;
  font-size:.72rem; letter-spacing:.15em; text-transform:uppercase;
  color:rgba(245,242,236,0.3);
}
.breadcrumb a { color:inherit; text-decoration:none; transition:color .2s; }
.breadcrumb a:hover { color:var(--lime); }
.breadcrumb span { color:var(--lime); }

/* Grosse Folgen-Nummer als Hintergrundtext */
.ep-big-num {
  font-family:'Bebas Neue',sans-serif; font-size:12rem; line-height:.85;
  color:rgba(245,242,236,0.05); position:absolute;
  top:3rem; right:430px; pointer-events:none;
  letter-spacing:-0.05em; user-select:none;
}

/* Joomla-Artikel-Override Klassen */
.ep-article-hero {
  padding:3rem 5rem 5rem;
  display:grid; grid-template-columns:1fr 420px; gap:5rem; align-items:start;
  border-bottom:1px solid var(--border); position:relative;
}
.ep-tag {
  display:inline-flex; align-items:center; gap:.5rem;
  background:rgba(200,241,53,0.12); border:1px solid rgba(200,241,53,0.3);
  color:var(--lime); font-size:.72rem; letter-spacing:.18em; text-transform:uppercase;
  padding:.35rem .9rem; border-radius:30px; margin-bottom:1.5rem;
}
.ep-hero-title {
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(4rem,7vw,7.5rem); line-height:.9; letter-spacing:.02em; margin-bottom:.5rem;
}
.ep-hero-subtitle { font-size:1.1rem; color:rgba(245,242,236,0.5); margin-bottom:2rem; font-style:italic; }
.ep-meta-row    { display:flex; gap:2rem; margin-bottom:2rem; }
.ep-meta-label  { font-size:.65rem; letter-spacing:.2em; text-transform:uppercase; color:rgba(245,242,236,0.3); }
.ep-meta-value  { font-size:.9rem; }
.ep-hero-desc   { font-size:1rem; line-height:1.8; color:rgba(245,242,236,0.6); max-width:55ch; margin-bottom:2.5rem; }
.ep-actions     { display:flex; gap:.75rem; flex-wrap:wrap; }

/* Sticky Player */
.sticky-player {
  background:var(--mid); border:1px solid var(--border); border-radius:10px;
  overflow:hidden; position:sticky; top:100px;
}
.player-cover {
  width:100%; aspect-ratio:16/9;
  background:linear-gradient(135deg,#1a2a0a 0%,#0a1505 100%);
  display:flex; align-items:center; justify-content:center; position:relative;
}
.player-cover-text { font-family:'Bebas Neue',sans-serif; font-size:5rem; color:rgba(200,241,53,0.15); }
.player-cover-badge {
  position:absolute; bottom:1rem; left:1rem; background:var(--lime); color:var(--black);
  font-size:.65rem; font-weight:500; letter-spacing:.15em; text-transform:uppercase;
  padding:.3rem .75rem; border-radius:30px;
}
.player-body { padding:1.5rem 1.5rem 1.25rem; }

/* Episoden-Inhalt */
.episode-content { max-width:1400px; margin:0 auto; padding:0 5rem; }
.content-section { padding:4rem 0; border-bottom:1px solid var(--border); }
.youtube-section  { padding:4rem 0; border-bottom:1px solid var(--border); }
.instagram-section { padding:4rem 0; border-bottom:1px solid var(--border); }
.content-label {
  font-size:.68rem; letter-spacing:.25em; text-transform:uppercase;
  color:var(--lime); margin-bottom:1.5rem;
  display:flex; align-items:center; gap:.75rem;
}
.content-label::before { content:''; display:block; width:1.5rem; height:1px; background:var(--lime); }
.content-section h2 { font-family:'Bebas Neue',sans-serif; font-size:2.5rem; letter-spacing:.04em; margin-bottom:1.5rem; }
.content-text { font-size:1rem; line-height:1.85; color:rgba(245,242,236,0.65); max-width:70ch; }
.content-text + .content-text { margin-top:1rem; }

/* YouTube */
.video-wrapper {
  aspect-ratio:16/9; max-width:800px; border-radius:8px; overflow:hidden;
  margin-top:1.5rem; border:1px solid var(--border);
}
.video-wrapper iframe { width:100%; height:100%; border:none; }

/* Kapitel */
.chapters-list { display:flex; flex-direction:column; }
.chapter-item {
  display:grid; grid-template-columns:5.5rem 1fr auto;
  gap:1.5rem; align-items:center; padding:1.4rem 1rem;
  border-bottom:1px solid var(--border); text-decoration:none; color:var(--white);
  border-radius:4px; transition:background .15s; cursor:pointer;
}
.chapter-item:hover { background:rgba(245,242,236,0.04); }
.chapter-item:hover .chapter-time { color:var(--lime); }
.chapter-item:hover .chapter-play { opacity:1 !important; }
.chapter-time { font-family:'Bebas Neue',sans-serif; font-size:1.1rem; letter-spacing:.1em; color:rgba(245,242,236,0.3); transition:color .2s; }
.chapter-title { font-size:.9rem; line-height:1.4; }
.chapter-play  { opacity:0; transition:opacity .2s; color:var(--lime); }

/* Kontakt & Newsletter (Episodenseite) */
.bottom-row {
  display:grid; grid-template-columns:1fr 1fr; gap:2rem;
  padding:4rem 0; border-bottom:1px solid var(--border);
}
.contact-card, .subscribe-card {
  background:var(--mid); border:1px solid var(--border); border-radius:8px;
  padding:2.5rem; transition:border-color .2s;
}
.contact-card:hover, .subscribe-card:hover { border-color:rgba(200,241,53,0.2); }
.card-title { font-family:'Bebas Neue',sans-serif; font-size:1.8rem; letter-spacing:.04em; margin-bottom:.5rem; }
.card-text  { font-size:.88rem; line-height:1.65; color:rgba(245,242,236,0.5); margin-bottom:1.5rem; }
.contact-links { display:flex; flex-direction:column; gap:.75rem; }
.contact-link {
  display:flex; align-items:center; gap:.75rem;
  font-size:.85rem; color:rgba(245,242,236,0.5); text-decoration:none; transition:color .2s;
}
.contact-link:hover { color:var(--lime); }
.contact-link-icon {
  width:28px; height:28px; border-radius:4px;
  background:rgba(245,242,236,0.05);
  display:flex; align-items:center; justify-content:center; font-size:.7rem; flex-shrink:0;
}

/* Weitere Folgen (Episode-Detail) */
.more-section { padding:4rem 0 6rem; }
.more-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; margin-top:2rem; }
.more-card {
  background:var(--mid); border:1px solid var(--border); border-radius:8px; padding:2rem;
  text-decoration:none; color:var(--white); transition:border-color .2s, transform .15s;
  display:flex; flex-direction:column; gap:.75rem;
}
.more-card:hover { border-color:rgba(200,241,53,0.25); transform:translateY(-2px); }
.more-card-num   { font-family:'Bebas Neue',sans-serif; font-size:1rem; color:rgba(245,242,236,0.2); letter-spacing:.1em; }
.more-card-sport { font-size:.65rem; letter-spacing:.2em; text-transform:uppercase; color:var(--lime); }
.more-card-title { font-family:'Bebas Neue',sans-serif; font-size:1.5rem; letter-spacing:.04em; line-height:1; }
.more-card-desc  { font-size:.8rem; color:rgba(245,242,236,0.4); line-height:1.5; flex:1; }
.more-card-meta  { font-size:.68rem; letter-spacing:.1em; text-transform:uppercase; color:rgba(245,242,236,0.2); margin-top:auto; }

/* ── FOOTER ── */
.site-footer {
  padding:3rem 5rem; border-top:1px solid var(--border);
  display:flex; align-items:center; justify-content:space-between;
}
.footer-logo { font-family:'Bebas Neue',sans-serif; font-size:1.3rem; letter-spacing:.08em; color:rgba(245,242,236,0.3); }
.footer-logo span { color:var(--lime); }
.footer-socials { display:flex; gap:1.5rem; }
.footer-socials a {
  font-size:.72rem; letter-spacing:.15em; text-transform:uppercase;
  color:rgba(245,242,236,0.3); text-decoration:none; transition:color .2s;
}
.footer-socials a:hover { color:var(--lime); }

/* ── CHAMPIONS-SEITE ── */
.champions-header {
  padding: 3rem 5rem 4rem;
}
.champions-main-title {
  font-size: clamp(3.5rem, 7vw, 6rem);
  line-height: .95;
  margin-bottom: 1.5rem;
}
.champions-intro {
  font-size: 1rem;
  color: rgba(245,242,236,0.5);
  max-width: 50ch;
  line-height: 1.7;
}
.champions-list {
  padding: 0 5rem 6rem;
}
.champions-empty {
  color: rgba(245,242,236,0.4);
  text-align: center;
  padding: 4rem 0;
}

.champion-entry {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5rem;
  align-items: center;
  padding: 5rem 0;
  border-bottom: 1px solid var(--border);
}
.champion-entry:last-child { border-bottom: none; }
.champion-entry.reversed { direction: rtl; }
.champion-entry.reversed > * { direction: ltr; }

.champion-entry-video {
  aspect-ratio: 16/9;
  background: #111;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid var(--border);
}
.champion-entry-video iframe { width: 100%; height: 100%; border: none; }

.champion-entry-placeholder {
  aspect-ratio: 16/9;
  background: var(--mid);
  border-radius: 8px;
  border: 1px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Bebas Neue', sans-serif;
  font-size: 4rem;
  color: rgba(200,241,53,0.15);
  letter-spacing: .05em;
  text-align: center;
  line-height: 1.1;
}

.champion-entry-info {}
.champion-episode-meta {
  font-size: .72rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(245,242,236,0.3);
  margin-bottom: 1.5rem;
}
.champion-desc {
  font-size: 1rem;
  line-height: 1.8;
  color: rgba(245,242,236,0.6);
  max-width: 52ch;
  margin-bottom: 2rem;
}

/* ════════════════════════════════════════════
   SPX LEGACY KLASSEN (bestehende Artikel)
   ════════════════════════════════════════════ */

/* Wrapper */
.sportschnack-episode-page {
  padding: 0;
}

/* Titel/Label/Intro im Artikel-Body verstecken –
   das Template rendert diese bereits im Hero */
.spx-episode-label,
.spx-title,
.spx-intro,
.spx-readmore,
.spx-meta {
  display: none;
}

/* 2-Spalten-Zeilen */
.spx-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  padding: 3.5rem 0;
  border-bottom: 1px solid var(--border);
}
.spx-row:last-child { border-bottom: none; }

/* Zeilen-Überschriften */
.spx-heading {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 2rem;
  letter-spacing: .04em;
  margin-bottom: 1.25rem;
  color: var(--white);
  line-height: 1;
}

/* Texte */
.spx-textblock p,
.spx-video-text p,
.spx-contact p {
  font-size: .95rem;
  line-height: 1.8;
  color: rgba(245,242,236,0.65);
  margin-bottom: 1rem;
  max-width: 60ch;
}

/* Kapitel-Liste */
.spx-chapters ul { list-style: none; padding: 0; margin: 0; }
.spx-chapters ul li {
  display: flex;
  align-items: baseline;
  gap: 1.5rem;
  padding: 1.1rem 0;
  border-bottom: 1px solid var(--border);
}
.spx-chapters ul li:first-child { border-top: 1px solid var(--border); }
.spx-chapter-time {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 1.1rem;
  letter-spacing: .1em;
  color: rgba(245,242,236,0.3);
  min-width: 4rem;
  flex-shrink: 0;
}
.spx-chapter-link {
  font-size: .9rem;
  line-height: 1.45;
  color: rgba(245,242,236,0.7);
  text-decoration: none;
  transition: color .2s;
}
.spx-chapter-link:hover { color: var(--lime); }

/* Player (Spotify / Apple) */
.spx-player iframe {
  border-radius: 8px;
  max-width: 100%;
  display: block;
}

/* Video iframe */
.spx-video iframe {
  width: 100%;
  max-width: 640px;
  aspect-ratio: 16/9;
  height: auto !important;
  border-radius: 8px;
  border: 1px solid var(--border);
  display: block;
}

/* Instagram Embed */
.spx-instagram-embed {
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--mid);
  padding: 1.5rem;
  color: rgba(245,242,236,0.4);
  font-size: .85rem;
}

/* Kontakt */
.spx-contact ul {
  list-style: none;
  padding: 0;
  margin: 1rem 0 0;
  display: flex;
  flex-direction: column;
  gap: .75rem;
}
.spx-contact ul li { font-size: .88rem; color: rgba(245,242,236,0.5); }
.spx-contact ul li a {
  color: rgba(245,242,236,0.5);
  text-decoration: none;
  transition: color .2s;
}
.spx-contact ul li a:hover { color: var(--lime); }

/* CTA Buttons */
.spx-cta-buttons {
  display: flex;
  flex-direction: column;
  gap: .75rem;
  margin-top: 1.5rem;
}
.spx-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .85rem 1.5rem;
  font-size: .82rem;
  font-weight: 500;
  letter-spacing: .1em;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 2px;
  border: 1px solid var(--border);
  color: rgba(245,242,236,0.6);
  transition: all .2s;
}
.spx-btn:hover { border-color: var(--lime); color: var(--lime); }
.spx-btn--accent {
  background: var(--lime);
  border-color: var(--lime);
  color: var(--black);
}
.spx-btn--accent:hover { background: #b8e020; color: var(--black); }
.spx-btn--green {
  background: #1db954;
  border-color: #1db954;
  color: #fff;
}
.spx-btn--green:hover { background: #1aad4e; }

/* Row-1 erste Spalte (nur Titel/Meta) komplett ausblenden
   wenn nach dem Verstecken von spx-title etc. leer */
#row-1 > div:first-child:not(:has(.spx-instagram-embed)) { display: none; }
#row-1:has(.spx-instagram-embed) { grid-template-columns: 1fr; }

/* Row-5 (Kontakt/CTA) ausblenden – Template rendert eigenen Kontakt-Block */
#row-5 { display: none; }

/* Responsive */
@media (max-width: 900px) {
  .spx-row { grid-template-columns: 1fr; gap: 2rem; }
}

/* ── ARTIKEL-BODY INHALT (Joomla fulltext) ── */
.content-text h2,
.episode-content h2 {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 2rem;
  letter-spacing: .04em;
  margin: 2rem 0 1rem;
  color: var(--white);
}
.content-text h3,
.episode-content h3 {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 1.4rem;
  letter-spacing: .04em;
  margin: 1.5rem 0 .75rem;
  color: var(--white);
}
.content-text p,
.episode-content > div p {
  font-size: 1rem;
  line-height: 1.8;
  color: rgba(245,242,236,0.65);
  margin-bottom: 1rem;
  max-width: 70ch;
}
.content-text ul,
.episode-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.content-text ul li,
.episode-content ul li {
  padding: .9rem 0;
  border-bottom: 1px solid var(--border);
  font-size: .9rem;
  color: rgba(245,242,236,0.7);
  display: flex;
  align-items: baseline;
  gap: 1rem;
}
.content-text ul li a,
.episode-content ul li a {
  color: rgba(245,242,236,0.7);
  text-decoration: none;
  transition: color .2s;
}
.content-text ul li a:hover,
.episode-content ul li a:hover { color: var(--lime); }
/* Spotify/Apple/YouTube iframe-Wrapper */
.episode-content iframe {
  border-radius: 8px;
  max-width: 100%;
  display: block;
}

/* ── WAVEFORM ANIMATION ── */
@keyframes waveAnim {
  0%, 100% { transform:scaleY(1); }
  50%       { transform:scaleY(var(--h)); }
}
.wave-bar       { transform-origin:bottom; }
.wave-bar.playing { animation:waveAnim 1.2s ease-in-out infinite; }

/* ── ENTRY ANIMATIONEN ── */
@keyframes fadeUp {
  from { opacity:0; transform:translateY(30px); }
  to   { opacity:1; transform:translateY(0); }
}
.hero-left > * { animation:fadeUp .7s ease forwards; opacity:0; }
.hero-left > *:nth-child(1) { animation-delay:.1s; }
.hero-left > *:nth-child(2) { animation-delay:.2s; }
.hero-left > *:nth-child(3) { animation-delay:.3s; }
.hero-left > *:nth-child(4) { animation-delay:.45s; }
.hero-left > *:nth-child(5) { animation-delay:.6s; }

/* ── RESPONSIVE ── */
@media (max-width:1024px) {
  .hero                { grid-template-columns:1fr; }
  .hero-right          { display:none; }
  .hero-left           { padding:5rem 2rem 3rem; }
  .latest-episode      { grid-template-columns:1fr; gap:3rem; padding:4rem 2rem; }
  .champion-card       { grid-template-columns:1fr; gap:2rem; }
  .team-grid           { grid-template-columns:1fr; }
  .ep-article-hero     { grid-template-columns:1fr; padding:3rem 2rem 4rem; }
  .ep-big-num          { display:none; }
  .sticky-player       { position:static; }
  .episode-content     { padding:0 2rem; }
  .bottom-row          { grid-template-columns:1fr; }
  .more-grid           { grid-template-columns:1fr 1fr; }
  .breadcrumb          { padding:6rem 2rem 0; }
  .champions-header    { padding:3rem 2rem 3rem; }
  .champions-list      { padding:0 2rem 4rem; }
  .champion-entry      { grid-template-columns:1fr; gap:2.5rem; padding:3rem 0; direction:ltr !important; }
  .champion-entry.reversed > * { direction:ltr; }
  .sports-section,
  .episodes-section,
  .champion-section,
  .team-section,
  .newsletter-section  { padding:4rem 2rem; }
}
@media (max-width:768px) {
  .site-nav           { padding:1rem 1.5rem; }
  .nav-links-wrap     { display:none; position:fixed; top:65px; left:0; right:0; bottom:0; background:rgba(10,10,10,0.97); flex-direction:column; align-items:center; justify-content:center; }
  .nav-links-wrap.open { display:flex; }
  .nav-links-wrap ul  { flex-direction:column; align-items:center; gap:2rem; }
  .nav-links-wrap ul a { font-size:1.2rem; }
  .nav-burger         { display:flex; }
  .episode-row        { grid-template-columns:3rem 1fr; }
  .ep-info            { display:none; }
  .more-grid          { grid-template-columns:1fr; }
  .chapter-item       { grid-template-columns:4rem 1fr auto; gap:1rem; }
  .newsletter-form    { flex-direction:column; }
  .newsletter-btn     { width:100%; }
}


/* ════════════════════════════════════════════════════════════
   SPORTSCHNACK · HELLES REDESIGN (Theme-Klasse body.sc-light)
   Autor: Sportschnack · updatefähig, Core-unabhängig
   Aktiv wenn <body class="... sc-light">. Steuerung via Template-Parameter "Design".
   Alle Designwerte zentral über --sc-* Variablen.
   ════════════════════════════════════════════════════════════ */
.sc-light {
  /* Farben – Hell/Rot gemäss Marke & Mockup.
     (Petrol-Variante der Vorgabe als Kommentar: --sc-primary:#287C91) */
  --sc-bg:          #F7F8F7;
  --sc-surface:     #FFFFFF;
  --sc-text:        #172C38;
  --sc-primary:     #238090;   /* Türkis des Logos – Grundfarbe (Links, Headline-Akzent) */
  --sc-primary-dk:  #1B6673;
  --sc-accent:      #EA4A33;   /* Rot – Buttons/Play/Unterstriche (wie Mockup) */
  --sc-accent-dk:   #CF3A25;
  --sc-soft:        #E9F1F2;   /* Quiz-/Sekundärfläche (helles Türkis) */
  --sc-soft-line:   #CDE1E4;
  --sc-border:      #E4E8E8;
  --sc-muted:       #5F7079;
  --sc-dark:        #143947;   /* Footer */

  --sc-radius:      16px;
  --sc-radius-sm:   12px;
  --sc-maxw:        1200px;
  --sc-gut:         clamp(20px, 5vw, 40px);
  --sc-font:        'Inter', 'DM Sans', system-ui, -apple-system, sans-serif;

  background: var(--sc-bg);
  color: var(--sc-text);
  font-family: var(--sc-font);
  font-weight: 400;
  padding-top: 66px; /* Platz für fixierte Nav */
}
.sc-light ::selection { background: var(--sc-primary); color:#fff; }
.sc-light a { color: inherit; }
.sc-light img { max-width:100%; display:block; }

/* ── Layout-Helfer ── */
.sc-light .home-section {
  max-width: var(--sc-maxw);
  margin: 0 auto;
  padding: clamp(48px, 7vw, 84px) var(--sc-gut);
}

/* ────────────────────────────────
   NAV (nur Startseite überschrieben)
──────────────────────────────── */
.sc-light .site-nav {
  background: rgba(255,255,255,0.92);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--sc-border);
  padding: 0.9rem clamp(20px, 5vw, 40px);
}
.sc-light .site-nav::after {
  content:''; position:absolute; left:0; right:0; margin:0 auto; bottom:0;
}
.sc-light .nav-logo {
  font-family: var(--sc-font);
  font-weight: 800;
  font-size: 1.45rem;
  letter-spacing: -0.02em;
  color: var(--sc-text);
  text-transform: uppercase;
  position: relative;
}
.sc-light .nav-logo span { color: var(--sc-text); }
/* Bild-Logo (Schriftzug aus dem Cover) auf der hellen Startseite */
.nav-logo-img { display:none; }
.sc-light .nav-logo { display:inline-flex; align-items:center; }
.sc-light .nav-logo::after { display:none; }
.sc-light .nav-logo-text { display:none; }
.sc-light .nav-logo-img { display:block; height:38px; width:auto; }
.sc-light .nav-links-wrap ul { display:flex; gap:2rem; list-style:none; align-items:center; }
.sc-light .nav-links-wrap ul a {
  color: var(--sc-text);
  font-family: var(--sc-font);
  font-size: 0.95rem; font-weight:500; letter-spacing: 0;
  text-transform: none; text-decoration:none;
  transition: color .2s;
}
.sc-light .nav-links-wrap ul a:hover,
.sc-light .nav-links-wrap ul .current > a { color: var(--sc-primary); }
/* Menüpunkte sind normale Links – CTA liegt in .nav-actions (.nav-cta) */
.sc-light .nav-links-wrap ul li:last-child a,
.sc-light .nav-links-wrap ul li:last-child a:hover {
  background:none; color:var(--sc-text); padding:0; border-radius:0; font-weight:500;
}
.sc-light .nav-links-wrap ul li:last-child a:hover { color:var(--sc-accent); }
/* Untermenü (Ebene 2) als Aufklapp-Dropdown */
.sc-light .nav-links-wrap li { position:relative; }
.sc-light .nav-caret {
  display:inline-block; width:6px; height:6px; margin-left:.45rem; vertical-align:middle;
  border-right:1.6px solid currentColor; border-bottom:1.6px solid currentColor;
  transform:translateY(-2px) rotate(45deg);
}
.sc-light .nav-links-wrap ul.nav-sub {
  display:none; position:absolute; top:100%; left:-1rem; min-width:210px; z-index:120;
  flex-direction:column; align-items:stretch; gap:0; padding:.5rem;
  background:#fff; border:1px solid var(--sc-border); border-radius:14px;
  box-shadow:0 18px 40px -18px rgba(23,44,56,.35);
}
.sc-light .nav-links-wrap li.has-sub:hover > ul.nav-sub,
.sc-light .nav-links-wrap li.has-sub:focus-within > ul.nav-sub { display:flex; }
.sc-light .nav-links-wrap li.has-sub::after { content:''; position:absolute; left:0; right:0; top:100%; height:.9rem; }
.sc-light .nav-links-wrap ul.nav-sub li { width:100%; }
.sc-light .nav-links-wrap ul.nav-sub a {
  display:block; padding:.55rem .85rem; border-radius:9px; white-space:nowrap; font-size:.92rem;
}
.sc-light .nav-links-wrap ul.nav-sub a:hover { background:var(--sc-soft); }
.sc-light .nav-burger span { background: var(--sc-text); }

/* ────────────────────────────────
   1 · HERO
──────────────────────────────── */
.sc-light .home-hero {
  max-width: var(--sc-maxw);
  margin: 0 auto;
  padding: clamp(28px, 4vw, 48px) var(--sc-gut) clamp(40px, 5vw, 64px);
}
.sc-light [id] { scroll-margin-top: 80px; }
.sc-light .home-hero-inner {
  display: grid; grid-template-columns: 1.15fr 0.85fr;
  gap: clamp(32px, 5vw, 64px); align-items: stretch;
}
.sc-light .home-eyebrow {
  font-size: 0.8rem; font-weight:600; letter-spacing: 0.18em;
  text-transform: uppercase; color: var(--sc-primary); margin-bottom: 1.25rem;
}
.sc-light .home-hero-title {
  font-family: var(--sc-font); font-weight: 900;
  font-size: clamp(2.2rem, 4.6vw, 3.6rem);
  line-height: 1.04; letter-spacing: -0.025em; margin-bottom: 1.5rem;
  text-transform: uppercase;
  overflow-wrap: anywhere; hyphens: auto; -webkit-hyphens: auto;
}
.sc-light .home-hero-text { min-width: 0; display:flex; flex-direction:column; align-items:flex-start; }
.sc-light .home-hero-text .home-hero-sub { margin-bottom:1.25rem; }
.sc-light .home-hero-title em { font-style: normal; color: var(--sc-primary); }
.sc-light .home-hero-sub {
  font-size: clamp(1rem, 1.3vw, 1.15rem); line-height: 1.6;
  color: var(--sc-muted); max-width: 46ch; margin-bottom: 2rem;
}
.sc-light .home-hero-actions { display:flex; flex-wrap:wrap; gap: 1.1rem 1.6rem; align-items:center; }
.sc-light .home-hero-latest {
  display:block; margin-top:2rem; padding:1.1rem 1.3rem; max-width:46ch;
  background:var(--sc-surface); border:1px solid var(--sc-border); border-radius:14px;
  text-decoration:none; color:var(--sc-text);
  transition:border-color .15s, box-shadow .2s, transform .15s;
}
.sc-light .home-hero-latest:hover { border-color:var(--sc-primary); box-shadow:0 16px 30px -22px rgba(23,44,56,.45); transform:translateY(-2px); }
.sc-light .hero-latest-label { display:block; font-size:.72rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--sc-primary); margin-bottom:.35rem; }
.sc-light .hero-latest-title { display:block; font-weight:700; font-size:1.15rem; line-height:1.2; letter-spacing:-0.01em; }
.sc-light .hero-latest-desc { display:block; margin-top:.4rem; font-size:.9rem; color:var(--sc-muted); line-height:1.5; }
.sc-light .home-hero-platforms {
  display:flex; flex-wrap:wrap; gap: 1.1rem 1.8rem; margin-top: 2rem;
}
.sc-light .home-plat-link {
  display:inline-flex; align-items:center; gap:.6rem;
  font-size: 0.9rem; color: var(--sc-muted); text-decoration:none; transition:color .2s;
}
.sc-light .home-plat-link:hover { color: var(--sc-text); }
.sc-light .home-plat-dot { width:22px; height:22px; border-radius:50%; flex-shrink:0; display:block; }
.sc-light .home-plat-dot--spotify { background:#1DB954; }
.sc-light .home-plat-dot--apple   { background:#8a44c9; }

.sc-light .home-hero-media {
  position: relative; min-height: 340px;
  background: var(--sc-surface);
  border: 1px solid var(--sc-border);
  border-radius: var(--sc-radius);
  padding: 10px; overflow: hidden;
  box-shadow: 0 18px 50px -28px rgba(23,44,56,0.35);
}
.sc-light .home-hero-cover {
  width:100%; height:100%; border-radius: 10px; display:block;
  object-fit: cover; object-position: center;
}

/* ── Buttons ── */
.sc-light .sc-btn {
  display:inline-flex; align-items:center; gap:.65rem;
  font-family: var(--sc-font); font-size:0.95rem; font-weight:600;
  text-decoration:none; cursor:pointer; border:none;
  transition: background .2s, color .2s, border-color .2s, transform .15s;
}
.sc-light .sc-btn--primary {
  background: var(--sc-primary); color:#fff;
  padding: .85rem 1.5rem; border-radius: 999px;
}
.sc-light .sc-btn--primary:hover { background: var(--sc-primary-dk); transform: translateY(-1px); }
.sc-light .sc-btn-icon {
  width:26px; height:26px; border-radius:50%;
  background: rgba(255,255,255,0.22);
  display:inline-flex; align-items:center; justify-content:center;
}
.sc-light .sc-btn--text {
  color: var(--sc-text); padding:.4rem 0; background:none;
}
.sc-light .sc-btn--text:hover { color: var(--sc-primary); }
.sc-light .sc-btn--outline {
  color: var(--sc-text); background: var(--sc-surface);
  border: 1px solid var(--sc-border); padding:.75rem 1.4rem; border-radius:999px;
}
.sc-light .sc-btn--outline:hover { border-color: var(--sc-primary); color: var(--sc-primary); }

/* ────────────────────────────────
   Section-Köpfe
──────────────────────────────── */
.sc-light .home-section-head {
  display:flex; align-items:flex-end; justify-content:space-between;
  gap:1.5rem; margin-bottom: 2.25rem; flex-wrap:wrap;
}
.sc-light .home-section-title {
  font-family: var(--sc-font); font-weight: 800;
  font-size: clamp(1.9rem, 3vw, 2.4rem); line-height:1.1;
  letter-spacing:-0.02em; color: var(--sc-text);
}
.sc-light .home-section-sub { margin-top:.5rem; color: var(--sc-muted); font-size:1rem; }
.sc-light .home-section-link {
  display:inline-flex; align-items:center; gap:.5rem;
  color: var(--sc-primary); font-weight:600; font-size:.95rem;
  text-decoration:none; white-space:nowrap; transition: gap .2s;
}
.sc-light .home-section-link:hover { gap:.8rem; }

/* ────────────────────────────────
   2 · AKTUELLE FOLGEN – Karten
──────────────────────────────── */
.sc-light .home-episode-grid {
  display:grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem;
}
/* Karussell für Aktuelle Folgen */
.sc-light .home-episode-carousel { position:relative; }
.sc-light .home-episode-track {
  display:flex; gap:1.5rem; overflow-x:auto;
  scroll-snap-type:x mandatory; scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch; padding:4px 2px 8px;
  scrollbar-width:none;
}
.sc-light .home-episode-track::-webkit-scrollbar { display:none; }
.sc-light .home-episode-track > .episode-card {
  flex:0 0 calc((100% - 3rem) / 3); scroll-snap-align:start;
}
.sc-light .ep-nav {
  position:absolute; top:42%; transform:translateY(-50%); z-index:5;
  width:46px; height:46px; border-radius:50%;
  background:var(--sc-surface); border:1px solid var(--sc-border);
  color:var(--sc-primary); display:flex; align-items:center; justify-content:center;
  cursor:pointer; box-shadow:0 8px 22px -10px rgba(23,44,56,.5); transition:background .15s, color .15s, border-color .15s;
}
.sc-light .ep-nav:hover { background:var(--sc-primary); border-color:var(--sc-primary); color:#fff; }
.sc-light .ep-nav[hidden] { display:none; }
.sc-light .ep-nav--prev { left:-12px; }
.sc-light .ep-nav--next { right:-12px; }

/* Sportarten-Karussell (Icon-Tabs) */
.sc-light .home-sports-carousel { position:relative; }
.sc-light .home-sports-track {
  display:flex; gap:1rem; overflow-x:auto; scroll-snap-type:x mandatory;
  scroll-behavior:smooth; -webkit-overflow-scrolling:touch; padding:4px 2px 8px; scrollbar-width:none;
}
.sc-light .home-sports-track::-webkit-scrollbar { display:none; }
.sc-light .home-sports-carousel .ep-nav { top:50%; }
.sc-light .sport-tab {
  flex:0 0 auto; width:120px; scroll-snap-align:start;
  display:flex; flex-direction:column; align-items:center; gap:.65rem;
  padding:1.25rem .6rem; background:var(--sc-surface); border:1px solid var(--sc-border);
  border-radius:14px; text-decoration:none; color:var(--sc-text);
  transition:border-color .15s, transform .15s, box-shadow .2s;
}
.sc-light .sport-tab:hover {
  border-color:var(--sc-primary); transform:translateY(-3px);
  box-shadow:0 16px 30px -20px rgba(23,44,56,.5);
}
.sc-light .sport-tab-icon {
  width:52px; height:52px; border-radius:50%; background:var(--sc-soft);
  color:var(--sc-primary); display:flex; align-items:center; justify-content:center;
  transition:background .15s, color .15s;
}
.sc-light .sport-tab:hover .sport-tab-icon { background:var(--sc-primary); color:#fff; }
.sc-light .sport-tab-label { font-weight:600; font-size:.9rem; letter-spacing:-0.01em; }
.sc-light .sport-tab.is-active { border-color:var(--sc-primary); background:var(--sc-soft); }
.sc-light .sport-tab.is-active .sport-tab-icon { background:var(--sc-primary); color:#fff; }
@media (max-width:768px){ .sc-light .sport-tab { width:104px; } }

/* Panel: gefilterte Folgen der gewählten Sportart */
.sc-light .home-sport-folgen { margin-top:2rem; }
.sc-light .sport-folgen-state { color:var(--sc-muted); padding:1.25rem 0; }
.sc-light .sport-folgen-state a { color:var(--sc-primary); font-weight:600; text-decoration:none; }
.sc-light .sport-folgen-head { display:flex; align-items:baseline; justify-content:space-between; gap:1rem; margin-bottom:1.25rem; flex-wrap:wrap; }
.sc-light .sport-folgen-head h3 { font-weight:800; font-size:clamp(1.3rem,2.2vw,1.6rem); letter-spacing:-0.02em; }
.sc-light .sport-folgen-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.25rem; }
.sc-light .sport-folge-card {
  display:flex; flex-direction:column; gap:.5rem; padding:1.25rem 1.3rem;
  background:var(--sc-surface); border:1px solid var(--sc-border); border-radius:14px;
  text-decoration:none; color:var(--sc-text); transition:border-color .15s, transform .15s, box-shadow .2s;
}
.sc-light .sport-folge-card:hover { border-color:var(--sc-primary); transform:translateY(-2px); box-shadow:0 16px 30px -22px rgba(23,44,56,.5); }
.sc-light .sport-folge-card h4 { font-weight:700; font-size:1.1rem; line-height:1.2; letter-spacing:-0.01em; }
.sc-light .sport-folge-card p { font-size:.9rem; color:var(--sc-muted); line-height:1.5; flex:1; }
.sc-light .sport-folge-more { color:var(--sc-primary); font-weight:600; font-size:.9rem; display:inline-flex; align-items:center; gap:.4rem; margin-top:.2rem; }
@media (max-width:1023px){ .sc-light .sport-folgen-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:768px){ .sc-light .sport-folgen-grid { grid-template-columns:1fr; } }
.sc-light .episode-card {
  background: var(--sc-surface); border:1px solid var(--sc-border);
  border-radius: var(--sc-radius); overflow:hidden;
  display:flex; flex-direction:column;
  transition: box-shadow .25s, transform .2s;
}
.sc-light .episode-card:hover {
  box-shadow: 0 20px 44px -26px rgba(23,44,56,0.4); transform: translateY(-3px);
}
.sc-light .episode-card-media { position:relative; display:block; aspect-ratio:16/10; overflow:hidden; }
.sc-light .episode-card-img { width:100%; height:100%; object-fit:cover; }
.sc-light .episode-card-badge {
  position:absolute; top:.8rem; left:.8rem;
  background: rgba(20,57,71,0.92); color:#fff;
  font-size:.78rem; font-weight:700; letter-spacing:.02em;
  padding:.3rem .7rem; border-radius:7px;
}
.sc-light .episode-card-body { padding: 1.3rem 1.4rem 1.4rem; display:flex; flex-direction:column; gap:.6rem; flex:1; }
.sc-light .episode-card-date { font-size:.82rem; color: var(--sc-muted); }
.sc-light .episode-card-title { font-weight:700; font-size:1.3rem; line-height:1.15; letter-spacing:-0.01em; }
.sc-light .episode-card-title a { text-decoration:none; color:var(--sc-text); transition:color .2s; }
.sc-light .episode-card-title a:hover { color: var(--sc-primary); }
.sc-light .episode-card-desc { font-size:.92rem; line-height:1.5; color: var(--sc-muted); flex:1; }
.sc-light .episode-card-player {
  display:flex; align-items:center; gap:.75rem; margin-top:.4rem;
  padding-top:1rem; border-top:1px solid var(--sc-border);
}
.sc-light .episode-play {
  width:40px; height:40px; border-radius:50%; background: var(--sc-primary);
  color:#fff; display:flex; align-items:center; justify-content:center;
  flex-shrink:0; text-decoration:none; transition: background .2s, transform .15s;
}
.sc-light .episode-play svg { margin-left:2px; }
.sc-light .episode-play:hover { background: var(--sc-primary-dk); transform: scale(1.06); }
.sc-light .episode-progress {
  flex:1; height:4px; border-radius:4px; background: var(--sc-border); position:relative; overflow:hidden;
}
.sc-light .episode-play[data-audio] { cursor:pointer; }
.sc-light .episode-progress[role="slider"] { cursor:pointer; }
.sc-light .episode-progress-fill { position:absolute; left:0; top:0; bottom:0; width:0; background: var(--sc-primary); }
.sc-light .episode-timecode { font-size:.78rem; color: var(--sc-muted); white-space:nowrap; font-variant-numeric: tabular-nums; }
.sc-light .episode-more { color: var(--sc-muted); display:flex; flex-shrink:0; text-decoration:none; transition:color .2s; }
.sc-light .episode-more:hover { color: var(--sc-text); }

/* ────────────────────────────────
   3 · QUIZ DER WOCHE
──────────────────────────────── */
.sc-light .home-quiz-section { padding-top: clamp(20px, 3vw, 40px); }
.sc-light .home-quiz {
  background: var(--sc-soft); border:1px solid var(--sc-soft-line);
  border-radius: var(--sc-radius); padding: clamp(28px, 4vw, 48px);
}
.sc-light .home-quiz-teaser {
  display:flex; align-items:center; justify-content:space-between;
  gap: clamp(20px, 4vw, 48px); flex-wrap:wrap;
}
.sc-light .home-quiz-teaser-text { flex:1 1 320px; }
.sc-light .home-quiz-teaser .quiz-question { margin-bottom:.6rem; }
.sc-light .home-quiz-sub { color: var(--sc-muted); font-size:1rem; }
.sc-light .home-quiz-btn { flex-shrink:0; }
@media (max-width:768px){
  .sc-light .home-quiz-teaser { flex-direction:column; align-items:flex-start; }
  .sc-light .home-quiz-btn { width:100%; justify-content:center; }
}
/* Generische Quiz-Modul-Styles (an bestehendes Quiz-Markup angelehnt) */
.sc-light .home-quiz .quiz-label,
.sc-light .home-quiz .mod-label {
  font-size:.8rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase;
  color: var(--sc-primary); margin-bottom:1.25rem; display:block;
}
.sc-light .home-quiz h2,
.sc-light .home-quiz h3,
.sc-light .home-quiz .quiz-question {
  font-family: var(--sc-font); font-weight:800; letter-spacing:-0.02em;
  font-size: clamp(1.4rem, 2.4vw, 1.9rem); line-height:1.2; color: var(--sc-text);
  margin-bottom: 1.5rem; max-width: 30ch;
}
.sc-light .home-quiz label,
.sc-light .home-quiz .quiz-option {
  display:flex; align-items:center; gap:.9rem;
  background: var(--sc-surface); border:1px solid var(--sc-border);
  border-radius: 10px; padding:.95rem 1.1rem; margin-bottom:.7rem;
  font-size:1rem; cursor:pointer; transition: border-color .2s, background .2s;
}
.sc-light .home-quiz label:hover,
.sc-light .home-quiz .quiz-option:hover { border-color: var(--sc-primary); }
.sc-light .home-quiz input[type="radio"]:checked + label,
.sc-light .home-quiz .quiz-option.is-selected {
  border-color: var(--sc-primary); background: var(--sc-soft);
}
.sc-light .home-quiz input[type="radio"] { accent-color: var(--sc-primary); width:18px; height:18px; }
.sc-light .home-quiz button,
.sc-light .home-quiz .btn {
  background: var(--sc-primary); color:#fff; border:none; border-radius:999px;
  padding:.7rem 1.4rem; font-weight:600; cursor:pointer; margin-top:.5rem;
}
.sc-light .home-quiz button:hover { background: var(--sc-primary-dk); }

/* ────────────────────────────────
   4 · DIE HOSTS
──────────────────────────────── */
.sc-light .home-hosts-grid {
  display:grid; grid-template-columns: 0.9fr 1.4fr; gap: clamp(28px, 4vw, 56px); align-items:center;
}
.sc-light .home-hosts-text { color: var(--sc-muted); font-size:1.05rem; line-height:1.6; margin: 1rem 0 1.75rem; max-width: 34ch; }
.sc-light .home-hosts-cards { display:grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; }
/* bestehendes team-Modul (.team-card/.member-*) hell umstylen */
.sc-light .home-hosts-cards .team-card,
.sc-light .home-hosts-cards .host-card {
  display:block; background: var(--sc-surface); border:1px solid var(--sc-border);
  border-radius: var(--sc-radius); overflow:hidden; padding:0; position:relative;
  aspect-ratio: 4 / 5;
}
.sc-light .home-hosts-cards .team-card:hover { border-color: var(--sc-border); }
.sc-light .home-hosts-cards img,
.sc-light .home-hosts-cards .member-avatar {
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; object-position:center top;
  border-radius:0; border:none; background:none;
}
.sc-light .home-hosts-cards .member-name {
  position:absolute; top:.9rem; left:.9rem; margin:0; z-index:2;
  background: var(--sc-primary); color:#fff; font-family: var(--sc-font);
  font-weight:800; font-size:1.05rem; letter-spacing:.02em; text-transform:uppercase;
  padding:.3rem .8rem; border-radius:8px;
}
.sc-light .home-hosts-cards .member-role,
.sc-light .home-hosts-cards .member-email { display:none; }

/* ────────────────────────────────
   5 · PODCAST-PLATTFORMEN
──────────────────────────────── */
.sc-light .home-platforms-inner {
  display:flex; align-items:center; justify-content:space-between;
  gap: clamp(24px, 4vw, 48px); flex-wrap:wrap;
}
.sc-light .home-platforms-links { display:flex; gap:1rem; flex-wrap:wrap; }
.sc-light .platform-pill {
  display:inline-flex; align-items:center; gap:.7rem;
  background: var(--sc-surface); border:1px solid var(--sc-border);
  border-radius:999px; padding:.85rem 1.5rem;
  font-weight:600; font-size:.95rem; text-decoration:none; color:var(--sc-text);
  transition: border-color .2s, box-shadow .2s;
}
.sc-light .platform-pill:hover { border-color: var(--sc-primary); box-shadow:0 10px 24px -16px rgba(23,44,56,.5); }
.sc-light .platform-pill-dot { width:24px; height:24px; border-radius:50%; flex-shrink:0; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.sc-light .platform-pill-dot svg { width:24px; height:24px; display:block; }
.sc-light .platform-pill-dot--spotify   { background:#1DB954; }
.sc-light .platform-pill-dot--apple     { background:#8a44c9; }
.sc-light .platform-pill-dot--amazon    { background:#25D1DA; }
.sc-light .platform-pill-dot--podcastde { background:#E8710A; }
.sc-light .platform-pill-dot--youtube   { background:#FF0000; }
.sc-light .platform-pill-dot--instagram { background:linear-gradient(45deg,#f09433,#dc2743,#bc1888); }

/* ────────────────────────────────
   FOOTER (dunkles Petrol – nur Startseite)
──────────────────────────────── */
.sc-light .site-footer {
  background: var(--sc-dark); border-top:none; color: rgba(255,255,255,0.75);
  padding: 2.5rem var(--sc-gut); margin-top: clamp(32px, 5vw, 64px);
}
.sc-light .footer-logo { color:#fff; font-family:var(--sc-font); font-weight:800; text-transform:uppercase; letter-spacing:-0.01em; }
.sc-light .footer-logo span { color:#fff; }
.sc-light .footer-socials a { color: rgba(255,255,255,0.7); text-transform:none; letter-spacing:0; font-size:.9rem; font-weight:500; }
.sc-light .footer-socials a:hover { color:#fff; }

/* ────────────────────────────────
   RESPONSIVE – Startseite
──────────────────────────────── */
@media (max-width: 1023px) {
  .sc-light .home-episode-grid { grid-template-columns: repeat(2, 1fr); }
  .sc-light .home-episode-track > .episode-card { flex-basis: calc((100% - 1.5rem) / 2); }
  .sc-light .home-hosts-grid { grid-template-columns: 1fr; }
  .sc-light .home-hosts-text { max-width:none; }
}
@media (max-width: 768px) {
  .sc-light .site-nav { padding:.85rem 1.25rem; background:#fff; backdrop-filter:none; -webkit-backdrop-filter:none; }
  .sc-light .nav-logo-img { height:30px; }
  .sc-light .nav-links-wrap {
    display:none; position:fixed; top:60px; left:0; right:0; bottom:0;
    background: rgba(255,255,255,0.98); flex-direction:column;
    align-items:center; justify-content:center; z-index:99;
  }
  .sc-light .nav-links-wrap.open { display:flex; }
  .sc-light .nav-links-wrap ul { flex-direction:column; gap:1.75rem; }
  .sc-light .nav-links-wrap ul a { font-size:1.2rem; }
  .sc-light .nav-links-wrap ul.nav-sub { display:flex; position:static; box-shadow:none; border:none; padding:.4rem 0 0; background:none; align-items:center; gap:.9rem; min-width:0; }
  .sc-light .nav-links-wrap ul.nav-sub a { font-size:1rem; padding:0; color:rgba(23,44,56,.65); }
  .sc-light .nav-links-wrap li.has-sub { text-align:center; }
  .sc-light .nav-caret { display:none; }
  .sc-light .nav-burger { display:flex; }
  /* Kopfzeile schlank: Pille auf Icon reduzieren, enger packen */
  .sc-light .nav-actions { gap:.4rem; }
  .sc-light .nav-cta { padding:.55rem; width:40px; height:40px; justify-content:center; border-radius:50%; }
  .sc-light .nav-cta .sc-btn-label { display:none; }
  .sc-light .nav-search-wrap.open .nav-search-form { width:min(160px, 38vw); }

  .sc-light .home-hero-inner { grid-template-columns: 1fr; gap: 2rem; }
  .sc-light .home-hero-title {
    font-size: clamp(1.9rem, 9vw, 2.6rem);
    overflow-wrap: anywhere; hyphens: auto; -webkit-hyphens: auto;
  }
  .sc-light .home-hero-sub { max-width:none; }
  .sc-light .home-hero-platforms { flex-direction:column; gap:.9rem; }
  .sc-light .home-hero-media { order:2; min-height:0; aspect-ratio:1/1; }
  .sc-light .home-episode-grid { grid-template-columns: 1fr; }
  .sc-light .home-episode-track > .episode-card { flex-basis: 84%; }
  .sc-light .ep-nav { display:none; } /* mobil per Touch-Swipe scrollen */
  .sc-light .home-section-head { flex-direction:column; align-items:flex-start; }
  .sc-light .home-hosts-cards { grid-template-columns: 1fr 1fr; }
  .sc-light .home-platforms-inner { flex-direction:column; align-items:flex-start; }
  .sc-light .home-platforms-links { width:100%; }
  .sc-light .platform-pill { flex:1; justify-content:center; }
}

/* ══════════════════════════════════════════════════
   ROTE AKZENTE (Buttons/Play/Unterstriche) – Türkis bleibt Grundfarbe
   ══════════════════════════════════════════════════ */
/* Gefüllte Buttons & Play rot */
.sc-light .sc-btn--primary { background: var(--sc-accent); }
.sc-light .sc-btn--primary:hover { background: var(--sc-accent-dk); }
.sc-light .episode-play { background: var(--sc-accent); }
.sc-light .episode-play:hover { background: var(--sc-accent-dk); }
.sc-light .episode-progress-fill { background: var(--sc-accent); }
.sc-light .home-quiz button, .sc-light .home-quiz .btn { background: var(--sc-accent); }
.sc-light .home-quiz button:hover { background: var(--sc-accent-dk); }

/* Nav: aktiver/hover Link rot, Eyebrow rot (CTA = .nav-cta in .nav-actions) */
.sc-light .nav-links-wrap ul a:hover,
.sc-light .nav-links-wrap ul .current > a { color: var(--sc-accent); }
.sc-light .home-eyebrow { color: var(--sc-accent); }
.sc-light .nav-logo::after { background: var(--sc-accent); }

/* Quiz-Auswahl & aktive Sportart rot */
.sc-light .home-quiz input[type="radio"]:checked + label,
.sc-light .home-quiz .quiz-option.is-selected { border-color: var(--sc-accent); background:#FDECE8; }
.sc-light .home-quiz input[type="radio"] { accent-color: var(--sc-accent); }
.sc-light .sport-tab.is-active { border-color: var(--sc-accent); background:#FDECE8; }
.sc-light .sport-tab.is-active .sport-tab-icon { background: var(--sc-accent); }

/* Handgezeichneter roter Pinselstrich unter den Abschnitts-Überschriften */
.sc-light .home-section-title { display:inline-block; }
.sc-light .home-section-title::after {
  content:''; display:block; width:68px; height:12px; margin-top:.5rem;
  transform: rotate(-1.2deg);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 14'%3E%3Cpath d='M3 9 C 26 3 52 11 78 6 C 96 2.5 110 7 118 4.5 C 114 9 98 10.5 74 11 C 48 11.5 24 7 4 12 Z' fill='%23EA4A33'/%3E%3C/svg%3E") left center / contain no-repeat;
}

/* Sportarten als Foto-Kacheln */
.sc-light .sport-tab--photo {
  width:164px; padding:0; border:none; overflow:hidden; position:relative;
  aspect-ratio:4/3; display:block;
}
.sc-light .sport-tab--photo .sport-tab-media { position:absolute; inset:0; }
.sc-light .sport-tab--photo .sport-tab-media img { width:100%; height:100%; object-fit:cover; display:block; }
.sc-light .sport-tab--photo::after {
  content:''; position:absolute; inset:0;
  background:linear-gradient(to top, rgba(20,57,71,.78), rgba(20,57,71,.05) 55%);
}
.sc-light .sport-tab--photo .sport-tab-label {
  position:absolute; left:0; bottom:0; z-index:2; color:#fff;
  padding:.7rem .9rem; font-size:1rem; font-weight:700;
}
.sc-light .sport-tab--photo:hover { transform:translateY(-3px); box-shadow:0 18px 34px -20px rgba(23,44,56,.55); }
@media (max-width:768px){ .sc-light .sport-tab--photo { width:150px; } }

/* Suchicon in der Nav */
.sc-light .nav-search {
  display:inline-flex; align-items:center; justify-content:center;
  width:40px; height:40px; border-radius:50%; color:var(--sc-text);
  transition:color .15s, background .15s; flex-shrink:0;
}
.sc-light .nav-search:hover { color:var(--sc-accent); background:var(--sc-soft); }

/* Footer – Slogan & Social-Icons */
.sc-light .site-footer { flex-wrap:wrap; gap:1.25rem 2rem; }
.sc-light .footer-brand { display:flex; flex-direction:column; gap:.3rem; }
.sc-light .footer-slogan { font-size:.85rem; color:rgba(255,255,255,0.6); }
.sc-light .footer-socials { display:flex; align-items:center; gap:1rem; }
.sc-light .footer-social-icon {
  display:inline-flex; align-items:center; justify-content:center;
  width:38px; height:38px; border-radius:50%;
  background:rgba(255,255,255,0.1); color:#fff; transition:background .15s;
}
.sc-light .footer-social-icon:hover { background:var(--sc-accent); }

/* Kopfzeile: Aktionen (Suche + „Neueste Folge hören") */
.sc-light .nav-actions { display:flex; align-items:center; gap:.6rem; }
.sc-light .nav-cta {
  display:inline-flex; align-items:center; gap:.5rem; cursor:pointer;
  border:none; text-decoration:none; white-space:nowrap;
  background:var(--sc-accent); color:#fff !important;
  padding:.6rem 1.15rem; border-radius:999px;
  font-family:var(--sc-font); font-size:.9rem; font-weight:600;
  transition:background .15s, transform .15s; flex-shrink:0;
}
.sc-light .nav-cta:hover { background:var(--sc-accent-dk); transform:translateY(-1px); }
.sc-light .nav-cta svg { flex-shrink:0; }
.sc-light .nav-search-wrap { display:flex; align-items:center; position:relative; }
.sc-light .nav-search-form { width:0; overflow:hidden; transition:width .25s ease; }
.sc-light .nav-search-wrap.open .nav-search-form { width:min(220px, 46vw); margin-right:.3rem; }
.sc-light .nav-search-input {
  width:100%; box-sizing:border-box; border:1px solid var(--sc-border); border-radius:999px;
  padding:.5rem 1rem; font-family:inherit; font-size:.92rem; outline:none;
  background:var(--sc-surface); color:var(--sc-text);
}
.sc-light .nav-search-input:focus { border-color:var(--sc-primary); }

/* Hero: Spotify- & Apple-Player nebeneinander, unten bündig mit dem Cover */
.sc-light .home-hero-embeds {
  order:3; margin-top:auto; padding-top:1.5rem; width:100%;
  display:grid; grid-template-columns:1fr 1fr; gap:1rem; align-items:stretch;
}
.sc-light .hero-embed {
  border-radius:16px; overflow:hidden; background:#fff; min-width:0; height:152px;
  box-shadow:0 14px 30px -22px rgba(23,44,56,.5); border:1px solid var(--sc-border);
  line-height:0;
}
.sc-light .hero-embed iframe { display:block; width:100%; height:152px; border:0; border-radius:16px; color-scheme:light; }
.sc-light .hero-team-link { order:2; margin-top:.25rem; }
@media (max-width:1100px) { .sc-light .home-hero-embeds { grid-template-columns:1fr; } }

/* Plattformen: eine Zeile, gleich breite Boxen */
.sc-light .home-platforms-inner { flex-direction:column; align-items:stretch; justify-content:flex-start; gap:1.5rem; }
.sc-light .home-platforms-links { display:grid; grid-auto-flow:column; grid-auto-columns:1fr; gap:1rem; }
.sc-light .platform-pill { justify-content:center; padding:.85rem .75rem; min-width:0; }
.sc-light .platform-pill-label { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
@media (max-width:900px) {
  .sc-light .home-platforms-links { grid-auto-flow:row; grid-template-columns:repeat(2,1fr); grid-auto-columns:auto; }
}

/* Champions der Woche – Karussell */
.sc-light .home-champ-carousel { position:relative; }
.sc-light .home-champ-track {
  display:flex; gap:1.5rem; overflow-x:auto; scroll-snap-type:x mandatory;
  scroll-behavior:smooth; -webkit-overflow-scrolling:touch; padding:4px 2px 8px; scrollbar-width:none;
}
.sc-light .home-champ-track::-webkit-scrollbar { display:none; }
.sc-light .home-champ-carousel .ep-nav { top:38%; }
.sc-light .champion-card {
  flex:0 0 calc((100% - 4.5rem) / 4); scroll-snap-align:start; min-width:0;
  display:flex; flex-direction:column; text-decoration:none; color:var(--sc-text);
  background:var(--sc-surface); border:1px solid var(--sc-border); border-radius:var(--sc-radius);
  overflow:hidden; transition:transform .15s, box-shadow .2s, border-color .15s;
}
.sc-light .champion-card:hover { transform:translateY(-3px); border-color:var(--sc-primary); box-shadow:0 18px 34px -22px rgba(23,44,56,.5); }
.sc-light .champion-card-media { position:relative; aspect-ratio:16/10; background:var(--sc-soft); overflow:hidden; display:block; }
.sc-light .champion-card-media img { width:100%; height:100%; object-fit:cover; display:block; }
.sc-light .champion-card-play {
  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  width:46px; height:46px; border-radius:50%; background:rgba(234,74,51,.92); color:#fff;
  display:flex; align-items:center; justify-content:center; padding-left:2px;
}
.sc-light .champion-card-ep {
  position:absolute; left:.7rem; top:.7rem; background:#fff; color:var(--sc-primary);
  font-size:.75rem; font-weight:700; padding:.2rem .6rem; border-radius:999px;
}
.sc-light .champion-card-body { display:flex; flex-direction:column; gap:.2rem; padding:1rem 1.15rem 1.2rem; }
.sc-light .champion-card-sport { font-size:.72rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--sc-primary); }
.sc-light .champion-card-name { font-size:1.1rem; font-weight:700; line-height:1.2; letter-spacing:-0.01em; }
.sc-light .champion-card-from { font-size:.85rem; color:var(--sc-muted); line-height:1.4; }
@media (max-width:1023px) { .sc-light .champion-card { flex-basis:calc((100% - 1.5rem) / 2); } }
@media (max-width:768px)  { .sc-light .champion-card { flex-basis:78%; } }

/* Hero: Cover quadrisch (nicht beschneiden), Player als Fussleiste über die volle Breite */
.sc-light .home-hero-inner { align-items:center; }
.sc-light .home-hero-media { min-height:0; aspect-ratio:1/1; align-self:center; }
.sc-light .home-hero-cover { width:100%; height:100%; object-fit:contain; }
.sc-light .home-hero-text { align-items:flex-start; }
.sc-light .home-hero-embeds { grid-column:1 / -1; order:0; margin-top:0; padding-top:0; max-width:none; }
.sc-light .hero-team-link { order:0; margin-top:.5rem; }
@media (max-width:1100px) { .sc-light .home-hero-embeds { grid-template-columns:1fr 1fr; } }
@media (max-width:700px)  { .sc-light .home-hero-embeds { grid-template-columns:1fr; } }

/* ════════════════════════════════════════════════
   UNTERSEITEN (Folgen-Liste, Folge-Detail, sonstige Komponenten) – helles Design
   Gilt, wenn Design = „Ganze Website hell“ (Stil „Sportschnack“).
   Überschreibt die Komponenten-Styles (.ssc-*) und liefert die .spx-* Klassen.
════════════════════════════════════════════════ */
.sc-light .sc-page {
  max-width: var(--sc-maxw); margin: 0 auto;
  padding: clamp(96px, 11vw, 120px) var(--sc-gut) clamp(48px, 6vw, 80px);
}
.sc-light .sc-page .ssc { font-family: var(--sc-font); color: var(--sc-text); }
.sc-light .sc-page .ssc a { color: var(--sc-primary); }

/* Intro der Folgen-Liste */
.sc-light .ssc-intro {
  display:grid; grid-template-columns: minmax(200px, 300px) 1fr; gap: clamp(20px, 4vw, 48px);
  align-items:center; margin-bottom: clamp(28px, 4vw, 48px);
}
.sc-light .ssc-intro-image { grid-column:auto; }
.sc-light .ssc-intro-text { grid-column:auto; }
.sc-light .ssc-intro-image img {
  border-radius: var(--sc-radius); border:1px solid var(--sc-border);
  box-shadow: 0 18px 50px -28px rgba(23,44,56,.35);
}
.sc-light .ssc-intro-heading {
  font-size: clamp(2rem, 4vw, 3rem); font-weight:900; letter-spacing:-0.025em;
  text-transform:uppercase; color: var(--sc-text); margin:0 0 .35rem; line-height:1.05;
}
.sc-light .ssc-intro-heading::after {
  content:''; display:block; width:68px; height:12px; margin-top:.6rem; transform:rotate(-1.2deg);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 14'%3E%3Cpath d='M3 9 C 26 3 52 11 78 6 C 96 2.5 110 7 118 4.5 C 114 9 98 10.5 74 11 C 48 11.5 24 7 4 12 Z' fill='%23EA4A33'/%3E%3C/svg%3E") left center / contain no-repeat;
}
.sc-light .ssc-intro-subheading { font-size: clamp(1.05rem, 1.6vw, 1.3rem); font-weight:700; color: var(--sc-primary); margin:.9rem 0 .6rem; }
.sc-light .ssc-intro-body { font-size:1rem; line-height:1.65; color: var(--sc-muted); max-width: 62ch; }
@media (max-width:700px) { .sc-light .ssc-intro { grid-template-columns:1fr; } .sc-light .ssc-intro-image { max-width:240px; } }

/* Folgen-Karten */
.sc-light .ssc-grid { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.5rem; margin: 0 0 2rem; }
.sc-light .ssc-card, .sc-light .ssc-duo-box, .sc-light .ssc-wide-row {
  background: var(--sc-surface); border:1px solid var(--sc-border); border-radius: var(--sc-radius);
  box-shadow:none; transition: transform .15s, box-shadow .2s, border-color .15s;
}
.sc-light .ssc-card { padding: 1.4rem 1.5rem 1.3rem; gap:.55rem; }
.sc-light .ssc-card:hover, .sc-light .ssc-duo-box:hover, .sc-light .ssc-wide-row:hover {
  transform: translateY(-3px); border-color: var(--sc-primary); box-shadow: 0 18px 34px -22px rgba(23,44,56,.5);
}
.sc-light .ssc-card .ssc-num, .sc-light .ssc-duo-col .ssc-num, .sc-light .ssc-wide-row .ssc-num {
  display:inline-block; align-self:flex-start; font-size:.74rem; font-weight:700; letter-spacing:.12em;
  text-transform:uppercase; color: var(--sc-primary); background: var(--sc-soft);
  padding:.25rem .7rem; border-radius:999px;
}
.sc-light .ssc-card .ssc-title, .sc-light .ssc-duo-col .ssc-title, .sc-light .ssc-wide-row .ssc-title {
  font-size:1.25rem; font-weight:800; line-height:1.2; letter-spacing:-0.01em; color: var(--sc-text); margin:.1rem 0 0;
}
.sc-light .ssc-card .ssc-title a, .sc-light .ssc-duo-col .ssc-title a, .sc-light .ssc-wide-row .ssc-title a { color: var(--sc-text) !important; }
.sc-light .ssc-card .ssc-teaser, .sc-light .ssc-duo-col .ssc-teaser, .sc-light .ssc-wide-row .ssc-teaser { color: var(--sc-muted); font-size:.93rem; line-height:1.55; }
.sc-light .ssc-card .ssc-meta, .sc-light .ssc-duo-col .ssc-meta, .sc-light .ssc-wide-row .ssc-meta { color: var(--sc-muted); font-size:.82rem; }
.sc-light .ssc-duo-col--text { border-left-color: var(--sc-border); }

/* Buttons */
.sc-light .ssc-btn {
  border:none; background: var(--sc-accent); color:#fff; padding:.55rem 1.2rem;
  font-size:.88rem; font-weight:600; border-radius:999px; transition: background .15s;
}
.sc-light .ssc-btn:hover { background: var(--sc-accent-dk); }
.sc-light .ssc-listen-audio { height:40px; }

/* Pagination */
.sc-light .ssc-pagination a, .sc-light .ssc-pagination span {
  border-color: var(--sc-border); background: var(--sc-surface); color: var(--sc-text); border-radius:10px; padding:.45rem .85rem;
}
.sc-light .ssc-pagination a:hover { border-color: var(--sc-primary); color: var(--sc-primary); }
.sc-light .ssc-pagination .active span, .sc-light .ssc-pagination [aria-current] span { background: var(--sc-primary); border-color: var(--sc-primary); color:#fff; }
.sc-light .ssc-pagination .page-link:has(.fa) { background:transparent; border:0; }
.sc-light .ssc-pagination ul { justify-content:center; }

/* ── Folgen-Detail ── */
.sc-light .ssc-detail { max-width: 860px; margin: 0 auto; }
.sc-light .ssc-episode-nav { margin-bottom:1.75rem; }
.sc-light .ssc-episode-nav-link { border-color: var(--sc-border); background: var(--sc-surface); border-radius:12px; padding:.65rem .9rem; }
.sc-light .ssc-episode-nav-link:hover { border-color: var(--sc-primary); background: var(--sc-surface); }
.sc-light .ssc-episode-nav-arrow { color: var(--sc-primary); font-size:1.1rem; }
.sc-light .ssc-episode-nav-label { color: var(--sc-primary); font-weight:700; }
.sc-light .ssc-episode-nav-text { color: var(--sc-text); font-weight:600; }
.sc-light .ssc-header { margin-bottom:2rem; }
.sc-light .ssc-header .ssc-num {
  background: var(--sc-soft); color: var(--sc-primary); font-size:.78rem; letter-spacing:.12em; margin-bottom:1rem;
}
.sc-light .ssc-header .ssc-title {
  font-size: clamp(2rem, 4.4vw, 3.2rem); font-weight:900; letter-spacing:-0.025em; line-height:1.06;
  color: var(--sc-text); text-wrap:balance; margin:0 0 1rem;
}
.sc-light .ssc-header .ssc-title::after {
  content:''; display:block; width:68px; height:12px; margin-top:.7rem; transform:rotate(-1.2deg);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 14'%3E%3Cpath d='M3 9 C 26 3 52 11 78 6 C 96 2.5 110 7 118 4.5 C 114 9 98 10.5 74 11 C 48 11.5 24 7 4 12 Z' fill='%23EA4A33'/%3E%3C/svg%3E") left center / contain no-repeat;
}
.sc-light .ssc-header .ssc-meta { color: var(--sc-muted); font-size:.95rem; }
.sc-light .ssc-header .ssc-meta span:not(:last-child)::after { color: var(--sc-primary); }

/* Zeilen-Karten (.spx-*) */
.sc-light .spx-row {
  display:grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap:1.25rem; margin-bottom:1.5rem;
}
.sc-light .spx-row--single { grid-template-columns: minmax(0,1fr); }
.sc-light .spx-player, .sc-light .spx-textblock, .sc-light .spx-contact, .sc-light .spx-row--single > div {
  background: var(--sc-surface); border:1px solid var(--sc-border); border-radius: var(--sc-radius);
  padding: 1.4rem 1.5rem; min-width:0;
}
.sc-light .spx-heading {
  font-size:1.05rem; font-weight:800; letter-spacing:-0.01em; color: var(--sc-text);
  margin:0 0 1rem; padding-left:.8rem; border-left:4px solid var(--sc-accent); line-height:1.2;
}
.sc-light .spx-player iframe { width:100%; border:0; border-radius:12px; display:block; }
.sc-light .ssc-audio { height:44px; }
.sc-light .spx-textblock p, .sc-light .spx-contact p { color: var(--sc-muted); line-height:1.7; margin:0 0 .8rem; }
.sc-light .spx-contact ul { list-style:none; padding:0; margin:0; display:grid; gap:.4rem; color: var(--sc-muted); }
.sc-light .spx-contact a { color: var(--sc-primary); font-weight:600; }

/* Weiterführende Links */
.sc-light .ssc-link-mentions { display:grid; gap:.7rem; }
.sc-light .ssc-link-mention {
  background: var(--sc-bg); border:1px solid var(--sc-border); border-radius:12px; color: var(--sc-text);
  padding:.85rem 1.1rem; transition: border-color .15s, background .15s, transform .15s;
}
.sc-light .ssc-link-mention:hover { border-color: var(--sc-primary); background: var(--sc-soft); transform: translateX(2px); }
.sc-light .ssc-link-mention-title { font-weight:600; font-size:.95rem; overflow-wrap:anywhere; }
.sc-light .ssc-link-mention-arrow { color: var(--sc-accent); }
.sc-light .ssc-video-mention { border-radius:12px; }

/* Champions-Seite & Tags */
.sc-light .ssc-champions-page .champion-item { border-bottom-color: var(--sc-border); }
.sc-light .ssc-champion-sport { color: var(--sc-primary); font-weight:700; letter-spacing:.1em; }
.sc-light .ssc-champion-episode-link a { color: var(--sc-accent) !important; }
.sc-light .champion-name a, .sc-light .champion-title a { color: var(--sc-text); }
.sc-light .champion-episode { background: var(--sc-soft); color: var(--sc-primary); border-radius:999px; padding:.15rem .6rem; font-weight:700; }
.sc-light .champion-video-wrapper { border-radius: var(--sc-radius); overflow:hidden; }
.sc-light .ssc-tag-card { background: var(--sc-surface); border-color: var(--sc-border); border-radius: var(--sc-radius); }
.sc-light .ssc-tag-card:hover { border-color: var(--sc-primary); }
.sc-light .ssc-tag-card-name { color: var(--sc-text); }

/* Quiz-Seite */
.sc-light .ssc-quiz { background: var(--sc-surface); border-color: var(--sc-border); border-radius: var(--sc-radius); }
.sc-light .ssc-quiz-question { color: var(--sc-text); font-weight:800; }
.sc-light .ssc-quiz-option { border:1px solid var(--sc-border); background: var(--sc-bg); color: var(--sc-text); }
.sc-light .ssc-quiz-option:hover:not(:disabled) { border-color: var(--sc-accent); background:#FDECE8; }
.sc-light .ssc-quiz-answer-label { color: var(--sc-primary); }
.sc-light .ssc-quiz-bar-fill { background: var(--sc-primary); }

/* Sonstige Seiten (Joomla-Artikel etc.) */
.sc-light .sc-page h1, .sc-light .sc-page h2 { color: var(--sc-text); letter-spacing:-0.02em; }
.sc-light .sc-page a:not([class]) { color: var(--sc-primary); }

/* Hero-Variante „Hosts": Wortmarke + Fotos von Jakob & Oli im Cover-Look */
.sc-light .home-hero-media--hosts { padding:0; background:#7FAEB6; border:none; }
.sc-light .hero-hosts {
  position:absolute; inset:0; display:flex; flex-direction:column; align-items:center;
  padding: clamp(14px, 4%, 28px) clamp(14px, 4%, 28px) 0; text-align:center;
}
.sc-light .hero-hosts-logo { width:min(92%, 440px); height:auto; display:block; }
.sc-light .hero-hosts-tag { font-weight:800; color:#111; font-size:clamp(.85rem, 1.5vw, 1.15rem); margin:.4rem 0 0; letter-spacing:-0.01em; }
.sc-light .hero-hosts-people {
  flex:1; width:100%; min-height:0; display:flex; align-items:flex-end; justify-content:center; gap:0;
  margin-top:.6rem;
}
.sc-light .hero-host { position:relative; margin:0; flex:0 1 52%; height:100%; display:flex; align-items:flex-end; justify-content:center; }
.sc-light .hero-host + .hero-host { margin-left:-6%; }
.sc-light .hero-host img {
  max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; object-position:bottom center;
  display:block; filter: drop-shadow(0 10px 18px rgba(20,57,71,.35));
}
.sc-light .hero-host figcaption {
  position:absolute; left:50%; bottom:.9rem; transform:translateX(-50%);
  background:#fff; color:var(--sc-text); font-weight:800; font-size:.95rem;
  padding:.3rem .95rem; border-radius:999px; box-shadow:0 6px 16px -8px rgba(23,44,56,.6);
}

/* Hosts-Hero: Fotos weich eingeblendet (Maske + leichte Transparenz) auf dem Cover-Hintergrund */
.sc-light .hero-host img {
  filter:none; opacity:.9; mix-blend-mode:normal;
  -webkit-mask-image: radial-gradient(ellipse 62% 66% at 50% 46%, #000 52%, transparent 100%);
          mask-image: radial-gradient(ellipse 62% 66% at 50% 46%, #000 52%, transparent 100%);
}
.sc-light .hero-host { flex-basis:56%; }
.sc-light .hero-host + .hero-host { margin-left:-12%; }
.sc-light .hero-host figcaption { bottom:1.1rem; }

/* Intro-Cover der Folgen-Liste: immer quadratisch (HTML-height-Attribut 1600 sonst dominant) */
.sc-light .ssc-intro-image picture { display:block; }
.sc-light .ssc-intro-image img { width:100%; height:auto !important; aspect-ratio:1 / 1 !important; object-fit:cover; max-width:100%; }

/* ── Champions-Seite: Karten-Raster im Startseiten-Look ── */
.sc-light .ssc-champions-page .ssc-champions-intro { color: var(--sc-muted); max-width: 70ch; margin-bottom:2rem; }
.sc-light .ssc-champions-page .champions-list {
  display:grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap:1.5rem; margin-bottom:2rem;
}
.sc-light .ssc-champions-page .champion-item {
  display:flex; flex-direction:column; margin:0; padding:0; border:1px solid var(--sc-border);
  background: var(--sc-surface); border-radius: var(--sc-radius); overflow:hidden;
  transition: transform .15s, box-shadow .2s, border-color .15s;
}
.sc-light .ssc-champions-page .champion-item:hover {
  transform:translateY(-3px); border-color: var(--sc-primary); box-shadow:0 18px 34px -22px rgba(23,44,56,.5);
}
.sc-light .ssc-champions-page .champion-item:last-child { padding-bottom:0; border-bottom:1px solid var(--sc-border); }
.sc-light .ssc-champions-page .champion-video { width:100%; aspect-ratio:auto; background:none; border-radius:0; margin:0; position:static; }
.sc-light .ssc-champions-page .champion-video-wrapper { position:relative; width:100%; aspect-ratio:16/9; height:auto; padding:0; background:#000; border-radius:0; overflow:hidden; }
.sc-light .ssc-champions-page .champion-video-wrapper a { display:block; position:absolute; inset:0; }
.sc-light .ssc-champions-page .champion-video-wrapper iframe { position:absolute; inset:0; width:100%; height:100%; border:0; display:block; }
.sc-light .ssc-champions-page .champion-info { display:flex; flex-direction:column; gap:.25rem; padding:1.1rem 1.3rem 1.3rem; }
.sc-light .ssc-champions-page .champion-title { display:flex; align-items:center; gap:.6rem; flex-wrap:wrap; }
.sc-light .ssc-champions-page .champion-episode { font-size:.74rem; font-weight:700; letter-spacing:.1em; background: var(--sc-soft); color: var(--sc-primary); padding:.25rem .7rem; border-radius:999px; }
.sc-light .ssc-champions-page .champion-name {
  font-family: var(--sc-font); font-size:1.3rem; font-weight:800; letter-spacing:-0.01em; line-height:1.2;
  color: var(--sc-text); text-transform:none; margin:0; display:inline;
}
.sc-light .ssc-champions-page .champion-name a { color: var(--sc-text) !important; }
.sc-light .ssc-champions-page .ssc-champion-sport { margin:.2rem 0 .35rem; font-size:.74rem; }
.sc-light .ssc-champions-page .champion-description { color: var(--sc-muted); font-size:.9rem; line-height:1.5; margin:0 0 .4rem; }
.sc-light .ssc-champions-page .ssc-champion-episode-link { margin-top:auto; padding-top:.3rem; font-size:.88rem; }

/* ── Quiz-Seite (Übersicht & Einzelfrage) im Startseiten-Look ── */
.sc-light .ssc-quizzes-page > .ssc-intro-heading { margin-bottom: 1.75rem; }
.sc-light .ssc-quiz-grid, .sc-light .ssc-quiz-list { display:grid; gap:1.5rem; margin-bottom:2rem; }
.sc-light .ssc-quiz-grid--cols-1, .sc-light .ssc-quiz-grid--cols-2 { grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); max-width:none; }
.sc-light .ssc-quiz-grid--cols-3 { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
@media (max-width:420px) { .sc-light .ssc-quiz-grid, .sc-light .ssc-quiz-list { grid-template-columns:1fr; } }
.sc-light .ssc-quiz {
  max-width:none; margin:0; padding:1.5rem 1.6rem; background: var(--sc-surface);
  border:1px solid var(--sc-border); border-radius: var(--sc-radius);
  transition: border-color .15s, box-shadow .2s, transform .15s; opacity:1;
}
.sc-light .ssc-quiz-page .ssc-quiz { margin:0 auto 1.5rem; max-width:720px; }
.sc-light .ssc-quiz:hover { border-color: var(--sc-primary); box-shadow:0 18px 34px -22px rgba(23,44,56,.45); }
.sc-light .ssc-quiz-question { font-size:1.15rem; font-weight:800; line-height:1.3; letter-spacing:-0.01em; color: var(--sc-text); margin:0 0 1rem; }
.sc-light .ssc-quiz-status {
  display:inline-block; font-size:.72rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase;
  color: var(--sc-primary); background: var(--sc-soft); padding:.25rem .7rem; border-radius:999px; margin:0 0 .8rem;
}
.sc-light .ssc-quiz-result p { color: var(--sc-text); line-height:1.55; margin:0 0 .7rem; }
.sc-light .ssc-quiz-result strong { color: var(--sc-primary); font-size:.78rem; letter-spacing:.08em; text-transform:uppercase; }
.sc-light .ssc-quiz-explanation { color: var(--sc-muted) !important; font-size:.92rem; }
.sc-light .ssc-quiz-bars { gap:.75rem; margin-top:1.1rem; }
.sc-light .ssc-quiz-bar-label { color: var(--sc-text); font-size:.86rem; font-weight:600; margin-bottom:.3rem; }
.sc-light .ssc-quiz-bar-label span:last-child { color: var(--sc-muted); font-weight:700; }
.sc-light .ssc-quiz-bar-track { height:10px; background: var(--sc-soft); border-radius:999px; }
.sc-light .ssc-quiz-bar-fill { background: var(--sc-soft-line); border-radius:999px; }
.sc-light .ssc-quiz-bar-fill--correct { background: var(--sc-primary); }
.sc-light .ssc-quiz-bar-fill--wrong { background: var(--sc-accent); }
.sc-light .ssc-quiz-result-correct { color:#1a8a4a; }
.sc-light .ssc-quiz-result-wrong { color: var(--sc-accent); }
/* Offene Frage: Antwortknöpfe */
.sc-light .ssc-quiz-options { gap:.7rem; }
.sc-light .ssc-quiz-option {
  display:block; width:100%; text-align:left; padding:.85rem 1.1rem; border:1.5px solid var(--sc-border);
  background: var(--sc-bg); color: var(--sc-text); border-radius:12px; font:inherit; font-weight:600; font-size:.97rem; cursor:pointer;
  transition: border-color .15s, background .15s, transform .15s;
}
.sc-light .ssc-quiz-option:hover:not(:disabled) { border-color: var(--sc-accent); background:#FDECE8; transform:translateX(2px); }
.sc-light .ssc-quiz-option:disabled { opacity:.65; }
.sc-light .ssc-quiz-more a { color: var(--sc-primary); font-weight:700; }

/* ── Blinde Kuh (Rangliste/Podest) ── */
.sc-light .ssc-bk-rounds { display:grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap:1.5rem; margin-bottom:2rem; }
.sc-light .ssc-bk {
  max-width:none; padding:1.5rem 1.6rem; background: var(--sc-surface); border:1px solid var(--sc-border);
  border-radius: var(--sc-radius); opacity:1; transition: border-color .15s, box-shadow .2s;
}
.sc-light .ssc-bk:hover { border-color: var(--sc-primary); box-shadow:0 18px 34px -22px rgba(23,44,56,.45); }
.sc-light .ssc-bk-page .ssc-bk, .sc-light .ssc-bk-single .ssc-bk { max-width:720px; margin:0 auto 1.5rem; }
.sc-light .ssc-bk-instructions { color: var(--sc-muted); font-size:.9rem; }
.sc-light .ssc-bk-current-label { color: var(--sc-muted); }
.sc-light .ssc-bk-current-word { background: var(--sc-accent); box-shadow:0 10px 22px -12px rgba(234,74,51,.7); }
.sc-light .ssc-bk-slot { background: var(--sc-soft); border-color: var(--sc-soft-line); border-radius:12px 12px 0 0; }
.sc-light .ssc-bk-slot:hover { background: var(--sc-soft-line); }
.sc-light .ssc-bk-slot--over { background: var(--sc-soft-line); outline-color: var(--sc-primary); }
.sc-light .ssc-bk-slot[data-filled] { background: var(--sc-surface); }
.sc-light .ssc-bk-slot-word { color: var(--sc-text); }
.sc-light .ssc-bk-slot-rank { background: var(--sc-primary); }
.sc-light .ssc-bk-result-heading { color: var(--sc-text); font-weight:800; font-size:1rem; }
.sc-light .ssc-bk-list { list-style:none; padding:0; counter-reset:bk; display:grid; gap:.55rem; }
.sc-light .ssc-bk-list li {
  counter-increment:bk; display:flex; align-items:center; gap:.75rem; margin:0; padding:.7rem .9rem;
  background: var(--sc-bg); border:1px solid var(--sc-border); border-radius:12px; font-weight:600; font-size:.95rem; color: var(--sc-text);
}
.sc-light .ssc-bk-list li::before {
  content:counter(bk); flex:0 0 1.7rem; height:1.7rem; border-radius:50%; background: var(--sc-primary); color:#fff;
  display:flex; align-items:center; justify-content:center; font-size:.85rem; font-weight:800;
}
.sc-light .ssc-bk-avg { margin-left:auto; color: var(--sc-muted); font-size:.82rem; font-weight:700; white-space:nowrap; }

/* Hosts-Hero: Cover-Bild als Hintergrund, Jakob & Oli weich darüber */
.sc-light .home-hero-media--hosts { overflow:hidden; }
.sc-light .hero-hosts-bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; }
.sc-light .hero-hosts { padding:0; justify-content:flex-end; }
.sc-light .hero-hosts-people { flex:0 0 58%; margin-top:0; align-items:flex-end; }
.sc-light .hero-host img { opacity:.82; -webkit-mask-image: radial-gradient(ellipse 60% 62% at 50% 50%, #000 40%, transparent 100%); mask-image: radial-gradient(ellipse 60% 62% at 50% 50%, #000 40%, transparent 100%); }
.sc-light .hero-host figcaption { bottom:.8rem; }

/* Pagination-Pfeile: Font Awesome/Joomla-Icons sind im Template nicht geladen → Zeichen per CSS.
   Joomlas pagination/link.php gibt die Klassen `icon-angle-*` aus (nicht `fa-angle-*`),
   daher beide Varianten abdecken – sonst bleiben die Pfeil-Buttons leer. */
.sc-light .pagination .fa,
.sc-light .pagination [class*="icon-angle"] { font-family: var(--sc-font); font-style:normal; font-weight:800; font-size:1.05rem; line-height:1; display:inline-block; min-width:1.1em; text-align:center; }
.sc-light .pagination .fa-angle-left::before,
.sc-light .pagination .icon-angle-left::before         { content:"\2039"; }
.sc-light .pagination .fa-angle-right::before,
.sc-light .pagination .icon-angle-right::before        { content:"\203A"; }
.sc-light .pagination .fa-angle-double-left::before,
.sc-light .pagination .icon-angle-double-left::before  { content:"\00AB"; }
.sc-light .pagination .fa-angle-double-right::before,
.sc-light .pagination .icon-angle-double-right::before { content:"\00BB"; }
.sc-light .ssc-pagination .page-link:has(.fa),
.sc-light .pagination .page-link:has([class*="icon-angle"]) { color: var(--sc-primary); background: var(--sc-surface); border:1px solid var(--sc-border); border-radius:10px; padding:.4rem .75rem; }
.sc-light .ssc-pagination .page-link:has(.fa):hover,
.sc-light .pagination .page-link:has([class*="icon-angle"]):hover { border-color: var(--sc-primary); background: var(--sc-soft); }
.sc-light .ssc-pagination .disabled .page-link:has(.fa),
.sc-light .pagination .disabled .page-link:has([class*="icon-angle"]) { color: var(--sc-border); background: var(--sc-bg); }

/* Folgen-Cover oben rechts in der Karte */
.sc-light .ssc-episodes .ssc-card .ssc-card-cover {
  position:absolute; top:1.1rem; right:1.1rem; width:72px; height:72px; object-fit:cover;
  border-radius:14px; border:1px solid var(--sc-border); box-shadow:0 8px 18px -10px rgba(23,44,56,.45);
  background: var(--sc-soft);
}
.sc-light .ssc-episodes .ssc-card:has(.ssc-card-cover) .ssc-title { padding-right:86px; }
.sc-light .ssc-episodes .ssc-card:has(.ssc-card-cover) .ssc-num { margin-right:86px; }

/* Folgen-Detail: MP3-Player schlank über die volle Breite, Spotify + Apple nebeneinander */
.sc-light .ssc-episode .spx-row:has(.spx-player--spotify) { grid-template-columns:1fr 1fr; }
.sc-light .ssc-episode .spx-player--audio { grid-column:1 / -1; display:flex; align-items:center; gap:1rem; flex-wrap:wrap; }
/* Label (Überschrift „Episode anhören" bzw. „Anhören"-Button) und Player in EINER Zeile */
.sc-light .ssc-episode .spx-player--audio .spx-heading,
.sc-light .ssc-episode .spx-player--audio > .ssc-btn,
.sc-light .ssc-episode .spx-player--audio > button { margin:0; flex:0 0 auto; white-space:nowrap; }
.sc-light .ssc-episode .spx-player--audio .ssc-audio { flex:1 1 260px; width:auto; min-width:0; }
@media (max-width:520px) {
  .sc-light .ssc-episode .spx-player--audio { gap:.6rem; }
  .sc-light .ssc-episode .spx-player--audio .ssc-audio { flex-basis:100%; }
}
.sc-light .ssc-episode .spx-player--spotify iframe, .sc-light .ssc-episode .spx-row:has(.spx-player--spotify) .spx-player iframe { height:152px; }
@media (max-width:700px) { .sc-light .ssc-episode .spx-row:has(.spx-player--spotify) { grid-template-columns:1fr; } }

/* ── Sportarten-/Tag-Seiten (com_tags): Übersicht & Einzelseite ── */
.sc-light .com-tags::before {
  content:"Alle Sportarten"; display:block; font-weight:900; letter-spacing:-0.025em; text-transform:uppercase;
  font-size: clamp(2rem, 4vw, 3rem); line-height:1.05; color: var(--sc-text); margin-bottom:1.75rem;
}
.sc-light .com-tags__items, .sc-light .com-tags-tag .com-tags__items {
  display:grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap:1rem;
}
.sc-light .com-tags-tag .com-tags__items { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
.sc-light .com-tags__items > form, .sc-light .com-tags__items > .pagination, .sc-light .com-tags__items > nav,
.sc-light .com-tags__items > .counter, .sc-light .com-tags__items > p { grid-column:1 / -1; }
.sc-light .com-tags__items ul.category, .sc-light .com-tags-tag__category { display:contents; list-style:none; margin:0; padding:0; }
.sc-light .com-tags-tag__category { display:contents; }
.sc-light .com-tags__items .list-group-item {
  display:block; background: var(--sc-surface); border:1px solid var(--sc-border); border-radius: var(--sc-radius);
  padding:1.1rem 1.3rem; transition: transform .15s, box-shadow .2s, border-color .15s; list-style:none;
}
.sc-light .com-tags__items .list-group-item:hover { transform:translateY(-3px); border-color: var(--sc-primary); box-shadow:0 18px 34px -22px rgba(23,44,56,.5); }
.sc-light .com-tags__items .list-group-item h3 { margin:0; font-size:1.05rem; font-weight:800; letter-spacing:-0.01em; line-height:1.25; }
.sc-light .com-tags__items .list-group-item h3 a { color: var(--sc-text); text-decoration:none; display:block; }
.sc-light .com-tags__items .list-group-item h3 a:hover { color: var(--sc-primary); }
.sc-light .com-tags-tag .tag-body { display:block; margin-top:.5rem; color: var(--sc-muted); font-size:.92rem; line-height:1.55; }

/* Filterleiste */
.sc-light .com-tags-tags__filter { display:flex; flex-wrap:wrap; gap:.6rem; align-items:center; }
.sc-light .com-tags__items form { display:flex; flex-wrap:wrap; gap:.75rem 1rem; align-items:center; justify-content:space-between; margin-bottom:.5rem; }
.sc-light .com-tags-tags__filter .inputbox, .sc-light .com-tags__items .form-select {
  font:inherit; font-size:.92rem; padding:.55rem 1rem; border:1px solid var(--sc-border); border-radius:999px;
  background: var(--sc-surface); color: var(--sc-text); outline:none;
}
.sc-light .com-tags-tags__filter .inputbox:focus, .sc-light .com-tags__items .form-select:focus { border-color: var(--sc-primary); }
.sc-light .com-tags-tags__filter .btn, .sc-light .com-tags__items .btn {
  font:inherit; font-size:.88rem; font-weight:600; cursor:pointer; border:none; border-radius:999px; padding:.58rem 1.2rem;
  background: var(--sc-accent); color:#fff; letter-spacing:0; text-transform:none; transition: background .15s;
}
.sc-light .com-tags-tags__filter .btn:hover { background: var(--sc-accent-dk); }
.sc-light .com-tags-tags__filter .btn-secondary { background: var(--sc-soft); color: var(--sc-primary); }
.sc-light .com-tags-tags__filter .btn-secondary:hover { background: var(--sc-soft-line); }
.sc-light .com-tags__items .btn-group.float-end { float:none !important; }
.sc-light .visually-hidden { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }

/* Joomla-Seitennummerierung (allgemein) */
.sc-light .pagination, .sc-light ul.pagination { display:flex; flex-wrap:wrap; justify-content:center; gap:.4rem; list-style:none; padding:0; margin:1rem 0 0; }
.sc-light .pagination .page-item { list-style:none; }
.sc-light .pagination .page-link {
  display:inline-block; padding:.45rem .85rem; border:1px solid var(--sc-border); border-radius:10px; background: var(--sc-surface);
  color: var(--sc-text); font-size:.9rem; text-decoration:none;
}
.sc-light .pagination a.page-link:hover { border-color: var(--sc-primary); color: var(--sc-primary); }
.sc-light .pagination .active .page-link { background: var(--sc-primary); border-color: var(--sc-primary); color:#fff; }
.sc-light .pagination .disabled .page-link { color: var(--sc-border); }
.sc-light .counter { text-align:center; color: var(--sc-muted); font-size:.9rem; }

/* Folgen-Detail: Abstände straffen (globale section-Paddings des alten Templates ausschalten) */
.sc-light .ssc-detail .spx-row { padding:0; margin:0 0 1.25rem; }
.sc-light .ssc-detail .ssc-header { margin-bottom:1.25rem; }
.sc-light .ssc-detail .ssc-episode-nav { margin-bottom:1.5rem; }

/* Champions-Karten Startseite: Regeln des alten Templates (.champion-card = 2-Spalten-Grid, 5rem Abstand) neutralisieren */
.sc-light .home-champ-track .champion-card {
  display:flex; flex-direction:column; grid-template-columns:none; gap:0; margin-top:0; align-items:stretch;
}
.sc-light .home-champ-track .champion-card-media { aspect-ratio:16/9; }
.sc-light .home-champ-track .champion-card-body { flex:1; }
.sc-light .home-champ .home-section-head, .sc-light .home-champions .home-section-head { margin-bottom:1.25rem; }

/* Quiz-Karten: gleicher Aufbau & gleiche Höhen – Status als „Sammelkopf" oben, dann Frage, Antwort, Erklärung, Balken */
.sc-light .ssc-quiz-grid { align-items:stretch; }
.sc-light .ssc-quiz--resolved { display:flex; flex-direction:column; }
.sc-light .ssc-quiz--resolved > .ssc-quiz-result { display:contents; }
.sc-light .ssc-quiz--resolved .ssc-quiz-status { order:-2; align-self:flex-start; margin:0 0 .9rem; }
.sc-light .ssc-quiz--resolved .ssc-quiz-question { order:-1; }
.sc-light .ssc-quiz--resolved .ssc-quiz-bars { margin-top:auto; padding-top:1.1rem; }
@supports (grid-template-rows: subgrid) {
  .sc-light .ssc-quiz-grid .ssc-quiz--resolved {
    display:grid; grid-row: span 5; grid-template-rows: subgrid; row-gap:0; align-content:start;
  }
  .sc-light .ssc-quiz-grid .ssc-quiz--resolved > .ssc-quiz-question { grid-row:2; margin-bottom:1rem; }
  .sc-light .ssc-quiz-grid .ssc-quiz--resolved .ssc-quiz-status { grid-row:1; }
  .sc-light .ssc-quiz-grid .ssc-quiz--resolved .ssc-quiz-result > p:not([class]) { grid-row:3; }
  .sc-light .ssc-quiz-grid .ssc-quiz--resolved .ssc-quiz-explanation { grid-row:4; }
  .sc-light .ssc-quiz-grid .ssc-quiz--resolved .ssc-quiz-bars { grid-row:5; margin-top:0; align-self:end; }
}

/* Folgen-Detail: „Überall hören" */
.sc-light .spx-platforms { display:grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap:.75rem; }
.sc-light .spx-platforms .platform-pill { justify-content:flex-start; padding:.75rem 1rem; }

/* Weiterführende Links: Icon je Link-Art */
.sc-light .ssc-link-mention { gap:.85rem; justify-content:flex-start; }
.sc-light .ssc-link-icon {
  flex:0 0 34px; width:34px; height:34px; border-radius:50%; display:flex; align-items:center; justify-content:center; overflow:hidden;
}
.sc-light .ssc-link-icon svg { display:block; }
.sc-light .ssc-link-mention-body { flex:1; }

/* Pagination: eine Linie, kein Doppelrahmen (Komponenten-CSS rahmt auch das innere <span class="fa">) */
.sc-light .ssc-pagination .page-link .fa,
.sc-light .ssc-pagination .page-link span { border:0 !important; padding:0 !important; background:none !important; border-radius:0; }
.sc-light .ssc-pagination ul.pagination { align-items:center; }
.sc-light .ssc-pagination .page-item { display:flex; }
.sc-light .ssc-pagination .page-link, .sc-light .ssc-pagination .page-link:has(.fa) {
  display:inline-flex !important; align-items:center; justify-content:center;
  min-width:40px; height:40px; padding:0 .8rem !important; line-height:1; box-sizing:border-box;
}
.sc-light .ssc-pagination .active .page-link { background: var(--sc-primary) !important; border-color: var(--sc-primary) !important; color:#fff !important; }
.sc-light .ssc-pagination .active .page-link span { color:#fff; }

/* Champions: Vorschaubild-Button + Lightbox */
.sc-light .champion-play { position:absolute; top:0; left:0; width:100%; height:100%; padding:0; border:0; background:#000; cursor:pointer; display:block; overflow:hidden; }
.sc-light .champion-play img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .25s; }
.sc-light .champion-play:hover img { transform:scale(1.04); }
.sc-light .champion-play-icon {
  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:58px; height:58px; border-radius:50%;
  background:rgba(234,74,51,.94); color:#fff; display:flex; align-items:center; justify-content:center; padding-left:3px;
  box-shadow:0 10px 24px -8px rgba(0,0,0,.5); transition:transform .15s;
}
.sc-light .champion-play:hover .champion-play-icon { transform:translate(-50%,-50%) scale(1.08); }
.sc-lightbox {
  position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; z-index:1000; background:rgba(10,24,30,.88); box-sizing:border-box;
  display:flex; align-items:center; justify-content:center; padding:clamp(12px,3vw,40px);
}
.sc-lightbox-inner { position:relative; width:100%; max-width:1180px; }
.sc-lightbox-frame { position:relative; width:100%; aspect-ratio:16/9; background:#000; border-radius:16px; overflow:hidden; box-shadow:0 30px 80px -20px rgba(0,0,0,.7); }
.sc-lightbox-frame iframe { position:absolute; top:0; left:0; width:100%; height:100%; border:0; }
.sc-lightbox-close {
  position:absolute; right:0; top:-46px; width:40px; height:40px; border-radius:50%; border:0; cursor:pointer;
  background:#fff; color:#172C38; font-size:1.7rem; line-height:1; display:flex; align-items:center; justify-content:center;
}
.sc-lightbox-close:hover { background:#EA4A33; color:#fff; }
.sc-lightbox-link { display:inline-block; margin-top:1rem; color:#fff; font-weight:600; text-decoration:none; }
.sc-lightbox-link:hover { text-decoration:underline; }

/* ── Suchseite (Smart Search / com_finder) ── */
.sc-light .com-finder { max-width:860px; margin:0 auto; }
.sc-light .com-finder .visually-hidden { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.sc-light .com-finder__search { border:0; padding:0; margin:0 0 1.25rem; }
.sc-light .com-finder__search .form-inline { display:block; }
.sc-light .com-finder__search label { display:block; font-weight:700; font-size:.82rem; letter-spacing:.1em; text-transform:uppercase; color: var(--sc-primary); margin-bottom:.5rem; }
.sc-light .com-finder .input-group { display:flex; flex-wrap:wrap; gap:.6rem; align-items:center; }
.sc-light .com-finder .form-control {
  flex:1 1 260px; min-width:0; font:inherit; font-size:1rem; padding:.8rem 1.2rem; border:1px solid var(--sc-border);
  border-radius:999px; background: var(--sc-surface); color: var(--sc-text); outline:none; box-shadow:0 8px 22px -16px rgba(23,44,56,.35);
}
.sc-light .com-finder .form-control:focus { border-color: var(--sc-primary); }
.sc-light .com-finder .btn {
  font:inherit; font-size:.92rem; font-weight:700; cursor:pointer; border:none; border-radius:999px; padding:.82rem 1.5rem;
  background: var(--sc-accent); color:#fff; letter-spacing:0; text-transform:none; transition: background .15s;
}
.sc-light .com-finder .btn:hover { background: var(--sc-accent-dk); }
.sc-light .com-finder .btn-secondary { background: var(--sc-soft); color: var(--sc-primary); }
.sc-light .com-finder .btn-secondary:hover { background: var(--sc-soft-line); }
.sc-light .com-finder [class^="icon-"], .sc-light .com-finder [class*=" icon-"] { display:none; }
.sc-light .com-finder .collapse:not(.show) { display:none; }
.sc-light .com-finder__advanced { border:0; padding:0; margin:0 0 1.5rem; }
.sc-light .com-finder__tips, .sc-light .com-finder .card {
  background: var(--sc-surface); border:1px solid var(--sc-border); border-radius: var(--sc-radius); padding:1.1rem 1.3rem; margin-bottom:1rem;
}
.sc-light .com-finder__tips p { margin:0 0 .5rem; color: var(--sc-muted); font-size:.92rem; line-height:1.55; }
.sc-light .com-finder .term { color: var(--sc-text); font-weight:700; }
.sc-light .com-finder__filter .filter-branch { display:grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap:1rem; }
.sc-light .com-finder__filter label { display:block; font-weight:700; font-size:.8rem; color: var(--sc-muted); margin-bottom:.35rem; text-transform:none; letter-spacing:0; }
.sc-light .com-finder .form-select {
  width:100%; font:inherit; font-size:.92rem; padding:.6rem 1rem; border:1px solid var(--sc-border); border-radius:12px;
  background: var(--sc-surface); color: var(--sc-text);
}
/* Ergebnisse */
.sc-light .com-finder__explained { color: var(--sc-muted); margin:0 0 1.25rem; }
.sc-light .com-finder__explained p { margin:0; }
.sc-light .com-finder__explained a { color: var(--sc-primary); font-weight:600; }
.sc-light .com-finder__empty {
  background: var(--sc-surface); border:1px solid var(--sc-border); border-radius: var(--sc-radius); padding:2rem; text-align:center;
}
.sc-light .com-finder__empty h2 { font-size:1.35rem; font-weight:800; margin:0 0 .4rem; }
.sc-light .com-finder__empty p { color: var(--sc-muted); margin:0; }
.sc-light .com-finder__results ul, .sc-light .search-results { list-style:none; padding:0; margin:0; display:grid; gap:1rem; }
.sc-light .result__item, .sc-light .search-results > li {
  background: var(--sc-surface); border:1px solid var(--sc-border); border-radius: var(--sc-radius); padding:1.2rem 1.4rem;
  transition: border-color .15s, box-shadow .2s, transform .15s;
}
.sc-light .result__item:hover, .sc-light .search-results > li:hover { border-color: var(--sc-primary); box-shadow:0 18px 34px -22px rgba(23,44,56,.45); transform:translateY(-2px); }
.sc-light .result__title, .sc-light .result__title-text, .sc-light .search-results h4 { font-size:1.15rem; font-weight:800; margin:0 0 .3rem; }
.sc-light .result__title a, .sc-light .search-results h4 a { color: var(--sc-text); text-decoration:none; }
.sc-light .result__title a:hover { color: var(--sc-primary); }
.sc-light .result__description, .sc-light .search-results .result__description { color: var(--sc-muted); font-size:.95rem; line-height:1.6; margin:0; }
.sc-light .result__url, .sc-light .result__taxonomy { color: var(--sc-primary); font-size:.8rem; margin-top:.4rem; }
.sc-light .com-finder mark, .sc-light .com-finder .highlight { background: #FDECE8; color: var(--sc-accent-dk); padding:0 .15em; border-radius:3px; }

/* Folgen-Liste: „Anhören" und Player in einer Zeile – Player erst nach Klick (hidden-Attribut wurde überschrieben) */
.sc-light .ssc-listen-btn[hidden], .sc-light .ssc-listen-audio[hidden] { display:none !important; }
.sc-light .ssc-listen { display:flex; align-items:center; min-height:44px; margin-top:.25rem; }
.sc-light .ssc-listen .ssc-listen-audio { width:100%; }

/* Folgen-Treffer der Suche */
.sc-light .com-finder.has-sc-results .com-finder__empty, .sc-light .com-finder.has-sc-results .com-finder__explained { display:none; }
.sc-light .sc-search-results { margin:0 0 1.5rem; }
.sc-light .sc-search-results-title { font-size:1.2rem; font-weight:800; margin:0 0 .9rem; letter-spacing:-0.01em; }
.sc-light .sc-search-list { list-style:none; padding:0; margin:0; display:grid; gap:1rem; }
.sc-light .sc-search-item { background: var(--sc-surface); border:1px solid var(--sc-border); border-radius: var(--sc-radius); transition: border-color .15s, box-shadow .2s, transform .15s; }
.sc-light .sc-search-item:hover { border-color: var(--sc-primary); box-shadow:0 18px 34px -22px rgba(23,44,56,.45); transform:translateY(-2px); }
.sc-light .sc-search-link { display:flex; gap:1rem; align-items:flex-start; padding:1.1rem 1.3rem; text-decoration:none; color: var(--sc-text); }
.sc-light .sc-search-cover { flex:0 0 64px; width:64px; height:64px; border-radius:12px; object-fit:cover; border:1px solid var(--sc-border); }
.sc-light .sc-search-body { display:flex; flex-direction:column; gap:.25rem; min-width:0; }
.sc-light .sc-search-num { font-size:.72rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color: var(--sc-primary); }
.sc-light .sc-search-title { font-size:1.15rem; font-weight:800; line-height:1.2; }
.sc-light .sc-search-snippet { color: var(--sc-muted); font-size:.93rem; line-height:1.55; }
.sc-light .sc-search-results mark { background:#FDECE8; color: var(--sc-accent-dk); padding:0 .12em; border-radius:3px; }
.sc-light .sc-search-none { color: var(--sc-muted); }

.sc-light .sc-search-results-title--sec { margin-top:1.75rem; }
.sc-light .sc-search-icon {
  flex:0 0 44px; width:44px; height:44px; border-radius:50%; background: var(--sc-primary); color:#fff;
  display:flex; align-items:center; justify-content:center; font-weight:900; font-size:1.2rem;
}

/* Folgen-Liste: identischer Kartenaufbau – Nummer, Titel, Text, Tags, Datum/Dauer und „Anhören" liegen pro Reihe auf einer Höhe */
.sc-light .ssc-episodes .ssc-grid { align-items:stretch; }
@supports (grid-template-rows: subgrid) {
  .sc-light .ssc-episodes .ssc-grid .ssc-card {
    display:grid; grid-row: span 6; grid-template-rows: subgrid; row-gap:0; align-content:start; gap:0 0;
  }
  .sc-light .ssc-episodes .ssc-card > .ssc-num    { grid-row:1; }
  .sc-light .ssc-episodes .ssc-card > .ssc-title  { grid-row:2; margin-top:.55rem; }
  .sc-light .ssc-episodes .ssc-card > .ssc-teaser { grid-row:3; margin-top:.5rem; max-height:none; }
  .sc-light .ssc-episodes .ssc-card > .ssc-tags   { grid-row:4; margin-top:.6rem; align-self:start; }
  .sc-light .ssc-episodes .ssc-card > .ssc-meta   { grid-row:5; margin-top:.6rem; align-self:end; }
  .sc-light .ssc-episodes .ssc-card > .ssc-listen { grid-row:6; margin-top:.8rem; align-self:end; }
}

.sc-light .sport-folge-num { display:inline-block; align-self:flex-start; font-size:.72rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color: var(--sc-primary); background: var(--sc-soft); padding:.2rem .65rem; border-radius:999px; margin-bottom:.5rem; }

/* Startseite: Antwortmöglichkeiten im Quiz-Teaser */
.sc-light .home-quiz-answers { list-style:none; margin:.2rem 0 1rem; padding:0; display:flex; flex-wrap:wrap; gap:.6rem; }
.sc-light .home-quiz-answers a {
  display:inline-block; padding:.55rem 1.05rem; border-radius:999px; background:#fff; border:1px solid var(--sc-line, #d5e0e4);
  color: var(--sc-text); font-weight:700; font-size:.95rem; text-decoration:none; transition:border-color .15s, color .15s;
}
.sc-light .home-quiz-answers a:hover { border-color: var(--sc-primary); color: var(--sc-primary); }

.sc-light .home-quiz-live { margin:.2rem 0 1rem; }
.sc-light .home-quiz-live .ssc-quiz { margin:0; max-width:none; background:#fff; }
.sc-light .home-quiz-live .ssc-quiz:hover { box-shadow:none; }
.sc-light .home-quiz-live .ssc-quiz-question { font-size: clamp(1.25rem, 2.2vw, 1.7rem); letter-spacing:-0.02em; }

/* Quiz: Ergebnis klar abgesetzt, richtig = grün, falsch = rot (Quiz-Seite und Startseite) */
.sc-light .ssc-quiz [hidden] { display:none !important; }
.sc-light .ssc-quiz .ssc-quiz-option { background: var(--sc-bg) !important; color: var(--sc-text) !important; border:1.5px solid var(--sc-border) !important; }
.sc-light .ssc-quiz .ssc-quiz-option:hover:not(:disabled) { background:#FDECE8 !important; border-color: var(--sc-accent) !important; }
.sc-light .ssc-quiz-result { margin-top:1.6rem; padding-top:1.4rem; border-top:1px solid var(--sc-border); }
.sc-light .ssc-quiz-answer-row { display:flex; flex-wrap:wrap; gap:.8rem; margin:0 0 1.1rem; }
.sc-light .ssc-quiz-answer-block {
  display:flex; flex-direction:column; gap:.25rem; flex:1 1 220px; padding:.8rem 1rem; border-radius:12px; border:1.5px solid transparent;
}
.sc-light .ssc-quiz-answer-label { font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; font-weight:800; }
.sc-light .ssc-quiz-answer-value { font-size:1.05rem; font-weight:800; color: var(--sc-text); }
.sc-light .ssc-quiz-result:has(.ssc-quiz-result-correct) .ssc-quiz-answer-block:first-child,
.sc-light .ssc-quiz-result:has(.ssc-quiz-result-wrong) .ssc-quiz-answer-block:nth-child(2) { background:#E6F5EC; border-color:#1a8a4a; }
.sc-light .ssc-quiz-result:has(.ssc-quiz-result-wrong) .ssc-quiz-answer-block:first-child { background:#FDECE8; border-color: var(--sc-accent); }
.sc-light .ssc-quiz-result:has(.ssc-quiz-result-correct) .ssc-quiz-answer-block:first-child .ssc-quiz-answer-label,
.sc-light .ssc-quiz-result:has(.ssc-quiz-result-wrong) .ssc-quiz-answer-block:nth-child(2) .ssc-quiz-answer-label { color:#1a8a4a; }
.sc-light .ssc-quiz-result:has(.ssc-quiz-result-wrong) .ssc-quiz-answer-block:first-child .ssc-quiz-answer-label { color: var(--sc-accent); }
.sc-light .ssc-quiz-result-correct, .sc-light .ssc-quiz-result-wrong {
  display:inline-block; margin:0 0 .9rem !important; padding:.3rem .9rem; border-radius:999px; font-weight:800; font-size:.9rem; color:#fff;
}
.sc-light .ssc-quiz-result-correct { background:#1a8a4a; }
.sc-light .ssc-quiz-result-wrong { background: var(--sc-accent); }
.sc-light .ssc-quiz-explanation { margin:0 0 1.2rem !important; }
.sc-light .ssc-quiz-bars { gap:.6rem; margin-top:.4rem; }
.sc-light .ssc-quiz-bar { padding:.65rem .9rem .8rem; border-radius:12px; background:#FDECE8; }
.sc-light .ssc-quiz-bar:has(.ssc-quiz-bar-fill--correct) { background:#E6F5EC; }
.sc-light .ssc-quiz-bar-track { background:rgba(255,255,255,.8); }
.sc-light .ssc-quiz-bar-fill { background: var(--sc-accent); }
.sc-light .ssc-quiz-bar-fill--correct { background:#1a8a4a; }
.sc-light .ssc-quiz-bar-fill--wrong { background: var(--sc-accent); }
.sc-light .ssc-quiz-more { margin-top:1.3rem; }