Design Raster: neue Startseite und alle Unterseiten, echte Fotos, neue Seiten Barber, Neu bei uns, Karriere, Gutscheine; Anfrage mit Braut- und Great-Lengths-Feldern; 301 für Ortsseiten

src/pages/datenschutz.astro

@@ -1,15 +1,16 @@
 ---
 import Base from '../layouts/Base.astro';
-import DraftNote from '../components/DraftNote.astro';
 import { salon } from '../data/site';
 ---
 <Base title="Datenschutz" description="Datenschutzerklärung des Friseur-Team VK in Tostedt: welche Daten die Website und das Anfrageformular verarbeiten." crumbs={[{ name: 'Datenschutz', href: '/datenschutz' }]}>
-  <section class="section legal">
-    <div class="wrap">
-      <p class="label">Rechtliches</p>
-      <h1>Datenschutz</h1>
-      <DraftNote text="Entwurf, der beschreibt, was diese Website technisch tatsächlich tut. Er ersetzt keine Rechtsberatung und muss vor dem Livegang geprüft und mit dem Rechtstexte-Dienst des Salons abgeglichen werden. Dazu gehört auch der Vertrag zur Auftragsverarbeitung mit Heidrich Digital." />
-      <div class="prose">
+  <section class="ph" aria-labelledby="ph-h">
+    <div class="pad">
+      <p class="ph__crumb"><a href="/">Start</a> <span>/ Datenschutz</span></p>
+      <h1 id="ph-h" class="ph__title is-mid"><span class="ini">D</span>atenschutz</h1>
+    </div>
+    <div class="r3 ph__grid">
+      <div class="ab"><p class="note small">Entwurf, der beschreibt, was diese Website technisch tatsächlich tut. Er ersetzt keine Rechtsberatung und muss vor dem Livegang geprüft und mit dem Rechtstexte-Dienst des Salons abgeglichen werden. Dazu gehört auch der Vertrag zur Auftragsverarbeitung mit Heidrich Digital.</p></div>
+      <div class="c prose">
         <h2>Verantwortlich</h2>
         <p>{salon.legalName}, Inhaberin {salon.owner}<br />{salon.street}, {salon.zip} {salon.city}<br />Telefon {salon.phoneIntl}, E-Mail <a href={`mailto:${salon.email}`}>{salon.email}</a></p>
 
@@ -37,12 +38,8 @@ import { salon } from '../data/site';
         <h2>Ihre Rechte</h2>
         <p>Sie haben das Recht auf Auskunft, Berichtigung, Löschung, Einschränkung der Verarbeitung, Datenübertragbarkeit und Widerspruch. Eine Einwilligung können Sie jederzeit für die Zukunft widerrufen. Schreiben Sie dazu an <a href={`mailto:${salon.email}`}>{salon.email}</a>. Außerdem können Sie sich bei einer Datenschutz-Aufsichtsbehörde beschweren, in Niedersachsen bei der Landesbeauftragten für den Datenschutz Niedersachsen.</p>
 
-        <p class="small leise">Stand: Entwurf Oktober 2026</p>
+        <p class="cap">Stand: Entwurf Oktober 2026</p>
       </div>
     </div>
   </section>
 </Base>
-<style>
-  .legal .wrap { display: grid; gap: var(--s-6); }
-  .legal h1 { font-size: var(--fs-h2); }
-</style>