Fortnite Experience: Startseite vereinfacht (nur FORTNITE EXPERIENCE), WISSENSWERTES-Button, neuer Footer; Enzyklopaedie ohne Fortnite-Font ausser Seitenueberschrift; Sub-Tabs groesser; Umlaute aus Fortnite-Font-Texten entfernt

fortnite-experience/app.js

@@ -90,7 +90,7 @@ const fortniteCollabs = [
   },
   {
     "id": "mercedes",
-    "name": "Mercedes-AMG GT 63 S (4-Türer)",
+    "name": "Mercedes-AMG GT 63 S (4-Door)",
     "category": "car",
     "subcategory": "Autos & Fahrzeuge",
     "release": "September 2025",
@@ -443,7 +443,7 @@ const fortniteCollabs = [
   },
   {
     "id": "edward",
-    "name": "Edward mit den Scherenhänden",
+    "name": "Edward Scissorhands",
     "category": "popculture",
     "subcategory": "Popkultur & Filme",
     "release": "Oktober 2024",
@@ -760,7 +760,7 @@ const monetizationTopics = [
       },
       {
         type: "text",
-        title: "<EFBFBD> Hohe Preise für Fortnite-Spieler",
+        title: "💸 Hohe Preise für Fortnite-Spieler",
         body: "Für einen reinen Fortnite-Spieler sind die Fahrzeuge <strong>sehr teuer</strong> – oft 1.500 bis 2.500+ V‑Bucks für ein rein <strong>kosmetisches</strong> Auto (kein Spielvorteil!). Die echten Markennamen (BMW, McLaren, Tesla) verleihen künstlichen Premium-Wert."
       },
       {

fortnite-experience/collab_game.html

@@ -19,13 +19,13 @@
 
     <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>
+        <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> Startseite</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
+                <i class="fa-solid fa-triangle-exclamation pulse-icon"></i> Wahnsinns-Tracker
             </div>
         </header>
 
@@ -192,10 +192,10 @@
 
                 <div class="results-actions">
                     <button id="btn-restart" class="btn btn-primary">
-                        <i class="fa-solid fa-rotate-right"></i> Hauptmenü &amp; Nochmal spielen
+                        <i class="fa-solid fa-rotate-right"></i> Startseite &amp; Nochmal spielen
                     </button>
                     <button id="btn-view-encyclopedia" class="btn btn-secondary">
-                        <i class="fa-solid fa-book"></i> Zur Enzyklopädie
+                        <i class="fa-solid fa-book"></i> Zu Wissenswertes
                     </button>
                 </div>
             </div>
@@ -204,7 +204,7 @@
         <!-- ENCYCLOPEDIA SCREEN -->
         <section id="encyclopedia-view" class="view">
             <div class="encyclopedia-header-section">
-                <h2>Die Fortnite-Enzyklopädie</h2>
+                <h2>FORTNITE WISSENSWERTES</h2>
                 <p>Das große Nachschlagewerk: Wie genau verdient Fortnite eigentlich sein Geld? Und welche absurden Collabs gibt es? Wähle einen Bereich.</p>
             </div>
 

fortnite-experience/index.html

@@ -306,23 +306,10 @@
 
     <div class="app-container">
         <header class="app-header">
-            <div class="logo">
-                <span class="logo-accent">EPIC</span>
-                <span class="logo-main">EVOLUTION</span>
-            </div>
-            <div class="header-badge">
-                <i class="fa-solid fa-chart-line"></i> Wandel-Tracker
-            </div>
         </header>
 
         <div class="hero-section">
-            <span class="hero-eyebrow"><i class="fa-solid fa-gamepad"></i> Fortnite Präsentation</span>
+            <h1>FORTNITE EXPERIENCE</h1>
-            <h1>Vom Shooter zum <span class="text-glow">Metaverse</span></h1>
-            <p class="hero-desc">
-                Fortnite hat sich von einem reinen Battle-Royale-Shooter zu einer gigantischen
-                Marken- und Monetarisierungs-Maschine gewandelt. Erlebe diesen Wandel interaktiv –
-                wähle einen der beiden Spielmodi:
-            </p>
         </div>
 
         <div class="menu-grid">
@@ -359,12 +346,12 @@
 
         <div class="secondary-row">
             <button class="btn-ghost" onclick="location.href='collab_game.html#encyclopedia'">
-                <i class="fa-solid fa-book"></i> Enzyklopädie der 50 Collabs ansehen
+                <i class="fa-solid fa-book"></i> WISSENSWERTES
             </button>
         </div>
 
         <footer>
-            Präsentationsplattform – Semester 2 (M.Sc. Medien, Business &amp; Management)
+            Managing Change SoSe 2025 &ndash; Medien- und Bildungsmanagement Master
         </footer>
     </div>
 </body>

fortnite-experience/price_game.html

@@ -523,7 +523,7 @@
         <!-- HEADER -->
         <header class="app-header">
             <button class="btn-home" onclick="location.href='index.html'">
-                <i class="fa-solid fa-house"></i> Hauptmenü
+                <i class="fa-solid fa-house"></i> Startseite
             </button>
             <div class="logo">
                 <span class="logo-accent">GUESS THE</span>
@@ -569,7 +569,7 @@
                     <span class="round-tag" id="round-tag">Skin #1</span>
                     <div class="card-top-right">
                         <button class="btn-next-top" id="btn-next">
-                            Nächster Skin <i class="fa-solid fa-arrow-right"></i>
+                            Weiter <i class="fa-solid fa-arrow-right"></i>
                         </button>
                         <span class="rarity-tag" id="rarity-tag">Epic</span>
                     </div>

fortnite-experience/style.css

@@ -135,7 +135,10 @@
    Enzyklopädie-Fließtext bleibt bewusst in der Sans-Serif-Font lesbar.
    ===================================================================== */
 
-/* --- Display-Font (Fortnite) auf Überschriften & Menü-Beschriftungen --- */
+/* --- Display-Font (Fortnite) auf Ueberschriften & Menue-Beschriftungen ---
+   Hinweis: Enzyklopaedie nutzt die Font NUR fuer die Seitenueberschrift
+   (.encyclopedia-header-section h2). Alle anderen Enzyklopaedie-Elemente
+   bleiben in der lesbaren Sans-Font. */
 .logo,
 .hero-section h1,
 .mode-selection h2,
@@ -146,27 +149,18 @@
 .results-header h2,
 .verdict-title,
 .encyclopedia-header-section h2,
-.enc-card h3,
-.modal-body h2,
-.monet-intro h3,
-.monet-card-text h3,
-.monet-modal-heading h2,
-.monet-sec-title,
 .btn, .btn-choice, .btn-back,
-.filter-tab, .enc-subtab,
 .header-badge, .hud-left span, .stat-counter,
 .score-num, .stat-val, .menu-number{
   font-family: var(--font-display);
   letter-spacing: .03em;
 }
 
-/* Überschriften im typischen Fortnite-Look: GROSS & KANTIG */
+/* Ueberschriften im typischen Fortnite-Look: GROSS & KANTIG */
 .hero-section h1,
 .results-header h2,
 .card-body h2,
 .encyclopedia-header-section h2,
-.modal-body h2,
-.monet-modal-heading h2,
 .logo{
   text-transform: uppercase;
   letter-spacing: .01em;
@@ -175,7 +169,7 @@
 .hero-section h1{ font-size: 3.2rem; line-height: .95; }
 .card-body h2{ font-size: 1.85rem; line-height: 1.05; }
 
-/* Buttons: Fortnite-Menü-Style – kräftiger Glow, kantig, GROSS */
+/* Buttons: Fortnite-Menue-Style – kraeftiger Glow, kantig, GROSS */
 .btn, .btn-choice{
   text-transform: uppercase;
   font-weight: 400;
@@ -185,19 +179,26 @@
 .btn-primary{ box-shadow: 0 0 0 2px #00000080 inset, var(--shadow-neon); }
 .btn:hover, .btn-choice:hover{ filter: brightness(1.08); }
 
-/* Tabs / Sub-Tabs / Filter: Menü-Reiter-Feeling */
+/* Sub-Tabs (Monetarisierung / Collabs): groesser & praesenter */
-.filter-tab, .enc-subtab{
+.enc-subtab{
-  text-transform: uppercase;
+  font-size: 1.05rem;
-  font-weight: 400;
+  padding: .9rem 2.1rem;
-  letter-spacing: .04em;
+  letter-spacing: .02em;
 }
+.enc-subtabs{ padding: .45rem; gap: .5rem; }
 
-/* Mode-/Menü-Karten: leuchtende Kante als klickbarer Menüpunkt */
+/* Mode-/Menue-Karten: leuchtende Kante als klickbarer Menuepunkt */
 .mode-card:hover, .enc-card:hover, .monet-card:hover{
   outline: 1px solid var(--color-accent);
   outline-offset: -1px;
 }
 
+/* Enzyklopaedie soll die Fortnite-Font NICHT nutzen (Ausnahme: Seiten-
+   ueberschrift). Der Kategorie-Tag im Detail-Modal daher zurueck auf Sans. */
+.modal .category-tag{
+  font-family: var(--font-sans);
+}
+
 /* HUD-Zahlen & Score in der Display-Font wirken „gamey" */
 .score-num, .stat-val{ letter-spacing: 0; font-weight: 400; }