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>

post6.html

@@ -1053,7 +1053,12 @@ if (location.search.indexOf("nur=anim") >= 0)
       <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-gehe="./uebersicht.html">Alle Projekte im Streifen</button>
       <hr>