Komplett neues Frontend-Design: Vintage-Reiseplakat statt Solari-Glas

Die letzten Politur-Runden waren dem Nutzer zu ähnlich zur alten
dunklen Glas-Optik ("beeindruckt mich jetzt nicht... muss keine
verwandschaft haben"). Statt weiterer Feinjustierung daher ein
komplett neues Theme ohne visuelle Verwandtschaft zum Vorgänger:

- Helles, cremefarbenes Papier statt dunklem "Bahnsteig bei Nacht"
  (--bg-void/--panel/--ink im Root komplett invertiert)
- Kräftiger Terrakotta-Akzent (#C1440E) statt hellem Signal-Amber -
  gleichzeitig kontraststärker als Fließtext auf hellem Grund
- Dicke 2px-Konturen (--border-w) statt dünner 1px-Linien
- Scharfe 2-4px-Radien statt runder 13-22px-Ecken; Pillen (999px)
  wurden zu rechteckigen Stempeln/Badges
- Harte, unscharfe Versatzschatten (z.B. 5px 5px 0 var(--line))
  statt weicher, geblurrter Schatten
- Kein backdrop-filter/Glassmorphismus mehr (Header, Toasts, mobile
  Navigationsleiste sind jetzt opake, flache Flächen) - passt zum
  bewusst plakativen, flachen Poster-Look
- Alle hartcodierten rgba()-Tints der alten Akzentfarben (Amber/Rot/
  Grün/Blau) auf die neuen, dunkleren (kontraststärkeren) Töne
  umgerechnet, damit kein Bruch zwischen Token- und Literal-Farben
  entsteht
- Feines Punktraster als Hintergrundtextur statt weicher Farbschein-
  Gradienten
- theme-color/manifest.json auf die neue helle Fläche abgestimmt

Named angelehnt an Bauhaus-Fahrplantafeln/Vintage-Reiseplakate -
passt inhaltlich zu einer Berlin-Verkehrs-App, ohne die bisherige
"Solari-Anzeigetafel"-Bildsprache fortzusetzen.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01De7H8hR1Q9DdgyuS2ukN6y

index.html

@@ -6,9 +6,9 @@
   <title>ÖPNV Navi – Live-Abfahrten für Berlin &amp; Brandenburg</title>
   <meta name="description" content="Live-Abfahrten, Live-Karte und Routenplaner für den VBB-Verbund." />
   <meta name="apple-mobile-web-app-capable" content="yes" />
-  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+  <meta name="apple-mobile-web-app-status-bar-style" content="default" />
   <meta name="apple-mobile-web-app-title" content="ÖPNV Navi" />
-  <meta name="theme-color" content="#0C1116" />
+  <meta name="theme-color" content="#F2ECDC" />
   <link rel="manifest" href="manifest.json" />
   <link rel="icon" href="icons/favicon.ico" sizes="any" />
   <link rel="icon" type="image/png" sizes="32x32" href="icons/favicon-32.png" />

manifest.json

@@ -6,8 +6,8 @@
   "scope": ".",
   "display": "standalone",
   "orientation": "portrait-primary",
-  "background_color": "#0C1116",
-  "theme_color": "#0C1116",
+  "background_color": "#F2ECDC",
+  "theme_color": "#F2ECDC",
   "lang": "de",
   "icons": [
     { "src": "icons/icon-192.png", "sizes": "192x192", "type": "image/png", "purpose": "any" },