Bewerben-Poster als Kino-Flankierung, neuer Creator-Hintergrund, Diene/Funny gleichrangig

- bewerben.html: die zwei neuen Kampagnen-Poster (Dogfather/Team-Dogi links,
  Spicy Media rechts) flankieren jetzt die beiden Bewerbungs-Spalten wie
  Kinoplakate, leicht gekippt, farblich passend zur jeweiligen Seite,
  blenden nach unten sanft aus. Bewusst als eigene scharfe Bildspalte statt
  als verwaschener Hintergrund hinter den Karten, damit beides in voller
  Qualität lesbar bleibt. Ab 1080px Breite ausgeblendet (kein Platz mehr).
- creator.html: neues, extra dafür erstelltes "Die Creator"-Breitbild als
  Hintergrund, ersetzt den bisher wiederverwendeten Bewerbungs-Platzhalter
- data-modis.js: Funny von Stufe 3 auf Stufe 2 - jetzt gleiche Hierarchie-
  Ebene wie Diene (Pyramide gruppiert automatisch per Stufe, keine
  Code-Änderung an der Anzeige-Logik nötig)
- Alle Bilder als optimierte JPEGs eingebunden (PNG-Originale via
  System.Drawing skaliert/komprimiert, 63-232 KB statt 1,9-2,6 MB)

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,