Kundenansicht neu P7: Kündigen und Widerrufen in du (Fassung 6, C14)

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
ClaudeandClaude Sonnet 5.5 committed 2026-10-16 20:24:31 +00:00
1 parent 9166e023c5
commit 036bf4b0b9
6 files changed
+145 -11

No files matched your search

+5 -5
View File
@@ -15,7 +15,7 @@
<div class="kn-markenzeile">WEBKLAR</div>
<h1>Verträge hier kündigen</h1>
<form id="decl-form" class="kn-formular" novalidate>
<form id="decl-form" data-anrede="du" class="kn-formular" novalidate>
<!-- § 312k Abs. 3 BGB: eindeutige Bezeichnung des Vertrags - das Abo (mit Zusatzspeicher) oder nur der Zusatzspeicher -->
<fieldset>
<legend data-label-for="contract" data-label="Vertrag">Vertrag</legend>
@@ -23,9 +23,9 @@
<label class="kn-auswahl"><input type="radio" name="contract" value="zusatzspeicher" data-text="Nur den E-Mail-Zusatzspeicher"> Nur den E-Mail-Zusatzspeicher</label>
</fieldset>
<div id="packages-wrap" class="hidden">
<label for="packages" data-label-for="packages" data-label="Pakete">Zahl der Pakete, die Sie kündigen <small>(je 5 GB; leer = alle gebuchten Pakete)</small></label>
<label for="packages" data-label-for="packages" data-label="Pakete">Zahl der Pakete, die du kündigst <small>(je 5 GB; leer = alle gebuchten Pakete)</small></label>
<input id="packages" name="packages" type="number" inputmode="numeric" min="1" max="10" step="1" placeholder="alle">
<p class="kn-hinweis">Die Kündigung des Zusatzspeichers wirkt zum Ende des laufenden Abrechnungsmonats. Das geht auch, wenn Ihr Abo schon gekündigt ist.</p>
<p class="kn-hinweis">Die Kündigung des Zusatzspeichers wirkt zum Ende des laufenden Abrechnungsmonats. Das geht auch, wenn dein Abo schon gekündigt ist.</p>
</div>
<fieldset>
@@ -60,10 +60,10 @@
</form>
<div id="done" class="kn-bestaetigung hidden">
<h2>Ihre Kündigung ist eingegangen</h2>
<h2>Deine Kündigung ist eingegangen</h2>
<p>Eingang: <strong id="done-at"></strong></p>
<dl id="done-list"></dl>
<p>Eine Eingangsbestätigung mit diesen Angaben haben wir an Ihre E-Mail-Adresse geschickt. Den Zeitpunkt, zu dem die Kündigung wirkt, bestätigen wir Ihnen per E-Mail.</p>
<p>Eine Eingangsbestätigung mit diesen Angaben haben wir an deine E-Mail-Adresse geschickt. Den Zeitpunkt, zu dem die Kündigung wirkt, bestätigen wir dir per E-Mail.</p>
<button type="button" class="kn-drucken" id="print-btn">Diese Bestätigung drucken oder als PDF speichern</button>
</div>
</main>
+3 -3
View File
@@ -15,7 +15,7 @@
<div class="kn-markenzeile">WEBKLAR</div>
<h1>Vertrag widerrufen</h1>
<form id="decl-form" class="kn-formular" novalidate>
<form id="decl-form" data-anrede="du" class="kn-formular" novalidate>
<!-- § 356a BGB: welche Bestellung widerrufen wird (jede hat ihre eigene Widerrufsfrist) -->
<fieldset>
<legend data-label-for="order" data-label="Vertrag">Vertrag</legend>
@@ -49,10 +49,10 @@
</form>
<div id="done" class="kn-bestaetigung hidden">
<h2>Ihr Widerruf ist bei uns eingegangen</h2>
<h2>Dein Widerruf ist bei uns eingegangen</h2>
<p>Eingang: <strong id="done-at"></strong></p>
<dl id="done-list"></dl>
<p>Eine Eingangsbestätigung mit diesen Angaben haben wir an Ihre E-Mail-Adresse geschickt.</p>
<p>Eine Eingangsbestätigung mit diesen Angaben haben wir an deine E-Mail-Adresse geschickt.</p>
<button type="button" class="kn-drucken" id="print-btn">Diese Bestätigung drucken oder als PDF speichern</button>
</div>
</main>