Kacheln: Licht folgt dem Zeiger, Rand glueht mit

"ich will das die kacheln richtig speziell sind und modern ... dass viel
mehr auffaellt und doch modern und profissionell"

Die Kacheln hatten Verlaufsrand, Verlaufsflaeche, Schatten und
Lichtkante -- alles richtig, alles STATISCH. Was fehlte, war das Gefuehl
von Material: eine Flaeche, die auf Licht reagiert.

ZWEI EBENEN

Ein weicher Lichtfleck folgt dem Zeiger ueber die Flaeche. Und -- der
Teil, der wirklich auffaellt -- der RAND glueht an derselben Stelle auf
und verlaeuft nach beiden Seiten aus.

Das geht ohne zusaetzliches Element: Die Kachel hat bereits zwei
Hintergrundebenen (Flaeche padding-box, Verlaufsrand border-box). Beim
Ueberfahren bekommt die Randebene einen Lichtpunkt an der Zeigerstelle.
Der Rand ist nur einen Pixel breit -- genau dort laesst sich Licht am
staerksten zeigen, ohne kitschig zu werden. Ein Lichtfleck OHNE
mitleuchtende Kante wirkt wie ein Fleck AUF der Kachel; mit ihr wirkt
die ganze Kachel beleuchtet.

Die Flaeche selbst bleibt beim Ueberfahren unveraendert -- sonst wuerde
der Text flackern.

VIER ENTSCHEIDUNGEN GEGEN BILLIGE OPTIK

Die Farbe folgt der Kachel: blaue leuchten blau, lila lila. Sonst braeche
der Effekt die Farbordnung, die ueberall sonst Bedeutung traegt.

Nur bei echtem Zeiger (hover: hover, pointer: fine). Auf dem Handy gibt
es keinen; dort bliebe der Lichtfleck an einer zufaelligen Stelle kleben.

Aus bei prefers-reduced-motion. Auch wenn sich nichts bewegt: Etwas, das
dem Zeiger folgt, ist Bewegung.

Erste Fassung war mit 13 % zu zurueckhaltend -- am Screenshot geprueft
und auf 22 % angehoben. "Man soll es spueren" ist richtig, aber es muss
auch ankommen.

SPARSAM GEBAUT

EIN Zuhoerer am Dokument statt einem je Kachel -- sonst muesste jede
nachgeladene Kachel einzeln nachgeruestet werden. Geschrieben wird erst
im naechsten Bildaufbau: Der Zeiger meldet sich bis zu tausendmal je
Sekunde, der Bildschirm zeichnet sechzigmal; ohne Drosselung rechnet der
Browser neunhundertmal umsonst.

Der Inhalt bekommt z-index 1. Ohne das legt sich der absolut gesetzte
Lichtfleck ueber den Text -- absolut positionierte Elemente malen ueber
Fluss-Inhalt, auch wenn sie im Quelltext davor stehen. Das Ergebnis waere
ein Schleier auf der Schrift, den man erst beim Vergleich zweier Kacheln
bemerkt. Eigens geprueft.

GEPRUEFT: 7 Pruefungen fuer den Effekt selbst -- unsichtbar im
Ruhezustand, erscheint beim Ueberfahren, folgt dem Zeiger auf 6 Pixel
genau, Inhalt liegt darueber, lila Kacheln leuchten lila, bei
Bewegungsempfindlichkeit vollstaendig abgeschaltet.

Gestaltung 0 Befunde, Designsystem 5, Verwaltung 69, Portal 32.

Versionsstempel und Cache auf v19.

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

assets/css/webdesign.css

@@ -2016,3 +2016,117 @@ a.wd-karte:active, .wd-karte--klickbar:active {
 .wd .vw-paar dd, .wd .wr-pruef dd, .wd .wr-beleg dd {
   max-width: none;
 }
+
+/* =====================================================================
+   KACHELN: LICHT UNTER DEM ZEIGER  (23.08.2026)
+
+   Die Kacheln hatten Verlaufsrand, Verlaufsfläche, Schatten und
+   Lichtkante — alles richtig, alles statisch. Was fehlte, war das
+   Gefühl von MATERIAL: eine Oberfläche, die auf Licht reagiert.
+
+   Der Effekt: Ein weicher Lichtfleck folgt dem Zeiger über die Kachel.
+   Das ist kein Zierrat, sondern die Fortsetzung derselben Erzählung wie
+   bei der Lichtkante oben — es gibt eine Lichtquelle, und die Fläche
+   verhält sich, als wäre sie aus etwas.
+
+   VIER ENTSCHEIDUNGEN, DAMIT ES HOCHWERTIG UND NICHT BILLIG WIRKT
+
+   1. Sehr schwach. 13 % Deckkraft. Man soll es SPÜREN, nicht ANSEHEN.
+      Ein greller Fleck sieht nach Spielerei aus; ein kaum sichtbarer
+      nach teurem Material. Passt zugleich zur Dauervorgabe
+      "augenschonend" — nichts blitzt, nichts blendet.
+
+   2. Nur bei echtem Zeiger (hover: hover). Auf einem Handy gibt es
+      keinen Zeiger; dort bliebe ein Lichtfleck an einer zufälligen
+      Stelle kleben.
+
+   3. Die Farbe folgt der Kachel. Blaue Kacheln leuchten blau, lila
+      lila — sonst bräche der Effekt die Farbordnung, die überall sonst
+      Bedeutung trägt.
+
+   4. Aus bei prefers-reduced-motion. Auch wenn sich nichts bewegt:
+      Etwas, das dem Zeiger folgt, ist Bewegung.
+   ===================================================================== */
+@media (hover: hover) and (pointer: fine) {
+  .wd-karte {
+    /* Startwert oben mittig — falls die Kachel vor der ersten
+       Zeigerbewegung schon überfahren wird. */
+    --wd-lichtx: 50%;
+    --wd-lichty: 0%;
+    isolation: isolate;
+  }
+
+  .wd-karte::after {
+    content: "";
+    position: absolute;
+    inset: 0;
+    border-radius: inherit;
+    pointer-events: none;
+    z-index: 0;
+    opacity: 0;
+    transition: opacity .28s ease;
+    background: radial-gradient(
+      380px circle at var(--wd-lichtx) var(--wd-lichty),
+      rgb(var(--wd-blau-rgb) / .22),
+      rgb(var(--wd-blau-rgb) / .08) 38%,
+      transparent 70%
+    );
+  }
+  .wd-karte--lila::after {
+    background: radial-gradient(
+      380px circle at var(--wd-lichtx) var(--wd-lichty),
+      rgb(var(--wd-lila-rgb) / .24),
+      rgb(var(--wd-lila-rgb) / .08) 38%,
+      transparent 70%
+    );
+  }
+  .wd-karte:hover::after { opacity: 1; }
+
+  /* DER RAND LEUCHTET MIT — und das ist der Teil, der auffällt.
+
+     Die Kachel hat schon zwei Hintergrundebenen: die Fläche
+     (padding-box) und den Verlaufsrand (border-box). Der Rand ist nur
+     einen Pixel breit, aber genau dort lässt sich Licht am stärksten
+     zeigen, ohne dass es kitschig wird.
+
+     Beim Überfahren bekommt die Randebene einen Lichtpunkt an derselben
+     Stelle wie die Fläche. Ergebnis: Die Kante glüht dort auf, wo der
+     Zeiger steht, und verläuft nach beiden Seiten aus. Ein Lichtfleck
+     OHNE mitleuchtende Kante wirkt wie ein Fleck AUF der Kachel; mit ihr
+     wirkt die ganze Kachel beleuchtet.
+
+     Die Fläche bleibt unverändert — sonst würde der Text flackern. */
+  .wd-karte:hover {
+    background:
+      linear-gradient(180deg, rgba(20, 32, 50, .72), rgba(9, 15, 26, .86)) padding-box,
+      radial-gradient(240px circle at var(--wd-lichtx) var(--wd-lichty),
+        rgb(var(--wd-blau-rgb) / .95),
+        rgb(var(--wd-blau-rgb) / .30) 42%,
+        rgb(var(--wd-lila-rgb) / .28) 100%) border-box;
+  }
+  .wd-karte--lila:hover {
+    background:
+      linear-gradient(180deg, rgba(26, 22, 48, .72), rgba(12, 10, 24, .88)) padding-box,
+      radial-gradient(240px circle at var(--wd-lichtx) var(--wd-lichty),
+        rgb(var(--wd-lila-rgb) / .95),
+        rgb(var(--wd-lila-rgb) / .30) 42%,
+        rgb(var(--wd-blau-rgb) / .26) 100%) border-box;
+  }
+
+  /* Der Inhalt muss ÜBER dem Lichtfleck liegen.
+
+     Ohne das legt sich der absolut gesetzte Lichtfleck über den Text —
+     absolut positionierte Elemente malen über normalen Fluss-Inhalt,
+     auch wenn sie im Quelltext davor stehen. Das Ergebnis wäre ein
+     leichter Schleier auf der Schrift, den man erst bemerkt, wenn man
+     zwei Kacheln nebeneinander vergleicht. */
+  .wd-karte > * { position: relative; z-index: 1; }
+
+  /* Der Rand zieht mit. Ein Lichtfleck ohne mitleuchtende Kante wirkt
+     wie ein Fleck AUF der Kachel statt wie Licht darauf. */
+  .wd-karte { transition: border-color .28s ease, box-shadow .18s cubic-bezier(.2,.8,.3,1), transform .18s cubic-bezier(.2,.8,.3,1); }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .wd-karte::after { display: none; }
+}

assets/js/wd-core.js

@@ -871,6 +871,53 @@
   } else {
     start();
   }
+  lichtStarten();
+
+  /* ===================================================================
+     LICHT UNTER DEM ZEIGER
+
+     Setzt zwei Variablen auf der überfahrenen Kachel; die eigentliche
+     Darstellung macht das CSS. So bleibt hier nur Rechnen, kein Malen.
+
+     DREI DINGE, DIE ES SPARSAM HALTEN
+
+     1. EIN Zuhörer am Dokument statt einem je Kachel. Bei zwanzig
+        Kacheln wären das zwanzig — und jede müsste beim Nachladen neuer
+        Inhalte einzeln nachgerüstet werden.
+
+     2. Geschrieben wird erst im nächsten Bildaufbau
+        (requestAnimationFrame). Der Zeiger meldet sich bis zu tausendmal
+        je Sekunde; der Bildschirm zeichnet sechzigmal. Ohne diese
+        Drosselung rechnet der Browser neunhundert Mal umsonst.
+
+     3. Gar nicht erst starten, wenn es keinen echten Zeiger gibt oder
+        Bewegung unerwünscht ist. Auf dem Handy bliebe der Lichtfleck an
+        einer zufälligen Stelle kleben.
+     =================================================================== */
+  function lichtStarten() {
+    if (!window.matchMedia) return;
+    if (!window.matchMedia("(hover: hover) and (pointer: fine)").matches) return;
+    if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) return;
+
+    var offen = false;
+    var letzte = null;
+
+    document.addEventListener("pointermove", function (e) {
+      var karte = e.target && e.target.closest ? e.target.closest(".wd-karte") : null;
+      if (!karte) return;
+      letzte = { karte: karte, x: e.clientX, y: e.clientY };
+      if (offen) return;
+      offen = true;
+      requestAnimationFrame(function () {
+        offen = false;
+        if (!letzte) return;
+        var k = letzte.karte;
+        var r = k.getBoundingClientRect();
+        k.style.setProperty("--wd-lichtx", (letzte.x - r.left) + "px");
+        k.style.setProperty("--wd-lichty", (letzte.y - r.top) + "px");
+      });
+    }, { passive: true });
+  }
 
   /* Nach außen sichtbare Schnittstelle für seiteneigene Skripte. */
   window.WD = {

webdesign/ablauf.html

@@ -13,8 +13,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 Webdesign" />
-<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd18" />
-<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd18" />
+<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd19" />
+<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd19" />
 <style>
   /* Zeitstrahl: die Linie verbindet die Nummernkreise. Sie liegt hinter
      den Kreisen (z-index) und endet beim letzten Schritt, damit sie nicht
@@ -183,7 +183,7 @@
 
 <div id="wd-fuss"></div>
 
-<script src="/assets/js/i18n-wd-ablauf.js?v=20260823wd18"></script>
-<script src="/assets/js/wd-core.js?v=20260823wd18"></script>
+<script src="/assets/js/i18n-wd-ablauf.js?v=20260823wd19"></script>
+<script src="/assets/js/wd-core.js?v=20260823wd19"></script>
 </body>
 </html>

webdesign/anfrage.html

@@ -13,8 +13,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 Webdesign" />
-<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd18" />
-<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd18" />
+<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd19" />
+<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd19" />
 <style>
   /* ---------- Schrittanzeige ----------
      Zeigt alle vier Schritte gleichzeitig statt nur "3 von 4". Man sieht
@@ -418,8 +418,8 @@
 
 <div id="wd-fuss"></div>
 
-<script src="/assets/js/i18n-wd-anfrage.js?v=20260823wd18"></script>
-<script src="/assets/js/wd-core.js?v=20260823wd18"></script>
-<script src="/assets/js/wd-anfrage.js?v=20260823wd18"></script>
+<script src="/assets/js/i18n-wd-anfrage.js?v=20260823wd19"></script>
+<script src="/assets/js/wd-core.js?v=20260823wd19"></script>
+<script src="/assets/js/wd-anfrage.js?v=20260823wd19"></script>
 </body>
 </html>

webdesign/faq.html

@@ -13,8 +13,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 Webdesign" />
-<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd18" />
-<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd18" />
+<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd19" />
+<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd19" />
 <style>
   .fq-thema { scroll-margin-top: 90px; }
   .fq-thema + .fq-thema { margin-top: clamp(2rem, 4vw, 3rem); }
@@ -195,7 +195,7 @@
 
 <div id="wd-fuss"></div>
 
-<script src="/assets/js/i18n-wd-faq.js?v=20260823wd18"></script>
-<script src="/assets/js/wd-core.js?v=20260823wd18"></script>
+<script src="/assets/js/i18n-wd-faq.js?v=20260823wd19"></script>
+<script src="/assets/js/wd-core.js?v=20260823wd19"></script>
 </body>
 </html>

webdesign/index.html

@@ -16,8 +16,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 Webdesign" />
-<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd18" />
-<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd18" />
+<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd19" />
+<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd19" />
 <style>
   /* ---------- Nur auf der Startseite gebraucht ---------- */
 
@@ -407,8 +407,8 @@
 
 <div id="wd-fuss"></div>
 
-<script src="/assets/js/i18n-wd-index.js?v=20260823wd18"></script>
-<script src="/assets/js/wd-core.js?v=20260823wd18"></script>
+<script src="/assets/js/i18n-wd-index.js?v=20260823wd19"></script>
+<script src="/assets/js/wd-core.js?v=20260823wd19"></script>
 <script>
 /* ---------------------------------------------------------------------
    Marken-Intro (Masterplan S.3, Schritt 02: "Nach erfolgreichem Code

webdesign/leistungen.html

@@ -13,8 +13,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 Webdesign" />
-<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd18" />
-<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd18" />
+<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd19" />
+<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd19" />
 <style>
   /* Sprungmarken.
      Frueher eine waagerecht wischbare Leiste. Rueckmeldung 22.08.2026:
@@ -331,7 +331,7 @@
 
 <div id="wd-fuss"></div>
 
-<script src="/assets/js/i18n-wd-leistungen.js?v=20260823wd18"></script>
-<script src="/assets/js/wd-core.js?v=20260823wd18"></script>
+<script src="/assets/js/i18n-wd-leistungen.js?v=20260823wd19"></script>
+<script src="/assets/js/wd-core.js?v=20260823wd19"></script>
 </body>
 </html>

webdesign/portal.html

@@ -12,8 +12,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 Webdesign" />
-<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd18" />
-<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd18" />
+<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd19" />
+<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd19" />
 <style>
   .po-login { max-width: 440px; margin: clamp(1.5rem,6vh,4rem) auto; }
 
@@ -134,8 +134,8 @@
 
 <div id="wd-fuss"></div>
 
-<script src="/assets/js/i18n-wd-portal.js?v=20260823wd18"></script>
-<script src="/assets/js/wd-core.js?v=20260823wd18"></script>
-<script src="/assets/js/wd-portal.js?v=20260823wd18"></script>
+<script src="/assets/js/i18n-wd-portal.js?v=20260823wd19"></script>
+<script src="/assets/js/wd-core.js?v=20260823wd19"></script>
+<script src="/assets/js/wd-portal.js?v=20260823wd19"></script>
 </body>
 </html>

webdesign/portfolio.html

@@ -13,8 +13,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 Webdesign" />
-<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd18" />
-<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd18" />
+<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd19" />
+<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd19" />
 <style>
   .pfo-projekt { overflow: hidden; padding: 0; margin-bottom: clamp(1.4rem, 3vw, 2.2rem); }
   .pfo-bild {
@@ -192,7 +192,7 @@
 
 <div id="wd-fuss"></div>
 
-<script src="/assets/js/i18n-wd-portfolio.js?v=20260823wd18"></script>
-<script src="/assets/js/wd-core.js?v=20260823wd18"></script>
+<script src="/assets/js/i18n-wd-portfolio.js?v=20260823wd19"></script>
+<script src="/assets/js/wd-core.js?v=20260823wd19"></script>
 </body>
 </html>

webdesign/preise.html

@@ -13,8 +13,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 Webdesign" />
-<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd18" />
-<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd18" />
+<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd19" />
+<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd19" />
 <style>
   .pr-preis-gross { font-family: var(--font-head); font-weight: 800; color: var(--wd-blau); white-space: nowrap; }
 
@@ -196,7 +196,7 @@
 
 <div id="wd-fuss"></div>
 
-<script src="/assets/js/i18n-wd-preise.js?v=20260823wd18"></script>
-<script src="/assets/js/wd-core.js?v=20260823wd18"></script>
+<script src="/assets/js/i18n-wd-preise.js?v=20260823wd19"></script>
+<script src="/assets/js/wd-core.js?v=20260823wd19"></script>
 </body>
 </html>

webdesign/rechtliches.html

@@ -8,8 +8,8 @@
 <link rel="icon" type="image/png" href="/assets/img/favicon.png" />
 <link rel="manifest" href="/webdesign/app.webmanifest" />
 <meta name="theme-color" content="#05070b" />
-<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd18" />
-<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd18" />
+<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd19" />
+<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd19" />
 </head>
 <body class="wd">
 <div id="wd-kopf"></div>
@@ -400,6 +400,6 @@
 
 <div id="wd-fuss"></div>
 
-<script src="/assets/js/wd-core.js?v=20260823wd18"></script>
+<script src="/assets/js/wd-core.js?v=20260823wd19"></script>
 </body>
 </html>

webdesign/sw.js

@@ -34,7 +34,7 @@
    Start alle alten Zwischenspeicher weg. Muss bei jeder Änderung an den
    Dateien unten hochgezählt werden, sonst hängen Nutzer auf einem alten
    Stand fest. */
-const CACHE_NAME = "dogfather-webdesign-v18";
+const CACHE_NAME = "dogfather-webdesign-v19";
 
 /* Bausteine, die die Oberfläche zum Anzeigen braucht. Bewusst KEINE
    HTML-Datei in dieser Liste. */

webdesign/ueber.html

@@ -13,8 +13,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 Webdesign" />
-<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd18" />
-<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd18" />
+<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd19" />
+<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd19" />
 <style>
   .ue-kopf { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(1.5rem, 4vw, 3rem); align-items: center; }
   /* Auf dem Handy zuerst der Text, dann das Bild: sonst schiebt ein
@@ -127,7 +127,7 @@
 
 <div id="wd-fuss"></div>
 
-<script src="/assets/js/i18n-wd-ueber.js?v=20260823wd18"></script>
-<script src="/assets/js/wd-core.js?v=20260823wd18"></script>
+<script src="/assets/js/i18n-wd-ueber.js?v=20260823wd19"></script>
+<script src="/assets/js/wd-core.js?v=20260823wd19"></script>
 </body>
 </html>

webdesign/verwaltung.html

@@ -11,8 +11,8 @@
 <link rel="apple-touch-icon" href="/assets/img/wd-app-180.png" />
 <meta name="apple-mobile-web-app-capable" content="yes" />
 <meta name="apple-mobile-web-app-title" content="DF Verwaltung" />
-<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd18" />
-<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd18" />
+<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd19" />
+<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd19" />
 <style>
   /* =====================================================================
      Verwaltungsbereich — bewusst NUR AUF DEUTSCH.
@@ -761,7 +761,7 @@
   <div class="vw-detail-blatt" id="vw-detail-blatt"></div>
 </div>
 
-<script src="/assets/js/wd-core.js?v=20260823wd18"></script>
+<script src="/assets/js/wd-core.js?v=20260823wd19"></script>
 <script>
 /* =====================================================================
    Verwaltung: Anfragen ansehen, Status ändern, Notizen, Archivieren.

webdesign/widerruf.html

@@ -9,8 +9,8 @@
 <link rel="icon" type="image/png" href="/assets/img/favicon.png" />
 <link rel="manifest" href="/webdesign/app.webmanifest" />
 <meta name="theme-color" content="#05070b" />
-<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd18" />
-<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd18" />
+<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd19" />
+<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd19" />
 </head>
 <body class="wd">
 <div id="wd-kopf"></div>
@@ -137,8 +137,8 @@
 
 <div id="wd-fuss"></div>
 
-<script src="/assets/js/i18n-wd-widerruf.js?v=20260823wd18"></script>
-<script src="/assets/js/wd-core.js?v=20260823wd18"></script>
-<script src="/assets/js/wd-widerruf.js?v=20260823wd18"></script>
+<script src="/assets/js/i18n-wd-widerruf.js?v=20260823wd19"></script>
+<script src="/assets/js/wd-core.js?v=20260823wd19"></script>
+<script src="/assets/js/wd-widerruf.js?v=20260823wd19"></script>
 </body>
 </html>

webdesign/zugang.html

@@ -21,8 +21,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 Webdesign" />
-<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd18" />
-<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd18" />
+<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd19" />
+<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd19" />
 <style>
   /* =====================================================================
      Zugangswand — nur hier gebraucht, deshalb bewusst NICHT in
@@ -177,8 +177,8 @@
   </div>
 </main>
 
-<script src="/assets/js/i18n-wd-zugang.js?v=20260823wd18"></script>
-<script src="/assets/js/wd-core.js?v=20260823wd18"></script>
+<script src="/assets/js/i18n-wd-zugang.js?v=20260823wd19"></script>
+<script src="/assets/js/wd-core.js?v=20260823wd19"></script>
 <script>
 (function () {
   "use strict";