diff --git a/app/static/v2/v2.css b/app/static/v2/v2.css
index 6e5ae07..d11f394 100644
--- a/app/static/v2/v2.css
+++ b/app/static/v2/v2.css
@@ -792,12 +792,28 @@ body.v2 ul.v2-manual ul li::before {
 
 /* ── Responsive: Mobile Drawer ──────────────────────────────────── */
 @media (max-width: 900px) {
-  .v2-shell {
+  /* Wichtig: Shell zwingen, 100 % Viewport zu nehmen — sonst wächst der
+     1fr-Track auf die natürliche Content-Breite (z.B. .v3-page max-width
+     880 px), weil im CSS-Grid 1fr ohne Constraint = max-content. Folge
+     auf 390 px Phone-Viewport: horizontaler Overflow von 200-580 px. */
+  body.v2 .v2-shell {
     grid-template-columns: 1fr;
     grid-template-areas:
       "topbar"
       "main"
       "footer";
+    width: 100%;
+    max-width: 100vw;
+    min-width: 0;
+  }
+  body.v2 .v2-main {
+    min-width: 0;
+    max-width: 100%;
+    padding: 16px 12px;
+  }
+  body.v2 .v2-topbar,
+  body.v2 .v2-footer {
+    max-width: 100%;
   }
 
   .v2-sidebar {