Die zweite Sitzung hat in den Praesentationen des Vaults 83 Stellen
gefunden — und damit auf Loecher in MEINER Wache gezeigt. Ich habe
sie nachgemessen, alle drei waren echt.
LOCH 1 — SIE SAH NUR `server/workspace-*.js`
Also ausgerechnet nicht `workspace.js`, die groesste Datei des
Hauses. Der weitere Filter fand dort sofort drei Stellen:
workspace.js:3404 Kanal „Chat-Moderation" (Protokoll)
workspace.js:3422 „${titel}" -> ${haus} (Protokoll)
workspace.js:3304 „${… || "ohne Titel"}" (siehe Loch 3)
Das ist heute der DRITTE Fall von „die Wache kennt nur die halbe
Menge" — nach pruef-struktur (sah nur die Pruefdateien, nicht die
Anwendung) und pruef-fingermass (sah keine variable Breite).
LOCH 2 — IHR AUSDRUCK GILT JE ZEILE
Ein `„`, das erst in der naechsten Zeile mit einem geraden `"`
schliesst, fiel durch. Gemessen: drei echte Faelle, zwei davon
sichtbarer Seitentext.
workspace/leistung.html „nicht / zugeordnet"
workspace/leistung.html „Backstage-Tabelle / einfuegen"
workspace/assets/js/ampel.js „noch ' + 'verbessern"
Beim letzten laeuft das Zitat ueber eine Zeichenketten-Verkettung.
Neue Regel ohne Fehlalarme: erst alle RICHTIG geschlossenen Paare
entfernen (auch mehrzeilig), dann die einzeilig falschen (die meldet
die alte Regel). Was danach noch ein `„` hat und binnen drei Zeilen
ein gerades `"`, ist ein Fund. Ausgenommen bleibt das Zeichen ALS
WERT — in `content: "„";` und in den Sprachtabellen ist das `„` der
Inhalt und das `"` die Begrenzung.
LOCH 3 — EINE AUSNAHME, DIE EINEN FUND VERSCHLUCKT HAT
Gefunden durch die ZAHL, nicht durch den Blick: Der weitere Filter
liess die Ausnahmen von 12 auf 13 steigen. Die dreizehnte war
`… „${zeile[titelSpalte] || "ohne Titel"}"`
Der Ausdruck blieb am `"` von `"ohne Titel"` haengen; als Inhalt kam
`${zeile[titelSpalte] || ` heraus, das endet auf ein Leerzeichen,
und damit galt „der Satz geht in der naechsten Zeile weiter". Das
echte Schlusszeichen stand hinter dem `}` und war gerade.
Dass die Ausnahmen gezaehlt UND genannt werden, hat ihn gefunden.
Genau dafuer steht die Zeile dort.
Behoben an der Wurzel: Anfuehrungszeichen innerhalb einer Einsetzung
`${…}` werden vorher durch X ersetzt, bei gleicher Laenge und
gleichen Zeilenumbruechen. Das nimmt einer ganzen Sorte
Fehlklassifizierung die Grundlage — die Ausnahmen fielen danach von
13 auf 11.
UND EIN VIERTES, BEIM MESSEN AUFGEFALLEN
`„Van-Van”` in assets/js/data-modis.js schliesst mit U+201D, dem
ENGLISCHEN Zeichen. Zweimal, beide Male in einer DEUTSCHEN Zeile
(`de:` und `"de-CH":`) — nicht einmal eine Uebersetzung, in der es
richtig waere. Eigene Regel dafuer, die keine Ausnahme braucht: Wer
mit `„` oeffnet, schliesst deutsch; in fremdsprachigen Zeilen steht
gar kein `„` am Anfang.
DIE AUSNAHMEZAHL IST JETZT STRENG. Sie stand auf „hoechstens 12" —
damit waere der Anstieg auf 13 nicht aufgefallen. Jetzt genau 11,
wie bei den Grundlinien in pruef-fingermass.
GEPRUEFT: pruef-struktur 68 -> 75 Pruefungen, 0 Fehler. Dazu
leistung-optik 59/0, ampel 47/0, treff 85/0, modi-verborgen 87/0 —
die Seiten, deren Text ich angefasst habe. Steuerzeichen: 830
Dateien, keines. Beide Stempel gesetzt.
Sechs echte Stellen berichtigt, vier neue Gegenproben.
Co-Authored-By: Claude Opus 5 <[email protected]>
151 lines
7.9 KiB
HTML
151 lines
7.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de" data-i18n-titel="wr_titel">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<!-- viewport-fit=cover ist die Voraussetzung dafuer, dass env(safe-area-inset-*)
|
|
ueberhaupt einen Wert liefert. Ohne diese Angabe gibt jedes env() null zurueck
|
|
-- die Sicherheitsabstaende im CSS waeren totes Recht. Zusammen mit
|
|
apple-mobile-web-app-status-bar-style=black-translucent (siehe unten) laeuft
|
|
der Inhalt sonst installiert unter Uhr und Akkuanzeige. -->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
|
|
<title>Vertrag widerrufen — Dogfather Webdesign</title>
|
|
<meta name="description" content="Elektronische Widerrufsfunktion nach § 356a BGB — Vertrag online widerrufen, mit sofortiger Eingangsbestätigung." />
|
|
<meta name="robots" content="noindex, follow" />
|
|
<link rel="icon" type="image/png" href="/assets/img/app-symbole/webdesign-32.png?v=202610011927" />
|
|
<link rel="apple-touch-icon" href="/assets/img/app-symbole/webdesign-180.png?v=202610011927" />
|
|
<link rel="manifest" href="/webdesign/app.webmanifest" />
|
|
<meta name="theme-color" content="#564e95" />
|
|
<link rel="stylesheet" href="/assets/css/main.css?v=202610011927" />
|
|
<link rel="stylesheet" href="/assets/css/webdesign.css?v=202610011927" />
|
|
</head>
|
|
<body class="wd">
|
|
<div id="wd-kopf"></div>
|
|
|
|
<main>
|
|
<section class="wd-abschnitt">
|
|
<div class="wd-container wd-schmal">
|
|
|
|
<span class="wd-eyebrow" data-i18n="wr_eyebrow">Widerruf</span>
|
|
<h1 data-i18n="wr_h1">Vertrag widerrufen</h1>
|
|
<p class="wd-fuehrung" data-i18n="wr_lead">
|
|
Hier kannst du deinen Vertrag ohne Angabe von Gründen widerrufen.
|
|
Du bekommst sofort eine Bestätigung mit Zeitpunkt — zum Speichern und Ausdrucken.
|
|
</p>
|
|
|
|
<!-- Die Belehrung steht ÜBER dem Formular, nicht darunter oder als
|
|
Link. Wer widerrufen will, soll vorher wissen, was gilt — nicht
|
|
erst hinterher nachlesen müssen. -->
|
|
<div class="wd-karte wr-info">
|
|
<h2 class="wr-h2" data-i18n="wr_frist_h">Wie lange habe ich Zeit?</h2>
|
|
<p data-i18n="wr_frist_t">
|
|
Die Widerrufsfrist beträgt <strong>14 Tage</strong> ab dem Tag des Vertragsschlusses.
|
|
Zur Wahrung der Frist reicht es, dass du den Widerruf vor Ablauf der Frist absendest.
|
|
</p>
|
|
<p class="wd-klein wd-leise" data-i18n="wr_frist_hinweis">
|
|
Wichtig bei Dienstleistungen: Wenn du ausdrücklich zugestimmt hast, dass vor Ablauf
|
|
der Frist mit der Arbeit begonnen wird, und bestätigt hast, dass du dadurch dein
|
|
Widerrufsrecht verlierst, erlischt es mit vollständiger Erbringung der Leistung.
|
|
Bis dahin schuldest du bei einem Widerruf nur den Wert dessen, was bis zum Widerruf
|
|
bereits geleistet wurde.
|
|
</p>
|
|
<p><a href="/webdesign/rechtliches.html#widerruf" data-i18n="wr_zur_belehrung">Vollständige Widerrufsbelehrung lesen</a></p>
|
|
</div>
|
|
|
|
<div class="wd-meldung" id="wr-meldung" hidden></div>
|
|
|
|
<!-- ============ SCHRITT 1: ANGABEN ============ -->
|
|
<form class="wd-karte" id="wr-form" novalidate>
|
|
<h2 class="wr-h2" data-i18n="wr_form_h">Deine Angaben</h2>
|
|
<p class="wd-klein wd-leise" data-i18n="wr_form_t">
|
|
Wir brauchen nur drei Dinge: deinen Namen, um welchen Vertrag es geht,
|
|
und wohin die Bestätigung soll.
|
|
</p>
|
|
|
|
<div class="wd-feld" id="wr-feld-name">
|
|
<label for="wr-name"><span data-i18n="wr_name">Dein Name</span><span class="wd-pflicht" aria-hidden="true">*</span></label>
|
|
<input type="text" id="wr-name" name="name" autocomplete="name" maxlength="200" />
|
|
<p class="wd-feld-fehler"></p>
|
|
</div>
|
|
|
|
<div class="wd-feld" id="wr-feld-vertrag">
|
|
<label for="wr-vertrag"><span data-i18n="wr_vertrag">Welcher Vertrag?</span><span class="wd-pflicht" aria-hidden="true">*</span></label>
|
|
<input type="text" id="wr-vertrag" name="vertrag" maxlength="300"
|
|
placeholder="z. B. P-2608-0001 oder „Website für Musterbau“" />
|
|
<span class="wd-feld-hilfe" data-i18n="wr_vertrag_hilfe">
|
|
Die Projektnummer steht in deinem Angebot und im Portal. Eine Beschreibung reicht aber auch.
|
|
</span>
|
|
<p class="wd-feld-fehler"></p>
|
|
</div>
|
|
|
|
<div class="wd-feld" id="wr-feld-kontakt">
|
|
<label for="wr-kontakt"><span data-i18n="wr_kontakt">E-Mail für die Bestätigung</span><span class="wd-pflicht" aria-hidden="true">*</span></label>
|
|
<input type="email" id="wr-kontakt" name="kontakt" autocomplete="email" inputmode="email" maxlength="200" />
|
|
<p class="wd-feld-fehler"></p>
|
|
</div>
|
|
|
|
<div class="wd-feld">
|
|
<label for="wr-betrifft"><span data-i18n="wr_betrifft">Betrifft nur einen Teil?</span> <span class="wd-leise" data-i18n="wr_freiwillig">freiwillig</span></label>
|
|
<input type="text" id="wr-betrifft" name="betrifft" maxlength="300" />
|
|
</div>
|
|
|
|
<!-- Ausdrücklich als freiwillig gekennzeichnet. Ein Widerruf
|
|
braucht KEINE Begründung, und ein Feld, das nach einer
|
|
verlangt, hält Leute davon ab. -->
|
|
<div class="wd-feld">
|
|
<label for="wr-grund"><span data-i18n="wr_grund">Grund</span> <span class="wd-leise" data-i18n="wr_grund_frei">freiwillig — du musst keinen angeben</span></label>
|
|
<textarea id="wr-grund" name="begruendung" rows="3" maxlength="2000"></textarea>
|
|
</div>
|
|
|
|
<div class="wd-btn-reihe">
|
|
<button type="submit" class="wd-btn wd-btn--haupt" id="wr-weiter" data-i18n="wr_weiter">Weiter zur Bestätigung</button>
|
|
</div>
|
|
</form>
|
|
|
|
<!-- ============ SCHRITT 2: BESTÄTIGEN ============
|
|
§ 356a verlangt ausdrücklich eine ZWEITE Schaltfläche mit der
|
|
Aufschrift "Widerruf bestätigen". Ein einstufiges Formular
|
|
würde die Vorschrift nicht erfüllen. -->
|
|
<div class="wd-karte wr-bestaetigen" id="wr-schritt2" hidden>
|
|
<h2 class="wr-h2" data-i18n="wr_pruef_h">Bitte prüfen und bestätigen</h2>
|
|
<p class="wd-klein wd-leise" data-i18n="wr_pruef_t">
|
|
Das schickst du ab. Danach ist der Widerruf erklärt.
|
|
</p>
|
|
<dl class="wr-pruef" id="wr-pruef"></dl>
|
|
<div class="wd-btn-reihe">
|
|
<button type="button" class="wd-btn wd-btn--haupt" id="wr-bestaetigen" data-i18n="wr_bestaetigen">Widerruf bestätigen</button>
|
|
<button type="button" class="wd-btn wd-btn--still" id="wr-zurueck" data-i18n="wr_aendern">Angaben ändern</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ============ SCHRITT 3: EINGANGSBESTÄTIGUNG ============ -->
|
|
<div class="wd-karte wr-fertig" id="wr-schritt3" hidden>
|
|
<div class="wr-haken" aria-hidden="true">✓</div>
|
|
<h2 class="wr-h2" data-i18n="wr_fertig_h">Dein Widerruf ist eingegangen</h2>
|
|
<p data-i18n="wr_fertig_t">
|
|
Das hier ist deine Eingangsbestätigung. Speichere oder drucke sie —
|
|
sie ist dein Nachweis, dass du rechtzeitig widerrufen hast.
|
|
</p>
|
|
<div class="wr-beleg" id="wr-beleg"></div>
|
|
<div class="wd-btn-reihe wr-nicht-drucken">
|
|
<button type="button" class="wd-btn wd-btn--haupt" id="wr-drucken" data-i18n="wr_drucken">Bestätigung drucken oder als PDF sichern</button>
|
|
<a class="wd-btn wd-btn--still" href="/webdesign/" data-i18n="wr_zurueck_start">Zur Startseite</a>
|
|
</div>
|
|
</div>
|
|
|
|
<p class="wd-klein wd-leise wr-nicht-drucken" style="margin-top:1.4rem" data-i18n="wr_alternativ">
|
|
Du kannst den Widerruf auch formlos per E-Mail erklären — dieses Formular ist nur der
|
|
bequemere Weg, kein vorgeschriebener.
|
|
</p>
|
|
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<div id="wd-fuss"></div>
|
|
|
|
<script src="/assets/js/i18n-wd-widerruf.js?v=202610011927"></script>
|
|
<script src="/assets/js/wd-core.js?v=202610011927"></script>
|
|
<script src="/assets/js/wd-widerruf.js?v=202610011927"></script>
|
|
</body>
|
|
</html>
|