Zahlungen-Bühne: besserer Bildausschnitt statt flacher Mitte

Das cryo-kristall-Motiv (Zahlungen) ist als einziges der sechs HOCHKANT
(702x941) statt quer (1672x941). Auf der breiten 16:9-Bühne zeigt "cover"
davon nur einen horizontalen Streifen -- der mittige (Standard center
center) traf die unruhigen Kristallsplitter und wirkte flach und
beschnitten.

Jetzt zeigt Zahlungen den oberen Streifen (background-position center
15%): die eleganten geschwungenen Kristallbänder rechts als Blickfang,
links ruhiger dunkler Raum für die Karten -- eine klare Komposition wie
bei den anderen Motiven. Nur für Zahlungen überschrieben, die übrigen
fünf bleiben mittig.

Nebenbei: Der Wert kommt aus --vw-blick, das für alle Bereiche längst
definiert, bisher aber nirgends ausgelesen wurde (toter Code). Die neue
.vw-buehne-Ausnahme wendet ihn für Zahlungen erstmals an.

Service-Worker-Cache v63 -> v64 (beide Stellen), damit Geräte mit der App
den neuen Ausschnitt bekommen.

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

assets/js/wd-core.js

@@ -863,7 +863,7 @@
          Stand haben. Die Nummer wird zusammen mit CACHE_NAME in sw.js
          hochgezaehlt -- beide gehoeren zusammen. */
       navigator.serviceWorker
-        .register("/webdesign/sw.js?v=63", { scope: "/webdesign/" })
+        .register("/webdesign/sw.js?v=64", { scope: "/webdesign/" })
         .catch(function () { /* still schlucken: ohne SW funktioniert alles weiter */ });
     });
   }

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-v63";
+const CACHE_NAME = "dogfather-webdesign-v64";
 
 /* Bausteine, die die Oberfläche zum Anzeigen braucht. Bewusst KEINE
    HTML-Datei in dieser Liste. */

webdesign/verwaltung.html

@@ -143,7 +143,10 @@
     --vw-motiv:       url("/assets/img/cryo-kristall.webp");
     --vw-motiv-klein: url("/assets/img/cryo-kristall-klein.webp");
     --vw-farbe: var(--wd-gold-rgb);
-    --vw-blick: center 38%;
+    /* Oberer Streifen: zeigt die geschwungenen Kristallbänder statt der
+       flachen Mitte -- siehe die .vw-buehne-Ausnahme weiter unten, die
+       diesen Wert als einzige tatsächlich anwendet. */
+    --vw-blick: center 15%;
   }
   [data-vw-bereich="postfach"] {
     --vw-motiv:       url("/assets/img/cryo-ring.webp");
@@ -193,6 +196,18 @@
        ueblichen Bildschirm praktisch das ganze Bild. */
   }
 
+  /* Ausnahme Zahlungen (28.08.2026): Das cryo-kristall-Motiv ist als
+     einziges HOCHKANT (702x941) statt quer (1672x941) wie die anderen
+     fünf. Bei "cover" auf der breiten Bühne wird davon nur ein
+     horizontaler Streifen gezeigt -- der mittige (center center) trifft
+     die unruhigsten Kristallsplitter und wirkt flach. Der obere Streifen
+     zeigt stattdessen die eleganten, geschwungenen Kristallbänder rechts
+     und lässt links ruhigen, dunklen Raum für die Karten darüber. Nur
+     hier überschrieben, die anderen Motive bleiben mittig. Der Wert
+     kommt aus --vw-blick, das für die Bereiche längst definiert, bisher
+     aber nirgends ausgelesen wurde. */
+  [data-vw-bereich="zahlungen"] .vw-buehne { background-position: center 15%; }
+
   /* Eine ruhige Toenung darueber. Sie nimmt dem Bild nicht die Zeichnung,
      sondern legt nur so viel Tiefe darunter, dass die Glasflaechen sich
      abheben. Oben etwas dichter, weil dort die Kopfleiste sitzt. */