Wartungs-Abo v3: Mindestlaufzeit 12 Monate

- Bedingungen § 8: 12 Monate ab Leistungsbeginn, Kuendigung zum Ende bis
  1 Monat vorher, danach monatlich; Sonderkuendigung bei Geschaeftsaufgabe
  (1 Monat Frist), einvernehmliche Beendigung jederzeit; gilt beidseitig
- Kuendigungslogik computeCancellationDate (Mindestlaufzeit, verpasste
  Frist, Wunschtermin, Geschaeftsaufgabe, Monatsende) + cancelAt gespiegelt
- Stripe-Kundenportal: Kuendigung aus (Stripe kennt keine Mindestlaufzeit)
- Bestellseite, Abo-Karte, Vertragsbestaetigung, Checkout-Text, PDF,
  Leitfaden angepasst; termsVersion 2026-09-25-v3

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

public/abo-bedingungen.html

@@ -36,7 +36,7 @@
     @media print {
       @page { size: A4; margin: 18mm 17mm 18mm;
         @top-left { content: "WEBklar Wartungs-Abo · Vertragsunterlagen"; font: 8pt sans-serif; color: #888; }
-        @top-right { content: "Version 2 · Stand 25.09.2026"; font: 8pt sans-serif; color: #888; }
+        @top-right { content: "Version 3 · Stand 25.09.2026"; font: 8pt sans-serif; color: #888; }
         @bottom-right { content: "Seite " counter(page) " von " counter(pages); font: 8pt sans-serif; color: #888; } }
       body { background: #fff; font-size: 10pt; line-height: 1.45; }
       main { max-width: none; padding: 0; }
@@ -58,7 +58,7 @@
 
   <div class="brand">WEBKLAR</div>
   <h1>Wartungs-Abo</h1>
-  <p class="meta">Vertragsbedingungen mit Leistungsbeschreibung, Widerrufsbelehrung und Auftragsverarbeitungsvertrag · Version 2 · Stand 25.09.2026</p>
+  <p class="meta">Vertragsbedingungen mit Leistungsbeschreibung, Widerrufsbelehrung und Auftragsverarbeitungsvertrag · Version 3 · Stand 25.09.2026</p>
   <p class="screen-only meta"><a href="/WEBklar-Wartungs-Abo-Vertragsunterlagen.pdf">Als PDF herunterladen und ausdrucken</a></p>
 
   <div class="box">
@@ -69,8 +69,8 @@
       <tr><td>Enthalten</td><td>Betrieb und Pflege Ihrer Website bzw. Web-Anwendung · 1 Domain · 1 E-Mail-Postfach · 1 Stunde Arbeitszeit pro Monat</td></tr>
       <tr><td>Stundenkontingent</td><td>1 Stunde je bezahltem Monat; nicht genutzte Zeit bleibt 12 Monate verfügbar. Mehraufwand nur nach Ihrer Freigabe, 100 € pro Stunde.</td></tr>
       <tr><td>Zahlung</td><td>Kreditkarte oder SEPA-Lastschrift über Stripe</td></tr>
-      <tr><td>Laufzeit</td><td>unbestimmt, keine Mindestlaufzeit, jederzeit zum Ende des laufenden Abrechnungsmonats kündbar</td></tr>
-      <tr><td>Kündigen</td><td>project.webklar.com/kuendigen.html (ohne Anmeldung), im Kundenportal oder per E-Mail</td></tr>
+      <tr><td>Laufzeit</td><td>Mindestlaufzeit 12 Monate ab Leistungsbeginn, kündbar zum Ende der Mindestlaufzeit bis einen Monat vorher; danach unbefristet und jederzeit zum Ende des Abrechnungsmonats kündbar. Bei Geschäftsaufgabe Sonderkündigung mit einem Monat Frist.</td></tr>
+      <tr><td>Kündigen</td><td>project.webklar.com/kuendigen.html (ohne Anmeldung) oder per E-Mail</td></tr>
       <tr><td>Widerruf</td><td>Verbraucher können innerhalb von 14 Tagen widerrufen: project.webklar.com/widerrufen.html (siehe Widerrufsbelehrung)</td></tr>
     </table>
   </div>
@@ -210,11 +210,13 @@
 
   <h2 id="p8">§ 8 Laufzeit und Kündigung</h2>
   <ol class="abs">
-    <li>Der Vertrag läuft auf unbestimmte Zeit. Eine Mindestlaufzeit gibt es nicht.</li>
-    <li>Der Kunde kann jederzeit zum Ende des laufenden Abrechnungsmonats kündigen. Bis dahin bleiben alle Leistungen verfügbar. Die Gebühr für den laufenden Monat wird nicht anteilig erstattet.</li>
-    <li>Wir können mit einer Frist von einem Monat zum Ende eines Abrechnungsmonats kündigen.</li>
-    <li>Der Kunde kann über die Schaltfläche „Verträge hier kündigen“ unter project.webklar.com/kuendigen.html kündigen (ohne Anmeldung), im Kundenportal unter „Abo verwalten“ oder in Textform, etwa per E-Mail.</li>
+    <li>Der Vertrag hat eine Mindestlaufzeit von zwölf Monaten ab Leistungsbeginn, bei sofortigem Beginn also ab Vertragsschluss, sonst ab Ablauf der Widerrufsfrist.</li>
+    <li>Beide Seiten können zum Ende der Mindestlaufzeit mit einer Frist von einem Monat kündigen. Wird nicht fristgerecht gekündigt, läuft der Vertrag auf unbestimmte Zeit weiter.</li>
+    <li>Nach Ablauf der Mindestlaufzeit kann der Kunde jederzeit zum Ende des laufenden Abrechnungsmonats kündigen. Wir können dann mit einer Frist von einem Monat zum Ende eines Abrechnungsmonats kündigen.</li>
+    <li>Gibt der Kunde den Geschäftsbetrieb, für den die Website bestimmt ist, dauerhaft auf, kann er auch während der Mindestlaufzeit mit einer Frist von einem Monat zum Ende eines Abrechnungsmonats kündigen. Auf Verlangen weist er die Geschäftsaufgabe nach, etwa durch die Gewerbeabmeldung.</li>
+    <li>Eine vorzeitige Beendigung im gegenseitigen Einvernehmen ist jederzeit möglich.</li>
     <li>Das Recht zur außerordentlichen Kündigung aus wichtigem Grund bleibt unberührt.</li>
+    <li>Der Kunde kann über die Schaltfläche „Verträge hier kündigen“ unter project.webklar.com/kuendigen.html kündigen (ohne Anmeldung) oder in Textform, etwa per E-Mail. Den Zeitpunkt, zu dem der Vertrag endet, bestätigen wir unverzüglich per E-Mail. Bis dahin bleiben alle Leistungen verfügbar. Die Gebühr für den laufenden Monat wird nicht anteilig erstattet.</li>
   </ol>
 
   <h2 id="p9">§ 9 Vertragsende</h2>

public/app.js

@@ -613,13 +613,13 @@ function renderAboOffer(card, data, { ended } = {}) {
         <p class="abo-kicker">${ended ? 'Ihr Abo ist beendet' : 'Rundum versorgt'}</p>
         <h2 class="abo-title">Wartungs-Abo</h2>
       </div>
-      <div class="abo-price"><strong>50 €</strong><span>pro Monat · monatlich kündbar</span></div>
+      <div class="abo-price"><strong>50 €</strong><span>pro Monat · 12 Monate Mindestlaufzeit</span></div>
     </div>
     ${aboFeaturesHtml()}
     <div class="abo-actions">
       <button type="button" class="abo-btn" id="abo-start" ${available ? '' : 'disabled'}>Abo abschließen</button>
       <span class="abo-note">${available
-        ? 'Keine Mindestlaufzeit. Zahlung per Kreditkarte oder SEPA-Lastschrift. Gemäß § 19 UStG ohne Umsatzsteuer.'
+        ? 'Mindestlaufzeit 12 Monate, danach monatlich kündbar. Zahlung per Kreditkarte oder SEPA-Lastschrift. Gemäß § 19 UStG ohne Umsatzsteuer.'
         : 'Die Online-Bestellung wird gerade eingerichtet – schreiben Sie uns gern im Chat.'}</span>
     </div>
     <div class="abo-order hidden" id="abo-order">
@@ -642,7 +642,7 @@ function renderAboOffer(card, data, { ended } = {}) {
           <tr><td>Leistung</td><td>WEBklar Wartungs-Abo: Betrieb &amp; Pflege Ihrer Website bzw. Web-Anwendung, 1 Domain, 1 E-Mail-Postfach (5 GB), 1 Stunde Arbeitszeit je bezahltem Monat (12 Monate nutzbar)</td></tr>
           <tr><td>Preis</td><td><strong>50,00 € pro Monat</strong> (Gesamtpreis, gemäß § 19 UStG ohne Umsatzsteuer), keine weiteren Kosten</td></tr>
           <tr><td>Abrechnung</td><td>monatlich im Voraus, erstmals zum Leistungsbeginn</td></tr>
-          <tr><td>Laufzeit</td><td>unbestimmt, keine Mindestlaufzeit, jederzeit zum Ende des Abrechnungsmonats kündbar</td></tr>
+          <tr><td>Laufzeit</td><td><strong>Mindestlaufzeit 12 Monate</strong> ab Leistungsbeginn, kündbar zum Ende der Mindestlaufzeit bis einen Monat vorher; danach unbefristet und jederzeit zum Ende des Abrechnungsmonats kündbar</td></tr>
           <tr><td>Zahlung</td><td>Kreditkarte oder SEPA-Lastschrift über Stripe</td></tr>
           <tr><td>Anbieter</td><td>WEBklar GbR, Am Schwimmbad 10, 67722 Winnweiler · Telefon 0176 23726355 · kenso.gri@gmail.com</td></tr>
         </table>
@@ -700,7 +700,7 @@ function renderAboActive(card, data) {
   if (sub.serviceStartsAt) {
     statusLine = `<span class="pill pill-muted">beginnt am ${fmtDateShort(sub.serviceStartsAt)}</span>`
   } else if (sub.cancelAtPeriodEnd) {
-    statusLine = `<span class="pill pill-muted">gekündigt zum ${fmtDateShort(sub.currentPeriodEnd)}</span>`
+    statusLine = `<span class="pill pill-muted">gekündigt zum ${fmtDateShort(sub.cancelAt || sub.currentPeriodEnd)}</span>`
   } else if (sub.paymentProblem) {
     statusLine = '<span class="pill pill-red">Zahlung offen</span>'
   } else {
@@ -731,11 +731,12 @@ function renderAboActive(card, data) {
       ${l.nextExpiry ? `<div class="abo-stat"><strong>${fmtHours(l.nextExpiry.minutes)}</strong><span>verfallen am ${fmtDateShort(l.nextExpiry.at)}</span></div>` : ''}
     </div>
     <p class="abo-note">Jeden bezahlten Monat kommt 1 Stunde dazu. Angerechnet wird in 15-Minuten-Schritten, die ältesten Stunden zuerst.
-      Aufträge schicken Sie uns einfach über den Chat.</p>
+      Aufträge schicken Sie uns einfach über den Chat.${sub.minTermEnd && !sub.cancelAtPeriodEnd ? ` Mindestlaufzeit bis ${fmtDateShort(sub.minTermEnd)}, danach monatlich kündbar.` : ''}</p>
     <div class="abo-actions" style="margin-top:14px">
       <button type="button" class="portal-btn-outline" id="abo-manage">${sub.paymentProblem ? 'Zahlungsart aktualisieren' : 'Abo verwalten · Rechnungen'}</button>
       ${sub.withdrawalOpen ? `<a class="abo-withdraw" href="/widerrufen.html">Vertrag widerrufen</a><span class="abo-note">möglich bis ${fmtDateShort(sub.withdrawalUntil)}</span>` : ''}
       <a class="abo-note" href="/abo-bedingungen.html" target="_blank" rel="noopener">Leistungen &amp; Bedingungen</a>
+      ${sub.cancelAtPeriodEnd ? '' : '<a class="abo-note" href="/kuendigen.html">Kündigen</a>'}
     </div>
     ${usageRows || creditRows ? `
     <details class="abo-history">

public/kuendigen.html

@@ -16,6 +16,7 @@
       <legend data-label-for="kind" data-label="Art der Kündigung">Art der Kündigung</legend>
       <label class="radio"><input type="radio" name="kind" value="ordentlich" data-text="Ordentliche Kündigung" checked> Ordentliche Kündigung</label>
       <label class="radio"><input type="radio" name="kind" value="ausserordentlich" data-text="Außerordentliche Kündigung"> Außerordentliche Kündigung aus wichtigem Grund</label>
+      <label class="radio"><input type="radio" name="kind" value="geschaeftsaufgabe" data-text="Sonderkündigung wegen Geschäftsaufgabe"> Sonderkündigung wegen Geschäftsaufgabe</label>
     </fieldset>
     <div id="reason-wrap" class="hidden">
       <label for="reason" data-label-for="reason" data-label="Kündigungsgrund">Kündigungsgrund</label>