Neuer Hintergrund für "Die Person", Creator-Satz korrigiert, Pyramiden-Karten gleich hoch

- dogfather.html: neues, extra dafür erstelltes Hero-Bild als eigene Datei
  (bg-dogfather-person.jpg) - bewusst NICHT die geteilte bg-dogfather.jpg
  überschrieben, die noch auf 3 weiteren Seiten (bewerben-modi, profil,
  team-modis) mitverwendet wird
- creator.html: "Content Creator, die bei Spicy Media / Team Dogi
  mitmachen" -> "...die bei Dogfather / Spicy Media mitmachen" (Meta-Tags
  entsprechend mitkorrigiert)
- Pyramiden-Karten (team-modis.html) sind jetzt pro Ebene gleich hoch,
  unabhängig von Textlänge (z.B. Diene/Funny): .pyramid-tier auf
  align-items:stretch, .profile-card darin als Flex-Spalte mit dem
  "Profil ansehen"-Button per margin-top:auto immer ganz unten

assets/css/main.css

@@ -1102,7 +1102,10 @@ body.mit-hintergrund::after {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
-  align-items: flex-start;
+  /* stretch statt flex-start: alle Karten einer Ebene werden gleich hoch,
+     egal ob der Name/die Rolle bei der einen Person länger ist als bei
+     der anderen (z.B. Diene/Funny) — Wunsch von Dogi. */
+  align-items: stretch;
   gap: clamp(1rem, 3vw, 2rem);
 }
 /* Leuchtender Knoten pro Ebene, sitzt genau auf der Linie */
@@ -1122,8 +1125,15 @@ body.mit-hintergrund::after {
 }
 .pyramid-tier .profile-card {
   width: 100%;
+  /* Flex-Spalte, damit der "Profil ansehen"-Button per margin-top:auto immer
+     ganz unten sitzt — dadurch wirken alle Karten einer Ebene gleich hoch
+     und gleich aufgebaut, auch wenn Name/Rolle unterschiedlich lang sind. */
+  display: flex;
+  flex-direction: column;
+  align-items: center;
   transition: transform .3s cubic-bezier(.2,.7,.3,1), box-shadow .3s ease, border-color .3s ease;
 }
+.pyramid-tier .profile-card .btn { margin-top: auto; }
 .pyramid-tier .profile-card:hover { transform: translateY(-6px) scale(1.02); }
 
 /* Fünf Größenstufen — je tiefer, desto kompakter */