diff --git a/vcm/config.json b/vcm/config.json
index b50294da3e75b2abe275701d065b09c364cd1346..e874899f9fcc46c4498051e577b904f7f509a9fd 100644
--- a/vcm/config.json
+++ b/vcm/config.json
@@ -1102,7 +1102,7 @@
             "<img style='padding-top:10px' src='images/MK_Images/Bereich_C.jpg' alt='noch kein bild' width='375'>",
 
             "</div>",
-            "<%  %>",
+            "<% showbereich(\"C\") %>",
             "<% %>"
           ],
           "minTop": "balloonHeight + 10",
diff --git a/vcm/config_safari.json b/vcm/config_safari.json
new file mode 100644
index 0000000000000000000000000000000000000000..0145d875ca3fd23a221dadcb72988e01f22d66dc
--- /dev/null
+++ b/vcm/config_safari.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": true,
+      "type": "vcs.vcm.maps.Cesium",
+      "webGLaa": false
+    },
+    {
+      "name": "Openlayers Map",
+      "startingmap": false,
+      "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>Um die Umfrage zu starten klicken Sie bitte hier!</span><br></p>", 
+          "<img style='padding-top:10px' src='icons/umfrageImage02.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>Für mehr Informationen zum Potenzialort im Bereich A klicken Sie bitte hier!</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": [
+            "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>Für mehr Informationen zu den Schulen klicken Sie bitte hier!</span><br></p>",
+            "</div>",
+            "<% %>",
+            "<% %>"
+          ],
+          "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>Für mehr Informationen zum Potenzialort im Bereich B klicken Sie bitte hier!</span><br></p>",
+            "<img style='padding-top:10px' src='images/MK_Images/Bereich_B_pot.jpg' alt='noch kein bild' width='375'>",
+
+            "</div>",
+            "<% %>",
+            "<% %>"
+          ],
+          "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>Für mehr Informationen zum Bereich C klicken Sie bitte hier!</span><br></p>",
+            "<img style='padding-top:10px' src='images/MK_Images/Bereich_C_pot.jpg' alt='noch kein bild' width='375'>",
+
+            "</div>",
+            "<% %>",
+            "<% %>"
+          ],
+          "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>Für mehr Informationen zum Plangebiet klicken Sie bitte hier!</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": [
+            "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>Für mehr Informationen zum Bereich A klicken Sie bitte hier!</span><br></p>",
+            "<img style='padding-top:10px' src='images/MK_Images/A_Kita.jpg' alt='noch kein bild' width='375'>",
+
+            "</div>",
+            "<% %>",
+            "<% %>"
+          ],
+          "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>Für mehr Informationen zum Jugendhaus klicken Sie bitte hier!</span><br></p>",
+            "<img style='padding-top:10px' src='images/MK_Images/Info_Jugendhaus.jpg' alt='noch kein bild' width='375'>",
+
+            "</div>",
+            "<% %>",
+            "<% %>"
+          ],
+          "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>Für mehr Informationen zum Areal der ehem. Gärtnerei Walz klicken Sie bitte hier!</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>",
+            "<% %>",
+            "<% %>"
+          ],
+          "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>Für mehr Informationen zum Bürgerhaus klicken Sie bitte hier!</span><br></p>",
+            "<img style='padding-top:10px' src='images/MK_Images/Info_Flüchtlingsunterkunft.jpg' alt='noch kein bild' width='375'>",
+
+            "</div>",
+            "<% %>",
+            "<% %>"
+          ],
+          "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>Für mehr Informationen zur Flüchtlingsunterkunft klicken Sie bitte hier!</span><br></p>",
+            "<img style='padding-top:10px' src='images/MK_Images/Info_Flüchtlingsunterkunft.jpg' alt='noch kein bild' width='375'>",
+
+            "</div>",
+            "<% %>",
+            "<% %>"
+          ],
+          "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>Für mehr Informationen zum Spatzennest klicken Sie bitte hier!</span><br></p>",
+            "<img style='padding-top:10px' src='images/MK_Images/Info_Spatzennest.jpg' alt='noch kein bild' width='375'>",
+
+            "</div>",
+            "<% %>",
+            "<% %>"
+          ],
+          "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>Für mehr Informationen zum Bereich B klicken Sie bitte hier!</span><br></p>",
+            "<img style='padding-top:10px' src='images/MK_Images/Bereich_B.jpg' alt='noch kein bild' width='375'>",
+
+            "</div>",
+            "<% %>",
+            "<% %>"
+          ],
+          "minTop": "balloonHeight + 10",
+          "minLeft": "70",
+          "layerTypes": [
+            ""
+          ],
+          "layerNames": [
+            "MK_bereichB",
+            "AreaThree"
+          ]
+        },
+        {
+          "template": [
+            "<div class='balloon' onclick='showbereich(\"C\")' id='myBalloon'>",
+            "   <h1 id='bereichC' class='balloon-title'>Bereich C</h1>",
+            "   <div class='balloon-content' style='height:310px; margin-right: 0px;'",
+            "   </div>",
+            "<p class='balloon-text'><span>Für mehr Informationen zum Bereich C klicken Sie bitte hier!</span><br></p>",
+            "<img style='padding-top:10px' src='images/MK_Images/Bereich_C.jpg' alt='noch kein bild' width='375'>",
+
+            "</div>",
+            "<%  %>",
+            "<% %>"
+          ],
+          "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>Für mehr Informationen zum Bereich D klicken Sie bitte hier!</span><br></p>",
+            "<img style='padding-top:10px' src='images/MK_Images/Bereich_D.jpg' alt='noch kein bild' width='375'>",
+
+            "</div>",
+            "<% %>",
+            "<% %>"
+          ],
+          "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_neon.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 e2f3681c4f9db028377a1e11e2ceb1a3a0e885b0..a9b6abbe8142a40b1f13cd6d94d595acec3167af 100644
--- a/vcm/css/vcm.css
+++ b/vcm/css/vcm.css
@@ -1317,8 +1317,11 @@ a.monument{
     font-family: "Droid Sans", Droid, Arial, sans-serif;
 }
 @media screen and (max-height: 55em /*dont know*/){
-  .balloon-content {
+  .startcontent{
     overflow: auto;
+  }
+  .balloon-content {
+    /* overflow: auto; */
     max-height: 40rem;
   }
   #balloon_logo01{
@@ -1335,8 +1338,11 @@ a.monument{
 }
 }
 @media screen and (max-height: 48em /*768px*/){
-  .balloon-content {
+  .startcontent{
     overflow: auto;
+  }
+  .balloon-content {
+    
     max-height: 32rem;
   }
   #balloon_logo01{
@@ -1416,8 +1422,11 @@ a.monument{
     top: -20rem;
     left: 0;
   }
-  .balloon-content {
+  .startcontent{
     overflow: auto;
+  }
+  .balloon-content {
+    /* overflow: auto; */
     max-height: 20rem;
   }
   #balloon_logo01{
@@ -1454,8 +1463,11 @@ a.monument{
 }
 
 @media screen and (min-width:30em /*480px*/) {
+  .startcontent{
+    overflow: auto;
+  }
   .balloon-content {
-    overflow: auto; 
+    /* overflow: auto;  */
      max-height: 95%; 
   }
   #balloon-startscreen.balloon{
diff --git a/vcm/index.html b/vcm/index.html
index 774396c956f174080902da2179b14d9c7491c9ed..61c34d98393244390212bb91abc0c281619e26ee 100644
--- a/vcm/index.html
+++ b/vcm/index.html
@@ -242,8 +242,8 @@
   </header>
   <div id="story-frame" class="startscreen vcm-map-top">
       <!-- Content Start Screen -->
-      <div class="balloon teaser-balloon" style="overflow-y: scroll;" id="balloon-startscreen">
-          <div class="balloon-content">
+      <div class="balloon teaser-balloon"  id="balloon-startscreen">
+          <div class="balloon-content startcontent">
               <h1 class="balloon-title i18n_balloon_startscreen_title">
  			     <!--img src="images/Logo_SV.png"  width="150"-->
                  <strong>Zukunftsdialog Weilimdorf</strong> <br>
diff --git a/vcm/templates/checkmobile.js b/vcm/templates/checkmobile.js
index 4b76f4a5034823fb8095f8307c714bf681b16140..f5e8556e1f076caac026eca6f1898dad2ec93acb 100644
--- a/vcm/templates/checkmobile.js
+++ b/vcm/templates/checkmobile.js
@@ -11,18 +11,18 @@
 
 checkagent = function(){
  // Get the user-agent string 
- let userAgentString =  
- navigator.userAgent; 
+  let userAgentString =  
+  navigator.userAgent; 
 
- 
-  // Detect Safari 
+  
+    // Detect Safari 
 
-let safariAgent = userAgentString.indexOf("Safari") > -1; 
-let chromeAgent =  
-userAgentString.indexOf("Chrome") > -1;   
-// Discard Safari since it also matches Chrome 
-if ((chromeAgent) && (safariAgent)) safariAgent = false; 
+  let safariAgent = userAgentString.indexOf("Safari") > -1; 
+  let chromeAgent =  
+  userAgentString.indexOf("Chrome") > -1;   
+  // Discard Safari since it also matches Chrome 
+  if ((chromeAgent) && (safariAgent)) safariAgent = false; 
 
-return safariAgent
+  return safariAgent
 
 }
diff --git a/vcm/templates/story/virtualcitystory.js b/vcm/templates/story/virtualcitystory.js
index b1b0c2cbaf215f9aa0cdec5ec274da3ab3c4e5be..c5aa141f589842c81b0d7eaf7191d5245df028a3 100644
--- a/vcm/templates/story/virtualcitystory.js
+++ b/vcm/templates/story/virtualcitystory.js
@@ -132,7 +132,12 @@ vcs.vcm.Framework.getInstance().subscribe("MAP_LOADED", function() {
 });
 
 var framework = vcs.vcm.Framework.getInstance();
-framework.isMobile() ? vcs.vcm.Framework.loadConfig("config_mobile.json") : vcs.vcm.Framework.loadConfig("config.json")
+if (checkagent() == true && framework.isMobile() == false){
+    vcs.vcm.Framework.loadConfig("config_safari.json")
+} else{
+    framework.isMobile() ? vcs.vcm.Framework.loadConfig("config_mobile.json") : vcs.vcm.Framework.loadConfig("config.json")
+}
+
 if (framework.isMobile() == true){
   var drop = document.getElementById("dropdownMain")
      drop.classList.add('can-touch')