/* =====================================================================
   TICKER-BANNER (Announcement-Bar) – endloser Marquee, ganz oben auf jeder Seite
   Nahtlos: Der Inhalt steht zweimal im Track, der Track läuft um genau -50 %.
   ===================================================================== */
.ticker {
  --gold: #C5A059;
  --gold-light: #D4B26F;
  --ticker-h: 40px;
  position: sticky; top: 0; z-index: 70;     /* bleibt beim Scrollen oben stehen */
  display: block; width: 100%; height: var(--ticker-h); overflow: hidden;
  background: linear-gradient(90deg, #0b0908 0%, #1a1511 50%, #0b0908 100%);
  border-bottom: 1px solid rgba(197, 160, 89, 0.3);
  color: #e4e4e7;
  text-decoration: none;
  font: 500 0.75rem/1 "Inter", sans-serif;
  letter-spacing: 0.08em; text-transform: uppercase;
}
.ticker, .ticker *, .ticker *::before, .ticker *::after { box-sizing: border-box; }
.ticker:hover, .ticker:focus-visible { color: #fff; }
.ticker:focus-visible { outline: 2px solid var(--gold-light); outline-offset: -3px; }

.ticker-track {
  display: flex; width: max-content;
  animation: ticker-marquee 70s linear infinite;
  will-change: transform;
}
.ticker:hover .ticker-track, .ticker:focus-visible .ticker-track { animation-play-state: paused; }

.ticker-group { display: flex; flex: none; align-items: center; }
.ticker-group { height: var(--ticker-h); }
.ticker-item { display: inline-flex; align-items: center; flex: none; gap: 14px; white-space: nowrap; }

.ticker-badge {
  padding: 4px 9px; border-radius: 999px;
  background: var(--gold); color: #0f0d0c;
  font-weight: 800; font-size: 0.66rem; letter-spacing: 0.12em;
}
.ticker-item strong { color: var(--gold-light); font-weight: 700; }
.ticker-cta { color: var(--gold); font-weight: 700; border-bottom: 1px solid rgba(197,160,89,0.5); padding-bottom: 1px; transition: color 0.25s ease, border-color 0.25s ease; }
.ticker:hover .ticker-cta { color: var(--gold-light); border-color: var(--gold-light); }
.ticker-sep { flex: none; padding: 0 28px; color: var(--gold); font-size: 0.8rem; }

@keyframes ticker-marquee {
  from { transform: translate3d(0, 0, 0); }
  to   { transform: translate3d(-50%, 0, 0); }
}

/* Bewegung reduziert: kein Lauftext, nur eine ruhige, zentrierte Zeile */
@media (prefers-reduced-motion: reduce) {
  .ticker-track { animation: none; width: 100%; justify-content: center; }
  .ticker-group[aria-hidden="true"] { display: none; }
  .ticker-group .ticker-item:not(:first-child), .ticker-group .ticker-sep { display: none; }
  .ticker-item { white-space: nowrap; justify-content: center; }
}
@media (max-width: 600px) { .ticker { font-size: 0.7rem; } .ticker-sep { padding: 0 20px; } }

/* Sticky-Header rutscht unter den Ticker; Anker-Sprünge berücksichtigen beide Leisten */
.site-header { top: 40px; }
html { scroll-padding-top: 130px; }
@media (max-width: 600px) { .ticker { --ticker-h: 38px; } .site-header { top: 38px; } }