/* Kult und Klassiker „Gold“ (Entwurf 30.10.2026, Frank: „Passt“), baut auf wg-film-gold.css auf. Quelle:
   projektdateien/redesign/kult-2026-10-30/kult.css samt den dort genutzten Regeln aus kategorie, kino und abo, alle im
   Namensraum .wgku. Plakatwand im Kopf, Dossier-Karte, Wallace-Zeitstrahl, Reihen, Plakatreihe, Rangliste. */

/* Kopf: Plakatwand läuft in Hell aus, Dossier-Karte rechts */
.wgku .kat .wand{position:absolute;left:0;right:0;top:0;height:300px;overflow:hidden;background:var(--dunkel)}
.wgku .wand-in{display:flex;gap:10px;justify-content:center;transform:rotate(-4deg) translateY(-40px) scale(1.08);opacity:.75}
.wgku .wand-in img{width:158px;height:237px;object-fit:cover;border-radius:6px;flex:none}
.wgku .kat .wand::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,20,24,.2) 0%,rgba(246,244,239,.5) 42%,rgba(246,244,239,.92) 68%,var(--grund) 82%)}
.wgku .kult-kb{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:32px;align-items:end;padding-top:196px}
.wgku .kult-kb.ohne-karte{grid-template-columns:minmax(0,1fr)}
.wgku .kult-kb h1{font-size:clamp(34px,3.4vw,48px);font-weight:840;letter-spacing:-.02em}
.wgku .kat-satz{font-size:18.5px;line-height:1.5;color:var(--lesen);max-width:62ch;margin:10px 0 0}
.wgku .dossier{display:flex;flex-direction:column;gap:2px;align-self:end;padding:18px 20px;border-radius:var(--r);background:#2a1416;color:#fff;text-decoration:none;box-shadow:0 16px 36px rgba(0,0,0,.28)}
.wgku .dossier:hover{background:#361a1d}
.wgku .dossier small{font-size:13.5px;color:var(--dunkel-leise)}
.wgku .dossier > b{font-size:24px;font-weight:780;color:#fff}
.wgku .ct{display:flex;align-items:baseline;gap:8px;margin:6px 0 2px;color:var(--gold)}
.wgku .ct em{font-style:normal;font-size:54px;font-weight:880;line-height:1;letter-spacing:-.03em}
.wgku .ct span{font-size:18px;font-weight:700}

/* Blöcke */
.wgku .einleitung{color:var(--lesen);margin-bottom:16px;max-width:70ch}
.wgku .bk-link{margin-left:auto;font-size:15px;font-weight:650;text-decoration:none;white-space:nowrap}
.wgku .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Dunkles Band */
.wgku .block.dunkel{background:var(--dunkel);border-color:var(--dunkel);color:var(--dunkel-text)}
.wgku .block.dunkel .bk h2{color:#fff}
.wgku .block.dunkel .bk-ic{background:rgba(239,191,4,.16);color:var(--gold)}
.wgku .block.dunkel .bk-stand{color:var(--dunkel-leise)}
.wgku .block.dunkel .einleitung{color:var(--dunkel-text)}

/* Wallace-Zeitstrahl: Plakatstapel je Jahr */
.wgku .w-leiste{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px;align-items:end;list-style:none;margin:6px 0 0;padding:0 0 4px;border-bottom:2px solid rgba(239,191,4,.5)}
.wgku .w-jahr{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}
.wgku .w-stapel{display:flex;flex-direction:column-reverse;align-items:center;width:100%}
.wgku .w-film{position:relative;display:block;width:100%;max-width:62px;margin-top:-34px;transition:transform .15s;color:#fff;text-decoration:none}
.wgku .w-film:last-child{margin-top:0}
.wgku .w-film img,.wgku .w-leer{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:4px;box-shadow:0 6px 14px rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.15)}
.wgku .w-leer{display:flex;align-items:center;padding:4px;background:#2a1416;font-size:10px;line-height:1.2;overflow:hidden}
.wgku .w-film:hover,.wgku .w-film:focus-visible{transform:translateY(-6px);z-index:3}
.wgku .w-film .sk{position:absolute;right:-6px;bottom:-6px;display:flex;align-items:center;gap:2px;background:rgba(255,255,255,.95);border-radius:999px;padding:1px 6px 1px 1px}
.wgku .w-film .sk img{width:20px;height:20px;border:0;box-shadow:none;aspect-ratio:auto}
.wgku .w-film .sk b{font-size:11.5px;font-weight:820;color:#1b1a17}
.wgku .w-film .sk.zahl{padding:1px 2px}
.wgku .w-film .sk.zahl b{border:0;padding:0 4px}
.wgku .w-jahr > b{font-size:14px;color:#fff;margin-top:8px}
.wgku .w-jahr > small{font-size:12px;color:var(--dunkel-leise);min-height:14px;white-space:nowrap}
.wgku .w-jahr > small .w{display:none}
.wgku .w-jahr.leer > b{color:var(--dunkel-leise)}
.wgku .w-unten{margin-top:20px}
.wgku .w-unten h3{font-size:16px;color:#fff;margin-bottom:8px}
.wgku .w-tipp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;list-style:none;margin:0;padding:0}
.wgku .w-tipp a{display:flex;align-items:center;gap:10px;height:100%;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.07);color:#fff;text-decoration:none}
.wgku .w-tipp a:hover{background:rgba(255,255,255,.12)}
.wgku .w-tipp b{font-size:15px;flex:1;line-height:1.35;min-width:0}
.wgku .w-tipp span{font-size:13px;color:var(--dunkel-leise)}
.wgku .w-tipp .sk img{width:24px;height:24px}.wgku .w-tipp .sk b{font-size:14px;color:#fff;flex:none}

/* Klassiker-Reihen */
.wgku .reihen-liste{display:grid;grid-template-columns:1fr 1fr;gap:10px;list-style:none;margin:0;padding:0}
.wgku .reihen-liste a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:12px;align-items:center;height:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--linie);color:var(--text);text-decoration:none}
.wgku .reihen-liste a:hover{border-color:var(--text)}
.wgku .reihen-liste .ic:first-child{grid-row:span 2;color:var(--gold-text)}
.wgku .reihen-liste .ic:last-child{grid-row:1/3;grid-column:3;color:var(--leise)}
.wgku .reihen-liste b{font-size:16px;line-height:1.3}
.wgku .reihen-liste span{font-size:13.5px;color:var(--leise);grid-column:2}
.wgku .reihen-liste .kommt{background:var(--gold-hell);border-color:var(--gold)}

/* Kultserien: Plakatreihe */
.wgku .plakatreihe{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px 14px;list-style:none;margin:0;padding:0}
.wgku .plakatreihe li{min-width:0}
.wgku .plakatreihe a{display:block;color:var(--text);text-decoration:none}
.wgku .plakatreihe a:hover img{transform:translateY(-3px)}
.wgku .plakatreihe b{display:block;font-size:15px;line-height:1.3;overflow-wrap:anywhere}
.wgku .plakatreihe small{display:block;font-size:13.5px;color:var(--leise);line-height:1.35;margin-top:2px}
.wgku .plakatreihe small.wo{color:var(--gold-text);font-weight:650}
.wgku .pl .sk b{font-size:14.5px;color:#1b1a17}
.wgku .pl .sk.zahl b{border:0;padding:0 6px}

/* Horror-Klassiker: Rangliste */
.wgku .rangliste{list-style:none;margin:0;padding:0}
.wgku .rangliste li{border-top:1px solid var(--linie)}
.wgku .rangliste li:first-child{border-top:0}
.wgku .rangliste a{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:14px;align-items:center;padding:9px 6px;border-radius:10px;color:var(--text);text-decoration:none}
.wgku .rangliste a:hover{background:var(--flaeche)}
.wgku .rangliste a > img,.wgku .z-leer{display:block;width:46px;height:69px;object-fit:cover;border-radius:4px;background:var(--flaeche)}
.wgku .r-text{min-width:0}
.wgku .r-text b{display:block;font-size:16.5px;font-weight:680;line-height:1.3}
.wgku .r-text small{display:block;font-size:13px;color:var(--gold-text);font-weight:600}
.wgku .z-meta{display:flex;gap:4px 14px;font-size:14px;color:var(--leise)}
.wgku .z-meta span{position:relative}
.wgku .z-meta span + span::before{content:"";position:absolute;left:-8px;top:.3em;bottom:.3em;width:1px;background:currentColor;opacity:.4}
.wgku .rangliste .sk{justify-self:end}
.wgku .rangliste .sk.zahl b{font-size:15px}

/* Leiste */
.wgku .verwandt{list-style:none;margin:0;padding:0;font-size:15px}
.wgku .verwandt a{display:flex;align-items:baseline;justify-content:space-between;padding:5px 8px;border-radius:6px;color:var(--lesen);text-decoration:none}
.wgku .verwandt a:hover{background:var(--flaeche)}

/* Breiten */
@media (max-width:1100px){
  .wgku .plakatreihe{grid-template-columns:repeat(4,minmax(0,1fr))}
  /* Zeitstrahl wird unter 1100 px zur Liste: je Jahr eine Zeile, Plakate nebeneinander */
  .wgku .w-leiste{display:block;border-bottom:0;border-left:2px solid rgba(239,191,4,.5);padding:0 0 0 12px}
  .wgku .w-jahr{display:grid;grid-template-columns:52px minmax(0,1fr);grid-template-rows:auto auto;column-gap:8px;align-items:center;padding:8px 0;border-top:1px solid rgba(255,255,255,.08)}
  .wgku .w-jahr:first-child{border-top:0}
  .wgku .w-jahr > b{grid-column:1;grid-row:1;margin:0;font-size:16px}
  .wgku .w-jahr > small{grid-column:1;grid-row:2;align-self:start;white-space:nowrap;line-height:1.25}
  .wgku .w-jahr > small .w{display:inline}
  .wgku .w-stapel{grid-column:2;grid-row:1/3;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:7px}
  .wgku .w-film{width:56px;max-width:none;margin-top:0}
  .wgku .w-film .sk{right:-4px;bottom:-4px}
  .wgku .w-jahr.leer{padding:4px 0}
  .wgku .w-jahr.leer .w-stapel{display:none}

}
@media (max-width:1000px){
  .wgku .kult-kb{grid-template-columns:minmax(0,1fr);gap:20px}
  .wgku .dossier{align-self:start;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:4px 14px}
  .wgku .dossier .ct{margin:0}
  .wgku .dossier > small:first-child,.wgku .dossier > small:last-child{flex-basis:100%}
  .wgku .leiste{order:0}
  .wgku .w-tipp{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:700px){
  .wgku .kat .wand{height:220px}.wgku .wand-in img{width:104px;height:156px}
  .wgku .kult-kb{padding-top:130px}
  .wgku .kb-titel{display:block}
  .wgku .pfad{margin:0 0 8px}
  .wgku .kult-kb h1{font-size:32px}
  .wgku .kat-satz{font-size:16.5px}
  .wgku .dossier{padding:14px 16px}
  .wgku .ct em{font-size:40px}
  .wgku .block{padding:22px 16px 24px}
  .wgku .bk{flex-wrap:wrap}
  .wgku .bk-link,.wgku .block .bk-stand{margin-left:50px;width:100%;white-space:normal}

  .wgku .w-film{width:44px}.wgku .w-stapel{gap:5px}

  .wgku .reihen-liste{grid-template-columns:minmax(0,1fr)}
  .wgku .plakatreihe{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px}
  .wgku .plakatreihe b{font-size:14px}
  .wgku .plakatreihe small{font-size:12.5px}
  .wgku .rangliste a{grid-template-columns:40px minmax(0,1fr) auto;gap:10px;padding:8px 2px}
  .wgku .rangliste a > img,.wgku .z-leer{width:40px;height:60px}
  .wgku .r-text b{font-size:15.5px}
}