Optimized navigation

app/config.json

@@ -147,49 +147,7 @@
                             "subitems": []
                             }
                     ]
-                },
+                },            
-                {
-                    "name": "Logbooks",
-                    "description": "My activity logs",
-                    "icon_class": "fa-solid fa-book",
-                    "href": null,
-                    "subitems": [
-                        {
-                        "name": "Skydiver",
-                        "description": "View my skydiving logs",
-                        "icon_class": "fa-solid fa-parachute-box",
-                        "href": "https://s.veen.world/skydiverlog",
-                        "subitems": []
-                        },
-                        {
-                        "name": "Skipper",
-                        "description": "See my sailing records",
-                        "icon_class": "fa-solid fa-sailboat",
-                        "href": "https://s.veen.world/meilenbuch",
-                        "subitems": []
-                        },
-                        {
-                        "name": "Diver",
-                        "description": "Check my diving logs",
-                        "icon_class": "fa-solid fa-fish",
-                        "href": "https://s.veen.world/diverlog",
-                        "subitems": []
-                        },
-                        {
-                        "name": "Pilot",
-                        "description": "Review my flight logs",
-                        "icon_class": "fa-solid fa-plane",
-                        "href": "https://s.veen.world/pilotlog",
-                        "subitems": []
-                        },
-                        {
-                        "name": "Nature",
-                        "description": "Explore my nature logs",
-                        "icon_class": "fa-solid fa-tree",
-                        "href": "https://s.veen.world/naturejournal"
-                        }
-                    ]
-                    },
                     {
                         "name": "Contact",
                         "description": "Get in touch",
@@ -450,6 +408,55 @@
             }
         ]
         },
+        {
+            "name": "Logbooks",
+            "description": "My activity logs",
+            "icon_class": "fa-solid fa-book",
+            "href": null,
+            "subitems": [
+                {
+                "name": "Skydiver",
+                "description": "View my skydiving logs",
+                "icon_class": "fa-solid fa-parachute-box",
+                "href": "https://s.veen.world/skydiverlog",
+                "subitems": []
+                },
+                {
+                "name": "Skipper",
+                "description": "See my sailing records",
+                "icon_class": "fa-solid fa-sailboat",
+                "href": "https://s.veen.world/meilenbuch",
+                "subitems": []
+                },
+                {
+                "name": "Diver",
+                "description": "Check my diving logs",
+                "icon_class": "fa-solid fa-fish",
+                "href": "https://s.veen.world/diverlog",
+                "subitems": []
+                },
+                {
+                "name": "Pilot",
+                "description": "Review my flight logs",
+                "icon_class": "fa-solid fa-plane",
+                "href": "https://s.veen.world/pilotlog",
+                "subitems": []
+                },
+                {
+                "name": "Nature",
+                "description": "Explore my nature logs",
+                "icon_class": "fa-solid fa-tree",
+                "href": "https://s.veen.world/naturejournal"
+                }
+            ]
+            },
+            {
+                "name": "Vita",
+                "description": "View my CV and professional background",
+                "icon_class": "fa-solid fa-file-lines",
+                "href": "https://s.veen.world/lebenslauf",
+                "subitems": []
+            },        
         {
             "name":"Imprint",
             "icon_class":"fa-solid fa-scale-balanced",

app/static/css/default.css

@@ -82,6 +82,15 @@ h3.footer-title{
   list-style: none;
 }
 
+.navbar, .card {
+  border-radius: 5px; /* Runde Ecken */
+  border: 1px solid #ccc; /* Optionale Rahmenfarbe */
+  padding: 10px; /* Optionaler Abstand innen */
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); /* Optionale Schatteneffekte */
+  color: #000000 !important;
+  background-color: #f9f9f9;
+}
+
 .navbar-nav {
   padding: 0;
   margin: 0;

app/templates/moduls/navigation.html.j2

@@ -32,10 +32,10 @@
     <!--
         <a class="navbar-brand" href="#">Navbar</a>
     -->    
-        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+        <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>
         </button>
-        <div class="collapse navbar-collapse" id="navbarNav">
+        <div class="collapse navbar-collapse" id="navbarNav{{menu_type}}">
             <ul class="navbar-nav {% if menu_type == 'header' %}ms-auto{% endif %}">
                 {% for item in navigation[menu_type] %}
                     {% if item.href %}