Fix: Logo und Menue-Knopf konnten in der Kopfzeile auf null zusammengequetscht werden

Beim Testen in schmaler Breite fielen Logo/Markenname und Hamburger-Menue
komplett weg. Ursache: die Kopfzeile ist ein Flexbox-Container ohne
flex-shrink:0 auf den wichtigen Elementen - unter bestimmten Bedingungen
(z.B. bevor das mobile Menue seine fixed-Position bekommt) konnten Logo
und Menue-Knopf auf Breite 0 gequetscht werden.

Fix: nav-bar bekommt flex-wrap:nowrap, brand und nav-toggle bekommen
flex-shrink:0 - sie behalten jetzt immer ihre volle Groesse.

Co-Authored-By: Claude Opus 5 <[email protected]>

assets/css/main.css

@@ -112,7 +112,12 @@ header.site-header {
   align-items: center;
   justify-content: space-between;
   padding: .9rem 0;
+  flex-wrap: nowrap;
 }
+/* Logo und Menü-Knopf dürfen NIE zusammengequetscht werden — auch nicht,
+   wenn .nav-links (das ausgeklappte Menü) aus irgendeinem Grund kurzzeitig
+   noch normal mitgerechnet wird, bevor die Klappt-Logik greift. */
+.brand, .nav-toggle { flex-shrink: 0; }
 .brand {
   display: flex;
   align-items: center;