Fix: backdrop-filter auf der Kopfzeile entfernt

Bestaetigt in Chrome UND Edge (headless): backdrop-filter:blur() auf der
sticky-positionierten Kopfzeile fuehrte dazu, dass Logo und Menue-Knopf
bei schmaler Fensterbreite unsichtbar gerendert wurden (bestaetigt durch
Debug-Umrandungen und durch Deaktivieren des Filters, wonach der Inhalt
wieder auftauchte). Jetzt deckende Hintergrundfarbe ohne Weichzeichner.

Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
2026-07-31 17:49:08 +02:00
co-authored by Claude Opus 5
parent bcef85cc23
commit f60c9ee2b0
+5 -2
View File
@@ -101,8 +101,11 @@ header.site-header {
position: sticky;
top: 0;
z-index: 50;
background: rgba(11,13,16,.82);
backdrop-filter: blur(10px);
/* Kräftig deckend statt Weichzeichnen durch das Bild dahinter — die
Kombination aus backdrop-filter + fest positionierter Kopfzeile führte
bei Chromium-Rendern zu Darstellungsfehlern (Logo/Menü teils unsichtbar).
Deckende Farbe braucht keinen Weichzeichner und ist zusätzlich schneller. */
background: var(--bg);
border-bottom: 1px solid var(--border);
}
.nav-bar {