diff --git a/client/src/components/search-header.tsx b/client/src/components/search-header.tsx
index bb033f2..0f08cab 100644
--- a/client/src/components/search-header.tsx
+++ b/client/src/components/search-header.tsx
@@ -57,7 +57,7 @@ export default function SearchHeader({
         <div className="flex items-center justify-between py-4">
           <div className="flex items-center space-x-4">
             <Link href="/" className="flex items-center space-x-2 hover:opacity-80 transition-opacity">
-              <div className="w-9 h-9 gradient-primary rounded-lg flex items-center justify-center shadow-lg">
+              <div className="w-9 h-9 bg-[#ec4c73] rounded-lg flex items-center justify-center shadow-lg">
                 <div className="w-0 h-0 border-l-[10px] border-l-white border-y-[7px] border-y-transparent ml-1"></div>
               </div>
               <h1 className="text-2xl font-bold text-white tracking-wide">video.folx.tv</h1>
diff --git a/client/src/pages/FolxStadlPage.tsx b/client/src/pages/FolxStadlPage.tsx
index 0cd620d..c3275d5 100644
--- a/client/src/pages/FolxStadlPage.tsx
+++ b/client/src/pages/FolxStadlPage.tsx
@@ -99,7 +99,7 @@ export default function FolxStadlPage() {
             {/* Left side - Logo */}
             <div className="flex items-center space-x-6 flex-1">
               <Link href="/" className="flex items-center space-x-3 hover:opacity-80 transition-opacity py-4">
-                <div className="w-10 h-10 gradient-primary rounded-lg flex items-center justify-center shadow-lg">
+                <div className="w-10 h-10 bg-[#ec4c73] rounded-lg flex items-center justify-center shadow-lg">
                   <div className="w-0 h-0 border-l-[11px] border-l-white border-y-[8px] border-y-transparent ml-1"></div>
                 </div>
                 <h1 className="text-2xl font-bold text-white tracking-wide">video.folx.tv</h1>
@@ -304,7 +304,7 @@ export default function FolxStadlPage() {
           <div className="flex flex-col items-center justify-center space-y-4">
             {/* Logo */}
             <div className="flex items-center space-x-2">
-              <div className="w-8 h-8 gradient-primary rounded-lg flex items-center justify-center shadow-lg">
+              <div className="w-8 h-8 bg-[#ec4c73] rounded-lg flex items-center justify-center shadow-lg">
                 <div className="w-0 h-0 border-l-[8px] border-l-white border-y-[6px] border-y-transparent ml-1 drop-shadow-sm"></div>
               </div>
               <h3 className="text-xl font-bold text-white">video.folx.tv</h3>
diff --git a/client/src/pages/GeschichteLiedPage.tsx b/client/src/pages/GeschichteLiedPage.tsx
index 0ca6831..3742288 100644
--- a/client/src/pages/GeschichteLiedPage.tsx
+++ b/client/src/pages/GeschichteLiedPage.tsx
@@ -101,7 +101,7 @@ export default function GeschichteLiedPage() {
             {/* Left side - Logo */}
             <div className="flex items-center space-x-6 flex-1">
               <Link href="/" className="flex items-center space-x-3 hover:opacity-80 transition-opacity py-4">
-                <div className="w-10 h-10 gradient-primary rounded-lg flex items-center justify-center shadow-lg">
+                <div className="w-10 h-10 bg-[#ec4c73] rounded-lg flex items-center justify-center shadow-lg">
                   <div className="w-0 h-0 border-l-[11px] border-l-white border-y-[8px] border-y-transparent ml-1"></div>
                 </div>
                 <h1 className="text-2xl font-bold text-white tracking-wide">video.folx.tv</h1>
@@ -305,7 +305,7 @@ export default function GeschichteLiedPage() {
           <div className="flex flex-col items-center justify-center space-y-4">
             {/* Logo */}
             <div className="flex items-center space-x-2">
-              <div className="w-8 h-8 gradient-primary rounded-lg flex items-center justify-center shadow-lg">
+              <div className="w-8 h-8 bg-[#ec4c73] rounded-lg flex items-center justify-center shadow-lg">
                 <div className="w-0 h-0 border-l-[8px] border-l-white border-y-[6px] border-y-transparent ml-1 drop-shadow-sm"></div>
               </div>
               <h3 className="text-xl font-bold text-white">video.folx.tv</h3>
diff --git a/client/src/pages/GipfelstammtischPage.tsx b/client/src/pages/GipfelstammtischPage.tsx
index 91ad7ad..b61e84b 100644
--- a/client/src/pages/GipfelstammtischPage.tsx
+++ b/client/src/pages/GipfelstammtischPage.tsx
@@ -101,7 +101,7 @@ export default function GipfelstammtischPage() {
             {/* Left side - Logo */}
             <div className="flex items-center space-x-6 flex-1">
               <Link href="/" className="flex items-center space-x-3 hover:opacity-80 transition-opacity py-4">
-                <div className="w-10 h-10 gradient-primary rounded-lg flex items-center justify-center shadow-lg">
+                <div className="w-10 h-10 bg-[#ec4c73] rounded-lg flex items-center justify-center shadow-lg">
                   <div className="w-0 h-0 border-l-[11px] border-l-white border-y-[8px] border-y-transparent ml-1"></div>
                 </div>
                 <h1 className="text-2xl font-bold text-white tracking-wide">video.folx.tv</h1>
@@ -305,7 +305,7 @@ export default function GipfelstammtischPage() {
           <div className="flex flex-col items-center justify-center space-y-4">
             {/* Logo */}
             <div className="flex items-center space-x-2">
-              <div className="w-8 h-8 gradient-primary rounded-lg flex items-center justify-center shadow-lg">
+              <div className="w-8 h-8 bg-[#ec4c73] rounded-lg flex items-center justify-center shadow-lg">
                 <div className="w-0 h-0 border-l-[8px] border-l-white border-y-[6px] border-y-transparent ml-1 drop-shadow-sm"></div>
               </div>
               <h3 className="text-xl font-bold text-white">video.folx.tv</h3>
diff --git a/client/src/pages/VideoPage.tsx b/client/src/pages/VideoPage.tsx
index 39eb1f3..288791f 100644
--- a/client/src/pages/VideoPage.tsx
+++ b/client/src/pages/VideoPage.tsx
@@ -339,7 +339,7 @@ export default function VideoPage() {
             {/* Left side - Logo */}
             <div className="flex items-center space-x-6 flex-1">
               <Link href="/" className="flex items-center space-x-3 hover:opacity-80 transition-opacity py-4">
-                <div className="w-10 h-10 gradient-primary rounded-lg flex items-center justify-center shadow-lg">
+                <div className="w-10 h-10 bg-[#ec4c73] rounded-lg flex items-center justify-center shadow-lg">
                   <div className="w-0 h-0 border-l-[11px] border-l-white border-y-[8px] border-y-transparent ml-1"></div>
                 </div>
                 <h1 className="text-2xl font-bold text-white tracking-wide">video.folx.tv</h1>
@@ -804,7 +804,7 @@ export default function VideoPage() {
           <div className="flex flex-col items-center justify-center space-y-4">
             {/* Logo */}
             <div className="flex items-center space-x-2">
-              <div className="w-8 h-8 gradient-primary rounded-lg flex items-center justify-center shadow-md">
+              <div className="w-8 h-8 bg-[#ec4c73] rounded-lg flex items-center justify-center shadow-md">
                 <div className="w-0 h-0 border-l-[8px] border-l-white border-y-[6px] border-y-transparent ml-0.5"></div>
               </div>
               <span className="text-lg font-semibold text-white">video.folx.tv</span>
diff --git a/client/src/pages/home.tsx b/client/src/pages/home.tsx
index 80fa6ef..22126d0 100644
--- a/client/src/pages/home.tsx
+++ b/client/src/pages/home.tsx
@@ -75,7 +75,7 @@ export default function Home() {
             {/* Left side - Logo */}
             <div className="flex items-center space-x-6 flex-1">
               <Link href="/" className="flex items-center space-x-3 hover:opacity-80 transition-opacity py-4">
-                <div className="w-10 h-10 gradient-primary rounded-lg flex items-center justify-center shadow-lg">
+                <div className="w-10 h-10 bg-[#ec4c73] rounded-lg flex items-center justify-center shadow-lg">
                   <div className="w-0 h-0 border-l-[11px] border-l-white border-y-[8px] border-y-transparent ml-1"></div>
                 </div>
                 <h1 className="text-2xl font-bold text-white tracking-wide">video.folx.tv</h1>
diff --git a/client/src/pages/not-found.tsx b/client/src/pages/not-found.tsx
index 072619e..0b79ee7 100644
--- a/client/src/pages/not-found.tsx
+++ b/client/src/pages/not-found.tsx
@@ -20,7 +20,7 @@ export default function NotFound() {
           <div className="flex items-center justify-between h-20">
             <div className="flex items-center space-x-4">
               <a href="/" className="flex items-center space-x-2 hover:opacity-80 transition-opacity">
-                <div className="w-9 h-9 gradient-primary rounded-lg flex items-center justify-center shadow-lg">
+                <div className="w-9 h-9 bg-[#ec4c73] rounded-lg flex items-center justify-center shadow-lg">
                   <div className="w-0 h-0 border-l-[10px] border-l-white border-y-[7px] border-y-transparent ml-1"></div>
                 </div>
                 <h1 className="text-2xl font-bold text-white tracking-wide">video.folx.tv</h1>
@@ -147,7 +147,7 @@ export default function NotFound() {
         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8 relative z-10">
           <div className="flex flex-col md:flex-row items-center justify-between">
             <div className="flex items-center space-x-2 mb-4 md:mb-0">
-              <div className="w-8 h-8 gradient-primary rounded-lg flex items-center justify-center shadow-md">
+              <div className="w-8 h-8 bg-[#ec4c73] rounded-lg flex items-center justify-center shadow-md">
                 <div className="w-0 h-0 border-l-[8px] border-l-white border-y-[6px] border-y-transparent ml-0.5"></div>
               </div>
               <span className="text-lg font-semibold text-white">video.folx.tv</span>