Grüntöne zurückgenommen: wieder Creme-Flächen und einfarbige Säulen

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

index.html

@@ -64,7 +64,7 @@
 
   <main class="mosaic">
     <div class="row row--wide-r" id="ueber-mich">
-      <div class="panel panel--ink tone-4 reveal">
+      <div class="panel panel--cream reveal">
         <span class="kicker">Über mich</span>
         <h2 class="display">Hallo,<br>ich bin Katha.</h2>
         <p class="big">Hundetrainerin und Ernährungsberaterin – mit Herz und Verstand. Für beide Seiten der Leine.</p>
@@ -90,9 +90,9 @@
     </a>
 
     <div class="row">
-      <div class="panel panel--sage tone-8 plate-panel reveal"><img src="https://schmacko-napf.de/wp-content/uploads/2023/06/Barf.png" alt="Teller mit frischem Fleisch, Gemüse und Obst für die Rohfütterung" loading="lazy"></div>
-      <a class="panel panel--ink tone-2 reveal d1" href="ernaehrung.html">
-        <span class="panel-arrow"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6"/></svg></span>
+      <div class="panel panel--sage plate-panel reveal"><img src="https://schmacko-napf.de/wp-content/uploads/2023/06/Barf.png" alt="Teller mit frischem Fleisch, Gemüse und Obst für die Rohfütterung" loading="lazy"></div>
+      <a class="panel panel--cream reveal d1" href="ernaehrung.html">
+        <span class="panel-arrow" style="background:var(--ink);border-color:var(--ink)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6"/></svg></span>
         <span class="kicker">Ernährungsberatung</span>
         <h2 class="display">Gesund<br>gefüttert.</h2>
         <p class="big">Individuelle Futterpläne – für jedes Alter, auch bei Magen-Darm- oder Pankreas-Problemen.</p>
@@ -100,19 +100,21 @@
       </a>
     </div>
 
-    <div class="panel panel--sage tone-9 panel--mid panel--center reveal">
+    <div class="panel panel--plain panel--mid panel--center reveal">
       <p class="statement">„Futter ist mehr als nur Nahrung – es ist Fürsorge in Napfform.“</p>
       <span class="statement-by">— Katha</span>
     </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="panel panel--ink 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>
 
     <div class="row">
       <a class="panel panel--photo reveal" href="shop.html">
@@ -130,7 +132,7 @@
     </div>
 
     <div class="row row--wide" id="kontakt">
-      <div class="panel panel--ink tone-3 reveal">
+      <div class="panel panel--ink reveal">
         <span class="kicker">Kontakt</span>
         <h2 class="display">Lass uns<br>sprechen.</h2>
         <div class="contact-links">