Übernahmegutschrift und Leitfaden: für beide Abos (Entwurf)

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

docs/leitfaden-empfehlungsgeber.html

@@ -4,21 +4,23 @@
   <meta charset="utf-8">
   <title>Empfehlen für WEBklar – Leitfaden</title>
   <style>
-    @page { size: A4; margin: 13mm 16mm 12mm; }
+    @page { size: A4; margin: 11mm 14mm 10mm; }
     * { box-sizing: border-box; }
-    body { margin: 0; color: #1d1d1f; font: 10pt/1.45 "DejaVu Sans", system-ui, sans-serif; }
+    body { margin: 0; color: #1d1d1f; font: 9.5pt/1.38 "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; }
+    h1 { font-size: 19pt; line-height: 1.15; margin: 2.5mm 0 1.2mm; }
+    .lead { font-size: 10.5pt; color: #444; margin: 0 0 3mm; }
+    h2 { font-size: 12pt; margin: 3.5mm 0 1.5mm; }
+    ol.steps { list-style: none; padding: 0; margin: 0; display: grid; gap: 2mm; }
     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; }
+    .box { border: 1px solid #e0dccf; border-radius: 3mm; padding: 2mm 4mm; margin: 2.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; }
+    .rules li { margin: 1mm 0; }
+    .abos { margin: 1mm 0; padding-left: 4.5mm; }
+    .abos li { margin: 0.8mm 0; }
+    .grid2 { display: grid; grid-template-columns: 1fr 1.2fr; gap: 4mm; }
     .muted { color: #666; font-size: 9pt; }
     .contact { font-size: 10pt; }
     .do::marker { content: "✓  "; color: #2f7d3b; }
@@ -39,14 +41,22 @@
       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>
+      Beratung, Angebot und Website übernehmen wir. Für das Hosting- oder Wartungs-Abo bekommt der Kunde von uns einen Zugang zum Kundenportal
+      und schließt es dort im Bereich „Verträge“ <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, Mindestlaufzeit 12 Monate, danach 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).
+    <strong>Unsere Abos auf einen Blick</strong> · beide mit Mindestlaufzeit 12 Monate, danach monatlich kündbar
+    <ul class="abos">
+      <li><b>Hosting-Abo, 15,00 € pro Monat</b> (Endpreis, gemäß § 19 UStG ohne Umsatzsteuer): nur statische Websites; 1 Domain,
+        1 E-Mail-Postfach mit 5 GB; keine Pflege der Website und keine Arbeitszeit.</li>
+      <li><b>Wartungs-Abo, 50,00 € pro Monat</b> (Endpreis, gemäß § 19 UStG ohne Umsatzsteuer): alle Websites und Web-Anwendungen; Betrieb und Pflege,
+        1 Domain, beliebig viele Postfächer mit zusammen 5 GB, 1 Stunde Arbeitszeit pro Monat (sammelt sich an, 12 Monate gültig).</li>
+      <li><b>In beiden Abos:</b> E-Mail-Zusatzspeicher je 5 GB für 1,00 € pro Monat (Endpreis, gemäß § 19 UStG ohne Umsatzsteuer) und die
+        Übernahmegutschrift, wenn der Kunde Domain, Hosting oder E-Mail beim bisherigen Anbieter im Voraus bezahlt hat (nach Prüfung, anteilig).</li>
+      <li><b>Wechsel</b> vom Hosting- ins Wartungs-Abo im Kundenportal unter „Verträge“ (Hosting-Abo läuft, nicht gekündigt, keine offene Zahlung);
+        es beginnt eine neue Mindestlaufzeit von 12 Monaten.</li>
+    </ul>
     Alle Details stehen in den Abo-Bedingungen: project.webklar.com/abo-bedingungen.html
   </div>
 
@@ -61,7 +71,7 @@
     </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">Keine Zusagen zu Preisen, Rabatten, Terminen oder Leistungen, die nicht auf webklar.com, in den Abo-Bedingungen 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>