Links-Seite (Insta/Snapchat/Discord), Bewerben-Musikbutton, Streamplan-Nav, Personen-Text

- Links: Instagram & Snapchat als Platzhalter ergänzt, Discord auf "Nur auf Anfrage" -> Kontaktseite
- Musik-Button auf allen Bewerben-Seiten bekommt jetzt das gleiche Polarlicht-Design wie der Bewerben-Nav-Button
- Streamplan im Nav-Menu zurück in die HasiDog-Kategorie verschoben
- Neuer Textabschnitt "Der Mensch hinter DogFather" auf dogfather.html und streamer.html ergänzt

assets/css/main.css

@@ -1284,6 +1284,54 @@ body.seite-laedt main { opacity: .55; transition: opacity .15s ease; }
               0 0 34px color-mix(in srgb, var(--accent) 55%, transparent);
 }
 .music-widget.open .music-toggle { transform: rotate(12deg); }
+.music-toggle span { position: relative; z-index: 2; }
+
+/* Auf den Bewerben-Seiten bekommt der Musik-Knopf dieselbe Polarlicht-
+   Farbe wie der "Bewerben"-Knopf oben in der Leiste — beide markieren
+   hier bewusst denselben "Treffpunkt beider Welten"-Charakter der Seite. */
+body.bewerben-seite .music-toggle {
+  position: relative;
+  isolation: isolate;
+  overflow: hidden;
+  background: #0b0e14;
+  border-color: rgba(255, 255, 255, .18);
+  color: #fff;
+}
+body.bewerben-seite .music-toggle::before {
+  content: "";
+  position: absolute;
+  inset: -40%;
+  z-index: 0;
+  background:
+    radial-gradient(circle at 20% 25%, rgba(143, 217, 234, .95), transparent 55%),
+    radial-gradient(circle at 45% 75%, rgba(139, 92, 246, .9), transparent 58%),
+    radial-gradient(circle at 80% 30%, rgba(217, 74, 92, .95), transparent 55%),
+    radial-gradient(circle at 60% 85%, rgba(232, 147, 58, .55), transparent 55%);
+  filter: blur(6px) saturate(1.35);
+  animation: nav-cta-aurora 9s ease-in-out infinite alternate;
+}
+body.bewerben-seite .music-toggle::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  z-index: 1;
+  border-radius: 999px;
+  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;
+}
+body.bewerben-seite .music-toggle:hover,
+body.bewerben-seite .music-toggle:focus-visible {
+  box-shadow: 0 16px 38px rgba(0, 0, 0, .5),
+              0 0 22px rgba(143, 217, 234, .3),
+              0 0 22px rgba(217, 74, 92, .28);
+}
+@media (prefers-reduced-motion: reduce) {
+  body.bewerben-seite .music-toggle::before,
+  body.bewerben-seite .music-toggle::after { animation: none; }
+}
 
 .music-panel {
   width: min(330px, calc(100vw - 44px));

assets/js/main.js

@@ -19,8 +19,6 @@
         { label: "Casper", href: "casper.html" },
         { label: "VanVan", href: "vanvan.html" },
         { label: "Zeitreise", href: "zeitreise.html" },
-        // Streamplan zurück unter Dogfather — Wunsch Dogi.
-        { label: "Streamplan", href: "streamplan.html" },
       ],
     },
     {
@@ -30,6 +28,8 @@
         { label: "Modi-Team", href: "team-modis.html" },
         { label: "Community", href: "community.html" },
         { label: "Stimmen", href: "stimmen.html" },
+        // Streamplan zurück unter HasiDog — Wunsch Dogi.
+        { label: "Streamplan", href: "streamplan.html" },
       ],
     },
     {
@@ -154,7 +154,6 @@
               <li><a href="casper.html">Casper</a></li>
               <li><a href="vanvan.html">VanVan</a></li>
               <li><a href="zeitreise.html">Zeitreise</a></li>
-              <li><a href="streamplan.html">Streamplan</a></li>
             </ul>
           </div>
           <div>
@@ -164,6 +163,7 @@
               <li><a href="team-modis.html">Modi-Team</a></li>
               <li><a href="community.html">Community</a></li>
               <li><a href="stimmen.html">Stimmen</a></li>
+              <li><a href="streamplan.html">Streamplan</a></li>
               <li><a href="manager.html">Manager Dogfather</a></li>
               <li><a href="team-scouts.html">Scouts</a></li>
             </ul>
@@ -249,7 +249,7 @@
       </div>
       <button class="music-toggle" id="music-toggle" type="button"
               aria-expanded="false" aria-controls="music-panel"
-              title="Musik von Hasidog &amp; Van-Van">🎵</button>`;
+              title="Musik von Hasidog &amp; Van-Van"><span>🎵</span></button>`;
     document.body.appendChild(widget);
 
     const panel = document.getElementById("music-panel");

bewerben-creator.html

@@ -22,7 +22,7 @@
 <link rel="stylesheet" href="assets/css/theme-hasidog.css" />
 <link rel="stylesheet" href="assets/css/theme-spicymedia.css" />
 </head>
-<body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-bewerben-creator.jpg');--page-bg-mobile:url('/assets/img/bg-bewerben-creator-mobile.jpg');">
+<body class="mit-hintergrund bewerben-seite" style="--page-bg:url('/assets/img/bg-bewerben-creator.jpg');--page-bg-mobile:url('/assets/img/bg-bewerben-creator-mobile.jpg');">
 <div id="site-header"></div>
 
 <main>

bewerben-kooperation.html

@@ -22,7 +22,7 @@
 <link rel="stylesheet" href="assets/css/theme-hasidog.css" />
 <link rel="stylesheet" href="assets/css/theme-spicymedia.css" />
 </head>
-<body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-bewerben.jpg');--page-bg-mobile:url('/assets/img/bg-bewerben-mobile.jpg');">
+<body class="mit-hintergrund bewerben-seite" style="--page-bg:url('/assets/img/bg-bewerben.jpg');--page-bg-mobile:url('/assets/img/bg-bewerben-mobile.jpg');">
 <div id="site-header"></div>
 
 <main>

bewerben-modi.html

@@ -22,7 +22,7 @@
 <link rel="stylesheet" href="assets/css/theme-hasidog.css" />
 <link rel="stylesheet" href="assets/css/theme-spicymedia.css" />
 </head>
-<body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-dogfather.jpg');--page-bg-mobile:url('/assets/img/bg-dogfather-mobile.jpg');">
+<body class="mit-hintergrund bewerben-seite" style="--page-bg:url('/assets/img/bg-dogfather.jpg');--page-bg-mobile:url('/assets/img/bg-dogfather-mobile.jpg');">
 <div id="site-header"></div>
 
 <main>

bewerben-scout.html

@@ -22,7 +22,7 @@
 <link rel="stylesheet" href="assets/css/theme-hasidog.css" />
 <link rel="stylesheet" href="assets/css/theme-spicymedia.css" />
 </head>
-<body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-scouts.jpg');--page-bg-mobile:url('/assets/img/bg-scouts-mobile.jpg');">
+<body class="mit-hintergrund bewerben-seite" style="--page-bg:url('/assets/img/bg-scouts.jpg');--page-bg-mobile:url('/assets/img/bg-scouts-mobile.jpg');">
 <div id="site-header"></div>
 
 <main>

bewerben.html

@@ -22,7 +22,7 @@
 <link rel="stylesheet" href="assets/css/theme-hasidog.css" />
 <link rel="stylesheet" href="assets/css/theme-spicymedia.css" />
 </head>
-<body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-bewerben-split.jpg');--page-bg-mobile:url('/assets/img/bg-bewerben-split-mobile.jpg');">
+<body class="mit-hintergrund bewerben-seite" style="--page-bg:url('/assets/img/bg-bewerben-split.jpg');--page-bg-mobile:url('/assets/img/bg-bewerben-split-mobile.jpg');">
 <div id="site-header"></div>
 
 <main>

dogfather.html

@@ -49,6 +49,19 @@
     </div>
   </section>
 
+  <section class="section-tight">
+    <div class="container" style="max-width:70ch;">
+      <h2 class="text-center">Der Mensch hinter DogFather</h2>
+      <p>Hinter <strong>DogFather</strong> steht ein Mensch, dem Familie, Loyalität und echter Zusammenhalt besonders wichtig sind.</p>
+      <p>Ich bin ein direkter, ehrlicher und humorvoller Mensch, der großen Wert darauf legt, andere so zu behandeln, wie er selbst behandelt werden möchte. Respekt, Vertrauen und Verlässlichkeit sind für mich keine leeren Worte, sondern Werte, nach denen ich jeden Tag lebe.</p>
+      <p>Menschen, die mir wichtig sind, können sich jederzeit auf mich verlassen. Ich höre zu, unterstütze, wo ich kann, und versuche auch in schwierigen Situationen, den Blick für das Positive nicht zu verlieren. Gleichzeitig bin ich jemand, der offen seine Meinung sagt und lieber ehrlich als oberflächlich ist.</p>
+      <p>Neben meiner ernsten und verantwortungsvollen Seite gehört auch eine große Portion Humor zu mir. Ich lache gerne, nehme mich selbst nicht immer zu ernst und genieße die kleinen, besonderen Momente im Leben.</p>
+      <p>Für mich zählt nicht, was ein Mensch besitzt oder nach außen darstellt. Entscheidend sind sein Charakter, sein Herz und die Art, wie er mit anderen Menschen umgeht.</p>
+      <p class="quote" style="margin-top:1.4rem;">Echt im Herzen. Klar im Kopf. Loyal bis zum Schluss.</p>
+      <p style="text-align:right;"><strong>– Filipe</strong></p>
+    </div>
+  </section>
+
   <section>
     <div class="container">
       <h2 class="text-center">Persönlichkeit</h2>

links.html

@@ -42,9 +42,17 @@
           <p>@dogfather0804</p>
         </a>
         <a class="card text-center" href="#" target="_blank" rel="noopener">
-          <h3>💬 Discord</h3>
+          <h3>📸 Instagram</h3>
           <p class="small muted">Folgt in Kürze</p>
         </a>
+        <a class="card text-center" href="#" target="_blank" rel="noopener">
+          <h3>👻 Snapchat</h3>
+          <p class="small muted">Folgt in Kürze</p>
+        </a>
+        <a class="card text-center" href="kontakt.html">
+          <h3>💬 Discord</h3>
+          <p class="small muted">Nur auf Anfrage</p>
+        </a>
         <a class="card text-center" href="#" target="_blank" rel="noopener">
           <h3>🛒 Merchandise / Shop</h3>
           <p class="small muted">Folgt in Kürze</p>
@@ -75,7 +83,7 @@
           <p class="small">Dogis persönlicher Teilen-Baustein</p>
         </div>
       </div>
-      <!-- TODO: Vorhandenen QR-Code scout-qr-1785422377936.png nach assets/qr/scout-bewerbung-qr.png kopieren, sobald die Datei bereitsteht. Restliche Links (Discord, Shop) mit echten URLs befüllen — Spotify ist bereits verlinkt. -->
+      <!-- TODO: Vorhandenen QR-Code scout-qr-1785422377936.png nach assets/qr/scout-bewerbung-qr.png kopieren, sobald die Datei bereitsteht. Instagram, Snapchat und Shop noch mit echten URLs befüllen, sobald vorhanden. Discord ist bewusst "nur auf Anfrage" (kein offener Link) und führt zur Kontaktseite. -->
     </div>
   </section>
 </main>

streamer.html

@@ -61,6 +61,19 @@
     </div>
   </section>
 
+  <section class="section-tight">
+    <div class="container" style="max-width:70ch;">
+      <h2 class="text-center">Der Mensch hinter DogFather</h2>
+      <p>Hinter <strong>DogFather</strong> steht ein Mensch, dem Familie, Loyalität und echter Zusammenhalt besonders wichtig sind.</p>
+      <p>Ich bin ein direkter, ehrlicher und humorvoller Mensch, der großen Wert darauf legt, andere so zu behandeln, wie er selbst behandelt werden möchte. Respekt, Vertrauen und Verlässlichkeit sind für mich keine leeren Worte, sondern Werte, nach denen ich jeden Tag lebe.</p>
+      <p>Menschen, die mir wichtig sind, können sich jederzeit auf mich verlassen. Ich höre zu, unterstütze, wo ich kann, und versuche auch in schwierigen Situationen, den Blick für das Positive nicht zu verlieren. Gleichzeitig bin ich jemand, der offen seine Meinung sagt und lieber ehrlich als oberflächlich ist.</p>
+      <p>Neben meiner ernsten und verantwortungsvollen Seite gehört auch eine große Portion Humor zu mir. Ich lache gerne, nehme mich selbst nicht immer zu ernst und genieße die kleinen, besonderen Momente im Leben.</p>
+      <p>Für mich zählt nicht, was ein Mensch besitzt oder nach außen darstellt. Entscheidend sind sein Charakter, sein Herz und die Art, wie er mit anderen Menschen umgeht.</p>
+      <p class="quote" style="margin-top:1.4rem;">Echt im Herzen. Klar im Kopf. Loyal bis zum Schluss.</p>
+      <p style="text-align:right;"><strong>– Filipe</strong></p>
+    </div>
+  </section>
+
   <section>
     <div class="container grid grid-2" style="align-items:center;">
       <div>