Webklar-Kundenbereich/docs/leitfaden-empfehlungsgeber.html

<!DOCTYPE html>
<html lang="de">
<head>
  <meta charset="utf-8">
  <title>Empfehlen für WEBklar – Leitfaden</title>
  <style>
    @page { size: A4; margin: 10mm 13mm 9mm; }
    * { box-sizing: border-box; }
    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: 19pt; line-height: 1.15; margin: 2.5mm 0 1.2mm; }
    .lead { font-size: 10.5pt; color: #444; margin: 0 0 2.5mm; }
    h2 { font-size: 12pt; margin: 3mm 0 1.2mm; }
    ol.steps { list-style: none; padding: 0; margin: 0; display: grid; gap: 1.5mm; }
    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: 2mm 4mm; margin: 2.5mm 0; background: #faf9f6; }
    .rules { margin: 0; padding-left: 5mm; }
    .rules li { margin: 0.8mm 0; }
    .abos { margin: 1mm 0; padding-left: 4.5mm; }
    .abos li { margin: 0.6mm 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; }
    .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 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>Unsere Abos auf einen Blick</strong> · beide mit Mindestlaufzeit 12 Monate, danach monatlich kündbar
    <ul class="abos">
      <li><b>Hosting-Abo, 20,00 € pro Monat</b> (Endpreis, gemäß § 19 UStG ohne Umsatzsteuer): nur statische Websites (ohne CMS, Login,
        Datenbank oder Formulare); 1 Domain, 1 E-Mail-Postfach mit 5 GB; keine Pflege der Website und kein Stundenkontingent
        (Änderungen nur nach Freigabe, gesondert berechnet).</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 (nicht genutzte Zeit bleibt 12 Monate verfügbar).</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).
        Außerdem kann der Kunde die freiwillige Übernahmegutschrift beantragen, wenn er Domain, Hosting oder E-Mail beim bisherigen Anbieter
        im Voraus bezahlt hat: Nach unserer Prüfung verrechnen wir den doppelt bezahlten Anteil mit seinen Monatsgebühren (keine Auszahlung).</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>

  <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, 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>
  </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 support@webklar.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>