Organize website support links into two distinct rows

Restructure the display of support links on multiple pages by grouping them into two rows for improved visual layout and readability.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 890577b1-c154-40a4-a177-a0c6d55320c3
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/890577b1-c154-40a4-a177-a0c6d55320c3/DyHCx4q

client/src/pages/FolxStadlPage.tsx

@@ -318,17 +318,20 @@ export default function FolxStadlPage() {
 
             {/* Support Links */}
             <div className="col-span-1">
-              <div className="flex gap-4 pt-2 pl-4">
+              <div className="pt-2 pl-4 space-y-1">
+                <div className="flex gap-4">
                   <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Hilfe & FAQ</a>
                   <span className="text-bunny-muted">|</span>
                   <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Kontakt</a>
-                <span className="text-bunny-muted">|</span>
+                </div>
+                <div className="flex gap-4">
                   <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Datenschutz</a>
                   <span className="text-bunny-muted">|</span>
                   <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Impressum</a>
                 </div>
               </div>
             </div>
+          </div>
 
           {/* Copyright */}
           <div className="border-t border-white/10 mt-8 pt-6 text-center">

client/src/pages/GeschichteLiedPage.tsx

@@ -319,17 +319,20 @@ export default function GeschichteLiedPage() {
 
             {/* Support Links */}
             <div className="col-span-1">
-              <div className="flex gap-4 pt-2 pl-4">
+              <div className="pt-2 pl-4 space-y-1">
+                <div className="flex gap-4">
                   <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Hilfe & FAQ</a>
                   <span className="text-bunny-muted">|</span>
                   <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Kontakt</a>
-                <span className="text-bunny-muted">|</span>
+                </div>
+                <div className="flex gap-4">
                   <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Datenschutz</a>
                   <span className="text-bunny-muted">|</span>
                   <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Impressum</a>
                 </div>
               </div>
             </div>
+          </div>
 
           {/* Copyright */}
           <div className="border-t border-white/10 mt-8 pt-6 text-center">

client/src/pages/GipfelstammtischPage.tsx

@@ -319,17 +319,20 @@ export default function GipfelstammtischPage() {
 
             {/* Support Links */}
             <div className="col-span-1">
-              <div className="flex gap-4 pt-2 pl-4">
+              <div className="pt-2 pl-4 space-y-1">
+                <div className="flex gap-4">
                   <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Hilfe & FAQ</a>
                   <span className="text-bunny-muted">|</span>
                   <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Kontakt</a>
-                <span className="text-bunny-muted">|</span>
+                </div>
+                <div className="flex gap-4">
                   <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Datenschutz</a>
                   <span className="text-bunny-muted">|</span>
                   <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Impressum</a>
                 </div>
               </div>
             </div>
+          </div>
 
           {/* Copyright */}
           <div className="border-t border-white/10 mt-8 pt-6 text-center">

client/src/pages/home.tsx

@@ -235,17 +235,20 @@ export default function Home() {
 
             {/* Support Links */}
             <div className="col-span-1">
-              <div className="flex gap-4 pt-2 pl-4">
+              <div className="pt-2 pl-4 space-y-1">
+                <div className="flex gap-4">
                   <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Hilfe & FAQ</a>
                   <span className="text-bunny-muted">|</span>
                   <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Kontakt</a>
-                <span className="text-bunny-muted">|</span>
+                </div>
+                <div className="flex gap-4">
                   <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Datenschutz</a>
                   <span className="text-bunny-muted">|</span>
                   <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Impressum</a>
                 </div>
               </div>
             </div>
+          </div>
 
           {/* Copyright */}
           <div className="border-t border-white/10 mt-8 pt-6 text-center">