/* ============================================================
   ENSEMBLE MARSCHNERSTRASSE — Überschreibungen
   Wird NACH theater.css eingebunden. Nur das, was sich vom
   Haus unterscheidet: der Akzent ist Grün statt Gelb.
   Alle Bausteine ziehen über die Tokens automatisch mit.
   ============================================================ */
:root {
  --signal:         #3DB54A;   /* Signalgrün: der eine Akzent      */
  --signal-bright:  #5FD06B;   /* Mouseover auf dunklem Grund      */
  --signal-deep:    #2E8F3B;   /* gedrückt; Grün auf hellem Grund  */
  --signal-wash:    rgba(61,181,74,0.16);
  --accent-ink:     #0B0B0C;   /* Textfarbe AUF Grün               */
}

/* ---- Marke im Seitenkopf und in der Fußzeile: zweizeilig, Unterzeile grün ---- */
.hdr__brand .wm small { display: block; font-size: 9px; letter-spacing: .26em; color: var(--signal);
  font-weight: 600; margin-top: 3px; }
.ftr__brand .nm small { display: block; color: var(--signal); font-size: 11px; letter-spacing: .22em; margin-top: 5px; }

/* ---- Unterseiten: Inhaltsbereich unter dem Seitenkopf ---- */
.content { flex: 1 0 auto; padding: 72px 0 96px; }
@media (max-width: 760px) { .content { padding: 48px 0 64px; } }

/* ---- Karten: Ergänzungen für den Spielplan ---- */
.card__media { aspect-ratio: 1 / 1.414; }
.card__media .ph { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }
.card__media .ph::before { content: ""; position: absolute; inset: 0;
  background-image: repeating-linear-gradient(135deg, var(--signal-wash) 0 2px, transparent 2px 11px); }
.card__media .ph .mk { width: 34%; color: var(--signal); opacity: .5; position: relative; }
.card__ens { position: absolute; left: 0; bottom: 0; background: var(--signal); color: var(--accent-ink);
  font-family: var(--font-head); font-weight: 600; font-size: 11px; letter-spacing: .16em; text-transform: uppercase;
  padding: 6px 10px 5px; }
.card__times { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.card__times .chip { font-size: 11px; padding: 4px 8px 3px; }