/* Bau 52 (Bertram 22.10.2026): Schnellauswahl als Wegweiser.
   1) Eigener Knopf deutlich: hell in der Gruppenfarbe gefüllt, kräftiger Rand.
   2) Welle: erstes Ankommen von außen dreimal, Seitenwechsel und Scrollen je einmal (wegweiser52.js setzt .ww-welle). */

/* 1) Eigener Knopf */
:root body .sa-wege .sa-weg[aria-current],
:root body .az-wege .az-weg[aria-current]{
  background:color-mix(in srgb,var(--rand) 16%,#fff);
  border-color:var(--rand);
  box-shadow:0 0 0 2px var(--rand);
}
:root body .sa-wege .sa-weg[aria-current] span,
:root body .az-wege .az-weg[aria-current] span{font-weight:700}

/* 2) Welle */
@keyframes ww-welle{
  0%  {transform:translateY(0);box-shadow:0 0 0 0 rgba(148,192,126,0)}
  16% {transform:translateY(-4px);box-shadow:0 0 0 2px #94C07E,0 8px 20px -6px rgba(87,115,76,.55)}
  40% {transform:translateY(0);box-shadow:0 0 0 0 rgba(148,192,126,0)}
  100%{transform:translateY(0);box-shadow:0 0 0 0 rgba(148,192,126,0)}
}
.ww-welle .sa-weg,.ww-welle .az-weg,.ww-welle .m-weg{
  animation:ww-welle var(--ww-dauer,2.6s) cubic-bezier(.35,0,.25,1) var(--ww-anzahl,1) both;
}
.ww-welle li:nth-child(2) a{animation-delay:.22s}
.ww-welle li:nth-child(3) a{animation-delay:.44s}
.ww-welle li:nth-child(4) a{animation-delay:.66s}
/* der eigene Knopf behält während der Welle seinen Rand */
.ww-welle [aria-current]{animation-name:ww-welle-eigen}
@keyframes ww-welle-eigen{
  0%,40%,100%{transform:translateY(0)}
  16%{transform:translateY(-4px)}
}

/* Wer weniger Bewegung eingestellt hat: keine Bewegung, nur einmal ein ruhiger Rahmen */
@media (prefers-reduced-motion:reduce){
  .ww-welle .sa-weg,.ww-welle .az-weg,.ww-welle .m-weg{animation:none;box-shadow:0 0 0 2px #94C07E}
}

/* 3) Startseite Handy/Tablet: Schnellauswahl direkt unter die Überschrift, vor die Wundkarte (wie auf allen Unterseiten oben) */
@media (max-width:999px){
  .seite-start .m-raster{grid-template-areas:"kopf" "wege" "wund" "hinweis" "claim"}
}