/* Leiste der Webseite über der Online-Hilfe (nur auf davfla.de, produktion.py fügt sie ein; in der App gibt es sie nicht).
   Eigene Datei, weil die Hilfe per Content-Security-Policy keine Inline-Styles erlaubt. */
.web-leiste { --wl-bg: #ffffff; --wl-ink: #14203a; --wl-muted: #4f5d7a; --wl-line: #d3e1f5; --wl-accent: #1d6fe0; --wl-soft: #dcebff;
  background: var(--wl-bg); border-bottom: 1px solid var(--wl-line); font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
  padding-top: env(safe-area-inset-top, 0px); }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .web-leiste { --wl-bg: #151f35; --wl-ink: #e8eef9; --wl-muted: #9eabc6; --wl-line: #26344f; --wl-accent: #6aa8ff; --wl-soft: #1a2c4f; }
}
:root[data-theme="dark"] .web-leiste { --wl-bg: #151f35; --wl-ink: #e8eef9; --wl-muted: #9eabc6; --wl-line: #26344f; --wl-accent: #6aa8ff; --wl-soft: #1a2c4f; }
.wl-wrap { max-width: 1160px; margin: 0 auto; padding: 8px 16px; display: flex; align-items: center; gap: 8px 20px; }
.wl-brand { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 16px; color: var(--wl-ink); text-decoration: none; flex: none; }
.wl-brand img { width: 28px; height: 28px; border-radius: 7px; }
.wl-nav { display: flex; gap: 4px; margin-left: auto; flex-wrap: wrap; }
.wl-nav a { color: var(--wl-muted); text-decoration: none; font-size: 15px; font-weight: 600; padding: 6px 10px; border-radius: 8px; white-space: nowrap; }
.wl-nav a:hover { color: var(--wl-ink); background: var(--wl-soft); }
.wl-nav a[aria-current="page"] { color: var(--wl-accent); background: var(--wl-soft); }
/* Handy: Menü als wischbare Zeile unter dem Namen, wie auf den anderen Seiten */
@media (max-width: 720px) {
  .wl-wrap { flex-wrap: wrap; padding-block: 8px 6px; }
  .wl-nav { order: 3; width: 100%; margin-left: 0; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
  .wl-nav::-webkit-scrollbar { display: none; }
}