From 497d804244041c541907f2e9aed4f12044529e48 Mon Sep 17 00:00:00 2001
From: "Torsten Schulz (local)" <tsschulz@gmx.net>
Date: Fri, 4 Sep 2026 13:53:39 +0200
Subject: [PATCH] =?UTF-8?q?Verbessere=20das=20Layout=20des=20Navigationsme?=
 =?UTF-8?q?n=C3=BCs:=20F=C3=BCge=20Flexbox-Klassen=20f=C3=BCr=20das=20'int?=
 =?UTF-8?q?ern'-Submen=C3=BC=20hinzu=20und=20optimiere=20die=20Darstellung?=
 =?UTF-8?q?=20der=20Trennlinien.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/Navigation.vue | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/components/Navigation.vue b/components/Navigation.vue
index 97f5462..6c23640 100755
--- a/components/Navigation.vue
+++ b/components/Navigation.vue
@@ -117,7 +117,7 @@
             <div class="hidden min-w-0 flex-1 lg:flex items-center h-6 border-t border-primary-700/20">
               <div
                 v-if="currentSubmenu"
-                :class="currentSubmenu === 'mannschaften' ? 'relative min-w-0 flex-1' : 'flex min-w-0 items-center gap-1 overflow-x-auto whitespace-nowrap'"
+                :class="currentSubmenu === 'mannschaften' ? 'relative min-w-0 flex-1' : currentSubmenu === 'intern' ? 'flex min-w-0 items-center gap-1' : 'flex min-w-0 items-center gap-1 overflow-x-auto whitespace-nowrap'"
               >
                 <!-- Newsletter Submenu -->
                 <template v-if="currentSubmenu === 'newsletter'">
@@ -290,7 +290,8 @@
 
                 <!-- Intern Submenu -->
                 <template v-if="currentSubmenu === 'intern'">
-                  <NuxtLink
+                  <div class="flex min-w-0 flex-1 items-center gap-1 overflow-x-auto whitespace-nowrap">
+                    <NuxtLink
                     to="/mitgliederbereich"
                     class="px-2.5 py-1 text-xs font-semibold text-white hover:bg-primary-700/50 rounded transition-all"
                     active-class="bg-primary-600"
@@ -354,9 +355,10 @@
                       Kontaktanfragen
                     </NuxtLink>
                   </template>
+                  </div>
                   <template v-if="isAdmin">
-                    <div class="h-3 w-px bg-primary-700" />
-                    <div class="relative inline-block">
+                    <div class="h-3 w-px shrink-0 bg-primary-700" />
+                    <div class="relative shrink-0 inline-block">
                       <button
                         class="px-2.5 py-1 text-xs text-yellow-300 hover:text-white hover:bg-primary-700/50 rounded transition-all flex items-center"
                         :class="route.path.startsWith('/cms') ? 'text-white bg-primary-600' : ''"