Polarlicht-Bewerben-Button, Musik-Knopf wieder pro Seite, Werte/Manager-Texte, Scout-Team

- "Bewerben"-Knopf: statt einfacher 50/50-Teilung jetzt ein echtes
  Polarlicht aus wandernden blau/lila/rot/orange Farbwolken plus
  durchlaufendem Lichtschimmer (zwei animierte Ebenen)
- Musik-Knopf: faerbt sich wieder mit der Theme-Farbe der jeweiligen
  Seite ein (babyblau/rot), statt fest halb/halb zu sein
- werte.html: komplett neuer Text "Meine Werte als Manager" als
  13 Wert-Karten (Mindset, Loyalitaet, Menschlichkeit, Kommunikation,
  Verantwortung, Entwicklung, Ziele, Loesungen, Respekt, Individualitaet,
  Zusammenhalt, Leidenschaft, Anspruch) plus Intro und Schluss-Zitat
- manager.html: neuer Text "Das bin ich als Manager" mit neuem Portrait
  (Dogfather-Neon-Artwork) als Hauptinhalt; das alte Spicy-Media-Logo
  samt Text ist jetzt ganz unten vor dem Footer
- team-scouts.html: Ueberschrift "Mein Scout-Team" statt "Unser
  Scout-Team"; Patrick ist jetzt "Rechte Hand" (Bananenstift bleibt
  "Linke Hand")

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

assets/css/main.css

@@ -191,18 +191,74 @@ header.site-header {
 .nav-dropdown a:hover, .nav-dropdown a.active { background: var(--bg-alt); color: var(--accent); }
 
 /* "Bewerben" ist der Treffpunkt beider Welten (Team Dogi + Spicy Media) —
-   deshalb bewusst FEST halb babyblau, halb rot, unabhängig vom Theme der
+   deshalb bewusst FEST babyblau + rot, unabhängig vom Theme der gerade
-   gerade offenen Seite. Kein var(--accent), sondern die festen Markenfarben. */
+   offenen Seite. Statt einer einfachen 50/50-Teilung ein echtes
+   Polarlicht: mehrere weiche, wandernde Farbwolken (blau/lila/rot) plus
+   ein durchlaufender Lichtschimmer — soll wirken wie Licht und Nebel,
+   nicht wie zwei flache Farbflächen. */
 .nav-cta {
-  padding: .55rem 1.1rem;
+  position: relative;
+  isolation: isolate;
+  overflow: hidden;
+  padding: .55rem 1.2rem;
   border-radius: 999px;
-  background: linear-gradient(90deg, #8fd9ea 0%, #8fd9ea 49%, #d94a5c 51%, #d94a5c 100%);
+  color: #fff;
-  color: #0a0c10;
   font-weight: 700;
   font-size: .88rem;
-  transition: filter .2s ease, transform .2s ease;
+  background: #0b0e14;
+  border: 1px solid rgba(255, 255, 255, .16);
+  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
+  box-shadow: 0 6px 18px rgba(0, 0, 0, .35);
+}
+.nav-cta span {
+  position: relative;
+  z-index: 2;
+  text-shadow: 0 1px 3px rgba(0, 0, 0, .6), 0 0 14px rgba(0, 0, 0, .35);
+}
+/* Ebene 1: die wandernden Polarlicht-Wolken selbst */
+.nav-cta::before {
+  content: "";
+  position: absolute;
+  inset: -60%;
+  z-index: 0;
+  background:
+    radial-gradient(circle at 18% 30%, rgba(143, 217, 234, .95), transparent 55%),
+    radial-gradient(circle at 45% 75%, rgba(139, 92, 246, .85), transparent 58%),
+    radial-gradient(circle at 82% 32%, rgba(217, 74, 92, .95), transparent 55%),
+    radial-gradient(circle at 62% 82%, rgba(232, 147, 58, .55), transparent 55%);
+  filter: blur(9px) saturate(1.35);
+  animation: nav-cta-aurora 9s ease-in-out infinite alternate;
+}
+/* Ebene 2: ein feiner Lichtschimmer, der einmal quer durchläuft */
+.nav-cta::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  z-index: 1;
+  background: linear-gradient(115deg, transparent 35%, rgba(255, 255, 255, .4) 49%, transparent 63%);
+  background-size: 240% 100%;
+  mix-blend-mode: overlay;
+  animation: nav-cta-shimmer 4.5s linear infinite;
+  pointer-events: none;
+}
+@keyframes nav-cta-aurora {
+  from { transform: translate(-3%, -2%) rotate(0deg) scale(1); }
+  to   { transform: translate(3%, 3%) rotate(6deg) scale(1.08); }
+}
+@keyframes nav-cta-shimmer {
+  from { background-position: 130% 0; }
+  to   { background-position: -30% 0; }
+}
+.nav-cta:hover {
+  transform: translateY(-1px);
+  border-color: rgba(255, 255, 255, .32);
+  box-shadow: 0 10px 26px rgba(0, 0, 0, .45),
+              0 0 22px rgba(143, 217, 234, .3),
+              0 0 22px rgba(217, 74, 92, .28);
+}
+@media (prefers-reduced-motion: reduce) {
+  .nav-cta::before, .nav-cta::after { animation: none; }
 }
-.nav-cta:hover { filter: brightness(1.08); transform: translateY(-1px); }
 
 /* Interner Login — dezent, aber auf jeder Seite oben rechts auffindbar */
 .nav-login {
@@ -1199,8 +1255,9 @@ body.seite-laedt main { opacity: .55; transition: opacity .15s ease; }
   align-items: flex-end;
   gap: 12px;
 }
-/* Musik gehört zu Hasidog UND Van-Van, also zu beiden Welten — deshalb
+/* Musik-Knopf: passt sich wieder der Farbwelt der jeweiligen Seite an
-   auch hier fest halb babyblau, halb rot, statt der Theme-Farbe. */
+   (babyblau auf Dogfather/HasiDog, rot auf Spicy-Media-Seiten) statt
+   fest halb/halb zu sein. */
 .music-toggle {
   width: 54px;
   height: 54px;
@@ -1212,12 +1269,11 @@ body.seite-laedt main { opacity: .55; transition: opacity .15s ease; }
   align-items: center;
   justify-content: center;
   cursor: pointer;
-  color: #0a0c10;
+  color: var(--accent-contrast);
-  border: 1px solid rgba(255, 255, 255, .18);
+  border: 1px solid color-mix(in srgb, var(--accent) 60%, transparent);
-  background: linear-gradient(90deg, #8fd9ea 0%, #8fd9ea 49%, #d94a5c 51%, #d94a5c 100%);
+  background: linear-gradient(135deg, var(--accent), var(--accent-2));
   box-shadow: 0 12px 30px rgba(0, 0, 0, .45),
-              0 0 18px rgba(143, 217, 234, .35),
+              0 0 24px color-mix(in srgb, var(--accent) 35%, transparent);
-              0 0 18px rgba(217, 74, 92, .3);
   transition: transform .25s ease, filter .25s ease, box-shadow .25s ease;
 }
 .music-toggle:hover,
@@ -1225,8 +1281,7 @@ body.seite-laedt main { opacity: .55; transition: opacity .15s ease; }
   transform: translateY(-2px) scale(1.05);
   filter: brightness(1.12);
   box-shadow: 0 16px 38px rgba(0, 0, 0, .5),
-              0 0 26px rgba(143, 217, 234, .5),
+              0 0 34px color-mix(in srgb, var(--accent) 55%, transparent);
-              0 0 26px rgba(217, 74, 92, .45);
 }
 .music-widget.open .music-toggle { transform: rotate(12deg); }
 

assets/js/data-scouts.js

@@ -26,7 +26,7 @@ const SCOUTS = [
   {
     name: "Patrick",
     slug: "patrick",
-    role: "Scout (Manager) — Linke Hand",
+    role: "Scout (Manager) — Rechte Hand",
     photo: "assets/img/avatar-patrick.jpg",
     avatar: "assets/img/avatar-patrick.jpg",
     bio: "Patrick ist Scout bei Team Dogi. Er findet und begleitet gemeinsam mit Bananenstift neue Talente für Dogfather als Manager.",

assets/js/main.js

@@ -95,7 +95,7 @@
           <button class="nav-toggle" type="button" aria-label="Menü öffnen" aria-expanded="false">☰</button>
           <nav class="nav-links">
             ${NAV.map(renderNavItem).join("")}
-            <a class="nav-cta" href="bewerben.html">Bewerben 🩵</a>
+            <a class="nav-cta" href="bewerben.html"><span>Bewerben 🩵</span></a>
             <!-- Interner Einstieg: klein, aber auf JEDER Seite oben sichtbar,
                  damit Dogi und das Team nie danach suchen müssen. -->
             <a class="nav-login" href="postfach.html" title="Interner Login — Postfach &amp; Zugänge">

manager.html

@@ -40,20 +40,38 @@
   </section>
 
   <section class="section-tight">
-    <div class="container grid grid-2" style="align-items:center;">
+    <div class="container grid grid-2" style="align-items:center;gap:2.6rem;">
+      <div class="collage-photo frame-rot" style="aspect-ratio:1122/1402;border-radius:var(--radius);">
+        <img src="assets/img/manager-dogfather-portrait.jpg" alt="Dogfather — Manager bei Spicy Media"
+             style="width:100%;height:100%;object-fit:cover;" />
+      </div>
       <div>
-        <h2>Spicy Media Agency</h2>
+        <h2>Das bin ich als Manager</h2>
-        <p>Neben seiner Arbeit als Streamer ist Dogfather Manager bei der Spicy Media Agency. Er unterstützt Scouts und Creator dabei, gemeinsam zu wachsen — professionell, aber mit demselben Herz wie im restlichen DOGFATHER UNIVERSE.</p>
+        <p>Ich bin <strong>Dogfather</strong> – die meisten kennen mich einfach als <strong>Dogi</strong> – und ich bin Manager bei <strong>Spicy Media</strong>.</p>
-        <p>Scouts finden und begleiten neue Talente für Dogi.</p>
+        <p>Für mich bedeutet Management weit mehr, als Creator zu vermitteln, Zahlen zu kontrollieren oder einfach nur einen Titel zu tragen. Ich möchte Menschen kennenlernen, ihre Stärken erkennen und gemeinsam mit ihnen einen Weg aufbauen, der wirklich zu ihnen passt.</p>
-      <!-- Bewusst NICHT öffentlich: interne Vereinbarungen, Beteiligungen oder Verdienste der Scouts. Das geht die Öffentlichkeit nichts an (Vorgabe Dogi, 31.07.2026). -->
+        <p>Ich weiß selbst, wie viel Mut, Energie und Durchhaltevermögen es braucht, sich vor eine Kamera zu stellen, regelmäßig live zu gehen und sich eine eigene Community aufzubauen. Deshalb ist mir besonders wichtig, dass sich meine Creator bei mir niemals wie eine Nummer fühlen. Hinter jedem Account steckt ein Mensch – mit eigenen Zielen, Unsicherheiten, Ideen und einer ganz eigenen Persönlichkeit.</p>
-      </div>
-      <div class="collage-photo" style="aspect-ratio:4/3;border-radius:var(--radius);background:#000;">
-        <img src="assets/img/spicy-media-logo.jpg" alt="Spicy Media Agency Logo"
-             style="width:100%;height:100%;object-fit:contain;padding:1.2rem;" />
       </div>
     </div>
   </section>
 
+  <section class="section-tight">
+    <div class="container" style="max-width:70ch;">
+      <p>Als Manager bin ich ehrlich, direkt und ansprechbar. Ich rede nichts schön, mache keine leeren Versprechen und sage offen, wenn etwas verbessert werden muss. Dabei geht es mir niemals darum, jemanden kleinzumachen. Ich möchte motivieren, stärken und Menschen dabei unterstützen, ihr eigenes Potenzial zu erkennen.</p>
+      <p>Ich erwarte keine Perfektion. Mir sind <strong>Loyalität, Respekt, Zuverlässigkeit und ein starkes Mindset</strong> viel wichtiger. Fehler dürfen passieren. Entscheidend ist, dass man bereit ist, daraus zu lernen, weiterzumachen und gemeinsam nach Lösungen zu suchen.</p>
+      <p>Wenn ich an jemanden glaube, dann setze ich mich auch für diese Person ein. Ich begleite meine Creator bei Fragen, Problemen, Einschränkungen und Unsicherheiten und versuche, ihnen mit meiner Erfahrung zur Seite zu stehen. Ich möchte niemandem vorschreiben, wie er sein muss. Mein Ziel ist es, die Persönlichkeit eines Creators zu stärken – nicht sie zu verändern.</p>
+      <p>Ich bin ehrgeizig, leidenschaftlich und manchmal vielleicht ein wenig verrückt. Aber genau das gehört zu mir. Ich mache keine halben Sachen. Wenn ich etwas aufbaue, dann mit Herz, klaren Zielen und voller Energie.</p>
+      <p>Für mich entsteht Erfolg nicht nur durch Reichweite, Geschenke oder Zahlen. Erfolg bedeutet auch, sich weiterzuentwickeln, selbstbewusster zu werden, Rückschläge zu überwinden und am Ende stolz auf den eigenen Weg zu sein.</p>
+      <p>Ich möchte kein Manager sein, der nur dann da ist, wenn alles gut läuft. Ich möchte besonders dann da sein, wenn es schwierig wird.</p>
+      <p>Ich baue keine Fassade, sondern ein starkes Fundament – mit Ehrlichkeit, Vertrauen, Zusammenhalt und Menschen, die bereit sind, gemeinsam etwas zu erreichen.</p>
+      <p><strong>Ich bin nicht nur Manager. Ich bin Ansprechpartner, Unterstützer, Motivator und jemand, der an seine Creator glaubt – auch dann, wenn sie selbst gerade an sich zweifeln.</strong></p>
+      <p style="margin-top:1.8rem;">
+        <strong>Euer Dogi 🩵</strong><br>
+        <strong>Dogfather</strong><br>
+        <em>Manager bei Spicy Media</em>
+      </p>
+    </div>
+  </section>
+
   <section>
     <div class="container">
       <h2 class="text-center">Das Team dahinter</h2>
@@ -79,6 +97,21 @@
       <a class="btn btn-secondary" href="bewerben.html">Zur Bewerbung</a>
     </div>
   </section>
+
+  <section class="section-tight">
+    <div class="container grid grid-2" style="align-items:center;gap:2.6rem;">
+      <div class="collage-photo" style="aspect-ratio:4/3;border-radius:var(--radius);background:#000;">
+        <img src="assets/img/spicy-media-logo.jpg" alt="Spicy Media Agency Logo"
+             style="width:100%;height:100%;object-fit:contain;padding:1.2rem;" />
+      </div>
+      <div>
+        <h2>Spicy Media Agency</h2>
+        <p>Neben seiner Arbeit als Streamer ist Dogfather Manager bei der Spicy Media Agency. Er unterstützt Scouts und Creator dabei, gemeinsam zu wachsen — professionell, aber mit demselben Herz wie im restlichen DOGFATHER UNIVERSE.</p>
+        <p>Scouts finden und begleiten neue Talente für Dogi.</p>
+      <!-- Bewusst NICHT öffentlich: interne Vereinbarungen, Beteiligungen oder Verdienste der Scouts. Das geht die Öffentlichkeit nichts an (Vorgabe Dogi, 31.07.2026). -->
+      </div>
+    </div>
+  </section>
 </main>
 
 <div id="site-footer"></div>

team-scouts.html

@@ -30,7 +30,7 @@
     <div class="hero-banner"><img src="/assets/img/bg-scouts.jpg" alt="" loading="eager" /></div>
     <div class="container">
       <span class="eyebrow">Manager Dogfather — Spicy Media</span>
-      <h1>Unser Scout-Team</h1>
+      <h1>Mein Scout-Team</h1>
       <p class="lead worlds">Sie finden und begleiten neue Talente für Dogi.</p>
     </div>
   </section>

werte.html

@@ -37,34 +37,73 @@
 
   <section class="section-tight">
     <div class="container">
+      <p class="lead text-center" style="max-width:70ch;margin:0 auto 2.6rem;">
+        Für mich bedeutet Management nicht, einfach nur Zahlen zu kontrollieren oder Creator zu vermitteln.
+        Es bedeutet, Menschen zu begleiten, Potenziale zu erkennen und gemeinsam etwas aufzubauen, das
+        langfristig Bestand hat. Ich möchte kein Manager sein, der nur im Hintergrund steht – ich möchte
+        Ansprechpartner, Unterstützer und jemand sein, auf den man sich verlassen kann.
+      </p>
+
       <div class="grid grid-3">
         <div class="card">
-          <h3>🤝 Fairness</h3>
+          <h3>🧠 Starkes Mindset</h3>
-          <p>Zusammenarbeit auf Augenhöhe — klare Absprachen, verlässlich und fair.</p>
+          <p>Erfolg beginnt im Kopf. Rückschläge gehören dazu, aber Aufgeben ist keine Option. Ich helfe meinen Creatorn dabei, an sich selbst zu glauben, ihre Ziele nicht aus den Augen zu verlieren und auch in schwierigen Phasen weiterzumachen.</p>
         </div>
         <div class="card">
-          <h3>📈 Wachstum ermöglichen</h3>
+          <h3>🤝 Loyalität</h3>
-          <p>Scouts und Creator werden aktiv unterstützt, statt allein gelassen.</p>
+          <p>Wer zu meinem Team gehört, kann sich auf mich verlassen. Loyalität bedeutet für mich, füreinander einzustehen, ehrlich miteinander umzugehen und nicht beim ersten Problem den Rücken zuzukehren.</p>
         </div>
         <div class="card">
-          <h3>🩵 Loyalität</h3>
+          <h3>🩵 Menschlichkeit</h3>
-          <p>Dieselbe Loyalität, die Dogfather für seine Community lebt, gilt auch fürs Team bei Spicy Media.</p>
+          <p>Hinter jedem Account, jedem Stream und jeder Statistik steckt ein Mensch. Deshalb stehen für mich nicht nur Leistungen und Ergebnisse im Mittelpunkt, sondern auch das persönliche Wohlbefinden, die individuelle Situation und der respektvolle Umgang miteinander.</p>
         </div>
         <div class="card">
-          <h3>🎯 Direktheit</h3>
+          <h3>🗣️ Ehrliche Kommunikation</h3>
-          <p>Konfliktscheu, aber wenn nötig klar und direkt — für ehrliche, verlässliche Zusammenarbeit.</p>
+          <p>Ich rede nichts schön und mache keine leeren Versprechen. Probleme werden offen angesprochen, Erfolge gemeinsam gefeiert und Entscheidungen verständlich erklärt. Ehrlichkeit schafft Vertrauen – und Vertrauen ist die Grundlage einer starken Zusammenarbeit.</p>
         </div>
         <div class="card">
-          <h3>🧭 Professionalität</h3>
+          <h3>🛡️ Verantwortung</h3>
-          <p>Trotz lockerem Ton: klare Prozesse, verlässliche Kommunikation, echtes Engagement.</p>
+          <p>Als Manager übernehme ich Verantwortung für meine Entscheidungen und für die Menschen, die mir vertrauen. Ich nehme Anliegen ernst, suche nach Lösungen und lasse meine Creator bei Problemen nicht allein.</p>
         </div>
         <div class="card">
-          <h3>🐾 Familie im Business</h3>
+          <h3>🚀 Entwicklung statt Stillstand</h3>
-          <p>Team Dogi ist Familie — dieses Prinzip gilt auch im geschäftlichen Teil des Universums.</p>
+          <p>Jeder Mensch besitzt Potenzial. Meine Aufgabe ist es, dieses Potenzial zu erkennen und gezielt zu fördern. Gemeinsam arbeiten wir an Auftritt, Content, Livestreams, Selbstvertrauen und persönlichen Zielen – Schritt für Schritt und ohne jemanden zu verbiegen.</p>
+        </div>
+        <div class="card">
+          <h3>🎯 Ziele und klare Richtung</h3>
+          <p>Träume sind wichtig, aber ohne einen Plan bleiben sie nur Träume. Gemeinsam setzen wir realistische Ziele, entwickeln klare Strategien und verfolgen den Fortschritt. Dabei zählt nicht, wie schnell jemand wächst, sondern dass er sich kontinuierlich weiterentwickelt.</p>
+        </div>
+        <div class="card">
+          <h3>💪 Lösungen statt Ausreden</h3>
+          <p>Probleme gehören zum Weg dazu. Entscheidend ist, wie man mit ihnen umgeht. Ich suche nicht nach Schuldigen, sondern nach Lösungen. Stillstehen, weil etwas schwierig wird, passt nicht zu meiner Einstellung.</p>
+        </div>
+        <div class="card">
+          <h3>👑 Respekt auf Augenhöhe</h3>
+          <p>Unabhängig von Reichweite, Erfahrung oder Status verdient jeder Mensch Respekt. Ich begegne meinen Creatorn auf Augenhöhe, höre zu und nehme unterschiedliche Meinungen ernst. Niemand ist mehr wert, nur weil seine Zahlen größer sind.</p>
+        </div>
+        <div class="card">
+          <h3>🌟 Individualität</h3>
+          <p>Niemand muss eine Kopie von jemand anderem sein, um erfolgreich zu werden. Jeder Creator hat seine eigene Persönlichkeit, Geschichte und Stärke. Genau diese Einzigartigkeit soll sichtbar werden und erhalten bleiben.</p>
+        </div>
+        <div class="card">
+          <h3>🫂 Zusammenhalt</h3>
+          <p>Ich möchte keine oberflächliche Gruppe aufbauen, in der jeder nur an sich denkt. Mein Ziel ist eine Gemeinschaft, in der man sich gegenseitig unterstützt, motiviert und Erfolge miteinander teilt. Zusammen sind wir stärker als allein.</p>
+        </div>
+        <div class="card">
+          <h3>🔥 Leidenschaft</h3>
+          <p>Ich mache meine Arbeit nicht halbherzig. Wenn ich an einen Menschen und sein Potenzial glaube, setze ich mich mit voller Energie dafür ein. Erfolg entsteht dort, wo Leidenschaft, Disziplin und echtes Engagement zusammenkommen.</p>
+        </div>
+        <div class="card">
+          <h3>🏆 Mein Anspruch</h3>
+          <p>Ich möchte nicht einfach nur Creator verwalten. Ich möchte Menschen stärken, Chancen schaffen und gemeinsam mit ihnen etwas Echtes aufbauen.</p>
         </div>
       </div>
-      <!-- TODO: Weitere konkrete Grundsätze/Richtlinien aus dem Masterplan (Block Manager-Werte) ergänzen. -->
+
-      <div class="btn-row" style="justify-content:center;">
+      <div class="card text-center" style="max-width:640px;margin:2.6rem auto 0;">
+        <p class="quote" style="font-size:1.1rem;margin:0;">Keine Fassade. Keine leeren Versprechen. Sondern Vertrauen, Entwicklung und ein starkes gemeinsames Fundament.</p>
+      </div>
+
+      <div class="btn-row" style="justify-content:center;margin-top:2.2rem;">
         <a class="btn btn-primary" href="bewerben.html">Jetzt bewerben</a>
       </div>
     </div>