Modi-Bewerbung: vierte Kategorie neben Creator/Scout/Kooperation

- bewerben.html: neuer Reiter "Modi" mit eigenem Formular (Name, E-Mail,
  Discord/TikTok-Handle, Community-Erfahrung, Verfuegbarkeit, Motivation)
- Reiter wechselt jetzt nicht nur das Hintergrundbild, sondern auch die
  Farbwelt: Creator/Scout/Kooperation bleiben Spicy-Media-rot (Agentur),
  Modi wird babyblau (Team Dogi) -- passend zur bestehenden Regel
  "Rot ist NUR die Agentur"
- Direkt-Link bewerben.html#modi oeffnet die Bewerbung gleich auf dem
  richtigen Reiter; team-modis.html hat jetzt einen "Als Modi bewerben"
  Knopf, der genau dahin fuehrt
- Worker: "modi" als vierter erlaubter Bewerbungstyp, laeuft ueber
  dieselbe Sichtbarkeits-Berechtigung wie Scout/Kooperation (der feste
  Rechte-Katalog aus dem Anforderungsdokument kennt nur zwei Bewerbungs-
  Sichtbereiche -- es wurde bewusst KEIN neuer Permission-Key erfunden)

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

bewerben.html

@@ -4,17 +4,17 @@
 <meta charset="UTF-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <title>Bewerben — DOGFATHER UNIVERSE</title>
-<meta name="description" content="Bewirb dich als Creator, Scout oder für eine Kooperation bei Spicy Media / Team Dogi." />
+<meta name="description" content="Bewirb dich als Creator, Scout, Modi oder für eine Kooperation bei Team Dogi / Spicy Media." />
 <link rel="icon" type="image/png" href="assets/img/favicon.png" />
 <meta property="og:type" content="website" />
 <meta property="og:site_name" content="DOGFATHER UNIVERSE" />
 <meta property="og:title" content="Bewerben — DOGFATHER UNIVERSE" />
-<meta property="og:description" content="Bewirb dich als Creator, Scout oder für eine Kooperation bei Spicy Media / Team Dogi." />
+<meta property="og:description" content="Bewirb dich als Creator, Scout, Modi oder für eine Kooperation bei Team Dogi / Spicy Media." />
 <meta property="og:image" content="https://REPLACE-WITH-YOUR-DOMAIN.tld/assets/img/og-cover.jpg" />
 <meta property="og:url" content="https://REPLACE-WITH-YOUR-DOMAIN.tld/bewerben.html" />
 <meta name="twitter:card" content="summary_large_image" />
 <meta name="twitter:title" content="Bewerben — DOGFATHER UNIVERSE" />
-<meta name="twitter:description" content="Bewirb dich als Creator, Scout oder für eine Kooperation bei Spicy Media / Team Dogi." />
+<meta name="twitter:description" content="Bewirb dich als Creator, Scout, Modi oder für eine Kooperation bei Team Dogi / Spicy Media." />
 <meta name="twitter:image" content="https://REPLACE-WITH-YOUR-DOMAIN.tld/assets/img/og-cover.jpg" />
 
 <link rel="stylesheet" href="assets/css/main.css" />
@@ -28,9 +28,9 @@
 <main>
   <section class="hero page-bg">
     <div class="container">
-      <span class="eyebrow">Manager Dogfather</span>
+      <span class="eyebrow" id="bewerben-eyebrow">Manager Dogfather</span>
       <h1>Werde Teil vom Team</h1>
-      <p class="lead worlds">Als Creator, Scout oder Kooperationspartner.</p>
+      <p class="lead worlds">Als Creator, Scout, Modi oder Kooperationspartner.</p>
     </div>
   </section>
 
@@ -39,6 +39,7 @@
       <div class="tabs">
         <button class="tab-btn active" data-tab="tab-creator">Creator</button>
         <button class="tab-btn" data-tab="tab-scout">Scout</button>
+        <button class="tab-btn" data-tab="tab-modi">Modi</button>
         <button class="tab-btn" data-tab="tab-kooperation">Kooperation</button>
       </div>
 
@@ -91,6 +92,39 @@
         </form>
       </div>
 
+      <div class="tab-panel" id="tab-modi">
+        <form class="app-form" id="form-modi" novalidate>
+          <div class="field">
+            <label for="m-name">Name *</label>
+            <input id="m-name" name="name" type="text" required />
+          </div>
+          <div class="field">
+            <label for="m-email">E-Mail *</label>
+            <input id="m-email" name="email" type="email" required />
+            <span class="error-msg">Bitte gültige E-Mail-Adresse eingeben.</span>
+          </div>
+          <div class="field">
+            <label for="m-kontakt">Discord- oder TikTok-Handle *</label>
+            <input id="m-kontakt" name="kontakt" type="text" placeholder="z.B. Discord: dein-tag" required />
+          </div>
+          <div class="field">
+            <label for="m-erfahrung">Hast du schon Erfahrung als Moderator:in / in einer Community? *</label>
+            <textarea id="m-erfahrung" name="erfahrung" required></textarea>
+          </div>
+          <div class="field">
+            <label for="m-verfuegbarkeit">Wie viel Zeit kannst du pro Woche investieren? *</label>
+            <input id="m-verfuegbarkeit" name="verfuegbarkeit" type="text" required />
+          </div>
+          <div class="field">
+            <label for="m-warum">Warum willst du Modi bei Team Dogi werden? *</label>
+            <textarea id="m-warum" name="warum" required></textarea>
+          </div>
+          <p class="small muted">Modis sind Dogfathers persönliches Team — Chat, Community und Zusammenhalt im Alltag. 🩵</p>
+          <button class="btn btn-primary" type="submit">Bewerbung als Modi senden</button>
+          <div class="form-status"></div>
+        </form>
+      </div>
+
       <div class="tab-panel" id="tab-kooperation">
         <form class="app-form" id="form-kooperation" novalidate>
           <div class="field">