dialog: Menü-Eintrag DIALOG + Übersicht aller Dialoge; Breite an andere Seiten angeglichen

- Menü: FORUM (extern) → DIALOG → /dialog/
- /dialog/ ohne ?thread zeigt Übersicht aller begonnenen Dialoge
  (GET /api/threads, Titel aus Inhaltsdateien, sortiert nach Aktivität)
- .dialog-page füllt jetzt die normale Inhaltsspalte (kein eigenes max-width/
  Padding mehr) → gleiche Breite wie andere Seiten
- Threads entstehen erst mit der ersten Wortmeldung

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

assets/css/custom.css

@@ -440,7 +440,17 @@ a.byline-author:hover, a.journal-author:hover { color: var(--accent); }
 .dialog-link:hover { background: var(--accent); color: #fff; }
 
 /* Eigene Dialog-Seite (/dialog/?thread=…) */
-.dialog-page { max-width: var(--container-width); margin: 0 auto; padding: var(--spacing-lg) var(--spacing-md); }
+/* Füllt die normale Inhaltsspalte (kein eigenes max-width/Seiten-Padding → gleiche Breite wie andere Seiten) */
+.dialog-page { padding: var(--spacing-lg) 0; }
+.dialog-overview { display: flex; flex-direction: column; gap: 0.6em; }
+.dialog-overview-item {
+  display: flex; justify-content: space-between; align-items: baseline; gap: 1em;
+  border: 1px solid var(--color-border); border-radius: 12px;
+  padding: 0.8em 1em; background: var(--color-bg-secondary);
+}
+.dialog-overview-item:hover { border-color: var(--accent); color: inherit; }
+.dialog-ov-title { font-family: var(--font-family-serif); font-weight: 600; }
+.dialog-ov-meta { font-size: var(--font-size-small); color: var(--color-text-muted); flex: none; }
 .dialog-back { margin: 0 0 var(--spacing-sm); }
 .dialog-back a { color: var(--color-text-muted); text-decoration: none; }
 .dialog-back a:hover { color: var(--accent); }