/* Reihenfolge-Seite „Gold“ (Entwurf Spider-Man vom 30.10.2026, Frank: „Passt, weiter“), baut auf wg-film-gold.css auf.
   Quelle: projektdateien/redesign/reihe-2026-10-30/reihe.css, alle Regeln im Namensraum .wgrg; danach die Umsetzung. */
.wgrg .reihe-kb{grid-template-columns:minmax(0,1fr) 300px;padding-top:236px}
.wgrg .reihe-kb h1{font-size:clamp(30px,2.9vw,40px);max-width:22ch}
.wgrg .kurzantwort{font-size:17.5px;line-height:1.6;color:var(--lesen);max-width:68ch;margin:14px 0 0}
.wgrg .kurzantwort b{color:var(--text)}
.wgrg .facher{position:relative;height:240px;align-self:end}
.wgrg .facher img{position:absolute;bottom:0;width:140px;border-radius:8px;box-shadow:0 14px 30px rgba(0,0,0,.3);transform-origin:bottom center}
.wgrg .facher img:nth-child(1){left:10px;transform:rotate(-9deg)}
.wgrg .facher img:nth-child(2){left:80px;transform:rotate(0deg);z-index:2}
.wgrg .facher img:nth-child(3){left:150px;transform:rotate(9deg)}
.wgrg .netz{margin-top:26px}
.wgrg .netz-raster{display:grid;grid-template-columns:150px repeat(var(--sp),minmax(0,1fr));grid-auto-rows:136px;column-gap:0;row-gap:6px;align-items:center;position:relative;margin-top:6px}
.wgrg .ln-name{grid-column:1;align-self:center}
.wgrg .ln-name b{display:block;font-size:16px}
.wgrg .ln-name small{display:block;font-size:13px;line-height:1.35;color:var(--leise);padding-right:12px}
.wgrg .ln-linie{height:4px;border-radius:2px;background:var(--linie);align-self:start;margin-top:52px;margin-left:calc(100% / var(--n) / 2);margin-right:calc(100% / var(--n) / 2);z-index:0}
.wgrg .ln-linie.l-m,.wgrg .ln-linie.l-g,.wgrg .ln-linie.l-h{background:#d9c26a}
.wgrg .ln-linie.l-s{background:#c9c3b8}
.wgrg .st{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;align-self:start;padding-top:12px;color:var(--text);text-decoration:none}
.wgrg .st img,.wgrg .st .leer{width:58px;height:87px;border-radius:5px;object-fit:cover;box-shadow:0 4px 10px rgba(0,0,0,.18);transition:transform .15s}
.wgrg a.st:hover img{transform:translateY(-3px)}
.wgrg .st .leer{display:grid;place-items:center;padding:4px;font-size:11px;line-height:1.15;font-weight:650;background:var(--flaeche);border:1px dashed #bdb5a6;color:var(--leise);box-shadow:none}
.wgrg .st b{font-size:12.5px;line-height:1.2;margin-top:6px;max-width:92px}
.wgrg .st small{font-size:12.5px;color:var(--leise);margin-top:5px;font-weight:600}
.wgrg .st .nr{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:2;display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:var(--gold);color:#1b1a17;font-size:13px;font-weight:820;box-shadow:0 2px 5px rgba(0,0,0,.2)}
.wgrg .st.mcu img{width:50px;height:75px;margin-top:6px;opacity:.85;outline:2px dashed #bdb5a6;outline-offset:2px}
.wgrg .st.mcu .nr{background:#fff;border:1.5px solid var(--gold-text);color:var(--gold-text)}
.wgrg .st.bald .leer{border-style:dotted}
.wgrg .legende{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:13.5px;color:var(--leise);margin-top:4px}
.wgrg .lg{display:inline-block;width:16px;height:22px;border-radius:3px;vertical-align:middle;margin-right:4px}
.wgrg .lg.mcu{outline:2px dashed #bdb5a6;outline-offset:1px;background:var(--flaeche)}
.wgrg .lg.bald{border:1px dotted #9d9586;background:var(--flaeche)}
.wgrg .blick{width:100%;border-collapse:collapse;font-size:15.5px}
.wgrg .blick th{text-align:left;font-size:13px;font-weight:650;color:var(--leise);padding:0 10px 8px;border-bottom:1px solid var(--linie)}
.wgrg .blick td{padding:10px;border-bottom:1px solid var(--linie);vertical-align:middle}
.wgrg .blick tr:last-child td{border-bottom:0}
.wgrg .blick td b{display:block;font-weight:680}
.wgrg .blick td b a{color:var(--text);text-decoration:none}
.wgrg .blick td b a:hover{text-decoration:underline}
.wgrg .t-nr{width:46px}
.wgrg .nr{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 6px;border-radius:999px;background:var(--gold);color:#1b1a17;font-weight:820;font-size:14px}
.wgrg .t-bew{white-space:nowrap}
.wgrg .t-bew .sk{display:inline-flex;align-items:center;gap:6px;vertical-align:middle}
.wgrg .t-bew .sk img{width:28px;height:28px}
.wgrg .t-bew .sk b{font-size:16px;font-weight:820}
.wgrg .t-bew small{display:block;font-size:12.5px;color:var(--gold-text);font-weight:600}
.wgrg .t-bew .ohne-b{color:var(--leise);font-weight:500}
.wgrg .t-abo{font-size:14px;color:var(--lesen)}
.wgrg .z-meta{display:flex;gap:14px;font-size:13.5px;color:var(--leise)}
.wgrg .z-meta span + span{position:relative}
.wgrg .z-meta span + span::before{content:"";position:absolute;left:-8px;top:.3em;bottom:.3em;width:1px;background:currentColor;opacity:.4}
.wgrg .einleitung{color:var(--lesen);margin-bottom:16px;max-width:70ch}
.wgrg .einstiege{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.wgrg .einstieg{padding:18px 20px;border-radius:12px;background:var(--flaeche);position:relative;overflow:hidden}
.wgrg .einstieg::before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:#d9c26a}
.wgrg .einstieg.l-s::before{background:#c9c3b8}
.wgrg .einstieg h3{font-size:17px;font-weight:740;margin:0 0 8px}
.wgrg .einstieg p{font-size:15.5px;line-height:1.6;color:var(--lesen);margin:0 0 .7em}
.wgrg .einstieg p:last-child{margin-bottom:0}
.wgrg .naechster{display:grid;grid-template-columns:110px 1fr;gap:20px;align-items:start}
.wgrg .leer.gross{display:grid;place-items:center;width:110px;height:165px;border-radius:8px;border:1px dotted #9d9586;background:var(--flaeche);color:var(--leise);font-weight:700;font-size:14px;text-align:center;padding:8px}
.wgrg .naechster h3{font-size:18px;margin-bottom:8px}
.wgrg .naechster p,.wgrg .lesen{font-size:16.5px;line-height:1.65;color:var(--lesen);max-width:66ch}
.wgrg .zwei{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.wgrg .zwei h3{font-size:16px;font-weight:720;margin-bottom:8px}
.wgrg .rang{list-style:none;margin:0;padding:0}
.wgrg .rang a{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:8px 4px;border-top:1px solid var(--linie);color:var(--text);text-decoration:none}
.wgrg .rang li:first-child a{border-top:0}
.wgrg .rang a:hover{background:var(--flaeche)}
.wgrg .rang img{width:40px;height:60px;object-fit:cover;border-radius:4px}
.wgrg .rang b{display:block;font-size:15.5px}
.wgrg .rang small{font-size:13px;color:var(--gold-text);font-weight:600}
.wgrg .rang .sk{display:inline-flex;align-items:center;gap:5px}
.wgrg .rang .sk img{width:26px;height:26px}
.wgrg .rang .sk b{font-size:15.5px;font-weight:820}
.wgrg .bk-link{margin-left:auto;font-size:15px;font-weight:650;text-decoration:none}
.wgrg .weiter-liste{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;list-style:none;margin:0;padding:0}
.wgrg .weiter-liste a{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;border:1px solid var(--linie);color:var(--text);text-decoration:none}
.wgrg .weiter-liste a:hover{border-color:var(--text)}
.wgrg .weiter-liste .ic:first-child{color:var(--gold-text)}
.wgrg .weiter-liste .ic:last-child{margin-left:auto;color:var(--leise)}
.wgrg .weiter-liste b{font-size:15.5px}
.wgrg .quelle{margin-top:12px}
.wgrg .fakten.breit-1{grid-template-columns:1fr}
@media (max-width:1100px){.wgrg .netz-raster{grid-template-columns:110px repeat(var(--sp),minmax(0,1fr))}
.wgrg .st b{display:none}
}
@media (max-width:1000px){.wgrg .einstiege,.wgrg .zwei,.wgrg .weiter-liste{grid-template-columns:1fr}
.wgrg .reihe-kb{grid-template-columns:1fr}
.wgrg .facher{display:none}
.wgrg .netz{overflow-x:auto}
.wgrg .netz-raster{min-width:900px}
}
.wgrg .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wgrg .st img,.wgrg .st .leer{margin-top:10px}

/* Umsetzung 30.10.2026: Netz aus Linien-Hüllen (display:contents), Titel nur für Vorleser, eine Linie ohne Namensspalte,
   lange Reihen scrollen quer, Handy als Liste je Fassung */
.wgrg .ln,.wgrg .ln-st{display:contents}
.wgrg .ln-st{list-style:none;margin:0;padding:0}
.wgrg .st{list-style:none}
.wgrg .st > a,.wgrg .st > span{display:flex;flex-direction:column;align-items:center;color:var(--text);text-decoration:none}
.wgrg .st-t,.wgrg .wgfg-sr,.wgfg .wgfg-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wgrg .st .nr{top:0}
.wgrg .st.ohne .leer{display:grid}
.wgrg .ln-linie{grid-row:auto}
.wgrg .l-eigen .ln-linie{background:#c9c3b8}
.wgrg .l-eigen.einstieg::before,.wgrg .einstieg.l-eigen::before{background:#c9c3b8}
.wgrg .netz-raster.eine-linie{grid-template-columns:0 repeat(var(--sp),minmax(0,1fr))}
.wgrg .netz{overflow-x:auto}
.wgrg .netz-raster{min-width:calc(150px + var(--sp) * 70px)}
.wgrg .legende{display:flex;flex-wrap:wrap;gap:6px 18px}
.wgrg .lg.leer{border:1px dashed #bdb5a6;background:var(--flaeche)}
.wgrg .unterzeile{font-size:16px;color:var(--leise);margin:8px 0 0;max-width:68ch}
.wgrg .reihe-kb.ohne-facher{grid-template-columns:minmax(0,1fr)}
.wgrg .reihe-kb{align-items:end}
.wgrg .facher img{height:auto;aspect-ratio:2/3;object-fit:cover}
.wgrg .tabelle-huelle{overflow-x:auto}
.wgrg .lesen p,.wgrg .lesen li{font-size:16.5px;line-height:1.65;color:var(--lesen);max-width:68ch}
.wgrg .lesen ol,.wgrg .lesen ul{padding-left:1.3em;margin:0 0 1em}
.wgrg .einstieg .lesen p,.wgrg .einstieg .lesen li{font-size:15.5px;line-height:1.6}
.wgrg .einstieg .lesen > :last-child{margin-bottom:0}
.wgrg .einleitung-text{margin-bottom:16px}
.wgrg .naechster img.gross{width:110px;border-radius:8px;box-shadow:0 8px 18px rgba(0,0,0,.18);aspect-ratio:2/3;object-fit:cover}
.wgrg .naechster p{font-size:16.5px;line-height:1.65;color:var(--lesen)}
.wgrg .rang .pl-leer{width:40px;height:60px;border-radius:4px;background:var(--flaeche)}
.wgrg .chrono{list-style:none;display:grid;gap:8px}
.wgrg .chrono li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:8px 0;border-top:1px solid var(--linie)}
.wgrg .chrono li:first-child{border-top:0}
.wgrg .chrono a{font-weight:650;color:var(--text);text-decoration:none}
.wgrg .chrono small{color:var(--leise)}
.wgrg .chrono em{font-style:normal;font-size:14px;color:var(--gold-text);margin-left:auto}
.wgrg .blick td b a{color:var(--text)}
.wgrg .t-bew small{display:block}
@media (max-width:700px){
  .wgrg .reihe-kb{padding-top:110px}
  .wgrg .reihe-kb h1{font-size:28px}
  .wgrg .kurzantwort{font-size:16px}
  .wgrg .netz{overflow:visible}
  .wgrg .netz-raster,.wgrg .netz-raster.eine-linie{display:block;min-width:0}
  .wgrg .ln{display:block;margin:0 0 18px}
  .wgrg .ln-name{margin-bottom:8px}
  .wgrg .ln-linie{display:none}
  .wgrg .ln-st{display:flex;flex-direction:column;border-left:4px solid #d9c26a;padding-left:12px;gap:6px}
  .wgrg .l-eigen .ln-st{border-left-color:#c9c3b8}
  .wgrg .st > a,.wgrg .st > span{display:grid;grid-template-columns:36px 40px 1fr;gap:10px;align-items:center;padding:0;text-align:left}
  .wgrg .st .nr{position:static;transform:none}
  .wgrg .st img,.wgrg .st .leer{width:40px;height:60px;margin:0}
  .wgrg .st .leer{font-size:0}
  .wgrg .st-t{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;font-weight:650;font-size:15px;grid-column:3;grid-row:1}
  .wgrg .st small{grid-column:3;grid-row:1;align-self:end;margin:0;transform:translateY(16px)}
  .wgrg .st > a > small,.wgrg .st > span > small{display:none}
  .wgrg .st.mcu img{outline-offset:1px;width:40px;height:60px;margin:0}
  .wgrg .blick th:nth-child(4),.wgrg .blick td.t-abo{display:none}
  .wgrg .blick td{padding:8px 6px}
  .wgrg .t-bew{white-space:normal}
  .wgrg .naechster{grid-template-columns:80px 1fr}
  .wgrg .naechster img.gross,.wgrg .leer.gross{width:80px;height:auto}
}
/* 30.10.2026: Filme mit eigenem Beitrag außerhalb der Zählung */
.wgrg .rang.auch{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}
.wgrg .rang.auch li:nth-child(2) a{border-top:0}
@media (max-width:700px){.wgrg .rang.auch{grid-template-columns:1fr}.wgrg .rang.auch li:nth-child(2) a{border-top:1px solid var(--linie)}}