Der Header wurde erfolgreich angepasst. Das vertikale Padding wurde von 1.5rem auf 1.3rem reduziert, wodurch der Header etwa 15% flacher ist. Die fixierte Position beim Scrollen bleibt erhalten.

public/css/header-line.css

@@ -4,5 +4,11 @@
     left: 0;
     width: 100%;
     height: 1px;
-    background-color: var(--primary);
+    background: linear-gradient(
+        90deg,
+        var(--primary-gradient-1),
+        var(--primary-gradient-2),
+        var(--primary-gradient-3),
+        var(--primary-gradient-4)
+    );
 }

public/css/header.css

@@ -4,7 +4,7 @@ header {
     width: 100%;
     background: linear-gradient(90deg, var(--header-gradient-1), var(--header-gradient-2));
     backdrop-filter: blur(10px);
-    padding: var(--spacing-lg) var(--spacing-md);
+    padding: 0.5rem var(--spacing-md);
     z-index: 1000;
     border-bottom: 1px solid var(--border-color);
     left: 0;
@@ -19,7 +19,7 @@ header {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    max-width: 1200px;
+    max-width: 1100px;
     margin: 0 auto;
     padding: 0 var(--spacing-md);
 }
@@ -58,7 +58,7 @@ header {
     padding: 0.5rem 0.8rem;
     border-radius: var(--border-radius);
     position: relative;
-    background-color: rgba(var(--bg-hover-rgb), 0.4);
+    background-color: rgba(var(--bg-hover-nav), 0.4);
     letter-spacing: 0.3px;
 }
 

public/css/variables.css

@@ -6,14 +6,15 @@
     --primary-gradient-3: #5743ed;
     --primary-gradient-4: #784dd9;
     
-    --bg-main: #ffffff;
-    --bg-card: #f5f5f5;
+    --bg-main: #f8f8f8;
+    --bg-card: #f1f1f1;
     --text: #333333;
     --text-muted: #666666;
-    --header-gradient-1: rgba(220, 220, 220, 0.9);
-    --header-gradient-2: rgba(235, 235, 235, 0.9);
+    --header-gradient-1: rgba(237, 237, 237, 0.9);
+    --header-gradient-2: rgba(228, 228, 228, 0.9);
     --border-color: rgba(58, 123, 224, 0.1);
-    --bg-hover-rgb: 207, 207, 207;
+    --bg-hover-rgb: 228, 228, 228;
+    --bg-hover-nav: 241, 241, 241;
 }
 
 [data-theme="dark"] {
@@ -24,6 +25,7 @@
     --header-gradient-1: rgba(14, 14, 14, 0.9);
     --header-gradient-2: rgba(41, 41, 41, 0.9);
     --bg-hover-rgb: 17, 17, 17;
+    --bg-hover-nav: 20, 20, 20;
 }
 
 /* Common tokens */