Fortnite-Experience als Unterseite eingebunden (GIF-Einstieg am linken Rand der Startseite -> fortnite-experience/)

css/style.css

@@ -4099,3 +4099,102 @@ body.dark .rb-nr                 { color: #f9a8d4; }
 }
 body.dark .rb-falsch       { color: #fca5a5; }
 body.dark .rb-richtig-klein { color: #86efac; }
+
+/* ===========================
+   🎮 Fortnite-Experience Einstieg (linker Rand)
+   =========================== */
+.fortnite-launch {
+  position: fixed;
+  left: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  z-index: 950;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.45rem;
+  width: 118px;
+  padding: 0.6rem 0.55rem 0.7rem;
+  background: linear-gradient(160deg, #8b5cf6 0%, #6d28d9 45%, #06b6d4 100%);
+  border: 2px solid rgba(255, 255, 255, 0.55);
+  border-left: none;
+  border-radius: 0 20px 20px 0;
+  box-shadow: 0 10px 34px rgba(109, 40, 217, 0.5);
+  text-decoration: none;
+  cursor: pointer;
+  transition: transform 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275),
+              box-shadow 0.35s ease;
+}
+.fortnite-launch:hover {
+  transform: translateY(-50%) scale(1.07);
+  box-shadow: 0 14px 44px rgba(6, 182, 212, 0.65);
+}
+.fortnite-launch:active {
+  transform: translateY(-50%) scale(1.02);
+}
+.fortnite-launch-badge {
+  position: absolute;
+  top: -10px;
+  right: -8px;
+  background: #ff1493;
+  color: #fff;
+  font-size: 0.62rem;
+  font-weight: 800;
+  letter-spacing: 0.08em;
+  padding: 0.15rem 0.5rem;
+  border-radius: 99px;
+  border: 2px solid #fff;
+  box-shadow: 0 3px 10px rgba(255, 20, 147, 0.5);
+}
+.fortnite-launch-gif {
+  width: 96px;
+  height: auto;
+  display: block;
+  border-radius: 14px;
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
+  animation: fortnite-glow 2.4s ease-in-out infinite;
+}
+.fortnite-launch-label {
+  font-family: 'Segoe UI', Tahoma, sans-serif;
+  font-size: 0.82rem;
+  font-weight: 800;
+  color: #ffffff;
+  text-align: center;
+  line-height: 1.12;
+  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.55);
+  letter-spacing: 0.02em;
+}
+.fortnite-launch-cta {
+  font-size: 0.72rem;
+  font-weight: 700;
+  color: #f0abfc;
+  background: rgba(0, 0, 0, 0.28);
+  padding: 0.2rem 0.7rem;
+  border-radius: 99px;
+  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
+}
+@keyframes fortnite-glow {
+  0%, 100% { filter: drop-shadow(0 0 3px rgba(139, 92, 246, 0.6)); }
+  50%      { filter: drop-shadow(0 0 12px rgba(6, 182, 212, 0.95)); }
+}
+
+/* Mobile: kompakter, damit nichts überdeckt wird */
+@media (max-width: 768px) {
+  .fortnite-launch {
+    width: 78px;
+    padding: 0.4rem 0.35rem 0.5rem;
+    gap: 0.3rem;
+    border-radius: 0 14px 14px 0;
+  }
+  .fortnite-launch-gif { width: 62px; border-radius: 10px; }
+  .fortnite-launch-label { font-size: 0.62rem; }
+  .fortnite-launch-cta { font-size: 0.58rem; padding: 0.15rem 0.5rem; }
+  .fortnite-launch-badge { font-size: 0.52rem; top: -8px; right: -6px; }
+}
+
+/* Barrierefreiheit: Animationen reduzieren, wenn gewünscht */
+@media (prefers-reduced-motion: reduce) {
+  .fortnite-launch-gif { animation: none; }
+  .fortnite-launch { transition: none; }
+}
+

fortnite-experience/AIreadme.txt

@@ -0,0 +1,99 @@
+AIreadme.txt
+=================
+
+Ziel
+----
+Dieser Ordner ist eine fertige, statische Mini-Webapp mit 2 Spielmodi rund um Fortnite:
+1) Guess the Collab (Ja/Nein + Enzyklopädie)
+2) Guess the Price (Skin-Preisraten)
+
+Die App ist dafür vorbereitet, als abgegrenzte Unterseite auf einem Server zu laufen.
+
+
+Wichtige Laufzeitdateien (MUSS bleiben)
+---------------------------------------
+- index.html
+- collab_game.html
+- price_game.html
+- app.js
+- style.css
+- skins.js
+- images/  (kompletter Ordner mit Collab-Bildern)
+
+Ohne diese Dateien funktioniert die App nicht vollständig.
+
+
+Startpunkte / Routing
+---------------------
+- Hauptmenü: index.html
+- Direkt ins Collab-Spiel: collab_game.html#game
+- Direkt in die Enzyklopädie: collab_game.html#encyclopedia
+- Direkt ins Preis-Spiel: price_game.html
+
+Hinweis:
+`collab_game.html` hat KEINEN alten Startscreen mehr. Es startet direkt per Hash-Route.
+
+
+Wie die Spiele funktionieren
+----------------------------
+A) Guess the Collab (collab_game.html + app.js + style.css + images/)
+- Frageformat: "Ist das in Fortnite?" mit Realbild.
+- Antwort-Flow: Ja/Nein -> Feedback mit Fortnite-Bild und Infos.
+- Ergebnisseite mit Statistik.
+- Enzyklopädie-Ansicht mit Kategorien/Filter und Detail-Modal.
+- Enzyklopädie-Header hat keinen zusätzlichen Zurück-Button (bewusst entfernt).
+
+B) Guess the Price (price_game.html + skins.js)
+- Zeigt zufällige Skins aus SKINS (in skins.js).
+- Antwortbuttons für 500 / 800 / 1200 / 1500 / 2000 V-Bucks.
+- Nach Antwort: Auflösung inkl. Europreis (1000 VB = 8,99 €).
+- Zufall mit Gewichtung:
+  - 500 VB: 16%
+  - 800/1200/1500/2000 VB: jeweils 21%
+- No-repeat Fenster: Ein bereits gezeigter Skin darf erst nach 50 weiteren wieder auftauchen.
+- "Nächster Skin" ist als fixer Top-Button erreichbar (ohne Scrollen).
+
+
+Deployment-Hinweis für die "rote Button Unterseite"
+---------------------------------------------------
+Falls diese App in eine bestehende Website eingebaut wird:
+- Lege diesen Ordner als eigenen Unterpfad ab, z. B.:
+  /fortnite-experience/
+- Der rote Button der Hauptwebsite soll auf diesen Einstieg zeigen:
+  /fortnite-experience/index.html
+
+WICHTIG (Relative Pfade):
+- Alle internen Links sind relativ (z. B. collab_game.html, price_game.html, images/...).
+- Deshalb muss die App als kompletter zusammenhängender Ordner deployed werden.
+- Nicht einzelne Dateien aus dem Kontext reißen.
+
+
+Schnelle Server-Checks nach Upload
+----------------------------------
+Mindestens diese URLs auf HTTP 200 prüfen:
+- /fortnite-experience/index.html
+- /fortnite-experience/collab_game.html#game
+- /fortnite-experience/collab_game.html#encyclopedia
+- /fortnite-experience/price_game.html
+
+Manuelle Smoke-Checks:
+1) Von index -> Guess the Collab klickbar
+2) Von index -> Guess the Price klickbar
+3) Enzyklopädie öffnet direkt über #encyclopedia
+4) Bilder in collab_game laden (images/*)
+5) skins.js lädt in price_game
+6) Top-Button "Nächster Skin" erscheint nach jeder Antwort
+
+
+Nicht anfassen / typische Fehler
+--------------------------------
+- Dateinamen nicht ändern, sonst brechen relative Links.
+- images/ nicht teilweise löschen.
+- skins.js nicht umbenennen.
+- Keine Basis-URL erzwingen, wenn die App im Unterpfad läuft.
+
+
+Kurzfazit
+---------
+Wenn dieser Ordner 1:1 auf den Server kopiert und über index.html aufgerufen wird,
+ist die App direkt lauffähig.

fortnite-experience/collab_game.html

@@ -0,0 +1,294 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Is this thing in Fortnite? - Das Absurditäts-Quiz</title>
+    <!-- Google Fonts -->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=Space+Grotesk:wght@400;700&display=swap" rel="stylesheet">
+    <!-- FontAwesome for Icons -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <!-- Stylesheet -->
+  <link rel="stylesheet" href="style.css">
+</head>
+<body>
+    <div class="stars-bg"></div>
+    <div class="nebula-bg"></div>
+
+    <div class="app-container">
+        <!-- HEADER -->
+        <header class="app-header"><div style="display:flex; gap: 15px; align-items:center;"><button onclick="location.href='index.html'" class="btn btn-secondary" style="padding:0.4rem 1rem; font-size:0.8rem; height:36px; display:inline-flex; border-radius:30px; border-color:rgba(255,255,255,0.2);"><i class="fa-solid fa-house"></i> Hauptmenü</button></div>
+            <div class="logo">
+                <span class="logo-accent">IS IT IN</span>
+                <span class="logo-main">FORTNITE?</span>
+            </div>
+            <div class="header-badge">
+                <i class="fa-solid fa-triangle-exclamation pulse-icon"></i> Absurditäts-Tracker
+            </div>
+        </header>
+
+        <!-- GAME SCREEN -->
+        <section id="game-view" class="view active">
+            <!-- Game Progress & Stats -->
+            <div class="game-hud">
+                <div class="hud-left">
+                    <span id="question-progress">Frage 1 von 10</span>
+                    <div class="progress-container">
+                        <div id="progress-bar" class="progress-bar" style="width: 10%;"></div>
+                    </div>
+                </div>
+                <div class="hud-right">
+                    <div class="stat-counter counter-believe">
+                        <span class="stat-label"><i class="fa-solid fa-circle-check"></i> Richtig:</span>
+                        <span id="count-believe" class="stat-val">0</span>
+                    </div>
+                    <div class="stat-counter counter-doubt">
+                        <span class="stat-label"><i class="fa-solid fa-circle-xmark"></i> Falsch:</span>
+                        <span id="count-doubt" class="stat-val">0</span>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Card Play Area -->
+            <div class="card-container">
+                <div id="game-card" class="game-card">
+                    <div class="card-header">
+                        <span id="card-category" class="category-tag"><i class="fa-solid fa-shoe-prints"></i> Schuhe & Mode</span>
+                        <span id="card-brand" class="brand-tag">Nike</span>
+                    </div>
+                    
+                    <div class="card-body">
+                        <h2 id="card-title">Air Jordan 1 High OG "Chicago"</h2>
+                        
+                        <!-- Image Container (Real product/person) -->
+                        <div class="card-image-wrapper">
+                            <img id="card-image" src="" alt="Kooperation Bild" style="display: none;">
+                            <div id="card-image-fallback" class="image-fallback">
+                                <div class="fallback-icon-wrapper">
+                                    <i id="fallback-icon" class="fa-solid fa-shoe-prints"></i>
+                                </div>
+                                <span class="fallback-tip">Kein Bild geladen<br><small id="fallback-path">images/image.jpg</small></span>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="card-footer">
+                        <p class="action-prompt">Ist das in Fortnite?</p>
+                        <div class="decision-buttons">
+                            <button id="btn-no" class="btn-choice btn-no">
+                                <i class="fa-solid fa-xmark"></i> NEIN
+                            </button>
+                            <button id="btn-yes" class="btn-choice btn-yes">
+                                <i class="fa-solid fa-check"></i> JA
+                            </button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Feedback Overlay -->
+            <div id="feedback-overlay" class="feedback-overlay">
+                <div class="feedback-content">
+                    <div class="feedback-header">
+                        <div id="feedback-icon-box" class="feedback-icon-box">
+                            <i id="feedback-result-icon" class="fa-solid fa-circle-check"></i>
+                        </div>
+                        <h3 id="feedback-title">Richtig!</h3>
+                    </div>
+                    
+                    <div class="feedback-body">
+                        <p id="feedback-subtitle" class="feedback-subtitle">Doch, das ist wirklich in Fortnite!</p>
+                        
+                        <!-- Fortnite Version Image in feedback -->
+                        <div class="feedback-image-wrapper">
+                            <img id="feedback-image" src="" alt="Fortnite Version" style="display: none;">
+                            <div id="feedback-image-fallback" class="image-fallback">
+                                <div class="fallback-icon-wrapper">
+                                    <i id="feedback-fallback-icon" class="fa-solid fa-gamepad"></i>
+                                </div>
+                                <span class="fallback-tip">Kein Bild geladen<br><small id="feedback-fallback-path">images/image.jpg</small></span>
+                            </div>
+                        </div>
+
+                        <div class="info-sheet">
+                            <div class="info-row">
+                                <span class="info-label">Erschienen:</span>
+                                <span id="feedback-release" class="info-value">Dezember 2024</span>
+                            </div>
+                            <div class="info-desc-box">
+                                <p id="feedback-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam at porttitor sem.</p>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="feedback-footer">
+                        <button id="btn-next" class="btn btn-primary">
+                            Weiter <i class="fa-solid fa-arrow-right"></i>
+                        </button>
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        <!-- RESULTS SCREEN -->
+        <section id="results-view" class="view">
+            <div class="results-container">
+                <div class="results-header">
+                    <div class="trophy-wrapper">
+                        <i class="fa-solid fa-trophy trophy-icon"></i>
+                    </div>
+                    <h2>Spiel beendet!</h2>
+                    <p class="results-subtitle">Du hast dich den 50 Absurditäten gestellt.</p>
+                </div>
+
+                <div class="results-summary">
+                    <div class="score-grid">
+                        <div class="score-card">
+                            <span class="score-num text-glow-green" id="result-believe">0</span>
+                            <span class="score-lbl">Richtig beantwortet</span>
+                        </div>
+                        <div class="score-card">
+                            <span class="score-num text-glow-red" id="result-doubt">0</span>
+                            <span class="score-lbl">Falsch beantwortet</span>
+                        </div>
+                        <div class="score-card full-width">
+                            <span class="score-num text-glow-blue" id="result-ratio">0%</span>
+                            <span class="score-lbl">Erfolgsquote</span>
+                        </div>
+                    </div>
+
+                    <div class="verdict-box">
+                        <h3>Dein Realitäts-Urteil:</h3>
+                        <p id="result-verdict-title" class="verdict-title">Gesunder Skeptiker</p>
+                        <p id="result-verdict-desc" class="verdict-desc">Du glaubst noch an das Gute in der Welt und hast gezweifelt, dass Epic Games wirklich alles in dieses Spiel wirft.</p>
+                    </div>
+                </div>
+
+                <!-- List of items the user doubted -->
+                <div id="doubts-list-container" class="doubts-list-container" style="display: none;">
+                    <h3>Die Collabs, bei denen du falsch lagst:</h3>
+                    <div id="doubts-list" class="doubts-list">
+                        <!-- Dynamically filled -->
+                    </div>
+                </div>
+
+                <!-- Conclusion Section -->
+                <div class="results-conclusion-card">
+                    <h3><i class="fa-solid fa-globe"></i> Das Fortnite-Multiversum</h3>
+                    <p class="conclusion-text">
+                        Du siehst also: All diese höchst unterschiedlichen Marken, Charaktere und Prominenten sind tatsächlich in Fortnite vertreten. Wie man unschwer erkennen kann, ist diese extreme Vermischung vor allem in den letzten Jahren passiert. In den früheren Jahren des Spiels war die Themenstreuung bei weitem nicht so willkürlich und die Frequenz der Kooperations-Skins lange nicht so hoch.
+                    </p>
+                    <div class="monetization-promo">
+                        <p class="promo-text">Um mehr über die Monetarisierung von Fortnite zu erfahren, geh hier zum Guess the Prize Game:</p>
+                        <div class="placeholder-btn-wrapper">
+                            <button class="btn btn-primary" onclick="location.href='price_game.html'" style="background:var(--color-cyan); color:#000; box-shadow:0 0 15px var(--color-cyan);">
+                                <i class="fa-solid fa-coins"></i> <i class="fa-solid fa-coins"></i> Guess the Price Game starten
+                            </button>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="results-actions">
+                    <button id="btn-restart" class="btn btn-primary">
+                        <i class="fa-solid fa-rotate-right"></i> Hauptmenü &amp; Nochmal spielen
+                    </button>
+                    <button id="btn-view-encyclopedia" class="btn btn-secondary">
+                        <i class="fa-solid fa-book"></i> Zur Enzyklopädie
+                    </button>
+                </div>
+            </div>
+        </section>
+
+        <!-- ENCYCLOPEDIA SCREEN -->
+        <section id="encyclopedia-view" class="view">
+            <div class="encyclopedia-header-section">
+                <h2>Die Fortnite Absurditäts-Enzyklopädie</h2>
+                <p>Durchsuche alle 50 realen Marken, Promis und Produkte und vergleiche sie mit ihrer Fortnite-Version.</p>
+            </div>
+
+            <!-- Controls (Filters) -->
+            <div class="encyclopedia-controls" style="justify-content: center;">
+                <div class="filter-tabs">
+                    <button class="filter-tab active" data-filter="all">Alle (50)</button>
+                    <button class="filter-tab" data-filter="fashion"><i class="fa-solid fa-shoe-prints"></i> Mode</button>
+                    <button class="filter-tab" data-filter="car"><i class="fa-solid fa-car"></i> Autos</button>
+                    <button class="filter-tab" data-filter="celebrity"><i class="fa-solid fa-user"></i> Promis & Sport</button>
+                    <button class="filter-tab" data-filter="horror"><i class="fa-solid fa-ghost"></i> Horror</button>
+                    <button class="filter-tab" data-filter="popculture"><i class="fa-solid fa-gamepad"></i> Kultur & Games</button>
+                </div>
+            </div>
+
+            <!-- Grid -->
+            <div id="encyclopedia-grid" class="encyclopedia-grid">
+                <!-- Dynamically filled -->
+            </div>
+
+            <!-- Stats in Footer of Encyclopedia -->
+            <div class="encyclopedia-stats">
+                <span>Einträge gesamt: <strong id="enc-total-count">50</strong></span>
+            </div>
+        </section>
+
+        <footer>
+            Master Medien- und Bildungsmanagement
+        </footer>
+    </div>
+
+    <!-- Details Modal (Encyclopedia Detail view) -->
+    <div id="detail-modal" class="modal">
+        <div class="modal-content">
+            <span class="close-modal">&times;</span>
+            <div class="modal-header">
+                <span id="modal-category" class="category-tag">Kategorie</span>
+                <span id="modal-brand" class="brand-tag">Marke</span>
+            </div>
+            <div class="modal-body">
+                <h2 id="modal-title">Titel der Kooperation</h2>
+                
+                <!-- Side-by-side comparison inside detail modal -->
+                <div class="modal-images-comparison">
+                    <div class="modal-image-box">
+                        <span class="image-label">Realität</span>
+                        <div class="modal-image-wrapper">
+                            <img id="modal-image-real" src="" alt="Reales Vorbild" style="display: none;">
+                            <div id="modal-image-real-fallback" class="image-fallback">
+                                <div class="fallback-icon-wrapper" style="width: 40px; height: 40px; font-size: 1.2rem;">
+                                    <i id="modal-fallback-real-icon" class="fa-solid fa-image"></i>
+                                </div>
+                                <span class="fallback-tip" style="font-size: 0.65rem;">Kein Bild</span>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="modal-image-box">
+                        <span class="image-label">Fortnite</span>
+                        <div class="modal-image-wrapper">
+                            <img id="modal-image-fn" src="" alt="Fortnite Version" style="display: none;">
+                            <div id="modal-image-fn-fallback" class="image-fallback">
+                                <div class="fallback-icon-wrapper" style="width: 40px; height: 40px; font-size: 1.2rem;">
+                                    <i id="modal-fallback-fn-icon" class="fa-solid fa-gamepad"></i>
+                                </div>
+                                <span class="fallback-tip" style="font-size: 0.65rem;">Kein Bild</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="info-sheet" style="margin-top: 1rem;">
+                    <div class="info-row">
+                        <span class="info-label">Erschienen:</span>
+                        <span id="modal-release" class="info-value">Datum</span>
+                    </div>
+                    <div class="info-desc-box">
+                        <p id="modal-desc">Beschreibung...</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- Core App JS -->
+    <script src="app.js"></script>
+</body>
+</html>

fortnite-experience/images/README.md

@@ -0,0 +1,61 @@
+# Bilderverzeichnis (images/)
+
+Hier legst du später deine Bilder für die Kooperationen ab. 
+Die Bilder müssen das **JPG-Format** haben und exakt nach der ID der Kooperation benannt werden.
+
+Beispiel: Für die Kooperation **Tesla Cybertruck** muss die Bilddatei `tesla_cybertruck.jpg` in diesem Ordner abgelegt werden.
+
+> [!NOTE]
+> Sollte für ein Item kein Bild vorhanden sein, lädt das Spiel automatisch eine stylische, farbige CSS-Karte mit dem passenden Symbol für die Kategorie (Mode, Autos, Promis oder Kultur) und zeigt den Pfad an, unter dem das Bild gesucht wird.
+
+---
+
+## Liste der erforderlichen Bildnamen (150 Items)
+
+| Dateiname | Name der Kooperation | Kategorie |
+| :--- | :--- | :--- |
+| `adidas.jpg` | Adidas Originals | Schuhe & Mode |
+| `crocs.jpg` | Crocs Classic Clog | Schuhe & Mode |
+| `nike.jpg` | Nike Air Max | Schuhe & Mode |
+| `vans.jpg` | Vans Sk8-Hi | Schuhe & Mode |
+| `bmw.jpg` | BMW M4 Coupe | Autos & Fahrzeuge |
+| `cybertruck.jpg` | Tesla Cybertruck | Autos & Fahrzeuge |
+| `landrover.jpg` | Land Rover Defender | Autos & Fahrzeuge |
+| `mclaren.jpg` | McLaren 765LT | Autos & Fahrzeuge |
+| `mercedes.jpg` | Mercedes-AMG GT 63 S (4-Türer) | Autos & Fahrzeuge |
+| `nissan.jpg` | Nissan Silvia (S13) | Autos & Fahrzeuge |
+| `billieeilish.jpg` | Billie Eilish | Promis & Sportler |
+| `hamilton.jpg` | Lewis Hamilton | Promis & Sportler |
+| `kimk.jpg` | Kim Kardashian | Promis & Sportler |
+| `marcoreus.jpg` | Marco Reus | Promis & Sportler |
+| `naomiosaka.jpg` | Naomi Osaka | Promis & Sportler |
+| `shaq.jpg` | Shaquille O'Neal | Promis & Sportler |
+| `snoopdogg.jpg` | Snoop Dogg | Promis & Sportler |
+| `ladygaga.jpg` | Lady Gaga | Promis & Sportler |
+| `weeknd.jpg` | The Weeknd | Promis & Sportler |
+| `artclown.jpg` | Art der Clown (Terrifier) | Horror-Filme |
+| `jason.jpg` | Jason Voorhees (Freitag der 13.) | Horror-Filme |
+| `jigsaw.jpg` | Billy die Puppe (SAW) | Horror-Filme |
+| `predator.jpg` | Predator | Horror-Filme |
+| `xenomorph.jpg` | Xenomorph (Alien) | Horror-Filme |
+| `godzilla.jpg` | Godzilla | popculture |
+| `johnwick.jpg` | John Wick | popculture |
+| `southpark.jpg` | South Park | popculture |
+| `dune.jpg` | Dune | popculture |
+| `killbill.jpg` | Kill Bill | popculture |
+| `pulpfiction.jpg` | Pulp Fiction | popculture |
+| `metallica.jpg` | Metallica | popculture |
+| `badboys.jpg` | Bad Boys (Mike Lowrey) | popculture |
+| `eminem.jpg` | Eminem | Promis & Sportler |
+| `travisscott.jpg` | Travis Scott | Promis & Sportler |
+| `jakesully.jpg` | Avatar (Jake Sully) | popculture |
+| `hercules.jpg` | Disney's Hercules | popculture |
+| `eleven.jpg` | Stranger Things (Eleven) | popculture |
+| `daftpunk.jpg` | Daft Punk | Promis & Sportler |
+| `theoffice.jpg` | The Office (Michael & Dwight) | popculture |
+| `tomlizard.jpg` | Tom Lizard (Pixar's Hoppers) | popculture |
+| `edwardschere.jpg` | Edward mit den Scherenhänden | popculture |
+| `brunomars.jpg` | Bruno Mars | Promis & Sportler |
+| `squidgame.jpg` | Squid Game | popculture |
+| `wednesday.jpg` | Wednesday Addams | popculture |
+| `terminator.jpg` | Terminator (T-800) | popculture |