diff --git a/static/scripts/accuracy.js b/static/scripts/accuracy.js
index 78fed15..26f71e2 100644
--- a/static/scripts/accuracy.js
+++ b/static/scripts/accuracy.js
@@ -42,3 +42,8 @@ function addTCPAccuracy(hacc, vacc){
     barChart.data.datasets[1].data = [hacc, vacc];
     barChart.update();
 }
+//Farbe der Lampen ändern
+// AN: document.getElementById("greenlamp").style.backgroundColor = 'rgba(0, 230, 64, 1)'
+// AUS: document.getElementById("greenlamp").style.backgroundColor = 'rgba(0, 100, 0, 1)'
+// AN: document.getElementById("redlamp").style.backgroundColor = 'rgba(242, 38, 19, 1)'
+// AUS: document.getElementById("redlamp").style.backgroundColor = 'rgba(139, 0, 0, 1)'
diff --git a/static/style.css b/static/style.css
index 46f0cc6..46d37b9 100644
--- a/static/style.css
+++ b/static/style.css
@@ -305,6 +305,22 @@ canvas {
     perspective: 400px;
 }
 
+.lamp {
+    width: 50px;
+    height: 50px;
+    background-color: gray;
+    border-radius: 50%;
+}
+
+.lampinner{
+    width: 40px;
+    height: 40px;
+    position: relative;
+    top: 5px;
+    left: 5px;
+    border-radius: 50%;
+}
+
 .cube {
     width: 200px;
     height: 200px;
diff --git a/templates/index.html b/templates/index.html
index 0e96382..3905b56 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -62,17 +62,35 @@
       </div>
       <div class="float container">
         <div class="float-child">
-          <div class="container" style="width: 200px; height: 50px">
+          <div class="container" style="width: 150px; height: 50px">
             <label id="serialHAcc" style= "color: rgba(214, 69, 65, 1); font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif">Ublox HAcc: </label><br>
             <label id="serialVAcc" style= "color: rgba(214, 69, 65, 1); font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif">Ublox VAcc: </label>
           </div>
-        </div>
-        <div class="float-child">
-          <div class="container" style="width: 200px; height: 50px">
+          <div class="container" style="width: 150px; height: 50px">
             <label id="tcpHAcc" style= "color: rgba(30, 139, 195, 1); font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif">Smartphone HAcc: </label><br>
             <label id="tcpVAcc" style= "color: rgba(30, 139, 195, 1); font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif">Smartphone VAcc: </label>
           </div>
         </div>
+        <div class="float-child">
+          <div class="float container">
+            <div class="float-child">
+              <div class="container" style="width: 350px; height: 50px">
+                <div class="lamp">
+                  <div class="lampinner" id="greenlamp" style="background-color: darkgreen"></div>
+                </div>
+                <label style="position: relative; bottom: 40px; left: 70px; color: white; font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif">Dist. Ublox-Smartphone (m) <= Genauigkeit Ublox (m). </label>
+              </div>
+            </div>
+            <div class="float-child">
+              <div class="container" style="width: 350px; height: 50px">
+                <div class="lamp">
+                  <div class="lampinner" id="redlamp" style="background-color: #8b0000"></div>
+                </div>
+                <label style="position: relative; bottom: 40px; left: 70px; color: white; font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif">Dist. Ublox-Smartphone (m) > Genauigkeit Ublox (m). </label>
+              </div>
+            </div>
+          </div>
+        </div>
       </div>
     </div>
 
@@ -124,7 +142,7 @@
           <div id="NS" class="quad"></div>
           <div id="WE" class="quad"></div>
           <span id="N" class="dir">N</span>
-          <span id="E" class="dir">E</span>
+          <span id="E" class="dir">O</span>
           <span id="S" class="dir">S</span>
           <span id="W" class="dir">W</span>
           <div id="needle"></div>
@@ -140,7 +158,7 @@
           <div id="NSTCP" class="quad"></div>
           <div id="WETCP" class="quad"></div>
           <span id="NTCP" class="dir">N</span>
-          <span id="ETCP" class="dir">E</span>
+          <span id="ETCP" class="dir">O</span>
           <span id="STCP" class="dir">S</span>
           <span id="WTCP" class="dir">W</span>
           <div id="needleTCP"></div>