Simplify views

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 @@
       <div class="collapsable block-step7">
         <div onclick="step6_done()" class="block-header">
           <div class="done">&#x2713;</div>
-          <h2 id="head7">Fertig!</h2>
+          <h2 id="head7"><div class="circle_num">&nbsp;</div>Fertig!</h2>
         </div>
         <div class="juice">
-          <p>Wir haben nun alle Informationen, um das Antwortschreiben erzeugen zu können:</p>
+          <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>
           <div class="one-button">
             <div class="button button-green" onclick="abmahnbeantworter()">Antworten</div>
           </div>
-          <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>
-        </div>
-      </div>
-      <div class="collapsable block-step8">
-        <div class="block-header">
-          <h2 id="head8">Und jetzt?</h2>
-        </div>
-        <div class="juice">
-          <p>Nimmt die abmahnende Kanzlei ihre Forderung nicht innerhalb unserer Frist (14 Tage) zurück, steht Ihnen eine gerichtliche Klärung zu.</p>
-          <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>
+          <div clas="hint">
+            <p>Nimmt die abmahnende Kanzlei ihre Forderung nicht innerhalb unserer Frist (14 Tage) zurück, steht Ihnen eine gerichtliche Klärung zu.</p>
+            <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>
+          </div>
         </div>
       </div>
       <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'); }
 function step4_done()   { scrollTo(382); setClass('wrapper', 'step5'); }
 function step5_done()   { scrollTo(475); setClass('wrapper', 'step6'); }
 function step6_done()   { scrollTo(568); setClass('wrapper', 'step7'); }
-function step7_done()   { scrollTo(661); setClass('wrapper', 'step8'); }
-
-/*
-function step0_cancel() { setClass('wrapper', 'stepcancel'); }
-function step0_done()   { scrollTo('head1'); setClass('wrapper', 'step1'); }
-function step1_done()   { scrollTo('head1'); setClass('wrapper', 'step2'); }
-function step2_done()   { scrollTo('head2'); setClass('wrapper', 'step3'); }
-function step3_done()   { scrollTo('head3'); setClass('wrapper', 'step4'); }
-function step4_done()   { scrollTo('head4'); setClass('wrapper', 'step5'); }
-function step5_done()   { scrollTo('head5'); setClass('wrapper', 'step6'); }
-function step6_done()   { scrollTo('head6'); setClass('wrapper', 'step7'); }
-function step7_done()   { scrollTo('head7'); setClass('wrapper', 'step8'); }
-*/
 
 function waldorf() {
   setText('abmahnender_kanzlei', 'Waldorf & Frommer RAe');
@@ -337,7 +324,4 @@ function abmahnbeantworter() {
     }
   }
   pdfMake.createPdf(docDefinition).download('Abmahnung-' + getText('vorgang_aktenzeichen') + '.pdf');
-
-  // advance view
-  step7_done();
 }
diff --git a/style.css b/style.css
index 8aa0059..f657ccd 100644
--- a/style.css
+++ b/style.css
@@ -101,16 +101,13 @@ h2 {
   font-weight: 300;
 }
 
-#unsicher,
-.collapsable.block-step8 {
+#unsicher {
   padding: 0;
 }
-#wrapper.stepcancel #unsicher,
-#wrapper-step8 .block-step8 {
+#wrapper.stepcancel #unsicher {
   padding: auto;
 }
 
-.block-step8,
 .juice,
 #wrapper.stepcancel h2 {
   overflow: hidden;
@@ -121,8 +118,7 @@ h2 {
   transition-delay: 0s;
 }
 
-.block-step1,
-.block-step8 , .block-step8 h2 {
+.block-step1 {
   background-color: #F1F2E3;
   color: black !important;
 }
@@ -188,7 +184,7 @@ h2 {
   margin-right: 0;
 }
 
-.block-step2, .block-step3, .block-step4, .block-step5, .block-step6, .block-step7, .block-step8 {
+.block-step2, .block-step3, .block-step4, .block-step5, .block-step6, .block-step7 {
   box-shadow: inset 0px 7px 3px -3px rgba(50, 50, 50, 0.75);
 }
 
@@ -316,22 +312,16 @@ ul {
 #wrapper.step5 .block-step2 .done,
 #wrapper.step6 .block-step2 .done,
 #wrapper.step7 .block-step2 .done,
-#wrapper.step8 .block-step2 .done,
 #wrapper.step4 .block-step3 .done,
 #wrapper.step5 .block-step3 .done,
 #wrapper.step6 .block-step3 .done,
 #wrapper.step7 .block-step3 .done,
-#wrapper.step8 .block-step3 .done,
 #wrapper.step5 .block-step4 .done,
 #wrapper.step6 .block-step4 .done,
 #wrapper.step7 .block-step4 .done,
-#wrapper.step8 .block-step4 .done,
 #wrapper.step6 .block-step5 .done,
 #wrapper.step7 .block-step5 .done,
-#wrapper.step8 .block-step5 .done,
-#wrapper.step7 .block-step6 .done,
-#wrapper.step8 .block-step6 .done,
-#wrapper.step8 .block-step7 .done {
+#wrapper.step7 .block-step6 .done {
   visibility: visible;
 }
 
@@ -443,12 +433,6 @@ input[type=checkbox]:not(old):checked + label > span:before {
   max-height: 450px;
 }
 
-#wrapper.step8 .block-step8 .juice,
-#wrapper.step8 .block-step8
-{
-  max-height: 450px;
-}
-
 /* On older phones our blocks need to accomodate
    for zoomed fonts */
 @media only screen and (max-device-width: 480px) {
@@ -481,13 +465,6 @@ input[type=checkbox]:not(old):checked + label > span:before {
   max-height: 450px;
 }
 
-#wrapper.step8 .block-step8 .juice,
-#wrapper.step8 .block-step8
-{
-  max-height: 450px;
-}
-
-
 }
 
 .credits {