Done icon is gone

2 files changed, 17 insertions, 28 deletions

diff --git a/index.html b/index.html
index c15f96c..202caff 100644
--- a/index.html
+++ b/index.html
@@ -40,7 +40,6 @@
       </div>
       <div class="collapsable block-step2">
         <div onclick="step1_done()" class="block-header">
-          <div class="done">&#x2713;</div>
           <h2 id="head2"><div class="circle_num">1</div> Wer mahnt ab?</h2>
         </div>
         <div class="juice">
@@ -71,7 +70,6 @@
       </div>
       <div class="collapsable block-step3">
         <div onclick="step2_done()" class="block-header">
-          <div class="done">&#x2713;</div>
           <h2 id="head3"><div class="circle_num">2</div> Aktenzeichen und Daten</h2>
         </div>
         <div class="juice">
@@ -155,7 +153,6 @@
       </div>
       <div class="collapsable block-step4">
         <div onclick="step3_done()" class="block-header">
-          <div class="done">&#x2713;</div>
           <h2 id="head4"><div class="circle_num">3</div> Warum Sie nicht Täter sind</h2>
         </div>
         <div class="juice">
@@ -177,7 +174,6 @@
       </div>
       <div class="collapsable block-step5">
         <div onclick="step4_done()" class="block-header">
-          <div class="done">&#x2713;</div>
           <h2 id="head5"><div class="circle_num">4</div> Warum Sie nicht Störer sind</h2>
         </div>
         <div class="juice">
@@ -198,7 +194,6 @@
       </div>
       <div class="collapsable block-step6">
         <div onclick="step5_done()" class="block-header">
-          <div class="done">&#x2713;</div>
           <h2 id="head6"><div class="circle_num">5</div> Ihre Daten</h2>
         </div>
         <div class="juice">
@@ -223,7 +218,6 @@
       </div>
       <div class="collapsable block-step7">
         <div onclick="step6_done()" class="block-header">
-          <div class="done">&#x2713;</div>
           <h2 id="head7"><div class="circle_num">&#x2713;</div>Fertig!</h2>
         </div>
         <div class="juice">
diff --git a/style.css b/style.css
index 9a97bd0..dfc8799 100644
--- a/style.css
+++ b/style.css
@@ -323,28 +323,23 @@ ul {
   width: 100%;
 }
 
-.done {
-  float: right;
-  font-size: 24pt;
-  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;
+#wrapper.step3 .block-step2 .circle_num,
+#wrapper.step4 .block-step2 .circle_num,
+#wrapper.step5 .block-step2 .circle_num,
+#wrapper.step6 .block-step2 .circle_num,
+#wrapper.step7 .block-step2 .circle_num,
+#wrapper.step4 .block-step3 .circle_num,
+#wrapper.step5 .block-step3 .circle_num,
+#wrapper.step6 .block-step3 .circle_num,
+#wrapper.step7 .block-step3 .circle_num,
+#wrapper.step5 .block-step4 .circle_num,
+#wrapper.step6 .block-step4 .circle_num,
+#wrapper.step7 .block-step4 .circle_num,
+#wrapper.step6 .block-step5 .circle_num,
+#wrapper.step7 .block-step5 .circle_num,
+#wrapper.step7 .block-step6 .circle_num {
+  border-radius: 1px !important;
+  transition: border-radius, 2s;
 }
 
 input[type="text"] {