Barrierarm optimiert

components/Navbar/NavbarSubMenu.module.css

@@ -10,20 +10,28 @@
   max-height: 0;
   opacity: 1;
   overflow: hidden;
+  visibility: hidden;
   pointer-events: none;
   transform: translateY(-4px);
   transition:
     max-height 250ms ease,
     opacity 180ms ease,
-    transform 180ms ease;
+    transform 180ms ease,
+    visibility 0s linear 300ms;
   background-color: var(--nav-bg);
 }
 
 .nav-submenu.open {
   max-height: var(--submenu-h);
   opacity: 1;
+  visibility: visible;
   pointer-events: auto;
   transform: translateY(0);
+  transition:
+    max-height 250ms ease,
+    opacity 180ms ease,
+    transform 180ms ease,
+    visibility 0s linear 0s;
 }
 
 .nav-submenu-inner {
@@ -95,11 +103,8 @@
     box-shadow: 0 4px 6px -6px rgb(0 0 0 / 30%);
     opacity: 0;
     transform: translateY(-8px);
-    transition:
-      max-height 300ms,
-      opacity 300ms,
-      transform 300ms ease;
   }
+
   .nav-submenu-list li a:focus-visible {
     outline: 2px solid var(--nav-outline-color);
     outline-offset: 2px;