diff --git a/client/src/pages/FolxStadlPage.tsx b/client/src/pages/FolxStadlPage.tsx
index 369a36d..2c4b916 100644
--- a/client/src/pages/FolxStadlPage.tsx
+++ b/client/src/pages/FolxStadlPage.tsx
@@ -113,19 +113,19 @@ export default function FolxStadlPage() {
                 <nav className="flex space-x-6">
                   <Link href="/" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
                     Startseite
-                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
+                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
                   </Link>
                   <Link href="/folx-stadl" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
                     FOLX STADL
-                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
+                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
                   </Link>
                   <Link href="/geschichte-lied" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
                     DIE GESCHICHTE DES LIEDES
-                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
+                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
                   </Link>
                   <Link href="/gipfelstammtisch" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
                     GIPFELSTAMMTISCH
-                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
+                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
                   </Link>
                 </nav>
                 
diff --git a/client/src/pages/GeschichteLiedPage.tsx b/client/src/pages/GeschichteLiedPage.tsx
index 795df28..b7a11d2 100644
--- a/client/src/pages/GeschichteLiedPage.tsx
+++ b/client/src/pages/GeschichteLiedPage.tsx
@@ -115,19 +115,19 @@ export default function GeschichteLiedPage() {
                 <nav className="flex space-x-6">
                   <Link href="/" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
                     Startseite
-                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
+                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
                   </Link>
                   <Link href="/folx-stadl" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
                     FOLX STADL
-                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
+                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
                   </Link>
                   <Link href="/geschichte-lied" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
                     DIE GESCHICHTE DES LIEDES
-                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
+                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
                   </Link>
                   <Link href="/gipfelstammtisch" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
                     GIPFELSTAMMTISCH
-                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
+                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
                   </Link>
                 </nav>
                 
diff --git a/client/src/pages/GipfelstammtischPage.tsx b/client/src/pages/GipfelstammtischPage.tsx
index cc86a67..23d7ef5 100644
--- a/client/src/pages/GipfelstammtischPage.tsx
+++ b/client/src/pages/GipfelstammtischPage.tsx
@@ -115,19 +115,19 @@ export default function GipfelstammtischPage() {
                 <nav className="flex space-x-6">
                   <Link href="/" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
                     Startseite
-                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
+                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
                   </Link>
                   <Link href="/folx-stadl" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
                     FOLX STADL
-                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
+                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
                   </Link>
                   <Link href="/geschichte-lied" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
                     DIE GESCHICHTE DES LIEDES
-                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
+                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
                   </Link>
                   <Link href="/gipfelstammtisch" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
                     GIPFELSTAMMTISCH
-                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
+                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
                   </Link>
                 </nav>
                 
diff --git a/client/src/pages/VideoPage.tsx b/client/src/pages/VideoPage.tsx
index f9c6203..39eb1f3 100644
--- a/client/src/pages/VideoPage.tsx
+++ b/client/src/pages/VideoPage.tsx
@@ -353,19 +353,19 @@ export default function VideoPage() {
                 <nav className="flex space-x-6">
                   <Link href="/" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
                     Startseite
-                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
+                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
                   </Link>
                   <Link href="/folx-stadl" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
                     FOLX STADL
-                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
+                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
                   </Link>
                   <Link href="/geschichte-lied" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
                     DIE GESCHICHTE DES LIEDES
-                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
+                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
                   </Link>
                   <Link href="/gipfelstammtisch" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
                     GIPFELSTAMMTISCH
-                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
+                    <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
                   </Link>
                 </nav>
                 
diff --git a/client/src/pages/not-found.tsx b/client/src/pages/not-found.tsx
index 612c57d..f24101e 100644
--- a/client/src/pages/not-found.tsx
+++ b/client/src/pages/not-found.tsx
@@ -31,19 +31,19 @@ export default function NotFound() {
               <nav className="flex space-x-6">
                 <a href="/" className="relative text-bunny-light hover:text-bunny-blue transition-colors group" data-testid="link-home">
                   Home
-                  <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
+                  <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
                 </a>
                 <a href="/folx-stadl" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
                   FOLX STADL
-                  <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
+                  <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
                 </a>
                 <a href="/geschichte-lied" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
                   DIE GESCHICHTE DES LIEDES
-                  <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
+                  <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
                 </a>
                 <a href="/gipfelstammtisch" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
                   GIPFELSTAMMTISCH
-                  <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
+                  <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
                 </a>
               </nav>
             </div>