refactor(admin) Switch to mermaid charts

content/admin/_index.de.md

@@ -22,9 +22,43 @@ Eine kurze Übersicht über die verschiedenen Services des Systems und ihre Inte
 * Selfservice: Portal in dem sich Bürger- und Firmenläufer:innen registrieren und ihre Daten einsehen können
 * Beamershow: Zeigt aktuelle Statistiken und Toplisten zum Event an
 * Scanclient: Software für die Scannerstationen
+* Kiosk: Software für die Registrierung von Läufer:innen vor Ort
 * Docs: Diese Dokumentation
 
-![Service Diagramms](/images/service_interaction.png)
+```mermaid
+flowchart LR
+  subgraph Anwendungen
+    Frontend
+    Beamershow
+    Scanclient
+    Selfservice
+    Kiosk
+  end
+
+  subgraph Services
+    Backend
+    Mailer
+    Document-Server
+  end
+
+  subgraph Extern
+    Datenbank
+    Mail-Server
+  end
+
+  Frontend --> |Zeigt Daten an und bearbeitet sie| Backend
+  Beamershow -->|Fragt aktuelle Statistiken ab| Backend
+  Scanclient --> |Generiert und validiert Scans| Backend
+  Selfservice --> |Registriert Läufer| Backend
+  Kiosk --> |Registriert Läufer| Backend
+
+  Backend --> |Speichert Daten| Datenbank
+  Backend --> |Sendet Mails| Mailer
+  Mailer --> |Sendet Mails| Mail-Server
+
+  Frontend --> |Generiert PDFs| Document-Server
+  Selfservice --> |Generiert PDFs| Document-Server
+```
 
 ## FAQ