From 17736860d6d3b13ddbba55607280337805a4b761 Mon Sep 17 00:00:00 2001
From: Marc Mintel <marc@mintel.me>
Date: Sat, 20 Jun 2026 00:18:59 +0200
Subject: [PATCH] feat(header): replace mobile language switcher with phone
 button

---
 components/layout/Header.tsx | 19 +++++++++++++++++--
 package.json                 |  2 +-
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/components/layout/Header.tsx b/components/layout/Header.tsx
index 37446069f..124050e82 100644
--- a/components/layout/Header.tsx
+++ b/components/layout/Header.tsx
@@ -138,8 +138,23 @@ export function Header({ navLinks }: HeaderProps) {
             <div className="flex items-center gap-2 md:gap-4 lg:gap-6">
               <div className={`hidden md:block h-5 w-px transition-colors duration-300 ${isSolidMode ? 'bg-neutral-200' : 'bg-white/20'}`} />
               
-              {/* Language Switcher visible on all devices */}
-              <div className="z-50 relative flex items-center">
+              {/* Phone Button (Mobile Only) */}
+              <a 
+                href="tel:+492572946760"
+                className={`md:hidden relative flex items-center justify-center w-10 h-10 rounded-full transition-all duration-300 ${
+                  isSolidMode 
+                    ? 'bg-primary/10 text-primary hover:bg-primary/20' 
+                    : 'bg-white/10 text-white backdrop-blur-md border border-white/20 hover:bg-white/20'
+                }`}
+                aria-label="Anrufen"
+              >
+                <svg className="w-[18px] h-[18px]" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2.2} d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" />
+                </svg>
+              </a>
+
+              {/* Language Switcher visible on desktop only */}
+              <div className="z-50 relative hidden md:flex items-center">
                 <LanguageSwitcher isSolidMode={isSolidMode} />
               </div>
               
diff --git a/package.json b/package.json
index 321ee0936..3f129d7d2 100644
--- a/package.json
+++ b/package.json
@@ -138,7 +138,7 @@
     "prepare": "husky",
     "preinstall": "npx only-allow pnpm"
   },
-  "version": "2.2.13-rc.60",
+  "version": "2.2.13-rc.61",
   "pnpm": {
     "onlyBuiltDependencies": [
       "@parcel/watcher",