Make Schritt indexes a nice circled number

1 files changed, 5 insertions, 5 deletions

diff --git a/index.html b/index.html
index 0ba9002..7c6361e 100644
--- a/index.html
+++ b/index.html
@@ -38,7 +38,7 @@
       <div class="collapsable block-step2">
         <div onclick="step1_done()" class="block-header">
           <div class="done">&#x2713;</div>
-          <h2 id="head2">Schritt 1: Wer mahnt ab?</h2>
+          <h2 id="head2"><div class="circle_num">1</div> Wer mahnt ab?</h2>
         </div>
         <div class="juice">
           <div><a href="javascript:ausfuellen()" class="button">Debug: pre-fill</a></div>
@@ -69,7 +69,7 @@
       <div class="collapsable block-step3">
         <div onclick="step2_done()" class="block-header">
           <div class="done">&#x2713;</div>
-          <h2 id="head3">Schritt 2: Aktenzeichen und Daten</h2>
+          <h2 id="head3"><div class="circle_num">2</div> Aktenzeichen und Daten</h2>
         </div>
         <div class="juice">
           <p>Der Abmahner hat Ihnen ein Aktenzeichen zugeordnet. Dies muss im Schreiben auftauchen, damit die Kanzlei Ihre Antwort der Abmahnung zuordnen zu können.</p>
@@ -153,7 +153,7 @@
       <div class="collapsable block-step4">
         <div onclick="step3_done()" class="block-header">
           <div class="done">&#x2713;</div>
-          <h2 id="head4">Schritt 3: Warum Sie nicht Täter sind</h2>
+          <h2 id="head4"><div class="circle_num">3</div> Warum Sie nicht Täter sind</h2>
         </div>
         <div class="juice">
           <p>Damit Sie korrekte Belege gegen den Vorwurf anführen können, sammeln wir alle nun Informationen ein, die der abmahnenden Kanzlei verdeutlichen, warum die Abmahnung unberechtigt ist.</p>
@@ -175,7 +175,7 @@
       <div class="collapsable block-step5">
         <div onclick="step4_done()" class="block-header">
           <div class="done">&#x2713;</div>
-          <h2 id="head5">Schritt 4: Warum Sie nicht Störer sind</h2>
+          <h2 id="head5"><div class="circle_num">4</div> Warum Sie nicht Störer sind</h2>
         </div>
         <div class="juice">
           <p>Um nicht als Störer in Haftung genommen zu werden, sind Hinweise hilfreich, aus welchem Grund auch eine Störerhaftung nicht in Betracht kommt. Bitte wählen Sie die entsprechenden Häkchen.</p>
@@ -196,7 +196,7 @@
       <div class="collapsable block-step6">
         <div onclick="step5_done()" class="block-header">
           <div class="done">&#x2713;</div>
-          <h2 id="head6">Schritt 5: Ihre Daten</h2>
+          <h2 id="head6"><div class="circle_num">5</div> Ihre Daten</h2>
         </div>
         <div class="juice">
           <p>Hier benötigen wir Ihre Informationen, um das Anschreiben mit einem Absender zu versehen. Bitte fügen Sie Namen und Adresse wie auf der Abmahnung ein.</p>