diff --git a/assets/css/main.css b/assets/css/main.css
index 93c2782..660fb71 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -1148,6 +1148,63 @@ body.mit-hintergrund::after {
   .pyramid-tier .profile-card { max-width: min(78vw, 240px) !important; }
 }
 
+/* ==========================================================================
+   BEWERBEN-SHOWCASE — die beiden Kampagnen-Poster (Dogfather/Team-Dogi
+   links, Spicy Media rechts) flankieren die Bewerbungs-Spalten wie
+   Kinoplakate. Bewusst NICHT als verwaschener Hintergrund HINTER den
+   Karten (das hätte Lesbarkeit gekostet), sondern als eigene, scharfe
+   Bildspalten DANEBEN — dadurch bleiben die Poster in voller Qualität
+   sichtbar UND die Bewerbungs-Karten bleiben ungestört lesbar. Jedes
+   Poster fasst farblich zur jeweiligen Seite (blau/rot) und blendet nach
+   unten sanft aus, damit es nicht wie ein hart abgeschnittenes Rechteck
+   wirkt, sondern organisch in die Seite übergeht. */
+.bewerben-showcase {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: clamp(1rem, 3vw, 2.2rem);
+}
+.bewerben-poster {
+  flex: 0 0 auto;
+  width: clamp(120px, 15vw, 220px);
+  aspect-ratio: 2 / 3;
+  border-radius: var(--radius);
+  overflow: hidden;
+  position: relative;
+  align-self: center;
+  -webkit-mask-image: linear-gradient(to bottom, #000 78%, transparent 100%);
+  mask-image: linear-gradient(to bottom, #000 78%, transparent 100%);
+  transition: transform .25s ease, filter .25s ease;
+}
+.bewerben-poster img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  object-position: top center;
+  display: block;
+}
+.bewerben-poster::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  border-radius: var(--radius);
+  pointer-events: none;
+}
+.bewerben-poster-blau {
+  box-shadow: 0 18px 46px rgba(0, 0, 0, .55), 0 0 30px rgba(143, 217, 234, .22);
+  transform: rotate(-2.5deg);
+}
+.bewerben-poster-blau::after { box-shadow: inset 0 0 0 1px rgba(143, 217, 234, .35); }
+.bewerben-poster-rot {
+  box-shadow: 0 18px 46px rgba(0, 0, 0, .55), 0 0 30px rgba(217, 74, 92, .22);
+  transform: rotate(2.5deg);
+}
+.bewerben-poster-rot::after { box-shadow: inset 0 0 0 1px rgba(217, 74, 92, .35); }
+.bewerben-poster:hover { transform: rotate(0deg) translateY(-4px) scale(1.03); filter: brightness(1.08); }
+@media (max-width: 1080px) {
+  .bewerben-poster { display: none; }
+}
+
 /* ==========================================================================
    BEWERBEN-SPLIT — zwei Welten, zwei Spalten, kleine Trennwand in der Mitte
    Passend zum Hintergrundbild: Community/Team Dogi (blau) links,
diff --git a/assets/img/bewerben-poster-dogfather.jpg b/assets/img/bewerben-poster-dogfather.jpg
new file mode 100644
index 0000000..d21b129
Binary files /dev/null and b/assets/img/bewerben-poster-dogfather.jpg differ
diff --git a/assets/img/bewerben-poster-spicymedia.jpg b/assets/img/bewerben-poster-spicymedia.jpg
new file mode 100644
index 0000000..cffdd07
Binary files /dev/null and b/assets/img/bewerben-poster-spicymedia.jpg differ
diff --git a/assets/img/bg-creator-mobile.jpg b/assets/img/bg-creator-mobile.jpg
new file mode 100644
index 0000000..a6d8e77
Binary files /dev/null and b/assets/img/bg-creator-mobile.jpg differ
diff --git a/assets/img/bg-creator.jpg b/assets/img/bg-creator.jpg
new file mode 100644
index 0000000..c1968db
Binary files /dev/null and b/assets/img/bg-creator.jpg differ
diff --git a/assets/js/data-modis.js b/assets/js/data-modis.js
index 656240b..d71bf45 100644
--- a/assets/js/data-modis.js
+++ b/assets/js/data-modis.js
@@ -77,7 +77,7 @@ const MODIS = [
     name: "Funny",
     slug: "funny",
     role: "Mama der Community",
-    rank: 3,
+    rank: 2, // gleiche Hierarchie-Stufe wie Diene — Wunsch von Dogi
     photo: "assets/img/card-funny.jpg",
     avatar: "assets/img/avatar-funny.jpg",
     bio: "Funny ist Teil des Modi-Teams von Team Dogi und mit dafür verantwortlich, dass im Chat und in der Community alles rundläuft.",
diff --git a/bewerben.html b/bewerben.html
index 412c96c..6e4169e 100644
--- a/bewerben.html
+++ b/bewerben.html
@@ -37,35 +37,45 @@
 
   <section class="section-tight">
     <div class="container">
-      <div class="bewerben-split">
-        <div class="bewerben-side bewerben-side-blau">
-          <span class="bewerben-side-label">🩵 Community — Team Dogi</span>
-          <a class="card" href="bewerben-modi.html" style="--accent:#8fd9ea;--accent-2:#8b5cf6;">
-            <span class="tag">Community</span>
-            <h3>Modi werden</h3>
-            <p>Dogfathers persönliches Team. Chat, Community und Zusammenhalt im Alltag.</p>
-          </a>
-          <a class="card" href="bewerben-kooperation.html" style="--accent:#8fd9ea;--accent-2:#8b5cf6;">
-            <span class="tag">Anfrage</span>
-            <h3>Kooperation anfragen</h3>
-            <p>Firma, Marke oder eigenes Projekt — schick deine Idee direkt an Team Dogi.</p>
-          </a>
+      <div class="bewerben-showcase">
+        <div class="bewerben-poster bewerben-poster-blau" aria-hidden="true">
+          <img src="assets/img/bewerben-poster-dogfather.jpg" alt="" loading="lazy" />
         </div>
 
-        <div class="bewerben-wall" aria-hidden="true"><span>⚡</span></div>
+        <div class="bewerben-split">
+          <div class="bewerben-side bewerben-side-blau">
+            <span class="bewerben-side-label">🩵 Community — Team Dogi</span>
+            <a class="card" href="bewerben-modi.html" style="--accent:#8fd9ea;--accent-2:#8b5cf6;">
+              <span class="tag">Community</span>
+              <h3>Modi werden</h3>
+              <p>Dogfathers persönliches Team. Chat, Community und Zusammenhalt im Alltag.</p>
+            </a>
+            <a class="card" href="bewerben-kooperation.html" style="--accent:#8fd9ea;--accent-2:#8b5cf6;">
+              <span class="tag">Anfrage</span>
+              <h3>Kooperation anfragen</h3>
+              <p>Firma, Marke oder eigenes Projekt — schick deine Idee direkt an Team Dogi.</p>
+            </a>
+          </div>
 
-        <div class="bewerben-side bewerben-side-rot">
-          <span class="bewerben-side-label">Agentur — Spicy Media</span>
-          <a class="card" href="bewerben-scout.html">
-            <span class="tag">Agentur</span>
-            <h3>Scout werden</h3>
-            <p>Finde und begleite neue Talente für Dogfather als Manager.</p>
-          </a>
-          <a class="card" href="bewerben-creator.html">
-            <span class="tag">Manager-Bewerbung</span>
-            <h3>Als Streamer bewerben</h3>
-            <p>Du suchst einen Manager? Bewirb dich als Creator bei Spicy Media.</p>
-          </a>
+          <div class="bewerben-wall" aria-hidden="true"><span>⚡</span></div>
+
+          <div class="bewerben-side bewerben-side-rot">
+            <span class="bewerben-side-label">Agentur — Spicy Media</span>
+            <a class="card" href="bewerben-scout.html">
+              <span class="tag">Agentur</span>
+              <h3>Scout werden</h3>
+              <p>Finde und begleite neue Talente für Dogfather als Manager.</p>
+            </a>
+            <a class="card" href="bewerben-creator.html">
+              <span class="tag">Manager-Bewerbung</span>
+              <h3>Als Streamer bewerben</h3>
+              <p>Du suchst einen Manager? Bewirb dich als Creator bei Spicy Media.</p>
+            </a>
+          </div>
+        </div>
+
+        <div class="bewerben-poster bewerben-poster-rot" aria-hidden="true">
+          <img src="assets/img/bewerben-poster-spicymedia.jpg" alt="" loading="lazy" />
         </div>
       </div>
     </div>
diff --git a/creator.html b/creator.html
index 1c9e0f6..4f27236 100644
--- a/creator.html
+++ b/creator.html
@@ -22,12 +22,12 @@
 <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" style="--page-bg:url('/assets/img/bg-creator.jpg');--page-bg-mobile:url('/assets/img/bg-creator-mobile.jpg');">
 <div id="site-header"></div>
 
 <main>
   <section class="hero page-bg">
-    <div class="hero-banner"><img src="/assets/img/bg-bewerben-creator.jpg" alt="" loading="eager" /></div>
+    <div class="hero-banner"><img src="/assets/img/bg-creator.jpg" alt="" loading="eager" /></div>
     <div class="container">
       <span class="eyebrow">Manager Dogfather — Team</span>
       <h1>Creator im Team</h1>