/* ====================================================================
   LIVE-SPIELSTAND: Band oben auf jeder Seite und Markierung im Spielplan
   ==================================================================== */
.liveband { display: block; background: var(--white); color: var(--ink); font-family: var(--font-mono); font-size: 0.78rem; letter-spacing: 0.08em; box-shadow: 0 1px 0 rgba(0,0,0,0.2); }
.liveband[hidden] { display: none; }
.liveband__inner { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 16px; height: 48px; }
.liveband__state { display: inline-flex; align-items: center; gap: 9px; font-weight: 600; text-transform: uppercase; justify-self: start; }
.liveband__match { display: inline-flex; align-items: center; gap: 14px; font-family: var(--font-body); font-size: 0.95rem; letter-spacing: 0; font-weight: 700; white-space: nowrap; }
.liveband__team { max-width: 30vw; overflow: hidden; text-overflow: ellipsis; }
.liveband__team--home { text-align: right; }
.liveband__score { background: var(--ink); color: var(--white); font-size: 1.25rem; line-height: 1; padding: 5px 12px 4px; border-radius: 3px; letter-spacing: 0.04em; }
.liveband__link { justify-self: end; text-transform: uppercase; font-weight: 600; }
.liveband:hover .liveband__link { text-decoration: underline; text-underline-offset: 3px; }
.liveband--ft .live-dot { display: none; }

/* Inhalte rutschen um die Höhe des Bands nach unten, damit nichts überlappt */
.has-liveband .hero { padding-top: 168px; }
.has-liveband .page-hero { padding-top: 198px; }
.has-liveband .legal { padding-top: 188px; }
.has-liveband .profile { padding-top: 148px; }
@media (max-width: 1024px) { .has-liveband .hero { padding-top: 158px; } }
@media (max-width: 760px) {
  .liveband__inner { grid-template-columns: auto 1fr; height: 44px; gap: 12px; }
  .liveband__link { display: none; }
  .liveband__match { justify-self: end; font-size: 0.85rem; gap: 9px; }
  .liveband__team { max-width: 28vw; }
  .liveband__score { font-size: 1.1rem; padding: 4px 9px 3px; }
}

.game-row--live .game-row__score { color: var(--red); }
.game-row__live { display: inline-flex; align-items: center; gap: 6px; font-family: var(--font-mono); font-size: 0.72rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--red); }
.has-liveband .section[style*="padding-top: 120px"] { padding-top: 168px !important; }   /* News-Beitrag */

/* Abgesagtes Spiel im Spielplan */
.game-row--cancelled .game-row__teams { opacity: .45; }
.game-row__off { font-weight: 700; text-transform: uppercase; letter-spacing: .06em; font-size: .72rem; border: 1px solid currentColor; padding: 2px 6px; border-radius: 3px; }

/* Live-Nachrichten auf der Spielseite */
.match-hero__push { margin-top: 10px; text-align: center; }
.match-hero__push-btn { font: inherit; font-size: 0.9rem; font-weight: 600; color: #fff; background: none; border: 1px solid rgba(255,255,255,.4); border-radius: 999px; padding: 8px 16px; cursor: pointer; }
.match-hero__push-btn:hover { border-color: #fff; }
.match-hero__push-btn[aria-pressed="true"] { background: #fff; color: #0B0B0C; border-color: #fff; }
.match-hero__push-btn:disabled { opacity: .5; cursor: default; }
.match-hero__push-btn:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.match-hero__push-hint { margin: 8px auto 0; max-width: 34ch; font-size: 0.8rem; line-height: 1.45; color: rgba(255,255,255,.7); }