diff --git a/backend/static/css/layout.css b/backend/static/css/layout.css
index 2a6bd03..83c6223 100644
--- a/backend/static/css/layout.css
+++ b/backend/static/css/layout.css
@@ -265,16 +265,28 @@
   #sidebar { display: flex; }
 }
 
-/* Mobile Sidebar als Drawer — NACH den Base-Regeln, damit display:flex gewinnt */
+/* Mobile Sidebar als Drawer */
 @media (max-width: 767px) {
   #sidebar {
-    display:    flex;
-    z-index:    500;
-    transform:  translateX(-100%);
-    transition: transform 0.28s ease;
+    display:          flex !important; /* überschreibt display:none aus Base */
+    position:         fixed;
+    top:              0;
+    left:             0;
+    bottom:           0;
+    width:            var(--nav-sidebar-width);
+    z-index:          1000;            /* klar über Backdrop (999) */
+    transform:        translateX(-100%);
+    transition:       transform 0.28s ease;
+    will-change:      transform;
+    background:       var(--c-surface);
+    box-shadow:       none;
   }
   #sidebar.open {
-    transform: translateX(0);
+    transform:  translateX(0);
+    box-shadow: 4px 0 24px rgba(0,0,0,0.18);
+  }
+  .sidebar-backdrop {
+    z-index: 999; /* unter Sidebar, über Seiteninhalt */
   }
 }
 
diff --git a/backend/static/sw.js b/backend/static/sw.js
index bf5be06..becba5a 100644
--- a/backend/static/sw.js
+++ b/backend/static/sw.js
@@ -3,7 +3,7 @@
    Offline-Cache + Push Notifications
    ============================================================ */
 
-const CACHE_VERSION = 'by-v29';
+const CACHE_VERSION = 'by-v30';
 const CACHE_STATIC  = `${CACHE_VERSION}-static`;
 
 // Diese Dateien werden beim Install gecacht (App Shell)