Erweitere die Navigation um einen neuen Link zu "Links" und aktualisiere die Logik zur Bestimmung des aktuellen Submenüs, um die neue Route zu berücksichtigen.

components/Navigation.vue

@@ -36,7 +36,7 @@
 
               <button
                 class="px-4 py-2 text-gray-300 hover:text-white font-medium transition-all rounded-lg hover:bg-primary-700/50"
-                :class="(route.path.startsWith('/verein/') || route.path.startsWith('/vorstand') || route.path.startsWith('/vereinsmeisterschaften') || currentSubmenu === 'verein') ? 'text-white bg-primary-600' : ''"
+                :class="(route.path.startsWith('/verein/') || route.path.startsWith('/vorstand') || route.path.startsWith('/vereinsmeisterschaften') || route.path.startsWith('/links') || currentSubmenu === 'verein') ? 'text-white bg-primary-600' : ''"
                 @click="toggleSubmenu('verein')"
               >
                 Verein
@@ -177,6 +177,13 @@
                   >
                     Galerie
                   </NuxtLink>
+                  <NuxtLink
+                    to="/links"
+                    class="px-2.5 py-1 text-xs text-gray-300 hover:text-white hover:bg-primary-700/50 rounded transition-all"
+                    active-class="text-white bg-primary-600"
+                  >
+                    Links
+                  </NuxtLink>
                 </template>
 
                 <!-- Mannschaften Submenu -->
@@ -514,6 +521,13 @@
               >
                 Galerie
               </NuxtLink>
+              <NuxtLink
+                to="/links"
+                class="block px-4 py-2 text-sm text-gray-400 hover:text-white hover:bg-primary-700/50 rounded-lg transition-colors"
+                @click="isMobileMenuOpen = false"
+              >
+                Links
+              </NuxtLink>
               <NuxtLink
                 to="/newsletter/subscribe"
                 class="block px-4 py-2 text-sm text-gray-400 hover:text-white hover:bg-primary-700/50 rounded-lg transition-colors"
@@ -868,6 +882,7 @@ const canAccessContactRequests = computed(() => {
 const currentSubmenu = computed(() => {
   const path = route.path
   if (path.startsWith('/verein/') || path.startsWith('/vorstand') ||
+    path.startsWith('/links') ||
     path.startsWith('/vereinsmeisterschaften')) {
     return 'verein'
   }
@@ -987,7 +1002,7 @@ const toggleSubmenu = (menu) => {
 
   if (menu === 'newsletter' && !path.startsWith('/newsletter')) {
     navigateTo('/newsletter/subscribe')
-  } else if (menu === 'verein' && !path.startsWith('/verein/') && !path.startsWith('/vorstand') && !path.startsWith('/vereinsmeisterschaften')) {
+  } else if (menu === 'verein' && !path.startsWith('/verein/') && !path.startsWith('/vorstand') && !path.startsWith('/vereinsmeisterschaften') && !path.startsWith('/links')) {
     navigateTo('/verein/ueber-uns')
   } else if (menu === 'mannschaften' && !path.startsWith('/mannschaften') && !path.startsWith('/spielsysteme')) {
     navigateTo('/mannschaften')

pages/links.vue

@@ -0,0 +1,122 @@
+<template>
+  <div class="min-h-full py-16 bg-gray-50">
+    <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
+      <h1 class="text-4xl sm:text-5xl font-display font-bold text-gray-900 mb-6">
+        Links
+      </h1>
+      <div class="w-24 h-1 bg-primary-600 mb-8" />
+
+      <p class="text-lg text-gray-600 mb-10">
+        Nützliche Verweise rund um Tischtennis, Verbände, Ergebnisse und Partner.
+      </p>
+
+      <div class="grid md:grid-cols-2 gap-6">
+        <section class="bg-white rounded-xl shadow-lg p-6">
+          <h2 class="text-2xl font-display font-bold text-gray-900 mb-4">
+            Ergebnisse & Portale
+          </h2>
+          <ul class="space-y-3">
+            <li>
+              <a href="http://www.mytischtennis.de/public/home" target="_blank" rel="noopener noreferrer" class="text-primary-700 hover:text-primary-900 font-medium">
+                MyTischtennis.de
+              </a>
+              <span class="text-gray-600"> (offizielle QTTR-Werte)</span>
+            </li>
+            <li>
+              <a href="http://httv.click-tt.de/" target="_blank" rel="noopener noreferrer" class="text-primary-700 hover:text-primary-900 font-medium">
+                Click-tt Ergebnisse
+              </a>
+              <span class="text-gray-600"> (offizieller Ergebnisdienst HTTV)</span>
+            </li>
+            <li>
+              <a href="https://www.tischtennis-pur.de/" target="_blank" rel="noopener noreferrer" class="text-primary-700 hover:text-primary-900 font-medium">
+                Tischtennis Pur - das Tischtennis Portal
+              </a>
+              <span class="text-gray-600"> (Informationen, Blogs, Fachbeiträge, Tipps)</span>
+            </li>
+            <li>
+              <a href="https://ticker.tt-news.com/" target="_blank" rel="noopener noreferrer" class="text-primary-700 hover:text-primary-900 font-medium">
+                Liveticker 2. und 3. TT-Bundesliga
+              </a>
+            </li>
+          </ul>
+        </section>
+
+        <section class="bg-white rounded-xl shadow-lg p-6">
+          <h2 class="text-2xl font-display font-bold text-gray-900 mb-4">
+            Verbände
+          </h2>
+          <ul class="space-y-3">
+            <li>
+              <a href="http://www.httv.de/" target="_blank" rel="noopener noreferrer" class="text-primary-700 hover:text-primary-900 font-medium">
+                Hessischer Tischtennisverband (HTTV)
+              </a>
+            </li>
+            <li>
+              <a href="http://www.tischtennis.de/aktuelles/" target="_blank" rel="noopener noreferrer" class="text-primary-700 hover:text-primary-900 font-medium">
+                Deutscher Tischtennisbund (DTTB)
+              </a>
+            </li>
+            <li>
+              <a href="http://www.ettu.org/" target="_blank" rel="noopener noreferrer" class="text-primary-700 hover:text-primary-900 font-medium">
+                European Table Tennis Union (ETTU)
+              </a>
+            </li>
+            <li>
+              <a href="https://www.ittf.com/" target="_blank" rel="noopener noreferrer" class="text-primary-700 hover:text-primary-900 font-medium">
+                International Table Tennis Federation (ITTF)
+              </a>
+            </li>
+          </ul>
+        </section>
+
+        <section class="bg-white rounded-xl shadow-lg p-6">
+          <h2 class="text-2xl font-display font-bold text-gray-900 mb-4">
+            Regionale Links
+          </h2>
+          <ul class="space-y-3">
+            <li>
+              <a href="http://www.frankfurt.de/" target="_blank" rel="noopener noreferrer" class="text-primary-700 hover:text-primary-900 font-medium">
+                Stadt Frankfurt
+              </a>
+            </li>
+            <li>
+              <a href="http://www.harheim.com/" target="_blank" rel="noopener noreferrer" class="text-primary-700 hover:text-primary-900 font-medium">
+                Vereinsring Harheim
+              </a>
+            </li>
+          </ul>
+        </section>
+
+        <section class="bg-white rounded-xl shadow-lg p-6">
+          <h2 class="text-2xl font-display font-bold text-gray-900 mb-4">
+            Partner & Vereine
+          </h2>
+          <ul class="space-y-3">
+            <li>
+              <a href="http://www.ttcoe.de/" target="_blank" rel="noopener noreferrer" class="text-primary-700 hover:text-primary-900 font-medium">
+                TTC OE Bad Homburg
+              </a>
+            </li>
+            <li>
+              <a href="https://www.spvgg-steinkirchen.de/menue-abteilungen/abteilungen/tischtennis" target="_blank" rel="noopener noreferrer" class="text-primary-700 hover:text-primary-900 font-medium">
+                SpVgg Steinkirchen e.V.
+              </a>
+            </li>
+            <li>
+              <a href="https://www.mytischtennis.de/clicktt/ByTTV/24-25/ligen/Bezirksklasse-A-Gruppe-2-IN-PAF/gruppe/466925/tabelle/gesamt/" target="_blank" rel="noopener noreferrer" class="text-primary-700 hover:text-primary-900 font-medium">
+                Ergebnisse SpVgg Steinkirchen
+              </a>
+            </li>
+          </ul>
+        </section>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+useHead({
+  title: 'Links - Harheimer TC',
+})
+</script>