Testseite hinzugefügt

src/components/Header.astro

@@ -34,3 +34,24 @@ const currentPath = pathname.slice(1);
     </nav> -->
     </div>
 </header>
+
+<style>
+    @reference "../styles/global.css";
+    .main-header {
+        @apply sticky top-0 z-50 w-full bg-linear-to-b from-white/80 to-header-bg/80 backdrop-blur-md shadow-md;
+    }
+
+    /* Innere Zentrierung */
+    .header-container {
+        @apply container mx-auto flex h-16 items-center justify-between px-6;
+    }
+
+    /* Navigations-Links */
+    .nav-list {
+        @apply flex items-center gap-8;
+    }
+
+    .nav-item {
+        @apply text-sm font-medium text-nav-text transition-colors hover:text-nav-hover;
+    }
+</style>