diff --git a/client/src/pages/FolxStadlPage.tsx b/client/src/pages/FolxStadlPage.tsx
index 64ed62a..369a36d 100644
--- a/client/src/pages/FolxStadlPage.tsx
+++ b/client/src/pages/FolxStadlPage.tsx
@@ -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 bg-gradient-to-r from-purple-600 to-blue-500 rounded-lg flex items-center justify-center shadow-lg">
+              <div className="w-8 h-8 gradient-primary 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">FOLX.TV</h3>
diff --git a/client/src/pages/GeschichteLiedPage.tsx b/client/src/pages/GeschichteLiedPage.tsx
index 7f3c9c4..795df28 100644
--- a/client/src/pages/GeschichteLiedPage.tsx
+++ b/client/src/pages/GeschichteLiedPage.tsx
@@ -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 bg-gradient-to-r from-purple-600 to-blue-500 rounded-lg flex items-center justify-center shadow-lg">
+              <div className="w-8 h-8 gradient-primary 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">FOLX.TV</h3>
diff --git a/client/src/pages/GipfelstammtischPage.tsx b/client/src/pages/GipfelstammtischPage.tsx
index 427e1d7..cc86a67 100644
--- a/client/src/pages/GipfelstammtischPage.tsx
+++ b/client/src/pages/GipfelstammtischPage.tsx
@@ -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 bg-gradient-to-r from-purple-600 to-blue-500 rounded-lg flex items-center justify-center shadow-lg">
+              <div className="w-8 h-8 gradient-primary 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">FOLX.TV</h3>