Jede Fläche in eigenem Grünton

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--cream reveal">
+      <div class="panel panel--ink tone-4 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 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>
+      <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>
         <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,12 +100,12 @@
       </a>
     </div>
 
-    <div class="panel panel--plain panel--mid panel--center reveal">
+    <div class="panel panel--sage tone-9 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>
 
-    <div class="panel panel--ink panel--auto reveal">
+    <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>
@@ -132,7 +132,7 @@
     </div>
 
     <div class="row row--wide" id="kontakt">
-      <div class="panel panel--ink reveal">
+      <div class="panel panel--ink tone-3 reveal">
         <span class="kicker">Kontakt</span>
         <h2 class="display">Lass uns<br>sprechen.</h2>
         <div class="contact-links">