diff --git a/attached_assets/image_1756996385541.png b/attached_assets/image_1756996385541.png
new file mode 100644
index 0000000..a44b674
Binary files /dev/null and b/attached_assets/image_1756996385541.png differ
diff --git a/attached_assets/image_1756996490719.png b/attached_assets/image_1756996490719.png
new file mode 100644
index 0000000..7c55bc0
Binary files /dev/null and b/attached_assets/image_1756996490719.png differ
diff --git a/client/src/components/CookieConsent.tsx b/client/src/components/CookieConsent.tsx
index 1518a37..7496038 100644
--- a/client/src/components/CookieConsent.tsx
+++ b/client/src/components/CookieConsent.tsx
@@ -134,7 +134,7 @@ export default function CookieConsent() {
                 <Button
                   onClick={() => setShowDetails(true)}
                   variant="ghost"
-                  className="text-[#da234d] hover:text-purple-400 hover:bg-transparent"
+                  className="text-white hover:text-purple-400 hover:bg-transparent"
                 >
                   <span translate="no">Einstellungen verwalten</span>
                 </Button>
@@ -158,7 +158,7 @@ export default function CookieConsent() {
                 <div className="bg-bunny-gray/20 p-4 rounded-lg">
                   <div className="flex items-center justify-between mb-2">
                     <h4 className="text-white font-medium">Notwendige Cookies</h4>
-                    <div className="bg-[#da234d]/20 text-[#da234d] px-2 py-1 rounded text-xs">
+                    <div className="bg-[#da234d]/20 text-white px-2 py-1 rounded text-xs">
                       Immer aktiv
                     </div>
                   </div>
diff --git a/client/src/components/ad-settings.tsx b/client/src/components/ad-settings.tsx
index fcf39bd..2de5adf 100644
--- a/client/src/components/ad-settings.tsx
+++ b/client/src/components/ad-settings.tsx
@@ -121,7 +121,7 @@ export default function AdSettings({ isOpen, onClose }: AdSettingsProps) {
         <div className="sticky top-0 bg-white dark:bg-gray-900 p-6 border-b border-gray-200 dark:border-gray-700">
           <div className="flex items-center justify-between">
             <div className="flex items-center space-x-3">
-              <DollarSign className="w-6 h-6 text-[#da234d]" />
+              <DollarSign className="w-6 h-6 text-white" />
               <h2 className="text-2xl font-bold text-gray-900 dark:text-white">
                 Ad Settings
               </h2>
@@ -158,7 +158,7 @@ export default function AdSettings({ isOpen, onClose }: AdSettingsProps) {
                 </CardTitle>
               </CardHeader>
               <CardContent>
-                <div className="text-2xl font-bold text-[#da234d]">
+                <div className="text-2xl font-bold text-white">
                   {totalImpressions.toLocaleString()}
                 </div>
                 <div className="text-xs text-gray-500">
diff --git a/client/src/components/loading-spinner.tsx b/client/src/components/loading-spinner.tsx
index 5ec1b8b..db3d037 100644
--- a/client/src/components/loading-spinner.tsx
+++ b/client/src/components/loading-spinner.tsx
@@ -4,7 +4,7 @@ interface LoadingSpinnerProps {
   className?: string;
 }
 
-export function LoadingSpinner({ size = 'md', text = 'Amazing Content', className = '' }: LoadingSpinnerProps) {
+export function LoadingSpinner({ size = 'md', text = 'Fantastischer Inhalt', className = '' }: LoadingSpinnerProps) {
   const sizeClasses = {
     sm: 'w-6 h-6',
     md: 'w-10 h-10', 
diff --git a/client/src/components/netflix-grid.tsx b/client/src/components/netflix-grid.tsx
index d9ba7af..88800b8 100644
--- a/client/src/components/netflix-grid.tsx
+++ b/client/src/components/netflix-grid.tsx
@@ -150,7 +150,7 @@ export default function NetflixGrid({ videos, isLoading }: NetflixGridProps) {
             <div className="w-0 h-0 border-l-[12px] border-l-white border-y-[9px] border-y-transparent ml-1"></div>
           </div>
           <h3 className="text-white text-xl font-bold mb-2">video.folx.tv</h3>
-          <p className="text-bunny-light">Loading videos...</p>
+          <p className="text-bunny-light">Videos werden geladen...</p>
         </div>
       </div>
     );
@@ -163,7 +163,7 @@ export default function NetflixGrid({ videos, isLoading }: NetflixGridProps) {
           <div className="w-0 h-0 border-l-[9px] border-l-white border-y-[7px] border-y-transparent ml-1"></div>
         </div>
         <div className="text-bunny-muted text-lg mb-4">
-          No videos found
+          Keine Videos gefunden
         </div>
         <p className="text-sm text-bunny-muted">
           Try adjusting your search or filter criteria
diff --git a/client/src/components/search-header.tsx b/client/src/components/search-header.tsx
index bac8296..9cf2a8a 100644
--- a/client/src/components/search-header.tsx
+++ b/client/src/components/search-header.tsx
@@ -66,10 +66,10 @@ export default function SearchHeader({
           
           <div className="hidden md:flex items-center space-x-6">
             <nav className="flex space-x-6">
-              <Link href="/" className="text-bunny-light hover:text-[#da234d] transition-colors" data-testid="link-home">
+              <Link href="/" className="text-bunny-light hover:text-white transition-colors" data-testid="link-home">
                 Home
               </Link>
-              <Link href="/folx-stadl" className="text-bunny-light hover:text-[#da234d] transition-colors" data-testid="link-folx-stadl">
+              <Link href="/folx-stadl" className="text-bunny-light hover:text-white transition-colors" data-testid="link-folx-stadl">
                 FOLX STADL
               </Link>
             </nav>
@@ -106,7 +106,7 @@ export default function SearchHeader({
             <nav className="flex flex-col space-y-3">
               <Link 
                 href="/" 
-                className="text-bunny-light hover:text-[#da234d] transition-colors text-lg py-2 px-3 rounded-lg hover:bg-white/5" 
+                className="text-bunny-light hover:text-white transition-colors text-lg py-2 px-3 rounded-lg hover:bg-white/5" 
                 data-testid="link-mobile-home"
                 onClick={() => setIsMobileMenuOpen(false)}
               >
@@ -114,7 +114,7 @@ export default function SearchHeader({
               </Link>
               <Link 
                 href="/folx-stadl" 
-                className="text-bunny-light hover:text-[#da234d] transition-colors text-lg py-2 px-3 rounded-lg hover:bg-white/5" 
+                className="text-bunny-light hover:text-white transition-colors text-lg py-2 px-3 rounded-lg hover:bg-white/5" 
                 data-testid="link-mobile-folx-stadl"
                 onClick={() => setIsMobileMenuOpen(false)}
               >
diff --git a/client/src/components/video-ads.tsx b/client/src/components/video-ads.tsx
index 5be5f8e..0511abc 100644
--- a/client/src/components/video-ads.tsx
+++ b/client/src/components/video-ads.tsx
@@ -32,7 +32,7 @@ export default function VideoAds({ videoId }: VideoAdsProps) {
             <div className="w-0 h-0 border-l-[8px] border-l-white border-y-[6px] border-y-transparent ml-1"></div>
           </div>
           <div className="text-white text-sm font-medium mb-1">video.folx.tv</div>
-          <div className="text-gray-400 text-xs">Loading ads...</div>
+          <div className="text-gray-400 text-xs">Werbung wird geladen...</div>
         </div>
       </Card>
     );
@@ -53,7 +53,7 @@ export default function VideoAds({ videoId }: VideoAdsProps) {
       <Card className="p-4 border-gray-200 bg-gray-50">
         <p className="text-gray-600 text-sm flex items-center gap-2">
           <PlayCircle className="w-4 h-4" />
-          No ad spots configured for this video
+          Keine Werbeplätze für dieses Video konfiguriert
         </p>
       </Card>
     );
diff --git a/client/src/components/video-grid.tsx b/client/src/components/video-grid.tsx
index 29d1454..86fff9b 100644
--- a/client/src/components/video-grid.tsx
+++ b/client/src/components/video-grid.tsx
@@ -40,7 +40,7 @@ export default function VideoGrid({ videos, isLoading, hasMore, onLoadMore, view
             <div className="w-0 h-0 border-l-[12px] border-l-white border-y-[9px] border-y-transparent ml-1"></div>
           </div>
           <h3 className="text-white text-xl font-bold mb-2">video.folx.tv</h3>
-          <p className="text-bunny-light">Loading videos...</p>
+          <p className="text-bunny-light">Videos werden geladen...</p>
         </div>
       </div>
     );
@@ -53,7 +53,7 @@ export default function VideoGrid({ videos, isLoading, hasMore, onLoadMore, view
           <div className="w-0 h-0 border-l-[9px] border-l-white border-y-[7px] border-y-transparent ml-1"></div>
         </div>
         <div className="text-bunny-muted text-lg mb-4" data-testid="text-no-videos">
-          No videos found
+          Keine Videos gefunden
         </div>
         <p className="text-sm text-bunny-muted">
           Try adjusting your search or filter criteria
@@ -91,7 +91,7 @@ export default function VideoGrid({ videos, isLoading, hasMore, onLoadMore, view
                 <div className="w-4 h-4 bg-[#da234d] rounded flex items-center justify-center animate-pulse">
                   <div className="w-0 h-0 border-l-[3px] border-l-white border-y-[2px] border-y-transparent"></div>
                 </div>
-                <span>Loading more...</span>
+                <span>Mehr laden...</span>
               </>
             ) : (
               <>
diff --git a/client/src/components/video-modal.tsx b/client/src/components/video-modal.tsx
index 78aa2b9..88e91a9 100644
--- a/client/src/components/video-modal.tsx
+++ b/client/src/components/video-modal.tsx
@@ -449,7 +449,7 @@ export default function VideoModal({ video, isOpen, onClose, enableAds = true }:
           variant="ghost"
           size="icon"
           onClick={onClose}
-          className="absolute -top-12 right-0 text-white hover:text-[#da234d] transition-colors z-60"
+          className="absolute -top-12 right-0 text-white hover:text-white transition-colors z-60"
           data-testid="button-close-modal"
         >
           <X className="text-2xl" />
@@ -527,7 +527,7 @@ export default function VideoModal({ video, isOpen, onClose, enableAds = true }:
                   onClick={togglePlay}
                   variant="ghost"
                   size="icon"
-                  className="text-white hover:text-[#da234d] transition-colors"
+                  className="text-white hover:text-white transition-colors"
                   data-testid="button-play-pause"
                 >
                   {isPlaying ? <Pause className="w-5 h-5" /> : <Play className="w-5 h-5" />}
@@ -539,7 +539,7 @@ export default function VideoModal({ video, isOpen, onClose, enableAds = true }:
                     onClick={toggleMute}
                     variant="ghost"
                     size="icon"
-                    className="text-white hover:text-[#da234d] transition-colors"
+                    className="text-white hover:text-white transition-colors"
                     data-testid="button-volume"
                   >
                     {isMuted ? <VolumeX className="w-5 h-5" /> : <Volume2 className="w-5 h-5" />}
@@ -567,7 +567,7 @@ export default function VideoModal({ video, isOpen, onClose, enableAds = true }:
                     onClick={() => setShowShareMenu(!showShareMenu)}
                     variant="ghost"
                     size="icon"
-                    className="text-white hover:text-[#da234d] transition-colors"
+                    className="text-white hover:text-white transition-colors"
                     data-testid="button-share"
                   >
                     <Share2 className="w-5 h-5" />
@@ -633,7 +633,7 @@ export default function VideoModal({ video, isOpen, onClose, enableAds = true }:
                   onClick={toggleFullscreen}
                   variant="ghost"
                   size="icon"
-                  className="text-white hover:text-[#da234d] transition-colors ml-auto"
+                  className="text-white hover:text-white transition-colors ml-auto"
                   data-testid="button-fullscreen"
                 >
                   <Maximize className="w-5 h-5" />
diff --git a/client/src/pages/FolxStadlPage.tsx b/client/src/pages/FolxStadlPage.tsx
index 1c5c5a1..b78925d 100644
--- a/client/src/pages/FolxStadlPage.tsx
+++ b/client/src/pages/FolxStadlPage.tsx
@@ -111,19 +111,19 @@ export default function FolxStadlPage() {
               {/* Desktop navigation */}
               <div className="hidden md:flex items-center space-x-6">
                 <nav className="flex space-x-6">
-                  <Link href="/" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
+                  <Link href="/" className="relative text-bunny-light hover:text-white transition-colors group">
                     Startseite
                     <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] transition-all duration-300 group-hover:w-full"></span>
                   </Link>
-                  <Link href="/folx-stadl" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
+                  <Link href="/folx-stadl" className="relative text-bunny-light hover:text-white transition-colors group">
                     FOLX STADL
                     <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] transition-all duration-300 group-hover:w-full"></span>
                   </Link>
-                  <Link href="/geschichte-lied" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
+                  <Link href="/geschichte-lied" className="relative text-bunny-light hover:text-white transition-colors group">
                     DIE GESCHICHTE DES LIEDES
                     <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] transition-all duration-300 group-hover:w-full"></span>
                   </Link>
-                  <Link href="/gipfelstammtisch" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
+                  <Link href="/gipfelstammtisch" className="relative text-bunny-light hover:text-white transition-colors group">
                     GIPFELSTAMMTISCH
                     <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] transition-all duration-300 group-hover:w-full"></span>
                   </Link>
@@ -167,28 +167,28 @@ export default function FolxStadlPage() {
                 <nav className="flex flex-col space-y-4">
                   <Link 
                     href="/" 
-                    className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
+                    className="text-bunny-light hover:text-white transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
                     onClick={() => setIsMobileMenuOpen(false)}
                   >
                     Startseite
                   </Link>
                   <Link 
                     href="/folx-stadl" 
-                    className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
+                    className="text-bunny-light hover:text-white transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
                     onClick={() => setIsMobileMenuOpen(false)}
                   >
                     FOLX STADL
                   </Link>
                   <Link 
                     href="/geschichte-lied" 
-                    className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
+                    className="text-bunny-light hover:text-white transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
                     onClick={() => setIsMobileMenuOpen(false)}
                   >
                     DIE GESCHICHTE DES LIEDES
                   </Link>
                   <Link 
                     href="/gipfelstammtisch" 
-                    className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
+                    className="text-bunny-light hover:text-white transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
                     onClick={() => setIsMobileMenuOpen(false)}
                   >
                     GIPFELSTAMMTISCH
@@ -312,13 +312,13 @@ export default function FolxStadlPage() {
             
             {/* Legal Links */}
             <div className="flex items-center space-x-6 text-sm">
-              <Link href="/impressum" className="text-bunny-muted hover:text-[#da234d] transition-colors">
+              <Link href="/impressum" className="text-bunny-muted hover:text-white transition-colors">
                 Impressum
               </Link>
-              <Link href="/privacy" className="text-bunny-muted hover:text-[#da234d] transition-colors">
+              <Link href="/privacy" className="text-bunny-muted hover:text-white transition-colors">
                 Datenschutz
               </Link>
-              <Link href="/terms" className="text-bunny-muted hover:text-[#da234d] transition-colors">
+              <Link href="/terms" className="text-bunny-muted hover:text-white transition-colors">
                 Nutzungsbedingungen
               </Link>
             </div>
diff --git a/client/src/pages/GeschichteLiedPage.tsx b/client/src/pages/GeschichteLiedPage.tsx
index 13fbb7d..0eaf52f 100644
--- a/client/src/pages/GeschichteLiedPage.tsx
+++ b/client/src/pages/GeschichteLiedPage.tsx
@@ -113,19 +113,19 @@ export default function GeschichteLiedPage() {
               {/* Desktop navigation */}
               <div className="hidden md:flex items-center space-x-6">
                 <nav className="flex space-x-6">
-                  <Link href="/" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
+                  <Link href="/" className="relative text-bunny-light hover:text-white transition-colors group">
                     Startseite
                     <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] transition-all duration-300 group-hover:w-full"></span>
                   </Link>
-                  <Link href="/folx-stadl" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
+                  <Link href="/folx-stadl" className="relative text-bunny-light hover:text-white transition-colors group">
                     FOLX STADL
                     <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] transition-all duration-300 group-hover:w-full"></span>
                   </Link>
-                  <Link href="/geschichte-lied" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
+                  <Link href="/geschichte-lied" className="relative text-bunny-light hover:text-white transition-colors group">
                     DIE GESCHICHTE DES LIEDES
                     <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] transition-all duration-300 group-hover:w-full"></span>
                   </Link>
-                  <Link href="/gipfelstammtisch" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
+                  <Link href="/gipfelstammtisch" className="relative text-bunny-light hover:text-white transition-colors group">
                     GIPFELSTAMMTISCH
                     <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] transition-all duration-300 group-hover:w-full"></span>
                   </Link>
@@ -169,28 +169,28 @@ export default function GeschichteLiedPage() {
                 <nav className="flex flex-col space-y-4">
                   <Link 
                     href="/" 
-                    className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
+                    className="text-bunny-light hover:text-white transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
                     onClick={() => setIsMobileMenuOpen(false)}
                   >
                     Startseite
                   </Link>
                   <Link 
                     href="/folx-stadl" 
-                    className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
+                    className="text-bunny-light hover:text-white transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
                     onClick={() => setIsMobileMenuOpen(false)}
                   >
                     FOLX STADL
                   </Link>
                   <Link 
                     href="/geschichte-lied" 
-                    className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
+                    className="text-bunny-light hover:text-white transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
                     onClick={() => setIsMobileMenuOpen(false)}
                   >
                     DIE GESCHICHTE DES LIEDES
                   </Link>
                   <Link 
                     href="/gipfelstammtisch" 
-                    className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
+                    className="text-bunny-light hover:text-white transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
                     onClick={() => setIsMobileMenuOpen(false)}
                   >
                     GIPFELSTAMMTISCH
@@ -313,13 +313,13 @@ export default function GeschichteLiedPage() {
             
             {/* Legal Links */}
             <div className="flex items-center space-x-6 text-sm">
-              <Link href="/impressum" className="text-bunny-muted hover:text-[#da234d] transition-colors">
+              <Link href="/impressum" className="text-bunny-muted hover:text-white transition-colors">
                 Impressum
               </Link>
-              <Link href="/privacy" className="text-bunny-muted hover:text-[#da234d] transition-colors">
+              <Link href="/privacy" className="text-bunny-muted hover:text-white transition-colors">
                 Datenschutz
               </Link>
-              <Link href="/terms" className="text-bunny-muted hover:text-[#da234d] transition-colors">
+              <Link href="/terms" className="text-bunny-muted hover:text-white transition-colors">
                 Nutzungsbedingungen
               </Link>
             </div>
diff --git a/client/src/pages/GipfelstammtischPage.tsx b/client/src/pages/GipfelstammtischPage.tsx
index c8761f6..e88611d 100644
--- a/client/src/pages/GipfelstammtischPage.tsx
+++ b/client/src/pages/GipfelstammtischPage.tsx
@@ -113,19 +113,19 @@ export default function GipfelstammtischPage() {
               {/* Desktop navigation */}
               <div className="hidden md:flex items-center space-x-6">
                 <nav className="flex space-x-6">
-                  <Link href="/" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
+                  <Link href="/" className="relative text-bunny-light hover:text-white transition-colors group">
                     Startseite
                     <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] transition-all duration-300 group-hover:w-full"></span>
                   </Link>
-                  <Link href="/folx-stadl" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
+                  <Link href="/folx-stadl" className="relative text-bunny-light hover:text-white transition-colors group">
                     FOLX STADL
                     <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] transition-all duration-300 group-hover:w-full"></span>
                   </Link>
-                  <Link href="/geschichte-lied" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
+                  <Link href="/geschichte-lied" className="relative text-bunny-light hover:text-white transition-colors group">
                     DIE GESCHICHTE DES LIEDES
                     <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] transition-all duration-300 group-hover:w-full"></span>
                   </Link>
-                  <Link href="/gipfelstammtisch" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
+                  <Link href="/gipfelstammtisch" className="relative text-bunny-light hover:text-white transition-colors group">
                     GIPFELSTAMMTISCH
                     <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] transition-all duration-300 group-hover:w-full"></span>
                   </Link>
@@ -169,28 +169,28 @@ export default function GipfelstammtischPage() {
                 <nav className="flex flex-col space-y-4">
                   <Link 
                     href="/" 
-                    className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
+                    className="text-bunny-light hover:text-white transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
                     onClick={() => setIsMobileMenuOpen(false)}
                   >
                     Startseite
                   </Link>
                   <Link 
                     href="/folx-stadl" 
-                    className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
+                    className="text-bunny-light hover:text-white transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
                     onClick={() => setIsMobileMenuOpen(false)}
                   >
                     FOLX STADL
                   </Link>
                   <Link 
                     href="/geschichte-lied" 
-                    className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
+                    className="text-bunny-light hover:text-white transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
                     onClick={() => setIsMobileMenuOpen(false)}
                   >
                     DIE GESCHICHTE DES LIEDES
                   </Link>
                   <Link 
                     href="/gipfelstammtisch" 
-                    className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
+                    className="text-bunny-light hover:text-white transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
                     onClick={() => setIsMobileMenuOpen(false)}
                   >
                     GIPFELSTAMMTISCH
@@ -313,13 +313,13 @@ export default function GipfelstammtischPage() {
             
             {/* Legal Links */}
             <div className="flex items-center space-x-6 text-sm">
-              <Link href="/impressum" className="text-bunny-muted hover:text-[#da234d] transition-colors">
+              <Link href="/impressum" className="text-bunny-muted hover:text-white transition-colors">
                 Impressum
               </Link>
-              <Link href="/privacy" className="text-bunny-muted hover:text-[#da234d] transition-colors">
+              <Link href="/privacy" className="text-bunny-muted hover:text-white transition-colors">
                 Datenschutz
               </Link>
-              <Link href="/terms" className="text-bunny-muted hover:text-[#da234d] transition-colors">
+              <Link href="/terms" className="text-bunny-muted hover:text-white transition-colors">
                 Nutzungsbedingungen
               </Link>
             </div>
diff --git a/client/src/pages/Impressum.tsx b/client/src/pages/Impressum.tsx
index 514e86a..c97fb38 100644
--- a/client/src/pages/Impressum.tsx
+++ b/client/src/pages/Impressum.tsx
@@ -6,7 +6,7 @@ export default function Impressum() {
       <div className="container max-w-4xl mx-auto px-4 py-8">
         {/* Back to home link */}
         <div className="mb-6">
-          <Link href="/" className="text-[#da234d] hover:text-purple-400 transition-colors">
+          <Link href="/" className="text-white hover:text-purple-400 transition-colors">
             ← Zurück zur Startseite
           </Link>
         </div>
@@ -106,7 +106,7 @@ export default function Impressum() {
               <p>
                 Die Europäische Kommission stellt eine Plattform zur Online-Streitbeilegung (OS) bereit: 
                 <br />
-                <a href="https://ec.europa.eu/consumers/odr/" target="_blank" rel="noopener noreferrer" className="text-[#da234d] hover:text-purple-400 transition-colors">
+                <a href="https://ec.europa.eu/consumers/odr/" target="_blank" rel="noopener noreferrer" className="text-white hover:text-purple-400 transition-colors">
                   https://ec.europa.eu/consumers/odr/
                 </a>
               </p>
diff --git a/client/src/pages/PrivacyPolicy.tsx b/client/src/pages/PrivacyPolicy.tsx
index 8f25a01..3655207 100644
--- a/client/src/pages/PrivacyPolicy.tsx
+++ b/client/src/pages/PrivacyPolicy.tsx
@@ -6,7 +6,7 @@ export default function PrivacyPolicy() {
       <div className="container max-w-4xl mx-auto px-4 py-8">
         {/* Back to home link */}
         <div className="mb-6">
-          <Link href="/" className="text-[#da234d] hover:text-purple-400 transition-colors">
+          <Link href="/" className="text-white hover:text-purple-400 transition-colors">
             ← Zurück zur Startseite
           </Link>
         </div>
diff --git a/client/src/pages/TermsOfService.tsx b/client/src/pages/TermsOfService.tsx
index fb68314..4cc4f92 100644
--- a/client/src/pages/TermsOfService.tsx
+++ b/client/src/pages/TermsOfService.tsx
@@ -6,7 +6,7 @@ export default function TermsOfService() {
       <div className="container max-w-4xl mx-auto px-4 py-8">
         {/* Back to home link */}
         <div className="mb-6">
-          <Link href="/" className="text-[#da234d] hover:text-purple-400 transition-colors">
+          <Link href="/" className="text-white hover:text-purple-400 transition-colors">
             ← Zurück zur Startseite
           </Link>
         </div>
diff --git a/client/src/pages/VideoPage.tsx b/client/src/pages/VideoPage.tsx
index d264054..c8b7c09 100644
--- a/client/src/pages/VideoPage.tsx
+++ b/client/src/pages/VideoPage.tsx
@@ -310,7 +310,7 @@ export default function VideoPage() {
             <div className="w-0 h-0 border-l-[12px] border-l-white border-y-[9px] border-y-transparent ml-1"></div>
           </div>
           <h3 className="text-white text-xl font-bold mb-2">video.folx.tv</h3>
-          <p className="text-bunny-light">Loading video...</p>
+          <p className="text-bunny-light">Video wird geladen...</p>
         </div>
       </div>
     );
@@ -324,7 +324,7 @@ export default function VideoPage() {
             <div className="w-0 h-0 border-l-[9px] border-l-white border-y-[7px] border-y-transparent ml-1"></div>
           </div>
           <h3 className="text-white text-lg font-bold mb-2">video.folx.tv</h3>
-          <p className="text-bunny-light">Video not found</p>
+          <p className="text-bunny-light">Video nicht gefunden</p>
         </div>
       </div>
     );
@@ -351,19 +351,19 @@ export default function VideoPage() {
               {/* Desktop navigation */}
               <div className="hidden md:flex items-center space-x-6">
                 <nav className="flex space-x-6">
-                  <Link href="/" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
+                  <Link href="/" className="relative text-bunny-light hover:text-white transition-colors group">
                     Startseite
                     <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] transition-all duration-300 group-hover:w-full"></span>
                   </Link>
-                  <Link href="/folx-stadl" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
+                  <Link href="/folx-stadl" className="relative text-bunny-light hover:text-white transition-colors group">
                     FOLX STADL
                     <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] transition-all duration-300 group-hover:w-full"></span>
                   </Link>
-                  <Link href="/geschichte-lied" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
+                  <Link href="/geschichte-lied" className="relative text-bunny-light hover:text-white transition-colors group">
                     DIE GESCHICHTE DES LIEDES
                     <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] transition-all duration-300 group-hover:w-full"></span>
                   </Link>
-                  <Link href="/gipfelstammtisch" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
+                  <Link href="/gipfelstammtisch" className="relative text-bunny-light hover:text-white transition-colors group">
                     GIPFELSTAMMTISCH
                     <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] transition-all duration-300 group-hover:w-full"></span>
                   </Link>
@@ -407,28 +407,28 @@ export default function VideoPage() {
                 <nav className="flex flex-col space-y-4">
                   <Link 
                     href="/" 
-                    className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
+                    className="text-bunny-light hover:text-white transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
                     onClick={() => setIsMobileMenuOpen(false)}
                   >
                     Startseite
                   </Link>
                   <Link 
                     href="/folx-stadl" 
-                    className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
+                    className="text-bunny-light hover:text-white transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
                     onClick={() => setIsMobileMenuOpen(false)}
                   >
                     FOLX STADL
                   </Link>
                   <Link 
                     href="/geschichte-lied" 
-                    className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
+                    className="text-bunny-light hover:text-white transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
                     onClick={() => setIsMobileMenuOpen(false)}
                   >
                     DIE GESCHICHTE DES LIEDES
                   </Link>
                   <Link 
                     href="/gipfelstammtisch" 
-                    className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
+                    className="text-bunny-light hover:text-white transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
                     onClick={() => setIsMobileMenuOpen(false)}
                   >
                     GIPFELSTAMMTISCH
@@ -812,13 +812,13 @@ export default function VideoPage() {
             
             {/* Legal Links */}
             <div className="flex items-center space-x-6 text-sm">
-              <Link href="/impressum" className="text-bunny-muted hover:text-[#da234d] transition-colors">
+              <Link href="/impressum" className="text-bunny-muted hover:text-white transition-colors">
                 Impressum
               </Link>
-              <Link href="/privacy" className="text-bunny-muted hover:text-[#da234d] transition-colors">
+              <Link href="/privacy" className="text-bunny-muted hover:text-white transition-colors">
                 Datenschutz
               </Link>
-              <Link href="/terms" className="text-bunny-muted hover:text-[#da234d] transition-colors">
+              <Link href="/terms" className="text-bunny-muted hover:text-white transition-colors">
                 Nutzungsbedingungen
               </Link>
             </div>
diff --git a/client/src/pages/home.tsx b/client/src/pages/home.tsx
index ff9d4df..9fb783b 100644
--- a/client/src/pages/home.tsx
+++ b/client/src/pages/home.tsx
@@ -87,19 +87,19 @@ export default function Home() {
               {/* Desktop navigation */}
               <div className="hidden md:flex items-center space-x-6">
                 <nav className="flex space-x-6">
-                  <Link href="/" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
+                  <Link href="/" className="relative text-bunny-light hover:text-white transition-colors group">
                     Startseite
                     <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-rose-400 via-pink-500 to-rose-600 transition-all duration-300 group-hover:w-full"></span>
                   </Link>
-                  <Link href="/folx-stadl" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
+                  <Link href="/folx-stadl" className="relative text-bunny-light hover:text-white transition-colors group">
                     FOLX STADL
                     <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-rose-400 via-pink-500 to-rose-600 transition-all duration-300 group-hover:w-full"></span>
                   </Link>
-                  <Link href="/geschichte-lied" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
+                  <Link href="/geschichte-lied" className="relative text-bunny-light hover:text-white transition-colors group">
                     DIE GESCHICHTE DES LIEDES
                     <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-rose-400 via-pink-500 to-rose-600 transition-all duration-300 group-hover:w-full"></span>
                   </Link>
-                  <Link href="/gipfelstammtisch" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
+                  <Link href="/gipfelstammtisch" className="relative text-bunny-light hover:text-white transition-colors group">
                     GIPFELSTAMMTISCH
                     <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-rose-400 via-pink-500 to-rose-600 transition-all duration-300 group-hover:w-full"></span>
                   </Link>
@@ -143,28 +143,28 @@ export default function Home() {
                 <nav className="flex flex-col space-y-4">
                   <Link 
                     href="/" 
-                    className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
+                    className="text-bunny-light hover:text-white transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
                     onClick={() => setIsMobileMenuOpen(false)}
                   >
                     Startseite
                   </Link>
                   <Link 
                     href="/folx-stadl" 
-                    className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
+                    className="text-bunny-light hover:text-white transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
                     onClick={() => setIsMobileMenuOpen(false)}
                   >
                     FOLX STADL
                   </Link>
                   <Link 
                     href="/geschichte-lied" 
-                    className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
+                    className="text-bunny-light hover:text-white transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
                     onClick={() => setIsMobileMenuOpen(false)}
                   >
                     DIE GESCHICHTE DES LIEDES
                   </Link>
                   <Link 
                     href="/gipfelstammtisch" 
-                    className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
+                    className="text-bunny-light hover:text-white transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
                     onClick={() => setIsMobileMenuOpen(false)}
                   >
                     GIPFELSTAMMTISCH
@@ -217,13 +217,13 @@ export default function Home() {
             
             {/* Legal Links */}
             <div className="flex items-center space-x-6 text-sm">
-              <Link href="/impressum" className="text-bunny-muted hover:text-[#da234d] transition-colors">
+              <Link href="/impressum" className="text-bunny-muted hover:text-white transition-colors">
                 Impressum
               </Link>
-              <Link href="/privacy" className="text-bunny-muted hover:text-[#da234d] transition-colors">
+              <Link href="/privacy" className="text-bunny-muted hover:text-white transition-colors">
                 Datenschutz
               </Link>
-              <Link href="/terms" className="text-bunny-muted hover:text-[#da234d] transition-colors">
+              <Link href="/terms" className="text-bunny-muted hover:text-white transition-colors">
                 Nutzungsbedingungen
               </Link>
             </div>
diff --git a/client/src/pages/not-found.tsx b/client/src/pages/not-found.tsx
index ada1629..1cb135f 100644
--- a/client/src/pages/not-found.tsx
+++ b/client/src/pages/not-found.tsx
@@ -29,19 +29,19 @@ export default function NotFound() {
             
             <div className="hidden md:flex items-center space-x-6">
               <nav className="flex space-x-6">
-                <a href="/" className="relative text-bunny-light hover:text-[#da234d] transition-colors group" data-testid="link-home">
+                <a href="/" className="relative text-bunny-light hover:text-white transition-colors group" data-testid="link-home">
                   Home
                   <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] transition-all duration-300 group-hover:w-full"></span>
                 </a>
-                <a href="/folx-stadl" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
+                <a href="/folx-stadl" className="relative text-bunny-light hover:text-white transition-colors group">
                   FOLX STADL
                   <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] transition-all duration-300 group-hover:w-full"></span>
                 </a>
-                <a href="/geschichte-lied" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
+                <a href="/geschichte-lied" className="relative text-bunny-light hover:text-white transition-colors group">
                   DIE GESCHICHTE DES LIEDES
                   <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] transition-all duration-300 group-hover:w-full"></span>
                 </a>
-                <a href="/gipfelstammtisch" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
+                <a href="/gipfelstammtisch" className="relative text-bunny-light hover:text-white transition-colors group">
                   GIPFELSTAMMTISCH
                   <span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] transition-all duration-300 group-hover:w-full"></span>
                 </a>