feat: zentriertes TALAS-Logo im Header mit responsivem Design für laptop, xl und 2xl

components/header/Header.tsx

@@ -111,6 +111,25 @@ function Header() {
           </button>
           */}
         </div>
+        {/* Logo in der Mitte */}
+        <div className="absolute top-[10%] left-1/2 transform -translate-x-1/2">
+          <Image
+            src="/images/logo-talas-2024.png"
+            alt="TALAS Logo"
+            className="
+      object-contain 
+      w-[120px] h-auto 
+      laptop:w-[180px] 
+      xl:w-[220px] 
+      2xl:w-[260px]
+    "
+            width={260}
+            height={80}
+            priority
+          />
+        </div>
+
+        {/* Logout-Button */}
 
         <div className="flex items-center justify-end w-1/4 space-x-1">
           <button