diff --git a/assets/css/main.css b/assets/css/main.css
index 544b4537..b0ddb7db 100644
--- a/assets/css/main.css
+++ b/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);
diff --git a/assets/js/i18n-index.js b/assets/js/i18n-index.js
index e4617789..480330e0 100644
--- a/assets/js/i18n-index.js
+++ b/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",
diff --git a/index.html b/index.html
index 2ce81594..acca36b4 100644
--- a/index.html
+++ b/index.html
@@ -81,6 +81,30 @@
Als Manager bei Spicy Media: Scouts, Creator und faire Zusammenarbeit auf Augenhöhe.
+
+
+
+
+ 🏆 Event des Jahres
+
+
+