aboutsummaryrefslogtreecommitdiff
path: root/downloads/thai-massage-privacy-first.html
blob: 782632a1a405e7cae55b9b1b477185beb07ec76a (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Thai Massage Kiefersfelden & Kufstein – Termin buchen</title>
<meta name="description" content="Thai Massage in Kiefersfelden und Kufstein. Online buchen über Payhip oder per WhatsApp. Keine Cookies, kein Tracking — Privacy by Design.">
<!-- PRIVACY-FIRST: Zero cookies, zero tracking, zero third-party scripts, no iframes -->
<style>
:root{--gold:#c5a55a;--gold-l:#e8d5a3;--gold-d:#a08838;--dark:#1a1a1a;--dark-s:#2a2722;--cream:#faf6ef;--cream-d:#f0e9db;--text:#333;--text-l:#666;--wa:#25d366;--wa-d:#1da851;--payhip:#5b6eee;--payhip-d:#4457d4;--green:#2d7a3f;--green-l:#e8f5e9;--sh:0 4px 20px rgba(0,0,0,.08);--sh-l:0 8px 40px rgba(0,0,0,.12);--r:12px}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Segoe UI',-apple-system,BlinkMacSystemFont,sans-serif;background:var(--cream);color:var(--text);line-height:1.6}
.pb{background:var(--green-l);color:var(--green);text-align:center;padding:8px 16px;font-size:.82rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:6px;border-bottom:1px solid #c8e6c9}
header{background:var(--dark);color:#fff;position:sticky;top:0;z-index:100;box-shadow:0 2px 10px rgba(0,0,0,.3)}
.hi{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;gap:16px}
.logo{display:flex;align-items:center;gap:10px;font-size:1.3rem;font-weight:700;white-space:nowrap}
.logo span{color:var(--gold)}
.ls{display:flex;gap:8px;flex-wrap:wrap}
.lb{background:var(--dark-s);border:1px solid var(--gold-d);color:#ccc;padding:8px 18px;border-radius:30px;cursor:pointer;font-size:.85rem;transition:all .3s;white-space:nowrap}
.lb:hover{border-color:var(--gold);color:var(--gold-l)}
.lb.active{background:var(--gold);color:var(--dark);border-color:var(--gold);font-weight:600}
.hero{background:linear-gradient(135deg,#1a1a1a 0%,#2d2a22 50%,#1a1a1a 100%);color:#fff;text-align:center;padding:60px 24px 50px;position:relative;overflow:hidden}
.hero::before{content:"🧘";position:absolute;font-size:20rem;opacity:.04;top:50%;left:50%;transform:translate(-50%,-50%)}
.hero h1{font-size:2.4rem;margin-bottom:12px;position:relative}
.hero h1 span{color:var(--gold)}
.hero p{font-size:1.15rem;color:#ddd;max-width:600px;margin:0 auto 28px;position:relative}
.cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;position:relative}
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:50px;font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;border:none;transition:all .3s}
.btn-p{background:var(--gold);color:var(--dark);box-shadow:0 4px 15px rgba(197,165,90,.3)}
.btn-p:hover{background:var(--gold-l);transform:translateY(-2px);box-shadow:0 6px 25px rgba(197,165,90,.5)}
.btn-ph{background:var(--payhip);color:#fff;box-shadow:0 4px 15px rgba(91,110,238,.3)}
.btn-ph:hover{background:var(--payhip-d);transform:translateY(-2px);box-shadow:0 6px 25px rgba(91,110,238,.5)}
.btn-wa{background:var(--wa);color:#fff;box-shadow:0 4px 15px rgba(37,211,102,.3)}
.btn-wa:hover{background:var(--wa-d);transform:translateY(-2px);box-shadow:0 6px 25px rgba(37,211,102,.5)}
.btn-o{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3)}
.btn-o:hover{border-color:var(--gold);color:var(--gold)}
@media(max-width:600px){.hi{flex-direction:column;padding:12px 16px}.ls{width:100%;justify-content:center}.hero h1{font-size:1.7rem}.hero p{font-size:1rem}}
.bs{max-width:900px;margin:-30px auto 0;padding:0 24px 60px;position:relative;z-index:10}
.bc{background:#fff;border-radius:var(--r);box-shadow:var(--sh-l);overflow:hidden}
.bh{background:linear-gradient(135deg,var(--gold-d),var(--gold));color:#fff;padding:20px 32px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.bh h2{font-size:1.3rem;display:flex;align-items:center;gap:10px}
.badge{background:rgba(255,255,255,.2);padding:4px 14px;border-radius:20px;font-size:.85rem}
.bb{padding:40px 32px;background:var(--cream);text-align:center}
.bb h3{font-size:1.4rem;color:var(--dark);margin-bottom:12px}
.bb>p{color:var(--text-l);max-width:500px;margin:0 auto 28px}
.bbtns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:24px}
.bn{font-size:.82rem;color:var(--text-l);margin-top:20px;padding:12px 20px;background:var(--green-l);border-radius:8px;display:inline-block}
.fd{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:28px;flex-wrap:wrap}
.fs{background:#fff;border:1px solid var(--cream-d);border-radius:10px;padding:16px 20px;text-align:center;min-width:140px}
.fs .si{font-size:1.8rem;margin-bottom:6px}
.fs .st{font-weight:600;font-size:.9rem;color:var(--dark)}
.fs .sd{font-size:.76rem;color:var(--text-l);margin-top:4px}
.fa{color:var(--gold);font-size:1.5rem;font-weight:bold}
@media(max-width:600px){.fa{transform:rotate(90deg)}.fs{min-width:80%}}
.ps{max-width:900px;margin:0 auto;padding:40px 24px;text-align:center}
.ps h2{font-size:1.6rem;color:var(--dark);margin-bottom:8px}
.ps h2 span{color:var(--green)}
.ps>p{color:var(--text-l);max-width:600px;margin:0 auto 32px}
.pf{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:24px}
.pc{background:#fff;border-radius:var(--r);padding:24px 20px;box-shadow:var(--sh);text-align:center;border:1px solid var(--cream-d)}
.pc .icon{font-size:2rem;margin-bottom:10px}
.pc h4{font-size:1rem;color:var(--dark);margin-bottom:6px}
.pc p{font-size:.85rem;color:var(--text-l)}
.ss{max-width:1100px;margin:0 auto;padding:40px 24px}
.stt{text-align:center;margin-bottom:32px}
.stt h2{font-size:1.8rem;color:var(--dark)}
.stt p{color:var(--text-l);margin-top:6px}
.sg{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.sc{background:#fff;border-radius:var(--r);box-shadow:var(--sh);overflow:hidden;transition:transform .3s,box-shadow .3s;cursor:pointer}
.sc:hover{transform:translateY(-4px);box-shadow:var(--sh-l)}
.sc .si2{background:linear-gradient(135deg,var(--gold-d),var(--gold));color:#fff;padding:20px;text-align:center;font-size:2rem}
.sbd{padding:20px}
.sbd h3{font-size:1.1rem;color:var(--dark);margin-bottom:6px}
.sbd p{font-size:.9rem;color:var(--text-l);margin-bottom:12px}
.sm{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--cream-d)}
.sm .price{font-size:1.1rem;font-weight:700;color:var(--gold-d)}
.sm .dur{font-size:.85rem;color:var(--text-l)}
.lo{max-width:1100px;margin:0 auto;padding:40px 24px}
.lg{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px}
.lc{background:#fff;border-radius:var(--r);box-shadow:var(--sh);overflow:hidden}
.lch{background:var(--dark);color:#fff;padding:20px 24px;display:flex;align-items:center;justify-content:space-between}
.lch h3{font-size:1.15rem}
.lch .flag{font-size:1.5rem}
.lcb{padding:24px}
.lcb address{font-style:normal;color:var(--text-l);margin-bottom:16px;line-height:1.8}
.ht{width:100%;margin-bottom:20px;border-collapse:collapse}
.ht td{padding:6px 0;font-size:.88rem;color:var(--text-l)}
.ht td:first-child{font-weight:600;color:var(--dark);width:45%}
.ht tr{border-bottom:1px solid var(--cream-d)}
.la{display:flex;gap:10px;flex-wrap:wrap}
.wa-f{position:fixed;bottom:24px;right:24px;width:60px;height:60px;background:var(--wa);border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 4px 20px rgba(37,211,102,.4);z-index:90;transition:transform .3s}
.wa-f:hover{transform:scale(1.1)}
.wa-f svg{width:32px;height:32px;fill:#fff}
.wa-f::after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid var(--wa);animation:wap 2s infinite}
@keyframes wap{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.5);opacity:0}}
@media(max-width:600px){.wa-f{bottom:70px;right:16px;width:52px;height:52px}}
footer{background:var(--dark);color:#aaa;padding:40px 24px 24px}
.fi{max-width:1100px;margin:0 auto}
.fg{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-bottom:28px}
.fc h4{color:var(--gold);margin-bottom:12px;font-size:.95rem}
.fc a{color:#aaa;text-decoration:none;font-size:.88rem;display:block;padding:4px 0;transition:color .2s}
.fc a:hover{color:var(--gold-l)}
.fb{border-top:1px solid #333;padding-top:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.fb p{font-size:.82rem}
.pt{display:inline-flex;align-items:center;gap:6px;color:var(--green);font-size:.82rem;font-weight:500}
.nc{position:fixed;bottom:0;left:0;right:0;background:var(--dark);color:#ccc;padding:10px 24px;text-align:center;font-size:.82rem;z-index:80;border-top:1px solid var(--gold-d);display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .4s}
.nc .x{color:var(--gold);cursor:pointer;font-size:1.1rem;margin-left:12px;opacity:.7;transition:opacity .2s}
.nc .x:hover{opacity:1}
.nc.hidden{transform:translateY(100%)}
.mo{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:200;justify-content:center;align-items:center;padding:20px}
.mo.active{display:flex}
.mb{background:#fff;border-radius:var(--r);max-width:700px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:var(--sh-l)}
.mh{background:var(--dark);color:#fff;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;border-radius:var(--r) var(--r) 0 0}
.mh h3{font-size:1.1rem;color:var(--gold)}
.mh .cl{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0 4px}
.mbd{padding:24px}
.mbd h4{color:var(--dark);margin:16px 0 8px;font-size:1rem}
.mbd p{font-size:.9rem;color:var(--text);margin-bottom:10px}
.mbd ul{padding-left:20px;margin-bottom:12px}
.mbd li{font-size:.88rem;margin-bottom:4px}
.ph-t{color:var(--gold-d);font-weight:600;background:var(--cream-d);padding:1px 6px;border-radius:4px;font-size:.85em}
</style>
</head>
<body>

<div class="pb">🔒 Diese Website verwendet keine Cookies und kein Tracking — Privacy by Design</div>

<header><div class="hi">
<div class="logo">🪷 Thai Massage <span>Nico</span></div>
<div class="ls">
<button class="lb active" onclick="switchLocation('kiefersfelden')">🇩🇪 Kiefersfelden</button>
<button class="lb" onclick="switchLocation('kufstein')">🇦🇹 Kufstein</button>
</div>
</div></header>

<section class="hero">
<h1>Thai Massage in <span id="hl">Kiefersfelden</span></h1>
<p>Authentische thailändische Massage — traditionelle Techniken für Körper und Seele. Jetzt online buchen oder per WhatsApp anfragen.</p>
<div class="cta">
<a href="#booking" class="btn btn-p">📅 Jetzt Buchen</a>
<a href="#" id="hero-wa" class="btn btn-wa">💬 WhatsApp Anfrage</a>
<a href="tel:+4900000000000" class="btn btn-o">📞 Anrufen</a>
</div>
</section>

<section class="bs" id="booking">
<div class="bc">
<div class="bh"><h2>📅 Online Termin buchen</h2><span class="badge" id="bl-badge">📍 Kiefersfelden</span></div>
<div class="bb">
<h3>Termin in wenigen Klicks</h3>
<p>Sie werden zu unserem externen Buchungssystem weitergeleitet. Dort wählen Sie Behandlung, Datum und Uhrzeit — sicher und unkomplizert.</p>
<div class="bbtns">
<a href="https://payhip.com/your-studio" target="_blank" rel="noopener" class="btn btn-ph">🛒 Über Payhip buchen →</a>
<a href="#" id="booking-wa" class="btn btn-wa">💬 Lieber per WhatsApp?</a>
</div>
<div class="bn">🔒 Buchung erfolgt auf payhip.com — keine Daten auf dieser Website.</div>
<div class="fd">
<div class="fs"><div class="si">🌐</div><div class="st">Diese Website</div><div class="sd">Nur Infos — keine Cookies</div></div>
<div class="fa">→</div>
<div class="fs"><div class="si">🛒</div><div class="st">Payhip</div><div class="sd">Buchung + Zahlung</div></div>
<div class="fa">→</div>
<div class="fs"><div class="si">✅</div><div class="st">Bestätigung</div><div class="sd">Per E-Mail + WhatsApp</div></div>
</div>
</div>
</div>
</section>

<section class="ps">
<h2>🔒 <span>Privacy First</span> — Wir schützen Ihre Daten</h2>
<p>Anders als viele Websites verzichten wir vollständig auf Tracking, Analyse-Tools und Cookies. Ihre Privatsphäre ist uns wichtig.</p>
<div class="pf">
<div class="pc"><div class="icon">🚫</div><h4>Keine Cookies</h4><p>Kein Cookie-Banner nötig — wir setzen keine Cookies.</p></div>
<div class="pc"><div class="icon">📊</div><h4>Kein Tracking</h4><p>Keine Google Analytics, kein Meta Pixel, keine Werbung.</p></div>
<div class="pc"><div class="icon">📝</div><h4>Keine Formulare</h4><p>Buchung läuft über Payhip — keine Datenerfassung hier.</p></div>
<div class="pc"><div class="icon">💬</div><h4>WhatsApp Optional</h4><p>wa.me Link — kein Meta SDK auf dieser Website geladen.</p></div>
</div>
</section>

<section class="ss" id="services">
<div class="stt"><h2>Unsere Behandlungen</h2><p>Klassische und moderne Thai-Massage-Techniken</p></div>
<div class="sg" id="services-grid"></div>
</section>

<section class="lo" id="locations">
<div class="stt"><h2>Unsere Standorte</h2><p>Zwei Studios — eine Qualität</p></div>
<div class="lg" id="locations-grid"></div>
</section>

<a href="#" id="wa-float" class="wa-f" aria-label="WhatsApp schreiben">
<svg viewBox="0 0 24 24"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.149-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.149-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51l-.57-.01c-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-9.138 7.848h-.01c-1.488 0-2.945-.399-4.22-1.154l-.302-.18-3.132.821.836-3.057-.198-.314a8.4 8.4 0 0 1-1.288-4.482c0-4.652 3.789-8.44 8.442-8.44 2.254 0 4.371.879 5.965 2.476a8.39 8.39 0 0 1 2.473 5.968c0 4.652-3.789 8.44-8.44 8.44m7.186-15.626A10.04 10.04 0 0 0 12.32 2C6.586 2 1.926 6.66 1.926 12.395a10.36 10.36 0 0 0 1.388 5.201L1.5 22.5l5.06-1.327a10.04 10.04 0 0 0 4.758 1.213h.004c5.735 0 10.395-4.66 10.395-10.395a10.04 10.04 0 0 0-2.962-7.081"/></svg>
</a>

<footer><div class="fi">
<div class="fg">
<div class="fc"><h4>🪷 Thai Massage Nico</h4><p style="font-size:.85rem;color:#999;">Authentische thailändische Massage in Kiefersfelden & Kufstein.</p></div>
<div class="fc"><h4>Schnellzugriff</h4><a href="#booking">📅 Termin buchen</a><a href="#services">Behandlungen</a><a href="#locations">Standorte</a></div>
<div class="fc"><h4>Rechtliches</h4>
<a href="#" onclick="openModal('impressum');return false;">Impressum</a>
<a href="#" onclick="openModal('datenschutz');return false;">Datenschutzerklärung</a>
<a href="#" onclick="openModal('agb');return false;">AGB</a>
<a href="#" onclick="openModal('widerruf');return false;">Widerrufsbelehrung</a>
</div>
</div>
<div class="fb">
<p>© 2025 Thai Massage Nico. Alle Rechte vorbehalten.</p>
<span class="pt">🔒 Privacy by Design — Keine Cookies, kein Tracking</span>
</div>
</div></footer>

<div class="nc" id="nc">
🔒 Diese Website verwendet keine Cookies. Kein Tracking, keine Werbung.
<a href="#" onclick="openModal('datenschutz');return false;" style="color:var(--gold);text-decoration:underline;font-size:.82rem;">Mehr erfahren</a>
<span class="x" onclick="document.getElementById('nc').classList.add('hidden')">✕</span>
</div>

<!-- MODALS -->
<div class="mo" id="mo-impressum" onclick="if(event.target===this)closeModal('impressum')">
<div class="mb"><div class="mh"><h3>Impressum</h3><button class="cl" onclick="closeModal('impressum')">✕</button></div>
<div class="mbd">
<h4>Angaben gemäß § 5 TMG</h4>
<p><span class="ph-t">[Vor- und Nachname]</span><br><span class="ph-t">[Straße Hausnummer]</span><br><span class="ph-t">[PLZ Ort]</span></p>
<h4>Kontakt</h4>
<p>Telefon: <span class="ph-t">[Telefonnummer]</span><br>E-Mail: <span class="ph-t">[E-Mail-Adresse]</span></p>
<h4>Umsatzsteuer-ID</h4>
<p>USt-IdNr.: <span class="ph-t">[USt-IdNr.]</span></p>
<h4>Berufsbezeichnung</h4>
<p>Heilpraktiker — verliehen in <span class="ph-t">[Land]</span><br>Aufsichtsbehörde: <span class="ph-t">[Behörde]</span></p>
<h4>Streitbeilegung</h4>
<p>Wir sind nicht bereit, an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teilzunehmen.</p>
</div></div>
</div>

<div class="mo" id="mo-datenschutz" onclick="if(event.target===this)closeModal('datenschutz')">
<div class="mb"><div class="mh"><h3>Datenschutzerklärung</h3><button class="cl" onclick="closeModal('datenschutz')">✕</button></div>
<div class="mbd">
<h4>1. Verantwortlicher</h4>
<p><span class="ph-t">[Name]</span>, <span class="ph-t">[Anschrift]</span> — E-Mail: <span class="ph-t">[E-Mail]</span></p>
<h4>2. Keine Cookies, kein Tracking</h4>
<p>Diese Website verwendet <strong>keine Cookies</strong> und <strong>kein Tracking</strong>. Keine Analyse-Tools, keine Werbe-Tools, keine Social-Media-Plugins. Kein Cookie-Banner erforderlich.</p>
<h4>3. Server-Logfiles</h4>
<p>Der Hosting-Provider erhebt technische Daten (IP-Adresse, Browser, Uhrzeit) für Betriebssicherheit (Art. 6 Abs. 1 lit. f DSGVO). Löschung nach <strong>7 Tagen</strong>. IP-Adressen werden anonymisiert.</p>
<h4>4. Externe Buchung (Payhip)</h4>
<p>Buchung erfolgt über externen Link zu <strong>Payhip</strong> (payhip.com). Buchungsdaten werden ausschließlich dort verarbeitet. Kein iFrame, keine Payhip-Skripte auf dieser Website. AVV wurde geschlossen.</p>
<h4>5. WhatsApp (wa.me Link)</h4>
<p>WhatsApp-Button nutzt wa.me-Link. <strong>Kein Meta SDK</strong> auf dieser Website geladen. Verantwortlich: Meta Platforms Ireland Ltd. <a href="https://www.whatsapp.com/legal/privacy-policy" target="_blank" rel="noopener">WhatsApp-Datenschutzerklärung</a>.</p>
<h4>6. Keine Weitergabe an Dritte</h4>
<p>Diese Website erfasst keine personenbezogenen Daten direkt.</p>
<h4>7. Ihre Rechte (Art. 15–21 DSGVO)</h4>
<ul><li>Auskunft</li><li>Berichtigung</li><li>Löschung</li><li>Einschränkung</li><li>Datenübertragbarkeit</li><li>Widerspruch</li></ul>
<h4>8. Beschwerderecht</h4>
<p>BayLDA (Bayerisches Landesamt für Datenschutzaufsicht) / DSB (Datenschutzbehörde Österreich)</p>
</div></div>
</div>

<div class="mo" id="mo-agb" onclick="if(event.target===this)closeModal('agb')">
<div class="mb"><div class="mh"><h3>AGB</h3><button class="cl" onclick="closeModal('agb')">✕</button></div>
<div class="mbd">
<h4>§ 1 Geltungsbereich</h4>
<p>Gelten für alle Buchungen über Payhip, WhatsApp oder Telefon.</p>
<h4>§ 2 Terminbuchung</h4>
<p>Buchung gilt erst mit Bestätigung als verbindlich.</p>
<h4>§ 3 Stornierung</h4>
<p>Bis <span class="ph-t">[24 Stunden]</span> vorher: kostenfrei. Danach: <span class="ph-t">[50%]</span> des Preises.</p>
<h4>§ 4 Gesundheit</h4>
<p>Kunden müssen vor der Behandlung auf gesundheitliche Einschränkungen hinweisen.</p>
<h4>§ 5 Gutscheine</h4>
<p>Gutscheine sind über Payhip erhältlich. Gültigkeit: <span class="ph-t">[3 Jahre]</span>.</p>
<h4>§ 6 Haftung</h4>
<p>Haftung nur bei Vorsatz und grober Fahrlässigkeit.</p>
</div></div>
</div>

<div class="mo" id="mo-widerruf" onclick="if(event.target===this)closeModal('widerruf')">
<div class="mb"><div class="mh"><h3>Widerrufsbelehrung</h3><button class="cl" onclick="closeModal('widerruf')">✕</button></div>
<div class="mbd">
<h4>Widerrufsrecht (Deutschland — § 355 BGB)</h4>
<p>Sie können Ihre Buchung innerhalb von <strong>14 Tagen</strong> widerrufen, ohne Gründe anzugeben.</p>
<h4>Ausnahme (§ 312g Abs. 2 BGB)</h4>
<p>Bei Dienstleistungen, die bereits erbracht wurden (Massage durchgeführt), erlischt das Widerrufsrecht.</p>
<h4>Widerrufsrecht (