Funny/Michi/Scout-Rollen, lila Avatar-Ringe fuer alle, Dienes ausfuehrliche Vorstellung

- Funny: Rolle unter dem Bild jetzt "Mama der Community" statt "Modi"
- Alle Profilkarten (Modis, Scouts, Creator) haben jetzt einen festen
  lila Avatar-Ring statt der zufaellig rotierenden Farben -- Dogi
  gefiel, wie Michis zufaellig lila wurde
- Scout-Team: Patrick und Bananenstift zeigen jetzt "Scout (Manager) —
  Linke Hand" statt "Scout — Team Dogi"
- Neues Feld bioHtml (neben dem bisherigen kurzen bio) in allen drei
  Datendateien (Modis/Scouts/Creator): fuer ausfuehrliche, formatierte
  Vorstellungen mit mehreren Absaetzen und Zwischenueberschriften.
  profil.html rendert bioHtml jetzt in einem eigenen, breiteren Lese-
  bereich unterhalb des kurzen Steckbriefs -- funktioniert fuer jede
  Person auf der Seite, nicht nur als Einzelfall
- Diene: komplette eigene Vorstellung eingetragen (bioHtml) + TikTok-
  Handle @_ditschi als Social-Link ergaenzt

Co-Authored-By: Claude Opus 5 <[email protected]>

assets/css/main.css

@@ -410,15 +410,15 @@ header.site-header {
     0 0 0 4px var(--frame, var(--accent)),
     0 14px 32px rgba(0, 0, 0, .5);
 }
-/* Jede Profilkarte bekommt eine andere Ringfarbe — sonst sieht eine Reihe
-   aus vier Avataren monoton aus. Reihenfolge wiederholt sich alle 5 Karten. */
-.profile-card:nth-child(5n+1) { --frame: var(--accent); }
-.profile-card:nth-child(5n+2) { --frame: var(--accent-2); }
-.profile-card:nth-child(5n+3) { --frame: #c7ccd1; }
-.profile-card:nth-child(5n+4) { --frame: #d8b25a; }
-.profile-card:nth-child(5n+5) { --frame: #6ee7d8; }
+/* Fest lila bei JEDER Profilkarte (Modis, Scouts, Creator) — Wunsch von
+   Dogi, nachdem ihm Michis zufällig lila geloster Ring gefallen hat.
+   Fester Hex-Wert statt var(--accent-2), damit es auch auf den roten
+   Agentur-Seiten (Scout/Creator) lila bleibt statt orange zu werden. */
+.profile-card { --frame: #8b5cf6; }
 .profile-card .avatar {
-  background: linear-gradient(140deg, var(--frame, var(--accent)), var(--accent-2));
+  /* Fester lila-Verlauf statt var(--accent-2), damit der Avatar-Hintergrund
+     auch auf roten Agentur-Seiten sauber lila bleibt statt lila+orange zu mischen. */
+  background: linear-gradient(140deg, var(--frame, var(--accent)), #6d28d9);
   box-shadow:
     0 0 0 2px var(--card-bg),
     0 0 0 4px color-mix(in srgb, var(--frame, var(--accent)) 60%, transparent),