<%- include('partials/stitch-head') %>
<% const leg = site.legal || {}; %>
<body class="bg-surface text-on-surface font-body selection:bg-primary/30 selection:text-primary">
<%- include('partials/stitch-nav') %>
<main class="pt-[calc(4.5rem+env(safe-area-inset-top,0px))] md:pt-32 pb-24 min-h-screen botanical-bg">
<%- include('partials/stitch-breadcrumbs') %>
<div class="max-w-screen-2xl mx-auto px-4 sm:px-6 md:px-12">
<header class="mb-12 md:mb-16 max-w-3xl anim-page-head">
<span class="font-label text-primary tracking-[0.3em] uppercase text-[10px] mb-4 block">Rechtliches</span>
<h1 class="font-headline text-3xl sm:text-4xl md:text-6xl lg:text-7xl text-on-surface tracking-tight">Datenschutz</h1>
<p class="mt-6 text-on-surface-variant text-sm leading-relaxed max-w-2xl">
Diese Erklärung informiert über die Verarbeitung personenbezogener Daten bei Nutzung dieser Website. Die Texte sind als Orientierung formuliert — vor Livegang sollten sie an konkretes Hosting, eingesetzte Dienste und Marketing-Tools angepasst und fachlich geprüft werden.
</p>
</header>

<div class="glass-panel rounded-xl p-8 md:p-12 max-w-3xl space-y-12 motion-lift" data-reveal>
<section class="space-y-4" aria-labelledby="ds-verantwortlicher">
<h2 id="ds-verantwortlicher" class="font-headline text-xl md:text-2xl text-on-surface">1. Verantwortlicher</h2>
<p class="text-on-surface-variant text-sm leading-relaxed">
Verantwortlich im Sinne der Datenschutz-Grundverordnung (DSGVO) ist:
</p>
<p class="text-on-surface-variant text-sm leading-relaxed">
<strong class="text-on-surface"><%= leg.liableName %></strong><% if (leg.liableRole) { %>, <%= leg.liableRole %><% } %><br/>
<strong class="text-on-surface"><%= site.brand %></strong><br/>
<%= site.address.line1 %>, <%= site.address.line2 %>, <%= site.address.country %><br/>
Telefon: <%= site.phoneDisplay %> · E-Mail: <a class="text-primary hover:underline underline-offset-4" href="mailto:<%= site.email %>"><%= site.email %></a>
</p>
</section>

<section class="space-y-4" aria-labelledby="ds-allgemein">
<h2 id="ds-allgemein" class="font-headline text-xl md:text-2xl text-on-surface">2. Allgemeine Hinweise</h2>
<p class="text-on-surface-variant text-sm leading-relaxed">
Der Schutz deiner Daten ist uns wichtig. Personenbezogene Daten werden nur verarbeitet, soweit dies zur Bereitstellung einer funktionsfähigen Website, von Inhalten und Leistungen erforderlich ist oder du eingewilligt hast.
</p>
<p class="text-on-surface-variant text-sm leading-relaxed">
<%= leg.hostingProviderLine || "Sofern ein externer Hosting-Dienst genutzt wird, sind dessen Datenschutzhinweise und ggf. ein Auftragsverarbeitungsvertrag zu berücksichtigen." %>
</p>
</section>

<section class="space-y-4" aria-labelledby="ds-serverlogs">
<h2 id="ds-serverlogs" class="font-headline text-xl md:text-2xl text-on-surface">3. Server-Logdateien</h2>
<p class="text-on-surface-variant text-sm leading-relaxed">
Beim Aufruf dieser Website können durch den Hosting-Provider automatisch Informationen in sogenannten Server-Logfiles gespeichert werden (z. B. Browsertyp, Uhrzeit, IP-Adresse). Die Verarbeitung dient der technischen Sicherheit und Stabilität des Dienstes. Rechtsgrundlage ist Art. 6 Abs. 1 lit. f DSGVO.
</p>
</section>

<section class="space-y-4" aria-labelledby="ds-kontakt">
<h2 id="ds-kontakt" class="font-headline text-xl md:text-2xl text-on-surface">4. Kontaktformular</h2>
<p class="text-on-surface-variant text-sm leading-relaxed">
Wenn du uns über das Kontaktformular schreibst, verarbeiten wir die von dir angegebenen Daten (z. B. Name, E-Mail, Nachricht), um deine Anfrage zu bearbeiten. Rechtsgrundlage ist Art. 6 Abs. 1 lit. b DSGVO (Vertragsanbahnung) bzw. lit. f DSGVO (berechtigtes Interesse an der Beantwortung von Anfragen).
</p>
<p class="text-on-surface-variant text-sm leading-relaxed">
Die Daten werden gelöscht, sobald sie für die Erreichung des Zwecks nicht mehr erforderlich sind, sofern keine gesetzlichen Aufbewahrungspflichten entgegenstehen.
</p>
</section>

<section class="space-y-4" aria-labelledby="ds-buchung">
<h2 id="ds-buchung" class="font-headline text-xl md:text-2xl text-on-surface">5. Terminanfrage</h2>
<p class="text-on-surface-variant text-sm leading-relaxed">
Bei einer Terminanfrage über die Website verarbeiten wir die von dir angegebenen Daten (Name, Kontaktdaten, gewünschte Leistung, Terminwunsch, ggf. Notiz), um deinen Wunsch zu prüfen und dich zu kontaktieren. Rechtsgrundlage ist Art. 6 Abs. 1 lit. b DSGVO bzw. lit. f DSGVO.
</p>
</section>

<section class="space-y-4" aria-labelledby="ds-email">
<h2 id="ds-email" class="font-headline text-xl md:text-2xl text-on-surface">6. E-Mail-Versand</h2>
<p class="text-on-surface-variant text-sm leading-relaxed">
Anfragen können per E-Mail (z. B. über SMTP) an uns übermittelt werden. Hierbei werden die Inhalte der Nachricht sowie Metadaten verarbeitet. Ohne konfigurierten SMTP werden Demo-Umgebungen ggf. nur protokolliert — bitte in der Produktion ein sicheres Versand-Setup nutzen und dies hier konkretisieren.
</p>
</section>

<section class="space-y-4" aria-labelledby="ds-rechte">
<h2 id="ds-rechte" class="font-headline text-xl md:text-2xl text-on-surface">7. Deine Rechte</h2>
<p class="text-on-surface-variant text-sm leading-relaxed">
Du hast das Recht auf Auskunft (Art. 15 DSGVO), Berichtigung (Art. 16), Löschung (Art. 17), Einschränkung der Verarbeitung (Art. 18), Datenübertragbarkeit (Art. 20) sowie Widerspruch gegen die Verarbeitung (Art. 21). Außerdem hast du das Recht, dich bei einer Datenschutzaufsichtsbehörde zu beschweren (Art. 77 DSGVO).
</p>
</section>

<section class="space-y-4" aria-labelledby="ds-aenderung">
<h2 id="ds-aenderung" class="font-headline text-xl md:text-2xl text-on-surface">8. Änderung dieser Erklärung</h2>
<p class="text-on-surface-variant text-sm leading-relaxed">
Wir behalten uns vor, diese Datenschutzerklärung anzupassen, damit sie stets den aktuellen rechtlichen Anforderungen entspricht oder Änderungen unseres Angebots abbildet. Es gilt die jeweils veröffentlichte Fassung.
</p>
</section>
</div>

<p class="mt-12 text-center md:text-left anim-fade-soft">
<a href="/" class="inline-flex items-center gap-2 font-label text-[10px] tracking-[0.2em] uppercase text-primary hover:text-secondary transition-colors">
<span class="material-symbols-outlined text-base" aria-hidden="true">arrow_back</span> Zur Startseite
</a>
</p>
</div>
</main>
<%- include('partials/stitch-footer') %>
<%- include('partials/end', { scripts: [] }) %>
