diff --git a/express-server/public/stylesheets/colorpicker-style.css b/express-server/public/stylesheets/colorpicker-style.css
index 050ab98e..b9193811 100644
--- a/express-server/public/stylesheets/colorpicker-style.css
+++ b/express-server/public/stylesheets/colorpicker-style.css
@@ -11,85 +11,97 @@ body {
   color: #333;
 } */
 input[type="radio"] {
-    display: none;
-    border: 1px solid black;
-  }
-  input[type="radio"]:checked + label span {
-    transform: scale(1.25);
-  }
-  input[type="radio"]:checked + label .farbe1 {
-    border: 1px solid black;
-  }
-  input[type="radio"]:checked + label .farbe2 {
-    border: 1px solid black;
-  }
-  input[type="radio"]:checked + label .farbe3 {
-    border: 1px solid black;
-  }
-  input[type="radio"]:checked + label .farbe4 {
-    border: 1px solid black;
-  }
-  input[type="radio"]:checked + label .farbe5 {
-    border: 1px solid black;
-  }
-  input[type="radio"]:checked + label .farbe6 {
-    border: 1px solid black;
-  }
-  input[type="radio"]:checked + label .farbe7 {
-    border: 1px solid black;
-  }
-  input[type="radio"]:checked + label .violet {
-    border: 1px solid black;
-  }
-  input[type="radio"]:checked + label .purple {
-    border: 1px solid black;
-  }
-  input[type="radio"]:checked + label .pink {
-    border: 1px solid black;
-  }
-  label {
-    display: inline-block;
-    width: 25px;
-    height: 25px;
-    margin-right: 10px;
-    cursor: pointer;
-  }
-  label:hover span {
-    transform: scale(1.25);
-  }
-  label span {
-    display: block;
-    width: 100%;
-    height: 100%;
-    transition: transform 0.2s ease-in-out;
-  }
-  label span.farbe1 {
-    background: #F44336;
-  }
-  label span.farbe2 {
-    background: #e91e63;
-  }
-  label span.farbe3 {
-    background: #9c27b0;
-  }
-  label span.farbe4 {
-    background: #673ab7;
-  }
-  label span.farbe5 {
-    background: #3F51B5;
-  }
-  label span.farbe6 {
-    background: #2196F3;
-  }
-  label span.blue {
-    background: #03A9F4;
-  }
-  label span.violet {
-    background: #00BCD4;
-  }
-  label span.purple {
-    background: #009688;
-  }
-  label span.pink {
-    background: #4CAF50;
-  }
\ No newline at end of file
+  display: none;
+  border: 1px solid black;
+}
+input[type="radio"]:checked + label span {
+  transform: scale(1.25);
+}
+input[type="radio"]:checked + label .farbe1 {
+  border: 1px solid black;
+}
+input[type="radio"]:checked + label .farbe2 {
+  border: 1px solid black;
+}
+input[type="radio"]:checked + label .farbe3 {
+  border: 1px solid black;
+}
+input[type="radio"]:checked + label .farbe4 {
+  border: 1px solid black;
+}
+input[type="radio"]:checked + label .farbe5 {
+  border: 1px solid black;
+}
+input[type="radio"]:checked + label .farbe6 {
+  border: 1px solid black;
+}
+input[type="radio"]:checked + label .farbe7 {
+  border: 1px solid black;
+}
+input[type="radio"]:checked + label .farbe8 {
+  border: 1px solid black;
+}
+input[type="radio"]:checked + label .farbe9 {
+  border: 1px solid black;
+}
+input[type="radio"]:checked + label .farbe10 {
+  border: 1px solid black;
+}
+input[type="radio"]:checked + label .farbe11 {
+  border: 1px solid black;
+}
+input[type="radio"]:checked + label .farbe12 {
+  border: 1px solid black;
+}
+label {
+  display: inline-block;
+  width: 25px;
+  height: 25px;
+  margin-right: 10px;
+  cursor: pointer;
+}
+label:hover span {
+  transform: scale(1.25);
+}
+label span {
+  display: block;
+  width: 100%;
+  height: 100%;
+  transition: transform 0.2s ease-in-out;
+}
+label span.farbe1 {
+  background: #F44336;
+}
+label span.farbe2 {
+  background: #e91e63;
+}
+label span.farbe3 {
+  background: #9c27b0;
+}
+label span.farbe4 {
+  background: #673ab7;
+}
+label span.farbe5 {
+  background: #3F51B5;
+}
+label span.farbe6 {
+  background: #2196F3;
+}
+label span.farbe7 {
+  background: #03a9f4;
+}
+label span.farbe8 {
+  background: #00bcd4;
+}
+label span.farbe9 {
+  background: #009688;
+}
+label span.farbe10 {
+  background: #4caf50;
+}
+label span.farbe11 {
+  background: #8bc34a;
+}
+label span.farbe12 {
+  background: #cddc39;
+}
\ No newline at end of file
diff --git a/express-server/public/stylesheets/style.css b/express-server/public/stylesheets/style.css
index 169545a7..49d566e8 100644
--- a/express-server/public/stylesheets/style.css
+++ b/express-server/public/stylesheets/style.css
@@ -60,4 +60,15 @@
 
 .farbeeen{
     margin-left: 19px;
+}
+
+.spez-farbe{
+    background-color: #b3b3b3;
+}
+
+.trashgroup{
+    background: transparent;
+    position: absolute;
+    right:23px;
+    margin-top:-40px;
 }
\ No newline at end of file