From f60c9ee2b04a1d3da47feabf919d6e742960f8fe Mon Sep 17 00:00:00 2001 From: Dogfather Date: Fri, 31 Jul 2026 17:49:08 +0200 Subject: [PATCH] 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 --- assets/css/main.css | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/assets/css/main.css b/assets/css/main.css index cbd51f1..a9a4ed7 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -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 {