From 43264c0990589f84c292e53ecf4fc3a402f0d32b Mon Sep 17 00:00:00 2001
From: Dogfather <dogfather1608@gmail.com>
Date: Thu, 27 Aug 2026 16:06:09 +0200
Subject: [PATCH] Startseite hochwertiger: Typografie, Weltfarben, Event-Karte

Wunsch 27.08.2026: "soll nur noch hochwertiger und professioneller
aussehen." Kein neues Design, sondern die Details, die den Unterschied
zwischen "gemacht" und "gesetzt" ausmachen:

- Ueberschrift enger gesetzt (-.022em, Zeilenabstand 1.08, text-wrap:
  balance). Bei 4rem wirkt normale Laufweite auseinandergefallen; die
  drei Zeilen verteilen sich jetzt gleichmaessig statt mit kurzer
  Restzeile.
- Jede Welt-Kachel traegt die Farbe IHRER Welt statt dreimal derselben:
  Babyblau, Silber, das gedeckte Rot von Spicy Media. Die Werte sind
  nicht erfunden, sondern die --accent-Toene der drei Themendateien.
- Plaketten ("WELT 1") klein, in Versalien, weit gesperrt -- liest sich
  als Kapitelmarke statt als Beschriftung.
- Event-Karte: Datum als gesperrte Versalzeile (ordnet sich dem Titel
  unter), "Mehr erfahren" als ruhiger Knopf statt nacktem Textlink,
  Haarlinie am Bild, Text auf 5 Zeilen begrenzt -- damit nicht die
  Textlaenge aus der Verwaltung das Aussehen der Startseite bestimmt und
  bei zwei Events beide Kacheln gleich hoch sind (geprueft: 572/572px).

ZWEI FUNDE BEIM PRUEFEN, BEIDE WICHTIGER ALS DER FEINSCHLIFF:

1. INHALTSRICHTLINIE UND ZEILENENDEN. Der Browser rechnet die Pruefsumme
   eines Inline-Skripts NICHT ueber die Bytes der Datei, sondern ueber
   den Text im Dokument -- und der HTML-Parser ersetzt beim Einlesen
   jedes CR LF durch LF (HTML-Spezifikation, "preprocessing the input
   stream"). Eine Datei mit Windows-Zeilenenden ergibt serverseitig also
   eine ANDERE Summe, und die Seite fuehrt ihr eigenes Skript nicht mehr
   aus: kein Live-Status, keine Events, nichts. Live war es unauffaellig
   (Linux-Auscheckung hat LF), auf dem Windows-Rechner sofort tot
   (core.autocrlf=true). inhaltsrichtlinie.js vereinheitlicht jetzt vor
   dem Rechnen auf LF -- das ist die Summe, die der Browser wirklich
   bildet, und macht die Richtlinie unabhaengig davon, mit welchem
   Werkzeug eine Datei zuletzt gespeichert wurde.

2. TESTS MIT FESTEM PORT KOENNEN LUEGEN. Drei Server aus frueheren
   Laeufen liefen noch. Neue Testlaeufe konnten ihren Port nicht belegen,
   starben still -- und massen weiter gegen den ALTEN Code. Ergebnis
   waren Fehlermeldungen zu einem laengst behobenen Fehler. pruef-musik,
   pruef-kasse und pruef-startseite suchen sich jetzt einen freien Port.

Neuer Test pruef-startseite.mjs (19 Pruefungen) mit FESTEN Event-Daten:
Beim Pruefen kam einmal nichts vom Server, der Abschnitt blieb leer und
der Test haette "kein Fehler" gemeldet, obwohl er nichts gesehen hat.
Geprueft werden Maske am Artwork, genau eine Kachel bei einem Event,
volle Breite, saubere Textkuerzung auf ganze Zeilen, eigene Weltfarben,
zwei gleich hohe Kacheln bei zwei Events, Handy ohne Ueberlauf.

Alles gruen: startseite 19, musik 17, kasse 15, inhaltsrichtlinie 22,
handy 56.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
---
 404.html                    |  12 +-
 abonnieren.html             |  14 +--
 agb.html                    |  10 +-
 aktion-detail.html          |  14 +--
 assets/css/main.css         | 142 +++++++++++++++++++---
 bewerben-creator.html       |  14 +--
 bewerben-kooperation.html   |  14 +--
 bewerben-modi.html          |  14 +--
 bewerben-scout.html         |  14 +--
 bewerben.html               |  12 +-
 casper.html                 |  12 +-
 community.html              |  12 +-
 creator.html                |  14 +--
 dogfather.html              |  12 +-
 gate.html                   |   4 +-
 hasidog.html                |  12 +-
 index.html                  |  38 ++++--
 kontakt.html                |  12 +-
 links.html                  |  12 +-
 manager.html                |  14 +--
 medien-casper.html          |  18 +--
 medien-dogfather.html       |  20 ++--
 medien-hasidog.html         |  20 ++--
 profil.html                 |  20 ++--
 pruef-kasse.mjs             |  12 +-
 pruef-musik.mjs             |  12 +-
 pruef-startseite.mjs        | 229 ++++++++++++++++++++++++++++++++++++
 rabattcodes.html            |  12 +-
 server/inhaltsrichtlinie.js |  34 +++++-
 stimmen.html                |  18 +--
 streamer.html               |  12 +-
 streamplan.html             |  18 +--
 supporter.html              |  14 +--
 team-modis.html             |  14 +--
 team-scouts.html            |  14 +--
 tt-muddi.html               |  12 +-
 vanvan.html                 |  12 +-
 verwaltung.html             |  20 ++--
 werte.html                  |  12 +-
 zeitreise.html              |  12 +-
 40 files changed, 668 insertions(+), 269 deletions(-)
 create mode 100644 pruef-startseite.mjs

diff --git a/404.html b/404.html
index c23e811e..c5598493 100644
--- a/404.html
+++ b/404.html
@@ -18,10 +18,10 @@
 <meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
 <meta name="robots" content="noindex" />
 <title>Seite nicht gefunden — DOGFATHER UNIVERSE</title>
-<link rel="stylesheet" href="assets/css/main.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
+<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
 </head>
 <body>
 <div id="site-header"></div>
@@ -41,7 +41,7 @@
 </main>
 
 <div id="site-footer"></div>
-<script src="assets/js/i18n-404.js?v=20260828d"></script>
-<script src="assets/js/main.js?v=20260828d"></script>
+<script src="assets/js/i18n-404.js?v=20260828e"></script>
+<script src="assets/js/main.js?v=20260828e"></script>
 </body>
 </html>
diff --git a/abonnieren.html b/abonnieren.html
index 0e977510..c2f8a582 100644
--- a/abonnieren.html
+++ b/abonnieren.html
@@ -19,10 +19,10 @@
 <meta name="twitter:description" content="Unterstütze Dogfather dauerhaft mit der DogiCrew 🩵 und sammle exklusive Treueprämien — die Teddy-Kollektion entsteht in Kooperation mit VanVan." />
 <meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
 
-<link rel="stylesheet" href="assets/css/main.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
+<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
 <style>
   /* =====================================================================
      Preis-/Anmelde-Kiste — komplett neu gestaltet (Nutzer-Feedback
@@ -603,9 +603,9 @@
 </main>
 
 <div id="site-footer"></div>
-<script src="assets/js/i18n-abonnieren.js?v=20260828d"></script>
-<script src="assets/js/supporter.js?v=20260828d"></script>
-<script src="assets/js/main.js?v=20260828d"></script>
+<script src="assets/js/i18n-abonnieren.js?v=20260828e"></script>
+<script src="assets/js/supporter.js?v=20260828e"></script>
+<script src="assets/js/main.js?v=20260828e"></script>
 <script>
 (function () {
   const S = window.DogiSupporter;
diff --git a/agb.html b/agb.html
index 40e9ede6..5f5e3eb5 100644
--- a/agb.html
+++ b/agb.html
@@ -20,10 +20,10 @@
 <meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
 <meta name="robots" content="noindex" />
 
-<link rel="stylesheet" href="assets/css/main.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
+<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
 </head>
 <body>
 <div id="site-header"></div>
@@ -134,6 +134,6 @@
 </main>
 
 <div id="site-footer"></div>
-<script src="assets/js/main.js?v=20260828d"></script>
+<script src="assets/js/main.js?v=20260828e"></script>
 </body>
 </html>
diff --git a/aktion-detail.html b/aktion-detail.html
index 0d6dc0af..93b11f9f 100644
--- a/aktion-detail.html
+++ b/aktion-detail.html
@@ -19,10 +19,10 @@
 <meta name="twitter:description" content="Detailansicht einer Aktion oder eines Projekts von Team Dogi." />
 <meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
 
-<link rel="stylesheet" href="assets/css/main.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
+<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
 </head>
 <body>
 <div id="site-header"></div>
@@ -51,9 +51,9 @@
 </main>
 
 <div id="site-footer"></div>
-<script src="assets/js/data-aktionen.js?v=20260828d"></script>
-<script src="assets/js/i18n-aktion-detail.js?v=20260828d"></script>
-<script src="assets/js/main.js?v=20260828d"></script>
+<script src="assets/js/data-aktionen.js?v=20260828e"></script>
+<script src="assets/js/i18n-aktion-detail.js?v=20260828e"></script>
+<script src="assets/js/main.js?v=20260828e"></script>
 <script>
 document.addEventListener("DOMContentLoaded", () => {
   const params = new URLSearchParams(location.search);
diff --git a/assets/css/main.css b/assets/css/main.css
index 167f3cd6..f5c633ee 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -1925,17 +1925,58 @@ header.site-header {
 }
 @keyframes jahres-event-goldglanz { 0%, 100% { opacity: .3; } 50% { opacity: 1; } }
 @media (prefers-reduced-motion: reduce) { .jahres-event-shine { animation: none; opacity: .6; } }
+/* Datum als gesperrte Versalzeile: eine Zeitangabe ist eine Marke, keine
+   Überschrift. So ordnet sie sich dem Titel unter, statt mit ihm zu
+   konkurrieren (Feinschliff 27.08.2026). */
 .jahres-event-datum {
   display: block;
-  color: #e8c465;
+  color: #d9b45c;
   font-weight: 700;
-  font-size: .82rem;
-  letter-spacing: .02em;
+  font-size: .72rem;
+  letter-spacing: .14em;
+  text-transform: uppercase;
   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: #e8c465; font-weight: 600; font-size: .88rem; }
+/* Der Text kommt aus der Verwaltung und kann beliebig lang sein. Fünf
+   Zeilen halten die Karte in Form, egal was jemand einträgt — der
+   vollständige Text steht ohnehin im Fenster, das ein Klick öffnet.
+   Ohne diese Grenze bestimmt die Textlänge das Aussehen der Startseite,
+   und bei zwei Events stünden zwei unterschiedlich hohe Kacheln
+   nebeneinander. Gekürzt wird mit Auslassungspunkten, nicht mit einer
+   mitten durchgeschnittenen Zeile (siehe Hülle in index.html). */
+.jahres-event-textwrap p {
+  display: -webkit-box;
+  -webkit-line-clamp: 5;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+/* "Mehr erfahren" war ein nackter Textlink in einer Karte, die man als
+   Ganzes anklickt — er sah aus wie vergessener Fließtext. Als ruhiger
+   Knopf ist sofort klar, dass hier etwas passiert; er reagiert mit der
+   ganzen Karte, weil die Karte selbst der Schalter ist. */
+.jahres-event-mehr {
+  display: inline-flex;
+  align-items: center;
+  gap: .45rem;
+  padding: .52rem 1.05rem;
+  border-radius: 999px;
+  border: 1px solid rgba(212, 175, 55, .40);
+  background: rgba(212, 175, 55, .07);
+  color: #e8c465;
+  font-weight: 600;
+  font-size: .86rem;
+  transition: background .18s ease, border-color .18s ease;
+}
+.jahres-event-card:hover .jahres-event-mehr,
+.jahres-event-card:focus-visible .jahres-event-mehr {
+  background: rgba(212, 175, 55, .14);
+  border-color: rgba(212, 175, 55, .65);
+}
+/* Das Bild bekommt eine Haarlinie als Rahmen — ohne sie schwimmt eine
+   dunkle Fotokante im dunklen Kartenhintergrund. */
+.jahres-event-bild:not([hidden]) { border: 1px solid rgba(255, 255, 255, .07); }
 /* Genau EIN aktives Event (27.08.2026 neu gebaut).
 
    VORHER: eine 480px schmale Kachel, zentriert in einer 1180px breiten
@@ -1984,9 +2025,20 @@ header.site-header {
    stehen im HTML als Geschwister nebeneinander, deshalb hier ein eigenes
    Unter-Raster statt eines zusätzlichen <div> im Markup — so bleibt die
    Vorlage in der Verwaltung unverändert. */
-.jahres-events-grid-einzeln .jahres-event-datum { grid-column: 2; margin-bottom: .15rem; }
-.jahres-events-grid-einzeln .jahres-event-card h3 { grid-column: 2; font-size: 1.5rem; margin-bottom: .5rem; }
-.jahres-events-grid-einzeln .jahres-event-card p { grid-column: 2; font-size: 1rem; margin-bottom: .8rem; }
+.jahres-events-grid-einzeln .jahres-event-datum { grid-column: 2; margin-bottom: .35rem; }
+.jahres-events-grid-einzeln .jahres-event-card h3 {
+  grid-column: 2;
+  font-size: 1.5rem;
+  line-height: 1.22;
+  letter-spacing: -.012em;
+  margin-bottom: .55rem;
+}
+.jahres-events-grid-einzeln .jahres-event-textwrap { grid-column: 2; margin-bottom: 1.05rem; }
+.jahres-events-grid-einzeln .jahres-event-card p {
+  font-size: 1rem;
+  line-height: 1.62;
+  margin-bottom: 0;
+}
 .jahres-events-grid-einzeln .jahres-event-mehr { grid-column: 2; justify-self: start; }
 .jahres-events-grid-einzeln .jahres-event-bild:not([hidden]) { grid-column: 1; grid-row: 1 / -1; }
 
@@ -2996,9 +3048,25 @@ footer.site-footer {
    Status-Kästchen, Buttons) auf großen PC-Bildschirmen zu klein — hier
    moderat vergrößert, ohne die mobile Größe (untere Klammer der clamp()s)
    anzufassen. */
-.hero-cinematic h1 { font-size: clamp(2.3rem, 6.2vw, 4.2rem); }
-.hero-cinematic .lead { font-size: clamp(1.25rem, 1.9vw, 1.55rem); }
-.hero-cinematic .eyebrow { font-size: .95rem; }
+/* Feinschliff 27.08.2026: Je größer eine Schrift gesetzt ist, desto mehr
+   Luft steht zwischen den Buchstaben — bei 4rem wirkt normale Laufweite
+   auseinandergefallen. Negative Sperrung und engerer Zeilenabstand sind
+   der Unterschied zwischen "groß geschrieben" und "gesetzt". text-wrap:
+   balance verteilt die drei Zeilen gleichmäßig, statt eine kurze
+   Restzeile stehen zu lassen. */
+.hero-cinematic h1 {
+  font-size: clamp(2.3rem, 6.2vw, 4.2rem);
+  letter-spacing: -.022em;
+  line-height: 1.08;
+  text-wrap: balance;
+}
+.hero-cinematic .lead {
+  font-size: clamp(1.25rem, 1.9vw, 1.55rem);
+  max-width: 34ch;
+  margin-left: auto;
+  margin-right: auto;
+}
+.hero-cinematic .eyebrow { font-size: .88rem; letter-spacing: .2em; }
 .hero-cinematic .card { padding: 1.3rem 1.8rem; }
 .hero-cinematic .card .badge { font-size: .9rem; }
 .hero-cinematic .card .small { font-size: 1.05rem; }
@@ -3012,25 +3080,67 @@ footer.site-footer {
    oben, wie ihn eine Fläche bekommt, auf die Licht von vorne fällt —
    dadurch gehören sie sichtbar zur selben Szene. Deckkraft bleibt hoch
    genug, dass der Text ruhig lesbar bleibt (Projektregel: augenschonend
-   vor Effekt). */
+   vor Effekt).
+
+   FEINSCHLIFF 27.08.2026 ("soll nur noch hochwertiger und professioneller
+   aussehen"): Jede Kachel trägt jetzt die Farbe IHRER Welt statt dreimal
+   derselben Standardfarbe — Babyblau für DogFather, Silber für HasiDog,
+   das gedeckte Rot von Spicy Media für den Manager. Die Werte sind nicht
+   erfunden, sondern exakt die --accent-Töne der drei Themen-Dateien; die
+   Kacheln führen damit sichtbar in die Welt, in die sie verlinken.
+   Übernommen wird der Ton an drei Stellen: Lichtsaum, Plakette und
+   Rahmen beim Darüberfahren — dezent, nicht als Farbanstrich. */
 .hero-cinematic .hero-grid .card {
   position: relative;
+  --welt: var(--accent);
+  padding: 1.75rem 1.5rem 1.65rem;
   background: linear-gradient(180deg, rgba(22, 26, 35, .88), rgba(14, 17, 23, .92));
-  border-color: rgba(255, 255, 255, .11);
+  border-color: rgba(255, 255, 255, .10);
   -webkit-backdrop-filter: blur(7px);
   backdrop-filter: blur(7px);
   box-shadow: 0 14px 38px rgba(0, 0, 0, .40);
+  transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
 }
+.hero-cinematic .hero-grid .card[data-theme="dogfather"] { --welt: #8fd9ea; }
+.hero-cinematic .hero-grid .card[data-theme="hasidog"] { --welt: #c7ccd1; }
+.hero-cinematic .hero-grid .card[data-theme="spicymedia"] { --welt: #d94a5c; }
 .hero-cinematic .hero-grid .card::before {
   content: "";
   position: absolute;
-  top: 0; left: 12%; right: 12%;
+  top: 0; left: 14%; right: 14%;
   height: 1px;
-  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .30), transparent);
+  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--welt) 60%, transparent), transparent);
+  opacity: .75;
+  transition: opacity .18s ease;
   pointer-events: none;
 }
-.hero-cinematic .hero-grid .card:hover { box-shadow: 0 18px 46px rgba(0, 0, 0, .5); }
-.hero-cinematic .hero-grid .tag { font-size: .8rem; }
+.hero-cinematic .hero-grid .card:hover,
+.hero-cinematic .hero-grid .card:focus-visible {
+  border-color: color-mix(in srgb, var(--welt) 45%, transparent);
+  box-shadow: 0 18px 46px rgba(0, 0, 0, .5);
+}
+.hero-cinematic .hero-grid .card:hover::before { opacity: 1; }
+/* Plakette: kleiner, in Versalien und weit gesperrt. Das liest sich als
+   Kapitelmarke ("Welt 1") statt als Beschriftung und ist der Grund,
+   warum dieselbe Kachel plötzlich wertiger wirkt — nicht mehr Farbe. */
+.hero-cinematic .hero-grid .tag {
+  font-size: .68rem;
+  letter-spacing: .14em;
+  text-transform: uppercase;
+  color: var(--welt);
+  border-color: color-mix(in srgb, var(--welt) 40%, transparent);
+  background: color-mix(in srgb, var(--welt) 9%, transparent);
+}
+/* Überschrift enger gesetzt (große Schrift braucht weniger Laufweite),
+   Fließtext mit ruhigerem Zeilenabstand und begrenzter Zeilenlänge —
+   sonst franst der zentrierte Satz unregelmäßig aus. */
+.hero-cinematic .hero-grid h2 { letter-spacing: -.012em; line-height: 1.18; margin-top: .55rem; }
+.hero-cinematic .hero-grid p {
+  line-height: 1.62;
+  max-width: 31ch;
+  margin-left: auto;
+  margin-right: auto;
+}
 .hero-cinematic .hero-grid h3 { font-size: 1.45rem; }
 .hero-cinematic .hero-grid p { font-size: 1.05rem; }
 
diff --git a/bewerben-creator.html b/bewerben-creator.html
index 582adac1..f3f6fb40 100644
--- a/bewerben-creator.html
+++ b/bewerben-creator.html
@@ -19,10 +19,10 @@
 <meta name="twitter:description" content="Du bist Streamer und suchst einen Manager? Bewirb dich als Creator bei Spicy Media." />
 <meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
 
-<link rel="stylesheet" href="assets/css/main.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
+<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
 </head>
 <body class="mit-hintergrund bewerben-seite" style="--page-bg:url('/assets/img/bg-bewerben-creator.jpg');--page-bg-mobile:url('/assets/img/bg-bewerben-creator-mobile.jpg');">
 <div id="site-header"></div>
@@ -70,8 +70,8 @@
 </main>
 
 <div id="site-footer"></div>
-<script src="assets/js/forms.js?v=20260828d"></script>
-<script src="assets/js/i18n-bewerben-creator.js?v=20260828d"></script>
-<script src="assets/js/main.js?v=20260828d"></script>
+<script src="assets/js/forms.js?v=20260828e"></script>
+<script src="assets/js/i18n-bewerben-creator.js?v=20260828e"></script>
+<script src="assets/js/main.js?v=20260828e"></script>
 </body>
 </html>
diff --git a/bewerben-kooperation.html b/bewerben-kooperation.html
index 185b8e21..ac685ea0 100644
--- a/bewerben-kooperation.html
+++ b/bewerben-kooperation.html
@@ -22,10 +22,10 @@
 <meta name="twitter:description" content="Kooperationsanfrage an Manager DogFather / Spicy Media." />
 <meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
 
-<link rel="stylesheet" href="assets/css/main.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
+<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
 </head>
 <body class="mit-hintergrund bewerben-seite" style="--page-bg:url('/assets/img/bg-bewerben.jpg');--page-bg-mobile:url('/assets/img/bg-bewerben-mobile.jpg');">
 <div id="site-header"></div>
@@ -68,8 +68,8 @@
 </main>
 
 <div id="site-footer"></div>
-<script src="assets/js/forms.js?v=20260828d"></script>
-<script src="assets/js/i18n-bewerben-kooperation.js?v=20260828d"></script>
-<script src="assets/js/main.js?v=20260828d"></script>
+<script src="assets/js/forms.js?v=20260828e"></script>
+<script src="assets/js/i18n-bewerben-kooperation.js?v=20260828e"></script>
+<script src="assets/js/main.js?v=20260828e"></script>
 </body>
 </html>
diff --git a/bewerben-modi.html b/bewerben-modi.html
index 6a5c57b3..8dfd0db9 100644
--- a/bewerben-modi.html
+++ b/bewerben-modi.html
@@ -19,10 +19,10 @@
 <meta name="twitter:description" content="Werde Modi bei Team Dogi — DogFathers persönliches Community-Team." />
 <meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
 
-<link rel="stylesheet" href="assets/css/main.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
+<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
 </head>
 <body class="mit-hintergrund bewerben-seite" style="--page-bg:url('/assets/img/bg-bewerben-modi.jpg');--page-bg-mobile:url('/assets/img/bg-bewerben-modi-mobile.jpg');">
 <div id="site-header"></div>
@@ -79,8 +79,8 @@
 </main>
 
 <div id="site-footer"></div>
-<script src="assets/js/forms.js?v=20260828d"></script>
-<script src="assets/js/i18n-bewerben-modi.js?v=20260828d"></script>
-<script src="assets/js/main.js?v=20260828d"></script>
+<script src="assets/js/forms.js?v=20260828e"></script>
+<script src="assets/js/i18n-bewerben-modi.js?v=20260828e"></script>
+<script src="assets/js/main.js?v=20260828e"></script>
 </body>
 </html>
diff --git a/bewerben-scout.html b/bewerben-scout.html
index 7aca5270..2fd6eb00 100644
--- a/bewerben-scout.html
+++ b/bewerben-scout.html
@@ -19,10 +19,10 @@
 <meta name="twitter:description" content="Werde Scout für DogFather bei der Spicy Media Agentur — finde neue Talente." />
 <meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
 
-<link rel="stylesheet" href="assets/css/main.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
+<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
 </head>
 <body class="mit-hintergrund bewerben-seite" style="--page-bg:url('/assets/img/bg-bewerben-scout.jpg');--page-bg-mobile:url('/assets/img/bg-bewerben-scout-mobile.jpg');">
 <div id="site-header"></div>
@@ -71,8 +71,8 @@
 </main>
 
 <div id="site-footer"></div>
-<script src="assets/js/forms.js?v=20260828d"></script>
-<script src="assets/js/i18n-bewerben-scout.js?v=20260828d"></script>
-<script src="assets/js/main.js?v=20260828d"></script>
+<script src="assets/js/forms.js?v=20260828e"></script>
+<script src="assets/js/i18n-bewerben-scout.js?v=20260828e"></script>
+<script src="assets/js/main.js?v=20260828e"></script>
 </body>
 </html>
diff --git a/bewerben.html b/bewerben.html
index d33677e6..b5652197 100644
--- a/bewerben.html
+++ b/bewerben.html
@@ -19,10 +19,10 @@
 <meta name="twitter:description" content="Werde Teil vom Team: Modi bei Team Dogi, Scout oder Creator bei Spicy Media, oder Kooperation anfragen." />
 <meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
 
-<link rel="stylesheet" href="assets/css/main.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
+<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
 </head>
 <body class="mit-hintergrund bewerben-seite" style="--page-bg:url('/assets/img/bg-bewerben-split.jpg');--page-bg-mobile:url('/assets/img/bg-bewerben-split-mobile.jpg');">
 <div id="site-header"></div>
@@ -85,7 +85,7 @@
 </main>
 
 <div id="site-footer"></div>
-<script src="assets/js/i18n-bewerben.js?v=20260828d"></script>
-<script src="assets/js/main.js?v=20260828d"></script>
+<script src="assets/js/i18n-bewerben.js?v=20260828e"></script>
+<script src="assets/js/main.js?v=20260828e"></script>
 </body>
 </html>
diff --git a/casper.html b/casper.html
index 41aab6fc..74c19826 100644
--- a/casper.html
+++ b/casper.html
@@ -19,10 +19,10 @@
 <meta name="twitter:description" content="Der Husky an DogFathers Seite — das tierische Gesicht der HasiDog-Welt." />
 <meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
 
-<link rel="stylesheet" href="assets/css/main.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
+<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
 </head>
 <body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-casper.jpg');--page-bg-mobile:url('/assets/img/bg-casper-mobile.jpg');">
 <div id="site-header"></div>
@@ -85,7 +85,7 @@
 </main>
 
 <div id="site-footer"></div>
-<script src="assets/js/i18n-casper.js?v=20260828d"></script>
-<script src="assets/js/main.js?v=20260828d"></script>
+<script src="assets/js/i18n-casper.js?v=20260828e"></script>
+<script src="assets/js/main.js?v=20260828e"></script>
 </body>
 </html>
diff --git a/community.html b/community.html
index bdc6344a..1294e3ea 100644
--- a/community.html
+++ b/community.html
@@ -19,10 +19,10 @@
 <meta name="twitter:description" content="Team Dogi ist Familie — die Community rund um DogFather und HasiDog." />
 <meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
 
-<link rel="stylesheet" href="assets/css/main.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
+<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
 </head>
 <body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-community.jpg');--page-bg-mobile:url('/assets/img/bg-community-mobile.jpg');">
 <div id="site-header"></div>
@@ -84,7 +84,7 @@
 </main>
 
 <div id="site-footer"></div>
-<script src="assets/js/i18n-community.js?v=20260828d"></script>
-<script src="assets/js/main.js?v=20260828d"></script>
+<script src="assets/js/i18n-community.js?v=20260828e"></script>
+<script src="assets/js/main.js?v=20260828e"></script>
 </body>
 </html>
diff --git a/creator.html b/creator.html
index cf7457c1..0dcb5579 100644
--- a/creator.html
+++ b/creator.html
@@ -19,10 +19,10 @@
 <meta name="twitter:description" content="Content Creator, die Teil von DogFather / Spicy Media sind." />
 <meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
 
-<link rel="stylesheet" href="assets/css/main.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
+<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
 </head>
 <body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-creator.jpg');--page-bg-mobile:url('/assets/img/bg-creator-mobile.jpg');">
 <div id="site-header"></div>
@@ -60,9 +60,9 @@
 </main>
 
 <div id="site-footer"></div>
-<script src="assets/js/data-creator.js?v=20260828d"></script>
-<script src="assets/js/i18n-creator.js?v=20260828d"></script>
-<script src="assets/js/main.js?v=20260828d"></script>
+<script src="assets/js/data-creator.js?v=20260828e"></script>
+<script src="assets/js/i18n-creator.js?v=20260828e"></script>
+<script src="assets/js/main.js?v=20260828e"></script>
 <script>
 document.addEventListener("DOMContentLoaded", async () => {
   const grid = document.getElementById("creator-grid");
diff --git a/dogfather.html b/dogfather.html
index fee0db0c..20e8ce00 100644
--- a/dogfather.html
+++ b/dogfather.html
@@ -19,10 +19,10 @@
 <meta name="twitter:description" content="Wer ist DogFather wirklich? Persönlichkeit, Werte und die Geschichte hinter dem Content." />
 <meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
 
-<link rel="stylesheet" href="assets/css/main.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
+<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
 </head>
 <body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-dogfather-person.jpg');--page-bg-mobile:url('/assets/img/bg-dogfather-person-mobile.jpg');">
 <div id="site-header"></div>
@@ -158,7 +158,7 @@
 </main>
 
 <div id="site-footer"></div>
-<script src="assets/js/i18n-dogfather.js?v=20260828d"></script>
-<script src="assets/js/main.js?v=20260828d"></script>
+<script src="assets/js/i18n-dogfather.js?v=20260828e"></script>
+<script src="assets/js/main.js?v=20260828e"></script>
 </body>
 </html>
diff --git a/gate.html b/gate.html
index 05007448..1bb39255 100644
--- a/gate.html
+++ b/gate.html
@@ -26,8 +26,8 @@
 <meta name="apple-mobile-web-app-capable" content="yes" />
 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
 <meta name="apple-mobile-web-app-title" content="DogFather" />
-<link rel="stylesheet" href="assets/css/main.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
+<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
 <style>
   /* =====================================================================
      Zugangsseite — bewusst kein braves Standard-Login-Formular, sondern
diff --git a/hasidog.html b/hasidog.html
index 2f87c016..6ac2be43 100644
--- a/hasidog.html
+++ b/hasidog.html
@@ -19,10 +19,10 @@
 <meta name="twitter:description" content="HasiDog: Maskottchen, Musikprojekt und die verspielte, familiäre Seite von Team Dogi." />
 <meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
 
-<link rel="stylesheet" href="assets/css/main.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
+<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
 </head>
 <body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-hasidog.jpg');--page-bg-mobile:url('/assets/img/bg-hasidog-mobile.jpg');">
 <div id="site-header"></div>
@@ -186,7 +186,7 @@
 </main>
 
 <div id="site-footer"></div>
-<script src="assets/js/i18n-hasidog.js?v=20260828d"></script>
-<script src="assets/js/main.js?v=20260828d"></script>
+<script src="assets/js/i18n-hasidog.js?v=20260828e"></script>
+<script src="assets/js/main.js?v=20260828e"></script>
 </body>
 </html>
diff --git a/index.html b/index.html
index 956020e7..4ec0fa1b 100644
--- a/index.html
+++ b/index.html
@@ -19,10 +19,10 @@
 <meta name="twitter:description" content="DOGFATHER UNIVERSE: die Heimat von DogFather als Streamer, der HasiDog-Community und Manager DogFather bei Spicy Media." />
 <meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
 
-<link rel="stylesheet" href="assets/css/main.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
+<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
 </head>
 <body class="start-seite">
 <div id="site-header"></div>
@@ -41,7 +41,7 @@
          Bildschirm ist; ein CSS-Hintergrund kann das nicht, weil die Kante
          dort je nach Fensterformat woanders liegt. -->
     <div class="hero-artwork" aria-hidden="true">
-      <img class="hero-artwork-scharf" src="assets/img/universe-trio.jpg?v=20260828d"
+      <img class="hero-artwork-scharf" src="assets/img/universe-trio.jpg?v=20260828e"
            width="1600" height="900" alt="" fetchpriority="high" decoding="async" />
     </div>
 
@@ -111,7 +111,15 @@
             <img class="jahres-event-bild" alt="" hidden />
             <span class="jahres-event-datum"></span>
             <h3></h3>
-            <p></p>
+            <!-- Hülle um den Absatz (27.08.2026): Die Kürzung auf feste
+                 Zeilenzahl (-webkit-line-clamp) wirkt NICHT, wenn der Absatz
+                 selbst ein Raster-Kind ist -- der Browser wandelt sein
+                 display dann um (gemessen: "flow-root"), und statt sauber
+                 gekürztem Text wird eine Zeile mittendurch abgeschnitten.
+                 Mit dieser Hülle ist der Absatz wieder ein normaler Block,
+                 und die Kürzung greift. karte.querySelector("p") findet ihn
+                 unverändert, die Verwaltungs-Logik bleibt also gleich. -->
+            <div class="jahres-event-textwrap"><p></p></div>
             <span class="jahres-event-mehr" data-i18n="idx_jahres_events_mehr">Mehr erfahren →</span>
           </button>
           <button type="button" class="jahres-event-card" id="jahres-event-2" data-slot="2" hidden>
@@ -119,7 +127,15 @@
             <img class="jahres-event-bild" alt="" hidden />
             <span class="jahres-event-datum"></span>
             <h3></h3>
-            <p></p>
+            <!-- Hülle um den Absatz (27.08.2026): Die Kürzung auf feste
+                 Zeilenzahl (-webkit-line-clamp) wirkt NICHT, wenn der Absatz
+                 selbst ein Raster-Kind ist -- der Browser wandelt sein
+                 display dann um (gemessen: "flow-root"), und statt sauber
+                 gekürztem Text wird eine Zeile mittendurch abgeschnitten.
+                 Mit dieser Hülle ist der Absatz wieder ein normaler Block,
+                 und die Kürzung greift. karte.querySelector("p") findet ihn
+                 unverändert, die Verwaltungs-Logik bleibt also gleich. -->
+            <div class="jahres-event-textwrap"><p></p></div>
             <span class="jahres-event-mehr" data-i18n="idx_jahres_events_mehr">Mehr erfahren →</span>
           </button>
         </div>
@@ -302,10 +318,10 @@
 </main>
 
 <div id="site-footer"></div>
-<script src="assets/js/data-modis.js?v=20260828d"></script>
-<script src="assets/js/data-scouts.js?v=20260828d"></script>
-<script src="assets/js/i18n-index.js?v=20260828d"></script>
-<script src="assets/js/main.js?v=20260828d"></script>
+<script src="assets/js/data-modis.js?v=20260828e"></script>
+<script src="assets/js/data-scouts.js?v=20260828e"></script>
+<script src="assets/js/i18n-index.js?v=20260828e"></script>
+<script src="assets/js/main.js?v=20260828e"></script>
 <script>
 // Gleiche URL wie in assets/js/forms.js / postfach.html — läuft seit
 // 05.08.2026 auf dem eigenen Server statt auf Cloudflare Workers.
diff --git a/kontakt.html b/kontakt.html
index 029948a1..71f49a6d 100644
--- a/kontakt.html
+++ b/kontakt.html
@@ -19,10 +19,10 @@
 <meta name="twitter:description" content="Kontakt, Impressum und Datenschutz von DOGFATHER UNIVERSE." />
 <meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
 
-<link rel="stylesheet" href="assets/css/main.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
+<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
 </head>
 <body>
 <div id="site-header"></div>
@@ -126,7 +126,7 @@
 </main>
 
 <div id="site-footer"></div>
-<script src="assets/js/i18n-kontakt.js?v=20260828d"></script>
-<script src="assets/js/main.js?v=20260828d"></script>
+<script src="assets/js/i18n-kontakt.js?v=20260828e"></script>
+<script src="assets/js/main.js?v=20260828e"></script>
 </body>
 </html>
diff --git a/links.html b/links.html
index c4c003e8..0996b0d1 100644
--- a/links.html
+++ b/links.html
@@ -19,10 +19,10 @@
 <meta name="twitter:description" content="Alle Social-Media- und Musik-Links von DogFather an einem Ort — plus QR-Codes." />
 <meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
 
-<link rel="stylesheet" href="assets/css/main.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
+<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
 <style>
   /* Rabattcodes: an das Supporter-Abo gekoppelt (Nutzer-Feedback
      03.08.2026: "verbinde es mit dem Abo... wenn die Leute drauf drücken
@@ -145,8 +145,8 @@
 </main>
 
 <div id="site-footer"></div>
-<script src="assets/js/i18n-links.js?v=20260828d"></script>
-<script src="assets/js/main.js?v=20260828d"></script>
+<script src="assets/js/i18n-links.js?v=20260828e"></script>
+<script src="assets/js/main.js?v=20260828e"></script>
 <script>
 (function () {
   document.addEventListener("DOMContentLoaded", function () {
diff --git a/manager.html b/manager.html
index a2b354a2..078dc9bf 100644
--- a/manager.html
+++ b/manager.html
@@ -19,10 +19,10 @@
 <meta name="twitter:description" content="DogFather als Manager bei der Spicy Media Agency: Scouts, Creator und faire Zusammenarbeit." />
 <meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
 
-<link rel="stylesheet" href="assets/css/main.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
+<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
 </head>
 <body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-manager.jpg');--page-bg-mobile:url('/assets/img/bg-manager-mobile.jpg');">
 <div id="site-header"></div>
@@ -139,9 +139,9 @@
 </main>
 
 <div id="site-footer"></div>
-<script src="assets/js/data-manager.js?v=20260828d"></script>
-<script src="assets/js/i18n-manager.js?v=20260828d"></script>
-<script src="assets/js/main.js?v=20260828d"></script>
+<script src="assets/js/data-manager.js?v=20260828e"></script>
+<script src="assets/js/i18n-manager.js?v=20260828e"></script>
+<script src="assets/js/main.js?v=20260828e"></script>
 <script>
 // "Weitere Manager" (21.08.2026) -- siehe Kommentar bei #weitere-manager-root
 // oben. Aktuell IMMER window.MANAGERS === [] (siehe data-manager.js), Inhalt
diff --git a/medien-casper.html b/medien-casper.html
index 920d5c61..62e27087 100644
--- a/medien-casper.html
+++ b/medien-casper.html
@@ -19,10 +19,10 @@
 <meta name="twitter:description" content="Fotos und Videos rund um Husky Casper an einem Ort." />
 <meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
 
-<link rel="stylesheet" href="assets/css/main.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
+<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
 </head>
 <body class="mit-hintergrund" data-welt="casper" style="--page-bg:url('/assets/img/bg-medien-casper.jpg');--page-bg-mobile:url('/assets/img/bg-medien-casper-mobile.jpg');">
 <div id="site-header"></div>
@@ -59,10 +59,10 @@
 </div>
 
 <div id="site-footer"></div>
-<script src="assets/js/data-media.js?v=20260828d"></script>
-<script src="assets/js/data-videos.js?v=20260828d"></script>
-<script src="assets/js/medien-welt.js?v=20260828d"></script>
-<script src="assets/js/i18n-medien-casper.js?v=20260828d"></script>
-<script src="assets/js/main.js?v=20260828d"></script>
+<script src="assets/js/data-media.js?v=20260828e"></script>
+<script src="assets/js/data-videos.js?v=20260828e"></script>
+<script src="assets/js/medien-welt.js?v=20260828e"></script>
+<script src="assets/js/i18n-medien-casper.js?v=20260828e"></script>
+<script src="assets/js/main.js?v=20260828e"></script>
 </body>
 </html>
diff --git a/medien-dogfather.html b/medien-dogfather.html
index 2e0b7515..bb194bb3 100644
--- a/medien-dogfather.html
+++ b/medien-dogfather.html
@@ -19,10 +19,10 @@
 <meta name="twitter:description" content="Fotos, Videos und Events aus DogFathers Welt an einem Ort." />
 <meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
 
-<link rel="stylesheet" href="assets/css/main.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
+<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
 </head>
 <body class="mit-hintergrund" data-welt="dogfather" style="--page-bg:url('/assets/img/bg-dogfather.jpg');--page-bg-mobile:url('/assets/img/bg-dogfather-mobile.jpg');">
 <div id="site-header"></div>
@@ -65,11 +65,11 @@
 </div>
 
 <div id="site-footer"></div>
-<script src="assets/js/data-media.js?v=20260828d"></script>
-<script src="assets/js/data-videos.js?v=20260828d"></script>
-<script src="assets/js/data-aktionen.js?v=20260828d"></script>
-<script src="assets/js/medien-welt.js?v=20260828d"></script>
-<script src="assets/js/i18n-medien-dogfather.js?v=20260828d"></script>
-<script src="assets/js/main.js?v=20260828d"></script>
+<script src="assets/js/data-media.js?v=20260828e"></script>
+<script src="assets/js/data-videos.js?v=20260828e"></script>
+<script src="assets/js/data-aktionen.js?v=20260828e"></script>
+<script src="assets/js/medien-welt.js?v=20260828e"></script>
+<script src="assets/js/i18n-medien-dogfather.js?v=20260828e"></script>
+<script src="assets/js/main.js?v=20260828e"></script>
 </body>
 </html>
diff --git a/medien-hasidog.html b/medien-hasidog.html
index a112454e..59ee626c 100644
--- a/medien-hasidog.html
+++ b/medien-hasidog.html
@@ -19,10 +19,10 @@
 <meta name="twitter:description" content="Fotos, Videos und Events aus der HasiDog-Welt an einem Ort." />
 <meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
 
-<link rel="stylesheet" href="assets/css/main.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
+<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
 </head>
 <body class="mit-hintergrund" data-welt="hasidog" style="--page-bg:url('/assets/img/bg-medien-hasidog.jpg');--page-bg-mobile:url('/assets/img/bg-medien-hasidog-mobile.jpg');">
 <div id="site-header"></div>
@@ -65,11 +65,11 @@
 </div>
 
 <div id="site-footer"></div>
-<script src="assets/js/data-media.js?v=20260828d"></script>
-<script src="assets/js/data-videos.js?v=20260828d"></script>
-<script src="assets/js/data-aktionen.js?v=20260828d"></script>
-<script src="assets/js/medien-welt.js?v=20260828d"></script>
-<script src="assets/js/i18n-medien-hasidog.js?v=20260828d"></script>
-<script src="assets/js/main.js?v=20260828d"></script>
+<script src="assets/js/data-media.js?v=20260828e"></script>
+<script src="assets/js/data-videos.js?v=20260828e"></script>
+<script src="assets/js/data-aktionen.js?v=20260828e"></script>
+<script src="assets/js/medien-welt.js?v=20260828e"></script>
+<script src="assets/js/i18n-medien-hasidog.js?v=20260828e"></script>
+<script src="assets/js/main.js?v=20260828e"></script>
 </body>
 </html>
diff --git a/profil.html b/profil.html
index 3f842c7f..5af34b56 100644
--- a/profil.html
+++ b/profil.html
@@ -16,10 +16,10 @@
 <meta name="twitter:card" content="summary_large_image" />
 <meta name="robots" content="noindex" /> <!-- generische URL, echte Team-Seiten verlinken hierher -->
 
-<link rel="stylesheet" href="assets/css/main.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
+<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
 <style>
   .profil-photo { aspect-ratio: 4/5; max-width: 420px; margin: 0 auto; }
   .profil-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
@@ -130,12 +130,12 @@
 </main>
 
 <div id="site-footer"></div>
-<script src="assets/js/data-modis.js?v=20260828d"></script>
-<script src="assets/js/data-scouts.js?v=20260828d"></script>
-<script src="assets/js/data-creator.js?v=20260828d"></script>
-<script src="assets/js/data-manager.js?v=20260828d"></script>
-<script src="assets/js/i18n-profil.js?v=20260828d"></script>
-<script src="assets/js/main.js?v=20260828d"></script>
+<script src="assets/js/data-modis.js?v=20260828e"></script>
+<script src="assets/js/data-scouts.js?v=20260828e"></script>
+<script src="assets/js/data-creator.js?v=20260828e"></script>
+<script src="assets/js/data-manager.js?v=20260828e"></script>
+<script src="assets/js/i18n-profil.js?v=20260828e"></script>
+<script src="assets/js/main.js?v=20260828e"></script>
 <script>
 document.addEventListener("DOMContentLoaded", async () => {
   const slug = new URLSearchParams(location.search).get("p") || "";
diff --git a/pruef-kasse.mjs b/pruef-kasse.mjs
index ba512861..0df45a6d 100644
--- a/pruef-kasse.mjs
+++ b/pruef-kasse.mjs
@@ -30,11 +30,21 @@
    ===================================================================== */
 import { chromium } from "playwright";
 import { spawn } from "node:child_process";
+import { createServer } from "node:net";
 import { dirname, join } from "node:path";
 import { fileURLToPath } from "node:url";
 
 const HIER = dirname(fileURLToPath(import.meta.url));
-const PORT = 4435;
+/* Freien Port suchen statt festen nehmen: Laeuft noch ein Server aus einem
+   frueheren Lauf, kann der neue seinen Port nicht belegen, stirbt still --
+   und der Test misst gegen den ALTEN Code. Genau das ist am 27.08.2026
+   passiert und hat fast zu einer Fehlersuche in die falsche Richtung
+   gefuehrt. */
+const PORT = await new Promise((auf, ab) => {
+  const probe = createServer();
+  probe.on("error", ab);
+  probe.listen(0, "127.0.0.1", () => { const p = probe.address().port; probe.close(() => auf(p)); });
+});
 const BASIS = `http://127.0.0.1:${PORT}`;
 
 let ok = 0, fehl = 0;
diff --git a/pruef-musik.mjs b/pruef-musik.mjs
index dddac3d7..5619e2d6 100644
--- a/pruef-musik.mjs
+++ b/pruef-musik.mjs
@@ -24,11 +24,21 @@
    ===================================================================== */
 import { chromium } from "playwright";
 import { spawn } from "node:child_process";
+import { createServer } from "node:net";
 import { dirname, join } from "node:path";
 import { fileURLToPath } from "node:url";
 
 const HIER = dirname(fileURLToPath(import.meta.url));
-const PORT = 4433;
+/* Freien Port suchen statt festen nehmen: Laeuft noch ein Server aus einem
+   frueheren Lauf, kann der neue seinen Port nicht belegen, stirbt still --
+   und der Test misst gegen den ALTEN Code. Genau das ist am 27.08.2026
+   passiert und hat fast zu einer Fehlersuche in die falsche Richtung
+   gefuehrt. */
+const PORT = await new Promise((auf, ab) => {
+  const probe = createServer();
+  probe.on("error", ab);
+  probe.listen(0, "127.0.0.1", () => { const p = probe.address().port; probe.close(() => auf(p)); });
+});
 const BASIS = `http://127.0.0.1:${PORT}`;
 
 let ok = 0, fehl = 0;
diff --git a/pruef-startseite.mjs b/pruef-startseite.mjs
new file mode 100644
index 00000000..eb6d80bd
--- /dev/null
+++ b/pruef-startseite.mjs
@@ -0,0 +1,229 @@
+/* =====================================================================
+   Startseite: Kino-Hintergrund, Welt-Kacheln, "Event des Jahres"
+   (27.08.2026 — nach "es überschneidet den hintergrund" und
+   "soll nur noch hochwertiger und professioneller aussehen")
+
+   WARUM MIT FESTEN TESTDATEN
+
+   Das "Event des Jahres" kommt live von postfach.dogfather-universe.com.
+   Beim Prüfen kam einmal nichts zurück — der ganze Abschnitt blieb
+   ausgeblendet und der Test hätte "kein Fehler" gemeldet, obwohl er
+   schlicht nichts gesehen hat. Deshalb wird die Antwort hier fest
+   vorgegeben: einmal EIN Event (breite Karte, Bild links) und einmal
+   ZWEI Events (zwei Kacheln nebeneinander) — beides muss stimmen.
+
+   Absichtlich mit einem unangenehm langen Text, denn genau daran
+   entscheidet sich, ob die Karte in Form bleibt.
+
+   Geprüft wird:
+     1. Das scharfe Artwork ist ein echtes Bild mit weicher Maske —
+        ohne sie kehren die harten Kanten zurück.
+     2. Keine leere zweite Event-Kachel (der Fehler vom ersten Entwurf).
+     3. Die Einzel-Karte nutzt die volle Breite (keine tote Fläche).
+     4. Langer Text wird sauber gekürzt statt mittendurch geschnitten.
+     5. Jede Welt-Kachel trägt die Farbe ihrer eigenen Welt.
+     6. Kein seitlicher Überlauf, auch am Handy nicht.
+   ===================================================================== */
+import { chromium } from "playwright";
+import { spawn } from "node:child_process";
+import { createServer } from "node:net";
+import { dirname, join } from "node:path";
+import { fileURLToPath } from "node:url";
+
+const HIER = dirname(fileURLToPath(import.meta.url));
+
+/* ⚠️ FREIEN PORT SUCHEN STATT EINEN FESTEN NEHMEN (27.08.2026)
+
+   Mit fester Portnummer kann Folgendes passieren, und es ist passiert:
+   Ein Server aus einem früheren Testlauf läuft noch. Der neue kann den
+   Port nicht belegen, stirbt still -- und der Test misst fröhlich weiter,
+   nur eben gegen den ALTEN Code. Ergebnis waren Fehlermeldungen zu einem
+   Fehler, der längst behoben war, und beinahe eine Fehlersuche in die
+   völlig falsche Richtung.
+
+   Ein freier Port pro Lauf macht das unmöglich. */
+const freierPort = await new Promise((auf, ab) => {
+  const probe = createServer();
+  probe.on("error", ab);
+  probe.listen(0, "127.0.0.1", () => {
+    const p = probe.address().port;
+    probe.close(() => auf(p));
+  });
+});
+const PORT = freierPort;
+const BASIS = `http://127.0.0.1:${PORT}`;
+
+let ok = 0, fehl = 0;
+const funde = [];
+const pruefe = (name, gut, info) => {
+  if (gut) { ok++; console.log("  ok   " + name + (info ? "  -> " + info : "")); }
+  else { fehl++; console.log("  FEHL " + name + (info ? "  -> " + info : "")); funde.push(name + " — " + info); }
+};
+
+const server = spawn(process.execPath, ["index.js"], {
+  cwd: join(HIER, "server"),
+  env: { ...process.env, PORT: String(PORT) },
+  stdio: "ignore",
+});
+const beenden = (code) => { try { server.kill(); } catch { /* schon weg */ } process.exit(code); };
+
+const LANGER_TEXT =
+  "WEIHNACHTEN 2026 Wir sind keine Organisation. Wir sind kein Verein. Wir sind eine private Gruppe von Menschen, " +
+  "die sich über TikTok kennengelernt hat und gemeinsam etwas Gutes tun möchte. Letztes Jahr haben wir das bereits " +
+  "gemacht. Vom 1. bis zum 23. Dezember waren wir unterwegs, haben geholfen, unterstützt und gemeinsam versucht, " +
+  "einigen Tieren und Einrichtungen eine Freude zu machen. Auch dieses Jahr wollen wir wieder gemeinsam losziehen " +
+  "und möglichst vielen Menschen und Tieren ein Lächeln schenken, ganz ohne großes Aufheben.";
+
+const EVENT = (n) => ({
+  slot: n,
+  datum: "01.12.2026",
+  titel: "WEIHNACHTS´AKTION-2026",
+  text: LANGER_TEXT,
+  bild: "/assets/img/universe-trio.jpg",
+  aktiv: true,
+  link: "",
+});
+
+async function warteAufServer() {
+  for (let i = 0; i < 40; i++) {
+    try { if ((await fetch(BASIS + "/index.html")).ok) return; } catch { /* noch nicht oben */ }
+    await new Promise((r) => setTimeout(r, 250));
+  }
+  throw new Error("Server ist nicht hochgekommen");
+}
+
+async function seiteMit(browser, viewport, events) {
+  const seite = await browser.newPage({ viewport });
+  await seite.route("https://postfach.dogfather-universe.com/**", (route) => {
+    const pfad = new URL(route.request().url()).pathname;
+    const daten = pfad === "/events-of-year"
+      ? { ok: true, events }
+      : { ok: true, live: false, isLive: false, texte: {} };
+    return route.fulfill({
+      status: 200,
+      headers: { "access-control-allow-origin": "*", "content-type": "application/json" },
+      body: JSON.stringify(daten),
+    });
+  });
+  await seite.goto(BASIS + "/index.html", { waitUntil: "domcontentloaded" });
+  await seite.waitForSelector(".jahres-event-card:not([hidden])", { timeout: 10000 });
+  await seite.waitForTimeout(700);
+  return seite;
+}
+
+(async () => {
+  await warteAufServer();
+  const browser = await chromium.launch();
+
+  /* ---------- 1. Hintergrund ---------- */
+  console.log("\n== Kino-Hintergrund ==");
+  const pc = await seiteMit(browser, { width: 1366, height: 900 }, [EVENT(1)]);
+  const kunst = await pc.evaluate(() => {
+    const img = document.querySelector(".hero-artwork img");
+    if (!img) return { da: false };
+    const st = getComputedStyle(img);
+    const r = img.getBoundingClientRect();
+    return {
+      da: true,
+      geladen: img.complete && img.naturalWidth > 0,
+      maske: st.maskImage !== "none" || st.webkitMaskImage !== "none",
+      passtRein: Math.round(r.width) <= innerWidth + 1,
+    };
+  });
+  pruefe("Artwork ist ein echtes Bild", kunst.da, "");
+  pruefe("Artwork ist wirklich geladen", kunst.geladen, "");
+  pruefe("Weiche Maske aktiv (sonst harte Kanten)", kunst.maske, "");
+  pruefe("Artwork bleibt im Bild", kunst.passtRein, "");
+
+  /* ---------- 2. Ein Event: breite Karte ---------- */
+  console.log("\n== Event des Jahres: EIN Event ==");
+  const einzeln = await pc.evaluate(() => {
+    const sicht = (e) => !!(e && (e.offsetWidth || e.offsetHeight));
+    const alle = [...document.querySelectorAll(".jahres-event-card")];
+    const k = alle.find(sicht);
+    const p = k?.querySelector(".jahres-event-textwrap p");
+    const bild = k?.querySelector(".jahres-event-bild:not([hidden])");
+    const raster = document.getElementById("jahres-events-grid");
+    return {
+      sichtbar: alle.filter(sicht).length,
+      kartenBreite: k ? Math.round(k.getBoundingClientRect().width) : 0,
+      rasterBreite: raster ? Math.round(raster.getBoundingClientRect().width) : 0,
+      bildBreite: bild ? Math.round(bild.getBoundingClientRect().width) : 0,
+      /* NICHT den display-Wert abfragen: Chrome bildet die Zeilenkürzung
+         inzwischen intern als "flow-root" ab, obwohl "-webkit-box"
+         dransteht und die Kürzung einwandfrei arbeitet. Geprüft wird
+         deshalb das Ergebnis — passt die sichtbare Höhe auf GANZE
+         Zeilen? Bei der kaputten Fassung waren es 4,5 Zeilen, also eine
+         mittendurch geschnittene. */
+      pGekuerzt: p ? p.scrollHeight > p.clientHeight : null,
+      pRestHoehe: p ? p.scrollHeight - p.clientHeight : null,
+      pZeilenRest: p ? Math.abs((p.clientHeight / parseFloat(getComputedStyle(p).lineHeight)) % 1) : null,
+      pZeilen: p ? +(p.clientHeight / parseFloat(getComputedStyle(p).lineHeight)).toFixed(2) : null,
+      zeilenhoehe: p ? parseFloat(getComputedStyle(p).lineHeight) : 0,
+      knopfRund: k ? getComputedStyle(k.querySelector(".jahres-event-mehr")).borderRadius : null,
+    };
+  });
+  pruefe("Genau EINE Kachel sichtbar (keine leere zweite)", einzeln.sichtbar === 1, einzeln.sichtbar + " sichtbar");
+  pruefe("Karte nutzt die volle Breite", einzeln.kartenBreite >= einzeln.rasterBreite - 2, einzeln.kartenBreite + " von " + einzeln.rasterBreite + "px");
+  pruefe("Bild hat ordentlich Platz", einzeln.bildBreite >= 380, einzeln.bildBreite + "px breit");
+  pruefe("Kürzung endet auf ganzer Zeile (kein Schnitt mittendurch)",
+    einzeln.pZeilenRest < 0.06 || einzeln.pZeilenRest > 0.94, einzeln.pZeilen + " Zeilen sichtbar");
+  pruefe("Langer Text wird tatsächlich gekürzt", einzeln.pGekuerzt === true, "Rest: " + einzeln.pRestHoehe + "px");
+  pruefe('"Mehr erfahren" ist ein Knopf', einzeln.knopfRund === "999px", einzeln.knopfRund);
+
+  /* ---------- 3. Welt-Kacheln ---------- */
+  console.log("\n== Welt-Kacheln ==");
+  const welten = await pc.evaluate(() =>
+    [...document.querySelectorAll(".hero-grid .card")].map((c) => ({
+      welt: c.dataset.theme,
+      farbe: getComputedStyle(c.querySelector(".tag")).color,
+      versalien: getComputedStyle(c.querySelector(".tag")).textTransform,
+      hoehe: Math.round(c.getBoundingClientRect().height),
+    }))
+  );
+  const farben = welten.map((w) => w.farbe);
+  pruefe("Jede Welt hat ihre eigene Farbe", new Set(farben).size === 3, farben.join(" / "));
+  pruefe("Plaketten in Versalien", welten.every((w) => w.versalien === "uppercase"), welten[0]?.versalien);
+  pruefe("Alle drei Kacheln gleich hoch", new Set(welten.map((w) => w.hoehe)).size === 1, welten.map((w) => w.hoehe).join(", ") + "px");
+
+  /* ---------- 4. Zwei Events ---------- */
+  console.log("\n== Event des Jahres: ZWEI Events ==");
+  const zwei = await seiteMit(browser, { width: 1366, height: 900 }, [EVENT(1), EVENT(2)]);
+  const z = await zwei.evaluate(() => {
+    const sicht = (e) => !!(e && (e.offsetWidth || e.offsetHeight));
+    const k = [...document.querySelectorAll(".jahres-event-card")].filter(sicht);
+    return { anzahl: k.length, hoehen: k.map((e) => Math.round(e.getBoundingClientRect().height)),
+             nebeneinander: k.length === 2 ? Math.abs(k[0].getBoundingClientRect().top - k[1].getBoundingClientRect().top) < 2 : false };
+  });
+  pruefe("Zwei Kacheln sichtbar", z.anzahl === 2, z.anzahl + "");
+  pruefe("Beide nebeneinander", z.nebeneinander, "");
+  pruefe("Beide exakt gleich hoch", new Set(z.hoehen).size === 1, z.hoehen.join(" / ") + "px");
+  await zwei.close();
+
+  /* ---------- 5. Handy ---------- */
+  console.log("\n== Handy (390x844) ==");
+  const handy = await seiteMit(browser, { width: 390, height: 844 }, [EVENT(1)]);
+  const h = await handy.evaluate(() => {
+    const k = document.querySelector(".jahres-event-card:not([hidden])");
+    const bild = k?.querySelector(".jahres-event-bild:not([hidden])");
+    const r = k.getBoundingClientRect();
+    return { ueberlauf: document.documentElement.scrollWidth - document.documentElement.clientWidth,
+             karteImBild: r.left >= -1 && r.right <= innerWidth + 1,
+             bildOben: bild ? bild.getBoundingClientRect().top < k.querySelector("h3").getBoundingClientRect().top : false };
+  });
+  pruefe("Kein seitlicher Überlauf", h.ueberlauf <= 1, h.ueberlauf + "px");
+  pruefe("Karte passt in den Bildschirm", h.karteImBild, "");
+  pruefe("Am Handy steht das Bild oben", h.bildOben, "");
+  await handy.screenshot({ path: "bild-start-handy.png" });
+  await handy.close();
+
+  await pc.screenshot({ path: "bild-start-computer.png" });
+  await pc.close();
+  await browser.close();
+  console.log("\n===== " + ok + " ok, " + fehl + " Fehler =====");
+  if (funde.length) { console.log("\nOffene Punkte:"); funde.forEach((f) => console.log(" - " + f)); }
+  beenden(fehl ? 1 : 0);
+})().catch((e) => {
+  console.error("Testlauf abgebrochen:", e.message);
+  beenden(1);
+});
diff --git a/rabattcodes.html b/rabattcodes.html
index cce41eea..e36f08e9 100644
--- a/rabattcodes.html
+++ b/rabattcodes.html
@@ -19,10 +19,10 @@
 <meta name="twitter:description" content="Rabattcodes von Dogis Partnern für Team Dogi — spar bares Geld bei ausgewählten Marken." />
 <meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
 
-<link rel="stylesheet" href="assets/css/main.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
+<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
 <style>
   /* Leere-Zustand-Kachel im "Gutschein"-Look: gestrichelter Rand wie ein
      ausgeschnittener Coupon, damit auch OHNE echte Codes schon klar ist,
@@ -131,8 +131,8 @@
 </main>
 
 <div id="site-footer"></div>
-<script src="assets/js/i18n-rabattcodes.js?v=20260828d"></script>
-<script src="assets/js/main.js?v=20260828d"></script>
+<script src="assets/js/i18n-rabattcodes.js?v=20260828e"></script>
+<script src="assets/js/main.js?v=20260828e"></script>
 <script>
 (function () {
   document.addEventListener("DOMContentLoaded", function () {
diff --git a/server/inhaltsrichtlinie.js b/server/inhaltsrichtlinie.js
index d000ba84..e0d71017 100644
--- a/server/inhaltsrichtlinie.js
+++ b/server/inhaltsrichtlinie.js
@@ -111,10 +111,31 @@ const merker = new Map();
 
 /* Findet alle Inline-Skriptblöcke und bildet je Block die Prüfsumme.
 
-   Wichtig: Gerechnet wird über den Inhalt EXAKT so, wie er zwischen den
-   Tags steht -- kein Trimmen, keine Umwandlung von Zeilenenden. Der
-   Browser rechnet über dieselben Bytes; schon ein entferntes Leerzeichen
-   ergibt eine andere Summe und damit ein blockiertes Skript. */
+   Gerechnet wird über den Inhalt exakt so, wie er zwischen den Tags
+   steht -- kein Trimmen. Schon ein entferntes Leerzeichen ergibt eine
+   andere Summe und damit ein blockiertes Skript.
+
+   ⚠️ MIT EINER AUSNAHME: ZEILENENDEN (gefunden 27.08.2026)
+
+   Der Browser rechnet NICHT über die Bytes der Datei, sondern über den
+   Text, wie er im Dokument ankommt. Und der HTML-Parser ersetzt beim
+   Einlesen jedes CR LF und jedes einzelne CR durch ein LF -- das steht
+   so in der HTML-Spezifikation ("preprocessing the input stream"). Eine
+   Datei mit Windows-Zeilenenden ergibt also serverseitig eine andere
+   Summe als im Browser, und die Seite führt ihr eigenes Skript nicht
+   mehr aus.
+
+   Aufgefallen ist es beim Prüfen der Startseite auf dem Windows-Rechner:
+   Das Skript war blockiert, obwohl die Datei fehlerfrei war -- die
+   Arbeitskopie hat CR LF (git core.autocrlf=true), das Verzeichnis auf
+   dem Server hat LF. Live lief es deshalb, lokal nicht. Genau solche
+   Unterschiede fressen Stunden, weil man den Fehler im eigenen Code
+   sucht.
+
+   Deshalb wird hier auf LF vereinheitlicht, bevor gerechnet wird. Das
+   ist keine Bequemlichkeit, sondern die Summe, die der Browser wirklich
+   bildet -- und es macht die Richtlinie unempfindlich dagegen, mit
+   welchem Werkzeug eine Datei zuletzt gespeichert wurde. */
 function summenBilden(html) {
   const summen = [];
   /* Nur Blöcke OHNE src. Ein <script src="..."> hat keinen Inhalt, der
@@ -124,7 +145,10 @@ function summenBilden(html) {
   while ((treffer = muster.exec(html)) !== null) {
     const inhalt = treffer[1];
     if (!inhalt) continue;
-    const summe = crypto.createHash("sha256").update(inhalt, "utf8").digest("base64");
+    /* Genau die Normalisierung, die der HTML-Parser vornimmt: CR LF und
+       einzelnes CR werden zu LF (siehe Begründung im Kopf dieser Funktion). */
+    const wieImBrowser = inhalt.replace(/\r\n?/g, "\n");
+    const summe = crypto.createHash("sha256").update(wieImBrowser, "utf8").digest("base64");
     summen.push(`'sha256-${summe}'`);
   }
   return summen;
diff --git a/stimmen.html b/stimmen.html
index 2d86e214..e20de4e2 100644
--- a/stimmen.html
+++ b/stimmen.html
@@ -19,10 +19,10 @@
 <meta name="twitter:description" content="Was die Community und das Team über DogFather sagen." />
 <meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
 
-<link rel="stylesheet" href="assets/css/main.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
+<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
 </head>
 <body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-stimmen.jpg');--page-bg-mobile:url('/assets/img/bg-stimmen-mobile.jpg');">
 <div id="site-header"></div>
@@ -106,10 +106,10 @@
 </main>
 
 <div id="site-footer"></div>
-<script src="assets/js/data-stimmen-avatare.js?v=20260828d"></script>
-<script src="assets/js/i18n-stimmen.js?v=20260828d"></script>
-<script src="assets/js/main.js?v=20260828d"></script>
-<script src="assets/js/bild-vorbereiten.js?v=20260828d"></script>
-<script src="assets/js/stimmen.js?v=20260828d"></script>
+<script src="assets/js/data-stimmen-avatare.js?v=20260828e"></script>
+<script src="assets/js/i18n-stimmen.js?v=20260828e"></script>
+<script src="assets/js/main.js?v=20260828e"></script>
+<script src="assets/js/bild-vorbereiten.js?v=20260828e"></script>
+<script src="assets/js/stimmen.js?v=20260828e"></script>
 </body>
 </html>
diff --git a/streamer.html b/streamer.html
index 8e7c0763..74eab7af 100644
--- a/streamer.html
+++ b/streamer.html
@@ -19,10 +19,10 @@
 <meta name="twitter:description" content="Die persönliche Geschichte hinter DogFather — Filipe, Streamer, Manager bei Spicy Media und Hundepapa von Husky Casper." />
 <meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
 
-<link rel="stylesheet" href="assets/css/main.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
+<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
 </head>
 <body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-streamer.jpg');--page-bg-mobile:url('/assets/img/bg-streamer-mobile.jpg');">
 <div id="site-header"></div>
@@ -217,7 +217,7 @@
 </main>
 
 <div id="site-footer"></div>
-<script src="assets/js/i18n-streamer.js?v=20260828d"></script>
-<script src="assets/js/main.js?v=20260828d"></script>
+<script src="assets/js/i18n-streamer.js?v=20260828e"></script>
+<script src="assets/js/main.js?v=20260828e"></script>
 </body>
 </html>
diff --git a/streamplan.html b/streamplan.html
index b13d4189..8d6e1a1e 100644
--- a/streamplan.html
+++ b/streamplan.html
@@ -19,17 +19,17 @@
 <meta name="twitter:description" content="Wann geht DogFather live? Streamplan und Livebereich." />
 <meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
 
-<link rel="stylesheet" href="assets/css/main.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
+<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
 </head>
-<body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-streamplan.jpg?v=20260828d');--page-bg-mobile:url('/assets/img/bg-streamplan-mobile.jpg?v=20260828d');">
+<body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-streamplan.jpg?v=20260828e');--page-bg-mobile:url('/assets/img/bg-streamplan-mobile.jpg?v=20260828e');">
 <div id="site-header"></div>
 
 <main>
   <section class="hero page-bg">
-    <div class="hero-banner"><img src="/assets/img/bg-streamplan.jpg?v=20260828d" alt="" loading="eager" /></div>
+    <div class="hero-banner"><img src="/assets/img/bg-streamplan.jpg?v=20260828e" alt="" loading="eager" /></div>
     <div class="container">
       <span class="eyebrow" data-i18n="sp_eyebrow">Welt 1 — DogFather</span>
       <h1 data-i18n="sp_h1">Streamplan &amp; Livebereich</h1>
@@ -126,8 +126,8 @@
 </main>
 
 <div id="site-footer"></div>
-<script src="assets/js/i18n-streamplan.js?v=20260828d"></script>
-<script src="assets/js/main.js?v=20260828d"></script>
-<script src="assets/js/streamplan.js?v=20260828d"></script>
+<script src="assets/js/i18n-streamplan.js?v=20260828e"></script>
+<script src="assets/js/main.js?v=20260828e"></script>
+<script src="assets/js/streamplan.js?v=20260828e"></script>
 </body>
 </html>
diff --git a/supporter.html b/supporter.html
index d951ddbe..4635d2da 100644
--- a/supporter.html
+++ b/supporter.html
@@ -9,10 +9,10 @@
 <link rel="manifest" href="/manifest.json" />
 <meta name="theme-color" content="#0b0d10" />
 <meta name="robots" content="noindex" />
-<link rel="stylesheet" href="assets/css/main.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
+<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
 <style>
   /* =====================================================================
      Supporter-Bereich — komplett neu gestaltet (Nutzer-Feedback
@@ -515,9 +515,9 @@
 </main>
 
 <div id="site-footer"></div>
-<script src="assets/js/i18n-supporter.js?v=20260828d"></script>
-<script src="assets/js/supporter.js?v=20260828d"></script>
-<script src="assets/js/main.js?v=20260828d"></script>
+<script src="assets/js/i18n-supporter.js?v=20260828e"></script>
+<script src="assets/js/supporter.js?v=20260828e"></script>
+<script src="assets/js/main.js?v=20260828e"></script>
 <script>
 (function () {
   const S = window.DogiSupporter;
diff --git a/team-modis.html b/team-modis.html
index 5c6fdcbc..1e0d3735 100644
--- a/team-modis.html
+++ b/team-modis.html
@@ -19,10 +19,10 @@
 <meta name="twitter:description" content="VanVan, Diene, Funny, Miss und Marina — das Modi-/Core-Team von Team Dogi." />
 <meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
 
-<link rel="stylesheet" href="assets/css/main.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
+<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
 </head>
 <body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-modis.jpg');--page-bg-mobile:url('/assets/img/bg-modis.jpg');">
 <div id="site-header"></div>
@@ -72,9 +72,9 @@
 </main>
 
 <div id="site-footer"></div>
-<script src="assets/js/data-modis.js?v=20260828d"></script>
-<script src="assets/js/i18n-team-modis.js?v=20260828d"></script>
-<script src="assets/js/main.js?v=20260828d"></script>
+<script src="assets/js/data-modis.js?v=20260828e"></script>
+<script src="assets/js/i18n-team-modis.js?v=20260828e"></script>
+<script src="assets/js/main.js?v=20260828e"></script>
 <script>
 document.addEventListener("DOMContentLoaded", () => {
   const grid = document.getElementById("modis-grid");
diff --git a/team-scouts.html b/team-scouts.html
index 80c986bc..ea87102f 100644
--- a/team-scouts.html
+++ b/team-scouts.html
@@ -19,10 +19,10 @@
 <meta name="twitter:description" content="Die Scouts von Team Dogi bei Spicy Media." />
 <meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
 
-<link rel="stylesheet" href="assets/css/main.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
+<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
 </head>
 <body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-scouts.jpg');--page-bg-mobile:url('/assets/img/bg-scouts-mobile.jpg');">
 <div id="site-header"></div>
@@ -49,9 +49,9 @@
 </main>
 
 <div id="site-footer"></div>
-<script src="assets/js/data-scouts.js?v=20260828d"></script>
-<script src="assets/js/i18n-team-scouts.js?v=20260828d"></script>
-<script src="assets/js/main.js?v=20260828d"></script>
+<script src="assets/js/data-scouts.js?v=20260828e"></script>
+<script src="assets/js/i18n-team-scouts.js?v=20260828e"></script>
+<script src="assets/js/main.js?v=20260828e"></script>
 <script>
 document.addEventListener("DOMContentLoaded", () => {
   const grid = document.getElementById("scouts-grid");
diff --git a/tt-muddi.html b/tt-muddi.html
index a7f07841..4ee34401 100644
--- a/tt-muddi.html
+++ b/tt-muddi.html
@@ -19,10 +19,10 @@
 <meta name="twitter:description" content="Eine persönliche Widmung von Dogi an Tili — seine TikTok-Muddi, die erste und bis heute einzige Streamerin, die ihm all die Zeit treu geblieben ist." />
 <meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
 
-<link rel="stylesheet" href="assets/css/main.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
+<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
 <style>
   /* Gleiche Anpassung wie vanvan.html: der site-weit etwas größere
      Fließtext wirkt bei einem so langen persönlichen Brief zu wuchtig —
@@ -153,7 +153,7 @@
 </main>
 
 <div id="site-footer"></div>
-<script src="assets/js/i18n-tt-muddi.js?v=20260828d"></script>
-<script src="assets/js/main.js?v=20260828d"></script>
+<script src="assets/js/i18n-tt-muddi.js?v=20260828e"></script>
+<script src="assets/js/main.js?v=20260828e"></script>
 </body>
 </html>
diff --git a/vanvan.html b/vanvan.html
index 89989198..2b288d06 100644
--- a/vanvan.html
+++ b/vanvan.html
@@ -19,10 +19,10 @@
 <meta name="twitter:description" content="VanVan erzählt ihre Geschichte: wie sie zu Team Dogi kam, wer sie ist und was DogFather und Team Dogi ihr bedeuten." />
 <meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
 
-<link rel="stylesheet" href="assets/css/main.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
+<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
 <style>
   /* Auf Wunsch: der site-weit vergrößerte Fließtext wirkte auf VanVans
      eigener Seite zu groß (viel Text am Stück) — hier gezielt wieder
@@ -175,7 +175,7 @@
 </main>
 
 <div id="site-footer"></div>
-<script src="assets/js/i18n-vanvan.js?v=20260828d"></script>
-<script src="assets/js/main.js?v=20260828d"></script>
+<script src="assets/js/i18n-vanvan.js?v=20260828e"></script>
+<script src="assets/js/main.js?v=20260828e"></script>
 </body>
 </html>
diff --git a/verwaltung.html b/verwaltung.html
index 8eaa7563..ccfd50b2 100644
--- a/verwaltung.html
+++ b/verwaltung.html
@@ -19,10 +19,10 @@
 <link rel="apple-touch-icon" href="assets/img/apple-touch-icon-admin.png" />
 <meta name="apple-mobile-web-app-title" content="DogiCrew-Verwaltung" />
 <meta name="theme-color" content="#0e0a16" />
-<link rel="stylesheet" href="assets/css/main.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
+<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
 <style>
   /* =====================================================================
      verwaltung.html — Dogis privater Command-Center-Bereich.
@@ -1285,12 +1285,12 @@
 <!-- 21.08.2026: für den "Bestehende Mitglieder importieren"-Knopf in der
      Team-Verwaltung -- liest die von Hand gepflegten Profile aus diesen
      Dateien aus und bietet an, sie 1:1 in die Datenbank zu übernehmen. -->
-<script src="assets/js/data-modis.js?v=20260828d"></script>
-<script src="assets/js/data-scouts.js?v=20260828d"></script>
-<script src="assets/js/data-creator.js?v=20260828d"></script>
-<script src="assets/js/data-manager.js?v=20260828d"></script>
-<script src="assets/js/data-stimmen-avatare.js?v=20260828d"></script>
-<script src="assets/js/main.js?v=20260828d"></script>
+<script src="assets/js/data-modis.js?v=20260828e"></script>
+<script src="assets/js/data-scouts.js?v=20260828e"></script>
+<script src="assets/js/data-creator.js?v=20260828e"></script>
+<script src="assets/js/data-manager.js?v=20260828e"></script>
+<script src="assets/js/data-stimmen-avatare.js?v=20260828e"></script>
+<script src="assets/js/main.js?v=20260828e"></script>
 <!-- Versionsnummer bewusst hochgesetzt (27.08.2026): Caddy liefert Assets mit
      max-age=14400, ein Browser hätte die alte Anmelde-Logik sonst bis zu vier
      Stunden weiterbenutzt und Dogi wäre trotz Umstellung weiter ohne Code
diff --git a/werte.html b/werte.html
index 78e5a526..f861c192 100644
--- a/werte.html
+++ b/werte.html
@@ -19,10 +19,10 @@
 <meta name="twitter:description" content="Die Werte, nach denen DogFather als Manager bei Spicy Media arbeitet." />
 <meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
 
-<link rel="stylesheet" href="assets/css/main.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
+<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
 </head>
 <body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-werte.jpg');--page-bg-mobile:url('/assets/img/bg-werte-mobile.jpg');">
 <div id="site-header"></div>
@@ -113,7 +113,7 @@
 </main>
 
 <div id="site-footer"></div>
-<script src="assets/js/i18n-werte.js?v=20260828d"></script>
-<script src="assets/js/main.js?v=20260828d"></script>
+<script src="assets/js/i18n-werte.js?v=20260828e"></script>
+<script src="assets/js/main.js?v=20260828e"></script>
 </body>
 </html>
diff --git a/zeitreise.html b/zeitreise.html
index 7ca717a0..c42f8cf6 100644
--- a/zeitreise.html
+++ b/zeitreise.html
@@ -19,10 +19,10 @@
 <meta name="twitter:description" content="Die Geschichte von DogFather in einer interaktiven Zeitleiste." />
 <meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
 
-<link rel="stylesheet" href="assets/css/main.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828d" />
-<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828d" />
+<link rel="stylesheet" href="assets/css/main.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260828e" />
+<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260828e" />
 </head>
 <body class="mit-hintergrund" style="--page-bg:url('/assets/img/bg-zeitreise.jpg');--page-bg-mobile:url('/assets/img/bg-zeitreise-mobile.jpg');">
 <div id="site-header"></div>
@@ -237,8 +237,8 @@
 </main>
 
 <div id="site-footer"></div>
-<script src="assets/js/i18n-zeitreise.js?v=20260828d"></script>
-<script src="assets/js/main.js?v=20260828d"></script>
+<script src="assets/js/i18n-zeitreise.js?v=20260828e"></script>
+<script src="assets/js/main.js?v=20260828e"></script>
 <script>
   /* Wachstums-Reveal: Äste blenden sich beim Scrollen sanft ein — passt
      zum "wachsenden Baum"-Konzept dieser Seite. Rein page-lokal, betrifft