diff --git a/vcm/config.json b/vcm/config.json
index 1ec021ada8cdd7059061d8194cfbc31984d7dde2..f9674bc8148cccc25f46cfe0c0a089a23a7caa3b 100644
--- a/vcm/config.json
+++ b/vcm/config.json
@@ -1420,6 +1420,22 @@
         "url": "",
         "year": ""
       }
+    },{
+      "name": "Ludwigsburg",
+      "url": "https://w2.iaf-ex.hft-stuttgart.de/CesiumData/3DTiles/Buildings/BuildingSolid/LKRLudwigsburg/tileset.json",
+      "type": "vcs.vcm.layer.cesium.Buildings",
+      "datasourceId": "zECwoSwXppPMrqfLoc",
+      "activeOnStartup": true,
+      "exclusive": false,
+      "allowPicking": true,
+      "screenSpaceError": 1,
+      "screenSpaceErrorMobile": 1,
+      "hiddenObjectIds": [],
+      "copyright": {
+        "provider": "",
+        "url": "",
+        "year": ""
+      }
     },{
       "name": "Rosenstein",
       "url": "./datasource-data/Rosenstein/tileset.json",
@@ -1474,6 +1490,7 @@
       "name": "Openstreetmap layer",
       "type": "vcs.vcm.layer.OpenStreetMap",
       "exclusive": "base",
+      "zIndex" : 1,
       "activeOnStartup": true,
       "copyright": {
         "provider": "OpenStreetMap contributors",
@@ -1491,6 +1508,7 @@
       "url": "https://gis5.stuttgart.de/arcgis/services/1_Base/WMS_Luftbilder_aktuell/MapServer/WmsServer",
       "parameters": "",
       "maxLevel": 18,
+      "zIndex" : 2,
       "tilingSchema": "geographic",
       "datasourceId": "",
       "hiddenObjectIds": [],
diff --git a/vcm/index.html b/vcm/index.html
index 06abce05002cacd15302e2a287b63f54f6e0db3a..e2d4b8f3c727bf1cb8445d419999021dcd641772 100644
--- a/vcm/index.html
+++ b/vcm/index.html
@@ -364,8 +364,13 @@
                     class="collapsible">Stadtplanung</button>
                 <div class="content">
                     <h3>Historische Stadtentwicklung</h3>
-                    <p class="contentOne">Durch dieses Tool kann das Wachstum der Stadt Stuttgart dargestellt werden.</a><br>
+                    <p class="contentOne">Durch dieses Tool kann das Wachstum der Stadt Stuttgart und dem Landkreis Ludwigsburg dargestellt werden.</a><br>
                     </p>
+                    <label for="cities">Wählen Sie einen Bereich:</label>
+                        <select name="cities" id="cities">
+                        <option value="StuttgartLocal">Stuttgart</option>
+                        <option value="Ludwigsburg">Ludwigsburg</option>
+                        </select>
                     <div onclick='' class='box-3'>
                         <p>Einfärben &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </p><div class='switch'>
                         <input type='checkbox' name='toggle' id='chxboxAge' onclick='checkboxAge();'>
diff --git a/vcm/js/cityplanning.js b/vcm/js/cityplanning.js
index d522578072ac9cf71411ee70cf7dde3d5ee6f6fa..24e93b10914f1052dbaad90c70ea7cbcb0ce266b 100644
--- a/vcm/js/cityplanning.js
+++ b/vcm/js/cityplanning.js
@@ -2,7 +2,9 @@ function checkboxAge() {
     var chk_ceil = document.getElementById("chxboxAge");
     if (chk_ceil.checked == true) {
         screenspaceErr(true)
-        BuildingAGE();
+        var e = document.getElementById("cities");
+        var value = e.value;
+        BuildingAGE(value);
     } else {
       
         removebuildings();
@@ -13,14 +15,14 @@ function checkboxAge() {
   };
 
 
-
-function BuildingAGE() {
+//StuttgartLocal
+function BuildingAGE(value) {
     screenspaceErr(true)
     var Framework = vcs.vcm.Framework.getInstance();
     var layers = Framework.getLayers();
   
     var layerIndexRosenstein
-    var layernameRosenstein = ["StuttgartLocal"]
+    var layernameRosenstein = [value]
     var frameworkZus = vcs.vcm.Framework.getInstance();
     var layersZus = frameworkZus.getLayers();
     for (var i = 0; i < layersZus.length; i++) {
@@ -29,7 +31,39 @@ function BuildingAGE() {
         layerIndexRosenstein = i
       }
     }
+    var layerIndexPart
+    var layernamePart4 = [value]
+    var frameworkPart4 = vcs.vcm.Framework.getInstance();
+    var layersPart4 = frameworkPart4.getLayers();
+    for (var i = 0; i < layersPart4.length; i++) {
+      var layerPart4 = layersPart4[i];
+      if (layernamePart4.indexOf(layerPart4.name) >= 0) {
+        layerPart4.activate(true);
+      }
+    }
+
+    var layernamePart2 = ["WMS layer"]
+    var frameworkPart2 = vcs.vcm.Framework.getInstance();
+    var layersPart2 = frameworkPart2.getLayers();
+    for (var i = 0; i < layersPart2.length; i++) {
+      var layerPart2 = layersPart2[i];
+      if (layernamePart2.indexOf(layerPart2.name) >= 0) {
+        layerPart2.activate(false);
+      }
+    }
+
+    var layernamePart3 = ["Openstreetmap layer"]
+    var frameworkPart3 = vcs.vcm.Framework.getInstance();
+    var layersPart3 = frameworkPart3.getLayers();
+    for (var i = 0; i < layersPart3.length; i++) {
+      var layerPart3 = layersPart3[i];
+      if (layernamePart3.indexOf(layerPart3.name) >= 0) {
+        layerPart3.activate(true);
+      }
+    }
+    
   
+    //citygml_year_of_construction
   
     var layer2 = layers[layerIndexRosenstein];
     var tileset = layer2.cesium3DTileset;
@@ -53,7 +87,7 @@ function BuildingAGE() {
   
     }
   
-  
+  // StuttgartPart
     var layerIndexPart
     var layernamePart = ["StuttgartPart"]
     var frameworkPart = vcs.vcm.Framework.getInstance();
@@ -112,12 +146,23 @@ stepSlider.noUiSlider.on('update', function (values, handle) {
 
 
 function BuildingAGEdynamic(age) {
+  var e = document.getElementById("cities");
+  var value = e.value;
     screenspaceErr(true)
+    var layernamePart4 = [value]
+    var frameworkPart4 = vcs.vcm.Framework.getInstance();
+    var layersPart4 = frameworkPart4.getLayers();
+    for (var i = 0; i < layersPart4.length; i++) {
+      var layerPart4 = layersPart4[i];
+      if (layernamePart4.indexOf(layerPart4.name) >= 0) {
+        layerPart4.activate(true);
+      }
+    }
     var Framework = vcs.vcm.Framework.getInstance();
     var layers = Framework.getLayers();
-  
+  // StuttgartLocal
     var layerIndexRosenstein
-    var layernameRosenstein = ["StuttgartLocal"]
+    var layernameRosenstein = [value]
     var frameworkZus = vcs.vcm.Framework.getInstance();
     var layersZus = frameworkZus.getLayers();
     for (var i = 0; i < layersZus.length; i++) {
@@ -126,6 +171,15 @@ function BuildingAGEdynamic(age) {
         layerIndexRosenstein = i
       }
     }
+    var layernamePart2 = ["WMS layer"]
+    var frameworkPart2 = vcs.vcm.Framework.getInstance();
+    var layersPart2 = frameworkPart2.getLayers();
+    for (var i = 0; i < layersPart2.length; i++) {
+      var layerPart2 = layersPart2[i];
+      if (layernamePart2.indexOf(layerPart2.name) >= 0) {
+        layerPart2.activate(false);
+      }
+    }
   
   
     var layer2 = layers[layerIndexRosenstein];
@@ -156,12 +210,13 @@ function BuildingAGEdynamic(age) {
 
 
 function screenspaceErr(tf) {
-
+  var e = document.getElementById("cities");
+  var value = e.value;
     var Framework = vcs.vcm.Framework.getInstance();
     var layers = Framework.getLayers();
-  
+  // StuttgartLocal
     var layerIndexRosenstein
-    var layernameRosenstein = ["StuttgartLocal"]
+    var layernameRosenstein = [value]
     var frameworkZus = vcs.vcm.Framework.getInstance();
     var layersZus = frameworkZus.getLayers();
     for (var i = 0; i < layersZus.length; i++) {
@@ -170,7 +225,15 @@ function screenspaceErr(tf) {
         layerIndexRosenstein = i
       }
     }
-  
+    var layernamePart2 = ["WMS layer"]
+    var frameworkPart2 = vcs.vcm.Framework.getInstance();
+    var layersPart2 = frameworkPart2.getLayers();
+    for (var i = 0; i < layersPart2.length; i++) {
+      var layerPart2 = layersPart2[i];
+      if (layernamePart2.indexOf(layerPart2.name) >= 0) {
+        layerPart2.activate(false);
+      }
+    }
   
     var layer2 = layers[layerIndexRosenstein];
     if (layer2 == undefined){
diff --git a/vcm/js/newDevBahn.js b/vcm/js/newDevBahn.js
index 5c6e57cf721c8f56e42998074814b515f1395fe7..21d91276bcbb8f041bbfdff8eda051ed754f5a9d 100644
--- a/vcm/js/newDevBahn.js
+++ b/vcm/js/newDevBahn.js
@@ -101,7 +101,15 @@ function removebuildings() {
     });
 
   }
-
+  var layernamePart4 = ["Ludwigsburg"]
+  var frameworkPart4 = vcs.vcm.Framework.getInstance();
+  var layersPart4 = frameworkPart4.getLayers();
+  for (var i = 0; i < layersPart4.length; i++) {
+    var layerPart4 = layersPart4[i];
+    if (layernamePart4.indexOf(layerPart4.name) >= 0) {
+      layerPart4.activate(false);
+    }
+  }
 
 
 };