style(mobile): responsiver Durchgang - Sidebar+Liste-Layouts brechen um

4 Admin-Sektionen (ObjektSection, MaterialSection, ZustaendigkeitSection,
ObjektPositionenPanel) hatten identisches fest-20rem/12rem-Sidebar-neben-
Liste-Layout ohne Umbruch - auf Mobile lagen beide Spalten nebeneinander
breiter als der Bildschirm. Neue global.css-Klassen .split-layout/
-sidebar/-sidebar-sm/-content lösen das inline-Style-Duplikat auf und
klappen unter 768px automatisch auf eine Spalte.

Zusätzlich: .page-wide/.topbar/.card-grid/.row bekommen eigene 768px-
Anpassungen (kleinere Paddings/Schrift, Kacheln volle Breite, automatischer
Zeilenumbruch). Tabellen (Historie/Lagerbewegungen) waren schon per
overflow-x:auto abgesichert, keine Änderung nötig dort.

Mitarbeiter-Mobilflow (ObjektListPage/KontrollPage, 640px-Spalte) unverändert
- war laut Nutzer-Feedback bereits gut.

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

frontend/src/styles/global.css

@@ -461,3 +461,74 @@ select.input:focus {
   margin: 0.2rem 0 0.4rem;
   line-height: 1;
 }
+
+/* -- Responsive: mobile Durchgang 2026-09-05 -----------------------------
+   Formular-Sidebar + Liste (Objekte/Material/Zuständigkeit/Positionen)
+   nutzten bisher fixe 20rem-Breite nebeneinander - bricht auf Mobile, da
+   beide Spalten dann zusammen breiter als der Bildschirm sind. */
+
+.split-layout {
+  display: flex;
+  align-items: flex-start;
+  gap: 1.25rem;
+}
+
+.split-layout-sidebar {
+  flex: 0 0 20rem;
+  width: 20rem;
+  box-sizing: border-box;
+}
+
+.split-layout-sidebar-sm {
+  flex: 0 0 12rem;
+  width: 12rem;
+  box-sizing: border-box;
+  padding: 0.5rem;
+}
+
+.split-layout-content {
+  flex: 1 1 0%;
+  min-width: 0;
+}
+
+@media (max-width: 768px) {
+  .split-layout {
+    flex-direction: column;
+  }
+
+  .split-layout-sidebar,
+  .split-layout-sidebar-sm {
+    width: 100%;
+    flex: 1 1 auto;
+  }
+
+  .page-wide {
+    padding: 1.25rem 1rem 2rem;
+  }
+
+  .topbar {
+    padding: 0.6rem 0.9rem;
+    flex-wrap: wrap;
+  }
+
+  .topbar-nav {
+    gap: 0.15rem;
+  }
+
+  .topbar-nav a {
+    padding: 0.4rem 0.6rem;
+    font-size: 0.85rem;
+  }
+
+  h1 {
+    font-size: 1.35rem;
+  }
+
+  .card-grid > .card {
+    flex: 1 1 100%;
+  }
+
+  .row {
+    flex-wrap: wrap;
+  }
+}