summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--index.html18
-rw-r--r--js/abmahn.js16
-rw-r--r--style.css33
3 files changed, 11 insertions, 56 deletions
diff --git a/index.html b/index.html
index 8122e6e..85cd7b0 100644
--- a/index.html
+++ b/index.html
@@ -221,23 +221,17 @@
221 <div class="collapsable block-step7"> 221 <div class="collapsable block-step7">
222 <div onclick="step6_done()" class="block-header"> 222 <div onclick="step6_done()" class="block-header">
223 <div class="done">&#x2713;</div> 223 <div class="done">&#x2713;</div>
224 <h2 id="head7">Fertig!</h2> 224 <h2 id="head7"><div class="circle_num">&nbsp;</div>Fertig!</h2>
225 </div> 225 </div>
226 <div class="juice"> 226 <div class="juice">
227 <p>Wir haben nun alle Informationen, um das Antwortschreiben erzeugen zu können:</p> 227 <p>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 <span id="faxempfaenger"></span>faxen.</p>
228 <div class="one-button"> 228 <div class="one-button">
229 <div class="button button-green" onclick="abmahnbeantworter()">Antworten</div> 229 <div class="button button-green" onclick="abmahnbeantworter()">Antworten</div>
230 </div> 230 </div>
231 <p class="hint">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 <span id="faxempfaenger"></span>faxen.</p> 231 <div clas="hint">
232 </div> 232 <p>Nimmt die abmahnende Kanzlei ihre Forderung nicht innerhalb unserer Frist (14 Tage) zurück, steht Ihnen eine gerichtliche Klärung zu.</p>
233 </div> 233 <p>Die Auslagen hierfür können Sie – im Gegensatz zur ersten Antwort auf die Abmahnung – vom Abmahner zurückfordern. Dazu gehören auch die Anwaltskosten.</p>
234 <div class="collapsable block-step8"> 234 </div>
235 <div class="block-header">
236 <h2 id="head8">Und jetzt?</h2>
237 </div>
238 <div class="juice">
239 <p>Nimmt die abmahnende Kanzlei ihre Forderung nicht innerhalb unserer Frist (14 Tage) zurück, steht Ihnen eine gerichtliche Klärung zu.</p>
240 <p>Die Auslagen hierfür können Sie – im Gegensatz zur ersten Antwort auf die Abmahnung – vom Abmahner zurückfordern. Dazu gehören auch die Anwaltskosten.</p>
241 </div> 235 </div>
242 </div> 236 </div>
243 <div class="push"></div> 237 <div class="push"></div>
diff --git a/js/abmahn.js b/js/abmahn.js
index 269fa72..a13cea6 100644
--- a/js/abmahn.js
+++ b/js/abmahn.js
@@ -64,19 +64,6 @@ function step3_done() { scrollTo(289); setClass('wrapper', 'step4'); }
64function step4_done() { scrollTo(382); setClass('wrapper', 'step5'); } 64function step4_done() { scrollTo(382); setClass('wrapper', 'step5'); }
65function step5_done() { scrollTo(475); setClass('wrapper', 'step6'); } 65function step5_done() { scrollTo(475); setClass('wrapper', 'step6'); }
66function step6_done() { scrollTo(568); setClass('wrapper', 'step7'); } 66function step6_done() { scrollTo(568); setClass('wrapper', 'step7'); }
67function step7_done() { scrollTo(661); setClass('wrapper', 'step8'); }
68
69/*
70function step0_cancel() { setClass('wrapper', 'stepcancel'); }
71function step0_done() { scrollTo('head1'); setClass('wrapper', 'step1'); }
72function step1_done() { scrollTo('head1'); setClass('wrapper', 'step2'); }
73function step2_done() { scrollTo('head2'); setClass('wrapper', 'step3'); }
74function step3_done() { scrollTo('head3'); setClass('wrapper', 'step4'); }
75function step4_done() { scrollTo('head4'); setClass('wrapper', 'step5'); }
76function step5_done() { scrollTo('head5'); setClass('wrapper', 'step6'); }
77function step6_done() { scrollTo('head6'); setClass('wrapper', 'step7'); }
78function step7_done() { scrollTo('head7'); setClass('wrapper', 'step8'); }
79*/
80 67
81function waldorf() { 68function waldorf() {
82 setText('abmahnender_kanzlei', 'Waldorf & Frommer RAe'); 69 setText('abmahnender_kanzlei', 'Waldorf & Frommer RAe');
@@ -337,7 +324,4 @@ function abmahnbeantworter() {
337 } 324 }
338 } 325 }
339 pdfMake.createPdf(docDefinition).download('Abmahnung-' + getText('vorgang_aktenzeichen') + '.pdf'); 326 pdfMake.createPdf(docDefinition).download('Abmahnung-' + getText('vorgang_aktenzeichen') + '.pdf');
340
341 // advance view
342 step7_done();
343} 327}
diff --git a/style.css b/style.css
index 8aa0059..f657ccd 100644
--- a/style.css
+++ b/style.css
@@ -101,16 +101,13 @@ h2 {
101 font-weight: 300; 101 font-weight: 300;
102} 102}
103 103
104#unsicher, 104#unsicher {
105.collapsable.block-step8 {
106 padding: 0; 105 padding: 0;
107} 106}
108#wrapper.stepcancel #unsicher, 107#wrapper.stepcancel #unsicher {
109#wrapper-step8 .block-step8 {
110 padding: auto; 108 padding: auto;
111} 109}
112 110
113.block-step8,
114.juice, 111.juice,
115#wrapper.stepcancel h2 { 112#wrapper.stepcancel h2 {
116 overflow: hidden; 113 overflow: hidden;
@@ -121,8 +118,7 @@ h2 {
121 transition-delay: 0s; 118 transition-delay: 0s;
122} 119}
123 120
124.block-step1, 121.block-step1 {
125.block-step8 , .block-step8 h2 {
126 background-color: #F1F2E3; 122 background-color: #F1F2E3;
127 color: black !important; 123 color: black !important;
128} 124}
@@ -188,7 +184,7 @@ h2 {
188 margin-right: 0; 184 margin-right: 0;
189} 185}
190 186
191.block-step2, .block-step3, .block-step4, .block-step5, .block-step6, .block-step7, .block-step8 { 187.block-step2, .block-step3, .block-step4, .block-step5, .block-step6, .block-step7 {
192 box-shadow: inset 0px 7px 3px -3px rgba(50, 50, 50, 0.75); 188 box-shadow: inset 0px 7px 3px -3px rgba(50, 50, 50, 0.75);
193} 189}
194 190
@@ -316,22 +312,16 @@ ul {
316#wrapper.step5 .block-step2 .done, 312#wrapper.step5 .block-step2 .done,
317#wrapper.step6 .block-step2 .done, 313#wrapper.step6 .block-step2 .done,
318#wrapper.step7 .block-step2 .done, 314#wrapper.step7 .block-step2 .done,
319#wrapper.step8 .block-step2 .done,
320#wrapper.step4 .block-step3 .done, 315#wrapper.step4 .block-step3 .done,
321#wrapper.step5 .block-step3 .done, 316#wrapper.step5 .block-step3 .done,
322#wrapper.step6 .block-step3 .done, 317#wrapper.step6 .block-step3 .done,
323#wrapper.step7 .block-step3 .done, 318#wrapper.step7 .block-step3 .done,
324#wrapper.step8 .block-step3 .done,
325#wrapper.step5 .block-step4 .done, 319#wrapper.step5 .block-step4 .done,
326#wrapper.step6 .block-step4 .done, 320#wrapper.step6 .block-step4 .done,
327#wrapper.step7 .block-step4 .done, 321#wrapper.step7 .block-step4 .done,
328#wrapper.step8 .block-step4 .done,
329#wrapper.step6 .block-step5 .done, 322#wrapper.step6 .block-step5 .done,
330#wrapper.step7 .block-step5 .done, 323#wrapper.step7 .block-step5 .done,
331#wrapper.step8 .block-step5 .done, 324#wrapper.step7 .block-step6 .done {
332#wrapper.step7 .block-step6 .done,
333#wrapper.step8 .block-step6 .done,
334#wrapper.step8 .block-step7 .done {
335 visibility: visible; 325 visibility: visible;
336} 326}
337 327
@@ -443,12 +433,6 @@ input[type=checkbox]:not(old):checked + label > span:before {
443 max-height: 450px; 433 max-height: 450px;
444} 434}
445 435
446#wrapper.step8 .block-step8 .juice,
447#wrapper.step8 .block-step8
448{
449 max-height: 450px;
450}
451
452/* On older phones our blocks need to accomodate 436/* On older phones our blocks need to accomodate
453 for zoomed fonts */ 437 for zoomed fonts */
454@media only screen and (max-device-width: 480px) { 438@media only screen and (max-device-width: 480px) {
@@ -481,13 +465,6 @@ input[type=checkbox]:not(old):checked + label > span:before {
481 max-height: 450px; 465 max-height: 450px;
482} 466}
483 467
484#wrapper.step8 .block-step8 .juice,
485#wrapper.step8 .block-step8
486{
487 max-height: 450px;
488}
489
490
491} 468}
492 469
493.credits { 470.credits {