Nav-Bar: Menü näher ans Logo (statt rechts an die Kante gepresst) + Polarlicht-Kategorien

- .nav-bar: justify-content von space-between auf flex-start + eigenen
  Gap gewechselt — Menü rückt näher ans Logo, übriger Platz bleibt rechts
  statt als große Lücke zwischen Logo und "Start" zu klaffen.
- .nav-links Abstand nochmal erhöht (2.1rem -> 2.4rem), da "Start"/
  "Manager" laut Rückmeldung immer noch zu eng wirkten.
- Jede Nav-Kategorie (DogFather/HasiDog/Manager/Medien/Start) bekommt
  jetzt einen dezenten, augenschonenden Polarlicht-Schimmer in den
  ECHTEN Farben ihrer jeweiligen Welt (aus theme-dogfather/-hasidog/
  -spicymedia.css) — ruhig im Normalzustand, etwas kräftiger bei Hover/
  offenem Dropdown. "Links" bleibt bewusst neutral (keine eigene Welt).

assets/js/main.js

@@ -238,14 +238,28 @@
     return href === currentFile;
   }
 
+  /* Ordnet jedem Nav-Punkt die Farbklasse SEINER Welt zu (siehe
+     .nav-item-* in main.css, Farben aus theme-dogfather/-hasidog/
+     -spicymedia.css) — für den augenschonenden Polarlicht-Schimmer pro
+     Kategorie. "Links" bekommt bewusst keine Farbe (keine eigene Welt,
+     sitzt direkt neben dem schon bunten Bewerben-Knopf). */
+  const NAV_FARBKLASSE = {
+    nav_start: "nav-item-start",
+    nav_dogfather: "nav-item-dogfather",
+    nav_hasidog: "nav-item-hasidog",
+    nav_manager: "nav-item-manager",
+    nav_medien: "nav-item-medien",
+  };
+
   function renderNavItem(item) {
+    const farbklasse = NAV_FARBKLASSE[item.key] ? ` ${NAV_FARBKLASSE[item.key]}` : "";
     if (!item.children) {
-      return `<a class="nav-flat${isActive(item.href) ? " active" : ""}" href="${item.href}">${t(item.key)}</a>`;
+      return `<a class="nav-flat${farbklasse}${isActive(item.href) ? " active" : ""}" href="${item.href}">${t(item.key)}</a>`;
     }
     const activeChild = item.children.some((c) => isActive(c.href));
     return `
       <div class="nav-group${activeChild ? " open-hint" : ""}">
-        <button type="button" aria-expanded="false">${t(item.key)} <span aria-hidden="true">▾</span></button>
+        <button type="button" class="${farbklasse.trim()}" aria-expanded="false">${t(item.key)} <span aria-hidden="true">▾</span></button>
         <div class="nav-dropdown">
           ${item.children
             .map(