fix: Chevron-Spitze zwischen Hero und Problem wiederhergestellt

Navy-Dreieck ragt von unten in den Hero hinein (negative margin),
erzeugt sauberen spitzen Uebergang zwischen Video-Hero und
dunkler Problem-Section.

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

vorschau/css/style.css

@@ -101,6 +101,7 @@ a { color:inherit; text-decoration:none; }
 .divider svg { display:block; width:100%; height:auto; }
 .divider-chevron { background:var(--alt-solid); }
 .divider-chevron-dark { background:var(--navy); }
+.divider-chevron-into-hero { margin-top:-60px; position:relative; z-index:2; }
 .divider-diagonal { background:var(--base); }
 .divider-diagonal-dark { background:var(--base); }
 .divider-gradient-alt-to-base { height:40px; background:linear-gradient(to bottom, var(--alt-solid), var(--base)); }

vorschau/index.html

@@ -102,6 +102,15 @@
     </section>
 
     </div>
+n    <!-- Chevron: Hero -> Problem -->
+    <div class="divider" style="background:var(--navy);line-height:0">
+        <svg viewBox="0 0 1440 60" preserveAspectRatio="none"><path d="M0,0 L720,60 L1440,0 Z" fill="#0A1832" /><rect y="0" width="1440" height="1" fill="#1a2d4a" opacity="0.3"/></svg>
+    </div>
+
+    <!-- Chevron: Hero -> Problem -->
+    <div class="divider divider-chevron-into-hero">
+        <svg viewBox="0 0 1440 60" preserveAspectRatio="none"><path d="M0,60 L720,0 L1440,60 L1440,60 L0,60 Z" fill="#0A1832"/></svg>
+    </div>
 
     <!-- Problem Statement (dark) -->
     <section class="section section-dark" id="problem">