Post 9: Format 1:1 für die Anzeige und vier neue Varianten

- Format-Schalter 4:5 / 1:1 in Post 9, Stand auf 1:1 (Meta nimmt ein
  Carousel mit Video als Anzeige nur quadratisch), Video in 1:1
- animation.mjs baut das Format der Seite, Datei mit -1x1
- Variante 2/3: Kundengeschichte nach dem weclapp-Karussell, hell und dunkel
- Variante 4/5: Zahlen-Karussell nach HERO Insights mit KfW- und
  Bitkom-Zahlen, Noah als Teaser, hell und dunkel
- post9-varianten.html zeigt alle Varianten untereinander
- Menüs und Übersicht um die Varianten ergänzt, Regel zu 1:1 in rules.md

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

uebersicht.html

@@ -112,7 +112,12 @@
       <button type="button" data-gehe="./post6.html">Post 6 · Team-Chat</button>
       <button type="button" data-gehe="./post7.html">Post 7 · Form Builder</button>
       <button type="button" data-gehe="./post8.html">Post 8 · E-Mail-Marketing</button>
-      <button type="button" data-gehe="./post9.html">Post 9 · Webinar</button>
+      <button type="button" data-gehe="./post9.html">Post 9 · Variante 1 · Webinar-Fenster</button>
+      <button type="button" data-gehe="./post9-v2.html">Post 9 · Variante 2 · Kundengeschichte</button>
+      <button type="button" data-gehe="./post9-v3.html">Post 9 · Variante 3 · Kundengeschichte dunkel</button>
+      <button type="button" data-gehe="./post9-v4.html">Post 9 · Variante 4 · Zahlen</button>
+      <button type="button" data-gehe="./post9-v5.html">Post 9 · Variante 5 · Zahlen dunkel</button>
+      <button type="button" data-gehe="./post9-varianten.html">Post 9 · Varianten im Vergleich</button>
       <hr>
       <button type="button" data-klick="neu">Streifen neu laden</button>
     </div>
@@ -142,7 +147,11 @@
     { datei: "./post6.html",     name: "Post 6 · Team-Chat",                theme: "modern" },
     { datei: "./post7.html",     name: "Post 7 · Form Builder",             theme: "modern" },
     { datei: "./post8.html",     name: "Post 8 · E-Mail-Marketing",         theme: "modern" },
-    { datei: "./post9.html",     name: "Post 9 · Webinar",                  theme: "modern" },
+    { datei: "./post9.html",     name: "Post 9 · Variante 1 · Webinar-Fenster", theme: "modern" },
+    { datei: "./post9-v2.html",  name: "Post 9 · Variante 2 · Kundengeschichte", theme: "modern" },
+    { datei: "./post9-v3.html",  name: "Post 9 · Variante 3 · Kundengeschichte dunkel", theme: "modern" },
+    { datei: "./post9-v4.html",  name: "Post 9 · Variante 4 · Zahlen", theme: "modern" },
+    { datei: "./post9-v5.html",  name: "Post 9 · Variante 5 · Zahlen dunkel", theme: "modern" },
   ];
 
   const flaeche = document.getElementById("flaeche");