Rechtstexte, FinalFlux-Überarbeitung, neue Login-Optik, Konto-Löschung-Fix, BTTF-Farbrelaunch

- Rechtsseiten: Impressum-Platzhalter + echte Nutzungsbedingungen/AGB,
  Datenschutz (DSGVO) und Richtlinien; LegalController/ImpressumController,
  Footer app-weit verlinkt, Seiten als permitAll freigegeben.
- FinalFlux: 28 Themen / ~742 Fragen überarbeitet (plausible Distraktoren statt
  Dummy-Antworten, echte Erklärungen) + echte Lehrtexte je Seite;
  Netzwerktopologien mit Inline-SVG-Diagrammen (Stern/Bus/Ring/Mesh/Baum).
- Login/Registrierung als kombiniertes Dual-Panel (Slide-Overlay + Neon-Hover-
  Button), ausgelagert nach auth.css; Register-Duplikat -> /?registerError.
- Konto löschen repariert: @Transactional + Löschen von Spielständen,
  Achievements und Profilbild-Datei (DSGVO Art. 17). Impressum-Zurück-Link
  login-abhängig.
- App-weiter Farb-Relaunch auf "Back to the Future"-Palette: Feuer-Amber primär
  + Flux-Blau sekundär, warmer Glow; Dark/Light bleiben. Spiele-Feedback ohne
  Grün: richtig = Blau + Haken, falsch = Rot + Kreuz (neue Tokens
  --success/--danger/--secondary). Legacy-Cyan in style.css auf Variablen.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

src/main/resources/templates/impressum.html

@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html lang="de" data-theme="dark" xmlns:th="http://www.thymeleaf.org"
+      xmlns:sec="http://www.thymeleaf.org/extras/spring-security">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Mindflux – Impressum</title>
+  <link rel="stylesheet" href="/css/theme.css">
+  <script src="/js/theme.js"></script>
+  <style>
+    .mf-cardbox { max-width:620px; text-align:center; }
+    .mf-doc { font-size:3rem; margin-bottom:.6rem; filter:drop-shadow(0 0 14px var(--glow-s)); }
+    .mf-cardbox h1 { color:var(--heading); font-size:1.5rem; font-weight:800; margin-bottom:.5rem; }
+    .mf-cardbox .slogan { color:var(--muted); font-size:.95rem; margin-bottom:1.6rem; }
+    .mf-cardbox .notice { color:var(--accent); font-size:1.05rem; line-height:1.6;
+      border-left:3px solid var(--border-accent); background:var(--surface-2); padding:1rem 1.2rem;
+      border-radius:10px; text-align:left; margin-bottom:1.6rem; }
+    .mf-cardbox .meta { color:var(--muted); font-size:.85rem; line-height:1.6; text-align:left; margin-bottom:1.6rem; }
+    .mf-cardbox .mf-back { display:inline-block; }
+  </style>
+</head>
+<body>
+
+<div class="mf-theme-float"><button class="mf-theme"></button></div>
+
+<div class="mf-center">
+  <div class="mf-cardbox">
+    <div class="mf-doc">📄</div>
+    <h1>Impressum</h1>
+    <p class="slogan">Rechtliche Angaben – Platzhalter</p>
+
+    <p class="notice">
+      Mindflux befindet sich aktuell <strong>in aktiver Entwicklung</strong> und ist
+      <strong>nicht für die öffentliche Nutzung</strong> bestimmt. Die hier dargestellten
+      Inhalte sind ein Platzhalter und dienen ausschließlich internen Test- und
+      Entwicklungszwecken.
+    </p>
+
+    <p class="meta">
+      Ein vollständiges Impressum gemäß den gesetzlichen Anforderungen wird vor einer
+      öffentlichen Veröffentlichung ergänzt.<br>
+      © 2026 Sysnaptik – Alle Rechte vorbehalten.
+    </p>
+
+    <a th:href="@{/dashboard}" class="mf-back" sec:authorize="isAuthenticated()">⟵ Zurück zum Dashboard</a>
+    <a th:href="@{/}" class="mf-back" sec:authorize="!isAuthenticated()">⟵ Zurück</a>
+  </div>
+</div>
+
+<footer class="mf-footer">
+  <a href="#">Support</a>
+  <a href="#">Feedback</a>
+  <a href="/nutzungsbedingungen">Nutzungsbedingungen</a>
+  <a href="/richtlinien">Richtlinien</a>
+  <a href="/datenschutz">Datenschutz</a>
+  <a href="/impressum">Impressum</a>
+</footer>
+
+</body>
+</html>