Implemented hover submenüs

app/static/js/submenus.js

@@ -0,0 +1,28 @@
+document.addEventListener('DOMContentLoaded', () => {
+    const dropdownSubmenus = document.querySelectorAll('.dropdown-submenu');
+
+    dropdownSubmenus.forEach(submenu => {
+        let timeout;
+
+        // Zeige das Submenü beim Hover
+        submenu.addEventListener('mouseenter', () => {
+            clearTimeout(timeout);
+            const menu = submenu.querySelector('.dropdown-menu');
+            if (menu) {
+                menu.style.display = 'block';
+                menu.style.opacity = '1';
+            }
+        });
+
+        // Verstecke das Submenü nach 0.5 Sekunden
+        submenu.addEventListener('mouseleave', () => {
+            const menu = submenu.querySelector('.dropdown-menu');
+            if (menu) {
+                timeout = setTimeout(() => {
+                    menu.style.display = 'none';
+                    menu.style.opacity = '0';
+                }, 500); // 0.5 Sekunden Verzögerung
+            }
+        });
+    });
+});