.leiste .hauptnav, .mitlauf .hauptnav { gap: 4px; }
.leiste .menue summary, .mitlauf .menue summary { min-height: 44px; }
@media (min-width: 821px) {
  .mitlauf .hauptnav { display: flex; }
  .mitlauf .mitlauf-kontakt { margin-left: 0; }
}
@media (max-width: 820px) {
  .leiste .hauptnav, .mitlauf .hauptnav { display: none; }
  .leiste .menue nav, .mitlauf .menue nav { display: grid; }
  .leiste .menue, .mitlauf .menue { margin-left: auto; }
  .leiste .kontakt, .mitlauf .mitlauf-kontakt { margin-left: 0; }
}
.still {
  display: inline-flex; align-items: center; min-height: 44px;
  color: inherit; text-decoration: underline; text-decoration-color: var(--akzent-strich);
  text-decoration-thickness: 2px; text-underline-offset: 5px;
  transition: color 160ms ease, text-underline-offset 160ms var(--raus);
}
@media (hover: hover) and (pointer: fine) {
  .still:hover { color: var(--akzent-text); text-underline-offset: 8px; }
}
.gesichter { list-style: none; margin: 6px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.gesichter img { display: block; width: 72px; height: 90px; object-fit: cover; border: 1px solid var(--linie); }
.abschnitt p.klein, .band p.klein { font-size: 0.9rem; }
.klein a { color: inherit; font-weight: 650; text-underline-offset: 4px; }
.wege { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(16px, 2vw, 28px); align-items: stretch; }
.weg-karte {
  display: grid; gap: 16px; align-content: start; justify-items: start;
  padding: clamp(24px, 3vw, 44px); background: var(--flaeche); border: 1px solid var(--linie);
}
.weg-karte .kontakt-zeile { margin-top: 8px; }
.weg-karte .adresse { display: inline-flex; align-items: center; min-height: 44px; font-size: clamp(1.35rem, 3vw, 2.5rem); }
.weg-karte-sandro {
  grid-template-columns: 96px minmax(0, 1fr); gap: clamp(16px, 2vw, 28px);
  background: linear-gradient(200deg, var(--gruen-zart) 0%, var(--flaeche) 64%);
}
.weg-karte-sandro img { display: block; width: 96px; height: 120px; object-fit: cover; border: 1px solid var(--linie); }
.weg-karte-sandro > div { display: grid; gap: 14px; justify-items: start; }
@media (max-width: 960px) {
  .wege { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 520px) {
  .weg-karte-sandro { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
  .still { transition: none; }
}
.gesichter img, .weg-karte-sandro img {
  background: linear-gradient(180deg, var(--violett-zart) 0%, var(--flaeche-hell) 88%);
  object-fit: cover; object-position: 50% 0;
}