/* Oberfläche nach dem Vorbild von content-studio (Nutzerwunsch 2026-08-13: „unordentlich und unübersichtlich" → dort ist die Struktur klarer). Übernommen sind Farbtokens, Abstands-Skala, Nav-Leiste mit Untermenüs, Karten- und Reiter-Vokabular sowie die Textbreite. Alle Abstände kommen aus --space-1..5 (4/8/12/16/20px). Neue Regeln bitte daraus bedienen, statt Pixelwerte zu streuen. Nur EIN Farbschema (dunkel). Der frühere `prefers-color-scheme: light`-Block ist entfallen: er kippte nur --bg/--panel/--line/--fg, während Kacheln, Zitatstriche und Abzeichen auf dunklem Grund gerechnet waren — hell sah das ausgewaschen aus. Ein zweites Schema will gepflegt werden; solange es niemand braucht, ist eins richtig. Deploy-Hinweis: Vorlagen lädt Jinja neu, DIESE Datei nicht — Änderungen hier brauchen `systemctl restart newapp` bzw. einen harten Reload im Browser. */ :root { --bg: #101216; --panel: #1a1e26; --border: #2a3040; --text: #e8ebf2; --muted: #8b93a7; --accent: #5b8cff; --danger: #e05555; --ok: #43b97f; --warn: #f5a524; --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px; /* Ebenen-Skala. Alle z-index-Werte der App stehen HIER und nirgends sonst — verstreute Zahlen waren die Ursache dafür, dass die Nav-Untermenüs von der Reiterzeile verdeckt wurden (beide lagen auf 50, bei Gleichstand gewinnt das spätere Element im Dokument). Zwischen den Stufen liegen 100er-Schritte, damit später etwas dazwischen passt, ohne die Skala neu zu nummerieren. Seiteninhalt bekommt GAR KEINEN z-index: was keinen hat, kann die Leiste nicht überholen. */ --z-inhalt: auto; /* alles in
— bitte so lassen */ --z-leiste: 1000; /* die obere Navigationsleiste samt Untermenüs */ --z-untermenu: 10; /* innerhalb der Leiste; global zählt --z-leiste */ --z-hintergrund: 1100; /* abdunkelnder Grund der Handy-Schublade */ --z-schublade: 1200; /* die Schublade selbst, über allem */ } /* Altnamen der ersten Fassung — Vorlagen und Formulare benutzen sie noch. Als Alias statt als Suchen-und-Ersetzen: so bleibt eine übersehene Stelle sichtbar korrekt, statt auf eine undefinierte Variable zu fallen. */ :root { --line: var(--border); --fg: var(--text); } * { box-sizing: border-box; } body { margin: 0; background: var(--bg); color: var(--text); font: 15px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; } a { color: var(--accent); text-decoration: none; } a:hover { text-decoration: underline; } code { background: var(--panel); padding: 1px 5px; border-radius: 4px; font-size: .9em; color: var(--muted); } /* ── Navigation ───────────────────────────────────────────────────────────── Flache Leiste mit Untermenüs beim Überfahren. Die Untermenüs führen direkt auf die Reiter der Zielseite (?tab=…), damit man nicht erst die Seite öffnen und dann noch einmal klicken muss. WICHTIG — die Leiste wird über die KLASSE .topbar angesprochen, nicht über den Elementselektor `nav`. Die Reiterzeilen auf Bewertungen, Jobs und Einrichtung sind ebenfalls