From 32e63d8ad7e7f283ee97a95fb1fe59dcaf989c91 Mon Sep 17 00:00:00 2001
From: Dogfather <dogfather1608@gmail.com>
Date: Sun, 2 Aug 2026 16:30:03 +0200
Subject: [PATCH] =?UTF-8?q?Fix:=20Nav-Bar=20=C3=BCberlief=20bei=20~1400px?=
 =?UTF-8?q?=20(durch=20vorherige=20=C3=84nderung=20verursacht)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Der Wechsel auf justify-content:flex-start + größere Gaps + horizontales
Button-Padding hat die nötige Content-Breite über den 1180px-Container-
Deckel getrieben (bei 1400px Viewport 1523px vs. 1180px verfügbar).
Behoben: eigener, breiterer .nav-bar-Container (1180px -> 1400px, nur
für den Header, .container für den restlichen Seiteninhalt bleibt
unverändert bei 1180px), fester statt viewport-wachsender Bewerben-Gap,
Button-Padding von .8rem auf .55rem reduziert, Hamburger-Schwelle auf
1480px angehoben. Vor dem Commit bei mehreren Breiten numerisch
(scrollWidth vs. clientWidth) UND per Screenshot verifiziert.
---
 assets/css/main.css | 29 ++++++++++++++++-------------
 1 file changed, 16 insertions(+), 13 deletions(-)

diff --git a/assets/css/main.css b/assets/css/main.css
index 869707b..2dad2e4 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -109,7 +109,11 @@ header.site-header {
   border-bottom: 1px solid var(--border);
 }
 .nav-bar {
-  width: min(1180px, 92vw);
+  /* Eigene, etwas breitere Kappung als .container (1180px) — die Nav
+     braucht durch größere Schrift + mehr Abstand + Polarlicht-Padding
+     spürbar mehr Platz, ohne dass der restliche Seiteninhalt breiter
+     werden soll. */
+  width: min(1400px, 94vw);
   margin: 0 auto;
   display: flex;
   align-items: center;
@@ -119,7 +123,7 @@ header.site-header {
      Menü mit festem Abstand direkt ans Logo heran, der übrige Platz
      bleibt rechts nach dem Bewerben-Knopf. */
   justify-content: flex-start;
-  gap: clamp(2rem, 5vw, 4.5rem);
+  gap: 2rem;
   padding: .9rem 0;
   flex-wrap: nowrap;
 }
@@ -173,7 +177,7 @@ header.site-header {
   display: flex;
   align-items: center;
   gap: .3rem;
-  padding: .5rem .8rem;
+  padding: .5rem .55rem;
   transition: color .2s ease;
 }
 .nav-group > button:hover, .nav-group.open > button { color: var(--accent); }
@@ -184,7 +188,7 @@ header.site-header {
   border-radius: 999px;
   font-weight: 600;
   font-size: 1.14rem;
-  padding: .5rem .8rem;
+  padding: .5rem .55rem;
   transition: color .2s ease;
 }
 .nav-flat:hover, .nav-flat.active { color: var(--accent); }
@@ -649,15 +653,14 @@ header.site-header {
   cursor: pointer;
 }
 
-/* Schwelle von 880px auf 1320px angehoben: nach der Vergrößerung von
-   Logo/Nav-Schrift/Sprachschalter/Bewerben-Button (02.08.2026) passte die
-   Desktop-Nav bei mittleren Laptop-Breiten nicht mehr in eine Zeile —
-   Sprachschalter/Bewerben verschwanden sichtbar aus der Leiste. Beim
-   Tagescheck-Selbstaudit gefunden und behoben. Zusätzlich der Abstand
-   zwischen den Nav-Punkten (.nav-links gap) vergrößert, da "Start" und
-   "Manager" zu eng aneinander wirkten — Schwelle deshalb nochmal leicht
-   angehoben, um genug Platz für den größeren Abstand zu behalten. */
-@media (max-width: 1320px) {
+/* Schwelle von ursprünglich 880px auf 1480px angehoben: nach mehreren
+   Vergrößerungsrunden (Logo/Nav-Schrift/Sprachschalter/Bewerben-Button,
+   mehr Abstand zwischen den Nav-Punkten, größerer eigener Nav-Container,
+   Polarlicht-Padding je Kategorie) braucht die Desktop-Nav deutlich mehr
+   Platz als früher. Live bei mehreren Breiten nachgeprüft (siehe Commits
+   vom 02.08.2026) — Schwelle hier bewusst großzügig, damit nie wieder
+   Elemente sichtbar aus der Leiste verschwinden. */
+@media (max-width: 1480px) {
   .nav-toggle { display: block; }
   .nav-links {
     position: fixed;