Eigene Hintergrundbilder je Seite, neue Hauptfotos, Funny & Ghost

Bilder:
- Neues Hintergrund-System (.page-bg): jede Seite setzt ihr Motiv ueber
  zwei CSS-Variablen, inkl. eigenem Hochformat-Zuschnitt fuers Handy und
  Abdunkelung fuer Textlesbarkeit
- Hintergruende: Casper, Dogfather, Modi-Team, Scouts, VanVan, Bewerben,
  Manager, Streamplan, Zeitreise, Stimmen, Community, Werte, Creator
- Bewerbungsseite wechselt den Hintergrund mit dem gewaehlten Reiter
- Neue Hauptfotos auf der Casper- und der Dogfather-Seite
- Stream-Highlight-Bild auf der Streamer-Seite
- Funny (Team-Tili-Dog-Abzeichen) und Ghost jetzt mit Bild

Inhalt:
- Scout-Beschreibung: "Sie finden und begleiten neue Talente fuer Dogi."
- Alle Angaben zu Beteiligungen/Verdiensten der Scouts von der Website
  entfernt — interne Vereinbarungen gehen die Oeffentlichkeit nichts an

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

casper.html

@@ -26,7 +26,7 @@
 <div id="site-header"></div>
 
 <main>
-  <section class="hero">
+  <section class="hero page-bg" style="--page-bg:url('assets/img/bg-casper.jpg');--page-bg-mobile:url('assets/img/bg-casper-mobile.jpg');">
     <div class="container">
       <span class="eyebrow">Welt 2 — HasiDog</span>
       <h1>Casper 🐾</h1>
@@ -37,7 +37,7 @@
   <section class="section-tight">
     <div class="container grid grid-2" style="align-items:center;">
       <div class="collage-photo" style="aspect-ratio:4/3;border-radius:var(--radius);">
-        <img src="assets/img/casper-1.jpg" alt="Casper" style="width:100%;height:100%;object-fit:cover;object-position:center top;" />
+        <img src="assets/img/casper-main.jpg" alt="Casper — Husky im Sonnenuntergang" style="width:100%;height:100%;object-fit:cover;object-position:center 30%;" />
       </div>
       <div>
         <h2>Wer ist Casper?</h2>