diff --git a/assets/css/main.css b/assets/css/main.css
index 9b247374..04591275 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -1336,6 +1336,22 @@ header.site-header {
   .nav-dropdown::before { display: none; }
   .nav-group.open .nav-dropdown { display: flex; }
   .nav-cta { align-self: flex-start; margin: 1rem 0 .6rem; }
+
+  /* Bugfix 20.08.2026 (Nutzer-Report: "auf dem Handy passt nicht immer alles").
+     Per echter Mobil-Emulation (iPhone 15 Pro + Pixel 8, Screenshots) nachgestellt:
+     Die schwebenden Eck-Knöpfe (Musik unten rechts, Vorschau-Umschalter unten links
+     für Dogi/VanVan — siehe .music-widget/.vorschau-widget weiter unten) sind
+     absichtlich IMMER sichtbar (position:fixed, direkte <body>-Kinder, eigener
+     Stacking-Kontext, unabhängig vom Menü). Bei aufgeklapptem Mobil-Menü liegen sie
+     dadurch ÜBER den untersten Menüpunkten (Sprachschalter + "Bewerben"-Knopf) und
+     verdecken/blockieren sie sichtbar. :has() statt einer weiteren main.js-Änderung,
+     weil beide Widgets keinen gemeinsamen Elternknoten mit .nav-links haben (beide
+     hängen direkt unter <body>, .nav-links steckt im Header) — reiner CSS-Fix bleibt
+     an der Stelle, an der auch die restliche Menü-Overlay-Logik dieses Blocks steht. */
+  body:has(.nav-links.open) .music-widget,
+  body:has(.nav-links.open) .vorschau-widget {
+    display: none;
+  }
 }
 
 /* ---------- Buttons ----------