Anker: scroll-margin-top von 6rem für section[id]

Sprünge zu #features, #services, #process und #contact landeten unter
dem fixen Header; die Sektionen halten jetzt 6rem Abstand nach oben.

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

src/index.css

@@ -146,6 +146,11 @@
     scroll-behavior: smooth;
   }
 
+  /* Anker-Ziele (#features, #services, #process, #contact) nicht unter dem fixen Header landen lassen */
+  section[id] {
+    scroll-margin-top: 6rem;
+  }
+
   body {
     @apply bg-background text-foreground antialiased;
     font-family: 'Inter', system-ui, sans-serif;

src/test/sofort-paket.test.tsx

@@ -450,3 +450,9 @@ describe("C3 Seitentitel und Beschreibung der Unterseiten", () => {
     expect(document.title).toBe("Seite nicht gefunden | WEBklar");
   });
 });
+
+describe("A5 Anker landen nicht unter dem fixen Header", () => {
+  it("section[id] hat ein scroll-margin-top von etwa 6rem", () => {
+    expect(lies("src/index.css")).toMatch(/section\[id\]\s*\{[^}]*scroll-margin-top:\s*6rem/);
+  });
+});