favicon + new header

src/assets/logo.svg

@@ -1,54 +1,19 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">
-  <!-- Definitionen für Gradienten und Stile -->
-  <defs>
-    <!-- Hauptpfeil-Gradient - Intensivere Farben -->
-    <linearGradient id="arrowGradient" x1="0%" y1="0%" x2="0%" y2="100%">
-      <stop offset="0%" style="stop-color:#0066FF"/>
-      <stop offset="50%" style="stop-color:#7B00FF"/>
-      <stop offset="100%" style="stop-color:#00FFB3"/>
-    </linearGradient>
-    
-    <!-- Kreisgradienten - Intensivere Farben -->
-    <linearGradient id="circle1Gradient" x1="0%" y1="0%" x2="100%" y2="100%">
-      <stop offset="0%" style="stop-color:#FF0000"/>
-      <stop offset="100%" style="stop-color:#FFD700"/>
-    </linearGradient>
-    
-    <linearGradient id="circle2Gradient" x1="100%" y1="0%" x2="0%" y2="100%">
-      <stop offset="0%" style="stop-color:#00FFE0"/>
-      <stop offset="100%" style="stop-color:#1E3DEE"/>
-    </linearGradient>
-    
-    <linearGradient id="circle3Gradient" x1="0%" y1="100%" x2="100%" y2="0%">
-      <stop offset="0%" style="stop-color:#FF6B00"/>
-      <stop offset="100%" style="stop-color:#FF0000"/>
-    </linearGradient>
-  </defs>
-
-  <!-- Hintergrund - Dunklerer Hintergrund für mehr Kontrast -->
-  <rect width="40" height="40" fill="#000000"/>
+  <!-- Hintergrund -->
+  <rect width="40" height="40" fill="#ffffff"/>
   
-  <!-- Äußerer Kreis - Dickere Linien -->
-  <circle cx="20" cy="20" r="16" 
-          stroke="url(#circle1Gradient)" 
-          stroke-width="2"
-          stroke-dasharray="4,2"
-          fill="none"/>
+  <!-- Basis H - Rot -->
+  <path d="M6 4 H14 V16 H26 V4 H34 V36 H26 V24 H14 V36 H6 Z" fill="#FF4F4F"/>
   
-  <!-- Mittlerer Kreis -->
-  <circle cx="20" cy="20" r="12" 
-          stroke="url(#circle2Gradient)" 
-          stroke-width="1.75"
-          stroke-dasharray="3,1.5"
-          fill="none"/>
+  <!-- Grünes Element -->
+  <path d="M6 4 H14 V16 H26 V4 H34 V20 H6 Z" fill="#2ECC40"/>
   
-  <!-- Innerer Kreis -->
-  <circle cx="20" cy="20" r="8" 
-          stroke="url(#circle3Gradient)" 
-          stroke-width="1.5" 
-          fill="none"/>
+  <!-- Gelber Bereich -->
+  <path d="M10 8 H16 V16 H24 V8 H30 V32 H24 V24 H16 V32 H10 Z" fill="#FFBE00"/>
   
-  <!-- Kleinerer dynamischer Pfeil im innersten Kreis -->
-  <path d="M20,14 L18,26 L22,26 Z" 
-        fill="url(#arrowGradient)"/>
+  <!-- Jadegrüner Bereich -->
+  <path d="M12 12 H18 V16 H22 V12 H28 V28 H22 V24 H18 V28 H12 Z" fill="#00C4A7"/>
+  
+  <!-- Innerstes blaues Element -->
+  <path d="M14 14 H19 V16 H21 V14 H26 V26 H21 V24 H19 V26 H14 Z" fill="#0077B3"/>
 </svg>