diff --git a/public/assets/css/layout.css b/public/assets/css/layout.css
index 4726d95..5bed31d 100644
--- a/public/assets/css/layout.css
+++ b/public/assets/css/layout.css
@@ -152,7 +152,9 @@
     transform: rotate(180deg);
 }
 
-.site-nav__submenu {
+/* Höhere Spezifität (0,2,0) nötig, damit das Panel-Padding den globalen
+   reset.css-Selektor `ul[class] { padding: 0 }` (0,1,1) schlägt. */
+.site-nav__list .site-nav__submenu {
     position: absolute;
     top: calc(100% + 0.4rem);
     left: 50%;
@@ -163,8 +165,8 @@
     gap: 0.2rem;
     min-width: 15rem;
     margin: 0;
-    /* Mehr Luft links/rechts, damit die abgerundeten Hover-Pillen klar rauskommen. */
-    padding: 0.55rem 0.85rem;
+    /* Gleichmäßiges Padding rundum — Pillen stehen oben/unten/seitlich gleich dezent frei. */
+    padding: 0.55rem;
     list-style: none;
     /* Glasiges, leicht transluzentes Panel mit Tiefe über der Hintergrund-Textur. */
     background: rgb(20 20 20 / 0.96);
@@ -179,7 +181,7 @@
 }
 
 @supports (backdrop-filter: blur(1px)) {
-    .site-nav__submenu {
+    .site-nav__list .site-nav__submenu {
         background: rgb(20 20 20 / 0.82);
         backdrop-filter: blur(14px) saturate(1.4);
     }
@@ -342,8 +344,9 @@
         justify-content: center;
     }
 
-    /* Im Overlay inline einklappen — display statt visibility, sonst bliebe Platz reserviert. */
-    .site-nav__submenu {
+    /* Im Overlay inline einklappen — display statt visibility, sonst bliebe Platz reserviert.
+       Spezifität (0,2,0) gleich der Desktop-Regel; gewinnt hier per Quell-Reihenfolge. */
+    .site-nav__list .site-nav__submenu {
         position: static;
         transform: none;
         display: none;