Bitte benutzen Sie diesen Vordruck nur, wenn Sie tatsächlich nicht für die abgemahnte Verletzung verantwortlich sind. Sollte dies doch der Fall sein, oder wenn Sie sich nicht sicher sind, dann suchen Sie bitte einen Anwalt auf.

Unrichtige Angaben zum Sachverhalt können Ihnen vor Gericht belastend ausgelegt werden. Dadurch können erhebliche Kosten entstehen.

@@ -38,7 +38,7 @@

✓

Schritt 1: Fakten sammeln

Bevor wir loslegen, sammeln wir alle Informationen ein, die der abmahnenden Kanzlei verdeutlichen, warum die Abmahnung unberechtigt ist.

@@ -74,7 +74,7 @@

✓

Schritt 2: Daten des Abgemahnten

Debug: pre-fill

@@ -100,7 +100,7 @@

✓

Schritt 3: Daten der Abmahner

Ist der Abmahner eine der folgenden Kanzleien? Dann können wir die Adresse gleich per Click übernehmen.

@@ -130,7 +130,7 @@

✓

Schritt 4: Aktenzeichen und Datum

Der Abmahner hat Ihnen ein Aktenzeichen zugeordnet. Dies muss im Schreiben auftauchen, um die Antwort der Abmahnung zuordnen zu können.

@@ -150,7 +150,7 @@

✓

Schritt 5: Antwortschreiben erzeugen

Wir haben nun alle Informationen, um das Antwortschreiben erzeugen zu können:

@@ -160,9 +160,9 @@

Drucken Sie das Schreiben aus und schicken Sie es per Post an die abmahnende Kanzlei. Optional können Sie zur Wahrung der Frist das Schreiben auch vorab faxen.

Und jetzt?

Nimmt die abmahnende Kanzlei ihre Forderung nicht innerhalb unserer Frist (14 Tage) zurück, steht Ihnen eine gerichtliche Klärung zu.

diff --git a/js/abmahn.js b/js/abmahn.js index 353111b..6b26e0b 100644 --- a/js/abmahn.js +++ b/js/abmahn.js @@ -12,14 +12,22 @@ function setText(input, text) { document.getElementById(input).value = text; } -function step0_done() { document.getElementById('wrapper').className = 'wrapper step1'; } -function step1_cancel() { document.getElementById('wrapper').className = 'wrapper stepcancel'; } -function step1_done() { document.getElementById('wrapper').className = 'wrapper step2'; } -function step2_done() { document.getElementById('wrapper').className = 'wrapper step3'; } -function step3_done() { document.getElementById('wrapper').className = 'wrapper step4'; } -function step4_done() { document.getElementById('wrapper').className = 'wrapper step5'; } -function step5_done() { document.getElementById('wrapper').className = 'wrapper step6'; } -function step6_done() { document.getElementById('wrapper').className = 'wrapper step7'; } +function scroll(id) { + document.getElementById(id).scrollIntoView(); +} + +function setClass(id, classes) { + document.getElementById(id).className = classes; +} + +function step0_cancel() { setClass('wrapper', 'stepcancel'); } +function step0_done() { setClass('wrapper', 'step1'); scroll('head1'); } +function step1_done() { setClass('wrapper', 'step2'); scroll('head1'); } +function step2_done() { setClass('wrapper', 'step3'); scroll('head2'); } +function step3_done() { setClass('wrapper', 'step4'); scroll('head3'); } +function step4_done() { setClass('wrapper', 'step5'); scroll('head4'); } +function step5_done() { setClass('wrapper', 'step6'); scroll('head5'); } +function step6_done() { setClass('wrapper', 'step7'); scroll('head6'); } function waldorff() { setText('abmahnender_kanzlei', 'Waldorff & Frommer RAe'); diff --git a/style.css b/style.css index 7563b8f..8cfcd9c 100644 --- a/style.css +++ b/style.css @@ -43,7 +43,7 @@ html { overflow-y: scroll; } -.wrapper { +#wrapper { min-height: 100%; height: auto !important; height: 100%; @@ -69,7 +69,12 @@ h2 { margin: 0.5em auto 0 auto; } -.wrapper.step1 .block-header { +.juice { + font-size: 14pt; + font-weight: 300; +} + +#wrapper.step1 .block-header { pointer-events: none; } @@ -78,27 +83,24 @@ h2 { font-weight: 300; } -.juice { - font-size: 14pt; - font-weight: 300; - - overflow: hidden; - max-height: 0px; - transition: max-height 0.25s ease-in; +#unsicher, +.block-step7 { + padding: 0; } - -.hidden, -#unsicher { - visibility: hidden; - transition: visibility 0.25s ease-in; +#wrapper.stepcancel #unsicher, +#wrapper-step7 .block-step7 { + padding: auto; } -.hidden, -#unsicher, -.wrapper.stepcancel h2 { +.block-step7, +.juice, +#wrapper.stepcancel h2 { overflow: hidden; max-height: 0px; - transition: max-height 0.25s ease-in; + transition: max-height, height; + transition-timing-function: ease; + transition-duration: 0.5s; + transition-delay: 0s; } .block-step1 { @@ -257,44 +259,49 @@ ul { float: right; font-size: 24pt; margin-top: -0.2em; - display: none; visibility: hidden; } +#wrapper.step3 .block-step2 .done, +#wrapper.step4 .block-step2 .done, +#wrapper.step5 .block-step2 .done, +#wrapper.step6 .block-step2 .done, +#wrapper.step7 .block-step2 .done, +#wrapper.step4 .block-step3 .done, +#wrapper.step5 .block-step3 .done, +#wrapper.step6 .block-step3 .done, +#wrapper.step7 .block-step3 .done, +#wrapper.step5 .block-step4 .done, +#wrapper.step6 .block-step4 .done, +#wrapper.step7 .block-step4 .done, +#wrapper.step6 .block-step5 .done, +#wrapper.step7 .block-step5 .done, +#wrapper.step7 .block-step6 .done { + visibility: visible; +} + input[type="text"] { width: 90%; } -.wrapper.step1 .block-step1 .juice, -.wrapper.step2 .block-step2 .juice, -.wrapper.step3 .block-step3 .juice, -.wrapper.step4 .block-step4 .juice, -.wrapper.step5 .block-step5 .juice, -.wrapper.step6 .block-step6 .juice, -.wrapper.step7 .block-step7 .juice, -.wrapper.step7 .block-step7, - -.wrapper.stepcancel .block-stepcancel.juice, -.wrapper.stepcancel #unsicher, - -.wrapper.step3 .block-step2 .done, -.wrapper.step4 .block-step2 .done, -.wrapper.step5 .block-step2 .done, -.wrapper.step6 .block-step2 .done, -.wrapper.step7 .block-step2 .done, -.wrapper.step4 .block-step3 .done, -.wrapper.step5 .block-step3 .done, -.wrapper.step6 .block-step3 .done, -.wrapper.step7 .block-step3 .done, -.wrapper.step5 .block-step4 .done, -.wrapper.step6 .block-step4 .done, -.wrapper.step7 .block-step4 .done, -.wrapper.step6 .block-step5 .done, -.wrapper.step7 .block-step5 .done, -.wrapper.step7 .block-step6 .done +#wrapper.step1 .block-step1 .juice, +#wrapper.stepcancel .block-stepcancel .juice { + max-height: 350px; + transition: max-height 0.5s ease; +} + +#wrapper.step5 .block-step5 .juice { + max-height: 500px; + transition: max-height 0.5s ease; +} +#wrapper.step2 .block-step2 .juice, +#wrapper.step3 .block-step3 .juice, +#wrapper.step4 .block-step4 .juice, +#wrapper.step6 .block-step6 .juice, +#wrapper.step7 .block-step7 .juice, +#wrapper.step7 .block-step7 { - display: block !important; - visibility: visible !important; - max-height: 9999px; + max-height: 900px; + transition: max-height 0.5s ease; } -- cgit v1.2.3

Abmahnbeantworter

Abmahnbeantworter

Schritt 1: Fakten sammeln

Schritt 1: Fakten sammeln

Schritt 2: Daten des Abgemahnten

Schritt 2: Daten des Abgemahnten

Schritt 3: Daten der Abmahner

Schritt 3: Daten der Abmahner

Schritt 4: Aktenzeichen und Datum

Schritt 4: Aktenzeichen und Datum

Schritt 5: Antwortschreiben erzeugen

Schritt 5: Antwortschreiben erzeugen

Und jetzt?

Und jetzt?