/* Overlays im Admin-Bereich und Partner-Login (seit 10.11.2026, admin-overlay.js); Farben nur als Variablen aus admin.css */
.a-werbung-art { margin: .2rem 0 1.2rem; }
.a-werbung-art button[aria-current="page"] { color: var(--text-hell); background: rgba(255,255,255,.08); border-color: var(--glut); }
#overlayInhalt { display: grid; gap: 1.2rem; }
.a-ov-zeitplan { display: grid; grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); gap: .8rem; align-items: end; max-width: 760px; }
.a-ov-zeitplan .a-knopfreihe { grid-column: 1 / -1; }
.a-ov-karten { list-style: none; margin: .6rem 0 1rem; padding: 0; display: grid; gap: .6rem; }
.a-ov-karten li { display: grid; grid-template-columns: 56px 1fr auto; gap: .9rem; align-items: center; padding: .6rem .8rem;
  border: 1px solid var(--rand); border-radius: 10px; }
.a-ov-karten li.a-ov-aus { opacity: .6; }
.a-ov-karten img, .a-ov-karten video { width: 56px; height: 56px; object-fit: contain; }
.a-ov-ohnelogo { font-size: .75rem; color: var(--text-leise, var(--text)); text-align: center; }
.a-ov-linkfeld { border: 1px solid var(--rand); border-radius: 10px; padding: .6rem .8rem; display: grid; gap: .5rem; }
.a-ov-linkzeile { display: grid; grid-template-columns: 9rem 1fr; gap: .5rem; }
.a-ov-links { list-style: none; margin: .6rem 0; padding: 0; display: grid; gap: .5rem; }
.a-ov-links li { display: grid; grid-template-columns: minmax(12rem, 16rem) 1fr auto; gap: .8rem; align-items: center; }
.a-ov-links code { overflow-wrap: anywhere; font-size: .8rem; }
.a-ov-entwurf { border-left: 3px solid var(--glut); padding: .2rem 0 .2rem .9rem; margin: .8rem 0; }
.a-ov-fehler { color: var(--glut-hell, var(--text-hell)); }
.a-ov-vorschau { margin: .8rem 0; display: grid; gap: .6rem; }
/* Schachbrett hinter der durchsichtigen Overlay-Seite, damit man sieht, was im Stream liegt und was nicht */
.a-ov-buehne { position: relative; overflow: hidden; border-radius: 8px; border: 1px solid var(--rand);
  background: repeating-conic-gradient(rgba(255,255,255,.08) 0 25%, rgba(255,255,255,.02) 0 50%) 0 0 / 24px 24px; }
/* color-scheme wie die Overlay-Seite: Weicht es von der dunklen Admin-Seite ab, malt der Browser den Rahmen deckend weiß */
.a-ov-buehne iframe { position: absolute; left: 0; top: 0; border: 0; transform-origin: 0 0; background: transparent; color-scheme: normal; }
.a-ov-overlay > .a-knopfreihe, .a-ov-overlay > div > .a-knopfreihe, .a-ov-entwurf .a-knopfreihe { margin: .7rem 0; }
.a-ov-overlay > .a-klein { margin-top: .4rem; }
.a-ov-overlay details { margin: .6rem 0; }
.a-ov-anleitung { display: grid; gap: .5rem; padding-left: 1.2rem; }
.a-ov-dateien { display: grid; gap: .3rem; padding-left: 1.2rem; }
@media (max-width: 640px) {
  .a-ov-links li { grid-template-columns: 1fr; }
  .a-ov-karten li { grid-template-columns: 44px 1fr; }
  .a-ov-karten li .a-knopfreihe { grid-column: 1 / -1; }
}