feat: responsives Frontend — Seitenleiste ab Desktop, Tabellen-Styling

Nav wird jetzt für alle Seiten aus einer einzigen Stelle
(layout.html-Block) gerendert: auf dem Handy ein per Checkbox-Hack
aufklappbares Menü (kein JavaScript), ab 960px Breite per CSS in eine
permanente, dunkle Seitenleiste im enconf-Look verwandelt — dieselbe
Markup-Struktur bedient beide Layouts, kein separates Desktop-Template.
<details>/<summary> wurde bewusst NICHT verwendet: aktuelle
Chromium-Versionen steuern dessen Auf-/Zuklapp-Zustand über eine
CSS-resistente interne Animation (auch mit !important nicht
überschreibbar), per Headless-Screenshot verifiziert.

Zusätzlich: Tabellen (vorher komplett ungestylt, betraf v. a. das
Register) haben jetzt echte Gestaltung inkl. horizontal scrollbarem
Wrapper für schmale Bildschirme, Listenkarten ohne Link-Wrapper
(Nutzer-/Abteilungsliste) bekommen dieselbe Kartenoptik wie
verlinkte Einträge, und destruktive Aktionen (Löschen/Deaktivieren)
sind jetzt visuell von primären Aktionen unterschieden.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

internal/web/templates/abteilung_liste.html

@@ -15,7 +15,7 @@
   <li>
     {{.Name}}
     <form method="post" action="/verwaltung/abteilungen/{{.ID}}/loeschen" style="display:inline" onsubmit="return confirm('Abteilung wirklich löschen?')">
-      <button type="submit">Löschen</button>
+      <button type="submit" class="entfernen">Löschen</button>
     </form>
   </li>
   {{end}}

internal/web/templates/betreiber_werkzeug_form.html

@@ -56,7 +56,7 @@
 </form>
 {{if .ID}}
 <form method="post" action="/betreiber/werkzeuge/{{.ID}}/loeschen" onsubmit="return confirm('Werkzeug wirklich löschen?')">
-  <button type="submit">Werkzeug löschen</button>
+  <button type="submit" class="entfernen">Werkzeug löschen</button>
 </form>
 {{end}}
 </div>

internal/web/templates/layout.html

@@ -6,21 +6,36 @@
 <script src="/static/htmx.min.js"></script>
 {{end}}
 
+{{/* Eine einzige Nav-Definition für alle Seiten (siehe navData in
+     middleware.go) — auf dem Handy ein aufklappbares Menü (Checkbox-
+     Hack, kein JavaScript: das <details>-Element scheitert daran, dass
+     aktuelle Chromium-Versionen dessen Auf-/Zuklapp-Zustand über eine
+     interne, nicht per CSS überschreibbare Animation steuern), ab
+     Desktop-Breite per CSS in eine permanent sichtbare Seitenleiste
+     verwandelt. Dieselbe Markup-Struktur bedient beide Layouts, siehe
+     app.css .app-nav. Die Checkbox ist bei jedem Seitenaufruf frisch
+     unchecked (serverseitig gerendert, kein Zustand über Navigation
+     hinweg nötig). */}}
 {{define "nav"}}
-<nav>
-  <a href="/">Start</a>
-  {{if not .IsBetreiber}}<a href="/antraege">Meine Anträge</a>{{end}}
-  {{if .IsFachebene}}<a href="/faelle">Posteingang</a>{{end}}
-  {{if .IsFachebene}}<a href="/registereintraege">Register</a>{{end}}
-  {{if .IsFachebene}}<a href="/wiedervorlage">Wiedervorlage</a>{{end}}
-  {{if .IsAdmin}}<a href="/verwaltung/nutzer">Nutzerverwaltung</a>{{end}}
-  {{if .IsAdmin}}<a href="/verwaltung/abteilungen">Abteilungen</a>{{end}}
-  {{if .IsAdmin}}<a href="/verwaltung/werkzeuge">Werkzeugkatalog</a>{{end}}
-  {{if .IsBetreiber}}<a href="/betreiber">Plattform</a>{{end}}
-  <form method="post" action="/logout" style="display:inline">
-    <button type="submit">Abmelden</button>
-  </form>
-</nav>
+<header class="topbar">
+  <a class="brand" href="/">Deklarix</a>
+  <input type="checkbox" id="nav-toggle" class="nav-toggle">
+  <label for="nav-toggle" class="nav-toggle-label" aria-label="Menü öffnen">Menü</label>
+  <nav class="app-nav">
+    <a href="/">Start</a>
+    {{if not .IsBetreiber}}<a href="/antraege">Meine Anträge</a>{{end}}
+    {{if .IsFachebene}}<a href="/faelle">Posteingang</a>{{end}}
+    {{if .IsFachebene}}<a href="/registereintraege">Register</a>{{end}}
+    {{if .IsFachebene}}<a href="/wiedervorlage">Wiedervorlage</a>{{end}}
+    {{if .IsAdmin}}<a href="/verwaltung/nutzer">Nutzerverwaltung</a>{{end}}
+    {{if .IsAdmin}}<a href="/verwaltung/abteilungen">Abteilungen</a>{{end}}
+    {{if .IsAdmin}}<a href="/verwaltung/werkzeuge">Werkzeugkatalog</a>{{end}}
+    {{if .IsBetreiber}}<a href="/betreiber">Plattform</a>{{end}}
+    <form method="post" action="/logout">
+      <button type="submit">Abmelden</button>
+    </form>
+  </nav>
+</header>
 {{end}}
 
 {{/* bewertung-block rendert eine Bewertung (Datenklasse, KI-VO-

internal/web/templates/nutzer_liste.html

@@ -13,7 +13,7 @@
     <span class="status status-published">aktiv</span>
     {{if not .IstSelbst}}
     <form method="post" action="/verwaltung/nutzer/{{.ID}}/deaktivieren" style="display:inline">
-      <button type="submit">Deaktivieren</button>
+      <button type="submit" class="entfernen">Deaktivieren</button>
     </form>
     {{end}}
     {{else}}

internal/web/templates/register_liste.html

@@ -13,6 +13,7 @@
 {{if not .Eintraege}}
 <p class="hinweis">Noch keine Genehmigungen.</p>
 {{else}}
+<div class="table-scroll">
 <table>
   <thead>
     <tr>
@@ -31,6 +32,7 @@
     {{end}}
   </tbody>
 </table>
+</div>
 {{end}}
 </div>
 </body>