5 Säulen: eine Fläche mit sanftem Grün-Verlauf pro Zeile

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

index.html

@@ -105,16 +105,14 @@
       <span class="statement-by">— Katha</span>
     </div>
 
-    <div class="panel panel--ink tone-1 panel--auto reveal">
-      <span class="kicker">Meine Philosophie · die 5 Säulen</span>
-      <ul class="words">
-        <li><small>01</small>Respekt<span>Den Hund als eigenständiges Wesen ernst nehmen.</span></li>
-        <li><small>02</small>Ehrlichkeit<span>Klare Signale schaffen Vertrauen.</span></li>
-        <li><small>03</small>Geduld<span>Jeder Hund lernt in seinem Tempo.</span></li>
-        <li><small>04</small>Konsequenz<span>Klare Regeln – fair und ohne Druck.</span></li>
-        <li><small>05</small>Verständnis<span>Bedürfnisse und Gefühle verstehen.</span></li>
-      </ul>
-    </div>
+    <ul class="pillars reveal">
+      <li class="pillar pillar--head tone-1"><span class="kicker">Meine Philosophie</span><h2 class="title">Die 5 Säulen für Mensch und Hund.</h2></li>
+      <li class="pillar tone-2"><small>01</small><strong>Respekt</strong><span>Den Hund als eigenständiges Wesen ernst nehmen.</span></li>
+      <li class="pillar tone-3"><small>02</small><strong>Ehrlichkeit</strong><span>Klare Signale schaffen Vertrauen.</span></li>
+      <li class="pillar tone-4"><small>03</small><strong>Geduld</strong><span>Jeder Hund lernt in seinem Tempo.</span></li>
+      <li class="pillar tone-5"><small>04</small><strong>Konsequenz</strong><span>Klare Regeln – fair und ohne Druck.</span></li>
+      <li class="pillar tone-6"><small>05</small><strong>Verständnis</strong><span>Bedürfnisse und Gefühle verstehen.</span></li>
+    </ul>
 
     <div class="row">
       <a class="panel panel--photo reveal" href="shop.html">