/* Verzeichnis A bis Z (Paket R) */
.az-leiste {
  position: sticky;
  top: var(--kopf-gesamt, var(--kopf-h));
  z-index: 40;
  background: var(--verlauf-kopf);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-block: var(--linienstaerke) solid var(--rand);
}
.az-leiste-liste {
  position: relative;
  display: flex;
  gap: .15rem;
  margin: 0 auto;
  padding: .3rem var(--rand-seite);
  max-width: calc(var(--huelle) + 2 * var(--rand-seite));
  list-style: none;
  overflow-x: auto;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
  overscroll-behavior-x: contain;
}
.az-leiste-liste::-webkit-scrollbar { display: none; }
.az-leiste li { flex: none; scroll-snap-align: center; }
.az-leiste a, .az-leer {
  display: grid;
  place-items: center;
  min-width: var(--tipp);
  min-height: var(--tipp);
  padding: 0 .3rem;
  border-radius: var(--rad-m);
  font-family: var(--schrift-titel);
  font-size: 1.15rem;
  font-weight: 650;
  text-decoration: none;
}
.az-leiste a { color: var(--tinte); }
.az-leiste a:hover { background: var(--papier-2); }
.az-leiste a[aria-current="true"] { background: var(--akzent-fl); color: var(--auf-akzent); }
.az-leer { color: var(--tinte-2); font-weight: 400; }

.az-liste-huelle { padding-block: var(--r-5) var(--r-7); }
.az-gruppe { padding-top: var(--r-5); }
.az-gruppe { scroll-margin-top: calc(var(--kopf-gesamt, var(--kopf-h)) + var(--tipp) + .5rem); }
.az-buchstabe {
  display: flex;
  align-items: center;
  gap: var(--r-4);
  margin-bottom: var(--r-4);
  font-size: clamp(2.2rem, 1.6rem + 2.5vw, 3.2rem);
  color: var(--akzent);
}
.az-buchstabe::after { content: ""; flex: 1; border-top: 1px dotted var(--linie); }
.az-liste { display: grid; gap: var(--r-3); grid-template-columns: repeat(auto-fill, minmax(min(100%, 22rem), 1fr)); margin: 0; padding: 0; list-style: none; }
.az-eintrag {
  display: flex;
  flex-direction: column;
  gap: .35rem;
  height: 100%;
  padding: var(--r-3) var(--r-4);
  background: var(--karte);
  border: var(--linienstaerke) solid var(--rand);
  border-radius: var(--rad-m);
  color: var(--tinte);
  text-decoration: none;
}
.az-eintrag:hover { border-color: var(--linie); background: var(--karte-2); }
.az-titel { font-family: var(--schrift-titel); font-size: 1.2rem; font-weight: 650; line-height: 1.25; color: var(--akzent); text-decoration: underline; text-decoration-thickness: .06em; text-underline-offset: .18em; text-decoration-color: color-mix(in srgb, currentColor 40%, transparent); }
.az-eintrag:hover .az-titel { text-decoration-color: currentColor; }
.az-meta { display: flex; flex-wrap: wrap; gap: var(--r-2); }
.az-text { display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: var(--t-klein); line-height: 1.45; color: var(--tinte-2); }