Vorschau: Helligkeits-Tonleiter fuer helle Sections + Contact als heller Akzent

- Vier Tonstufen (--tone-1 bis --tone-4) fuer Problem, Workflow, Demos, Contact: Seite atmet beim Scrollen sanft von hell nach kuehler
- Contact in hellem Blau-Grau-Weiss (#ECF2F9) als frischer Akzent vor dem dunklen Trust
- Divider-Uebergaenge per Adjacent-Sibling an die neuen Tonstufen angepasst
- Trust und Contact in Page-Reihenfolge zurueckgetauscht: Contact vor Trust (Trust bleibt visueller Schluss-Anker), Navbar-Reihenfolge bleibt aber Funktionen-Live-Lagebilder-Ueber-uns-Kontakt
- Subpixel-Luecke unter dem Diagonal-Divider Contact->Trust mit margin-top:-1px geschlossen

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

vorschau/index.html

@@ -365,7 +365,19 @@
         </div>
     </section>
 
-    <!-- Diagonal: Demos -> Trust -->
+    <!-- Gradient: Demos -> Contact -->
+    <div class="divider"></div>
+
+    <!-- Contact CTA -->
+    <section class="section section-base" id="contact">
+        <div class="container cta-container">
+            <h2 class="section-title">Interesse am AegisSight Monitor?</h2>
+            <p class="cta-text">Sprechen Sie mit uns über Ihren Einsatzfall.</p>
+            <button class="btn btn-primary btn-lg" onclick="openContactModal()">Kontakt aufnehmen</button>
+        </div>
+    </section>
+
+    <!-- Diagonal: Contact -> Trust -->
     <div class="divider divider-diagonal-dark">
         <svg viewBox="0 0 1440 60" preserveAspectRatio="none"><path d="M0,60 L1440,0 L1440,60 Z" fill="#132844"/></svg>
     </div>
@@ -407,23 +419,6 @@
         </div>
     </section>
 
-    <!-- Gradient: Trust -> Contact -->
-    <div class="divider divider-gradient-dark-to-base"></div>
-
-    <!-- Contact CTA -->
-    <section class="section section-base" id="contact">
-        <div class="container cta-container">
-            <h2 class="section-title">Interesse am AegisSight Monitor?</h2>
-            <p class="cta-text">Sprechen Sie mit uns über Ihren Einsatzfall.</p>
-            <button class="btn btn-primary btn-lg" onclick="openContactModal()">Kontakt aufnehmen</button>
-        </div>
-    </section>
-
-    <!-- Diagonal: Contact -> Footer -->
-    <div class="divider divider-diagonal-dark">
-        <svg viewBox="0 0 1440 60" preserveAspectRatio="none"><path d="M0,60 L1440,0 L1440,60 Z" fill="#0A1832"/></svg>
-    </div>
-
     <!-- Footer -->
     <footer class="footer">
         <div class="container">