diff --git a/app/static/css/default.css b/app/static/css/default.css
index f6eedd6..9aca2d3 100644
--- a/app/static/css/default.css
+++ b/app/static/css/default.css
@@ -108,4 +108,3 @@ main {
     -10px 0 10px -10px rgba(0, 0, 0, 0.3); /* linker äußerer Schatten */
   overflow: visible;
 }
-
diff --git a/app/static/css/navigation.css b/app/static/css/navigation.css
index 2e6266b..08d5555 100644
--- a/app/static/css/navigation.css
+++ b/app/static/css/navigation.css
@@ -17,4 +17,14 @@
 /* Sicherstellen, dass der Übergang smooth ist */
 .dropdown-menu {
     transition: all 0.3s ease-in-out;
+}
+
+nav.navbar.menu-header {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+  }
+  
+nav.navbar.menu-footer {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
 }
\ No newline at end of file
diff --git a/app/templates/moduls/navigation.html.j2 b/app/templates/moduls/navigation.html.j2
index d4f6660..2c04820 100644
--- a/app/templates/moduls/navigation.html.j2
+++ b/app/templates/moduls/navigation.html.j2
@@ -35,7 +35,7 @@
 {% endmacro %}
 
 <!-- Navigation Bar -->
-<nav class="navbar navbar-expand-lg navbar-light bg-light">
+<nav class="navbar navbar-expand-lg navbar-light bg-light menu-{{menu_type}}">
     <div class="container-fluid">
         <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav{{menu_type}}" aria-controls="navbarNav{{menu_type}}" aria-expanded="false" aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>