diff --git a/src/main/webapp/WEB-INF/jsp/index.jsp b/src/main/webapp/WEB-INF/jsp/index.jsp
index a067925..aa9ebda 100644
--- a/src/main/webapp/WEB-INF/jsp/index.jsp
+++ b/src/main/webapp/WEB-INF/jsp/index.jsp
@@ -108,7 +108,11 @@
                 </div>
             </div>
             <div class="buzzer">
-                <span class="circle red">Auf</span>
+                <span class="circle red">Zu</span>
+                <button>Buzzern</button>
+            </div>
+            <div class="buzzer">
+                <span class="circle green">Auf</span>
                 <button>Buzzern</button>
             </div>
         </div>
diff --git a/src/main/webapp/resources/css/styles.css b/src/main/webapp/resources/css/styles.css
index f8d8ee1..eaa0cd4 100644
--- a/src/main/webapp/resources/css/styles.css
+++ b/src/main/webapp/resources/css/styles.css
@@ -22,6 +22,11 @@ body {
 
 .circle.red {
     background-color: #ff1732;
+    color: #000b40;
+}
+.circle.green {
+    background-color: green;
+    color: #ffffff;
 }
 
 .buzzer {