ENTWURF Vertragsunterlagen v2, Datenschutzerklaerung, Leitfaden Empfehlungsgeber

Noch nicht freigegeben, nicht nach main pushen. Enthaelt amtliche
Muster-Widerrufsbelehrung (Fassung ab 19.06.2026), AVV mit TOM und
Unterauftragsverarbeitern, Stundenkontingent statt Guthaben, Wahl des
Leistungsbeginns, Sperre erst ab 100 EUR, Hetzner-Backup-Formulierung.
Platzhalter: E-Mail-Anbieter und Postfachgroesse.

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

docs/leitfaden-empfehlungsgeber.html

@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+  <meta charset="utf-8">
+  <title>Empfehlen für WEBklar – Leitfaden</title>
+  <style>
+    @page { size: A4; margin: 13mm 16mm 12mm; }
+    * { box-sizing: border-box; }
+    body { margin: 0; color: #1d1d1f; font: 10pt/1.45 "DejaVu Sans", system-ui, sans-serif; }
+    .brand { font-weight: 800; letter-spacing: 0.12em; font-size: 10pt; color: #6d1fd1; }
+    h1 { font-size: 20pt; line-height: 1.15; margin: 3mm 0 1.5mm; }
+    .lead { font-size: 10.5pt; color: #444; margin: 0 0 4mm; }
+    h2 { font-size: 12pt; margin: 4.5mm 0 2mm; }
+    ol.steps { list-style: none; padding: 0; margin: 0; display: grid; gap: 3mm; }
+    ol.steps li { display: grid; grid-template-columns: 9mm 1fr; gap: 3mm; align-items: start; }
+    .num { width: 8mm; height: 8mm; border-radius: 50%; background: #6d1fd1; color: #fff; font-weight: 700; display: flex; align-items: center; justify-content: center; }
+    ol.steps strong { display: block; }
+    .box { border: 1px solid #e0dccf; border-radius: 3mm; padding: 3mm 4mm; margin: 3.5mm 0; background: #faf9f6; }
+    .rules { margin: 0; padding-left: 5mm; }
+    .rules li { margin: 1.4mm 0; }
+    .grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 4mm; }
+    .muted { color: #666; font-size: 9pt; }
+    .contact { font-size: 10pt; }
+    .do::marker { content: "✓  "; color: #2f7d3b; }
+    .dont::marker { content: "✗  "; color: #b3261e; }
+  </style>
+</head>
+<body>
+  <div class="brand">WEBKLAR</div>
+  <h1>Empfehlen für WEBklar</h1>
+  <p class="lead">Danke, dass du uns weiterempfiehlst! Hier steht auf einer Seite, wie das am einfachsten läuft
+    und worauf du achten solltest.</p>
+
+  <h2>So läuft es ab</h2>
+  <ol class="steps">
+    <li><span class="num">1</span><div><strong>Erzähl von uns</strong>
+      Wir bauen Websites für Betriebe und betreuen sie danach. Beispiele und Kontakt findest du auf <b>webklar.com</b>.</div></li>
+    <li><span class="num">2</span><div><strong>Kontakt herstellen, aber nur mit Einverständnis</strong>
+      Frag den Betrieb, ob du seine Kontaktdaten an uns weitergeben darfst. Oder gib ihm unsere Kontaktdaten (unten).
+      Schick uns dann Name des Betriebs, Ansprechpartner, Telefon oder E-Mail, worum es kurz geht, und dass er mit der Weitergabe einverstanden ist.</div></li>
+    <li><span class="num">3</span><div><strong>Den Rest machen wir</strong>
+      Beratung, Angebot und Website übernehmen wir. Für das Wartungs-Abo bekommt der Kunde von uns einen Zugang zum Kundenportal
+      und schließt es dort <b>selbst online</b> ab: ohne Unterschrift, ohne Termin, Zahlung sicher über Stripe.</div></li>
+  </ol>
+
+  <div class="box">
+    <strong>Das Wartungs-Abo auf einen Blick</strong><br>
+    50 € pro Monat, ohne Mindestlaufzeit, monatlich kündbar. Enthalten sind Betrieb und Pflege der Website,
+    1 Domain, 1 E-Mail-Postfach und 1 Stunde Arbeitszeit pro Monat (sammelt sich an, jede Stunde 12 Monate gültig).
+    Alle Details stehen in den Abo-Bedingungen: project.webklar.com/abo-bedingungen.html
+  </div>
+
+  <h2>Bitte beachten</h2>
+  <p class="muted" style="margin-top:0">Wichtig, weil wir als Firma für Werbung haften, die in unserem Namen gemacht wird.</p>
+  <div class="grid2">
+    <ul class="rules">
+      <li class="do">Persönlich empfehlen, im Gespräch, im Bekanntenkreis, unter Kollegen.</li>
+      <li class="do">Interessenten an uns verweisen, bei allen Fragen zu Preis, Leistung und Vertrag.</li>
+      <li class="do">Kontaktdaten nur weitergeben, wenn der Betrieb einverstanden ist.</li>
+      <li class="do">In Social Media gern von uns erzählen. Bekommst du dafür etwas, muss der Beitrag als Werbung gekennzeichnet sein.</li>
+    </ul>
+    <ul class="rules">
+      <li class="dont">Keine Werbe-E-Mails, WhatsApp- oder SMS-Nachrichten und keine Werbeanrufe an Leute, die dem nicht zugestimmt haben.</li>
+      <li class="dont">Keine Zusagen zu Preisen, Rabatten, Terminen oder Leistungen, die nicht auf webklar.com oder in unserem Angebot stehen.</li>
+      <li class="dont">Nichts für WEBklar unterschreiben, keine Verträge abschließen, kein Geld annehmen.</li>
+      <li class="dont">Kundendaten nicht sammeln, speichern oder anders verwenden.</li>
+    </ul>
+  </div>
+
+  <div class="box contact">
+    <strong>Kontakt für Interessenten und für dich</strong><br>
+    WEBklar GbR · Kenso Grimm · Telefon 0176 23726355 · E-Mail kenso.gri@gmail.com · webklar.com
+  </div>
+  <p class="muted">WEBklar GbR, Am Schwimmbad 10, 67722 Winnweiler. Empfehlen ist freiwillig und unentgeltlich. Du handelst dabei nicht als unser Vertreter.</p>
+</body>
+</html>