From af7be9769b344ee84080bc90ddb7f9648f51536c Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Mon, 1 Sep 2025 21:33:37 +0000
Subject: [PATCH] Update navigation links to use vertical bars as separators

Replace bullet point separators with vertical bars in navigation links across multiple pages (FolxStadlPage, GeschichteLiedPage, GipfelstammtischPage, Home) in the client-side React application.

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/2xHHKQn
---
 client/src/pages/FolxStadlPage.tsx        | 6 +++---
 client/src/pages/GeschichteLiedPage.tsx   | 6 +++---
 client/src/pages/GipfelstammtischPage.tsx | 6 +++---
 client/src/pages/home.tsx                 | 6 +++---
 4 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/client/src/pages/FolxStadlPage.tsx b/client/src/pages/FolxStadlPage.tsx
index e1e9468..0d70026 100644
--- a/client/src/pages/FolxStadlPage.tsx
+++ b/client/src/pages/FolxStadlPage.tsx
@@ -320,11 +320,11 @@ export default function FolxStadlPage() {
             <div className="col-span-1">
               <div className="flex flex-wrap gap-2 pt-2">
                 <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Hilfe & FAQ</a>
-                <span className="text-bunny-muted">•</span>
+                <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>
+                <span className="text-bunny-muted">|</span>
                 <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Datenschutz</a>
-                <span className="text-bunny-muted">•</span>
+                <span className="text-bunny-muted">|</span>
                 <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Impressum</a>
               </div>
             </div>
diff --git a/client/src/pages/GeschichteLiedPage.tsx b/client/src/pages/GeschichteLiedPage.tsx
index f3d5a43..85237db 100644
--- a/client/src/pages/GeschichteLiedPage.tsx
+++ b/client/src/pages/GeschichteLiedPage.tsx
@@ -321,11 +321,11 @@ export default function GeschichteLiedPage() {
             <div className="col-span-1">
               <div className="flex flex-wrap gap-2 pt-2">
                 <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Hilfe & FAQ</a>
-                <span className="text-bunny-muted">•</span>
+                <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>
+                <span className="text-bunny-muted">|</span>
                 <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Datenschutz</a>
-                <span className="text-bunny-muted">•</span>
+                <span className="text-bunny-muted">|</span>
                 <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Impressum</a>
               </div>
             </div>
diff --git a/client/src/pages/GipfelstammtischPage.tsx b/client/src/pages/GipfelstammtischPage.tsx
index 7c9df27..d0fc73b 100644
--- a/client/src/pages/GipfelstammtischPage.tsx
+++ b/client/src/pages/GipfelstammtischPage.tsx
@@ -321,11 +321,11 @@ export default function GipfelstammtischPage() {
             <div className="col-span-1">
               <div className="flex flex-wrap gap-2 pt-2">
                 <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Hilfe & FAQ</a>
-                <span className="text-bunny-muted">•</span>
+                <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>
+                <span className="text-bunny-muted">|</span>
                 <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Datenschutz</a>
-                <span className="text-bunny-muted">•</span>
+                <span className="text-bunny-muted">|</span>
                 <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Impressum</a>
               </div>
             </div>
diff --git a/client/src/pages/home.tsx b/client/src/pages/home.tsx
index 45894ba..bd753b1 100644
--- a/client/src/pages/home.tsx
+++ b/client/src/pages/home.tsx
@@ -237,11 +237,11 @@ export default function Home() {
             <div className="col-span-1">
               <div className="flex flex-wrap gap-2 pt-2">
                 <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Hilfe & FAQ</a>
-                <span className="text-bunny-muted">•</span>
+                <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>
+                <span className="text-bunny-muted">|</span>
                 <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Datenschutz</a>
-                <span className="text-bunny-muted">•</span>
+                <span className="text-bunny-muted">|</span>
                 <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Impressum</a>
               </div>
             </div>