--- a/client/src/map/Maplayer.vue	Fri Sep 28 14:13:51 2018 +0200
+++ b/client/src/map/Maplayer.vue	Fri Sep 28 16:53:28 2018 +0200
@@ -441,16 +441,34 @@
     );
     // TODOSTYLE add backend request (like search for 'HTTP')
     // and use result to construct a new style like
-    var newstyle = new Style({
-      stroke: new Stroke({
-        color: "rgba(230, 30, 10, .8)",
-        width: 4
-      }),
-      fill: new Fill({
-        color: "rgba(230, 30, 10, .3)"
+    HTTP.get("/system/style/Bottlenecks/stroke", {
+      headers: { "X-Gemma-Auth": localStorage.getItem("token") }
+    })
+      .then(response => {
+        this.btlnStrokeC = response.data.code;
+        HTTP.get("/system/style/Bottlenecks/fill", {
+          headers: { "X-Gemma-Auth": localStorage.getItem("token") }
+        })
+          .then(response => {
+            this.btlnFillC = response.data.code;
+            var newstyle = new Style({
+              stroke: new Stroke({
+                color: this.btlnStrokeC,
+                width: 4
+              }),
+              fill: new Fill({
+                color: this.btlnFillC
+              })
+            });
+            layer.data.setStyle(newstyle);
+          })
+          .catch(error => {
+            console.log(error);
+          });
       })
-    });
-    layer.data.setStyle(newstyle);
+      .catch(error => {
+        console.log(error);
+      });
 
     // so none is shown
     // this.updateBottleneckFilter("1999-10-01");