Fix: Desktop-Nav lief ab ~1500px Fensterbreite ueber den Rand hinaus

Nutzer-Report per Screenshot: "DogiCrew"-Knopf/"BALD"-Badge rechts
abgeschnitten. Ursache: die Hamburger-Schwelle (1480px) und der
Nav-Bar-Breiten-Deckel (1440px) wurden schon zweimal knapp nachgezogen,
reichten aber nicht mehr, seit die Nav um den "DogiCrew"-Knopf + "BALD"-
Badge gewachsen ist (braucht jetzt real ~1491px). Ergebnis: bei JEDER
Fensterbreite ab ca. 1500px (nicht nur in einer schmalen Uebergangszone)
lief die Nav dauerhaft ~50px ueber den Rand.

Diesmal mit echtem Sicherheitsabstand statt wieder nur knapp behoben:
Schwelle 1480px -> 1650px, Deckel 1440px -> 1560px. Per Playwright ueber
den kompletten Bereich 1024-2560px nachgeprueft, keine Ueberlaeufe mehr.
Header ist site-weit eine gemeinsame Vorlage (main.js/main.css), Fix gilt
damit automatisch fuer alle Seiten.

Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
2026-08-20 16:38:46 +02:00
co-authored by Claude Opus 5
parent bda3198c76
commit 94182cc6ab
+23 -19
View File
@@ -121,17 +121,14 @@ header.site-header {
braucht durch größere Schrift + mehr Abstand + Polarlicht-Padding
spürbar mehr Platz, ohne dass der restliche Seiteninhalt breiter
werden soll.
Bugfix 04.08.2026: Der feste 1400px-Deckel war zu knapp — der
tatsächliche Inhalt (Logo+Menü+Sprachschalter+DogiCrew-Knopf+
Bewerben-Knopf) braucht bei aufgeklapptem Desktop-Menü (ab 1480px
Breite, siehe Media Query unten) ca. 1417px und lief dadurch IMMER
um ca. 17px über den Rahmen hinaus — auf breiten Bildschirmen ohne
sichtbaren Schaden (genug Luft drumherum), aber bei schmaleren
Fenstern knapp über der 1480px-Schwelle (z.B. Laptop-Fenster nicht
maximiert, oder Browser-Zoom >100%) wurde dadurch der rechte Rand
(der "Bewerben"-Knopf) sichtbar abgeschnitten. 1400px -> 1440px gibt
ausreichend Puffer, ohne auf breiten Screens spürbar größer zu wirken. */
width: min(1440px, 94vw);
Bugfix 04.08.2026: 1400px -> 1440px angehoben (siehe damalige Analyse).
Bugfix 20.08.2026: reichte seither wieder nicht mehr — die Nav braucht
inzwischen (Nav-Punkt "DogiCrew" + "BALD"-Badge dazugekommen) real ca.
1491px, der Deckel blieb bei 1440px. 1440px -> 1560px, zusammen mit der
auf 1650px angehobenen Hamburger-Schwelle weiter unten (siehe Kommentar
dort) — diesmal mit echtem Sicherheitsabstand statt wieder nur knapp
genug für den aktuellen Stand. */
width: min(1560px, 94vw);
margin: 0 auto;
display: flex;
align-items: center;
@@ -1438,14 +1435,21 @@ header.site-header {
cursor: pointer;
}
/* 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) {
/* Bugfix 20.08.2026 (Nutzer-Report per Screenshot: "DogiCrew"-Knopf/Badge
rechts abgeschnitten): die Schwelle war schon zweimal angehoben (880 ->
1480px, dazu der .nav-bar-Deckel 1400 -> 1440px), reichte aber seither
NICHT mehr aus — seit den neu dazugekommenen Nav-Punkten "DogiCrew" +
"BALD"-Badge braucht die aufgeklappte Desktop-Nav real ca. 1491px
Breite (per Playwright über mehrere Breiten nachgemessen), der Deckel
blieb aber bei 1440px hart begrenzt. Ergebnis: bei JEDER Fensterbreite
ab ca. 1500px (nicht nur in einer schmalen Übergangszone) lief die Nav
permanent ca. 50px über den Rand hinaus. Diesmal mit echtem Sicherheits-
abstand behoben statt wieder nur knapp: Schwelle auf 1650px, Deckel auf
1560px — bei exakt 1650px ergibt min(1560px, 94vw) ≈ 1551px, spürbar
mehr als die gemessenen ~1491px nötigen Breite. Bei jeder Fensterbreite
NACH der Schwelle reicht 94vw automatisch weiter aus (nur ganz nah an
der Schwelle war die Lücke kritisch). */
@media (max-width: 1650px) {
.nav-toggle { display: block; }
.nav-links {
position: fixed;