/* Erzeugt von werkzeuge/bauen.py. Logik des Belegfinders, ohne JavaScript: Die Auswahl ist das
   Sprungziel (#ki usw.); Darstellung in den Gestaltungsdateien. */
.belegfinder .belege li,
.belegfinder:has(.anker:target) .summe,
.belegfinder:not(:has(.anker:target)) .belege {
  display: none;
}

.anker {
  display: block;
  scroll-margin-top: 1rem;
}

.belege li {
  view-transition-name: match-element;
}

.belegfinder:has(#finanzen:target) li[data-fach~="finanzen"] {
  display: list-item;
}

.belegfinder:has(#finanzen:target) .gruppe:not(:has(li[data-fach~="finanzen"])) {
  display: none;
}

/* Gewähltes Fach: die Gestaltung liefert die Werte in --aktiv-* */
.belegfinder:has(#finanzen:target) .faecher a[data-fach="finanzen"] {
  color: var(--aktiv-farbe);
  border-color: var(--aktiv-rand);
  background: var(--aktiv-grund);
}

.belegfinder:has(#buchhaltung:target) li[data-fach~="buchhaltung"] {
  display: list-item;
}

.belegfinder:has(#buchhaltung:target) .gruppe:not(:has(li[data-fach~="buchhaltung"])) {
  display: none;
}

/* Gewähltes Fach: die Gestaltung liefert die Werte in --aktiv-* */
.belegfinder:has(#buchhaltung:target) .faecher a[data-fach="buchhaltung"] {
  color: var(--aktiv-farbe);
  border-color: var(--aktiv-rand);
  background: var(--aktiv-grund);
}

.belegfinder:has(#lohn:target) li[data-fach~="lohn"] {
  display: list-item;
}

.belegfinder:has(#lohn:target) .gruppe:not(:has(li[data-fach~="lohn"])) {
  display: none;
}

/* Gewähltes Fach: die Gestaltung liefert die Werte in --aktiv-* */
.belegfinder:has(#lohn:target) .faecher a[data-fach="lohn"] {
  color: var(--aktiv-farbe);
  border-color: var(--aktiv-rand);
  background: var(--aktiv-grund);
}

.belegfinder:has(#personal:target) li[data-fach~="personal"] {
  display: list-item;
}

.belegfinder:has(#personal:target) .gruppe:not(:has(li[data-fach~="personal"])) {
  display: none;
}

/* Gewähltes Fach: die Gestaltung liefert die Werte in --aktiv-* */
.belegfinder:has(#personal:target) .faecher a[data-fach="personal"] {
  color: var(--aktiv-farbe);
  border-color: var(--aktiv-rand);
  background: var(--aktiv-grund);
}

.belegfinder:has(#prozesse:target) li[data-fach~="prozesse"] {
  display: list-item;
}

.belegfinder:has(#prozesse:target) .gruppe:not(:has(li[data-fach~="prozesse"])) {
  display: none;
}

/* Gewähltes Fach: die Gestaltung liefert die Werte in --aktiv-* */
.belegfinder:has(#prozesse:target) .faecher a[data-fach="prozesse"] {
  color: var(--aktiv-farbe);
  border-color: var(--aktiv-rand);
  background: var(--aktiv-grund);
}

.belegfinder:has(#it:target) li[data-fach~="it"] {
  display: list-item;
}

.belegfinder:has(#it:target) .gruppe:not(:has(li[data-fach~="it"])) {
  display: none;
}

/* Gewähltes Fach: die Gestaltung liefert die Werte in --aktiv-* */
.belegfinder:has(#it:target) .faecher a[data-fach="it"] {
  color: var(--aktiv-farbe);
  border-color: var(--aktiv-rand);
  background: var(--aktiv-grund);
}

.belegfinder:has(#ki:target) li[data-fach~="ki"] {
  display: list-item;
}

.belegfinder:has(#ki:target) .gruppe:not(:has(li[data-fach~="ki"])) {
  display: none;
}

/* Gewähltes Fach: die Gestaltung liefert die Werte in --aktiv-* */
.belegfinder:has(#ki:target) .faecher a[data-fach="ki"] {
  color: var(--aktiv-farbe);
  border-color: var(--aktiv-rand);
  background: var(--aktiv-grund);
}