Fix: per Klick geoeffnetes Nav-Kategorie-Menue schloss sich nicht von selbst

Nutzer-Report per Screenshot: Klick auf eine Kategorie (z.B. "DogFather")
liess das Untermenue offen stehen, bis irgendwo anders hingeklickt wurde --
verliess man es einfach mit der Maus, blieb es haengen. Jetzt schliesst
sich ein per Klick geoeffnetes Menue automatisch, sobald die Maus die
Kategorie (Knopf + Untermenue) verlaesst -- nur auf echten Maus-Geraeten
(hover:hover + pointer:fine), auf Touch/Tablet aendert sich nichts, dort
gibt es kein "mit der Maus verlassen". Per Playwright verifiziert: Klick
oeffnet, Mausbewegung weg schliesst.

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

assets/js/main.js

@@ -541,6 +541,24 @@
       });
     });
 
+    /* Bugfix 20.08.2026 (Nutzer-Report per Screenshot): ein per Klick
+       geöffnetes Kategorie-Menü blieb offen stehen, bis irgendwo anders
+       hingeklickt wurde — verlässt man es einfach nur mit der Maus (ohne
+       zu klicken), sollte es sich von selbst schließen, genau wie das
+       reine Hover-Aufklappen (siehe main.css @media (hover:hover)) es
+       nahelegt. Nur auf echten Maus-Geräten (nicht Touch/Tablet, dort
+       gibt es kein "Verlassen mit der Maus", nur echte Klicks). */
+    const hatEchteMaus = window.matchMedia("(hover: hover) and (pointer: fine)").matches;
+    if (hatEchteMaus) {
+      el.querySelectorAll(".nav-group").forEach((group) => {
+        group.addEventListener("mouseleave", () => {
+          if (!group.classList.contains("open")) return;
+          group.classList.remove("open");
+          group.querySelector("button")?.setAttribute("aria-expanded", "false");
+        });
+      });
+    }
+
     el.querySelectorAll(".sprach-schalter [data-sprache]").forEach((link) => {
       link.addEventListener("click", (e) => {
         e.preventDefault();