Update App.js

public/App.js

@@ -99,10 +99,18 @@ var initialPosition = Cesium.Cartesian3.fromDegrees(16.368084, 48.183257, 360);
 	 var landusestyle = new Cesium.Cesium3DTileStyle({
          color : {
             conditions : [
-					["${NUTZUNG_LE} === 'Settlement Area'", "color('#FFFF00')"],
-                    ["${NUTZUNG_LE} === 'Roadway'", "color('#808080')"],
-                    ["${NUTZUNG_LE} === 'Vegetation'", "color('#008000')"],
-                         ]
+					["${NUTZUNG_L0} === 'Agriculture'", "color('#FFFF00')"],
+                    ["${NUTZUNG_L0} === 'Commercial (Mixed Use)'", "color('#808080')"],
+                    ["${NUTZUNG_L0} === 'Industrial and Commercial'", "color('#008000')"],
+                    ["${NUTZUNG_L0} === 'Natural Space'", "color('#FFFF00')"],
+                    ["${NUTZUNG_L0} === 'Other Traffic Use'", "color('#808080')"],
+                    ["${NUTZUNG_L0} === 'Recreational Facility'", "color('#008000')"],
+                    ["${NUTZUNG_L0} === 'Residential (Mixed Use)'", "color('#FFFF00')"],
+                    ["${NUTZUNG_L0} === 'Social Infrastructure'", "color('#808080')"],
+                    ["${NUTZUNG_L0} === 'Street Space'", "color('#008000')"],
+                    ["${NUTZUNG_L0} === 'Technical (Engineering) Infrastructure'", "color('#FFFF00')"],
+                    ["${NUTZUNG_L0} === 'Water Body'", "color('#808080')"],
+                    ]
          },
 		 show: true
      });