Redesign im Stil von crispmtl.com: minimalistisch, Foto-Hero, weniger CTAs

- Hell mit feinen Rasterlinien, breite Versal-Headlines (Archivo Expanded),
  kleine Serifen-Labels, eckige Buttons mit Füll-/Text-Roll-Hover
- Hero: Foto aus dem Salon statt animiertem Hintergrund, eine Headline,
  ein Button; "Termin buchen" oben rechts nur noch als Textlink
- Chrom-Wortmarke, Seidenhintergrund, Laufband, Kreis-Badge, großer
  Schluss-CTA und mobile Buchungsleiste entfernt; deutlich weniger Text
- Neue interaktive Elemente: Menü-Overlay mit Bildwechsel pro Link,
  Team als Namensliste mit Porträt-Wisch-Übergang, Preise als Akkordeon
  mit Team-Thumbnails, Footer mit Fotoraster zwischen den Wörtern
- Bilder aus den echten Salon-Fotos (Logo-Wand), neues Favicon/OG-Bild

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01KBHsCnWNXAB2Le3gAEsivF

datenschutz.html

@@ -5,14 +5,14 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Datenschutz · Amin B. Ahmadi Friseur Salon</title>
     <meta name="robots" content="noindex" />
-    <meta name="theme-color" content="#0a0a0a" />
+    <meta name="theme-color" content="#f5f4f1" />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <script type="module" src="/src/legal.ts"></script>
   </head>
   <body>
-    <main class="legal mx-auto max-w-2xl px-5 py-16 text-bone/70 md:py-24">
-      <a href="./" class="font-mono text-xs uppercase tracking-[0.25em] text-ash no-underline hover:text-bone">← Zur Startseite</a>
-      <h1 class="mt-10 font-serif text-6xl leading-none text-bone md:text-7xl">Datenschutz</h1>
+    <main class="legal mx-auto max-w-2xl px-5 py-16 text-ink/75 md:py-24">
+      <a href="./" class="mini text-ink no-underline">← Zur Startseite</a>
+      <h1 class="display mt-10 text-4xl text-ink md:text-6xl">Datenschutz</h1>
 
       <h2>Verantwortlicher</h2>
       <p>
@@ -61,7 +61,7 @@
         Rheinland-Pfalz.
       </p>
 
-      <p class="mt-12 font-mono text-xs uppercase tracking-[0.2em] text-ash">Stand: September 2026</p>
+      <p class="mini mt-12 text-stone">Stand: September 2026</p>
     </main>
   </body>
 </html>