diff --git a/css/_variables.scss b/css/_variables.scss
index 6ced1fa..6c357f0 100644
--- a/css/_variables.scss
+++ b/css/_variables.scss
@@ -1 +1 @@
-$ff_color: #dc0067;
\ No newline at end of file
+$ff_color: #df316c;
\ No newline at end of file
diff --git a/css/community.css b/css/community.css
index 657403b..eb9c6f7 100644
--- a/css/community.css
+++ b/css/community.css
@@ -2,14 +2,14 @@ header {
   min-height: 10vh; }
 
 #outer-container {
-  border-top: 5px solid #dc0067;
+  border-top: 5px solid #df316c;
   margin: 5vh auto 0 auto; }
   #outer-container .row {
     margin-left: auto;
     margin-right: auto; }
 
 .dropdown-content li > a, .dropdown-content li > span {
-  color: #dc0067; }
+  color: #df316c; }
 
 .input-field {
   padding: 0 !important; }
@@ -19,21 +19,21 @@ header {
 
 .page-footer {
   padding-top: 0;
-  background-color: #dc0067; }
+  background-color: #df316c; }
 
 #backtohome {
-  background-color: #dc0067; }
+  background-color: #df316c; }
 
 header {
   border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
 
 .btn.navigation.next {
-  background-color: #dc0067; }
+  background-color: #df316c; }
 
 #img_router_front, #img_router_back {
   max-width: 200px; }
 
 #download {
-  background-color: #dc0067; }
+  background-color: #df316c; }
 
 /*# sourceMappingURL=community.css.map */
diff --git a/css/index.css b/css/index.css
index 997336e..1622a7d 100644
--- a/css/index.css
+++ b/css/index.css
@@ -2,14 +2,14 @@ header {
   min-height: 10vh; }
 
 #outer-container {
-  border-top: 5px solid #dc0067;
+  border-top: 5px solid #df316c;
   margin: 5vh auto 0 auto; }
   #outer-container .row {
     margin-left: auto;
     margin-right: auto; }
 
 .dropdown-content li > a, .dropdown-content li > span {
-  color: #dc0067; }
+  color: #df316c; }
 
 .input-field {
   padding: 0 !important; }
@@ -19,7 +19,7 @@ header {
 
 .page-footer {
   padding-top: 0;
-  background-color: #dc0067; }
+  background-color: #df316c; }
 
 #inner-container {
   padding: 1.5rem; }
diff --git a/geojson/hennef.geojson b/geojson/hennef.geojson
index bd3eff4..4ebea29 100644
--- a/geojson/hennef.geojson
+++ b/geojson/hennef.geojson
@@ -11,7 +11,8 @@
     {
       "type":"Feature",
       "properties":{
-        "community_id":"0"
+        "community_id":"0",
+        "color":"#f44336"
       },
       "geometry":{
         "type":"Polygon",
diff --git a/geojson/koenigswinter.geojson b/geojson/koenigswinter.geojson
index f184f2f..d584a5b 100644
--- a/geojson/koenigswinter.geojson
+++ b/geojson/koenigswinter.geojson
@@ -11,7 +11,8 @@
     {
       "type":"Feature",
       "properties":{
-        "community_id":"1"
+        "community_id":"1",
+        "color":"#e91e63"
       },
       "geometry":{
         "type":"Polygon",
diff --git a/geojson/lohmar.geojson b/geojson/lohmar.geojson
index 09c37a8..c46c6cf 100644
--- a/geojson/lohmar.geojson
+++ b/geojson/lohmar.geojson
@@ -11,7 +11,8 @@
     {
       "type":"Feature",
       "properties":{
-        "community_id": "2"
+        "community_id": "2",
+        "color":"#9c27b0"
       },
       "geometry":{
         "type":"Polygon",
diff --git a/geojson/meckenheim.geojson b/geojson/meckenheim.geojson
index d7edb27..c7278bd 100644
--- a/geojson/meckenheim.geojson
+++ b/geojson/meckenheim.geojson
@@ -11,7 +11,8 @@
     {
       "type":"Feature",
       "properties":{
-        "community_id":"3"
+        "community_id":"3",
+        "color":"#673ab7"
       },
       "geometry":{
         "type":"Polygon",
diff --git a/geojson/much.geojson b/geojson/much.geojson
index c6ea5f9..92577a6 100644
--- a/geojson/much.geojson
+++ b/geojson/much.geojson
@@ -11,7 +11,8 @@
     {
       "type":"Feature",
       "properties":{
-        "community_id":"4"
+        "community_id":"4",
+        "color":"#795548"
       },
       "geometry":{
         "type":"Polygon",
diff --git a/geojson/neunkirchen.geojson b/geojson/neunkirchen.geojson
index ed22100..e1fc484 100644
--- a/geojson/neunkirchen.geojson
+++ b/geojson/neunkirchen.geojson
@@ -11,7 +11,8 @@
     {
       "type":"Feature",
       "properties":{
-        "community_id":"5"
+        "community_id":"5",
+        "color":"#3f51b5"
       },
       "geometry":{
         "type":"Polygon",
diff --git a/geojson/niederkassel.geojson b/geojson/niederkassel.geojson
index 6d55bb2..34fbdc1 100644
--- a/geojson/niederkassel.geojson
+++ b/geojson/niederkassel.geojson
@@ -11,7 +11,8 @@
     {
       "type":"Feature",
       "properties":{
-        "community_id":"6"
+        "community_id":"6",
+        "color":"#8bc34a"
       },
       "geometry":{
         "type":"Polygon",
diff --git a/geojson/rheinbach.geojson b/geojson/rheinbach.geojson
index ce119f4..6b529b5 100644
--- a/geojson/rheinbach.geojson
+++ b/geojson/rheinbach.geojson
@@ -11,7 +11,8 @@
     {
       "type":"Feature",
       "properties":{
-        "community_id":"7"
+        "community_id":"7",
+        "color":"#00bcd4"
       },
       "geometry":{
         "type":"Polygon",
diff --git a/geojson/ruppichteroth.geojson b/geojson/ruppichteroth.geojson
index 583d489..a17f4e1 100644
--- a/geojson/ruppichteroth.geojson
+++ b/geojson/ruppichteroth.geojson
@@ -11,7 +11,8 @@
     {
       "type":"Feature",
       "properties":{
-        "community_id":"8"
+        "community_id":"8",
+        "color":"#009688"
       },
       "geometry":{
         "type":"Polygon",
diff --git a/geojson/siegburg.geojson b/geojson/siegburg.geojson
index ed2498a..52e35d2 100644
--- a/geojson/siegburg.geojson
+++ b/geojson/siegburg.geojson
@@ -11,7 +11,8 @@
     {
       "type":"Feature",
       "properties":{
-        "community_id": "10"
+        "community_id": "10",
+        "color":"#2196f3"
       },
       "geometry":{
         "type":"Polygon",
diff --git a/geojson/staugustin.geojson b/geojson/staugustin.geojson
index 839f2df..0323bc8 100644
--- a/geojson/staugustin.geojson
+++ b/geojson/staugustin.geojson
@@ -11,7 +11,8 @@
     {
       "type":"Feature",
       "properties":{
-        "community_id":"9"
+        "community_id":"9",
+        "color":"#4caf50"
       },
       "geometry":{
         "type":"Polygon",
diff --git a/geojson/troisdorf.geojson b/geojson/troisdorf.geojson
index 093e0a6..49f4a76 100644
--- a/geojson/troisdorf.geojson
+++ b/geojson/troisdorf.geojson
@@ -11,7 +11,8 @@
     {
       "type":"Feature",
       "properties":{
-        "community_id":"12"
+        "community_id":"12",
+        "color":"#ff9800"
       },
       "geometry":{
         "type":"Polygon",
diff --git a/geojson/wachtberg.geojson b/geojson/wachtberg.geojson
index 5a6c2d6..3b40ca5 100644
--- a/geojson/wachtberg.geojson
+++ b/geojson/wachtberg.geojson
@@ -11,7 +11,8 @@
     {
       "type":"Feature",
       "properties":{
-        "community_id":"14"
+        "community_id":"14",
+        "color":"#ff5722"
       },
       "geometry":{
         "type":"Polygon",
diff --git a/js/comunitychoose.js b/js/comunitychoose.js
index 34bd11e..7afbd7a 100644
--- a/js/comunitychoose.js
+++ b/js/comunitychoose.js
@@ -13,11 +13,12 @@ $(document).ready(function() {
     }).addTo(map);
     communityiesGeoJson.forEach(function (i) {
         $.getJSON( i.geojson, function( data ) {
+            console.log(data)
             var community = L.geoJSON(data, {
                 style: {
-                    fillColor: "#dc0067",
+                    fillColor: data.features[0].properties.color,
                     fillOpacity: 0.25,
-                    color: '#dc0067',
+                    color: data.features[0].properties.color,
                     opacity: 1,
                     weight: 2
                 }