diff --git a/vcm/config.json b/vcm/config.json
index a4f12e8ce21e24742b8ff15e9472b0177849c3a3..d8363605ff7c41569cfc96c8dc7eba98c910e0be 100644
--- a/vcm/config.json
+++ b/vcm/config.json
@@ -2002,7 +2002,7 @@
       "style": {
           "image": {
                 "icon": {
-                        "src": "./icons/Umfrage_Button_transpHintergrund_türkis.png",      
+                        "src": "./icons/Umfrage_Button_neon.png",      
                         "scale": 0.3    
                         }  
                         }
diff --git a/vcm/config_mobile.json b/vcm/config_mobile.json
new file mode 100644
index 0000000000000000000000000000000000000000..a2a3e3dc5b976ecf7324f073cfbf7cbd30b46bc5
--- /dev/null
+++ b/vcm/config_mobile.json
@@ -0,0 +1,2369 @@
+{
+  "mapcontainer": "vcs_map_container",
+  "locale": "en",
+  "availableLocales": [
+    "de",
+    "en"
+  ],
+  "startViewPoint": "startview",
+  "projection": {
+    "epsg": 31463,
+    "proj4": "+proj=tmerc +lat_0=0 +lon_0=9 +k=1 +x_0=3500000 +y_0=0 +ellps=bessel +datum=potsdam +units=m +no_defs"
+  },
+  "ui": {
+    "startRoute": null,
+    "content": {
+      "show": true,
+      "iframe": {
+        "contentPosition": "center",
+        "contentPositionFixed": false,
+        "show": true
+      },
+      "legend": {
+        "contentPosition": "left",
+        "contentPositionFixed": false,
+        "show": true
+      }
+    },
+    "search": {
+      "activeOnStartup": false
+    },
+    "toolbox": {
+      "show": true,
+      "homeButton": {
+        "show": true
+      },
+      "mapButtons": {
+        "show": true
+      },
+      "widgetButtons": {
+        "show": true
+      },
+      "overviewMap": {
+        "show": true
+      }
+    },
+    "metaLinks": {
+      "links": [
+        {
+          "url": {
+            "de": "templates/de/impressum.html",
+            "en": "templates/en/impressum.html"
+          },
+          "title": {
+            "de": "Impressum",
+            "en": "Imprint"
+          },
+          "target": "iframe"
+        },
+        {
+          "url": {
+            "de": "templates/de/datenschutzhinweise.html",
+            "en": "templates/en/datenschutzhinweise.html"
+          },
+          "title": {
+            "de": "Datenschutz",
+            "en": "Privacy"
+          },
+          "target": "iframe"
+        }
+      ]
+    },
+    "mapControls": {
+      "show": true,
+      "Navigation": {
+        "show": true
+      },
+      "Shadow": {
+        "show": true
+      }
+    },
+    "footer": {
+      "logoBox": {
+        "show": true,
+        "text": null
+      },
+      "show": true
+    },
+    "header": {
+      "headerButtons": {
+        "show": true,
+        "help": true
+      },
+      "show": true,
+      "logoBox": null,
+      "title": "M4_Lab Plattform"
+    }
+  },
+  "selectBehavior": {
+    "highlightStyle": {
+      "selectionset": {
+        "color": "rgb(63, 81, 181)"
+      },
+      "currentItem": {
+        "color": "rgb(244, 67, 54)",
+        "pointStyle": {
+          "icon": {
+            "scale": 1,
+            "src": "{layerIcon}"
+          }
+        },
+        "lineStyle": {
+          "color": "rgb(131, 245, 44)",
+          "width": 1.25
+        },
+        "polygonStyle": {
+          "fill": {
+            "color": "rgba(255, 255, 255, 0.4)"
+          },
+          "stroke": {
+            "color": "rgb(131, 245, 44)",
+            "width": "1"
+          }
+        }
+      }
+    }
+  },
+  "maps": [
+    {
+      "name": "Cesium Map",
+      "startingmap": false,
+      "type": "vcs.vcm.maps.Cesium",
+      "webGLaa": false
+    },
+    {
+      "name": "Openlayers Map",
+      "startingmap": true,
+      "type": "vcs.vcm.maps.Openlayers"
+    }
+  ],
+  "widgets": [
+    {
+      "type": "vcs.vcm.widgets.AdvancedWalkMode",
+      "name": "Advanced walkmode"
+    },
+    {
+      "type": "vcs.vcm.widgets.BalloonInfo",
+      "name": "Balloon Info",
+      "balloonTypes": [{"template": ["<div class='balloon' onclick='testshow()' id='myBalloon'>","   <h1 class='balloon-title'>'Test'</h1>","   <div class='balloon-content' style='height:290px; margin-right: 0px;'","   </div>","<p class='balloon-text'><span><a href='https://www.google.com/search?rlz=1C1CHBF_enDE811DE811&sxsrf=ALeKk01gRMo1LE6p2j5dnHH-eZa1E2I_TA%3A1604050697035&ei=Cd-bX7fRAY62Us68iYAC&q=test&oq=test&gs_lcp=CgZwc3ktYWIQAzIECCMQJzIECCMQJzIGCCMQJxATMgcIABCxAxBDMgQIABBDMgQIABBDMgIIADIFCAAQsQMyBQgAELEDMgcIABAUEIcCOgcIABBHELADUKEvWKEvYP4vaABwAHgAgAFLiAGHAZIBATKYAQCgAQGqAQdnd3Mtd2l6yAEIwAEB&sclient=psy-ab&ved=0ahUKEwj3-f2_gtzsAhUOmxQKHU5eAiAQ4dUDCA0&uact=5' target='_blank'q>link text</a>This is a test</span><br></p>",
+      "<iframe src='https://www.steg.de/' ></iframe>",
+      "</div>","<%  %>"],"minTop": "balloonHeight + 10","minLeft": "70","layerTypes": [""],"layerNames": ["100005"]},
+        {"template": ["<div class='balloon' onclick='testshow()' id='myBalloon'>","   <h1 class='balloon-title'>'Test'</h1>","   <div class='balloon-content' style='height:290px; margin-right: 0px;'","   </div>","<p class='balloon-text'><span>This is a test</span><br></p>", "<img style='padding-top:10px' src='images/content/contentboeckingerstrasse/Umfrage.jpg' alt='noch kein bild' width='370'>","</div>","<%  %>"],"minTop": "balloonHeight","minLeft": "60","layerTypes": [""],"layerNames": ["100004"]},
+        {"template": [
+          "<div class='balloon' onclick='testshow()' id='myBalloon'>",
+          "   <h1 class='balloon-title'>Test</h1>",
+          "   <div class='balloon-content' style='height:290px; margin-right: 0px;'",
+          "   </div>","<p class='balloon-text'><span>Das hier ist ein Test Ballon. Er wurde von einem User erstellt.</span><br></p>",
+          "</div>","<%  %>"
+          ],
+          "minTop": "balloonHeight",
+          "minLeft": "70",
+          "layerTypes": [""],
+          "layerNames": ["100002"]
+        },
+        {"template": [
+          "<div class='balloon' onclick='WeilimdorfAreaText()' id='myBalloon'>",
+          "   <h1 class='balloon-title'>Gebiet Nummer 1</h1>",
+          "   <div class='balloon-content' style='height:290px; margin-right: 0px;'",
+          "   </div>","<p class='balloon-text'><span>Das hier ist ein Test Ballon. Es zeigt den Ballon zum Gebiet Nummer 1</span><br></p>",
+          "</div>","<%  %>"
+          ],
+          "minTop": "balloonHeight",
+          "minLeft": "70",
+          "layerTypes": [""],
+          "layerNames": ["AreaOne"]
+        },
+        {"template": [
+          "<div class='balloon' onclick='WeilimdorfAreaText()' id='myBalloon'>",
+          "   <h1 class='balloon-title'>Gebiet Nummer 3</h1>",
+          "   <div class='balloon-content' style='height:290px; margin-right: 0px;'",
+          "   </div>","<p class='balloon-text'><span>Das hier ist ein Test Ballon. Es zeigt den Ballon zum Gebiet Nummer 3</span><br></p>",
+          "</div>","<%  %>"
+          ],
+          "minTop": "balloonHeight",
+          "minLeft": "70",
+          "layerTypes": [""],
+          "layerNames": ["AreaThree"]
+        },
+
+        {
+          "template": [
+            "<div class='balloon' id='myBalloon'>",
+            "   <h1 class='balloon-title'><%= obj.title %></h1>",
+            "   <div class='balloon-content'>",
+            "       <%= obj.description %>",
+            "   </div>",
+            "   <div class='balloon-close-col'>",
+            "       <button class='close-balloon'><i class='fa fa-times fa-lg'></i></button>",
+            "   </div>",
+            "   <div class='dialog-image-balloon'></div>",
+            "   <div class='balloon-left-edge'></div>",
+            "</div>"
+          ],
+          "minTop": "balloonHeight + 70",
+          "minLeft": "70",
+          "layerNames": [],
+          "layerTypes": [
+            "vcs.vcm.layer.Vector"
+          ]
+        },
+        {
+          "template": [
+            "<div class='balloon' id='myBalloon'>",
+            "   <h1 class='balloon-title'><%= obj.name %></h1>",
+            "   <div class='balloon-content'>",
+            "       <%= obj.description %>",
+            "   </div>",
+            "   <div class='balloon-close-col'>",
+            "       <button class='close-balloon'><i class='fa fa-times fa-lg'></i></button>",
+            "   </div>",
+            "   <div class='dialog-image-balloon'></div>",
+            "   <div class='balloon-left-edge'></div>",
+            "</div>"
+          ],
+          "minTop": "balloonHeight + 70",
+          "minLeft": "70",
+          "layerNames": [],
+          "layerTypes": [
+            "vcs.vcm.layer.cesium.Gltf"
+          ]
+        },
+        {
+          "comment": "Default Balloon for Planning Vector Layers",
+          "template": [
+            "<div class='balloon' id='myBalloon'>",
+            "<div class='balloon-content'>",
+            "<h1 class='balloon-title'>Balloon header</h1>",
+            "</div>",
+            "<div class='balloon-close-col'><button class='close-balloon'><i class='fa fa-times fa-lg'></i></button>",
+            "</div><div class='dialog-image-balloon'></div><div class='balloon-left-edge'></div></div>"
+          ],
+          "minTop": "balloonHeight + 70",
+          "minLeft": "70",
+          "layerNames": [],
+          "layerTypes": [
+            "vcs.vcm.layer.FeatureStore"
+          ],
+          "allAvailable": false,
+          "properties": [],
+          "balloonHeader": "Balloon header"
+        },
+        {
+          "template": [
+            "<div class='balloon' id='myBalloon'>",
+            "<div class='balloon-content'>",
+            "<h1 class='balloon-title'>Balloon header</h1>",
+            "<% for (var key in obj) { %>",
+            "<% if (obj[key] instanceof Object){%>",
+            "<% for (var key2 in obj[key]) { %>",
+            "<p class='balloon-text'><span class='balloon-street'> <strong> <%=key%>.<%=key2%> </strong> : <%=obj[key][key2]%></span><br></p>",
+            "<% } %>",
+            "<% } else{ %>",
+            "<p class='balloon-text'>",
+            "<span class='balloon-street'> <strong> <%=key%> </strong> : <%=obj[key]%></span><br>",
+            "</p>",
+            "<% } %>",
+            "<% } %>",
+            "</div>",
+            "<div class='balloon-close-col'>",
+            "<button class='close-balloon'><i class='fa fa-times fa-lg'></i></button>",
+            "</div>",
+            "<div class='dialog-image-balloon'></div>",
+            "<div class='balloon-left-edge'></div>",
+            "</div>"
+          ],
+          "layerTypes": [
+            null
+          ],
+          "layerNames": [
+            "Böckingerstrasse"
+          ],
+          "minTop": "balloonHeight + 30",
+          "minLeft": "70",
+          "allAvailable": true,
+          "properties": [],
+          "balloonHeader": "Balloon header"
+        },
+        {
+          "template": [
+            "<div class='balloon' id='myBalloon'>",
+            "<div class='balloon-content'>",
+            "<h1 class='balloon-title'>Balloon header</h1>",
+            "<% for (var key in obj) { %>",
+            "<% if (obj[key] instanceof Object){%>",
+            "<% for (var key2 in obj[key]) { %>",
+            "<p class='balloon-text'><span class='balloon-street'> <strong> <%=key%>.<%=key2%> </strong> : <%=obj[key][key2]%></span><br></p>",
+            "<% } %>",
+            "<% } else{ %>",
+            "<p class='balloon-text'>",
+            "<span class='balloon-street'> <strong> <%=key%> </strong> : <%=obj[key]%></span><br>",
+            "</p>",
+            "<% } %>",
+            "<% } %>",
+            "</div>",
+            "<div class='balloon-close-col'>",
+            "<button class='close-balloon'><i class='fa fa-times fa-lg'></i></button>",
+            "</div>",
+            "<div class='dialog-image-balloon'></div>",
+            "<div class='balloon-left-edge'></div>",
+            "</div>"
+          ],
+          "layerTypes": [
+            null
+          ],
+          "layerNames": [
+            "Rosenstein"
+          ],
+          "minTop": "balloonHeight + 30",
+          "minLeft": "70",
+          "allAvailable": true,
+          "properties": [
+            {
+              "title": "creationDate",
+              "name": "creationDate"
+            },
+            {
+              "title": "gml:name",
+              "name": "gml:name"
+            }
+          ],
+          "balloonHeader": "Balloon header"
+        },
+        {
+          "template": [
+            "<div class='balloon' id='myBalloon'>",
+            "<div class='balloon-content'>",
+            "<h1 class='balloon-title'>Balloon header</h1>",
+            "<% for (var key in obj) { %>",
+            "<% if (obj[key] instanceof Object){%>",
+            "<% for (var key2 in obj[key]) { %>",
+            "<p class='balloon-text'><span class='balloon-street'> <strong> <%=key%>.<%=key2%> </strong> : <%=obj[key][key2]%></span><br></p>",
+            "<% } %>",
+            "<% } else{ %>",
+            "<p class='balloon-text'>",
+            "<span class='balloon-street'> <strong> <%=key%> </strong> : <%=obj[key]%></span><br>",
+            "</p>",
+            "<% } %>",
+            "<% } %>",
+            "</div>",
+            "<div class='balloon-close-col'>",
+            "<button class='close-balloon'><i class='fa fa-times fa-lg'></i></button>",
+            "</div>",
+            "<div class='dialog-image-balloon'></div>",
+            "<div class='balloon-left-edge'></div>",
+            "</div>"
+          ],
+          "layerTypes": [
+            null
+          ],
+          "layerNames": [
+            "StuttgartLocal1"
+          ],
+          "minTop": "balloonHeight + 30",
+          "minLeft": "70",
+          "allAvailable": true,
+          "properties": [
+            {
+              "title": "creationDate",
+              "name": "creationDate"
+            },
+            {
+              "title": "gml:name",
+              "name": "gml:name"
+            }
+          ],
+          "balloonHeader": "Balloon header"
+        },
+        {
+          "template": [
+            "<div class='balloon' id='myBalloon'>",
+            "<div class='balloon-content'>",
+            "<h1 class='balloon-title'>Balloon header</h1>",
+            "<% for (var key in obj) { %>",
+            "<% if (obj[key] instanceof Object){%>",
+            "<% for (var key2 in obj[key]) { %>",
+            "<p class='balloon-text'><span class='balloon-street'> <strong> <%=key%>.<%=key2%> </strong> : <%=obj[key][key2]%></span><br></p>",
+            "<% } %>",
+            "<% } else{ %>",
+            "<p class='balloon-text'>",
+            "<span class='balloon-street'> <strong> <%=key%> </strong> : <%=obj[key]%></span><br>",
+            "</p>",
+            "<% } %>",
+            "<% } %>",
+            "</div>",
+            "<div class='balloon-close-col'>",
+            "<button class='close-balloon'><i class='fa fa-times fa-lg'></i></button>",
+            "</div>",
+            "<div class='dialog-image-balloon'></div>",
+            "<div class='balloon-left-edge'></div>",
+            "</div>"
+          ],
+          "layerTypes": [
+            null
+          ],
+          "layerNames": [
+            "StuttgartPart"
+          ],
+          "minTop": "balloonHeight + 30",
+          "minLeft": "70",
+          "allAvailable": true,
+          "properties": [
+            {
+              "title": "creationDate",
+              "name": "creationDate"
+            },
+            {
+              "title": "gml:name",
+              "name": "gml:name"
+            }
+          ],
+          "balloonHeader": "Balloon header"
+        },
+        {
+          "template": [
+            "<div class='balloon' id='myBalloon'>",
+            "<div class='balloon-content'>",
+            "<h1 class='balloon-title'>Balloon header</h1>",
+            "<% for (var key in obj) { %>",
+            "<% if (obj[key] instanceof Object){%>",
+            "<% for (var key2 in obj[key]) { %>",
+            "<p class='balloon-text'><span class='balloon-street'> <strong> <%=key%>.<%=key2%> </strong> : <%=obj[key][key2]%></span><br></p>",
+            "<% } %>",
+            "<% } else{ %>",
+            "<p class='balloon-text'>",
+            "<span class='balloon-street'> <strong> <%=key%> </strong> : <%=obj[key]%></span><br>",
+            "</p>",
+            "<% } %>",
+            "<% } %>",
+            "</div>",
+            "<div class='balloon-close-col'>",
+            "<button class='close-balloon'><i class='fa fa-times fa-lg'></i></button>",
+            "</div>",
+            "<div class='dialog-image-balloon'></div>",
+            "<div class='balloon-left-edge'></div>",
+            "</div>"
+          ],
+          "layerTypes": [
+            null
+          ],
+          "layerNames": [
+            "Stöckach"
+          ],
+          "minTop": "balloonHeight + 30",
+          "minLeft": "70",
+          "allAvailable": true,
+          "properties": [
+            {
+              "title": "creationDate",
+              "name": "creationDate"
+            },
+            {
+              "title": "gml:name",
+              "name": "gml:name"
+            }
+          ],
+          "balloonHeader": "Balloon header"
+        },
+        {
+          "template": [
+            "<div class='balloon' onclick='Questionnaire();' id='myBalloonP1'>",
+            "   <h1 class='balloon-title'>Umfrage (Böckinger Straße)</h1>",
+            "   <div class='balloon-content' style='height:250px; margin-right: 0px;'",
+            "   </div>",
+            "<p class='balloon-text'><span>Um die Umfrage zu starten klicken Sie bitte hier!</span><br></p>",
+            "<img style='padding-top:10px' src='images/content/contentboeckingerstrasse/Umfrage.jpg' alt='noch kein bild' width='375'>",
+
+            "</div>",
+            "<% Questionnaire(); %>",
+            "<% openquestionaire() %>"
+          ],
+          "minTop": "balloonHeight + 10",
+          "minLeft": "70",
+          "layerTypes": [
+            ""
+          ],
+          "layerNames": [
+            "Questionnaire"
+          ]
+        },
+        {
+          "template": [
+            "<div class='balloon' onclick='Questionnaire(\"1\");' id='myBalloonP1'>",
+            "   <h1 class='balloon-title'>Umfrage (Weilimdorf) Part 1</h1>",
+            "   <div class='balloon-content' style='height:250px; margin-right: 0px;'",
+            "   </div>",
+            "<p class='balloon-text'><span>Um die Umfrage zu starten klicken Sie bitte hier!</span><br></p>",
+            "<img style='padding-top:10px' src='images/content/contentboeckingerstrasse/Umfrage.jpg' alt='noch kein bild' width='375'>",
+
+            "</div>",
+            "<% Questionnaire(\"1\"); %>"
+
+          ],
+          "minTop": "balloonHeight + 10",
+          "minLeft": "70",
+          "layerTypes": [
+            ""
+          ],
+          "layerNames": [
+            "ProjektNord"
+          ]
+        },
+        {
+          "template": [
+            "<div class='balloon' onclick='Questionnaire(\"2\");' id='myBalloonP1'>",
+            "   <h1 class='balloon-title'>Umfrage (Weilimdorf) Part 2</h1>",
+            "   <div class='balloon-content' style='height:250px; margin-right: 0px;'",
+            "   </div>",
+            "<p class='balloon-text'><span>Um die Umfrage zu starten klicken Sie bitte hier!</span><br></p>",
+            "<img style='padding-top:10px' src='images/content/contentboeckingerstrasse/Umfrage.jpg' alt='noch kein bild' width='375'>",
+
+            "</div>",
+            "<% Questionnaire(\"2\"); %>"
+
+          ],
+          "minTop": "balloonHeight + 10",
+          "minLeft": "70",
+          "layerTypes": [
+            ""
+          ],
+          "layerNames": [
+            "Questionnaire02"
+          ]
+        },
+        {"template": [
+          "<div class='balloon' onclick='Questionnaire(\"3\")' id='myBalloon'>",
+          "   <h1 class='balloon-title'>Online Befragung</h1>",
+          "   <div class='balloon-content' style='height:260px; margin-right: 0px;'",
+          "   </div>",
+          "<p class='balloon-text'><span>Was sind Ihre Vorstellungen?</span><br></p>", 
+          "<img style='padding-top:10px' src='images/content/contentboeckingerstrasse/Umfrage.jpg' alt='noch kein bild' width='375'>",
+          "</div>",
+          "<% Questionnaire(\"3\") %>",
+          "<%  %>"
+        ],
+          "minTop": "balloonHeight + 10",
+          "minLeft": "70",
+          "layerTypes": [
+            ""
+          ],
+          "layerNames": ["MK_allgUmfrage"]
+        },
+        {
+          "template": [
+            "<div class='balloon' onclick='showbereich(\"potA\")' id='myBalloon'>",
+            "   <h1 class='balloon-title'>Potenzialort im Bereich A</h1>",
+            "   <div class='balloon-content' style='height:310px; margin-right: 0px;'",
+            "   </div>",
+            "<p class='balloon-text'><span>hier geht es um den Potenzialort im Bereich A</span><br></p>",
+            "<img style='padding-top:10px' src='images/content/contentboeckingerstrasse/fehlt.jpg' alt='noch kein bild' width='375'>",
+
+            "</div>",
+            "<% showbereich(\"potA\") %>",
+            "<% %>"
+          ],
+          "minTop": "balloonHeight + 10",
+          "minLeft": "70",
+          "layerTypes": [
+            ""
+          ],
+          "layerNames": [
+            "MK_potBereichA"
+          ]
+        },
+        {
+          "template": [
+            "<div class='balloon' onclick='showbereich(\"schule\")' id='myBalloon'>",
+            "   <h1 class='balloon-title'>Schulen</h1>",
+            "   <div class='balloon-content' style='height:100px; margin-right: 0px;'",
+            "   </div>",
+            "<p class='balloon-text'><span>Text fehlt...</span><br></p>",
+            "</div>",
+            "<% showbereich(\"schule\") %>",
+            "<% %>"
+          ],
+          "minTop": "balloonHeight + 10",
+          "minLeft": "70",
+          "layerTypes": [
+            ""
+          ],
+          "layerNames": [
+            "MK_multSchule"
+          ]
+        },
+        {
+          "template": [
+            "<div class='balloon' onclick='showbereich(\"kinder\")' id='myBalloon'>",
+            "   <h1 class='balloon-title'>Kindertagesstätte</h1>",
+            "   <div class='balloon-content' style='height:100px; margin-right: 0px;'",
+            "   </div>",
+            "<p class='balloon-text'><span>Text fehlt...</span><br></p>",
+            "</div>",
+            "<% showbereich(\"kinder\") %>",
+            "<% %>"
+          ],
+          "minTop": "balloonHeight + 10",
+          "minLeft": "70",
+          "layerTypes": [
+            ""
+          ],
+          "layerNames": [
+            "MK_multKinder"
+          ]
+        },
+        {
+          "template": [
+            "<div class='balloon' onclick='showbereich(\"chor\")' id='myBalloon'>",
+            "   <h1 class='balloon-title'>Chorvereinigung</h1>",
+            "   <div class='balloon-content' style='height:100px; margin-right: 0px;'",
+            "   </div>",
+            "<p class='balloon-text'><span>Text fehlt...</span><br></p>",
+            "</div>",
+            "<% showbereich(\"chor\") %>",
+            "<% %>"
+          ],
+          "minTop": "balloonHeight + 10",
+          "minLeft": "70",
+          "layerTypes": [
+            ""
+          ],
+          "layerNames": [
+            "MK_multChor"
+          ]
+        },
+        {
+          "template": [
+            "<div class='balloon' onclick='showbereich(\"musik\")' id='myBalloon'>",
+            "   <h1 class='balloon-title'>Musikverein</h1>",
+            "   <div class='balloon-content' style='height:100px; margin-right: 0px;'",
+            "   </div>",
+            "<p class='balloon-text'><span>Text fehlt...</span><br></p>",
+            "</div>",
+            "<% showbereich(\"musik\") %>",
+            "<% %>"
+          ],
+          "minTop": "balloonHeight + 10",
+          "minLeft": "70",
+          "layerTypes": [
+            ""
+          ],
+          "layerNames": [
+            "MK_multMusik"
+          ]
+        },
+        {
+          "template": [
+            "<div class='balloon' onclick='showbereich(\"kult\")' id='myBalloon'>",
+            "   <h1 class='balloon-title'>Kulturkreis Weilimdorf</h1>",
+            "   <div class='balloon-content' style='height:100px; margin-right: 0px;'",
+            "   </div>",
+            "<p class='balloon-text'><span>Text fehlt...</span><br></p>",
+            "</div>",
+            "<% showbereich(\"kult\") %>",
+            "<% %>"
+          ],
+          "minTop": "balloonHeight + 10",
+          "minLeft": "70",
+          "layerTypes": [
+            ""
+          ],
+          "layerNames": [
+            "MK_multKult"
+          ]
+        },
+        {
+          "template": [
+            "<div class='balloon' onclick='showbereich(\"forum\")' id='myBalloon'>",
+            "   <h1 class='balloon-title'>FORUM Stuttgart-Weilimdorf e.V.</h1>",
+            "   <div class='balloon-content' style='height:100px; margin-right: 0px;'",
+            "   </div>",
+            "<p class='balloon-text'><span>Text fehlt...</span><br></p>",
+            "</div>",
+            "<% showbereich(\"forum\") %>",
+            "<% %>"
+          ],
+          "minTop": "balloonHeight + 10",
+          "minLeft": "70",
+          "layerTypes": [
+            ""
+          ],
+          "layerNames": [
+            "MK_multForum"
+          ]
+        },
+        {
+          "template": [
+            "<div class='balloon' onclick='showbereich(\"musik\")' id='myBalloon'>",
+            "   <h1 class='balloon-title'>Tanzkreis Weilimdorf</h1>",
+            "   <div class='balloon-content' style='height:100px; margin-right: 0px;'",
+            "   </div>",
+            "<p class='balloon-text'><span>Text fehlt...</span><br></p>",
+            "</div>",
+            "<% showbereich(\"musik\") %>",
+            "<% %>"
+          ],
+          "minTop": "balloonHeight + 10",
+          "minLeft": "70",
+          "layerTypes": [
+            ""
+          ],
+          "layerNames": [
+            "MK_multTanz"
+          ]
+        },
+        {
+          "template": [
+            "<div class='balloon' onclick='showbereich(\"TSVW\")' id='myBalloon'>",
+            "   <h1 class='balloon-title'>TSV Weilimdorf (in Giebel ansässig, ggf. Fusion mit SG Weilimdorf)</h1>",
+            "   <div class='balloon-content' style='height:100px; margin-right: 0px;'",
+            "   </div>",
+            "<p class='balloon-text'><span>Text fehlt...</span><br></p>",
+            "</div>",
+            "<% showbereich(\"TSVW\") %>",
+            "<% %>"
+          ],
+          "minTop": "balloonHeight + 10",
+          "minLeft": "70",
+          "layerTypes": [
+            ""
+          ],
+          "layerNames": [
+            "MK_multTSVW"
+          ]
+        },
+        {
+          "template": [
+            "<div class='balloon' onclick='showbereich(\"SGW\")' id='myBalloon'>",
+            "   <h1 class='balloon-title'>SG Weilimdorf</h1>",
+            "   <div class='balloon-content' style='height:100px; margin-right: 0px;'",
+            "   </div>",
+            "<p class='balloon-text'><span>Text fehlt...</span><br></p>",
+            "</div>",
+            "<% showbereich(\"SGW\") %>",
+            "<% %>"
+          ],
+          "minTop": "balloonHeight + 10",
+          "minLeft": "70",
+          "layerTypes": [
+            ""
+          ],
+          "layerNames": [
+            "MK_multSGW"
+          ]
+        },
+        {
+          "template": [
+            "<div class='balloon' onclick='showbereich(\"chloroplast\")' id='myBalloon'>",
+            "   <h1 class='balloon-title'>Chloroplast e.V.</h1>",
+            "   <div class='balloon-content' style='height:100px; margin-right: 0px;'",
+            "   </div>",
+            "<p class='balloon-text'><span>Text fehlt...</span><br></p>",
+            "</div>",
+            "<% showbereich(\"chloroplast\") %>",
+            "<% %>"
+          ],
+          "minTop": "balloonHeight + 10",
+          "minLeft": "70",
+          "layerTypes": [
+            ""
+          ],
+          "layerNames": [
+            "MK_chloroplast"
+          ]
+        },
+        {
+          "template": [
+            "<div class='balloon' onclick='showbereich(\"potB\")' id='myBalloon'>",
+            "   <h1 class='balloon-title'>Potenzialort im Bereich B</h1>",
+            "   <div class='balloon-content' style='height:310px; margin-right: 0px;'",
+            "   </div>",
+            "<p class='balloon-text'><span>hier geht es um den Potenzialort im Bereich B</span><br></p>",
+            "<img style='padding-top:10px' src='images/MK_Images/Bereich_B_pot.jpg' alt='noch kein bild' width='375'>",
+
+            "</div>",
+            "<% showbereich(\"potB\") %>",
+            "<% %>"
+          ],
+          "minTop": "balloonHeight + 10",
+          "minLeft": "70",
+          "layerTypes": [
+            ""
+          ],
+          "layerNames": [
+            "MK_potBereichB"
+          ]
+        },
+        {
+          "template": [
+            "<div class='balloon' onclick='showbereich(\"potC\")' id='myBalloon'>",
+            "   <h1 class='balloon-title'>Potenzialort im Bereich C</h1>",
+            "   <div class='balloon-content' style='height:310px; margin-right: 0px;'",
+            "   </div>",
+            "<p class='balloon-text'><span>hier geht es um den Potenzialort im Bereich C</span><br></p>",
+            "<img style='padding-top:10px' src='images/MK_Images/Bereich_C_pot.jpg' alt='noch kein bild' width='375'>",
+
+            "</div>",
+            "<% showbereich(\"potC\") %>",
+            "<% %>"
+          ],
+          "minTop": "balloonHeight + 10",
+          "minLeft": "70",
+          "layerTypes": [
+            ""
+          ],
+          "layerNames": [
+            "MK_potBereichC"
+          ]
+        },
+        {
+          "template": [
+            "<div class='balloon' onclick='showbereich(\"plangebiet\")' id='myBalloon'>",
+            "   <h1 class='balloon-title'>Erschließung des Plangebiets</h1>",
+            "   <div class='balloon-content' style='height:310px; margin-right: 0px;'",
+            "   </div>",
+            "<p class='balloon-text'><span>hier geht es um die Erschließung des Plangebiets</span><br></p>",
+            "<img style='padding-top:10px' src='images/content/contentboeckingerstrasse/fehlt.jpg' alt='noch kein bild' width='375'>",
+
+            "</div>",
+            "<% showbereich(\"plangebiet\") %>",
+            "<% %>"
+          ],
+          "minTop": "balloonHeight + 10",
+          "minLeft": "70",
+          "layerTypes": [
+            ""
+          ],
+          "layerNames": [
+            "MK_Plangebiet"
+          ]
+        },
+        {
+          "template": [
+            "<div class='balloon' onclick='showbereich(\"A\")' id='myBalloon'>",
+            "   <h1 class='balloon-title'>Bereich A</h1>",
+            "   <div class='balloon-content' style='height:310px; margin-right: 0px;'",
+            "   </div>",
+            "<p class='balloon-text'><span>hier geht es um Bereich A</span><br></p>",
+            "<img style='padding-top:10px' src='images/MK_Images/A_Kita.jpg' alt='noch kein bild' width='375'>",
+
+            "</div>",
+            "<% showbereich(\"A\") %>",
+            "<% %>"
+          ],
+          "minTop": "balloonHeight + 10",
+          "minLeft": "70",
+          "layerTypes": [
+            ""
+          ],
+          "layerNames": [
+            "MK_bereichA",
+            "AreaFour"
+          ]
+        },{
+          "template": [
+            "<div class='balloon' onclick='showtourSpecific()' id='myBalloon'>",
+            "   <h1 class='balloon-title'>Grüner Korridor</h1>",
+            "   <div class='balloon-content' style='height:310px; margin-right: 0px;'",
+            "   </div>",
+            "<p class='balloon-text'><span>hier stehen Infos zum grünen Korridor</span><br></p>",
+            "<img style='padding-top:10px' src='images/MK_Images/Info_ehem.Walz Gärtnerei_vorläufig.jpg' alt='noch kein bild' width='375'>",
+
+            "</div>",
+            "<% showtourSpecific() %>",
+            "<% %>"
+          ],
+          "minTop": "balloonHeight + 10",
+          "minLeft": "70",
+          "layerTypes": [
+            ""
+          ],
+          "layerNames": [
+            "MK_Korridor"
+          ]
+        },{
+          "template": [
+            "<div class='balloon' onclick='showbereich(\"jugendhaus\")' id='myBalloon'>",
+            "   <h1 class='balloon-title'>Jugendhaus</h1>",
+            "   <div class='balloon-content' style='height:310px; margin-right: 0px;'",
+            "   </div>",
+            "<p class='balloon-text'><span>hier stehen Infos zum Jugendhaus</span><br></p>",
+            "<img style='padding-top:10px' src='images/MK_Images/Info_Jugendhaus.jpg' alt='noch kein bild' width='375'>",
+
+            "</div>",
+            "<% showbereich(\"jugendhaus\") %>",
+            "<% %>"
+          ],
+          "minTop": "balloonHeight + 10",
+          "minLeft": "70",
+          "layerTypes": [
+            ""
+          ],
+          "layerNames": [
+            "MK_Jugendhaus"
+          ]
+        },{
+          "template": [
+            "<div class='balloon' onclick='showbereich(\"walz\")' id='myBalloon'>",
+            "   <h1 class='balloon-title'>Areal der ehem. Gärtnerei Walz</h1>",
+            "   <div class='balloon-content' style='height:310px; margin-right: 0px;'",
+            "   </div>",
+            "<p class='balloon-text'><span>hier stehen Infos zu der ehem. Gärtnerei Walz</span><br></p>",
+            "<img style='padding-top:10px' src='images/MK_Images/Info_ehem.Walz Gärtnerei_vorläufig.jpg' alt='noch kein bild' width='375'>",
+
+            "</div>",
+            "<% showbereich(\"walz\") %>",
+            "<% %>"
+          ],
+          "minTop": "balloonHeight + 10",
+          "minLeft": "70",
+          "layerTypes": [
+            ""
+          ],
+          "layerNames": [
+            "MK_Walz"
+          ]
+        },{
+          "template": [
+            "<div class='balloon' onclick='showtourSpecific()' id='myBalloon'>",
+            "   <h1 class='balloon-title'>Haltestelle U13</h1>",
+            "   <div class='balloon-content' style='height:310px; margin-right: 0px;'",
+            "   </div>",
+            "<p class='balloon-text'><span>hier stehen Infos zur U13</span><br></p>",
+            "<img style='padding-top:10px' src='images/MK_Images/Info_U13.jpg' alt='noch kein bild' width='375'>",
+
+            "</div>",
+            "<% showtourSpecific() %>",
+            "<% %>"
+          ],
+          "minTop": "balloonHeight + 10",
+          "minLeft": "70",
+          "layerTypes": [
+            ""
+          ],
+          "layerNames": [
+            "MK_U13"
+          ]
+        },{
+          "template": [
+            "<div class='balloon' onclick='showtourSpecific()' id='myBalloon'>",
+            "   <h1 class='balloon-title'>Aktuelle Gebäudenutzung</h1>",
+            "   <div class='balloon-content' style='height:310px; margin-right: 0px;'",
+            "   </div>",
+            "<p class='balloon-text'><span>hier stehen Infos zu der aktuellen Gebäudenutzung</span><br></p>",
+            "<img style='padding-top:10px' src='images/MK_Images/Info_Sportangebot.jpg' alt='noch kein bild' width='375'>",
+
+            "</div>",
+            "<% showtourSpecific() %>",
+            "<% %>"
+          ],
+          "minTop": "balloonHeight + 10",
+          "minLeft": "70",
+          "layerTypes": [
+            ""
+          ],
+          "layerNames": [
+            "MK_Gebaeudenutzung"
+          ]
+        },{
+          "template": [
+            "<div class='balloon' onclick='showtourSpecific()' id='myBalloon'>",
+            "   <h1 class='balloon-title'>Bestehende Sportfelder</h1>",
+            "   <div class='balloon-content' style='height:310px; margin-right: 0px;'",
+            "   </div>",
+            "<p class='balloon-text'><span>hier stehen Infos zu den bestehenden Sportfeldern</span><br></p>",
+            "<img style='padding-top:10px' src='images/MK_Images/Bereich_B_sport.jpg' alt='noch kein bild' width='375'>",
+
+            "</div>",
+            "<% showtourSpecific() %>",
+            "<% %>"
+          ],
+          "minTop": "balloonHeight + 10",
+          "minLeft": "70",
+          "layerTypes": [
+            ""
+          ],
+          "layerNames": [
+            "MK_Sportfelder"
+          ]
+        },{
+          "template": [
+            "<div class='balloon' onclick='showbereich(\"burgerhaus\")' id='myBalloon'>",
+            "   <h1 class='balloon-title'>Bürgerhaus</h1>",
+            "   <div class='balloon-content' style='height:310px; margin-right: 0px;'",
+            "   </div>",
+            "<p class='balloon-text'><span>hier stehen Infos zum Bürgerhaus</span><br></p>",
+            "<img style='padding-top:10px' src='images/MK_Images/Info_Flüchtlingsunterkunft.jpg' alt='noch kein bild' width='375'>",
+
+            "</div>",
+            "<% showbereich(\"burgerhaus\") %>",
+            "<% %>"
+          ],
+          "minTop": "balloonHeight + 10",
+          "minLeft": "70",
+          "layerTypes": [
+            ""
+          ],
+          "layerNames": [
+            "MK_Buergerhaus"
+          ]
+        },{
+          "template": [
+            "<div class='balloon' onclick='showbereich(\"fluchtling\")' id='myBalloon'>",
+            "   <h1 class='balloon-title'>Flüchtlingsunterkunft</h1>",
+            "   <div class='balloon-content' style='height:310px; margin-right: 0px;'",
+            "   </div>",
+            "<p class='balloon-text'><span>hier stehen Infos zur Flüchtlingsunterkunft</span><br></p>",
+            "<img style='padding-top:10px' src='images/MK_Images/Info_Flüchtlingsunterkunft.jpg' alt='noch kein bild' width='375'>",
+
+            "</div>",
+            "<% showbereich(\"fluchtling\") %>",
+            "<% %>"
+          ],
+          "minTop": "balloonHeight + 10",
+          "minLeft": "70",
+          "layerTypes": [
+            ""
+          ],
+          "layerNames": [
+            "MK_Fluechtling"
+          ]
+        },{
+          "template": [
+            "<div class='balloon' onclick='showtourSpecific()' id='myBalloon'>",
+            "   <h1 class='balloon-title'>Jugend</h1>",
+            "   <div class='balloon-content' style='height:310px; margin-right: 0px;'",
+            "   </div>",
+            "<p class='balloon-text'><span>hier stehen Infos zum Jugendhaus</span><br></p>",
+            "<img style='padding-top:10px' src='images/MK_Images/AJugendhausParkour.jpg' alt='noch kein bild' width='375'>",
+
+            "</div>",
+            "<% showtourSpecific() %>",
+            "<% %>"
+          ],
+          "minTop": "balloonHeight + 10",
+          "minLeft": "70",
+          "layerTypes": [
+            ""
+          ],
+          "layerNames": [
+            "MK_Jugendhaus_multi"
+          ]
+        },{
+          "template": [
+            "<div class='balloon' onclick='showbereich(\"kindertag\")' id='myBalloon'>",
+            "   <h1 class='balloon-title'>Spatzennest</h1>",
+            "   <div class='balloon-content' style='height:310px; margin-right: 0px;'",
+            "   </div>",
+            "<p class='balloon-text'><span>hier geht es um das Spatzennest</span><br></p>",
+            "<img style='padding-top:10px' src='images/MK_Images/Info_Spatzennest.jpg' alt='noch kein bild' width='375'>",
+
+            "</div>",
+            "<% showbereich(\"kindertag\") %>",
+            "<% %>"
+          ],
+          "minTop": "balloonHeight + 10",
+          "minLeft": "70",
+          "layerTypes": [
+            ""
+          ],
+          "layerNames": [
+            "MK_Spatzennest"
+          ]
+        },
+        {
+          "template": [
+            "<div class='balloon' onclick='showbereich(\"B\")' id='myBalloon'>",
+            "   <h1 class='balloon-title'>Bereich B</h1>",
+            "   <div class='balloon-content' style='height:310px; margin-right: 0px;'",
+            "   </div>",
+            "<p class='balloon-text'><span>hier geht es um Bereich B</span><br></p>",
+            "<img style='padding-top:10px' src='images/MK_Images/Bereich_B.jpg' alt='noch kein bild' width='375'>",
+
+            "</div>",
+            "<% showbereich(\"B\") %>",
+            "<% %>"
+          ],
+          "minTop": "balloonHeight + 10",
+          "minLeft": "70",
+          "layerTypes": [
+            ""
+          ],
+          "layerNames": [
+            "MK_bereichB",
+            "AreaThree"
+          ]
+        },
+        {
+          "template": [
+            "<div class='balloon' onclick='showbereich(\"C\")' id='myBalloon'>",
+            "   <h1 class='balloon-title'>Bereich C</h1>",
+            "   <div class='balloon-content' style='height:310px; margin-right: 0px;'",
+            "   </div>",
+            "<p class='balloon-text'><span>hier geht es um Bereich C</span><br></p>",
+            "<img style='padding-top:10px' src='images/MK_Images/Bereich_C.jpg' alt='noch kein bild' width='375'>",
+
+            "</div>",
+            "<% showbereich(\"C\") %>",
+            "<% %>"
+          ],
+          "minTop": "balloonHeight + 10",
+          "minLeft": "70",
+          "layerTypes": [
+            ""
+          ],
+          "layerNames": [
+            "MK_bereichC",
+            "AreaOne"
+          ]
+        },
+        {
+          "template": [
+            "<div class='balloon' onclick='showbereich(\"D\")' id='myBalloon'>",
+            "   <h1 class='balloon-title'>Bereich D</h1>",
+            "   <div class='balloon-content' style='height:310px; margin-right: 0px;'",
+            "   </div>",
+            "<p class='balloon-text'><span>hier geht es um Bereich D</span><br></p>",
+            "<img style='padding-top:10px' src='images/MK_Images/Bereich_D.jpg' alt='noch kein bild' width='375'>",
+
+            "</div>",
+            "<% showbereich(\"D\") %>",
+            "<% %>"
+          ],
+          "minTop": "balloonHeight + 10",
+          "minLeft": "70",
+          "layerTypes": [
+            ""
+          ],
+          "layerNames": [
+            "MK_bereichD",
+            "AreaTwo"
+          ]
+        },
+        {
+          "template": [
+            "<div class='balloon' onclick='WeilimdorfAreaText()' id='myBalloon'>",
+            "   <h1 class='balloon-title'>Station 2</h1>",
+            "   <div class='balloon-content' style='height:310px; margin-right: 0px;'",
+            "   </div>",
+            "<p class='balloon-text'><span>hier wurde eine Gartenkiosk errichtet.</span><br></p>",
+            "<img style='padding-top:10px' src='images/content/contentboeckingerstrasse/fehlt.jpg' alt='noch kein bild' width='375'>",
+
+            "</div>",
+            "<%  %>",
+            "<% %>"
+          ],
+          "minTop": "balloonHeight + 10",
+          "minLeft": "70",
+          "layerTypes": [
+            ""
+          ],
+          "layerNames": [
+            "LocationTwo"
+          ]
+        },
+        {
+          "template": [
+            "<div class='balloon' onclick='showtourSpecific()' id='myBalloon'>",
+            "   <h1 class='balloon-title'>Station 1</h1>",
+            "   <div class='balloon-content' style='height:290px; margin-right: 0px;'",
+            "   </div>",
+            "<p class='balloon-text'><span>hier wurde eine Spielekiosk errichtet.</span><br></p>",
+            "<img style='padding-top:10px' src='images/content/contentboeckingerstrasse/fehlt.jpg' alt='noch kein bild' width='375'>",
+
+            "</div>",
+            "<%  %>",
+            "<% openquestionaire() %>"
+          ],
+          "minTop": "balloonHeight + 10",
+          "minLeft": "70",
+          "layerTypes": [
+            ""
+          ],
+          "layerNames": [
+            "LocationOne"
+          ]
+        },
+        {
+          "template": [
+            "<div class='balloon' onclick='showtourSpecific()' id='myBalloon'>",
+            "   <h1 class='balloon-title'>Station 3</h1>",
+            "   <div class='balloon-content' style='height:290px; margin-right: 0px;'",
+            "   </div>",
+            "<p class='balloon-text'><span>hier wurde eine Outdoorkiosk errichtet.</span><br></p>",
+            "<img style='padding-top:10px' src='images/content/contentboeckingerstrasse/fehlt.jpg' alt='noch kein bild' width='375'>",
+
+            "</div>",
+            "<%  %>",
+            "<% openquestionaire() %>"
+          ],
+          "minTop": "balloonHeight + 10",
+          "minLeft": "70",
+          "layerTypes": [
+            ""
+          ],
+          "layerNames": [
+            "LocationThree"
+          ]
+        },
+        {
+          "template": [
+            "<div class='balloon' onclick='showtourSpecific()' id='myBalloon'>",
+            "   <h1 class='balloon-title'>Station 4</h1>",
+            "   <div class='balloon-content' style='height:290px; margin-right: 0px;'",
+            "   </div>",
+            "<p class='balloon-text'><span>hier wurde eine Infokiosk errichtet.</span><br></p>",
+            "<img style='padding-top:10px' src='images/content/contentboeckingerstrasse/fehlt.jpg' alt='noch kein bild' width='375'>",
+
+            "</div>",
+            "<%  %>",
+            "<% openquestionaire() %>"
+          ],
+          "minTop": "balloonHeight + 10",
+          "minLeft": "70",
+          "layerTypes": [
+            ""
+          ],
+          "layerNames": [
+            "LocationFour"
+          ]
+        },
+        {
+          "template": [
+            "<div class='balloon' id='myBalloon'>",
+            "<div class='balloon-content'>",
+            "<h1 class='balloon-title'>Balloon header</h1>",
+            "<% for (var key in obj) { %>",
+            "<% if (obj[key] instanceof Object){%>",
+            "<% for (var key2 in obj[key]) { %>",
+            "<p class='balloon-text'><span class='balloon-street'> <strong> <%=key%>.<%=key2%> </strong> : <%=obj[key][key2]%></span><br></p>",
+            "<% } %>",
+            "<% } else{ %>",
+            "<p class='balloon-text'>",
+            "<span class='balloon-street'> <strong> <%=key%> </strong> : <%=obj[key]%></span><br>",
+            "</p>",
+            "<% } %>",
+            "<% } %>",
+            "</div>",
+            "<div class='balloon-close-col'>",
+            "<button class='close-balloon'><i class='fa fa-times fa-lg'></i></button>",
+            "</div>",
+            "<div class='dialog-image-balloon'></div>",
+            "<div class='balloon-left-edge'></div>",
+            "</div>"
+          ],
+          "layerTypes": [
+            null
+          ],
+          "layerNames": [
+            "StuttgartLocal"
+          ],
+          "minTop": "balloonHeight + 30",
+          "minLeft": "70",
+          "allAvailable": true,
+          "properties": [
+            {
+              "title": "DatenquelleDachhoehe",
+              "name": "DatenquelleDachhoehe",
+              "active": true
+            },
+            {
+              "title": "Gemeindeschluessel",
+              "name": "Gemeindeschluessel",
+              "active": true
+            },
+            {
+              "title": "DatenquelleLage",
+              "name": "DatenquelleLage",
+              "active": true
+            },
+            {
+              "title": "DatenquelleBodenhoehe",
+              "name": "DatenquelleBodenhoehe",
+              "active": true
+            },
+            {
+              "title": "roofType",
+              "name": "roofType",
+              "active": true
+            },
+            {
+              "title": "storeysAboveGround",
+              "name": "storeysAboveGround"
+            },
+            {
+              "title": "creationDate",
+              "name": "creationDate"
+            },
+            {
+              "title": "gml:name",
+              "name": "gml:name"
+            },
+            {
+              "title": "externalReference externalObjectName",
+              "name": "externalReference externalObjectName"
+            },
+            {
+              "title": "measuredHeight",
+              "name": "measuredHeight"
+            },
+            {
+              "title": "function",
+              "name": "function"
+            },
+            {
+              "title": "Country",
+              "name": "Address.Country"
+            },
+            {
+              "title": "PostalCode",
+              "name": "Address.PostalCode"
+            },
+            {
+              "title": "City",
+              "name": "Address.City"
+            },
+            {
+              "title": "Street",
+              "name": "Address.Street"
+            },
+            {
+              "title": "HouseNumber",
+              "name": "Address.HouseNumber"
+            },
+            {
+              "title": "AddressLine",
+              "name": "Address.AddressLine"
+            }
+          ],
+          "balloonHeader": "Balloon header"
+        }
+      ],
+      "excludedLayerNames": []
+    },
+    {
+      "type": "vcs.vcm.widgets.Copyright"
+    },
+    {
+      "low": {
+        "sse": 4,
+        "fxaa": false,
+        "fog": {
+          "enabled": true
+        },
+        "resolutionScale": 0.9,
+        "layerSSEFactor": 2
+      },
+      "medium": {
+        "sse": 2.333,
+        "fxaa": false,
+        "fog": {
+          "enabled": true
+        },
+        "resolutionScale": 1,
+        "layerSSEFactor": 1.1
+      },
+      "high": {
+        "sse": 1.3333333333333333,
+        "fxaa": true,
+        "fog": {
+          "enabled": true
+        },
+        "resolutionScale": 1,
+        "layerSSEFactor": 0.5
+      },
+      "defaultQualityLevel": "medium",
+      "showAdvancedSettings": false,
+      "type": "vcs.vcm.widgets.DisplayQuality"
+    },
+    {
+      "color": [
+        255,
+        152,
+        0
+      ],
+      "opacity": 0.8,
+      "pointRadius": 5,
+      "width": 5,
+      "type": "vcs.vcm.widgets.Drawing"
+    },
+    {
+      "type": "vcs.vcm.widgets.CreateLink",
+      "name": "Link Creator"
+    },
+    {
+      "type": "vcs.vcm.widgets.Locator",
+      "name": "Locator",
+      "zoomDistance": 1000,
+      "style": {
+        "image": {
+          "circle": {
+            "fill": {
+              "color": "rgba(255,255,255,1.0)"
+            },
+            "stroke": {
+              "color": "rgba(0,0,0,1.0)",
+              "width": 1
+            },
+            "radius": 5
+          }
+        }
+      }
+    },
+    {
+      "type": "vcs.vcm.widgets.Measurement",
+      "name": "Measurements",
+      "style": {
+        "fill": {
+          "color": [
+            255,
+            255,
+            255,
+            0.4
+          ]
+        },
+        "stroke": {
+          "color": [
+            51,
+            153,
+            204,
+            1
+          ],
+          "width": 1.25,
+          "lineDash": null
+        },
+        "text": {
+          "font": "18px sans-serif",
+          "fill": {
+            "color": [
+              51,
+              51,
+              51,
+              1
+            ]
+          },
+          "textBaseline": "bottom",
+          "offsetY": -15,
+          "offsetX": 0
+        },
+        "image": {
+          "scale": 1,
+          "fill": {
+            "color": [
+              255,
+              255,
+              255,
+              0.4
+            ]
+          },
+          "radius": 5,
+          "stroke": {
+            "color": [
+              0,
+              0,
+              0,
+              1
+            ],
+            "width": 1,
+            "lineDash": null
+          }
+        }
+      },
+      "decimalPlaces": 1
+    },
+    {
+      "type": "vcs.vcm.widgets.NavigationControls",
+      "name": "NavigationControls",
+      "zoomFactor": 2,
+      "moveFactor": 1.5,
+      "animationDuration": 0.5,
+      "tiltFactor": 10,
+      "animation": true,
+      "showZoomButtons": true,
+      "showTiltButtons": true,
+      "showHomeButton": true,
+      "showCompass": true,
+      "rotationPerFrame": 0.5
+    },
+    {
+      "type": "vcs.vcm.widgets.OverviewMap",
+      "name": "Overview Map",
+      "layerName": "Openstreetmap layer",
+      "minimumHeight": 150,
+      "cameraIcon": "",
+      "activeOnStartup": false
+    },
+    {
+      "type": "vcs.vcm.widgets.PDFCreator",
+      "name": "PDF Creator"
+    },
+    {
+      "type": "vcs.vcm.widgets.Questionnaire",
+      "name": "Questionnaire"
+    },
+    {
+      "type": "vcs.vcm.widgets.PositionDisplay",
+      "name": "Position Display",
+      "positionDecimalPlaces": 2,
+      "template": null
+    },
+    {
+      "type": "vcs.vcm.widgets.search.Search",
+      "name": "Search",
+      "autocomplete": false,
+      "autocompleteRequest": null,
+      "resultIcon": null,
+      "searchImplementations": [
+        {
+          "type": "vcs.vcm.widgets.search.Nominatim",
+          "name": "a62716d9-1453-4498-87ba-4c887ec49951",
+          "url": "https://nominatim.openstreetmap.org/search",
+          "city": null,
+          "state": null,
+          "countrycode": "de",
+          "extent": null,
+          "limit": 20
+        }
+      ],
+      "extendedSearches": [],
+      "showSearchResultToolbar": false
+    },
+    {
+      "type": "vcs.vcm.widgets.Shadow",
+      "name": "Shadows",
+      "activateShadowsOnStartup": false,
+      "timezone": null
+    },
+    {
+      "type": "vcs.vcm.widgets.TransparentTerrainMode",
+      "name": "Transparent terrain mode"
+    },
+    {
+      "type": "vcs.vcm.widgets.legend.Legend",
+      "children": [
+        {
+          "type": "vcs.vcm.widgets.legend.GroupItem",
+          "title": "Positionen",
+          "clickable": true,
+          "startOpen": false,
+          "children": [
+            {
+              "type": "vcs.vcm.widgets.legend.ViewpointItem",
+              "viewpointName": "Böckingerstraße",
+              "infoUrl": "",
+              "title": "Böckingerstraße"
+            },
+            {
+              "type": "vcs.vcm.widgets.legend.ViewpointItem",
+              "viewpointName": "startview",
+              "infoUrl": "",
+              "title": "Stöckach"
+            }
+          ]
+        }
+      ]
+    }
+  ],
+  "layers": [
+    {
+      "name": "AreaOne",
+      "url": "./templates/Area1.geojson",
+      "type": "vcs.vcm.layer.GeoJSON",
+      "datasourceId": "...",
+      "activeOnStartup": true,
+      "exclusive": false,
+      "projection": {
+        "epsg": "4326",
+        "proj4": ""
+      },
+      "altitudeMode": "relativeToGround",
+      "style": {
+        "image": {
+          "icon": {
+            "src": "",
+            "scale": 0.5
+          }
+        }
+      },
+      "heightAboveGround": 0
+    },{
+      "name": "AreaTwo",
+      "url": "./templates/Area2.geojson",
+      "type": "vcs.vcm.layer.GeoJSON",
+      "datasourceId": "...",
+      "activeOnStartup": true,
+      "exclusive": false,
+      "projection": {
+        "epsg": "4326",
+        "proj4": ""
+      },
+      "altitudeMode": "relativeToGround",
+      "style": {
+        "image": {
+          "icon": {
+            "src": "",
+            "scale": 0.5
+          }
+        }
+      },
+      "heightAboveGround": 0
+    },{
+      "name": "AreaThree",
+      "url": "./templates/Area3.geojson",
+      "type": "vcs.vcm.layer.GeoJSON",
+      "datasourceId": "...",
+      "activeOnStartup": true,
+      "exclusive": false,
+      "projection": {
+        "epsg": "4326",
+        "proj4": ""
+      },
+      "altitudeMode": "relativeToGround",
+      "style": {
+        "image": {
+          "icon": {
+            "src": "",
+            "scale": 0.5
+          }
+        }
+      },
+      "heightAboveGround": 0
+    },{
+      "name": "AreaFour",
+      "url": "./templates/Area4.geojson",
+      "type": "vcs.vcm.layer.GeoJSON",
+      "datasourceId": "...",
+      "activeOnStartup": true,
+      "exclusive": false,
+      "projection": {
+        "epsg": "4326",
+        "proj4": ""
+      },
+      "altitudeMode": "relativeToGround",
+      "style": {
+        "image": {
+          "icon": {
+            "src": "",
+            "scale": 0.5
+          }
+        }
+      },
+      "heightAboveGround": 0
+    },
+    {
+      "name": "TestTerrainWeilimdorf",
+      "url": "./datasource-data/41f773d4-3e2d-4c5d-b857-ca1d9f919199",
+      "type": "vcs.vcm.layer.cesium.Terrain",
+      "datasourceId": "ERmRsCpzxYgZW3iia",
+      "activeOnStartup": true,
+      "exclusive": false,
+      "requestVertexNormals": true,
+      "hiddenObjectIds": [],
+      "copyright": {
+        "provider": "",
+        "url": "",
+        "year": ""
+      }
+    },
+    {"name": "MK_multSchule",
+      "url": "./marker/mult_schulen.geojson",
+      "type": "vcs.vcm.layer.GeoJSON",
+      "datasourceId": "...",
+      "activeOnStartup": true,
+      "exclusive": false,
+      "projection": {  "epsg": "4326",  "proj4": ""},
+      "altitudeMode": "relativeToGround",
+      "style": {
+          "image": {
+                "icon": {
+                        "src": "./icons/Türkis_multiplikatoren.png",      
+                        "scale": 0.3     
+                        }  
+                        }
+                        },
+    "heightAboveGround": 0
+    },
+    {"name": "MK_multKinder",
+      "url": "./marker/mult_kindertag.geojson",
+      "type": "vcs.vcm.layer.GeoJSON",
+      "datasourceId": "...",
+      "activeOnStartup": true,
+      "exclusive": false,
+      "projection": {  "epsg": "4326",  "proj4": ""},
+      "altitudeMode": "relativeToGround",
+      "style": {
+          "image": {
+                "icon": {
+                        "src": "./icons/Türkis_multiplikatoren.png",      
+                        "scale": 0.3    
+                        }  
+                        }
+                        },
+    "heightAboveGround": 0
+    },
+    {"name": "MK_multChor",
+      "url": "./marker/mult_Chor.geojson",
+      "type": "vcs.vcm.layer.GeoJSON",
+      "datasourceId": "...",
+      "activeOnStartup": false,
+      "exclusive": false,
+      "projection": {  "epsg": "4326",  "proj4": ""},
+      "altitudeMode": "relativeToGround",
+      "style": {
+          "image": {
+                "icon": {
+                        "src": "./icons/Türkis_multiplikatoren.png",      
+                        "scale": 0.3    
+                        }  
+                        }
+                        },
+    "heightAboveGround": 0
+    },
+    {"name": "MK_multMusik",
+      "url": "./marker/mult_Musik.geojson",
+      "type": "vcs.vcm.layer.GeoJSON",
+      "datasourceId": "...",
+      "activeOnStartup": false,
+      "exclusive": false,
+      "projection": {  "epsg": "4326",  "proj4": ""},
+      "altitudeMode": "relativeToGround",
+      "style": {
+          "image": {
+                "icon": {
+                        "src": "./icons/Türkis_multiplikatoren.png",      
+                        "scale": 0.3     
+                        }  
+                        }
+                        },
+    "heightAboveGround": 0
+    },
+    {"name": "MK_multKult",
+      "url": "./marker/mult_Kult.geojson",
+      "type": "vcs.vcm.layer.GeoJSON",
+      "datasourceId": "...",
+      "activeOnStartup": false,
+      "exclusive": false,
+      "projection": {  "epsg": "4326",  "proj4": ""},
+      "altitudeMode": "relativeToGround",
+      "style": {
+          "image": {
+                "icon": {
+                        "src": "./icons/Türkis_multiplikatoren.png",      
+                        "scale": 0.3     
+                        }  
+                        }
+                        },
+    "heightAboveGround": 0
+    },
+    {"name": "MK_multForum",
+      "url": "./marker/mult_Forum.geojson",
+      "type": "vcs.vcm.layer.GeoJSON",
+      "datasourceId": "...",
+      "activeOnStartup": true,
+      "exclusive": false,
+      "projection": {  "epsg": "4326",  "proj4": ""},
+      "altitudeMode": "relativeToGround",
+      "style": {
+          "image": {
+                "icon": {
+                        "src": "./icons/Türkis_multiplikatoren.png",      
+                        "scale": 0.3     
+                        }  
+                        }
+                        },
+    "heightAboveGround": 0
+    },
+    {"name": "MK_multTanz",
+      "url": "./marker/mult_Tanz.geojson",
+      "type": "vcs.vcm.layer.GeoJSON",
+      "datasourceId": "...",
+      "activeOnStartup": false,
+      "exclusive": false,
+      "projection": {  "epsg": "4326",  "proj4": ""},
+      "altitudeMode": "relativeToGround",
+      "style": {
+          "image": {
+                "icon": {
+                        "src": "./icons/Türkis_multiplikatoren.png",      
+                        "scale": 0.3    
+                        }  
+                        }
+                        },
+    "heightAboveGround": 0
+    },
+    {"name": "MK_multTSVW",
+      "url": "./marker/mult_TSVW.geojson",
+      "type": "vcs.vcm.layer.GeoJSON",
+      "datasourceId": "...",
+      "activeOnStartup": true,
+      "exclusive": false,
+      "projection": {  "epsg": "4326",  "proj4": ""},
+      "altitudeMode": "relativeToGround",
+      "style": {
+          "image": {
+                "icon": {
+                        "src": "./icons/Türkis_multiplikatoren.png",      
+                        "scale": 0.3    
+                        }  
+                        }
+                        },
+    "heightAboveGround": 0
+    },
+    {"name": "MK_multSGW",
+      "url": "./marker/mult_SGW.geojson",
+      "type": "vcs.vcm.layer.GeoJSON",
+      "datasourceId": "...",
+      "activeOnStartup": true,
+      "exclusive": false,
+      "projection": {  "epsg": "4326",  "proj4": ""},
+      "altitudeMode": "relativeToGround",
+      "style": {
+          "image": {
+                "icon": {
+                        "src": "./icons/Türkis_multiplikatoren.png",      
+                        "scale": 0.3    
+                        }  
+                        }
+                        },
+    "heightAboveGround": 0
+    },
+    {"name": "MK_chloroplast",
+      "url": "./marker/mult_chloro.geojson",
+      "type": "vcs.vcm.layer.GeoJSON",
+      "datasourceId": "...",
+      "activeOnStartup": true,
+      "exclusive": false,
+      "projection": {  "epsg": "4326",  "proj4": ""},
+      "altitudeMode": "relativeToGround",
+      "style": {
+          "image": {
+                "icon": {
+                        "src": "./icons/Türkis_multiplikatoren.png",      
+                        "scale": 0.3    
+                        }  
+                        }
+                        },
+    "heightAboveGround": 0
+    },
+    {"name": "MK_potBereichA",
+      "url": "./marker/pot_bereichA.geojson",
+      "type": "vcs.vcm.layer.GeoJSON",
+      "datasourceId": "...",
+      "activeOnStartup": true,
+      "exclusive": false,
+      "projection": {  "epsg": "4326",  "proj4": ""},
+      "altitudeMode": "relativeToGround",
+      "style": {
+          "image": {
+                "icon": {
+                        "src": "./icons/Türkis_Info.png",      
+                        "scale": 0.3    
+                        }  
+                        }
+                        },
+    "heightAboveGround": 0
+    },
+    {"name": "MK_potBereichB",
+      "url": "./marker/pot_bereichB.geojson",
+      "type": "vcs.vcm.layer.GeoJSON",
+      "datasourceId": "...",
+      "activeOnStartup": true,
+      "exclusive": false,
+      "projection": {  "epsg": "4326",  "proj4": ""},
+      "altitudeMode": "relativeToGround",
+      "style": {
+          "image": {
+                "icon": {
+                        "src": "./icons/Türkis_Info.png",      
+                        "scale": 0.3    
+                        }  
+                        }
+                        },
+    "heightAboveGround": 0
+    },
+    {"name": "MK_potBereichC",
+      "url": "./marker/pot_bereichC.geojson",
+      "type": "vcs.vcm.layer.GeoJSON",
+      "datasourceId": "...",
+      "activeOnStartup": true,
+      "exclusive": false,
+      "projection": {  "epsg": "4326",  "proj4": ""},
+      "altitudeMode": "relativeToGround",
+      "style": {
+          "image": {
+                "icon": {
+                        "src": "./icons/Türkis_Info.png",      
+                        "scale": 0.3    
+                        }  
+                        }
+                        },
+    "heightAboveGround": 0
+    },
+    {"name": "MK_Plangebiet",
+      "url": "./marker/Plangebiet.geojson",
+      "type": "vcs.vcm.layer.GeoJSON",
+      "datasourceId": "...",
+      "activeOnStartup": true,
+      "exclusive": false,
+      "projection": {  "epsg": "4326",  "proj4": ""},
+      "altitudeMode": "relativeToGround",
+      "style": {
+          "image": {
+                "icon": {
+                        "src": "./icons/Türkis_Info.png",      
+                        "scale": 0.3    
+                        }  
+                        }
+                        },
+    "heightAboveGround": 0
+    },
+    {"name": "MK_bereichA",
+      "url": "./marker/BereichA.geojson",
+      "type": "vcs.vcm.layer.GeoJSON",
+      "datasourceId": "...",
+      "activeOnStartup": true,
+      "exclusive": false,
+      "projection": {  "epsg": "4326",  "proj4": ""},
+      "altitudeMode": "relativeToGround",
+      "style": {
+          "image": {
+                "icon": {
+                        "src": "./icons/Info_BereichA_lila.png",      
+                        "scale": 0.3    
+                        }  
+                        }
+                        },
+    "heightAboveGround": 0
+    },
+    {
+      "name": "MK_bereichB",
+      "url": "./marker/BereichB.geojson",
+      "type": "vcs.vcm.layer.GeoJSON",
+      "datasourceId": "...",
+      "activeOnStartup": true,
+      "exclusive": false,
+      "projection": {  "epsg": "4326",  "proj4": ""},
+      "altitudeMode": "relativeToGround",
+      "style": {
+          "image": {
+                "icon": {
+                        "src": "./icons/Info_BereichB_orange.png",      
+                        "scale": 0.3    
+                        }  
+                     }
+                },
+      "heightAboveGround": 0
+    },
+    {
+      "name": "MK_bereichC",
+      "url": "./marker/BereichC.geojson",
+      "type": "vcs.vcm.layer.GeoJSON",
+      "datasourceId": "...",
+      "activeOnStartup": true,
+      "exclusive": false,
+      "projection": {  "epsg": "4326",  "proj4": ""},
+      "altitudeMode": "relativeToGround",
+      "style": {
+          "image": {
+                "icon": {
+                        "src": "./icons/Info_BereichCgrün.png",      
+                        "scale": 0.3    
+                        }  
+                        }
+                        },
+    "heightAboveGround": 0
+    },
+    {
+      "name": "MK_bereichD",
+      "url": "./marker/BereichD.geojson",
+      "type": "vcs.vcm.layer.GeoJSON",
+      "datasourceId": "...",
+      "activeOnStartup": true,
+      "exclusive": false,
+      "projection": {  "epsg": "4326",  "proj4": ""},
+      "altitudeMode": "relativeToGround",
+      "style": {
+          "image": {
+                "icon": {
+                        "src": "./icons/Info_BereichDgrau.png",      
+                        "scale": 0.3    
+                        }  
+                        }
+                        },
+    "heightAboveGround": 0
+    },
+    {
+      "name": "MK_allgUmfrage",
+      "url": "./marker/allgUmfrage.geojson",
+      "type": "vcs.vcm.layer.GeoJSON",
+      "datasourceId": "...",
+      "activeOnStartup": true,
+      "exclusive": false,
+      "projection": {  "epsg": "4326",  "proj4": ""},
+      "altitudeMode": "relativeToGround",
+      "style": {
+          "image": {
+                "icon": {
+                        "src": "./icons/Umfrage_Button_transpHintergrund_türkis.png",      
+                        "scale": 0.3    
+                        }  
+                        }
+                        },
+    "heightAboveGround": 0
+  },{
+    "name": "MK_Fluechtling",
+    "url": "./marker/Fluechtlingsunterkunft.geojson",
+    "type": "vcs.vcm.layer.GeoJSON",
+    "datasourceId": "...",
+    "activeOnStartup": true,
+    "exclusive": false,
+    "projection": {  "epsg": "4326",  "proj4": ""},
+    "altitudeMode": "relativeToGround",
+    "style": {
+        "image": {
+              "icon": {
+                      "src": "./icons/Türkis_Info.png",      
+                      "scale": 0.3    
+                      }  
+                      }
+                      },
+  "heightAboveGround": 0
+},{
+  "name": "MK_Buergerhaus",
+  "url": "./marker/Buergerhaus.geojson",
+  "type": "vcs.vcm.layer.GeoJSON",
+  "datasourceId": "...",
+  "activeOnStartup": true,
+  "exclusive": false,
+  "projection": {  "epsg": "4326",  "proj4": ""},
+  "altitudeMode": "relativeToGround",
+  "style": {
+      "image": {
+            "icon": {
+                    "src": "./icons/Türkis_Info.png",      
+                    "scale": 0.3    
+                    }  
+                    }
+                    },
+"heightAboveGround": 0
+},{
+  "name": "MK_Gebaeudenutzung",
+  "url": "./marker/aktGebaeudenutzung.geojson",
+  "type": "vcs.vcm.layer.GeoJSON",
+  "datasourceId": "...",
+  "activeOnStartup": true,
+  "exclusive": false,
+  "projection": {  "epsg": "4326",  "proj4": ""},
+  "altitudeMode": "relativeToGround",
+  "style": {
+      "image": {
+            "icon": {
+                    "src": "./icons/Türkis_Info.png",      
+                    "scale": 0.3    
+                    }  
+                    }
+                    },
+"heightAboveGround": 0
+},{
+  "name": "MK_Sportfelder",
+  "url": "./marker/Sportfelder.geojson",
+  "type": "vcs.vcm.layer.GeoJSON",
+  "datasourceId": "...",
+  "activeOnStartup": true,
+  "exclusive": false,
+  "projection": {  "epsg": "4326",  "proj4": ""},
+  "altitudeMode": "relativeToGround",
+  "style": {
+      "image": {
+            "icon": {
+                    "src": "./icons/Türkis_Info.png",      
+                    "scale": 0.3    
+                    }  
+                    }
+                    },
+"heightAboveGround": 0
+},{
+  "name": "MK_Korridor",
+  "url": "./marker/Korridor.geojson",
+  "type": "vcs.vcm.layer.GeoJSON",
+  "datasourceId": "...",
+  "activeOnStartup": true,
+  "exclusive": false,
+  "projection": {  "epsg": "4326",  "proj4": ""},
+  "altitudeMode": "relativeToGround",
+  "style": {
+      "image": {
+            "icon": {
+                    "src": "./icons/Türkis_Info.png",      
+                    "scale": 0.3    
+                    }  
+                    }
+                    },
+"heightAboveGround": 0
+},{
+  "name": "MK_U13",
+  "url": "./marker/u13.geojson",
+  "type": "vcs.vcm.layer.GeoJSON",
+  "datasourceId": "...",
+  "activeOnStartup": true,
+  "exclusive": false,
+  "projection": {  "epsg": "4326",  "proj4": ""},
+  "altitudeMode": "relativeToGround",
+  "style": {
+      "image": {
+            "icon": {
+                    "src": "./icons/Türkis_Info.png",      
+                    "scale": 0.3    
+                    }  
+                    }
+                    },
+"heightAboveGround": 0
+},{
+  "name": "MK_Walz",
+  "url": "./marker/walz.geojson",
+  "type": "vcs.vcm.layer.GeoJSON",
+  "datasourceId": "...",
+  "activeOnStartup": true,
+  "exclusive": false,
+  "projection": {  "epsg": "4326",  "proj4": ""},
+  "altitudeMode": "relativeToGround",
+  "style": {
+      "image": {
+            "icon": {
+                    "src": "./icons/Türkis_Info.png",      
+                    "scale": 0.3    
+                    }  
+                    }
+                    },
+"heightAboveGround": 0
+},{
+      "name": "MK_Jugendhaus",
+      "url": "./marker/Jugendhaus.geojson",
+      "type": "vcs.vcm.layer.GeoJSON",
+      "datasourceId": "...",
+      "activeOnStartup": true,
+      "exclusive": false,
+      "projection": {  "epsg": "4326",  "proj4": ""},
+      "altitudeMode": "relativeToGround",
+      "style": {
+          "image": {
+                "icon": {
+                        "src": "./icons/Türkis_Info.png",      
+                        "scale": 0.3    
+                        }  
+                        }
+                        },
+    "heightAboveGround": 0
+  },{
+    "name": "MK_Jugendhaus_multi",
+    "url": "./marker/Jugendhaus_multi.geojson",
+    "type": "vcs.vcm.layer.GeoJSON",
+    "datasourceId": "...",
+    "activeOnStartup": true,
+    "exclusive": false,
+    "projection": {  "epsg": "4326",  "proj4": ""},
+    "altitudeMode": "relativeToGround",
+    "style": {
+        "image": {
+              "icon": {
+                      "src": "./icons/Türkis_multiplikatoren.png",      
+                      "scale": 0.3    
+                      }  
+                      }
+                      },
+  "heightAboveGround": 0
+},{
+      "name": "MK_Spatzennest",
+      "url": "./marker/Spatzennest.geojson",
+      "type": "vcs.vcm.layer.GeoJSON",
+      "datasourceId": "...",
+      "activeOnStartup": true,
+      "exclusive": false,
+      "projection": {  "epsg": "4326",  "proj4": ""},
+      "altitudeMode": "relativeToGround",
+      "style": {
+          "image": {
+                "icon": {
+                        "src": "./icons/Türkis_Info.png",      
+                        "scale": 0.3   
+                        }  
+                        }
+                        },
+    "heightAboveGround": 0
+  },
+    {
+      "name": "WeilimdorfHeight",
+      "url": "./datasource-data/de2f294c-680f-4009-b0ec-ce4321e3ce77/tileset.json",
+      "type": "vcs.vcm.layer.cesium.Buildings",
+      "datasourceId": "zECwoSwXppPMrqfLoc",
+      "activeOnStartup": true,
+      "exclusive": false,
+      "allowPicking": true,
+      "screenSpaceError": 16,
+      "screenSpaceErrorMobile": 32,
+      "hiddenObjectIds": [],
+      "copyright": {
+        "provider": "",
+        "url": "",
+        "year": ""
+      },
+          "heightAboveGround": 0
+    },{
+      "name": "StuttgartLocal",
+      "url": "./datasource-data/Weilimdorf2/tileset.json",
+      "type": "vcs.vcm.layer.cesium.Buildings",
+      "datasourceId": "zECwoSwXppPMrqfLoc",
+      "activeOnStartup": false,
+      "exclusive": false,
+      "allowPicking": true,
+      "screenSpaceError": 16,
+      "screenSpaceErrorMobile": 32,
+      "hiddenObjectIds": [],
+      "copyright": {
+        "provider": "",
+        "url": "",
+        "year": ""
+      }
+    },
+    {
+      "name": "DGM2",
+      "url": "./datasource-data/tileset",
+      "type": "vcs.vcm.layer.cesium.Terrain",
+      "datasourceId": "52hixWfozhzGYx76W",
+      "activeOnStartup": false,
+      "exclusive": false,
+      "requestVertexNormals": true,
+      "copyright": {
+        "provider": "",
+        "url": "",
+        "year": ""
+      }
+    },
+    {
+      "name": "Openstreetmap layer",
+      "type": "vcs.vcm.layer.OpenStreetMap",
+      "exclusive": "base",
+      "activeOnStartup": false,
+      "copyright": {
+        "provider": "OpenStreetMap contributors",
+        "url": "http://www.openstreetmap.org/",
+        "year": "2018"
+      },
+      "hiddenObjectIds": [],
+      "opacity": ""
+    },
+    {
+      "type": "vcs.vcm.layer.Wms",
+      "name": "WMS layer",
+      "activeOnStartup": true,
+      "exclusive": false,
+      "url": "https://gis5.stuttgart.de/arcgis/services/1_Base/WMS_Luftbilder_aktuell/MapServer/WmsServer",
+      "parameters": "",
+      "maxLevel": 18,
+      "tilingSchema": "geographic",
+      "datasourceId": "",
+      "hiddenObjectIds": [],
+      "copyright": {
+        "provider": "",
+        "url": "",
+        "year": ""
+      },
+      "version": "",
+      "layers": "0",
+      "extent": {
+        "coordinates": [
+          null,
+          null,
+          null,
+          null
+        ],
+        "epsg": "",
+        "proj4": ""
+      },
+      "featureInfo": null,
+      "opacity": ""
+    },{
+      "type": "vcs.vcm.layer.Wms",
+      "name": "WMS_stadtkarte",
+      "activeOnStartup": false,
+      "exclusive": false,
+      "url": "https://gis5.stuttgart.de/arcgis/services/1_Base/WMS_Stadtkarte_Internet/MapServer/WmsServer?",
+      "parameters": "",
+      "maxLevel": 18,
+      "tilingSchema": "geographic",
+      "datasourceId": "",
+      "hiddenObjectIds": [],
+      "copyright": {
+        "provider": "",
+        "url": "",
+        "year": ""
+      },
+      "version": "",
+      "layers": "0,1,2,3,4,5,6,7,8,9",
+      "extent": {
+        "coordinates": [
+          null,
+          null,
+          null,
+          null
+        ],
+        "epsg": "",
+        "proj4": ""
+      },
+      "featureInfo": null,
+      "opacity": ""
+    }
+  ],
+  "viewpoints": [
+    {
+      "name": "terrainview",
+      "cameraPosition": [
+        9.103245149494352,
+        48.80153653271925,
+        353.262728150414
+      ],
+      "groundPosition": [
+        9.102275301304951,
+        48.805626522635436,
+        -0.001996078080079859
+      ],
+      "distance": 580.3057882740869,
+      "heading": 351.09796755112137,
+      "pitch": -37.50167889533385,
+      "roll": 359.9626856341865,
+      "animate": false
+    },{
+      "name": "awayview",
+      "cameraPosition": [
+        9.100967025005438,
+        48.805327418653725,
+        1622.1692871652378
+      ],
+      "groundPosition": [
+        9.100815516907067,
+        48.80580223500527,
+        -0.005470387031068266
+      ],
+      "distance": 1623.0722840495544,
+      "heading": 346.7856202179552,
+      "pitch": -88.09468010251818,
+      "roll": 0,
+      "animate": false
+    },{
+      "name": "startview",
+      "cameraPosition": [
+        9.102425015376122,
+        48.80240454104815,
+        578.1091709840822
+      ],
+      "groundPosition": [
+        9.10174686252331,
+        48.805264430069876,
+        331.0755950577176
+      ],
+      "distance": 405.79469287934654,
+      "heading": 351.0979670975734,
+      "pitch": -37.50168266875528,
+      "roll": 359.96268637919235,
+      "animate": false
+    }
+  ]
+}
\ No newline at end of file
diff --git a/vcm/css/vcm.css b/vcm/css/vcm.css
index f11812cf14656c79345eb095149637d1c6a02d7b..9bd4ffe0a101607b7b9cf7b07570c4bd9e068eee 100644
--- a/vcm/css/vcm.css
+++ b/vcm/css/vcm.css
@@ -1310,6 +1310,24 @@ a.monument{
     text-shadow: 0 0 3px #000000;
     font-family: "Droid Sans", Droid, Arial, sans-serif;
 }
+@media screen and (max-height: 55em /*dont know*/){
+  .balloon-content {
+    overflow: auto;
+    max-height: 40rem;
+  }
+  #balloon_logo01{
+    width: 55%
+}
+#balloon_logo02{
+    width: 45%
+}
+#balloon_logo03{
+    width: 65%
+}
+#balloon_logo04{
+    width: 25%
+}
+}
 @media screen and (max-height: 48em /*768px*/){
   .balloon-content {
     overflow: auto;
@@ -1431,8 +1449,14 @@ a.monument{
 
 @media screen and (min-width:30em /*480px*/) {
   .balloon-content {
-    overflow: auto;
-    max-height: 25rem;
+    /* overflow: auto; */
+     max-height: 95%; 
+  }
+  #balloon-startscreen.balloon{
+
+    margin-top:5%;
+    max-height: 70%;
+    max-width: 94%;
   }
   .balloon:before {
     content: "";
diff --git a/vcm/icons/Umfrage_Button_neon.png b/vcm/icons/Umfrage_Button_neon.png
new file mode 100644
index 0000000000000000000000000000000000000000..e3f925cba7e91c420986c2770480833d6a09bdf5
Binary files /dev/null and b/vcm/icons/Umfrage_Button_neon.png differ
diff --git a/vcm/index.html b/vcm/index.html
index b50acd90442574f03f1e3b582d4f2518a48591ba..8ed92a528a8ced7642e47628cd6cddce8d0c11e0 100644
--- a/vcm/index.html
+++ b/vcm/index.html
@@ -729,15 +729,22 @@
     <link href="templates/sliders.css" rel="stylesheet">
 
     <script src="templates/limesurvey.js"></script>
+    <!-- <script src="templates/checkmobile.js"></script> -->
 
 	<script>
       var startVCM = function() {
-        if(document.getElementById("check").checked === true){
-            vcs.vcm.Framework.activateLogging();
-            vcs.vcm.Framework.loadConfig('config.json');
-        } else {
-            alert("Bitte  bestätigen Sie die Nutzungsbedingungen.");
-        }
+
+         if(document.getElementById("check").checked === true){
+            if (window.mobilecheck == true) {
+                vcs.vcm.Framework.activateLogging();
+                vcs.vcm.Framework.loadConfig('config_mobile.json');
+            } else{
+                vcs.vcm.Framework.activateLogging();
+                vcs.vcm.Framework.loadConfig('config_mobile.json'); 
+            }
+         } else {
+             alert("Bitte  bestätigen Sie die Nutzungsbedingungen.");
+         }
       }
     </script>
 
@@ -754,7 +761,7 @@
     <script src="templates/cus_SimStadt.js"></script>
     
     <script src="templates/collapse.js"></script>
-    <script src="templates/checkmobile.js"></script>
+    
 	<script src="templates/layerSwitch.js"></script>
 	<script src="https://code.jquery.com/jquery-3.3.1.min.js"
                   integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
diff --git a/vcm/templates/custom.js b/vcm/templates/custom.js
index 224b808a9802d37ce83ebcfd13f9bc71902be8fe..d08d624c8145c41b7018683e6cd2f8c84b1e33b0 100644
--- a/vcm/templates/custom.js
+++ b/vcm/templates/custom.js
@@ -19,6 +19,7 @@ var showEinleitung = function(){
   document.getElementById("iconlist").style.display = "block";
   document.getElementById("detAnleitung").style.display = "block";
   document.getElementById("einlP02").scrollIntoView();
+  // startVCM();
 }
 
 //  $(function () {