/* Übersichten /filme/ und /serien/ „Gold“ (30.10.2026), baut auf wg-film-gold.css und wg-kategorie-gold.css auf.
   Nur die Bausteine, die es auf den Genre-Seiten nicht gibt, alle im Namensraum .wguo. */
.wguo .uo-zahlen{font-size:15px;color:var(--leise);margin:0 0 4px}
.wguo .kat-satz b{font-weight:700}

/* Genres mit Zahl */
.wguo .uo-genres{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:10px;list-style:none;margin:0;padding:0}
.wguo .uo-genres a{display:flex;flex-direction:column;height:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--linie);background:var(--karte);color:var(--text);text-decoration:none;transition:border-color .15s,transform .15s}
.wguo .uo-genres a:hover{border-color:var(--text);transform:translateY(-2px)}
.wguo .uo-genres b{font-size:16.5px;font-weight:720;line-height:1.25}
.wguo .uo-genres span{font-size:13.5px;line-height:1.4;color:var(--leise);margin:3px 0 8px;flex:1}
.wguo .uo-genres em{font-style:normal;font-size:13.5px;font-weight:650;color:var(--gold-text)}
.wguo .uo-themen{margin-top:20px}
.wguo .uo-themen h3,.wguo .uo-paar h3{font-size:15px;font-weight:720;margin:0 0 10px}

/* Redaktion: drei gleich breite Spalten, Siegel unter dem Titel */
.wguo .uo-redaktion{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.wguo .uo-person h3{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 10px;font-size:17px;font-weight:760;padding-bottom:8px;border-bottom:2px solid var(--gold)}
.wguo .uo-person h3 a{color:var(--text);text-decoration:none}
.wguo .uo-person h3 a:hover{text-decoration:underline}
.wguo .uo-person h3 small{font-size:13.5px;font-weight:500;color:var(--leise)}
.wguo .uo-noch{font-size:14.5px;color:var(--leise);margin:10px 0 0}
.wguo .uo-kurz{list-style:none;margin:0;padding:0}
.wguo .uo-kurz li + li{border-top:1px solid var(--linie)}
.wguo .uo-kurz a{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 4px;border-radius:10px;color:var(--text);text-decoration:none}
.wguo .uo-kurz a:hover{background:var(--flaeche)}
.wguo .uo-kurz a > img,.wguo .uo-kurz .z-leer{width:46px;height:69px;object-fit:cover;border-radius:4px;background:var(--flaeche)}
.wguo .uo-kurz .z-text b{font-size:15.5px}
.wguo .uo-kurz .z-meta{flex-wrap:wrap;font-size:13.5px}
.wguo .uo-kurz .z-text small{font-size:13px}
.wguo .uo-kurz .sk img{width:28px;height:28px}
.wguo .uo-kurz .sk b{font-size:15.5px}
.wguo .uo-redaktion .uo-kurz a{grid-template-columns:44px minmax(0,1fr);grid-template-areas:"bild text" "bild note";row-gap:4px;align-items:start}
.wguo .uo-redaktion .uo-kurz a > img,.wguo .uo-redaktion .uo-kurz .z-leer{grid-area:bild;width:44px;height:66px}
.wguo .uo-redaktion .uo-kurz .z-text{grid-area:text}
.wguo .uo-redaktion .uo-kurz .sk{grid-area:note;justify-self:start}
.wguo .uo-redaktion .uo-kurz .sk img{width:24px;height:24px}
.wguo .uo-redaktion .uo-kurz .sk b{font-size:14.5px}
.wguo .uo-redaktion .uo-kurz .sk.leer{display:none}

/* Im Kino bzw. Dranbleiben: zwei Spalten */
.wguo .uo-paar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}

.wguo .liste[aria-busy=true]{opacity:.55;transition:opacity .15s}

/* Unter 1240 px reichen drei Spalten nicht: die drei untereinander, Zeilen einzeilig mit Siegel rechts */
@media (max-width:1240px){
  .wguo .uo-redaktion{grid-template-columns:minmax(0,1fr);gap:18px}
  .wguo .uo-redaktion .uo-kurz a{grid-template-columns:46px minmax(0,1fr) auto;grid-template-areas:none;align-items:center;row-gap:0}
  .wguo .uo-redaktion .uo-kurz a > img,.wguo .uo-redaktion .uo-kurz .z-leer,.wguo .uo-redaktion .uo-kurz .z-text,.wguo .uo-redaktion .uo-kurz .sk{grid-area:auto}
  .wguo .uo-redaktion .uo-kurz a > img,.wguo .uo-redaktion .uo-kurz .z-leer{width:46px;height:69px}
  .wguo .uo-redaktion .uo-kurz .sk{justify-self:end}
  .wguo .uo-redaktion .uo-kurz .sk img{width:28px;height:28px}
}
@media (max-width:700px){
  .wguo .uo-paar{grid-template-columns:minmax(0,1fr);gap:22px}
  .wguo .uo-genres{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .wguo .uo-genres a{padding:10px 12px}
  .wguo .uo-genres span{display:none}
  .wguo .uo-genres em{margin-top:4px}
  .wguo .uo-zahlen{font-size:14px}
  .wguo .bk .bk-link{margin-left:50px;width:100%}
  /* Handy: Zeilen einzeilig mit Siegel rechts, damit Note und Siegel nicht über den Rand laufen */
  .wguo .liste a,.wguo .uo-kurz a,.wguo .uo-redaktion .uo-kurz a{grid-template-columns:46px minmax(0,1fr) auto;gap:10px}
  .wguo .liste .sk img,.wguo .uo-kurz .sk img{width:24px;height:24px}
  .wguo .liste .sk b,.wguo .uo-kurz .sk b{font-size:15px}
  .wguo .liste .sk{gap:4px}
}