Datenschutz und Impressum hinzugefügt

src/components/Header.astro

@@ -0,0 +1,36 @@
+---
+// src/components/Header.astro
+import Logo from './Logo.astro';
+
+// Optional: Logik um den aktiven Link zu erkennen
+const pathname = new URL(Astro.request.url).pathname;
+const currentPath = pathname.slice(1); 
+---
+
+<header class="main-header">
+  <div class="header-container">
+    <a href="/" class="group flex items-center gap-2">
+      <Logo class="h-6 w-auto transition-colors" />
+    </a>
+<!-- 
+    <nav>
+      <ul class="nav-list">
+        <li>
+          <a href="/projekte" class={`nav-item ${currentPath === 'projekte' ? 'nav-item-active' : ''}`}>
+            Projekte
+          </a>
+        </li>
+        <li>
+          <a href="/engineering" class={`nav-item ${currentPath === 'engineering' ? 'nav-item-active' : ''}`}>
+            Engineering
+          </a>
+        </li>
+        <li>
+          <a href="/kontakt" class={`nav-item ${currentPath === 'kontakt' ? 'nav-item-active' : ''}`}>
+            Kontakt
+          </a>
+        </li>
+      </ul>
+    </nav> -->
+  </div>
+</header>