/* ==========================================================================
   vorlesen.css
   Ausschließlich für die sichtbare Hervorhebung der Vorlesefunktion.
   Diese Datei möglichst NACH index_style.css laden.
   ========================================================================== */

.vorlesen-aktiv {
  background: #ffeb3b !important;
  background-color: #ffeb3b !important;
  outline: 4px solid #000000 !important;
  outline-offset: 3px !important;
  border-radius: 8px !important;
  box-shadow: 0 0 0 3px rgba(255, 235, 59, 0.35) !important;
}

/* Innere weiße Hintergründe dürfen das Gelb nicht verdecken. */
.vorlesen-aktiv * {
  background-color: transparent !important;
}

/* Text/Links im markierten Notfallbereich gut lesbar halten. */
#notruf-gruppe.vorlesen-aktiv,
#bereitschaft-gruppe.vorlesen-aktiv {
  background: #ffeb3b !important;
  background-color: #ffeb3b !important;
  padding: 8px 10px !important;
}

#notruf-gruppe.vorlesen-aktiv a,
#bereitschaft-gruppe.vorlesen-aktiv a {
  color: #000 !important;
  text-decoration: underline !important;
}

/* Nutzer, die reduzierte Bewegung wünschen, bekommen kein Smooth-Scroll. */
@media (prefers-reduced-motion: reduce) {
  .vorlesen-aktiv {
    scroll-behavior: auto;
  }
}