refactor: remove KI-Agent chat widget and backend route

.superpowers/brainstorm/4751-1775923699/content/03-spielplan-navigation.html

@@ -0,0 +1,61 @@
+<h2>Spielplan & Navigation: 104 Spiele im Griff</h2>
+<p class="subtitle">Aktuell: endlose Liste mit Stage-Filter oben. Wie machen wir das besser für Mobile?</p>
+
+<div class="section">
+  <h3>Spielplan-Struktur</h3>
+</div>
+
+<div class="options">
+
+  <div class="option" data-choice="smart-sections" onclick="toggleSelect(this)">
+    <div class="letter">A</div>
+    <div class="content">
+      <h3>Smart Sections (Empfehlung)</h3>
+      <p>Spielplan automatisch in Abschnitte unterteilt:
+      <br><strong>"Heute"</strong> (expandiert, farbig hervorgehoben)
+      <br><strong>"Morgen"</strong> (expandiert)
+      <br><strong>"Diese Woche"</strong> (kollapsiert, Anzahl angezeigt)
+      <br><strong>"Vergangene Spiele"</strong> (kollapsiert, zeigt letzte Ergebnisse + deine Punkte)
+      <br><br>Kein manuelles Filtern nötig — die App weiß, was jetzt relevant ist. Stage-Filter (Gruppenphase, Achtelfinale...) bleiben als optionaler Zweitmodus.</p>
+    </div>
+  </div>
+
+  <div class="option" data-choice="tabbed" onclick="toggleSelect(this)">
+    <div class="letter">B</div>
+    <div class="content">
+      <h3>Tab-basiert</h3>
+      <p>Drei Haupt-Tabs am oberen Rand:
+      <br><strong>"Offen"</strong> — Spiele, die noch getippt werden können (nach Kick-off sortiert)
+      <br><strong>"Live"</strong> — Laufende Spiele mit Echtzeit-Status
+      <br><strong>"Ergebnisse"</strong> — Abgeschlossene Spiele mit Punkten
+      <br><br>Klar getrennt, aber weniger zeitlicher Kontext ("heute/morgen").</p>
+    </div>
+  </div>
+
+</div>
+
+<div class="section" style="margin-top: 32px;">
+  <h3>Mobile Navigation</h3>
+</div>
+
+<div class="options">
+
+  <div class="option" data-choice="bottom-nav" onclick="toggleSelect(this)">
+    <div class="letter">C</div>
+    <div class="content">
+      <h3>Bottom Navigation Bar (Empfehlung)</h3>
+      <p>Feste Leiste am unteren Bildschirmrand mit Icons + Label:
+      <br>🏠 <strong>Home</strong> (Dashboard) · ⚽ <strong>Spiele</strong> · 🏆 <strong>Rangliste</strong> · 👤 <strong>Profil</strong>
+      <br><br>Standard-Pattern für Mobile-Apps (Staffbase, Instagram, etc.). Header wird schlank — nur Logo + evtl. Notification-Badge. Admin nur für Editoren sichtbar als Extra-Icon.</p>
+    </div>
+  </div>
+
+  <div class="option" data-choice="keep-header" onclick="toggleSelect(this)">
+    <div class="letter">D</div>
+    <div class="content">
+      <h3>Header-Nav beibehalten</h3>
+      <p>Bestehende Navigation oben lassen, aber scrollbar machen auf Mobile (horizontal swipe). Weniger Aufwand, aber der Header nimmt auf kleinen Screens viel Platz ein und ist weniger daumenfreundlich.</p>
+    </div>
+  </div>
+
+</div>