Startseite: neue "Event des Jahres"-Kachel unter den 3 Welt-Kacheln

Nutzer-Wunsch 20.08.2026: volle Breite wie die 3 Welt-Kacheln zusammen,
zeigt immer genau zwei Events. Erste Belegung mit zwei bereits auf
zeitreise.html dokumentierten echten Events (28-Stunden-Stream 7. März
2026, Creator Cup 27. Juli - 2. August 2026) statt Platzhaltertext --
Texte sind gekuerzte, inhaltlich unveraenderte Fassungen der bestehenden
Zeitreise-Beschreibungen, beide Karten verlinken auf zeitreise.html. Alle
5 Sprachen gepflegt. Gleiche Karten-/Tag-Optik wie die Welt-Kacheln, damit
es wie ein natuerlicher vierter Baustein wirkt statt wie ein fremdes
Element.

Per Playwright verifiziert: exakt gleiche Breite wie .hero-grid (1180px),
2 Karten, kein horizontales Scrollen auf Mobil, keine Konsolenfehler.

Co-Authored-By: Claude Opus 5 <[email protected]>

assets/css/main.css

@@ -1590,6 +1590,46 @@ header.site-header {
 }
 @media (max-width: 760px) { .hero-grid { grid-template-columns: 1fr; } }
 
+/* "Event des Jahres" (20.08.2026) — volle Breite wie .hero-grid darüber (eigener Block,
+   kein Grid-Kind), zeigt bewusst IMMER genau zwei Events nebeneinander. Gleiche
+   Karten-/Tag-Optik wie die 3 Welt-Kacheln, damit es wie ein natürlicher Abschluss des
+   Grids wirkt statt wie ein fremdes Element. */
+.jahres-events {
+  margin-top: 1.2rem;
+  background: var(--card-bg);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  padding: 1.6rem;
+  box-shadow: var(--shadow);
+}
+.jahres-events-head { margin-bottom: 1.2rem; }
+.jahres-events-grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 1.2rem;
+}
+@media (max-width: 760px) { .jahres-events-grid { grid-template-columns: 1fr; } }
+.jahres-event-card {
+  display: block;
+  padding: 1.2rem 1.4rem;
+  border-radius: calc(var(--radius) - 4px);
+  border: 1px solid var(--border);
+  background: rgba(255, 255, 255, .02);
+  transition: border-color .15s ease, transform .15s ease;
+}
+.jahres-event-card:hover { border-color: var(--accent); transform: translateY(-3px); }
+.jahres-event-datum {
+  display: block;
+  color: var(--accent);
+  font-weight: 700;
+  font-size: .82rem;
+  letter-spacing: .02em;
+  margin-bottom: .3rem;
+}
+.jahres-event-card h3 { margin: 0 0 .4rem; font-size: 1.15rem; }
+.jahres-event-card p { margin: 0 0 .6rem; color: var(--text-muted); font-size: .93rem; line-height: 1.55; }
+.jahres-event-mehr { color: var(--accent); font-weight: 600; font-size: .88rem; }
+
 /* ---------- Cards ---------- */
 .card {
   background: var(--card-bg);

assets/js/i18n-index.js

@@ -81,6 +81,49 @@ window.I18N_PAGE = {
     fr: "En tant que manager chez Spicy Media : scouts, creators et une collaboration équitable, d'égal à égal.",
     pt: "Como manager na Spicy Media: scouts, creators e uma parceria justa entre iguais.",
   },
+  /* ---------- "Event des Jahres" (20.08.2026, Nutzer-Wunsch) — volle Breite unter den
+     3 Welt-Kacheln, zeigt bewusst IMMER genau zwei Events. Texte sind gekürzte, inhaltlich
+     unveränderte Fassungen der ausführlichen Beschreibungen aus i18n-zeitreise.js
+     (zr_ev4_h3/p, zr_ev9_h3/p) — dieselben zwei Events, nur kompakter für die Kachel. ---------- */
+  idx_jahres_events_tag: {
+    de: "🏆 Event des Jahres", "de-CH": "🏆 Event vom Jahr",
+    en: "🏆 Event of the Year", fr: "🏆 Événement de l'année", pt: "🏆 Evento do ano",
+  },
+  idx_jahres_event1_datum: {
+    de: "7. März 2026", "de-CH": "7. März 2026",
+    en: "March 7, 2026", fr: "7 mars 2026", pt: "7 de março de 2026",
+  },
+  idx_jahres_event1_h3: {
+    de: "Der 28-Stunden-Stream", "de-CH": "De 28-Stunde-Stream",
+    en: "The 28-Hour Stream", fr: "Le stream de 28 heures", pt: "A live de 28 horas",
+  },
+  idx_jahres_event1_p: {
+    de: "DogFather stellt sich einer besonderen Herausforderung und streamt 28 Stunden am Stück.",
+    "de-CH": "DogFather stellt sich ere bsundere Herusforderig und streamt 28 Stund am Stück.",
+    en: "DogFather takes on a very special challenge and streams for 28 hours straight.",
+    fr: "DogFather se lance un défi hors norme et streame 28 heures d'affilée.",
+    pt: "DogFather encara um desafio especial e transmite ao vivo por 28 horas seguidas.",
+  },
+  idx_jahres_event2_datum: {
+    de: "27. Juli bis 2. August 2026", "de-CH": "27. Juli bis 2. Auguscht 2026",
+    en: "July 27 – August 2, 2026", fr: "Du 27 juillet au 2 août 2026", pt: "De 27 de julho a 2 de agosto de 2026",
+  },
+  idx_jahres_event2_h3: {
+    de: "Der Creator Cup", "de-CH": "De Creator Cup",
+    en: "The Creator Cup", fr: "Le Creator Cup", pt: "O Creator Cup",
+  },
+  idx_jahres_event2_p: {
+    de: "Gemeinsam mit Cidem organisiert DogFather den Creator Cup für die Streamer von Spicy Media.",
+    "de-CH": "Zäme mit Cidem organisiert DogFather de Creator Cup für d Streamer vo Spicy Media.",
+    en: "Together with Cidem, DogFather organizes the Creator Cup for Spicy Media's streamers.",
+    fr: "Avec Cidem, DogFather organise le Creator Cup pour les streamers de Spicy Media.",
+    pt: "Junto com Cidem, DogFather organiza o Creator Cup para os streamers da Spicy Media.",
+  },
+  idx_jahres_events_mehr: {
+    de: "Zur Zeitreise →", "de-CH": "Zur Ziitreis →",
+    en: "To the timeline →", fr: "Voir la chronologie →", pt: "Ver a linha do tempo →",
+  },
+
   idx_char_eyebrow: {
     de: "🩵 Die Gesichter der Welten", "de-CH": "🩵 D Gsichter vo de Wälte",
     en: "🩵 The Faces of the Worlds", fr: "🩵 Les visages des mondes", pt: "🩵 Os rostos dos mundos",

index.html

@@ -81,6 +81,30 @@
           <p data-i18n="idx_hero_card3_desc">Als Manager bei Spicy Media: Scouts, Creator und faire Zusammenarbeit auf Augenhöhe.</p>
         </a>
       </div>
+
+      <!-- "Event des Jahres": volle Breite wie die 3 Welt-Kacheln zusammen, zeigt bewusst
+           IMMER genau zwei Events (Nutzer-Wunsch 20.08.2026). Gleiche Kartenoptik/-Tag wie
+           die Welt-Kacheln oben, damit es wie ein natürlicher vierter Baustein wirkt statt
+           wie ein fremdes Element. -->
+      <div class="jahres-events">
+        <div class="jahres-events-head">
+          <span class="tag" data-i18n="idx_jahres_events_tag">🏆 Event des Jahres</span>
+        </div>
+        <div class="jahres-events-grid">
+          <a class="jahres-event-card" href="zeitreise.html">
+            <span class="jahres-event-datum" data-i18n="idx_jahres_event1_datum">7. März 2026</span>
+            <h3 data-i18n="idx_jahres_event1_h3">Der 28-Stunden-Stream</h3>
+            <p data-i18n="idx_jahres_event1_p">DogFather stellt sich einer besonderen Herausforderung und streamt 28 Stunden am Stück.</p>
+            <span class="jahres-event-mehr" data-i18n="idx_jahres_events_mehr">Zur Zeitreise →</span>
+          </a>
+          <a class="jahres-event-card" href="zeitreise.html">
+            <span class="jahres-event-datum" data-i18n="idx_jahres_event2_datum">27. Juli bis 2. August 2026</span>
+            <h3 data-i18n="idx_jahres_event2_h3">Der Creator Cup</h3>
+            <p data-i18n="idx_jahres_event2_p">Gemeinsam mit Cidem organisiert DogFather den Creator Cup für die Streamer von Spicy Media.</p>
+            <span class="jahres-event-mehr" data-i18n="idx_jahres_events_mehr">Zur Zeitreise →</span>
+          </a>
+        </div>
+      </div>
     </div>
   </section>