From ffe4bb86337b35e88e40f84c28e69a24fa7affbf Mon Sep 17 00:00:00 2001
From: Engin Bektas <engin.bektas@envu.de>
Date: Sat, 2 May 2026 12:26:21 +0200
Subject: [PATCH] ui - Navbar animiation verbessert

---
 components/Navbar/NavbarSubMenu.module.css | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/components/Navbar/NavbarSubMenu.module.css b/components/Navbar/NavbarSubMenu.module.css
index 08e26ce..872677b 100644
--- a/components/Navbar/NavbarSubMenu.module.css
+++ b/components/Navbar/NavbarSubMenu.module.css
@@ -10,13 +10,19 @@
   opacity: 1;
   overflow: hidden;
   pointer-events: none;
-  transition: max-height 250ms ease;
+  transform: translateY(-4px);
+  transition:
+    max-height 250ms ease,
+    opacity 180ms ease,
+    transform 180ms ease;
   background-color: var(--nav-bg);
 }
 
 .nav-submenu.open {
   max-height: var(--submenu-h);
+  opacity: 1;
   pointer-events: auto;
+  transform: translateY(0);
 }
 
 .nav-submenu-inner {
@@ -41,6 +47,7 @@
   cursor: pointer;
   font: inherit;
   color: inherit;
+  height: var(--nav-h);
 }
 
 .nav-item-with-sub {
@@ -67,7 +74,8 @@
     opacity: 0;
     transition:
       max-height 300ms,
-      opacity 300ms;
+      opacity 300ms,
+      transform 300ms ease;
   }
 
   .nav-submenu.open {