style: schlicheres Design (flach statt Schatten, kleinerer Radius)

Nutzer-Vorgabe: Design in Richtung OpenFleet (schlicht) - Schatten auf none
gesetzt, Radius 12px->8px, ruhigere Palette. Da Schatten/Radius komplett über
CSS-Variablen liefen, genügt die Token-Änderung, kein Component-Code
angefasst.

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

DEVLOG.md

@@ -4205,3 +4205,19 @@ Keine Commits in dieser Session.
 - frontend/src/styles/global.css                    | 201 ++++++++++++++++++++++++++++++++++++++++++++++++--------------------
 
 ---
+## 2026-09-05 15:00 – 15:03 (2m)
+**Beschreibung:** Claude Code Session
+**Projekt:** asb-material
+
+### Commits
+- 985e80b style(mobile): responsiver Durchgang - Sidebar+Liste-Layouts brechen um
+
+### Geänderte Dateien
+- DEVLOG.md                                          | 16 ++++++++++++++++
+- frontend/src/pages/admin/MaterialSection.tsx       |  6 +++---
+- frontend/src/pages/admin/ObjektPositionenPanel.tsx |  9 +++------
+- frontend/src/pages/admin/ObjektSection.tsx         |  6 +++---
+- frontend/src/pages/admin/ZustaendigkeitSection.tsx |  6 +++---
+- frontend/src/styles/global.css                     | 71 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+---

frontend/src/styles/global.css

@@ -1,20 +1,19 @@
 :root {
-  /* Redesign 2026-09-05: kräftigeres Marken-Blau, wärmere Neutraltöne,
+  /* Redesign 2026-09-05, zweiter Durchgang: bewusst schlichter/flacher
-     größerer Radius/weichere Schatten für ein moderneres, weniger
+     (Nutzer-Vorgabe "schlichtes Webdesign wie OpenFleet") - Schatten fast
-     "Bootstrap-generisches" Erscheinungsbild. Alle bestehenden Klassennamen
+     weg, Radius kleiner, kein Hover-Glow mehr, Farben ruhiger. Alle
-     bleiben unverändert (jede Seite nutzt sie direkt) - nur die Werte
+     bestehenden Klassennamen bleiben unverändert. Mobile-Anpassungen aus
-     dahinter wurden überarbeitet. Mobile/responsive Feinschliff folgt in
+     dem vorigen Durchgang bleiben bestehen. */
-     einem eigenen Durchgang, hier zunächst Desktop-Optik. */
+  --color-bg: #f4f5f7;
-  --color-bg: #f1f3f6;
   --color-surface: #ffffff;
-  --color-surface-sunken: #f8f9fb;
+  --color-surface-sunken: #f8f9fa;
-  --color-border: #dde1e7;
+  --color-border: #e1e4e8;
-  --color-border-strong: #c7ccd4;
+  --color-border-strong: #c9ced4;
-  --color-text: #161b22;
+  --color-text: #1c2126;
-  --color-text-muted: #5b6472;
+  --color-text-muted: #64707a;
   --color-primary: #0a4d8c;
   --color-primary-hover: #073a6b;
-  --color-primary-soft: #e8f0fa;
+  --color-primary-soft: #eaf1fa;
   --color-danger: #b3261e;
   --color-danger-bg: #fbeaea;
   --color-warning: #9a6700;
@@ -22,11 +21,11 @@
   --color-success: #1e7a34;
   --color-success-bg: #e7f5ea;
   --color-muted-bg: #eef0f3;
-  --radius: 12px;
+  --radius: 8px;
-  --radius-sm: 8px;
+  --radius-sm: 6px;
-  --shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.06);
+  --shadow-sm: none;
-  --shadow: 0 2px 4px rgba(16, 24, 40, 0.06), 0 8px 20px rgba(16, 24, 40, 0.06);
+  --shadow: none;
-  --shadow-hover: 0 4px 10px rgba(16, 24, 40, 0.09), 0 12px 28px rgba(16, 24, 40, 0.09);
+  --shadow-hover: none;
   --font-sans: "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
 }