Spotify-Player zum Anhoeren + fehlende Bilder eingebaut

Musik:
- Echte Spotify-Player statt nur Links — Hasidog und Van-Van lassen sich
  jetzt direkt auf der Seite abspielen, ohne wegzuklicken
- Startseite und Links-Seite: beide Kuenstler; HasiDog-Seite: Hasidog;
  VanVan-Seite: Van-Van
- Eigene Player-Optik (music-grid / music-player), lazy geladen

Bilder aus dokumente-Bilder ergaenzt:
- Spicy-Media-Logo ersetzt den Platzhalter auf der Manager-Seite
- Michi: Team-Dogi-Karte + Gesichts-Avatar
- Patrick (Scout): Portrait-Avatar

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

assets/css/main.css

@@ -815,6 +815,55 @@ footer.site-footer {
   .char-card, .char-card img { animation: none; transition: none; }
 }
 
+/* ==========================================================================
+   SPOTIFY-PLAYER — Musik direkt auf der Seite hören, ohne wegzuklicken
+   ========================================================================== */
+.music-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+  gap: 1.4rem;
+  max-width: 900px;
+  margin: 0 auto;
+}
+.music-player {
+  background: var(--card-bg);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  padding: 1.2rem;
+  box-shadow: var(--shadow);
+  transition: border-color .3s ease;
+}
+.music-player:hover { border-color: color-mix(in srgb, var(--accent) 55%, transparent); }
+.music-player h3 {
+  margin: 0 0 .2rem;
+  font-size: 1.05rem;
+  display: flex;
+  align-items: center;
+  gap: .45rem;
+  justify-content: center;
+}
+.music-player .music-sub {
+  margin: 0 0 .9rem;
+  font-size: .82rem;
+  color: var(--text-muted);
+  text-align: center;
+}
+/* Spotify liefert einen eigenen, abgerundeten Rahmen mit — deshalb hier
+   nur Höhe/Breite setzen und nicht doppelt umrahmen. */
+.music-player iframe {
+  display: block;
+  width: 100%;
+  border: 0;
+  border-radius: 12px;
+}
+.music-note {
+  text-align: center;
+  font-size: .8rem;
+  color: var(--text-muted);
+  margin: 1.2rem auto 0;
+  max-width: 56ch;
+}
+
 /* ---------- Live-Status-Punkt ---------- */
 .live-dot {
   display: inline-block;