P1: Aktiver Navigationszustand (aria-current + visuell)

Desktop: emerald Unterstrich + font-semibold auf dem aktiven Eintrag;
mobil: fett + emerald. request.url.path steuert den Zustand, kein JS
nötig. Mobiles Menü schließt weiterhin nach jedem Link-Klick.

src/redaktionskern/templates/base.html

@@ -18,7 +18,9 @@
     <!-- Desktop: horizontale Navigationsleiste -->
     <span class="hidden md:flex items-center gap-5 flex-1">
       {% for eintrag in plugin_nav %}
-        <a href="{{ eintrag.url }}" class="text-sm text-slate-600 hover:text-emerald-700">{{ eintrag.label }}</a>
+        {% set aktiv = request.url.path == eintrag.url or request.url.path.startswith(eintrag.url ~ '/') %}
+        <a href="{{ eintrag.url }}" {% if aktiv %}aria-current="page"{% endif %}
+           class="text-sm pb-0.5 border-b-2 {% if aktiv %}text-emerald-700 font-semibold border-emerald-600{% else %}text-slate-600 border-transparent hover:text-emerald-700 hover:border-emerald-300{% endif %}">{{ eintrag.label }}</a>
       {% endfor %}
     </span>
     <!-- Mobil: Burger-Button (Alpine.js), Touch-Ziel &ge;&ge; 44px -->
@@ -61,8 +63,9 @@
   <div id="hauptmenue-mobil" x-show="menue" x-cloak @click.outside="menue = false"
        class="md:hidden border-t border-slate-200 bg-white px-4 pb-3 pt-2">
     {% for eintrag in plugin_nav %}
-      <a href="{{ eintrag.url }}" @click="menue = false"
+      {% set aktiv = request.url.path == eintrag.url or request.url.path.startswith(eintrag.url ~ '/') %}
-         class="block py-3 text-sm font-medium text-slate-700 hover:text-emerald-700 border-b border-slate-100 last:border-0">
+      <a href="{{ eintrag.url }}" @click="menue = false" {% if aktiv %}aria-current="page"{% endif %}
+         class="block py-3 text-sm border-b border-slate-100 last:border-0 {% if aktiv %}font-semibold text-emerald-700{% else %}font-medium text-slate-700 hover:text-emerald-700{% endif %}">
         {{ eintrag.label }}
       </a>
     {% endfor %}