Feat: Überarbeitet Navbar mit Logo-Integration, zentrierten Links und verbesserten Styles

assets/styles/app/nav.css

@@ -1,5 +1,5 @@
 nav div {
-    height: 64px;
+    min-height: 64px;
 }
 
 /* Glassmorphism nav — uses RGB channel var for rgba() composition */
@@ -28,4 +28,10 @@ nav div {
     font-family: var(--font-display), serif;
     letter-spacing: -.02em;
     font-size: 1rem;
+    text-decoration: none;
+}
+
+#nav-brand-logo {
+    height: 30px;
+    width: auto;
 }

templates/widgets/nav_bar.html.twig

@@ -2,16 +2,23 @@
      id="top-nav"
      aria-label="Hauptnavigation">
     <div class="container d-flex justify-content-between align-items-center">
-                        <span id="nav-site-name" class="fw-bold text-white">
-                            CTDRA
-                        </span>
 
-        <div class="d-none d-md-flex align-items-center gap-4">
+        {# Links: Logo + CTDRA (als Block zusammengefasst) #}
+        <a href="/" id="nav-site-name" class="d-flex align-items-center gap-2 text-decoration-none">
+            <img src="{{ asset('images/logo.png') }}"
+                 alt="CTDRA Logo"
+                 id="nav-brand-logo">
+            <span class="fw-bold text-white">CTDRA</span>
+        </a>
+
+        {# Mitte: Links zentriert mit mx-auto #}
+        <div class="d-none d-md-flex align-items-center gap-4 mx-auto">
             <a href="#" class="text-label-sm text-decoration-none nav-link-ds">News</a>
-            <a href="#" class="text-label-sm text-decoration-none nav-link-ds">Projects</a>
-            <a href="#" class="text-label-sm text-decoration-none nav-link-ds">About Me</a>
+            <a href="#" class="text-decoration-none nav-link-ds">Projects</a>
+            <a href="#" class="text-decoration-none nav-link-ds">About Me</a>
         </div>
 
+        {# Rechts: Platzhalter #}
         <div>&nbsp;</div>
     </div>
 </nav>