diff --git a/CHANGELOG.md b/CHANGELOG.md
index 410ab6ee2..ef4b71faa 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -16,6 +16,29 @@
 
 ### Fixed
 
+---
+
+## v2.43.0 - 2024-03-06
+
+### Changed
+- StreetSmart: if started as control, it is not available in 3D mode.
+
+---
+## v2.42.0 - 2024-02-07
+
+### Fixed
+- SchoolRoutePlanning: Fixed showing the route with OL 8.2.0.
+
+---
+## v2.41.2 - 2024-01-18
+### Fixed
+- Boris: In the Calculation tab, the building position is only displayed for EFH
+
+---
+## v2.39.0 - 2023-11-01
+### Added
+- The new addon [statisticDashboard](https://bitbucket.org/geowerkstatt-hamburg/addons/src/dev/statisticDashboard/) A tool to display statistical data. Further details: [statisticDashboard documentation](https://bitbucket.org/geowerkstatt-hamburg/addons/src/dev/statisticDashboard/doc/config.json.md)
+
 ---
 ## v2.34.0 - 2023-06-07
 ### Changed
diff --git a/addonsConf.json b/addonsConf.json
index 0cee5f48b..6d20df6b6 100644
--- a/addonsConf.json
+++ b/addonsConf.json
@@ -213,5 +213,9 @@
   },
   "wholeCityList": {
     "type": "tool"
+  },
+  "TemplateAdmin": {
+    "path": "cosi/TemplateAdmin",
+    "type": "tool"
   }
 }
diff --git a/boris/components/BorisComponent.vue b/boris/components/BorisComponent.vue
index 2c25744a9..1a60f70f9 100644
--- a/boris/components/BorisComponent.vue
+++ b/boris/components/BorisComponent.vue
@@ -19,8 +19,17 @@ export default {
         FloorComponent
     },
     computed: {
-        ...mapGetters("Tools/BorisComponent", ["active", "id", "icon", "renderToWindow", "resizableWindow", "initialWidth", "initialWidthMobile", "keepOpen", "filteredLayerList", "isAreaLayer", "isStripesLayer", "textIds", "selectedPolygon", "selectedLayerName", "selectedLanduse", "selectedBrwFeature", "convertedBrw", "buttonValue", "buildingDesigns", "positionsToStreet", "selectedOption", "isProcessFromParametricUrl", "paramUrlParams"]),
-        ...mapGetters("Tools/Print", ["printFileReady", "fileDownloadUrl", "filename", "printStarted", "progressWidth"]),
+        ...mapGetters("Tools/BorisComponent", [
+            "active", "id", "icon", "renderToWindow", "resizableWindow", "initialWidth",
+            "initialWidthMobile", "keepOpen", "filteredLayerList", "isAreaLayer",
+            "isStripesLayer", "textIds", "selectedPolygon", "selectedLayerName",
+            "selectedLanduse", "selectedBrwFeature", "convertedBrw", "buttonValue",
+            "buildingDesigns", "positionsToStreet", "isProcessFromParametricUrl",
+            "paramUrlParams", "selectedBuildDesign", "selectedPositionToStreet"
+        ]),
+        ...mapGetters("Tools/Print", [
+            "printFileReady", "fileDownloadUrl", "filename", "printStarted", "progressWidth"
+        ]),
         /**
          * Gets a list of layers without the stripes-layers
          * @return {Array} filteredListWithoutStripes which is used to select by date
@@ -89,8 +98,7 @@ export default {
                         newValue === "GR Grünland" ||
                         newValue === "EGA Erwerbsgartenanbaufläche" ||
                         newValue === "F forstwirtschaftliche Fläche" ||
-                        newValue === "LAD Läden (eingeschossig)"
-                    ) {
+                        newValue === "LAD Läden (eingeschossig)") {
                         if (oldValue === "MFH Mehrfamilienhäuser" ||
                             oldValue === "GH Geschäftshäuser (mehrgeschossig, Wertanteil Erdgeschoss)" ||
                             oldValue === "BH Bürohäuser") {
@@ -98,6 +106,12 @@ export default {
                         }
                     }
                 }
+                if (newValue === "EFH Ein- und Zweifamilienhäuser") {
+                    this.setSelectedBuildDesign("eh Einzelhaus (freistehend)");
+                }
+                else {
+                    this.setSelectedBuildDesign("");
+                }
                 this.matchPolygonFeatureWithLanduse({feature: this.selectedPolygon, selectedLanduse: newValue});
             }
         },
@@ -128,8 +142,8 @@ export default {
             }
         },
         selectedLayerName () {
-            this.setBuildingDesigns(["eh Einzelhaus (freistehend)", "dh Doppelhaushälfte", " dd Doppelhaus (ganzes Doppelhaus)", "rm Reihenmittelhaus", "rm Reihenmittelhäuser", "re Reihenendhaus", "g geschlossene Bauweise", "a abweichende Bauweise (Gartenhofhaus)"]);
-            this.setPositionsToStreet(["F Frontlage", "E Ecklage", "P Pfeifenstielgrundstück", "H Hinterlage (in 2. Reihe durch Wegerecht erschlossen)"]);
+            this.setBuildingDesigns(this.buildingDesigns);
+            this.setPositionsToStreet(this.positionsToStreet);
         }
     },
     created () {
@@ -179,15 +193,28 @@ export default {
             }
         },
         /**
-         * Handles option-change for individual property conversion
+         * Handles option-change of the building design for the individual property conversion
+         * @param {String} event the selected option
+         * @param {String} subject contains subject information for the select: building design oder position to street
+         * @returns {void}
+         */
+        handleBuildingDesignOptionChange (event, subject) {
+            const eventValue = event.target.value;
+
+            this.setSelectedBuildDesign(eventValue);
+            this.updateSelectedBrwFeature({converted: subject, brw: eventValue});
+            this.sendWpsConvertRequest({state: this});
+        },
+        /**
+         * Handles option-change of positon to street for the individual property conversion
          * @param {String} event the selected option
          * @param {String} subject contains subject information for the select: building design oder position to street
          * @returns {void}
          */
-        handleOptionChange (event, subject) {
+        handlePositionToStreetOptionChange (event, subject) {
             const eventValue = event.target.value;
 
-            this.setSelectedOption(eventValue);
+            this.setSelectedPositionToStreet(eventValue);
             this.updateSelectedBrwFeature({converted: subject, brw: eventValue});
             this.sendWpsConvertRequest({state: this});
         },
@@ -343,30 +370,30 @@ export default {
                         class="d-flex mb-2"
                     >
                         <button
-                            class="btn btn-primary bi-info-circle-fill col me-1"
-                            :class="(buttonValue === 'info') ? 'btn btn-primary btn active' : 'btn btn-primary'"
+                            class="bi-info-circle-fill col me-1"
+                            :class="(buttonValue === 'info') ? 'btn btn-primary' : 'btn btn-default'"
                             value="info"
                             :title="$t('additional:modules.tools.boris.detailInformation.title')"
                             @click="setButtonValue($event.target.value)"
                         />
                         <button
-                            class="btn btn-primary bi-geo-alt-fill col me-1"
-                            :class="(buttonValue === 'lage') ? 'btn btn-primary btn active' : 'btn btn-primary'"
+                            class="bi-geo-alt-fill col me-1"
+                            :class="(buttonValue === 'lage') ? 'btn btn-primary' : 'btn btn-default'"
                             value="lage"
                             :title="$t('additional:modules.tools.boris.locationDescription.title')"
                             @click="setButtonValue($event.target.value)"
                         />
                         <button
-                            class="btn btn-primary bi-currency-euro col "
-                            :class="(buttonValue === 'euro') ? 'btn btn-primary btn active' : 'btn btn-primary'"
+                            class="bi-currency-euro col "
+                            :class="(buttonValue === 'euro') ? 'btn btn-primary' : 'btn btn-default'"
                             value="euro"
                             :title="$t('additional:modules.tools.boris.landCalculation.title')"
                             @click="setButtonValue($event.target.value)"
                         />
                         <button
                             v-if="selectedBrwFeature.get('schichtwert')"
-                            class="btn btn-primary bi-list-ul col ms-1"
-                            :class="(buttonValue === 'liste') ? 'btn btn-primary btn active' : 'btn btn-primary'"
+                            class="bi-list-ul col ms-1"
+                            :class="(buttonValue === 'liste') ? 'btn btn-primary' : 'btn btn-default'"
                             value="liste"
                             :title="$t('additional:modules.tools.boris.floorValues.title')"
                             @click="setButtonValue($event.target.value)"
@@ -405,9 +432,10 @@ export default {
                                     :text-id="2"
                                     :text="$t('additional:modules.tools.boris.landCalculation.buildingDesignsInfo')"
                                     :toggle-info-text="toggleInfoText"
-                                    :handle-change="handleOptionChange"
+                                    :handle-change="handleBuildingDesignOptionChange"
                                     :subject="'zBauweise'"
                                     :type="'select'"
+                                    :selected-option="selectedBuildDesign"
                                 />
                             </div>
                             <div
@@ -421,9 +449,10 @@ export default {
                                     :text-id="3"
                                     :text="$t('additional:modules.tools.boris.landCalculation.positionToStreetInfo')"
                                     :toggle-info-text="toggleInfoText"
-                                    :handle-change="handleOptionChange"
+                                    :handle-change="handlePositionToStreetOptionChange"
                                     :subject="'zStrassenLage'"
                                     :type="'select'"
+                                    :selected-option="selectedPositionToStreet"
                                 />
                             </div>
                             <div
diff --git a/boris/components/CalculationComponent.vue b/boris/components/CalculationComponent.vue
index 887161b3a..acbf1f287 100644
--- a/boris/components/CalculationComponent.vue
+++ b/boris/components/CalculationComponent.vue
@@ -1,6 +1,4 @@
 <script>
-import {mapMutations} from "vuex";
-import mutations from "../store/mutationsBoris";
 
 export default {
     name: "CalculationComponent",
@@ -44,34 +42,18 @@ export default {
         type: {
             type: String,
             required: true
-        }
-    },
-    methods: {
-        ...mapMutations("Tools/Boris", Object.keys(mutations)),
-        /**
-         * Check if 'Einzelhäuser' or 'Doppelhäuser' are selected to change the option name to singular
-         * @param {String} option is one option of the options of buildingDesigns or positionsToStreet
-         * @return {String} zBauweise that changes the term to singular
-         */
-        checkForBuildingMatch (option) {
-
-            let zBauweise = this.selectedBrwFeature.get("zBauweise");
-            const zStrassenLage = this.selectedBrwFeature.get("zStrassenLage");
-
-            if (this.selectedBrwFeature.get("zBauweise") === "eh Einzelhäuser") {
-                zBauweise = "eh Einzelhaus (freistehend)";
-            }
-            else if (this.selectedBrwFeature.get("zBauweise") === "dh Doppelhaushälften") {
-                zBauweise = "dh Doppelhaushälfte";
-            }
-
-            return option === zBauweise || option === zStrassenLage;
+        },
+        selectedOption: {
+            type: String,
+            default: "",
+            required: false
         }
     }
-
 };
+
 </script>
 
+
 <template>
     <div id="calculation-component">
         <div
@@ -90,15 +72,16 @@ export default {
             </dt>
             <dd>
                 <select
+                    :value="selectedOption"
                     class="form-select"
                     :aria-label="$t('additional:modules.tools.boris.landCalculation.ariaLabelBuildingDesigns')"
+                    @select="$emit('select', $event.target.value)"
                     @change="handleChange($event, subject)"
                 >
                     <option
                         v-for="(option, i) in options"
                         :key="i"
                         :value="option"
-                        :selected="checkForBuildingMatch(option)"
                     >
                         {{ option }}
                     </option>
diff --git a/boris/store/actionsBoris.js b/boris/store/actionsBoris.js
index 940fbde90..e6e8887d4 100644
--- a/boris/store/actionsBoris.js
+++ b/boris/store/actionsBoris.js
@@ -424,10 +424,10 @@ const actions = {
             "zEntwicklungszustand": feature.get("entwicklungszustand"), // Mandatory attribute for WPS
             "zBeitragszustand": feature.get("beitragszustand"), // Mandatory attribute for WPS
             "zNutzung": feature.get("nutzung_kombiniert"), // Mandatory attribute for WPS
-            "zBauweise": feature.get("anbauart") !== "" ? feature.get("anbauart") : null,
+            "zBauweise": state.selectedBuildDesign !== "" ? state.selectedBuildDesign : null,
             "zGeschossfl_zahl": feature.get("geschossfl_zahl") !== "" ? feature.get("geschossfl_zahl") : null,
             "zGrdstk_flaeche": feature.get("grdstk_flaeche") !== "" ? feature.get("grdstk_flaeche") : null,
-            "zStrassenLage": feature.get("nutzung_kombiniert") === "EFH Ein- und Zweifamilienhäuser" ? "F Frontlage" : null
+            "zStrassenLage": feature.get("nutzung_kombiniert") === "EFH Ein- und Zweifamilienhäuser" ? state.selectedPositionToStreet : null
         });
 
         commit("setSelectedBrwFeature", feature);
diff --git a/boris/store/stateBoris.js b/boris/store/stateBoris.js
index 149cc342f..13c9aaf2f 100644
--- a/boris/store/stateBoris.js
+++ b/boris/store/stateBoris.js
@@ -26,9 +26,13 @@
  * @property {Boolean} isProcessFromParametricUrl - true if paremetric URL is being used
  * @property {Object} paramUrlParams - parameters that are used to center map and select relevant options to display data
  * @property {String} buttonValue - html value of button that indicates which further information are displayed
- * @property {Object} buildingDesigns - list of building designs that are options for the Conversion to Individual Property
- * @property {Object} positionsToStreet - list of positions to streets that are options for the Conversion to Individual Property
+ * @property {Object} buildingDesigns - list of building designs that are options for the conversion to individual property
+ * @property {Object} positionsToStreet - list of positions to streets that are options for the conversion to individual property
+ * @property {String} selectedBuildingDesign - is the selected option of building designs
+ * @property {String} selectedPositionToStreet - is the selected option of positions to street
  * @property {String} selectedOption - is the selected option of building designs or positions to street
+ * @property {String} selectedBuildingDesign - is the selected option of building designs
+ * @property {String} selectedPositionToStreet - is the selected option of positions to street
  * @property {String} wpsId - the id of the used web processing service
  * @property {String} fmwProcess - the FME process triggered via the WPS
  */
@@ -60,9 +64,17 @@ const state = {
     isProcessFromParametricUrl: false,
     paramUrlParams: {},
     buttonValue: "info",
-    buildingDesigns: ["eh Einzelhaus (freistehend)", "dh Doppelhaushälfte", " dd Doppelhaus (ganzes Doppelhaus)", "rm Reihenmittelhaus", "rm Reihenmittelhäuser", "re Reihenendhaus", "g geschlossene Bauweise", "a abweichende Bauweise (Gartenhofhaus)"],
-    positionsToStreet: ["F Frontlage", "E Ecklage", "P Pfeifenstielgrundstück", "H Hinterlage (in 2. Reihe durch Wegerecht erschlossen)"],
-    selectedOption: "",
+    buildingDesigns: [
+        "eh Einzelhaus (freistehend)", "dh Doppelhaushälfte", " dd Doppelhaus (ganzes Doppelhaus)",
+        "rm Reihenmittelhaus", "re Reihenendhaus", "g geschlossene Bauweise",
+        "a abweichende Bauweise (Gartenhofhaus)"
+    ],
+    positionsToStreet: [
+        "F Frontlage", "E Ecklage", "P Pfeifenstielgrundstück",
+        "H Hinterlage (in 2. Reihe durch Wegerecht erschlossen)"
+    ],
+    selectedBuildDesign: "",
+    selectedPositionToStreet: "F Frontlage",
     wpsId: "1001",
     fmwProcess: "BRWConvert.fmw"
 };
diff --git a/boris/tests/unit/components/BorisComponent.spec.js b/boris/tests/unit/components/BorisComponent.spec.js
index f90d25a3e..a47611060 100644
--- a/boris/tests/unit/components/BorisComponent.spec.js
+++ b/boris/tests/unit/components/BorisComponent.spec.js
@@ -207,6 +207,31 @@ describe("ADDONS: addons/boris/components/BorisComponent.vue", () => {
             expect(store.state.Tools.BorisComponent.buttonValue).to.equals("info");
             expect(Boris.actions.matchPolygonFeatureWithLanduse.calledOnce).to.equal(true);
         });
+        it("selectedLanduse shall change selectedBuildDesign to 'EFH Ein- und Zweifamilienhäuser'", () => {
+            const oldValue = "BH Bürohäuser",
+                newValue = "EFH Ein- und Zweifamilienhäuser";
+
+            store.state.Tools.BorisComponent.active = true;
+            store.state.Tools.BorisComponent.buttonValue = "liste";
+            wrapper = shallowMount(BorisComponent, {store, localVue});
+            wrapper.vm.$options.watch.selectedLanduse.call(wrapper.vm, newValue, oldValue);
+
+            expect(store.state.Tools.BorisComponent.buttonValue).to.equals("info");
+            expect(store.state.Tools.BorisComponent.selectedBuildDesign).to.equals("eh Einzelhaus (freistehend)");
+            expect(Boris.actions.matchPolygonFeatureWithLanduse.calledOnce).to.equal(true);
+        });
+        it("selectedLanduse shall change selectedBuildDesign to ''", () => {
+            const oldValue = "EFH Ein- und Zweifamilienhäuser",
+                newValue = "MFH Mehrfamilienhäuser";
+
+            store.state.Tools.BorisComponent.active = true;
+            store.state.Tools.BorisComponent.buttonValue = "liste";
+            wrapper = shallowMount(BorisComponent, {store, localVue});
+            wrapper.vm.$options.watch.selectedLanduse.call(wrapper.vm, newValue, oldValue);
+
+            expect(store.state.Tools.BorisComponent.selectedBuildDesign).to.equals("");
+            expect(Boris.actions.matchPolygonFeatureWithLanduse.calledOnce).to.equal(true);
+        });
     });
     describe("selectedBrwFeature watcher", () => {
         it("selectedBrwFeature: should change buttonValue to 'info'", () => {
@@ -249,15 +274,28 @@ describe("ADDONS: addons/boris/components/BorisComponent.vue", () => {
         });
     });
     describe("handle input and option change methods", () => {
-        it("handleOptionChange", () => {
+        it("handle option change: handleBuildingDesignOptionChange", () => {
             const event = {target: {value: store.state.Tools.BorisComponent.buildingDesigns[1]}, get: () => "value"},
                 subject = "zBauweise";
 
             store.state.Tools.BorisComponent.active = true;
             wrapper = shallowMount(BorisComponent, {store, localVue});
-            wrapper.vm.handleOptionChange(event, subject);
+            wrapper.vm.handleBuildingDesignOptionChange(event, subject);
+
+            expect(store.state.Tools.BorisComponent.selectedBuildDesign).to.equal(store.state.Tools.BorisComponent.buildingDesigns[1]);
+            expect(Boris.actions.updateSelectedBrwFeature.calledOnce).to.equal(true);
+            expect(Boris.actions.sendWpsConvertRequest.calledOnce).to.equal(true);
+
+        });
+        it("handle option change: handlePositionToStreetOptionChange", () => {
+            const event = {target: {value: store.state.Tools.BorisComponent.positionsToStreet[1]}, get: () => "value"},
+                subject = "zStrassenLage";
+
+            store.state.Tools.BorisComponent.active = true;
+            wrapper = shallowMount(BorisComponent, {store, localVue});
+            wrapper.vm.handlePositionToStreetOptionChange(event, subject);
 
-            expect(store.state.Tools.BorisComponent.selectedOption).to.equal(store.state.Tools.BorisComponent.buildingDesigns[1]);
+            expect(store.state.Tools.BorisComponent.selectedPositionToStreet).to.equal(store.state.Tools.BorisComponent.positionsToStreet[1]);
             expect(Boris.actions.updateSelectedBrwFeature.calledOnce).to.equal(true);
             expect(Boris.actions.sendWpsConvertRequest.calledOnce).to.equal(true);
 
diff --git a/boris/tests/unit/components/FloorComponent.spec.js b/boris/tests/unit/components/FloorComponent.spec.js
index fe17ef230..e3409b2fb 100644
--- a/boris/tests/unit/components/FloorComponent.spec.js
+++ b/boris/tests/unit/components/FloorComponent.spec.js
@@ -51,7 +51,8 @@ describe("ADDONS: addons/boris/components/FloorComponent.vue", () => {
             title: "title",
             feature: {
             },
-            label: "subtitle"
+            label: "subtitle",
+            landuse: "MFH Mehrfamilienhäuser"
         };
         wrapper = shallowMount(FloorComponent, {
             store,
diff --git a/boris/utils/preparePrint.js b/boris/utils/preparePrint.js
index 8a45c79ea..935e71951 100644
--- a/boris/utils/preparePrint.js
+++ b/boris/utils/preparePrint.js
@@ -74,6 +74,7 @@ export async function preparePrint (getResponse) {
 
     let printJob = {};
 
+    store.dispatch("Tools/Print/retrieveCapabilites", true, {root: true});
     store.dispatch("Tools/Print/activatePrintStarted", true, {root: true});
 
     spec.setAttributes(attributes);
diff --git a/cosi/AccessibilityAnalysis/components/AccessibilityAnalysis.vue b/cosi/AccessibilityAnalysis/components/AccessibilityAnalysis.vue
index 67c849771..627c31da7 100644
--- a/cosi/AccessibilityAnalysis/components/AccessibilityAnalysis.vue
+++ b/cosi/AccessibilityAnalysis/components/AccessibilityAnalysis.vue
@@ -76,6 +76,10 @@ export default {
                 {
                     type: "wheelchair",
                     name: this.$t("additional:modules.tools.cosi.accessibilityAnalysis.transportTypes.wheelchair")
+                },
+                {
+                    type: "public-transport",
+                    name: this.$t("additional:modules.tools.cosi.accessibilityAnalysis.transportTypes.public-transport")
                 }
             ],
             scaleUnits: [
diff --git a/cosi/AccessibilityAnalysis/locales/de/additional.json b/cosi/AccessibilityAnalysis/locales/de/additional.json
index d3916f8e7..647643e25 100644
--- a/cosi/AccessibilityAnalysis/locales/de/additional.json
+++ b/cosi/AccessibilityAnalysis/locales/de/additional.json
@@ -26,7 +26,8 @@
                         "cycling-regular": "Rad",
                         "cycling-electric": "Rad (elektrisch)",
                         "foot-walking": "Gehen",
-                        "wheelchair": "Rollstuhl / Kinderwagen"
+                        "wheelchair": "Rollstuhl / Kinderwagen",
+                        "public-transport": "ÖPNV (experimentell)"
                     },
                     "scaleUnit": "Maßeinheit der Entfernung",
                     "scaleUnits": {
diff --git a/cosi/AccessibilityAnalysis/locales/en/additional.json b/cosi/AccessibilityAnalysis/locales/en/additional.json
index d0f194ed3..a11cb61b0 100644
--- a/cosi/AccessibilityAnalysis/locales/en/additional.json
+++ b/cosi/AccessibilityAnalysis/locales/en/additional.json
@@ -26,7 +26,8 @@
                         "cycling-regular": "Bicycle",
                         "cycling-electric": "Bicycle (electric)",
                         "foot-walking": "Walking",
-                        "wheelchair": "Wheelchair"
+                        "wheelchair": "Wheelchair",
+                        "public-transport": "Public Transit"
                     },
                     "scaleUnit": "Unit of distance",
                     "scaleUnits": {
diff --git a/cosi/AccessibilityAnalysis/store/actionsAccessibilityAnalysis.js b/cosi/AccessibilityAnalysis/store/actionsAccessibilityAnalysis.js
index 2e1669ca9..b18623743 100644
--- a/cosi/AccessibilityAnalysis/store/actionsAccessibilityAnalysis.js
+++ b/cosi/AccessibilityAnalysis/store/actionsAccessibilityAnalysis.js
@@ -40,9 +40,12 @@ export async function loadFilterPoly (url, featureType, projectionCode) {
             srsName: projectionCode
         }),
         wfsReader = new WFS({}),
-        feature = wfsReader.readFeatures(ret)[0];
+        feature = wfsReader.readFeatures(ret, {
+            dataProjection: projectionCode,
+            featureProjection: "EPSG:4326"
+        })[0];
 
-    return feature.getGeometry().getPolygon(0).getCoordinates();
+    return {coords: feature.getGeometry().getCoordinates(), geomType: feature.getGeometry().getType()};
 }
 
 /**
@@ -123,9 +126,9 @@ const actions = {
                 await init({coords: [getters.filterPoly]});
             }
             else if (getters.filterUrl && getters.filterFeatureType) {
-                const coords = await loadFilterPoly(getters.filterUrl, getters.filterFeatureType, rootGetters["Maps/projectionCode"]);
+                const {coords, geomType} = await loadFilterPoly(getters.filterUrl, getters.filterFeatureType, rootGetters["Maps/projectionCode"]);
 
-                await init({coords});
+                await init({coords, geomType});
             }
         }
 
diff --git a/cosi/AccessibilityAnalysis/test/unit/components/AccessibilityAnalysis.spec.js b/cosi/AccessibilityAnalysis/test/unit/components/AccessibilityAnalysis.spec.js
index cfee9a238..b9ec6efc8 100644
--- a/cosi/AccessibilityAnalysis/test/unit/components/AccessibilityAnalysis.spec.js
+++ b/cosi/AccessibilityAnalysis/test/unit/components/AccessibilityAnalysis.spec.js
@@ -158,6 +158,9 @@ describe("AccessibilityAnalysis.vue", () => {
                             namespaced: true,
                             actions: {
                                 addNewSelection: () => sinon.stub()
+                            },
+                            getters: {
+                                activeSelection: sinon.stub()
                             }
                         }
                     }
diff --git a/cosi/AccessibilityAnalysis/utils/createIsochrones.js b/cosi/AccessibilityAnalysis/utils/createIsochrones.js
index 2db1926dd..fb2ec2b75 100644
--- a/cosi/AccessibilityAnalysis/utils/createIsochrones.js
+++ b/cosi/AccessibilityAnalysis/utils/createIsochrones.js
@@ -1,7 +1,6 @@
 import requestIsochrones from "./requestIsochrones";
 import {transformFeatures} from "../../utils/features/transform";
-import {transformCoordinate} from "./transformCoordinates";
-import {polygon as turfPolygon} from "@turf/helpers";
+import {multiPolygon as turfMultiPolygon, polygon as turfPolygon} from "@turf/helpers";
 import {default as turfUnion} from "@turf/union";
 import {default as turfBooleanPointInPolygon} from "@turf/boolean-point-in-polygon";
 import axios from "axios";
@@ -22,11 +21,17 @@ export function getFilterPoly () {
 /**
  *
  * @export
- * @param {*} coords coords
+ * @param {Array} coords coords
+ * @param {String} geomType "MultiPolygon" or "Polygon"
  * @return {void}
  */
-export function setFilterPoly (coords) {
-    filterPoly = turfPolygon(coords);
+export function setFilterPoly (coords, geomType) {
+    if (geomType === "MultiPolygon") {
+        filterPoly = turfMultiPolygon(coords);
+    }
+    else {
+        filterPoly = turfPolygon(coords);
+    }
 }
 
 
@@ -132,7 +137,7 @@ async function createIsochronesPoints (args) {
         coordinatesList = [],
         groupedFeaturesList = [],
         filteredCoordinates = filterPoly === undefined ? args.coordinates :
-            args.coordinates.filter(c => turfBooleanPointInPolygon(transformCoordinate(c, "EPSG:4326", args.projectionCode), filterPoly));
+            args.coordinates.filter(c => turfBooleanPointInPolygon(c, filterPoly));
 
     for (let i = 0; i < filteredCoordinates.length; i += args.batchSize) {
         const arrayItem = filteredCoordinates.slice(i, i + args.batchSize);
diff --git a/cosi/AccessibilityAnalysis/utils/isochronesWorker.js b/cosi/AccessibilityAnalysis/utils/isochronesWorker.js
index 0114912a8..36a3bb0c8 100644
--- a/cosi/AccessibilityAnalysis/utils/isochronesWorker.js
+++ b/cosi/AccessibilityAnalysis/utils/isochronesWorker.js
@@ -21,7 +21,7 @@ async function onmessage (self, event) {
             self.postMessage({type: event.data.type, result: new GeoJSON().writeFeatures(features)});
         }
         else if (event.data.type === "init") {
-            setFilterPoly(event.data.coords);
+            setFilterPoly(event.data.coords, event.data.geomType);
             self.postMessage({type, result: "ok"});
         }
         else if (event.data.type === "getFilterPoly") {
diff --git a/cosi/AreaSelector/tests/unit/components/AreaSelector.spec.js b/cosi/AreaSelector/tests/unit/components/AreaSelector.spec.js
index 0a5c39075..f4839bfc2 100644
--- a/cosi/AreaSelector/tests/unit/components/AreaSelector.spec.js
+++ b/cosi/AreaSelector/tests/unit/components/AreaSelector.spec.js
@@ -21,7 +21,7 @@ Vue.use(Vuetify);
 localVue.use(Vuex);
 
 
-// global.requestAnimationFrame = (fn) => fn();
+global.requestAnimationFrame = (fn) => fn();
 
 describe("addons/cosi/AreaSelector/components/AreaSelector.vue", () => {
     let vuetify, store;
@@ -84,6 +84,12 @@ describe("addons/cosi/AreaSelector/components/AreaSelector.vue", () => {
                                 setActive: sinon.stub(),
                                 setGeometry: sinon.stub()
                             }
+                        },
+                        Filter: {
+                            namespaced: true,
+                            mutations: {
+                                setFilterGeometry: sinon.stub()
+                            }
                         }
                     }
                 },
diff --git a/cosi/Dashboard/components/Dashboard.vue b/cosi/Dashboard/components/Dashboard.vue
index fe55f5b55..f69015f60 100644
--- a/cosi/Dashboard/components/Dashboard.vue
+++ b/cosi/Dashboard/components/Dashboard.vue
@@ -7,7 +7,6 @@ import mutations from "../store/mutationsDashboard";
 import actions from "../store/actionsDashboard";
 import {getTimestamps} from "../../utils/timeline";
 import beautifyKey from "../../../../src/utils/beautifyKey";
-import groupMapping from "../../utils/groupMapping";
 import TableRowMenu from "./TableRowMenu.vue";
 import EditForReportTemplate from "../../components/EditForReportTemplate.vue";
 import {
@@ -31,7 +30,7 @@ import exportXlsx from "../../utils/exportXlsx";
 import DashboardToolbar from "./DashboardToolbar.vue";
 import ToolInfo from "../../components/ToolInfo.vue";
 import TableCell from "./TableCell.vue";
-
+import isObject from "../../../../src/utils/isObject";
 
 export default {
     name: "Dashboard",
@@ -120,8 +119,6 @@ export default {
         ...mapGetters("Tools/DistrictSelector", [
             "selectedDistrictLevel",
             "selectedDistrictNames",
-            "selectedDistrictLabels",
-            "keyOfAttrNameStats",
             "mapping",
             "loadend",
             "remoteMetadata"
@@ -138,8 +135,8 @@ export default {
         valueColumns () {
             return [...this.districtColumns, ...this.aggregateColumns];
         },
-        statsMapping () {
-            return this.groupMapping(this.mapping);
+        minimizedCols () {
+            return this.districtColumns.filter(col => col.minimized === true);
         },
         selectedColumns () {
             const selectedCols = this.valueColumns.filter(col => col.selected);
@@ -158,6 +155,31 @@ export default {
             set (v) {
                 this.setSelectedYear(v);
             }
+        },
+
+        /**
+         * Checks whether there is at least one object with an orientation value in the mapping json.
+         * @returns {Boolean} True if there is an orientation value.
+         */
+        hasMappingOrientationValue () {
+            return this.mapping.some(obj => typeof obj.orientationValue !== "undefined");
+        },
+
+        /**
+         * The mapped key from value
+         * @returns {Object} the key map object
+         */
+        keyMap () {
+            return {
+                category: "Kategorie",
+                group: "Gruppe",
+                valueType: "Datentyp",
+                timestamp: "Jahr",
+                hamburg_gesamt: "Hamburg gesamt",
+                total: "Gesamt",
+                average: "Durchschnitt",
+                orientationValue: this.getColumnHeader("orientationValue")
+            };
         }
     },
 
@@ -166,6 +188,9 @@ export default {
             if (v) {
                 this.toolOffset = 0.4 * window.innerWidth;
                 this.calculateAll();
+                if (this.loadend) {
+                    this.generateTable();
+                }
             }
         },
         loadend (v) {
@@ -179,34 +204,33 @@ export default {
             /** 0. Check if request is valid */
             const requestSettingsValid = ("statsFeatureFilter" in newRequest.settings) & ("calculations" in newRequest.settings),
                 /**
-             * 1. update the interface based on the settings received from toolBridge
-             * @param {Object} request the toolBridge request {id:..., settings:{...}}
-             * @returns {void} (run for side effects only, passes along the request)
-             */
+                 * 1. update the interface based on the settings received from toolBridge
+                 * @param {Object} request the toolBridge request {id:..., settings:{...}}
+                 * @returns {void} (run for side effects only, passes along the request)
+                 */
                 updateInterface = (request) => {
                     this.$store.commit("Tools/Dashboard/setStatsFeatureFilter", request.settings.statsFeatureFilter); // not sure why simple this.
                     this.overwriteAllCalculations(request.settings.calculations);
                 },
 
                 /**
-                * 2. run the specific analysis of this addon
-                * @returns {Object} the value of the function that runs the analysis.
-                */
+                 * 2. run the specific analysis of this addon
+                 * @returns {Object} the value of the function that runs the analysis.
+                 */
                 runTool = () => {
-                // copied & modified this from exportTable() method
+                    // copied & modified this from exportTable() method
                     if (this.currentItems.length < 1) { // if dashboard was never opened, currentItems is not yet copied from items, so we do it here just in case.
                         this.currentItems = this.items;
                     }
                     this.calculateAll(); // make sure the table is updated
                     this.generateTable(); // make sure the table is updated
-                    const items = this.selectedItems.length > 0 ?
-                        this.selectedItems :
-                        this.items.filter(item => this.filterTable(item.category)); // if no rows in the table are selected, act as if all rows are selected
+                    const items = this.selectedItems.length > 0 ? this.selectedItems : this.items.filter(item => this.filterTable(item.category)), // if no rows in the table are selected, act as if all rows are selected
+                        preparedItems = this.ignoreColumnsByExport && this.minimizedCols.length ? this.getPreparedItems(items) : items;
 
                     // this.currentItems = items;
                     let data = this.exportTimeline
-                        ? this.prepareTableExportWithTimeline(items, this.selectedDistrictNames, this.timestamps, this.timestampPrefix)
-                        : this.prepareTableExport(items, this.selectedDistrictNames, this.selectedYear, this.timestampPrefix);
+                        ? this.prepareTableExportWithTimeline(preparedItems, this.selectedDistrictNames, this.timestamps, this.selectedDistrictLevel.districts, this.timestampPrefix, this.exportGrouped)
+                        : this.prepareTableExport(preparedItems, this.selectedDistrictNames, this.selectedYear, this.selectedDistrictLevel.districts, this.timestampPrefix, this.exportGrouped);
 
                     data = JSON.parse(JSON.stringify(data)); // cleans the object to pure JSON (rather than array of getters and setters)
                     // eslint-disable-next-line no-unused-vars
@@ -218,10 +242,10 @@ export default {
                     return data;
                 },
                 /**
-                * 3. hand the results back to toolBridge, in the form of: {request: ..., type: ..., result: ...}
-                * @param {Object} data the data table
-                * @returns {Object} null (runs for side effects only)
-                */
+                 * 3. hand the results back to toolBridge, in the form of: {request: ..., type: ..., result: ...}
+                 * @param {Object} data the data table
+                 * @returns {Object} null (runs for side effects only)
+                 */
                 returnResults = (data) => {
                     return this.$store.commit("Tools/ToolBridge/setReceivedResults", // this is where toolBridge expects requested results to arrive
                         {
@@ -262,6 +286,19 @@ export default {
         ...mapMutations("Tools/ColorCodeMap", ["setSelectedYear"]),
         ...mapActions("Tools/ChartGenerator", ["channelGraphData"]),
         ...mapActions("Tools/DistrictSelector", ["updateDistricts"]),
+        ...mapActions("Alerting", ["addSingleAlert"]),
+
+        /**
+         * Returns the labels of the selected districts.
+         * @param {Object[]} districts - The districts of the selected district level.
+         * @returns {String[]} The labels.
+         */
+        getSelectedDistrictsLabels (districts) {
+            const selectedDistricts = districts.filter(district => district.isSelected === true);
+
+            return selectedDistricts.map(district => district.getLabel());
+        },
+
         /**
          * Generates the table data for the v-data-table (headers/columns, items/rows)
          * @listens #Change:DistrictSelector/loadend on DistrictSelector/loadend
@@ -269,6 +306,7 @@ export default {
          */
         generateTable () {
             this.timestamps = [];
+            this.handleOrientationColumn(this.hasMappingOrientationValue, this.aggregateColumns);
             this.districtColumns = this.getColumns(this.selectedDistrictLevel, this.selectedDistrictNames, []);
             this.rows = this.getRows();
             this.items = this.getData();
@@ -282,12 +320,7 @@ export default {
         getRows () {
             let counter = 0;
 
-
             return this.mapping.reduce((rows, category, index, array) => {
-                if (!category[this.keyOfAttrNameStats]) {
-                    return rows;
-                }
-
                 return [
                     ...rows,
                     {
@@ -298,7 +331,8 @@ export default {
                         valueType: category.valueType,
                         isTemp: category.isTemp,
                         calculation: category.calculation,
-                        groupIndex: array[index].group !== array[index + 1]?.group ? counter++ : counter
+                        groupIndex: array[index].group !== array[index + 1]?.group ? counter++ : counter,
+                        orientationValue: category.orientationValue
                     }
                 ];
             }, []);
@@ -321,6 +355,7 @@ export default {
             }
 
             districtStats.years = [...getTimestamps(districtStats, this.timestampPrefix)];
+            districtStats.id = districtStats.category + districtStats.groupIndex;
             this.timestamps = districtStats.years.reduce((timestamps, timestamp) => {
                 return timestamps.includes(timestamp) ? timestamps : [timestamp, ...timestamps].sort().reverse();
             }, this.timestamps);
@@ -403,7 +438,7 @@ export default {
         },
 
         getAverageAsString (item, timestamp) {
-            const average = this.getAverage(item, this.selectedDistrictLabels, timestamp, this.timestampPrefix);
+            const average = this.getAverage(item, this.getSelectedDistrictsLabels(this.selectedDistrictLevel.districts), timestamp, this.timestampPrefix);
 
             return average.toLocaleString(this.currentLocale);
         },
@@ -412,13 +447,13 @@ export default {
             return Object.fromEntries(
                 item.years.map(timestamp => [
                     this.timestampPrefix + timestamp,
-                    this.getAverage(item, this.selectedDistrictLabels, timestamp, this.timestampPrefix)
+                    this.getAverage(item, this.getSelectedDistrictsLabels(this.selectedDistrictLevel.districts), timestamp, this.timestampPrefix)
                 ])
             );
         },
 
         getTotalAsString (item, timestamp) {
-            const total = this.getTotal(item, this.selectedDistrictLabels, timestamp, this.timestampPrefix);
+            const total = this.getTotal(item, this.getSelectedDistrictsLabels(this.selectedDistrictLevel.districts), timestamp, this.timestampPrefix);
 
             return total.toLocaleString(this.currentLocale);
         },
@@ -427,7 +462,7 @@ export default {
             return Object.fromEntries(
                 item.years.map(timestamp => [
                     this.timestampPrefix + timestamp,
-                    this.getTotal(item, this.selectedDistrictLabels, timestamp, this.timestampPrefix)
+                    this.getTotal(item, this.getSelectedDistrictsLabels(this.selectedDistrictLevel.districts), timestamp, this.timestampPrefix)
                 ])
             );
         },
@@ -501,6 +536,26 @@ export default {
             }
         },
 
+        /**
+         * Returns the items that are not minimized
+         * @param {Object[]}  items to be prepared
+         * @returns {Object[]} prepared items
+         */
+        getPreparedItems (items) {
+            if (!Array.isArray(items) || items.length === 0) {
+                return [];
+            }
+            const clonedItems = JSON.parse(JSON.stringify(items));
+
+            clonedItems.forEach(item => {
+                this.minimizedCols.forEach(minCol => {
+                    delete item[minCol.value];
+                });
+            });
+
+            return clonedItems;
+        },
+
         /**
          * Export the table as XLSX.
          * Either the simple view for the selected or all years.
@@ -510,13 +565,65 @@ export default {
          * @returns {void}
          */
         exportTable (exportTimeline = false) {
+            let exportedData = null,
+                iniHeader = null,
+                fixedHeaderStart = null,
+                fixedHeaderEnd = null,
+                header = null;
             const items = this.selectedItems.length > 0 ? this.selectedItems : this.currentItems,
-                data = exportTimeline
-                    ? this.prepareTableExportWithTimeline(items, this.selectedDistrictNames, this.timestamps, this.timestampPrefix)
-                    : this.prepareTableExport(items, this.selectedDistrictNames, this.selectedYear, this.timestampPrefix),
-                filename = composeFilename(this.$t("additional:modules.tools.cosi.dashboard.exportFilename"));
+                preparedItems = this.ignoreColumnsByExport && this.minimizedCols.length ? this.getPreparedItems(items) : items,
+                prefix = this.prefixExportFilename,
+                rawData = exportTimeline
+                    ? this.prepareTableExportWithTimeline(preparedItems, this.selectedDistrictNames, this.timestamps, this.keyMap, this.selectedDistrictLevel.districts, this.timestampPrefix, this.exportGrouped)
+                    : this.prepareTableExport(preparedItems, this.selectedDistrictNames, this.selectedYear, this.keyMap, this.selectedDistrictLevel.districts, this.timestampPrefix, this.exportGrouped),
+                filename = composeFilename(this.$t("additional:modules.tools.cosi.dashboard.exportFilename", {prefix}));
+
+            try {
+                exportedData = this.sanitizeData(JSON.parse(JSON.stringify(rawData)), [...this.excludedPropsForExport, ...this.unselectedColumnLabels]);
+                iniHeader = this.exportGrouped ?
+                    Object.keys(Object.values(exportedData)[0][0]) : Object.keys(exportedData[0]);
+            }
+            catch (error) {
+                this.addSingleAlert({
+                    content: this.$t("additional:modules.tools.cosi.dashboard.tableDataParsingError"),
+                    class: "Info",
+                    displayClass: "info"
+                });
+                return;
+            }
+
+            fixedHeaderStart = iniHeader.includes("Gruppe") ? ["Kategorie", "Gruppe", "Datentyp"] : ["Kategorie", "Datentyp"];
+            fixedHeaderEnd = iniHeader.includes(this.getColumnHeader("orientationValue")) ? [this.getColumnHeader("orientationValue"), "Gesamt", "Durchschnitt", "Jahr"] : ["Gesamt", "Durchschnitt", "Jahr"];
+            header = fixedHeaderStart.concat(iniHeader.filter((value) => {
+                return !fixedHeaderStart.includes(value) && !fixedHeaderEnd.includes(value);
+            }), fixedHeaderEnd);
+
+            exportXlsx(header, exportedData, filename);
+        },
+
+        /**
+         * @description Sanitizes the export data. Removes excluded columns.
+         * @param {Object[]} json - the array of objects
+         * @param {String[]} exclude - the list of keys to exclude
+         * @returns {Object[]} the sanitized data
+         */
+        sanitizeData (json, exclude) {
+            if (!exclude) {
+                return json;
+            }
+            if (isObject(json)) {
+                Object.values(json).forEach(objectsToSanitize => {
+                    this.sanitizeData(objectsToSanitize, exclude);
+                });
+                return json;
+            }
+            json.forEach(column => {
+                exclude.forEach(key => {
+                    delete column[key];
+                });
+            });
 
-            exportXlsx(data, filename, {exclude: [...this.excludedPropsForExport, ...this.unselectedColumnLabels]});
+            return json;
         },
 
         addCalculation,
@@ -524,7 +631,6 @@ export default {
         calculateAll,
         calculateStats,
         calculateCorrelation,
-        groupMapping,
         sumUpSelected,
         divideSelected,
         deleteStats,
@@ -603,11 +709,10 @@ export default {
             return this.statsFeatureFilter.map(t => typeof t === "string" ? t : t.value).includes(value);
         },
         /** make sure all objects in array include all the same keys
-       *
-        * @param {*} arr array of objects
-        * @param {*} missingValues what to set the missing values to
-        * @returns {array} same array but each item has the same keys
-        */
+         * @param {*} arr array of objects
+         * @param {*} missingValues what to set the missing values to
+         * @returns {array} same array but each item has the same keys
+         */
         fillMissingKeys (arr, missingValues = "NA") {
             // Create an object with all the keys in it
             // This will return one object containing all keys the items
@@ -628,19 +733,55 @@ export default {
             return result;
         },
 
+        /**
+         * Adds a column for the orientations values if it is not yet available and
+         * there is at least one orientation value in the mapping json.
+         * @param {Boolean} hasMappingOrientationValue - True if there is an orientation value.
+         * @param {Object[]} aggregateColumns - Columns for total and average values.
+         * @returns {void}
+         */
+        handleOrientationColumn (hasMappingOrientationValue, aggregateColumns) {
+            const hasOrientationColumn = aggregateColumns.find(col => col.value === "orientationValue");
+
+            if (hasMappingOrientationValue && !hasOrientationColumn) {
+                this.aggregateColumns.splice(0, 0, {
+                    text: this.getColumnHeader("orientationValue"),
+                    value: "orientationValue",
+                    align: "end",
+                    sortable: false,
+                    groupable: false,
+                    selected: false,
+                    isAggregation: true
+                });
+            }
+        },
+
+        /**
+         * Gets the column header from value as key
+         * @param {String} value - the value of the column
+         * @return {String} the column header
+         */
+        getColumnHeader (value) {
+            if (Object.prototype.hasOwnProperty.call(this.columnHeader, value) && typeof this.columnHeader[value] === "string") {
+                return this.columnHeader[value];
+            }
+
+            return value;
+        },
+
         /**
          *  This function collapses the results of dashboard to make it look more clean
          */
 
         collapseAllGroups () {
             // The second half of the solution is not clear to me but found that it is one way to achieve
-            const groupStates = this.$refs["dashboard-table"]?.$vnode.componentInstance.openCache;
+            // const groupStates = this.$refs["dashboard-table"]?.$vnode.componentInstance.openCache;
 
-            if (groupStates) {
-                for (const e in groupStates) {
-                    groupStates[e] = false;
-                }
-            }
+            // if (groupStates) {
+            //     for (const e in groupStates) {
+            //         groupStates[e] = false;
+            //     }
+            // }
         }
 
     }
@@ -696,7 +837,7 @@ export default {
                                 fixed-header
                                 dense
                                 show-select
-                                item-key="category"
+                                item-key="id"
                                 class="dashboard-table"
                                 @current-items="setCurrentItems"
                                 @hook:mounted="collapseAllGroups"
@@ -824,6 +965,7 @@ export default {
                                         :timestamp-prefix="timestampPrefix"
                                         :current-locale="currentLocale"
                                         :tooltip-offset="toolOffset"
+                                        :items="items"
                                     />
                                 </template>
 
@@ -977,95 +1119,93 @@ export default {
     }
 
 
-.dashboard-table {
-    height: 100%;
-    .v-data-table__wrapper {
-        overflow-x: auto;
-        overflow-y: auto;
+    .dashboard-table {
         height: 100%;
-    }
+        .v-data-table__wrapper {
+            overflow-x: auto;
+            overflow-y: auto;
+            height: 100%;
+        }
 
-    thead {
-        .district-header {
-            position: relative;
-            margin-top: 10px;
-            .move-col {
-                position: absolute;
-                top: -10px;
-                font-size: 16px;
-                &.left {
-                    left: 0px;
-                }
-                &.right {
-                    left: 10px;
-                }
-                &.minimize {
-                    right: 0px;
+        thead {
+            .district-header {
+                position: relative;
+                margin-top: 10px;
+                .move-col {
+                    position: absolute;
+                    top: -10px;
+                    font-size: 16px;
+                    &.left {
+                        left: 0px;
+                    }
+                    &.right {
+                        left: 10px;
+                    }
+                    &.minimize {
+                        right: 0px;
+                    }
                 }
             }
-        }
-        .v-input {
-            font-size: unset;
-            label {
-                font-size: 12px;
-                font-weight: 700;
-                i {
-                    font-size: 20px;
+            .v-input {
+                font-size: unset;
+                label {
+                    font-size: 12px;
+                    font-weight: 700;
+                    i {
+                        font-size: 20px;
+                    }
                 }
             }
         }
-    }
 
-    th.minimized {
-        width: 20px;
-        max-width:20px;
+        th.minimized {
+            width: 20px;
+            max-width:20px;
 
-        .v-input {
-            display: none;
-        }
-        .move-col {
-            &.left {
-                display: none;
-            }
-            &.right {
+            .v-input {
                 display: none;
             }
-            &.minimize {
-                left: -10px;
-                right: unset;
+            .move-col {
+                &.left {
+                    display: none;
+                }
+                &.right {
+                    display: none;
+                }
+                &.minimize {
+                    left: -10px;
+                    right: unset;
+                }
             }
         }
-    }
 
-    td {
-        vertical-align: top;
+        td {
+            vertical-align: top;
 
-        div.text-end {
-            text-align: right;
-        }
-        ul.timeline {
-            list-style: none;
-            li {
+            div.text-end {
                 text-align: right;
             }
-        }
-        .timestamp {
-            color: $brightblue;
-        }
-        .no-wrap {
-            white-space: nowrap;
-        }
-        .modified {
-            color: $brightred;
-        }
-        .minimized {
-            // overflow: hidden;
-            // width: 20px;
-            display: none;
+            ul.timeline {
+                list-style: none;
+                li {
+                    text-align: right;
+                }
+            }
+            .timestamp {
+                color: $brightblue;
+            }
+            .no-wrap {
+                white-space: nowrap;
+            }
+            .modified {
+                color: $brightred;
+            }
+            .minimized {
+                // overflow: hidden;
+                // width: 20px;
+                display: none;
+            }
         }
     }
 }
-}
 </style>
-
-
diff --git a/cosi/Dashboard/components/TableCell.vue b/cosi/Dashboard/components/TableCell.vue
index fdeb045ea..a9a8b149d 100644
--- a/cosi/Dashboard/components/TableCell.vue
+++ b/cosi/Dashboard/components/TableCell.vue
@@ -1,6 +1,7 @@
 <script>
 import StatsTrend from "./StatsTrend.vue";
-import {getValue, getValueClass, getValueTooltip} from "../utils/tableCells";
+import {getValue, getValueClass, getValueTooltip, isValueCalculated} from "../utils/tableCells";
+import {mapGetters} from "vuex";
 
 export default {
     name: "TableCell",
@@ -31,12 +32,22 @@ export default {
         tooltipOffset: {
             type: Number,
             default: 0
+        },
+        items: {
+            type: Array,
+            required: true
         }
     },
+    computed: {
+        ...mapGetters("Tools/DistrictSelector", [
+            "selectedDistrictLevel"
+        ])
+    },
     methods: {
         getValue,
         getValueClass,
-        getValueTooltip
+        getValueTooltip,
+        isValueCalculated
     }
 };
 
@@ -56,7 +67,7 @@ export default {
                 v-on="on"
             >
                 <StatsTrend
-                    v-if="getValue(item, header, currentTimestamp) !== '-'"
+                    v-if="getValue(item, header, currentTimestamp, selectedDistrictLevel.districts) !== '-'"
                     :item="item"
                     :header="header"
                     :current-timestamp="currentTimestamp"
@@ -67,24 +78,39 @@ export default {
                 <template v-if="item.expanded">
                     <ul class="timeline">
                         <li
-                            v-for="year in item.years"
+                            v-for="(year, idx) in item.years"
                             :key="year"
+                            class="d-flex flex-row justify-end"
                         >
+                            <v-icon
+                                v-if="idx === 0 && isValueCalculated(item, header) && getValue(item, header, year, selectedDistrictLevel.districts) !== '-'"
+                                x-small
+                                :title="$t('additional:modules.tools.cosi.dashboard.titleForCalculatedStatistic')"
+                            >
+                                mdi-information
+                            </v-icon>
                             <span
                                 :title="getValueTooltip(item, header, year)"
                                 :class="getValueClass(item, header, year)"
                             >
-                                {{ getValue(item, header, year) }}
+                                {{ getValue(item, header, year, selectedDistrictLevel.districts).toLocaleString(currentLocale) }}
                             </span>
                         </li>
                     </ul>
                 </template>
                 <template v-else>
+                    <v-icon
+                        v-if="isValueCalculated(item, header) && getValue(item, header, currentTimestamp, selectedDistrictLevel.districts) !== '-'"
+                        x-small
+                        :title="$t('additional:modules.tools.cosi.dashboard.titleForCalculatedStatistic')"
+                    >
+                        mdi-information
+                    </v-icon>
                     <span
                         :title="getValueTooltip(item, header, currentTimestamp)"
                         :class="getValueClass(item, header, currentTimestamp)"
                     >
-                        {{ getValue(item, header, currentTimestamp) }}
+                        {{ getValue(item, header, currentTimestamp, selectedDistrictLevel.districts).toLocaleString(currentLocale) }}
                     </span>
                 </template>
             </div>
diff --git a/cosi/Dashboard/doc/config.json.md b/cosi/Dashboard/doc/config.json.md
index c36417e90..ae3367194 100644
--- a/cosi/Dashboard/doc/config.json.md
+++ b/cosi/Dashboard/doc/config.json.md
@@ -6,11 +6,19 @@ Statistische Datenübersicht.
 |----|-------------|---|-------|------------|
 |name|nein|String|Dashboard|Name des Werkzeuges im Menu.|
 |icon|nein|String|bi-speedometer|CSS Klasse des Glyphicons, das vor dem Toolnamen im Menu angezeigt wird.|
+|columnHeader|nein|Object|{}|Label von Spalten in Tabelle und exportirter Excel Datei.|
+|prefixExportFilename|nein|String|Cosi|Der Prefix der für den Export der Excel Tabelle benutzt wird.|
+|exportGrouped|nein|Boolean|false|Wenn der Parameter auf `true` gesetzt ist, wird beim Export für jede Gruppe im Dashboard ein Excel-Sheet erstellt und die Gruppe verschwindet beim Export aus den Spalten.|
 
 **Beispiel**
 ```
 "dashboard": {
     "name": "Dashboard",
-    "icon": "bi-table"
+    "icon": "bi-table",
+    "columnHeader": {
+        "orientationValue": "Orientierungswert"
+    }
+    "prefixExportFilename": "Cosi",
+    "exportGrouped": true
 }
 ```
diff --git a/cosi/Dashboard/locales/de/additional.json b/cosi/Dashboard/locales/de/additional.json
index 7fbbe8051..21f36cc8c 100644
--- a/cosi/Dashboard/locales/de/additional.json
+++ b/cosi/Dashboard/locales/de/additional.json
@@ -12,12 +12,14 @@
                     "search": "Tabelle durchsuchen",
                     "exportTable": "Tabelle exportieren",
                     "exportTableTimeline": "alle Jahre exportieren",
-                    "exportFilename": "CoSI_Dashboard-Tabelle",
+                    "exportFilename": "{{prefix}}_Dashboard-Tabelle",
                     "modifiedTooltip": "Dieses Datum wurde durch Simulationsfunktionen verändert.",
                     "moveColLeft": "Spalte nach links verschieben",
                     "moveColRight": "Spalte nach rechts verschieben",
                     "minimizeCol": "Spalte aus-/einblenden",
                     "nameCalc": "Berechnung benennen",
+                    "titleForCalculatedStatistic": "Die mit rot gekennzeichneten Werte sind automatisch berechnet",
+                    "tableDataParsingError": "Beim lesen der Daten ist ein Fehler aufgetreten",
                     "tableRowMenu": {
                         "expandTooltip": "Alle Jahre ein-/ausblenden",
                         "visualize": "In der Karte visualisieren",
diff --git a/cosi/Dashboard/locales/en/additional.json b/cosi/Dashboard/locales/en/additional.json
index e98a7b4dc..ad34cbd22 100644
--- a/cosi/Dashboard/locales/en/additional.json
+++ b/cosi/Dashboard/locales/en/additional.json
@@ -12,12 +12,14 @@
                     "search": "Search Table",
                     "exportTable": "Export table",
                     "exportTableTimeline": "Export all years",
-                    "exportFilename": "CoSI_Dashboard-Table",
+                    "exportFilename": "{{prefix}}_Dashboard-Table",
                     "modifiedTooltip": "This datum has been altered by simulations",
                     "moveColLeft": "Move column to the left",
                     "moveColRight": "Move column to the right",
                     "minimizeCol": "Hide column",
                     "nameCalc": "Name Calculation",
+                    "titleForCalculatedStatistic": "The values marked in red are calculated automatically",
+                    "tableDataParsingError": "An error occurred while reading the data",
                     "tableRowMenu": {
                         "expandTooltip": "Show/Hide all years",
                         "visualize": "Show on the map",
diff --git a/cosi/Dashboard/store/stateDashboard.js b/cosi/Dashboard/store/stateDashboard.js
index 3c042ca30..9b7cd782b 100644
--- a/cosi/Dashboard/store/stateDashboard.js
+++ b/cosi/Dashboard/store/stateDashboard.js
@@ -10,6 +10,8 @@
  * @property {Boolean} [resizableWindow=false] - If True, window is resizable (config-param).
  * @property {object} toolBridgeIn: {settings: {}, type: "", outputCallback: ()=>{}} accepts settings from toolBridge (must have a *watcher*)
  * @property {object} toolBridgeOut: {}  pass current settings to toolBridge (must have a *getter*)
+ * @property {String} prefixExportFilename - The prefix of exported file name.
+ * @property {Object} columnHeader - The column header object
  */
 const state = {
     active: false,
@@ -30,7 +32,11 @@ const state = {
     reportTemplateMode: null,
     // these two variables are required to make this addon compatible with the toolBridge addon (for details see toolBridge documentation)
     toolBridgeIn: {settings: {}, type: "", outputCallback: null}, // accepts settings from toolBridge - must have a *watcher*
-    toolBridgeOut: {} // pass current settings to toolBridge - must have a *getter*
+    toolBridgeOut: {}, // pass current settings to toolBridge - must have a *getter*,
+    prefixExportFilename: "CoSI",
+    columnHeader: {},
+    ignoreColumnsByExport: false,
+    exportGrouped: false
 };
 
 export default state;
diff --git a/cosi/Dashboard/test/unit/components/Dashboard.spec.js b/cosi/Dashboard/test/unit/components/Dashboard.spec.js
index 723409276..622e05788 100644
--- a/cosi/Dashboard/test/unit/components/Dashboard.spec.js
+++ b/cosi/Dashboard/test/unit/components/Dashboard.spec.js
@@ -423,4 +423,159 @@ describe("addons/cosi/Dashboard/components/Dashboard.vue", () => {
             expect(spyUpdateDistricts.callCount).to.equal(1);
         });
     });
+
+    describe("Methods", () => {
+        describe("getSelectedDistrictsLabels", async () => {
+            await factory.initialize(shallowMount);
+
+            const selectedLabels = wrapper.vm.getSelectedDistrictsLabels(selectedDistrictLevel.districts);
+
+            expect(selectedLabels).to.deep.equal(["Wolkenkuckucksheim (Statgebiet)"]);
+        });
+
+        describe("handleOrientationColumn", () => {
+            it("should not add a column for orientation values if no orientation values available", async () => {
+                await factory.initialize(shallowMount);
+
+                wrapper.vm.handleOrientationColumn(false, []);
+                expect(wrapper.vm.aggregateColumns.length).to.be.equal(2);
+            });
+
+            it("should not add a columns for orientation if it already exists", async () => {
+                await factory.initialize(shallowMount);
+
+                wrapper.vm.aggregateColumns.push({value: "orientationValue"});
+                wrapper.vm.handleOrientationColumn(true, wrapper.vm.aggregateColumns);
+                expect(wrapper.vm.aggregateColumns.length).to.be.equal(3);
+            });
+
+            it("should add a column for orientation values", async () => {
+                await factory.initialize(shallowMount);
+
+                wrapper.vm.handleOrientationColumn(true, [1, 2]);
+                expect(wrapper.vm.aggregateColumns.length).to.be.equal(3);
+            });
+
+        });
+
+        describe("getColumnHeader", async () => {
+            it("should return the default value", async () => {
+                await factory.initialize(shallowMount);
+
+                expect(wrapper.vm.getColumnHeader("value")).to.be.equal("value");
+            });
+
+            it("should return the default value if the value is not existed as key", async () => {
+                store = new Vuex.Store({
+                    namespaced: true,
+                    modules: {
+                        Language: {
+                            namespaced: true,
+                            getters: {
+                                currentLocale: () => "en-US"
+                            }
+                        },
+                        Tools: {
+                            namespaced: true,
+                            modules: {
+                                Dashboard: {
+                                    namespaced: true,
+                                    state: {
+                                        columnHeader: {
+                                            "value1": "label1"
+                                        }
+                                    },
+                                    getters: {
+                                        active: () => true,
+                                        name: () => "test",
+                                        icon: () => "bi-speedometer",
+                                        renderToWindow: () => false,
+                                        resizableWindow: () => true,
+                                        isVisibleInMenu: () => true,
+                                        deactivateGFI: () => true,
+                                        columnHeader: (state) => state.columnHeader,
+                                        excludedPropsForExport: () => sinon.stub(),
+                                        readmeUrl: () => "",
+                                        statsFeatureFilter: () => [],
+                                        calculations: () => [],
+                                        reportTemplateMode: () => null,
+                                        toolBridgeIn: () => sinon.stub(),
+                                        toolBridgeOut: () => sinon.stub(),
+                                        prefixExportFilename: () => ""
+                                    }
+                                },
+                                ColorCodeMap: {
+                                    namespaced: true,
+                                    state: {
+                                        selectedYear: 2020,
+                                        playState: false,
+                                        selectedFeature: "",
+                                        visualizationState: false
+                                    },
+                                    getters: {
+                                        selectedYear: s => s.selectedYear,
+                                        playState: s => s.playState,
+                                        selectedFeature: s => s.selectedFeature,
+                                        visualizationState: s => s.visualizationState
+                                    },
+                                    mutations: {
+                                        setSelectedYear (s, p) {
+                                            s.selectedYear = p;
+                                        },
+                                        setPlayState (s, p) {
+                                            s.playState = p;
+                                        },
+                                        setSelectedFeature (s, p) {
+                                            s.selectedFeature = p;
+                                        },
+                                        setVisualizationState (s, p) {
+                                            s.visualizationState = p;
+                                        }
+                                    }
+                                },
+                                DistrictSelector: {
+                                    namespaced: true,
+                                    state: {
+                                        loadend: false
+                                    },
+                                    getters: {
+                                        selectedDistrictLevel: () => selectedDistrictLevel,
+                                        selectedDistrictNames: selectedDistrictNamesStub,
+                                        selectedDistrictLabels: selectedDistrictLabelsStub,
+                                        keyOfAttrNameStats: () => "statgebiet",
+                                        mapping: () => mapping,
+                                        loadend: s => s.loadend
+                                    },
+                                    mutations: {
+                                        addCategoryToMapping: sinon.stub(),
+                                        setLoadend (s, p) {
+                                            s.loadend = p;
+                                        }
+                                    },
+                                    actions: {
+                                        updateDistricts: sinon.stub()
+                                    }
+                                },
+                                ChartGenerator: {
+                                    namespaced: true,
+                                    actions: {
+                                        channelGraphData: sinon.stub()
+                                    }
+                                }
+                            }
+                        }
+                    },
+                    getters: {
+                        isDefaultStyle: () => true,
+                        uiStyle: () => true,
+                        mobile: () => sinon.stub()
+                    }
+                });
+
+                await factory.initialize(shallowMount);
+
+                expect(wrapper.vm.getColumnHeader("value1")).to.be.equal("label1");
+            });
+        });
+    });
 });
diff --git a/cosi/Dashboard/test/unit/utils/export.spec.js b/cosi/Dashboard/test/unit/utils/export.spec.js
index d16303c91..535ad8f46 100644
--- a/cosi/Dashboard/test/unit/utils/export.spec.js
+++ b/cosi/Dashboard/test/unit/utils/export.spec.js
@@ -1,4 +1,5 @@
 import {
+    groupDataByKey,
     prepareTableExport,
     prepareTableExportWithTimeline
 } from "../../../utils/export.js";
@@ -47,4 +48,46 @@ describe("Dashboard/utils/export", () => {
             expect(timestampsCopy).to.be.eql(timestamps);
         });
     });
+
+    describe("groupDataByKey", () => {
+        it("should return null if first param is not an array", () => {
+            expect(groupDataByKey(undefined)).to.be.null;
+            expect(groupDataByKey({})).to.be.null;
+            expect(groupDataByKey(null)).to.be.null;
+            expect(groupDataByKey(true)).to.be.null;
+            expect(groupDataByKey(false)).to.be.null;
+            expect(groupDataByKey(1234)).to.be.null;
+            expect(groupDataByKey("1234")).to.be.null;
+        });
+        it("should return null if second param is not a string", () => {
+            expect(groupDataByKey([], undefined)).to.be.null;
+            expect(groupDataByKey([], {})).to.be.null;
+            expect(groupDataByKey([], [])).to.be.null;
+            expect(groupDataByKey([], null)).to.be.null;
+            expect(groupDataByKey([], true)).to.be.null;
+            expect(groupDataByKey([], false)).to.be.null;
+            expect(groupDataByKey([], 1234)).to.be.null;
+        });
+        it("should return an object with key as group key and value the group values", () => {
+            const tmpData = [
+                    {
+                        "foo": "foo",
+                        "bar": "bar1",
+                        "boo": "boo"
+                    },
+                    {
+                        "foo": "fo1",
+                        "bar": "bar2",
+                        "boo": "bo1"
+                    }
+                ],
+                key = "bar",
+                expected = {
+                    "bar1": [{"foo": "foo", "boo": "boo"}],
+                    "bar2": [{"foo": "fo1", "boo": "bo1"}]
+                };
+
+            expect(groupDataByKey(tmpData, key)).to.deep.equal(expected);
+        });
+    });
 });
diff --git a/cosi/Dashboard/test/unit/utils/tableCell.spec.js b/cosi/Dashboard/test/unit/utils/tableCell.spec.js
index 8223740fb..ee8a7a17d 100644
--- a/cosi/Dashboard/test/unit/utils/tableCell.spec.js
+++ b/cosi/Dashboard/test/unit/utils/tableCell.spec.js
@@ -1,17 +1,31 @@
 import {
     getValue,
     getValueClass,
-    getValueTooltip
+    getValueTooltip,
+    isValueCalculated
 } from "../../../utils/tableCells.js";
 import {expect} from "chai/index";
+import selectedDistrictLevel from "../components/mock.districtLevel.js";
 
 describe("Dashboard/utils/tableCells", () => {
     const item = {
             "39003": {
-                "undefined2020": "2266",
+                "jahr_2020": "2266",
                 "isModified": 2020
             }
         },
+        itemTwo = {
+            "Wolkenkuckucksheim": {
+                "jahr_2012": "150"
+            },
+            "valueType": "relative",
+            "calculation": {
+                "operation": "divide",
+                "category_A": "Arbeitslose insgesamt",
+                "category_B": "Bevölkerung insgesamt",
+                "modifier": 100
+            }
+        },
         header = {value: "39003"},
         timestamp = 2020;
 
@@ -21,8 +35,22 @@ describe("Dashboard/utils/tableCells", () => {
             expect(getValue({}, {})).to.be.equal("-");
             expect(getValue({}, {}, "")).to.be.equal("-");
         });
+
+        it("should return default '-' if no object is given", () => {
+            expect(getValue([])).to.be.equal("-");
+            expect(getValue(true)).to.be.equal("-");
+            expect(getValue(666)).to.be.equal("-");
+            expect(getValue("666")).to.be.equal("-");
+            expect(getValue(undefined)).to.be.equal("-");
+            expect(getValue(null)).to.be.equal("-");
+        });
+
         it("should return the parsed value", () => {
-            expect(getValue.call({currentLocale: "de-DE"}, item, header, timestamp)).to.be.equal("2.266");
+            expect(getValue.call({currentLocale: "de-DE"}, item, header, timestamp)).to.be.equal(2266);
+        });
+
+        it("should return the calculated value", () => {
+            expect(getValue(itemTwo, {value: "Wolkenkuckucksheim"}, timestamp, selectedDistrictLevel.districts)).to.be.equal(16.32);
         });
     });
 
@@ -51,4 +79,28 @@ describe("Dashboard/utils/tableCells", () => {
             expect(getValueTooltip(item, header, [])).to.be.undefined;
         });
     });
+
+    describe("isValueCalculated", () => {
+        it("should return false if first param is not an object", () => {
+            expect(isValueCalculated(undefined)).to.be.false;
+            expect(isValueCalculated([])).to.be.false;
+            expect(isValueCalculated(null)).to.be.false;
+            expect(isValueCalculated(true)).to.be.false;
+            expect(isValueCalculated(false)).to.be.false;
+            expect(isValueCalculated(1234)).to.be.false;
+            expect(isValueCalculated("1234")).to.be.false;
+        });
+        it("should return false if the second param is not an object", () => {
+            expect(isValueCalculated({}, undefined)).to.be.false;
+            expect(isValueCalculated({}, [])).to.be.false;
+            expect(isValueCalculated({}, null)).to.be.false;
+            expect(isValueCalculated({}, true)).to.be.false;
+            expect(isValueCalculated({}, false)).to.be.false;
+            expect(isValueCalculated({}, 1234)).to.be.false;
+            expect(isValueCalculated({}, "1234")).to.be.false;
+        });
+        it("should return true if the value is calculated", () => {
+            expect(isValueCalculated({foo: {isCalculated: true}}, {value: "foo"})).to.be.true;
+        });
+    });
 });
diff --git a/cosi/Dashboard/utils/export.js b/cosi/Dashboard/utils/export.js
index 4b56712f6..a2b657bdc 100644
--- a/cosi/Dashboard/utils/export.js
+++ b/cosi/Dashboard/utils/export.js
@@ -1,56 +1,56 @@
 import {replaceValues} from "../../utils/modifyObject.js";
 import renameKeys from "../../../../src/utils/renameKeys.js";
+import {getValue} from "./tableCells";
 
-const
-    keyMap = {
-        category: "Kategorie",
-        group: "Gruppe",
-        valueType: "Datentyp",
-        timestamp: "Jahr",
-        hamburg_gesamt: "Hamburg gesamt",
-        total: "Gesamt",
-        average: "Durchschnitt"
-    },
-    valuesMap = {
+const valuesMap = {
         absolute: "absolut",
         relative: "relativ"
-    };
+    },
+    keysToIgnore = ["id", "calculation"];
 
 /**
  * Prepares the table data for an XLSX export, just the table as displayed
  * @param {Object[]} data - the feature data from the featuresList
  * @param {String[]} districtNames - keys of the districts
  * @param {Number} timestamp - timestamp
+ * @param {Object} keyMap - key map object
+ * @param {Object[]} districts - All districts of the current level.
  * @param {String} timestampPrefix - timestamp prefix
+ * @param {Boolean} exportGrouped - true if table should be exported in seperate groups
  * @returns {Object[]} data for export
  */
-export function prepareTableExport (data, districtNames, timestamp, timestampPrefix = "jahr_") {
+export function prepareTableExport (data, districtNames, timestamp, keyMap, districts, timestampPrefix = "jahr_", exportGrouped = false) {
     if (!Array.isArray(data)) {
         console.error("prepareTableExport: data must be an array");
         return null;
     }
+    if (exportGrouped) {
+        delete keyMap.group;
+    }
+
     const exportData = data.map(item => {
         const _item = replaceValues(renameKeys(keyMap, item), valuesMap);
 
+        keysToIgnore.forEach(keyToIgnore => {
+            delete _item[keyToIgnore];
+        });
         for (const col in _item) {
             if (typeof _item[col] === "object") {
-                const val = parseFloat(_item[col][timestampPrefix + timestamp]);
-
-                _item[col] = !isNaN(val) ? val : _item[col][timestampPrefix + timestamp];
+                _item[col] = getValue(item, {value: col}, timestamp, districts, timestampPrefix);
             }
         }
 
         /**
          * @todo localize
          */
-        _item[keyMap.total] = this.getTotal(item, districtNames, timestamp, timestampPrefix);
+        _item[keyMap.total] = Math.round(this.getTotal(item, districtNames, timestamp, timestampPrefix) * 1000) / 1000;
         _item[keyMap.average] = this.getAverage(item, districtNames, timestamp, timestampPrefix);
         _item[keyMap.timestamp] = timestamp;
 
         return _item;
     });
 
-    return exportData;
+    return exportGrouped ? groupDataByKey(exportData, "group") : exportData;
 }
 
 /**
@@ -58,15 +58,20 @@ export function prepareTableExport (data, districtNames, timestamp, timestampPre
  * @param {Object[]} data - the feature data from the featuresList
  * @param {String[]} districtNames - keys of the districts
  * @param {Number[]} timestamps - timestamps
+ * @param {Object} keyMap - key map object
+ * @param {Object[]} districts - All districts of the current level.
  * @param {String} timestampPrefix - timestamp prefix
+ * @param {Boolean} exportGrouped - true if table should be exported in seperate groups
  * @returns {Object[]} data for export
  */
-export function prepareTableExportWithTimeline (data, districtNames, timestamps, timestampPrefix) {
+export function prepareTableExportWithTimeline (data, districtNames, timestamps, keyMap, districts, timestampPrefix, exportGrouped = false) {
     if (!Array.isArray(data)) {
         console.error("prepareTableExport: data must be an array");
         return null;
     }
-
+    if (exportGrouped) {
+        delete keyMap.group;
+    }
     const
         ctimestamps = timestamps.slice().reverse(),
         exportData = data.reduce((items, item) => {
@@ -74,11 +79,13 @@ export function prepareTableExportWithTimeline (data, districtNames, timestamps,
                 categoryRows = ctimestamps.map(timestamp => {
                     const el = {..._item};
 
+                    keysToIgnore.forEach(keyToIgnore => {
+                        delete el[keyToIgnore];
+                    });
+
                     for (const col in el) {
                         if (typeof _item[col] === "object") {
-                            const val = parseFloat(el[col][timestampPrefix + timestamp]);
-
-                            el[col] = !isNaN(val) ? val : "-";
+                            el[col] = getValue(item, {value: col}, timestamp, districts, timestampPrefix);
                         }
                     }
 
@@ -95,5 +102,35 @@ export function prepareTableExportWithTimeline (data, districtNames, timestamps,
             return [...items, ...categoryRows];
         }, []);
 
-    return exportData;
+    return exportGrouped ? groupDataByKey(exportData, "group") : exportData;
+}
+/**
+ * Groups an array of objects by the given keys. It also removes the entry of the given key on each data object.
+ * @param {Object[]} data The array of data.
+ * @param {String} key The key to group by.
+ * @returns {Object|null} an object with following structure: {group1: [], ..., additional: []}
+ */
+export function groupDataByKey (data, key) {
+    if (!Array.isArray(data) || typeof key !== "string") {
+        return null;
+    }
+    const result = {};
+
+    data.forEach(obj => {
+        if (!Object.prototype.hasOwnProperty.call(obj, key)) {
+            if (!Array.isArray(result.additional)) {
+                result.additional = [];
+            }
+            result.additional.push(obj);
+            return;
+        }
+        const valueOfKey = obj[key];
+
+        delete obj[key];
+        if (!Array.isArray(result[valueOfKey])) {
+            result[valueOfKey] = [];
+        }
+        result[valueOfKey].push(obj);
+    });
+    return result;
 }
diff --git a/cosi/Dashboard/utils/operations.js b/cosi/Dashboard/utils/operations.js
index 0ca7d3130..e9a95a9b6 100644
--- a/cosi/Dashboard/utils/operations.js
+++ b/cosi/Dashboard/utils/operations.js
@@ -1,6 +1,7 @@
 import Feature from "ol/Feature";
 import intersect from "../../utils/array/intersect";
 import mathutils from "../../utils/math";
+import {getDistrictByName, getStatisticByCategory} from "../../DistrictSelector/utils/districts";
 
 const operationSymbols = {
         add: "+",
@@ -348,9 +349,10 @@ export function getTotal (item, districtNames, timestamp, timestampPrefix, simpl
  * @returns {Number} the total
  */
 export function getCulmulativeTotal (item, districtNames, timestamp, timestampPrefix) {
+
     const
-        field_A = this.items.find(_item => _item.category === item.calculation.category_A),
-        field_B = this.items.find(_item => _item.category === item.calculation.category_B),
+        field_A = this.items.find(_item => _item.category === item.calculation.category_A) || createItemForCalc(item.calculation.category_A, districtNames, this.selectedDistrictLevel.districts),
+        field_B = this.items.find(_item => _item.category === item.calculation.category_B) || createItemForCalc(item.calculation.category_B, districtNames, this.selectedDistrictLevel.districts),
         total_A = field_A ? this.getTotal(field_A, districtNames, timestamp, timestampPrefix) : undefined,
         total_B = field_B ? this.getTotal(field_B, districtNames, timestamp, timestampPrefix) : undefined;
 
@@ -361,6 +363,29 @@ export function getCulmulativeTotal (item, districtNames, timestamp, timestampPr
     return mathutils[item.calculation.operation](total_A, total_B) * (item.calculation.modifier || 1);
 }
 
+/**
+ * If the information is not available in the items, the information is taken from the districts.
+ * This can happen if the statistics required for the calculation are not displayed/filtered in the dashboard.
+ * @param {String} category - The category of the statistic
+ * @param {String[]} districtNames - All district names of the current district level.
+ * @param {Object[]} districts - All districts of the current district level.
+ * @returns {Object} The item with the required informations.
+ */
+export function createItemForCalc (category, districtNames, districts) {
+    const newItem = {
+        valueType: "absolute"
+    };
+
+    districtNames.forEach(name => {
+        const foundDistrict = getDistrictByName(districts, name),
+            statFeature = getStatisticByCategory(foundDistrict, category);
+
+        newItem[name] = statFeature.getProperties();
+    });
+
+    return newItem;
+}
+
 /**
  * Removes a stats category from the table
  * @param {String} category - the category to delete
diff --git a/cosi/Dashboard/utils/tableCells.js b/cosi/Dashboard/utils/tableCells.js
index 07a4e5027..92d227cc2 100644
--- a/cosi/Dashboard/utils/tableCells.js
+++ b/cosi/Dashboard/utils/tableCells.js
@@ -1,19 +1,45 @@
+import isObject from "../../../../src/utils/isObject";
+import mathutils from "../../utils/math";
+import {getDistrictByName, getStatisticByCategory} from "../../DistrictSelector/utils/districts";
+import Feature from "ol/Feature";
 
 /**
- * Returns the value for the cell
+ * Returns the value for the cell.
+ * If no value is available, checks whether it can be calculated from existing statistical data.
  * @param {*} item - item
  * @param {*} header - header
  * @param {*} timestamp - year
- * @returns {String} the text val for the cell
+ * @param {Object[]} districts - All districts of the current level.
+ * @param {String} [timestampPrefix="jahr_"] - The string the timestamps start with (e.g. jahr_).
+ * @returns {String} The value as Sring for the cell or "-" if no value is available.
  */
-export function getValue (item, header, timestamp) {
+export function getValue (item, header, timestamp, districts, timestampPrefix = "jahr_") {
     let val;
 
+    if (!isObject(item)) {
+        return "-";
+    }
+
     if (header?.value && item[header.value]) {
-        val = parseFloat(item[header.value][String(this.timestampPrefix) + timestamp]);
+        val = parseFloat(item[header.value][String(timestampPrefix) + timestamp]);
     }
 
-    return val ? val.toLocaleString(this.currentLocale) : "-";
+    if (isNaN(val) && isObject(item.calculation) && item.valueType === "relative" && item[header.value]) {
+        const foundDistrict = getDistrictByName(districts, header.value),
+            statFeature_A = getStatisticByCategory(foundDistrict, item.calculation.category_A),
+            statFeature_B = getStatisticByCategory(foundDistrict, item.calculation.category_B);
+
+        let dividend, divisor, result;
+
+        if (statFeature_A instanceof Feature && statFeature_B instanceof Feature) {
+            dividend = Number(statFeature_A.get(String(timestampPrefix) + timestamp));
+            divisor = Number(statFeature_B.get(String(timestampPrefix) + timestamp));
+            result = mathutils[item.calculation.operation](dividend, divisor) * (item.calculation.modifier || 1);
+            val = Number(result.toFixed(2));
+            item[header.value].isCalculated = true;
+        }
+    }
+    return val ? Math.round(val * 1000) / 1000 : "-";
 }
 
 /**
@@ -24,7 +50,7 @@ export function getValue (item, header, timestamp) {
  * @returns {String} the class
  */
 export function getValueClass (item, header, timestamp) {
-    return item[header.value]?.isModified <= timestamp ? "modified" : "";
+    return item[header.value]?.isModified <= timestamp || item[header.value]?.isCalculated ? "modified" : "";
 }
 
 /**
@@ -37,3 +63,16 @@ export function getValueClass (item, header, timestamp) {
 export function getValueTooltip (item, header, timestamp) {
     return item[header.value]?.isModified <= timestamp ? this.$t("additional:modules.tools.cosi.dashboard.modifiedTooltip") : undefined;
 }
+
+/**
+ * Returns if the value is calculated or not.
+ * @param {Object} item The item.
+ * @param {Object} header The header.
+ * @returns {Boolean} true if the value is calculated, false if not.
+ */
+export function isValueCalculated (item, header) {
+    if (!isObject(item) || !isObject(header)) {
+        return false;
+    }
+    return item[header.value]?.isCalculated === true;
+}
diff --git a/cosi/DistrictSelector/components/DistrictSelector.vue b/cosi/DistrictSelector/components/DistrictSelector.vue
index 5839341c6..7ba2be494 100644
--- a/cosi/DistrictSelector/components/DistrictSelector.vue
+++ b/cosi/DistrictSelector/components/DistrictSelector.vue
@@ -126,6 +126,10 @@ export default {
                 if (this.selectedNames.length === 0) {
                     styleSelectedDistrictLevels(this.districtLevels);
                 }
+
+                if (this.selectedNames.length && typeof this.toolToOpen === "string") {
+                    this.$store.dispatch("Tools/setToolActive", {id: this.toolToOpen, active: true});
+                }
             }
         },
         /**
@@ -146,10 +150,11 @@ export default {
 
         /**
          * @description Watches Layer visiblity changes to determine whether the addtional info layers are active
+         * @param {module:ol/layer[]} layerList - An array of visible layers.
          * @returns {void}
          */
-        getVisibleLayerList () {
-            this.checkAdditionalLayers();
+        getVisibleLayerList (layerList) {
+            this.checkAdditionalLayers(layerList);
         },
 
         /**
@@ -443,20 +448,21 @@ export default {
         /**
          * @description Checks if the additional info layers are visible on mounted.
          * @todo Refactor to vue when MP Core is updated
+         * @param {module:ol/layer[]} layerList - An array of visible layers.
          * @returns {boolean} the state of at least one of the addtional layers
          */
-        checkAdditionalLayers () {
+        checkAdditionalLayers (layerList) {
             let state, states, oldState, newState;
 
             for (const key in this.additionalInfoLayers) {
                 states = [];
 
                 for (const layerId of this.additionalInfoLayers[key]) {
-                    state = getModelByAttributes({id: layerId})?.get("isSelected");
+                    state = layerList.some(layer => typeof layer?.get === "function" && layer.get("id") === layerId);
                     states = states.includes(state) ? states : [...states, state];
                 }
 
-                if (states.length === 1) {
+                if (states.length === 1 || states.includes(true)) {
                     oldState = this.visibleInfoLayers.includes(key);
                     newState = states[0];
                     if (newState && !oldState) {
@@ -466,6 +472,9 @@ export default {
                         this.visibleInfoLayers = this.visibleInfoLayers.filter(e => e !== key);
                     }
                 }
+                else {
+                    this.visibleInfoLayers = [];
+                }
             }
         },
 
@@ -553,6 +562,7 @@ export default {
                         @input="updateSelectedFeatures"
                     />
                     <v-text-field
+                        v-if="enableBuffer"
                         v-model="bufferVal"
                         :label="$t('additional:modules.tools.cosi.districtSelector.inputLabel')"
                         outlined
diff --git a/cosi/DistrictSelector/doc/config.json.md b/cosi/DistrictSelector/doc/config.json.md
index b4eafbd39..ab05acac9 100644
--- a/cosi/DistrictSelector/doc/config.json.md
+++ b/cosi/DistrictSelector/doc/config.json.md
@@ -2,27 +2,31 @@
 
 Mit dem DistrictSelector (Gebietsauswahl) wird ein Gebiet auf Basis einer Verwaltungsebene (z.B.: Statistisches Gebiet) ausgewählt. Für das gewählte Gebiet werden die entsprechenden regionalstatistischen Daten geladen.
 
-|Name|Verpflichtend|Typ|Default|Beschreibung|
-|----|-------------|---|-------|------------|
+|Name|Verpflichtend| Typ|Default|Beschreibung|
+|----|-------------|----|-------|------------|
 |name|nein|String|Gebiet auswählen|Name des Werkzeuges im Menu.|
 |icon|nein|String|bi-image|CSS Klasse des Glyphicons, das vor dem Toolnamen im Menu angezeigt wird.|
-|districtLevels|ja|Object[]||Beinhaltet die nötigen Informationen der einzelnen Verwaltungsebenen (siehe Beispiel).|
-|districtLevels[i].layerId|ja|String||Die Layer id zum jeweiligen Verwaltungslayer.|
-|districtLevels[i].label|ja|String||Die/der Bezeichnung/ Name für die Verwaltungsebene.|
-|districtLevels[i].keyOfAttrName|ja|String||Der Key für das Attribut in dem der Name der Verwaltungeinheit steht.|
-|districtLevels[i].duplicateDistrictNames|nein|String[]||Namen von Gebieten, die Konflikte auslösen. Eimsbüttel zum Beispiel gibt es als Stadtteil und als Bezirk. Die Namen sind bei der höheren Verwaltungsebene anzugeben.|
-|districtLevels[i].stats|ja|Object||Definiert die Layer-Id für die regionalstatistischen Daten, die jeweiligen Metadaten URLs und den Key des Attributes "Name" für die statistischen Daten.|
-|districtLevels[i].stats.keyOfAttrName|ja|String||Key des Attributes "Name" für die statistischen Daten.|
-|districtLevels[i].stats.metadataUrls|nein|String[]||Die URLs der Metadaten der statistischen Daten.|
-|districtLevels[i].activeStyle|nein|Object||Benutzerdefinierte Styles für die jeweils ausgewählte Verwaltungsebene. Entspricht der Hierarchie des OpenLayers Style Definition|
-|districtLevels[i].districtNamesMap|nein|Object||Benutzerdefiniertes dictionary zum bereitstellen von synonymen Gebietsnamen|
-|additionalInfoLayers|nein|Object||Zusätzliche Info Layer die beim Nutzen des Tools angezeigt werden können. Der Key ist der angezeigte Bezeichner, der Value die Liste an Layer IDs|
+|districtLevels|ja|Object[]| |Beinhaltet die nötigen Informationen der einzelnen Verwaltungsebenen (siehe Beispiel).|
+|districtLevels[i].layerId|ja|String| |Die Layer id zum jeweiligen Verwaltungslayer.|
+|districtLevels[i].label|ja|String| |Die/der Bezeichnung/ Name für die Verwaltungsebene.|
+|districtLevels[i].keyOfAttrName|ja|String| |Der Key für das Attribut in dem der Name der Verwaltungeinheit steht.|
+|districtLevels[i].duplicateDistrictNames|nein|String[]| |Namen von Gebieten, die Konflikte auslösen. Eimsbüttel zum Beispiel gibt es als Stadtteil und als Bezirk. Die Namen sind bei der höheren Verwaltungsebene anzugeben.|
+|districtLevels[i].stats|ja|Object| |Definiert die Layer-Id für die regionalstatistischen Daten, die jeweiligen Metadaten URLs und den Key des Attributes "Name" für die statistischen Daten.|
+|districtLevels[i].stats.keyOfAttrName|ja|String| |Key des Attributes "Name" für die statistischen Daten.|
+|districtLevels[i].stats.metadataUrls|nein|String[]| |Die URLs der Metadaten der statistischen Daten.|
+|districtLevels[i].activeStyle|nein|Object| |Benutzerdefinierte Styles für die jeweils ausgewählte Verwaltungsebene. Entspricht der Hierarchie des OpenLayers Style Definition|
+|districtLevels[i].districtNamesMap|nein|Object| |Benutzerdefiniertes dictionary zum bereitstellen von synonymen Gebietsnamen|
+|additionalInfoLayers|nein|Object| |Zusätzliche Info Layer die beim Nutzen des Tools angezeigt werden können. Der Key ist der angezeigte Bezeichner, der Value die Liste an Layer IDs|
+|toolToOpen|nein|String| |Das Werkzeug, das nach dem Schließen des DistrictSelector geöffnet wird.|
+|enableBuffer|nein|Boolean|true|Legt fest, ob der Puffer als InputFeld angezeigt wird.|
 
 **Beispiel**
 ```
 "districtSelector": {
   "active": true,
   "name": "Gebietsauswahl",
+  "toolToOpen": "templateManager",
+  "enableBuffer": true,
   "districtLevels": [
     {
       "layerId": "6071",
diff --git a/cosi/DistrictSelector/store/actionsDistrictSelector.js b/cosi/DistrictSelector/store/actionsDistrictSelector.js
index f53856448..6c7d882c4 100644
--- a/cosi/DistrictSelector/store/actionsDistrictSelector.js
+++ b/cosi/DistrictSelector/store/actionsDistrictSelector.js
@@ -65,7 +65,7 @@ const actions = {
                 }),
                 // reference districts
                 refDistricts = referenceLevel.districts.filter(district => {
-                    return refNames.includes(district.getName());
+                    return refNames.includes(mapDistrictNames(district.getName(), referenceLevel));
                 });
 
             dispatch("loadStatFeatures", {
@@ -75,13 +75,11 @@ const actions = {
             });
             LoaderOverlay.hide();
         }
-
         else {
             dispatch("updateDistricts");
             dispatch("Alerting/cleanup", null, {root: true});
             LoaderOverlay.hide();
         }
-
     },
 
     setDistrictsByName ({getters, commit}, {districtNames, fromExternal = true, zoomToExtent = true}) {
diff --git a/cosi/DistrictSelector/store/gettersDistrictSelector.js b/cosi/DistrictSelector/store/gettersDistrictSelector.js
index 802a0d1a6..1d5da50cb 100644
--- a/cosi/DistrictSelector/store/gettersDistrictSelector.js
+++ b/cosi/DistrictSelector/store/gettersDistrictSelector.js
@@ -107,17 +107,6 @@ const getters = {
      */
     selectedStatFeatures: (state, {selectedDistricts}) => {
         return selectedDistricts.map(district => district.statFeatures).flat();
-    },
-
-    /**
-     * Returns the selected districts' labels (analogous to districtNames in state).
-     * @param {Object} state - The DistrictSelector state.
-     * @param {Object} getters - The DistrictSelector getters.
-     * @param {Object} getters.selectedDistricts - The selected districts.
-     * @returns {Object} The selected district labels.
-     */
-    selectedDistrictLabels: (state, {selectedDistricts}) => {
-        return selectedDistricts.map(district => district.getLabel());
     }
 };
 
diff --git a/cosi/DistrictSelector/store/stateDistrictSelector.js b/cosi/DistrictSelector/store/stateDistrictSelector.js
index fc9c94013..e42d2181a 100644
--- a/cosi/DistrictSelector/store/stateDistrictSelector.js
+++ b/cosi/DistrictSelector/store/stateDistrictSelector.js
@@ -21,6 +21,8 @@ import MappingJson from "../../assets/mapping.json";
  * @property {String[]} selectedDistrictNames - All names of the selected districts.
  * @property {Object {String: String[]}} additionalInfoLayers - Additional Layers to display as guidance and information. Set as keys to display with lists of layerIds. (config-param).
  * @property {Number} [bufferValue=0] - A buffer for the extent of the selected district(s).
+ * @property {String} toolToOpen - the tool to be open after this tool is closed.
+ * @property {Boolean} enableBuffer - to decide if buffer is enabled.
  */
 const state = {
     active: false,
@@ -48,7 +50,9 @@ const state = {
         "en-US": "https://bitbucket.org/geowerkstatt-hamburg/addons/src/dev/cosi/manuals/018districtselector.md",
         "de-DE": "https://bitbucket.org/geowerkstatt-hamburg/addons/src/dev/cosi/manuals/018gebietsauswahl.md"
     },
-    remoteMetadata: {} // after data is loaded, we also pull metadata remotely and store it here.
+    remoteMetadata: {}, // after data is loaded, we also pull metadata remotely and store it here.
+    toolToOpen: undefined,
+    enableBuffer: true
 };
 
 export default state;
diff --git a/cosi/DistrictSelector/tests/unit/components/DistrictSelector.spec.js b/cosi/DistrictSelector/tests/unit/components/DistrictSelector.spec.js
index 33b63d7bb..f577f6076 100644
--- a/cosi/DistrictSelector/tests/unit/components/DistrictSelector.spec.js
+++ b/cosi/DistrictSelector/tests/unit/components/DistrictSelector.spec.js
@@ -64,7 +64,8 @@ describe("addons/cosi/DistrictSelector/components/DistrictSelector.vue", () => {
                         icon: () => "bi-image",
                         districtLevels: () => districtLevels,
                         layerList: () => layerList,
-                        additionalInfoLayers: () => additionalInfoLayers
+                        additionalInfoLayers: () => additionalInfoLayers,
+                        enableBuffer: () => true
                     }
                 });
             }
@@ -157,6 +158,39 @@ describe("addons/cosi/DistrictSelector/components/DistrictSelector.vue", () => {
             expect(textFieldWrapper.props("type")).to.equal("number");
         });
 
+        it("should not find a text-field component with the type 'number'", () => {
+            const textfieldFactory = {
+                    getMount: (values = {}, isActive = true) => {
+                        return mount(DistrictSelector, {
+                            store,
+                            localVue,
+                            vuetify,
+                            data () {
+                                return {
+                                    ...values
+                                };
+                            },
+                            computed: {
+                                name: () => "Hallo",
+                                renderToWindow: () => true,
+                                resizableWindow: () => false,
+                                deactivateGFI: () => true,
+                                active: () => isActive,
+                                icon: () => "bi-image",
+                                districtLevels: () => districtLevels,
+                                layerList: () => layerList,
+                                additionalInfoLayers: () => additionalInfoLayers,
+                                enableBuffer: () => false
+                            }
+                        });
+                    }
+                },
+                wrapper = textfieldFactory.getMount(),
+                textFieldWrapper = wrapper.findComponent({name: "v-text-field"});
+
+            expect(textFieldWrapper.exists()).to.be.false;
+        });
+
         it("should find a checkbox component with the value Sozialräume", () => {
             const wrapper = factory.getMount(),
                 checkboxWrapperArray = wrapper.findAllComponents({name: "v-checkbox"});
diff --git a/cosi/DistrictSelector/tests/unit/utils/districts.spec.js b/cosi/DistrictSelector/tests/unit/utils/districts.spec.js
new file mode 100644
index 000000000..e280ed29c
--- /dev/null
+++ b/cosi/DistrictSelector/tests/unit/utils/districts.spec.js
@@ -0,0 +1,90 @@
+import {getDistrictByName, getStatisticByCategory} from "../../../utils/districts.js";
+import {expect} from "chai/index";
+import Feature from "ol/Feature";
+
+describe("DistrictSelector/utils/districts", () => {
+    describe("getDistrictByName", () => {
+        it("should return undefined if the first param is not an array", () => {
+            expect(getDistrictByName({})).to.be.undefined;
+            expect(getDistrictByName(123)).to.be.undefined;
+            expect(getDistrictByName("666")).to.be.undefined;
+            expect(getDistrictByName(false)).to.be.undefined;
+            expect(getDistrictByName(null)).to.be.undefined;
+            expect(getDistrictByName(undefined)).to.be.undefined;
+        });
+
+        it("should return undefined if the second param is not a string", () => {
+            expect(getDistrictByName([], {})).to.be.undefined;
+            expect(getDistrictByName([], 123)).to.be.undefined;
+            expect(getDistrictByName([], ["666"])).to.be.undefined;
+            expect(getDistrictByName([], false)).to.be.undefined;
+            expect(getDistrictByName([], null)).to.be.undefined;
+            expect(getDistrictByName([], undefined)).to.be.undefined;
+        });
+
+        it("should return undefind if the district was not found", () => {
+            const districts = [
+                {
+                    getName: () => "Det"
+                },
+                {
+                    getName: () => "Edi"
+                }
+            ];
+
+            expect(getDistrictByName(districts, "Berti")).to.be.undefined;
+        });
+
+        it("should find the correct dsitrict", () => {
+            const districts = [
+                {
+                    getName: () => "Det"
+                },
+                {
+                    getName: () => "Edi"
+                }
+            ];
+
+            expect(getDistrictByName(districts, "Det")).to.deep.equal(districts[0]);
+        });
+    });
+
+    describe("getStatisticByCategory", () => {
+        const district = {
+            statFeatures: [
+                new Feature({
+                    kategorie: "Vegan"
+                }),
+                new Feature({
+                    kategorie: "Vegetarisch"
+                })
+            ]
+        };
+
+        it("should return undefined if the first param is not an object", () => {
+            expect(getStatisticByCategory([])).to.be.undefined;
+            expect(getStatisticByCategory(123)).to.be.undefined;
+            expect(getStatisticByCategory("666")).to.be.undefined;
+            expect(getStatisticByCategory(false)).to.be.undefined;
+            expect(getStatisticByCategory(null)).to.be.undefined;
+            expect(getStatisticByCategory(undefined)).to.be.undefined;
+        });
+
+        it("should return undefined if the second param is not a string", () => {
+            expect(getStatisticByCategory(district, {})).to.be.undefined;
+            expect(getStatisticByCategory(district, 123)).to.be.undefined;
+            expect(getStatisticByCategory(district, ["666"])).to.be.undefined;
+            expect(getStatisticByCategory(district, false)).to.be.undefined;
+            expect(getStatisticByCategory(district, null)).to.be.undefined;
+            expect(getStatisticByCategory(district, undefined)).to.be.undefined;
+        });
+
+        it("should return undefind if the statistic was not found", () => {
+            expect(getStatisticByCategory(district, "Aasfresser")).to.be.undefined;
+        });
+
+        it("should find the correct statistic", () => {
+            expect(getStatisticByCategory(district, "Vegan")).to.deep.equal(district.statFeatures[0]);
+        });
+    });
+});
diff --git a/cosi/DistrictSelector/tests/unit/utils/prepareDistrictLevels.spec.js b/cosi/DistrictSelector/tests/unit/utils/prepareDistrictLevels.spec.js
index c0eda2d55..c86b1621d 100644
--- a/cosi/DistrictSelector/tests/unit/utils/prepareDistrictLevels.spec.js
+++ b/cosi/DistrictSelector/tests/unit/utils/prepareDistrictLevels.spec.js
@@ -116,6 +116,13 @@ describe("addons/DistrictSelector/utils/prepareDistrictLevels.js", () => {
             expect(districts).to.be.an("array").lengthOf(2);
         });
 
+        it("should returns two districts with a 'getName' function", () => {
+            const districts = getDistricts({label: "Stadtteil", layer: layer, keyOfAttrName: "name"});
+
+            expect(districts[0].getName).to.be.a("function");
+            expect(districts[1].getName).to.be.a("function");
+        });
+
         it("should returns a district where the name and the label are the same", () => {
             const districts = getDistricts({label: "Stadtteile", layer: layer, keyOfAttrName: "name"});
 
diff --git a/cosi/DistrictSelector/utils/districts.js b/cosi/DistrictSelector/utils/districts.js
new file mode 100644
index 000000000..c6a882607
--- /dev/null
+++ b/cosi/DistrictSelector/utils/districts.js
@@ -0,0 +1,49 @@
+import isObject from "../../../../src/utils/isObject";
+
+/**
+ * Finds a district by the given name.
+ * @param {Object[]} districts - The list of all districts.
+ * @param {String} name - The name of the searched district.
+ * @returns {Object|undefined} The found district or undefined if no district was found.
+ */
+function getDistrictByName (districts, name) {
+    if (!Array.isArray(districts)) {
+        console.error("DistrictSelector/utils/districts/getDistrictByName: The first parameter must be an array, but got " + typeof districts);
+        return undefined;
+    }
+    if (typeof name !== "string") {
+        console.error("DistrictSelector/utils/districts/getDistrictByName: The second parameter must be a string, but got " + typeof name);
+        return undefined;
+    }
+
+    return districts.find(district => district.getName() === name);
+
+}
+
+/**
+ * Finds a statistic by the given category.
+ * @param {Object} district - The district with its statistics.
+ * @param {String} category - The category of the searched statistic.
+ * @returns {ol/Feature|undefined} - The found statistic feature or undefined if no feature was found.
+ */
+function getStatisticByCategory (district, category) {
+    if (!isObject(district)) {
+        return undefined;
+    }
+
+    if (!Array.isArray(district.statFeatures)) {
+        console.error("DistrictSelector/utils/districts/getStatisticByCategory: The given district has no stats");
+        return undefined;
+    }
+    if (typeof category !== "string") {
+        console.error("DistrictSelector/utils/districts/getStatisticByCategory: The second parameter must be a string, but got " + typeof category);
+        return undefined;
+    }
+
+    return district.statFeatures.find(stat => stat.get("kategorie") === category);
+}
+
+module.exports = {
+    getDistrictByName,
+    getStatisticByCategory
+};
diff --git a/cosi/DistrictSelector/utils/styleSelectedDistrictLevels.js b/cosi/DistrictSelector/utils/styleSelectedDistrictLevels.js
index 4c5c52f50..49ceba3d5 100644
--- a/cosi/DistrictSelector/utils/styleSelectedDistrictLevels.js
+++ b/cosi/DistrictSelector/utils/styleSelectedDistrictLevels.js
@@ -108,6 +108,9 @@ export function styleSelectedDistrictLevels (districtLevels, selectedLevelId, ac
                     stroke: getSelectedStrokeStyle(baseStyle, activeStyleValues)
                 });
 
+            level.layer.getSource().getFeatures().forEach(feature => {
+                feature.setStyle();
+            });
             level.layer.setStyle(() => selectedStyle);
         }
         else {
diff --git a/cosi/ExportPDF/components/ExportPDF.vue b/cosi/ExportPDF/components/ExportPDF.vue
index 82aaa3019..44acda2df 100644
--- a/cosi/ExportPDF/components/ExportPDF.vue
+++ b/cosi/ExportPDF/components/ExportPDF.vue
@@ -1,98 +1,8 @@
 <script>
-
-import Tool from "../../../../src/modules/tools/ToolTemplate.vue";
-import {mapGetters, mapActions, mapMutations} from "vuex";
-import getters from "../store/gettersExportPDF";
-import mutations from "../store/mutationsExportPDF";
-import pdfMake from "pdfmake/build/pdfmake";
-import pdfFonts from "pdfmake/build/vfs_fonts";
-pdfMake.vfs = pdfFonts.pdfMake.vfs;
-
 export default {
     name: "ExportPDF",
-    components: {
-        Tool
-    },
-    props: {
-        exportPdf: {
-            type: String,
-            default: ""
-        }
-    },
-    data: function () {
-        return {
-            // ...
-        };
-    },
-
-    computed: {
-        ...mapGetters("Language", ["currentLocale"]),
-        ...mapGetters("Tools/ExportPDF", Object.keys(getters))
-    },
-
-    watch: {
-        active (isActive) {
-
-            if (isActive) {
-                // --
-            }
-        }},
-
-    created () {
-        this.$on("close", () => {
-            this.setActive(false);
-        });
-    },
-
-    methods: {
-        ...mapActions("Tools/ExportPDF", ["reportTemplateToPDF"]),
-        ...mapMutations("Tools/ExportPDF", Object.keys(mutations)),
-
-
-        ExportPDF () {
-            this.reportTemplateToPDF(this.jsonData);
-        }
+    render () {
+        return null;
     }
-
 };
 </script>
-
-<template lang="html">
-    <Tool
-        :title="$t('additional:modules.tools.cosi.exportPDF.title')"
-        :icon="icon"
-        :active="active"
-        :render-to-window="renderToWindow"
-        :resizable-window="resizableWindow"
-        :deactivate-gfi="deactivateGFI"
-    >
-        <template
-
-            v-if="active"
-            #toolBody
-        >
-            <div>
-                <v-btn
-                    color="orange"
-                    rounded
-                    dark
-                    @click="ExportPDF"
-                >
-                    Convert File
-                </v-btn>
-            </div>
-        </template>
-    </Tool>
-</template>
-
-    <style lang="scss" scoped>
-     @import "~/css/mixins.scss";
-    @import "~variables";
-    .textfield {
-        display: block;
-        height: fit-content;
-        width: fit-content;
-    }
-
-    </style>
-
diff --git a/cosi/ExportPDF/index.js b/cosi/ExportPDF/index.js
index fe3078d2b..02d69d1da 100644
--- a/cosi/ExportPDF/index.js
+++ b/cosi/ExportPDF/index.js
@@ -1,13 +1,13 @@
-import ExportPDF from "./components/ExportPDF.vue";
+// import ExportPDF from "./components/ExportPDF.vue";
 import ExportPDFStore from "./store/indexExportPDF";
-import deLocale from "./locales/de/additional.json";
-import enLocale from "./locales/en/additional.json";
+// import deLocale from "./locales/de/additional.json";
+// import enLocale from "./locales/en/additional.json";
 
 export default {
-    component: ExportPDF,
-    store: ExportPDFStore,
-    locales: {
-        de: deLocale,
-        en: enLocale
-    }
+    // component: ExportPDF,
+    store: ExportPDFStore
+    // locales: {
+    //     de: deLocale,
+    //     en: enLocale
+    // }
 };
diff --git a/cosi/ExportPDF/locales/de/additional.json b/cosi/ExportPDF/locales/de/additional.json
index 085862f7e..28ada000d 100644
--- a/cosi/ExportPDF/locales/de/additional.json
+++ b/cosi/ExportPDF/locales/de/additional.json
@@ -4,7 +4,7 @@
             "cosi": {
                 "exportPDF": {
                     "captions": {
-                    "title": "Als PDF exportieren"
+                        "title": "Als PDF exportieren"
                     }
                 }
             }
diff --git a/cosi/ExportPDF/store/actionsExportPDF.js b/cosi/ExportPDF/store/actionsExportPDF.js
index 63dd23e99..81bc4f5ec 100644
--- a/cosi/ExportPDF/store/actionsExportPDF.js
+++ b/cosi/ExportPDF/store/actionsExportPDF.js
@@ -1,120 +1,31 @@
 import pdfMake from "pdfmake";
-/**
- *
- * @param {*} context is just a vuex action context
- * @param {*} docDefinition a document definition as as expected by pdfmake package
- * @returns {void}
- */
-function downloadPDF (context, docDefinition) {
-
-    pdfMake.createPdf(docDefinition).download("Report.pdf");
-
-}
+import addChapter from "../utils/addChapter";
 
 /**
  *
  *  This function converts data from reportTemplates to pdf
- *
- * @param {*} context vuex context
- * @param {*} chapters reportTempate addon's templateItems definition
+ * @param {Object} _ vuex context
+ * @param {Object} chapters reportTempate addon's templateItems definition as payload
  * @returns {void}
  *
  */
-function reportTemplateToPDF (context, chapters) {
-
-    const docDefinition = {
+function reportTemplateToPDF (_, chapters) {
+    let docDefinition = {
         content: [],
         pageOrientation: "landscape",
         pageSize: "A4"
     };
 
-    /**
-     * @param {array} chapter is part that gets added to chapters after each iteration through the json array
-     * @return {array} the function returns value of chapter
-     */
-    function addChapter (chapter) {
-        // title, desc, tool, settings are attributes of json file of ReportTemplate with optional styles
-        const title = {text: chapter.title, style: "header", bold: true, fontSize: 14},
-            desc = {text: chapter.description, style: "header"},
-            tool = {text: chapter.tool, style: "header"};
-        let sourceInfo = "Quelleninformation fehlt.";
-
-        if (chapter.output.sourceInfo) {
-
-            sourceInfo = Object.values(chapter.output.sourceInfo).map((metadata)=>{
-
-                const metadata_no_html_p_tags = metadata;
-
-                // remove html tags
-                metadata_no_html_p_tags.Abstrakt = metadata.Abstrakt.replace(/<p>/g, "\n").replace(/<\/p>/g, "\n");
-                return Object.values(metadata_no_html_p_tags).map((info, index)=>{
-                    return Object.keys(metadata_no_html_p_tags)[index] + ": " + info;
-                });
-            });
-            sourceInfo = sourceInfo.map(x=>{ // add line breaks between sources
-                return [x, "\n"];
-            });
-
-
-        }
-
-        docDefinition.content.push(title);
-        docDefinition.content.push("\n"); // add line break
-        docDefinition.content.push(desc);
-        docDefinition.content.push("\n"); // add line break
-        docDefinition.content.push(tool);
-        docDefinition.content.push("\n"); // add line break
-        // docDefinition.content.push(settings);
-
-        // if the property type is table, then we return the array of headers and body. Headers are for the table headers and body is set of values
-
-        if (chapter.output.type === "table") {
-            // let headers = [],
-            // body = [];
-            const headers = Object.keys(chapter.output.result[0]).map(header => ({
-                    border: [false, false, false, true],
-                    fillColor: "#dddddd",
-                    text: header
-                })),
-
-                body = chapter.output.result.map(row => Object.values(row));
-
-            docDefinition.content.push({
-                table: {
-                    headerRows: 1,
-                    body: [headers, ...body]
-                },
-                fontSize: 8,
-                pageBreak: "after"
-            });
-
-
-        }
-
-        // if the property type is image, we put the image into content of docDefinition
-
-        if (chapter.output.type === "image") {
-
-            docDefinition.content.push({
-                image: chapter.output.result,
-                width: 500,
-                pageBreak: "after"
-            });
-        }
-
-        docDefinition.content.push("\n"); // add line break
-        docDefinition.content.push("\n"); // add line break
-        docDefinition.content.push("Datenquellen:\n\n", sourceInfo);
+    for (const chapter of chapters) {
+        docDefinition = addChapter(chapter, docDefinition);
     }
 
-    chapters.forEach(addChapter);
     // Here we call the pdfMake function to render pdf from the docDefinition
     pdfMake.createPdf(docDefinition).download("ReportTemplate.pdf");
 }
 
 
 export default {
-    downloadPDF,
     reportTemplateToPDF
 
 };
diff --git a/cosi/ExportPDF/store/stateExportPDF.js b/cosi/ExportPDF/store/stateExportPDF.js
index b6fe409d6..e838367f6 100644
--- a/cosi/ExportPDF/store/stateExportPDF.js
+++ b/cosi/ExportPDF/store/stateExportPDF.js
@@ -1,15 +1,11 @@
-import rawJson from "../assets/beispiel_report_template.json";
-
 export default {
     active: false,
     id: "ExportPDF",
     name: "Export PDF",
     icon: "bi-printer",
 
-    isVisibleInMenu: true, // optional
+    isVisibleInMenu: false,
     renderToWindow: true,
     resizableWindow: false,
-    deactivateGFI: true,
-    jsonData: rawJson
-
+    deactivateGFI: true
 };
diff --git a/cosi/ExportPDF/tests/store/actionsExportPDF.spec.js b/cosi/ExportPDF/tests/store/actionsExportPDF.spec.js
deleted file mode 100644
index e69de29bb..000000000
diff --git a/cosi/ExportPDF/utils/addChapter.js b/cosi/ExportPDF/utils/addChapter.js
new file mode 100644
index 000000000..06fdc31bb
--- /dev/null
+++ b/cosi/ExportPDF/utils/addChapter.js
@@ -0,0 +1,73 @@
+/**
+ * @param {array} chapter is part that gets added to chapters after each iteration through the json array
+ * @param {array} docDefinition an object used by pdfMake to maintain the overall structure of the document
+ * @return {array} the function returns value of chapter
+ */
+export function addChapter (chapter, docDefinition) {
+    // title, desc, tool, settings are attributes of json file of ReportTemplate with optional styles
+    const title = {text: chapter.title, style: "header", bold: true, fontSize: 14},
+        desc = {text: chapter.description, style: "header"},
+        tool = {text: chapter.tool, style: "header"};
+    let sourceInfo = "Quelleninformation fehlt.";
+
+    if (chapter.output.sourceInfo) {
+
+        sourceInfo = Object.values(chapter.output.sourceInfo).map((metadata)=>{
+
+            const metadata_no_html_p_tags = metadata;
+
+            // remove html tags
+            metadata_no_html_p_tags.Abstrakt = metadata.Abstrakt.replace(/<p>/g, "\n").replace(/<\/p>/g, "\n");
+            return Object.values(metadata_no_html_p_tags).map((info, index)=>{
+                return Object.keys(metadata_no_html_p_tags)[index] + ": " + info;
+            });
+        });
+        sourceInfo = sourceInfo.map(x=>{ // add line breaks between sources
+            return [x, "\n"];
+        });
+    }
+
+    docDefinition.content.push(title);
+    docDefinition.content.push("\n"); // add line break
+    docDefinition.content.push(desc);
+    docDefinition.content.push("\n"); // add line break
+    docDefinition.content.push(tool);
+    docDefinition.content.push("\n"); // add line break
+
+    // if the property type is table, then we return the array of headers and body. Headers are for the table headers and body is set of values
+    if (chapter.output.type === "table") {
+
+        const headers = Object.keys(chapter.output.result[0]).map(header => ({
+                border: [false, false, false, true],
+                fillColor: "#dddddd",
+                text: header
+            })),
+
+            body = chapter.output.result.map(row => Object.values(row));
+
+        docDefinition.content.push({
+            table: {
+                headerRows: 1,
+                body: [headers, ...body]
+            },
+            fontSize: 8,
+            pageBreak: "after"
+        });
+    }
+
+    // if the property type is image, we put the image into content of docDefinition
+    if (chapter.output.type === "image") {
+
+        docDefinition.content.push({
+            image: chapter.output.result,
+            width: 500,
+            pageBreak: "after"
+        });
+    }
+
+    docDefinition.content.push("\n"); // add line break
+    docDefinition.content.push("\n");
+    docDefinition.content.push("Datenquellen:\n\n", sourceInfo);
+
+    return docDefinition;
+}
diff --git a/cosi/FeaturesList/components/FeaturesList.vue b/cosi/FeaturesList/components/FeaturesList.vue
index 2fa5888b9..0253cf33b 100644
--- a/cosi/FeaturesList/components/FeaturesList.vue
+++ b/cosi/FeaturesList/components/FeaturesList.vue
@@ -507,7 +507,7 @@ export default {
                 exportData = withDetails ? prepareDetailsExport(data, this.filterProps) : prepareTableExport(data),
                 filename = composeFilename(this.$t("additional:modules.tools.cosi.featuresList.exportFilename"));
 
-            exportXlsx(exportData, filename, {exclude: this.excludedPropsForExport});
+            exportXlsx([], exportData, filename, {exclude: this.excludedPropsForExport});
         },
 
         /**
diff --git a/cosi/PolygonStyler/components/PolygonStyler.vue b/cosi/PolygonStyler/components/PolygonStyler.vue
index 9eb66cd24..11efca4c2 100644
--- a/cosi/PolygonStyler/components/PolygonStyler.vue
+++ b/cosi/PolygonStyler/components/PolygonStyler.vue
@@ -249,8 +249,8 @@ export default {
                 layer.getSource().getFeatures().forEach(feature => {
                     const style = styleList.find(color => color.attribute === feature.get(selectedAttribute));
 
-                    feature.set("FILLCOLOR", style.fill.color);
-                    feature.set("STROKECOLOR", style.stroke.color);
+                    feature.set("fillColor", style.fill.color);
+                    feature.set("strokeColor", style.stroke.color);
                 });
             }
             this.settingsDialog = false;
diff --git a/cosi/QueryDistricts/test/unit/components/features_bev.json b/cosi/QueryDistricts/test/unit/components/features_bev.json
index b5060ce90..439b603b6 100644
--- a/cosi/QueryDistricts/test/unit/components/features_bev.json
+++ b/cosi/QueryDistricts/test/unit/components/features_bev.json
@@ -1 +1,55 @@
-{"type": "FeatureCollection", "features": [{"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Mitte", "stadtteil": "Horn", "kategorie": "bev_insgesamt", "jahr_2019": "38373.0", "jahr_2018": "38799.0", "jahr_2017": "38569.0", "jahr_2016": "38549.0", "jahr_2015": "38253.0", "jahr_2014": "38296.0", "jahr_2013": "37614.0", "jahr_2012": "37599.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_119702"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Mitte", "stadtteil": "Billstedt", "kategorie": "bev_insgesamt", "jahr_2019": "70410.0", "jahr_2018": "70355.0", "jahr_2017": "70539.0", "jahr_2016": "70234.0", "jahr_2015": "70100.0", "jahr_2014": "69806.0", "jahr_2013": "69570.0", "jahr_2012": "69110.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_119765"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Mitte", "stadtteil": "Billbrook", "kategorie": "bev_insgesamt", "jahr_2019": "1740.0", "jahr_2018": "1992.0", "jahr_2017": "2097.0", "jahr_2016": "2198.0", "jahr_2015": "2176.0", "jahr_2014": "1428.0", "jahr_2013": "1398.0", "jahr_2012": "1452.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_119828"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Mitte", "stadtteil": "Rothenburgsort", "kategorie": "bev_insgesamt", "jahr_2019": "9187.0", "jahr_2018": "9268.0", "jahr_2017": "9225.0", "jahr_2016": "9137.0", "jahr_2015": "9138.0", "jahr_2014": "9092.0", "jahr_2013": "8992.0", "jahr_2012": "8876.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_119891"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Mitte", "stadtteil": "Veddel", "kategorie": "bev_insgesamt", "jahr_2019": "4475.0", "jahr_2018": "4632.0", "jahr_2017": "4667.0", "jahr_2016": "4632.0", "jahr_2015": "4704.0", "jahr_2014": "4707.0", "jahr_2013": "4709.0", "jahr_2012": "4836.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_119954"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Mitte", "stadtteil": "Wilhelmsburg", "kategorie": "bev_insgesamt", "jahr_2019": "53519.0", "jahr_2018": "54068.0", "jahr_2017": "54169.0", "jahr_2016": "55074.0", "jahr_2015": "53764.0", "jahr_2014": "52892.0", "jahr_2013": "52372.0", "jahr_2012": "51171.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_120017"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Mitte", "stadtteil": "Kleiner Grasbrook", "kategorie": "bev_insgesamt", "jahr_2018": "1200.0", "jahr_2017": "1204.0", "jahr_2016": "1218.0", "jahr_2015": "1262.0", "jahr_2014": "1190.0", "jahr_2013": "1221.0", "jahr_2012": "1390.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_120080"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Mitte", "stadtteil": "Steinwerder", "kategorie": "bev_insgesamt", "jahr_2018": "39.0", "jahr_2017": "39.0", "jahr_2016": "38.0", "jahr_2015": "152.0", "jahr_2014": "136.0", "jahr_2013": "38.0", "jahr_2012": "41.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_120143"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Mitte", "stadtteil": "Waltershof", "kategorie": "bev_insgesamt", "jahr_2018": "0.0", "jahr_2017": "2.0", "jahr_2016": "2.0", "jahr_2015": "3.0", "jahr_2014": "3.0", "jahr_2013": "5.0", "jahr_2012": "5.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_120206"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Mitte", "stadtteil": "Finkenwerder", "kategorie": "bev_insgesamt", "jahr_2018": "11808.0", "jahr_2017": "11763.0", "jahr_2016": "11727.0", "jahr_2015": "11730.0", "jahr_2014": "11718.0", "jahr_2013": "11657.0", "jahr_2012": "11713.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_120269"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Altona", "stadtteil": "Altona-Altstadt", "kategorie": "bev_insgesamt", "jahr_2019": "29170.0", "jahr_2018": "29305.0", "jahr_2017": "29408.0", "jahr_2016": "29034.0", "jahr_2015": "28825.0", "jahr_2014": "28788.0", "jahr_2013": "28227.0", "jahr_2012": "28174.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_120332"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Altona", "stadtteil": "Sternschanze", "kategorie": "bev_insgesamt", "jahr_2019": "8092.0", "jahr_2018": "8095.0", "jahr_2017": "8080.0", "jahr_2016": "8043.0", "jahr_2015": "7891.0", "jahr_2014": "7776.0", "jahr_2013": "7805.0", "jahr_2012": "7841.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_120395"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Altona", "stadtteil": "Altona-Nord", "kategorie": "bev_insgesamt", "jahr_2019": "24536.0", "jahr_2018": "24153.0", "jahr_2017": "22946.0", "jahr_2016": "22137.0", "jahr_2015": "21876.0", "jahr_2014": "21766.0", "jahr_2013": "21834.0", "jahr_2012": "21759.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_120458"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Altona", "stadtteil": "Ottensen", "kategorie": "bev_insgesamt", "jahr_2019": "35585.0", "jahr_2018": "35585.0", "jahr_2017": "35480.0", "jahr_2016": "35370.0", "jahr_2015": "35199.0", "jahr_2014": "34707.0", "jahr_2013": "34593.0", "jahr_2012": "33972.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_120521"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Altona", "stadtteil": "Bahrenfeld", "kategorie": "bev_insgesamt", "jahr_2019": "30203.0", "jahr_2018": "29976.0", "jahr_2017": "31160.0", "jahr_2016": "31047.0", "jahr_2015": "29599.0", "jahr_2014": "27378.0", "jahr_2013": "27274.0", "jahr_2012": "27165.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_120584"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Altona", "stadtteil": "Gro\u00df Flottbek", "kategorie": "bev_insgesamt", "jahr_2019": "11111.0", "jahr_2018": "11086.0", "jahr_2017": "11034.0", "jahr_2016": "10955.0", "jahr_2015": "10913.0", "jahr_2014": "10904.0", "jahr_2013": "10792.0", "jahr_2012": "10672.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_120647"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Altona", "stadtteil": "Othmarschen", "kategorie": "bev_insgesamt", "jahr_2019": "15737.0", "jahr_2018": "15591.0", "jahr_2017": "15281.0", "jahr_2016": "14893.0", "jahr_2015": "14672.0", "jahr_2014": "13869.0", "jahr_2013": "12854.0", "jahr_2012": "12827.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_120710"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Altona", "stadtteil": "Lurup", "kategorie": "bev_insgesamt", "jahr_2019": "36610.0", "jahr_2018": "36695.0", "jahr_2017": "36257.0", "jahr_2016": "36053.0", "jahr_2015": "35591.0", "jahr_2014": "35278.0", "jahr_2013": "35070.0", "jahr_2012": "34196.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_120773"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Altona", "stadtteil": "Osdorf", "kategorie": "bev_insgesamt", "jahr_2019": "26565.0", "jahr_2018": "26635.0", "jahr_2017": "26422.0", "jahr_2016": "26140.0", "jahr_2015": "26507.0", "jahr_2014": "25901.0", "jahr_2013": "25773.0", "jahr_2012": "25495.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_120836"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Altona", "stadtteil": "Nienstedten", "kategorie": "bev_insgesamt", "jahr_2019": "7181.0", "jahr_2018": "7274.0", "jahr_2017": "7307.0", "jahr_2016": "7238.0", "jahr_2015": "7228.0", "jahr_2014": "7238.0", "jahr_2013": "7271.0", "jahr_2012": "7250.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_120899"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Altona", "stadtteil": "Blankenese", "kategorie": "bev_insgesamt", "jahr_2019": "13730.0", "jahr_2018": "13686.0", "jahr_2017": "13491.0", "jahr_2016": "13407.0", "jahr_2015": "13325.0", "jahr_2014": "13199.0", "jahr_2013": "13122.0", "jahr_2012": "13016.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_120962"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Altona", "stadtteil": "Iserbrook", "kategorie": "bev_insgesamt", "jahr_2019": "11423.0", "jahr_2018": "11369.0", "jahr_2017": "11468.0", "jahr_2016": "11324.0", "jahr_2015": "11244.0", "jahr_2014": "11200.0", "jahr_2013": "11130.0", "jahr_2012": "11026.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_121025"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Altona", "stadtteil": "S\u00fclldorf", "kategorie": "bev_insgesamt", "jahr_2019": "9436.0", "jahr_2018": "9489.0", "jahr_2017": "9542.0", "jahr_2016": "9430.0", "jahr_2015": "9043.0", "jahr_2014": "9067.0", "jahr_2013": "9137.0", "jahr_2012": "9032.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_121088"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Altona", "stadtteil": "Rissen", "kategorie": "bev_insgesamt", "jahr_2019": "15886.0", "jahr_2018": "15763.0", "jahr_2017": "15327.0", "jahr_2016": "15192.0", "jahr_2015": "15145.0", "jahr_2014": "15058.0", "jahr_2013": "15015.0", "jahr_2012": "14987.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_121151"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Eimsb\u00fcttel", "stadtteil": "Eimsb\u00fcttel", "kategorie": "bev_insgesamt", "jahr_2019": "58005.0", "jahr_2018": "58196.0", "jahr_2017": "57541.0", "jahr_2016": "57055.0", "jahr_2015": "56889.0", "jahr_2014": "56359.0", "jahr_2013": "56097.0", "jahr_2012": "55625.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_121214"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Eimsb\u00fcttel", "stadtteil": "Rotherbaum", "kategorie": "bev_insgesamt", "jahr_2019": "16982.0", "jahr_2018": "16875.0", "jahr_2017": "16744.0", "jahr_2016": "16456.0", "jahr_2015": "16354.0", "jahr_2014": "16200.0", "jahr_2013": "16091.0", "jahr_2012": "15847.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_121277"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Eimsb\u00fcttel", "stadtteil": "Harvestehude", "kategorie": "bev_insgesamt", "jahr_2019": "17875.0", "jahr_2018": "17944.0", "jahr_2017": "17952.0", "jahr_2016": "17822.0", "jahr_2015": "17479.0", "jahr_2014": "17151.0", "jahr_2013": "16875.0", "jahr_2012": "16706.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_121340"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Eimsb\u00fcttel", "stadtteil": "Hoheluft-West", "kategorie": "bev_insgesamt", "jahr_2019": "13435.0", "jahr_2018": "13438.0", "jahr_2017": "13337.0", "jahr_2016": "13089.0", "jahr_2015": "13102.0", "jahr_2014": "13120.0", "jahr_2013": "13033.0", "jahr_2012": "12930.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_121403"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Eimsb\u00fcttel", "stadtteil": "Lokstedt", "kategorie": "bev_insgesamt", "jahr_2019": "29373.0", "jahr_2018": "28793.0", "jahr_2017": "28534.0", "jahr_2016": "28426.0", "jahr_2015": "28252.0", "jahr_2014": "28053.0", "jahr_2013": "27493.0", "jahr_2012": "26319.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_121466"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Eimsb\u00fcttel", "stadtteil": "Niendorf", "kategorie": "bev_insgesamt", "jahr_2019": "40838.0", "jahr_2018": "40717.0", "jahr_2017": "41670.0", "jahr_2016": "41836.0", "jahr_2015": "41120.0", "jahr_2014": "40171.0", "jahr_2013": "40145.0", "jahr_2012": "39944.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_121529"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Eimsb\u00fcttel", "stadtteil": "Schnelsen", "kategorie": "bev_insgesamt", "jahr_2019": "29604.0", "jahr_2018": "29300.0", "jahr_2017": "29578.0", "jahr_2016": "29409.0", "jahr_2015": "28626.0", "jahr_2014": "28312.0", "jahr_2013": "27853.0", "jahr_2012": "27662.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_121592"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Eimsb\u00fcttel", "stadtteil": "Eidelstedt", "kategorie": "bev_insgesamt", "jahr_2019": "34258.0", "jahr_2018": "33421.0", "jahr_2017": "32601.0", "jahr_2016": "32403.0", "jahr_2015": "32317.0", "jahr_2014": "31575.0", "jahr_2013": "30935.0", "jahr_2012": "30902.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_121655"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Eimsb\u00fcttel", "stadtteil": "Stellingen", "kategorie": "bev_insgesamt", "jahr_2019": "26683.0", "jahr_2018": "26185.0", "jahr_2017": "25753.0", "jahr_2016": "25634.0", "jahr_2015": "24726.0", "jahr_2014": "24077.0", "jahr_2013": "23818.0", "jahr_2012": "23502.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_121718"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Nord", "stadtteil": "Hoheluft-Ost", "kategorie": "bev_insgesamt", "jahr_2019": "9694.0", "jahr_2018": "9796.0", "jahr_2017": "9624.0", "jahr_2016": "9584.0", "jahr_2015": "9514.0", "jahr_2014": "9407.0", "jahr_2013": "9331.0", "jahr_2012": "9311.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_121781"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Nord", "stadtteil": "Eppendorf", "kategorie": "bev_insgesamt", "jahr_2019": "25070.0", "jahr_2018": "24868.0", "jahr_2017": "24718.0", "jahr_2016": "24387.0", "jahr_2015": "24356.0", "jahr_2014": "24170.0", "jahr_2013": "23777.0", "jahr_2012": "23455.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_121844"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Nord", "stadtteil": "Gro\u00df Borstel", "kategorie": "bev_insgesamt", "jahr_2019": "9284.0", "jahr_2018": "8734.0", "jahr_2017": "8499.0", "jahr_2016": "8459.0", "jahr_2015": "8769.0", "jahr_2014": "8013.0", "jahr_2013": "8086.0", "jahr_2012": "7969.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_121907"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Nord", "stadtteil": "Alsterdorf", "kategorie": "bev_insgesamt", "jahr_2019": "15204.0", "jahr_2018": "15174.0", "jahr_2017": "15031.0", "jahr_2016": "14428.0", "jahr_2015": "14123.0", "jahr_2014": "14009.0", "jahr_2013": "13749.0", "jahr_2012": "13657.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_121970"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Nord", "stadtteil": "Winterhude", "kategorie": "bev_insgesamt", "jahr_2019": "55492.0", "jahr_2018": "55900.0", "jahr_2017": "55651.0", "jahr_2016": "54826.0", "jahr_2015": "54302.0", "jahr_2014": "52441.0", "jahr_2013": "51549.0", "jahr_2012": "50845.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_122033"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Nord", "stadtteil": "Uhlenhorst", "kategorie": "bev_insgesamt", "jahr_2019": "18634.0", "jahr_2018": "18736.0", "jahr_2017": "18017.0", "jahr_2016": "17599.0", "jahr_2015": "17104.0", "jahr_2014": "16667.0", "jahr_2013": "16501.0", "jahr_2012": "16124.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_122096"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Nord", "stadtteil": "Hohenfelde", "kategorie": "bev_insgesamt", "jahr_2019": "10034.0", "jahr_2018": "10143.0", "jahr_2017": "10030.0", "jahr_2016": "9886.0", "jahr_2015": "9460.0", "jahr_2014": "9182.0", "jahr_2013": "9149.0", "jahr_2012": "9169.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_122159"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Nord", "stadtteil": "Barmbek-S\u00fcd", "kategorie": "bev_insgesamt", "jahr_2019": "35828.0", "jahr_2018": "35438.0", "jahr_2017": "35218.0", "jahr_2016": "34792.0", "jahr_2015": "33681.0", "jahr_2014": "33116.0", "jahr_2013": "32782.0", "jahr_2012": "32284.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_122222"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Nord", "stadtteil": "Dulsberg", "kategorie": "bev_insgesamt", "jahr_2019": "17229.0", "jahr_2018": "17429.0", "jahr_2017": "17442.0", "jahr_2016": "17326.0", "jahr_2015": "17231.0", "jahr_2014": "17282.0", "jahr_2013": "17234.0", "jahr_2012": "17340.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_122285"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Nord", "stadtteil": "Barmbek-Nord", "kategorie": "bev_insgesamt", "jahr_2019": "41875.0", "jahr_2018": "41886.0", "jahr_2017": "41892.0", "jahr_2016": "41475.0", "jahr_2015": "40864.0", "jahr_2014": "40231.0", "jahr_2013": "39890.0", "jahr_2012": "39277.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_122348"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Nord", "stadtteil": "Ohlsdorf", "kategorie": "bev_insgesamt", "jahr_2019": "16666.0", "jahr_2018": "16463.0", "jahr_2017": "16471.0", "jahr_2016": "15794.0", "jahr_2015": "15471.0", "jahr_2014": "15043.0", "jahr_2013": "15085.0", "jahr_2012": "15154.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_122411"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Nord", "stadtteil": "Fuhlsb\u00fcttel", "kategorie": "bev_insgesamt", "jahr_2019": "13441.0", "jahr_2018": "13384.0", "jahr_2017": "12701.0", "jahr_2016": "12590.0", "jahr_2015": "12572.0", "jahr_2014": "12204.0", "jahr_2013": "12130.0", "jahr_2012": "12135.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_122474"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Nord", "stadtteil": "Langenhorn", "kategorie": "bev_insgesamt", "jahr_2019": "46144.0", "jahr_2018": "45666.0", "jahr_2017": "45888.0", "jahr_2016": "45586.0", "jahr_2015": "44795.0", "jahr_2014": "42714.0", "jahr_2013": "42030.0", "jahr_2012": "41802.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_122537"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Wandsbek", "stadtteil": "Eilbek", "kategorie": "bev_insgesamt", "jahr_2019": "22276.0", "jahr_2018": "22233.0", "jahr_2017": "21964.0", "jahr_2016": "21505.0", "jahr_2015": "21287.0", "jahr_2014": "20981.0", "jahr_2013": "20887.0", "jahr_2012": "20835.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_122600"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Wandsbek", "stadtteil": "Wandsbek", "kategorie": "bev_insgesamt", "jahr_2019": "36444.0", "jahr_2018": "36149.0", "jahr_2017": "35768.0", "jahr_2016": "34469.0", "jahr_2015": "33913.0", "jahr_2014": "33591.0", "jahr_2013": "33388.0", "jahr_2012": "33131.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_122663"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Wandsbek", "stadtteil": "Marienthal", "kategorie": "bev_insgesamt", "jahr_2019": "13521.0", "jahr_2018": "13382.0", "jahr_2017": "13310.0", "jahr_2016": "13417.0", "jahr_2015": "13083.0", "jahr_2014": "12358.0", "jahr_2013": "12297.0", "jahr_2012": "12309.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_122726"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Wandsbek", "stadtteil": "Jenfeld", "kategorie": "bev_insgesamt", "jahr_2019": "27125.0", "jahr_2018": "27084.0", "jahr_2017": "26238.0", "jahr_2016": "25622.0", "jahr_2015": "25087.0", "jahr_2014": "24751.0", "jahr_2013": "24710.0", "jahr_2012": "24703.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_122789"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Wandsbek", "stadtteil": "Tonndorf", "kategorie": "bev_insgesamt", "jahr_2019": "15148.0", "jahr_2018": "15104.0", "jahr_2017": "14812.0", "jahr_2016": "14762.0", "jahr_2015": "14066.0", "jahr_2014": "13691.0", "jahr_2013": "13522.0", "jahr_2012": "13443.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_122852"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Wandsbek", "stadtteil": "Farmsen-Berne", "kategorie": "bev_insgesamt", "jahr_2019": "35454.0", "jahr_2018": "34689.0", "jahr_2017": "34752.0", "jahr_2016": "34634.0", "jahr_2015": "34890.0", "jahr_2014": "34664.0", "jahr_2013": "33992.0", "jahr_2012": "33502.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_122915"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Wandsbek", "stadtteil": "Bramfeld", "kategorie": "bev_insgesamt", "jahr_2019": "52749.0", "jahr_2018": "52498.0", "jahr_2017": "52342.0", "jahr_2016": "51858.0", "jahr_2015": "51115.0", "jahr_2014": "50838.0", "jahr_2013": "50699.0", "jahr_2012": "50837.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_122978"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Wandsbek", "stadtteil": "Steilshoop", "kategorie": "bev_insgesamt", "jahr_2019": "19941.0", "jahr_2018": "19723.0", "jahr_2017": "19662.0", "jahr_2016": "19390.0", "jahr_2015": "19328.0", "jahr_2014": "19273.0", "jahr_2013": "19448.0", "jahr_2012": "19358.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_123041"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Wandsbek", "stadtteil": "Wellingsb\u00fcttel", "kategorie": "bev_insgesamt", "jahr_2019": "10848.0", "jahr_2018": "10592.0", "jahr_2017": "10570.0", "jahr_2016": "10506.0", "jahr_2015": "10524.0", "jahr_2014": "10415.0", "jahr_2013": "10290.0", "jahr_2012": "10263.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_123104"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Wandsbek", "stadtteil": "Sasel", "kategorie": "bev_insgesamt", "jahr_2019": "23750.0", "jahr_2018": "23778.0", "jahr_2017": "23647.0", "jahr_2016": "23490.0", "jahr_2015": "23443.0", "jahr_2014": "23366.0", "jahr_2013": "23170.0", "jahr_2012": "23112.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_123167"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Wandsbek", "stadtteil": "Poppenb\u00fcttel", "kategorie": "bev_insgesamt", "jahr_2019": "23901.0", "jahr_2018": "23948.0", "jahr_2017": "23280.0", "jahr_2016": "22847.0", "jahr_2015": "22675.0", "jahr_2014": "22536.0", "jahr_2013": "22368.0", "jahr_2012": "22458.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_123230"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Wandsbek", "stadtteil": "Hummelsb\u00fcttel", "kategorie": "bev_insgesamt", "jahr_2019": "18395.0", "jahr_2018": "18464.0", "jahr_2017": "17871.0", "jahr_2016": "17655.0", "jahr_2015": "17437.0", "jahr_2014": "17180.0", "jahr_2013": "17051.0", "jahr_2012": "17032.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_123293"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Wandsbek", "stadtteil": "Lemsahl-Mellingstedt", "kategorie": "bev_insgesamt", "jahr_2019": "6852.0", "jahr_2018": "6803.0", "jahr_2017": "6980.0", "jahr_2016": "6917.0", "jahr_2015": "6618.0", "jahr_2014": "6556.0", "jahr_2013": "6540.0", "jahr_2012": "6516.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_123356"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Wandsbek", "stadtteil": "Duvenstedt", "kategorie": "bev_insgesamt", "jahr_2019": "6160.0", "jahr_2018": "6220.0", "jahr_2017": "6221.0", "jahr_2016": "6247.0", "jahr_2015": "6248.0", "jahr_2014": "6253.0", "jahr_2013": "6241.0", "jahr_2012": "6308.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_123419"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Wandsbek", "stadtteil": "Wohldorf-Ohlstedt", "kategorie": "bev_insgesamt", "jahr_2019": "4650.0", "jahr_2018": "4662.0", "jahr_2017": "4585.0", "jahr_2016": "4656.0", "jahr_2015": "4823.0", "jahr_2014": "4475.0", "jahr_2013": "4433.0", "jahr_2012": "4423.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_123482"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Wandsbek", "stadtteil": "Bergstedt", "kategorie": "bev_insgesamt", "jahr_2019": "10736.0", "jahr_2018": "10692.0", "jahr_2017": "10836.0", "jahr_2016": "10687.0", "jahr_2015": "10209.0", "jahr_2014": "10216.0", "jahr_2013": "10206.0", "jahr_2012": "10205.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_123545"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Wandsbek", "stadtteil": "Volksdorf", "kategorie": "bev_insgesamt", "jahr_2019": "20978.0", "jahr_2018": "20863.0", "jahr_2017": "20694.0", "jahr_2016": "20625.0", "jahr_2015": "20535.0", "jahr_2014": "20372.0", "jahr_2013": "20200.0", "jahr_2012": "20115.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_123608"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Wandsbek", "stadtteil": "Volksdorf", "kategorie": "bev_insgesamt", "jahr_2019": "20978.0", "jahr_2018": "20863.0", "jahr_2017": "20694.0", "jahr_2016": "20625.0", "jahr_2015": "20535.0", "jahr_2014": "20372.0", "jahr_2013": "20200.0", "jahr_2012": "20115.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_123609"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Wandsbek", "stadtteil": "Rahlstedt", "kategorie": "bev_insgesamt", "jahr_2019": "92087.0", "jahr_2018": "91740.0", "jahr_2017": "91703.0", "jahr_2016": "90631.0", "jahr_2015": "88865.0", "jahr_2014": "88094.0", "jahr_2013": "87783.0", "jahr_2012": "87416.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_123734"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Bergedorf", "stadtteil": "Lohbr\u00fcgge", "kategorie": "bev_insgesamt", "jahr_2019": "40327.0", "jahr_2018": "39809.0", "jahr_2017": "39168.0", "jahr_2016": "39575.0", "jahr_2015": "39267.0", "jahr_2014": "39074.0", "jahr_2013": "39069.0", "jahr_2012": "38982.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_123797"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Bergedorf", "stadtteil": "Bergedorf", "kategorie": "bev_insgesamt", "jahr_2019": "35796.0", "jahr_2018": "35289.0", "jahr_2017": "35669.0", "jahr_2016": "35105.0", "jahr_2015": "34404.0", "jahr_2014": "33295.0", "jahr_2013": "33129.0", "jahr_2012": "32643.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_123860"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Bergedorf", "stadtteil": "Curslack", "kategorie": "bev_insgesamt", "jahr_2019": "4036.0", "jahr_2018": "4029.0", "jahr_2017": "3964.0", "jahr_2016": "3937.0", "jahr_2015": "3893.0", "jahr_2014": "3920.0", "jahr_2013": "3930.0", "jahr_2012": "3916.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_123923"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Bergedorf", "stadtteil": "Altengamme", "kategorie": "bev_insgesamt", "jahr_2019": "2296.0", "jahr_2018": "2231.0", "jahr_2017": "2246.0", "jahr_2016": "2229.0", "jahr_2015": "2214.0", "jahr_2014": "2227.0", "jahr_2013": "2199.0", "jahr_2012": "2221.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_123986"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Bergedorf", "stadtteil": "Neuengamme", "kategorie": "bev_insgesamt", "jahr_2019": "3730.0", "jahr_2018": "3742.0", "jahr_2017": "3705.0", "jahr_2016": "3691.0", "jahr_2015": "3666.0", "jahr_2014": "3651.0", "jahr_2013": "3584.0", "jahr_2012": "3553.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_124049"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Bergedorf", "stadtteil": "Kirchwerder", "kategorie": "bev_insgesamt", "jahr_2019": "10124.0", "jahr_2018": "10029.0", "jahr_2017": "9910.0", "jahr_2016": "9804.0", "jahr_2015": "9495.0", "jahr_2014": "9341.0", "jahr_2013": "9286.0", "jahr_2012": "9257.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_124112"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Bergedorf", "stadtteil": "Ochsenwerder", "kategorie": "bev_insgesamt", "jahr_2019": "2912.0", "jahr_2018": "2788.0", "jahr_2017": "2628.0", "jahr_2016": "2540.0", "jahr_2015": "2536.0", "jahr_2014": "2512.0", "jahr_2013": "2451.0", "jahr_2012": "2405.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_124175"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Bergedorf", "stadtteil": "Reitbrook", "kategorie": "bev_insgesamt", "jahr_2019": "506.0", "jahr_2018": "497.0", "jahr_2017": "506.0", "jahr_2016": "517.0", "jahr_2015": "510.0", "jahr_2014": "502.0", "jahr_2013": "484.0", "jahr_2012": "476.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_124238"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Bergedorf", "stadtteil": "Allerm\u00f6he", "kategorie": "bev_insgesamt", "jahr_2019": "1377.0", "jahr_2018": "1367.0", "jahr_2017": "1361.0", "jahr_2016": "1360.0", "jahr_2015": "1383.0", "jahr_2014": "1353.0", "jahr_2013": "1322.0", "jahr_2012": "1334.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_124301"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Bergedorf", "stadtteil": "Billwerder", "kategorie": "bev_insgesamt", "jahr_2019": "3359.0", "jahr_2018": "3901.0", "jahr_2017": "3784.0", "jahr_2016": "1584.0", "jahr_2015": "1433.0", "jahr_2014": "1294.0", "jahr_2013": "1335.0", "jahr_2012": "1305.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_124364"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Bergedorf", "stadtteil": "Moorfleet", "kategorie": "bev_insgesamt", "jahr_2019": "1228.0", "jahr_2018": "1235.0", "jahr_2017": "1254.0", "jahr_2016": "1277.0", "jahr_2015": "1263.0", "jahr_2014": "1243.0", "jahr_2013": "1249.0", "jahr_2012": "1156.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_124427"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Bergedorf", "stadtteil": "Tatenberg", "kategorie": "bev_insgesamt", "jahr_2019": "567.0", "jahr_2018": "552.0", "jahr_2017": "558.0", "jahr_2016": "555.0", "jahr_2015": "550.0", "jahr_2014": "547.0", "jahr_2013": "537.0", "jahr_2012": "545.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_124490"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Mitte", "stadtteil": "Hamburg-Altstadt", "kategorie": "bev_insgesamt", "jahr_2019": "2350.0", "jahr_2018": "2272.0", "jahr_2017": "2305.0", "jahr_2016": "2257.0", "jahr_2015": "1879.0", "jahr_2014": "1793.0", "jahr_2013": "1675.0", "jahr_2012": "1660.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_124504"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Bergedorf", "stadtteil": "Spadenland", "kategorie": "bev_insgesamt", "jahr_2019": "523.0", "jahr_2018": "510.0", "jahr_2017": "514.0", "jahr_2016": "506.0", "jahr_2015": "488.0", "jahr_2014": "488.0", "jahr_2013": "478.0", "jahr_2012": "496.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_124553"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Bergedorf", "stadtteil": "Neuallerm\u00f6he", "kategorie": "bev_insgesamt", "jahr_2019": "23479.0", "jahr_2018": "23620.0", "jahr_2017": "23844.0", "jahr_2016": "23715.0", "jahr_2015": "23896.0", "jahr_2014": "23841.0", "jahr_2013": "23762.0", "jahr_2012": "23596.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_124616"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Harburg", "stadtteil": "Harburg", "kategorie": "bev_insgesamt", "jahr_2019": "26156.0", "jahr_2018": "25912.0", "jahr_2017": "25860.0", "jahr_2016": "26098.0", "jahr_2015": "24979.0", "jahr_2014": "22946.0", "jahr_2013": "22674.0", "jahr_2012": "22389.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_124679"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Harburg", "stadtteil": "Neuland", "kategorie": "bev_insgesamt", "jahr_2018": "1583.0", "jahr_2017": "1592.0", "jahr_2016": "1571.0", "jahr_2015": "1574.0", "jahr_2014": "1357.0", "jahr_2013": "1386.0", "jahr_2012": "1245.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_124742"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Harburg", "stadtteil": "Gut Moor", "kategorie": "bev_insgesamt", "jahr_2018": "146.0", "jahr_2017": "131.0", "jahr_2016": "133.0", "jahr_2015": "136.0", "jahr_2014": "133.0", "jahr_2013": "125.0", "jahr_2012": "130.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_124805"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Harburg", "stadtteil": "Wilstorf", "kategorie": "bev_insgesamt", "jahr_2019": "17658.0", "jahr_2018": "17506.0", "jahr_2017": "17437.0", "jahr_2016": "17104.0", "jahr_2015": "16682.0", "jahr_2014": "16350.0", "jahr_2013": "16225.0", "jahr_2012": "16224.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_124868"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Harburg", "stadtteil": "R\u00f6nneburg", "kategorie": "bev_insgesamt", "jahr_2019": "3436.0", "jahr_2018": "3430.0", "jahr_2017": "3233.0", "jahr_2016": "3190.0", "jahr_2015": "3198.0", "jahr_2014": "3213.0", "jahr_2013": "3203.0", "jahr_2012": "3211.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_124931"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Harburg", "stadtteil": "Langenbek", "kategorie": "bev_insgesamt", "jahr_2019": "4038.0", "jahr_2018": "4040.0", "jahr_2017": "4037.0", "jahr_2016": "4020.0", "jahr_2015": "4063.0", "jahr_2014": "4083.0", "jahr_2013": "4098.0", "jahr_2012": "4065.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_124994"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Harburg", "stadtteil": "Sinstorf", "kategorie": "bev_insgesamt", "jahr_2019": "4201.0", "jahr_2018": "4207.0", "jahr_2017": "4102.0", "jahr_2016": "3636.0", "jahr_2015": "3615.0", "jahr_2014": "3554.0", "jahr_2013": "3553.0", "jahr_2012": "3491.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_125057"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Harburg", "stadtteil": "Marmstorf", "kategorie": "bev_insgesamt", "jahr_2019": "8960.0", "jahr_2018": "8929.0", "jahr_2017": "8863.0", "jahr_2016": "8850.0", "jahr_2015": "8820.0", "jahr_2014": "8780.0", "jahr_2013": "8801.0", "jahr_2012": "8783.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_125120"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Harburg", "stadtteil": "Ei\u00dfendorf", "kategorie": "bev_insgesamt", "jahr_2019": "24999.0", "jahr_2018": "24679.0", "jahr_2017": "24540.0", "jahr_2016": "24324.0", "jahr_2015": "24103.0", "jahr_2014": "23946.0", "jahr_2013": "23861.0", "jahr_2012": "23774.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_125183"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Harburg", "stadtteil": "Heimfeld", "kategorie": "bev_insgesamt", "jahr_2019": "22421.0", "jahr_2018": "22106.0", "jahr_2017": "22082.0", "jahr_2016": "21798.0", "jahr_2015": "21445.0", "jahr_2014": "20874.0", "jahr_2013": "20779.0", "jahr_2012": "20584.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_125246"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Harburg", "stadtteil": "Moorburg", "kategorie": "bev_insgesamt", "jahr_2018": "751.0", "jahr_2017": "743.0", "jahr_2016": "739.0", "jahr_2015": "740.0", "jahr_2014": "794.0", "jahr_2013": "729.0", "jahr_2012": "710.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_125309"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Harburg", "stadtteil": "Altenwerder", "kategorie": "bev_insgesamt", "jahr_2018": "3.0", "jahr_2017": "3.0", "jahr_2016": "3.0", "jahr_2015": "3.0", "jahr_2014": "3.0", "jahr_2013": "3.0", "jahr_2012": "3.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_125372"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Harburg", "stadtteil": "Hausbruch", "kategorie": "bev_insgesamt", "jahr_2019": "17036.0", "jahr_2018": "17067.0", "jahr_2017": "16979.0", "jahr_2016": "16862.0", "jahr_2015": "16852.0", "jahr_2014": "16973.0", "jahr_2013": "17034.0", "jahr_2012": "17118.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_125435"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Harburg", "stadtteil": "Neugraben-Fischbek", "kategorie": "bev_insgesamt", "jahr_2019": "31589.0", "jahr_2018": "30690.0", "jahr_2017": "29877.0", "jahr_2016": "28991.0", "jahr_2015": "27879.0", "jahr_2014": "27519.0", "jahr_2013": "27160.0", "jahr_2012": "27025.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_125498"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Harburg", "stadtteil": "Francop", "kategorie": "bev_insgesamt", "jahr_2019": "715.0", "jahr_2018": "709.0", "jahr_2017": "709.0", "jahr_2016": "672.0", "jahr_2015": "710.0", "jahr_2014": "714.0", "jahr_2013": "677.0", "jahr_2012": "672.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_125561"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Harburg", "stadtteil": "Neuenfelde", "kategorie": "bev_insgesamt", "jahr_2019": "4927.0", "jahr_2018": "4848.0", "jahr_2017": "4861.0", "jahr_2016": "4954.0", "jahr_2015": "4644.0", "jahr_2014": "4562.0", "jahr_2013": "4481.0", "jahr_2012": "4444.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_125624"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Harburg", "stadtteil": "Cranz", "kategorie": "bev_insgesamt", "jahr_2019": "804.0", "jahr_2018": "799.0", "jahr_2017": "840.0", "jahr_2016": "826.0", "jahr_2015": "768.0", "jahr_2014": "768.0", "jahr_2013": "759.0", "jahr_2012": "763.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_125687"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Mitte", "stadtteil": "HafenCity", "kategorie": "bev_insgesamt", "jahr_2019": "4925.0", "jahr_2018": "4592.0", "jahr_2017": "3627.0", "jahr_2016": "3275.0", "jahr_2015": "2319.0", "jahr_2014": "2093.0", "jahr_2013": "1914.0", "jahr_2012": "1834.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_125812"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Mitte", "stadtteil": "Neustadt", "kategorie": "bev_insgesamt", "jahr_2019": "12762.0", "jahr_2018": "12920.0", "jahr_2017": "12719.0", "jahr_2016": "12657.0", "jahr_2015": "12586.0", "jahr_2014": "12372.0", "jahr_2013": "12301.0", "jahr_2012": "12331.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_125875"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Mitte", "stadtteil": "St.Pauli", "kategorie": "bev_insgesamt", "jahr_2019": "22097.0", "jahr_2018": "22436.0", "jahr_2017": "22501.0", "jahr_2016": "22595.0", "jahr_2015": "22535.0", "jahr_2014": "22433.0", "jahr_2013": "22392.0", "jahr_2012": "22058.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_125938"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Mitte", "stadtteil": "St.Georg", "kategorie": "bev_insgesamt", "jahr_2019": "11358.0", "jahr_2018": "11384.0", "jahr_2017": "11055.0", "jahr_2016": "10814.0", "jahr_2015": "10736.0", "jahr_2014": "10682.0", "jahr_2013": "10466.0", "jahr_2012": "10554.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_126001"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Mitte", "stadtteil": "Hammerbrook", "kategorie": "bev_insgesamt", "jahr_2019": "4619.0", "jahr_2018": "4323.0", "jahr_2017": "3939.0", "jahr_2016": "4067.0", "jahr_2015": "2454.0", "jahr_2014": "2244.0", "jahr_2013": "2170.0", "jahr_2012": "2119.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_126064"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Mitte", "stadtteil": "Borgfelde", "kategorie": "bev_insgesamt", "jahr_2019": "8343.0", "jahr_2018": "7696.0", "jahr_2017": "7635.0", "jahr_2016": "7461.0", "jahr_2015": "6845.0", "jahr_2014": "6773.0", "jahr_2013": "7085.0", "jahr_2012": "6857.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_126127"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Mitte", "stadtteil": "Hamm", "kategorie": "bev_insgesamt", "jahr_2019": "38331.0", "jahr_2018": "38773.0", "jahr_2017": "38716.0", "jahr_2016": "38136.0", "jahr_2015": "38515.0", "jahr_2014": "37948.0", "jahr_2013": "37520.0", "jahr_2012": "37763.0"}, "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_126190"}]}
\ No newline at end of file
+{
+  "type": "FeatureCollection",
+  "crs": {
+    "type": "name",
+    "properties": {
+      "name": "EPSG:25832"
+    }
+  },
+  "features": [
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Polygon",
+        "coordinates": [[[]]]
+      },
+      "properties": {
+        "verwaltungseinheit": "stadtteile",
+        "bezirk": "Hamburg-Mitte",
+        "stadtteil": "Horn",
+        "kategorie": "bev_insgesamt",
+        "jahr_2019": "38373.0",
+        "jahr_2018": "38799.0",
+        "jahr_2017": "38569.0",
+        "jahr_2016": "38549.0",
+        "jahr_2015": "38253.0",
+        "jahr_2014": "38296.0",
+        "jahr_2013": "37614.0",
+        "jahr_2012": "37599.0"
+      },
+      "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_119702"
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Polygon",
+        "coordinates": [[[]]]
+      },
+      "properties": {
+        "verwaltungseinheit": "stadtteile",
+        "bezirk": "Hamburg-Mitte",
+        "stadtteil": "Billstedt",
+        "kategorie": "bev_insgesamt",
+        "jahr_2019": "70410.0",
+        "jahr_2018": "70355.0",
+        "jahr_2017": "70539.0",
+        "jahr_2016": "70234.0",
+        "jahr_2015": "70100.0",
+        "jahr_2014": "69806.0",
+        "jahr_2013": "69570.0",
+        "jahr_2012": "69110.0"
+      },
+      "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_119765"
+    }
+  ]
+}
diff --git a/cosi/QueryDistricts/test/unit/components/features_bibs.json b/cosi/QueryDistricts/test/unit/components/features_bibs.json
index 13066f689..8cf9991a0 100644
--- a/cosi/QueryDistricts/test/unit/components/features_bibs.json
+++ b/cosi/QueryDistricts/test/unit/components/features_bibs.json
@@ -1,5 +1,11 @@
 {
   "type": "FeatureCollection",
+  "crs": {
+    "type": "name",
+    "properties": {
+      "name": "EPSG:25832"
+    }
+  },
   "features": [{
     "type": "Feature",
     "geometry": {
@@ -41,4 +47,4 @@
     },
     "id": "DE.HH.UP_OEFFENTLICHE_BIBS_31"
   }]
-}
\ No newline at end of file
+}
diff --git a/cosi/QueryDistricts/test/unit/components/features_ha.json b/cosi/QueryDistricts/test/unit/components/features_ha.json
index 4ac29cb0c..439b603b6 100644
--- a/cosi/QueryDistricts/test/unit/components/features_ha.json
+++ b/cosi/QueryDistricts/test/unit/components/features_ha.json
@@ -1 +1,55 @@
-{"type": "FeatureCollection", "features": [{"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Mitte", "stadtteil": "Horn", "kategorie": "flaeche_brutto_ha", "jahr_2019": "589.7595", "jahr_2018": "589.7595", "jahr_2017": "589.7595", "jahr_2016": "589.7595", "jahr_2015": "582.2", "jahr_2014": "582.2", "jahr_2013": "582.2", "jahr_2012": "587.8305"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_119718"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Mitte", "stadtteil": "Billstedt", "kategorie": "flaeche_brutto_ha", "jahr_2019": "1692.3839", "jahr_2018": "1692.3839", "jahr_2017": "1692.3839", "jahr_2016": "1692.3839", "jahr_2015": "1684.1", "jahr_2014": "1684.1", "jahr_2013": "1684.1", "jahr_2012": "1699.5262"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_119781"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Mitte", "stadtteil": "Billbrook", "kategorie": "flaeche_brutto_ha", "jahr_2019": "628.8612", "jahr_2018": "628.8612", "jahr_2017": "628.8612", "jahr_2016": "628.8612", "jahr_2015": "612.4", "jahr_2014": "612.4", "jahr_2013": "612.4", "jahr_2012": "614.6312"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_119844"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Mitte", "stadtteil": "Rothenburgsort", "kategorie": "flaeche_brutto_ha", "jahr_2019": "719.0859", "jahr_2018": "719.0859", "jahr_2017": "719.0859", "jahr_2016": "719.0859", "jahr_2015": "736.9", "jahr_2014": "736.9", "jahr_2013": "736.9", "jahr_2012": "720.75104"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_119907"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Mitte", "stadtteil": "Veddel", "kategorie": "flaeche_brutto_ha", "jahr_2019": "437.1206", "jahr_2018": "437.1206", "jahr_2017": "437.1206", "jahr_2016": "437.1206", "jahr_2015": "436.5", "jahr_2014": "436.5", "jahr_2013": "436.5", "jahr_2012": "435.28867"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_119970"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Mitte", "stadtteil": "Wilhelmsburg", "kategorie": "flaeche_brutto_ha", "jahr_2019": "3538.6724", "jahr_2018": "3538.6724", "jahr_2017": "3538.6724", "jahr_2016": "3538.6724", "jahr_2015": "3525.5", "jahr_2014": "3525.5", "jahr_2013": "3525.5", "jahr_2012": "3537.7927"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_120033"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Mitte", "stadtteil": "Kleiner Grasbrook", "kategorie": "flaeche_brutto_ha", "jahr_2018": "447.372", "jahr_2017": "447.372", "jahr_2016": "447.372", "jahr_2015": "448.3", "jahr_2014": "448.3", "jahr_2013": "448.3", "jahr_2012": "445.423"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_120096"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Mitte", "stadtteil": "Steinwerder", "kategorie": "flaeche_brutto_ha", "jahr_2018": "742.646", "jahr_2017": "742.646", "jahr_2016": "742.646", "jahr_2015": "781.7", "jahr_2014": "781.7", "jahr_2013": "781.7", "jahr_2012": "735.296"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_120159"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Mitte", "stadtteil": "Waltershof", "kategorie": "flaeche_brutto_ha", "jahr_2018": "977.762", "jahr_2017": "977.762", "jahr_2016": "977.762", "jahr_2015": "926.7", "jahr_2014": "926.7", "jahr_2013": "926.7", "jahr_2012": "975.583"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_120222"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Mitte", "stadtteil": "Finkenwerder", "kategorie": "flaeche_brutto_ha", "jahr_2018": "1964.29", "jahr_2017": "1964.29", "jahr_2016": "1964.29", "jahr_2015": "1933.1", "jahr_2014": "1933.1", "jahr_2013": "1933.1", "jahr_2012": "1967.94"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_120285"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Altona", "stadtteil": "Altona-Altstadt", "kategorie": "flaeche_brutto_ha", "jahr_2019": "271.78726", "jahr_2018": "271.78726", "jahr_2017": "271.78726", "jahr_2016": "271.78726", "jahr_2015": "274.9", "jahr_2014": "274.9", "jahr_2013": "274.9", "jahr_2012": "272.74057"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_120348"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Altona", "stadtteil": "Sternschanze", "kategorie": "flaeche_brutto_ha", "jahr_2019": "54.84489", "jahr_2018": "54.84489", "jahr_2017": "54.84489", "jahr_2016": "54.84489", "jahr_2015": "55.1", "jahr_2014": "55.1", "jahr_2013": "55.1", "jahr_2012": "54.952183"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_120411"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Altona", "stadtteil": "Altona-Nord", "kategorie": "flaeche_brutto_ha", "jahr_2019": "221.78168", "jahr_2018": "221.78168", "jahr_2017": "221.78168", "jahr_2016": "221.78168", "jahr_2015": "217.7", "jahr_2014": "217.7", "jahr_2013": "217.7", "jahr_2012": "221.20946"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_120474"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Altona", "stadtteil": "Ottensen", "kategorie": "flaeche_brutto_ha", "jahr_2019": "279.51907", "jahr_2018": "279.51907", "jahr_2017": "279.51907", "jahr_2016": "279.51907", "jahr_2015": "286.2", "jahr_2014": "286.2", "jahr_2013": "286.2", "jahr_2012": "279.90985"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_120537"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Altona", "stadtteil": "Bahrenfeld", "kategorie": "flaeche_brutto_ha", "jahr_2019": "1054.0972", "jahr_2018": "1054.0972", "jahr_2017": "1054.0972", "jahr_2016": "1054.0972", "jahr_2015": "1085.7", "jahr_2014": "1085.7", "jahr_2013": "1085.7", "jahr_2012": "1055.1693"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_120600"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Altona", "stadtteil": "Gro\u00df Flottbek", "kategorie": "flaeche_brutto_ha", "jahr_2019": "237.07788", "jahr_2018": "237.07788", "jahr_2017": "237.07788", "jahr_2016": "237.07788", "jahr_2015": "241.4", "jahr_2014": "241.4", "jahr_2013": "241.4", "jahr_2012": "235.59291"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_120663"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Altona", "stadtteil": "Othmarschen", "kategorie": "flaeche_brutto_ha", "jahr_2019": "594.68146", "jahr_2018": "594.68146", "jahr_2017": "594.68146", "jahr_2016": "594.68146", "jahr_2015": "601.4", "jahr_2014": "601.4", "jahr_2013": "601.4", "jahr_2012": "600.3736"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_120726"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Altona", "stadtteil": "Lurup", "kategorie": "flaeche_brutto_ha", "jahr_2019": "629.2338", "jahr_2018": "629.2338", "jahr_2017": "629.2338", "jahr_2016": "629.2338", "jahr_2015": "637.7", "jahr_2014": "637.7", "jahr_2013": "637.7", "jahr_2012": "629.8315"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_120789"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Altona", "stadtteil": "Osdorf", "kategorie": "flaeche_brutto_ha", "jahr_2019": "725.0842", "jahr_2018": "725.0842", "jahr_2017": "725.0842", "jahr_2016": "725.0842", "jahr_2015": "725.9", "jahr_2014": "725.9", "jahr_2013": "725.9", "jahr_2012": "720.8295"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_120852"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Altona", "stadtteil": "Nienstedten", "kategorie": "flaeche_brutto_ha", "jahr_2019": "437.9429", "jahr_2018": "437.9429", "jahr_2017": "437.9429", "jahr_2016": "437.9429", "jahr_2015": "439.0", "jahr_2014": "439.0", "jahr_2013": "439.0", "jahr_2012": "433.0372"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_120915"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Altona", "stadtteil": "Blankenese", "kategorie": "flaeche_brutto_ha", "jahr_2019": "773.57715", "jahr_2018": "773.57715", "jahr_2017": "773.57715", "jahr_2016": "773.57715", "jahr_2015": "825.2", "jahr_2014": "825.2", "jahr_2013": "825.2", "jahr_2012": "773.82904"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_120978"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Altona", "stadtteil": "Iserbrook", "kategorie": "flaeche_brutto_ha", "jahr_2019": "267.01205", "jahr_2018": "267.01205", "jahr_2017": "267.01205", "jahr_2016": "267.01205", "jahr_2015": "265.7", "jahr_2014": "265.7", "jahr_2013": "265.7", "jahr_2012": "266.88034"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_121041"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Altona", "stadtteil": "S\u00fclldorf", "kategorie": "flaeche_brutto_ha", "jahr_2019": "573.6184", "jahr_2018": "573.6184", "jahr_2017": "573.6184", "jahr_2016": "573.6184", "jahr_2015": "560.3", "jahr_2014": "560.3", "jahr_2013": "560.3", "jahr_2012": "573.02466"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_121104"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Altona", "stadtteil": "Rissen", "kategorie": "flaeche_brutto_ha", "jahr_2019": "1670.3848", "jahr_2018": "1670.3848", "jahr_2017": "1670.3848", "jahr_2016": "1670.3848", "jahr_2015": "1664.8", "jahr_2014": "1664.8", "jahr_2013": "1664.8", "jahr_2012": "1671.9065"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_121167"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Eimsb\u00fcttel", "stadtteil": "Eimsb\u00fcttel", "kategorie": "flaeche_brutto_ha", "jahr_2019": "322.55487", "jahr_2018": "322.55487", "jahr_2017": "322.55487", "jahr_2016": "322.55487", "jahr_2015": "320.4", "jahr_2014": "320.4", "jahr_2013": "320.4", "jahr_2012": "323.11417"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_121230"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Eimsb\u00fcttel", "stadtteil": "Rotherbaum", "kategorie": "flaeche_brutto_ha", "jahr_2019": "273.5309", "jahr_2018": "273.5309", "jahr_2017": "273.5309", "jahr_2016": "273.5309", "jahr_2015": "268.4", "jahr_2014": "268.4", "jahr_2013": "268.4", "jahr_2012": "273.2193"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_121293"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Eimsb\u00fcttel", "stadtteil": "Harvestehude", "kategorie": "flaeche_brutto_ha", "jahr_2019": "205.05244", "jahr_2018": "205.05244", "jahr_2017": "205.05244", "jahr_2016": "205.05244", "jahr_2015": "201.9", "jahr_2014": "201.9", "jahr_2013": "201.9", "jahr_2012": "205.15054"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_121356"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Eimsb\u00fcttel", "stadtteil": "Hoheluft-West", "kategorie": "flaeche_brutto_ha", "jahr_2019": "71.95187", "jahr_2018": "71.95187", "jahr_2017": "71.95187", "jahr_2016": "71.95187", "jahr_2015": "69.0", "jahr_2014": "69.0", "jahr_2013": "69.0", "jahr_2012": "70.8948"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_121419"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Eimsb\u00fcttel", "stadtteil": "Lokstedt", "kategorie": "flaeche_brutto_ha", "jahr_2019": "489.62", "jahr_2018": "489.62", "jahr_2017": "489.62", "jahr_2016": "489.62", "jahr_2015": "485.8", "jahr_2014": "485.8", "jahr_2013": "485.8", "jahr_2012": "489.50824"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_121482"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Eimsb\u00fcttel", "stadtteil": "Niendorf", "kategorie": "flaeche_brutto_ha", "jahr_2019": "1241.7589", "jahr_2018": "1241.7589", "jahr_2017": "1241.7589", "jahr_2016": "1241.7589", "jahr_2015": "1269.8", "jahr_2014": "1269.8", "jahr_2013": "1269.8", "jahr_2012": "1240.7153"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_121545"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Eimsb\u00fcttel", "stadtteil": "Schnelsen", "kategorie": "flaeche_brutto_ha", "jahr_2019": "895.0757", "jahr_2018": "895.0757", "jahr_2017": "895.0757", "jahr_2016": "895.0757", "jahr_2015": "897.8", "jahr_2014": "897.8", "jahr_2013": "897.8", "jahr_2012": "896.78613"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_121608"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Eimsb\u00fcttel", "stadtteil": "Eidelstedt", "kategorie": "flaeche_brutto_ha", "jahr_2019": "872.2351", "jahr_2018": "872.2351", "jahr_2017": "872.2351", "jahr_2016": "872.2351", "jahr_2015": "869.0", "jahr_2014": "869.0", "jahr_2013": "869.0", "jahr_2012": "871.11426"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_121671"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Eimsb\u00fcttel", "stadtteil": "Stellingen", "kategorie": "flaeche_brutto_ha", "jahr_2019": "608.92017", "jahr_2018": "608.92017", "jahr_2017": "608.92017", "jahr_2016": "608.92017", "jahr_2015": "578.2", "jahr_2014": "578.2", "jahr_2013": "578.2", "jahr_2012": "608.47876"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_121734"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Nord", "stadtteil": "Hoheluft-Ost", "kategorie": "flaeche_brutto_ha", "jahr_2019": "56.55045", "jahr_2018": "56.55045", "jahr_2017": "56.55045", "jahr_2016": "56.55045", "jahr_2015": "58.1", "jahr_2014": "58.1", "jahr_2013": "58.1", "jahr_2012": "58.029648"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_121797"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Nord", "stadtteil": "Eppendorf", "kategorie": "flaeche_brutto_ha", "jahr_2019": "266.9254", "jahr_2018": "266.9254", "jahr_2017": "266.9254", "jahr_2016": "266.9254", "jahr_2015": "271.6", "jahr_2014": "271.6", "jahr_2013": "271.6", "jahr_2012": "267.09454"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_121860"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Nord", "stadtteil": "Gro\u00df Borstel", "kategorie": "flaeche_brutto_ha", "jahr_2019": "398.57553", "jahr_2018": "398.57553", "jahr_2017": "398.57553", "jahr_2016": "398.57553", "jahr_2015": "453.3", "jahr_2014": "453.3", "jahr_2013": "453.3", "jahr_2012": "398.58636"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_121923"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Nord", "stadtteil": "Alsterdorf", "kategorie": "flaeche_brutto_ha", "jahr_2019": "315.5241", "jahr_2018": "315.5241", "jahr_2017": "315.5241", "jahr_2016": "315.5241", "jahr_2015": "306.1", "jahr_2014": "306.1", "jahr_2013": "306.1", "jahr_2012": "315.61414"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_121986"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Nord", "stadtteil": "Winterhude", "kategorie": "flaeche_brutto_ha", "jahr_2019": "758.43085", "jahr_2018": "758.43085", "jahr_2017": "758.43085", "jahr_2016": "758.43085", "jahr_2015": "760.0", "jahr_2014": "760.0", "jahr_2013": "760.0", "jahr_2012": "757.9193"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_122049"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Nord", "stadtteil": "Uhlenhorst", "kategorie": "flaeche_brutto_ha", "jahr_2019": "218.06117", "jahr_2018": "218.06117", "jahr_2017": "218.06117", "jahr_2016": "218.06117", "jahr_2015": "217.6", "jahr_2014": "217.6", "jahr_2013": "217.6", "jahr_2012": "217.0326"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_122112"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Nord", "stadtteil": "Hohenfelde", "kategorie": "flaeche_brutto_ha", "jahr_2019": "115.4751", "jahr_2018": "115.4751", "jahr_2017": "115.4751", "jahr_2016": "115.4751", "jahr_2015": "114.5", "jahr_2014": "114.5", "jahr_2013": "114.5", "jahr_2012": "113.086685"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_122175"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Nord", "stadtteil": "Barmbek-S\u00fcd", "kategorie": "flaeche_brutto_ha", "jahr_2019": "309.1774", "jahr_2018": "309.1774", "jahr_2017": "309.1774", "jahr_2016": "309.1774", "jahr_2015": "306.0", "jahr_2014": "306.0", "jahr_2013": "306.0", "jahr_2012": "307.75494"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_122238"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Nord", "stadtteil": "Dulsberg", "kategorie": "flaeche_brutto_ha", "jahr_2019": "122.582954", "jahr_2018": "122.582954", "jahr_2017": "122.582954", "jahr_2016": "122.582954", "jahr_2015": "118.7", "jahr_2014": "118.7", "jahr_2013": "118.7", "jahr_2012": "121.38027"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_122301"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Nord", "stadtteil": "Barmbek-Nord", "kategorie": "flaeche_brutto_ha", "jahr_2019": "385.1196", "jahr_2018": "385.1196", "jahr_2017": "385.1196", "jahr_2016": "385.1196", "jahr_2015": "391.4", "jahr_2014": "391.4", "jahr_2013": "391.4", "jahr_2012": "384.41895"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_122364"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Nord", "stadtteil": "Ohlsdorf", "kategorie": "flaeche_brutto_ha", "jahr_2019": "716.07874", "jahr_2018": "716.07874", "jahr_2017": "716.07874", "jahr_2016": "716.07874", "jahr_2015": "716.6", "jahr_2014": "716.6", "jahr_2013": "716.6", "jahr_2012": "719.2742"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_122427"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Nord", "stadtteil": "Fuhlsb\u00fcttel", "kategorie": "flaeche_brutto_ha", "jahr_2019": "777.44073", "jahr_2018": "777.44073", "jahr_2017": "777.44073", "jahr_2016": "777.44073", "jahr_2015": "658.2", "jahr_2014": "658.2", "jahr_2013": "658.2", "jahr_2012": "778.33295"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_122490"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Nord", "stadtteil": "Langenhorn", "kategorie": "flaeche_brutto_ha", "jahr_2019": "1336.7144", "jahr_2018": "1336.7144", "jahr_2017": "1336.7144", "jahr_2016": "1336.7144", "jahr_2015": "1375.3", "jahr_2014": "1375.3", "jahr_2013": "1375.3", "jahr_2012": "1337.1503"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_122553"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Wandsbek", "stadtteil": "Eilbek", "kategorie": "flaeche_brutto_ha", "jahr_2019": "175.1378", "jahr_2018": "175.1378", "jahr_2017": "175.1378", "jahr_2016": "175.1378", "jahr_2015": "172.6", "jahr_2014": "172.6", "jahr_2013": "172.6", "jahr_2012": "177.51372"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_122616"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Wandsbek", "stadtteil": "Wandsbek", "kategorie": "flaeche_brutto_ha", "jahr_2019": "594.3579", "jahr_2018": "594.3579", "jahr_2017": "594.3579", "jahr_2016": "594.3579", "jahr_2015": "599.4", "jahr_2014": "599.4", "jahr_2013": "599.4", "jahr_2012": "595.40674"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_122679"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Wandsbek", "stadtteil": "Marienthal", "kategorie": "flaeche_brutto_ha", "jahr_2019": "321.3239", "jahr_2018": "321.3239", "jahr_2017": "321.3239", "jahr_2016": "321.3239", "jahr_2015": "325.3", "jahr_2014": "325.3", "jahr_2013": "325.3", "jahr_2012": "322.2693"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_122742"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Wandsbek", "stadtteil": "Jenfeld", "kategorie": "flaeche_brutto_ha", "jahr_2019": "499.11868", "jahr_2018": "499.11868", "jahr_2017": "499.11868", "jahr_2016": "499.11868", "jahr_2015": "502.5", "jahr_2014": "502.5", "jahr_2013": "502.5", "jahr_2012": "499.08636"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_122805"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Wandsbek", "stadtteil": "Tonndorf", "kategorie": "flaeche_brutto_ha", "jahr_2019": "394.1132", "jahr_2018": "394.1132", "jahr_2017": "394.1132", "jahr_2016": "394.1132", "jahr_2015": "394.1", "jahr_2014": "394.1", "jahr_2013": "394.1", "jahr_2012": "394.0672"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_122868"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Wandsbek", "stadtteil": "Farmsen-Berne", "kategorie": "flaeche_brutto_ha", "jahr_2019": "822.6367", "jahr_2018": "822.6367", "jahr_2017": "822.6367", "jahr_2016": "822.6367", "jahr_2015": "825.6", "jahr_2014": "825.6", "jahr_2013": "825.6", "jahr_2012": "824.9436"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_122931"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Wandsbek", "stadtteil": "Bramfeld", "kategorie": "flaeche_brutto_ha", "jahr_2019": "1006.5864", "jahr_2018": "1006.5864", "jahr_2017": "1006.5864", "jahr_2016": "1006.5864", "jahr_2015": "1009.2", "jahr_2014": "1009.2", "jahr_2013": "1009.2", "jahr_2012": "1007.8436"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_122994"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Wandsbek", "stadtteil": "Steilshoop", "kategorie": "flaeche_brutto_ha", "jahr_2019": "249.8367", "jahr_2018": "249.8367", "jahr_2017": "249.8367", "jahr_2016": "249.8367", "jahr_2015": "245.7", "jahr_2014": "245.7", "jahr_2013": "245.7", "jahr_2012": "249.83958"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_123057"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Wandsbek", "stadtteil": "Wellingsb\u00fcttel", "kategorie": "flaeche_brutto_ha", "jahr_2019": "408.65356", "jahr_2018": "408.65356", "jahr_2017": "408.65356", "jahr_2016": "408.65356", "jahr_2015": "407.2", "jahr_2014": "407.2", "jahr_2013": "407.2", "jahr_2012": "407.13855"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_123120"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Wandsbek", "stadtteil": "Sasel", "kategorie": "flaeche_brutto_ha", "jahr_2019": "836.30756", "jahr_2018": "836.30756", "jahr_2017": "836.30756", "jahr_2016": "836.30756", "jahr_2015": "835.9", "jahr_2014": "835.9", "jahr_2013": "835.9", "jahr_2012": "837.073"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_123183"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Wandsbek", "stadtteil": "Poppenb\u00fcttel", "kategorie": "flaeche_brutto_ha", "jahr_2019": "810.5231", "jahr_2018": "810.5231", "jahr_2017": "810.5231", "jahr_2016": "810.5231", "jahr_2015": "812.0", "jahr_2014": "812.0", "jahr_2013": "812.0", "jahr_2012": "810.2868"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_123246"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Wandsbek", "stadtteil": "Hummelsb\u00fcttel", "kategorie": "flaeche_brutto_ha", "jahr_2019": "908.35956", "jahr_2018": "908.35956", "jahr_2017": "908.35956", "jahr_2016": "908.35956", "jahr_2015": "916.1", "jahr_2014": "916.1", "jahr_2013": "916.1", "jahr_2012": "908.031"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_123309"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Wandsbek", "stadtteil": "Lemsahl-Mellingstedt", "kategorie": "flaeche_brutto_ha", "jahr_2019": "800.2216", "jahr_2018": "800.2216", "jahr_2017": "800.2216", "jahr_2016": "800.2216", "jahr_2015": "793.6", "jahr_2014": "793.6", "jahr_2013": "793.6", "jahr_2012": "801.2963"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_123372"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Wandsbek", "stadtteil": "Duvenstedt", "kategorie": "flaeche_brutto_ha", "jahr_2019": "678.22217", "jahr_2018": "678.22217", "jahr_2017": "678.22217", "jahr_2016": "678.22217", "jahr_2015": "682.4", "jahr_2014": "682.4", "jahr_2013": "682.4", "jahr_2012": "678.97473"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_123435"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Wandsbek", "stadtteil": "Wohldorf-Ohlstedt", "kategorie": "flaeche_brutto_ha", "jahr_2019": "1728.8528", "jahr_2018": "1728.8528", "jahr_2017": "1728.8528", "jahr_2016": "1728.8528", "jahr_2015": "1732.3", "jahr_2014": "1732.3", "jahr_2013": "1732.3", "jahr_2012": "1727.9075"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_123498"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Wandsbek", "stadtteil": "Bergstedt", "kategorie": "flaeche_brutto_ha", "jahr_2019": "703.9146", "jahr_2018": "703.9146", "jahr_2017": "703.9146", "jahr_2016": "703.9146", "jahr_2015": "705.4", "jahr_2014": "705.4", "jahr_2013": "705.4", "jahr_2012": "703.33264"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_123561"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Wandsbek", "stadtteil": "Volksdorf", "kategorie": "flaeche_brutto_ha", "jahr_2019": "1157.6244", "jahr_2018": "1157.6244", "jahr_2017": "1157.6244", "jahr_2016": "1157.6244", "jahr_2015": "1157.8", "jahr_2014": "1157.8", "jahr_2013": "1157.8", "jahr_2012": "1158.0312"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_123640"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Wandsbek", "stadtteil": "Volksdorf", "kategorie": "flaeche_brutto_ha", "jahr_2019": "1157.6244", "jahr_2018": "1157.6244", "jahr_2017": "1157.6244", "jahr_2016": "1157.6244", "jahr_2015": "1157.8", "jahr_2014": "1157.8", "jahr_2013": "1157.8", "jahr_2012": "1158.0312"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_123641"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Wandsbek", "stadtteil": "Rahlstedt", "kategorie": "flaeche_brutto_ha", "jahr_2019": "2656.5984", "jahr_2018": "2656.5984", "jahr_2017": "2656.5984", "jahr_2016": "2656.5984", "jahr_2015": "2657.6", "jahr_2014": "2657.6", "jahr_2013": "2657.6", "jahr_2012": "2655.124"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_123750"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Bergedorf", "stadtteil": "Lohbr\u00fcgge", "kategorie": "flaeche_brutto_ha", "jahr_2019": "1304.4952", "jahr_2018": "1304.4952", "jahr_2017": "1304.4952", "jahr_2016": "1304.4952", "jahr_2015": "1304.5", "jahr_2014": "1304.5", "jahr_2013": "1304.5", "jahr_2012": "1309.0254"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_123813"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Bergedorf", "stadtteil": "Bergedorf", "kategorie": "flaeche_brutto_ha", "jahr_2019": "1035.9099", "jahr_2018": "1035.9099", "jahr_2017": "1035.9099", "jahr_2016": "1035.9099", "jahr_2015": "1035.6", "jahr_2014": "1035.6", "jahr_2013": "1035.6", "jahr_2012": "1032.6315"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_123876"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Bergedorf", "stadtteil": "Curslack", "kategorie": "flaeche_brutto_ha", "jahr_2019": "1057.3812", "jahr_2018": "1057.3812", "jahr_2017": "1057.3812", "jahr_2016": "1057.3812", "jahr_2015": "1061.8", "jahr_2014": "1061.8", "jahr_2013": "1061.8", "jahr_2012": "1057.971"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_123939"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Bergedorf", "stadtteil": "Altengamme", "kategorie": "flaeche_brutto_ha", "jahr_2019": "1560.8173", "jahr_2018": "1560.8173", "jahr_2017": "1560.8173", "jahr_2016": "1560.8173", "jahr_2015": "1561.3", "jahr_2014": "1561.3", "jahr_2013": "1561.3", "jahr_2012": "1561.9872"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_124002"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Bergedorf", "stadtteil": "Neuengamme", "kategorie": "flaeche_brutto_ha", "jahr_2019": "1861.7028", "jahr_2018": "1861.7028", "jahr_2017": "1861.7028", "jahr_2016": "1861.7028", "jahr_2015": "1861.8", "jahr_2014": "1861.8", "jahr_2013": "1861.8", "jahr_2012": "1862.8461"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_124065"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Bergedorf", "stadtteil": "Kirchwerder", "kategorie": "flaeche_brutto_ha", "jahr_2019": "3230.8071", "jahr_2018": "3230.8071", "jahr_2017": "3230.8071", "jahr_2016": "3230.8071", "jahr_2015": "3235.4", "jahr_2014": "3235.4", "jahr_2013": "3235.4", "jahr_2012": "3232.6587"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_124128"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Bergedorf", "stadtteil": "Ochsenwerder", "kategorie": "flaeche_brutto_ha", "jahr_2019": "1409.9937", "jahr_2018": "1409.9937", "jahr_2017": "1409.9937", "jahr_2016": "1409.9937", "jahr_2015": "1408.0", "jahr_2014": "1408.0", "jahr_2013": "1408.0", "jahr_2012": "1403.9543"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_124191"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Bergedorf", "stadtteil": "Reitbrook", "kategorie": "flaeche_brutto_ha", "jahr_2019": "693.73047", "jahr_2018": "693.73047", "jahr_2017": "693.73047", "jahr_2016": "693.73047", "jahr_2015": "691.4", "jahr_2014": "691.4", "jahr_2013": "691.4", "jahr_2012": "691.98785"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_124254"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Bergedorf", "stadtteil": "Allerm\u00f6he", "kategorie": "flaeche_brutto_ha", "jahr_2019": "863.73584", "jahr_2018": "863.73584", "jahr_2017": "863.73584", "jahr_2016": "863.73584", "jahr_2015": "865.5", "jahr_2014": "865.5", "jahr_2013": "865.5", "jahr_2012": "796.44794"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_124317"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Bergedorf", "stadtteil": "Billwerder", "kategorie": "flaeche_brutto_ha", "jahr_2019": "946.9395", "jahr_2018": "946.9395", "jahr_2017": "946.9395", "jahr_2016": "946.9395", "jahr_2015": "947.3", "jahr_2014": "947.3", "jahr_2013": "947.3", "jahr_2012": "948.493"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_124380"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Bergedorf", "stadtteil": "Moorfleet", "kategorie": "flaeche_brutto_ha", "jahr_2019": "437.24945", "jahr_2018": "437.24945", "jahr_2017": "437.24945", "jahr_2016": "437.24945", "jahr_2015": "427.5", "jahr_2014": "427.5", "jahr_2013": "427.5", "jahr_2012": "446.02057"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_124443"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Bergedorf", "stadtteil": "Tatenberg", "kategorie": "flaeche_brutto_ha", "jahr_2019": "306.6092", "jahr_2018": "306.6092", "jahr_2017": "306.6092", "jahr_2016": "306.6092", "jahr_2015": "310.2", "jahr_2014": "310.2", "jahr_2013": "310.2", "jahr_2012": "305.13254"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_124506"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Bergedorf", "stadtteil": "Spadenland", "kategorie": "flaeche_brutto_ha", "jahr_2019": "341.92227", "jahr_2018": "341.92227", "jahr_2017": "341.92227", "jahr_2016": "341.92227", "jahr_2015": "339.8", "jahr_2014": "339.8", "jahr_2013": "339.8", "jahr_2012": "342.8463"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_124569"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Bergedorf", "stadtteil": "Neuallerm\u00f6he", "kategorie": "flaeche_brutto_ha", "jahr_2019": "420.4243", "jahr_2018": "420.4243", "jahr_2017": "420.4243", "jahr_2016": "420.4243", "jahr_2015": "420.8", "jahr_2014": "420.8", "jahr_2013": "420.8", "jahr_2012": "490.9954"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_124632"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Harburg", "stadtteil": "Harburg", "kategorie": "flaeche_brutto_ha", "jahr_2019": "399.06485", "jahr_2018": "399.06485", "jahr_2017": "399.06485", "jahr_2016": "399.06485", "jahr_2015": "385.5", "jahr_2014": "385.5", "jahr_2013": "385.5", "jahr_2012": "402.83786"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_124695"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Harburg", "stadtteil": "Neuland", "kategorie": "flaeche_brutto_ha", "jahr_2018": "808.455", "jahr_2017": "808.455", "jahr_2016": "808.455", "jahr_2015": "804.5", "jahr_2014": "804.5", "jahr_2013": "804.5", "jahr_2012": "803.151"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_124758"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Harburg", "stadtteil": "Gut Moor", "kategorie": "flaeche_brutto_ha", "jahr_2018": "198.577", "jahr_2017": "198.577", "jahr_2016": "198.577", "jahr_2015": "196.7", "jahr_2014": "196.7", "jahr_2013": "196.7", "jahr_2012": "197.918"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_124821"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Harburg", "stadtteil": "Wilstorf", "kategorie": "flaeche_brutto_ha", "jahr_2019": "342.2823", "jahr_2018": "342.2823", "jahr_2017": "342.2823", "jahr_2016": "342.2823", "jahr_2015": "348.2", "jahr_2014": "348.2", "jahr_2013": "348.2", "jahr_2012": "341.64145"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_124884"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Harburg", "stadtteil": "R\u00f6nneburg", "kategorie": "flaeche_brutto_ha", "jahr_2019": "224.75323", "jahr_2018": "224.75323", "jahr_2017": "224.75323", "jahr_2016": "224.75323", "jahr_2015": "226.3", "jahr_2014": "226.3", "jahr_2013": "226.3", "jahr_2012": "226.22534"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_124947"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Harburg", "stadtteil": "Langenbek", "kategorie": "flaeche_brutto_ha", "jahr_2019": "79.355286", "jahr_2018": "79.355286", "jahr_2017": "79.355286", "jahr_2016": "79.355286", "jahr_2015": "83.8", "jahr_2014": "83.8", "jahr_2013": "83.8", "jahr_2012": "79.0494"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_125010"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Harburg", "stadtteil": "Sinstorf", "kategorie": "flaeche_brutto_ha", "jahr_2019": "251.66043", "jahr_2018": "251.66043", "jahr_2017": "251.66043", "jahr_2016": "251.66043", "jahr_2015": "256.1", "jahr_2014": "256.1", "jahr_2013": "256.1", "jahr_2012": "251.63646"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_125073"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Harburg", "stadtteil": "Marmstorf", "kategorie": "flaeche_brutto_ha", "jahr_2019": "584.3455", "jahr_2018": "584.3455", "jahr_2017": "584.3455", "jahr_2016": "584.3455", "jahr_2015": "581.6", "jahr_2014": "581.6", "jahr_2013": "581.6", "jahr_2012": "583.4877"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_125136"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Harburg", "stadtteil": "Ei\u00dfendorf", "kategorie": "flaeche_brutto_ha", "jahr_2019": "833.91315", "jahr_2018": "833.91315", "jahr_2017": "833.91315", "jahr_2016": "833.91315", "jahr_2015": "837.1", "jahr_2014": "837.1", "jahr_2013": "837.1", "jahr_2012": "834.90826"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_125199"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Harburg", "stadtteil": "Heimfeld", "kategorie": "flaeche_brutto_ha", "jahr_2019": "1300.4232", "jahr_2018": "1300.4232", "jahr_2017": "1300.4232", "jahr_2016": "1300.4232", "jahr_2015": "1171.7", "jahr_2014": "1171.7", "jahr_2013": "1171.7", "jahr_2012": "1301.2273"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_125262"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Harburg", "stadtteil": "Moorburg", "kategorie": "flaeche_brutto_ha", "jahr_2018": "999.872", "jahr_2017": "999.872", "jahr_2016": "999.872", "jahr_2015": "1002.2", "jahr_2014": "1002.2", "jahr_2013": "1002.2", "jahr_2012": "1004.53"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_125325"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Harburg", "stadtteil": "Altenwerder", "kategorie": "flaeche_brutto_ha", "jahr_2018": "669.948", "jahr_2017": "669.948", "jahr_2016": "669.948", "jahr_2015": "679.5", "jahr_2014": "679.5", "jahr_2013": "679.5", "jahr_2012": "670.088"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_125388"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Harburg", "stadtteil": "Hausbruch", "kategorie": "flaeche_brutto_ha", "jahr_2019": "983.49335", "jahr_2018": "983.49335", "jahr_2017": "983.49335", "jahr_2016": "983.49335", "jahr_2015": "1118.0", "jahr_2014": "1118.0", "jahr_2013": "1118.0", "jahr_2012": "983.1659"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_125451"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Harburg", "stadtteil": "Neugraben-Fischbek", "kategorie": "flaeche_brutto_ha", "jahr_2019": "2252.3425", "jahr_2018": "2252.3425", "jahr_2017": "2252.3425", "jahr_2016": "2252.3425", "jahr_2015": "2251.1", "jahr_2014": "2251.1", "jahr_2013": "2251.1", "jahr_2012": "2253.5762"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_125514"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Harburg", "stadtteil": "Francop", "kategorie": "flaeche_brutto_ha", "jahr_2019": "881.33026", "jahr_2018": "881.33026", "jahr_2017": "881.33026", "jahr_2016": "881.33026", "jahr_2015": "908.9", "jahr_2014": "908.9", "jahr_2013": "908.9", "jahr_2012": "884.8514"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_125577"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Harburg", "stadtteil": "Neuenfelde", "kategorie": "flaeche_brutto_ha", "jahr_2019": "1567.5594", "jahr_2018": "1567.5594", "jahr_2017": "1567.5594", "jahr_2016": "1567.5594", "jahr_2015": "1550.2", "jahr_2014": "1550.2", "jahr_2013": "1550.2", "jahr_2012": "1563.2971"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_125640"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Harburg", "stadtteil": "Cranz", "kategorie": "flaeche_brutto_ha", "jahr_2019": "133.28764", "jahr_2018": "133.28764", "jahr_2017": "133.28764", "jahr_2016": "133.28764", "jahr_2015": "133.2", "jahr_2014": "133.2", "jahr_2013": "133.2", "jahr_2012": "134.46014"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_125703"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Mitte", "stadtteil": "Hamburg-Altstadt", "kategorie": "flaeche_brutto_ha", "jahr_2019": "130.03473", "jahr_2018": "130.03473", "jahr_2017": "130.03473", "jahr_2016": "130.03473", "jahr_2015": "128.8", "jahr_2014": "128.8", "jahr_2013": "128.8", "jahr_2012": "129.68271"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_125765"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Mitte", "stadtteil": "HafenCity", "kategorie": "flaeche_brutto_ha", "jahr_2019": "242.5612", "jahr_2018": "242.5612", "jahr_2017": "242.5612", "jahr_2016": "242.5612", "jahr_2015": "242.3", "jahr_2014": "242.3", "jahr_2013": "242.3", "jahr_2012": "249.44241"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_125828"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Mitte", "stadtteil": "Neustadt", "kategorie": "flaeche_brutto_ha", "jahr_2019": "226.19023", "jahr_2018": "226.19023", "jahr_2017": "226.19023", "jahr_2016": "226.19023", "jahr_2015": "223.3", "jahr_2014": "223.3", "jahr_2013": "223.3", "jahr_2012": "225.8582"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_125891"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Mitte", "stadtteil": "St.Pauli", "kategorie": "flaeche_brutto_ha", "jahr_2019": "224.24876", "jahr_2018": "224.24876", "jahr_2017": "224.24876", "jahr_2016": "224.24876", "jahr_2015": "229.8", "jahr_2014": "229.8", "jahr_2013": "229.8", "jahr_2012": "227.90903"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_125954"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Mitte", "stadtteil": "St.Georg", "kategorie": "flaeche_brutto_ha", "jahr_2019": "182.26575", "jahr_2018": "182.26575", "jahr_2017": "182.26575", "jahr_2016": "182.26575", "jahr_2015": "183.6", "jahr_2014": "183.6", "jahr_2013": "183.6", "jahr_2012": "183.47215"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_126017"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Mitte", "stadtteil": "Hammerbrook", "kategorie": "flaeche_brutto_ha", "jahr_2019": "249.59866", "jahr_2018": "249.59866", "jahr_2017": "249.59866", "jahr_2016": "249.59866", "jahr_2015": "246.4", "jahr_2014": "246.4", "jahr_2013": "246.4", "jahr_2012": "249.66434"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_126080"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Mitte", "stadtteil": "Borgfelde", "kategorie": "flaeche_brutto_ha", "jahr_2019": "82.18548", "jahr_2018": "82.18548", "jahr_2017": "82.18548", "jahr_2016": "82.18548", "jahr_2015": "86.4", "jahr_2014": "86.4", "jahr_2013": "86.4", "jahr_2012": "83.508156"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_126143"}, {"type": "Feature", "geometry": {"type": "Polygon", "coordinates": []}, "properties": {"verwaltungseinheit": "stadtteile", "bezirk": "Hamburg-Mitte", "stadtteil": "Hamm", "kategorie": "flaeche_brutto_ha", "jahr_2019": "388.88", "jahr_2018": "388.88", "jahr_2017": "388.88", "jahr_2016": "388.88", "jahr_2015": "376.3", "jahr_2014": "376.3", "jahr_2013": "376.3", "jahr_2012": "389.5015"}, "id": "DE.HH.UP_V_HH_STADTTEIL_FLAECHE_BRUTTO_HA_126206"}]}
\ No newline at end of file
+{
+  "type": "FeatureCollection",
+  "crs": {
+    "type": "name",
+    "properties": {
+      "name": "EPSG:25832"
+    }
+  },
+  "features": [
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Polygon",
+        "coordinates": [[[]]]
+      },
+      "properties": {
+        "verwaltungseinheit": "stadtteile",
+        "bezirk": "Hamburg-Mitte",
+        "stadtteil": "Horn",
+        "kategorie": "bev_insgesamt",
+        "jahr_2019": "38373.0",
+        "jahr_2018": "38799.0",
+        "jahr_2017": "38569.0",
+        "jahr_2016": "38549.0",
+        "jahr_2015": "38253.0",
+        "jahr_2014": "38296.0",
+        "jahr_2013": "37614.0",
+        "jahr_2012": "37599.0"
+      },
+      "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_119702"
+    },
+    {
+      "type": "Feature",
+      "geometry": {
+        "type": "Polygon",
+        "coordinates": [[[]]]
+      },
+      "properties": {
+        "verwaltungseinheit": "stadtteile",
+        "bezirk": "Hamburg-Mitte",
+        "stadtteil": "Billstedt",
+        "kategorie": "bev_insgesamt",
+        "jahr_2019": "70410.0",
+        "jahr_2018": "70355.0",
+        "jahr_2017": "70539.0",
+        "jahr_2016": "70234.0",
+        "jahr_2015": "70100.0",
+        "jahr_2014": "69806.0",
+        "jahr_2013": "69570.0",
+        "jahr_2012": "69110.0"
+      },
+      "id": "DE.HH.UP_V_HH_STADTTEIL_BEV_INSGESAMT_119765"
+    }
+  ]
+}
diff --git a/cosi/QueryDistricts/test/unit/components/features_ha_with_geo.json b/cosi/QueryDistricts/test/unit/components/features_ha_with_geo.json
index 0cb0bda8e..52decca83 100644
--- a/cosi/QueryDistricts/test/unit/components/features_ha_with_geo.json
+++ b/cosi/QueryDistricts/test/unit/components/features_ha_with_geo.json
@@ -1,5 +1,11 @@
 {
   "type": "FeatureCollection",
+  "crs": {
+    "type": "name",
+    "properties": {
+      "name": "EPSG:25832"
+    }
+  },
   "features": [{
       "type": "Feature",
       "geometry": {
diff --git a/cosi/SaveSession/components/SaveSession.vue b/cosi/SaveSession/components/SaveSession.vue
index 46ecff297..106f4c005 100644
--- a/cosi/SaveSession/components/SaveSession.vue
+++ b/cosi/SaveSession/components/SaveSession.vue
@@ -118,7 +118,8 @@ export default {
         ...mapGetters("Tools/ScenarioBuilder", {simGuideLayer: "guideLayer"}),
         ...mapGetters("Tools/ResidentialSimulation", {simNeighborhoodLayer: "drawingLayer"}),
         ...mapGetters("Tools/DistrictSelector", ["selectedDistrictLevel", "districtLevels"]),
-        ...mapGetters("Maps", ["getLayerById"])
+        ...mapGetters("Maps", ["getLayerById"]),
+        ...mapGetters("Tools/TemplateManager", ["useTemplatesForMapping"])
     },
     watch: {
         /**
diff --git a/cosi/SaveSession/utils/parseState.js b/cosi/SaveSession/utils/parseState.js
index dab268954..55d84c0a9 100644
--- a/cosi/SaveSession/utils/parseState.js
+++ b/cosi/SaveSession/utils/parseState.js
@@ -78,6 +78,13 @@ export default {
                         case "Draw/layer":
                             this.parseDrawFeatures(state, mutation, key, attr);
                             break;
+                        case "Dashboard/statsFeatureFilter": {
+                            /* eslint-disable max-depth */
+                            if (!this.useTemplatesForMapping) {
+                                this.commitState(mutation, attr, state[key][attr]);
+                            }
+                            break;
+                        }
                         default:
                             this.commitState(mutation, attr, state[key][attr]);
                     }
diff --git a/cosi/SelectionManager/components/SelectionManager.vue b/cosi/SelectionManager/components/SelectionManager.vue
index 4a49555a0..b290a4534 100644
--- a/cosi/SelectionManager/components/SelectionManager.vue
+++ b/cosi/SelectionManager/components/SelectionManager.vue
@@ -78,7 +78,11 @@ export default {
 
             }
         },
-        // watcher on activeSet so that the active selection can be changed via the inputActiveSelection mutation from outside of the component
+        /**
+             * @descriptionwatcher on activeSet so that the active selection can be changed via the inputActiveSelection mutation from outside of the component
+             * @param {Integer} value - Index of the new active selection in this.selections
+             * @returns {void}
+             */
         activeSelection (value) {
             if (value !== null) {
                 this.activateSelection(value);
@@ -122,6 +126,12 @@ export default {
                 }
             }
         },
+        /**
+             * @description watcher the length (computed property) of this.selections array
+             * @param {Integer} newValue - new value after length has changed
+             * @param {Integer} oldValue - old value after length has changed
+             * @returns {void}
+             */
         selectionsLength (newValue, oldValue) {
         // Note on the importance of selectionsLength watcher in the overall structure:
         // `selections` is indirectly watched through the computed variable selectionsLength
@@ -631,13 +641,16 @@ export default {
                                     }"
                                     role="button"
                                     tabindex="0"
+                                    :title="selection.id"
                                     @mouseover="hoverSelection(i, 'rgba(214, 96, 93, 0.3)')"
                                     @focus="hoverSelection(i, 'rgba(214, 96, 93, 0.3)')"
                                     @mouseleave="resetHovers"
                                     @focusout="resetHovers"
                                 >
                                     <span class="hint">{{ selection.abv }}</span>
-                                    <p>{{ selection.id }}</p>
+                                    <p class="selection_name">
+                                        {{ selection.id }}
+                                    </p>
                                     <ul
                                         class="function_buttons"
                                     >
@@ -999,6 +1012,12 @@ export default {
                                 border:1px solid #888;
                             }
 
+                            p.selection_name {
+                                max-width:250px;
+                                white-space: nowrap;
+                                overflow:hidden;
+                            }
+
                             p {
                                 // flex-basis:calc(100% - 170px);
                                 line-height:30px;
diff --git a/cosi/SelectionManager/doc/config.json.md b/cosi/SelectionManager/doc/config.json.md
index 834e4b788..9dcc13fd3 100644
--- a/cosi/SelectionManager/doc/config.json.md
+++ b/cosi/SelectionManager/doc/config.json.md
@@ -1,17 +1,18 @@
 **Selection Manager**
 
-Die SelectionManager Component ...
+Die Auswahlverwaltung tracked alle möglichen Polygon-Features von unterschiedlichen VectorLayern und ermöglichst das Darstellen dieser Auswahlen auf der Karte per Klick. Des Weiteren stellt sie Funktionen bereit, um die Auswahlen zu bearbeiten (z.B. zu vergrößern oder zu verkleinern) und sie miteinander zu verbinden.
 
 |Name|Verpflichtend|Typ|Default|Beschreibung|
 |----|-------------|---|-------|------------|
-|name|nein|String|Gebiet auswählen|Name des Werkzeuges im Menu.|
-|icon|nein|String|bi-map|CSS Klasse des Glyphicons, das vor dem Toolnamen im Menu angezeigt wird.|
-|isVisibleInMenu|ja|Boolean|false|Das Tool wird nicht im Menü geladen.|
+|name|nein|String|Auswahlverwaltung|Name des Werkzeuges im Menu.|
+|icon|nein|String|bi-textarea|CSS Klasse des Glyphicons, das vor dem Toolnamen im Menu angezeigt wird.|
+|isVisibleInMenu|ja|Boolean|true|Das Tool wird nicht im Menü geladen.|
 
 **Beispiel**
 ```
-"colorCodeMap": {
-  "name": "SelectionManager",
+"selectionManager": {
+  "name": "Auswahlverwaltung",
   "icon": "bi-textarea",
-  "isVisibleInMenu": false
+  "isVisibleInMenu": true
+}
 ***
diff --git a/cosi/SelectionManager/store/actionsSelectionManager.js b/cosi/SelectionManager/store/actionsSelectionManager.js
index d10f67ef7..cdc2bcdd2 100644
--- a/cosi/SelectionManager/store/actionsSelectionManager.js
+++ b/cosi/SelectionManager/store/actionsSelectionManager.js
@@ -1,6 +1,7 @@
 import union from "@turf/union";
 import Feature from "ol/Feature";
 import GeoJSON from "ol/format/GeoJSON";
+import uniqueAbv from "../utils/uniqueAbv";
 /**
      * @description Merges all polygons into a single openlayers feature and commits it to the store
      * @param {Function} store.commit - Function to commit a mutation.
@@ -53,8 +54,8 @@ const actions = {
         selectionObject.selection = mergedPolygons;
         selectionObject.source = source;
         selectionObject.id = id;
-        selectionObject.abv = state.selections.filter(sel => sel.abv === id.match(/\b([A-Z0-9])/g).join("")).length > 0 ? id.match(/\b([A-Z0-9])/g).join("") + "-" + state.selections.filter(sel => sel.abv === id.match(/\b([A-Z0-9])/g).join("")).length : id.match(/\b([A-Z0-9])/g).join("");
-
+        // selectionObject.abv = state.selections.filter(sel => sel.abv === id.match(/\b([A-Z0-9])/g).join("")).length > 0 ? id.match(/\b([A-Z0-9])/g).join("") + "-" + state.selections.filter(sel => sel.abv === id.match(/\b([A-Z0-9])/g).join("")).length : id.match(/\b([A-Z0-9])/g).join("");
+        selectionObject.abv = uniqueAbv(id, id, state.selections.map(sel => sel.abv), 0);
         commit("addSelection", selectionObject);
     }
 };
diff --git a/cosi/SelectionManager/test/unit/SelectionManager.spec.js b/cosi/SelectionManager/test/unit/SelectionManager.spec.js
new file mode 100644
index 000000000..509ba4c14
--- /dev/null
+++ b/cosi/SelectionManager/test/unit/SelectionManager.spec.js
@@ -0,0 +1,469 @@
+import Vuex from "vuex";
+import {config, shallowMount, createLocalVue} from "@vue/test-utils";
+import SelectionManagerComponent from "../../components/SelectionManager.vue";
+import SelectionManager from "../../store/index";
+import {expect} from "chai";
+import sinon from "sinon";
+import Vuetify from "vuetify";
+import demo_selection from "./demo_selection.json";
+import GeoJSON from "ol/format/GeoJSON";
+
+const localVue = createLocalVue();
+
+localVue.use(Vuex);
+localVue.use(Vuetify);
+
+config.mocks.$t = key => key;
+
+/**
+ * mocks vuetify data-app attr
+ * @returns {void}
+ */
+function addElemWithDataAppToBody () {
+    const app = document.createElement("div");
+
+    app.setAttribute("data-app", true);
+    document.body.append(app);
+}
+
+describe("SelectionManager.vue", () => {
+    before(() => {
+        addElemWithDataAppToBody();
+    });
+
+    let component, store, sandbox, selectionMock, mapMock, getMapStub, dashboardOpenStub, layerListStub, activeVectorLayerListStub, inputActiveSelectionStub, vuetify;
+
+    const mockConfigJson = {
+        Portalconfig: {
+            menu: {
+                tools: {
+                    children: {
+                        SelectionManager: {
+                            name: "translate#additional:modules.tools.selectionManager.title",
+                            icon: "bi-sliders2"
+                        }
+                    }
+                }
+            }
+        }
+    };
+
+    beforeEach(() => {
+        const format = new GeoJSON(),
+            demoSelection = format.readFeatures(demo_selection);
+
+        sandbox = sinon.createSandbox();
+        activeVectorLayerListStub = sandbox.stub();
+        layerListStub = sandbox.stub();
+        dashboardOpenStub = sandbox.stub();
+        getMapStub = sandbox.stub(mapCollection, "getMap");
+        inputActiveSelectionStub = sandbox.stub();
+        vuetify = new Vuetify();
+
+        SelectionManager.mutations.inputActiveSelection = inputActiveSelectionStub;
+
+        selectionMock = {
+            selection: demoSelection,
+            source: "test1",
+            id: "Test_Selection_1"
+        };
+
+        mapMock = {
+            getLayers: function () {
+                return {
+                    getArray: function () {
+                        return [
+                            {
+                                get: function (propertyName) {
+                                    if (propertyName === "name") {
+                                        return "selection_manager";
+                                    }
+                                    return null;
+                                },
+                                setStyle: function (style) {
+                                    if (style) {
+                                        return true;
+                                    }
+
+                                    return false;
+                                }
+                            }
+                        ];
+                    }
+                };
+            },
+            addLayer: function (layer) {
+                if (layer) {
+                    return true;
+                }
+
+                return false;
+            },
+            removeLayer: function (layer) {
+                if (layer) {
+                    return true;
+                }
+
+                return false;
+            }
+        };
+
+        activeVectorLayerListStub.returns([{
+            getProperties: () => ({name: "layer1"})
+        }]);
+        getMapStub.withArgs("2D").returns(mapMock);
+
+        store = new Vuex.Store({
+            namespaces: true,
+            modules: {
+                Tools: {
+                    namespaced: true,
+                    modules: {
+                        SelectionManager,
+                        DistrictSelector: {
+                            namespaced: true,
+                            getters: {
+                                bufferValue: () => {
+                                    return 0;
+                                }
+                            }
+                        },
+                        FeaturesList: {
+                            namespaced: true,
+                            getters: {
+                                active: dashboardOpenStub,
+                                activeVectorLayerList: activeVectorLayerListStub
+                            }
+                        },
+                        Dashboard: {
+                            namespaced: true,
+                            getters: {
+                                active: dashboardOpenStub
+                            }
+                        }
+                    }
+                },
+                Map: {
+                    namespaced: true,
+                    getters: {
+                        getVisibleLayerList: layerListStub
+                    }
+                }
+            },
+            state: {
+                configJson: mockConfigJson
+            }
+        });
+
+        store.commit("Tools/SelectionManager/setActive", true);
+    });
+
+    afterEach(() => {
+        component.destroy();
+        sandbox.restore();
+    });
+
+    // eslint-disable-next-line require-jsdoc
+    async function mount () {
+        component = shallowMount(SelectionManagerComponent, {
+            store,
+            localVue,
+            vuetify
+        });
+
+        await component.vm.$nextTick();
+        return component;
+    }
+
+    describe("Component DOM", () => {
+        it("should not render if selections is empty", async () => {
+            const wrapper = await mount();
+
+            expect(wrapper.find("#sm").exists()).to.be.false;
+        });
+
+        it("should not render Component if dashboard is open", async () => {
+            dashboardOpenStub.returns(true);
+            const wrapper = await mount();
+
+            expect(wrapper.find("#sm").exists()).to.be.false;
+        });
+
+        it("should not render if selections is not empty and dashboard is open", async () => {
+            store.dispatch("Tools/SelectionManager/addNewSelection", {selection: selectionMock.selection, source: selectionMock.source, id: selectionMock.id});
+
+            dashboardOpenStub.returns(true);
+
+            const wrapper = await mount();
+
+            expect(wrapper.find("#sm").exists()).to.be.false;
+        });
+
+        it("should render if selections is not empty and dashboard is close", async () => {
+            store.dispatch("Tools/SelectionManager/addNewSelection", {selection: selectionMock.selection, source: selectionMock.source, id: selectionMock.id});
+            dashboardOpenStub.returns(false);
+
+            const wrapper = await mount();
+
+            expect(wrapper.find("#sm").exists()).to.be.true;
+        });
+
+        it("should set activeSelection to selection.length -1 everytime a new selection is added", async () => {
+            const wrapper = await mount();
+
+            await store.dispatch("Tools/SelectionManager/addNewSelection", {selection: selectionMock.selection, source: selectionMock.source, id: selectionMock.id});
+            await wrapper.vm.$nextTick();
+            await store.dispatch("Tools/SelectionManager/addNewSelection", {selection: selectionMock.selection, source: selectionMock.source, id: selectionMock.id});
+            await wrapper.vm.$nextTick();
+
+            expect(inputActiveSelectionStub.callCount).to.equal(2);
+        });
+
+        it("should have 4 selections rendered in the selection manager by now", async () => {
+            const wrapper = await mount();
+
+            expect(wrapper.findAll("#sm_wrapper ul.selections li").length).to.equal(4);
+        });
+
+        it("should render add_btn when selections.length is greater than 1", async () => {
+            const wrapper = await mount();
+
+            expect(wrapper.findAll("#sm_wrapper .add_btn").length).to.equal(4);
+        });
+
+        it("should render all_function_buttons when selection.length is greater than 1", async () => {
+            const wrapper = await mount();
+
+            expect(wrapper.find("#sm_wrapper .all_function_buttons").exists()).to.be.true;
+        });
+
+        it("should enable connect_btn when length of selectionsToMerge is longer than 2", async () => {
+            const wrapper = await mount();
+
+            wrapper.vm.selectionsToMerge = [0, 1, 2];
+            await wrapper.vm.$nextTick();
+            expect(wrapper.find("#sm_wrapper .cache").exists()).to.be.true;
+            expect(wrapper.find("#sm_wrapper .cache .connect_btn").classes()).to.not.include("disabled");
+        });
+    });
+
+    describe("watchers", () => {
+        it("should call inputeActiveSelection if selectionsLength changed", async () => {
+            // let the stub return the actual value, so that the watcher on activeSelection triggers
+            inputActiveSelectionStub.callsFake((state, value) => {
+                state.activeSelection = value - 1;
+            });
+
+            const activateSelectionStub = sinon.stub(SelectionManagerComponent.methods, "activateSelection"),
+                wrapper = await mount();
+
+            await store.dispatch("Tools/SelectionManager/addNewSelection", {selection: selectionMock.selection, source: selectionMock.source, id: selectionMock.id});
+            await wrapper.vm.$nextTick();
+            expect(activateSelectionStub.calledOnce).to.be.true;
+            activateSelectionStub.restore();
+        });
+
+        it("should call addSelection and highlightSelection when state.acceptSelection changes", async () => {
+            const selection = {
+                    selection: selectionMock.selection,
+                    id: selectionMock.id,
+                    storedLayers: [],
+                    source: selectionMock.source,
+                    settings: {
+                        bufferActive: false,
+                        buffer: 0
+                    }
+                },
+                highlightSelectionStub = sinon.stub(SelectionManagerComponent.methods, "highlightSelection"),
+                initialLength = SelectionManager.state.selections.length,
+                wrapper = await mount();
+
+            await store.commit("Tools/SelectionManager/setAcceptSelection", selection);
+            await wrapper.vm.$nextTick();
+
+            expect(highlightSelectionStub.calledOnce).to.be.true;
+            expect(initialLength).to.not.equal(SelectionManager.state.selections.length);
+            highlightSelectionStub.restore();
+        });
+    });
+
+    describe("User Interactions", () => {
+        it("should open selection manager window when selection manager button is clicked", async () => {
+            store.dispatch("Tools/SelectionManager/addNewSelection", {selection: selectionMock.selection, source: selectionMock.source, id: selectionMock.id});
+            dashboardOpenStub.returns(false);
+
+            const wrapper = await mount(),
+                sm_btn = wrapper.find("#sm_btn");
+
+
+            await sm_btn.trigger("click");
+            await wrapper.vm.$nextTick();
+
+            await wrapper.setData({
+                openAddon: true
+            });
+
+            expect(wrapper.find("#sm_wrapper").exists()).to.be.true;
+        });
+
+        it("should change activeSelection on .view_btn click", async () => {
+            // let the stub return an actual value, so that the watcher on activeSelection triggers
+            inputActiveSelectionStub.callsFake((state, value) => {
+                state.activeSelection = value - 1;
+            });
+
+            store.dispatch("Tools/SelectionManager/addNewSelection", {selection: selectionMock.selection, source: selectionMock.source, id: selectionMock.id});
+            const activateSelectionStub = sinon.stub(SelectionManagerComponent.methods, "activateSelection"),
+                wrapper = await mount(),
+                view_btn = wrapper.find("#sm_wrapper .view_btn.highlight"),
+                view_btns = wrapper.findAll("#sm_wrapper .view_btn"),
+                activeSelection = SelectionManager.state.activeSelection;
+
+            view_btn.trigger("click");
+            await wrapper.vm.$nextTick();
+            expect(activeSelection).to.not.equal(SelectionManager.state.activeSelection);
+            expect(view_btns.filter(btn => btn.classes().includes("highlight")).length).to.equal(1);
+            activateSelectionStub.restore();
+        });
+
+        it("should add index to selectionsToMerge Array on add_btn click", async () => {
+            const wrapper = await mount(),
+                add_btn = wrapper.find("#sm_wrapper .add_btn"),
+                spyMergeSelections = sinon.spy(wrapper.vm, "mergeSelections");
+
+            wrapper.vm.selectionsToMerge = [];
+            await wrapper.vm.$nextTick();
+            add_btn.trigger("click");
+            await wrapper.vm.$nextTick();
+            expect(spyMergeSelections.calledOnce).to.be.true;
+            expect(add_btn.classes()).to.include("highlight");
+            expect(wrapper.find("#sm_wrapper ul.cache_selections").exists()).to.be.true;
+        });
+
+        it("should set selection.storedLayers to activeLayerList on freeze_btn click", async () => {
+            const wrapper = await mount(),
+                freeze_btn = wrapper.find("#sm_wrapper .freeze_btn"),
+                spyStoreLayers = sinon.spy(wrapper.vm, "storeLayers");
+
+            freeze_btn.trigger("click");
+            await wrapper.vm.$nextTick();
+            expect(spyStoreLayers.calledOnce).to.be.true;
+            expect(freeze_btn.classes()).to.include("highlight");
+            expect(store.getters["Tools/SelectionManager/selections"][0].storedLayers).to.deep.equal(wrapper.vm.activeLayerList);
+        });
+
+        it("should add index to extendedOptions on option_btn click", async () => {
+            const wrapper = await mount(),
+                option_btn = wrapper.find("#sm_wrapper .option_btn"),
+                spyExtendedOptions = sinon.spy(wrapper.vm, "setExtendedOptions");
+
+            option_btn.trigger("click");
+            await wrapper.vm.$nextTick();
+            expect(spyExtendedOptions.calledOnce).to.be.true;
+            expect(option_btn.classes()).to.include("highlight");
+            expect(wrapper.vm.extendedOptions[0]).to.equal(0);
+        });
+
+        it("should call polygonChange on v-slider input and add bufferedSelection", async () => {
+            const wrapper = await mount(),
+                vSlider = wrapper.findComponent({name: "v-slider"}),
+                stubPolygonChange = sinon.stub(wrapper.vm, "polygonChange");
+
+            await vSlider.vm.$emit("input", 200);
+            vSlider.trigger("input");
+            expect(stubPolygonChange.calledOnce).to.be.true;
+            stubPolygonChange.restore();
+        });
+
+        it("should activate an rerender the buffer on the selection on active_btn click", async () => {
+            const wrapper = await mount(),
+                activate_btn = wrapper.find("#sm_wrapper .activate_btn"),
+                spyTriggerBuffer = sinon.spy(wrapper.vm, "triggerBuffer"),
+                selection = store.getters["Tools/SelectionManager/selections"][0];
+
+            selection.settings.bufferValue = 200;
+
+            activate_btn.trigger("click");
+            await wrapper.vm.$nextTick();
+            expect(spyTriggerBuffer.calledOnce).to.be.true;
+            expect(activate_btn.classes()).to.include("highlight");
+            expect(selection.settings.bufferActive).to.be.true;
+        });
+
+        it("should remove selection from this.selections on remove_btn click", async () => {
+            const wrapper = await mount(),
+                remove_btn = wrapper.find("#sm_wrapper .remove_btn"),
+                spyRemoveSelection = sinon.spy(wrapper.vm, "removeSelection"),
+                selectionsArrayLength = store.getters["Tools/SelectionManager/selections"].length;
+
+            remove_btn.trigger("click");
+            await wrapper.vm.$nextTick();
+            expect(spyRemoveSelection.calledOnce).to.be.true;
+            expect(store.getters["Tools/SelectionManager/selections"].length).to.equal(selectionsArrayLength - 1);
+        });
+
+        it("should combine selections in selectionsToMerge into a new selection on combine_btn click", async () => {
+            const wrapper = await mount(),
+                spyAddMergedSelection = sinon.spy(wrapper.vm, "addMergedSelection"),
+                highlightSelectionStub = sinon.stub(wrapper.vm, "highlightSelection").returns(true),
+                selectionsArrayLength = store.getters["Tools/SelectionManager/selections"].length;
+
+
+            wrapper.vm.selectionsToMerge = [0, 1, 2];
+            await wrapper.vm.$nextTick();
+
+            // eslint-disable-next-line
+            const combine_btn = wrapper.find("#sm_wrapper .combine_btn");
+
+
+            combine_btn.trigger("click");
+            await wrapper.vm.$nextTick();
+            expect(spyAddMergedSelection.calledOnce).to.be.true;
+            expect(highlightSelectionStub.calledOnce).to.be.true;
+            expect(wrapper.vm.selectionsToMerge.length).to.equal(0);
+            expect(store.getters["Tools/SelectionManager/selections"].length).to.equal(selectionsArrayLength + 1);
+            highlightSelectionStub.restore();
+        });
+
+        it("should connect selections in selectionsToMerge into a new selection on connect_btn click", async () => {
+            const wrapper = await mount(),
+                connectSelectionsStub = sinon.stub(wrapper.vm, "connectSelections");
+
+            wrapper.vm.selectionsToMerge = [0, 1, 2];
+            await wrapper.vm.$nextTick();
+
+            // eslint-disable-next-line
+            const connect_btn = wrapper.find("#sm_wrapper .cache .connect_btn");
+
+            connect_btn.trigger("click");
+            await wrapper.vm.$nextTick();
+            expect(connectSelectionsStub.calledOnce).to.be.true;
+            connectSelectionsStub.restore();
+        });
+
+        it("should reset selectionsToMerge on .cache .remove_all_btn click", async () => {
+            const wrapper = await mount();
+
+            wrapper.vm.selectionsToMerge = [0, 1, 2];
+            await wrapper.vm.$nextTick();
+
+            // eslint-disable-next-line
+            const remove_btn = wrapper.find("#sm_wrapper .cache .remove_all_btn");
+
+            remove_btn.trigger("click");
+            expect(wrapper.vm.selectionsToMerge.length).to.equal(0);
+        });
+
+        it("should reset the SelectionManager on remove_all_btn click", async () => {
+            const wrapper = await mount(),
+                remove_btn = wrapper.find("#sm_wrapper .all_function_buttons .remove_all_btn");
+
+            await wrapper.vm.$nextTick();
+
+            remove_btn.trigger("click");
+            await wrapper.vm.$nextTick();
+            expect(store.getters["Tools/SelectionManager/selections"].length).to.equal(0);
+            expect(wrapper.find("#sm").exists()).to.be.false;
+        });
+    });
+});
diff --git a/cosi/SelectionManager/test/unit/demo_selection.json b/cosi/SelectionManager/test/unit/demo_selection.json
new file mode 100644
index 000000000..6aaeb1fff
--- /dev/null
+++ b/cosi/SelectionManager/test/unit/demo_selection.json
@@ -0,0 +1,32 @@
+{
+    "type": "Feature",
+    "id": "id_1",
+    "properties": {},
+    "geometry": {
+        "coordinates": [
+        [
+            [
+            10.004705534937756,
+            53.55298966513496
+            ],
+            [
+            10.011436354821512,
+            53.55298966513496
+            ],
+            [
+            10.011436354821512,
+            53.555925833486015
+            ],
+            [
+            10.004705534937756,
+            53.555925833486015
+            ],
+            [
+            10.004705534937756,
+            53.55298966513496
+            ]
+        ]
+        ],
+        "type": "Polygon"
+    }
+  }
\ No newline at end of file
diff --git a/cosi/SelectionManager/test/unit/utils/uniqueAbv.spec.js b/cosi/SelectionManager/test/unit/utils/uniqueAbv.spec.js
new file mode 100644
index 000000000..06597bd8a
--- /dev/null
+++ b/cosi/SelectionManager/test/unit/utils/uniqueAbv.spec.js
@@ -0,0 +1,22 @@
+import uniqueAbv from "../../../utils/uniqueAbv";
+import {expect} from "chai/index";
+import sinon from "sinon";
+
+describe("SelectionManager/utils/uniqueAbv", () => {
+    beforeEach(function () {
+        sinon.spy(console, "error");
+    });
+
+    afterEach(function () {
+        console.error.restore();
+        sinon.restore();
+    });
+
+    describe("create unique abbreviation from id", () => {
+        it("should return a different id, if the id is already found in selections", () => {
+            const result = uniqueAbv("Test", "Test", ["T", "T-0"], 0);
+
+            expect(result).to.equal("T-1");
+        });
+    });
+});
diff --git a/cosi/SelectionManager/utils/uniqueAbv.js b/cosi/SelectionManager/utils/uniqueAbv.js
new file mode 100644
index 000000000..707f86d63
--- /dev/null
+++ b/cosi/SelectionManager/utils/uniqueAbv.js
@@ -0,0 +1,18 @@
+/** Calculates the ratio of a set of features.
+* @param {String} id id that is to be turned into a unique abbreviation
+* @param {String} oId original id
+* @param {Array} selections All selection in store selection Array
+* @param {Number} run # of iteration
+* @returns {String} unique abbreviation
+*/
+export default function uniqueAbv (id, oId, selections, run) {
+    const abv = id.match(/[A-Z0-9-]/g).join("");
+
+    if (selections.find(sel => sel === abv)) {
+        const tryAbv = oId + "-" + run;
+
+        return uniqueAbv(tryAbv, abv, selections, run + 1);
+    }
+
+    return abv;
+}
diff --git a/cosi/TemplateAdmin/components/TemplateAdmin.vue b/cosi/TemplateAdmin/components/TemplateAdmin.vue
new file mode 100644
index 000000000..91d5e4478
--- /dev/null
+++ b/cosi/TemplateAdmin/components/TemplateAdmin.vue
@@ -0,0 +1,284 @@
+<script>
+import ToolTemplate from "../../../../src/modules/tools/ToolTemplate.vue";
+import {mapGetters, mapMutations, mapState} from "vuex";
+import getters from "../store/gettersTemplateAdmin";
+import mutations from "../store/mutationsTemplateAdmin";
+import {getComponent} from "../../../../src/utils/getComponent";
+import TemplateAdminForm from "./TemplateAdminForm.vue";
+import isObject from "../../../../src/utils/isObject";
+import {sort} from "../../../../src/utils/sort";
+import mapping from "../../assets/mapping.json";
+
+export default {
+    name: "TemplateAdmin",
+    components: {
+        ToolTemplate,
+        TemplateAdminForm
+    },
+    data () {
+        return {
+            dataOptions: [],
+            statOptions: [],
+            currentTab: "#add-template-tab"
+        };
+    },
+    computed: {
+        ...mapGetters("Tools/TemplateAdmin", Object.keys(getters)),
+        ...mapGetters("Tools/DistrictSelector", ["selectedDistrictLevel", "selectedDistrictLevelId", "selectedDistrictsCollection", "selectedDistrictNames"]),
+        ...mapGetters("Tools", ["getConfiguredToolNames"]),
+        ...mapState(["Tools"])
+    },
+    watch: {
+        active (value) {
+            if (value) {
+                const filteredPropertyNames = this.getFilteredPropertyNames(this.selectedDistrictLevel?.propertyNameList, this.ignorePropertyNames),
+                    layers = Radio.request("Parser", "getItemsByAttributes", {type: "layer"});
+
+                this.statOptions = this.getMappedLabelByValue(filteredPropertyNames, mapping);
+                this.dataOptions = this.getLayerNames(layers);
+            }
+        }
+    },
+    created () {
+        this.$on("close", this.close);
+        const toIgnoreTools = ["TemplateAdmin", "TemplateManager"];
+
+        this.toolOptions = this.getToolList(this.Tools, Array.isArray(this.getConfiguredToolNames)
+            ? this.getConfiguredToolNames.filter(toolNames => !toIgnoreTools.includes(toolNames)) : []);
+    },
+    methods: {
+        ...mapMutations("Tools/TemplateAdmin", Object.keys(mutations)),
+
+        close () {
+            this.setActive(false);
+            const model = getComponent(this.id);
+
+            if (model) {
+                model.set("isActive", false);
+            }
+        },
+
+        /**
+         * Gets all the tools from Masterportal filtered by the configured list of tools.
+         * @param {Object} tools - the tools object from MP state
+         * @param {String[]} toolsToIgnore - list of strings where each string represent tool key
+         * @returns {Object[]} the tool list with the key and the title as label
+         */
+        getToolList (tools, toolsToIgnore) {
+            if (!isObject(tools) || !Array.isArray(toolsToIgnore)) {
+                return [];
+            }
+            let toolList = [];
+
+            Object.entries(tools).forEach(([key, value]) => {
+                if (typeof value.name !== "undefined" && value.isVisibleInMenu !== false && toolsToIgnore.includes(key)) {
+                    toolList.push({toolId: key, label: i18next.t(value.name)});
+                }
+            });
+
+            toolList = sort("", toolList, "label");
+
+            return toolList;
+        },
+
+        /**
+         * Gets the property names filtered by the given list of strings to ignore.
+         * @param {Array<String[]>} propertyNamesOfEachLayer List of property name lists for each layer.
+         * @param {String[]} propertyNamesToIgnore List of strings to ignore.
+         * @returns {Array<String[]>} A list of strings for each layer.
+         */
+        getFilteredPropertyNames (propertyNamesOfEachLayer, propertyNamesToIgnore) {
+            if (!Array.isArray(propertyNamesOfEachLayer) || !Array.isArray(propertyNamesToIgnore)) {
+                return [];
+            }
+            const result = [];
+
+            propertyNamesOfEachLayer.forEach(propertyNamesForLayer => {
+                if (!Array.isArray(propertyNamesForLayer)) {
+                    return;
+                }
+                const resultForLayer = propertyNamesForLayer.filter(
+                    propertyName => !propertyNamesToIgnore.includes(propertyName)
+                );
+
+                result.push(resultForLayer);
+            });
+            return result;
+        },
+
+        /**
+         * Gets a list of objects with mapped propertyNames and labels.
+         * @param {Array<String[]>} propertyNamesOfEachLayer List of property name lists for each layer.
+         * @param {Object[]} mappingList The list of objects to use for mapping.
+         * @returns {Object[]} A list of objects with following format: {propertyName: x, label: y, valueType: z}
+         */
+        getMappedLabelByValue (propertyNamesOfEachLayer, mappingList) {
+            if (!Array.isArray(propertyNamesOfEachLayer) || !Array.isArray(mappingList)) {
+                return [];
+            }
+            let result = [];
+
+            propertyNamesOfEachLayer.forEach(propertiesForLayer => {
+                if (!Array.isArray(propertiesForLayer)) {
+                    return;
+                }
+                propertiesForLayer.forEach(property => {
+                    const foundObject = mappingList.find(mappingObject => mappingObject?.category === property);
+
+                    if (!isObject(foundObject) || !Object.prototype.hasOwnProperty.call(foundObject, "value")) {
+                        result.push({propertyName: property, label: property, valueType: foundObject?.valueType || false});
+                        return;
+                    }
+                    result.push({propertyName: property, label: foundObject.value, valueType: foundObject.valueType || false});
+                });
+            });
+
+            result = sort("", result, "label");
+
+            return result;
+        },
+
+        /**
+         * Returns a list of layer names.
+         * @param {Object} layers the Layers from the card.
+         * @returns {Object[]} A list of objects with following format: {propertyName: x, label: y}
+         */
+        getLayerNames (layers) {
+            let layerNames = [];
+
+            if (!Array.isArray(layers)) {
+                return [];
+            }
+
+            layers.forEach(layer => {
+                if (typeof layer?.name !== "undefined" && layer.isNeverVisibleInTree !== true) {
+                    layerNames.push({layerId: layer.id, label: layer.name});
+                }
+            });
+
+            layerNames = sort("", layerNames, "label");
+
+            return layerNames;
+        }
+    }
+};
+</script>
+
+<template lang="html">
+    <ToolTemplate
+        :title="$t(name)"
+        :icon="icon"
+        :active="active"
+        :render-to-window="renderToWindow"
+        :resizable-window="resizableWindow"
+        :deactivate-gfi="deactivateGFI"
+        :focus-to-close-icon="true"
+        :initial-width="500"
+        class="template-admin"
+    >
+        <template #toolBody>
+            <div class="container">
+                <div
+                    class="decription mb-2"
+                >
+                    {{ $t("additional:modules.tools.cosi.templateAdmin.description") }}
+                </div>
+                <!-- Nav tabs -->
+                <ul
+                    id="templateTabs"
+                    class="nav nav-tabs"
+                    role="tablist"
+                >
+                    <li
+                        class="nav-item"
+                        role="presentation"
+                    >
+                        <button
+                            id="add-template-tab"
+                            :class="currentTab === '#add-template-tab' ? 'active' : ''"
+                            class="nav-link fs-6"
+                            data-bs-toggle="tab"
+                            data-bs-target="#add-template"
+                            type="button"
+                            role="tab"
+                            aria-controls="add-template"
+                            aria-selected="true"
+                            @click="currentTab = '#add-template-tab'"
+                        >
+                            <i class="bi bi-plus-square pe-2" />
+                            {{ $t("additional:modules.tools.cosi.templateAdmin.button.addTemplate") }}
+                        </button>
+                    </li>
+                    <li
+                        class="nav-item"
+                        role="presentation"
+                    >
+                        <button
+                            id="edit-template-tab"
+                            :class="currentTab === '#edit-template-tab' ? 'active' : ''"
+                            class="nav-link fs-6"
+                            data-bs-toggle="tab"
+                            data-bs-target="#edit-template"
+                            type="button"
+                            role="tab"
+                            aria-controls="edit-template"
+                            aria-selected="false"
+                            @click="currentTab = '#edit-template-tab'"
+                        >
+                            <i class="bi bi-pencil-square pe-2" />
+                            {{ $t("additional:modules.tools.cosi.templateAdmin.button.editTemplate") }}
+                        </button>
+                    </li>
+                </ul>
+                <!-- Tab panes -->
+                <div class="tab-content">
+                    <div
+                        id="add-template"
+                        :class="currentTab === '#add-template-tab' ? 'active' : ''"
+                        class="tab-pane"
+                        role="tabpanel"
+                        aria-labelledby="add-template-tab"
+                        tabindex="0"
+                    >
+                        <TemplateAdminForm
+                            :geo-data="dataOptions"
+                            :stat-data="statOptions"
+                            :tool-data="toolOptions"
+                        />
+                    </div>
+                    <div
+                        id="edit-template"
+                        :class="currentTab === '#edit-template-tab' ? 'active' : ''"
+                        class="tab-pane"
+                        role="tabpanel"
+                        aria-labelledby="edit-template-tab"
+                        tabindex="0"
+                    >
+                        <TemplateAdminForm
+                            :geo-data="dataOptions"
+                            :stat-data="statOptions"
+                            :tool-data="toolOptions"
+                            :show-edit-template="true"
+                        />
+                    </div>
+                </div>
+            </div>
+        </template>
+    </ToolTemplate>
+</template>
+
+<style lang="scss" scoped>
+@import "~variables";
+
+.nav-tabs .nav-link.active {
+    color: $light_blue;
+    font-family: "MasterPortalFont Bold";
+    background-color: white;
+}
+
+.nav-tabs, .nav-link  {
+    background-color: #F3F3F3;
+    color: $secondary_icon_button;
+}
+
+</style>
diff --git a/cosi/TemplateAdmin/components/TemplateAdminForm.vue b/cosi/TemplateAdmin/components/TemplateAdminForm.vue
new file mode 100644
index 000000000..c395d22b5
--- /dev/null
+++ b/cosi/TemplateAdmin/components/TemplateAdminForm.vue
@@ -0,0 +1,866 @@
+<script>
+import Multiselect from "vue-multiselect";
+import TemplateAdminFormCard from "./TemplateAdminFormCard.vue";
+import getters from "../store/gettersTemplateAdmin";
+import dayjs from "dayjs";
+import Draggable from "vuedraggable";
+import {mapActions, mapGetters, mapMutations} from "vuex";
+import isObject from "../../../../src/utils/isObject";
+
+export default {
+    name: "TemplateAdminForm",
+    components: {
+        Multiselect,
+        TemplateAdminFormCard,
+        Draggable
+    },
+    props: {
+        geoData: {
+            type: Array,
+            required: true
+        },
+        statData: {
+            type: Array,
+            required: true
+        },
+        toolData: {
+            type: Array,
+            required: false,
+            default: () => []
+        },
+        showEditTemplate: {
+            type: Boolean,
+            required: false,
+            default: false
+        }
+    },
+    data () {
+        return {
+            templateName: "",
+            templateDes: "",
+            selectedGeoData: [],
+            selectedStatData: [],
+            selectedToolData: [],
+            isNameValidating: false,
+            isStatDataValidating: false,
+            isValidated: false,
+            limitReferenceValues: false,
+            referenceValueList: [],
+            importedReferenceValueList: []
+        };
+    },
+    computed: {
+        ...mapGetters("Tools/TemplateAdmin", Object.keys(getters)),
+
+        /**
+         * Returns true or false, depending on the number of statistics.
+         * @returns {Boolean} True if the number of statistics are more than two.
+         */
+        countSelectedStatistics () {
+            return this.selectedStatData.length > 2;
+        },
+        uploadedTemplates () {
+            return this.importedTemplateNames;
+        }
+    },
+    watch: {
+        selectedStatData (val) {
+            const label = val.map(v => v.label);
+
+            this.referenceValueList = this.referenceValueList.filter(badge => label.includes(badge?.statisticName));
+        },
+        selectedTemplate (value) {
+            if (this.showEditTemplate) {
+                this.changeSelectedTemplate(value);
+            }
+        }
+    },
+    mounted () {
+        if (this.showEditTemplate && this.selectedTemplate !== undefined) {
+            this.changeSelectedTemplate(this.selectedTemplate);
+        }
+    },
+    methods: {
+        ...mapActions("Alerting", ["addSingleAlert"]),
+        ...mapMutations("Tools/TemplateAdmin", ["setSelectedTemplate"]),
+
+        /**
+         * Changes the selected template.
+         * @param {String} id - the index of the saved template.
+         * @returns {void}
+         */
+        changeSelectedTemplate (id) {
+            if (!Array.isArray(this.savedTemplateContents) ||
+                typeof id !== "string" ||
+                !isObject(this.savedTemplateContents[id])) {
+                return;
+            }
+
+            this.loadingTemplate(this.savedTemplateContents[id]);
+        },
+        /**
+         * Removes the geo data by the given layerId.
+         * @param {String} layerId The layerId.
+         * @returns {void}
+         */
+        removeGeoData (layerId) {
+            this.selectedGeoData = this.selectedGeoData.filter(badge => badge?.layerId !== layerId);
+        },
+
+        /**
+         * Removes the statistic data by the given propertyName.
+         * @param {String} name The property name.
+         * @returns {void}
+         */
+        removeStatData (name) {
+            this.selectedStatData = this.selectedStatData.filter(badge => badge?.propertyName !== name);
+        },
+
+        /**
+         * Validating the form
+         * @returns {void}
+         */
+        validateForm () {
+            this.setIsNameValidating(true);
+            this.setIsStatDataValidating(true);
+
+            if (this.templateName !== "" && this.selectedStatData.length) {
+                this.isValidated = true;
+            }
+            else {
+                this.isValidated = false;
+            }
+
+            if (this.templateName !== "") {
+                this.setIsNameValidating(false);
+            }
+
+            if (this.selectedStatData.length) {
+                this.setIsStatDataValidating(false);
+            }
+
+            if (this.isValidated) {
+                const exportedData = this.getExportedData(this.templateName, this.templateDes, this.selectedGeoData, this.selectedStatData, this.selectedToolData, this.referenceValueList);
+
+                this.exportFile(this.templateName, exportedData);
+            }
+        },
+
+        /**
+         * Gets the exported data
+         * @param {String} templateName The template name
+         * @param {String} templateDes The template description.
+         * @param {Object[]} geoData The geo data.
+         * @param {Object[]} statData The statistical data.
+         * @param {Object[]} toolData The tool data.
+         * @param {Object[]} referenceValueList The reference value list.
+         * @returns {Object} the exported data
+         */
+        getExportedData (templateName, templateDes, geoData, statData, toolData, referenceValueList) {
+            const createdDate = dayjs(new Date()).format("DD.MM.YYYY, HH:mm:ss"),
+                formatedDate = dayjs(new Date()).format("YYYY-MM-DD, HH:mm:ss").replace(", ", "T") + ".174Z",
+                layerIds = geoData.map(data => data.layerId),
+                toolId = toolData?.toolId,
+                statsFeatureLable = statData.map(data => data.label);
+
+            return {
+                "meta": {
+                    "title": templateName,
+                    "info": templateDes,
+                    "created": createdDate,
+                    "date": formatedDate,
+                    "icon": "mdi-filter"
+                },
+                "state": {
+                    "Maps": {
+                        "layerIds": layerIds
+                    },
+                    "Tools": {
+                        "toolToOpen": toolId,
+                        "Dashboard": {
+                            "statsFeatureFilter": statsFeatureLable,
+                            "orientationValues": referenceValueList
+                        }
+                    }
+                }
+            };
+        },
+
+        /**
+         * Exports the exported data
+         * @param {String} name The template name
+         * @param {Object} data The exported data
+         * @returns {void}
+         */
+        exportFile (name, data) {
+            const filename = name + ".json",
+                jsonStr = JSON.stringify(data),
+                element = document.createElement("a");
+
+            element.setAttribute("href", "data:text/plain;charset=utf-8," + encodeURIComponent(jsonStr));
+            element.setAttribute("download", filename);
+
+            element.style.display = "none";
+            document.body.appendChild(element);
+
+            element.click();
+
+            document.body.removeChild(element);
+        },
+
+        /**
+         * Sets the isNameValidating
+         * @param {Boolean} value true or false
+         * @returns {void}
+         */
+        setIsNameValidating (value) {
+            this.isNameValidating = value;
+        },
+
+        /**
+         * Sets the isStatDataValidating
+         * @param {Boolean} value true or false
+         * @returns {void}
+         */
+        setIsStatDataValidating (value) {
+            this.isStatDataValidating = value;
+        },
+
+        /**
+         * Sets the reference value list
+         * @param {object} value the reference value
+         * @returns {void}
+         */
+        setReferenceValueList (value) {
+            this.referenceValueList = this.referenceValueList.filter(item => {
+                return item.statisticName !== value.statisticName;
+            });
+
+            if (value.value !== "") {
+                this.referenceValueList.push(value);
+            }
+
+            this.importedReferenceValueList = this.referenceValueList;
+        },
+
+        /**
+         * Importing the template from local storage.
+         * @param {Event} evt - An input change event
+         * @returns {void}
+         */
+        importTemplate (evt) {
+            if (!Array.isArray(Object.keys(evt?.target?.files)) || !Object.keys(evt?.target?.files).length) {
+                return;
+            }
+
+            this.prepareTemplate(evt?.target?.files);
+            this.$refs.form.reset();
+        },
+
+        /**
+         * Prepares the template.
+         * @param {Object} files - The imported files.
+         * @returns {void}
+         */
+        prepareTemplate (files) {
+            if (!(files instanceof FileList) || Object.values(files).length === 0) {
+                return;
+            }
+
+            Object.values(files).forEach(file => {
+                this.handleFile(file);
+            });
+        },
+
+        /**
+         * Handles the given file and loads the template with its content.
+         * @param {Object} file - The given file
+         * @returns {void|undefined} returns undefined, if the given file is not correct
+         */
+        handleFile (file) {
+            if (!(file instanceof File)) {
+                return;
+            }
+
+            const fileName = file?.name ? file.name : "",
+                fileType = fileName !== "" ? fileName.substring(fileName.length - 4, fileName.length) : "undefined",
+                reader = new FileReader();
+
+            if (fileName === "") {
+                console.warn("The file is corrupt.");
+                return;
+            }
+            if (fileType !== "json") {
+                this.addSingleAlert({
+                    content: `${this.$t("additional:modules.tools.cosi.templateAdmin.errors.wrongFormat")}`,
+                    category: "Warning",
+                    displayClass: "warning"
+                });
+                return;
+            }
+
+            reader.readAsText(file);
+            reader.onload = (res) => {
+                const fileContent = this.parseResult(res);
+
+                if (fileContent !== null) {
+                    this.addTemplate(fileContent);
+                }
+            };
+            reader.onerror = (err) => console.error(err);
+        },
+
+        /**
+         * Parses the given object.
+         * @param {Object} res - The given content of the file
+         * @returns {String|null} - returns the file content as string or null
+         */
+        parseResult (res) {
+            let fileContent = null;
+
+            try {
+                fileContent = JSON.parse(res?.target?.result);
+            }
+            catch (error) {
+                console.warn("jsonParse failed: could not parse\"" + res?.target?.result + "\" to JSON: " + error);
+            }
+
+            return fileContent;
+        },
+
+        /**
+         * Adds the name of the imported template and saves the content of the uploaded file.
+         * @param {String} fileContent - The content of the uploaded file
+         * @returns {void}
+         */
+        addTemplate (fileContent) {
+            if (typeof this.getTemplateText(fileContent.meta?.title) !== "string" ||
+                this.getTemplateText(fileContent.meta?.title).length === 0) {
+                return;
+            }
+
+            if (!this.importedTemplateNames.includes(this.getTemplateText(fileContent.meta?.title))) {
+                this.importedTemplateNames.push(this.getTemplateText(fileContent.meta?.title));
+                this.savedTemplateContents[this.getTemplateText(fileContent.meta?.title)] = fileContent;
+                this.loadingTemplate(fileContent);
+            }
+            else {
+                this.addSingleAlert({
+                    content: `${this.$t("additional:modules.tools.cosi.templateAdmin.errors.templateName")} ${fileContent.meta?.title} ${this.$t("additional:modules.tools.cosi.templateAdmin.errors.isLoaded")}`,
+                    category: "Warning",
+                    displayClass: "warning"
+                });
+            }
+        },
+
+        /**
+         * Loading the template and assign the value to different field
+         * @param {Object} content - the parsed json format content
+         * @returns {void}
+         */
+        loadingTemplate (content) {
+            if (!isObject(content)) {
+                return;
+            }
+            this.setSelectedTemplate(this.getTemplateText(content.meta?.title));
+            this.templateName = this.getTemplateText(content.meta?.title);
+            this.templateDes = this.getTemplateText(content.meta?.info);
+            this.selectedGeoData = this.getSelectedGeoData(content.state?.Maps?.layerIds);
+            this.selectedStatData = this.getSelectedStatData(content.state?.Tools?.Dashboard);
+            this.selectedToolData = this.getSelectedToolData(content.state?.Tools?.toolToOpen);
+            this.importedReferenceValueList = this.getImportedReferenceValueList(content.state?.Tools?.Dashboard?.orientationValues);
+            this.referenceValueList = this.importedReferenceValueList;
+        },
+
+        /**
+         * Gets the template attributes if it is in string type
+         * @param {String} txt - the text
+         * @returns {string} the text
+         */
+        getTemplateText (txt) {
+            return typeof txt === "string" ? txt : "";
+        },
+
+        /**
+         * Gets the selected Geo data.
+         * @param {String[]} layerId - the layer Id
+         * @returns {Object} the selected geo data
+         */
+        getSelectedGeoData (layerId) {
+            const geoData = [];
+
+            if (Array.isArray(layerId)) {
+                layerId.forEach(id => {
+                    geoData.push(this.geoData.find(data => data?.layerId === id));
+                });
+            }
+
+            return geoData;
+        },
+
+        /**
+         * Gets the selected statistical data.
+         * @param {Object} dashboard - the dashboard object
+         * @returns {Object} the selected stats data
+         */
+        getSelectedStatData (dashboard) {
+            const statData = [];
+
+            if (Array.isArray(dashboard?.statsFeatureFilter)) {
+                dashboard.statsFeatureFilter.forEach(stat => {
+                    statData.push(this.statData.find(data => data?.label === stat));
+                });
+            }
+
+            return statData;
+        },
+
+        /**
+         * Gets the selected template tool option.
+         * @param {String} option - the option
+         * @returns {Object} the selected tool data
+         */
+        getSelectedToolData (option) {
+            if (typeof option === "string") {
+                return this.toolData.find(data => data?.toolId === option);
+            }
+
+            return [];
+        },
+
+        /**
+         * Gets the reference value list
+         * @param {Object[]} val - the reference value list
+         * @returns {string} the reference value list
+         */
+        getImportedReferenceValueList (val) {
+            return Array.isArray(val) ? val : [];
+        },
+
+        /**
+         * Gets the reference value for each reference input field.
+         * @param {String} name - the statistical data name
+         * @param {Object[]} referenceValueList - the reference value list
+         * @returns {Object} the selected tool data
+         */
+        getReferenceValue (name, referenceValueList) {
+            if (typeof name !== "string" || !Array.isArray(referenceValueList) || !referenceValueList.length) {
+                return "";
+            }
+
+            return referenceValueList.find(data => data?.statisticName === name)?.value;
+        },
+        /**
+         * Returns the unit or false depending on valueType.
+         * @param {String} valueType - the value type ("relative", "absolute" or false) of the selected statistics.
+         * @returns {String|Boolean} the unit if the valueType is "relative" otherwise false.
+         */
+        showUnit (valueType) {
+            return valueType === "relative" ? "%" : false;
+        }
+    }
+};
+
+</script>
+
+<template lang="html">
+    <!-- Form -->
+    <form id="template-admin-form">
+        <div
+            v-if="!showEditTemplate || showEditTemplate && uploadedTemplates.length !== 0"
+            class="required mt-2"
+        >
+            * {{ $t("additional:modules.tools.cosi.templateAdmin.required") }}
+        </div>
+        <div
+            v-if="showEditTemplate"
+            class="mt-3"
+        >
+            <button
+                class="template-upload btn btn-outline-primary fs-5 lh-1"
+                @click.prevent="$refs.templateImport.click()"
+            >
+                <i class="bi bi-upload pe-2" />
+                {{ $t("additional:modules.tools.cosi.templateAdmin.button.uploadTemplate") }}
+            </button>
+            <span
+                class="row form-text pt-3 ps-3"
+            >
+                {{ $t("additional:modules.tools.cosi.templateAdmin.label.supportedFormats") }}
+            </span>
+            <form ref="form">
+                <label for="template-import">
+                    <input
+                        id="template-import"
+                        ref="templateImport"
+                        type="file"
+                        multiple
+                        class="d-none"
+                        @change="importTemplate"
+                    >
+                </label>
+            </form>
+            <div
+                v-if="uploadedTemplates.length !== 0"
+            >
+                <label
+                    class="col col-md form-label ps-0 pb-0 pt-3 m-0"
+                    for="select-template"
+                >
+                    {{ $t("additional:modules.tools.cosi.templateAdmin.label.selectTemplate") }}
+                </label>
+                <Multiselect
+                    id="select-template"
+                    :value="selectedTemplate"
+                    class="pb-3"
+                    :options="uploadedTemplates"
+                    :close-on-select="true"
+                    :show-labels="false"
+                    :allow-empty="false"
+                    :multiple="false"
+                    :placeholder="$t('additional:modules.tools.cosi.templateAdmin.label.selectTemplate')"
+                    @input="setSelectedTemplate"
+                />
+            </div>
+        </div>
+        <div
+            v-if="!showEditTemplate || showEditTemplate && uploadedTemplates.length !== 0"
+        >
+            <div class="mb-3 mt-0">
+                <label
+                    for="form-name"
+                    class="form-label mb-0"
+                >
+                    {{ $t("additional:modules.tools.cosi.templateAdmin.label.name") }} *
+                </label>
+                <input
+                    id="form-name"
+                    v-model.trim="templateName"
+                    type="text"
+                    :class="['form-control', 'rounded-0', isNameValidating && templateName === '' ? 'novalidate' : '', showEditTemplate ? 'no-border' : '']"
+                    @input="setIsNameValidating(false)"
+                >
+                <span
+                    v-if="isNameValidating && templateName === ''"
+                    class="hint"
+                >
+                    {{ $t("additional:modules.tools.cosi.templateAdmin.hintName") }}
+                </span>
+            </div>
+            <div class="my-3">
+                <label
+                    for="form-description"
+                    class="form-label mb-0"
+                >
+                    {{ $t("additional:modules.tools.cosi.templateAdmin.label.description") }} (optional)
+                </label>
+                <textarea
+                    id="form-description"
+                    v-model.trim="templateDes"
+                    class="form-control rounded-0"
+                    :class="showEditTemplate ? 'no-border' : ''"
+                    rows="2"
+                />
+            </div>
+            <label
+                class="form-label mb-0"
+                for="add-geo-data"
+            >
+                {{ $t("additional:modules.tools.cosi.templateAdmin.label.addGeoData") }} (optional)
+            </label>
+            <div class="row no-gutters mb-2">
+                <button
+                    class="col col-md-1 align-items-center justify-content-center search-button"
+                    type="button"
+                    aria-disabled="true"
+                    disabled
+                >
+                    <i class="bi bi-search search-icon" />
+                </button>
+                <Multiselect
+                    id="add-geo-data"
+                    v-model="selectedGeoData"
+                    class="col col-md"
+                    :options="geoData"
+                    :searchable="true"
+                    :close-on-select="false"
+                    :multiple="true"
+                    :show-labels="false"
+                    :clear-on-select="false"
+                    :preserve-search="true"
+                    :allow-empty="false"
+                    :placeholder="$t('additional:modules.tools.cosi.templateAdmin.label.placeholder')"
+                    label="label"
+                    track-by="layerId"
+                >
+                    <template
+                        slot="selection"
+                        slot-scope="{ values, isOpen }"
+                    >
+                        <span
+                            v-if="values.length"
+                            v-show="!isOpen"
+                            class="multiselect__input"
+                        > {{ }} </span>
+                    </template>
+                </Multiselect>
+            </div>
+            <div class="mb-4">
+                <button
+                    v-for="(geoDataObj, idx) in selectedGeoData"
+                    :key="idx"
+                    class="btn btn-sm btn-outline-secondary lh-1 rounded-pill shadow-none mb-1 me-2 btn-pb"
+                    aria-label="Close"
+                    @click.prevent="removeGeoData(geoDataObj.layerId)"
+                >
+                    {{ geoDataObj.label }}
+                    <i class="bi bi-x fs-5 align-middle" />
+                </button>
+            </div>
+            <label
+                class="form-label mb-0"
+                for="add-statistic-data"
+            >
+                {{ $t("additional:modules.tools.cosi.templateAdmin.label.addStatisticalData") }} *
+            </label>
+            <div class="row no-gutters mb-2">
+                <button
+                    class="col col-md-1 align-items-center justify-content-center search-button"
+                    type="button"
+                    aria-disabled="true"
+                    disabled
+                >
+                    <i class="bi bi-search search-icon" />
+                </button>
+                <Multiselect
+                    id="add-statistic-data"
+                    v-model="selectedStatData"
+                    :class="['col', 'col-md', isStatDataValidating && !selectedStatData.length ? 'novalidate' : '']"
+                    :options="statData"
+                    :searchable="true"
+                    :close-on-select="false"
+                    :multiple="true"
+                    :show-labels="false"
+                    :clear-on-select="false"
+                    :allow-empty="false"
+                    :placeholder="$t('additional:modules.tools.cosi.templateAdmin.label.placeholder')"
+                    label="label"
+                    track-by="propertyName"
+                    @input="setIsStatDataValidating(false)"
+                >
+                    <template
+                        slot="selection"
+                        slot-scope="{ values, isOpen }"
+                    >
+                        <span
+                            v-if="values.length"
+                            v-show="!isOpen"
+                            class="multiselect__input"
+                        > {{ }} </span>
+                    </template>
+                </Multiselect>
+            </div>
+            <div class="mb-4">
+                <span
+                    v-if="isStatDataValidating && !selectedStatData.length"
+                    class="hint"
+                >
+                    {{ $t("additional:modules.tools.cosi.templateAdmin.hintStatisticData") }}
+                </span>
+                <Draggable
+                    v-model="selectedStatData"
+                    class="mt-3"
+                    handle=".handle"
+                >
+                    <TemplateAdminFormCard
+                        v-for="(statDataObj, idx) in selectedStatData"
+                        :key="idx"
+                        :class="idx > 1 && limitReferenceValues ? 'more-statistics' : ''"
+                        :title="statDataObj.label"
+                        :imported-reference-value="getReferenceValue(statDataObj.label, importedReferenceValueList)"
+                        :origin-reference-value="getReferenceValue(statDataObj.label, referenceValueList)"
+                        :label="$t(labelOfOrientationValue)"
+                        :unit="showUnit(statDataObj.valueType)"
+                        @removeCard="removeStatData(statDataObj.propertyName)"
+                        @setReferenceValueList="setReferenceValueList"
+                    />
+                </Draggable>
+                <div
+                    v-if="countSelectedStatistics"
+                    class="align-self-end p-0"
+                >
+                    <button
+                        id="more-button"
+                        type="button"
+                        class="btn btn-link btn-sm pt-0"
+                        @click="limitReferenceValues = !limitReferenceValues"
+                    >
+                        {{ limitReferenceValues ? $t("additional:modules.tools.cosi.templateAdmin.button.showMore") : $t("additional:modules.tools.cosi.templateAdmin.button.showLess") }}
+                    </button>
+                </div>
+            </div>
+            <label
+                class="form-label mb-0"
+                for="add-tools"
+            >
+                {{ $t("additional:modules.tools.cosi.templateAdmin.label.addTools") }} (optional)
+            </label>
+
+            <div class="row no-gutters mb-4">
+                <button
+                    class="col col-md-1 align-items-center justify-content-center search-button"
+                    type="button"
+                    aria-disabled="true"
+                    disabled
+                >
+                    <i class="bi bi-search search-icon" />
+                </button>
+                <Multiselect
+                    id="add-tools"
+                    v-model="selectedToolData"
+                    class="col col-md"
+                    :clear-on-select="false"
+                    :options="toolData"
+                    :searchable="true"
+                    :close-on-select="true"
+                    :multiple="false"
+                    :show-labels="false"
+                    :placeholder="$t('additional:modules.tools.cosi.templateAdmin.label.placeholder')"
+                    track-by="toolId"
+                    label="label"
+                >
+                    <template
+                        slot="selection"
+                        slot-scope="{ values, isOpen }"
+                    >
+                        <span
+                            v-if="values.length"
+                            v-show="!isOpen"
+                            class="multiselect__input"
+                        > {{ }} </span>
+                    </template>
+                </Multiselect>
+            </div>
+            <button
+                class="export-template btn btn-outline-primary fs-5 lh-1"
+                @click.prevent="validateForm"
+            >
+                <i class="bi bi-download pe-2" />
+                {{ $t("additional:modules.tools.cosi.templateAdmin.button.downloadTemplate") }}
+            </button>
+        </div>
+    </form>
+</template>
+
+<style lang="scss" scoped>
+@import "~variables";
+
+.btn-outline-primary, .btn-outline-primary:focus-visible {
+    color: $light_blue;
+    border-color: $light_blue;
+}
+
+.btn-outline-primary:hover{
+    color: $white;
+    background-color: $light_blue;
+}
+
+.search-icon {
+    font-size: 15px;
+    color: $light_blue;
+    position: relative;
+    top: 2px;
+}
+
+.search-button {
+    border: 1px solid #ced4da;
+    border-right: 0;
+    background-color: $light_grey;
+}
+
+.btn-outline-secondary, label {
+    color: $dark_grey;
+}
+
+.btn-pb {
+    padding-bottom: 2px;
+}
+
+.novalidate {
+    outline: 0;
+    box-shadow: inset 0 1px 2px rgba(225, 0, 25, 0.075), 0 0 0 0.25rem rgba(225, 0, 25, 0.25);
+}
+
+.hint {
+    display: block;
+    color: $danger;
+}
+
+#form-name + .hint {
+    margin-top: 8px;
+}
+#more-button {
+    text-align: left;
+}
+.more-statistics {
+        display: none;
+    }
+.required {
+    font-size: 11px;
+    text-align: right;
+}
+.no-border {
+    border: 1px solid #ffffff;
+    box-shadow: none;
+     &:hover {
+        border: 1px solid #ced4da;
+        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+     }
+}
+
+</style>
+
+<style lang="scss">
+@import "~variables";
+
+#template-admin-form {
+
+    .multiselect, .multiselect__input, .multiselect__single {
+        font-family: inherit;
+        font-size: 12px;
+    }
+
+    .multiselect__option--selected.multiselect__option--highlight,
+    .multiselect__option--selected.multiselect__option--highlight:after,
+    .multiselect__option:after,
+    .multiselect__option--selected,
+    .multiselect__option--selected:after {
+        background: $light_blue;
+        color: $white;
+        font-weight: normal;
+    }
+
+    .multiselect__option--highlight,
+    .multiselect__option--highlight:after {
+        background: $light_grey;
+        color: $black;
+    }
+
+
+    .multiselect__select {
+        padding: 4px 8px 10px 8px;
+    }
+
+    .multiselect__tags {
+        border-radius: 0;
+    }
+
+    .multiselect__placeholder {
+        margin-bottom: 7px
+    }
+
+    .multiselect__option--selected {
+        font-family: $font_family_accent
+    }
+}
+</style>
diff --git a/cosi/TemplateAdmin/components/TemplateAdminFormCard.vue b/cosi/TemplateAdmin/components/TemplateAdminFormCard.vue
new file mode 100644
index 000000000..ece8d3860
--- /dev/null
+++ b/cosi/TemplateAdmin/components/TemplateAdminFormCard.vue
@@ -0,0 +1,223 @@
+<script>
+export default {
+    name: "TemplateAdminFormCard",
+    components: {
+    },
+    props: {
+        title: {
+            type: String,
+            required: true
+        },
+        label: {
+            type: String,
+            required: true
+        },
+        originReferenceValue: {
+            type: String,
+            required: false,
+            default: ""
+        },
+        importedReferenceValue: {
+            type: String,
+            required: false,
+            default: ""
+        },
+        unit: {
+            type: [String, Boolean],
+            required: false,
+            default: false
+        }
+    },
+    data () {
+        return {
+            referenceValue: ""
+        };
+    },
+    watch: {
+        referenceValue () {
+            this.emitSetReferenceValue();
+        },
+        originReferenceValue (val) {
+            this.referenceValue = val;
+        }
+    },
+    mounted () {
+        this.referenceValue = typeof this.importedReferenceValue !== "undefined" ? this.importedReferenceValue : "";
+    },
+    methods: {
+        /**
+         * Emits the setReferenceValueList function in TemplateAdminForm component
+         * @returns {void}
+         */
+        emitSetReferenceValue () {
+            this.$emit("setReferenceValueList", {
+                statisticName: this.title,
+                value: this.referenceValue
+            });
+        },
+
+        /**
+         * Checks if the input is number or comma
+         * @param {event} e the keypress event
+         * @returns {Boolean} true if the input letter is number or comma
+         */
+        checkNumber (e) {
+            const char = String.fromCharCode(e.keyCode);
+
+            if ((/^\d*,?\d*-?\d{0,2}$/).test(char)) {
+                return true;
+            }
+            e.preventDefault();
+            return false;
+        },
+
+        /**
+         * Checks if the last several strings are comma
+         * @returns {void}
+         */
+        checkComma () {
+            this.referenceValue = this.referenceValue.replace(/^[,\s]+|[,\s]+$/g, "").replace(/,[,\s]*,/g, ",");
+        }
+    }
+};
+
+</script>
+
+<template lang="html">
+    <div
+        class="card mb-3"
+    >
+        <div class="row g-0">
+            <div class="col-md-1 pe-0">
+                <button
+                    class="btn drag-and-drop shadow-none ps-0 pe-0 pt-3 align-items-center handle"
+                    type="button"
+                    @click.prevent=""
+                >
+                    <i class="bi bi-grip-vertical mt-1" />
+                </button>
+            </div>
+            <div class="col-md-10">
+                <button
+                    class="close-button shadow-none"
+                    aria-label="Close"
+                    @click.prevent="$emit('removeCard')"
+                >
+                    <i class="bi bi-x align-middle" />
+                </button>
+                <div class="card-body ps-2 pe-2 pb-0 pt-3">
+                    <h5 class="card-title">
+                        {{ title }}
+                    </h5>
+                    <div class="card-text row align-items-center pb-2">
+                        <label
+                            for="referenceValue"
+                            class=""
+                        > {{ label }} </label>
+                        <div
+                            v-if="unit"
+                            class="col-4 input-group input-group-sm pb-0 px-0"
+                        >
+                            <input
+                                id="referenceValue"
+                                v-model.trim="referenceValue"
+                                type="text"
+                                class="form-control border-end-0 pb-0"
+                                maxlength="20"
+                                @change="checkComma"
+                                @keypress="checkNumber($event)"
+                            >
+                            <span
+                                class="input-group-text"
+                            >
+                                {{ unit }}
+                            </span>
+                            <span
+                                class="form-text"
+                            >
+                                {{ $t("additional:modules.tools.cosi.templateAdmin.hintNumber") }}
+                            </span>
+                        </div>
+                        <div
+                            v-else
+                            class="col col-md-4 pb-0 px-0"
+                        >
+                            <input
+                                id="referenceValue"
+                                v-model.trim="referenceValue"
+                                type="text"
+                                class="form-control pb-0"
+                                maxlength="20"
+                                @change="checkComma"
+                                @keypress="checkNumber($event)"
+                            >
+                            <span
+                                class="form-text"
+                            >
+                                {{ $t("additional:modules.tools.cosi.templateAdmin.hintNumber") }}
+                            </span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<style lang="scss" scoped>
+@import "~variables";
+
+.card {
+    max-width: 100%;
+      &:hover {
+        border-color: $light_blue;
+        .card-title {
+           color: $light_blue;
+        }
+        .drag-and-drop {
+            background-color: $light_blue;
+            border-right: 1px solid $light_blue;
+            i {
+                color: $white;
+            }
+        }
+    }
+    .card-title {
+        font-size: 12px;
+        font-family: $font_family_accent;
+    }
+    .card-text {
+        color: #5A5A5A;
+        font-size: 11px;
+    }
+    .input-group-text {
+        background-color: $white;
+        border-left: none;
+    }
+
+    .close-button {
+        position: absolute;
+        right: 0;
+        i {
+            font-size: 14px;
+        }
+        &:hover {
+            background-color: $light_blue;
+            color: $white;
+        }
+    }
+    .drag-and-drop {
+        background-color: #F3F3F3;
+        height: 100%;
+        border-right: 1px solid rgba(0,0,0,.125);
+        i {
+            font-size: 30px;
+            color: #C2C2C2;
+        }
+    }
+    .form-text {
+        display: block;
+        width: 200px;
+    }
+}
+</style>
diff --git a/cosi/TemplateAdmin/index.js b/cosi/TemplateAdmin/index.js
new file mode 100644
index 000000000..8eafd2d0f
--- /dev/null
+++ b/cosi/TemplateAdmin/index.js
@@ -0,0 +1,13 @@
+import TemplateAdminComponent from "./components/TemplateAdmin.vue";
+import TemplateAdminStore from "./store/indexTemplateAdmin";
+import deLocale from "./locales/de/additional.json";
+import enLocale from "./locales/en/additional.json";
+
+export default {
+    component: TemplateAdminComponent,
+    store: TemplateAdminStore,
+    locales: {
+        de: deLocale,
+        en: enLocale
+    }
+};
diff --git a/cosi/TemplateAdmin/locales/de/additional.json b/cosi/TemplateAdmin/locales/de/additional.json
new file mode 100644
index 000000000..5c6f8ef1e
--- /dev/null
+++ b/cosi/TemplateAdmin/locales/de/additional.json
@@ -0,0 +1,40 @@
+{
+  "modules": {
+    "tools": {
+      "cosi": {
+        "templateAdmin": {
+          "title": "Vorlagen Admin",
+          "description": "Erstellen Sie beliebige Vorlagen für fachspezifische Analysen. In eine Vorlage können Sie Geodaten, Statistische Daten und erste Werkzeuge konfigurieren. Statistische Daten können Sie zudem mit Orientierungswerten versehen, die Ihnen im Dashboard angezeigt werden. Nach der Erstellung können Sie ihre Vorlage exportieren und  im Werkzeug „Vorlagen“ hoch laden.",
+          "button": {
+            "addTemplate": "Vorlage erstellen",
+            "editTemplate": "Vorlage bearbeiten",
+            "uploadTemplate": "Vorlage importieren",
+            "downloadTemplate": "Exportieren",
+            "showMore": "mehr anzeigen...",
+            "showLess": "weniger anzeigen..."
+          },
+          "label": {
+            "selectTemplate": "Vorlage auswählen",
+            "name": "Name",
+            "description": "Beschreibung",
+            "addGeoData": "Geodaten hinzufügen",
+            "addStatisticalData": "Statistische Daten hinzufügen",
+            "addTools": "Starter Werkzeug hinzufügen",
+            "placeholder": "Daten auswählen",
+            "existingAreas": "Bestehende Gebiete mit SozErhVO",
+            "supportedFormats": "unterstützes Datei-Format: JSON"
+          },
+          "errors": {
+            "wrongFormat": "Die Datei hat nicht das richtige Format.",
+            "templateName": "Eine Vorlage mit dem Namen: ",
+            "isLoaded": "ist bereits geladen."
+          },
+          "required": "Pflichtfelder",
+          "hintName": "Bitte geben Sie einen Namen für die Vorlage an.",
+          "hintStatisticData": "Bitte fügen Sie statistische Daten hinzu.",
+          "hintNumber": "nur Zahlen: 0-9"
+        }
+      }
+    }
+  }
+}
diff --git a/cosi/TemplateAdmin/locales/en/additional.json b/cosi/TemplateAdmin/locales/en/additional.json
new file mode 100644
index 000000000..7244787b6
--- /dev/null
+++ b/cosi/TemplateAdmin/locales/en/additional.json
@@ -0,0 +1,41 @@
+{
+  "modules": {
+    "tools": {
+      "cosi": {
+        "templateAdmin": {
+          "title": "Template Admin",
+          "description": "Create templates for subject-specific analyses. You can configure geodata, statistical data and initial tools in a template. You can also add orientation values to statistical data, which are displayed in the dashboard. Once created, you can export your template and upload it in the \"Templates\" tool.",
+          "button": {
+              "addTemplate": "Add Template",
+              "editTemplate": "Edit Template",
+              "uploadTemplate": "Import Template",
+              "downloadTemplate": "Download Template",
+              "showMore": "show more...",
+              "showLess": "show less..."
+          },
+          "label": {
+            "selectTemplate": "Select Template",
+            "name": "Name",
+            "description": "Description",
+            "addGeoData": "Add Geo Data",
+            "addStatisticalData": "Add statistical data",
+            "addTools": "Add starting Tool",
+            "placeholder": "Select Option",
+            "existingAreas": "existing areas with SozErhVO",
+            "supportedFormats": "supported Formats: JSON"
+          },
+          "errors": {
+            "wrongFormat": "The file is not in the correct format.",
+            "templateName": "A template with the name: ",
+            "isLoaded": "is already loaded."
+          },
+          "required": "Required",
+          "hintName": "Please specify a name for the template.",
+          "hintStatisticData": "Please add statistical data.",
+          "hintNumber": "only contain numbers: 0-9"
+
+        }
+      }
+    }
+  }
+}
diff --git a/cosi/TemplateAdmin/store/gettersTemplateAdmin.js b/cosi/TemplateAdmin/store/gettersTemplateAdmin.js
new file mode 100644
index 000000000..86a1f6430
--- /dev/null
+++ b/cosi/TemplateAdmin/store/gettersTemplateAdmin.js
@@ -0,0 +1,8 @@
+import {generateSimpleGetters} from "../../../../src/app-store/utils/generators";
+import initialState from "./stateTemplateAdmin";
+
+const getters = {
+    ...generateSimpleGetters(initialState)
+};
+
+export default getters;
diff --git a/cosi/TemplateAdmin/store/indexTemplateAdmin.js b/cosi/TemplateAdmin/store/indexTemplateAdmin.js
new file mode 100644
index 000000000..cef256d3f
--- /dev/null
+++ b/cosi/TemplateAdmin/store/indexTemplateAdmin.js
@@ -0,0 +1,10 @@
+import state from "./stateTemplateAdmin";
+import getters from "./gettersTemplateAdmin";
+import mutations from "./mutationsTemplateAdmin";
+
+export default {
+    namespaced: true,
+    state,
+    getters,
+    mutations
+};
diff --git a/cosi/TemplateAdmin/store/mutationsTemplateAdmin.js b/cosi/TemplateAdmin/store/mutationsTemplateAdmin.js
new file mode 100644
index 000000000..0d883fa66
--- /dev/null
+++ b/cosi/TemplateAdmin/store/mutationsTemplateAdmin.js
@@ -0,0 +1,8 @@
+import {generateSimpleMutations} from "../../../../src/app-store/utils/generators";
+import initialState from "./stateTemplateAdmin";
+
+const mutations = {
+    ...generateSimpleMutations(initialState)
+};
+
+export default mutations;
diff --git a/cosi/TemplateAdmin/store/stateTemplateAdmin.js b/cosi/TemplateAdmin/store/stateTemplateAdmin.js
new file mode 100644
index 000000000..abf4bfef3
--- /dev/null
+++ b/cosi/TemplateAdmin/store/stateTemplateAdmin.js
@@ -0,0 +1,30 @@
+/**
+ * Shadow tool state definition.
+ * @typedef {Object} ContactState
+ * @property {Boolean} active If true, TemplateAdmin will be rendered.
+ * @property {String} id Id of the Contact component.
+ * @property {String} name Displayed as the title. (config-param)
+ * @property {String} icon Icon next to the title. (config-param)
+ * @property {boolean} renderToWindow if true, tool is rendered in a window, else in sidebar (config-param)
+ * @property {boolean} resizableWindow if true, window is resizable (config-param)
+ * @property {boolean} isVisibleInMenu if true, tool is selectable in menu (config-param)
+ * @property {boolean} deactivateGFI flag if tool should deactivate gfi (config-param)
+ * @property {String} labelOfOrientationValue the label of orientationValue
+ */
+const state = {
+    active: false,
+    id: "TemplateAdmin",
+    name: "additional:modules.tools.cosi.TemplateAdmin.title",
+    icon: "bi-folder2-open",
+    renderToWindow: true,
+    resizableWindow: true,
+    isVisibleInMenu: true,
+    deactivateGFI: true,
+    ignorePropertyNames: [],
+    importedTemplateNames: [],
+    savedTemplateContents: [],
+    selectedTemplate: undefined,
+    labelOfOrientationValue: "additional:modules.tools.cosi.TemplateAdmin.label.existingAreas"
+};
+
+export default state;
diff --git a/cosi/TemplateAdmin/tests/unit/components/TemplateAdmin.spec.js b/cosi/TemplateAdmin/tests/unit/components/TemplateAdmin.spec.js
new file mode 100644
index 000000000..a1304e239
--- /dev/null
+++ b/cosi/TemplateAdmin/tests/unit/components/TemplateAdmin.spec.js
@@ -0,0 +1,446 @@
+import {config, createLocalVue, shallowMount} from "@vue/test-utils";
+import {expect} from "chai";
+import Vuex from "vuex";
+import TemplateAdmin from "../../../components/TemplateAdmin.vue";
+import TemplateAdminForm from "../../../components/TemplateAdminForm.vue";
+import TemplateAdminSate from "../../../store/stateTemplateAdmin";
+
+const localVue = createLocalVue();
+
+localVue.use(Vuex);
+config.mocks.$t = key => key;
+
+describe("addons/cosi/TemplateAdmin/components/TemplateAdmin.vue", () => {
+    let store;
+    const mockConfigJson = {
+        Portalconfig: {
+            menu: {
+                tools: {
+                    children: {
+                        templateAdmin: {
+                            "name": "translate#additional:modules.tools.cosi.templateAdmin.title",
+                            "icon": "bi-folder2-open",
+                            "ignorePropertyNames": []
+                        }
+                    }
+                }
+            }
+        }
+    };
+
+    beforeEach(() => {
+        store = new Vuex.Store({
+            namespaces: true,
+            modules: {
+                Tools: {
+                    namespaced: true,
+                    modules: {
+                        TemplateAdmin: TemplateAdminSate
+                    }
+                }
+            },
+            state: {
+                configJson: mockConfigJson
+            }
+        });
+        store.commit("Tools/TemplateAdmin/setActive", true);
+        i18next.init({
+            lng: "cimode",
+            debug: false
+        });
+    });
+
+    describe("Component DOM", () => {
+        it("should render description", () => {
+            const wrapper = shallowMount(TemplateAdmin, {
+                localVue,
+                store
+            });
+
+            expect(wrapper.find(".decription").exists()).to.be.true;
+            wrapper.destroy();
+        });
+        it("should render tablist", () => {
+            const wrapper = shallowMount(TemplateAdmin, {
+                localVue,
+                store
+            });
+
+            expect(wrapper.find("#templateTabs").exists()).to.be.true;
+            wrapper.destroy();
+        });
+        it("should render add template tab", () => {
+            const wrapper = shallowMount(TemplateAdmin, {
+                localVue,
+                store
+            });
+
+            expect(wrapper.find("#add-template-tab").exists()).to.be.true;
+            wrapper.destroy();
+        });
+        it("should render edit template tab", () => {
+            const wrapper = shallowMount(TemplateAdmin, {
+                localVue,
+                store
+            });
+
+            expect(wrapper.find("#edit-template-tab").exists()).to.be.true;
+            wrapper.destroy();
+        });
+        it("should render TemplateAdminForm", () => {
+            const wrapper = shallowMount(TemplateAdmin, {
+                localVue,
+                store
+            });
+
+            expect(wrapper.findComponent(TemplateAdminForm).exists()).to.be.true;
+            wrapper.destroy();
+        });
+    });
+    describe("Methods", () => {
+        describe("getToolList", () => {
+            it("should return an empty array", () => {
+                const wrapper = shallowMount(TemplateAdmin, {
+                    localVue,
+                    store
+                });
+
+                expect(wrapper.vm.getToolList("")).to.be.deep.equal([]);
+                expect(wrapper.vm.getToolList(null)).to.be.deep.equal([]);
+                expect(wrapper.vm.getToolList(undefined)).to.be.deep.equal([]);
+                expect(wrapper.vm.getToolList(true)).to.be.deep.equal([]);
+                expect(wrapper.vm.getToolList(0)).to.be.deep.equal([]);
+                expect(wrapper.vm.getToolList(["test"])).to.be.deep.equal([]);
+                wrapper.destroy();
+            });
+            it("should return an empty array if second param is not an array", () => {
+                const wrapper = shallowMount(TemplateAdmin, {
+                    localVue,
+                    store
+                });
+
+                expect(wrapper.vm.getToolList({}, undefined)).to.be.an("array").that.is.empty;
+                expect(wrapper.vm.getToolList({}, {})).to.be.an("array").that.is.empty;
+                expect(wrapper.vm.getToolList({}, null)).to.be.an("array").that.is.empty;
+                expect(wrapper.vm.getToolList({}, true)).to.be.an("array").that.is.empty;
+                expect(wrapper.vm.getToolList({}, false)).to.be.an("array").that.is.empty;
+                expect(wrapper.vm.getToolList({}, 1234)).to.be.an("array").that.is.empty;
+                expect(wrapper.vm.getToolList({}, "1234")).to.be.an("array").that.is.empty;
+            });
+
+            it("should return the tool list with ascending order", () => {
+                const wrapper = shallowMount(TemplateAdmin, {
+                        localVue,
+                        store
+                    }),
+                    tools = {
+                        print: {name: "Print tool"},
+                        gfi: {name: "Information"}
+                    },
+                    toolsToFilter = ["print", "gfi"];
+
+                expect(wrapper.vm.getToolList(tools, toolsToFilter)).to.be.deep.equal([
+                    {toolId: "gfi", label: "Information"},
+                    {toolId: "print", label: "Print tool"}
+                ]);
+                wrapper.destroy();
+            });
+
+            it("should return the tool list ignoring the tool without name", () => {
+                const wrapper = shallowMount(TemplateAdmin, {
+                        localVue,
+                        store
+                    }),
+                    tools = {
+                        print: {name: "Print tool"},
+                        gfi: {icon: "bi-icon"}
+                    },
+                    toolsToFilter = ["print", "gfi"];
+
+                expect(wrapper.vm.getToolList(tools, toolsToFilter)).to.be.deep.equal([
+                    {toolId: "print", label: "Print tool"}
+                ]);
+                wrapper.destroy();
+            });
+
+            it("should return the tool list with ascending order without the hidden tool", () => {
+                const wrapper = shallowMount(TemplateAdmin, {
+                        localVue,
+                        store
+                    }),
+                    tools = {
+                        print: {name: "Print tool"},
+                        gfi: {name: "Information"},
+                        draw: {name: "Draw tool", isVisibleInMenu: false}
+                    },
+                    toolsToFilter = ["print", "gfi", "draw"];
+
+                expect(wrapper.vm.getToolList(tools, toolsToFilter)).to.be.deep.equal([
+                    {toolId: "gfi", label: "Information"},
+                    {toolId: "print", label: "Print tool"}
+                ]);
+                wrapper.destroy();
+            });
+
+            it("should return the tool list with ascending order filtered", () => {
+                const wrapper = shallowMount(TemplateAdmin, {
+                        localVue,
+                        store
+                    }),
+                    tools = {
+                        print: {name: "Print tool"},
+                        gfi: {name: "Information"},
+                        draw: {name: "Draw tool"}
+                    },
+                    toolsToFilter = ["print", "gfi"];
+
+                expect(wrapper.vm.getToolList(tools, toolsToFilter)).to.be.deep.equal([
+                    {toolId: "gfi", label: "Information"},
+                    {toolId: "print", label: "Print tool"}
+                ]);
+                wrapper.destroy();
+            });
+        });
+        describe("getFilteredPropertyNames", () => {
+            it("should return an empty array if first param is not an array", () => {
+                const wrapper = shallowMount(TemplateAdmin, {store, localVue});
+
+                expect(wrapper.vm.getFilteredPropertyNames(undefined)).to.be.an("array").that.is.empty;
+                expect(wrapper.vm.getFilteredPropertyNames({})).to.be.an("array").that.is.empty;
+                expect(wrapper.vm.getFilteredPropertyNames(null)).to.be.an("array").that.is.empty;
+                expect(wrapper.vm.getFilteredPropertyNames(true)).to.be.an("array").that.is.empty;
+                expect(wrapper.vm.getFilteredPropertyNames(false)).to.be.an("array").that.is.empty;
+                expect(wrapper.vm.getFilteredPropertyNames("1234")).to.be.an("array").that.is.empty;
+                expect(wrapper.vm.getFilteredPropertyNames(1234)).to.be.an("array").that.is.empty;
+                wrapper.destroy();
+            });
+            it("should return an empty array if second param is not an array", () => {
+                const wrapper = shallowMount(TemplateAdmin, {store, localVue});
+
+                expect(wrapper.vm.getFilteredPropertyNames([], undefined)).to.be.an("array").that.is.empty;
+                expect(wrapper.vm.getFilteredPropertyNames([], {})).to.be.an("array").that.is.empty;
+                expect(wrapper.vm.getFilteredPropertyNames([], null)).to.be.an("array").that.is.empty;
+                expect(wrapper.vm.getFilteredPropertyNames([], true)).to.be.an("array").that.is.empty;
+                expect(wrapper.vm.getFilteredPropertyNames([], false)).to.be.an("array").that.is.empty;
+                expect(wrapper.vm.getFilteredPropertyNames([], "1234")).to.be.an("array").that.is.empty;
+                expect(wrapper.vm.getFilteredPropertyNames([], 1234)).to.be.an("array").that.is.empty;
+                wrapper.destroy();
+            });
+            it("should return first array if second array does not have any entry which matches with an entry of the first array", () => {
+                const wrapper = shallowMount(TemplateAdmin, {store, localVue}),
+                    expected = [["foo", "bar", "boo", "waa"]];
+
+                expect(wrapper.vm.getFilteredPropertyNames(expected, ["loo", "low", "fow"])).to.deep.equal(expected);
+                wrapper.destroy();
+            });
+            it("should return an filtered array", () => {
+                const wrapper = shallowMount(TemplateAdmin, {store, localVue}),
+                    toFilter = [["foo", "bar", "boo", "waa", "hoo"], ["foo1", "bar1", "boo1", "waa1", "hoo1"]],
+                    toIgnore = ["hoo"],
+                    expected = [["foo", "bar", "boo", "waa"], ["foo1", "bar1", "boo1", "waa1", "hoo1"]];
+
+                expect(wrapper.vm.getFilteredPropertyNames(toFilter, toIgnore)).to.deep.equal(expected);
+                wrapper.destroy();
+            });
+        });
+        describe("getMappedLabelByValue", () => {
+            it("should return an empty array if first param is not an array", () => {
+                const wrapper = shallowMount(TemplateAdmin, {store, localVue});
+
+                expect(wrapper.vm.getMappedLabelByValue(undefined)).to.be.an("array").that.is.empty;
+                expect(wrapper.vm.getMappedLabelByValue({})).to.be.an("array").that.is.empty;
+                expect(wrapper.vm.getMappedLabelByValue(null)).to.be.an("array").that.is.empty;
+                expect(wrapper.vm.getMappedLabelByValue(true)).to.be.an("array").that.is.empty;
+                expect(wrapper.vm.getMappedLabelByValue(false)).to.be.an("array").that.is.empty;
+                expect(wrapper.vm.getMappedLabelByValue("1234")).to.be.an("array").that.is.empty;
+                expect(wrapper.vm.getMappedLabelByValue(1234)).to.be.an("array").that.is.empty;
+                wrapper.destroy();
+            });
+            it("should return an empty array if second param is not an array", () => {
+                const wrapper = shallowMount(TemplateAdmin, {store, localVue});
+
+                expect(wrapper.vm.getMappedLabelByValue([], undefined)).to.be.an("array").that.is.empty;
+                expect(wrapper.vm.getMappedLabelByValue([], {})).to.be.an("array").that.is.empty;
+                expect(wrapper.vm.getMappedLabelByValue([], null)).to.be.an("array").that.is.empty;
+                expect(wrapper.vm.getMappedLabelByValue([], true)).to.be.an("array").that.is.empty;
+                expect(wrapper.vm.getMappedLabelByValue([], false)).to.be.an("array").that.is.empty;
+                expect(wrapper.vm.getMappedLabelByValue([], "1234")).to.be.an("array").that.is.empty;
+                expect(wrapper.vm.getMappedLabelByValue([], 1234)).to.be.an("array").that.is.empty;
+                wrapper.destroy();
+            });
+            it("should return an empty array if first param is not a nested array", () => {
+                const wrapper = shallowMount(TemplateAdmin, {store, localVue});
+
+                expect(wrapper.vm.getMappedLabelByValue(["foo", "bar"], [{category: "foo", value: "FOO"}])).to.be.an("array").that.is.empty;
+            });
+            it("should return array of objects with propertyName as value of the first param and as label the value property of second param", () => {
+                const wrapper = shallowMount(TemplateAdmin, {store, localVue}),
+                    expected = [
+                        {propertyName: "bar", label: "BAR", valueType: false},
+                        {propertyName: "foo", label: "FOO", valueType: false}
+                    ],
+                    mappingList = [
+                        {
+                            category: "foo",
+                            value: "FOO"
+                        },
+                        {
+                            category: "bar",
+                            value: "BAR"
+                        }
+                    ],
+                    filteredList = [["foo", "bar"]];
+
+                expect(wrapper.vm.getMappedLabelByValue(filteredList, mappingList)).to.deep.equal(expected);
+                wrapper.destroy();
+            });
+            it("should return array of objects with propertyName as value of the first param and as label the value property of second param for two nested lists", () => {
+                const wrapper = shallowMount(TemplateAdmin, {store, localVue}),
+                    expected = [
+                        {propertyName: "bar", label: "BAR", valueType: false},
+                        {propertyName: "foo", label: "FOO", valueType: false},
+                        {propertyName: "fow", label: "FOW", valueType: false}
+                    ],
+                    mappingList = [
+                        {
+                            category: "foo",
+                            value: "FOO"
+                        },
+                        {
+                            category: "bar",
+                            value: "BAR"
+                        },
+                        {
+                            category: "fow",
+                            value: "FOW"
+                        }
+                    ],
+                    filteredList = [["foo", "bar"], ["fow"]];
+
+                expect(wrapper.vm.getMappedLabelByValue(filteredList, mappingList)).to.deep.equal(expected);
+                wrapper.destroy();
+            });
+            it("should return array of objects if valueType is given", () => {
+                const wrapper = shallowMount(TemplateAdmin, {store, localVue}),
+                    expected = [
+                        {propertyName: "bar", label: "BAR", valueType: "absolute"},
+                        {propertyName: "foo", label: "FOO", valueType: "relative"},
+                        {propertyName: "fow", label: "fow", valueType: false}
+                    ],
+                    mappingList = [
+                        {
+                            category: "foo",
+                            value: "FOO",
+                            valueType: "relative"
+                        },
+                        {
+                            category: "bar",
+                            value: "BAR",
+                            valueType: "absolute"
+                        }
+                    ],
+                    filteredList = [["foo", "bar", "fow"]];
+
+                expect(wrapper.vm.getMappedLabelByValue(filteredList, mappingList)).to.deep.equal(expected);
+                wrapper.destroy();
+            });
+            it("should return an array of objects with value from first array as propertyName and as label if not exists in second param", () => {
+                const wrapper = shallowMount(TemplateAdmin, {store, localVue}),
+                    expected = [
+                        {propertyName: "bar", label: "BAR", valueType: false},
+                        {propertyName: "foo", label: "FOO", valueType: false},
+                        {propertyName: "fow", label: "fow", valueType: false}
+                    ],
+                    mappingList = [
+                        {
+                            category: "foo",
+                            value: "FOO"
+                        },
+                        {
+                            category: "bar",
+                            value: "BAR"
+                        }
+                    ],
+                    filteredList = [["foo", "bar", "fow"]];
+
+                expect(wrapper.vm.getMappedLabelByValue(filteredList, mappingList)).to.deep.equal(expected);
+                wrapper.destroy();
+            });
+        });
+        describe("getLayerNames", () => {
+            it("should return an empty array", () => {
+                const wrapper = shallowMount(TemplateAdmin, {store, localVue}),
+                    layers = [],
+                    layerNames = wrapper.vm.getLayerNames(layers);
+
+                expect(layerNames).to.be.an("array").that.is.empty;
+                wrapper.destroy();
+            });
+            it("should return an array", () => {
+                const wrapper = shallowMount(TemplateAdmin, {store, localVue}),
+                    layers = [
+                        {
+                            "isSelected": false,
+                            "format": "image/png",
+                            "isBaseLayer": true,
+                            "level": 0,
+                            "parentId": "Baselayer",
+                            "type": "layer",
+                            "styleId": "default",
+                            "id": "13534",
+                            "name": "Geobasiskarten (Schriftplatte)",
+                            "url": "https://geodienste.hamburg.de/HH_WMS_Geobasiskarten_Schriftplatte",
+                            "typ": "WMS"
+                        }
+                    ],
+                    layerNames = wrapper.vm.getLayerNames(layers);
+
+                expect(layerNames).to.be.an("array").that.is.not.empty;
+                wrapper.destroy();
+            });
+            it("should return arrays with correct properties", () => {
+                const wrapper = shallowMount(TemplateAdmin, {store, localVue}),
+                    layers = [
+                        {
+                            "isSelected": false,
+                            "format": "image/png",
+                            "isBaseLayer": true,
+                            "level": 0,
+                            "parentId": "Baselayer",
+                            "type": "layer",
+                            "styleId": "default",
+                            "id": "13534",
+                            "name": "Geobasiskarten",
+                            "url": "https://geodienste.hamburg.de/HH_WMS_Geobasiskarten_Schriftplatte",
+                            "typ": "WMS"
+                        },
+                        {
+                            "isSelected": false,
+                            "format": "image/png",
+                            "isBaseLayer": true,
+                            "level": 0,
+                            "parentId": "Baselayer",
+                            "type": "layer",
+                            "styleId": "default",
+                            "id": "23534",
+                            "name": "Schriftplatte",
+                            "url": "https://geodienste.hamburg.de/HH_WMS_Geobasiskarten_Schriftplatte",
+                            "typ": "WMS"
+                        }
+                    ],
+                    expected = [
+                        {
+                            layerId: "13534", label: "Geobasiskarten"
+                        },
+                        {
+                            layerId: "23534", label: "Schriftplatte"
+                        }
+                    ],
+                    layerNames = wrapper.vm.getLayerNames(layers);
+
+                expect(layerNames).to.deep.equal(expected);
+                wrapper.destroy();
+            });
+        });
+    });
+});
diff --git a/cosi/TemplateAdmin/tests/unit/components/TemplateAdminForm.spec.js b/cosi/TemplateAdmin/tests/unit/components/TemplateAdminForm.spec.js
new file mode 100644
index 000000000..6039802ea
--- /dev/null
+++ b/cosi/TemplateAdmin/tests/unit/components/TemplateAdminForm.spec.js
@@ -0,0 +1,716 @@
+import {config, createLocalVue, shallowMount} from "@vue/test-utils";
+import {expect} from "chai";
+import Vuex from "vuex";
+import TemplateAdminForm from "../../../components/TemplateAdminForm.vue";
+import indexTemplateAdmin from "../../../store/indexTemplateAdmin";
+import sinon from "sinon/pkg/sinon-esm";
+
+const localVue = createLocalVue();
+
+localVue.use(Vuex);
+config.mocks.$t = key => key;
+
+describe("addons/cosi/TemplateAdmin/components/TemplateAdminForm.vue", () => {
+    const geoData = [
+            "Data1",
+            "Data2",
+            "Data3"
+        ],
+        statData = [
+            "statData1",
+            "statData2",
+            "statData3"
+        ],
+        store = new Vuex.Store({
+            namespaced: true,
+            modules: {
+                Tools: {
+                    namespaced: true,
+                    modules: {
+                        TemplateAdmin: indexTemplateAdmin
+                    }
+                }
+            }
+        });
+
+    afterEach(() => {
+        sinon.restore();
+    });
+
+    describe("Component DOM", () => {
+        it("should render form", () => {
+            const wrapper = shallowMount(TemplateAdminForm, {
+                propsData: {
+                    geoData,
+                    statData
+                },
+                localVue,
+                store
+            });
+
+            expect(wrapper.find("form").exists()).to.be.true;
+            wrapper.destroy();
+        });
+        it("should render name input field", () => {
+            const wrapper = shallowMount(TemplateAdminForm, {
+                propsData: {
+                    geoData,
+                    statData
+                },
+                localVue,
+                store
+            });
+
+            expect(wrapper.find("#form-name").exists()).to.be.true;
+            wrapper.destroy();
+        });
+        it("should render description input field", () => {
+            const wrapper = shallowMount(TemplateAdminForm, {
+                propsData: {
+                    geoData,
+                    statData
+                },
+                localVue,
+                store
+            });
+
+            expect(wrapper.find("#form-description").exists()).to.be.true;
+            wrapper.destroy();
+        });
+        it("should render add geo data multiselect", () => {
+            const wrapper = shallowMount(TemplateAdminForm, {
+                propsData: {
+                    geoData,
+                    statData
+                },
+                localVue,
+                store
+            });
+
+            expect(wrapper.find("#add-geo-data").exists()).to.be.true;
+            wrapper.destroy();
+        });
+        it("should render add statistic data multiselect", () => {
+            const wrapper = shallowMount(TemplateAdminForm, {
+                propsData: {
+                    geoData,
+                    statData
+                },
+                localVue,
+                store
+            });
+
+            expect(wrapper.find("#add-statistic-data").exists()).to.be.true;
+            wrapper.destroy();
+        });
+        it("should render add tools multiselect if tools are given", () => {
+            const wrapper = shallowMount(TemplateAdminForm, {
+                propsData: {
+                    geoData,
+                    statData,
+                    toolData: ["Tool1", "Tool2"]
+                },
+                localVue,
+                store
+            });
+
+            expect(wrapper.find("#add-tools").exists()).to.be.true;
+            wrapper.destroy();
+        });
+        it("should render select template multiselect if showEditTemplate is true", () => {
+            const wrapper = shallowMount(TemplateAdminForm, {
+                propsData: {
+                    geoData,
+                    statData,
+                    showEditTemplate: true
+                },
+                computed: {
+                    uploadedTemplates: () => ["TemplateOne"]
+                },
+                localVue,
+                store
+            });
+
+            expect(wrapper.find("#select-template").exists()).to.be.true;
+            wrapper.destroy();
+        });
+        it("should render upload button if showEditTemplate is true", () => {
+            const wrapper = shallowMount(TemplateAdminForm, {
+                propsData: {
+                    geoData,
+                    statData,
+                    showEditTemplate: true
+                },
+                localVue,
+                store
+            });
+
+            expect(wrapper.find(".template-upload").exists()).to.be.true;
+            wrapper.destroy();
+        });
+        it("should render more-button if more than two statistics are selected", async () => {
+            const wrapper = shallowMount(TemplateAdminForm, {
+                propsData: {
+                    geoData,
+                    statData
+                },
+                localVue,
+                store
+            });
+
+            wrapper.setData({showReferenceValues: true});
+            wrapper.setData({selectedStatData: [{propertyName: "feature"}, {propertyName: "feature2"}, {propertyName: "feature3"}]});
+
+            await wrapper.vm.$nextTick();
+
+            expect(wrapper.find("#more-button").exists()).to.be.true;
+            wrapper.destroy();
+        });
+        it("should not render more-button if no statistic is selected", async () => {
+            const wrapper = shallowMount(TemplateAdminForm, {
+                propsData: {
+                    geoData,
+                    statData
+                },
+                localVue,
+                store
+            });
+
+            wrapper.setData({showReferenceValues: true});
+            wrapper.setData({selectedStatData: [{}]});
+
+            await wrapper.vm.$nextTick();
+
+            expect(wrapper.find("#more-button").exists()).to.be.false;
+            wrapper.destroy();
+        });
+        it("should not find hint text for required field", () => {
+            const wrapper = shallowMount(TemplateAdminForm, {
+                propsData: {
+                    geoData,
+                    statData,
+                    showEditTemplate: true
+                },
+                localVue,
+                store
+            });
+
+            expect(wrapper.find(".hint").exists()).to.be.false;
+            wrapper.destroy();
+        });
+        it("should find hint text for required field", async () => {
+            const wrapper = shallowMount(TemplateAdminForm, {
+                propsData: {
+                    geoData,
+                    statData,
+                    showEditTemplate: true
+                },
+                computed: {
+                    uploadedTemplates: () => ["TemplateOne"]
+                },
+                localVue,
+                store
+            });
+
+            await wrapper.find(".export-template").trigger("click");
+            await wrapper.vm.$nextTick();
+
+            expect(wrapper.find(".hint").exists()).to.be.true;
+            wrapper.destroy();
+        });
+        it("should find not hint text for required field after setting required data", async () => {
+            const wrapper = shallowMount(TemplateAdminForm, {
+                propsData: {
+                    geoData,
+                    statData,
+                    showEditTemplate: true
+                },
+                computed: {
+                    uploadedTemplates: () => ["TemplateOne"]
+                },
+                localVue,
+                store
+            });
+
+            wrapper.setData({templateName: "test"});
+            wrapper.setData({selectedGeoData: [{layerId: "layerId"}]});
+            wrapper.setData({selectedStatData: [{propertyName: "feature"}]});
+            await wrapper.find(".export-template").trigger("click");
+            await wrapper.vm.$nextTick();
+
+            expect(wrapper.find(".hint").exists()).to.be.false;
+            wrapper.destroy();
+        });
+    });
+    describe("Computed", () => {
+        describe("countSelectedStatistics", () => {
+            it("should return true, if more than two statistics are selected", async () => {
+                const wrapper = shallowMount(TemplateAdminForm, {
+                    propsData: {
+                        geoData,
+                        statData
+                    },
+                    localVue,
+                    store
+                });
+
+                wrapper.setData({selectedStatData: [{propertyName: "feature0"}, {propertyName: "feature1"}, {propertyName: "feature2"}]});
+
+                await wrapper.vm.$nextTick();
+
+                expect(wrapper.vm.countSelectedStatistics).to.be.true;
+                wrapper.destroy();
+            });
+        });
+    });
+
+    describe("Interaction", () => {
+        it("should set isValidated false", async () => {
+            const wrapper = shallowMount(TemplateAdminForm, {
+                propsData: {
+                    geoData,
+                    statData,
+                    showEditTemplate: true
+                },
+                computed: {
+                    uploadedTemplates: () => ["TemplateOne"]
+                },
+                localVue,
+                store
+            });
+
+            await wrapper.find(".export-template").trigger("click");
+            await wrapper.vm.$nextTick();
+
+            expect(wrapper.vm.isValidated).to.be.false;
+            wrapper.destroy();
+        });
+        it("should set isValidated true", async () => {
+            const wrapper = shallowMount(TemplateAdminForm, {
+                propsData: {
+                    geoData,
+                    statData,
+                    showEditTemplate: true
+                },
+                computed: {
+                    uploadedTemplates: () => ["TemplateOne"]
+                },
+                localVue,
+                store
+            });
+
+            wrapper.setData({templateName: "test"});
+            wrapper.setData({selectedGeoData: [{layerId: "layerId"}]});
+            wrapper.setData({selectedStatData: [{propertyName: "feature"}]});
+            await wrapper.find(".export-template").trigger("click");
+            await wrapper.vm.$nextTick();
+
+            expect(wrapper.vm.isValidated).to.be.true;
+            wrapper.destroy();
+        });
+    });
+    describe("Methods", () => {
+        describe("setReferenceValueList", () => {
+            it("should set the new reference value list", async () => {
+                const wrapper = shallowMount(TemplateAdminForm, {
+                        propsData: {
+                            geoData,
+                            statData,
+                            showEditTemplate: true
+                        },
+                        localVue,
+                        store
+                    }),
+                    referenceValue = {statName: "prop1", value: "11"};
+
+                await wrapper.setData({
+                    referenceValueList: []
+                });
+
+                await wrapper.vm.setReferenceValueList(referenceValue);
+                expect(wrapper.vm.referenceValueList).to.be.deep.equal([referenceValue]);
+                wrapper.destroy();
+            });
+
+            it("should set the reference value list by replacing one object element", async () => {
+                const wrapper = shallowMount(TemplateAdminForm, {
+                        propsData: {
+                            geoData,
+                            statData,
+                            showEditTemplate: true
+                        },
+                        localVue,
+                        store
+                    }),
+                    referenceValue = {statisticName: "prop1", value: "11"};
+
+                await wrapper.setData({
+                    referenceValueList: [{statisticName: "prop1", value: "12"}, {statisticName: "prop2", value: "13"}]
+                });
+
+                await wrapper.vm.setReferenceValueList(referenceValue);
+                expect(wrapper.vm.referenceValueList).to.be.deep.equal([{statisticName: "prop2", value: "13"}, {statisticName: "prop1", value: "11"}]);
+                wrapper.destroy();
+            });
+
+            it("should set the reference value list by deleting one object element", async () => {
+                const wrapper = shallowMount(TemplateAdminForm, {
+                        propsData: {
+                            geoData,
+                            statData,
+                            showEditTemplate: true
+                        },
+                        localVue,
+                        store
+                    }),
+                    referenceValue = {statisticName: "prop1", value: ""};
+
+                await wrapper.setData({
+                    referenceValueList: [{statisticName: "prop1", value: "12"}, {statisticName: "prop2", value: "13"}]
+                });
+
+                await wrapper.vm.setReferenceValueList(referenceValue);
+                expect(wrapper.vm.referenceValueList).to.be.deep.equal([{statisticName: "prop2", value: "13"}]);
+                wrapper.destroy();
+            });
+        });
+
+        describe("getExportedData", () => {
+            it("should return the right exported data", async () => {
+                const wrapper = shallowMount(TemplateAdminForm, {
+                        propsData: {
+                            geoData,
+                            statData,
+                            showEditTemplate: true
+                        },
+                        localVue,
+                        store
+                    }),
+                    templateName = "name",
+                    templateDes = "description",
+                    paraGeoData = [{layerId: "1001", label: "layer1"}, {layerId: "1002", label: "layer2"}],
+                    paraStatData = [{propertyName: "prop1", label: "prop1"}, {propertyName: "prop2", label: "prop2"}],
+                    toolData = {toolId: "print", label: "print"},
+                    referenceValueList = [{statisticName: "prop1", value: "11"}, {statisticName: "prop2", value: "12"}];
+
+                expect(wrapper.vm.getExportedData(templateName, templateDes, paraGeoData, paraStatData, toolData, referenceValueList).meta.title).to.be.equal("name");
+                expect(wrapper.vm.getExportedData(templateName, templateDes, paraGeoData, paraStatData, toolData, referenceValueList).meta.info).to.be.equal("description");
+                expect(wrapper.vm.getExportedData(templateName, templateDes, paraGeoData, paraStatData, toolData, referenceValueList).state.Maps.layerIds).to.be.deep.equal(["1001", "1002"]);
+                expect(wrapper.vm.getExportedData(templateName, templateDes, paraGeoData, paraStatData, toolData, referenceValueList).state.Tools.toolToOpen).to.be.equal("print");
+                expect(wrapper.vm.getExportedData(templateName, templateDes, paraGeoData, paraStatData, toolData, referenceValueList).state.Tools.Dashboard.statsFeatureFilter).to.be.deep.equal(["prop1", "prop2"]);
+                expect(wrapper.vm.getExportedData(templateName, templateDes, paraGeoData, paraStatData, toolData, referenceValueList).state.Tools.Dashboard.orientationValues).to.be.deep.equal(referenceValueList);
+                wrapper.destroy();
+            });
+        });
+
+        describe("getTemplateText", () => {
+            it("should return empty string", () => {
+                const wrapper = shallowMount(TemplateAdminForm, {
+                    propsData: {
+                        geoData,
+                        statData,
+                        showEditTemplate: true
+                    },
+                    localVue,
+                    store
+                });
+
+                expect(wrapper.vm.getTemplateText(null)).to.be.equal("");
+                expect(wrapper.vm.getTemplateText(0)).to.be.equal("");
+                expect(wrapper.vm.getTemplateText(true)).to.be.equal("");
+                expect(wrapper.vm.getTemplateText(undefined)).to.be.equal("");
+                expect(wrapper.vm.getTemplateText({})).to.be.equal("");
+                expect(wrapper.vm.getTemplateText([])).to.be.equal("");
+                wrapper.destroy();
+            });
+
+            it("should return string", () => {
+                const wrapper = shallowMount(TemplateAdminForm, {
+                    propsData: {
+                        geoData,
+                        statData,
+                        showEditTemplate: true
+                    },
+                    localVue,
+                    store
+                });
+
+                expect(wrapper.vm.getTemplateText("text")).to.be.equal("text");
+                wrapper.destroy();
+            });
+        });
+
+        describe("getSelectedGeoData", () => {
+            it("should return empty array", () => {
+                const wrapper = shallowMount(TemplateAdminForm, {
+                    propsData: {
+                        geoData,
+                        statData,
+                        showEditTemplate: true
+                    },
+                    localVue,
+                    store
+                });
+
+                expect(wrapper.vm.getSelectedGeoData(null)).to.be.deep.equal([]);
+                expect(wrapper.vm.getSelectedGeoData(0)).to.be.deep.equal([]);
+                expect(wrapper.vm.getSelectedGeoData(true)).to.be.deep.equal([]);
+                expect(wrapper.vm.getSelectedGeoData(undefined)).to.be.deep.equal([]);
+                expect(wrapper.vm.getSelectedGeoData({})).to.be.deep.equal([]);
+                expect(wrapper.vm.getSelectedGeoData("")).to.be.deep.equal([]);
+                expect(wrapper.vm.getSelectedGeoData([])).to.be.deep.equal([]);
+                wrapper.destroy();
+            });
+
+            it("should return selected geo data", () => {
+                const localGeoData = [
+                        {layerId: "123", label: "layer1"},
+                        {layerId: "124", label: "layer2"}
+                    ],
+                    wrapper = shallowMount(TemplateAdminForm, {
+                        propsData: {
+                            geoData: localGeoData,
+                            statData,
+                            showEditTemplate: true
+                        },
+                        localVue,
+                        store
+                    });
+
+                expect(wrapper.vm.getSelectedGeoData(["123"])).to.be.deep.equal([{layerId: "123", label: "layer1"}]);
+                wrapper.destroy();
+            });
+        });
+
+        describe("getSelectedStatData", () => {
+            it("should return empty array", () => {
+                const wrapper = shallowMount(TemplateAdminForm, {
+                    propsData: {
+                        geoData,
+                        statData,
+                        showEditTemplate: true
+                    },
+                    localVue,
+                    store
+                });
+
+                expect(wrapper.vm.getSelectedGeoData(null)).to.be.deep.equal([]);
+                expect(wrapper.vm.getSelectedGeoData(0)).to.be.deep.equal([]);
+                expect(wrapper.vm.getSelectedGeoData(true)).to.be.deep.equal([]);
+                expect(wrapper.vm.getSelectedGeoData(undefined)).to.be.deep.equal([]);
+                expect(wrapper.vm.getSelectedGeoData({})).to.be.deep.equal([]);
+                expect(wrapper.vm.getSelectedGeoData("")).to.be.deep.equal([]);
+                expect(wrapper.vm.getSelectedGeoData([])).to.be.deep.equal([]);
+                wrapper.destroy();
+            });
+
+            it("should return selected geo data", () => {
+                const localGeoData = [
+                        {layerId: "123", label: "layer1"},
+                        {layerId: "124", label: "layer2"}
+                    ],
+                    wrapper = shallowMount(TemplateAdminForm, {
+                        propsData: {
+                            geoData: localGeoData,
+                            statData,
+                            showEditTemplate: true
+                        },
+                        localVue,
+                        store
+                    });
+
+                expect(wrapper.vm.getSelectedGeoData(["123"])).to.be.deep.equal([{layerId: "123", label: "layer1"}]);
+                wrapper.destroy();
+            });
+        });
+
+        describe("getImportedReferenceValueList", () => {
+            it("should return empty Array", () => {
+                const wrapper = shallowMount(TemplateAdminForm, {
+                    propsData: {
+                        geoData,
+                        statData,
+                        showEditTemplate: true
+                    },
+                    localVue,
+                    store
+                });
+
+                expect(wrapper.vm.getImportedReferenceValueList(null)).to.be.deep.equal([]);
+                expect(wrapper.vm.getImportedReferenceValueList(0)).to.be.deep.equal([]);
+                expect(wrapper.vm.getImportedReferenceValueList(true)).to.be.deep.equal([]);
+                expect(wrapper.vm.getImportedReferenceValueList(undefined)).to.be.deep.equal([]);
+                expect(wrapper.vm.getImportedReferenceValueList({})).to.be.deep.equal([]);
+                expect(wrapper.vm.getImportedReferenceValueList("")).to.be.deep.equal([]);
+                wrapper.destroy();
+            });
+
+            it("should return parameter", () => {
+                const wrapper = shallowMount(TemplateAdminForm, {
+                    propsData: {
+                        geoData,
+                        statData,
+                        showEditTemplate: true
+                    },
+                    localVue,
+                    store
+                });
+
+                expect(wrapper.vm.getImportedReferenceValueList(["test"])).to.be.deep.equal(["test"]);
+                wrapper.destroy();
+            });
+        });
+
+        describe("getSelectedToolData", () => {
+            it("should return empty array", () => {
+                const wrapper = shallowMount(TemplateAdminForm, {
+                    propsData: {
+                        geoData,
+                        statData,
+                        showEditTemplate: true
+                    },
+                    localVue,
+                    store
+                });
+
+                expect(wrapper.vm.getSelectedToolData(null)).to.be.deep.equal([]);
+                expect(wrapper.vm.getSelectedToolData(0)).to.be.deep.equal([]);
+                expect(wrapper.vm.getSelectedToolData(true)).to.be.deep.equal([]);
+                expect(wrapper.vm.getSelectedToolData(undefined)).to.be.deep.equal([]);
+                expect(wrapper.vm.getSelectedToolData({})).to.be.deep.equal([]);
+                expect(wrapper.vm.getSelectedToolData([])).to.be.deep.equal([]);
+                wrapper.destroy();
+            });
+
+            it("should return selected tool data", () => {
+                const option = "FileImport",
+                    toolData = [
+                        {toolId: "FileImport", label: "File Import"},
+                        {toolId: "saveSession", label: "Save Session"}
+                    ],
+                    wrapper = shallowMount(TemplateAdminForm, {
+                        propsData: {
+                            geoData,
+                            statData,
+                            toolData: toolData,
+                            showEditTemplate: true
+                        },
+                        localVue,
+                        store
+                    });
+
+                expect(wrapper.vm.getSelectedToolData(option)).to.be.deep.equal({toolId: "FileImport", label: "File Import"});
+                wrapper.destroy();
+            });
+        });
+
+        describe("getReferenceValue", () => {
+            it("should return empty string", () => {
+                const wrapper = shallowMount(TemplateAdminForm, {
+                    propsData: {
+                        geoData,
+                        statData,
+                        showEditTemplate: true
+                    },
+                    localVue,
+                    store
+                });
+
+                expect(wrapper.vm.getReferenceValue(null)).to.be.equal("");
+                expect(wrapper.vm.getReferenceValue(0)).to.be.equal("");
+                expect(wrapper.vm.getReferenceValue(true)).to.be.equal("");
+                expect(wrapper.vm.getReferenceValue(undefined)).to.be.equal("");
+                expect(wrapper.vm.getReferenceValue({})).to.be.equal("");
+                expect(wrapper.vm.getReferenceValue("", null)).to.be.equal("");
+                expect(wrapper.vm.getReferenceValue("", 0)).to.be.equal("");
+                expect(wrapper.vm.getReferenceValue("", true)).to.be.equal("");
+                expect(wrapper.vm.getReferenceValue("", undefined)).to.be.equal("");
+                expect(wrapper.vm.getReferenceValue("", {})).to.be.equal("");
+                expect(wrapper.vm.getReferenceValue("", [])).to.be.equal("");
+                wrapper.destroy();
+            });
+
+            it("should return value", () => {
+                const wrapper = shallowMount(TemplateAdminForm, {
+                        propsData: {
+                            geoData,
+                            statData,
+                            showEditTemplate: true
+                        },
+                        localVue,
+                        store
+                    }),
+                    referenceValueList = [
+                        {
+                            "statisticName": "Anteil an der Bevölkerung 15 bis 24 Jahren",
+                            "value": "12"
+                        },
+                        {
+                            "statisticName": "Anteil an der Bevölkerung unter 15 Jahren",
+                            "value": "22"
+                        },
+                        {
+                            "statisticName": "Anteil der Arbeitslosen 15 bis 24 Jahren",
+                            "value": "33"
+                        }
+                    ];
+
+                expect(wrapper.vm.getReferenceValue("Anteil an der Bevölkerung 15 bis 24 Jahren", referenceValueList)).to.be.equal("12");
+                wrapper.destroy();
+            });
+        });
+        describe("handleFile", () => {
+            it("should return undefined, if the given file is not a File", () => {
+                const wrapper = shallowMount(TemplateAdminForm, {
+                    propsData: {
+                        geoData,
+                        statData,
+                        showEditTemplate: true
+                    },
+                    localVue,
+                    store
+                });
+
+                expect(wrapper.vm.handleFile(null)).to.be.undefined;
+                expect(wrapper.vm.handleFile(0)).to.be.undefined;
+                expect(wrapper.vm.handleFile(true)).to.be.undefined;
+                expect(wrapper.vm.handleFile(undefined)).to.be.undefined;
+                expect(wrapper.vm.handleFile({})).to.be.undefined;
+                expect(wrapper.vm.handleFile([])).to.be.undefined;
+                expect(wrapper.vm.handleFile("")).to.be.undefined;
+
+                wrapper.destroy();
+            });
+            it.skip("should return undefined, if the file format is not json", () => {
+                const wrapper = shallowMount(TemplateAdminForm, {
+                        propsData: {
+                            geoData,
+                            statData,
+                            showEditTemplate: true
+                        },
+                        localVue,
+                        store
+                    }),
+                    file = new File([""], "test.js");
+
+                expect(wrapper.vm.handleFile(file)).to.be.undefined;
+                wrapper.destroy();
+            });
+            it.skip("should return undefined, if the file name doesn't exist", () => {
+                const wrapper = shallowMount(TemplateAdminForm, {
+                        propsData: {
+                            geoData,
+                            statData,
+                            showEditTemplate: true
+                        },
+                        localVue,
+                        store
+                    }),
+                    file = new File([""], "");
+
+                expect(wrapper.vm.handleFile(file)).to.be.undefined;
+                wrapper.destroy();
+            });
+        });
+    });
+});
diff --git a/cosi/TemplateAdmin/tests/unit/components/TemplateAdminFormCard.spec.js b/cosi/TemplateAdmin/tests/unit/components/TemplateAdminFormCard.spec.js
new file mode 100644
index 000000000..8b9fe628c
--- /dev/null
+++ b/cosi/TemplateAdmin/tests/unit/components/TemplateAdminFormCard.spec.js
@@ -0,0 +1,178 @@
+import {config, createLocalVue, shallowMount} from "@vue/test-utils";
+import {expect} from "chai";
+import Vuex from "vuex";
+import TemplateAdminFormCard from "../../../components/TemplateAdminFormCard.vue";
+import indexTemplateAdmin from "../../../store/indexTemplateAdmin";
+import sinon from "sinon/pkg/sinon-esm";
+
+const localVue = createLocalVue();
+
+localVue.use(Vuex);
+config.mocks.$t = key => key;
+
+describe("addons/cosi/TemplateAdmin/components/TemplateAdminFormCard.vue", () => {
+    const store = new Vuex.Store({
+        namespaced: true,
+        modules: {
+            Tools: {
+                namespaced: true,
+                modules: {
+                    TemplateAdmin: indexTemplateAdmin
+                }
+            }
+        }
+    });
+
+    afterEach(() => {
+        sinon.restore();
+    });
+
+    describe("Component DOM", () => {
+        it("should render card", () => {
+            const wrapper = shallowMount(TemplateAdminFormCard, {
+                propsData: {
+                    title: "Card Title",
+                    label: "Label",
+                    unit: "%"
+                },
+                localVue,
+                store
+            });
+
+            expect(wrapper.find(".card").exists()).to.be.true;
+            wrapper.destroy();
+        });
+        it("should render close button", () => {
+            const wrapper = shallowMount(TemplateAdminFormCard, {
+                propsData: {
+                    title: "Card Title",
+                    label: "Label",
+                    unit: "%"
+                },
+                localVue,
+                store
+            });
+
+            expect(wrapper.find(".close-button").exists()).to.be.true;
+            wrapper.destroy();
+        });
+        it("should render input group", () => {
+            const wrapper = shallowMount(TemplateAdminFormCard, {
+                propsData: {
+                    title: "Card Title",
+                    label: "Label",
+                    unit: "%"
+                },
+                localVue,
+                store
+            });
+
+            expect(wrapper.find(".input-group").exists()).to.be.true;
+            wrapper.destroy();
+        });
+        it("should not render input group if unit is false", () => {
+            const wrapper = shallowMount(TemplateAdminFormCard, {
+                propsData: {
+                    title: "Card Title",
+                    label: "Label",
+                    unit: false
+                },
+                localVue,
+                store
+            });
+
+            expect(wrapper.find(".input-group").exists()).to.be.false;
+            wrapper.destroy();
+        });
+    });
+
+    describe("User Interaction", () => {
+        it("should emit 'removeCard' if the user click on close button", async () => {
+            const wrapper = shallowMount(TemplateAdminFormCard, {
+                    propsData: {
+                        title: "Card Title",
+                        label: "Label",
+                        unit: "%"
+                    },
+                    localVue,
+                    store
+                }),
+                button1 = wrapper.find(".close-button");
+
+            await button1.trigger("click");
+            expect(wrapper.emitted()).to.have.property("removeCard");
+            wrapper.destroy();
+        });
+    });
+
+    describe("Methods", () => {
+        describe("checkNumber", () => {
+            it("should return false if it is not number or comma", async () => {
+                const wrapper = shallowMount(TemplateAdminFormCard, {
+                        propsData: {
+                            title: "Card Title",
+                            label: "Label",
+                            unit: "%"
+                        },
+                        localVue,
+                        store
+                    }),
+                    event = {keyCode: 106, preventDefault: () => ""};
+
+                expect(wrapper.vm.checkNumber(event)).to.be.false;
+                wrapper.destroy();
+            });
+
+            it("should return true if it is number", async () => {
+                const wrapper = shallowMount(TemplateAdminFormCard, {
+                        propsData: {
+                            title: "Card Title",
+                            label: "Label",
+                            unit: "%"
+                        },
+                        localVue,
+                        store
+                    }),
+                    event = {keyCode: 52, preventDefault: () => ""};
+
+                expect(wrapper.vm.checkNumber(event)).to.be.true;
+                wrapper.destroy();
+            });
+
+            it("should return true if it is comma", async () => {
+                const wrapper = shallowMount(TemplateAdminFormCard, {
+                        propsData: {
+                            title: "Card Title",
+                            label: "Label",
+                            unit: "%"
+                        },
+                        localVue,
+                        store
+                    }),
+                    event = {keyCode: 44, preventDefault: () => ""};
+
+                expect(wrapper.vm.checkNumber(event)).to.be.true;
+                wrapper.destroy();
+            });
+        });
+        describe("checkComma", () => {
+            it("should remove the last several comma", async () => {
+                const wrapper = shallowMount(TemplateAdminFormCard, {
+                    propsData: {
+                        title: "Card Title",
+                        label: "Label",
+                        unit: "%"
+                    },
+                    localVue,
+                    store
+                });
+
+                wrapper.setData({referenceValue: "2,3,,,,,,"});
+                await wrapper.vm.$nextTick();
+                await wrapper.vm.checkComma();
+                expect(wrapper.vm.referenceValue).to.be.equal("2,3");
+                wrapper.destroy();
+            });
+        });
+    });
+});
diff --git a/cosi/TemplateManager/components/TemplateManager.vue b/cosi/TemplateManager/components/TemplateManager.vue
index 1b9255227..294244861 100644
--- a/cosi/TemplateManager/components/TemplateManager.vue
+++ b/cosi/TemplateManager/components/TemplateManager.vue
@@ -6,17 +6,24 @@ import getters from "../store/gettersTemplateManager";
 import mutations from "../store/mutationsTemplateManager";
 import actions from "../store/actionsTemplateManager";
 import ToolInfo from "../../components/ToolInfo.vue";
+import TemplateManagerImport from "./TemplateManagerImport.vue";
 import axios from "axios";
+import mapping from "../../assets/mapping.json";
+import {getItemsByAttributes, addModelsByAttributes, getModelByAttributes} from "../../utils/radioBridge";
+import Multiselect from "vue-multiselect";
 
 export default {
     name: "TemplateManager",
     components: {
         Tool,
-        ToolInfo
+        ToolInfo,
+        TemplateManagerImport,
+        Multiselect
     },
     data () {
         return {
             templates: [],
+            selectedTemplateName: false,
             filters: []
         };
     },
@@ -25,7 +32,38 @@ export default {
         ...mapGetters("Tools/TemplateManager", Object.keys(getters)),
         ...mapGetters("Tools/SaveSession", []),
         ...mapGetters("Tools/DistrictSelector", ["districtLevels"]),
-        ...mapGetters("Tools/FeaturesList", ["flatLayerMapping"])
+
+        /**
+         * Checks whether at least one template is available.
+         * @returns {Boolean} True if it is.
+         */
+        hasTemplates () {
+            return this.templates.length > 0;
+        },
+
+        /**
+         * Gets the current selected template.
+         * @returns {Object} The selected template.
+         */
+        selectedTemplate () {
+            return this.templates.find(template => template.meta.title === this.selectedTemplateName);
+        },
+
+        /**
+         * Gets the index of the selected template.
+         * @returns {Number} The index.
+         */
+        selectedTemplateIndex () {
+            return this.templates.findIndex(template => template.meta.title === this.selectedTemplateName);
+        },
+
+        /**
+         * Gets the titles of all templates.
+         * @returns {String[]} The titles.
+         */
+        templateTitles () {
+            return this.templates.map(template => template.meta.title);
+        }
     },
     watch: {
         /**
@@ -59,6 +97,7 @@ export default {
     methods: {
         ...mapMutations("Tools/TemplateManager", Object.keys(mutations)),
         ...mapActions("Tools/TemplateManager", Object.keys(actions)),
+        ...mapMutations("Tools/DistrictSelector", ["setMapping"]),
         ...mapActions("Tools/SaveSession", ["loadSessionData"]),
 
         /**
@@ -84,21 +123,22 @@ export default {
             }
 
             this.templates = templates;
+            this.selectedTemplateName = this.templates[0].meta.title;
         },
 
         createFilterObjects () {
             this.filters = this.templates.map(template => ({
-                activeLayerList: Object.fromEntries(this.getActiveLayerList(template).map(el => [el.layerId, true])),
+                name: template.meta.title,
+                activeLayerList: Object.fromEntries(this.getActiveLayerList(template).map(el => [el.id, true])),
                 selectedDistrictNames: Object.fromEntries(this.getSelectedDistricts(template).map(el => [el, true])),
                 statsCategories: Object.fromEntries(this.getStatsCategories(template).map(el => [el, true])),
                 calculations: Object.fromEntries(this.getCalculations(template).map(el => [el.id, true]))
             }));
         },
 
-        applyFilters (template, index) {
+        applyFilters (template, filter) {
             const
                 _template = JSON.parse(JSON.stringify(template)),
-                filter = this.filters[index],
                 activeLayerList = Object.keys(filter.activeLayerList).filter(key => filter.activeLayerList[key]),
                 selectedDistrictNames = Object.keys(filter.selectedDistrictNames).filter(key => filter.selectedDistrictNames[key]),
                 statsCategories = Object.keys(filter.statsCategories).filter(key => filter.statsCategories[key]),
@@ -121,23 +161,74 @@ export default {
         },
 
         loadFromTemplate (template, index) {
-            const _template = this.applyFilters(template, index);
+            template.meta.isActive = true;
+
+            const _template = this.applyFilters(template, this.filters[index]),
+                startingTool = template?.state?.Tools?.toolToOpen;
+
+            if (this.useTemplatesForMapping) {
+                template.meta.time = new Date().getTime();
+                this.createMappingByTemplates(this.templates, mapping);
+            }
 
             this.loadSessionData(_template);
             this.setActive(false);
+            this.openTool(startingTool);
+            this.loadLayer(_template?.state?.Maps?.layerIds);
+
         },
 
-        showTemplateInfo (template) {
-            this.addSingleAlert({
-                content: template.meta?.info,
-                category: "Info",
-                displayClass: "info"
-            });
+        /**
+         * Loading the layers from id
+         * @param {String[]} layerIds The layer Id list
+         * @returns {void}
+         */
+        loadLayer (layerIds) {
+            if (Array.isArray(layerIds) && layerIds.length) {
+                layerIds.forEach(layerId => {
+                    if (!getModelByAttributes({id: layerId})) {
+                        addModelsByAttributes({id: layerId});
+                    }
+
+                    const model = getModelByAttributes({id: layerId});
+
+                    if (model) {
+                        model.set("isSelected", true);
+                    }
+                });
+            }
+        },
+
+        /**
+         * Opening a tool after loading the template
+         * @param {String} startingTool - the starting tool to open after loading the template
+         * @returns {void}
+         */
+        openTool (startingTool) {
+            if (typeof startingTool === "string") {
+                this.$store.dispatch("Tools/setToolActive", {id: startingTool, active: true});
+            }
+            else if (typeof this.toolToOpen === "string") {
+                this.$store.dispatch("Tools/setToolActive", {id: this.toolToOpen, active: true});
+            }
         },
 
+        /**
+         * Returns active layerList
+         * @param {Object} template - The template.
+         * @returns {Array} array of layer
+         */
         getActiveLayerList (template) {
-            return this.flatLayerMapping
-                .filter(layer => (template.state?.Maps?.layerIds || []).includes(layer.layerId));
+            if (Array.isArray(template?.state?.Maps?.layerIds) && template.state.Maps.layerIds.length === 0) {
+                return [];
+            }
+            const layers = getItemsByAttributes({type: "layer"});
+
+            if (!Array.isArray(layers)) {
+                return [];
+            }
+
+            return layers.filter(layer => template.state.Maps.layerIds.includes(layer.id));
         },
 
         getActiveTool (template) {
@@ -147,21 +238,95 @@ export default {
         },
 
         getActiveDistrictLevel (template) {
-            const layerId = template.state.Tools?.DistrictSelector?.selectedDistrictLevelId;
+            const layerId = template?.state?.Tools?.DistrictSelector?.selectedDistrictLevelId;
 
-            return this.districtLevels.find(districtLevel => districtLevel.layerId === layerId)?.label;
+            return this.districtLevels?.find(districtLevel => districtLevel.layerId === layerId)?.label;
         },
 
         getSelectedDistricts (template) {
-            return template.state.Tools?.DistrictSelector?.selectedDistrictNames || [];
+            return template?.state?.Tools?.DistrictSelector?.selectedDistrictNames || [];
         },
 
         getStatsCategories (template) {
-            return template.state.Tools?.Dashboard?.statsFeatureFilter || [];
+            return template?.state?.Tools?.Dashboard?.statsFeatureFilter || [];
+        },
+
+        getInitTool (template) {
+            return template?.state?.Tools?.toolToOpen;
         },
 
         getCalculations (template) {
-            return template.state.Tools?.Dashboard?.calculations || [];
+            return template?.state?.Tools?.Dashboard?.calculations || [];
+        },
+
+        /**
+         * Adds a template to the list of templates.
+         * @param {Object} template - The template to add.
+         * @returns {void}
+         */
+        addTemplate (template) {
+            this.templates.push(template);
+            this.selectedTemplateName = template.meta.title;
+        },
+
+        /*
+         * Creates a new mapping based on the statistical data in the templates.
+         * The name of the template is used as the name of the group.
+         * @param {Object[]} templates - All available templates.
+         * @param {Object[]} initMapping - The mapping array for statistical data.
+         * @returns {void}
+         */
+        createMappingByTemplates (templates, initMapping) {
+            const activeTemplates = templates.filter(template => template.meta.isActive),
+                sortedTemplates = activeTemplates.sort((a, b) => b.meta.time - a.meta.time),
+                newMapping = [];
+
+            sortedTemplates.forEach(template => {
+                const filterForTemplate = this.filters.find(filter => filter.name === template.meta.title),
+                    _template = this.applyFilters(template, filterForTemplate),
+                    statsFeatures = _template.state?.Tools?.Dashboard?.statsFeatureFilter,
+                    orientationValues = _template.state?.Tools?.Dashboard?.orientationValues;
+
+                if (statsFeatures) {
+                    statsFeatures.forEach(statName => {
+                        const mappingObject = initMapping.find(obj => obj.value === statName),
+                            newMappingObject = {};
+
+                        if (mappingObject) {
+                            Object.assign(newMappingObject, mappingObject);
+                            newMappingObject.value = statName;
+                            newMappingObject.group = template.meta.title;
+                            if (orientationValues && Array.isArray(orientationValues) && orientationValues.length > 0) {
+                                newMappingObject.orientationValue = this.getOrientationValueByStatistic(orientationValues, statName);
+                            }
+                            newMapping.push(newMappingObject);
+                        }
+                    });
+                }
+                else {
+                    initMapping.forEach(mapp => {
+                        const newMappingObject = Object.assign({}, mapp);
+
+                        newMappingObject.group = template.meta.title;
+                        newMapping.push(newMappingObject);
+                    });
+                }
+            });
+
+            if (newMapping.length > 0) {
+                this.setMapping(newMapping);
+            }
+        },
+
+        /**
+         * Gets the orientation value for a statistic.
+         * @param {Object[]} orientationValues - The orientation values.
+         * @param {String} stat - The statistic for which the value is looked for.
+         * @returns {String} The value of the statistic or "-" if none is available.
+         */
+        getOrientationValueByStatistic (orientationValues, stat) {
+            return orientationValues.find(orientation => orientation.statisticName === stat)?.value || "-";
+
         }
     }
 };
@@ -176,194 +341,254 @@ export default {
         :render-to-window="renderToWindow"
         :resizable-window="resizableWindow"
         :deactivate-gfi="deactivateGFI"
+        :initial-width="700"
     >
         <template
             v-if="active"
             #toolBody
         >
-            <v-app class="clamp-40vw">
-                <v-container>
-                    <ToolInfo
-                        :url="readmeUrl"
-                        :locale="currentLocale"
-                    />
-                    <div class="mb-2">
-                        {{ $t("additional:modules.tools.cosi.templateManager.infoLoadFromTemplates") }}
+            <div
+                id="template-manager"
+                class="container"
+            >
+                <ToolInfo
+                    :url="readmeUrl"
+                    :locale="currentLocale"
+                    :summary="$t('additional:modules.tools.cosi.templateManager.infoLoadFromTemplates')"
+                />
+                <TemplateManagerImport
+                    v-if="useImport"
+                    @addTemplate="addTemplate"
+                />
+                <label
+                    class="col col-md form-label p-0 m-0"
+                    for="select-template"
+                >
+                    {{ $t("additional:modules.tools.cosi.templateManager.label.selectTemplate") }}
+                </label>
+                <Multiselect
+                    v-if="hasTemplates"
+                    id="select-template"
+                    v-model="selectedTemplateName"
+                    class="mb-4"
+                    :options="templateTitles"
+                    :close-on-select="true"
+                    :show-labels="false"
+                    :allow-empty="false"
+                    :multiple="false"
+                    :placeholder="$t('additional:modules.tools.cosi.templateManager.label.selectTemplate')"
+                />
+                <div class="mb-4">
+                    <label for="selected-template-created">
+                        {{ $t("additional:modules.tools.cosi.templateManager.label.created") }}
+                    </label>
+                    <p id="selected-template-created">
+                        {{ selectedTemplate?.meta?.created || $t('additional:modules.tools.cosi.templateManager.noInfo') }}
+                    </p>
+                </div>
+                <div class="mb-4">
+                    <label for="selected-template-title">
+                        {{ $t("additional:modules.tools.cosi.templateManager.label.name") }}
+                    </label>
+                    <p id="selected-template-title">
+                        {{ selectedTemplate?.meta?.title || $t('additional:modules.tools.cosi.templateManager.noInfo') }}
+                    </p>
+                </div>
+                <div
+                    v-if="selectedTemplate?.meta?.info"
+                    class="mb-4"
+                >
+                    <label for="selected-template-description">
+                        {{ $t("additional:modules.tools.cosi.templateManager.label.description") }}
+                    </label>
+                    <p id="selected-template-description">
+                        {{ selectedTemplate?.meta?.info }}
+                    </p>
+                </div>
+                <div
+                    v-if="getActiveLayerList(selectedTemplate).length > 0"
+                    class="mb-4"
+                >
+                    <label for="selected-template-layer">
+                        {{ $t("additional:modules.tools.cosi.templateManager.label.layers") }}
+                    </label>
+                    <div id="selected-template-layer">
+                        <v-chip
+                            v-for="layerMap in getActiveLayerList(selectedTemplate)"
+                            :key="selectedTemplate.meta.title + layerMap.id"
+                            class="m-1"
+                            small
+                        >
+                            {{ layerMap.name }}
+                            <v-checkbox
+                                v-model="filters[selectedTemplateIndex].activeLayerList[layerMap.id]"
+                                small
+                            />
+                        </v-chip>
+                    </div>
+                </div>
+                <div
+                    v-if="getActiveDistrictLevel(selectedTemplate)"
+                    class="mb-4"
+                >
+                    <label for="selected-template-level">
+                        {{ $t("additional:modules.tools.cosi.templateManager.label.districtLevel") }}
+                    </label>
+                    <p id="selected-template-level">
+                        {{ getActiveDistrictLevel(selectedTemplate) }}
+                    </p>
+                </div>
+                <div
+                    v-if="getSelectedDistricts(selectedTemplate).length > 0"
+                    class="mb-4"
+                >
+                    <label for="selected-template-districts">
+                        {{ $t("additional:modules.tools.cosi.templateManager.label.selectedDistricts") }}
+                    </label>
+                    <div id="selected-template-districts">
+                        <v-chip
+                            v-for="districtName in getSelectedDistricts(selectedTemplate)"
+                            :key="selectedTemplate.meta.title + districtName"
+                            class="m-1"
+                            small
+                        >
+                            {{ districtName }}
+                            <v-checkbox
+                                v-model="filters[selectedTemplateIndex].selectedDistrictNames[districtName]"
+                                small
+                            />
+                        </v-chip>
                     </div>
-                    <v-divider />
-                    <div>
-                        <span class="text-subtitle-2">
-                            {{ $t("additional:modules.tools.cosi.templateManager.loadFromTemplate") }}
-                        </span>
+                </div>
+                <div
+                    v-if="getStatsCategories(selectedTemplate).length > 0"
+                    class="mb-4"
+                >
+                    <label for="selected-template-statistics">
+                        {{ $t("additional:modules.tools.cosi.templateManager.label.categories") }}
+                    </label>
+                    <div id="selected-template-statistics">
+                        <v-chip
+                            v-for="category in getStatsCategories(selectedTemplate)"
+                            :key="selectedTemplate.meta.title + category"
+                            class="m-1"
+                            small
+                        >
+                            {{ category }}
+                            <v-checkbox
+                                v-model="filters[selectedTemplateIndex].statsCategories[category]"
+                                small
+                            />
+                        </v-chip>
                     </div>
-                    <v-list dense>
-                        <v-list-group
-                            v-for="(template, i) in templates"
-                            :key="i"
-                            color="primary"
-                            :prepend-icon="template.meta.icon"
-                            no-action
+                </div>
+                <div
+                    v-if="getInitTool(selectedTemplate)"
+                    class="mb-4"
+                >
+                    <label for="selected-template-tool">
+                        {{ $t("additional:modules.tools.cosi.templateManager.label.addTool") }}
+                    </label>
+                    <p id="selected-template-tool">
+                        {{ getInitTool(selectedTemplate) }}
+                    </p>
+                </div>
+                <div
+                    v-if="getCalculations(selectedTemplate).length > 0"
+                    class="mb-4"
+                >
+                    <label for="selected-template-calculations">
+                        {{ $t("additional:modules.tools.cosi.templateManager.label.calculations") }}
+                    </label>
+                    <div id="selected-template-calculations">
+                        <v-chip
+                            v-for="(calculation, j) in getCalculations(selectedTemplate)"
+                            :key="selectedTemplate.meta.title + 'calculation' + j"
+                            class="m-1"
+                            small
                         >
-                            <template #activator>
-                                <v-list-item-content>
-                                    <v-list-item-title>
-                                        {{ template.meta.title }}
-                                    </v-list-item-title>
-                                </v-list-item-content>
-                            </template>
-
-                            <v-list-item class="template">
-                                <v-list-item-content class="no-flex">
-                                    <v-row>
-                                        <v-simple-table
-                                            class="info-table"
-                                            dense
-                                        >
-                                            <template #default>
-                                                <tbody>
-                                                    <tr>
-                                                        <th v-text="$t('additional:modules.tools.cosi.templateManager.created')" />
-                                                        <td v-text="template.meta.created" />
-                                                    </tr>
-                                                    <tr>
-                                                        <th v-text="$t('additional:modules.tools.cosi.templateManager.info')" />
-                                                        <td v-html="template.meta.info || $t('additional:modules.tools.cosi.templateManager.noInfo')" />
-                                                    </tr>
-                                                    <tr>
-                                                        <th v-text="$t('additional:modules.tools.cosi.templateManager.layers')" />
-                                                        <td>
-                                                            <v-chip
-                                                                v-for="layerMap in getActiveLayerList(template)"
-                                                                :key="template.meta.title + layerMap.id"
-                                                                class="ma-1"
-                                                                small
-                                                            >
-                                                                {{ layerMap.id }}
-                                                                <v-checkbox
-                                                                    v-model="filters[i].activeLayerList[layerMap.layerId]"
-                                                                    small
-                                                                />
-                                                            </v-chip>
-                                                        </td>
-                                                    </tr>
-                                                    <tr v-if="getActiveDistrictLevel(template)">
-                                                        <th>
-                                                            {{ $t("additional:modules.tools.cosi.templateManager.districtLevel") }}
-                                                        </th>
-                                                        <td>
-                                                            {{ getActiveDistrictLevel(template) }}
-                                                        </td>
-                                                    </tr>
-                                                    <tr v-if="getSelectedDistricts(template).length > 0">
-                                                        <th>
-                                                            {{ $t("additional:modules.tools.cosi.templateManager.selectedDistricts") }}
-                                                        </th>
-                                                        <td>
-                                                            <v-chip
-                                                                v-for="districtName in getSelectedDistricts(template)"
-                                                                :key="template.meta.title + districtName"
-                                                                class="ma-1"
-                                                                small
-                                                            >
-                                                                {{ districtName }}
-                                                                <v-checkbox
-                                                                    v-model="filters[i].selectedDistrictNames[districtName]"
-                                                                    small
-                                                                />
-                                                            </v-chip>
-                                                        </td>
-                                                    </tr>
-                                                    <tr v-if="getStatsCategories(template).length > 0">
-                                                        <th v-text="$t('additional:modules.tools.cosi.templateManager.categories')" />
-                                                        <td>
-                                                            <v-chip
-                                                                v-for="category in getStatsCategories(template)"
-                                                                :key="template.meta.title + category"
-                                                                class="ma-1"
-                                                                small
-                                                            >
-                                                                {{ category }}
-                                                                <v-checkbox
-                                                                    v-model="filters[i].statsCategories[category]"
-                                                                    small
-                                                                />
-                                                            </v-chip>
-                                                        </td>
-                                                    </tr>
-                                                    <tr v-if="getCalculations(template).length > 0">
-                                                        <th v-text="$t('additional:modules.tools.cosi.templateManager.calculations')" />
-                                                        <td>
-                                                            <v-chip
-                                                                v-for="(calculation, j) in getCalculations(template)"
-                                                                :key="template.meta.title + 'calculation' + j"
-                                                                class="ma-1"
-                                                                small
-                                                            >
-                                                                {{ calculation.id }}
-                                                                <v-checkbox
-                                                                    v-model="filters[i].calculations[calculation.id]"
-                                                                    small
-                                                                />
-                                                            </v-chip>
-                                                        </td>
-                                                    </tr>
-                                                    <tr v-if="getActiveTool(template)">
-                                                        <th>
-                                                            {{ $t("additional:modules.tools.cosi.templateManager.activeTool") }}
-                                                        </th>
-                                                        <td>
-                                                            {{ getActiveTool(template) }}
-                                                        </td>
-                                                    </tr>
-                                                </tbody>
-                                            </template>
-                                        </v-simple-table>
-                                    </v-row>
-                                    <v-divider />
-                                    <v-row justify="end">
-                                        <v-col class="right-text">
-                                            <v-btn
-                                                id="load"
-                                                dense
-                                                small
-                                                tile
-                                                color="grey lighten-1"
-                                                :title="$t('additional:modules.tools.cosi.saveSession.infoLoadFromTemplates')"
-                                                @click="loadFromTemplate(template, i)"
-                                            >
-                                                <v-icon left>
-                                                    mdi-open-in-app
-                                                </v-icon>
-                                                {{ $t('additional:modules.tools.cosi.saveSession.loadFromTemplate') }}
-                                            </v-btn>
-                                        </v-col>
-                                    </v-row>
-                                </v-list-item-content>
-                            </v-list-item>
-                        </v-list-group>
-                    </v-list>
-                </v-container>
-            </v-app>
+                            {{ calculation.id }}
+                            <v-checkbox
+                                v-model="filters[selectedTemplateIndex].calculations[calculation.id]"
+                                small
+                            />
+                        </v-chip>
+                    </div>
+                </div>
+                <button
+                    class="btn btn-outline lh-1 fs-5"
+                    @click="loadFromTemplate(selectedTemplate, selectedTemplateIndex)"
+                >
+                    <i class="bi bi-file-earmark-plus pe-2" />{{ $t("additional:modules.tools.cosi.templateManager.loadFromTemplate") }}
+                </button>
+            </div>
         </template>
     </Tool>
 </template>
 
 <style lang="scss" scoped>
-    @import "../../utils/variables.scss";
+    @import "~variables";
 
-    .hidden {
-        display: hidden;
-    }
-    .template-info-button {
-        margin-right: 20px;
-    }
-    .info-table {
-        max-width: 640px;
-    }
-    .clamp-40vw .v-list-group--no-action >.v-list-group__items >.v-list-item.template {
-        padding-left: 0;
+    #template-manager {
+        font-family: $font_family_default;
+
+        label {
+            color: $dark_grey;
+            font-family: $font_family_accent;
+        }
+
+        .btn-outline {
+            border-color: $light_blue;
+            color: $light_blue;
+        }
+       .btn-outline:hover {
+            cursor: pointer;
+            background-color: $light_blue;
+            color: $white;
+       }
     }
-    .no-flex {
-        display: block;
+</style>
+
+<style lang="scss">
+    @import "~variables";
+
+    #template-manager {
+        .multiselect, .multiselect__input, .multiselect__single {
+            font-family: inherit;
+            font-size: 12px;
+        }
+
+        .multiselect__option--selected.multiselect__option--highlight,
+        .multiselect__option--selected.multiselect__option--highlight:after,
+        .multiselect__option:after,
+        .multiselect__option--selected,
+        .multiselect__option--selected:after {
+            background: $light_blue;
+            color: $white;
+            font-weight: normal;
+        }
+
+        .multiselect__option--highlight,
+        .multiselect__option--highlight:after {
+            background: $light_grey;
+            color: $black;
+        }
+
+
+        .multiselect__select {
+            padding: 4px 8px 10px 8px;
+        }
+
+        .multiselect__tags {
+            border-radius: 0;
+        }
+
+        .multiselect__placeholder {
+            margin-bottom: 7px
+        }
+
+        .multiselect__option--selected {
+            font-family: $font_family_accent
+        }
     }
 </style>
diff --git a/cosi/TemplateManager/components/TemplateManagerImport.vue b/cosi/TemplateManager/components/TemplateManagerImport.vue
new file mode 100644
index 000000000..999b600d2
--- /dev/null
+++ b/cosi/TemplateManager/components/TemplateManagerImport.vue
@@ -0,0 +1,185 @@
+<script>
+import {mapGetters, mapActions} from "vuex";
+import getters from "../store/gettersTemplateManager";
+
+export default {
+    name: "TemplateManagerImport",
+    computed: {
+        ...mapGetters("Tools/TemplateManager", Object.keys(getters))
+    },
+    methods: {
+        ...mapActions("Alerting", ["addSingleAlert"]),
+
+        /**
+         * Triggers the click event on the file input to open the explorer.
+         * @returns {void}
+         */
+        triggerFileInput () {
+            this.$el.querySelector("#file-input").click();
+        },
+
+        /**
+         * Loading the data from files.
+         * @param {Event} evt - A input change event.
+         * @returns {void}
+         */
+        loadFiles (evt) {
+            for (const file of evt.target.files) {
+                if (!file.type.match("application/json")) {
+                    this.addSingleAlert({
+                        content: `${file.name}: ${this.$t("additional:modules.tools.cosi.templateManager.errors.wrongFileFormat")}`,
+                        category: "Warning",
+                        displayClass: "warning"
+                    });
+                    continue;
+                }
+                const reader = new FileReader();
+
+                reader.onload = this.parseFileContent;
+                reader.readAsText(file);
+            }
+            this.$refs.form.reset();
+        },
+
+        /**
+         * Parses the file content to JSON and emits it.
+         * @param {Event} evt - A file reader load event.
+         * @returns {void}
+         */
+        parseFileContent (evt) {
+            let template = {};
+
+            try {
+                template = JSON.parse(evt?.target?.result);
+            }
+            catch (err) {
+                this.addSingleAlert({
+                    content: `${this.$t("additional:modules.tools.cosi.templateManager.errors.invalid")}`,
+                    category: "Warning",
+                    displayClass: "warning"
+                });
+                return;
+            }
+
+            if (!Object.prototype.hasOwnProperty.call(template, "meta")) {
+                const attribute = "Meta";
+
+                this.addSingleAlert({
+                    content: `${this.$t("additional:modules.tools.cosi.templateManager.errors.invalid")} ${this.$t("additional:modules.tools.cosi.templateManager.errors.attErr", {attribute})}`,
+                    category: "Warning",
+                    displayClass: "warning"
+                });
+                return;
+            }
+            if (!Object.prototype.hasOwnProperty.call(template?.meta, "title")) {
+                const attribute = "Title";
+
+                this.addSingleAlert({
+                    content: `${this.$t("additional:modules.tools.cosi.templateManager.errors.invalid")} ${this.$t("additional:modules.tools.cosi.templateManager.errors.attErr", {attribute})}`,
+                    category: "Warning",
+                    displayClass: "warning"
+                });
+                return;
+            }
+            if (!Object.prototype.hasOwnProperty.call(template, "state")) {
+                const attribute = "State";
+
+                this.addSingleAlert({
+                    content: `${this.$t("additional:modules.tools.cosi.templateManager.errors.invalid")} ${this.$t("additional:modules.tools.cosi.templateManager.errors.attErr", {attribute})}`,
+                    category: "Warning",
+                    displayClass: "warning"
+                });
+                return;
+            }
+            if (!Object.prototype.hasOwnProperty.call(template?.state, "Tools")) {
+                const attribute = "Tools";
+
+                this.addSingleAlert({
+                    content: `${this.$t("additional:modules.tools.cosi.templateManager.errors.invalid")} ${this.$t("additional:modules.tools.cosi.templateManager.errors.attErr", {attribute})}`,
+                    category: "Warning",
+                    displayClass: "warning"
+                });
+                return;
+            }
+            if (!Object.prototype.hasOwnProperty.call(template?.state?.Tools, "Dashboard")) {
+                const attribute = "Dashboard";
+
+                this.addSingleAlert({
+                    content: `${this.$t("additional:modules.tools.cosi.templateManager.errors.invalid")} ${this.$t("additional:modules.tools.cosi.templateManager.errors.attErr", {attribute})}`,
+                    category: "Warning",
+                    displayClass: "warning"
+                });
+                return;
+            }
+            if (!Object.prototype.hasOwnProperty.call(template?.state?.Tools?.Dashboard, "statsFeatureFilter")) {
+                const attribute = "statsFeatureFilter";
+
+                this.addSingleAlert({
+                    content: `${this.$t("additional:modules.tools.cosi.templateManager.errors.invalid")} ${this.$t("additional:modules.tools.cosi.templateManager.errors.attErr", {attribute})}`,
+                    category: "Warning",
+                    displayClass: "warning"
+                });
+                return;
+            }
+
+            if (Array.isArray(this.importedTemplateNames) && this.importedTemplateNames.includes(template?.meta?.title)) {
+                this.addSingleAlert({
+                    content: `${this.$t("additional:modules.tools.cosi.templateManager.errors.templateName")} ${template?.meta?.title} ${this.$t("additional:modules.tools.cosi.templateManager.errors.isLoaded")}`,
+                    category: "Warning",
+                    displayClass: "warning"
+                });
+
+                return;
+            }
+            this.importedTemplateNames.push(template?.meta?.title);
+
+            this.$emit("addTemplate", template);
+        }
+    }
+};
+</script>
+
+<template lang="html">
+    <div id="template-manager-import">
+        <button
+            class="btn btn-outline lh-1 fs-5 mb-3"
+            @click="triggerFileInput"
+        >
+            <i class="bi bi-upload pe-2" />{{ $t("additional:modules.tools.cosi.templateManager.importTemplate") }}
+        </button>
+        <form ref="form">
+            <label for="file-input">
+                <input
+                    id="file-input"
+                    type="file"
+                    multiple
+                    class="d-none"
+                    @change="loadFiles"
+                >
+            </label>
+        </form>
+    </div>
+</template>
+
+<style lang="scss" scoped>
+    @import "~variables";
+
+    #template-manager-import {
+        font-family: $font_family_default;
+
+        .btn-outline {
+            border-color: $light_blue;
+            color: $light_blue;
+        }
+       .btn-outline:hover {
+            cursor: pointer;
+            background-color: $light_blue;
+            color: $white;
+       }
+
+       form {
+            height: 0;
+       }
+    }
+
+</style>
diff --git a/cosi/TemplateManager/doc/config.json.md b/cosi/TemplateManager/doc/config.json.md
index e69de29bb..b9ae0fea6 100644
--- a/cosi/TemplateManager/doc/config.json.md
+++ b/cosi/TemplateManager/doc/config.json.md
@@ -0,0 +1,23 @@
+**TemplateManager**
+
+Mit diesem Tool können Vorlagen zu verschieden Themenkomplexen und Arbeitsfeldern geladen werden. Diese können Fachdatenthemen, aktive Werkzeuge und eine Gebietsauswahl beinhalten.
+
+|Name|Verpflichtend| Typ|Default|Beschreibung|
+|----|-------------|----|-------|------------|
+|name|nein|String|Gebiet auswählen|Name des Werkzeuges im Menu.|
+|icon|nein|String|bi-image|CSS Klasse des Glyphicons, das vor dem Toolnamen im Menu angezeigt wird.|
+|toolToOpen|nein|String| |Das Werkzeug, das nach dem Schließen des DistrictSelector geöffnet wird.|
+|useImport|nein|Boolean|false|Bietet die Möglichkeit Vorlagen zu importieren.|
+|useTemplatesForMapping|nein|Boolean|false|Dadurch wird das 'Mapping' in CoSI mit den Daten aus den Vorlagen überschrieben.|
+
+**Beispiel**
+```
+"templateManager": {
+  "active": true,
+  "name": "Vorlagen",
+  "toolToOpen": "Dashboard",
+  "useImport": false,
+  "useTemplatesForMapping": false
+```
+
+***
diff --git a/cosi/TemplateManager/locales/de/additional.json b/cosi/TemplateManager/locales/de/additional.json
index ffa417e4b..3f2c0c94a 100644
--- a/cosi/TemplateManager/locales/de/additional.json
+++ b/cosi/TemplateManager/locales/de/additional.json
@@ -4,17 +4,31 @@
             "cosi": {
                 "templateManager": {
                     "title": "Vorlagen",
+                    "importTemplate": "Vorlage importieren",
                     "loadFromTemplate": "Vorlage laden",
                     "infoLoadFromTemplates": "Laden Sie eine thematische Basis-Konfiguration für fachspezifische Analysen. Welche Inhalte durch die Vorlage geladen werden entnehmen Sie der Vorlagenübersicht. Manche Vorlagen beinhalten eine Gebietsauswahl, bei anderen können Sie das Gebiet zuvor selbst auswählen.",
-                    "noInfo": "Keine Beschreibung verfügbar",
-                    "created": "Erstellt",
-                    "info": "Beschreibung",
-                    "layers": "Themen",
-                    "districtLevel": "Bezugsrahmen",
-                    "selectedDistricts": "Ausgewählte Gebiete",
+                    "noInfo": "Nicht vorhanden",
+                    "label": {
+                      "selectTemplate": "Vorlage auswählen",
+                      "created": "Erstellt",
+                      "name": "Name",
+                      "description": "Beschreibung",
+                      "layers": "Themen",
+                      "districtLevel": "Bezugsrahmen",
+                      "selectedDistricts": "Ausgewählte Gebiete",
+                      "categories": "Statistische Daten",
+                      "addTool": "Starter Werkzeug",
+                      "calculations": "Berechnungen"
+                    },
                     "activeTool": "Aktive Werkzeuge",
-                    "categories": "Statistische Daten",
-                    "calculations": "Berechnungen"
+                    "errors": {
+                      "default": "Datei konnte nicht geladen werden.",
+                      "invalid": "Datei konnte nicht gelesen werden.",
+                      "wrongFileFormat": "Die Datei hat nicht das richtige Format.",
+                      "templateName": "Eine Vorlage mit dem Namen: ",
+                      "isLoaded": "ist bereits geladen.",
+                      "attErr": " {{attribute}} Tag existiert nicht."
+                    }
                 }
             }
         }
diff --git a/cosi/TemplateManager/locales/en/additional.json b/cosi/TemplateManager/locales/en/additional.json
index f22aa6b79..deb877a04 100644
--- a/cosi/TemplateManager/locales/en/additional.json
+++ b/cosi/TemplateManager/locales/en/additional.json
@@ -4,16 +4,29 @@
             "cosi": {
                 "templateManager": {
                     "title": "Templates",
-                    "loadFromTemplate": "Load templates",
+                    "importTemplate": "Import Template",
+                    "loadFromTemplate": "Load Template",
                     "infoLoadFromTemplates": "Load basic thematic configurations for specific types of analyses. You can find the data which will be loaded in the templates' overview. Some templates include the selection of areas, some require you to select areas yourself in beforehand.",
-                    "noInfo": "No description available.",
-                    "created": "Created",
-                    "info": "Description",
-                    "layers": "Topics",
-                    "districtLevel": "District Level",
-                    "selectedDistricts": "Selected Districts",
+                    "noInfo": "Not available.",
+                    "label": {
+                      "selectTemplate": "Select Template",
+                      "created": "Created",
+                      "name": "Name",
+                      "description": "Description",
+                      "layers": "Topics",
+                      "districtLevel": "District Level",
+                      "selectedDistricts": "Selected Districts",
+                      "categories": "Statistical Data",
+                      "addTools": "Starting Tool",
+                      "calculations": "Calculations"
+                    },
                     "activeTool": "Active Tool",
-                    "categories": "Statistical Data"
+                    "errors": {
+                      "default": "File could not be loaded.",
+                      "invalid": "File could not be read.",
+                      "wrongFileFormat": "The file is not in the correct format.",
+                      "attErr": " {{attribute}} node does not exist."
+                    }
                 }
             }
         }
diff --git a/cosi/TemplateManager/store/stateTemplateManager.js b/cosi/TemplateManager/store/stateTemplateManager.js
index 8c1013ccc..b32e28bdc 100644
--- a/cosi/TemplateManager/store/stateTemplateManager.js
+++ b/cosi/TemplateManager/store/stateTemplateManager.js
@@ -8,6 +8,9 @@
  * @property {String} [name="Sitzung speichern"] - The name of the tool (config-param).
  * @property {Boolean} [renderToWindow=true] - Renders tool in a window if true, otherwise in the sidebar (config-param).
  * @property {Boolean} [resizableWindow=false] - If True, window is resizable (config-param).
+ * @property {String} toolToOpen - the tool to be open after this tool is closed.
+ * @property {Boolean} [useImport=false] - If true, it is possible to import templates.
+ * @property {Boolean} [useTemplatesForMapping=false] - If true, the mapping is overwritten with the statistic data from the templates.
  */
 const state = {
     active: false,
@@ -15,6 +18,7 @@ const state = {
     icon: "bi-folder2-open",
     id: "templateManager",
     isVisibleInMenu: true,
+    importedTemplateNames: [],
     name: "Vorlagen",
     renderToWindow: true,
     resizableWindow: true,
@@ -25,7 +29,10 @@ const state = {
     readmeUrl: {
         "en-US": "https://bitbucket.org/geowerkstatt-hamburg/addons/src/dev/cosi/manuals/015templates.md",
         "de-DE": "https://bitbucket.org/geowerkstatt-hamburg/addons/src/dev/cosi/manuals/015vorlagen.md"
-    }
+    },
+    toolToOpen: undefined,
+    useImport: false,
+    useTemplatesForMapping: false
 };
 
 export default state;
diff --git a/cosi/TemplateManager/tests/unit/components/TemplateManager.spec.js b/cosi/TemplateManager/tests/unit/components/TemplateManager.spec.js
new file mode 100644
index 000000000..542dac0cc
--- /dev/null
+++ b/cosi/TemplateManager/tests/unit/components/TemplateManager.spec.js
@@ -0,0 +1,354 @@
+import {config, mount, createLocalVue} from "@vue/test-utils";
+import {expect} from "chai";
+import Vuex from "vuex";
+import TemplateManager from "../../../components/TemplateManager.vue";
+import TemplateManagerStore from "../../../store/indexTemplateManager";
+import Vuetify from "vuetify";
+import sinon from "sinon";
+import Vue from "vue";
+import mapping from "../../../../assets/mapping.json";
+
+config.mocks.$t = key => key;
+
+const localVue = createLocalVue();
+
+Vue.use(Vuetify);
+localVue.use(Vuex);
+
+describe("addons/cosi/TemplateManager/components/TemplateManager.vue", () => {
+    let vuetify, store, stubSetMapping;
+
+    const factory = {
+        getMount: () => {
+            return mount(TemplateManager, {
+                store,
+                localVue,
+                vuetify,
+                computed: {
+                    name: () => "Hallo",
+                    renderToWindow: () => true,
+                    resizableWindow: () => false,
+                    deactivateGFI: () => true,
+                    active: () => true,
+                    icon: () => "bi-image"
+                }
+            });
+        }
+    };
+
+    beforeEach(() => {
+        vuetify = new Vuetify();
+        stubSetMapping = sinon.stub();
+        store = new Vuex.Store({
+            namespaced: true,
+            modules: {
+                Tools: {
+                    namespaced: true,
+                    modules: {
+                        TemplateManager: TemplateManagerStore,
+                        DistrictSelector: {
+                            namespaced: true,
+                            getters: {
+                                districtLevels: () => []
+                            },
+                            mutations: {
+                                setMapping: stubSetMapping
+                            }
+                        }
+                    }
+                },
+                Language: {
+                    namespaced: true,
+                    getters: {
+                        currentLocale: () => "de"
+                    }
+                },
+                Alerting: {
+                    namespaced: true,
+                    actions: {
+                        addSingleAlert: () => sinon.stub()
+                    }
+                }
+            },
+            getters: {
+                uiStyle: () => true,
+                mobile: () => sinon.stub()
+            }
+        });
+    });
+    describe("Computed Properties", () => {
+        const templates = [{
+            meta: {
+                title: "one"
+            }
+        },
+        {
+            meta: {
+                title: "two"
+            }
+        }];
+
+        it("should update 'hasTemplates' if 'templates' was changed", async () => {
+            const wrapper = factory.getMount();
+
+            expect(wrapper.vm.hasTemplates).to.be.false;
+            await wrapper.setData({
+                templates,
+                selectedTemplateName: "two"
+            });
+            expect(wrapper.vm.hasTemplates).to.be.true;
+        });
+
+        it("should update 'selectedTemplate' if 'selectedTemplateName' was changed", async () => {
+            const wrapper = factory.getMount();
+
+            await wrapper.setData({
+                templates,
+                selectedTemplateName: "two"
+            });
+            expect(wrapper.vm.selectedTemplate).to.deep.equal(wrapper.vm.templates[1]);
+        });
+
+        it("should update 'selectedTemplateIndex' if 'selectedTemplateName' was changed", async () => {
+            const wrapper = factory.getMount();
+
+            await wrapper.setData({
+                templates,
+                selectedTemplateName: "two"
+            });
+
+            expect(wrapper.vm.selectedTemplateIndex).to.be.equal(1);
+        });
+
+        it("should update 'templateTitles' if 'templates' was changed", async () => {
+            const wrapper = factory.getMount();
+
+            await wrapper.setData({
+                templates
+            });
+
+            expect(wrapper.vm.templateTitles).to.deep.equal(["one", "two"]);
+        });
+    });
+
+    describe("Methdos", () => {
+        describe("createMappingByTemplates", () => {
+            const templates = [
+                {
+                    meta: {
+                        isActive: true,
+                        title: "Vielfalt für alle",
+                        time: 1700555383001
+                    },
+                    state: {
+                        Tools: {
+                            Dashboard: {
+                                statsFeatureFilter: ["Bevölkerung insgesamt", "Bevölkerung ab 65 Jahren", "Diese Statistik gibt es nicht"]
+                            }
+                        }
+                    }
+                },
+                {
+                    meta: {
+                        isActive: true,
+                        title: "Alle für alle",
+                        time: 1700555362955
+                    },
+                    state: {
+                        Tools: {
+                            Dashboard: {
+                                statsFeatureFilter: ["Bevölkerung insgesamt"]
+                            }
+                        }
+                    }
+                },
+                {
+                    meta: {
+                        isActive: false,
+                        title: "Alle für Vielfalt",
+                        time: 1700555344885
+                    },
+                    state: {
+                        Tools: {
+                            Dashboard: {
+                                statsFeatureFilter: ["Bevölkerung insgesamt", "Einwohner je ha", "Diese Statistik gibt es nicht"]
+                            }
+                        }
+                    }
+                }
+            ];
+
+            it("should call 'setMapping' if this function is called", async () => {
+                const wrapper = factory.getMount();
+
+                await wrapper.setData({
+                    templates
+                });
+                wrapper.vm.createMappingByTemplates(wrapper.vm.templates, mapping);
+                expect(stubSetMapping.calledOnce).to.be.true;
+                sinon.restore();
+                wrapper.destroy();
+            });
+
+            it("should call 'setMapping' with the expected values", async () => {
+                const wrapper = factory.getMount(),
+                    expectedValues = [
+                        {
+                            category: "bev_insgesamt",
+                            value: "Bevölkerung insgesamt",
+                            group: "Vielfalt für alle",
+                            valueType: "absolute",
+                            stat_gebiet: "112233",
+                            stadtteil: "11223344",
+                            bezirk: "1122334455"
+                        },
+                        {
+                            category: "bev_ab65",
+                            value: "Bevölkerung ab 65 Jahren",
+                            group: "Vielfalt für alle",
+                            valueType: "absolute",
+                            stat_gebiet: "112233",
+                            stadtteil: "11223344",
+                            summable: true,
+                            bezirk: "1122334455"
+                        },
+                        {
+                            category: "bev_insgesamt",
+                            value: "Bevölkerung insgesamt",
+                            group: "Alle für alle",
+                            valueType: "absolute",
+                            stat_gebiet: "112233",
+                            stadtteil: "11223344",
+                            bezirk: "1122334455"
+                        }
+                    ];
+
+                await wrapper.setData({
+                    templates
+                });
+                wrapper.vm.createMappingByTemplates(wrapper.vm.templates, mapping);
+                expect(stubSetMapping.calledWith({}, expectedValues)).to.be.true;
+                sinon.restore();
+                wrapper.destroy();
+            });
+
+            it("should change the group of all stats in the mapping to the title of the template", async () => {
+                let newMapping = [],
+                    mappingGroup = "";
+
+                const templatesWithNoStats = [
+                        {
+                            meta: {
+                                isActive: true,
+                                title: "Keine Stats to filter"
+                            },
+                            state: {
+                                Tools: {}
+                            }
+                        }
+                    ],
+                    wrapper = factory.getMount();
+
+                await wrapper.setData({
+                    templates: templatesWithNoStats
+                });
+                wrapper.vm.createMappingByTemplates(wrapper.vm.templates, mapping);
+                newMapping = stubSetMapping.getCall(0).args[1];
+                mappingGroup = newMapping.every(mappingObject => mappingObject.group === "Keine Stats to filter");
+                expect(mappingGroup).to.be.true;
+                sinon.restore();
+                wrapper.destroy();
+            });
+
+            it("should call 'setMapping' with the correct values including orientation values", async () => {
+                const templatesWithOrientationValues = [
+                        {
+                            meta: {
+                                isActive: true,
+                                title: "Vielfalt für alle"
+                            },
+                            state: {
+                                Tools: {
+                                    Dashboard: {
+                                        statsFeatureFilter: ["Bevölkerung insgesamt", "Bevölkerung ab 65 Jahren", "Diese Statistik gibt es nicht"],
+                                        orientationValues: [
+                                            {
+                                                "value": "123",
+                                                "statisticName": "Bevölkerung insgesamt"
+                                            },
+                                            {
+                                                "value": "456",
+                                                "statisticName": "Bevölkerung ab 65 Jahren"
+                                            }
+                                        ]
+                                    }
+                                }
+                            }
+                        }
+                    ],
+                    wrapper = factory.getMount(),
+                    expectedValues = [
+                        {
+                            category: "bev_insgesamt",
+                            value: "Bevölkerung insgesamt",
+                            group: "Vielfalt für alle",
+                            stat_gebiet: "112233",
+                            stadtteil: "11223344",
+                            bezirk: "1122334455",
+                            valueType: "absolute",
+                            orientationValue: "123"
+                        },
+                        {
+                            category: "bev_ab65",
+                            value: "Bevölkerung ab 65 Jahren",
+                            group: "Vielfalt für alle",
+                            stat_gebiet: "112233",
+                            stadtteil: "11223344",
+                            bezirk: "1122334455",
+                            summable: true,
+                            valueType: "absolute",
+                            orientationValue: "456"
+                        }
+                    ];
+
+                await wrapper.setData({
+                    templates: templatesWithOrientationValues
+                });
+                wrapper.vm.createMappingByTemplates(wrapper.vm.templates, mapping);
+                expect(stubSetMapping.calledWith({}, expectedValues)).to.be.true;
+                sinon.restore();
+                wrapper.destroy();
+            });
+
+        });
+
+        describe("getOrientationValueByStatistic", () => {
+            const orientationValues = [
+                {
+                    "value": "123",
+                    "statisticName": "Bevölkerung insgesamt"
+                },
+                {
+                    "value": "789",
+                    "statisticName": "Bevölkerung männlich"
+                }
+            ];
+
+            it("should return the correct orientation value", () => {
+                const wrapper = factory.getMount(),
+                    orientationValue = wrapper.vm.getOrientationValueByStatistic(orientationValues, "Bevölkerung männlich");
+
+                expect(orientationValue).to.be.equal("789");
+                wrapper.destroy();
+            });
+
+            it("should return '-' if no orientation value was found", () => {
+                const wrapper = factory.getMount(),
+                    orientationValue = wrapper.vm.getOrientationValueByStatistic(orientationValues, "Bevölkerung weiblich");
+
+                expect(orientationValue).to.be.equal("-");
+                wrapper.destroy();
+            });
+        });
+    });
+});
diff --git a/cosi/TemplateManager/tests/unit/components/TemplateManagerImport.spec.js b/cosi/TemplateManager/tests/unit/components/TemplateManagerImport.spec.js
new file mode 100644
index 000000000..7df72601b
--- /dev/null
+++ b/cosi/TemplateManager/tests/unit/components/TemplateManagerImport.spec.js
@@ -0,0 +1,255 @@
+import {config, shallowMount, createLocalVue} from "@vue/test-utils";
+import {expect} from "chai";
+import Vuex from "vuex";
+import TemplateManagerImport from "../../../components/TemplateManagerImport.vue";
+import TemplateManagerStore from "../../../store/indexTemplateManager";
+
+import sinon from "sinon";
+
+config.mocks.$t = key => key;
+
+const localVue = createLocalVue();
+
+localVue.use(Vuex);
+
+describe("addons/cosi/TemplateManager/components/TemplateManagerImport.vue", () => {
+    let store, stubAddSingleAlert;
+
+    const factory = {
+        getShallowMount: () => {
+            return shallowMount(TemplateManagerImport, {
+                store,
+                localVue
+            });
+        }
+    };
+
+
+    beforeEach(() => {
+        stubAddSingleAlert = sinon.stub();
+        store = new Vuex.Store({
+            namespaced: true,
+            modules: {
+                Alerting: {
+                    namespaced: true,
+                    actions: {
+                        addSingleAlert: stubAddSingleAlert
+                    }
+                },
+                Tools: {
+                    namespaced: true,
+                    modules: {
+                        TemplateManager: TemplateManagerStore
+                    }
+                }
+            }
+        });
+    });
+
+    describe("Component DOM", () => {
+        it("should exist", () => {
+            const wrapper = factory.getShallowMount();
+
+            expect(wrapper.exists()).to.be.true;
+            wrapper.destroy();
+        });
+
+        it("should find a button", () => {
+            const wrapper = factory.getShallowMount();
+
+            expect(wrapper.find("button").exists()).to.be.true;
+            wrapper.destroy();
+        });
+
+        it("should find a hidden input of type 'file'", () => {
+            const wrapper = factory.getShallowMount(),
+                inputWrapper = wrapper.find("input");
+
+            expect(inputWrapper.exists()).to.be.true;
+            expect(inputWrapper.classes("d-none")).to.be.true;
+            expect(inputWrapper.attributes("type")).to.be.equal("file");
+            wrapper.destroy();
+        });
+    });
+
+    describe("User Interactions", () => {
+        it("should call 'triggerFileInput' if button is clicked", async () => {
+            const spyTriggerFileInput = sinon.spy(TemplateManagerImport.methods, "triggerFileInput"),
+                wrapper = factory.getShallowMount(),
+                buttonWrapper = wrapper.find("button");
+
+            await buttonWrapper.trigger("click");
+            expect(spyTriggerFileInput.calledOnce).to.be.true;
+            sinon.restore();
+            wrapper.destroy();
+        });
+
+        it("should call 'loadFiles' if input is changed", async () => {
+            const spyLoadFiles = sinon.spy(TemplateManagerImport.methods, "loadFiles"),
+                wrapper = factory.getShallowMount(),
+                inputWrapper = wrapper.find("input");
+
+            await inputWrapper.trigger("change");
+            expect(spyLoadFiles.calledOnce).to.be.true;
+            sinon.restore();
+            wrapper.destroy();
+        });
+    });
+
+    describe("Methdos", () => {
+        describe("triggerFileInput", () => {
+            it("should call the 'click' method of the input if this function is called", () => {
+                const wrapper = factory.getShallowMount(),
+                    spyInputClick = sinon.spy(wrapper.vm.$el.querySelector("#file-input"), "click");
+
+                wrapper.vm.triggerFileInput();
+                expect(spyInputClick.calledOnce).to.be.true;
+            });
+        });
+
+        describe("loadFiles", () => {
+            it("should call 'addSingleAlert' if type(MIME) is not 'application/json'", () => {
+                const obj = {
+                        target: {
+                            files: [{
+                                type: "kein json",
+                                name: "file one"
+                            }]
+                        }
+                    },
+                    wrapper = factory.getShallowMount();
+
+                wrapper.vm.loadFiles(obj);
+                expect(stubAddSingleAlert.calledOnce).to.be.true;
+            });
+        });
+
+        describe("parseFileContent", () => {
+            it("should call the 'addSingleAlert' if file content is not correct.", () => {
+                const obj = {
+                        target: {
+                            result: "{}"
+                        }
+                    },
+                    wrapper = factory.getShallowMount();
+
+                wrapper.vm.parseFileContent(obj);
+                expect(stubAddSingleAlert.calledOnce).to.be.true;
+                wrapper.destroy();
+            });
+
+            it("should call the 'addSingleAlert' if file content has not the meta property.", () => {
+                const obj = {
+                        target: {
+                            result: JSON.stringify({meta1: {title: "title"}})
+                        }
+                    },
+                    wrapper = factory.getShallowMount();
+
+                wrapper.vm.parseFileContent(obj);
+                expect(stubAddSingleAlert.calledOnce).to.be.true;
+                wrapper.destroy();
+            });
+
+            it("should call the 'addSingleAlert' if file content has not the state property.", () => {
+                const obj = {
+                        target: {
+                            result: JSON.stringify({meta: {title: "title"}})
+                        }
+                    },
+                    wrapper = factory.getShallowMount();
+
+                wrapper.vm.parseFileContent(obj);
+                expect(stubAddSingleAlert.calledOnce).to.be.true;
+                wrapper.destroy();
+            });
+
+            it("should call the 'addSingleAlert' if file content has not the Tools property.", () => {
+                const obj = {
+                        target: {
+                            result: JSON.stringify({meta: {title: "title"}, state: {Maps: {layerIds: []}}})
+                        }
+                    },
+                    wrapper = factory.getShallowMount();
+
+                wrapper.vm.parseFileContent(obj);
+                expect(stubAddSingleAlert.calledOnce).to.be.true;
+                wrapper.destroy();
+            });
+
+            it("should call the 'addSingleAlert' if file content has not the Dashboard property.", () => {
+                const obj = {
+                        target: {
+                            result: JSON.stringify({meta: {title: "title"}, state: {Maps: {layerIds: []}, Tools: {}}})
+                        }
+                    },
+                    wrapper = factory.getShallowMount();
+
+                wrapper.vm.parseFileContent(obj);
+                expect(stubAddSingleAlert.calledOnce).to.be.true;
+                wrapper.destroy();
+            });
+
+            it("should call the 'addSingleAlert' if file content has not the statsFeatureFilter property.", () => {
+                const obj = {
+                        target: {
+                            result: JSON.stringify({meta: {title: "title"}, state: {Maps: {layerIds: []}, Tools: {Dashboard: {}}}})
+                        }
+                    },
+                    wrapper = factory.getShallowMount();
+
+                wrapper.vm.parseFileContent(obj);
+                expect(stubAddSingleAlert.calledOnce).to.be.true;
+                wrapper.destroy();
+            });
+
+            it("should call the 'addSingleAlert' if template name is already loaded", () => {
+                const obj1 = {
+                        target: {
+                            result: JSON.stringify({meta: {title: "title"}, state: {Maps: {layerIds: []}, Tools: {Dashboard: {statsFeatureFilter: ["Alleinerziehende"], orientationValues: []}}}})
+                        }
+                    },
+                    obj2 = {
+                        target: {
+                            result: JSON.stringify({meta: {title: "title"}, state: {Maps: {layerIds: []}, Tools: {Dashboard: {statsFeatureFilter: ["Alleinerziehende"], orientationValues: []}}}})
+                        }
+                    },
+                    wrapper = factory.getShallowMount();
+
+                wrapper.vm.parseFileContent(obj1);
+                wrapper.vm.parseFileContent(obj2);
+                expect(stubAddSingleAlert.calledOnce).to.be.true;
+                wrapper.destroy();
+            });
+
+            it("should parse the given string to a json and emit it", () => {
+                const obj = {
+                        target: {
+                            result: JSON.stringify({meta: {title: "title-1"}, state: {Maps: {layerIds: []}, Tools: {Dashboard: {statsFeatureFilter: ["Alleinerziehende"], orientationValues: []}}}})
+                        }
+                    },
+                    expected = {
+                        meta: {
+                            title: "title-1"
+                        },
+                        state: {
+                            Maps: {
+                                layerIds: []
+                            },
+                            Tools: {
+                                Dashboard: {
+                                    statsFeatureFilter: ["Alleinerziehende"],
+                                    orientationValues: []
+                                }
+                            }
+                        }
+                    },
+                    wrapper = factory.getShallowMount();
+
+                wrapper.vm.parseFileContent(obj);
+                expect(wrapper.emitted().addTemplate[0]).to.deep.equal([expected]);
+                wrapper.destroy();
+            });
+        });
+    });
+});
diff --git a/cosi/assets/mapping.json b/cosi/assets/mapping.json
index 9ecad1340..9b6fc816b 100644
--- a/cosi/assets/mapping.json
+++ b/cosi/assets/mapping.json
@@ -2,7 +2,7 @@
   {
     "category": "bev_insgesamt",
     "value": "Bevölkerung insgesamt",
-    "group": "Bevölkerung",    
+    "group": "Bevölkerung",
     "stat_gebiet": "112233",
     "stadtteil": "11223344",
     "bezirk": "1122334455",
@@ -11,7 +11,7 @@
   {
     "category": "bev_weiblich",
     "value": "Bevölkerung weiblich",
-    "group": "Bevölkerung",    
+    "group": "Bevölkerung",
     "stat_gebiet": "112233",
     "stadtteil": "11223344",
     "bezirk": "1122334455",
@@ -20,12 +20,30 @@
   {
     "category": "bev_maennlich",
     "value": "Bevölkerung männlich",
-    "group": "Bevölkerung",    
+    "group": "Bevölkerung",
     "stat_gebiet": "112233",
     "stadtteil": "11223344",
     "bezirk": "1122334455",
     "valueType": "absolute"
   },
+  {
+    "category": "bev_ab56",
+    "value": "Bevölkerung ab 56 Jahren",
+    "group": "Bevölkerung ab x Jahren",
+    "stat_gebiet": "112233",
+    "stadtteil": "11223344",
+    "bezirk": "1122334455",
+    "valueType": "absolute"
+  },
+  {
+    "category": "bev_ab56_proz",
+    "value": "Anteil der Bevölkerung ab 56 Jahren",
+    "group": "Bevölkerung ab x Jahren",
+    "stat_gebiet": "112233",
+    "stadtteil": "11223344",
+    "bezirk": "1122334455",
+    "valueType": "relative"
+  },
   {
     "category": "bev_ab60",
     "value": "Bevölkerung ab 60 Jahren",
@@ -53,7 +71,13 @@
     "stadtteil": "11223344",
     "bezirk": "1122334455",
     "summable": true,
-    "valueType": "absolute"
+    "valueType": "relative",
+    "calculation": {
+      "operation": "divide",
+      "category_A": "Bevölkerung ab 65 Jahren",
+      "category_B": "Bevölkerung insgesamt",
+      "modifier": 100
+    }
   },
   {
     "category": "bev_ab80",
@@ -126,7 +150,13 @@
     "stat_gebiet": "112233",
     "stadtteil": "11223344",
     "bezirk": "1122334455",
-    "valueType": "absolute"
+    "valueType": "relative",
+    "calculation": {
+      "operation": "divide",
+      "category_A": "Bevölkerung unter 18 Jahren",
+      "category_B": "Bevölkerung insgesamt",
+      "modifier": 100
+    }
   },
   {
     "category": "bev_u65",
@@ -214,6 +244,15 @@
     "bezirk": "1122334455",
     "valueType": "absolute"
   },
+  {
+    "category": "bev_6_bis_u12",
+    "value": "Bevölkerung 6 bis unter 12 Jahren",
+    "group": "Bevölkerung x bis unter 12 Jahren",
+    "stat_gebiet": "112233",
+    "stadtteil": "11223344",
+    "bezirk": "1122334455",
+    "valueType": "absolute"
+  },
   {
     "category": "bev_6_bis_u18",
     "value": "Bevölkerung 6 bis unter 18 Jahren",
@@ -250,6 +289,15 @@
     "bezirk": "1122334455",
     "valueType": "absolute"
   },
+  {
+    "category": "bev_12_bis_u18",
+    "value": "Bevölkerung 12 bis unter 18 Jahren",
+    "group": "Bevölkerung x bis unter 18 Jahren",
+    "stat_gebiet": "112233",
+    "stadtteil": "11223344",
+    "bezirk": "1122334455",
+    "valueType": "absolute"
+  },
   {
     "category": "bev_14_bis_u18",
     "value": "Bevölkerung 14 bis unter 18 Jahren",
@@ -286,6 +334,24 @@
     "bezirk": "1122334455",
     "valueType": "absolute"
   },
+  {
+    "category": "bev_18_bis_u30",
+    "value": "Bevölkerung 18 bis unter 30 Jahren",
+    "group": "Bevölkerung x bis über 18 Jahren",
+    "stat_gebiet": "112233",
+    "stadtteil": "11223344",
+    "bezirk": "1122334455",
+    "valueType": "absolute"
+  },
+  {
+    "category": "bev_18_bis_u30_proz",
+    "value": "Anteil der Bevölkerung 18 bis unter 30 Jahren",
+    "group": "Bevölkerung x bis über 18 Jahren",
+    "stat_gebiet": "112233",
+    "stadtteil": "11223344",
+    "bezirk": "1122334455",
+    "valueType": "relative"
+  },
   {
     "category": "bev_25_bis_u55",
     "value": "Bevölkerung 25 bis unter 55 Jahren",
@@ -313,6 +379,24 @@
     "bezirk": "1122334455",
     "valueType": "absolute"
   },
+  {
+    "category": "bev_30_bis_u56",
+    "value": "Bevölkerung 30 bis unter 56 Jahren",
+    "group": "Bevölkerung x bis über 18 Jahren",
+    "stat_gebiet": "112233",
+    "stadtteil": "11223344",
+    "bezirk": "1122334455",
+    "valueType": "absolute"
+  },
+  {
+    "category": "bev_30_bis_u56_proz",
+    "value": "Anteil der Bevölkerung 30 bis unter 56 Jahren",
+    "group": "Bevölkerung x bis über 18 Jahren",
+    "stat_gebiet": "112233",
+    "stadtteil": "11223344",
+    "bezirk": "1122334455",
+    "valueType": "absolute"
+  },
   {
     "category": "bev_55_bis_u65",
     "value": "Bevölkerung 55 bis unter 65 Jahren",
@@ -422,11 +506,47 @@
     "valueType": "relative",
     "calculation": {
       "operation": "divide",
-      "category_A": "Bevölkerung mit Migrationshintergrund",
+      "category_A": "Bevölkerung mit Migrationshintergrund ab 65 Jahren",
       "category_B": "Bevölkerung insgesamt",
       "modifier": 100
     }
   },
+  {
+    "category": "bev_65_bis_u80_migrationshintergrund",
+    "value": "Bevölkerung mit Migrationshintergrund 65 bis unter 80 Jahren",
+    "group": "Bevölkerung Migrationshintergrund",
+    "stat_gebiet": "112233",
+    "stadtteil": "11223344",
+    "bezirk": "1122334455",
+    "valueType": "absolute"
+  },
+  {
+    "category": "bev_65_bis_u80_migrationshintergrund_ant_an_altersgrp_proz",
+    "value": "Anteil der Bevölkerung mit Migrationshintergrund 65 bis unter 80 Jahren",
+    "group": "Bevölkerung Migrationshintergrund",
+    "stat_gebiet": "112233",
+    "stadtteil": "11223344",
+    "bezirk": "1122334455",
+    "valueType": "absolute"
+  },
+  {
+    "category": "bev_ab80_migrationshintergrund",
+    "value": "Bevölkerung mit Migrationshintergrund ab 80 Jahren",
+    "group": "Bevölkerung Migrationshintergrund",
+    "stat_gebiet": "112233",
+    "stadtteil": "11223344",
+    "bezirk": "1122334455",
+    "valueType": "absolute"
+  },
+  {
+    "category": "bev_ab80_migrationshintergrund_ant_an_altersgrp_proz",
+    "value": "Anteil der Bevölkerung mit Migrationshintergrund ab 80 Jahren",
+    "group": "Bevölkerung Migrationshintergrund",
+    "stat_gebiet": "112233",
+    "stadtteil": "11223344",
+    "bezirk": "1122334455",
+    "valueType": "absolute"
+  },
   {
     "category": "gesamt_unter_6",
     "value": "Bevölkerung gesamt unter 6 Jahren",
@@ -546,14 +666,14 @@
       "category_B": "Bruttofläche in ha"
     }
   },{
-    "category": "hau_privathaushalte_anz",
-    "value": "Privathaushalte",
-    "group": "Haushalte",
-    "stat_gebiet": "112233",
-    "stadtteil": "11223344",
-    "bezirk": "1122334455",
-    "valueType": "absolute"
-  },
+  "category": "hau_privathaushalte_anz",
+  "value": "Privathaushalte",
+  "group": "Haushalte",
+  "stat_gebiet": "112233",
+  "stadtteil": "11223344",
+  "bezirk": "1122334455",
+  "valueType": "absolute"
+},
   {
     "category": "hau_haushaltgroesse_avg",
     "value": "Durchschnittliche Haushaltsgröße",
@@ -657,13 +777,7 @@
     "stat_gebiet": "112233",
     "stadtteil": "11223344",
     "bezirk": "1122334455",
-    "valueType": "relative",
-    "calculation": {
-      "operation": "divide",
-      "category_A": "Sozialversicherungspflichtig Beschäftigte insgesamt",
-      "category_B": "Bevölkerung 15 bis unter 65 Jahren",
-      "modifier": 100
-    }
+    "valueType": "relative"
   },
   {
     "category": "soz_sozverpflichtig_beschaeftigte_maenner",
@@ -732,13 +846,7 @@
     "stat_gebiet": "112233",
     "stadtteil": "11223344",
     "bezirk": "1122334455",
-    "valueType": "relative",
-    "calculation": {
-      "operation": "divide",
-      "category_A": "Arbeitslose insgesamt",
-      "category_B": "Bevölkerung 15 bis unter 65 Jahren",
-      "modifier": 100
-    }
+    "valueType": "relative"
   },
   {
     "category": "arb_arbeitslose_15_bis_24_anz",
@@ -756,7 +864,13 @@
     "stat_gebiet": "112233",
     "stadtteil": "11223344",
     "bezirk": "1122334455",
-    "valueType": "relative"
+    "valueType": "relative",
+    "calculation": {
+      "operation": "divide",
+      "category_A": "Arbeitslose insgesamt",
+      "category_B": "Arbeitslose 15 bis 24 Jahren",
+      "modifier": 100
+    }
   },
   {
     "category": "arb_arbeitslose_55_bis_64_anz",
@@ -792,7 +906,13 @@
     "stat_gebiet": "112233",
     "stadtteil": "11223344",
     "bezirk": "1122334455",
-    "valueType": "relative"
+    "valueType": "relative",
+    "calculation": {
+      "operation": "divide",
+      "category_A": "SGB III (Arbeitslosengeld) Empfänger insgesamt",
+      "category_B": "Bevölkerung insgesamt",
+      "modifier": 100
+    }
   },
   {
     "category": "arb_alg_empfaenger_15_bis_64_proz",
@@ -834,13 +954,7 @@
     "stat_gebiet": "112233",
     "stadtteil": "11223344",
     "bezirk": "1122334455",
-    "valueType": "relative",
-    "calculation": {
-      "operation": "divide",
-      "category_A": "SGB II (Arbeitlosengeld II) Empfänger insgesamt",
-      "category_B": "Bevölkerung 15 bis unter 65 Jahren",
-      "modifier": 100
-    }
+    "valueType": "relative"
   },
   {
     "category": "sgb_bedarfsgemeinschaften_anz",
@@ -891,13 +1005,7 @@
     "stat_gebiet": "112233",
     "stadtteil": "11223344",
     "bezirk": "1122334455",
-    "valueType": "relative",
-    "calculation": {
-      "operation": "divide",
-      "category_A": "Erwerbsfähige Leistungsempfänger/-innen nach SGB II",
-      "category_B": "Bevölkerung 15 bis unter 65 Jahren",
-      "modifier": 100
-    }
+    "valueType": "relative"
   },
   {
     "category": "sgb_ausl_erw_leistungsempfaenger_anz",
@@ -933,7 +1041,13 @@
     "stat_gebiet": "112233",
     "stadtteil": "11223344",
     "bezirk": "1122334455",
-    "valueType": "relative"
+    "valueType": "relative",
+    "calculation": {
+      "operation": "divide",
+      "category_A": "Erwerbsfähige Leistungsempfänger/-innen nach SGB II",
+      "category_B": "Leistungsempfänger/-innen nach SGB II 15 bis 24 Jahren",
+      "modifier": 100
+    }
   },
   {
     "category": "sgb_nicht_erw_lstempfaenger_u15_anz",
@@ -1050,7 +1164,7 @@
     "valueType": "absolute"
   },
   {
-    "category": "wohn_avg_wohnungsgroesse_in_qm_pro_einw",
+    "category": "wohn_avg_wohnflaeche_in_qm_pro_einw",
     "value": "Durchschnittsgröße der Wohnungen in qm pro Einwohner",
     "group": "Wohnen",
     "stat_gebiet": "112233",
@@ -1065,7 +1179,7 @@
     "stat_gebiet": "112233",
     "stadtteil": "11223344",
     "bezirk": "1122334455",
-    "valueType": "absolute"
+    "valueType": "relative"
   },
   {
     "category": "wohn_ant_sozwohn_mit_bindungauslauf_an_allen_sozwohn",
@@ -1074,7 +1188,7 @@
     "stat_gebiet": "112233",
     "stadtteil": "11223344",
     "bezirk": "1122334455",
-    "valueType": "absolute"
+    "valueType": "relative"
   },
   {
     "category": "wohn_avg_immobiliengrundstueckspreis_euro_pro_qm",
@@ -1206,7 +1320,7 @@
     "stat_gebiet": "112233",
     "stadtteil": "11223344",
     "bezirk": "1122334455",
-    "valueType": "absolute"
+    "valueType": "relative"
   },
   {
     "category": "inf_schueler_in_gymn_an_allen_sekundarstufe_1_proz",
@@ -1215,7 +1329,7 @@
     "stat_gebiet": "112233",
     "stadtteil": "11223344",
     "bezirk": "1122334455",
-    "valueType": "absolute"
+    "valueType": "relative"
   },
   {
     "category": "inf_niedergelassene_aerzte_anz",
diff --git a/cosi/manuals/001manual_introduction.md b/cosi/manuals/001manual_introduction.md
index 8fe3bc488..d3b36a1c5 100644
--- a/cosi/manuals/001manual_introduction.md
+++ b/cosi/manuals/001manual_introduction.md
@@ -2,7 +2,7 @@
 ## Cockpit Städtische Infrastrukturen
 #### GIS + datenbasierte Analyse- und Planungstools in der Hamburger Stadtverwaltung
 ___
-![CoSI Logo](cosi_logo_jf.png)
+![CoSI Logo](cosi/manuals/cosi_logo_jf.png)
 
 ___
 
@@ -36,11 +36,12 @@ ___
 - Paul Linnow, HafenCity Universität Hamburg
 - Peter Duensing, Senatskanzlei Hamburg, ITD
 - Sebastian Duden, LGV Hamburg
+- Till Wewer, Senatskanzlei Hamburg, ITD
 - Yuxiang Zhang, HafenCity Universität Hamburg  
 
 
 ### Stand
-08/23
+09/23
 
 ### Keywords
 GIS, Dashboard, Data Driven Urban Planning, Social Infrastructure, Urban Data Platform, Data Visualization, Planning Support Tools, Demand Driven Decision Making  
@@ -71,62 +72,62 @@ ___
 ## Inhalt
 ___
 - CoSI: Cockpit Städtische Infrakstrukturen
-  - [Datenmodell & -Infrastruktur](#markdown-header-datenmodell---infrastruktur)
-  - [Module](#markdown-header-module)
-   - [Themen (Layer)](#markdown-header-themen-layer)
-   - [Analyse]
-      - [Einwohnerabfrage](/cosi/manuals/002einwohnerabfrage)
-      - [Erreichbarkeitsanalyse](/cosi/manuals/003erreichbarkeitsanalyse)
-         - [Erreichbarkeit ab einem Referenzpunkt](#markdown-header-erreichbarkeit-ab-einem-referenzpunkt)
-         - [Erreichbarkeit im Gebiet](#markdown-header-erreichbarkeit-im-gebiet)
-         - [Erreichbarkeit entlang einer Route](#markdown-header-erreichbarkeit-entlang-einer-route)
-      - [Vergleichbare Gebiete ermitteln](/cosi/manuals/004vergleichbaregebieteermitteln)
-      - [Filter](/cosi/manuals/005filter)
-      - [Versorgungsanalyse](/cosi/manuals/006versorgungsanalyse)
-      - [DIPAS](/cosi/manuals/007dipas)
-      - [Datenvisualisierung](/cosi/manuals/008graphenvisualisierung)
-    - [Simulation]
-      - [Einrichtungen anlegen](/cosi/manuals/009einrichtungenanlegen)
-      - [Einrichtungen bearbeiten](/cosi/manuals/010einrichtungenbearbeiten)
-      - [Wohnungsbauquartiere anlegen](/cosi/manuals/011wohnquartiereanlegen)
-    - [Dienste](/cosi/manuals/012dienste)
-      - [Geodaten Importieren](/cosi/manuals/013geodatenimportieren)
-      - [Sitzung Speichern/Laden](/cosi/manuals/014sitzungspeichern)
-      - [Vorlagen](/cosi/manuals/015vorlagen)
-    - [Dashboard]
-      - [Statistische Datenübersicht](/cosi/manuals/016statistischedatenuebersicht)
-      - [Einrichtungsübersicht](/cosi/manuals/017einrichtungsuebersicht)
-    - [Gebietsauswahl](/cosi/manuals/018gebietsauswahl)
-    - [Kartenanalyse regionalstatistischer Daten](/cosi/manuals/019kartenvisualisierung)
-    - [Ergebnisverzeichnis](/cosi/manuals/020ergebnisverzeichnis)
-    - [Manuelle Flächenauswahl](/cosi/manuals/021manuelleflaechenauswahl)
-    - [Auswahlmanager](/cosi/manuals/022auswahlmanager)
-    - [Flächen stylen](/cosi/manuals/023flaechenstylen)
-    - [Report Tool](/cosi/manuals/024reporttool)
+  - [Datenmodell und Infrastruktur](#-datenmodell-und-infrastruktur)
+  - [Module](#module)
+   - [Themen (Layer)](#themen-layer)
+   - [Analyse] (#analyse)
+      - [Einwohnerabfrage](#einwohnerabfrage)
+      - [Erreichbarkeitsanalyse](#erreichbarkeitsanalyse)
+         - [Erreichbarkeit ab einem Referenzpunkt](#erreichbarkeit-ab-einem-referenzpunkt)
+         - [Erreichbarkeit im Gebiet](#erreichbarkeit-im-gebiet)
+         - [Erreichbarkeit entlang einer Route](#erreichbarkeit-entlang-einer-route)
+      - [Vergleichbare Gebiete ermitteln](#vergleichbare-gebiete-ermitteln)
+      - [Filter](#filter)
+      - [Versorgungsanalyse](#versorgungsanalyse)
+      - [DIPAS](#dipas)
+      - [Graphenvisualisierung](#graphenvisualisierung)
+    - [Simulation] (#simulation)
+      - [Einrichtungen anlegen](#einrichtungen-anlegen)
+      - [Einrichtungen bearbeiten](#einrichtungen-bearbeiten)
+      - [Wohnungsbauquartiere anlegen](#wohnquartiere-anlegen)
+    - [Dienste](#dienste)
+      - [Geodaten Importieren](#geodaten-importieren)
+      - [Sitzung Speichern/Laden](#sitzung-speichernladen)
+      - [Vorlagen](#vorlagen)
+    - Dashboard
+      - [Statistische Datenübersicht](#statistische-datenuebersicht)
+      - [Einrichtungsübersicht](#einrichtungsuebersicht)
+    - [Gebietsauswahl](#gebietsauswahl)
+    - [Kartenanalyse regionalstatistischer Daten](#kartenanalyse-regionalstatistischer-daten)
+    - [Ergebnisverzeichnis](#ergebnisverzeichnis)
+    - [Manuelle Flächenauswahl](#manuelleflaechenauswahl)
+    - [Auswahlmanager](#auswahlmanager)
+    - [Flächen stylen](#flaechen-stylen)
 
 <div style="page-break-after: always;"></div>
 
 ___
-## Datenmodell & -Infrastruktur
+## Datenmodell und Infrastruktur
 ___
   
-CoSI ermöglicht ganz ähnlich wie der FHH-Atlas auch die Anzeige verschiedener Fachdaten unterschiedlicher Behörden und Ämter in der Karte, wie z.B. dem digitalen Grünplan (BUKEA) oder den Öffentlichen Schulen (BSB).
+CoSI ermöglicht ganz ähnlich wie der FHH-Atlas die Anzeige verschiedener Fachdaten unterschiedlicher Behörden und Ämter in der Karte, wie z.B. dem digitalen Grünplan (BUKEA) oder den Öffentlichen Schulen (BSB).
 
-![Vgl_FHH_Atlas](../cosi/manuals/001a_Vgl_FHH_Atlas.png)
+![Vgl_FHH_Atlas](/cosi/manuals/001a_Vgl_FHH_Atlas.png)
 
-*Abb.001a: Anzeige von Themen auf der Karte wie im FHH-Atlas.*
+*Abb. a: Anzeige von Themen auf der Karte wie im FHH-Atlas.*
 
 Als wesentliche Erweiterung können zudem regionalstatistische Daten des Statistikamts Nord für statistische Gebiete, Stadtteile, Bezirke oder ganz Hamburg angezeigt werden.
 
-![stat_daten-anzeige](../cosi/manuals/001b_stat_daten-anzeige.png)
+![stat_daten-anzeige](/cosi/manuals/001b_stat_daten-anzeige.png)
 
-*Abb.001b: Anzeige statistischer Daten auf der Karte und im Dashboard.*
+*Abb. b: Anzeige statistischer Daten auf der Karte und im Dashboard.*
 
 Die Daten werden aber nicht nur in Karte und Tabelle nebeneinander dargestellt, sondern können mit CoSIs Analysefunktionen analysiert und in Beziehung gesetzt werden, indem z.B. ein sozialräumliches Angebot wie Spielplätze, gemessen als Spielplatzfläche in Quadratmetern, mit dem Bedarf der Bevölkerung, gemessen als Anzahl der Kinder z.B. unter 6 Jahren, in der Versorgungsanalyse ausgewertet werden können.
 
-![bsp-analysefunktionen](../cosi/manuals/001c_bsp-analysefunktionen.png)
+![bsp-analysefunktionen](/cosi/manuals/001c_bsp-analysefunktionen.png)
 
-*Abb.001c: Analysefunktionen, hier Versorgungsanalyse.*
+
+*Abb. c: Analysefunktionen, hier Versorgungsanalyse.*
 
 Darüber hinaus erlaubt CoSI, in die Datensätze “einzugreifen”: sie zu filtern, zu durchsuchen oder für die Darstellung von Planungsszenarien im laufenden Programm zu verändern (s. Simulation).
 
@@ -152,14 +153,14 @@ Die Daten des StaNord liegen für alle Verwaltungsebenen der FHH (statistische G
    - Infrastruktur
    - Bevölkerungsbewegung
 
-Diese Datensätze beinhalten Zeitreihen, welche (je nach Datensatz) von ca. 2012 an erfasst sind und jährlich erweitert werden.
+Diese Datensätze beinhalten Zeitreihen, welche je nach Datensatz von ca. 2012 an erfasst sind und jährlich erweitert werden.
 
 *Hinweis: Aus datenschutzrechtlichen Gründen werden bereits vom Datenbereitsteller solche Datensätze herausgefiltert, welche bei sensiblen Daten auf einzelne Individuen zurückverfolgbar wären. Diese Datensätze sind mit "–" oder mit "Keine Daten" ausgewiesen.*
 
 ### Fachdaten
-CoSI bietet ganz ähnlich wie der FHH-Atlas Fachdatensätze in einem Themenbaum an. Während der FHH-Atlas grundsätzlich alle auf der Urban Data Platform verfügbaren und innerhalb der FHH freigegebenen Datensätze anzeigt, wird für CoSI in Abstimmung mit der Nutzendengruppe AG CoSI eine Auwahl getroffen. Dies dient der Übersicht und ermöglicht den Test und ggf. die Anpassung der Analysefunktionen an die angebotenen Daten.
+CoSI bietet ganz ähnlich wie der FHH-Atlas Fachdatensätze in einem Themenbaum an. Während der FHH-Atlas grundsätzlich alle auf der Urban Data Platform verfügbaren und innerhalb der FHH freigegebenen Datensätze anzeigt, wird für CoSI in Abstimmung mit der Nutzendengruppe AG CoSI eine Auswahl getroffen. Dies dient der Übersicht und ermöglicht den Test und ggf. die Anpassung der Analysefunktionen an die angebotenen Daten.
 
-Die Fachdatensätze, welche derzeit in CoSI eingebunden sind oder noch eingebunden werden können, werden als Geodienste von unterschiedlichsten Dateneignern (dies sind vor allem Behörden und Bezirksämter, aber prinzipiell sind auch Vereine oder Privatunternehmen denkbar.) bereitgestellt und in CoSI, wie im FHH-Atlas, über die URL des jeweiligen Dienstes abgerufen. Viele der Datensätze in ihrer aufbereiteten Form sind aus den Verhandlungs- und Koordinationsprozessen des Urban Data Hub hervorgegangen, über den sich die Behörden und Datenhalter der FHH auf gemeinsame Standards und regelmäßige Veröffentlichungen verständigen.
+Die Fachdatensätze, welche derzeit in CoSI eingebunden sind oder zukünftig noch eingebunden werden, werden als Geodienste von unterschiedlichsten Dateneignern (dies sind vor allem Behörden und Bezirksämter, aber prinzipiell sind auch Vereine oder Privatunternehmen denkbar.) bereitgestellt und in CoSI, wie im FHH-Atlas, über die URL des jeweiligen Dienstes abgerufen. Viele der Datensätze in ihrer aufbereiteten Form sind aus den Verhandlungs- und Koordinationsprozessen des Urban Data Hub hervorgegangen, über den sich die Behörden und Datenhalter der FHH auf gemeinsame Standards und regelmäßige Veröffentlichungen verständigen.
 
 ### Prognosedaten
 Die Prognosedaten enthalten die prognostizierte jährliche Bevölkerungsentwicklung in den Stadtteilen Hamburgs nach vier Altersgruppen und Geschlecht bis zum Jahr 2035. Stichtag ist jeweils der 31.12.
@@ -182,7 +183,7 @@ Alle in CoSI und dem FHH-Atlas dargestellten Daten werden von den Bereitstellern
 Ein WMS (Web Map Service) liefert Geodaten / Karten als Rasterbilder (PNG), welche zunächst einmal ohne Hintergrundinformation in der Karte angezeigt werden. Gleichzeitig können die Legende des Datensatzes oder Informationen zu einer bestimmten Koordinate über weitere Requests abgerufen werden.
 
 ### WFS
-Der WFS (Web Feature Service) liefert im Gegensatz zum WMS keine fertige Kartenansicht, sondern ein rohes Datenobjekt, bei dem der Datensatz jedes geografischen Objekts (Punkt, Linie, Fläche, etc.) inkl. seiner Attribute (z.B. eine Schule mitsamt ihrem Schultyp, ihrer Schülerzahl, Mailadresse und Nachmittagsangebot) einzeln übermittelt. Die Visualisierung (das Styling) der Daten erfolgt dann anhand vorgegebener oder mitgelieferter Konfigurationen innerhalb der Applikation. Dies ist rechenintensiver für den Anwendenden und weniger kontrollierbar von Seiten des Datenbereitstellers, bietet jedoch die Möglichkeit mit den Objekten innerhalb des Portals direkt zu interagieren oder sie zu verändern.  
+Der WFS (Web Feature Service) liefert im Gegensatz zum WMS keine fertige Kartenansicht, sondern ein rohes Datenobjekt, bei dem der Datensatz jedes geografischen Objekts (Punkt, Linie, Fläche, etc.) inkl. seiner Attribute (z.B. eine Schule mitsamt ihrem Schultyp, ihrer Schülerzahl, Mailadresse und Nachmittagsangebot) einzeln übermittelt wird. Die Visualisierung (das Styling) der Daten erfolgt dann anhand vorgegebener oder mitgelieferter Konfigurationen innerhalb der Applikation. Dies ist rechenintensiver für den Anwendenden und weniger kontrollierbar von Seiten des Datenbereitstellers, bietet jedoch die Möglichkeit mit den Objekten innerhalb des Portals direkt zu interagieren oder sie zu verändern.  
 
 <div style="page-break-after: always;"></div>
 
@@ -192,40 +193,40 @@ ___
 ### Überblick 
 CoSI bietet verschiedene Module (nachfolgend oft auch als "Werkzeuge" oder "Tools" bezeichnet") an, die bestimmte Funktionen zur Erstellung, Verwaltung und Analyse von Daten bereitstellen. Nachfolgend finden Sie die Übersicht über alle im UI zur Verfügung stehenden Funktionen:
 
-![Das CoSI Nutzer-Interface](001d_user_interface.PNG)
+![Das CoSI Nutzer-Interface](/cosi/manuals/001d_user_interface.PNG)
 
-*Abb.001d: Das CoSI User-Interface.*
+*Abb. d: Das CoSI User-Interface.*
 
 1. **Themenbau/ Layer** (s. Themen)
 2. **Analyse**
-      1. [Manuelle Flächenauswahl für Fachdaten](/cosi/manuals/021manuelleflaechenauswahl)
-      2. [Einwohnerabfrage](/cosi/manuals/002einwohnerabfrage)
-      3. [Erreichbarkeitsanalyse](/cosi/manuals/003erreichbarkeitsanalyse)
-      4. [Vergleichbare Gebiete ermitteln](/cosi/manuals/004vergleichbaregebieteermitteln)
-      5. [Filter](/cosi/manuals/005filter)
+      1. [Manuelle Flächenauswahl für Fachdaten](./021manuelleflaechenauswahl)
+      2. [Einwohnerabfrage](./002einwohnerabfrage)
+      3. [Erreichbarkeitsanalyse](./003erreichbarkeitsanalyse)
+      4. [Vergleichbare Gebiete ermitteln](./004vergleichbaregebieteermitteln)
+      5. [Filter](./005filter)
       6. Strecke/ Fläche messen
-      7. [Versorgungsanalyse](/cosi/manuals/006versorgungsanalyse)
-      8. [DIPAS](/cosi/manuals/007dipas)
-      9. [Datenvisualisierung](/cosi/manuals/008graphenvisualisierung)
+      7. [Versorgungsanalyse](./006versorgungsanalyse)
+      8. [DIPAS](./007dipas)
+      9. [Datenvisualisierung](./008graphenvisualisierung)
 
 3. **Simulation**
-      1. [Einrichtungen anlegen](/cosi/manuals/009einrichtungenanlegen)
-      2. [Einrichtungen bearbeiten](/cosi/manuals/010einrichtungenbearbeiten)
-      2. [Wohnungsbauquartiere anlegen](/cosi/manuals/011wohnquartiereanlegen)
+      1. [Einrichtungen anlegen](./009einrichtungenanlegen)
+      2. [Einrichtungen bearbeiten](./010einrichtungenbearbeiten)
+      2. [Wohnungsbauquartiere anlegen](./011wohnquartiereanlegen)
 
 4. **Dienste**
       1. Zeichnen/ Schreiben
       2. Karte drucken
       3. Mousehover ein-/ ausschalten
-      4. [Geodaten Importieren](/cosi/manuals/013geodatenimportieren)
+      4. [Geodaten Importieren](./013geodatenimportieren)
       5. WMS hinzufügen
-      6. [Sitzung speichern/laden](/cosi/manuals/014sitzungspeichern)
-      7. [Vorlagen](/cosi/manuals/015vorlagen)
+      6. [Sitzung speichern/laden](./014sitzungspeichern)
+      7. [Vorlagen](./015vorlagen)
 
 5. **Dashboard**
-      1. [Statistische Datenübersicht](/cosi/manuals/016statistischedatenuebersicht)
-      2. [Einrichtungsübersicht](/cosi/manuals/017einrichtungsuebersicht)
-6. **[Gebiete auswählen](/cosi/manuals/018gebietsauswahl)**
+      1. [Statistische Datenübersicht](./016statistischedatenuebersicht)
+      2. [Einrichtungsübersicht](./017einrichtungsuebersicht)
+6. **[Gebiete auswählen](./018gebietsauswahl)**
 7. **Kontaktformular**
 8. **Legende** (s. Legende)
 9. **Suchleiste**
@@ -235,7 +236,7 @@ CoSI bietet verschiedene Module (nachfolgend oft auch als "Werkzeuge" oder "Tool
 12. **Herauszoomen**
 13. **Vollbildansicht aktivieren/ deaktivieren**
 14. **Zurück zur Startansicht**
-15. **[Kartenanalyse regionalstatistischer Daten](/cosi/manuals/019kartenvisualisierung)**
+15. **[Kartenanalyse regionalstatistischer Daten](./019kartenvisualisierung)**
 16. **Tooltip** (sog. Mousehover)
    > Zeigt das Gebiet und andere Elemente wie Tooltipps unter dem Mauszeiger an. Kann unter "Dienste" via "Mousehover ein-/ausschalten" deaktiviert werden.
 18. **Ausgewählte Gebiete**
@@ -251,9 +252,9 @@ Layer können aus dem Reiter "Themen" jederzeit zugeschaltet oder ausgeschaltet
 
 Der Themenbaum ist gegliedert in Hintergrundkarten, einen Katalog an Fachdaten und die aktuelle Auswahl an Kartenebenen.
 
-![Der Themenbaum](001e_Themenbaum.PNG)
+![Der Themenbaum](/cosi/manuals/001e_Themenbaum.PNG)
 
-*Abb.001e: Der Themenbaum.*
+*Abb. e: Der Themenbaum.*
 
 Öffnen Sie mit dem Plus die Übersicht der Themenkategorie oder minimieren sie die Ansicht wieder mit dem Minus.
 
@@ -266,7 +267,7 @@ Der Themenbaum ist gegliedert in Hintergrundkarten, einen Katalog an Fachdaten u
       > Daten zur reinen "Anzeige" in der Karte, v.a. entnommen aus dem FHH Atlas (bereitgestellt als WMS).
 3. **Ausgewählte Themen**  
    > Siehe nachfolgende Abbildung.
-4. **Hilfsbutton**
+4. **Hilfe-Button**
    > Ruft diese Anleitung auf.
 5. **Kartenhintergrund**
    > Hier können Sie für den Kartenhintergrund grau oder weiß auswählen.
@@ -274,8 +275,8 @@ Der Themenbaum ist gegliedert in Hintergrundkarten, einen Katalog an Fachdaten u
    > Diese Funktion fixiert den Themenbaum, so dass er auch bei Interaktionen mit der Karte angezeigt bleibt.
    
    **Ausgewählte Themen**  
-      ![Abbildung 3: Ausgewählte Themen](001f_ausgewaehltethemen.PNG)  
-      *Abb.001f: Ausgewählte Themen.*  
+      ![Abbildung 3: Ausgewählte Themen](/cosi/manuals/001f_ausgewaehltethemen.PNG)
+      *Abb.f: Ausgewählte Themen.*  
       - **3.1 Informationen und Legenden**
       - **3.2 Einstellungen**  
          Über das Zahnrad öffnen sich Einstellungen für Transparenz und Ebene verschieben.
@@ -284,13 +285,13 @@ Der Themenbaum ist gegliedert in Hintergrundkarten, einen Katalog an Fachdaten u
       - **3.4 Ebene nach oben/unten**  
          Über das Pfeilmenü kann die Ebene der Layer verschoben werden.
 
-Die Themen enthalten Informationen, die symbolisch oder durch Flächen auf der Karte dargestellt werden. In der nachfolgenden Abbildung zum Beispiel stellen die grün/blauen Punkte und Icons die vorhandenen Sportstätten im Gebiet dar. Die gelben und grünen Flächen sind aus dem Verzeichnis öffentlicher Grünanlagen. Nummerierte Punkte zeigen die Anzahl der an diesem Ort vorhandenen Einrichtungen an, wenn sich Punkte überschneiden.
+Die Themen enthalten Informationen, die symbolisch oder durch Flächen auf der Karte dargestellt werden. In der nachfolgenden Abbildung zum Beispiel stellen die grün/blauen Punkte und Icons die vorhandenen Sportstätten im Gebiet dar. Die gelben und grünen Flächen stammen aus dem Verzeichnis öffentlicher Grünanlagen. Nummerierte Punkte zeigen die Anzahl der an diesem Ort vorhandenen Einrichtungen an, wenn sich Punkte überschneiden.
 Eine Legende zu den aktiven Themen kann durch einen Klick auf den Reiter "Legende" eingeblendet werden. Unabhängig davon können über den Infobutton rechts neben dem Layer weitere Informationen zu dem jeweiligen Thema aufgerufen werden. Es werden folgende Informationen bereitgestellt: Kurzbeschreibung des Themas, Datenstand und Legende. Auch befinden sich hinter dem Info-Button die Links zu Downloadquellen und eine WFS - bzw. WMF -Adresse.
 Ein Klick auf ein Objekt auf der Karte öffnet eine Infotafel für die aktuelle Auswahl (Sportstätte, Grünanlage, etc.). Auf der Infotafel werden Informationen über das Objekt angezeigt. Datenschutzrelevante (personenbezogene) Daten werden nicht angezeigt.
 
-![Abbildung 4: Manuelle Flächenauswahl](001g_bspkartenansicht.PNG)
+![Abbildung 4: Manuelle Flächenauswahl](/cosi/manuals/001g_bspkartenansicht.PNG)
 
-*Abb.001g: Beispiel für Kartenansicht.*
+*Abb. g: Beispiel für Kartenansicht.*
 
 <div style="page-break-after: always;"></div>
 
diff --git a/cosi/manuals/003erreichbarkeitsanalyse.md b/cosi/manuals/003erreichbarkeitsanalyse.md
index dd1e53aa3..379ce5fee 100644
--- a/cosi/manuals/003erreichbarkeitsanalyse.md
+++ b/cosi/manuals/003erreichbarkeitsanalyse.md
@@ -1,10 +1,12 @@
+
 ### Erreichbarkeitsanalyse
+
 Die "Erreichbarkeitsanalyse" erreichen Sie über den Bereich "Analyse". 
 Eine Erreichbarkeitsanalyse kann auf drei Arten durchgeführt werden:  
-1. [Ab einem Referenzpunkt](#markdown-header-erreichbarkeit-ab-einem-Referenzpunkt)
+1. [Ab einem Referenzpunkt](#erreichbarkeit-ab-einem-Referenzpunkt)
 2. Ab einer ausgewählten Einrichtung
-3. [Im Planungsgebiet](#markdown-header-erreichbarkeit-im-gebiet) 
-4. [Entlang einer Route](#markdown-header-erreichbarkeit-entlang-einer-route)
+3. [Im Planungsgebiet](#erreichbarkeit-im-gebiet) 
+4. [Entlang einer Route](#erreichbarkeit-entlang-einer-route)
 
 Der Modus der Analyse kann im Dropdown Menü ausgewählt werden.
 
@@ -27,9 +29,9 @@ Das Modul kann verwendet werden, ohne vorherige Gebietsauswahl.
   
 
 
-![Erreichbarkeit ab einem Referenzpunkt](003a_erreichbarkeitreferenzpunkt.png)
+![Erreichbarkeit ab einem Referenzpunkt](/cosi/manuals/003a_erreichbarkeitreferenzpunkt.png)
 
-*Abb.003a: Erreichbarkeit ab einem Referenzpunkt.*
+*Abb. a: Erreichbarkeit ab einem Referenzpunkt.*
   
 1. **Auswahl des Modus**
    > Art der Einrichtungsanalyse. Ab einem Referenzpunkt, entlang einer Route oder Erreichbarkeit der gewählten Einrichtungen im Gebiet.
@@ -46,11 +48,11 @@ Das Modul kann verwendet werden, ohne vorherige Gebietsauswahl.
 7. **Ergebnis ausblenden**
    > Die Ergebnisdarstellung auf der Karte wird ausgeblendet. Alle Fachdaten außerhalb der Isochronen werden wieder eingeblendet.
 8. **Einwohnerabfrage**
-   > (s. Einwohnerabfrage)
+   > [s. Einwohnerabfrage](#einwohnerabfrage)
 9.  **Legende & Isochronen**
    > Eine Legende wird eingeblendet. Sie wird dynamisch für die Anfrage generiert und zeigt drei gleichmäßig verteilte Entfernungswerte. Höchstwert ist der zuvor eingegebene Wert für die Entfernung. Die Isochronen (Polygone) in der Karte sind entsprechend der Legende eingefärbt. Sie zeigen das vom Referenzpunkt aus erreichbare Gebiet abhängig von den zuvor eingegebenen Parametern. Ist "Verkehrsfluss berücksichtigen" ausgewählt, wird das theoretische Maximum bei freier Fahrt als gestrichelte Linie angezeigt.
 11. **Ergebnisverzeichnis**
-   > Sie können mehrere Erreichbarkeitsanalysen erstellen, die über das sog. [Ergebnisverzeichnis](020ergebnisverzeichnis.md) verwaltet werden.
+   > Sie können mehrere Erreichbarkeitsanalysen erstellen, die über das [Ergebnisverzeichnis](/cosi/manuals/020ergebnisverzeichnis.md) verwaltet werden.
 
 *Für **Tageszeit**, **Verkehrsfluss berücksichtigen**, und **Von Flächenaußengrenzen berechnen** siehe im folgenden "Erreichbarkeit im Gebiet"*
 
@@ -59,11 +61,12 @@ Das Modul kann verwendet werden, ohne vorherige Gebietsauswahl.
 Diese Analyse wird genauso hergestellt, wie ab einem Referenzpunkt. Nur wird hier statt einem Referenzpunkt auf der Karte eine Einrichtung auf der Karte angeklickt.
 
 #### Erreichbarkeit im Gebiet
+
 Zeigt die Abdeckung und Erreichbarkeit von einer zuvor festgelegten Einrichtungsart (im Beispiel Krankenhäuser) in dem festgelegten Einzugsbereich (Planungsgebiet). Der Einzugsbereich ist die Entfernung von der jeweiligen Einrichtung und kann in Zeit oder in Metern angegeben werden. Die Erreichbarkeit ist abhängig von dem festgelegten Verkehrsmittel.
 
-![Erreichbarkeit ausgewählter Einrichtungen im Gebiet](003b_erreichbarkeitabeinrichtung.png)
+![Erreichbarkeit ausgewählter Einrichtungen im Gebiet](/cosi/manuals/003b_erreichbarkeitabeinrichtung.png)
 
-*Abb.003b: Erreichbarkeit ausgewählter Einrichtungen im Gebiet.*
+*Abb. b: Erreichbarkeit ausgewählter Einrichtungen im Gebiet.*
 
 1. **Auswahl des Modus**
    > Art der Einrichtungsanalyse. Ab einem Referenzpunkt, entlang einer Route oder Erreichbarkeit der gewählten Einrichtungen im Gebiet.
@@ -76,7 +79,7 @@ Zeigt die Abdeckung und Erreichbarkeit von einer zuvor festgelegten Einrichtungs
 5. **Entfernung**
    > Entfernung in zuvor festgelegter Maßeinheit (Minuten oder Metern) angeben.
 6. **Tageszeit**
-   > Wenn Sie als Verkehrsmittel "Auto" ausgewählt haben, können Sie hier die Tageszeit auswählen, zu der Sie die Erreichbarkeit planen wollen. Die Funktion ist nur verfügbar, wenn "Verkehrsfluss berücksichtigen" aktiv ist. Dieser *Reisezeitindex* beschreibt die Veränderung der Reisezeiten zu verschiedenen Tageszeiten gegenüber einem normierten freien Verkehrsfluss (d.h. ein Reisezeitindex von 1,3 entspricht einer Verlängerung der Reisezeiten bzw. einer Verkürzung der zurückgelegten Strecke um 30%). Die Daten wurden von der Firma INRIX erhoben und beziehen sich, aggregiert für das gesamte Stadtgebiet für die Straßenklassen 2, 3 und 4 (Bundesstraßen, Kreisstraßen, Gemeindestraßen), auf das Jahr 2020. **Der Reisezeitindex bezieht sich ausschließlich auf den Kfz-Verkehr.**
+   > Wenn Sie als Verkehrsmittel "Auto" ausgewählt haben, können Sie hier die Tageszeit auswählen, zu der Sie die Erreichbarkeit planen wollen. Die Funktion ist nur verfügbar, wenn "Verkehrsfluss berücksichtigen" aktiv ist. Dieser *Reisezeitindex* beschreibt die Veränderung der Reisezeiten zu verschiedenen Tageszeiten gegenüber einem normierten freien Verkehrsfluss (d.h. ein Reisezeitindex von 1,3 entspricht einer Verlängerung der Reisezeiten um 30% bzw. einer entsprechenden Verkürzung der zurückgelegten Strecke). Die Daten wurden von der Firma INRIX erhoben und beziehen sich, aggregiert für das gesamte Stadtgebiet für die Straßenklassen 2, 3 und 4 (Bundesstraßen, Kreisstraßen, Gemeindestraßen), auf das Jahr 2020. **Der Reisezeitindex bezieht sich ausschließlich auf den Kfz-Verkehr.**
 7. **Verkehrsfluss berücksichtigen**
    > Wählen Sie aus, ob Sie den Verkehrsfluss berücksichtigen wollen oder nicht. 
 8. **Von Flächenaußengrenzen ermitteln**
@@ -86,15 +89,16 @@ Zeigt die Abdeckung und Erreichbarkeit von einer zuvor festgelegten Einrichtungs
 11. **Legende & Isochronen**
     > Eine Legende wird eingeblendet. Sie wird dynamisch für die Anfrage generiert und zeigt drei gleichmäßig verteilte Entfernungswerte. Höchstwert ist der zuvor eingegebene Wert für die Entfernung. Die Isochronen (Polygone) in der Karte sind entsprechend der Legende eingefärbt. Sie zeigen die vom den Einrichtungen aus erreichbaren Gebiete abhängig von den zuvor eingegebenen Parametern. Ist "Verkehrsfluss berücksichtigen" ausgewählt, wird das theoretische Maximum bei freier Fahrt als gestrichelte Linie angezeigt.
 12. **Ergebnisverzeichnis**
-   > Sie können mehrere Erreichbarkeitsanalysen erstellen, die über das sog. [Ergebnisverzeichnis](/cosi/manuals/020ergebnisverzeichnis) verwaltet werden.
+   > Sie können mehrere Erreichbarkeitsanalysen erstellen, die über das [Ergebnisverzeichnis](/cosi/manuals/020ergebnisverzeichnis) verwaltet werden.
 
    ### Erreichbarkeit entlang einer Route
+
 Wenn Sie im Routing-Tool eine Route erstellt haben, können Sie die Erreichbarkeit in einem bestimmten Umkreis um die Route herum berechnen lassen.
   
 Das Modul kann ohne vorherige Gebietsauswahl verwendet werden.
-![Erreichbarkeit entlang einer Route](003c_erreichbarkeitroute.png)
+![Erreichbarkeit entlang einer Route](/cosi/manuals/003c_erreichbarkeitroute.png)
 
-*Abb.003c: Erreichbarkeit entlang einer Route.*
+*Abb. c: Erreichbarkeit entlang einer Route.*
 1. **Auswahl des Modus**
    > Art der Einrichtungsanalyse. Ab einem Referenzpunkt, entlang einer Route oder Erreichbarkeit der gewählten Einrichtungen im Gebiet. Beachten Sie, dass Sie die Erreichbarkeit entlang einer Route nur auswählen können, wenn Sie im Vorfeld im Routing-Tool eine Route angelegt haben.
 2. **Route auswählen**
@@ -108,6 +112,6 @@ Das Modul kann ohne vorherige Gebietsauswahl verwendet werden.
 7. **Legende und Isochronen**
    > Eine Legende wird eingeblendet. Sie wird dynamisch für die Anfrage generiert und zeigt drei gleichmäßig verteilte Entfernungswerte. Höchstwert ist der zuvor eingegebene Wert für die Entfernung. Die Isochronen (Polygone) in der Karte sind entsprechend der Legende eingefärbt. Sie zeigen das um die Route herum erreichbare Gebiet abhängig von den zuvor eingegebenen Parametern.
 8. **Ergebnisverzeichnis**
-   > Sie können mehrere Erreichbarkeitsanalysen erstellen, die über das sog. [Ergebnisverzeichnis](/cosi/manuals/020ergebnisverzeichnis) verwaltet werden.
+   > Sie können mehrere Erreichbarkeitsanalysen erstellen, die über das [Ergebnisverzeichnis](/cosi/manuals/020ergebnisverzeichnis) verwaltet werden.
    
 <div style="page-break-after: always;"></div>
\ No newline at end of file
diff --git a/cosi/manuals/004vergleichbaregebieteermitteln.md b/cosi/manuals/004vergleichbaregebieteermitteln.md
index 536361ac5..b19cd89de 100644
--- a/cosi/manuals/004vergleichbaregebieteermitteln.md
+++ b/cosi/manuals/004vergleichbaregebieteermitteln.md
@@ -1,3 +1,4 @@
+
 ## Vergleichbare Gebiete ermitteln
 ___
 Über den Bereich der "Analyse" gelangen Sie zu "Vergleichbare Gebiete ermitteln".
@@ -5,26 +6,26 @@ ___
 Das Werkzeug erlaubt die Ermittlung aller Gebiete (Stadtteile oder statistische Gebiete), in denen die ausgewählten Parameter vorherrschen, bzw. solcher, die dem gewählten Referenzgebiet in diesen Parametern ähneln.
 Wählen Sie unter Filter die gewünschten Parameter für den Vergleich, sowie ein Referenzgebiet (optional).  
 
-![Vergleichbare Gebiete ermitteln](004a_vergleichbaregebiete_ermitteln.PNG)   
+![Vergleichbare Gebiete ermitteln](/cosi/manuals/004a_vergleichbaregebiete_ermitteln.PNG)
  
-*Abb.004a: Vergleichbare Gebiete ermitteln.*  
+*Abb. a: Vergleichbare Gebiete ermitteln.*  
 
 1. **Statistische Datenfilter**
    > Gewünschte Parameter für den Vergleich auswählen. Es können beliebig viele Parameter hinzugefügt werden. Alle StaNord-Datensätze sind hierfür verfügbar. Anteilige Werte eignen sich jedoch besser für die Vergleichbarkeit. Gegenwärtig können eigene Berechnungen aus dem Dashboard nicht herangezogen werden.
 2. **Referenzgebiet**
    > Optional kann eins der ausgewählten Gebiete als Referenzgebiet angegeben werden.
 3. **Filter hinzufügen**
-   > Die Parametereinstellungen zeigen den aktuellen Datensatz Jahr Min.- und Max.-Wert aller Hamburger Gebiete, den Referenzwert (frei wählbar oder des Referenzgebiets) sowie die Toleranz nach oben und unten. Das Toleranzintervall ist entweder in absoluten Zahlen oder in Prozent für anteilige Werte angegeben.
+   > Die Parametereinstellungen zeigen für den aktuellen Datensatz und das ausgewählte Jahr den Min.- und Max.-Wert aller Hamburger Gebiete, den Referenzwert (frei wählbar oder den Wert des Referenzgebiets) sowie die Toleranz nach oben und unten. Das Toleranzintervall ist entweder in absoluten Zahlen oder in Prozent für anteilige Werte angegeben.
 4. **Alle Filter zurücksetzen** 
    > Setzen Sie Ihre Eingaben zurück.  
 5. **Ergebnisverzeichnis** 
    > Der "Datensatz hinzufügen" Button aus dem [Ergebnisverzeichnis](ergebnisverzeichnis.md).  
 
-![Vergleichbare Gebiete ermitteln, Ergebnisse](004b_vergleichbaregebiete_ergebnis.PNG)  
-*Abb.004b: Vergleichbare Gebiete ermitteln, Ergebnisse.*  
+![Vergleichbare Gebiete ermitteln, Ergebnisse](/cosi/manuals/004b_vergleichbaregebiete_ergebnis.PNG)  
+*Abb. b: Vergleichbare Gebiete ermitteln, Ergebnisse.*  
 
 1. **Ergebnisverzeichnis**
-   > Das [Ergebnisverzeichnis](ergebnisverzeichnis.md) verwaltet die unterschiedlichen Datensätze. Es erscheint, sobald Sie einen zweiten Datensatz erstellt haben.
+   > Das [Ergebnisverzeichnis](/cosi/manuals/ergebnisverzeichnis.md) verwaltet die unterschiedlichen Analysen. Es erscheint, sobald Sie eine zweite Analyse erstellt haben.
 2. **Parametereinstellungen (Jahr)**
    > Wählen Sie die Grundlage für das entsprechende Jahr aus.  
 3. **Parametereinstellungen (Attribute)**
diff --git a/cosi/manuals/005filter.md b/cosi/manuals/005filter.md
index 98d503476..a34201b69 100644
--- a/cosi/manuals/005filter.md
+++ b/cosi/manuals/005filter.md
@@ -1,12 +1,13 @@
+
 ## Filter
 ___
-Die aktiven, ausgewählten Themen können durch Klick auf den Reiter "Filter" nach den Kategorien ihrer Datensätze durchsucht und gefiltert werden. Die Karte zoomt automatisch auf die Filterergebnisse. Es werden nur Ergebnisse in den ausgewählten Gebieten einbezogen. Der Filter ist für alle Fachdatensätze verfügbar, welche sinnvolle filterbare Attribute (wie Fläche, Nutzung, Träger, etc.) aufweisen.  
+Die aktiven, ausgewählten Themen können durch Klick auf den Reiter "Filter" nach den Kategorien ihrer Datensätze durchsucht und gefiltert werden. Die Karte zoomt automatisch auf die Filterergebnisse. Es werden nur Ergebnisse in den ausgewählten Gebieten einbezogen. Werden Analysefunktionen auf einen Datensatz angewendet, beziehen sie sich nicht auf den ganzen Datensatz, sondern auf das Filterergebnis.  Der Filter ist für alle Fachdatensätze verfügbar, welche sinnvolle filterbare Attribute (wie Fläche, Nutzung, Träger, etc.) aufweisen.  
 
 Um Ihre gewünschten Fachdaten zu filtern, gehen Sie zunächst auf "Analyse" und dann auf "Filter".
 
-![Abbildung 1: Filter](005_filter.PNG)
+![Abbildung 1: Filter](/cosi/manuals/005_filter.PNG)
 
-*Abb.: Filter.*  
+*Abb. a: Filter.*  
 
 1. **Ein Thema im Filter wählen**
    > Angezeigt werden die ausgewählten Themen wie im Themenbaum. Themen können jederzeit hinzugefügt werden. Dazu Themenbaum im Filter aufklappen und Thema auswählen.
diff --git a/cosi/manuals/006versorgungsanalyse.md b/cosi/manuals/006versorgungsanalyse.md
index 30b1d6874..36c689cb6 100644
--- a/cosi/manuals/006versorgungsanalyse.md
+++ b/cosi/manuals/006versorgungsanalyse.md
@@ -1,11 +1,12 @@
+
 ## Dienste/ Versorgungsanalyse
 ___
 Mit diesem Werkzeug kann das Verhältnis zweier Datensätze zueinander berechnet werden. Die Datensätze können entweder regionalstatistische Daten oder Einrichtungsdaten aus dem Menü "Themen/ Fachdaten" sein. Damit die Versorgungsanalyse verwendet werden kann, müssen mindestens zwei Datensätze geladen worden sein. Die "Versorgungsanalyse" finden sie im Bereich "Analyse".
 
 
-![Abbildung 1: Versorgungsanalyse, Einstellungen](006a_versorgungsanalyse.PNG)
+![Abbildung 1: Versorgungsanalyse, Einstellungen](/cosi/manuals/006a_versorgungsanalyse.PNG)
 
-*Abb.a: Versorgungsanalyse, Einstellungen.*
+*Abb. a: Versorgungsanalyse, Einstellungen.*
 
 1. **Info** 
    > Über den Button finden Sie zu dieser Anleitung.
@@ -24,18 +25,30 @@ Mit diesem Werkzeug kann das Verhältnis zweier Datensätze zueinander berechnet
 8. **Die gesamte Auswahl zurücksetzen**
 9. **Berechnen**
 
-![Abbildung 2: Versorgungsanalyse, Ergebnisse](006b_versorgungsanalyse.PNG)
+<<<<<<< HEAD
+![Abbildung 2: Versorgungsanalyse, Ergebnisse](./006b_versorgungsanalyse.PNG)
+=======
+![Abbildung 2: Versorgungsanalyse, Ergebnisse](/cosi/manuals/006b_versorgungsanalyse.PNG)
+>>>>>>> 55f3fe1162d5a6d32565dfe85c78baed599ca97b
 
-*Abb.b: Versorgungsanalyse, Ergebnisse.*
+*Abb. b: Versorgungsanalyse, Ergebnisse.*
 
 1. **Ergebnisverzeichnis**
-   > Das [Ergebnisverzeichnis](020ergebnisverzeichnis.md) verwaltet alle von Ihnen erstellen Datensätze und bietet bestimmte standardisierte Funktionen wie Downloads und ähnliches an.
+<<<<<<< HEAD
+   > Das [Ergebnisverzeichnis](./020ergebnisverzeichnis.md) verwaltet alle von Ihnen erstellten Analysen und bietet bestimmte standardisierte Funktionen wie Downloads und ähnliches an.
+2. **Daten als Chart visualisieren**
+   > Die Daten werden zur [Graphenvisualisierung](./008graphenvisualisierung.md) geladen und dort als Graphen dargestellt.
+3. **Auf der Karte visualisieren**  
+   > Die Daten werden mit Hilfe der [Kartenvisualisierung](./019kartenvisualisierung.md) auf der Karte visualisiert und je nach Wert in unterschiedlichen Farben dargestellt.
+=======
+   > Das [Ergebnisverzeichnis](/cosi/manuals/020ergebnisverzeichnis.md) verwaltet alle von Ihnen erstellten Analysen und bietet bestimmte standardisierte Funktionen wie Downloads und ähnliches an.
 2. **Daten als Chart visualisieren**
-   > Die Daten werden zur [Graphenvisualisierung](008graphenvisualisierung.md) geladen und dort als Graphen dargestellt.
+   > Die Daten werden zur [Graphenvisualisierung](/cosi/manuals/008graphenvisualisierung.md) geladen und dort als Graphen dargestellt.
 3. **Auf der Karte visualisieren**  
-   > Die Daten werden mit Hilfe der [Kartenvisualisierung](019kartenvisualisierung.md) auf der Karte visualisiert und je nach Wert in unterschiedlichen Farben dargestellt.
+   > Die Daten werden mit Hilfe der [Kartenvisualisierung](/cosi/manuals/019kartenvisualisierung.md) auf der Karte visualisiert und je nach Wert in unterschiedlichen Farben dargestellt.
+>>>>>>> 55f3fe1162d5a6d32565dfe85c78baed599ca97b
 4. **Tabellenspalte für erweiterte Funktionen auswählen**
-   > Hier können Sie Tabellenspalten auswählen die für die erweiterten Funktionen "Als Chart visualisieren" (3) und "Auf der Karte visualisieren" (4) herangezogen werden soll.
+   > Hier können Sie Tabellenspalten auswählen, die für die erweiterten Funktionen "Als Chart visualisieren" (3) und "Auf der Karte visualisieren" (4) herangezogen werden sollen.
    
 5. **Jahr auswählen**
    > Hier können Sie das Jahr auswählen, für das die entsprechenden Daten geladen werden.
@@ -49,5 +62,7 @@ Mit diesem Werkzeug kann das Verhältnis zweier Datensätze zueinander berechnet
          Hier wurde der Wert des Auswahlfeldes (1) durch den Wert des Auswahlfeldes (2) geteilt.
       - **Bedarfsdeckung:**  
          Die Versorgungsabdeckung in Prozent, d.h. das Verhältnis zwischen der aus Auswahlfeld (1) ermittelten Kapazität und Auswahlfeld (2) im Gebiet. Wurde kein Faktor F ausgewählt, zeigt die Spalte das direkte Verhältnis beider Felder in Prozent an.
-      - **6.1 Ergebnisverzeichnis der Ergebnistabelle**
-         Wenn in Ihrer Ergebnistabelle mehr als 10 Ergebnisse angezeigt werden, können Sie hier entsprechend die Daten durchschalten.
+
+   6.1 **Ergebnisverzeichnis der Ergebnistabelle:**
+         
+      >Wenn in Ihrer Ergebnistabelle mehr als 10 Ergebnisse angezeigt werden, können Sie hier entsprechend die Daten durchschalten.
diff --git a/cosi/manuals/007dipas.md b/cosi/manuals/007dipas.md
index 56db17d70..3c624643d 100644
--- a/cosi/manuals/007dipas.md
+++ b/cosi/manuals/007dipas.md
@@ -1,17 +1,18 @@
+
 ### DIPAS
-Mit dem DIPAS Werkzeug können alle Beiträge aus laufenden DIPAS Verfahren in der Karte visualisiert, nach verschiedenen Kriterien dargestellt und für alle CoSI-Werkzeuge verfügbar gemacht werden. D.h. alle Beiträge können in der [Einrichtungsübersicht](017einrichtungsuebersicht.md) angezeigt, für [Versorgungsanalyse](006versorgungsanalyse.md), [Erreichbarkeitsanalyse](003erreichbarkeitsanalyse.md) und [Vergleichbare Gebiete Ermitteln](004vergleichbaregebieteermitteln.md) verwendet und mit dem [Filter](005filter.md) gefiltert werden. Über "Analyse" erreichen Sie "Dipas".
+Mit dem DIPAS Werkzeug können alle Beiträge aus laufenden DIPAS Verfahren in der Karte visualisiert, nach verschiedenen Kriterien dargestellt und für alle CoSI-Werkzeuge verfügbar gemacht werden. D.h. alle Beiträge können in der [Einrichtungsübersicht](/cosi/manuals/017einrichtungsuebersicht.md) angezeigt, für [Versorgungsanalyse](/cosi/manuals/006versorgungsanalyse.md), [Erreichbarkeitsanalyse](/cosi/manuals/003erreichbarkeitsanalyse.md) und [Vergleichbare Gebiete Ermitteln](/cosi/manuals/004vergleichbaregebieteermitteln.md) verwendet und mit dem [Filter](/cosi/manuals/005filter.md) gefiltert werden. Über "Analyse" erreichen Sie "Dipas".
 
 
-![Abbildung 1: DIPAS](007a_dipas.PNG)
+![Abbildung 1: DIPAS](/cosi/manuals/007a_dipas.PNG)
 
-*Abb.a: DIPAS Menü und Anzeige.*
+*Abb. a: DIPAS Menü und Anzeige.*
 
 1. **Beteiligungsverfahren auswählen**
-   > Für jedes Verfahren aus der DIPAS-Datenbank wird automatisch eine Registerkarte angelegt, welche durchs Anklicken aufgeklappt werden kann. Ein aufgeklapptes Verfahren zeigt dessen Beschreibungstext und die Kontrollfelder für die Visualisierung. Jedem Verfahren wid dabei eine zufällige Farbe zugewiesen.
+   > Für jedes Verfahren aus der DIPAS-Datenbank wird automatisch eine Registerkarte angelegt, welche durch Anklicken aufgeklappt werden kann. Ein aufgeklapptes Verfahren zeigt dessen Beschreibungstext und die Kontrollfelder für die Visualisierung. Jedem Verfahren wid dabei eine zufällige Farbe zugewiesen.
 2. **Indikator**
-   > Das Icon in dem Indikator zeigt zum einen die Farbe an, in dem der jeweilige Datensatz visualisiert wird. Zum anderen zeigt es, ob der Datensatz gerade auf der Karte angezeigt wird.
+   > Das Icon in dem Indikator zeigt zum einen die Farbe an, in der der jeweilige Datensatz visualisiert wird. Zum anderen zeigt es, ob der Datensatz gerade auf der Karte angezeigt wird.
 3. **Legende**
-   > Die Legende zeigt an, welche Farbe den Eintragstypen in der Visualisierung zugeordnet wird.
+   > Die Legende zeigt an, welche Farbe den Eintragstypen in der Visualisierung jeweils zugeordnet wird.
 4. **Verfahren in der Karte anzeigen**
    > Zeigt das Verfahrensgebiet als Polygon in der Karte in der jeweiligen Farbe des Verfahrens.
    - **4.1 Auf der Karte anzeigen**
diff --git a/cosi/manuals/008graphenvisualisierung.md b/cosi/manuals/008graphenvisualisierung.md
index 766745b98..ce3e8c341 100644
--- a/cosi/manuals/008graphenvisualisierung.md
+++ b/cosi/manuals/008graphenvisualisierung.md
@@ -1,3 +1,4 @@
+
 ## Graphenvisualisierung
 ___
 Das Graphenvisualisierungswerkzeug erstellt Graphen aus Datensätzen und verwaltet diese. Darüber hinaus ermöglicht es Ihnen den Export dieser Graphen als PNG.
@@ -6,8 +7,8 @@ Das Graphenvisualisierungswerkzeug erstellt Graphen aus Datensätzen und verwalt
    
    > **Hinweis**: Wenn Sie die Graphenvisualisierung direkt aus dem Analyse Menü öffnen, bitte unten in der Kartenvisualisierung auf das Graph Symbol klicken. 
 
-![Abbildung 1: Graphenvisualisierung](008_graphenvisualisierung.png)  
-*Abb.a: Graphenvisualisierung.*
+![Abbildung 1: Graphenvisualisierung](/cosi/manuals/008_graphenvisualisierung.png)  
+*Abb. a: Graphenvisualisierung.*
 
 1. **Diagrammtyp auswählen**
    > Häufig werden gleich unterschiedliche Graphen erstellt. Hier können Sie zwischen den verfügbaren Diagrammen für den ausgewählten Datensatz umschalten.
@@ -19,4 +20,4 @@ Das Graphenvisualisierungswerkzeug erstellt Graphen aus Datensätzen und verwalt
 4. **Y-Achse stapeln**
     > Die Werte der Datensätze werden aufsummiert und farblich abgetrennt dargestellt.
 5. **Ergebnisverzeichnis**
-   > Das [Ergebnisverzeichnis](020ergebnisverzeichnis.md) verwaltet die unterschiedlichen erstellten Graphen und erlaubt, sie als Bild oder gesammelt als zip-Datei herunterzuladen.
+   > Das [Ergebnisverzeichnis](/cosi/manuals/020ergebnisverzeichnis.md) verwaltet die unterschiedlichen erstellten Graphen und erlaubt, sie als Bild oder gesammelt als zip-Datei herunterzuladen.
diff --git a/cosi/manuals/009einrichtungenanlegen.md b/cosi/manuals/009einrichtungenanlegen.md
index 1224c8f52..2e42a2af4 100644
--- a/cosi/manuals/009einrichtungenanlegen.md
+++ b/cosi/manuals/009einrichtungenanlegen.md
@@ -1,3 +1,4 @@
+
 ___
 
 # Simulation
@@ -8,8 +9,9 @@ ___
 Sobald sie unter "Simulation" "Einrichtungen anlegen" auswählen, öffnet sich ein Fenster, in dessen oberem Bereich Sie den Szenario Manager finden. Bei der Funktion "Wohnungsbauquartiere anlegen" befindet sich der Szenario Manager an derselben Stelle.
 
 #### Szenario Manager
-![Abbildung 1: Szenario Manager](009a_einrichtungenanlegen.PNG) 
-*Abb.a: Szenario Manager*  
+![Abbildung 1: Szenario Manager](/cosi/manuals/009a_einrichtungenanlegen.PNG) 
+
+*Abb. a: Szenario Manager*  
 
 1. **Szenario Dropdown**
    > Zeigt bisher erstellte Szenarien an.
@@ -27,8 +29,9 @@ Szenarios.
   
  *Sie **müssen** ein Thema aus den geladenen Fachdaten wählen. Sind keine Fachdaten ausgewählt, ist kein Szenario möglich. Wählen Sie mindestens ein Analysethema aus dem Themenbaum.*  
 
-![Abbildung 2: Einrichtungen anlegen](009b_einrichtungenanlegen.PNG)  
-*Abb.b: Einrichtungen anlegen*  
+![Abbildung 2: Einrichtungen anlegen](/cosi/manuals/009b_einrichtungenanlegen.PNG)  
+
+*Abb. b: Einrichtungen anlegen*  
 
 1. **Einrichtung kopieren**
    > Erlaubt das Kopieren einer vorhandenen Einrichtung. 
@@ -49,14 +52,14 @@ Szenarios.
    7.2 **Name**
       > Bezeichnung der jeweiligen Einrichtung, die erstellt werden soll.
 8. **Optionale Spalten**
-   > Können bei Bedarf ergänzt werden.
+      > Können bei Bedarf ergänzt werden.
 9. **Anlegen**
-   > Erstellt die simulierte Einrichtung
+      > Erstellt die simulierte Einrichtung
 10. **Zurücksetzen**
-   > Setzt das Szenario zurück.
+      > Setzt das Szenario zurück.
 
 #### Schrittweises Vorgehen
-Zur besseren Verständlichkeit des Werkzeugs wird im Folgenden Schritt für Schritt erläutert, wie erfolgreich eine neue Einrichtung angelegt werden kann.
+Zur besseren Verständlichkeit des Werkzeugs wird im Folgenden Schritt für Schritt erläutert, wie eine neue Einrichtung erfolgreich angelegt werden kann.
 
 1. #### **Schritt 1:** Neues Szenario erstellen
 2. #### **Schritt 2:** Name für Szenario festlegen
diff --git a/cosi/manuals/010einrichtungenbearbeiten.md b/cosi/manuals/010einrichtungenbearbeiten.md
index 998cf2e5f..76b5ed4ca 100644
--- a/cosi/manuals/010einrichtungenbearbeiten.md
+++ b/cosi/manuals/010einrichtungenbearbeiten.md
@@ -1,22 +1,27 @@
+
 ### Einrichtungen bearbeiten
 
 Haben Sie ein aktives Szenario können Sie sowohl selbst angelegte als auch bereits in den Daten vorhandene Einrichtungen bearbeiten. Sollten Sie kein Szenario angelegt haben und Sie klicken eine Einrichtung an, wird folgendes Popup angezeigt:
 
-![Abbildung 1: Bitte erstellen Sie ein Szenario](010a_einrichtungenbearbeiten.PNG)
+![Abbildung 1: Bitte erstellen Sie ein Szenario](/cosi/manuals/010a_einrichtungenbearbeiten.PNG)
 
-*Abb.a: Bitte erstellen Sie ein Szenario.*
+*Abb. a: Bitte erstellen Sie ein Szenario.*
 
-Ein Szenario können Sie wie im [Szenario Manager](009einrichtungenanlegen.md) beschrieben anlegen. Ist ein Szenario angelegt und Sie wählen per Mausklick eine Einrichtung an, erscheint folgendes Popup am unteren Bildschirmrand: 
+Ein Szenario können Sie wie im [Szenario Manager](/cosi/manuals/009einrichtungenanlegen.md) beschrieben anlegen. Ist ein Szenario angelegt und Sie wählen per Mausklick eine Einrichtung an, erscheint folgendes Popup am unteren Bildschirmrand: 
 
-![Abbildung 2: Einrichtung bearbeiten](010b_einrichtungenbearbeiten.PNG)
+![Abbildung 2: Einrichtung bearbeiten](/cosi/manuals/010b_einrichtungenbearbeiten.PNG)
 
-*Abb.b: Einrichtung bearbeiten.*
+*Abb. b: Einrichtung bearbeiten.*
 
 Wählen Sie hier den Button **BEARBEITEN** an. Daraufhin wird sich das folgende Fenster öffnen:
 
-![Abbildung 3: Einrichtung-Bearbeiten-Fenster](010c_einrichtungenbearbeiten.PNG)
+<<<<<<< HEAD
+![Abbildung 3: Einrichtung-Bearbeiten-Fenster](./010c_einrichtungenbearbeiten.PNG)
+=======
+![Abbildung 3: Einrichtung-Bearbeiten-Fenster](/cosi/manuals/010c_einrichtungenbearbeiten.PNG)
+>>>>>>> 55f3fe1162d5a6d32565dfe85c78baed599ca97b
 
-*Abb.c: Fenster für das bearbeiten der Einrichtung.*
+*Abb. c: Fenster für das bearbeiten der Einrichtung.*
 
 1. **Eingaben sperren**
    > Mit Hilfe dieses Buttons sperren Sie die Input-Felder des Fensters, so dass Sie nicht mehr bearbeitet werden können. Die Input-Felder sind standardmäßig gesperrt, so dass Sie diesen Button aktivieren müssen, ehe Sie eine vorhandene Einrichtung bearbeiten können. 
@@ -31,12 +36,16 @@ Wählen Sie hier den Button **BEARBEITEN** an. Daraufhin wird sich das folgende
 
 **Hinweis:** Wenn auf der Karte Cluster von Einrichtungen angezeigt werden, weil in der aktuellen Zoomstufe nicht alle Einrichtungen dargestellt werden können, öffnet sich bei einem Klick auf das Clustersymbol folgendes Fenster:
 
-![Abbildung 4: Clusterauswahl](010d_einrichtungenbearbeiten.PNG)
+<<<<<<< HEAD
+![Abbildung 4: Clusterauswahl](./010d_einrichtungenbearbeiten.PNG)
+=======
+![Abbildung 4: Clusterauswahl](/cosi/manuals/010d_einrichtungenbearbeiten.PNG)
+>>>>>>> 55f3fe1162d5a6d32565dfe85c78baed599ca97b
 
-*Abb.d: Clusterauswahl.*
+*Abb. d: Clusterauswahl.*
 
 1. **Das angewählte Cluster (3)**
-   > Die Darstellung von Einrichtungen wird auf der Karte gebündelt, wenn zu viele Einrichtungen an einem Ort sind, wenn diese in der aktuellen Zoomstufe nicht dargestellt werden können. 
+   > Die Darstellung von Einrichtungen wird auf der Karte gebündelt, wenn Einrichtungen so dicht beeinander liegen, dass sie, wenn diese in der aktuellen Zoomstufe nicht separiert werden können. 
 2. **Auswahl**
    > Alle im Cluster gebundenen Einrichtungen werden angezeigt, sobald Sie auf das Cluster klicken. Sie können dann in diesem Fenster eine Einrichtung auswählen, woraufhin sich das Fenster aus *Abbildung 3* öffnet.
 
diff --git a/cosi/manuals/011wohnquartiereanlegen.md b/cosi/manuals/011wohnquartiereanlegen.md
index 3df86620d..cbef91c43 100644
--- a/cosi/manuals/011wohnquartiereanlegen.md
+++ b/cosi/manuals/011wohnquartiereanlegen.md
@@ -1,13 +1,17 @@
+
 ## Wohnungsbauquartiere anlegen 
 
 Durch das Erstellen eines Wohnbauquartiers können Sie Wohnungsbauszenarien durchspielen. Die erstellten Wohnungsbauquartiere stehen Ihnen für weitere Analysefunktionen zur Verfügung. Die Szenarien können exportiert und gespeichert werden.
 
-Sobald Sie über "Simulation" "Wohnungsquartiere anlegen" auswählen, öffnet sich ein Fenster, in dessen oberem Bereich Sie den Szenario Manager finden (s. Abbidlung 009a "Szenario Manager").
+Sobald Sie über "Simulation" "Wohnungsquartiere anlegen" auswählen, öffnet sich ein Fenster, in dessen oberem Bereich Sie den Szenario Manager finden (s. Abbildung a "Szenario Manager").
+
+![Abbildung a: Wohnungsbauquartiere anlegen](/cosi/manuals/011a_wohnquartiere.PNG)
+
+*Abb. a: Wohnungsbauquartiere anlegen*
+
+![Abbildung b: Wohnungsbauquartiere anlegen](/cosi/manuals/011b_wohnquartiere.PNG)  
 
-![Abbildung a: Wohnungsbauquartiere anlegen](011a_wohnquartiere.PNG)
-*Abb.a: Wohnungsbauquartiere anlegen*
-![Abbildung b: Wohnungsbauquartiere anlegen](011b_wohnquartiere.PNG)  
-*Abb.b: Wohnungsbauquartiere anlegen*
+*Abb. b: Wohnungsbauquartiere anlegen*
 
 1. **Geometrie**
    > Mithilfe des Stiftes kann ein Polygon in der Karte gezeichnet werden. 
diff --git a/cosi/manuals/012dienste.md b/cosi/manuals/012dienste.md
index c98409e55..99286241e 100644
--- a/cosi/manuals/012dienste.md
+++ b/cosi/manuals/012dienste.md
@@ -2,23 +2,23 @@ ___
 ## Dienste
 ### Werkzeuge des Dienstemenüs
 ___
-![Abbildung 22: Dienste](012a_dienste.PNG)
+![Abbildung 22: Dienste](/cosi/manuals/012a_dienste.PNG)
 
-*Abb.a: Dropdown Dienste.*
+*Abb. a: Dropdown Dienste.*
 
 1. **Zeichnen/ Schreiben**
 2. **Karte drucken**
    > Den aktuellen Kartenausschnitt inkl. aktiver Layer drucken.
 3. **Mousehover ein-/ ausschalten**
    > Den Tooltip, der am Mauszeiger in der Karte eingeblendet wird (de-)aktivieren
-4. **[Geodaten Importieren](013geodatenimportieren.md)**
+4. **[Geodaten Importieren](/cosi/manuals/013geodatenimportieren.md)**
 5. **WMS hinzufügen**
    > Beliebige andere Kartendienste können aus dem FHH-Atlas oder anderen Quellen über die Webadresse (URL) des Dienstes eingebunden werden. Die URLs entnehmen Sie z.B. dem Metadatenkatalog der FHH oder dem Geoportal unter dem Info-Button im Themenbaum (s. Themenbaum).
-6. **[Sitzung speichen / laden](014sitzungspeichern.md)**
+6. **[Sitzung speichen / laden](/cosi/manuals/014sitzungspeichern.md)**
    > Die aktuelle Sitzung mit aktiven Daten, gewählten Gebieten und Filtern speichern. Sitzungen können im Browser gespeichert werden. Diese können beim Programmstart wieder aus dem Verlauf geladen werden.
    Wenn Browserverlauf oder Cache geleert werden, geht dieser Speicherstand verloren! Es kann immer nur eine Sitzung parallel vorgehalten werden.   
    Sitzungen als Datei auf dem Rechner speichern. Diese können jederzeit wieder geladen oder mit anderen CoSI Nutzer:innen geteilt werden.
-7. **[Vorlagen](015vorlagen.md)**
+7. **[Vorlagen](/cosi/manuals/015vorlagen.md)**
 
    >*Hinweis: Manuell hinzugefügte Kartendienste (WMS) und erstellte Berechnungen bleiben nicht erhalten. Das Speichern aller Arbeitsergebnisse ist Teil des aktuell laufenden Weiterentwicklungsprojekts.*
 
diff --git a/cosi/manuals/013geodatenimportieren.md b/cosi/manuals/013geodatenimportieren.md
index d0ab2d2e2..9ded8bebf 100644
--- a/cosi/manuals/013geodatenimportieren.md
+++ b/cosi/manuals/013geodatenimportieren.md
@@ -1,9 +1,10 @@
+
 ## Geodaten Importieren
 ___
 Mit diesem Werkzeug können Sie eigene Datensätze in Form von GeoJSONs hochladen und als Themenlayer einfügen, der anschließend visualisiert werden kann und dem alle weiteren Analysefunktionen von CoSI zur Verfügung stehen.   
 
-![Abbildung 1: Dateien importieren](013a_geodatenimport.PNG)  
-*Abb.a: Dateien importieren.*   
+![Abbildung 1: Dateien importieren](/cosi/manuals/013a_geodatenimport.PNG)  
+*Abb. a: Dateien importieren.*   
 1. **Info**
    > Über den Button finden Sie zu dieser Anleitung.
 2. **Upload per Drag And Drop**
@@ -13,34 +14,35 @@ Mit diesem Werkzeug können Sie eigene Datensätze in Form von GeoJSONs hochlade
 4. **Projektionssystem auswählen**
    > Geodaten sind in unterschiedlichen *Projektionssystemen* kodiert. Sollten Sie nach dem Upload feststellen, dass Ihre Daten an den falschen Orten visualisiert werden, überprüfen Sie bitte, in welchem Projektionssystem Ihre Datei kodiert ist und geben Sie die Kodierung bei einem erneuten Upload in diesem Auswahlfeld an.  
   
-Sobald Ihre Datei hier hochgeladen wurde, erscheint ein neues Fenster, in welchem Sie bestimmte Funktionen haben, um den Layer aus der Datei zu generieren.  
+Sobald Ihre Datei hier hochgeladen wurde, erscheint ein neues Fenster mit Funktionen, um den Layer aus der Datei zu generieren.  
+
+![Abbildung 2: Geodaten Importieren, Layeroptionen festlegen](/cosi/manuals/013b_geodatenimport.PNG)  
 
-![Abbildung 2: Geodaten Importieren, Layeroptionen festlegen](013b_geodatenimport.PNG)  
-*Abb.b: Geodaten Importieren, Layeroptionen festlegen* 
+*Abb. b: Geodaten Importieren, Layeroptionen festlegen* 
 
 5. **Layername**
    > Hier können Sie den Layer frei benennen. Standardmäßig wird der Name der hochgeladenen Datei verwendet.
-6. **[Styling](#markdown-header-styling)**
-7. **[Einrichtungsdaten](#markdown-header-einrichtungsdaten)**
-8. **[Filterdaten](#markdown-header-filterdaten)**
-9. **[Numerische Werte](#markdown-header-numerische-werte)**
+6. **[Styling](#styling)**
+7. **[Einrichtungsdaten](#einrichtungsdaten)**
+8. **[Filterdaten](#filterdaten)**
+9. **[Numerische Werte](#numerische-werte)**
 10. **Abbrechen/ Layer hinzufügen**
    > Mit einem Klick auf den Button "Abbrechen" brechen Sie den Vorgang ab und schließen das Fenster. Mit einem Klick auf "Layer Hinzufügen" wird der Import abgeschlossen und mit Ihren Einstellungen für die Funktionen in CoSI bereitgestellt.
 
 #### Styling
 
-![Abbildung 3: Geodaten Importieren, Layerstyling](013c_geodatenimport.PNG)  
-*Abb.c: Geodaten Importieren, Layerstyling*  
+![Abbildung 3: Geodaten Importieren, Layerstyling](/cosi/manuals/013c_geodatenimport.PNG)  
+*Abb. c: Geodaten Importieren, Layerstyling*  
 
 - **6.1** Ein Icon auswählen, mit dem die jeweiligen Punkte visualisiert werden sollen. (Diese Option steht nicht zur Verfügung, wenn es sich bei denen von Ihnen hochgeladenen Geodaten um Polygone handelt).
-- **6.2** Mit dieser Checkbox legen Sie fest, ob alle Entitäten des Datensatzes mit derselben Farbe dargestellt werden sollen oder basierend auf einer ihrer Attribute farblich angepasst werden sollen. Aktivieren Sie diese Checkbox, bestimmen Sie das gewünschte Attribut bitte wie in 6.2.1 beschrieben.
+- **6.2** Mit dieser Checkbox legen Sie fest, ob alle Entitäten des Datensatzes mit derselben Farbe dargestellt oder basierend auf einer ihrer Attribute farblich angepasst werden sollen. Aktivieren Sie diese Checkbox, bestimmen Sie das gewünschte Attribut bitte wie in 6.2.1 beschrieben.
    - **6.2.1** Haben Sie die Checkbox "Farbe nach Attributen" aktiviert, erscheint dieses Auswahlfeld, in dem alle Attribute der Einträge Ihres Datensatzes aufgelistet werden. Bestimmen Sie hier bitte das Attribut, anhand dessen die Farben generiert werden sollen.
    - **6.2.2** Sobald Sie in 6.2.1 ein Attribut ausgewählt haben, erscheint diese Checkbox, sofern es sich nicht um ein Attribut mit numerischen Werten handelt. Hier haben Sie die Option, Ihre Daten nicht auf Basis einer ausgewählten Farbe zu visualisieren, sondern gleichmäßig verteilt über ein Regenbogenfarbspektrum. Dies kann zur besseren Unterscheidung einzelner Punkte hilfreich sein. 
 - **6.3** Haben Sie weder "Farbe nach Attributen" ausgewählt bzw. bei "Farbe nach Attributen" nicht die Checkbox "Regenbogenfarbspektrum" aktiviert, können Sie hier eine Farbe bestimmen, auf deren Basis die Daten visualisiert werden. Ein Klick auf das farbige Viereck der Textbox öffnet das Farbauswahlfeld.
 
 #### Einrichtungsdaten
-![Abbildung 4: Geodaten Importieren, Einrichtungsdaten](013d_geodatenimport.PNG)  
-*Abb.d: Geodaten Importieren, Einrichtungsdaten.*    
+![Abbildung 4: Geodaten Importieren, Einrichtungsdaten](/cosi/manuals/013d_geodatenimport.PNG)  
+*Abb. d: Geodaten Importieren, Einrichtungsdaten.*    
 
    - **7.1** Hier wählen Sie aus allen Attributen der Einträge Ihrer hochgeladenen Datei das Attribut aus, welches einen eindeutigen, individuellen Namen des Eintrags enthält. Dies ist für bestimmte Funktionen von CoSI relevant. Sollte ein solches Attribut nicht existieren, lassen Sie es bitte einfach frei.
    - **7.2** Hier wählen Sie aus allen Attributen der Einträge Ihrer hochgeladenen Datei ein Attribut aus, was den Typ des jeweiligen Eintrags am besten beschreibt. Handelt es sich bei Ihrem Datensatz beispielsweise um eine Reihe von unterschiedlichen Einrichtungen, könnte hier als Attribut eines gewählt werden, dass Werte wie "Kindergarten", "Krankenhaus" oder "Hotel" enthält.
@@ -48,17 +50,17 @@ Sobald Ihre Datei hier hochgeladen wurde, erscheint ein neues Fenster, in welche
    - **7.4** Sollte keines der automatisch erkannten Attribute die korrekten Adressdaten enthalten, können Sie mit dem Button "Aus allen Objekteigenschaften wählen" alle Attribute anzeigen lassen, um daraus die Adresseigenschaften auszuwählen. Sollten in dem Datensatz keine entsprechenden Informationen hinterlegt sein, können Sie dieses Auswahlfeld ignorieren.
 
 #### Filterdaten
-![Abbildung 5: Geodaten Importieren, Filterdaten festlegen](013e_geodatenimport.PNG)  
-*Abb.e: Geodaten Importieren, Filterdaten festlegen*  
+![Abbildung 5: Geodaten Importieren, Filterdaten festlegen](/cosi/manuals/013e_geodatenimport.PNG)  
+*Abb. e: Geodaten Importieren, Filterdaten festlegen*  
 
    - Unter CoSIs Werkzeugen finden Sie auch das Filterwerkzeug, mit denen Sie alle Datensätze nach bestimmten Kriterien filtern können. Bitte bestimmen Sie hier, welche der Attribute Ihrer Daten für den Filter verfügbar gemacht werden sollen.
    - **8.1** Mit einem Klick auf diesen Button öffnet sich ein Auswahlfeld, mit Hilfe dessen Sie ein Attribut zur weißen Liste des Filters hinzufügen können.
 
 #### Numerische Werte
-![Abbildung 6: Geodarten Importieren, Numerische Werte festlegen](013f_geodatenimport.PNG)  
-*Abb.f: Geodarten Importieren, Numerische Werte festlegen*  
-- Mit Hilfe des Werkzeugs [Versorgungsanalyse](006versorgungsanalyse.md) können Sie unterschiedlichste Zahlwerte gegeneinander verrechnen. In diesem Bereich bestimmen Sie Attribute, die numerische Werte enthalten, die für die Versorgungsanalyse bereitgestellt werden sollen. Dies können alle sinnvoll quantitativ messbaren Werte sein, wie beispielswiese "Budget", "Einwohnerzahl", "Fläche" oder "Besuche pro Woche" etc.  
+![Abbildung 6: Geodarten Importieren, Numerische Werte festlegen](/cosi/manuals/013f_geodatenimport.PNG)  
+*Abb. f: Geodarten Importieren, Numerische Werte festlegen*  
+- Mit Hilfe des Werkzeugs [Versorgungsanalyse](/cosi/manuals/006versorgungsanalyse.md) können Sie unterschiedlichste Zahlwerte gegeneinander verrechnen. In diesem Bereich bestimmen Sie Attribute, die numerische Werte enthalten, die für die Versorgungsanalyse bereitgestellt werden sollen. Dies können alle sinnvoll quantitativ messbaren Werte sein, wie beispielswiese "Budget", "Einwohnerzahl", "Fläche" oder "Besuche pro Woche" etc.  
 
-   - **9.1** Für die bessere Visualisierung in einer späteren Tabelle, können Sie hier dem numerischen Wert einen sinnvollen Namen geben, sollte das Attribut nicht sinnvoll benannt sein. So könnten Sie beispielsweise "budget_21" in "Verfügbare Mittel 2021" umbenennen.
+   - **9.1** Für die bessere Visualisierung in einer späteren Tabelle können Sie hier dem numerischen Attribut einen sinnvollen Namen geben, sollte es nicht sinnvoll benannt sein. So könnten Sie beispielsweise "budget_21" in "Verfügbare Mittel 2021" umbenennen.
    - **9.2** Hier sehen Sie die ID des Attributs und dahinter in Klammern einen Beispielwert aus dem ersten Eintrag.
    - **9.3** Mit dieser Checkbox fügen Sie das Attribut zu den numerischen Werten hinzu. 
diff --git a/cosi/manuals/014sitzungspeichern.md b/cosi/manuals/014sitzungspeichern.md
index 88887b7c4..322f2d92e 100644
--- a/cosi/manuals/014sitzungspeichern.md
+++ b/cosi/manuals/014sitzungspeichern.md
@@ -1,14 +1,15 @@
+
 ### Sitzung Speichern / Laden 
-![Abbildung 1: Sitzung Speichern](014_sitzungspeichern.PNG)
-*Abb.: Sitzung speichern / laden*
 
+![Abbildung 1: Sitzung Speichern](/cosi/manuals/014_sitzungspeichern.PNG)
+*Abb. a: Sitzung speichern / laden*
 
-Mit dem Dienst **Sitzung speichern/laden** können aktuelle diverse Informationen der aktuellen Arbeitssitzung abgespeichert werden um diese zu einem späteren Zeitpunkt wieder öffnen und weiterbearbeiten zu können. Dies umfasst:
+Mit dem Dienst **Sitzung speichern/laden** können die folgend aufgelisteten Informationen der aktuellen Arbeitssitzung abgespeichert werden, um diese zu einem späteren Zeitpunkt wieder öffnen und weiterbearbeiten zu können:
 
 - Die ausgewählte Verwaltungsebene und ausgewählte Gebiete
 - Aktive Fachdatenthemen 
-- Mit den [Simulationswerkzeugen](009einrichtungenanlegen.md) erstellte Szenarien 
-- Ergebnisse und Konfigurationen der Werkzeuge [Erreichbarkeitsanalyse](003erreichbarkeitsanalyse.md) und [Versorgungsanalyse](006versorgungsanalyse.md)
+- Mit den [Simulationswerkzeugen](/cosi/manuals/009einrichtungenanlegen.md) erstellte Szenarien 
+- Ergebnisse und Konfigurationen der Werkzeuge [Erreichbarkeitsanalyse](/cosi/manuals/003erreichbarkeitsanalyse.md) und [Versorgungsanalyse](/cosi/manuals/006versorgungsanalyse.md)
 
 Die Funktion ist unter "Dienste", "Sitzung speichern/laden" zu finden.
 
diff --git a/cosi/manuals/015a_vorlagen.png b/cosi/manuals/015a_vorlagen.png
index 26b894c85..d11eed9f7 100644
Binary files a/cosi/manuals/015a_vorlagen.png and b/cosi/manuals/015a_vorlagen.png differ
diff --git a/cosi/manuals/015b_vorlagen.png b/cosi/manuals/015b_vorlagen.png
index 3b4bd32ef..4a118e24d 100644
Binary files a/cosi/manuals/015b_vorlagen.png and b/cosi/manuals/015b_vorlagen.png differ
diff --git a/cosi/manuals/015vorlagen.md b/cosi/manuals/015vorlagen.md
index 451e9c4a0..24784dfbd 100644
--- a/cosi/manuals/015vorlagen.md
+++ b/cosi/manuals/015vorlagen.md
@@ -1,17 +1,17 @@
 ### Vorlagen
-![Abbildung 1: Vorlagen](015a_vorlagen.png)
+![Abbildung 1: Vorlagen](/cosi/manuals/015a_vorlagen.png)
 
-*Abb.a: Vorlagen Übersicht.*
+*Abb. a: Vorlagen Übersicht.*
 
-![Abbildung 1: Vorlagen](015b_vorlagen.png)
-*Abb.b: Vorlagen aufgeklappte Ansicht.*
+![Abbildung 1: Vorlagen](/cosi/manuals/015b_vorlagen.png)
+*Abb. b: Vorlagen aufgeklappte Ansicht.*
 
 Über den Dienst **Vorlagen** können Vorlagen zu verschieden Themenkomplexen und Arbeitsfeldern geladen werden. Diese können Fachdatenthemen, aktive Werkzeuge und eine Gebietsauswahl beinhalten. Die verfügbaren Vorlagen und ihr Inhalt werden von den Fachbehörden in Koordination mit dem CoSI-Betriebsteam gepflegt.
 
    > Zu den Vorlagen gelangen Sie über die Gebietsauswahl. Wenn das entsprechende Gebiet ausgewählt ist, finden Sie unter Dienste, die Option Vorlagen. Hier können Sie nun alle weiteren Optionen für die Vorlagen auswählen.
 
 1. **Liste aller Vorlagen (zum Aufklappen)**
-   > - Bildunsgeinrichtungen in Hamburg
+   > - Bildungseinrichtungen in Hamburg
    > - Bildungseinrichtungen in Bergedorf
    > - Erhaltungsmanagement Spielplätze
    > - Sozialraumprofil
diff --git a/cosi/manuals/016statistischedatenuebersicht.md b/cosi/manuals/016statistischedatenuebersicht.md
index b3e661bb2..35d9f8578 100644
--- a/cosi/manuals/016statistischedatenuebersicht.md
+++ b/cosi/manuals/016statistischedatenuebersicht.md
@@ -5,20 +5,20 @@ ___
 
 ### Statistische Datenübersicht
 
-In der statistischen Datenübersicht können tabellarisch Informationen zu den statistischen Daten der ausgewählten Gebiete ([Statistische Datenübersicht](#markdown-header-statistische-datenübersicht)) angezeigt, ausgewertet und exportiert werden.
+In der statistischen Datenübersicht können tabellarisch Informationen zu den statistischen Daten der ausgewählten Gebiete (**Statistische Datenübersicht**) angezeigt, ausgewertet und exportiert werden.
 
   > Um zur statistischen Datenübersicht zu gelangen, wählen Sie im Dashboard den Punkt "statistische Datenübersicht" aus. 
   
-![Abbildung 27: Statistische Datenübersicht](016a_statistischedatenuebersicht.png)
-*Abb.: Statistische Datenübersicht 1*
+![Abbildung 27: Statistische Datenübersicht](/cosi/manuals/016a_statistischedatenuebersicht.png)
+*Abb. a: Statistische Datenübersicht 1*
 
-![Abbildung 29: Statistische Datenübersicht](016b_statistischedatenuebersicht.png)
-*Abb.: Statistische Datenübersicht 2*
+![Abbildung 29: Statistische Datenübersicht](/cosi/manuals/016b_statistischedatenuebersicht.png)
+*Abb. b: Statistische Datenübersicht 2*
 
 
 
 1. **Gruppen ein-/ausklappen**
-   > Thematische Gruppen (vgl. [Regionalstatistische Daten](019kartenvisualisierung.md)) über das **+** ein- und ausklappen.
+   > Thematische Gruppen (vgl. [Regionalstatistische Daten](/cosi/manuals/019kartenvisualisierung.md)) über das **+** ein- und ausklappen.
 2. **Aktionen**
    > - [Dreistrich-Menü](#dreistrich-menü) aufklappen
    > - Visualisierung ein- / ausschalten: Schaltet die Visualisierung des ausgewählten Indikators zum aktuell gewählten Jahr in der Karte ein/aus
@@ -37,27 +37,32 @@ In der statistischen Datenübersicht können tabellarisch Informationen zu den s
    > Zeilen für Export und Diagramm-Erstellung auswählen. Ist keine Spalte ausgewählt werden alle für den Export bzw. nur die aktuelle für die Diagramme verwendet.
 9. **Trendpfeil**
    > Der Trendpfeil zeigt das extrapolierte Wachstum für den nächsten Zeitschritt (in % im Tooltip) an. Für die Abschätzung werden die Steigungen der letzten 5 Zeitschritte, gewichtet nach Aktualität, herangezogen. Die Darstellung erhebt **keinen Anspruch** auf Genauigkeit und berücksichtigt keine anderen Werte über die aktuelle Zeitreihe hinaus.
+   
 10. **Themenfilter**
       > Über den Filter können beliebige Indikatoren (sortiert nach Gruppen) für die Darstellung und den Export ausgewählt werden. Die Liste kann im Freitext durchsucht werden.
 11. **Tabelle exportieren**
       > Die aktuelle Auswahl (Spalten, Zeilen, Jahre) als XLSX für Excel exportieren. Über das Auswahlfeld *alle Jahre exportieren* kann die gesamte Zeitreihe für die ausgewählten Spalten und Zeilen exportiert werden. Ist keine Spalte oder Zeile ausgewählt werden alle verwendet.
 12. **Kartenvisualisierung**
-      > Die Darstellung in der Karte entspricht der des Kontrollfeldes [Kartenanalyse regionalstatistischer Daten](./kartenvisualisierung.md).
+      > Die Darstellung in der Karte entspricht der des Kontrollfeldes [Kartenanalyse regionalstatistischer Daten](/cosi/manuals/kartenvisualisierung.md).
 
 #### Dreistrich Menü
-![Abbildung 28: Statistische Datenübersicht - Dreistrich-menü](016c_statdashboard_burgermenu.PNG)
-*Abb.: Statistische Datenübersicht - Dreistrich-Menü.*
+<<<<<<< HEAD
+![Abbildung 28: Statistische Datenübersicht - Dreistrich-menü](./016c_statdashboard_burgermenu.PNG)
+=======
+![Abbildung 28: Statistische Datenübersicht - Dreistrich-menü](/cosi/manuals/016c_statdashboard_burgermenu.PNG)
+>>>>>>> 55f3fe1162d5a6d32565dfe85c78baed599ca97b
+*Abb. c: Statistische Datenübersicht - Dreistrich-Menü.*
 
 1. **Visualisierung ein-/ausschalten**
    > Thematische Gruppen
 2. **Zeitreihe in der Karte animieren**
-   > *(Funktioniert nur bei aktiver Kartenvisualisierung)*
+   > *Funktioniert nur bei aktiver Kartenvisualisierung*
 3. **Gebietsnamen ein-/ausblenden**
-   > *(Funktioniert nur bei aktiver Kartenvisualisierung)*
+   > *Funktioniert nur bei aktiver Kartenvisualisierung*
 4. **Für Feld A auswählen**
-   > Selektiert das Thema als **Feld A** für Berechnungen und Korrelation (siehe 7, 8, 9, 10, 12)
+   > Selektiert das Thema als **Feld A** für Berechnungen und Korrelation (siehe 7, 8, 9, 10, 12).
 5. **Für Feld B auswählen**
-   > Selektiert das Thema als **Feld B** für Berechnungen und Korrelation (siehe 7, 8, 9, 10, 12)
+   > Selektiert das Thema als **Feld B** für Berechnungen und Korrelation (siehe 7, 8, 9, 10, 12).
 6. **Auswahl aufheben**
    > Setzt die Felder **A** und **B** zurück
 7. **Addieren**
@@ -69,6 +74,12 @@ In der statistischen Datenübersicht können tabellarisch Informationen zu den s
 10. **Dividieren**
       > Analog zu **Addieren**, dividiert **A** / **B**.
 11. **Diagramme erzeugen**
-      > Erzeugt Diagramme für den ausgewählten Indikator im [Graphenvisualisierung](008graphenvisualisierung.md) (analog zu [Kartenanalyse regionalstatistischer Daten](019kartenvisualisierung.md)). Visualisiert alle ausgewählten Spalten (s. [Statistische Datenübersicht](016statistischedatenuebersicht.md)).
+<<<<<<< HEAD
+      > Erzeugt Diagramme für den ausgewählten Indikator im [Graphenvisualisierung](./008graphenvisualisierung.md) (analog zu [Kartenanalyse regionalstatistischer Daten](./019kartenvisualisierung.md)). Visualisiert alle ausgewählten Spalten (s. [Statistische Datenübersicht](./016statistischedatenuebersicht.md)).
 12. **Korrelations- / Streuungsdiagramm**
-      > Visualisiert ein Streuungsdiagramm für die Felder **A** (Y-Achse) über **B** (X-Achse) im [Graphenvisualisierung](008graphenvisualisierung.md) und berechnet die Korrelation (Pearson) zwischen den Datensätzen und zeichet eine Regressionsgerade.
+      > Visualisiert ein Streuungsdiagramm für die Felder **A** (Y-Achse) über **B** (X-Achse) per [Graphenvisualisierung](./008graphenvisualisierung.md), berechnet die Korrelation (Pearson) zwischen den Datensätzen und zeichet eine Regressionsgerade.
+=======
+      > Erzeugt Diagramme für den ausgewählten Indikator im [Graphenvisualisierung](/cosi/manuals/008graphenvisualisierung.md) (analog zu [Kartenanalyse regionalstatistischer Daten](/cosi/manuals/019kartenvisualisierung.md)). Visualisiert alle ausgewählten Spalten (s. [Statistische Datenübersicht](/cosi/manuals/016statistischedatenuebersicht.md)).
+12. **Korrelations- / Streuungsdiagramm**
+      > Visualisiert ein Streuungsdiagramm für die Felder **A** (Y-Achse) über **B** (X-Achse) per [Graphenvisualisierung](/cosi/manuals/008graphenvisualisierung.md), berechnet die Korrelation (Pearson) zwischen den Datensätzen und zeichet eine Regressionsgerade.
+>>>>>>> 55f3fe1162d5a6d32565dfe85c78baed599ca97b
diff --git a/cosi/manuals/017einrichtungsuebersicht.md b/cosi/manuals/017einrichtungsuebersicht.md
index c8a5b926b..6ecb07aa0 100644
--- a/cosi/manuals/017einrichtungsuebersicht.md
+++ b/cosi/manuals/017einrichtungsuebersicht.md
@@ -1,28 +1,28 @@
 ### Einrichtungsübersicht
    > Um zur Einrichtungsübersicht zu gelangen, muss zunächst ein beliebiger Stadtteil oder Bezirk ausgewählt werden. Als nächtes unter dem Bereich Themen die gewünschten Themen oder Fachdaten auswählen (z.B. Bildung und Wissenschaft). Im Dashboard unter Einrichtungsübersicht können Sie dann mit der Analyse Ihrer Einrichtung beginnen.
    
-![Abbildung 1: Einrichtungsübersicht](017a_einrichtungsuebersicht.PNG)
-*Abb.: Einrichtungsübersicht.*
+![Abbildung 1: Einrichtungsübersicht](/cosi/manuals/017a_einrichtungsuebersicht.PNG)
+*Abb. a: Einrichtungsübersicht.*
 
 1. **Detailansicht ein-/ausklappen**
    > Über den Pfeil können *alle* Attribute einer Einrichtung aufgeklappt werden. Die einzelnen Zeilen der Detailansicht können für den weiteren Export ausgewählt werden.
 2. **Einrichtung auswählen**
    > Einrichtungen für den Export auswählen. Ausgewählte Einrichtungen werden in der Karte visuell hervorgehoben.
    *Wenn Sie die Einrichtung ausgewählt haben und unter **12** einen Fachdatensatz zur Auswertung ausgewählt haben, werden diese ebenfalls auf der Karte angezeigt. (s. Abbildung 2)*
-   ![Abbildung 2: Fachdaten zur Auswertung auf der Karte](017b_einrichtungsuebersicht.PNG)
-*Abb.: Weitere Fachdaten auf der Karte.*
+   ![Abbildung 2: Fachdaten zur Auswertung auf der Karte](/cosi/manuals/017b_einrichtungsuebersicht.PNG)
+*Abb. b: Weitere Fachdaten auf der Karte.*
 3. **Einrichtung fokussieren**
    > Durch einen Klick auf das Symbol der Einrichtung zoomt die Karte zu den gewählten Einrichtungen. Die Einrichtungen werden dann in der Karte visuell hervorgehoben.
 4. **Einrichtung ein-/ausblenden**
-   > Einrichtungen können in der Karte ein- und ausgeschaltet werden. Indem auf das "Augen"-Symbol neben dem Richtungssymbol geklickt wird. Ausgeschaltete Einrichtungen werden bei allen anderen CoSI-Funktionen nicht berücksichtigt.
+   > Einrichtungen können in der Karte ein- und ausgeschaltet werden indem auf das "Augen"-Symbol neben dem Richtungssymbol geklickt wird. Ausgeschaltete Einrichtungen werden auch bei allen anderen CoSI-Funktionen nicht berücksichtigt.
 5. **Einrichtungsattribute**
    > - Einrichtungsname, Adresse, Layer, Typ und Thema werden dem Datensatz direkt entnommen
    > - Die Gebietszuweisung wird dynamisch für die aktuelle Verwaltungsebene generiert
    > - Symbole zeigen an, wenn eine Einrichtung simuliert oder modifiziert wurde.
 6. **Einträge sortieren**
-   > Alle Spalten können, durch mehrmaliges Klicken auf die Kopfzeile, neben dem Namen (z.B. Einrichtung) auf- und absteigend sortiert werden (alphabetisch oder nach Wert). Dabei kann für max. 2 Spalten erfolgen (z.B. 1. nach Typ und 2. nach numerischem Wert).
+   > Alle Spalten können durch mehrmaliges Klicken auf die Kopfzeile neben dem Namen (z.B. Einrichtung) auf- und absteigend sortiert werden (alphabetisch oder nach Wert). Dabei kann für max. 2 Spalten erfolgen (z.B. 1. nach Typ und 2. nach numerischem Wert).
 7. **Numerische Attribute**
-   > Alle Attribute einer Einrichtung, die Zahlwerte abbilden (welche auch für die [Versorgungsanalyse](006versorgungsanalyse.md) verwendet werden können) werden in einer eigenen Spalte dargestellt. Die Farbe des Balkens richtet sich dabei nach dem Dezil des Wertes in der Liste aller Einrichtungen. Die Länge des Balkens ist proportional zum Höchstwert.
+   > Alle Attribute einer Einrichtung, die Zahlwerte abbilden (welche auch für die [Versorgungsanalyse](/cosi/manuals/006versorgungsanalyse.md) verwendet werden können werden in einer eigenen Spalte dargestellt. Die Farbe des Balkens richtet sich dabei nach dem Dezil des Wertes in der Liste aller Einrichtungen. Die Länge des Balkens ist proportional zum Höchstwert.
 8. **Durchschnittliche Anbindung (in m)**
    > Die Anbindungsspalte zeigt die durchschnittliche Laufdistanz (in m) zu den jeweils nächstgelegenen Einrichtungen der ausgewählten Typen. Durch einen Klick auf den Wert kann die entsprechende Aufschlüsselung geöffnet werden (s. 12.).
 9.  **Such- und Filterfunktionen**
diff --git a/cosi/manuals/018a_gebietsauswahl.png b/cosi/manuals/018a_gebietsauswahl.png
new file mode 100644
index 000000000..b8d90e906
Binary files /dev/null and b/cosi/manuals/018a_gebietsauswahl.png differ
diff --git a/cosi/manuals/018gebietsauswahl.md b/cosi/manuals/018gebietsauswahl.md
index 1b7e491c0..b36c5c1e6 100644
--- a/cosi/manuals/018gebietsauswahl.md
+++ b/cosi/manuals/018gebietsauswahl.md
@@ -1,24 +1,24 @@
 ## Gebietsauswahl
 ___
-Beim Starten von CoSI wird zunächst ein Bezugsrahmen festgelegt sowie ein Planungsgebiet zusammengestellt und bestätigt.
+Als erster Arbeitsschritt in CoSI muss grundsätzlich eine Gebietsauswahl für das zu betrachtende Planungsgebiet getroffen werden.  Die Gebietsauswahl können sie entweder im Bezugsrahmen der Bezirke, der Stadtteile oder der statistischen Gebiete treffen. 
 
-Wenn Sie Ihren Bezugsrahmen ändern möchten, könnten Sie dies unter "Gebiete auswählen" tun.
+Wenn Sie Ihre Gebietsauswahl später ändern möchten, könnten Sie dies unter Gebiete auswählen tun.
 
-![Abbildung 1: Gebietsauswahl](https://user-images.githubusercontent.com/43250699/142933538-fd2e1dbc-8bef-444a-bc7f-66d0066a457e.png)
+![Abbildung 1: Gebietsauswahl](/cosi/manuals/018a_gebietsauswahl.png)
 
 
-*Abb.: Das Werkzeug "Gebiet auswählen".*  
+*Abb. a: Das Werkzeug Gebiet auswählen.*  
 
 1. **Bezugsrahmen wählen**
-   > Über ein Dropdown Menü können **"Bezirke"**, **"Stadtteile"** oder **"Statistische Gebiete"** ausgewählt werden – dies legt die Verwaltungseinheit fest, für die die statistischen Daten angezeigt und Auswertungen erstellt werden sollen. Alle Funktionen sind auf den jeweiligen Gebietsebenen verfügbar. Die Zahl der verfügbaren Indikatoren kann jedoch variieren. Der Bezugsrahmen bestimmt auch die zu ladenden übergeordneten Referenzgebiete: Stadtteile für stat. Gebiete, Bezirke für Stadtteile.
+   > Über ein Dropdown Menü können **Bezirke**, **Stadtteile** oder **Statistische Gebiete** ausgewählt werden – dies legt die Verwaltungseinheit fest, für die die statistischen Daten angezeigt und Auswertungen erstellt werden sollen. Alle Funktionen sind auf den jeweiligen Gebietsebenen verfügbar. Die Zahl der verfügbaren Indikatoren kann jedoch variieren. Der Bezugsrahmen bestimmt auch die zu ladenden übergeordneten Referenzgebiete: Stadtteile für stat. Gebiete, Bezirke für Stadtteile.
 2. **Gebiete aus- und abwählen**
     - Die einzelnen Verwaltungseinheiten (statistisches Gebiet oder Stadtteil) anklicken (nochmaliges Klicken deaktiviert die Auswahl wieder), die Grenzen werden blau markiert. 
-    - Auf dem Stift rechts neben "Auswahl zurücksetzen" klicken. Es wird ein Zeichentool aktiviert; damit können Nutzer:innen ein Rechteck über das Auswahlgebiet ziehen um dieses auszuwählen.
+    - Auf dem Stift rechts neben Auswahl zurücksetzen klicken. Es wird ein Zeichentool aktiviert; damit können Nutzer:innen ein Rechteck über das Auswahlgebiet ziehen um dieses auszuwählen.
     - Beide vorher beschriebenen Möglichkeiten sind auch miteinander kombinierbar, wobei die Reihenfolge unerheblich ist. Die Nutzer:innen können also zuerst einzelne Verwaltungseinheiten auswählen und dann das Zeichentool aktivieren, um damit weitere Verwaltungseinheiten hinzuzuschalten oder auch andersherum vorgehen.
 3. **Puffer festlegen**
    > Es kann ein Pufferradius in Metern festgelegt werden. Für den werden ausgewählte Fachdaten um das Planungsgebiet herum angezeig. Dies berücksichtigt die Tatsache, dass das Einzugsgebiet von einer Einrichtung nicht unbedingt übereinstimmt mit den Gebietsgrenzen der Verwaltungseinheit innerhalb derer sich die Einrichtung befindet. Die Analysefunktionen werden davon nicht beeinflusst.
 4. **Auswahl bestätigen**
-   > Lädt die Daten für das ausgewählte Planungsgebiet vom Server und legt den Bereich für die anzuzeigenden Fachdaten fest. Auch eine leere Auswahl kann bestätigt werden. Dann werden keine Daten geladen und Fachdaten für den gesamten Stadtbereich angezeigt. (s. unten)
+   > Lädt die Daten für das ausgewählte Planungsgebiet vom Server und legt den Bereich für die anzuzeigenden Fachdaten fest. Auch eine leere Auswahl kann bestätigt werden. Dann werden keine bevölkerungsstatistischen Daten geladen und Fachdaten für den gesamten Stadtbereich angezeigt. (s. unten).
 5. **Auswahl zurücksetzen**
    > Setzt das aktuelle Planungsgebiet zurück. Im direkten Anschluss kann ein neues Planungsgebiet zusammengestellt und bestätigt werden.
 6. **Auswahlrechteck zeichnen**
@@ -32,10 +32,10 @@ Das festgelegte Planungsgebiet kann jederzeit angepasst werden:
    - Das Gebiet kann *verkleinert* werden: per Klick können markierte Verwaltungseinheiten wieder abgewählt werden.
    - Das Gebiet kann komplett zurückgesetzt werden: per Klick auf "Auswahl zurücksetzen".
 
-Es muss nicht in jedem Nutzungskontext immer ein Planungsgebiet als erstes festgelegt werden; bestimmte Analysetools wie z.B. die [Erreichbarkeitsanalyse](./erreichbarkeitsanalyse.md) und [Vergleichbare Gebiete](./vergleichbaregebieteermitteln.md) können verwendet werden ohne dass vorher ein Gebiet festgelegt wird.  
+Es muss nicht in jedem Nutzungskontext immer ein Planungsgebiet als erstes festgelegt werden; bestimmte Analysetools wie z.B. die [Erreichbarkeitsanalyse](/cosi/manuals/003erreichbarkeitsanalyse.md) und [Vergleichbare Gebiete](/cosi/manuals/004vergleichbaregebieteermitteln.md) können verwendet werden ohne dass vorher ein Gebiet festgelegt wird.  
 
 Für solche Fälle gelten folgende Hinweise:  
 
    - Es werden keine Datensätze geladen, d.h. eine Anzeige der regionalstatistischen Daten ist nicht möglich. Auch werden keine regionalstatistischen Daten im Dashboard angezeigt.
    - Beim Zuschalten von Themen aus den Fachdaten könnte der Ladevorgang länger dauern.
-   - Möglicherweise funktioniert die [Erreichbarkeitsanalyse](./erreichbarkeitsanalyse.md) für eine sehr große Zahl von Einrichtungen nicht zuverlässig.
+   - Möglicherweise funktioniert die [Erreichbarkeitsanalyse](/cosi/manuals/003erreichbarkeitsanalyse.md) für eine sehr große Zahl von Einrichtungen nicht zuverlässig.
diff --git a/cosi/manuals/019a_kartenvisualisierung.png b/cosi/manuals/019a_kartenvisualisierung.png
new file mode 100644
index 000000000..0bc273b3c
Binary files /dev/null and b/cosi/manuals/019a_kartenvisualisierung.png differ
diff --git a/cosi/manuals/019kartenvisualisierung.md b/cosi/manuals/019kartenvisualisierung.md
index 949d1144c..19cc36e07 100644
--- a/cosi/manuals/019kartenvisualisierung.md
+++ b/cosi/manuals/019kartenvisualisierung.md
@@ -5,9 +5,9 @@ Das Werkzeug zur Visualisierung regionalstatistischer Daten ermöglicht die Ausw
 Das Werkzeug kann die ausgewählten Datensätze auf der Karte visualisieren und generiert eine dynamische Legende. Des Weiteren können Datensätze für mehrere Jahre ausgewählt und auf Wunsch in hintereinander laufender Folge animiert werden.  
 
 
-![Abbildung 1: Fenster zur Kartenanalyse statistischer Daten](https://user-images.githubusercontent.com/43250699/159270688-1d5e1b8f-799b-4d31-8b8e-247b0fd45293.png)  
+![Abbildung 1: Fenster zur Kartenanalyse statistischer Daten](/cosi/manuals/019a_kartenvisualisierung.png)  
 
-*Abb.: Fenster zur Kartenanalyse statistischer Daten.*  
+*Abb. a: Fenster zur Kartenanalyse statistischer Daten.*  
 
 1.	**Werkzeug minimieren/ maximieren**  
    > Über den Button kann das Fenster des Werkzeugs minimiert bzw. wieder maximiert werden.
@@ -16,7 +16,7 @@ Das Werkzeug kann die ausgewählten Datensätze auf der Karte visualisieren und
 3.	**Vor/ Zurück**  
    > Mit den Vor- und Zurückbuttons können die regionalstatistischen Datensätze fließend durchgeschaltet werden.
 4.	**Jahresauswahl**  
-   > Hier können Sie das Jahr auswählen, für den der regionalstatistische Datensatz visualisiert wird. Standardmäßig ist das aktuellste, verfügbare Jahr ausgewählt.
+   > Hier können Sie das Jahr auswählen für den der regionalstatistische Datensatz visualisiert wird. Standardmäßig ist das aktuellste, verfügbare Jahr ausgewählt.
 5.	**Referenzjahr auswählen**  
    > Hier können Sie ein Vergleichsjahr auswählen. Die prozentuale Differenz zum ersten, ausgewählten Jahr wird dann ebenfalls auf der Karte eingeblendet.
 6.	**Auswahlfeld für die verfügbaren regionalstatistischen Datensätze**     
diff --git a/cosi/manuals/020a_ergebnisverzeichnis.png b/cosi/manuals/020a_ergebnisverzeichnis.png
new file mode 100644
index 000000000..cac31ee97
Binary files /dev/null and b/cosi/manuals/020a_ergebnisverzeichnis.png differ
diff --git a/cosi/manuals/020ergebnisverzeichnis.md b/cosi/manuals/020ergebnisverzeichnis.md
index 576926574..2811e5a89 100644
--- a/cosi/manuals/020ergebnisverzeichnis.md
+++ b/cosi/manuals/020ergebnisverzeichnis.md
@@ -3,16 +3,20 @@ Das Ergebnisverzeichnis unterstützt in einigen Werkzeugen die Verwaltung mehrer
   
 
 
-![Ergebnisverzeichnis des Werkzeugs "Vergleichbare Gebiete ermitteln"](https://user-images.githubusercontent.com/43250699/157007454-80d78c08-e141-4384-85ea-435a93ca3356.png)
+<<<<<<< HEAD
+![Ergebnisverzeichnis des Werkzeugs "Vergleichbare Gebiete ermitteln"](./020a_ergebnisverzeichnis.png)
+=======
+![Ergebnisverzeichnis des Werkzeugs "Vergleichbare Gebiete ermitteln"](/cosi/manuals/020a_ergebnisverzeichnis.png)
+>>>>>>> 55f3fe1162d5a6d32565dfe85c78baed599ca97b
 
-*Abb.: Ergebnisverzeichnis des Werkzeugs "Vergleichbare Gebiete ermitteln"*
+*Abb. a: Ergebnisverzeichnis des Werkzeugs "Vergleichbare Gebiete ermitteln"*
   
 1. **Direktanwahl eines Datensatzes**
    > Wählen Sie direkt den Datensatz mit dem jeweiligen Index an. Sie können hier auch ablesen, wieviele Datensätze sie aktuell in dem jeweiligen Werkzeug haben.
 2. **Vor/ Zurück**
    > Durch Klicken auf einen der Pfeile wird der nächste/ vorherige Datensatz ausgewählt.
 3. **Neuen Datensatz hinzufügen** 
-   > Je nach Werkzeug wird diese Funktion nicht immer genutzt, sollte der Button aber vorhanden sein, können Sie mit seiner Hilfe einen neuen Datensatz anlegen..
+   > Je nach Werkzeug wird diese Funktion nicht immer genutzt, sollte der Button aber vorhanden sein, können Sie mit seiner Hilfe einen neuen Datensatz anlegen.
 4. **Export**
    > Mit diesem Button können Sie die Ergebnisse des jeweiligen Datensatzes exportieren und speichern. Es können mehrere dieser Buttons existieren, wenn mehrere Formate zum Export angegeben werden.
 5. **Alle exportieren**
diff --git a/cosi/manuals/manuelleflaechenauswahl.png b/cosi/manuals/021a_manuelleflaechenauswahl.png
similarity index 100%
rename from cosi/manuals/manuelleflaechenauswahl.png
rename to cosi/manuals/021a_manuelleflaechenauswahl.png
diff --git a/cosi/manuals/021manuelleflaechenauswahl.md b/cosi/manuals/021manuelleflaechenauswahl.md
index 3e6caade6..959411b5c 100644
--- a/cosi/manuals/021manuelleflaechenauswahl.md
+++ b/cosi/manuals/021manuelleflaechenauswahl.md
@@ -1,12 +1,15 @@
+
 ### Manuelle Flächenauswahl für Fachdaten
 Mit Hilfe dieses Werkzeuges können Sie ein Polygon auf der Karte zeichnen, innerhalb dessen Fachdaten angezeigt werden. Einrichtungen oder andere Fachdatenmarker, die außerhalb dieses Polygons liegen, werden ausgeblendet.
 
-![Abb.: Manuelle Flächenauswahl](manuelleflaechenauswahl.png) "Abb.21: Manuelle Flächenauswahl"
+![Abb. : Manuelle Flächenauswahl](/cosi/manuals/021a_manuelleflaechenauswahl.png) 
+
+*Abb. a: Manuelle Flächenauswahl*
 
 1. **Polygon zeichnen**
    > Klicken Sie auf diesen Button, um ein neues Polygon auf der Karte zu zeichnen.
 2. **Eingabe löschen**
    > Löscht die bestehende Flächenauswahl und zeigt alle Fachdaten wieder an.
 3. **Einwohnerabfrage**
-   > Für die aktuelle Flächenauswahl eine [Einwohnerabfrage](/cosi/manuals/002einwohnerabfrage) durchführen.  
+   > Für die aktuelle Flächenauswahl eine [Einwohnerabfrage](./002einwohnerabfrage) durchführen.  
 4. **Ergebnisdarstellung auf der Karte**
diff --git a/cosi/manuals/022a_auswahlverwaltung.png b/cosi/manuals/022a_auswahlverwaltung.png
new file mode 100644
index 000000000..f6bdd36a3
Binary files /dev/null and b/cosi/manuals/022a_auswahlverwaltung.png differ
diff --git a/cosi/manuals/022auswahlmanager.md b/cosi/manuals/022auswahlmanager.md
index 31c4aec20..2be9ba170 100644
--- a/cosi/manuals/022auswahlmanager.md
+++ b/cosi/manuals/022auswahlmanager.md
@@ -1,3 +1,48 @@
-## Auswahlmanager
 
-...
\ No newline at end of file
+## Auswahlverwaltung
+
+### Verwalten und Bearbeiten von ausgewählten Flächen
+Mit der Auswahlverwaltung können bereits ausgewählte oder angelegte Flächen (beispielsweise mit der [Gebietsauswahl](./gebietsauswahl.md) oder der [Manuellen Flächenauswahl](./areaselector.md)) wieder per Klick auf der Karte angezeigt werden. Des Weiteren stehen mehrere Funktionen zur Bearbeitung und Veränderung der Flächen zur Verfügung. 
+> Um die Auswahlverwaltung nutzen zu können, muss zunächst mindestens eine entsprechende Fläche verfügbar sein. Dann erscheint das Icon für die Auswahlverwaltung links unten im Bildschirm, direkt über der [Kartenvisualisierung](./kartenvisualisierung.md).
+
+![Abbildung 2: Auswahlverwaltung](./022a_auswahlverwaltung.png)
+
+*Abb. a: Auswahlverwaltung mit mehreren Auswahlen*
+
+1. **Alle Flächen auswählen**
+   > Der Bereich "*Alle Auswahlen*" ist verfügbar, sobald Sie mehr als eine Fläche in der Auswahlverwaltung zur Verfügung haben. Mit einem Klick auf den ersten Button erstellen Sie eine neue Auswahl, die *alle* Flächen innerhalb der Auswahlverwaltung beinhaltet.
+2. **Alle Flächen verbinden**
+   > Mit einem Klick auf diesen Button erstellen Sie eine neue Auswahl, die alle Flächen innerhalb der Auswahlverwaltung beinhaltet und diese zusätzlich mit einem weiteren Polygon verbindet, das jeden Mittelpunkt der verfügbaren Flächen berührt. Diese Funktion ist nicht verfügbar, sobald sich aus den vorhandenen Flächen kein sinnvolles Polygon mehr zeichnen lässt (z.B. durch entsprechende Überschneidungen innerhalb der Flächen).
+3. **Alle Flächen löschen**
+   > Ein Klick auf diesen Button löscht alle verfügbaren Flächen und setzt die Auswahlverwaltung zurück.  
+4. **Zwischenspeicher**
+   > Über den Button unter 5.2 fügen Sie eine Fläche dem "*Zwischenspeicher*" hinzu. Sie sehen diesen Abschnitt nur, wenn Flächen im Zwischenspeicher vorhanden sind. Die drei Buttons erfüllen diesselben Funktionen wie die Buttons unter 1., 2. und 3., mit dem Unterschied, dass die Funktionen nur auf die Flächen im Zwischenspeicher angewendet werden, anstatt auf *alle* Flächen.
+   
+   - 4.1 **Flächen im Zwischenspeicher**
+      > Hier sehen Sie die IDs der Flächen, welche aktuell im Zwischenspeicher sind. Mit einem Klick auf eins der Felder, wählen Sie diese Fläche aus und aktivieren Sie auch auf der Karte. Mit einem Klick auf das "*X*" am Ende des Feldes entfernen sie die Fläche aus dem Zwischenspeicher.
+5. **Flächen in der Auswahlverwaltung**
+   > Hier sind alle Flächen aufgelistet, die in der Auswahlverwaltung enthalten sind. Die Flächen sind gruppiert, abhängig davon, von welchem Werkzeug sie erzeugt wurden. Vorne im Kästchen ist die automatisch generierte, einzigartige ID zu sehen, die das Programm der Fläche gegeben hat. Direkt daneben ist der Name der Fläche zu sehen. In diesem Beispiel zeigt uns der Name der Fläche, dass Sie aus dem [Gebietsauswahlwerkezug](./gebietsauswahl.md) stammt, aus der Stadtteilebene und nur Marienthal und keine weiteren Stadtteile beinhaltet. Die Fläche darunter beinhaltet beispielsweise den Stadtteil Barmbek-Süd sowie acht weitere Stadtteile.
+   - 5.1 **Fläche auswählen**
+   > Mit diesem Button schalten Sie eine Fläche auf der Karte sichtbar beziehungsweise unsichtbar. Es kann nur eine Fläche zugleich auf der Karte visualisiert sein.
+   - 5.2 **Fläche zum Zwischenspeicher hinzufügen**
+   > Dieser Button ist nur zu sehen, wenn mindestens zwei Flächen in der Auswahlverwaltung verfügbar sind. Mit einem Klick auf diesen Button fügen Sie diese Fläche zum Zwischenspeicher hinzu, wie unter 4. weiter beschrieben ist.
+   - 5.3 **Aktuelle Fachdaten speichern**
+   > Wenn Sie Fachdatenlayer aus dem Themenbaum aktiv haben, können Sie mit einem Klick auf diesen Button die jeweiligen Fachdatenlayer (beispielsweise Schulen, Kindergärten und Spielplätze) an der Fläche anheften. Wenn Sie weiter arbeiten und in diesem Zeitraum andere Fachdaten anwählen, dann aber später die Fläche erneut auswählen, werden die angehefteten Fachdatenlayer automatisch wieder aktiv geschaltet.
+   - 5.4 **Erweitere Optionen anzeigen**
+   > Dieser Button öffnet die erweiterten Optionen für die Fläche. Zum aktuellen Zeitpunkt (Q3:2023) enthalten diese aber nur den "*Puffer*", der weiter unten beschrieben wird.
+   - 5.5 **Fläche löschen**
+   > Mit einem Klick auf diesen Button löschen Sie die Fläche aus der Auswahlverwaltung.
+
+![Abbildung 3: Erweiterte Optionen der Auswahlverwaltung](./022b_auswahlverwaltung_erweiterte_optionen.png)
+
+*Abbildung 3: Erweiterte Optionen der Auswahlverwaltung*
+1. **Erweiterte Optionen schließen**
+   > Der invertiere Farbcode des Buttons signalisiert, dass die erweiterten Optionen für diese Fläche geöffnet sind. Ein erneuter Klick auf diesen Button schließt die erweiterten Optionen wieder.
+2. **Puffereingabe**
+   > Geben Sie hier entweder über das Textfeld oder aber über den Slider den gewünschten Pufferwert in Metern ein. Eine Reichweite von -1000 bis 1000m wird akzeptiert.
+3. **Puffer ein-/ausschalten**
+   > Mit einem Klick auf diesen Button schalten Sie den Puffer ein oder aus. Ist der Puffer ausgeschaltet, wird stattdessen die originale Fläche auf der Karte angezeigt. Beachten Sie, dass eine gepufferte Fläche auf der Karte als gelb angezeigt wird und nicht als rot. Dasselbe gilt für den Ein/-ausblenden Button der Fläche.
+4. **Fläche aus Puffer erzeugen**
+   > Mit einem Klick auf diesen Button erzeugen Sie eine neue Fläche, die der gepufferten Fläche entspricht. So haben Sie die Möglichkeit alle Funktionen der Auswahlverwaltung auch auf die gepufferte Fläche anzuwenden.
+5. **Die gepufferte Fläche auf der Karte**
+   > Die gepufferte Fläche wird auf der Karte gelb angezeigt.
diff --git a/cosi/manuals/022b_auswahlverwaltung_erweiterte_optionen.png b/cosi/manuals/022b_auswahlverwaltung_erweiterte_optionen.png
new file mode 100644
index 000000000..8e58cb7e8
Binary files /dev/null and b/cosi/manuals/022b_auswahlverwaltung_erweiterte_optionen.png differ
diff --git a/cosi/manuals/023flaechenstylen.md b/cosi/manuals/023flaechenstylen.md
index 3b255d002..93dd73803 100644
--- a/cosi/manuals/023flaechenstylen.md
+++ b/cosi/manuals/023flaechenstylen.md
@@ -1,23 +1,24 @@
-## Flächen Stylen
+
+## Flächen Stylen
 
 Mit Hilfe dieser Funktion können Sie Flächen, z.B. Gebäudegrundrisse, auf der Karte datenabhängig einfärben. Aktuell geht dies mit den Datensätzen Flurstücke, Nutzung, Gebäude und Wärmebedarf. Sie finden sich unter Fachdaten-Analyse/Simulation, Umwelt.
 
 Wählen Sie dazu ein Gebiet und z.B. den Datensatz Gebäude.
 
-![Abb. 1](023a_flächenstylen.png)
-*Abb.a: Gebietsauswahl mit Gebäuden in Standard-Darstellung*
+![Abb.  1](/cosi/manuals/023a_flächenstylen.png)
+*Abb. a: Gebietsauswahl mit Gebäuden in Standard-Darstellung*
 
 Starten Sie die Funktion Flächen Stylen im Menü Analyse.
 
-![Abb. 2](023b_flächenstylen.png)
-*Abb.b: Flächen Stylen – Datenauswahl*
+![Abb.  2](/cosi/manuals/023b_flächenstylen.png)
+*Abb. b: Flächen Stylen – Datenauswahl*
 
 1. **Thema auswählen**
 
 > Klicken sie auf Themenauswahl und haken den gewünschten Datensatz an, hier: Gebäude.
 
-![Abb. 3](023c_flächenstylen.png)
-*Abb.c: Flächen Stylen – Farbeinstellungen*
+![Abb.  3](/cosi/manuals/023c_flächenstylen.png)
+*Abb. c: Flächen Stylen – Farbeinstellungen*
 
 1. **Daten auswählen**
 
@@ -27,12 +28,12 @@ Starten Sie die Funktion Flächen Stylen im Menü Analyse.
 
 > Klicken Sie auf das Stiftsymbol, um die Farbeinstellungen zu starten oder auch, um später Farbeinstellungen zu ändern oder zu ergänzen.
 
-![Abb. 4](023d_flächenstylen.png)
-*Abb.d: Flächen Stylen – Farbeinstellungen*
+![Abb.  4](/cosi/manuals/023d_flächenstylen.png)
+*Abb. d: Flächen Stylen – Farbeinstellungen*
 
 1. **Farben zuweisen**
 
-> Wählen sie den Farbkreis aus, dessen Farbe sie wählen möchten. Sie können Füllfarbe und Umrissfarbe festlegen. Siehe nachfolgenden Punkt **Farbe wählen**.
+> Wählen sie den Farbkreis aus, dessen Farbe sie wählen möchten. Sie können Füllfarbe und Umrissfarbe festlegen.
 
 2. **Farben zurücksetzen**
 
@@ -46,8 +47,10 @@ Starten Sie die Funktion Flächen Stylen im Menü Analyse.
 
 >Bestätigen Sie gewollte Änderungen mit der Schaltfläche Übernehmen. Sie verlassen den Dialog und die neuen Farben werden angezeigt.
 
-![Abb. 5](023e_flächenstylen.png)
-*Abb.e: Flächen Stylen – Farbauswahl*
+### Farbeinstellung
+
+![Abb.  5](/cosi/manuals/023e_flächenstylen.png)
+*Abb. e: Flächen Stylen – Farbauswahl*
 
 Sie haben verschiedene Möglichkeiten, die Farbe einzustellen:
 
diff --git a/cosi/manuals/024reporttool.md b/cosi/manuals/024reporttool.md
index 9a0109dba..e4d4c7143 100644
--- a/cosi/manuals/024reporttool.md
+++ b/cosi/manuals/024reporttool.md
@@ -1,8 +1,7 @@
-# Report Templates
 
-### Beschreibung 
+## Report Templates
 
-"Report Templates" sind Dokumente mit voreingestellten Analysen, die sich dann auf Gebiete anwenden lassen. Jedes Report Template besteht aus Kapiteln. Jedes Kapitel enthält:<br><br>
+Report Templates sind Dokumente mit voreingestellten Analysen, die sich dann auf Gebiete anwenden lassen. Jedes Report Template besteht aus Kapiteln. Jedes Kapitel enthält:<br><br>
 
 - Einen Titel
 - Eine Beschreibung
@@ -11,54 +10,50 @@
  
 Aktuell verfügbar sind die Tools "Erreichbarkeitsanalyse" und "Dashboard".
 
-### Anwendung
-
 Sie können entweder ein bestehendes Template hochladen, bearbeiten und anwenden, oder ein neues Template erstellen.
 
-1. Wählen Sie zuerst in der Gebietsauswahl das Gebiet aus, auf das Sie das ReportTemplate anwenden wollen.
-1.  Öffnen Sie dann das Report Template Tool under dem Menüpunkt "Dienste -> Report Template"
+1. Wählen Sie zuerst in der Gebietsauswahl das Gebiet aus, auf das Sie das Report Template anwenden wollen.
+1. Öffnen Sie dann das Report Template Tool unter dem Menüpunkt "Dienste -> Report Template"
 
-#### Bestehendes Template hochladen
+### Bestehendes Template hochladen
 
-1. Klicken Sie im Report Template Tool auf "Datei Wählen", und wählen die bestehende Template Datei aus ![Datei wählen](./reporttemplates_templatehochladen.png)
+Klicken Sie im Report Template Tool auf "Datei Wählen", und wählen die bestehende Template Datei aus ![Datei wählen](./reporttemplates_templatehochladen.png)
 
-#### Template Anwenden und als Dokument exportieren
+### Template Anwenden und als Dokument exportieren
 
 1. Wenn Sie ein Report Template hochgeladen (s.o.) oder ein neues erstellt und eingestellt (s.u.) haben, scrollen Sie nach unten zu "Auf Gebiet anwenden"
-1. Wählen Sie das gewünschte Export Format aus ![Export Format wählen](./reporttemplates_exportformat.png). Zur weiterverarbeitung in Word, wählen Sie "HTML".
+1. Wählen Sie das gewünschte Export Format aus. Zur Weiterverarbeitung in Word, wählen Sie "HTML". ![Export Format wählen](./reporttemplates_exportformat.png). 
 1. Drücken Sie auf Exportieren ![Exportieren klicken](./reporttemplates_export.png)
 
-Die Analysen des Templates werden nun auf das Gebiet angewendet. Die Exportierte Datei wird entweder in ihrem Download Ordner abgelegt, oder direkt im Browser (als neues Fenster oder Tab) angezeigt.
-
+Die Analysen des Templates werden nun auf das Gebiet angewendet. Die exportierte Datei wird entweder in ihrem Download Ordner abgelegt, oder direkt im Browser (als neues Fenster oder Tab) angezeigt.
 
-#### Neues Template beginnen
 
-Um ein neues Template zu beginnen, drücken Sie unter "Template Wählen" auf das "+"  ![neues Template erstellen](./reporttemplates_neu.png)
+### Neues Template beginnen
 
-Fahren Sie dann fort mit "Template bearbeiten" (s.u.).
+Um ein neues Template zu beginnen, drücken Sie unter "Template Wählen" auf das "+". Fahren Sie dann fort mit "Template bearbeiten" (s.u.).  ![neues Template erstellen](./reporttemplates_neu.png)
 
-#### Template bearbeiten
+### Template bearbeiten
 
-Nachdem Sie ein template hochgeladen oder neu erstellt haben, können Sie es bearbiten.
+Nachdem Sie ein Template hochgeladen oder neu erstellt haben, können Sie es bearbeiten.
 
 Jedes Kapitel des Templates wird als grauer Kasten dargestellt.
 
 *Kapitel löschen:* Sie können Kapitel über das Mülleimer Symbol in der oberen rechten Ecke löschen ![kapitel löschen](./reporttemplates_kapitel_loeschen.png)
 
-*Kapitel hinzufügen:* Sie können neue Kapitel hinzufügen in dem Sie auf das "Seite +" symbol unter dem letzten Kapitel drücken ![kapitel hinzufügen](./reporttemplates_kapitel_hinzu.png)
+*Kapitel hinzufügen:* Sie können neue Kapitel hinzufügen indem Sie auf das "Seite +" symbol unter dem letzten Kapitel drücken ![kapitel hinzufügen](./reporttemplates_kapitel_hinzu.png)
+
 
 *Kapitel bearbeiten:*
 
-1. Geben Sie Titel und Beschreibung für das Kapitel ein ![Titel und Beschreibung eingeben](./reporttemplates_bearbeiten_beschr_titel.png)
+1. Geben Sie Titel und Beschreibung für das Kapitel ein. ![Titel und Beschreibung eingeben](./reporttemplates_bearbeiten_beschr_titel.png)
 
 1. Wählen Sie das Analyse Tool aus, das für das Kapitel verwendet werden soll. ![Analyse Tool auswählen](./reporttemplates_bearbeiten_analysetool.png)
     - Es öffnet dann der Dialog des gewählten Analyse Tools. Ist bereits das Analyse Tool ausgewählt, das Sie verwenden wollen, drücken Sie nun auf "Tool Einstellungen bearbeiten".
-1. Geben Sie die relevanten Einstellungen in der Maske des Analyse Tools (z.B. Erreichbarkeitsanalyse) ein, und drücken Sie auf "Übernehmen". ![Analyse Tool Einstellungen bearbeiten](./reporttemplates_bearbeiten_analysetool_einstellungen.png)
+1. Geben Sie die relevanten Einstellungen in der Maske des Analyse Tools (z.B. Erreichbarkeitsanalyse) ein und drücken Sie auf "Übernehmen". ![Analyse Tool Einstellungen bearbeiten](./reporttemplates_bearbeiten_analysetool_einstellungen.png)
 1. Wiederholen Sie den Vorgang für alle Kapitel, die Sie hinzufügen oder bearbeiten wollen.
 
 
-#### Template Speichern
+### Template Speichern
 
-Um ein Template zu speichern, damit Sie es später anwenden oder mit anderen teilen können, drücken Sie auf "Template Speichern". ![Template speichern](./reporttemplates_speichern.png)
+Um ein Template zu speichern, damit Sie es später anwenden oder mit anderen teilen können, drücken Sie auf "Template Speichern". Dabei wird eine Datei mit der Endung ".json" heruntergeladen. Diese Datei können Sie dann später wieder hochladen, um das Template zu bearbeiten oder anzuwenden (s.o.). ![Template speichern](./reporttemplates_speichern.png)
 
-Dabei wird eine Datei mit der Endung ".json" heruntergeladen. Diese Datei können Sie dann später wieder hochladen, um das Template zu bearbeiten oder anzuwenden (s.o.).
\ No newline at end of file
diff --git a/cosi/manuals/MANUAL.md b/cosi/manuals/MANUAL.md
new file mode 100644
index 000000000..7fa8f098d
--- /dev/null
+++ b/cosi/manuals/MANUAL.md
@@ -0,0 +1,1256 @@
+# **CoSI** 
+## Cockpit Städtische Infrastrukturen
+#### GIS + datenbasierte Analyse- und Planungstools in der Hamburger Stadtverwaltung
+___
+![CoSI Logo](/cosi/manuals/cosi_logo_jf.png)
+
+___
+
+### Nutzerhandbuch
+
+**3. Phase**   
+**Version 1.3.0**  
+
+<div style="page-break-after: always;"></div>
+
+___
+### Projektmitarbeiter und -mitarbeiterinnen CoSI I bis III
+___
+
+- Alexandra Knapke, HafenCity Universität Hamburg
+- Antje Widmayer, BA Hamburg-Nord
+- Bertram Hillmann, a3rtgm GbR
+- Christian Bähnisch, HiTec e.V.
+- Daniel Schulz, HafenCity Universität Hamburg
+- Dennis Rupnow, HiTec e.V.
+- Feng Feng, LGV Hamburg
+- Gabriela Gabbert, BA Hamburg-Nord
+- Prof. Dr. Gesa Ziemer, HafenCity Universität Hamburg
+- Hendrik Landgrebe, BA Hamburg-Nord
+- Ingo Bruns, BA Hamburg-Nord
+- Jannes Süpke, Senatskanzlei Hamburg, ITD
+- Johanna Fischer, HafenCity Universität Hamburg
+- Nicola Stradtmann, HafenCity Universität Hamburg
+- Nihal Hegde, HafenCity Universität Hamburg
+- Ogeigha Koroyin, HiTec e.V. 
+- Paul Linnow, HafenCity Universität Hamburg
+- Peter Duensing, Senatskanzlei Hamburg, ITD
+- Sebastian Duden, LGV Hamburg
+- Till Wewer, Senatskanzlei Hamburg, ITD
+- Yuxiang Zhang, HafenCity Universität Hamburg  
+
+
+### Stand
+09/23
+
+### Keywords
+GIS, Dashboard, Data Driven Urban Planning, Social Infrastructure, Urban Data Platform, Data Visualization, Planning Support Tools, Demand Driven Decision Making  
+
+<div style="page-break-after: always;"></div>
+
+___
+## Zusammenfassung
+___
+
+Bei der Planung städtischer und sozialer Infrastruktur sind Entscheidungsprozesse in der öffentlichen Verwaltung häufig durch langwierige Verfahren und eine fragmentierte Datengrundlage charakterisiert. D.h. Bedarfe werden teilweise  spät erkannt, oder die Konkretisierung der Planung verzögert sich durch das aufwendige Beschaffen von strukturierten Informationen.\
+Das vorliegende Handbuch beschreibt das *Cockpit Städtische Infrastrukturen* für Hamburg als digitales Analyse- und Planungswerkzeug, welches mithilfe eines leicht zugänglichen User-Interface statistische und georeferenzierte Daten bündelt, visualisiert und integriert, um Planungsbedarfe zu identifizieren und Planungsprozesse zu beschleunigen.  
+  
+Dazu wurden die durch die *Urban Data Platform* der Stadt Hamburg aufgebauten Datenbankstrukturen und die Funktionalität des Masterportals genutzt, um eine kartenbasierte Webapplikation zu etablieren, welche den Quartiersplanenden der Stadt eine Reihe von Analysefunktionen zur Verfügung stellt, um auf der Verwaltungsebene der statistischen Gebiete soziodemographische Zusammenhänge zu identifizieren, Trends zu erkennen sowie Verhältnisse zwischen dem existierenden Infrastrukturangebot und den relevanten Zielgruppen zu ermitteln. Das Werkzeug soll im Folgenden helfen, Standorte und Potentiale für die Entwicklung von Infrastruktur zu finden. Die Ergebnisse dieser Analysen können direkt aus CoSI heraus visualisiert und als Entscheidungs- und Diskussionsgrundlage verwendet werden. Der Workflow folgt dabei einer dreistufigen Logik von der *Visualisierung* von Daten, über die *Analyse*, also der kontextuellen Verknüpfung von Information, bis zur *Simulation* von Maßnahmen und Ableitung ihrer  Auswirkungen.  
+  
+Um die technischen und inhaltlichen Anforderungen des Initialisierungs-Projekts aufzustellen, wurden im Vorfeld ab Sommer 2018 eine Reihe von Stakeholder- und Userstory-Workshops mit den Mitgliedern der Hamburger Verwaltung auf verschiedenen Ebenen durchgeführt. 
+
+CoSI wurde dann von Juni 2019 bis September 2023 in den Projekten CoSI I bis III in einem agilen Verfahren, basierend auf der SCRUM-Methode, durch ein interdisziplinäres Team der HCU Hamburg und des LGV Hamburg entwickelt. Nutzerinnen und Nutzer waren dabei von Beginn an über die AG CoSI einbezogen und konnten den jeweils neuesten Entwicklungsstand im Arbeitsalltag evaluieren, so dass aktuelle Anforderungen an Funktionen und Daten fortlaufend in die Planung der Sprints eingegangen sind. Ab Mitte 2020 wurde das Verfahren in den Produktivbetrieb überführt. Seitdem steht allen berechtigt interessierten Mitarbeiterinnen und Mitarbeitern innerhalb der FHH – im Sommer 2023 waren es über 1500 - eine fortlaufend aktualisierte Produktivversion von CoSI zur Verfügung. 
+
+Datenbedarfe aus der AG CoSI und von den Nutzenden der Produktivversion werden fortlaufend erfasst und an den Urban Data Hub des LGV übergeben, Datenverantwortliche lokalisiert und die Datenbestände unter Berücksichtigung potenzieller Datenschutzrichtlinien öffentlich oder FHH-intern über die Urban Data Platform (UDP) zur Verfügung gestellt.
+Es werden auch Integrationsmöglichkeiten für das Tool in die tägliche Arbeit von Behörden und Fachämtern eruiert. Die CoSI-Projekte haben diese Informationen gebündelt, in Workshops mit der AG CoSI und Anwendenden vertiefte Funktionskonzepte erarbeitet und diese in den Themenbereichen Visualisierung, Analyse und Simulation integriert. So wurde ein Planungs-, Kollaborations- und Kommunikationstool entwickelt, welches konzeptuell auf viele weitere Themenbereiche angewendet werden kann.
+
+Diese Weiterentwicklung von CoSI und den zu Grunde liegenden Datenbeständen im Urban Data Portal in enger Zusammenarbeit mit den Nutzenden soll auch nach den Projekten CoSI I bis III fortgeführt werden. Dazu ist im Lebenslagenmanagement der BWFGB eine moderne fachliche Leitstelle geplant.
+  
+<div style="page-break-after: always;"></div>
+
+___
+## Inhalt
+___
+- CoSI: Cockpit Städtische Infrakstrukturen
+  - [Datenmodell & -Infrastruktur](#-datenmodell-und-infrastruktur)
+  - [Module](#module)
+   - [Themen (Layer)](#themen-layer)
+   - [Analyse] (#analyse)
+      - [Einwohnerabfrage](#einwohnerabfrage)
+      - [Erreichbarkeitsanalyse](#erreichbarkeitsanalyse)
+         - [Erreichbarkeit ab einem Referenzpunkt](#erreichbarkeit-ab-einem-referenzpunkt)
+         - [Erreichbarkeit im Gebiet](#erreichbarkeit-im-gebiet)
+         - [Erreichbarkeit entlang einer Route](#erreichbarkeit-entlang-einer-route)
+      - [Vergleichbare Gebiete ermitteln](#4vergleichbare-gebiete-ermitteln)
+      - [Filter](#filter)
+      - [Versorgungsanalyse](#versorgungsanalyse)
+      - [DIPAS](#dipas)
+      - [Graphenvisualisierung](#graphenvisualisierung)
+    - [Simulation] (#simulation)
+      - [Einrichtungen anlegen](#einrichtungen-anlegen)
+      - [Einrichtungen bearbeiten](#einrichtungen-bearbeiten)
+      - [Wohnungsbauquartiere anlegen](#wohnquartiere-anlegen)
+    - [Dienste](#dienste)
+      - [Geodaten Importieren](#geodaten-importieren)
+      - [Sitzung Speichern/Laden](#sitzung-speichernladen)
+      - [Vorlagen](#vorlagen)
+    - Dashboard
+      - [Statistische Datenübersicht](#statistische-datenuebersicht)
+      - [Einrichtungsübersicht](#einrichtungsuebersicht)
+    - [Gebietsauswahl](#gebietsauswahl)
+    - [Kartenanalyse regionalstatistischer Daten](#kartenanalyse-regionalstatistischer-daten)
+    - [Ergebnisverzeichnis](#ergebnisverzeichnis)
+    - [Manuelle Flächenauswahl](#manuelleflaechenauswahl)
+    - [Auswahlmanager](#auswahlmanager)
+    - [Flächen stylen](#flaechen-stylen)
+    - [Report Tool](#report-tool)
+
+<div style="page-break-after: always;"></div>
+
+___
+## Datenmodell und Infrastruktur
+___
+  
+CoSI ermöglicht ganz ähnlich wie der FHH-Atlas die Anzeige verschiedener Fachdaten unterschiedlicher Behörden und Ämter in der Karte, wie z.B. dem digitalen Grünplan (BUKEA) oder den Öffentlichen Schulen (BSB).
+
+![Vgl_FHH_Atlas](/cosi/manuals/001a_Vgl_FHH_Atlas.png)
+
+*Abb.001a: Anzeige von Themen auf der Karte wie im FHH-Atlas.*
+
+Als wesentliche Erweiterung können zudem regionalstatistische Daten des Statistikamts Nord für statistische Gebiete, Stadtteile, Bezirke oder ganz Hamburg angezeigt werden.
+
+![stat_daten-anzeige](/cosi/manuals/001b_stat_daten-anzeige.png)
+
+*Abb.001b: Anzeige statistischer Daten auf der Karte und im Dashboard.*
+
+Die Daten werden aber nicht nur in Karte und Tabelle nebeneinander dargestellt, sondern können mit CoSIs Analysefunktionen analysiert und in Beziehung gesetzt werden, indem z.B. ein sozialräumliches Angebot wie Spielplätze, gemessen als Spielplatzfläche in Quadratmetern, mit dem Bedarf der Bevölkerung, gemessen als Anzahl der Kinder z.B. unter 6 Jahren, in der Versorgungsanalyse ausgewertet werden können.
+
+![bsp-analysefunktionen](/cosi/manuals/001c_bsp-analysefunktionen.png)
+
+
+*Abb.001c: Analysefunktionen, hier Versorgungsanalyse.*
+
+Darüber hinaus erlaubt CoSI, in die Datensätze “einzugreifen”: sie zu filtern, zu durchsuchen oder für die Darstellung von Planungsszenarien im laufenden Programm zu verändern (s. Simulation).
+
+### Regionalstatistische Daten
+Die Daten des StaNord liegen für alle Verwaltungsebenen der FHH (statistische Gebieten, Stadtteile, Bezirke und die Gesamtstadt) vor. Sie umfassen je nach Ebene über 120 Indikatoren, welche sich in folgende Kategorien gliedern:  
+
+   - Bevölkerung
+   - Bevölkerung ab x Jahren
+   - Bevölkerung unter x Jahren
+   - Bevölkerung x bis x Jahren
+   - Bevölkerung x bis unter 18 Jahren
+   - Bevölkerung x bis über 18 Jahren
+   - Bevölkerung Migrationshintergrund
+   - Fläche
+   - Haushalte
+   - Sozialversicherungspflichtige
+   - Arbeitslose
+   - SGB II Leistungen
+   - Grundsicherung im Alter
+   - Wohnen
+   - Wahlbeteiligung
+   - Verkehr
+   - Infrastruktur
+   - Bevölkerungsbewegung
+
+Diese Datensätze beinhalten Zeitreihen, welche (je nach Datensatz) von ca. 2012 an erfasst sind und jährlich erweitert werden.
+
+*Hinweis: Aus datenschutzrechtlichen Gründen werden bereits vom Datenbereitsteller solche Datensätze herausgefiltert, welche bei sensiblen Daten auf einzelne Individuen zurückverfolgbar wären. Diese Datensätze sind mit "–" oder mit "Keine Daten" ausgewiesen.*
+
+### Fachdaten
+CoSI bietet ganz ähnlich wie der FHH-Atlas Fachdatensätze in einem Themenbaum an. Während der FHH-Atlas grundsätzlich alle auf der Urban Data Platform verfügbaren und innerhalb der FHH freigegebenen Datensätze anzeigt, wird für CoSI in Abstimmung mit der Nutzendengruppe AG CoSI eine Auwahl getroffen. Dies dient der Übersicht und ermöglicht den Test und ggf. die Anpassung der Analysefunktionen an die angebotenen Daten.
+
+Die Fachdatensätze, welche derzeit in CoSI eingebunden sind oder noch eingebunden werden können, werden als Geodienste von unterschiedlichsten Dateneignern (dies sind vor allem Behörden und Bezirksämter, aber prinzipiell sind auch Vereine oder Privatunternehmen denkbar.) bereitgestellt und in CoSI, wie im FHH-Atlas, über die URL des jeweiligen Dienstes abgerufen. Viele der Datensätze in ihrer aufbereiteten Form sind aus den Verhandlungs- und Koordinationsprozessen des Urban Data Hub hervorgegangen, über den sich die Behörden und Datenhalter der FHH auf gemeinsame Standards und regelmäßige Veröffentlichungen verständigen.
+
+### Prognosedaten
+Die Prognosedaten enthalten die prognostizierte jährliche Bevölkerungsentwicklung in den Stadtteilen Hamburgs nach vier Altersgruppen und Geschlecht bis zum Jahr 2035. Stichtag ist jeweils der 31.12.
+
+Aus Gründen der statistischen Geheimhaltung der zugrunde liegenden Ausgangsdaten werden die vier kleinsten Stadtteile Hamburgs nur in Kombination mit einem größeren angrenzenden Stadtteil ausgewiesen.
+
+Die Einzeldaten sind jeweils auf volle fünf gerundet.
+Die Daten werden auf unregelmäßiger Basis vom Statistikamt Nord herausgegeben.
+
+### Analyse
+Analysedaten sind all jene (als WFS, s. Geodienste) eingebundenen Datensätze, welche für die Verwendung mit den CoSI-Analyse- (und in Zukunft Simulations-) Werkzeugen konfiguriert wurden. D.h. jedes Objekt (Feature, z.B. Kita oder Grünfläche) ist dabei einzeln hinterlegt und kann mit seiner geografischen Position und Ausdehnung betrachtet werden.
+
+### Darstellung
+Darstellungsdaten sind auf Absprache mit den Fachplanerinnen und Fachplanern ausgewählte Datensätze aus dem FHH-Netz, welche durch das zugrundeliegende Geoportal (Masterportal) in der Karte visualisiert und mit einer Legende versehen werden. Per Klick kann der Datensatz für die jeweilige Koordinate aus dem Datensatz abgerufen werden. Im Gegensatz zu den Analysedaten liegen die Darstellungsdaten gegenwärtig nicht als einzelne Objekte, sondern als gekacheltes/gerastertes Bild vor (WMS, s. Geodienste).
+
+### Geodienste
+Alle in CoSI und dem FHH-Atlas dargestellten Daten werden von den Bereitstellern als Dienst vorgehalten. Der Dienst liefert über eine URL Datensätze der jeweiligen Datenbank in einem maschinenlesbaren Format. Über zusätzliche Parameter kann die Anfrage (Request) spezifiziert oder (z.B. auf einen geografischen Ausschnitt) eingegrenzt werden. 
+
+### WMS
+Ein WMS (Web Map Service) liefert Geodaten / Karten als Rasterbilder (PNG), welche zunächst einmal ohne Hintergrundinformation in der Karte angezeigt werden. Gleichzeitig können die Legende des Datensatzes oder Informationen zu einer bestimmten Koordinate über weitere Requests abgerufen werden.
+
+### WFS
+Der WFS (Web Feature Service) liefert im Gegensatz zum WMS keine fertige Kartenansicht, sondern ein rohes Datenobjekt, bei dem der Datensatz jedes geografischen Objekts (Punkt, Linie, Fläche, etc.) inkl. seiner Attribute (z.B. eine Schule mitsamt ihrem Schultyp, ihrer Schülerzahl, Mailadresse und Nachmittagsangebot) einzeln übermittelt wird. Die Visualisierung (das Styling) der Daten erfolgt dann anhand vorgegebener oder mitgelieferter Konfigurationen innerhalb der Applikation. Dies ist rechenintensiver für den Anwendenden und weniger kontrollierbar von Seiten des Datenbereitstellers, bietet jedoch die Möglichkeit mit den Objekten innerhalb des Portals direkt zu interagieren oder sie zu verändern.  
+
+<div style="page-break-after: always;"></div>
+
+___
+## Module
+___
+### Überblick 
+CoSI bietet verschiedene Module (nachfolgend oft auch als "Werkzeuge" oder "Tools" bezeichnet") an, die bestimmte Funktionen zur Erstellung, Verwaltung und Analyse von Daten bereitstellen. Nachfolgend finden Sie die Übersicht über alle im UI zur Verfügung stehenden Funktionen:
+
+![Das CoSI Nutzer-Interface](/cosi/manuals/001d_user_interface.PNG)
+
+*Abb.001d: Das CoSI User-Interface.*
+
+1. **Themenbau/ Layer** (s. Themen)
+2. **Analyse**
+      1. [Manuelle Flächenauswahl für Fachdaten](/cosi/manuals/021manuelleflaechenauswahl)
+      2. [Einwohnerabfrage](/cosi/manuals/002einwohnerabfrage)
+      3. [Erreichbarkeitsanalyse](/cosi/manuals/003erreichbarkeitsanalyse)
+      4. [Vergleichbare Gebiete ermitteln](/cosi/manuals/004vergleichbaregebieteermitteln)
+      5. [Filter](/cosi/manuals/005filter)
+      6. Strecke/ Fläche messen
+      7. [Versorgungsanalyse](/cosi/manuals/006versorgungsanalyse)
+      8. [DIPAS](/cosi/manuals/007dipas)
+      9. [Datenvisualisierung](/cosi/manuals/008graphenvisualisierung)
+
+3. **Simulation**
+      1. [Einrichtungen anlegen](/cosi/manuals/009einrichtungenanlegen)
+      2. [Einrichtungen bearbeiten](/cosi/manuals/010einrichtungenbearbeiten)
+      2. [Wohnungsbauquartiere anlegen](/cosi/manuals/011wohnquartiereanlegen)
+
+4. **Dienste**
+      1. Zeichnen/ Schreiben
+      2. Karte drucken
+      3. Mousehover ein-/ ausschalten
+      4. [Geodaten Importieren](/cosi/manuals/013geodatenimportieren)
+      5. WMS hinzufügen
+      6. [Sitzung speichern/laden](/cosi/manuals/014sitzungspeichern)
+      7. [Vorlagen](/cosi/manuals/015vorlagen)
+
+5. **Dashboard**
+      1. [Statistische Datenübersicht](/cosi/manuals/016statistischedatenuebersicht)
+      2. [Einrichtungsübersicht](/cosi/manuals/017einrichtungsuebersicht)
+6. **[Gebiete auswählen](/cosi/manuals/018gebietsauswahl)**
+7. **Kontaktformular**
+8. **Legende** (s. Legende)
+9. **Suchleiste**
+10. **Werkzeugfenster**
+   > Aktive Werkzeuge werden in verschiebbaren Fenstern angezeigt.
+11. **Hereinzoomen**
+12. **Herauszoomen**
+13. **Vollbildansicht aktivieren/ deaktivieren**
+14. **Zurück zur Startansicht**
+15. **[Kartenanalyse regionalstatistischer Daten](/cosi/manuals/019kartenvisualisierung)**
+16. **Tooltip** (sog. Mousehover)
+   > Zeigt das Gebiet und andere Elemente wie Tooltipps unter dem Mauszeiger an. Kann unter "Dienste" via "Mousehover ein-/ausschalten" deaktiviert werden.
+18. **Ausgewählte Gebiete**
+   > Ausgewählte Gebiete werden dargestellt mit einer blauen Umrandung.
+19. **Sidebar**
+   > Das Dashboard und der Filter werden in einer Sidebar angezeigt. Die Sidebar kann in ihrer Breite angepasst werden. (s. Dashboard)
+
+<div style="page-break-after: always;"></div>
+
+### Themen (Layer)
+___
+Layer können aus dem Reiter "Themen" jederzeit zugeschaltet oder ausgeschaltet werden. Die Themen sind unter dem Reiter Fachdaten sortiert. Beim Zuschalten sollte mit bedacht werden, dass sich Ladezeiten entsprechend verlängern können. Verzögerungen können vorkommen, wenn zu Beginn kein Planungsgebiet festgelegt wurde. Dann müssen die Daten für das gesamte Hamburger Gebiet geladen werden. 
+
+Der Themenbaum ist gegliedert in Hintergrundkarten, einen Katalog an Fachdaten und die aktuelle Auswahl an Kartenebenen.
+
+![Der Themenbaum](/cosi/manuals/001e_Themenbaum.PNG)
+
+*Abb.e: Der Themenbaum.*
+
+Öffnen Sie mit dem Plus die Übersicht der Themenkategorie oder minimieren sie die Ansicht wieder mit dem Minus.
+
+1. **Hintergrundkarten**
+   > Layer wie "Stadtkarte Hamburg", die als Standard automatisch aktiv sind, können auch deaktiviert werden. Die Hintergrundkarten orientieren sich am FHH Portal. Achtung beim An- und Ausschalten der Karten. Kartenlayer können andere Layer überlagern. Ihre Anzeige ist daher abhängig von der Reihenfolge der Aktivierung. Die Anordnung kann in "Ausgewählten Themen" noch nachträglich verändert und angepasst werden.
+2. **Fachdaten**  
+	 - **Analyse/Simulation**
+      > Die aufbereiteten Layer für CoSI-spezifische Werkzeuge (bereitgestellt als WFS, s. Glossar). Die einzelnen Datenlayer sind in Kategorien eingeteilt, die regelmäßig angepasst bzw. aktualisiert werden.
+	 - **Darstellung**
+      > Daten zur reinen "Anzeige" in der Karte, v.a. entnommen aus dem FHH Atlas (bereitgestellt als WMS).
+3. **Ausgewählte Themen**  
+   > Siehe nachfolgende Abbildung.
+4. **Hilfe-Button**
+   > Ruft diese Anleitung auf.
+5. **Kartenhintergrund**
+   > Hier können Sie für den Kartenhintergrund grau oder weiß auswählen.
+6. **Themenbaum fixieren/ lösen**
+   > Diese Funktion fixiert den Themenbaum, so dass er auch bei Interaktionen mit der Karte angezeigt bleibt.
+   
+   **Ausgewählte Themen**  
+      ![Abbildung 3: Ausgewählte Themen](/cosi/manuals/001f_ausgewaehltethemen.PNG)
+      *Abb.f: Ausgewählte Themen.*  
+      - **3.1 Informationen und Legenden**
+      - **3.2 Einstellungen**  
+         Über das Zahnrad öffnen sich Einstellungen für Transparenz und Ebene verschieben.
+      - **3.3 Transparenz**  
+         Die Transparenz lässt sich über Plus in Prozent erhöhen und über Minus verringern.
+      - **3.4 Ebene nach oben/unten**  
+         Über das Pfeilmenü kann die Ebene der Layer verschoben werden.
+
+Die Themen enthalten Informationen, die symbolisch oder durch Flächen auf der Karte dargestellt werden. In der nachfolgenden Abbildung zum Beispiel stellen die grün/blauen Punkte und Icons die vorhandenen Sportstätten im Gebiet dar. Die gelben und grünen Flächen sind aus dem Verzeichnis öffentlicher Grünanlagen. Nummerierte Punkte zeigen die Anzahl der an diesem Ort vorhandenen Einrichtungen an, wenn sich Punkte überschneiden.
+Eine Legende zu den aktiven Themen kann durch einen Klick auf den Reiter "Legende" eingeblendet werden. Unabhängig davon können über den Infobutton rechts neben dem Layer weitere Informationen zu dem jeweiligen Thema aufgerufen werden. Es werden folgende Informationen bereitgestellt: Kurzbeschreibung des Themas, Datenstand und Legende. Auch befinden sich hinter dem Info-Button die Links zu Downloadquellen und eine WFS - bzw. WMF -Adresse.
+Ein Klick auf ein Objekt auf der Karte öffnet eine Infotafel für die aktuelle Auswahl (Sportstätte, Grünanlage, etc.). Auf der Infotafel werden Informationen über das Objekt angezeigt. Datenschutzrelevante (personenbezogene) Daten werden nicht angezeigt.
+
+![Abbildung 4: Manuelle Flächenauswahl](/cosi/manuals/001g_bspkartenansicht.PNG)
+
+*Abb.g: Beispiel für Kartenansicht.*
+
+<div style="page-break-after: always;"></div>
+
+___
+## Analyse
+#### Werkzeuge des Analysemenüs
+___
+## Einwohnerabfrage
+___
+Über "Analyse" gelangen Sie zu "Einwohneranzahl abfragen".
+
+Grundsätzlich bietet diese Funktion die Möglichkeit an, durch Aufziehen eines Rechtecks oder Kreises bzw. durch Einzeichnen einer Fläche die adressgenaue Einwohneranzahl zu bestimmen. Dieses Werkzeug stammt ursprünglich aus dem Masterportal und wurde u.a. in dem Modul "Erreichbarkeitsanalyse" integriert.
+
+- Beim direkten Aufruf unter dem Reiter "Analyse" muss das Gebiet, über das man die Abfrage durchführen möchte, händisch festgelegt werden (via Rechteck oder Kreis ziehen bzw. via Zeichnen einer Fläche). 
+- Bei der Nutzung innerhalb des Kontexts der Erreichbarkeitsanalyse muss das Gebiet nicht händisch festgelegt werden, sondern es wird als Gebiet das errechnete Einzugsgebiet übernommen.
+
+<div style="page-break-after: always;"></div>### Erreichbarkeitsanalyse
+Die "Erreichbarkeitsanalyse" erreichen Sie über den Bereich "Analyse". 
+Eine Erreichbarkeitsanalyse kann auf drei Arten durchgeführt werden:  
+1. [Ab einem Referenzpunkt](#erreichbarkeit-ab-einem-Referenzpunkt)
+2. Ab einer ausgewählten Einrichtung
+3. [Im Planungsgebiet](#erreichbarkeit-im-gebiet) 
+4. [Entlang einer Route](#erreichbarkeit-entlang-einer-route)
+
+Der Modus der Analyse kann im Dropdown Menü ausgewählt werden.
+
+**Wichtige Informationen:**
+Dieses Werkzeug wurde realisiert unter Verwendung von OpenRouteService, einem Dienst, der von der *Heidelberg Institute for Geoinformation Technology* entwickelt wird. Der verwendete Dienst wird vom *Bundesamt für Kartografie und Geodäsie (BKG)* bereitgestellt und betrieben.
+Die Verwendung ist gedeckt durch die Creative Commons Lizenz CC BY 4.0.
+Weitere Informationen finden Sie unter:  
+https://heigit.org/de/ortsbasierte-dienste-und-navigation/  
+https://openrouteservice.org/services/
+
+Die Vollständige Dokumentation des OpenRouteService inkl. aller Annahmen über Modalitätsprofile und Routenparameter finden Sie unter:
+https://giscience.github.io/openrouteservice/documentation/Documentation.html
+
+Die Annahmen über einzelne Straßen und Wege können i.d.R. über die [OpenStreetMap](https://www.openstreetmap.org/#map=14/53.5492/9.9901) direkt ausgelesen oder in dringlichen Fällen beim BKG angefragt werden.
+
+#### Erreichbarkeit ab einem Referenzpunkt
+Zeigt ein Gebiet an, welches von einem ausgewählten Punkt auf der Karte innerhalb einer festgelegten Entfernung erreichbar ist. Die Entfernung kann in Zeit oder in Metern angegeben werden. Die Erreichbarkeit wird abhängig vom Verkehrsmittel berechnet. Die Polygone werden automatisch angepasst, wenn das Verkehrsmittel oder andere Parameter geändert werden.  
+  
+Das Modul kann verwendet werden, ohne vorherige Gebietsauswahl.
+  
+
+
+![Erreichbarkeit ab einem Referenzpunkt](/cosi/manuals/003a_erreichbarkeitreferenzpunkt.png)
+
+*Abb.a: Erreichbarkeit ab einem Referenzpunkt.*
+  
+1. **Auswahl des Modus**
+   > Art der Einrichtungsanalyse. Ab einem Referenzpunkt, entlang einer Route oder Erreichbarkeit der gewählten Einrichtungen im Gebiet.
+2. **Referenzpunkt setzen**
+   > Durch Klicken auf der Karte wird der Punkt gesetzt, von dem aus berechnet wird.
+3. **Verkehrsmittel festlegen** 
+   > Das Verkehrsmittel wird ausgewählt aus einer Liste. Folgende Verkehrsmittel stehen aktuell zur Verfügung: Auto, Rad, Gehen, Rollstuhl / Kinderwagen.
+4. **Maßeinheit der Entfernung festlegen**
+   > Festlegen, ob die Entfernung in Minuten oder in Metern angegeben wird
+5. **Entfernung**
+   > Entfernung in zuvor festgelegter Maßeinheit (Minuten oder Metern) angeben
+6. **Berechnen**
+   > Berechnet die Erreichbarkeit vom Punkt. Es werden nur noch Fachdaten angezeigt, die innerhalb der Erreichbarkeit liegen. Gilt auch für die Einrichtungsübersicht und alle anderen Werkzeuge.
+7. **Ergebnis ausblenden**
+   > Die Ergebnisdarstellung auf der Karte wird ausgeblendet. Alle Fachdaten außerhalb der Isochronen werden wieder eingeblendet.
+8. **Einwohnerabfrage**
+   > [s. Einwohnerabfrage](#einwohnerabfrage)
+9.  **Legende & Isochronen**
+   > Eine Legende wird eingeblendet. Sie wird dynamisch für die Anfrage generiert und zeigt drei gleichmäßig verteilte Entfernungswerte. Höchstwert ist der zuvor eingegebene Wert für die Entfernung. Die Isochronen (Polygone) in der Karte sind entsprechend der Legende eingefärbt. Sie zeigen das vom Referenzpunkt aus erreichbare Gebiet abhängig von den zuvor eingegebenen Parametern. Ist "Verkehrsfluss berücksichtigen" ausgewählt, wird das theoretische Maximum bei freier Fahrt als gestrichelte Linie angezeigt.
+11. **Ergebnisverzeichnis**
+   > Sie können mehrere Erreichbarkeitsanalysen erstellen, die über das sog. [Ergebnisverzeichnis](/cosi/manuals/020ergebnisverzeichnis.md) verwaltet werden.
+
+*Für **Tageszeit**, **Verkehrsfluss berücksichtigen**, und **Von Flächenaußengrenzen berechnen** siehe im folgenden "Erreichbarkeit im Gebiet"*
+
+#### Erreichbarkeit ab einer ausgewählten Einrichtung
+
+Diese Analyse wird genauso hergestellt, wie ab einem Referenzpunkt. Nur wird hier statt einem Referenzpunkt auf der Karte eine Einrichtung auf der Karte angeklickt.
+
+#### Erreichbarkeit im Gebiet
+Zeigt die Abdeckung und Erreichbarkeit von einer zuvor festgelegten Einrichtungsart (im Beispiel Krankenhäuser) in dem festgelegten Einzugsbereich (Planungsgebiet). Der Einzugsbereich ist die Entfernung von der jeweiligen Einrichtung und kann in Zeit oder in Metern angegeben werden. Die Erreichbarkeit ist abhängig von dem festgelegten Verkehrsmittel.
+
+![Erreichbarkeit ausgewählter Einrichtungen im Gebiet](/cosi/manuals/003b_erreichbarkeitabeinrichtung.png)
+
+*Abb.b: Erreichbarkeit ausgewählter Einrichtungen im Gebiet.*
+
+1. **Auswahl des Modus**
+   > Art der Einrichtungsanalyse. Ab einem Referenzpunkt, entlang einer Route oder Erreichbarkeit der gewählten Einrichtungen im Gebiet.
+2. **Thema auswählen**
+   > Damit dieses Modul verwendet werden kann muss mindestens ein Thema aktiv sein.
+3. **Verkehrsmittel festlegen**
+   > Das Verkehrsmittel wird ausgewählt aus einer Liste. Folgende Verkehrsmittel stehen aktuell zur Verfügung: Auto, Rad, Gehen, Rollstuhl.
+4. **Maßeinheit der Entfernung festlegen**
+   > Festlegen, ob die Entfernung in Minuten oder in Metern angegeben wird.
+5. **Entfernung**
+   > Entfernung in zuvor festgelegter Maßeinheit (Minuten oder Metern) angeben.
+6. **Tageszeit**
+   > Wenn Sie als Verkehrsmittel "Auto" ausgewählt haben, können Sie hier die Tageszeit auswählen, zu der Sie die Erreichbarkeit planen wollen. Die Funktion ist nur verfügbar, wenn "Verkehrsfluss berücksichtigen" aktiv ist. Dieser *Reisezeitindex* beschreibt die Veränderung der Reisezeiten zu verschiedenen Tageszeiten gegenüber einem normierten freien Verkehrsfluss (d.h. ein Reisezeitindex von 1,3 entspricht einer Verlängerung der Reisezeiten um 30% bzw. einer entsprechenden Verkürzung der zurückgelegten Strecke). Die Daten wurden von der Firma INRIX erhoben und beziehen sich, aggregiert für das gesamte Stadtgebiet für die Straßenklassen 2, 3 und 4 (Bundesstraßen, Kreisstraßen, Gemeindestraßen), auf das Jahr 2020. **Der Reisezeitindex bezieht sich ausschließlich auf den Kfz-Verkehr.**
+7. **Verkehrsfluss berücksichtigen**
+   > Wählen Sie aus, ob Sie den Verkehrsfluss berücksichtigen wollen oder nicht. 
+8. **Von Flächenaußengrenzen ermitteln**
+   > Wenn Sie einen Datensatz ausgewählt haben, wie bspw. "Grünflächen" oder ähnliches, dann wird die Erreichbarkeitsanalyse von der Außengrenze dieser Fläche durchgeführt.
+9. **Berechnen**
+10. **Ergebnis ausblenden** 
+11. **Legende & Isochronen**
+    > Eine Legende wird eingeblendet. Sie wird dynamisch für die Anfrage generiert und zeigt drei gleichmäßig verteilte Entfernungswerte. Höchstwert ist der zuvor eingegebene Wert für die Entfernung. Die Isochronen (Polygone) in der Karte sind entsprechend der Legende eingefärbt. Sie zeigen die vom den Einrichtungen aus erreichbaren Gebiete abhängig von den zuvor eingegebenen Parametern. Ist "Verkehrsfluss berücksichtigen" ausgewählt, wird das theoretische Maximum bei freier Fahrt als gestrichelte Linie angezeigt.
+12. **Ergebnisverzeichnis**
+   > Sie können mehrere Erreichbarkeitsanalysen erstellen, die über das sog. [Ergebnisverzeichnis](/cosi/manuals/020ergebnisverzeichnis) verwaltet werden.
+
+   ### Erreichbarkeit entlang einer Route
+Wenn Sie im Routing-Tool eine Route erstellt haben, können Sie die Erreichbarkeit in einem bestimmten Umkreis um die Route herum berechnen lassen.
+  
+Das Modul kann ohne vorherige Gebietsauswahl verwendet werden.
+![Erreichbarkeit entlang einer Route](/cosi/manuals/003c_erreichbarkeitroute.png)
+
+*Abb.c: Erreichbarkeit entlang einer Route.*
+1. **Auswahl des Modus**
+   > Art der Einrichtungsanalyse. Ab einem Referenzpunkt, entlang einer Route oder Erreichbarkeit der gewählten Einrichtungen im Gebiet. Beachten Sie, dass Sie die Erreichbarkeit entlang einer Route nur auswählen können, wenn Sie im Vorfeld im Routing-Tool eine Route angelegt haben.
+2. **Route auswählen**
+   > Die im Routing-Tool aktive Route wird automatisch ausgewählt.
+3. **Vorgegebene Felder**
+   > Sie können bei der Erreichbarkeitsanalyse anhand einer Route kein Verkehrsmittel auswählen und somit auch nicht, ob die Entfernung in Metern oder Minuten berechnet werden soll. Es wird immer die Entfernung in Metern (Luftlinie) zur Berechnung herangezogen.
+4. **Entfernung**
+   > Entfernung in Metern angeben.
+5. **Berechnen**
+6. **Ergebnis ausblenden** 
+7. **Legende und Isochronen**
+   > Eine Legende wird eingeblendet. Sie wird dynamisch für die Anfrage generiert und zeigt drei gleichmäßig verteilte Entfernungswerte. Höchstwert ist der zuvor eingegebene Wert für die Entfernung. Die Isochronen (Polygone) in der Karte sind entsprechend der Legende eingefärbt. Sie zeigen das um die Route herum erreichbare Gebiet abhängig von den zuvor eingegebenen Parametern.
+8. **Ergebnisverzeichnis**
+   > Sie können mehrere Erreichbarkeitsanalysen erstellen, die über das sog. [Ergebnisverzeichnis](/cosi/manuals/020ergebnisverzeichnis) verwaltet werden.
+   
+<div style="page-break-after: always;"></div>## Vergleichbare Gebiete ermitteln
+___
+Über den Bereich der "Analyse" gelangen Sie zu "Vergleichbare Gebiete ermitteln".
+
+Das Werkzeug erlaubt die Ermittlung aller Gebiete (Stadtteile oder statistische Gebiete), in denen die ausgewählten Parameter vorherrschen, bzw. solcher, die dem gewählten Referenzgebiet in diesen Parametern ähneln.
+Wählen Sie unter Filter die gewünschten Parameter für den Vergleich, sowie ein Referenzgebiet (optional).  
+
+![Vergleichbare Gebiete ermitteln](/cosi/manuals/004a_vergleichbaregebiete_ermitteln.PNG)
+ 
+*Abb.a: Vergleichbare Gebiete ermitteln.*  
+
+1. **Statistische Datenfilter**
+   > Gewünschte Parameter für den Vergleich auswählen. Es können beliebig viele Parameter hinzugefügt werden. Alle StaNord-Datensätze sind hierfür verfügbar. Anteilige Werte eignen sich jedoch besser für die Vergleichbarkeit. Gegenwärtig können eigene Berechnungen aus dem Dashboard nicht herangezogen werden.
+2. **Referenzgebiet**
+   > Optional kann eins der ausgewählten Gebiete als Referenzgebiet angegeben werden.
+3. **Filter hinzufügen**
+   > Die Parametereinstellungen zeigen den aktuellen Datensatz Jahr Min.- und Max.-Wert aller Hamburger Gebiete, den Referenzwert (frei wählbar oder des Referenzgebiets) sowie die Toleranz nach oben und unten. Das Toleranzintervall ist entweder in absoluten Zahlen oder in Prozent für anteilige Werte angegeben.
+4. **Alle Filter zurücksetzen** 
+   > Setzen Sie Ihre Eingaben zurück.  
+5. **Ergebnisverzeichnis** 
+   > Der "Datensatz hinzufügen" Button aus dem [Ergebnisverzeichnis](ergebnisverzeichnis.md).  
+
+![Vergleichbare Gebiete ermitteln, Ergebnisse](/cosi/manuals/004b_vergleichbaregebiete_ergebnis.PNG)  
+*Abb.b: Vergleichbare Gebiete ermitteln, Ergebnisse.*  
+
+1. **Ergebnisverzeichnis**
+   > Das [Ergebnisverzeichnis](/cosi/manuals/ergebnisverzeichnis.md) verwaltet die unterschiedlichen Datensätze. Es erscheint, sobald Sie einen zweiten Datensatz erstellt haben.
+2. **Parametereinstellungen (Jahr)**
+   > Wählen Sie die Grundlage für das entsprechende Jahr aus.  
+3. **Parametereinstellungen (Attribute)**
+   > Sofern es sich um einen Themenlayer handelt, können Sie hier ggf. Attribute der Einrichtung auswählen, anhand derer Sie nach vergleichbaren Gebieten suchen.  
+4. **Parametereinstellungen (Toleranz)**
+   > Stellen Sie die Toleranz ein, innerhalb derer weitere vergleichbare Gebiete gefunden werden sollen. Das Toleranzintervall ist entweder in absoluten Zahlen oder in Prozent für anteilige Werte angegeben.  
+5. **Ergebnisse**
+   > Eine Liste aller Gebiete, auf die die gewählten Kriterien zutreffen, wird im Fenster angezeigt. Ein Klick auf ein Gebiet legt den Kartenausschnitt auf dieses fest.
+6. **Als Gebietsauswahl setzen**
+   > Über *Ergebnis als Gebietsauswahl* setzen kann die aktuelle Gebietsauswahl für weitere Analysen auf die Ergebnis-Gebiete gesetzt werden.
+  
+<div style="page-break-after: always;"></div>## Filter
+___
+Die aktiven, ausgewählten Themen können durch Klick auf den Reiter "Filter" nach den Kategorien ihrer Datensätze durchsucht und gefiltert werden. Die Karte zoomt automatisch auf die Filterergebnisse. Es werden nur Ergebnisse in den ausgewählten Gebieten einbezogen. Der Filter ist für alle Fachdatensätze verfügbar, welche sinnvolle filterbare Attribute (wie Fläche, Nutzung, Träger, etc.) aufweisen.  
+
+Um Ihre gewünschten Fachdaten zu filtern, gehen Sie zunächst auf "Analyse" und dann auf "Filter".
+
+![Abbildung 1: Filter](/cosi/manuals/005_filter.PNG)
+
+*Abb.a: Filter.*  
+
+1. **Ein Thema im Filter wählen**
+   > Angezeigt werden die ausgewählten Themen wie im Themenbaum. Themen können jederzeit hinzugefügt werden. Dazu Themenbaum im Filter aufklappen und Thema auswählen.
+2. **Filteroptionen:**
+    - es können mehrere Filteroptionen gewählt werden. Abhängig sind diese von den Inhalten der Datensätze. Kennzeichnung der Auswahl erfolgt durch die Anzeige als dunkelblauer Tag. 
+    - Schieberegler (von / bis): es kann z.B. eine gewünschte Jahreszahl/Flächengröße eingegeben werden.
+3. **Ergebnis wird sofort mit Wahl der Filteroption angezeigt:**
+    - Ergebnis wird in der Karte durch Symbol oder Flächenfarbe angezeigt.
+    - Im Ergebnisfeld der Suche werden Namen der Gebiete / Einrichtungen angezeigt. Durch Anklicken der Namen wird die Auswahl in der Karte markiert. 
+4. **Filter löschen:** 
+   > Einzelne Themen werden durch Anklicken des "X" gelöscht. Die gesamte Auswahl im Thema wird durch Anklicken des Buttons "Zurücksetzen” entfernt.
+   > Einzelne Filtervariablen können über das "x" and den dunkelblauen Tags wieder ausgeschaltet werden.
+   
+<div style="page-break-after: always;"></div>
+
+## Dienste/ Versorgungsanalyse
+___
+Mit diesem Werkzeug kann das Verhältnis zweier Datensätze zueinander berechnet werden. Die Datensätze können entweder regionalstatistische Daten oder Einrichtungsdaten aus dem Menü "Themen/ Fachdaten" sein. Damit die Versorgungsanalyse verwendet werden kann, müssen mindestens zwei Datensätze geladen worden sein. Die "Versorgungsanalyse" finden sie im Bereich "Analyse".
+
+
+![Abbildung 1: Versorgungsanalyse, Einstellungen](/cosi/manuals/006a_versorgungsanalyse.PNG)
+
+*Abb.a: Versorgungsanalyse, Einstellungen.*
+
+1. **Info** 
+   > Über den Button finden Sie zu dieser Anleitung.
+2. **Typ bestimmen**
+   > Mit Klick auf den Button wechseln Sie zwischen Themendatensätzen (hier auch "Einrichtungen") und statistischen Regionaldaten.
+3. **Thema/ Datensatz auswählen**
+   > Wählen Sie das Thema/ den Datensatz aus, den Sie verrechnen möchten.
+4. **Faktor F hinzufügen**
+   > Bei Einrichtungsdatensätzen können Sie einen *Faktor (F)* angeben, der bestimmt, wie viele Einheiten der ausgewählten Einrichtung für den Referenzdatensatz benötigt werden. Wollen Sie beispielsweise die Anzahl der öffentlichen Schulen gegen die Anzahl der Bevölkerung unter 18 Jahren rechnen und geben einen Faktor von 0,001 an, würde das bedeuten, dass eine Schule pro 1000 Mitglieder der Referenzgruppe benötigt wird. Ist ein *Faktor (F)* angegeben, werden die Spalten "Kapazität" und "Bedarf" in der Berechnungstabelle mit angegeben.
+5. **Parameter auswählen** 
+   > Manche Einrichtungsdatensätze haben andere Parameter, als nur ihre Anzahl in den ausgewählten Gebieten. So kann man bei öffentlichen Schulen beispielsweise den Datensatz "Schülerzahl" abfragen oder bei Krankenhäusern die Anzahl der stationären Plätze. Nicht jeder Einrichtungsdatensatz bietet zusätzliche Parameter.
+6. **Berechnung pro x der Datengrundlage**
+   > Bestimmen Sie mit dieser Größe eine Einheit (x) der Datengrundlage für die die Versorgung berechnet werden soll.
+7. **Auswahl vertauschen**
+   > Mit einem Klick auf diesen Button können Sie Ihre Auswahl von Feld (1) und (2) vertauschen.
+8. **Die gesamte Auswahl zurücksetzen**
+9. **Berechnen**
+
+![Abbildung 2: Versorgungsanalyse, Ergebnisse](/cosi/manuals/006b_versorgungsanalyse.PNG)
+
+*Abb.b: Versorgungsanalyse, Ergebnisse.*
+
+1. **Ergebnisverzeichnis**
+   > Das [Ergebnisverzeichnis](/cosi/manuals/020ergebnisverzeichnis.md) verwaltet alle von Ihnen erstellen Datensätze und bietet bestimmte standardisierte Funktionen wie Downloads und ähnliches an.
+2. **Daten als Chart visualisieren**
+   > Die Daten werden zur [Graphenvisualisierung](/cosi/manuals/008graphenvisualisierung.md) geladen und dort als Graphen dargestellt.
+3. **Auf der Karte visualisieren**  
+   > Die Daten werden mit Hilfe der [Kartenvisualisierung](/cosi/manuals/019kartenvisualisierung.md) auf der Karte visualisiert und je nach Wert in unterschiedlichen Farben dargestellt.
+4. **Tabellenspalte für erweiterte Funktionen auswählen**
+   > Hier können Sie Tabellenspalten auswählen die für die erweiterten Funktionen "Als Chart visualisieren" (3) und "Auf der Karte visualisieren" (4) herangezogen werden soll.
+   
+5. **Jahr auswählen**
+   > Hier können Sie das Jahr auswählen, für das die entsprechenden Daten geladen werden.
+6. **Ergebnistabelle**  
+      - **Gebiet:** Die ausgewählten Gebiete, für die die Ergebnisse berechnet wurden. Hier finden sich auch die Indikatoren für die Zeilen "Gesamt" und "Durchschnitt".
+      - **Auswahlfeld (1):**  
+         Der Wert für den in Auswahlfeld (1) gewählten Datensatz.
+      - **Auswahlfeld (2):**  
+         Der Wert für den in Auswahlfeld (2) gewählten Datensatz.
+      - **Verhältnis:**  
+         Hier wurde der Wert des Auswahlfeldes (1) durch den Wert des Auswahlfeldes (2) geteilt.
+      - **Bedarfsdeckung:**  
+         Die Versorgungsabdeckung in Prozent, d.h. das Verhältnis zwischen der aus Auswahlfeld (1) ermittelten Kapazität und Auswahlfeld (2) im Gebiet. Wurde kein Faktor F ausgewählt, zeigt die Spalte das direkte Verhältnis beider Felder in Prozent an.
+      - **6.1 Ergebnisverzeichnis der Ergebnistabelle**
+         Wenn in Ihrer Ergebnistabelle mehr als 10 Ergebnisse angezeigt werden, können Sie hier entsprechend die Daten durchschalten.
+### DIPAS
+Mit dem DIPAS Werkzeug können alle Beiträge aus laufenden DIPAS Verfahren in der Karte visualisiert, nach verschiedenen Kriterien dargestellt und für alle CoSI-Werkzeuge verfügbar gemacht werden. D.h. alle Beiträge können in der [Einrichtungsübersicht](/cosi/manuals/017einrichtungsuebersicht.md) angezeigt, für [Versorgungsanalyse](/cosi/manuals/006versorgungsanalyse.md), [Erreichbarkeitsanalyse](/cosi/manuals/003erreichbarkeitsanalyse.md) und [Vergleichbare Gebiete Ermitteln](/cosi/manuals/004vergleichbaregebieteermitteln.md) verwendet und mit dem [Filter](/cosi/manuals/005filter.md) gefiltert werden. Über "Analyse" erreichen Sie "Dipas".
+
+
+![Abbildung 1: DIPAS](/cosi/manuals/007a_dipas.PNG)
+
+*Abb.a: DIPAS Menü und Anzeige.*
+
+1. **Beteiligungsverfahren auswählen**
+   > Für jedes Verfahren aus der DIPAS-Datenbank wird automatisch eine Registerkarte angelegt, welche durch Anklicken aufgeklappt werden kann. Ein aufgeklapptes Verfahren zeigt dessen Beschreibungstext und die Kontrollfelder für die Visualisierung. Jedem Verfahren wid dabei eine zufällige Farbe zugewiesen.
+2. **Indikator**
+   > Das Icon in dem Indikator zeigt zum einen die Farbe an, in dem der jeweilige Datensatz visualisiert wird. Zum anderen zeigt es, ob der Datensatz gerade auf der Karte angezeigt wird.
+3. **Legende**
+   > Die Legende zeigt an, welche Farbe den Eintragstypen in der Visualisierung zugeordnet wird.
+4. **Verfahren in der Karte anzeigen**
+   > Zeigt das Verfahrensgebiet als Polygon in der Karte in der jeweiligen Farbe des Verfahrens.
+   - **4.1 Auf der Karte anzeigen**
+      > Die Kartenansicht fokussiert auf das jeweilige Verfahrensgebiet.
+5. **Einzelne Beiträge in der Karte anzeigen**
+   > Zeigt alle Einzelbeiträge des Verfahrens in der Karte. Das Styling der Beiträge kann unter *7. Styling der Beiträge* festgelegt werden.
+6. **Heatmap in der Karte anzeigen** 
+   > Zeigt eine Heatmap der Beiträge in der Karte. Das Gewicht eines Punktes richtet sich dabei nach der Gesamtzahl der Bewertungen des Beitrags, also der Stärke der Resonanz auf ihn.
+7. **Styling der Beiträge wählen**
+   * *Die Inhalte können nach verschiedenen Schwerpunkten dargestellt werden:*
+   > - nach Projekt: Alle Beiträge werden gleichmäßig in der Projektfarbe dargestellt.
+   > - nach Kategorien im Projektfarbraum: Jede Kategorie wird in einer Schattierung der Projektfarbe dargestellt.
+   > - nach Kategorien im Regenbogenspektrum: Jeder Kategorie wird eine zufällige Farbe zugewiesen.
+   > - nach Bewertung: Die Beiträge werden abhängig von den positiven- und negativen-Bewertungen dargestellt. Die Größe des Punktes richtet sich dabei nach der Gesamtzahl der Reaktionen, die Farbe nach dem Verhältnis von positiven (grün) und negativen (rot) Bewertungen.
+8. **Download als GeoJson**
+   > Die aktuell aktiven DIPAS Datensätze werden als GeoJson heruntergeladen.
+9. **Automatisches Update**
+   > Wenn diese Checkbox aktiviert ist, werden die DIPAS Daten ggf. live aktualisiert.
+10. **Beiträge in der Karte**
+      > Alle Beiträge werden mit Ihrer ID (einer fortlaufenden Nummer) in der Karte dargestellt.
+<div style="page-break-after: always;"></div>## Graphenvisualisierung
+___
+Das Graphenvisualisierungswerkzeug erstellt Graphen aus Datensätzen und verwaltet diese. Darüber hinaus ermöglicht es Ihnen den Export dieser Graphen als PNG.
+
+   > Nach dem Sie Ihre gewünschten Gebiete und Fachdaten ausgewählt haben, können Sie unter Analyse - Graphenvisualisierung, Ihre Ergebnisse visuell darstellen lassen. 
+   
+   > **Hinweis**: Wenn Sie die Graphenvisualisierung direkt aus dem Analyse Menü öffnen, bitte unten in der Kartenvisualisierung auf das Graph Symbol klicken. 
+
+![Abbildung 1: Graphenvisualisierung](/cosi/manuals/008_graphenvisualisierung.png)  
+*Abb.a: Graphenvisualisierung.*
+
+1. **Diagrammtyp auswählen**
+   > Häufig werden gleich unterschiedliche Graphen erstellt. Hier können Sie zwischen den verfügbaren Diagrammen für den ausgewählten Datensatz umschalten.
+2. **Graph & Legende**
+   > Das augewählte Diagramm. Sie finden hier den Titel des ausgewählten Datensatzes, die Legende und den erzeugten Graphen.
+3. **Y-Achse skalieren**
+   > Hier wählen Sie aus, ob die Y-Achse des Graphen von 0 an beginnt oder relativ zum kleinsten verfügbaren Wert.  
+   *Diese Funktion ist nur beim Liniendiagramm verfügbar.*
+4. **Y-Achse stapeln**
+    > Die Werte der Datensätze werden aufsummiert und farblich abgetrennt dargestellt.
+5. **Ergebnisverzeichnis**
+   > Das [Ergebnisverzeichnis](/cosi/manuals/020ergebnisverzeichnis.md) verwaltet die unterschiedlichen erstellten Graphen und erlaubt, sie als Bild oder gesammelt als zip-Datei herunterzuladen.
+___
+## Einrichtungen anlegen
+
+# Simulation
+### Werkzeuge des Simulationsmenüs
+___
+## Einrichtungen anlegen
+
+Sobald sie unter "Simulation" "Einrichtungen anlegen" auswählen, öffnet sich ein Fenster, in dessen oberem Bereich Sie den Szenario Manager finden. Bei der Funktion "Wohnungsbauquartiere anlegen" befindet sich der Szenario Manager an derselben Stelle.
+
+#### Szenario Manager
+![Abbildung 1: Szenario Manager](/cosi/manuals/009a_einrichtungenanlegen.PNG) 
+
+*Abb.a: Szenario Manager*  
+
+1. **Szenario Dropdown**
+   > Zeigt bisher erstellte Szenarien an.
+2. **Neues Szenario anlegen**
+   > Öffnet die Maske zur Erstellung eines weiteren
+Szenarios.
+3. **Szenario exportieren**
+   > Stellt einen Download des Szenarios zur Verfügung
+4. **Szenario Löschen**
+   > Löscht das ausgewählte Szenario. 
+5. **Szenario leeren**
+   > Löscht alle Veränderungen im Szenario. 
+6. **Thema auswählen**
+   > Dropdownmenü erlaubt die Auswahl aus den aktivierten Fachthemen.  
+  
+ *Sie **müssen** ein Thema aus den geladenen Fachdaten wählen. Sind keine Fachdaten ausgewählt, ist kein Szenario möglich. Wählen Sie mindestens ein Analysethema aus dem Themenbaum.*  
+
+![Abbildung 2: Einrichtungen anlegen](/cosi/manuals/009b_einrichtungenanlegen.PNG)  
+
+*Abb.b: Einrichtungen anlegen*  
+
+1. **Einrichtung kopieren**
+   > Erlaubt das Kopieren einer vorhandenen Einrichtung. 
+2. **Verschieben der Einrichtung**
+   > Erlaubt das Bewegen von Einrichtungen durch verschieben auf der Karte
+3. **Sichern/ Öffnen** 
+   > Ermöglicht geöffnet das Verschieben vorhandener Einrichtungen.
+4. **Rückgängig** 
+   > Stellt den vorherigen Zustand wieder her.
+5. **Geometrie** 
+   > Überträgt die Geometrie eines Punktes durch Klick auf der Karte.
+6. **Löschen**
+   > Entfernt vorhandene Geometrie.
+7. **Erforderliche Spalten**
+   > Notwendige Bedingung zur Erstellung einer simulierten Einrichtung.
+   7.1 **Kapitelbezeichnung**
+      > Art der ausgewählten Einrichtung.
+   7.2 **Name**
+      > Bezeichnung der jeweiligen Einrichtung, die erstellt werden soll.
+8. **Optionale Spalten**
+   > Können bei Bedarf ergänzt werden.
+9. **Anlegen**
+   > Erstellt die simulierte Einrichtung
+10. **Zurücksetzen**
+   > Setzt das Szenario zurück.
+
+#### Schrittweises Vorgehen
+Zur besseren Verständlichkeit des Werkzeugs wird im Folgenden Schritt für Schritt erläutert, wie erfolgreich eine neue Einrichtung angelegt werden kann.
+
+1. #### **Schritt 1:** Neues Szenario erstellen
+2. #### **Schritt 2:** Name für Szenario festlegen
+3. #### **Schritt 3:** Einrichtung definieren
+   1. Kopieren sie eine Einrichtung mit dem Pipetten-Symbol, indem Sie zuerst die Pipette anklicken und dann die zu kopierende Einrichtung in der Karte anwählen. Sie können Einrichtungen auch vollständig manuell anlegen, indem Sie die dazu erforderlichen Spalten selbst ausfüllen. 
+   2. Positionieren Sie die Einrichtung auf der Karte, indem Sie zunächst den "Ort wählen" Stift im Feld *Geometrie/ Ort* anklicken und dann einen Punkt auf der Karte anwählen. Alternativ können Sie die geometrischen Werte in das Feld Geometrie/Ort eintragen. 
+   3. *Erforderliche Spalten* werden durch das Kopieren einer Einrichtung per Pipette übernommen. Diese Spalten können jedoch manuell ergänzt oder verändert werden. 
+   4. *Optionale Spalten* werden automatisch durch das Kopieren einer Einrichtung übertragen, können aber auch manuell ergänzt oder ausgefüllt werden .
+4. #### **Schritt 4:** Einrichtung anlegen
+   > Schließen Sie die Erstellung ab, indem Sie den blauen Button "Neue Einrichtung Erstellen" klicken. Die neue Einrichtung erscheint als Icon in der Karte. Neue Einrichtungen werden durch ein farbiges Sternchen gekennzeichnet. 
+5. #### **Schritt 5:** Einrichtung bewegen
+   1. Zum Verschieben von Einrichtungen klicken Sie das Bewegen-Symbol. Nun klicken sie die Einrichtung, die Sie bewegen möchten. Ist diese aktiviert, vergrößert sich das Symbol und zeigt damit an, dass die Einrichtung nun beweglich ist. Ziehen sie die Einrichtung mit gedrückter linker Maustaste an den gewünschten Platz. 
+   2. Möchten Sie bestehende Einrichtungen aus dem Datensatz auf der Karte verschieben, dann lösen Sie durch einen Klick auf das Schloss die Sperre. Es erscheint eine Warnung:   
+   *"Achtung: Sie können jetzt auch echte Einrichtungen verschieben. Ihre Änderungen sind nur temporär und werden nach der Sitzung nicht gespeichert."*  
+
+Alle Analysen, die innerhalb eines Szenarios durchgeführt werden, berücksichtigen die Parameter der simulierten Einrichtungen.
+### Einrichtungen bearbeiten
+
+Haben Sie ein aktives Szenario können Sie sowohl selbst angelegte als auch bereits in den Daten vorhandene Einrichtungen bearbeiten. Sollten Sie kein Szenario angelegt haben und Sie klicken eine Einrichtung an, wird folgendes Popup angezeigt:
+
+![Abbildung 1: Bitte erstellen Sie ein Szenario](/cosi/manuals/010a_einrichtungenbearbeiten.PNG)
+
+*Abb.a: Bitte erstellen Sie ein Szenario.*
+
+Ein Szenario können Sie wie im [Szenario Manager](/cosi/manuals/009einrichtungenanlegen.md) beschrieben anlegen. Ist ein Szenario angelegt und Sie wählen per Mausklick eine Einrichtung an, erscheint folgendes Popup am unteren Bildschirmrand: 
+
+![Abbildung 2: Einrichtung bearbeiten](/cosi/manuals/010b_einrichtungenbearbeiten.PNG)
+
+*Abb.b: Einrichtung bearbeiten.*
+
+Wählen Sie hier den Button **BEARBEITEN** an. Daraufhin wird sich das folgende Fenster öffnen:
+
+![Abbildung 3: Einrichtung-Bearbeiten-Fenster](/cosi/manuals/010c_einrichtungenbearbeiten.PNG)
+
+*Abb.c: Fenster für das bearbeiten der Einrichtung.*
+
+1. **Eingaben sperren**
+   > Mit Hilfe dieses Buttons sperren Sie die Input-Felder des Fensters, so dass Sie nicht mehr bearbeitet werden können. Die Input-Felder sind standardmäßig gesperrt, so dass Sie diesen Button aktivieren müssen, ehe Sie eine vorhandene Einrichtung bearbeiten können. 
+2. **Inputfelder**
+   > Die verfügbaren Inputfelder für den Datensatz der ausgewählten Einrichtung. Die Inputfelder weichen je nach Einrichtung ab (Krankenhaus, Sportstätte, Schule etc.).
+3. **Änderungen speichern**
+   > Speichern Sie die Änderungen, die Sie an der Einrichtung vorgenommen haben.
+4. **Zurücksetzen**
+   > Setzen Sie alle Felder der Einrichtung auf Ihre ursprünglichen Werte zurück.
+5. **Abbrechen**
+   > Verwerfen Sie Ihre ungespeicherten Änderungen und schließen Sie dieses Fenster.
+
+**Hinweis:** Wenn auf der Karte Cluster von Einrichtungen angezeigt werden, weil in der aktuellen Zoomstufe nicht alle Einrichtungen dargestellt werden können, öffnet sich bei einem Klick auf das Clustersymbol folgendes Fenster:
+
+![Abbildung 4: Clusterauswahl](/cosi/manuals/010d_einrichtungenbearbeiten.PNG)
+
+*Abb.d: Clusterauswahl.*
+
+1. **Das angewählte Cluster (3)**
+   > Die Darstellung von Einrichtungen wird auf der Karte gebündelt, wenn zu viele Einrichtungen an einem Ort sind, wenn diese in der aktuellen Zoomstufe nicht dargestellt werden können. 
+2. **Auswahl**
+   > Alle im Cluster gebundenen Einrichtungen werden angezeigt, sobald Sie auf das Cluster klicken. Sie können dann in diesem Fenster eine Einrichtung auswählen, woraufhin sich das Fenster aus *Abbildung 3* öffnet.
+
+<div style="page-break-after: always;"></div>
+## Wohnungsbauquartiere anlegen 
+
+Durch das Erstellen eines Wohnbauquartiers können Sie Wohnungsbauszenarien durchspielen. Die erstellten Wohnungsbauquartiere stehen Ihnen für weitere Analysefunktionen zur Verfügung. Die Szenarien können exportiert und gespeichert werden.
+
+Sobald Sie über "Simulation" "Wohnungsquartiere anlegen" auswählen, öffnet sich ein Fenster, in dessen oberem Bereich Sie den Szenario Manager finden (s. Abbidlung 009a "Szenario Manager").
+
+![Abbildung a: Wohnungsbauquartiere anlegen](/cosi/manuals/011a_wohnquartiere.PNG)
+
+*Abb.a: Wohnungsbauquartiere anlegen*
+
+![Abbildung b: Wohnungsbauquartiere anlegen](/cosi/manuals/011b_wohnquartiere.PNG)  
+
+*Abb.b: Wohnungsbauquartiere anlegen*
+
+1. **Geometrie**
+   > Mithilfe des Stiftes kann ein Polygon in der Karte gezeichnet werden. 
+2. **Rückgängig**
+   > Entfernt die zuvor gezeichnete Linie.
+3. **Polygon in der Karte wählen**
+   > Ist der Button orange markiert, kann auch ein Polygon aus der Karte angewählt und übernommen werden.
+4. **Löschen**
+   > Löscht das erstellte Polygon.
+5. **Zurücksetzen**
+   > Entleert die Eingabemaske, um weitere Wohnungsbauquartiere zu erstellen.
+6. **Bearbeiten**
+   > Ermöglicht die Anpassung der regionalstatistischen Datensätze.
+7. **Anlegen**
+   > Bestätigt die Angaben und erstellt das simulierte Wohnungsbauquartier.
+
+#### **Die Parameter in den Feldern passen sich der gezeichneten Fläche an:**
+
+- **Grundfläche**
+   > Zeigt die Fläche des gezeichneten Polygons an. 
+- **Bewohnerzahl insgesamt**
+   > Zeigt die gesamte Einwohnerzahl entsprechend dem gewählten Polygon.
+   > Wenn verändert, passen sich **Wohneinheiten**, **Bevölkerungsdichte**, **BGF** und **GFZ** an.
+   > Berechnet sich dabei allgemein (je nach bewegtem Regler) als:
+   > *Wohneinheiten x Durchschnittliche Haushaltsgröße*
+- **Wohneinheiten**
+   > Schieberegler lässt sich auf die gewünschte Anzahl an Wohneinheiten regeln. 
+   > Wenn verändert, passen sich **Bewohner**, **Bevölkerungsdichte**, **BGF** und **GFZ** an.
+   > Berechnet sich dabei allgemein (je nach bewegtem Regler) als:
+   > *Bewohner / Durchschnittliche Haushaltsgröße*
+- **Bruttogeschossfläche (BGF)**
+   > Regelt die verfügbare Bruttogeschossfläche. 
+   > Wenn verändert, passen sich **GFZ**, **Bewohner**, **Bevölkerungsdichte** und **Wohneinheiten** an.
+   > Berechnet sich dabei allgemein (je nach bewegtem Regler) als:
+   > *Grundfläche x GFZ*
+- **Durchschnittliche Haushaltsgröße**
+   > Regelt die geplante Anzahl der Personen pro Wohneinheit.
+   > Wenn verändert, passen sich **BGF**, **Bevölkerungsdichte** und **Wohneinheiten** an.
+   > Berechnet sich dabei allgemein (je nach bewegtem Regler) als:
+   > *fester Wert*
+- **Geschossflächenzahl (GFZ)**
+   > Reguliert die Anzahl an Flächen auf der gezeichneten Grundfläche.
+   > Wenn verändert, passen sich **BGF**, **Bewohner**, **Bevölkerungsdichte** und **Wohneinheiten** an.
+   > Berechnet sich dabei allgemein (je nach bewegtem Regler) als:
+   > *BGF / Grundfläche*
+- **Bevölkerungsdichte**
+   > Wird aus dem Referenzgebiet übernommen, kann jedoch durch Anpassung anderer Parameter variieren. 
+   > Wenn verändert, passen sich **Bewohner**, **Wohneinheiten**, **BGF** und **GFZ** an. 
+   > Berechnet sich dabei allgemein (je nach bewegtem Regler) als:
+   > *Bewohner / Fläche*
+- **Wohnfläche pro Person**
+   > Reguliert die bereitgestellte Wohnfläche pro Kopf.
+   > Wenn verändert, passen sich **BGF**, **Bewohner**, **Bevölkerungsdichte** und **Wohneinheiten** an. 
+   > Berechnet sich dabei allgemein (je nach bewegtem Regler) als:
+   > *fester Wert*
+- **Verhältnis Wohnfläche/BGF**
+   > Gibt an von wieviel Prozent Wohnfläche anteilig an der Gesamtfläche ausgegangen wird. *Standardeinstellung: 0.8 bzw. 80%*
+
+#### Schrittweises Vorgehen
+Zur besseren Verständlichkeit des Werkzeugs wird im Folgenden einmal Schritt für Schritt erläutert, wie man erfolgreich selbst ein neues Wohnungsquartier anlegt.
+
+1. **Schritt 1:** Geben Sie einen Namen für das erstellte Wohnbauquartier ein 
+2. **Schritt 2:** Zeichnen Sie mit dem Zeichenstiftwerkzeug den Wohnblock an der gewünschten Fläche ein oder wählen Sie ein Polygon auf dem Kartenlayer aus. 
+3. **Schritt 3:** Parameter für das erstellte Quartier können per Schieberegler angepasst werden.
+4. **Schritt 4:** Wählen Sie ein Referenzgebiet für die Simulation der Zusammensetzung des Gebiets aus. 
+5. **Schritt 5:** Klicken Sie auf "Anlegen". Das Neue Wohnbauquartier erscheint nun als hervorgehobenes Polygon mit Angaben zur Fläche und Einwohnerzahl auf der Karte.  
+___
+## Dienste
+### Werkzeuge des Dienstemenüs
+___
+![Abbildung 22: Dienste](/cosi/manuals/012a_dienste.PNG)
+
+*Abb.a: Dropdown Dienste.*
+
+1. **Zeichnen/ Schreiben**
+2. **Karte drucken**
+   > Den aktuellen Kartenausschnitt inkl. aktiver Layer drucken.
+3. **Mousehover ein-/ ausschalten**
+   > Den Tooltip, der am Mauszeiger in der Karte eingeblendet wird (de-)aktivieren
+4. **[Geodaten Importieren](/cosi/manuals/013geodatenimportieren.md)**
+5. **WMS hinzufügen**
+   > Beliebige andere Kartendienste können aus dem FHH-Atlas oder anderen Quellen über die Webadresse (URL) des Dienstes eingebunden werden. Die URLs entnehmen Sie z.B. dem Metadatenkatalog der FHH oder dem Geoportal unter dem Info-Button im Themenbaum (s. Themenbaum).
+6. **[Sitzung speichen / laden](/cosi/manuals/014sitzungspeichern.md)**
+   > Die aktuelle Sitzung mit aktiven Daten, gewählten Gebieten und Filtern speichern. Sitzungen können im Browser gespeichert werden. Diese können beim Programmstart wieder aus dem Verlauf geladen werden.
+   Wenn Browserverlauf oder Cache geleert werden, geht dieser Speicherstand verloren! Es kann immer nur eine Sitzung parallel vorgehalten werden.   
+   Sitzungen als Datei auf dem Rechner speichern. Diese können jederzeit wieder geladen oder mit anderen CoSI Nutzer:innen geteilt werden.
+7. **[Vorlagen](/cosi/manuals/015vorlagen.md)**
+
+   >*Hinweis: Manuell hinzugefügte Kartendienste (WMS) und erstellte Berechnungen bleiben nicht erhalten. Das Speichern aller Arbeitsergebnisse ist Teil des aktuell laufenden Weiterentwicklungsprojekts.*
+
+<div style="page-break-after: always;"></div>
+## Geodaten Importieren
+___
+Mit diesem Werkzeug können Sie eigene Datensätze in Form von GeoJSONs hochladen und als Themenlayer einfügen, der anschließend visualisiert werden kann und dem alle weiteren Analysefunktionen von CoSI zur Verfügung stehen.   
+
+![Abbildung 1: Dateien importieren](/cosi/manuals/013a_geodatenimport.PNG)  
+*Abb.a: Dateien importieren.*   
+1. **Info**
+   > Über den Button finden Sie zu dieser Anleitung.
+2. **Upload per Drag And Drop**
+   > Ziehen Sie eine Datei per Drag and Drop in dieses Feld. Sie wird automatisch hochgeladen.
+3. **Datei auswählen**
+   > Mit einem Klick auf diesen Button öffen Sie den Dateibrowser Ihres Computers und können die hochzuladende Datei dort auswählen.
+4. **Projektionssystem auswählen**
+   > Geodaten sind in unterschiedlichen *Projektionssystemen* kodiert. Sollten Sie nach dem Upload feststellen, dass Ihre Daten an den falschen Orten visualisiert werden, überprüfen Sie bitte, in welchem Projektionssystem Ihre Datei kodiert ist und geben Sie die Kodierung bei einem erneuten Upload in diesem Auswahlfeld an.  
+  
+Sobald Ihre Datei hier hochgeladen wurde, erscheint ein neues Fenster mit Funktionen, um den Layer aus der Datei zu generieren.  
+
+![Abbildung 2: Geodaten Importieren, Layeroptionen festlegen](/cosi/manuals/013b_geodatenimport.PNG)  
+
+*Abb.b: Geodaten Importieren, Layeroptionen festlegen* 
+
+5. **Layername**
+   > Hier können Sie den Layer frei benennen. Standardmäßig wird der Name der hochgeladenen Datei verwendet.
+6. **[Styling](#styling)**
+7. **[Einrichtungsdaten](#einrichtungsdaten)**
+8. **[Filterdaten](#filterdaten)**
+9. **[Numerische Werte](#numerische-werte)**
+10. **Abbrechen/ Layer hinzufügen**
+   > Mit einem Klick auf den Button "Abbrechen" brechen Sie den Vorgang ab und schließen das Fenster. Mit einem Klick auf "Layer Hinzufügen" wird der Import abgeschlossen und mit Ihren Einstellungen für die Funktionen in CoSI bereitgestellt.
+
+#### Styling
+
+![Abbildung 3: Geodaten Importieren, Layerstyling](/cosi/manuals/013c_geodatenimport.PNG)  
+*Abb.c: Geodaten Importieren, Layerstyling*  
+
+- **6.1** Ein Icon auswählen, mit dem die jeweiligen Punkte visualisiert werden sollen. (Diese Option steht nicht zur Verfügung, wenn es sich bei denen von Ihnen hochgeladenen Geodaten um Polygone handelt).
+- **6.2** Mit dieser Checkbox legen Sie fest, ob alle Entitäten des Datensatzes mit derselben Farbe dargestellt werden sollen oder basierend auf einer ihrer Attribute farblich angepasst werden sollen. Aktivieren Sie diese Checkbox, bestimmen Sie das gewünschte Attribut bitte wie in 6.2.1 beschrieben.
+   - **6.2.1** Haben Sie die Checkbox "Farbe nach Attributen" aktiviert, erscheint dieses Auswahlfeld, in dem alle Attribute der Einträge Ihres Datensatzes aufgelistet werden. Bestimmen Sie hier bitte das Attribut, anhand dessen die Farben generiert werden sollen.
+   - **6.2.2** Sobald Sie in 6.2.1 ein Attribut ausgewählt haben, erscheint diese Checkbox, sofern es sich nicht um ein Attribut mit numerischen Werten handelt. Hier haben Sie die Option, Ihre Daten nicht auf Basis einer ausgewählten Farbe zu visualisieren, sondern gleichmäßig verteilt über ein Regenbogenfarbspektrum. Dies kann zur besseren Unterscheidung einzelner Punkte hilfreich sein. 
+- **6.3** Haben Sie weder "Farbe nach Attributen" ausgewählt bzw. bei "Farbe nach Attributen" nicht die Checkbox "Regenbogenfarbspektrum" aktiviert, können Sie hier eine Farbe bestimmen, auf deren Basis die Daten visualisiert werden. Ein Klick auf das farbige Viereck der Textbox öffnet das Farbauswahlfeld.
+
+#### Einrichtungsdaten
+![Abbildung 4: Geodaten Importieren, Einrichtungsdaten](/cosi/manuals/013d_geodatenimport.PNG)  
+*Abb.d: Geodaten Importieren, Einrichtungsdaten.*    
+
+   - **7.1** Hier wählen Sie aus allen Attributen der Einträge Ihrer hochgeladenen Datei das Attribut aus, welches einen eindeutigen, individuellen Namen des Eintrags enthält. Dies ist für bestimmte Funktionen von CoSI relevant. Sollte ein solches Attribut nicht existieren, lassen Sie es bitte einfach frei.
+   - **7.2** Hier wählen Sie aus allen Attributen der Einträge Ihrer hochgeladenen Datei ein Attribut aus, was den Typ des jeweiligen Eintrags am besten beschreibt. Handelt es sich bei Ihrem Datensatz beispielsweise um eine Reihe von unterschiedlichen Einrichtungen, könnte hier als Attribut eines gewählt werden, dass Werte wie "Kindergarten", "Krankenhaus" oder "Hotel" enthält.
+   - **7.3** Für die korrekte Darstellung in manchen Werkzeugen von CoSI ist eine vollständige Adresse hilfreich. Sofern ein Attribut mit dem Namen "Adress" oder "address" vorhanden ist, wird Ihnen dieser Teil der Funktionen nicht angezeigt. Sollte ein solches Attribut aber nicht existieren, können Sie aus bestimmten im Vorfeld automatisch erkannten Attributen wie "Straße" oder "plz" wählen. Sie können mehrere dieser Felder auswählen und so die Adresse entsprechend zusammenstellen.
+   - **7.4** Sollte keines der automatisch erkannten Attribute die korrekten Adressdaten enthalten, können Sie mit dem Button "Aus allen Objekteigenschaften wählen" alle Attribute anzeigen lassen, um daraus die Adresseigenschaften auszuwählen. Sollten in dem Datensatz keine entsprechenden Informationen hinterlegt sein, können Sie dieses Auswahlfeld ignorieren.
+
+#### Filterdaten
+![Abbildung 5: Geodaten Importieren, Filterdaten festlegen](/cosi/manuals/013e_geodatenimport.PNG)  
+*Abb.e: Geodaten Importieren, Filterdaten festlegen*  
+
+   - Unter CoSIs Werkzeugen finden Sie auch das Filterwerkzeug, mit denen Sie alle Datensätze nach bestimmten Kriterien filtern können. Bitte bestimmen Sie hier, welche der Attribute Ihrer Daten für den Filter verfügbar gemacht werden sollen.
+   - **8.1** Mit einem Klick auf diesen Button öffnet sich ein Auswahlfeld, mit Hilfe dessen Sie ein Attribut zur weißen Liste des Filters hinzufügen können.
+
+#### Numerische Werte
+![Abbildung 6: Geodarten Importieren, Numerische Werte festlegen](/cosi/manuals/013f_geodatenimport.PNG)  
+*Abb.f: Geodarten Importieren, Numerische Werte festlegen*  
+- Mit Hilfe des Werkzeugs [Versorgungsanalyse](/cosi/manuals/006versorgungsanalyse.md) können Sie unterschiedlichste Zahlwerte gegeneinander verrechnen. In diesem Bereich bestimmen Sie Attribute, die numerische Werte enthalten, die für die Versorgungsanalyse bereitgestellt werden sollen. Dies können alle sinnvoll quantitativ messbaren Werte sein, wie beispielswiese "Budget", "Einwohnerzahl", "Fläche" oder "Besuche pro Woche" etc.  
+
+   - **9.1** Für die bessere Visualisierung in einer späteren Tabelle können Sie hier dem numerischen Attribut einen sinnvollen Namen geben, sollte es nicht sinnvoll benannt sein. So könnten Sie beispielsweise "budget_21" in "Verfügbare Mittel 2021" umbenennen.
+   - **9.2** Hier sehen Sie die ID des Attributs und dahinter in Klammern einen Beispielwert aus dem ersten Eintrag.
+   - **9.3** Mit dieser Checkbox fügen Sie das Attribut zu den numerischen Werten hinzu. 
+### Sitzung Speichern / Laden 
+![Abbildung 1: Sitzung Speichern](/cosi/manuals/014_sitzungspeichern.PNG)
+*Abb.a: Sitzung speichern / laden*
+
+
+Mit dem Dienst **Sitzung speichern/laden** können aktuelle diverse Informationen der aktuellen Arbeitssitzung abgespeichert werden um diese zu einem späteren Zeitpunkt wieder öffnen und weiterbearbeiten zu können. Dies umfasst:
+
+- Die ausgewählte Verwaltungsebene und ausgewählte Gebiete
+- Aktive Fachdatenthemen 
+- Mit den [Simulationswerkzeugen](/cosi/manuals/009einrichtungenanlegen.md) erstellte Szenarien 
+- Ergebnisse und Konfigurationen der Werkzeuge [Erreichbarkeitsanalyse](/cosi/manuals/003erreichbarkeitsanalyse.md) und [Versorgungsanalyse](/cosi/manuals/006versorgungsanalyse.md)
+
+Die Funktion ist unter "Dienste", "Sitzung speichern/laden" zu finden.
+
+
+1. **Schnell speichern**
+   > Aktuelle Sitzung im Browser (z.B. Edge, Firefox) speichern. Diese können beim Start von CoSI über den Button **Letzte Laden** wieder geladen werden. Wenn Browserverlauf oder Cache geleert werden, geht dieser Speicherstand verloren! Es kann immer nur eine Sitzung vorgehalten werden.
+2. **Letzte laden**
+   > Letzte im Browser gespeicherte Sitzung aus dem Cache laden
+3. **Letzte löschen**
+   > Letzte Sitzung aus dem Cache löschen
+4. **Speichern unter**
+   > Eine Sitzung benennen und als Datei auf dem Rechner speichern und über den Button **Datei laden** wieder laden. Diese können jederzeit wieder geladen oder mit anderen CoSI Nutzer:innen geteilt werden. 
+   
+   *Expertentipp: Die Sitzungen können mit jedem Texteditor geöffnet und als JSON-Datei bearbeitet werden.*
+5. **Datei laden**
+   > Sitzung aus lokaler Datei öffnen
+6. **Automatisches Speichern (10min)**
+   > Wenn aktiv wird die aktuelle Sitzung im Modus **Schnell speichern** alle 10min im Hintergrund gespeichert und kann über **Letzte laden** wiederhergestellt werden.
+### Vorlagen
+![Abbildung 1: Vorlagen](/cosi/manuals/015a_vorlagen.png)
+
+*Abb.a: Vorlagen Übersicht.*
+
+![Abbildung 1: Vorlagen](/cosi/manuals/015b_vorlagen.png)
+*Abb.b: Vorlagen aufgeklappte Ansicht.*
+
+Über den Dienst **Vorlagen** können Vorlagen zu verschieden Themenkomplexen und Arbeitsfeldern geladen werden. Diese können Fachdatenthemen, aktive Werkzeuge und eine Gebietsauswahl beinhalten. Die verfügbaren Vorlagen und ihr Inhalt werden von den Fachbehörden in Koordination mit dem CoSI-Betriebsteam gepflegt.
+
+   > Zu den Vorlagen gelangen Sie über die Gebietsauswahl. Wenn das entsprechende Gebiet ausgewählt ist, finden Sie unter Dienste, die Option Vorlagen. Hier können Sie nun alle weiteren Optionen für die Vorlagen auswählen.
+
+1. **Liste aller Vorlagen (zum Aufklappen)**
+   > - Bildunsgeinrichtungen in Hamburg
+   > - Bildungseinrichtungen in Bergedorf
+   > - Erhaltungsmanagement Spielplätze
+   > - Sozialraumprofil
+
+2. **Inhaltsübersicht einer Vorlage**
+   > - Titel
+   > - Stand (Datum)
+   > - Beschreibung
+   > - Fachdatenthemen
+   > - Aktiver Bezugsrahmen (Verwaltungsebene)
+   > - Ausgewählte Gebiete
+3. **optionale Gebietsauswahl**
+   > Wenn keine Bezugrahmen/Gebiete definiert sind, können diese händisch im Vorfeld oder nach dem Laden ausgewählt werden. Die Inhalte werden dann für die aktive Gebietsauswahl geladen.
+4. **Vorlage laden**
+   > Die ausgewählte Vorlage laden.
+
+
+___
+
+# Dashboard
+___
+
+### Statistische Datenübersicht
+
+In der statistischen Datenübersicht können tabellarisch Informationen zu den statistischen Daten der ausgewählten Gebiete (**Statistische Datenübersicht**) angezeigt, ausgewertet und exportiert werden.
+
+  > Um zur statistischen Datenübersicht zu gelangen, wählen Sie im Dashboard den Punkt "statistische Datenübersicht" aus. 
+  
+![Abbildung 27: Statistische Datenübersicht](/cosi/manuals/016a_statistischedatenuebersicht.png)
+*Abb.: Statistische Datenübersicht 1*
+
+![Abbildung 29: Statistische Datenübersicht](/cosi/manuals/016b_statistischedatenuebersicht.png)
+*Abb.: Statistische Datenübersicht 2*
+
+
+
+1. **Gruppen ein-/ausklappen**
+   > Thematische Gruppen (vgl. [Regionalstatistische Daten](/cosi/manuals/019kartenvisualisierung.md)) über das **+** ein- und ausklappen.
+2. **Aktionen**
+   > - [Dreistrich-Menü](#dreistrich-menü) aufklappen
+   > - Visualisierung ein- / ausschalten: Schaltet die Visualisierung des ausgewählten Indikators zum aktuell gewählten Jahr in der Karte ein/aus
+   > - Jahre ein- / ausklappen: Klappt die Tabellenzeile auf um alle Jahre der Zeitreihe darzustellen.
+3. **Jahr auswählen**
+   > Aktuelles Jahr für die Darstellung in Tabelle und Karte auswählen.
+4. **Spalte verschieben**
+   > Mit den Pfeilen links/rechts die Spalte verschieben. Die Trennstriche grenzen die Verwaltungsebenen voneinander ab
+5. **Spalte ein-/ausblenden**
+   > Mit dem Auge kann eine Spalte aus- und eingeblendet werden, um die Tabelle übersichtlicher zu gestalten. Ausgeblendete Spalten werden für Exporte und Diagramme nicht berücksichtigt.
+6. **Aggregationsspalten**
+   > Die letzten zwei Spalten zeigen standardmäßig Durchschnitts- und Gesamtwert für die **ausgewählten Gebiete** (wie in der Karte dargestellt, nur die ausgewählte Verwaltungsebene). Für relative (anteilige) Indikatoren können keine Aggregationen berechnet werden, da der Bezugsrahmen nicht klar ist.
+7. **Spalte auswählen**
+   > Spalten für Export und Diagramm-Erstellung auswählen. Ist keine Spalte ausgewählt werden alle verwendet.
+8. **Zeile auswählen**
+   > Zeilen für Export und Diagramm-Erstellung auswählen. Ist keine Spalte ausgewählt werden alle für den Export bzw. nur die aktuelle für die Diagramme verwendet.
+9. **Trendpfeil**
+   > Der Trendpfeil zeigt das extrapolierte Wachstum für den nächsten Zeitschritt (in % im Tooltip) an. Für die Abschätzung werden die Steigungen der letzten 5 Zeitschritte, gewichtet nach Aktualität, herangezogen. Die Darstellung erhebt **keinen Anspruch** auf Genauigkeit und berücksichtigt keine anderen Werte über die aktuelle Zeitreihe hinaus.
+   
+10. **Themenfilter**
+      > Über den Filter können beliebige Indikatoren (sortiert nach Gruppen) für die Darstellung und den Export ausgewählt werden. Die Liste kann im Freitext durchsucht werden.
+11. **Tabelle exportieren**
+      > Die aktuelle Auswahl (Spalten, Zeilen, Jahre) als XLSX für Excel exportieren. Über das Auswahlfeld *alle Jahre exportieren* kann die gesamte Zeitreihe für die ausgewählten Spalten und Zeilen exportiert werden. Ist keine Spalte oder Zeile ausgewählt werden alle verwendet.
+12. **Kartenvisualisierung**
+      > Die Darstellung in der Karte entspricht der des Kontrollfeldes [Kartenanalyse regionalstatistischer Daten](/cosi/manuals/kartenvisualisierung.md).
+
+#### Dreistrich Menü
+![Abbildung 28: Statistische Datenübersicht - Dreistrich-menü](/cosi/manuals/016c_statdashboard_burgermenu.PNG)
+*Abb.: Statistische Datenübersicht - Dreistrich-Menü.*
+
+1. **Visualisierung ein-/ausschalten**
+   > Thematische Gruppen
+2. **Zeitreihe in der Karte animieren**
+   > *Funktioniert nur bei aktiver Kartenvisualisierung*
+3. **Gebietsnamen ein-/ausblenden**
+   > *Funktioniert nur bei aktiver Kartenvisualisierung*
+4. **Für Feld A auswählen**
+   > Selektiert das Thema als **Feld A** für Berechnungen und Korrelation (siehe 7, 8, 9, 10, 12)
+5. **Für Feld B auswählen**
+   > Selektiert das Thema als **Feld B** für Berechnungen und Korrelation (siehe 7, 8, 9, 10, 12)
+6. **Auswahl aufheben**
+   > Setzt die Felder **A** und **B** zurück
+7. **Addieren**
+   > Addiert die Werte für **A** und **B** für jede Gebietsspalte und fügt das Ergebnis der Tabelle an. Der neue Datensatz kann ebenfalls in der Karte visualisiert und in anderen Werkzeugen verwendet werden.
+8. **Subtrahieren**
+   > Analog zu **Addieren**, subtrahiert **A** - **B**.
+9. **Multiplizieren**
+   > Analog zu **Addieren**, multipliziert **A** x **B**.
+10. **Dividieren**
+      > Analog zu **Addieren**, dividiert **A** / **B**.
+11. **Diagramme erzeugen**
+      > Erzeugt Diagramme für den ausgewählten Indikator im [Graphenvisualisierung](/cosi/manuals/008graphenvisualisierung.md) (analog zu [Kartenanalyse regionalstatistischer Daten](/cosi/manuals/019kartenvisualisierung.md)). Visualisiert alle ausgewählten Spalten (s. [Statistische Datenübersicht](/cosi/manuals/016statistischedatenuebersicht.md)).
+12. **Korrelations- / Streuungsdiagramm**
+      > Visualisiert ein Streuungsdiagramm für die Felder **A** (Y-Achse) über **B** (X-Achse) im [Graphenvisualisierung](/cosi/manuals/008graphenvisualisierung.md) und berechnet die Korrelation (Pearson) zwischen den Datensätzen und zeichet eine Regressionsgerade.
+### Einrichtungsübersicht
+   > Um zur Einrichtungsübersicht zu gelangen, muss zunächst ein beliebiger Stadtteil oder Bezirk ausgewählt werden. Als nächtes unter dem Bereich Themen die gewünschten Themen oder Fachdaten auswählen (z.B. Bildung und Wissenschaft). Im Dashboard unter Einrichtungsübersicht können Sie dann mit der Analyse Ihrer Einrichtung beginnen.
+   
+![Abbildung 1: Einrichtungsübersicht](/cosi/manuals/017a_einrichtungsuebersicht.PNG)
+*Abb.a: Einrichtungsübersicht.*
+
+1. **Detailansicht ein-/ausklappen**
+   > Über den Pfeil können *alle* Attribute einer Einrichtung aufgeklappt werden. Die einzelnen Zeilen der Detailansicht können für den weiteren Export ausgewählt werden.
+2. **Einrichtung auswählen**
+   > Einrichtungen für den Export auswählen. Ausgewählte Einrichtungen werden in der Karte visuell hervorgehoben.
+   *Wenn Sie die Einrichtung ausgewählt haben und unter **12** einen Fachdatensatz zur Auswertung ausgewählt haben, werden diese ebenfalls auf der Karte angezeigt. (s. Abbildung 2)*
+   ![Abbildung 2: Fachdaten zur Auswertung auf der Karte](/cosi/manuals/017b_einrichtungsuebersicht.PNG)
+*Abb.b: Weitere Fachdaten auf der Karte.*
+3. **Einrichtung fokussieren**
+   > Durch einen Klick auf das Symbol der Einrichtung zoomt die Karte zu den gewählten Einrichtungen. Die Einrichtungen werden dann in der Karte visuell hervorgehoben.
+4. **Einrichtung ein-/ausblenden**
+   > Einrichtungen können in der Karte ein- und ausgeschaltet werden. Indem auf das "Augen"-Symbol neben dem Richtungssymbol geklickt wird. Ausgeschaltete Einrichtungen werden bei allen anderen CoSI-Funktionen nicht berücksichtigt.
+5. **Einrichtungsattribute**
+   > - Einrichtungsname, Adresse, Layer, Typ und Thema werden dem Datensatz direkt entnommen
+   > - Die Gebietszuweisung wird dynamisch für die aktuelle Verwaltungsebene generiert
+   > - Symbole zeigen an, wenn eine Einrichtung simuliert oder modifiziert wurde.
+6. **Einträge sortieren**
+   > Alle Spalten können, durch mehrmaliges Klicken auf die Kopfzeile, neben dem Namen (z.B. Einrichtung) auf- und absteigend sortiert werden (alphabetisch oder nach Wert). Dabei kann für max. 2 Spalten erfolgen (z.B. 1. nach Typ und 2. nach numerischem Wert).
+7. **Numerische Attribute**
+   > Alle Attribute einer Einrichtung, die Zahlwerte abbilden (welche auch für die [Versorgungsanalyse](/cosi/manuals/006versorgungsanalyse.md) verwendet werden können) werden in einer eigenen Spalte dargestellt. Die Farbe des Balkens richtet sich dabei nach dem Dezil des Wertes in der Liste aller Einrichtungen. Die Länge des Balkens ist proportional zum Höchstwert.
+8. **Durchschnittliche Anbindung (in m)**
+   > Die Anbindungsspalte zeigt die durchschnittliche Laufdistanz (in m) zu den jeweils nächstgelegenen Einrichtungen der ausgewählten Typen. Durch einen Klick auf den Wert kann die entsprechende Aufschlüsselung geöffnet werden (s. 12.).
+9.  **Such- und Filterfunktionen**
+      > Hier können Sie die Liste nach Themen filtern oder im Freitext die Einrichtungen durchsuchen.
+10. **Einrichtungsdiagramme erstellen**
+      > Erzeugt für alle verfügbaren Datenspalten ein Balkendiagramm mit den Werten der jeweiligen Einrichtungen und ihre Verteilung über die ausgewählten Gebiete.
+      - **10.1 Layer zusammenziehen**
+         > Wenn Sie diese Checkbox aktivieren, werden bei "Einrichtungsdiagramme erstellen"  Einrichtungen unterschiedlichen Typs zusammengezogen, wenn sie identische Attribute haben. *Beispiel: Wenn Sie Supermärkte und Drogerien ausgewählt haben, teilen sich beide das Attribut "Verkaufsfläche in m² und werden dementsprechend im Graphen zusammen dargestellt".*
+      - **10.2 Graphenvisualisierung als PNG oder Zip**
+         > Die Graphenvisualisierung kann als PNG oder Zip heruntergeladen werden. Die entsprechenden Buttons befinden sich unterhalb der Graphenvisualisierung.
+11. **Tabelle exportieren**
+      > Die ausgewählten Einträge als XLSX für Excel exportieren. Über das Auswahlfeld *Detailansicht exportieren* können alle bzw. in der Detailansicht ausgewählte Attribute eines Einrichtungstyps exportiert werden. Ist keine Auswahl getroffen, werden alle Einrichtungen exportiert.
+12. **Standortbewertung: Themenauswahl**
+      > Erlaubt die Auswahl beliebiger weiterer Fachdatenthemen für eine Standortbewertung. Bei Fachdaten, welche Punkte oder Flächen in der Karte repräsentieren (i.d.R. Einrichtungen) wird der Ort des Typs gefunden, welcher jeder Einrichtung in der Tabelle am nächsten ist und die Laufdistanz in Metern angegeben. Bei der Auswahl mehrerer Themen wird ein gewichteter Mittelwert gebildet (s. 8./13.). Andere Themen, z.B. Lärmkarte, Luftqualität, etc. für die Bewertung befinden sich im Aufbau.
+13. **Standortbewertung: Gewichtung**
+      > Erlaubt die Gewichtung der Themen für die Standortbewertung. Ein Thema mit Wert 0,5 wird somit nur halb so stark in den Mittelwert einbezogen, wie eines mit dem Wert 1.
+14. **Standortvisualisierung für alle ausgewählten**
+      > Erstellt ein Balkendiagramm mit der Aufschlüsselung für alle ausgewählten Einrichtungen. Wenn Sie mehr als zwei Fachdatensätze für die Auswertung (s. 12) ausgewählt haben, dann wird ein Radardiagramm generiert. Wenn Sie keine Einrichtungen ausgewählt haben, werden *alle* verfügbaren Einrichtungen in das Diagramm mit einbezogen.
+15. **Histogramm**
+      > Erzeugt ein Histogramm, dass die Verteilung der ausgewählten Einrichtungen abbildet.
+## Gebietsauswahl
+___
+Als erster Arbeitsschritt in CoSI muss grundsätzlich eine Gebietsauswahl für das zu betrachtende Planungsgebiet getroffen werden.  Die Gebietsauswahl können sie entweder im Bezugsrahmen der Bezirke, der Stadtteile oder der statistischen Gebiete treffen. 
+
+Wenn Sie Ihren Bezugsrahmen ändern möchten, könnten Sie dies unter "Gebiete auswählen" tun.
+
+![Abbildung 1: Gebietsauswahl](/cosi/manuals/018a_gebietsauswahl.png)
+
+
+*Abb.a: Das Werkzeug "Gebiet auswählen".*  
+
+1. **Bezugsrahmen wählen**
+   > Über ein Dropdown Menü können **"Bezirke"**, **"Stadtteile"** oder **"Statistische Gebiete"** ausgewählt werden – dies legt die Verwaltungseinheit fest, für die die statistischen Daten angezeigt und Auswertungen erstellt werden sollen. Alle Funktionen sind auf den jeweiligen Gebietsebenen verfügbar. Die Zahl der verfügbaren Indikatoren kann jedoch variieren. Der Bezugsrahmen bestimmt auch die zu ladenden übergeordneten Referenzgebiete: Stadtteile für stat. Gebiete, Bezirke für Stadtteile.
+2. **Gebiete aus- und abwählen**
+    - Die einzelnen Verwaltungseinheiten (statistisches Gebiet oder Stadtteil) anklicken (nochmaliges Klicken deaktiviert die Auswahl wieder), die Grenzen werden blau markiert. 
+    - Auf dem Stift rechts neben "Auswahl zurücksetzen" klicken. Es wird ein Zeichentool aktiviert; damit können Nutzer:innen ein Rechteck über das Auswahlgebiet ziehen um dieses auszuwählen.
+    - Beide vorher beschriebenen Möglichkeiten sind auch miteinander kombinierbar, wobei die Reihenfolge unerheblich ist. Die Nutzer:innen können also zuerst einzelne Verwaltungseinheiten auswählen und dann das Zeichentool aktivieren, um damit weitere Verwaltungseinheiten hinzuzuschalten oder auch andersherum vorgehen.
+3. **Puffer festlegen**
+   > Es kann ein Pufferradius in Metern festgelegt werden. Für den werden ausgewählte Fachdaten um das Planungsgebiet herum angezeig. Dies berücksichtigt die Tatsache, dass das Einzugsgebiet von einer Einrichtung nicht unbedingt übereinstimmt mit den Gebietsgrenzen der Verwaltungseinheit innerhalb derer sich die Einrichtung befindet. Die Analysefunktionen werden davon nicht beeinflusst.
+4. **Auswahl bestätigen**
+   > Lädt die Daten für das ausgewählte Planungsgebiet vom Server und legt den Bereich für die anzuzeigenden Fachdaten fest. Auch eine leere Auswahl kann bestätigt werden. Dann werden keine bevölkerungsstatistischen Daten geladen und Fachdaten für den gesamten Stadtbereich angezeigt. (s. unten).
+5. **Auswahl zurücksetzen**
+   > Setzt das aktuelle Planungsgebiet zurück. Im direkten Anschluss kann ein neues Planungsgebiet zusammengestellt und bestätigt werden.
+6. **Auswahlrechteck zeichnen**
+   > Ein Startpunkt wird gesetzt und ein Rechteck bis zum Endpunkt über das relevante Gebiet gezogen. Alle Verwaltungseinheiten, die innerhalb des Rechtecks oder an den Linien des Rechtecks liegen, werden in das Planungsgebiet aufgenommen.
+7. **Zusätzliche Hilfsebenen ein/- ausblenden**
+   > Mithilfe der Checkbox können zusätzliche Layer zur Orientierung ein- und ausgeblendet werden. Der Layer kann ebenfalls über den Themenbaum ein- und ausgeschaltet werden. Zu den Hilfsebenen gehören aktuell die "Sozialräume" und die "RISE Fördergebiete".
+
+Das festgelegte Planungsgebiet kann jederzeit angepasst werden:  
+
+   - Das Gebiet kann *erweitert* werden: sowohl per Klick als auch per Zeichentool.
+   - Das Gebiet kann *verkleinert* werden: per Klick können markierte Verwaltungseinheiten wieder abgewählt werden.
+   - Das Gebiet kann komplett zurückgesetzt werden: per Klick auf "Auswahl zurücksetzen".
+
+Es muss nicht in jedem Nutzungskontext immer ein Planungsgebiet als erstes festgelegt werden; bestimmte Analysetools wie z.B. die [Erreichbarkeitsanalyse](/cosi/manuals/003erreichbarkeitsanalyse.md) und [Vergleichbare Gebiete](/cosi/manuals/004vergleichbaregebieteermitteln.md) können verwendet werden ohne dass vorher ein Gebiet festgelegt wird.  
+
+Für solche Fälle gelten folgende Hinweise:  
+
+   - Es werden keine Datensätze geladen, d.h. eine Anzeige der regionalstatistischen Daten ist nicht möglich. Auch werden keine regionalstatistischen Daten im Dashboard angezeigt.
+   - Beim Zuschalten von Themen aus den Fachdaten könnte der Ladevorgang länger dauern.
+   - Möglicherweise funktioniert die [Erreichbarkeitsanalyse](/cosi/manuals/003erreichbarkeitsanalyse.md) für eine sehr große Zahl von Einrichtungen nicht zuverlässig.
+## Kartenanalyse regionalstatistischer Daten
+___
+Grundlage aller CoSI-Analysefunktionen sind neben den Fachdaten-Layern die Datensätze der StaNord-Datenbank, welche für die verschiedenen Verwaltungseinheiten als Zeitreihen vorliegen. Diese können für das ausgewählte Planungsgebiet direkt und dynamisch in der Karte visualisiert werden. Die *Farbskalierung und Legende* werden hierbei *dynamisch* aus der Auswahl generiert. Es wird immer der *aktuellste Datensatz* dargestellt.
+Das Werkzeug zur Visualisierung regionalstatistischer Daten ermöglicht die Auswahl von regionalstatistischen Datensätzen, die für die ausgewählten Bezirke verfügbar sind. Es kann nur verwendet werden, wenn bereits Gebiete über das Gebietsauswahlwerkzeug ausgewählt wurden.
+Das Werkzeug kann die ausgewählten Datensätze auf der Karte visualisieren und generiert eine dynamische Legende. Des Weiteren können Datensätze für mehrere Jahre ausgewählt und auf Wunsch in hintereinander laufender Folge animiert werden.  
+
+
+![Abbildung 1: Fenster zur Kartenanalyse statistischer Daten](/cosi/manuals/019a_kartenvisualisierung.png)  
+
+*Abb.a: Fenster zur Kartenanalyse statistischer Daten.*  
+
+1.	**Werkzeug minimieren/ maximieren**  
+   > Über den Button kann das Fenster des Werkzeugs minimiert bzw. wieder maximiert werden.
+2.	**Daten auf Karte visualisieren**  
+   > Über den Button kann die Kartenvisualisierung der regionalstatistischen Daten ein- und wieder ausgeblendet werden.
+3.	**Vor/ Zurück**  
+   > Mit den Vor- und Zurückbuttons können die regionalstatistischen Datensätze fließend durchgeschaltet werden.
+4.	**Jahresauswahl**  
+   > Hier können Sie das Jahr auswählen, für den der regionalstatistische Datensatz visualisiert wird. Standardmäßig ist das aktuellste, verfügbare Jahr ausgewählt.
+5.	**Referenzjahr auswählen**  
+   > Hier können Sie ein Vergleichsjahr auswählen. Die prozentuale Differenz zum ersten, ausgewählten Jahr wird dann ebenfalls auf der Karte eingeblendet.
+6.	**Auswahlfeld für die verfügbaren regionalstatistischen Datensätze**     
+   > Erlaubt es, die relevanten regionalstatistischen Datensätze für die ausgewählten Gebiete und den Bezugsmaßstab durchzuschalten und diese mit Farbskala auf der Karte darzustellen. Die Auswahl zeigt immer die neuesten verfügbaren Daten.
+7.	**Legende**  
+   > Die Legende für die farbliche Visualisierung der Karte. Wenn Sie mit der Maus über einen der Marker hovern, wird der Wert des zugehörigen, ausgewählten Gebiets angezeigt. Rechts und links werden der niedrigste und der höchste Wert noch einmal zusätzlich dargestellt.
+8.	**Info**  
+   > Über den Button öffnen Sie diese Anleitung.
+9.	**Playbutton**  
+   > Mit dem Play-Button starten Sie die Animation der Datensätze über alle verfügbaren Jahre. In dem danebenstehenden Feld können Sie einen Wert eintragen, der angibt, wie schnell die einzelnen Animationsschritte durchlaufen werden (in Sekunden).
+10. **Daten als Chart visualisieren**  
+   > Lädt die verfügbaren regionalstatistischen Daten der ausgewählten Gebiete in das Visualisierungs-Werkzeug und erzeugt dort einen Graphen.
+11. **Gebietsnamen ein-/ ausblenden**  
+   > Über den Button können Sie die Namen der ausgewählten Gebiete auf der Karte ein- und wieder ausblenden.
+12. **Hilfsbutton**  
+### Ergebnisverzeichnis
+Das Ergebnisverzeichnis unterstützt in einigen Werkzeugen die Verwaltung mehrerer Datensätze. Die zugrunde liegenden Funktionen sind aber standardisiert und werden im Folgenden näher erläutert. 
+  
+
+
+![Ergebnisverzeichnis des Werkzeugs "Vergleichbare Gebiete ermitteln"](/cosi/manuals/020a_ergebnisverzeichnis.png)
+
+*Abb.a: Ergebnisverzeichnis des Werkzeugs "Vergleichbare Gebiete ermitteln"*
+  
+1. **Direktanwahl eines Datensatzes**
+   > Wählen Sie direkt den Datensatz mit dem jeweiligen Index an. Sie können hier auch ablesen, wieviele Datensätze sie aktuell in dem jeweiligen Werkzeug haben.
+2. **Vor/ Zurück**
+   > Durch Klicken auf einen der Pfeile wird der nächste/ vorherige Datensatz ausgewählt.
+3. **Neuen Datensatz hinzufügen** 
+   > Je nach Werkzeug wird diese Funktion nicht immer genutzt, sollte der Button aber vorhanden sein, können Sie mit seiner Hilfe einen neuen Datensatz anlegen..
+4. **Export**
+   > Mit diesem Button können Sie die Ergebnisse des jeweiligen Datensatzes exportieren und speichern. Es können mehrere dieser Buttons existieren, wenn mehrere Formate zum Export angegeben werden.
+5. **Alle exportieren**
+   > Sie führen die Exportfunktion für alle Datensätze durch. Sollten mehrere Dateitypen angeboten werden, werden alle heruntergeladen. Eventuell müssen Sie in ihrem Browser den Download für mehrere Dateien genehmigen.
+6. **Datensatz entfernen**
+   > Mit diesem Button löschen Sie einen Datensatz und alle dazugehörigen Ergebnisse.
+7. **Alle entfernen**
+   > Mit diesem Button entfernen Sie alle Datensätze und setzen das Werkzeug zurück.
+### Manuelle Flächenauswahl für Fachdaten
+Mit Hilfe dieses Werkzeuges können Sie ein Polygon auf der Karte zeichnen, innerhalb dessen Fachdaten angezeigt werden. Einrichtungen oder andere Fachdatenmarker, die außerhalb dieses Polygons liegen, werden ausgeblendet.
+
+![Abb.: Manuelle Flächenauswahl](/cosi/manuals/021a_manuelleflaechenauswahl.png) 
+
+*Abb.a: Manuelle Flächenauswahl*
+
+1. **Polygon zeichnen**
+   > Klicken Sie auf diesen Button, um ein neues Polygon auf der Karte zu zeichnen.
+2. **Eingabe löschen**
+   > Löscht die bestehende Flächenauswahl und zeigt alle Fachdaten wieder an.
+3. **Einwohnerabfrage**
+   > Für die aktuelle Flächenauswahl eine [Einwohnerabfrage](/cosi/manuals/002einwohnerabfrage) durchführen.  
+4. **Ergebnisdarstellung auf der Karte**
+## Auswahlmanager
+
+...## Flächen Stylen
+
+Mit Hilfe dieser Funktion können Sie Flächen, z.B. Gebäudegrundrisse, auf der Karte datenabhängig einfärben. Aktuell geht dies mit den Datensätzen Flurstücke, Nutzung, Gebäude und Wärmebedarf. Sie finden sich unter Fachdaten-Analyse/Simulation, Umwelt.
+
+Wählen Sie dazu ein Gebiet und z.B. den Datensatz Gebäude.
+
+![Abb. 1](/cosi/manuals/023a_flächenstylen.png)
+*Abb.a: Gebietsauswahl mit Gebäuden in Standard-Darstellung*
+
+Starten Sie die Funktion Flächen Stylen im Menü Analyse.
+
+![Abb. 2](/cosi/manuals/023b_flächenstylen.png)
+*Abb.b: Flächen Stylen – Datenauswahl*
+
+1. **Thema auswählen**
+
+> Klicken sie auf Themenauswahl und haken den gewünschten Datensatz an, hier: Gebäude.
+
+![Abb. 3](/cosi/manuals/023c_flächenstylen.png)
+*Abb.c: Flächen Stylen – Farbeinstellungen*
+
+1. **Daten auswählen**
+
+> Wählen sie die Daten aus, auf deren Basis die Flächen eingefärbt werden sollen, hier: Anzahl Geschosse.
+
+2. **Farbeinstellungen starten**
+
+> Klicken Sie auf das Stiftsymbol, um die Farbeinstellungen zu starten oder auch, um später Farbeinstellungen zu ändern oder zu ergänzen.
+
+![Abb. 4](/cosi/manuals/023d_flächenstylen.png)
+*Abb.d: Flächen Stylen – Farbeinstellungen*
+
+1. **Farben zuweisen**
+
+> Wählen sie den Farbkreis aus, dessen Farbe sie wählen möchten. Sie können Füllfarbe und Umrissfarbe festlegen.
+
+2. **Farben zurücksetzen**
+
+> Mit der Schaltfläche Zurücksetzen werden alle Farbzuweisungen gelöscht.
+
+3. **Zuletzt gesetzte Farben verwerfen**
+
+> Mit der Schaltfläche Abbrechen verwerfen sie Änderungen, die sie seit dem letzten Aufruf des Dialogs Farbeinstellungen gemacht haben, und verlassen den Dialog.
+
+4. **Änderungen bestätigen**
+
+>Bestätigen Sie gewollte Änderungen mit der Schaltfläche Übernehmen. Sie verlassen den Dialog und die neuen Farben werden angezeigt.
+
+![Abb. 5](/cosi/manuals/023e_flächenstylen.png)
+*Abb.e: Flächen Stylen – Farbauswahl*
+
+Sie haben verschiedene Möglichkeiten, die Farbe einzustellen:
+
+1. **Helligkeit wählen**
+
+> Klicken sie an gewünschter Position in das Rechteck, um die Helligkeit der unten gewählten Farbe einzustellen.
+
+2. **Farbe einstellen**
+
+> Ziehen Sie den Slider, um die Farbe einstellen.
+
+3. **Transparenz einstellen**
+
+> Ziehen Sie den Slider, um die Transparenz einzustellen
+
+4. **Farbe numerisch vorgeben**
+
+> Tragen sie Zahlenwerte von 0 bis 255 in die Felder für Rot (R), Grün (G) Blau (B) und 0 bis 1 in das Feld für die Transparenz (A) ein oder setzen Sie den Cursor in eines der Felder und ändern den Wert mit den Aufwärts- oder Abwärtspfeilen.
+
+5. **Mischfarbe auswählen**
+
+> Wählen sie eine der voreingestellten Mischfarben aus.
+
+6. **Abschluss des Dialogs**
+
+> Sie Übernehmen bzw. verwerfen Ihre Änderungen mit Klick auf die entsprechende Schaltfläche.
+
+Die letzte Farbeinstellung wird bei der nächsten Farbzuweisung wieder angezeigt, führen sie gleiche Farbzuweisungen daher am besten nacheinander aus.
diff --git a/cosi/manuals/erreichbarkeitsanalyse.md b/cosi/manuals/erreichbarkeitsanalyse.md
new file mode 100644
index 000000000..db39604d3
--- /dev/null
+++ b/cosi/manuals/erreichbarkeitsanalyse.md
@@ -0,0 +1,111 @@
+### Erreichbarkeitsanalyse
+Die "Erreichbarkeitsanalyse" erreichen Sie über den Bereich "Analyse". 
+Eine Erreichbarkeitsanalyse kann auf drei Arten durchgeführt werden:  
+1. [Ab einem Referenzpunkt](#markdown-header-erreichbarkeit-ab-einem-Referenzpunkt)
+2. Ab einer ausgewählten Einrichtung
+3. [Im Planungsgebiet](#markdown-header-erreichbarkeit-im-gebiet) 
+4. [Entlang einer Route](#markdown-header-erreichbarkeit-entlang-einer-route)
+
+Der Modus der Analyse kann im Dropdown Menü ausgewählt werden.
+
+**Wichtige Informationen:**
+Dieses Werkzeug wurde realisiert unter Verwendung von OpenRouteService, einem Dienst, der von der *Heidelberg Institute for Geoinformation Technology* entwickelt wird. Der verwendete Dienst wird vom *Bundesamt für Kartografie und Geodäsie (BKG)* bereitgestellt und betrieben.
+Die Verwendung ist gedeckt durch die Creative Commons Lizenz CC BY 4.0.
+Weitere Informationen finden Sie unter:  
+https://heigit.org/de/ortsbasierte-dienste-und-navigation/  
+https://openrouteservice.org/services/
+
+Die Vollständige Dokumentation des OpenRouteService inkl. aller Annahmen über Modalitätsprofile und Routenparameter finden Sie unter:
+https://giscience.github.io/openrouteservice/documentation/Documentation.html
+
+Die Annahmen über einzelne Straßen und Wege können i.d.R. über die [OpenStreetMap](https://www.openstreetmap.org/#map=14/53.5492/9.9901) direkt ausgelesen oder in dringlichen Fällen beim BKG angefragt werden.
+
+#### Erreichbarkeit ab einem Referenzpunkt
+Zeigt ein Gebiet an, welches von einem ausgewählten Punkt auf der Karte innerhalb einer festgelegten Entfernung erreichbar ist. Die Entfernung kann in Zeit oder in Metern angegeben werden. Die Erreichbarkeit wird abhängig vom Verkehrsmittel berechnet. Die Polygone werden automatisch angepasst, wenn das Verkehrsmittel oder andere Parameter geändert werden.  
+  
+Das Modul kann verwendet werden, ohne vorherige Gebietsauswahl.
+  
+
+
+![Abbildung 1: Erreichbarkeit ab einem Referenzpunkt](https://user-images.githubusercontent.com/43250699/157067677-5f5db4a7-498a-45b2-8c06-6f2ea5ed6cbf.png)
+
+*Abb.: Erreichbarkeit ab einem Referenzpunkt.*
+  
+1. **Auswahl des Modus**
+   > Art der Einrichtungsanalyse. Ab einem Referenzpunkt, entlang einer Route oder Erreichbarkeit der gewählten Einrichtungen im Gebiet.
+2. **Referenzpunkt setzen**
+   > Durch Klicken auf der Karte wird der Punkt gesetzt, von dem aus berechnet wird.
+3. **Verkehrsmittel festlegen** 
+   > Das Verkehrsmittel wird ausgewählt aus einer Liste. Folgende Verkehrsmittel stehen aktuell zur Verfügung: Auto, Rad, Gehen, Rollstuhl / Kinderwagen.
+4. **Maßeinheit der Entfernung festlegen**
+   > Festlegen, ob die Entfernung in Minuten oder in Metern angegeben wird
+5. **Entfernung**
+   > Entfernung in zuvor festgelegter Maßeinheit (Minuten oder Metern) angeben
+6. **Berechnen**
+   > Berechnet die Erreichbarkeit vom Punkt. Es werden nur noch Fachdaten angezeigt, die innerhalb der Erreichbarkeit liegen. Gilt auch für die Einrichtungsübersicht und alle anderen Werkzeuge.
+7. **Ergebnis ausblenden**
+   > Die Ergebnisdarstellung auf der Karte wird ausgeblendet. Alle Fachdaten außerhalb der Isochronen werden wieder eingeblendet.
+8. **Einwohnerabfrage**
+   > (s. Einwohnerabfrage)
+9.  **Legende & Isochronen**
+   > Eine Legende wird eingeblendet. Sie wird dynamisch für die Anfrage generiert und zeigt drei gleichmäßig verteilte Entfernungswerte. Höchstwert ist der zuvor eingegebene Wert für die Entfernung. Die Isochronen (Polygone) in der Karte sind entsprechend der Legende eingefärbt. Sie zeigen das vom Referenzpunkt aus erreichbare Gebiet abhängig von den zuvor eingegebenen Parametern. Ist "Verkehrsfluss berücksichtigen" ausgewählt, wird das theoretische Maximum bei freier Fahrt als gestrichelte Linie angezeigt.
+11. **Ergebnisverzeichnis**
+   > Sie können mehrere Erreichbarkeitsanalysen erstellen, die über das sog. [Ergebnisverzeichnis](/cosi/manuals/ergebnisverzeichnis.md) verwaltet werden.
+
+*Für **Tageszeit**, **Verkehrsfluss berücksichtigen**, und **Von Flächenaußengrenzen berechnen** siehe im folgenden "Erreichbarkeit im Gebiet"*
+
+#### Erreichbarkeit ab einer ausgewählten Einrichtung
+
+Diese Analyse wird genauso hergestellt, wie ab einem Referenzpunkt. Nur wird hier statt einem Referenzpunkt auf der Karte eine Einrichtung auf der Karte angeklickt.
+
+#### Erreichbarkeit im Gebiet
+Zeigt die Abdeckung und Erreichbarkeit von einer zuvor festgelegten Einrichtungsart (im Beispiel Krankenhäuser) in dem festgelegten Einzugsbereich (Planungsgebiet). Der Einzugsbereich ist die Entfernung von der jeweiligen Einrichtung und kann in Zeit oder in Metern angegeben werden. Die Erreichbarkeit ist abhängig von dem festgelegten Verkehrsmittel.
+
+![Abbildung 2: Erreichbarkeit ausgewählter Einrichtungen im Gebiet](https://user-images.githubusercontent.com/43250699/157067851-a2c165c4-894c-4b3f-80a9-4bc626516771.png)
+
+*Abb.: Erreichbarkeit ausgewählter Einrichtungen im Gebiet.*
+
+1. **Auswahl des Modus**
+   > Art der Einrichtungsanalyse. Ab einem Referenzpunkt, entlang einer Route oder Erreichbarkeit der gewählten Einrichtungen im Gebiet.
+2. **Thema auswählen**
+   > Damit dieses Modul verwendet werden kann muss mindestens ein Thema aktiv sein.
+3. **Verkehrsmittel festlegen**
+   > Das Verkehrsmittel wird ausgewählt aus einer Liste. Folgende Verkehrsmittel stehen aktuell zur Verfügung: Auto, Rad, Gehen, Rollstuhl.
+4. **Maßeinheit der Entfernung festlegen**
+   > Festlegen, ob die Entfernung in Minuten oder in Metern angegeben wird.
+5. **Entfernung**
+   > Entfernung in zuvor festgelegter Maßeinheit (Minuten oder Metern) angeben.
+6. **Tageszeit**
+   > Wenn Sie als Verkehrsmittel "Auto" ausgewählt haben, können Sie hier die Tageszeit auswählen, zu der Sie die Erreichbarkeit planen wollen. Die Funktion ist nur verfügbar, wenn "Verkehrsfluss berücksichtigen" aktiv ist. Dieser *Reisezeitindex* beschreibt die Veränderung der Reisezeiten zu verschiedenen Tageszeiten gegenüber einem normierten freien Verkehrsfluss (d.h. ein Reisezeitindex von 1,3 entspricht einer Verlängerung der Reisezeiten bzw. einer Verkürzung der zurückgelegten Strecke um 30%). Die Daten wurden von der Firma INRIX erhoben und beziehen sich, aggregiert für das gesamte Stadtgebiet für die Straßenklassen 2, 3 und 4 (Bundesstraßen, Kreisstraßen, Gemeindestraßen), auf das Jahr 2020. **Der Reisezeitindex bezieht sich ausschließlich auf den Kfz-Verkehr.**
+7. **Verkehrsfluss berücksichtigen**
+   > Wählen Sie aus, ob Sie den Verkehrsfluss berücksichtigen wollen oder nicht. 
+8. **Von Flächenaußengrenzen ermitteln**
+   > Wenn Sie einen Datensatz ausgewählt haben, wie bspw. "Grünflächen" oder ähnliches, dann wird die Erreichbarkeitsanalyse von der Außengrenze dieser Fläche durchgeführt.
+9. **Berechnen**
+10. **Ergebnis ausblenden** 
+11. **Legende & Isochronen**
+    > Eine Legende wird eingeblendet. Sie wird dynamisch für die Anfrage generiert und zeigt drei gleichmäßig verteilte Entfernungswerte. Höchstwert ist der zuvor eingegebene Wert für die Entfernung. Die Isochronen (Polygone) in der Karte sind entsprechend der Legende eingefärbt. Sie zeigen die vom den Einrichtungen aus erreichbaren Gebiete abhängig von den zuvor eingegebenen Parametern. Ist "Verkehrsfluss berücksichtigen" ausgewählt, wird das theoretische Maximum bei freier Fahrt als gestrichelte Linie angezeigt.
+12. **Ergebnisverzeichnis**
+   > Sie können mehrere Erreichbarkeitsanalysen erstellen, die über das sog. [Ergebnisverzeichnis](/cosi/manuals/ergebnisverzeichnis.md) verwaltet werden.
+
+   ### Erreichbarkeit entlang einer Route
+Wenn Sie im Routing-Tool eine Route erstellt haben, können Sie die Erreichbarkeit in einem bestimmten Umkreis um die Route herum berechnen lassen.
+  
+Das Modul kann ohne vorherige Gebietsauswahl verwendet werden.
+![Abbildung 3: Erreichbarkeit entlang einer Route](https://user-images.githubusercontent.com/43250699/159470252-067117b3-b8a3-481d-b007-113e7a0477c8.png)
+
+*Abb.: Erreichbarkeit entlang einer Route.*
+1. **Auswahl des Modus**
+   > Art der Einrichtungsanalyse. Ab einem Referenzpunkt, entlang einer Route oder Erreichbarkeit der gewählten Einrichtungen im Gebiet. Beachten Sie, dass Sie die Erreichbarkeit entlang einer Route nur auswählen können, wenn Sie im Vorfeld im Routing-Tool eine Route angelegt haben.
+2. **Route auswählen**
+   > Die im Routing-Tool aktive Route wird automatisch ausgewählt.
+3. **Vorgegebene Felder**
+   > Sie können bei der Erreichbarkeitsanalyse anhand einer Route kein Verkehrsmittel auswählen und somit auch nicht, ob die Entfernung in Metern oder Minuten berechnet werden soll. Es wird immer die Entfernung in Metern (Luftlinie) zur Berechnung herangezogen.
+4. **Entfernung**
+   > Entfernung in Metern angeben.
+5. **Berechnen**
+6. **Ergebnis ausblenden** 
+7. **Legende und Isochronen**
+   > Eine Legende wird eingeblendet. Sie wird dynamisch für die Anfrage generiert und zeigt drei gleichmäßig verteilte Entfernungswerte. Höchstwert ist der zuvor eingegebene Wert für die Entfernung. Die Isochronen (Polygone) in der Karte sind entsprechend der Legende eingefärbt. Sie zeigen das um die Route herum erreichbare Gebiet abhängig von den zuvor eingegebenen Parametern.
+8. **Ergebnisverzeichnis**
+   > Sie können mehrere Erreichbarkeitsanalysen erstellen, die über das sog. [Ergebnisverzeichnis](/cosi/manuals/ergebnisverzeichnis.md) verwaltet werden.
diff --git a/cosi/manuals/manuals_kombinieren.sh b/cosi/manuals/manuals_kombinieren.sh
index d43ac857a..020d7f329 100644
--- a/cosi/manuals/manuals_kombinieren.sh
+++ b/cosi/manuals/manuals_kombinieren.sh
@@ -1 +1,3 @@
-cat *.md > ../manuals_komplett.md
\ No newline at end of file
+rm -f MANUAL.md
+cat *.md > ../MANUAL.md
+mv ../MANUAL.md ./MANUAL.md
\ No newline at end of file
diff --git a/cosi/manuals_komplett.md b/cosi/manuals/manuals_komplett.md
similarity index 54%
rename from cosi/manuals_komplett.md
rename to cosi/manuals/manuals_komplett.md
index c2fc67c1d..3f6bd82b5 100644
--- a/cosi/manuals_komplett.md
+++ b/cosi/manuals/manuals_komplett.md
@@ -1,215 +1,303 @@
-# CoSI - Funktionshandbuch
-----
+# **CoSI** 
+## Cockpit Städtische Infrastrukturen
+#### GIS + datenbasierte Analyse- und Planungstools in der Hamburger Stadtverwaltung
+___
+![CoSI Logo](/cosi/manuals/cosi_logo_jf.png)
 
-Hier finden sie Beschreibungen zu allen CoSI nach Funktionen (alphabetisch).
+___
 
+### Nutzerhandbuch
 
-### Manuelle Flächenauswahl für Fachdaten
-Mit Hilfe dieses Werkzeuges können Sie ein Polygon auf der Karte zeichnen, innerhalb dessen Fachdaten angezeigt werden. Einrichtungen oder andere Fachdatenmarker, die außerhalb dieses Polygons liegen, werden ausgeblendet. 
-> Um die Manuelle Flächenauswahl nutzen zu können, wählen Sie hier zunächst *Analyse* und infolge dessen *Manuelle Flächenauswahl*.
+**3. Phase**   
+**Version 1.3.0**  
 
-![Abbildung 4: Manuelle Flächenauswahl](https://github.com/AlexandraKanapki/cosi/blob/COSI-handbuch/cosi/manuals/manuelle%20flaechenauswahl.png?raw=true)
+<div style="page-break-after: always;"></div>
 
-*Abbildung 4: Manuelle Flächenauswahl*
+___
+### Projektmitarbeiter und -mitarbeiterinnen CoSI I bis III
+___
 
-1. **Polygon zeichnen**
-   > Klicken Sie auf diesesn Button, um ein neues Polygon auf der Karte zu zeichnen.
-2. **Eingabe löschen**
-   > Löschte die bestehende Flächenauswahl und zeigt alle Fachdaten wieder an.
-3. **Einwohnerabfrage**
-   > Für die aktuelle Flächenauswahl eine [Einwohnerabfrage](./einwohnerabfrage.md) durchführen.  
-4. **Ergebnisdarstellung auf der Karte**
-## Auswahlmanager
+- Alexandra Knapke, HafenCity Universität Hamburg
+- Antje Widmayer, BA Hamburg-Nord
+- Bertram Hillmann, a3rtgm GbR
+- Christian Bähnisch, HiTec e.V.
+- Daniel Schulz, HafenCity Universität Hamburg
+- Dennis Rupnow, HiTec e.V.
+- Feng Feng, LGV Hamburg
+- Gabriela Gabbert, BA Hamburg-Nord
+- Prof. Dr. Gesa Ziemer, HafenCity Universität Hamburg
+- Hendrik Landgrebe, BA Hamburg-Nord
+- Ingo Bruns, BA Hamburg-Nord
+- Jannes Süpke, Senatskanzlei Hamburg, ITD
+- Johanna Fischer, HafenCity Universität Hamburg
+- Nicola Stradtmann, HafenCity Universität Hamburg
+- Nihal Hegde, HafenCity Universität Hamburg
+- Ogeigha Koroyin, HiTec e.V. 
+- Paul Linnow, HafenCity Universität Hamburg
+- Peter Duensing, Senatskanzlei Hamburg, ITD
+- Sebastian Duden, LGV Hamburg
+- Yuxiang Zhang, HafenCity Universität Hamburg  
+
+
+### Stand
+09/23
+
+### Keywords
+GIS, Dashboard, Data Driven Urban Planning, Social Infrastructure, Urban Data Platform, Data Visualization, Planning Support Tools, Demand Driven Decision Making  
+
+<div style="page-break-after: always;"></div>
 
-...### DIPAS
-Mit dem DIPAS Werkzeug können alle Beiträge aus laufenden DIPAS Verfahren in der Karte visualisiert, nach verschiedenen Kriterien dargestellt und für alle CoSI-Werkzeuge verfügbar gemacht werden. D.h. alle Beiträge können in der [Einrichtungsübersicht](./einrichtungsuebersicht.md) angezeigt, für [Versorgungsanalyse](./versorgungsanalyse.md), [Erreichbarkeitsanalyse](./erreichbarkeitsanalyse.md) und [Vergleichbare Gebiete Ermitteln](./vergleichbaregebieteermitteln.md) verwendet und mit dem [Filter](./filter.md) gefiltert werden. Über "Analyse" erreichen Sie "Dipas".
+___
+## Zusammenfassung
+___
 
+Bei der Planung städtischer und sozialer Infrastruktur sind Entscheidungsprozesse in der öffentlichen Verwaltung häufig durch langwierige Verfahren und eine fragmentierte Datengrundlage charakterisiert. D.h. Bedarfe werden teilweise  spät erkannt, oder die Konkretisierung der Planung verzögert sich durch das aufwendige Beschaffen von strukturierten Informationen.\
+Das vorliegende Handbuch beschreibt das *Cockpit Städtische Infrastrukturen* für Hamburg als digitales Analyse- und Planungswerkzeug, welches mithilfe eines leicht zugänglichen User-Interface statistische und georeferenzierte Daten bündelt, visualisiert und integriert, um Planungsbedarfe zu identifizieren und Planungsprozesse zu beschleunigen.  
+  
+Dazu wurden die durch die *Urban Data Platform* der Stadt Hamburg aufgebauten Datenbankstrukturen und die Funktionalität des Masterportals genutzt, um eine kartenbasierte Webapplikation zu etablieren, welche den Quartiersplanenden der Stadt eine Reihe von Analysefunktionen zur Verfügung stellt, um auf der Verwaltungsebene der statistischen Gebiete soziodemographische Zusammenhänge zu identifizieren, Trends zu erkennen sowie Verhältnisse zwischen dem existierenden Infrastrukturangebot und den relevanten Zielgruppen zu ermitteln. Das Werkzeug soll im Folgenden helfen, Standorte und Potentiale für die Entwicklung von Infrastruktur zu finden. Die Ergebnisse dieser Analysen können direkt aus CoSI heraus visualisiert und als Entscheidungs- und Diskussionsgrundlage verwendet werden. Der Workflow folgt dabei einer dreistufigen Logik von der *Visualisierung* von Daten, über die *Analyse*, also der kontextuellen Verknüpfung von Information, bis zur *Simulation* von Maßnahmen und Ableitung ihrer  Auswirkungen.  
+  
+Um die technischen und inhaltlichen Anforderungen des Initialisierungs-Projekts aufzustellen, wurden im Vorfeld ab Sommer 2018 eine Reihe von Stakeholder- und Userstory-Workshops mit den Mitgliedern der Hamburger Verwaltung auf verschiedenen Ebenen durchgeführt. 
 
-![Abbildung 1: DIPAS](https://user-images.githubusercontent.com/43250699/159553679-c957f150-298f-476a-83ea-73ee854f5f61.png)
+CoSI wurde dann von Juni 2019 bis September 2023 in den Projekten CoSI I bis III in einem agilen Verfahren, basierend auf der SCRUM-Methode, durch ein interdisziplinäres Team der HCU Hamburg und des LGV Hamburg entwickelt. Nutzerinnen und Nutzer waren dabei von Beginn an über die AG CoSI einbezogen und konnten den jeweils neuesten Entwicklungsstand im Arbeitsalltag evaluieren, so dass aktuelle Anforderungen an Funktionen und Daten fortlaufend in die Planung der Sprints eingegangen sind. Ab Mitte 2020 wurde das Verfahren in den Produktivbetrieb überführt. Seitdem steht allen berechtigt interessierten Mitarbeiterinnen und Mitarbeitern innerhalb der FHH – im Sommer 2023 waren es über 1500 - eine fortlaufend aktualisierte Produktivversion von CoSI zur Verfügung. 
 
-*Abbildung 1: DIPAS*
+Datenbedarfe aus der AG CoSI und von den Nutzenden der Produktivversion werden fortlaufend erfasst und an den Urban Data Hub des LGV übergeben, Datenverantwortliche lokalisiert und die Datenbestände unter Berücksichtigung potenzieller Datenschutzrichtlinien öffentlich oder FHH-intern über die Urban Data Platform (UDP) zur Verfügung gestellt.
+Es werden auch Integrationsmöglichkeiten für das Tool in die tägliche Arbeit von Behörden und Fachämtern eruiert. Die CoSI-Projekte haben diese Informationen gebündelt, in Workshops mit der AG CoSI und Anwendenden vertiefte Funktionskonzepte erarbeitet und diese in den Themenbereichen Visualisierung, Analyse und Simulation integriert. So wurde ein Planungs-, Kollaborations- und Kommunikationstool entwickelt, welches konzeptuell auf viele weitere Themenbereiche angewendet werden kann.
 
-1. **Beteiligungsverfahren auswählen**
-   > Für jedes Verfahren aus der DIPAS-Datenbank wird automatisch eine Registerkarte angelegt, welche durchs Anklicken aufgeklappt werden kann. Ein aufgeklapptes Verfahren zeigt dessen Beschreibungstext und die Kontrollfelder für die Visualisierung. Jedem Verfahren wid dabei eine zufällige Farbe zugewiesen.
-2. **Indikator**
-   > Das Icon in dem Indikator zeigt zum einen die Farbe an, in dem der jeweilige Datensatz visualisiert wird. Zum Anderen zeigt es, ob der Datensatz gerade auf der Karte angezeigt wird.
-3. **Legende**
-   > Die Legende zeigt an, welche Farbe den Eintragstypen in der Visualisierung zugeordnet wird.
-4. **Verfahren in der Karte anzeigen**
-   > Zeigt das Verfahrensgebiet als Polygon in der Karte in der jeweiligen Farbe des Verfahrens.
-   - **4.1 Auf der Karte anzeigen**
-      > Die Kartenansicht fokussiert auf das jeweilige Verfahrensgebiet.
-5. **Einzelne Beiträge in der Karte anzeigen**
-   > Zeigt alle Einzelbeiträge des Verfahrens in der Karte. Das Styling der Beiträge kann unter (s. 5) festgelegt werden.
-6. **Heatmap in der Karte anzeigen** 
-   > Zeigt eine Heatmap der Beiträge in der Karte. Das Gewicht eines Punktes richtet sich dabei nach der Gesamtzahl der Bewertungen des Beitrags, also der Stärke der Resonanz auf ihn.
-7. **Styling der Beiträge wählen**
-   * *Die Inhalte können nach verschiedenen Schwerpunkten dargestellt werden:*
-   > - nach Projekt: Alle Beiträge werden gleichmäßig in der Projektfarbe dargestellt.
-   > - nach Kategorien im Projektfarbraum: Jede Kategorie wird in einer Schattierung der Projektfarbe dargestellt.
-   > - nach Kategorien im Regenbogenspektrum: Jeder Kategorie wird eine zufällig Farbe zugewiesen.
-   > - nach Bewertung: Die Beiträge werden abhängig von den positiven- und negativen-Bewertungen dargestellt. Die Größe des Punktes richtet sich dabei nach der Gesamtzahl der Reaktionen, die Farbe nach dem Verhältnis von positiven (grün) und negativen (rot) Bewertungen.
-8. **Download als GeoJson**
-   > Die aktuell aktiven DIPAS Datensätze werden als GeoJson heruntergeladen.
-9. **Automatisches Update**
-   > Wenn diese Checkbox aktiviert ist, werden die DIPAS Daten ggf. live aktualisiert.
-10. **Beiträge in der Karte**
-      > Alle Beiträge werden mit Ihrer ID (einer fortlaufenden Nummer) in der Karte dargestellt.
-## Einrichtungen anlegen
-___
-Sobald sie unter "Simulation" "Einrichtungen anlegen" auswählen, öffnet sich ein Fenster, in dessen oberem Bereich Sie den Szenario Manager finden. Bei der Funktion "Wohnungsbauquartiere anlegen" befindet sich der Szenario Manager an derselben Stelle.
+Diese Weiterentwicklung von CoSI und den zu Grunde liegenden Datenbeständen im Urban Data Portal in enger Zusammenarbeit mit den Nutzenden soll auch nach den Projekten CoSI I bis III fortgeführt werden. Dazu ist im Lebenslagenmanagement der BWFGB eine moderne fachliche Leitstelle geplant.
+  
+<div style="page-break-after: always;"></div>
 
-#### Szenario Manager
-![Abbildung 1: Szenario Manager](https://user-images.githubusercontent.com/43250699/143022435-622e8032-e0da-4b5e-bd0c-9e33aa07de2c.png) 
-*Abbildung 1: Szenario Manager*  
+___
+## Inhalt
+___
+- CoSI: Cockpit Städtische Infrakstrukturen
+  - [Datenmodell und Infrastruktur](#-datenmodell-und-infrastruktur)
+  - [Module](#module)
+   - [Themen (Layer)](#themen-layer)
+   - [Analyse] (#analyse)
+      - [Einwohnerabfrage](#einwohnerabfrage)
+      - [Erreichbarkeitsanalyse](#erreichbarkeitsanalyse)
+         - [Erreichbarkeit ab einem Referenzpunkt](#erreichbarkeit-ab-einem-referenzpunkt)
+         - [Erreichbarkeit im Gebiet](#erreichbarkeit-im-gebiet)
+         - [Erreichbarkeit entlang einer Route](#erreichbarkeit-entlang-einer-route)
+      - [Vergleichbare Gebiete ermitteln](#4vergleichbare-gebiete-ermitteln)
+      - [Filter](#filter)
+      - [Versorgungsanalyse](#versorgungsanalyse)
+      - [DIPAS](#dipas)
+      - [Graphenvisualisierung](#graphenvisualisierung)
+    - [Simulation] (#simulation)
+      - [Einrichtungen anlegen](#einrichtungen-anlegen)
+      - [Einrichtungen bearbeiten](#einrichtungen-bearbeiten)
+      - [Wohnungsbauquartiere anlegen](#wohnquartiere-anlegen)
+    - [Dienste](#dienste)
+      - [Geodaten Importieren](#geodaten-importieren)
+      - [Sitzung Speichern/Laden](#sitzung-speichernladen)
+      - [Vorlagen](#vorlagen)
+    - Dashboard
+      - [Statistische Datenübersicht](#statistische-datenuebersicht)
+      - [Einrichtungsübersicht](#einrichtungsuebersicht)
+    - [Gebietsauswahl](#gebietsauswahl)
+    - [Kartenanalyse regionalstatistischer Daten](#kartenanalyse-regionalstatistischer-daten)
+    - [Ergebnisverzeichnis](#ergebnisverzeichnis)
+    - [Manuelle Flächenauswahl](#manuelleflaechenauswahl)
+    - [Auswahlmanager](#auswahlmanager)
+    - [Flächen stylen](#flaechen-stylen)
+
+<div style="page-break-after: always;"></div>
 
-1. **Scenario Dropdown**
-   > Zeigt bisher erstellte Szenarien an.
-2. **Neues Szenario anlegen**
-   > Öffnet die Maske zur Erstellung eines weiteren
-Szenarios.
-3. **Szenario exportieren**
-   > Stellt einen Download des Szenarios zur Verfügung
-4. **Szenario Löschen**
-   > Löscht das ausgewählte Szenario. 
-5. **Szenario leeren**
-   > Löscht alle Veränderungen im Szenario. 
-6. **Thema auswählen**
-   > Dropdownmenü erlaubt die Auswahl aus den aktivierten Fachthemen.  
+___
+## Datenmodell und Infrastruktur
+___
   
- *Sie **müssen** ein Thema aus den geladenen Fachdaten wählen. Sind keine Fachdaten ausgewählt, ist kein Szenario möglich. Wählen Sie mindestens ein Analysethema aus dem Themenbaum.*  
+CoSI ermöglicht ganz ähnlich wie der FHH-Atlas auch die Anzeige verschiedener Fachdaten unterschiedlicher Behörden und Ämter in der Karte, wie z.B. dem digitalen Grünplan (BUKEA) oder den Öffentlichen Schulen (BSB).
 
-![Abbildung 2: Einrichtungen anlegen](https://user-images.githubusercontent.com/43250699/143023574-324b2275-eea7-4926-bf3d-07c2f21124e1.png)  
-*Abbildung 2: Einrichtungen anlegen*  
+![Vgl_FHH_Atlas](/cosi/manuals/001a_Vgl_FHH_Atlas.png)
 
-1. **Einrichtung kopieren**
-   > Erlaubt den Upload eines gespeicherten Szenarios. 
-2. **Verschieben der Einrichtung**
-   > Erlaubt das Bewegen von Einrichtungen durch verschieben auf der Karte
-3. **Sichern/ Öffnen** 
-   > Ermöglicht geöffnet das Verschieben vorhandener Einrichtungen.
-4. **Rückgängig** 
-   > Stellt den vorherigen Zustand wieder her.
-5. **Geometrie** 
-   > Überträgt die Geometrie eines Punktes durch Klick auf der Karte.
-6. **Löschen**
-   > Entfernt vorhandene Geometrie.
-7. **Erforderliche Spalten**
-   > Notwendige Bedingung zur Erstellung einer simulierten Einrichtung.
-8. **Kapitelbezeichnung**
-9. **Name**
-10. **Optionale Spalten**
-   > Können bei Bedarf ergänzt werden.
-11. **Anlegen**
-   > Erstellt die simulierte Einrichtung
-12. **Zurücksetzen**
-   > Setzt das Szenario zurück.
+*Abb. a: Anzeige von Themen auf der Karte wie im FHH-Atlas.*
 
-#### Schrittweises Vorgehen
-Zur besseren Verständlichkeit des Werkzeugs wird im Folgenden einmal Schritt für Schritt erläutert, wie man erfolgreich selbst eine neue Einrichtung anlegt.
+Als wesentliche Erweiterung können zudem regionalstatistische Daten des Statistikamts Nord für statistische Gebiete, Stadtteile, Bezirke oder ganz Hamburg angezeigt werden.
 
-1. #### **Schritt 1:** Neues Szenario erstellen
-2. #### **Schritt 2:** Name für Szenario festlegen
-3. #### **Schritt 3:** Einrichtung definieren
-   1. Kopieren sie eine Einrichtung mit dem Pipetten-Symbol, indem sie zuerst die Pipette anklicken und dann die zu kopierende Einrichtung in der Karte anwählen. Sie können Einrichtungen auch vollständig manuell anlegen, indem Sie die dazu erforderlichen Spalten selbst ausfüllen. 
-   2. Positionieren sie die Einrichtung auf der Karte, indem sie zunächst den "Ort wählen" Stift im Feld *Geometrie/ Ort* anklicken und dann einen Punkt auf der Karte anwählen. Alternativ können Sie die geometrischen Werte in das Feld Geometrie/Ort eintragen. 
-   3. *Erforderliche Spalten* werden durch das Kopieren einer Einrichtung per Pipette übernommen. Diese Spalten können jedoch manuell ergänzt oder verändert werden. 
-   4. *Optionale Spalten* werden automatisch durch das Kopieren einer Einrichtung übertragen können aber auch manuell ergänzt oder ausgefüllt werden .
-4. #### **Schritt 4:** Einrichtung anlegen
-   > Schließen sie die Erstellung ab, indem Sie den blauen Button "Neue Einrichtung Erstellen" klicken. Die neue Einrichtung erscheint als Icon in der Karte. Neue Einrichtungen werden durch ein farbiges Sternchen gekennzeichnet. 
-5. #### **Schritt 5:** Einrichtung bewegen
-   1. Zum Verschieben von Einrichtungen klicken sie das Bewegen-Symbol. Nun klicken sie die Einrichtung, die Sie bewegen möchten. Ist diese angeklickt, vergrößert sich das Symbol und zeigt damit an, dass die Einrichtung nun beweglich ist. Ziehen sie die Einrichtung mit gedrückter linker Maustaste an den gewünschten Platz. 
-   2. Möchten sie bestehende Einrichtungen aus dem Datensatz auf der Karte verschieben, dann lösen Sie durch einen Klick auf das Schloss die Sperre. Es erscheint eine Warnung:   
-   *"Achtung: Sie können jetzt auch echte Einrichtungen verschieben. Ihre Änderungen sind nur temporär und werden nach der Sitzung nicht gespeichert."*  
+![stat_daten-anzeige](/cosi/manuals/001b_stat_daten-anzeige.png)
 
-Alle Analysen, die innerhalb eines Szenarios durchgeführt werden, berücksichtigen die Parameter der simulierten Einrichtungen.
-### Einrichtungen bearbeiten
+*Abb. b: Anzeige statistischer Daten auf der Karte und im Dashboard.*
 
-Sie können sowohl selbst angelegte als auch bereits in den Daten vorhandene Einrichtungen bearbeiten, sobald Sie ein aktives Szenario haben. Sollten Sie kein Szenario angelegt haben und Sie klicken eine Einrichtung an, wird folgendes Popup angezeigt:
+Die Daten werden aber nicht nur in Karte und Tabelle nebeneinander dargestellt, sondern können mit CoSIs Analysefunktionen analysiert und in Beziehung gesetzt werden, indem z.B. ein sozialräumliches Angebot wie Spielplätze, gemessen als Spielplatzfläche in Quadratmetern, mit dem Bedarf der Bevölkerung, gemessen als Anzahl der Kinder z.B. unter 6 Jahren, in der Versorgungsanalyse ausgewertet werden können.
 
-![Abbildung 1: Bitte erstellen Sie ein Szenario](https://user-images.githubusercontent.com/43250699/159273029-a17ce734-e7ed-4374-9cf4-433d44f26508.JPG)
+![bsp-analysefunktionen](/cosi/manuals/001c_bsp-analysefunktionen.png)
 
-*Abbildung 1: Bitte erstellen Sie ein Szenario*
 
-Ein Szenario können Sie wie im [Szenario Manager](./einrichtungenanlegen.md) beschrieben anlegen. Sobald Sie ein Szenario erfolgreich erstellt haben, wenn Sie eine Einrichtung anklicken, folgender Popup am unteren Bildschirmrand: 
+*Abb. c: Analysefunktionen, hier Versorgungsanalyse.*
 
-![Abbildung 2: Einrichtung bearbeiten](https://user-images.githubusercontent.com/43250699/159273504-35b08fa1-2206-4ef4-a850-670f0e03a381.JPG)
+Darüber hinaus erlaubt CoSI, in die Datensätze “einzugreifen”: sie zu filtern, zu durchsuchen oder für die Darstellung von Planungsszenarien im laufenden Programm zu verändern (s. Simulation).
 
-*Abbildung 2: Einrichtung bearbeiten*
+### Regionalstatistische Daten
+Die Daten des StaNord liegen für alle Verwaltungsebenen der FHH (statistische Gebieten, Stadtteile, Bezirke und die Gesamtstadt) vor. Sie umfassen je nach Ebene über 120 Indikatoren, welche sich in folgende Kategorien gliedern:  
 
-Wählen Sie hier den Button **BEARBEITEN** an, daraufhin wird sich das folgende Fenster öffnen:
+   - Bevölkerung
+   - Bevölkerung ab x Jahren
+   - Bevölkerung unter x Jahren
+   - Bevölkerung x bis x Jahren
+   - Bevölkerung x bis unter 18 Jahren
+   - Bevölkerung x bis über 18 Jahren
+   - Bevölkerung Migrationshintergrund
+   - Fläche
+   - Haushalte
+   - Sozialversicherungspflichtige
+   - Arbeitslose
+   - SGB II Leistungen
+   - Grundsicherung im Alter
+   - Wohnen
+   - Wahlbeteiligung
+   - Verkehr
+   - Infrastruktur
+   - Bevölkerungsbewegung
 
-![Abbildung 3: Einrichtung-Bearbeiten-Fenster](https://user-images.githubusercontent.com/43250699/159273975-1e1f2960-1af4-4e49-a03a-5657060b322f.png)
+Diese Datensätze beinhalten Zeitreihen, welche (je nach Datensatz) von ca. 2012 an erfasst sind und jährlich erweitert werden.
 
-*Abbildung 3: Einrichtung bearbeiten*
+*Hinweis: Aus datenschutzrechtlichen Gründen werden bereits vom Datenbereitsteller solche Datensätze herausgefiltert, welche bei sensiblen Daten auf einzelne Individuen zurückverfolgbar wären. Diese Datensätze sind mit "–" oder mit "Keine Daten" ausgewiesen.*
 
-1. **Eingaben sperren**
-   > Mit Hilfe dieses Buttons sperren Sie die Input-Felder des Fensters, so dass Sie nicht mehr bearbeitet werden können. Die Input-Felder sind standardmäßig gesperrt, so dass Sie diesen Button aktivieren müssen, ehe Sie eine vorhandene Einrichtung bearbeiten können. 
-2. **Inputfelder**
-   > Die verfügbaren Inputfelder für den Datensatz der ausgewählten Einrichtung. Die Inputfelder weichen je nach Einrichtung ab (Krankenhaus, Sportstätte, Schule etc.).
-3. **Änderungen speichern**
-   > Speichern Sie die Änderungen, die Sie an der Einrichtung vorgenommen haben.
-4. **Zurücksetzen**
-   > Setzen Sie alle Felder der Einrichtung auf Ihre ursprünglichen Werte zurück.
-5. **Abbrechen**
-   > Verwerfen Sie Ihre ungespeicherten Änderungen und schließen dieses Fenster.
+### Fachdaten
+CoSI bietet ganz ähnlich wie der FHH-Atlas Fachdatensätze in einem Themenbaum an. Während der FHH-Atlas grundsätzlich alle auf der Urban Data Platform verfügbaren und innerhalb der FHH freigegebenen Datensätze anzeigt, wird für CoSI in Abstimmung mit der Nutzendengruppe AG CoSI eine Auwahl getroffen. Dies dient der Übersicht und ermöglicht den Test und ggf. die Anpassung der Analysefunktionen an die angebotenen Daten.
 
-**Hinweis:** Wenn auf der Karte Cluster von Einrichtungen angezeigt werden, weil in der aktuellen Zoomstufe nicht alle Einrichtungen dargestellt werden können, öffnet sich bei einem Klick auf das Clustersymbol folgendes Fenster:
+Die Fachdatensätze, welche derzeit in CoSI eingebunden sind oder noch eingebunden werden können, werden als Geodienste von unterschiedlichsten Dateneignern (dies sind vor allem Behörden und Bezirksämter, aber prinzipiell sind auch Vereine oder Privatunternehmen denkbar.) bereitgestellt und in CoSI, wie im FHH-Atlas, über die URL des jeweiligen Dienstes abgerufen. Viele der Datensätze in ihrer aufbereiteten Form sind aus den Verhandlungs- und Koordinationsprozessen des Urban Data Hub hervorgegangen, über den sich die Behörden und Datenhalter der FHH auf gemeinsame Standards und regelmäßige Veröffentlichungen verständigen.
 
-![Abbildung 4: Clusterauswahl](https://user-images.githubusercontent.com/43250699/159275102-91f27ff1-4214-4a2e-8bb6-19105e1859b9.png)
+### Prognosedaten
+Die Prognosedaten enthalten die prognostizierte jährliche Bevölkerungsentwicklung in den Stadtteilen Hamburgs nach vier Altersgruppen und Geschlecht bis zum Jahr 2035. Stichtag ist jeweils der 31.12.
 
-*Abbildung 4: Clusterauswahl*
+Aus Gründen der statistischen Geheimhaltung der zugrunde liegenden Ausgangsdaten werden die vier kleinsten Stadtteile Hamburgs nur in Kombination mit einem größeren angrenzenden Stadtteil ausgewiesen.
 
-1. **Das angewählte Cluster (3)**
-   > Die Darstellung von Einrichtungen wird auf der Karte gebündelt, wenn zu viele Einrichtungen an einem Ort sind, so dass sie in der aktuellen Zoomstufe nicht dargestellt werden können. 
-2. **Auswahl**
-   > Alle im Cluster gebundenen Einrichtungen werden angezeigt, sobald Sie auf das Cluster klicken. Sie können dann in diesem Fenster eine Einrichtung auswählen, woraufhin sich das Fenster aus *Abbildung 3* öffnet.
+Die Einzeldaten sind jeweils auf volle fünf gerundet.
+Die Daten werden auf unregelmäßiger Basis vom Statistikamt Nord herausgegeben.
 
-### Einrichtungsübersicht
-   > Um zur Einrichtungsübersicht zu gelangen, muss zunächst ein beliebiger Stadtteil oder Bezirk ausgewählt werden. Als nächtes unter dem Bereich Themen die gewünschten Themen oder Fachdaten auswählen (z.B. Bildung und Wissenschaft). Im Dashboard unter Einrichtungsübersicht können Sie dann mit der Analyse ihrer Einrichtung beginnen.
+### Analyse
+Analysedaten sind all jene (als WFS, s. Geodienste) eingebundenen Datensätze, welche für die Verwendung mit den CoSI-Analyse- (und in Zukunft Simulations-) Werkzeugen konfiguriert wurden. D.h. jedes Objekt (Feature, z.B. Kita oder Grünfläche) ist dabei einzeln hinterlegt und kann mit seiner geografischen Position und Ausdehnung betrachtet werden.
+
+### Darstellung
+Darstellungsdaten sind auf Absprache mit den Fachplanerinnen und Fachplanern ausgewählte Datensätze aus dem FHH-Netz, welche durch das zugrundeliegende Geoportal (Masterportal) in der Karte visualisiert und mit einer Legende versehen werden. Per Klick kann der Datensatz für die jeweilige Koordinate aus dem Datensatz abgerufen werden. Im Gegensatz zu den Analysedaten liegen die Darstellungsdaten gegenwärtig nicht als einzelne Objekte, sondern als gekacheltes/gerastertes Bild vor (WMS, s. Geodienste).
+
+### Geodienste
+Alle in CoSI und dem FHH-Atlas dargestellten Daten werden von den Bereitstellern als Dienst vorgehalten. Der Dienst liefert über eine URL Datensätze der jeweiligen Datenbank in einem maschinenlesbaren Format. Über zusätzliche Parameter kann die Anfrage (Request) spezifiziert oder (z.B. auf einen geografischen Ausschnitt) eingegrenzt werden. 
+
+### WMS
+Ein WMS (Web Map Service) liefert Geodaten / Karten als Rasterbilder (PNG), welche zunächst einmal ohne Hintergrundinformation in der Karte angezeigt werden. Gleichzeitig können die Legende des Datensatzes oder Informationen zu einer bestimmten Koordinate über weitere Requests abgerufen werden.
+
+### WFS
+Der WFS (Web Feature Service) liefert im Gegensatz zum WMS keine fertige Kartenansicht, sondern ein rohes Datenobjekt, bei dem der Datensatz jedes geografischen Objekts (Punkt, Linie, Fläche, etc.) inkl. seiner Attribute (z.B. eine Schule mitsamt ihrem Schultyp, ihrer Schülerzahl, Mailadresse und Nachmittagsangebot) einzeln übermittelt. Die Visualisierung (das Styling) der Daten erfolgt dann anhand vorgegebener oder mitgelieferter Konfigurationen innerhalb der Applikation. Dies ist rechenintensiver für den Anwendenden und weniger kontrollierbar von Seiten des Datenbereitstellers, bietet jedoch die Möglichkeit mit den Objekten innerhalb des Portals direkt zu interagieren oder sie zu verändern.  
+
+<div style="page-break-after: always;"></div>
+
+___
+## Module
+___
+### Überblick 
+CoSI bietet verschiedene Module (nachfolgend oft auch als "Werkzeuge" oder "Tools" bezeichnet") an, die bestimmte Funktionen zur Erstellung, Verwaltung und Analyse von Daten bereitstellen. Nachfolgend finden Sie die Übersicht über alle im UI zur Verfügung stehenden Funktionen:
+
+![Das CoSI Nutzer-Interface](/cosi/manuals/001d_user_interface.PNG)
+
+*Abb. d: Das CoSI User-Interface.*
+
+1. **Themenbau/ Layer** (s. Themen)
+2. **Analyse**
+      1. [Manuelle Flächenauswahl für Fachdaten](/cosi/manuals/021manuelleflaechenauswahl)
+      2. [Einwohnerabfrage](/cosi/manuals/002einwohnerabfrage)
+      3. [Erreichbarkeitsanalyse](/cosi/manuals/003erreichbarkeitsanalyse)
+      4. [Vergleichbare Gebiete ermitteln](/cosi/manuals/004vergleichbaregebieteermitteln)
+      5. [Filter](/cosi/manuals/005filter)
+      6. Strecke/ Fläche messen
+      7. [Versorgungsanalyse](/cosi/manuals/006versorgungsanalyse)
+      8. [DIPAS](/cosi/manuals/007dipas)
+      9. [Datenvisualisierung](/cosi/manuals/008graphenvisualisierung)
+
+3. **Simulation**
+      1. [Einrichtungen anlegen](/cosi/manuals/009einrichtungenanlegen)
+      2. [Einrichtungen bearbeiten](/cosi/manuals/010einrichtungenbearbeiten)
+      2. [Wohnungsbauquartiere anlegen](/cosi/manuals/011wohnquartiereanlegen)
+
+4. **Dienste**
+      1. Zeichnen/ Schreiben
+      2. Karte drucken
+      3. Mousehover ein-/ ausschalten
+      4. [Geodaten Importieren](/cosi/manuals/013geodatenimportieren)
+      5. WMS hinzufügen
+      6. [Sitzung speichern/laden](/cosi/manuals/014sitzungspeichern)
+      7. [Vorlagen](/cosi/manuals/015vorlagen)
+
+5. **Dashboard**
+      1. [Statistische Datenübersicht](/cosi/manuals/016statistischedatenuebersicht)
+      2. [Einrichtungsübersicht](/cosi/manuals/017einrichtungsuebersicht)
+6. **[Gebiete auswählen](/cosi/manuals/018gebietsauswahl)**
+7. **Kontaktformular**
+8. **Legende** (s. Legende)
+9. **Suchleiste**
+10. **Werkzeugfenster**
+   > Aktive Werkzeuge werden in verschiebbaren Fenstern angezeigt.
+11. **Hereinzoomen**
+12. **Herauszoomen**
+13. **Vollbildansicht aktivieren/ deaktivieren**
+14. **Zurück zur Startansicht**
+15. **[Kartenanalyse regionalstatistischer Daten](/cosi/manuals/019kartenvisualisierung)**
+16. **Tooltip** (sog. Mousehover)
+   > Zeigt das Gebiet und andere Elemente wie Tooltipps unter dem Mauszeiger an. Kann unter "Dienste" via "Mousehover ein-/ausschalten" deaktiviert werden.
+18. **Ausgewählte Gebiete**
+   > Ausgewählte Gebiete werden dargestellt mit einer blauen Umrandung.
+19. **Sidebar**
+   > Das Dashboard und der Filter werden in einer Sidebar angezeigt. Die Sidebar kann in ihrer Breite angepasst werden. (s. Dashboard)
+
+<div style="page-break-after: always;"></div>
+
+### Themen (Layer)
+___
+Layer können aus dem Reiter "Themen" jederzeit zugeschaltet oder ausgeschaltet werden. Die Themen sind unter dem Reiter Fachdaten sortiert. Beim Zuschalten sollte mit bedacht werden, dass sich Ladezeiten entsprechend verlängern können. Verzögerungen können vorkommen, wenn zu Beginn kein Planungsgebiet festgelegt wurde. Dann müssen die Daten für das gesamte Hamburger Gebiet geladen werden. 
+
+Der Themenbaum ist gegliedert in Hintergrundkarten, einen Katalog an Fachdaten und die aktuelle Auswahl an Kartenebenen.
+
+![Der Themenbaum](/cosi/manuals/001e_Themenbaum.PNG)
+
+*Abb. e: Der Themenbaum.*
+
+Öffnen Sie mit dem Plus die Übersicht der Themenkategorie oder minimieren sie die Ansicht wieder mit dem Minus.
+
+1. **Hintergrundkarten**
+   > Layer wie "Stadtkarte Hamburg", die als Standard automatisch aktiv sind, können auch deaktiviert werden. Die Hintergrundkarten orientieren sich am FHH Portal. Achtung beim An- und Ausschalten der Karten. Kartenlayer können andere Layer überlagern. Ihre Anzeige ist daher abhängig von der Reihenfolge der Aktivierung. Die Anordnung kann in "Ausgewählten Themen" noch nachträglich verändert und angepasst werden.
+2. **Fachdaten**  
+	 - **Analyse/Simulation**
+      > Die aufbereiteten Layer für CoSI-spezifische Werkzeuge (bereitgestellt als WFS, s. Glossar). Die einzelnen Datenlayer sind in Kategorien eingeteilt, die regelmäßig angepasst bzw. aktualisiert werden.
+	 - **Darstellung**
+      > Daten zur reinen "Anzeige" in der Karte, v.a. entnommen aus dem FHH Atlas (bereitgestellt als WMS).
+3. **Ausgewählte Themen**  
+   > Siehe nachfolgende Abbildung.
+4. **Hilfsbutton**
+   > Ruft diese Anleitung auf.
+5. **Kartenhintergrund**
+   > Hier können Sie für den Kartenhintergrund grau oder weiß auswählen.
+6. **Themenbaum fixieren/ lösen**
+   > Diese Funktion fixiert den Themenbaum, so dass er auch bei Interaktionen mit der Karte angezeigt bleibt.
    
-![Abbildung 1: Einrichtungsübersicht](https://user-images.githubusercontent.com/43250699/159693060-ce1ffbeb-e9f6-4525-8896-13f341138246.png)
-*Abbildung 1: Einrichtungsübersicht*
+   **Ausgewählte Themen**  
+      ![Abbildung 3: Ausgewählte Themen](/cosi/manuals/001f_ausgewaehltethemen.PNG)
+      *Abb.f: Ausgewählte Themen.*  
+      - **3.1 Informationen und Legenden**
+      - **3.2 Einstellungen**  
+         Über das Zahnrad öffnen sich Einstellungen für Transparenz und Ebene verschieben.
+      - **3.3 Transparenz**  
+         Die Transparenz lässt sich über Plus in Prozent erhöhen und über Minus verringern.
+      - **3.4 Ebene nach oben/unten**  
+         Über das Pfeilmenü kann die Ebene der Layer verschoben werden.
 
-1. **Detailansicht ein-/ausklappen**
-   > Über den Pfeil können *alle* Attribute einer Einrichtung aufgeklappt werden. Die einzelnen Zeilen der Detailansicht können für den weiteren Export ausgewählt werden.
-2. **Einrichtung auswählen**
-   > Einrichtungen für den Export auswählen. Ausgewählte Einrichtungen werden in der Karte visuell hervorgehoben.
-   *Wenn Sie die Einrichtung ausgewählt haben und unter **12** einen Fachdatensatz zur Auswertung ausgewählt haben, werden diese ebenfalls auf der Karte angezeigt. (s. Abbildung 2)*
-   ![Abbildung 2: Fachdaten zur Auswertung auf der Karte](https://user-images.githubusercontent.com/43250699/159693761-ebea6f7d-49a4-4cca-9f2a-3f6ef71503c8.JPG)
-*Abbildung 2: Weitere Fachdaten auf der Karte*
-3. **Einrichtung fokussieren**
-   > Durch einen Klick auf das Symbol der Einrichtung zoomt die Karte zu der betreffenden Einrichtungen. Die Einrichtung wird in der Karte visuell hervorgehoben.
-4. **Einrichtung ein-/ausblenden**
-   > Einrichtungen können in der Karte ein- und ausgeschaltet werden. Indem auf das "Augen"-Symbol neben dem Richtungssymbol geklickt wird. Ausgeschaltete Einrichtungen werden bei allen anderen CoSI-Funktionen nicht berücksichtigt.
-5. **Einrichtungsattribute**
-   > - Einrichtungsname, Adresse, Layer, Typ und Thema werden dem Datensatz direkt entnommen
-   > - Die Gebietszuweisung wird dynamisch für die aktuelle Verwaltungsebene generiert
-   > - Symbole zeigen an, wenn eine Einrichtung simuliert oder modifiziert wurde.
-6. **Einträge sortieren**
-   > Alle Spalten können, durch mehrmaliges Klicken auf die Kopfzeile, neben dem Namen (z.B. Einrichtung) auf- und absteigend sortiert werden (alphabetisch oder nach Wert). Dabei kann für max. 2 Spalten erfolgen (z.B. 1. nach Typ und 2. nach numerischem Wert).
-7. **Numerische Attribute**
-   > Alle Attribute einer Einrichtung, die Zahlwerte abbilden (welche auch für die [Versorgungsanalyse](./versorgungsanalyse.md) verwendet werden können) werden in einer eigenen Spalte dargestellt. Die Farbe des Balkens richtet sich dabei nach dem Dezil des Wertes in der Liste aller Einrichtungen. Die Länge des Balkens ist proportional zum Höchstwert.
-8. **Durchschnittliche Anbindung (in m)**
-   > Die Anbindungsspalte zeigt die durchschnittliche Laufdistanz (in m) zu den jeweils nächstgelegenen Einrichtungen der ausgewählten Typen. Durch einen Klick auf den Wert kann die entsprechende Aufschlüsselung geöffnet werden (s. 12.).
-9.  **Such- und Filterfunktionen**
-      > Hier können Sie die Liste nach Themen filtern oder im Freitext die Einrichtungen durchsuchen.
-10. **Einrichtungsdiagramme erstellen**
-      > Erzeugt für alle verfügbaren Datenspalten ein Balkendiagramm, in dem die Werte der jeweiligen Einrichtungen und ihre Verteilung über die ausgewählten Gebiete.
-      - **10.1 Layer zusammenziehen**
-         > Wenn Sie diese Checkbox aktivieren, werden bei "Einrichtungsdiagramme erstellen"  Einrichtungen unterschiedlichen Typs zusammengezogen, wenn sie identische Attribute haben. *Beispiel: Wenn Sie Supermärkte und Drogerien ausgewählt haben, teilen sich beide das Attribut "Verkaufsfläche in m² und werden dementsprechend im Graphen zusammen dargestellt".*
-      - **10.2 Graphenvisualisierung als PNG oder Zip**
-         > Die Graphenvisualisierung kann als PNG oder Zip heruntergeladen werden. Die entsprechenden Button befinden sich unterhalb der Graphenvisualisierung.
-11. **Tabelle exportieren**
-      > Die ausgewählten Einträge als XLSX für Excel exportieren. Über aus Auswahlfeld *Detailansicht exportieren* können alle bzw. in der Detailansicht ausgewählte Attribute eines Einrichtungstyps exportiert werden. Ist keine Auswahl getroffen, werden alle Einrichtungen exportiert.
-12. **Standortbewertung: Themenauswahl**
-      > Erlaubt die Auswahl beliebiger weiterer Fachdatenthemen für eine Standortbewertung. Bei Fachdaten, welche Punkte oder Flächen in der Karte repräsentieren (i.d.R. Einrichtungen) wird der Ort des Typs gefunden, welcher jeder Einrichtung in der Tabelle am nächsten ist und die Laufdistanz in Metern angegeben. Bei der Auswahl mehrerer Themen wird ein gewichteter Mittelwert gebildet (s. 8./13.). Andere Themen, z.B. Lärmkarte, Luftqualität, etc.) für die Bewertung befinden sich im Aufbau.
-13. **Standortbewertung: Gewichtung**
-      > Erlaubt die Gewichtung der Themen für die Standortbewertung. Ein Thema mit Wert 0,5 wird somit nur halb so stark in den Mittelwert einbezogen, wie eines mit dem Wert 1.
-14. **Standortvisualisierung für alle ausgewählten**
-      > Erstellt ein Balkendiagramm mit der Aufschlüsselung für alle ausgewählten Einrichtungen. Wenn Sie mehr als zwei Fachdatensätze für die Auswertung (s. 12) ausgewählt haben, dann wird ein Radardiagramm generiert. Wenn Sie keine Einrichtungen ausgewählt haben, werden *alle* verfügbaren Einrichtungen in das Diagramm mit einbezogen.
-15. **Histogramm**
-      > Erzeugt ein Histogramm, dass die Verteilung der ausgewählten Einrichtungen abbildet.
+Die Themen enthalten Informationen, die symbolisch oder durch Flächen auf der Karte dargestellt werden. In der nachfolgenden Abbildung zum Beispiel stellen die grün/blauen Punkte und Icons die vorhandenen Sportstätten im Gebiet dar. Die gelben und grünen Flächen sind aus dem Verzeichnis öffentlicher Grünanlagen. Nummerierte Punkte zeigen die Anzahl der an diesem Ort vorhandenen Einrichtungen an, wenn sich Punkte überschneiden.
+Eine Legende zu den aktiven Themen kann durch einen Klick auf den Reiter "Legende" eingeblendet werden. Unabhängig davon können über den Infobutton rechts neben dem Layer weitere Informationen zu dem jeweiligen Thema aufgerufen werden. Es werden folgende Informationen bereitgestellt: Kurzbeschreibung des Themas, Datenstand und Legende. Auch befinden sich hinter dem Info-Button die Links zu Downloadquellen und eine WFS - bzw. WMF -Adresse.
+Ein Klick auf ein Objekt auf der Karte öffnet eine Infotafel für die aktuelle Auswahl (Sportstätte, Grünanlage, etc.). Auf der Infotafel werden Informationen über das Objekt angezeigt. Datenschutzrelevante (personenbezogene) Daten werden nicht angezeigt.
+
+![Abbildung 4: Manuelle Flächenauswahl](/cosi/manuals/001g_bspkartenansicht.PNG)
+
+*Abb. g: Beispiel für Kartenansicht.*
+
+<div style="page-break-after: always;"></div>
+
+___
+## Analyse
+#### Werkzeuge des Analysemenüs
+___
 ## Einwohnerabfrage
 ___
 Über "Analyse" gelangen Sie zu "Einwohneranzahl abfragen".
@@ -218,35 +306,15 @@ Grundsätzlich bietet diese Funktion die Möglichkeit an, durch Aufziehen eines
 
 - Beim direkten Aufruf unter dem Reiter "Analyse" muss das Gebiet, über das man die Abfrage durchführen möchte, händisch festgelegt werden (via Rechteck oder Kreis ziehen bzw. via Zeichnen einer Fläche). 
 - Bei der Nutzung innerhalb des Kontexts der Erreichbarkeitsanalyse muss das Gebiet nicht händisch festgelegt werden, sondern es wird als Gebiet das errechnete Einzugsgebiet übernommen.
-### Ergebnisverzeichnis
-Das Ergebnisverzeichnis unterstützt in einigen Werkzeugen die Verwaltung mehrerer Datensätze, die ihr zugrunde liegenden Funktionen sind aber standardisiert und werden im Folgenden näher erläutert. 
-  
-
 
-![Ergebnisverzeichnis des Werkzeugs "Vergleichbare Gebiete ermitteln"](https://user-images.githubusercontent.com/43250699/157007454-80d78c08-e141-4384-85ea-435a93ca3356.png)
+<div style="page-break-after: always;"></div>### Erreichbarkeitsanalyse
 
-*Abbildung 1: Ergebnisverzeichnis des Werkzeugs "Vergleichbare Gebiete ermitteln"*
-  
-1. **Direktanwahl eines Datensatzes**
-   > Wählen Sie direkt den Datensatz mit dem jeweiligen Index an. Sie können hier auch ablesen, wieviele Datensätze sie aktuell in dem jeweiligen Werkzeug haben.
-2. **Vor/ Zurück**
-   > Durch Klicken auf einen der Pfeile wird der nächste/ vorherige Datensatz ausgewählt.
-3. **Neuen Datensatz hinzufügen** 
-   > Je nach Werkzeug wird diese Funktion nicht immer genutzt, sollte der Button aber vorhanden sein, können Sie mit seiner Hilfe einen neuen Datensatz anlegen..
-4. **Export**
-   > Mit diesem Button können Sie die Ergebnisse des jeweiligen Datensatzes exportieren und speichern. Es können mehrere dieser Buttons existieren, wenn mehrere Formate zum Export angegeben werden.
-5. **Alle exportieren**
-   > Sie führen die Exportfunktion für alle Datensätze durch. Sollten mehrere Dateitypen angeboten werden, werden alle heruntergeladen. Eventuell müssen Sie in ihrem Browser den Download für mehrere Dateien genehmigen.
-6. **Datensatz entfernen**
-   > Mit diesem Button löschen Sie einen Datensatz und alle dazugehörigen Ergebnisse.
-7. **Alle entfernen**
-   > Mit diesem Button entfernen Sie alle Datensätze und setzen das Werkzeug zurück.
-### Erreichbarkeitsanalyse
 Die "Erreichbarkeitsanalyse" erreichen Sie über den Bereich "Analyse". 
 Eine Erreichbarkeitsanalyse kann auf drei Arten durchgeführt werden:  
-1. [Ab einem Referenzpunkt](#markdown-header-erreichbarkeit-ab-einem-Referenzpunkt)  
-2. [Im Planungsgebiet](#markdown-header-erreichbarkeit-im-gebiet) 
-3. [Entlang einer Route](#markdown-header-erreichbarkeit-entlang-einer-route)
+1. [Ab einem Referenzpunkt](#erreichbarkeit-ab-einem-Referenzpunkt)
+2. Ab einer ausgewählten Einrichtung
+3. [Im Planungsgebiet](#erreichbarkeit-im-gebiet) 
+4. [Entlang einer Route](#erreichbarkeit-entlang-einer-route)
 
 Der Modus der Analyse kann im Dropdown Menü ausgewählt werden.
 
@@ -269,9 +337,9 @@ Das Modul kann verwendet werden, ohne vorherige Gebietsauswahl.
   
 
 
-![Abbildung 1: Erreichbarkeit ab einem Referenzpunkt](https://user-images.githubusercontent.com/43250699/157067677-5f5db4a7-498a-45b2-8c06-6f2ea5ed6cbf.png)
+![Erreichbarkeit ab einem Referenzpunkt](/cosi/manuals/003a_erreichbarkeitreferenzpunkt.png)
 
-*Abbildung 1: Erreichbarkeit ab einem Referenzpunkt*
+*Abb. a: Erreichbarkeit ab einem Referenzpunkt.*
   
 1. **Auswahl des Modus**
    > Art der Einrichtungsanalyse. Ab einem Referenzpunkt, entlang einer Route oder Erreichbarkeit der gewählten Einrichtungen im Gebiet.
@@ -286,23 +354,26 @@ Das Modul kann verwendet werden, ohne vorherige Gebietsauswahl.
 6. **Berechnen**
    > Berechnet die Erreichbarkeit vom Punkt. Es werden nur noch Fachdaten angezeigt, die innerhalb der Erreichbarkeit liegen. Gilt auch für die Einrichtungsübersicht und alle anderen Werkzeuge.
 7. **Ergebnis ausblenden**
-   > Die Ergebnisdarstellung auf der Karte wird ausgeblenden. Alle Fachdaten außerhalb der Isochronen werden wieder eingeblendet.
+   > Die Ergebnisdarstellung auf der Karte wird ausgeblendet. Alle Fachdaten außerhalb der Isochronen werden wieder eingeblendet.
 8. **Einwohnerabfrage**
-   > (s. Einwohnerabfrage)
+   > [s. Einwohnerabfrage](#einwohnerabfrage)
 9.  **Legende & Isochronen**
    > Eine Legende wird eingeblendet. Sie wird dynamisch für die Anfrage generiert und zeigt drei gleichmäßig verteilte Entfernungswerte. Höchstwert ist der zuvor eingegebene Wert für die Entfernung. Die Isochronen (Polygone) in der Karte sind entsprechend der Legende eingefärbt. Sie zeigen das vom Referenzpunkt aus erreichbare Gebiet abhängig von den zuvor eingegebenen Parametern. Ist "Verkehrsfluss berücksichtigen" ausgewählt, wird das theoretische Maximum bei freier Fahrt als gestrichelte Linie angezeigt.
 11. **Ergebnisverzeichnis**
-   > Sie können mehrere Erreichbarkeitsanalysen erstellen, die über das sog. [Ergebnisverzeichnis](./pagination.md) verwaltet werden.
+   > Sie können mehrere Erreichbarkeitsanalysen erstellen, die über das sog. [Ergebnisverzeichnis](/cosi/manuals/020ergebnisverzeichnis.md) verwaltet werden.
 
 *Für **Tageszeit**, **Verkehrsfluss berücksichtigen**, und **Von Flächenaußengrenzen berechnen** siehe im folgenden "Erreichbarkeit im Gebiet"*
 
+#### Erreichbarkeit ab einer ausgewählten Einrichtung
+
+Diese Analyse wird genauso hergestellt, wie ab einem Referenzpunkt. Nur wird hier statt einem Referenzpunkt auf der Karte eine Einrichtung auf der Karte angeklickt.
 
 #### Erreichbarkeit im Gebiet
-Zeigt die Abdeckung und Erreichbarkeit von einer zuvor festgelegten Einrichtungsart (z.B. Kindergärten) in dem festgelegten Einzugsbereich (Planungsgebiet). Der Einzugsbereich ist die Entfernung von der jeweiligen Einrichtung und kann angegeben werden in Zeit oder in Metern. Die Erreichbarkeit ist abhängig von dem festgelegten Verkehrsmittel.
+Zeigt die Abdeckung und Erreichbarkeit von einer zuvor festgelegten Einrichtungsart (im Beispiel Krankenhäuser) in dem festgelegten Einzugsbereich (Planungsgebiet). Der Einzugsbereich ist die Entfernung von der jeweiligen Einrichtung und kann in Zeit oder in Metern angegeben werden. Die Erreichbarkeit ist abhängig von dem festgelegten Verkehrsmittel.
 
-![Abbildung 2: Erreichbarkeit ausgewählter Einrichtungen im Gebiet](https://user-images.githubusercontent.com/43250699/157067851-a2c165c4-894c-4b3f-80a9-4bc626516771.png)
+![Erreichbarkeit ausgewählter Einrichtungen im Gebiet](/cosi/manuals/003b_erreichbarkeitabeinrichtung.png)
 
-*Abbildung 2: Erreichbarkeit ausgewählter Einrichtungen im Gebiet*
+*Abb. b: Erreichbarkeit ausgewählter Einrichtungen im Gebiet.*
 
 1. **Auswahl des Modus**
    > Art der Einrichtungsanalyse. Ab einem Referenzpunkt, entlang einer Route oder Erreichbarkeit der gewählten Einrichtungen im Gebiet.
@@ -325,17 +396,17 @@ Zeigt die Abdeckung und Erreichbarkeit von einer zuvor festgelegten Einrichtungs
 11. **Legende & Isochronen**
     > Eine Legende wird eingeblendet. Sie wird dynamisch für die Anfrage generiert und zeigt drei gleichmäßig verteilte Entfernungswerte. Höchstwert ist der zuvor eingegebene Wert für die Entfernung. Die Isochronen (Polygone) in der Karte sind entsprechend der Legende eingefärbt. Sie zeigen die vom den Einrichtungen aus erreichbaren Gebiete abhängig von den zuvor eingegebenen Parametern. Ist "Verkehrsfluss berücksichtigen" ausgewählt, wird das theoretische Maximum bei freier Fahrt als gestrichelte Linie angezeigt.
 12. **Ergebnisverzeichnis**
-   > Sie können mehrere Erreichbarkeitsanalysen erstellen, die über das sog. [Ergebnisverzeichnis](./pagination.md) verwaltet werden.
+   > Sie können mehrere Erreichbarkeitsanalysen erstellen, die über das sog. [Ergebnisverzeichnis](/cosi/manuals/020ergebnisverzeichnis) verwaltet werden.
 
    ### Erreichbarkeit entlang einer Route
-Wenn Sie im Routing-Tool eine Route erstellt haben, können Sie die Erreichbarkeit in einem bestimmten Umkreis um die Route herum berechnen lassen. 
+Wenn Sie im Routing-Tool eine Route erstellt haben, können Sie die Erreichbarkeit in einem bestimmten Umkreis um die Route herum berechnen lassen.
   
-Das Modul kann verwendet werden, ohne vorherige Gebietsauswahl.
-![Abbildung 3: Erreichbarkeit entlang einer Route](https://user-images.githubusercontent.com/43250699/159470252-067117b3-b8a3-481d-b007-113e7a0477c8.png)
+Das Modul kann ohne vorherige Gebietsauswahl verwendet werden.
+![Erreichbarkeit entlang einer Route](/cosi/manuals/003c_erreichbarkeitroute.png)
 
-*Abbildung 3: Erreichbarkeit entlang einer Route*
+*Abb. c: Erreichbarkeit entlang einer Route.*
 1. **Auswahl des Modus**
-   > Art der Einrichtungsanalyse. Ab einem Referenzpunkt, entlang einer Route oder Erreichbarkeit der gewählten Einrichtungen im Gebiet. Beachten Sie, dass die Erreichbarkeit entlang einer Route nur auswählen können, wenn Sie im Vorfeld im Routing-Tool eine Route angelegt haben.
+   > Art der Einrichtungsanalyse. Ab einem Referenzpunkt, entlang einer Route oder Erreichbarkeit der gewählten Einrichtungen im Gebiet. Beachten Sie, dass Sie die Erreichbarkeit entlang einer Route nur auswählen können, wenn Sie im Vorfeld im Routing-Tool eine Route angelegt haben.
 2. **Route auswählen**
    > Die im Routing-Tool aktive Route wird automatisch ausgewählt.
 3. **Vorgegebene Felder**
@@ -345,108 +416,441 @@ Das Modul kann verwendet werden, ohne vorherige Gebietsauswahl.
 5. **Berechnen**
 6. **Ergebnis ausblenden** 
 7. **Legende und Isochronen**
-   > Eine Legende wird eingeblendet. Sie wird dynamisch für die Anfrage generiert und zeigt drei gleichmäßig verteilte Entfernungswerte. Höchstwert ist der zuvor eingegebene Wert für die Entfernung. Die Isochronen (Polygone) in der Karte sind entsprechend der Legende eingefärbt. Sie zeigen dasum die Route herum erreichbare Gebiet abhängig von den zuvor eingegebenen Parametern.
+   > Eine Legende wird eingeblendet. Sie wird dynamisch für die Anfrage generiert und zeigt drei gleichmäßig verteilte Entfernungswerte. Höchstwert ist der zuvor eingegebene Wert für die Entfernung. Die Isochronen (Polygone) in der Karte sind entsprechend der Legende eingefärbt. Sie zeigen das um die Route herum erreichbare Gebiet abhängig von den zuvor eingegebenen Parametern.
 8. **Ergebnisverzeichnis**
-   > Sie können mehrere Erreichbarkeitsanalysen erstellen, die über das sog. [Ergebnisverzeichnis](./pagination.md) verwaltet werden.
-## Filter
+   > Sie können mehrere Erreichbarkeitsanalysen erstellen, die über das sog. [Ergebnisverzeichnis](/cosi/manuals/020ergebnisverzeichnis) verwaltet werden.
+   
+<div style="page-break-after: always;"></div>## Vergleichbare Gebiete ermitteln
+___
+Über den Bereich der "Analyse" gelangen Sie zu "Vergleichbare Gebiete ermitteln".
+
+Das Werkzeug erlaubt die Ermittlung aller Gebiete (Stadtteile oder statistische Gebiete), in denen die ausgewählten Parameter vorherrschen, bzw. solcher, die dem gewählten Referenzgebiet in diesen Parametern ähneln.
+Wählen Sie unter Filter die gewünschten Parameter für den Vergleich, sowie ein Referenzgebiet (optional).  
+
+![Vergleichbare Gebiete ermitteln](/cosi/manuals/004a_vergleichbaregebiete_ermitteln.PNG)
+ 
+*Abb. a: Vergleichbare Gebiete ermitteln.*  
+
+1. **Statistische Datenfilter**
+   > Gewünschte Parameter für den Vergleich auswählen. Es können beliebig viele Parameter hinzugefügt werden. Alle StaNord-Datensätze sind hierfür verfügbar. Anteilige Werte eignen sich jedoch besser für die Vergleichbarkeit. Gegenwärtig können eigene Berechnungen aus dem Dashboard nicht herangezogen werden.
+2. **Referenzgebiet**
+   > Optional kann eins der ausgewählten Gebiete als Referenzgebiet angegeben werden.
+3. **Filter hinzufügen**
+   > Die Parametereinstellungen zeigen den aktuellen Datensatz Jahr Min.- und Max.-Wert aller Hamburger Gebiete, den Referenzwert (frei wählbar oder des Referenzgebiets) sowie die Toleranz nach oben und unten. Das Toleranzintervall ist entweder in absoluten Zahlen oder in Prozent für anteilige Werte angegeben.
+4. **Alle Filter zurücksetzen** 
+   > Setzen Sie Ihre Eingaben zurück.  
+5. **Ergebnisverzeichnis** 
+   > Der "Datensatz hinzufügen" Button aus dem [Ergebnisverzeichnis](ergebnisverzeichnis.md).  
+
+![Vergleichbare Gebiete ermitteln, Ergebnisse](/cosi/manuals/004b_vergleichbaregebiete_ergebnis.PNG)  
+*Abb. b: Vergleichbare Gebiete ermitteln, Ergebnisse.*  
+
+1. **Ergebnisverzeichnis**
+   > Das [Ergebnisverzeichnis](/cosi/manuals/ergebnisverzeichnis.md) verwaltet die unterschiedlichen Datensätze. Es erscheint, sobald Sie einen zweiten Datensatz erstellt haben.
+2. **Parametereinstellungen (Jahr)**
+   > Wählen Sie die Grundlage für das entsprechende Jahr aus.  
+3. **Parametereinstellungen (Attribute)**
+   > Sofern es sich um einen Themenlayer handelt, können Sie hier ggf. Attribute der Einrichtung auswählen, anhand derer Sie nach vergleichbaren Gebieten suchen.  
+4. **Parametereinstellungen (Toleranz)**
+   > Stellen Sie die Toleranz ein, innerhalb derer weitere vergleichbare Gebiete gefunden werden sollen. Das Toleranzintervall ist entweder in absoluten Zahlen oder in Prozent für anteilige Werte angegeben.  
+5. **Ergebnisse**
+   > Eine Liste aller Gebiete, auf die die gewählten Kriterien zutreffen, wird im Fenster angezeigt. Ein Klick auf ein Gebiet legt den Kartenausschnitt auf dieses fest.
+6. **Als Gebietsauswahl setzen**
+   > Über *Ergebnis als Gebietsauswahl* setzen kann die aktuelle Gebietsauswahl für weitere Analysen auf die Ergebnis-Gebiete gesetzt werden.
+  
+<div style="page-break-after: always;"></div>## Filter
 ___
 Die aktiven, ausgewählten Themen können durch Klick auf den Reiter "Filter" nach den Kategorien ihrer Datensätze durchsucht und gefiltert werden. Die Karte zoomt automatisch auf die Filterergebnisse. Es werden nur Ergebnisse in den ausgewählten Gebieten einbezogen. Der Filter ist für alle Fachdatensätze verfügbar, welche sinnvolle filterbare Attribute (wie Fläche, Nutzung, Träger, etc.) aufweisen.  
 
 Um Ihre gewünschten Fachdaten zu filtern, gehen Sie zunächst auf "Analyse" und dann auf "Filter".
 
-![Abbildung 1: Filter](https://user-images.githubusercontent.com/43250699/142924026-a46ada10-7289-4882-9b2e-c41528289930.jpg)
+![Abbildung 1: Filter](/cosi/manuals/005_filter.PNG)
 
-*Abbildung 1: Filter*  
+*Abb. a: Filter.*  
 
 1. **Ein Thema im Filter wählen**
-   > Angezeigt werden die ausgewählten Themen. Themen können jederzeit hinzugefügt werden. Dazu Themenbau anklicken und Thema auswählen.
+   > Angezeigt werden die ausgewählten Themen wie im Themenbaum. Themen können jederzeit hinzugefügt werden. Dazu Themenbaum im Filter aufklappen und Thema auswählen.
 2. **Filteroptionen:**
-    - es können mehrere Filteroptionen gewählt werden. Kennzeichnung der Auswahl erfolgt automatisch durch Haken. 
-    - Schieberegler (von / bis): es kann z.B. eine gewünschte Flächengröße eingegeben werden.
+    - es können mehrere Filteroptionen gewählt werden. Abhängig sind diese von den Inhalten der Datensätze. Kennzeichnung der Auswahl erfolgt durch die Anzeige als dunkelblauer Tag. 
+    - Schieberegler (von / bis): es kann z.B. eine gewünschte Jahreszahl/Flächengröße eingegeben werden.
 3. **Ergebnis wird sofort mit Wahl der Filteroption angezeigt:**
-    - Ergebnis wird in der Karte durch Symbol oder Flächenfarbe angezeigt. Durch Anklicken des Reiters "Legende” wird diese eingeblendet. Mousehover blendet Infofeld zu Einrichtung / Fläche ein.
+    - Ergebnis wird in der Karte durch Symbol oder Flächenfarbe angezeigt.
     - Im Ergebnisfeld der Suche werden Namen der Gebiete / Einrichtungen angezeigt. Durch Anklicken der Namen wird die Auswahl in der Karte markiert. 
 4. **Filter löschen:** 
-   > Einzelne Auswahl durch Anklicken des roten "X" oder gesamte Auswahl löschen durch Anklicken des Buttons "Alle löschen”.
-
-
-## Flächen Stylen
+   > Einzelne Themen werden durch Anklicken des "X" gelöscht. Die gesamte Auswahl im Thema wird durch Anklicken des Buttons "Zurücksetzen” entfernt.
+   > Einzelne Filtervariablen können über das "x" and den dunkelblauen Tags wieder ausgeschaltet werden.
+   
+<div style="page-break-after: always;"></div>
 
-...
-## Gebietsauswahl
+## Dienste/ Versorgungsanalyse
 ___
-Beim Starten von CoSI wird zunächst ein Bezugsrahmen festgelegt sowie ein Planungsgebiet zusammengestellt und bestätigt.
+Mit diesem Werkzeug kann das Verhältnis zweier Datensätze zueinander berechnet werden. Die Datensätze können entweder regionalstatistische Daten oder Einrichtungsdaten aus dem Menü "Themen/ Fachdaten" sein. Damit die Versorgungsanalyse verwendet werden kann, müssen mindestens zwei Datensätze geladen worden sein. Die "Versorgungsanalyse" finden sie im Bereich "Analyse".
 
-Wenn Sie Ihren Bezugsrahmen ändern möchten, könnten Sie dies unter "Gebiete auswählen" tun.
 
-![Abbildung 1: Gebietsauswahl](https://user-images.githubusercontent.com/43250699/142933538-fd2e1dbc-8bef-444a-bc7f-66d0066a457e.png)
+![Abbildung 1: Versorgungsanalyse, Einstellungen](/cosi/manuals/006a_versorgungsanalyse.PNG)
 
+*Abb. a: Versorgungsanalyse, Einstellungen.*
 
-*Abbildung 1: Das Werkzeug "Gebiet auswählen"*  
+1. **Info** 
+   > Über den Button finden Sie zu dieser Anleitung.
+2. **Typ bestimmen**
+   > Mit Klick auf den Button wechseln Sie zwischen Themendatensätzen (hier auch "Einrichtungen") und statistischen Regionaldaten.
+3. **Thema/ Datensatz auswählen**
+   > Wählen Sie das Thema/ den Datensatz aus, den Sie verrechnen möchten.
+4. **Faktor F hinzufügen**
+   > Bei Einrichtungsdatensätzen können Sie einen *Faktor (F)* angeben, der bestimmt, wie viele Einheiten der ausgewählten Einrichtung für den Referenzdatensatz benötigt werden. Wollen Sie beispielsweise die Anzahl der öffentlichen Schulen gegen die Anzahl der Bevölkerung unter 18 Jahren rechnen und geben einen Faktor von 0,001 an, würde das bedeuten, dass eine Schule pro 1000 Mitglieder der Referenzgruppe benötigt wird. Ist ein *Faktor (F)* angegeben, werden die Spalten "Kapazität" und "Bedarf" in der Berechnungstabelle mit angegeben.
+5. **Parameter auswählen** 
+   > Manche Einrichtungsdatensätze haben andere Parameter, als nur ihre Anzahl in den ausgewählten Gebieten. So kann man bei öffentlichen Schulen beispielsweise den Datensatz "Schülerzahl" abfragen oder bei Krankenhäusern die Anzahl der stationären Plätze. Nicht jeder Einrichtungsdatensatz bietet zusätzliche Parameter.
+6. **Berechnung pro x der Datengrundlage**
+   > Bestimmen Sie mit dieser Größe eine Einheit (x) der Datengrundlage für die die Versorgung berechnet werden soll.
+7. **Auswahl vertauschen**
+   > Mit einem Klick auf diesen Button können Sie Ihre Auswahl von Feld (1) und (2) vertauschen.
+8. **Die gesamte Auswahl zurücksetzen**
+9. **Berechnen**
 
-1. **Bezugsrahmen wählen**
-   > Über ein Dropdown Menü können **"Bezirke"**, **"Stadtteile"** oder **"Statistische Gebiete"** ausgewählt werden – dies legt die Verwaltungseinheit fest, für die die statistischen Daten angezeigt und Auswertungen erstellt werden sollen. Alle Funktionen sind auf den jeweiligen Gebietsebenen verfügbar. Die Zahl der verfügbaren Indikatoren kann jedoch variieren. Der Bezugsrahmen bestimmt auch die zu ladenden übergeordneten Referenzgebiete: Stadtteile für stat. Gebiete, Bezirke für Stadtteile.
-2. **Gebiete aus- und abwählen**
-    - Die einzelnen Verwaltungseinheiten (statistisches Gebiet oder Stadtteil) anklicken (nochmaliges Klicken deaktiviert die Auswahl wieder), die Grenzen werden blau markiert. 
-    - Auf dem Stift rechts neben "Auswahl zurücksetzen" klicken. Es wird ein Zeichentool aktiviert; damit kann der Nutzende ein Rechteck über das Auswahlgebiet ziehen um dieses auszuwählen.
-    - Beide vorher beschriebenen Möglichkeiten sind auch miteinander kombinierbar, wobei die Reihenfolge unerheblich ist. Die Nutzenden können also zuerst einzelne Verwaltungseinheiten auswählen und dann das Zeichentool aktivieren, um damit weitere Verwaltungseinheiten dazu zuschalten oder auch andersherum vorgehen.
-3. **Puffer festlegen**
-   > Es kann ein Pufferradius in Metern festgelegt werden. Für den werden ausgewählte Fachdaten um das Planungsgebiet herum angezeig. Dies berücksichtigt die Tatsache, dass das Einzugsgebiet von einer Einrichtung nicht unbedingt übereinstimmt mit den Gebietsgrenzen der Verwaltungseinheit innerhalb derer sich die Einrichtung befindet. Die Analysefunktionen werden davon nicht beeinflusst.
-4. **Auswahl bestätigen**
-   > Lädt die Daten für das ausgewählte Planungsgebiet vom Server und legt den Bereich für die anzuzeigenden Fachdaten fest. Auch eine leere Auswahl kann bestätigt werden. Dann werden keine Daten geladen und Fachdaten für den gesamten Stadtbereich angezeigt. (s. unten)
-5. **Auswahl zurücksetzen**
-   > Setzt das aktuelle Planungsgebiet zurück. Im direkten Anschluss kann ein neues Planungsgebiet zusammengestellt und bestätigt werden.
-6. **Auswahlrechteck zeichnen**
-   > Ein Startpunkt wird gesetzt und ein Rechteck bis zum Endpunkt über das relevante Gebiet gezogen. Alle Verwaltungseinheiten, die innerhalb des Rechtecks oder an den Linien des Rechtecks liegen, werden in das Planungsgebiet aufgenommen.
-7. **Zusätzliche Hilfsebenen ein/- ausblenden**
-   > Mithilfe der Checkbox können zusätzliche Layer zur Orientierung ein- und ausgeblendet werden. Der Layer kann ebenfalls über den Themenbaum ein- und ausgeschaltet werden. Zu den Hilfsebenen gehören aktuell die "Sozialräume" und die "RISE Fördergebiete".
+![Abbildung 2: Versorgungsanalyse, Ergebnisse](/cosi/manuals/006b_versorgungsanalyse.PNG)
 
-Das festgelegte Planungsgebiet kann jederzeit angepasst werden:  
+*Abb. b: Versorgungsanalyse, Ergebnisse.*
 
-   - Das Gebiet kann *erweitert* werden: sowohl per Klick als auch per Zeichentool.
-   - Das Gebiet kann *verkleinert* werden: per Klick können markierte Verwaltungseinheiten wieder abgewählt werden.
-   - Das Gebiet kann komplett zurückgesetzt werden: per Klick auf "Auswahl zurücksetzen".
+1. **Ergebnisverzeichnis**
+   > Das [Ergebnisverzeichnis](/cosi/manuals/020ergebnisverzeichnis.md) verwaltet alle von Ihnen erstellen Datensätze und bietet bestimmte standardisierte Funktionen wie Downloads und ähnliches an.
+2. **Daten als Chart visualisieren**
+   > Die Daten werden zur [Graphenvisualisierung](/cosi/manuals/008graphenvisualisierung.md) geladen und dort als Graphen dargestellt.
+3. **Auf der Karte visualisieren**  
+   > Die Daten werden mit Hilfe der [Kartenvisualisierung](/cosi/manuals/019kartenvisualisierung.md) auf der Karte visualisiert und je nach Wert in unterschiedlichen Farben dargestellt.
+4. **Tabellenspalte für erweiterte Funktionen auswählen**
+   > Hier können Sie Tabellenspalten auswählen die für die erweiterten Funktionen "Als Chart visualisieren" (3) und "Auf der Karte visualisieren" (4) herangezogen werden soll.
+   
+5. **Jahr auswählen**
+   > Hier können Sie das Jahr auswählen, für das die entsprechenden Daten geladen werden.
+6. **Ergebnistabelle**  
+      - **Gebiet:** Die ausgewählten Gebiete, für die die Ergebnisse berechnet wurden. Hier finden sich auch die Indikatoren für die Zeilen "Gesamt" und "Durchschnitt".
+      - **Auswahlfeld (1):**  
+         Der Wert für den in Auswahlfeld (1) gewählten Datensatz.
+      - **Auswahlfeld (2):**  
+         Der Wert für den in Auswahlfeld (2) gewählten Datensatz.
+      - **Verhältnis:**  
+         Hier wurde der Wert des Auswahlfeldes (1) durch den Wert des Auswahlfeldes (2) geteilt.
+      - **Bedarfsdeckung:**  
+         Die Versorgungsabdeckung in Prozent, d.h. das Verhältnis zwischen der aus Auswahlfeld (1) ermittelten Kapazität und Auswahlfeld (2) im Gebiet. Wurde kein Faktor F ausgewählt, zeigt die Spalte das direkte Verhältnis beider Felder in Prozent an.
 
-Es muss nicht in jedem Nutzungskontext immer ein Planungsgebiet als erstes festgelegt werden; bestimmte Analysetools wie z.B. die [Erreichbarkeitsanalyse](./erreichbarkeitsanalyse.md) und [Vergleichbare Gebiete](./vergleichbaregebieteermitteln.md) können verwendet werden ohne dass vorher ein Gebiet festgelegt wird.  
+   6.1 **Ergebnisverzeichnis der Ergebnistabelle**
+         
+      >Wenn in Ihrer Ergebnistabelle mehr als 10 Ergebnisse angezeigt werden, können Sie hier entsprechend die Daten durchschalten.
+### DIPAS
+Mit dem DIPAS Werkzeug können alle Beiträge aus laufenden DIPAS Verfahren in der Karte visualisiert, nach verschiedenen Kriterien dargestellt und für alle CoSI-Werkzeuge verfügbar gemacht werden. D.h. alle Beiträge können in der [Einrichtungsübersicht](/cosi/manuals/017einrichtungsuebersicht.md) angezeigt, für [Versorgungsanalyse](/cosi/manuals/006versorgungsanalyse.md), [Erreichbarkeitsanalyse](/cosi/manuals/003erreichbarkeitsanalyse.md) und [Vergleichbare Gebiete Ermitteln](/cosi/manuals/004vergleichbaregebieteermitteln.md) verwendet und mit dem [Filter](/cosi/manuals/005filter.md) gefiltert werden. Über "Analyse" erreichen Sie "Dipas".
 
-Für solche Fälle gelten folgende Hinweise:  
 
-   - Es werden keine Datensätze geladen, d.h. eine Anzeige der regionalstatistischen Daten ist nicht möglich. Auch werden keine regionalstatistischen Daten im Dashboard angezeigt.
-   - Beim Zuschalten von Themen aus den Fachdaten könnte der Ladevorgang länger dauern.
-   - Möglicherweise funktioniert die [Erreichbarkeitsanalyse](./erreichbarkeitsanalyse.md) für eine sehr große Zahl von Einrichtungen nicht zuverlässig.
-## Geodaten Importieren
-___
-Mit diesem Werkzeug können Sie eigene Datensätze in Form von GeoJSONs hochladen und als Themenlayer einfügen, der anschließnend visualisiert werden kann und dem alle weiteren Analysefunktionen von CoSI zur Verfügung stehen.   
+![Abbildung 1: DIPAS](/cosi/manuals/007a_dipas.PNG)
 
-![Abbildung 1: Dateien importieren](https://user-images.githubusercontent.com/43250699/142930620-f556b3bb-a098-4deb-8394-2b5db6963c94.jpg)  
-*Abbildung 1: Dateien importieren*   
-1. **Info**
-   > Über den Button finden Sie zu dieser Anleitung.
-2. **Upload per Drag And Drop**
-   > Ziehen Sie eine Datei per Drag and Drop in dieses Feld. Sie wird automatisch hochgeladen.
-3. **Datei auswählen**
+*Abb. a: DIPAS Menü und Anzeige.*
+
+1. **Beteiligungsverfahren auswählen**
+   > Für jedes Verfahren aus der DIPAS-Datenbank wird automatisch eine Registerkarte angelegt, welche durchs Anklicken aufgeklappt werden kann. Ein aufgeklapptes Verfahren zeigt dessen Beschreibungstext und die Kontrollfelder für die Visualisierung. Jedem Verfahren wid dabei eine zufällige Farbe zugewiesen.
+2. **Indikator**
+   > Das Icon in dem Indikator zeigt zum einen die Farbe an, in dem der jeweilige Datensatz visualisiert wird. Zum anderen zeigt es, ob der Datensatz gerade auf der Karte angezeigt wird.
+3. **Legende**
+   > Die Legende zeigt an, welche Farbe den Eintragstypen in der Visualisierung zugeordnet wird.
+4. **Verfahren in der Karte anzeigen**
+   > Zeigt das Verfahrensgebiet als Polygon in der Karte in der jeweiligen Farbe des Verfahrens.
+   - **4.1 Auf der Karte anzeigen**
+      > Die Kartenansicht fokussiert auf das jeweilige Verfahrensgebiet.
+5. **Einzelne Beiträge in der Karte anzeigen**
+   > Zeigt alle Einzelbeiträge des Verfahrens in der Karte. Das Styling der Beiträge kann unter *7. Styling der Beiträge* festgelegt werden.
+6. **Heatmap in der Karte anzeigen** 
+   > Zeigt eine Heatmap der Beiträge in der Karte. Das Gewicht eines Punktes richtet sich dabei nach der Gesamtzahl der Bewertungen des Beitrags, also der Stärke der Resonanz auf ihn.
+7. **Styling der Beiträge wählen**
+   * *Die Inhalte können nach verschiedenen Schwerpunkten dargestellt werden:*
+   > - nach Projekt: Alle Beiträge werden gleichmäßig in der Projektfarbe dargestellt.
+   > - nach Kategorien im Projektfarbraum: Jede Kategorie wird in einer Schattierung der Projektfarbe dargestellt.
+   > - nach Kategorien im Regenbogenspektrum: Jeder Kategorie wird eine zufällige Farbe zugewiesen.
+   > - nach Bewertung: Die Beiträge werden abhängig von den positiven- und negativen-Bewertungen dargestellt. Die Größe des Punktes richtet sich dabei nach der Gesamtzahl der Reaktionen, die Farbe nach dem Verhältnis von positiven (grün) und negativen (rot) Bewertungen.
+8. **Download als GeoJson**
+   > Die aktuell aktiven DIPAS Datensätze werden als GeoJson heruntergeladen.
+9. **Automatisches Update**
+   > Wenn diese Checkbox aktiviert ist, werden die DIPAS Daten ggf. live aktualisiert.
+10. **Beiträge in der Karte**
+      > Alle Beiträge werden mit Ihrer ID (einer fortlaufenden Nummer) in der Karte dargestellt.
+<div style="page-break-after: always;"></div>## Graphenvisualisierung
+___
+Das Graphenvisualisierungswerkzeug erstellt Graphen aus Datensätzen und verwaltet diese. Darüber hinaus ermöglicht es Ihnen den Export dieser Graphen als PNG.
+
+   > Nach dem Sie Ihre gewünschten Gebiete und Fachdaten ausgewählt haben, können Sie unter Analyse - Graphenvisualisierung, Ihre Ergebnisse visuell darstellen lassen. 
+   
+   > **Hinweis**: Wenn Sie die Graphenvisualisierung direkt aus dem Analyse Menü öffnen, bitte unten in der Kartenvisualisierung auf das Graph Symbol klicken. 
+
+![Abbildung 1: Graphenvisualisierung](/cosi/manuals/008_graphenvisualisierung.png)  
+*Abb. a: Graphenvisualisierung.*
+
+1. **Diagrammtyp auswählen**
+   > Häufig werden gleich unterschiedliche Graphen erstellt. Hier können Sie zwischen den verfügbaren Diagrammen für den ausgewählten Datensatz umschalten.
+2. **Graph & Legende**
+   > Das augewählte Diagramm. Sie finden hier den Titel des ausgewählten Datensatzes, die Legende und den erzeugten Graphen.
+3. **Y-Achse skalieren**
+   > Hier wählen Sie aus, ob die Y-Achse des Graphen von 0 an beginnt oder relativ zum kleinsten verfügbaren Wert.  
+   *Diese Funktion ist nur beim Liniendiagramm verfügbar.*
+4. **Y-Achse stapeln**
+    > Die Werte der Datensätze werden aufsummiert und farblich abgetrennt dargestellt.
+5. **Ergebnisverzeichnis**
+   > Das [Ergebnisverzeichnis](/cosi/manuals/020ergebnisverzeichnis.md) verwaltet die unterschiedlichen erstellten Graphen und erlaubt, sie als Bild oder gesammelt als zip-Datei herunterzuladen.
+___
+
+# Simulation
+### Werkzeuge des Simulationsmenüs
+___
+## Einrichtungen anlegen
+
+Sobald sie unter "Simulation" "Einrichtungen anlegen" auswählen, öffnet sich ein Fenster, in dessen oberem Bereich Sie den Szenario Manager finden. Bei der Funktion "Wohnungsbauquartiere anlegen" befindet sich der Szenario Manager an derselben Stelle.
+
+#### Szenario Manager
+![Abbildung 1: Szenario Manager](/cosi/manuals/009a_einrichtungenanlegen.PNG) 
+
+*Abb. a: Szenario Manager*  
+
+1. **Szenario Dropdown**
+   > Zeigt bisher erstellte Szenarien an.
+2. **Neues Szenario anlegen**
+   > Öffnet die Maske zur Erstellung eines weiteren
+Szenarios.
+3. **Szenario exportieren**
+   > Stellt einen Download des Szenarios zur Verfügung
+4. **Szenario Löschen**
+   > Löscht das ausgewählte Szenario. 
+5. **Szenario leeren**
+   > Löscht alle Veränderungen im Szenario. 
+6. **Thema auswählen**
+   > Dropdownmenü erlaubt die Auswahl aus den aktivierten Fachthemen.  
+  
+ *Sie **müssen** ein Thema aus den geladenen Fachdaten wählen. Sind keine Fachdaten ausgewählt, ist kein Szenario möglich. Wählen Sie mindestens ein Analysethema aus dem Themenbaum.*  
+
+![Abbildung 2: Einrichtungen anlegen](/cosi/manuals/009b_einrichtungenanlegen.PNG)  
+
+*Abb. b: Einrichtungen anlegen*  
+
+1. **Einrichtung kopieren**
+   > Erlaubt das Kopieren einer vorhandenen Einrichtung. 
+2. **Verschieben der Einrichtung**
+   > Erlaubt das Bewegen von Einrichtungen durch verschieben auf der Karte
+3. **Sichern/ Öffnen** 
+   > Ermöglicht geöffnet das Verschieben vorhandener Einrichtungen.
+4. **Rückgängig** 
+   > Stellt den vorherigen Zustand wieder her.
+5. **Geometrie** 
+   > Überträgt die Geometrie eines Punktes durch Klick auf der Karte.
+6. **Löschen**
+   > Entfernt vorhandene Geometrie.
+7. **Erforderliche Spalten**
+   > Notwendige Bedingung zur Erstellung einer simulierten Einrichtung.
+   7.1 **Kapitelbezeichnung**
+      > Art der ausgewählten Einrichtung.
+   7.2 **Name**
+      > Bezeichnung der jeweiligen Einrichtung, die erstellt werden soll.
+8. **Optionale Spalten**
+      > Können bei Bedarf ergänzt werden.
+9. **Anlegen**
+      > Erstellt die simulierte Einrichtung
+10. **Zurücksetzen**
+      > Setzt das Szenario zurück.
+
+#### Schrittweises Vorgehen
+Zur besseren Verständlichkeit des Werkzeugs wird im Folgenden Schritt für Schritt erläutert, wie erfolgreich eine neue Einrichtung angelegt werden kann.
+
+1. #### **Schritt 1:** Neues Szenario erstellen
+2. #### **Schritt 2:** Name für Szenario festlegen
+3. #### **Schritt 3:** Einrichtung definieren
+   1. Kopieren sie eine Einrichtung mit dem Pipetten-Symbol, indem Sie zuerst die Pipette anklicken und dann die zu kopierende Einrichtung in der Karte anwählen. Sie können Einrichtungen auch vollständig manuell anlegen, indem Sie die dazu erforderlichen Spalten selbst ausfüllen. 
+   2. Positionieren Sie die Einrichtung auf der Karte, indem Sie zunächst den "Ort wählen" Stift im Feld *Geometrie/ Ort* anklicken und dann einen Punkt auf der Karte anwählen. Alternativ können Sie die geometrischen Werte in das Feld Geometrie/Ort eintragen. 
+   3. *Erforderliche Spalten* werden durch das Kopieren einer Einrichtung per Pipette übernommen. Diese Spalten können jedoch manuell ergänzt oder verändert werden. 
+   4. *Optionale Spalten* werden automatisch durch das Kopieren einer Einrichtung übertragen, können aber auch manuell ergänzt oder ausgefüllt werden .
+4. #### **Schritt 4:** Einrichtung anlegen
+   > Schließen Sie die Erstellung ab, indem Sie den blauen Button "Neue Einrichtung Erstellen" klicken. Die neue Einrichtung erscheint als Icon in der Karte. Neue Einrichtungen werden durch ein farbiges Sternchen gekennzeichnet. 
+5. #### **Schritt 5:** Einrichtung bewegen
+   1. Zum Verschieben von Einrichtungen klicken Sie das Bewegen-Symbol. Nun klicken sie die Einrichtung, die Sie bewegen möchten. Ist diese aktiviert, vergrößert sich das Symbol und zeigt damit an, dass die Einrichtung nun beweglich ist. Ziehen sie die Einrichtung mit gedrückter linker Maustaste an den gewünschten Platz. 
+   2. Möchten Sie bestehende Einrichtungen aus dem Datensatz auf der Karte verschieben, dann lösen Sie durch einen Klick auf das Schloss die Sperre. Es erscheint eine Warnung:   
+   *"Achtung: Sie können jetzt auch echte Einrichtungen verschieben. Ihre Änderungen sind nur temporär und werden nach der Sitzung nicht gespeichert."*  
+
+Alle Analysen, die innerhalb eines Szenarios durchgeführt werden, berücksichtigen die Parameter der simulierten Einrichtungen.
+### Einrichtungen bearbeiten
+
+Haben Sie ein aktives Szenario können Sie sowohl selbst angelegte als auch bereits in den Daten vorhandene Einrichtungen bearbeiten. Sollten Sie kein Szenario angelegt haben und Sie klicken eine Einrichtung an, wird folgendes Popup angezeigt:
+
+![Abbildung 1: Bitte erstellen Sie ein Szenario](/cosi/manuals/010a_einrichtungenbearbeiten.PNG)
+
+*Abb. a: Bitte erstellen Sie ein Szenario.*
+
+Ein Szenario können Sie wie im [Szenario Manager](/cosi/manuals/009einrichtungenanlegen.md) beschrieben anlegen. Ist ein Szenario angelegt und Sie wählen per Mausklick eine Einrichtung an, erscheint folgendes Popup am unteren Bildschirmrand: 
+
+![Abbildung 2: Einrichtung bearbeiten](/cosi/manuals/010b_einrichtungenbearbeiten.PNG)
+
+*Abb. b: Einrichtung bearbeiten.*
+
+Wählen Sie hier den Button **BEARBEITEN** an. Daraufhin wird sich das folgende Fenster öffnen:
+
+![Abbildung 3: Einrichtung-Bearbeiten-Fenster](/cosi/manuals/010c_einrichtungenbearbeiten.PNG)
+
+*Abb. c: Fenster für das bearbeiten der Einrichtung.*
+
+1. **Eingaben sperren**
+   > Mit Hilfe dieses Buttons sperren Sie die Input-Felder des Fensters, so dass Sie nicht mehr bearbeitet werden können. Die Input-Felder sind standardmäßig gesperrt, so dass Sie diesen Button aktivieren müssen, ehe Sie eine vorhandene Einrichtung bearbeiten können. 
+2. **Inputfelder**
+   > Die verfügbaren Inputfelder für den Datensatz der ausgewählten Einrichtung. Die Inputfelder weichen je nach Einrichtung ab (Krankenhaus, Sportstätte, Schule etc.).
+3. **Änderungen speichern**
+   > Speichern Sie die Änderungen, die Sie an der Einrichtung vorgenommen haben.
+4. **Zurücksetzen**
+   > Setzen Sie alle Felder der Einrichtung auf Ihre ursprünglichen Werte zurück.
+5. **Abbrechen**
+   > Verwerfen Sie Ihre ungespeicherten Änderungen und schließen Sie dieses Fenster.
+
+**Hinweis:** Wenn auf der Karte Cluster von Einrichtungen angezeigt werden, weil in der aktuellen Zoomstufe nicht alle Einrichtungen dargestellt werden können, öffnet sich bei einem Klick auf das Clustersymbol folgendes Fenster:
+
+![Abbildung 4: Clusterauswahl](/cosi/manuals/010d_einrichtungenbearbeiten.PNG)
+
+*Abb. d: Clusterauswahl.*
+
+1. **Das angewählte Cluster (3)**
+   > Die Darstellung von Einrichtungen wird auf der Karte gebündelt, wenn zu viele Einrichtungen an einem Ort sind, wenn diese in der aktuellen Zoomstufe nicht dargestellt werden können. 
+2. **Auswahl**
+   > Alle im Cluster gebundenen Einrichtungen werden angezeigt, sobald Sie auf das Cluster klicken. Sie können dann in diesem Fenster eine Einrichtung auswählen, woraufhin sich das Fenster aus *Abbildung 3* öffnet.
+
+<div style="page-break-after: always;"></div>
+## Wohnungsbauquartiere anlegen 
+
+Durch das Erstellen eines Wohnbauquartiers können Sie Wohnungsbauszenarien durchspielen. Die erstellten Wohnungsbauquartiere stehen Ihnen für weitere Analysefunktionen zur Verfügung. Die Szenarien können exportiert und gespeichert werden.
+
+Sobald Sie über "Simulation" "Wohnungsquartiere anlegen" auswählen, öffnet sich ein Fenster, in dessen oberem Bereich Sie den Szenario Manager finden (s. Abbidlung 009a "Szenario Manager").
+
+![Abbildung a: Wohnungsbauquartiere anlegen](/cosi/manuals/011a_wohnquartiere.PNG)
+
+*Abb. a: Wohnungsbauquartiere anlegen*
+
+![Abbildung b: Wohnungsbauquartiere anlegen](/cosi/manuals/011b_wohnquartiere.PNG)  
+
+*Abb. b: Wohnungsbauquartiere anlegen*
+
+1. **Geometrie**
+   > Mithilfe des Stiftes kann ein Polygon in der Karte gezeichnet werden. 
+2. **Rückgängig**
+   > Entfernt die zuvor gezeichnete Linie.
+3. **Polygon in der Karte wählen**
+   > Ist der Button orange markiert, kann auch ein Polygon aus der Karte angewählt und übernommen werden.
+4. **Löschen**
+   > Löscht das erstellte Polygon.
+5. **Zurücksetzen**
+   > Entleert die Eingabemaske, um weitere Wohnungsbauquartiere zu erstellen.
+6. **Bearbeiten**
+   > Ermöglicht die Anpassung der regionalstatistischen Datensätze.
+7. **Anlegen**
+   > Bestätigt die Angaben und erstellt das simulierte Wohnungsbauquartier.
+
+#### **Die Parameter in den Feldern passen sich der gezeichneten Fläche an:**
+
+- **Grundfläche**
+   > Zeigt die Fläche des gezeichneten Polygons an. 
+- **Bewohnerzahl insgesamt**
+   > Zeigt die gesamte Einwohnerzahl entsprechend dem gewählten Polygon.
+   > Wenn verändert, passen sich **Wohneinheiten**, **Bevölkerungsdichte**, **BGF** und **GFZ** an.
+   > Berechnet sich dabei allgemein (je nach bewegtem Regler) als:
+   > *Wohneinheiten x Durchschnittliche Haushaltsgröße*
+- **Wohneinheiten**
+   > Schieberegler lässt sich auf die gewünschte Anzahl an Wohneinheiten regeln. 
+   > Wenn verändert, passen sich **Bewohner**, **Bevölkerungsdichte**, **BGF** und **GFZ** an.
+   > Berechnet sich dabei allgemein (je nach bewegtem Regler) als:
+   > *Bewohner / Durchschnittliche Haushaltsgröße*
+- **Bruttogeschossfläche (BGF)**
+   > Regelt die verfügbare Bruttogeschossfläche. 
+   > Wenn verändert, passen sich **GFZ**, **Bewohner**, **Bevölkerungsdichte** und **Wohneinheiten** an.
+   > Berechnet sich dabei allgemein (je nach bewegtem Regler) als:
+   > *Grundfläche x GFZ*
+- **Durchschnittliche Haushaltsgröße**
+   > Regelt die geplante Anzahl der Personen pro Wohneinheit.
+   > Wenn verändert, passen sich **BGF**, **Bevölkerungsdichte** und **Wohneinheiten** an.
+   > Berechnet sich dabei allgemein (je nach bewegtem Regler) als:
+   > *fester Wert*
+- **Geschossflächenzahl (GFZ)**
+   > Reguliert die Anzahl an Flächen auf der gezeichneten Grundfläche.
+   > Wenn verändert, passen sich **BGF**, **Bewohner**, **Bevölkerungsdichte** und **Wohneinheiten** an.
+   > Berechnet sich dabei allgemein (je nach bewegtem Regler) als:
+   > *BGF / Grundfläche*
+- **Bevölkerungsdichte**
+   > Wird aus dem Referenzgebiet übernommen, kann jedoch durch Anpassung anderer Parameter variieren. 
+   > Wenn verändert, passen sich **Bewohner**, **Wohneinheiten**, **BGF** und **GFZ** an. 
+   > Berechnet sich dabei allgemein (je nach bewegtem Regler) als:
+   > *Bewohner / Fläche*
+- **Wohnfläche pro Person**
+   > Reguliert die bereitgestellte Wohnfläche pro Kopf.
+   > Wenn verändert, passen sich **BGF**, **Bewohner**, **Bevölkerungsdichte** und **Wohneinheiten** an. 
+   > Berechnet sich dabei allgemein (je nach bewegtem Regler) als:
+   > *fester Wert*
+- **Verhältnis Wohnfläche/BGF**
+   > Gibt an von wieviel Prozent Wohnfläche anteilig an der Gesamtfläche ausgegangen wird. *Standardeinstellung: 0.8 bzw. 80%*
+
+#### Schrittweises Vorgehen
+Zur besseren Verständlichkeit des Werkzeugs wird im Folgenden einmal Schritt für Schritt erläutert, wie man erfolgreich selbst ein neues Wohnungsquartier anlegt.
+
+1. **Schritt 1:** Geben Sie einen Namen für das erstellte Wohnbauquartier ein 
+2. **Schritt 2:** Zeichnen Sie mit dem Zeichenstiftwerkzeug den Wohnblock an der gewünschten Fläche ein oder wählen Sie ein Polygon auf dem Kartenlayer aus. 
+3. **Schritt 3:** Parameter für das erstellte Quartier können per Schieberegler angepasst werden.
+4. **Schritt 4:** Wählen Sie ein Referenzgebiet für die Simulation der Zusammensetzung des Gebiets aus. 
+5. **Schritt 5:** Klicken Sie auf "Anlegen". Das Neue Wohnbauquartier erscheint nun als hervorgehobenes Polygon mit Angaben zur Fläche und Einwohnerzahl auf der Karte.  
+___
+## Dienste
+### Werkzeuge des Dienstemenüs
+___
+![Abbildung 22: Dienste](/cosi/manuals/012a_dienste.PNG)
+
+*Abb. a: Dropdown Dienste.*
+
+1. **Zeichnen/ Schreiben**
+2. **Karte drucken**
+   > Den aktuellen Kartenausschnitt inkl. aktiver Layer drucken.
+3. **Mousehover ein-/ ausschalten**
+   > Den Tooltip, der am Mauszeiger in der Karte eingeblendet wird (de-)aktivieren
+4. **[Geodaten Importieren](/cosi/manuals/013geodatenimportieren.md)**
+5. **WMS hinzufügen**
+   > Beliebige andere Kartendienste können aus dem FHH-Atlas oder anderen Quellen über die Webadresse (URL) des Dienstes eingebunden werden. Die URLs entnehmen Sie z.B. dem Metadatenkatalog der FHH oder dem Geoportal unter dem Info-Button im Themenbaum (s. Themenbaum).
+6. **[Sitzung speichen / laden](/cosi/manuals/014sitzungspeichern.md)**
+   > Die aktuelle Sitzung mit aktiven Daten, gewählten Gebieten und Filtern speichern. Sitzungen können im Browser gespeichert werden. Diese können beim Programmstart wieder aus dem Verlauf geladen werden.
+   Wenn Browserverlauf oder Cache geleert werden, geht dieser Speicherstand verloren! Es kann immer nur eine Sitzung parallel vorgehalten werden.   
+   Sitzungen als Datei auf dem Rechner speichern. Diese können jederzeit wieder geladen oder mit anderen CoSI Nutzer:innen geteilt werden.
+7. **[Vorlagen](/cosi/manuals/015vorlagen.md)**
+
+   >*Hinweis: Manuell hinzugefügte Kartendienste (WMS) und erstellte Berechnungen bleiben nicht erhalten. Das Speichern aller Arbeitsergebnisse ist Teil des aktuell laufenden Weiterentwicklungsprojekts.*
+
+<div style="page-break-after: always;"></div>
+## Geodaten Importieren
+___
+Mit diesem Werkzeug können Sie eigene Datensätze in Form von GeoJSONs hochladen und als Themenlayer einfügen, der anschließend visualisiert werden kann und dem alle weiteren Analysefunktionen von CoSI zur Verfügung stehen.   
+
+![Abbildung 1: Dateien importieren](/cosi/manuals/013a_geodatenimport.PNG)  
+*Abb. a: Dateien importieren.*   
+1. **Info**
+   > Über den Button finden Sie zu dieser Anleitung.
+2. **Upload per Drag And Drop**
+   > Ziehen Sie eine Datei per Drag and Drop in dieses Feld. Sie wird automatisch hochgeladen.
+3. **Datei auswählen**
    > Mit einem Klick auf diesen Button öffen Sie den Dateibrowser Ihres Computers und können die hochzuladende Datei dort auswählen.
 4. **Projektionssystem auswählen**
-   > Geodaten sind in unterschiedlichen *Projektionssystemen* kodiert. Sollten Sie nach dem Upload feststellen, dass Ihre Daten an den falschen Orten visualisiert werden, überprüfen Sie bitte, in welchem Projektionssystem Ihre Datei kodiert ist und geben Sie es bei einem erneuten Upload in diesem Auswahlfeld an.  
+   > Geodaten sind in unterschiedlichen *Projektionssystemen* kodiert. Sollten Sie nach dem Upload feststellen, dass Ihre Daten an den falschen Orten visualisiert werden, überprüfen Sie bitte, in welchem Projektionssystem Ihre Datei kodiert ist und geben Sie die Kodierung bei einem erneuten Upload in diesem Auswahlfeld an.  
   
 Sobald Ihre Datei hier hochgeladen wurde, erscheint ein neues Fenster, in welchem Sie bestimmte Funktionen haben, um den Layer aus der Datei zu generieren.  
 
-![Abbildung 2: Geodaten Importieren, Layeroptionen festlegen](https://user-images.githubusercontent.com/43250699/142931326-1effcb55-62a9-4fdb-918f-6d0fb9dccc49.jpg)  
-*Abbildung 2: Geodaten Importieren, Layeroptionen festlegen* 
+![Abbildung 2: Geodaten Importieren, Layeroptionen festlegen](/cosi/manuals/013b_geodatenimport.PNG)  
+
+*Abb. b: Geodaten Importieren, Layeroptionen festlegen* 
 
 5. **Layername**
    > Hier können Sie den Layer frei benennen. Standardmäßig wird der Name der hochgeladenen Datei verwendet.
-6. **[Styling](#markdown-header-styling)**
-7. **[Einrichtungsdaten](#markdown-header-einrichtungsdaten)**
-8. **[Filterdaten](#markdown-header-filterdaten)**
-9. **[Numerische Werte](#markdown-header-numerische-werte)**
+6. **[Styling](#styling)**
+7. **[Einrichtungsdaten](#einrichtungsdaten)**
+8. **[Filterdaten](#filterdaten)**
+9. **[Numerische Werte](#numerische-werte)**
 10. **Abbrechen/ Layer hinzufügen**
    > Mit einem Klick auf den Button "Abbrechen" brechen Sie den Vorgang ab und schließen das Fenster. Mit einem Klick auf "Layer Hinzufügen" wird der Import abgeschlossen und mit Ihren Einstellungen für die Funktionen in CoSI bereitgestellt.
 
 #### Styling
 
-![Abbildung 3: Geodaten Importieren, Layerstyling](https://user-images.githubusercontent.com/43250699/142931936-7da21540-9ac3-4a4d-85f5-1f78feae6978.jpg)  
-*Abbildung 3: Geodaten Importieren, Layerstyling*  
+![Abbildung 3: Geodaten Importieren, Layerstyling](/cosi/manuals/013c_geodatenimport.PNG)  
+*Abb. c: Geodaten Importieren, Layerstyling*  
 
 - **6.1** Ein Icon auswählen, mit dem die jeweiligen Punkte visualisiert werden sollen. (Diese Option steht nicht zur Verfügung, wenn es sich bei denen von Ihnen hochgeladenen Geodaten um Polygone handelt).
 - **6.2** Mit dieser Checkbox legen Sie fest, ob alle Entitäten des Datensatzes mit derselben Farbe dargestellt werden sollen oder basierend auf einer ihrer Attribute farblich angepasst werden sollen. Aktivieren Sie diese Checkbox, bestimmen Sie das gewünschte Attribut bitte wie in 6.2.1 beschrieben.
@@ -455,8 +859,8 @@ Sobald Ihre Datei hier hochgeladen wurde, erscheint ein neues Fenster, in welche
 - **6.3** Haben Sie weder "Farbe nach Attributen" ausgewählt bzw. bei "Farbe nach Attributen" nicht die Checkbox "Regenbogenfarbspektrum" aktiviert, können Sie hier eine Farbe bestimmen, auf deren Basis die Daten visualisiert werden. Ein Klick auf das farbige Viereck der Textbox öffnet das Farbauswahlfeld.
 
 #### Einrichtungsdaten
-![Abbildung 4: Geodaten Importieren, Einrichtungsdaten](https://user-images.githubusercontent.com/43250699/142932334-7476d084-eda1-4a05-a93e-bf159ac55b8f.jpg)  
-*Abbildung 4: Geodaten Importieren, Einrichtungsdaten*    
+![Abbildung 4: Geodaten Importieren, Einrichtungsdaten](/cosi/manuals/013d_geodatenimport.PNG)  
+*Abb. d: Geodaten Importieren, Einrichtungsdaten.*    
 
    - **7.1** Hier wählen Sie aus allen Attributen der Einträge Ihrer hochgeladenen Datei das Attribut aus, welches einen eindeutigen, individuellen Namen des Eintrags enthält. Dies ist für bestimmte Funktionen von CoSI relevant. Sollte ein solches Attribut nicht existieren, lassen Sie es bitte einfach frei.
    - **7.2** Hier wählen Sie aus allen Attributen der Einträge Ihrer hochgeladenen Datei ein Attribut aus, was den Typ des jeweiligen Eintrags am besten beschreibt. Handelt es sich bei Ihrem Datensatz beispielsweise um eine Reihe von unterschiedlichen Einrichtungen, könnte hier als Attribut eines gewählt werden, dass Werte wie "Kindergarten", "Krankenhaus" oder "Hotel" enthält.
@@ -464,40 +868,241 @@ Sobald Ihre Datei hier hochgeladen wurde, erscheint ein neues Fenster, in welche
    - **7.4** Sollte keines der automatisch erkannten Attribute die korrekten Adressdaten enthalten, können Sie mit dem Button "Aus allen Objekteigenschaften wählen" alle Attribute anzeigen lassen, um daraus die Adresseigenschaften auszuwählen. Sollten in dem Datensatz keine entsprechenden Informationen hinterlegt sein, können Sie dieses Auswahlfeld ignorieren.
 
 #### Filterdaten
-![Abbildung 5: Geodaten Importieren, Filterdaten festlegen](https://user-images.githubusercontent.com/43250699/142932614-055ed92b-6967-436b-ace5-8977111ef473.jpg)  
-*Abbildung 5: Geodaten Importieren, Filterdaten festlegen*  
+![Abbildung 5: Geodaten Importieren, Filterdaten festlegen](/cosi/manuals/013e_geodatenimport.PNG)  
+*Abb. e: Geodaten Importieren, Filterdaten festlegen*  
 
    - Unter CoSIs Werkzeugen finden Sie auch das Filterwerkzeug, mit denen Sie alle Datensätze nach bestimmten Kriterien filtern können. Bitte bestimmen Sie hier, welche der Attribute Ihrer Daten für den Filter verfügbar gemacht werden sollen.
    - **8.1** Mit einem Klick auf diesen Button öffnet sich ein Auswahlfeld, mit Hilfe dessen Sie ein Attribut zur weißen Liste des Filters hinzufügen können.
 
-#### Numerische Werte
-![Abbildung 6: Geodarten Importieren, Numerische Werte festlegen](https://user-images.githubusercontent.com/43250699/142932809-d77c6760-bff3-4576-b9fa-1bcca88ef816.jpg)  
-*Abbildung 6: Geodarten Importieren, Numerische Werte festlegen*  
-- Mit Hilfe des Werkzeugs [Versorgungsanalyse](./versorgungsanalyse.md) können Sie unterschiedlichste Zahlwerte gegeneinander verrechnen. In diesem Bereich bestimmen Sie Attribute, die numerische Werte enthalten, die für die Versorgungsanalyse bereitgestellt werden sollen. Dies können alle sinnvoll quantitativ messbaren Werte sein, wie beispielswiese "Budget", "Einwohnerzahl", "Fläche" oder "Besuche pro Woche" etc.  
+#### Numerische Werte
+![Abbildung 6: Geodarten Importieren, Numerische Werte festlegen](/cosi/manuals/013f_geodatenimport.PNG)  
+*Abb. f: Geodarten Importieren, Numerische Werte festlegen*  
+- Mit Hilfe des Werkzeugs [Versorgungsanalyse](/cosi/manuals/006versorgungsanalyse.md) können Sie unterschiedlichste Zahlwerte gegeneinander verrechnen. In diesem Bereich bestimmen Sie Attribute, die numerische Werte enthalten, die für die Versorgungsanalyse bereitgestellt werden sollen. Dies können alle sinnvoll quantitativ messbaren Werte sein, wie beispielswiese "Budget", "Einwohnerzahl", "Fläche" oder "Besuche pro Woche" etc.  
+
+   - **9.1** Für die bessere Visualisierung in einer späteren Tabelle, können Sie hier dem numerischen Wert einen sinnvollen Namen geben, sollte das Attribut nicht sinnvoll benannt sein. So könnten Sie beispielsweise "budget_21" in "Verfügbare Mittel 2021" umbenennen.
+   - **9.2** Hier sehen Sie die ID des Attributs und dahinter in Klammern einen Beispielwert aus dem ersten Eintrag.
+   - **9.3** Mit dieser Checkbox fügen Sie das Attribut zu den numerischen Werten hinzu. 
+### Sitzung Speichern / Laden 
+![Abbildung 1: Sitzung Speichern](/cosi/manuals/014_sitzungspeichern.PNG)
+*Abb. a: Sitzung speichern / laden*
+
+
+Mit dem Dienst **Sitzung speichern/laden** können aktuelle diverse Informationen der aktuellen Arbeitssitzung abgespeichert werden um diese zu einem späteren Zeitpunkt wieder öffnen und weiterbearbeiten zu können. Dies umfasst:
+
+- Die ausgewählte Verwaltungsebene und ausgewählte Gebiete
+- Aktive Fachdatenthemen 
+- Mit den [Simulationswerkzeugen](/cosi/manuals/009einrichtungenanlegen.md) erstellte Szenarien 
+- Ergebnisse und Konfigurationen der Werkzeuge [Erreichbarkeitsanalyse](/cosi/manuals/003erreichbarkeitsanalyse.md) und [Versorgungsanalyse](/cosi/manuals/006versorgungsanalyse.md)
+
+Die Funktion ist unter "Dienste", "Sitzung speichern/laden" zu finden.
+
+
+1. **Schnell speichern**
+   > Aktuelle Sitzung im Browser (z.B. Edge, Firefox) speichern. Diese können beim Start von CoSI über den Button **Letzte Laden** wieder geladen werden. Wenn Browserverlauf oder Cache geleert werden, geht dieser Speicherstand verloren! Es kann immer nur eine Sitzung vorgehalten werden.
+2. **Letzte laden**
+   > Letzte im Browser gespeicherte Sitzung aus dem Cache laden
+3. **Letzte löschen**
+   > Letzte Sitzung aus dem Cache löschen
+4. **Speichern unter**
+   > Eine Sitzung benennen und als Datei auf dem Rechner speichern und über den Button **Datei laden** wieder laden. Diese können jederzeit wieder geladen oder mit anderen CoSI Nutzer:innen geteilt werden. 
+   
+   *Expertentipp: Die Sitzungen können mit jedem Texteditor geöffnet und als JSON-Datei bearbeitet werden.*
+5. **Datei laden**
+   > Sitzung aus lokaler Datei öffnen
+6. **Automatisches Speichern (10min)**
+   > Wenn aktiv wird die aktuelle Sitzung im Modus **Schnell speichern** alle 10min im Hintergrund gespeichert und kann über **Letzte laden** wiederhergestellt werden.
+### Vorlagen
+![Abbildung 1: Vorlagen](/cosi/manuals/015a_vorlagen.png)
+
+*Abb. a: Vorlagen Übersicht.*
+
+![Abbildung 1: Vorlagen](/cosi/manuals/015b_vorlagen.png)
+*Abb. b: Vorlagen aufgeklappte Ansicht.*
+
+Über den Dienst **Vorlagen** können Vorlagen zu verschieden Themenkomplexen und Arbeitsfeldern geladen werden. Diese können Fachdatenthemen, aktive Werkzeuge und eine Gebietsauswahl beinhalten. Die verfügbaren Vorlagen und ihr Inhalt werden von den Fachbehörden in Koordination mit dem CoSI-Betriebsteam gepflegt.
+
+   > Zu den Vorlagen gelangen Sie über die Gebietsauswahl. Wenn das entsprechende Gebiet ausgewählt ist, finden Sie unter Dienste, die Option Vorlagen. Hier können Sie nun alle weiteren Optionen für die Vorlagen auswählen.
+
+1. **Liste aller Vorlagen (zum Aufklappen)**
+   > - Bildunsgeinrichtungen in Hamburg
+   > - Bildungseinrichtungen in Bergedorf
+   > - Erhaltungsmanagement Spielplätze
+   > - Sozialraumprofil
+
+2. **Inhaltsübersicht einer Vorlage**
+   > - Titel
+   > - Stand (Datum)
+   > - Beschreibung
+   > - Fachdatenthemen
+   > - Aktiver Bezugsrahmen (Verwaltungsebene)
+   > - Ausgewählte Gebiete
+3. **optionale Gebietsauswahl**
+   > Wenn keine Bezugrahmen/Gebiete definiert sind, können diese händisch im Vorfeld oder nach dem Laden ausgewählt werden. Die Inhalte werden dann für die aktive Gebietsauswahl geladen.
+4. **Vorlage laden**
+   > Die ausgewählte Vorlage laden.
+
+
+___
+
+# Dashboard
+___
+
+### Statistische Datenübersicht
+
+In der statistischen Datenübersicht können tabellarisch Informationen zu den statistischen Daten der ausgewählten Gebiete (**Statistische Datenübersicht**) angezeigt, ausgewertet und exportiert werden.
+
+  > Um zur statistischen Datenübersicht zu gelangen, wählen Sie im Dashboard den Punkt "statistische Datenübersicht" aus. 
+  
+![Abbildung 27: Statistische Datenübersicht](/cosi/manuals/016a_statistischedatenuebersicht.png)
+*Abb. : Statistische Datenübersicht 1*
+
+![Abbildung 29: Statistische Datenübersicht](/cosi/manuals/016b_statistischedatenuebersicht.png)
+*Abb. : Statistische Datenübersicht 2*
+
+
+
+1. **Gruppen ein-/ausklappen**
+   > Thematische Gruppen (vgl. [Regionalstatistische Daten](/cosi/manuals/019kartenvisualisierung.md)) über das **+** ein- und ausklappen.
+2. **Aktionen**
+   > - [Dreistrich-Menü](#dreistrich-menü) aufklappen
+   > - Visualisierung ein- / ausschalten: Schaltet die Visualisierung des ausgewählten Indikators zum aktuell gewählten Jahr in der Karte ein/aus
+   > - Jahre ein- / ausklappen: Klappt die Tabellenzeile auf um alle Jahre der Zeitreihe darzustellen.
+3. **Jahr auswählen**
+   > Aktuelles Jahr für die Darstellung in Tabelle und Karte auswählen.
+4. **Spalte verschieben**
+   > Mit den Pfeilen links/rechts die Spalte verschieben. Die Trennstriche grenzen die Verwaltungsebenen voneinander ab
+5. **Spalte ein-/ausblenden**
+   > Mit dem Auge kann eine Spalte aus- und eingeblendet werden, um die Tabelle übersichtlicher zu gestalten. Ausgeblendete Spalten werden für Exporte und Diagramme nicht berücksichtigt.
+6. **Aggregationsspalten**
+   > Die letzten zwei Spalten zeigen standardmäßig Durchschnitts- und Gesamtwert für die **ausgewählten Gebiete** (wie in der Karte dargestellt, nur die ausgewählte Verwaltungsebene). Für relative (anteilige) Indikatoren können keine Aggregationen berechnet werden, da der Bezugsrahmen nicht klar ist.
+7. **Spalte auswählen**
+   > Spalten für Export und Diagramm-Erstellung auswählen. Ist keine Spalte ausgewählt werden alle verwendet.
+8. **Zeile auswählen**
+   > Zeilen für Export und Diagramm-Erstellung auswählen. Ist keine Spalte ausgewählt werden alle für den Export bzw. nur die aktuelle für die Diagramme verwendet.
+9. **Trendpfeil**
+   > Der Trendpfeil zeigt das extrapolierte Wachstum für den nächsten Zeitschritt (in % im Tooltip) an. Für die Abschätzung werden die Steigungen der letzten 5 Zeitschritte, gewichtet nach Aktualität, herangezogen. Die Darstellung erhebt **keinen Anspruch** auf Genauigkeit und berücksichtigt keine anderen Werte über die aktuelle Zeitreihe hinaus.
+   
+10. **Themenfilter**
+      > Über den Filter können beliebige Indikatoren (sortiert nach Gruppen) für die Darstellung und den Export ausgewählt werden. Die Liste kann im Freitext durchsucht werden.
+11. **Tabelle exportieren**
+      > Die aktuelle Auswahl (Spalten, Zeilen, Jahre) als XLSX für Excel exportieren. Über das Auswahlfeld *alle Jahre exportieren* kann die gesamte Zeitreihe für die ausgewählten Spalten und Zeilen exportiert werden. Ist keine Spalte oder Zeile ausgewählt werden alle verwendet.
+12. **Kartenvisualisierung**
+      > Die Darstellung in der Karte entspricht der des Kontrollfeldes [Kartenanalyse regionalstatistischer Daten](/cosi/manuals/kartenvisualisierung.md).
+
+#### Dreistrich Menü
+![Abbildung 28: Statistische Datenübersicht - Dreistrich-menü](/cosi/manuals/016c_statdashboard_burgermenu.PNG)
+*Abb. : Statistische Datenübersicht - Dreistrich-Menü.*
+
+1. **Visualisierung ein-/ausschalten**
+   > Thematische Gruppen
+2. **Zeitreihe in der Karte animieren**
+   > *(Funktioniert nur bei aktiver Kartenvisualisierung)*
+3. **Gebietsnamen ein-/ausblenden**
+   > *(Funktioniert nur bei aktiver Kartenvisualisierung)*
+4. **Für Feld A auswählen**
+   > Selektiert das Thema als **Feld A** für Berechnungen und Korrelation (siehe 7, 8, 9, 10, 12)
+5. **Für Feld B auswählen**
+   > Selektiert das Thema als **Feld B** für Berechnungen und Korrelation (siehe 7, 8, 9, 10, 12)
+6. **Auswahl aufheben**
+   > Setzt die Felder **A** und **B** zurück
+7. **Addieren**
+   > Addiert die Werte für **A** und **B** für jede Gebietsspalte und fügt das Ergebnis der Tabelle an. Der neue Datensatz kann ebenfalls in der Karte visualisiert und in anderen Werkzeugen verwendet werden.
+8. **Subtrahieren**
+   > Analog zu **Addieren**, subtrahiert **A** - **B**.
+9. **Multiplizieren**
+   > Analog zu **Addieren**, multipliziert **A** x **B**.
+10. **Dividieren**
+      > Analog zu **Addieren**, dividiert **A** / **B**.
+11. **Diagramme erzeugen**
+      > Erzeugt Diagramme für den ausgewählten Indikator im [Graphenvisualisierung](/cosi/manuals/008graphenvisualisierung.md) (analog zu [Kartenanalyse regionalstatistischer Daten](/cosi/manuals/019kartenvisualisierung.md)). Visualisiert alle ausgewählten Spalten (s. [Statistische Datenübersicht](/cosi/manuals/016statistischedatenuebersicht.md)).
+12. **Korrelations- / Streuungsdiagramm**
+      > Visualisiert ein Streuungsdiagramm für die Felder **A** (Y-Achse) über **B** (X-Achse) im [Graphenvisualisierung](/cosi/manuals/008graphenvisualisierung.md) und berechnet die Korrelation (Pearson) zwischen den Datensätzen und zeichet eine Regressionsgerade.
+### Einrichtungsübersicht
+   > Um zur Einrichtungsübersicht zu gelangen, muss zunächst ein beliebiger Stadtteil oder Bezirk ausgewählt werden. Als nächtes unter dem Bereich Themen die gewünschten Themen oder Fachdaten auswählen (z.B. Bildung und Wissenschaft). Im Dashboard unter Einrichtungsübersicht können Sie dann mit der Analyse Ihrer Einrichtung beginnen.
+   
+![Abbildung 1: Einrichtungsübersicht](/cosi/manuals/017a_einrichtungsuebersicht.PNG)
+*Abb. a: Einrichtungsübersicht.*
+
+1. **Detailansicht ein-/ausklappen**
+   > Über den Pfeil können *alle* Attribute einer Einrichtung aufgeklappt werden. Die einzelnen Zeilen der Detailansicht können für den weiteren Export ausgewählt werden.
+2. **Einrichtung auswählen**
+   > Einrichtungen für den Export auswählen. Ausgewählte Einrichtungen werden in der Karte visuell hervorgehoben.
+   *Wenn Sie die Einrichtung ausgewählt haben und unter **12** einen Fachdatensatz zur Auswertung ausgewählt haben, werden diese ebenfalls auf der Karte angezeigt. (s. Abbildung 2)*
+   ![Abbildung 2: Fachdaten zur Auswertung auf der Karte](/cosi/manuals/017b_einrichtungsuebersicht.PNG)
+*Abb. b: Weitere Fachdaten auf der Karte.*
+3. **Einrichtung fokussieren**
+   > Durch einen Klick auf das Symbol der Einrichtung zoomt die Karte zu den gewählten Einrichtungen. Die Einrichtungen werden dann in der Karte visuell hervorgehoben.
+4. **Einrichtung ein-/ausblenden**
+   > Einrichtungen können in der Karte ein- und ausgeschaltet werden. Indem auf das "Augen"-Symbol neben dem Richtungssymbol geklickt wird. Ausgeschaltete Einrichtungen werden bei allen anderen CoSI-Funktionen nicht berücksichtigt.
+5. **Einrichtungsattribute**
+   > - Einrichtungsname, Adresse, Layer, Typ und Thema werden dem Datensatz direkt entnommen
+   > - Die Gebietszuweisung wird dynamisch für die aktuelle Verwaltungsebene generiert
+   > - Symbole zeigen an, wenn eine Einrichtung simuliert oder modifiziert wurde.
+6. **Einträge sortieren**
+   > Alle Spalten können, durch mehrmaliges Klicken auf die Kopfzeile, neben dem Namen (z.B. Einrichtung) auf- und absteigend sortiert werden (alphabetisch oder nach Wert). Dabei kann für max. 2 Spalten erfolgen (z.B. 1. nach Typ und 2. nach numerischem Wert).
+7. **Numerische Attribute**
+   > Alle Attribute einer Einrichtung, die Zahlwerte abbilden (welche auch für die [Versorgungsanalyse](/cosi/manuals/006versorgungsanalyse.md) verwendet werden können) werden in einer eigenen Spalte dargestellt. Die Farbe des Balkens richtet sich dabei nach dem Dezil des Wertes in der Liste aller Einrichtungen. Die Länge des Balkens ist proportional zum Höchstwert.
+8. **Durchschnittliche Anbindung (in m)**
+   > Die Anbindungsspalte zeigt die durchschnittliche Laufdistanz (in m) zu den jeweils nächstgelegenen Einrichtungen der ausgewählten Typen. Durch einen Klick auf den Wert kann die entsprechende Aufschlüsselung geöffnet werden (s. 12.).
+9.  **Such- und Filterfunktionen**
+      > Hier können Sie die Liste nach Themen filtern oder im Freitext die Einrichtungen durchsuchen.
+10. **Einrichtungsdiagramme erstellen**
+      > Erzeugt für alle verfügbaren Datenspalten ein Balkendiagramm, in dem die Werte der jeweiligen Einrichtungen und ihre Verteilung über die ausgewählten Gebiete.
+      - **10.1 Layer zusammenziehen**
+         > Wenn Sie diese Checkbox aktivieren, werden bei "Einrichtungsdiagramme erstellen"  Einrichtungen unterschiedlichen Typs zusammengezogen, wenn sie identische Attribute haben. *Beispiel: Wenn Sie Supermärkte und Drogerien ausgewählt haben, teilen sich beide das Attribut "Verkaufsfläche in m² und werden dementsprechend im Graphen zusammen dargestellt".*
+      - **10.2 Graphenvisualisierung als PNG oder Zip**
+         > Die Graphenvisualisierung kann als PNG oder Zip heruntergeladen werden. Die entsprechenden Buttons befinden sich unterhalb der Graphenvisualisierung.
+11. **Tabelle exportieren**
+      > Die ausgewählten Einträge als XLSX für Excel exportieren. Über das Auswahlfeld *Detailansicht exportieren* können alle bzw. in der Detailansicht ausgewählte Attribute eines Einrichtungstyps exportiert werden. Ist keine Auswahl getroffen, werden alle Einrichtungen exportiert.
+12. **Standortbewertung: Themenauswahl**
+      > Die gelisteten Einrichtungen oder Standorte (z.B. Seniorenheime) können bewertet werden. Bewertunskriterium ist dabei die Laufweite in Metern zur jeweils nächstgelegenen Einrichtung eines anderen Fachdatenthemas (z.B. Haltestellen). Es können auch Themen als Kriterium ausgewählt werden, die in der Karte nicht als Punkt, sondern als Fläche repräsentiert werden (z.B. Spielplätze). Bei der Auswahl mehrerer Themen wird ein gewichteter Mittelwert gebildet (s. 8./13.). Andere Themen, z.B. Lärmkarte, Luftqualität, etc. für die Bewertung befinden sich im Aufbau.
+13. **Standortbewertung: Gewichtung**
+      > Erlaubt die Gewichtung der Themen für die Standortbewertung. Ein Thema mit Wert 0,5 wird somit nur halb so stark in den Mittelwert einbezogen, wie eines mit dem Wert 1.
+14. **Standortvisualisierung für alle ausgewählten**
+      > Erstellt ein Balkendiagramm mit der Aufschlüsselung für alle ausgewählten Einrichtungen. Wenn Sie mehr als zwei Fachdatensätze für die Auswertung (s. 12) ausgewählt haben, dann wird ein Radardiagramm generiert. Wenn Sie keine Einrichtungen ausgewählt haben, werden *alle* verfügbaren Einrichtungen in das Diagramm mit einbezogen.
+15. **Histogramm**
+      > Erzeugt ein Histogramm, dass die Verteilung der ausgewählten Einrichtungen abbildet.
+## Gebietsauswahl
+___
+Beim Starten von CoSI wird zunächst ein Bezugsrahmen festgelegt sowie ein Planungsgebiet zusammengestellt und bestätigt.
+
+Wenn Sie Ihren Bezugsrahmen ändern möchten, könnten Sie dies unter "Gebiete auswählen" tun.
+
+![Abbildung 1: Gebietsauswahl](/cosi/manuals/018a_gebietsauswahl.png)
+
+
+*Abb. a: Das Werkzeug "Gebiet auswählen".*  
+
+1. **Bezugsrahmen wählen**
+   > Über ein Dropdown Menü können **"Bezirke"**, **"Stadtteile"** oder **"Statistische Gebiete"** ausgewählt werden – dies legt die Verwaltungseinheit fest, für die die statistischen Daten angezeigt und Auswertungen erstellt werden sollen. Alle Funktionen sind auf den jeweiligen Gebietsebenen verfügbar. Die Zahl der verfügbaren Indikatoren kann jedoch variieren. Der Bezugsrahmen bestimmt auch die zu ladenden übergeordneten Referenzgebiete: Stadtteile für stat. Gebiete, Bezirke für Stadtteile.
+2. **Gebiete aus- und abwählen**
+    - Die einzelnen Verwaltungseinheiten (statistisches Gebiet oder Stadtteil) anklicken (nochmaliges Klicken deaktiviert die Auswahl wieder), die Grenzen werden blau markiert. 
+    - Auf dem Stift rechts neben "Auswahl zurücksetzen" klicken. Es wird ein Zeichentool aktiviert; damit können Nutzer:innen ein Rechteck über das Auswahlgebiet ziehen um dieses auszuwählen.
+    - Beide vorher beschriebenen Möglichkeiten sind auch miteinander kombinierbar, wobei die Reihenfolge unerheblich ist. Die Nutzer:innen können also zuerst einzelne Verwaltungseinheiten auswählen und dann das Zeichentool aktivieren, um damit weitere Verwaltungseinheiten hinzuzuschalten oder auch andersherum vorgehen.
+3. **Puffer festlegen**
+   > Es kann ein Pufferradius in Metern festgelegt werden. Für den werden ausgewählte Fachdaten um das Planungsgebiet herum angezeig. Dies berücksichtigt die Tatsache, dass das Einzugsgebiet von einer Einrichtung nicht unbedingt übereinstimmt mit den Gebietsgrenzen der Verwaltungseinheit innerhalb derer sich die Einrichtung befindet. Die Analysefunktionen werden davon nicht beeinflusst.
+4. **Auswahl bestätigen**
+   > Lädt die Daten für das ausgewählte Planungsgebiet vom Server und legt den Bereich für die anzuzeigenden Fachdaten fest. Auch eine leere Auswahl kann bestätigt werden. Dann werden keine Daten geladen und Fachdaten für den gesamten Stadtbereich angezeigt. (s. unten)
+5. **Auswahl zurücksetzen**
+   > Setzt das aktuelle Planungsgebiet zurück. Im direkten Anschluss kann ein neues Planungsgebiet zusammengestellt und bestätigt werden.
+6. **Auswahlrechteck zeichnen**
+   > Ein Startpunkt wird gesetzt und ein Rechteck bis zum Endpunkt über das relevante Gebiet gezogen. Alle Verwaltungseinheiten, die innerhalb des Rechtecks oder an den Linien des Rechtecks liegen, werden in das Planungsgebiet aufgenommen.
+7. **Zusätzliche Hilfsebenen ein/- ausblenden**
+   > Mithilfe der Checkbox können zusätzliche Layer zur Orientierung ein- und ausgeblendet werden. Der Layer kann ebenfalls über den Themenbaum ein- und ausgeschaltet werden. Zu den Hilfsebenen gehören aktuell die "Sozialräume" und die "RISE Fördergebiete".
 
-   - **9.1** Für die bessere Visualisierung in einer späteren Tabelle, können Sie hier dem numerischen Wert einen sinnvollen Namen geben, sollte das Attribut nicht sinnvoll benannt sein. So könnten Sie beispielsweise "budget_21" in "Verfügbare Mittel 2021" umbenennen.
-   - **9.2** Hier sehen Sie die ID des Attributs und dahinter in Klammern einen Beispielwert aus dem ersten Eintrag.
-   - **9.3** Mit dieser Checkbox fügen Sie das Attribut zu den numerischen Werten hinzu. 
-## Graphenvisualisierung
-___
-Das Graphenvisualisierungswerkzeug erstellt Graphen aus Datensätzen und verwaltet diese. Darüberhinaus ermöglicht es Ihnen den Export dieser Graphen als PNG.
+Das festgelegte Planungsgebiet kann jederzeit angepasst werden:  
 
-   > Nach dem Sie Ihre gewünschten Gebiete und Fachdaten ausgewählt haben, können Sie unter Analyse - Graphenvisualisierung, Ihre Ergebnisse visuell darstellen lassen. 
+   - Das Gebiet kann *erweitert* werden: sowohl per Klick als auch per Zeichentool.
+   - Das Gebiet kann *verkleinert* werden: per Klick können markierte Verwaltungseinheiten wieder abgewählt werden.
+   - Das Gebiet kann komplett zurückgesetzt werden: per Klick auf "Auswahl zurücksetzen".
 
-![Abbildung 1: Graphenvisualisierung](https://github.com/AlexandraKanapki/cosi/blob/COSI-handbuch/cosi/manuals/graphenvisualisierung.png?raw=true)  
-*Abbildung 1: Graphenvisualisierung*
+Es muss nicht in jedem Nutzungskontext immer ein Planungsgebiet als erstes festgelegt werden; bestimmte Analysetools wie z.B. die [Erreichbarkeitsanalyse](/cosi/manuals/003erreichbarkeitsanalyse.md) und [Vergleichbare Gebiete](/cosi/manuals/004vergleichbaregebieteermitteln.md) können verwendet werden ohne dass vorher ein Gebiet festgelegt wird.  
 
-1. **Diagrammtyp auswählen**
-   > Häufig werden gleich unterschiedliche Graphen erstellt. Hier können Sie zwischen den verfügbaren Diagrammen für den ausgewählten Datensatz umschalten.
-2. **Graph & Legende**
-   > Das augewählte Diagramm. Sie finden hier den Titel des ausgewählten Datensatzes, die Legende und den erzeugten Graphen.
-3. **Y-Achse skalieren**
-   > Hier wählen Sie aus, ob die Y-Achse des Graphen von 0 an beginnt oder relativ zum kleinsten verfügbaren Wert.  
-   *Diese Funktion ist nur beim Liniendiagramm verfügbar.*
-4. **Y-Achse stapeln**
-    > Die Werte der Datensätze werden aufsummiert und farblich abgetrennt dargestellt.
-5. **Ergebnisverzeichnis**
-   > Das [Ergebnisverzeichnis](./pagination.md) verwaltet die unterschiedlichen erstellten Graphen und bietet einige standardisierte Funktionen, zu denen Sie [hier](./pagination.md) mehr erfahren können.
+Für solche Fälle gelten folgende Hinweise:  
+
+   - Es werden keine Datensätze geladen, d.h. eine Anzeige der regionalstatistischen Daten ist nicht möglich. Auch werden keine regionalstatistischen Daten im Dashboard angezeigt.
+   - Beim Zuschalten von Themen aus den Fachdaten könnte der Ladevorgang länger dauern.
+   - Möglicherweise funktioniert die [Erreichbarkeitsanalyse](/cosi/manuals/003erreichbarkeitsanalyse.md) für eine sehr große Zahl von Einrichtungen nicht zuverlässig.
 ## Kartenanalyse regionalstatistischer Daten
 ___
 Grundlage aller CoSI-Analysefunktionen sind neben den Fachdaten-Layern die Datensätze der StaNord-Datenbank, welche für die verschiedenen Verwaltungseinheiten als Zeitreihen vorliegen. Diese können für das ausgewählte Planungsgebiet direkt und dynamisch in der Karte visualisiert werden. Die *Farbskalierung und Legende* werden hierbei *dynamisch* aus der Auswahl generiert. Es wird immer der *aktuellste Datensatz* dargestellt.
@@ -505,9 +1110,9 @@ Das Werkzeug zur Visualisierung regionalstatistischer Daten ermöglicht die Ausw
 Das Werkzeug kann die ausgewählten Datensätze auf der Karte visualisieren und generiert eine dynamische Legende. Des Weiteren können Datensätze für mehrere Jahre ausgewählt und auf Wunsch in hintereinander laufender Folge animiert werden.  
 
 
-![Abbildung 1: Fenster zur Kartenanalyse statistischer Daten](https://user-images.githubusercontent.com/43250699/159270688-1d5e1b8f-799b-4d31-8b8e-247b0fd45293.png)  
+![Abbildung 1: Fenster zur Kartenanalyse statistischer Daten](/cosi/manuals/019a_kartenvisualisierung.png)  
 
-*Abbildung 1: Fenster zur Kartenanalyse statistischer Daten*  
+*Abb. a: Fenster zur Kartenanalyse statistischer Daten.*  
 
 1.	**Werkzeug minimieren/ maximieren**  
    > Über den Button kann das Fenster des Werkzeugs minimiert bzw. wieder maximiert werden.
@@ -532,309 +1137,123 @@ Das Werkzeug kann die ausgewählten Datensätze auf der Karte visualisieren und
 11. **Gebietsnamen ein-/ ausblenden**  
    > Über den Button können Sie die Namen der ausgewählten Gebiete auf der Karte ein- und wieder ausblenden.
 12. **Hilfsbutton**  
+### Ergebnisverzeichnis
+Das Ergebnisverzeichnis unterstützt in einigen Werkzeugen die Verwaltung mehrerer Datensätze. Die zugrunde liegenden Funktionen sind aber standardisiert und werden im Folgenden näher erläutert. 
+  
+
+
+![Ergebnisverzeichnis des Werkzeugs "Vergleichbare Gebiete ermitteln"](/cosi/manuals/020a_ergebnisverzeichnis.png)
+
+*Abb. a: Ergebnisverzeichnis des Werkzeugs "Vergleichbare Gebiete ermitteln"*
+  
+1. **Direktanwahl eines Datensatzes**
+   > Wählen Sie direkt den Datensatz mit dem jeweiligen Index an. Sie können hier auch ablesen, wieviele Datensätze sie aktuell in dem jeweiligen Werkzeug haben.
+2. **Vor/ Zurück**
+   > Durch Klicken auf einen der Pfeile wird der nächste/ vorherige Datensatz ausgewählt.
+3. **Neuen Datensatz hinzufügen** 
+   > Je nach Werkzeug wird diese Funktion nicht immer genutzt, sollte der Button aber vorhanden sein, können Sie mit seiner Hilfe einen neuen Datensatz anlegen..
+4. **Export**
+   > Mit diesem Button können Sie die Ergebnisse des jeweiligen Datensatzes exportieren und speichern. Es können mehrere dieser Buttons existieren, wenn mehrere Formate zum Export angegeben werden.
+5. **Alle exportieren**
+   > Sie führen die Exportfunktion für alle Datensätze durch. Sollten mehrere Dateitypen angeboten werden, werden alle heruntergeladen. Eventuell müssen Sie in ihrem Browser den Download für mehrere Dateien genehmigen.
+6. **Datensatz entfernen**
+   > Mit diesem Button löschen Sie einen Datensatz und alle dazugehörigen Ergebnisse.
+7. **Alle entfernen**
+   > Mit diesem Button entfernen Sie alle Datensätze und setzen das Werkzeug zurück.
 ### Manuelle Flächenauswahl für Fachdaten
-Mit Hilfe dieses Werkzeuges können Sie ein Polygon auf der Karte zeichnen, innerhalb dessen Fachdaten angezeigt werden. Einrichtungen oder andere Fachdatenmarker, die außerhalb dieses Polygons liegen, werden ausgeblendet. 
-> Um die Manuelle Flächenauswahl nutzen zu können, wählen Sie hier zunächst *Analyse* und infolge dessen *Manuelle Flächenauswahl*.
+Mit Hilfe dieses Werkzeuges können Sie ein Polygon auf der Karte zeichnen, innerhalb dessen Fachdaten angezeigt werden. Einrichtungen oder andere Fachdatenmarker, die außerhalb dieses Polygons liegen, werden ausgeblendet.
 
-![Abbildung 4: Manuelle Flächenauswahl](https://github.com/AlexandraKanapki/cosi/blob/COSI-handbuch/cosi/manuals/manuelle%20flaechenauswahl.png?raw=true)
+![Abb. : Manuelle Flächenauswahl](/cosi/manuals/021a_manuelleflaechenauswahl.png) 
 
-*Abbildung 4: Manuelle Flächenauswahl*
+*Abb. a: Manuelle Flächenauswahl*
 
 1. **Polygon zeichnen**
-   > Klicken Sie auf diesesn Button, um ein neues Polygon auf der Karte zu zeichnen.
+   > Klicken Sie auf diesen Button, um ein neues Polygon auf der Karte zu zeichnen.
 2. **Eingabe löschen**
-   > Löschte die bestehende Flächenauswahl und zeigt alle Fachdaten wieder an.
+   > Löscht die bestehende Flächenauswahl und zeigt alle Fachdaten wieder an.
 3. **Einwohnerabfrage**
-   > Für die aktuelle Flächenauswahl eine [Einwohnerabfrage](./einwohnerabfrage.md) durchführen.  
+   > Für die aktuelle Flächenauswahl eine [Einwohnerabfrage](/cosi/manuals/002einwohnerabfrage) durchführen.  
 4. **Ergebnisdarstellung auf der Karte**
-### Sitzung Speichern / Laden 
-![Abbildung 1: Sitzung Speichern](../utils/assets/screenshots/sitzungspeichern.png)
-*Abbildung 1: Sitzung speichern / laden*
-
-
-Mit dem Dienst **Sitzung speichern/laden** können aktuelle diverse Informationen der aktuellen Arbeitssitzung abgespeichert werden um diese zu einem späteren Zeitpunkt wieder öffnen und weiterbearbeiten zu können. Dies umfasst
+## Auswahlmanager
 
-- Die ausgewählte Verwaltungsebene und ausgewählte Gebiete
-- Aktive Fachdatenthemen 
-- Mit den [Simulationswerkzeugen](./einrichtungenanlegen.md) erstellte Szenarien 
-- Ergebnisse und Konfigurationen der Werkzeuge [Erreichbarkeitsanalyse](./erreichbarkeitsanalyse.md) und [Versorgungsanalyse](./versorgungsanalyse.md)
+>Hier folgt noch eine Beschreibung
+## Flächen Stylen
 
-und sind unter "Dienste", "Sitzung speichern/laden" zu finden.
+Mit Hilfe dieser Funktion können Sie Flächen, z.B. Gebäudegrundrisse, auf der Karte datenabhängig einfärben. Aktuell geht dies mit den Datensätzen Flurstücke, Nutzung, Gebäude und Wärmebedarf. Sie finden sich unter Fachdaten-Analyse/Simulation, Umwelt.
 
+Wählen Sie dazu ein Gebiet und z.B. den Datensatz Gebäude.
 
-1. **Schnell speichern**
-   > Aktuelle Sitzung im Browser (z.B. Edge, Firefox) speichern. Diese können beim Start von CoSI über den Button **Letzte Laden** wieder geladen werden. Wenn Browserverlauf oder Cache geleert werden, geht dieser Speicherstand verloren! Es kann immer nur eine Sitzung vorgehalten werden.
-2. **Letzte laden**
-   > Letzte im Browser gespeicherte Sitzung aus dem Cache laden
-3. **Letzte löschen**
-   > Letzte Sitzung aus dem Cache löschen
-4. **Speichern unter**
-   > Eine Sitzung benennen und als Datei auf dem Rechner speichern und über den Button **Datei laden** wieder laden. Diese können jederzeit wieder geladen oder mit anderen CoSI Nutzer:innen geteilt werden. 
-   
-   *Expertentipp: Die Sitzungen können mit jedem Texteditor geöffnet und als JSON-Datei bearbeitet werden.*
-5. **Datei laden**
-   > Sitzung aus lokaler Datei öffnen
-6. **Automatisches Speichern (10min)**
-   > Wenn aktiv wird die aktuelle Sitzung im Modus **Schnell speichern** alle 10min im Hintergrund gespeichert und kann über **Letzte laden** wiederhergestellt werden.
-### Statistische Datenübersicht
+![Abb.  1](/cosi/manuals/023a_flächenstylen.png)
+*Abb. a: Gebietsauswahl mit Gebäuden in Standard-Darstellung*
 
-In der statistischen Datenübersicht können tabellarisch Informationen zu den statistischen Daten der ausgewählten Gebiete ([Statistische Datenübersicht](#markdown-header-statistische-datenübersicht)) angezeigt, ausgewertet und exportiert werden.
+Starten Sie die Funktion Flächen Stylen im Menü Analyse.
 
-  > Um zur statistischen Datenübersicht zu gelangenn, wählen Sie im Dashboard den Punkt "statistische Datenübersicht" aus. 
-  
-![Abbildung 27: Statistische Datenübersicht](https://github.com/AlexandraKanapki/cosi/blob/COSI-handbuch/cosi/manuals/statistische%20datenu%CC%88bersciht1.png?raw=true)
-*Abbildung 27: Statistische Datenübersichtm 1*
+![Abb.  2](/cosi/manuals/023b_flächenstylen.png)
+*Abb. b: Flächen Stylen – Datenauswahl*
 
-![Abbildung 29: Statistische Datenübersicht](https://github.com/AlexandraKanapki/cosi/blob/COSI-handbuch/cosi/manuals/statistischedatenu%CC%88bersicht2.png?raw=true)
-*Abbildung 29: Statistische Datenübersicht 2*
+1. **Thema auswählen**
 
+> Klicken sie auf Themenauswahl und haken den gewünschten Datensatz an, hier: Gebäude.
 
+![Abb.  3](/cosi/manuals/023c_flächenstylen.png)
+*Abb. c: Flächen Stylen – Farbeinstellungen*
 
-1. **Gruppen ein-/ausklappen**
-   > Thematische Gruppen (vgl. [Regionalstatistische Daten](./kartenvisualisierung.md)) über das **+** ein- und ausklappen.
-2. **Aktionen**
-   > - s. [Bürger-Menü](#markdown-header-burgermenü)
-   > - Visualisierung ein- / ausschalten: Schaltet die Visualisierung des ausgewählten Indikators zum aktuell gewählten Jahr in der Karte ein/aus
-   > - Jahre ein- / ausklappen: Klappt die Tabellenzeile auf um alle Jahre der Zeitreihe darzustellen.
-3. **Jahr auswählen**
-   > Aktuelles Jahr für die Darstellung in Tabelle und Karte auswählen.
-4. **Spalte verschieben**
-   > Mit den Pfeilen links/rechts die Spalte verschieben. Die Trennstriche grenzen die Verwaltungsebenen voneinander ab
-5. **Spalte ein-/ausblenden**
-   > Mit dem Auge kann eine Spalte aus- und eingeblendet werden, um die Tabelle übersichtlicher zu gestalten. Ausgeblendete Spalten werden für Exporte und Diagramme nicht berücksichtigt.
-6. **Aggregationsspalten**
-   > Die letzten zwei Spalten zeigen standardmäßig Durchschnitts- und Gesamtwert für die **ausgewählten Gebiete** (wie in der Karte dargestellt, nur die ausgewählte Verwaltungsebene). Für relative (anteilige) Indikatoren können keine Aggregationen berechnet werden, da der Bezugsrahmen nicht klar ist.
-7. **Spalte auswählen**
-   > Spalten für Export und Diagramm-Erstellung auswählen. Ist keine Spalte ausgewählt werden alle verwendet.
-8. **Zeile auswählen**
-   > Zeilen für Export und Diagramm-Erstellung auswählen. Ist keine Spalte ausgewählt werden alle für den Export bzw. nur die aktuelle für die Diagramme verwendet.
-9. **Trendpfeil**
-   > Der Trendpfeil zeigt das extrapolierte Wachstum für den nächsten Zeitschritt (in % im Tooltip) an. Für die Abschätzung werden die Steigungen der letzten 5 Zeitschritte, gewichtet nach Aktualität, herangezogen. Die Darstellung erhebt **keinen Anspruch** auf Genauigkeit und berücksichtigt keine anderen Werte über die aktuelle Zeitreihe hinaus.
-10. **Themenfilter**
-      > Über den Filter können beliebige Indikatoren (sortiert nach Gruppen) für die Darstellung und den Export ausgewählt werden. Die Liste kann im Freitext durchsucht werden.
-11. **Tabelle exportieren**
-      > Die aktuelle Auswahl (Spalten, Zeilen, Jahre) als XLSX für Excel exportieren. Über aus Auswahlfeld *alle Jahre exportieren* kann die gesamte Zeitreihe für die ausgewählten Spalten und Zeilen exportiert werden. Ist keine Spalte oder Zeile ausgewählt werden alle verwendet.
-12. **Kartenvisualisierung**
-      > Die Darstellung in der Karte entspricht der des Kontrollfeldes [Kartenanalyse regionalstatistischer Daten](./kartenvisualisierung.md).
+1. **Daten auswählen**
 
-#### Bürgermenü
-![Abbildung 28: Statistische Datenübersicht - Bürgermenü](../utils/assets/screenshots/statdashboard_burgermenu.png)
-*Abbildung 28: Statistische Datenübersicht*
+> Wählen sie die Daten aus, auf deren Basis die Flächen eingefärbt werden sollen, hier: Anzahl Geschosse.
 
-1. **Visualisierung ein-/ausschalten**
-   > Thematische Gruppen
-2. **Zeitreihe in der Karte animieren**
-   > *(Funktioniert nur bei aktiver Kartenvisualisierung)*
-3. **Gebietsnamen ein-/ausblenden**
-   > *(Funktioniert nur bei aktiver Kartenvisualisierung)*
-4. **Für Feld A auswählen**
-   > Selektiert das Thema als **Feld A** für Berechnungen und Korrelation (siehe 7, 8, 9, 10, 12)
-5. **Für Feld B auswählen**
-   > Selektiert das Thema als **Feld B** für Berechnungen und Korrelation (siehe 7, 8, 9, 10, 12)
-6. **Auswahl aufheben**
-   > Setzt die Felder **A** und **B** zurück
-7. **Addieren**
-   > Addiert die Werte für **A** und **B** für jede Gebietsspalte und fügt das Ergebnis der Tabelle an. Der neue Datensatz kann ebenfalls in der Karte visualisiert und in anderen Werkzeugen verwendet werden.
-8. **Subtrahieren**
-   > Analog zu **Addieren**, subtrahiert **A** - **B**.
-9. **Multiplizieren**
-   > Analog zu **Addieren**, multipliziert **A** x **B**.
-10. **Dividieren**
-      > Analog zu **Addieren**, dividiert **A** / **B**.
-11. **Diagramme erzeugen**
-      > Erzeugt Diagramme für den ausgewählten Indikator im [Chartgenerator](./chartgenerator.md) (analog zu [Kartenanalyse regionalstatistischer Daten](./kartenvisualisierung.md)). Visualisiert alle ausgewählten Spalten (s. [Statistische Datenübersicht](#markdown-header-statistische-datenübersicht)).
-12. **Korrelations- / Streuungsdiagramm**
-      > Visualisiert ein Streuungsdiagramm für die Felder **A** (Y-Achse) über **B** (X-Achse) im [Chartgenerator](./chartgenerator.md) und berechnet die Korrelation (Pearson) zwischen den Datensätzen und zeichet eine Regressionsgerade.
-## Vergleichbare Gebiete ermitteln
-___
-Über den Bereich der "Analyse" gelangen Sie zu "Vergleichbare Gebiete ermitteln".
+2. **Farbeinstellungen starten**
 
-Das Werkzeug erlaubt die Ermittlung aller Gebiete (Stadtteile oder statistische Gebiete), in denen die ausgewählten Parameter vorherrschen, bzw. solcher, die dem gewählten Referenzgebiet in diesen Parametern ähneln.
-Wählen sie unter Filter die gewünschten Parameter für den Vergleich, sowie ein Referenzgebiet (optional).  
+> Klicken Sie auf das Stiftsymbol, um die Farbeinstellungen zu starten oder auch, um später Farbeinstellungen zu ändern oder zu ergänzen.
 
-![Abbildung 1: Vergleichbare Gebiete ermitteln](https://user-images.githubusercontent.com/43250699/157012950-d631691b-0f40-4ab5-85f4-9e6b9c250d7e.png)   
- 
-*Abbildung 1: Vergleichbare Gebiete ermitteln*  
+![Abb.  4](/cosi/manuals/023d_flächenstylen.png)
+*Abb. d: Flächen Stylen – Farbeinstellungen*
 
-1. **Statistische Datenfilter**
-   > Gewünschte Parameter für den Vergleich auswählen. Es können beliebig viele Parameter hinzugefügt werden. Alle StaNord-Datensätze sind hierfür verfügbar. Anteilige Werte eignen sich jedoch besser für die Vergleichbarkeit. Gegenwärtig können eigene Berechnungen aus dem Dashboard nicht herangezogen werden.
-2. **Referenzgebiet**
-   > Optional kann eins der ausgewählten Gebiete als Referenzgebiet angegeben werden.
-3. **Filter hinzufügen**
-   > Die Parametereinstellungen zeigen den aktuellen Datensatz (Jahr Min.- und Max.-Wert aller Hamburger Gebiete, den Referenzwert (frei wählbar oder des Referenzgebiets) sowie die Toleranz nach oben und unten. Das Toleranzintervall ist entweder in absoluten Zahlen oder in Prozent für anteilige Werte angegeben.
-4. **Alle Filter zurücksetzen** 
-   > Setzen Sie Ihre Eingaben zurück.  
-5. **Pagination** 
-   > Der "Datensatz hinzufügen" Button aus der [Pagination](./pagination.md).  
+1. **Farben zuweisen**
 
-![Abbildung 2: Vergleichbare Gebiete ermitteln, Ergebnisse](https://user-images.githubusercontent.com/43250699/157013004-f8b83b5e-92b3-4900-a0c0-60a1518a187f.png)  
-*Abbildung 2: Vergleichbare Gebiete ermitteln, Ergebnisse*  
+> Wählen sie den Farbkreis aus, dessen Farbe sie wählen möchten. Sie können Füllfarbe und Umrissfarbe festlegen.
 
-1. **Pagination**
-   > Die [Pagination](./pagination.md) verwaltet die unterschiedlichen Datensätze. Sie erscheint, sobald Sie einen zweiten Datensatz erstellt haben.
-2. **Parametereinstellungen (Jahr)**
-   > Wählen Sie die Grundlage für das entsprechende Jahr aus.  
-3. **Parametereinstellungen (Attribute)**
-   > Sofern es sich um einen Themenlayer handelt, können Sie hier ggf. Attribute der Einrichtung auswählen, anhand deren Sie nach vergleichbaren Gebieten suchen.  
-4. **Parametereinstellungen (Toleranz)**
-   > Stellen Sie die Toleranz ein, innerhalb derer weitere vergleichbare Gebiete gefunden werden sollen. Das Toleranzintervall ist entweder in absoluten Zahlen oder in Prozent für anteilige Werte angegeben.  
-5. **Ergebnisse**
-   > Eine Liste aller Gebiete, auf die die gewählten Kriterien zutreffen, wird im Fenster angezeigt. Ein Klick auf ein Gebiet legt den Kartenausschnitt auf dieses fest.
-6. **Als Gebietsauswahl setzen**
-   > Über *Ergebnis als Gebietsauswahl* setzen kann die aktuelle Gebietsauswahl für weitere Analysen auf die Ergebnis-Gebiete gesetzt werden.
-  
-## Dienste/ Versorgungsanalyse
-___
-Mit diesem Werkzeug kann das Verhältnis zweier Datensätze zueinander berechnet werden. Die Datensätze können entweder regionalstatistische Daten oder Einrichtungsdaten aus dem Menü "Themen/ Fachdaten" sein. Damit die Versorgungsanalyse verwendet werden kann, müssen mindestens zwei Datensätze geladen worden sein. Die "Versorgungsanalyse" finden sie im Bereich "Analyse".
+2. **Farben zurücksetzen**
 
+> Mit der Schaltfläche Zurücksetzen werden alle Farbzuweisungen gelöscht.
 
-![Abbildung 1: Versorgungsanalyse, Einstellungen](https://user-images.githubusercontent.com/43250699/142926985-dfc8c2f9-c652-49f5-8f92-64a985a64f5e.jpg)
+3. **Zuletzt gesetzte Farben verwerfen**
 
-*Abbildung 1: Versorgungsanalyse, Einstellungen*
+> Mit der Schaltfläche Abbrechen verwerfen sie Änderungen, die sie seit dem letzten Aufruf des Dialogs Farbeinstellungen gemacht haben, und verlassen den Dialog.
 
-1. **Info** 
-   > Über den Button finden Sie zu dieser Anleitung.
-2. **Typ bestimmen**
-   > Mit Klick auf den Button wechseln Sie zwischen Themendatensätzen (hier auch "Einrichtungen") und statistischen Regionaldaten.
-3. **Thema/ Datensatz auswählen**
-   > Wählen Sie das Thema/ den Datensatz aus, den Sie verrechnen möchten.
-4. **Faktor F hinzufügen**
-   > Bei Einrichtungsdatensätzen können Sie einen *Faktor (F)* angeben, der bestimmt, wie viele Einheiten der ausgewählten Einrichtung für den Referenzdatensatz benötigt werden. Wollen Sie beispielsweise die Anzahl der öffentlichen Schulen gegen die Anzahl der Bevölkerung unter 18 Jahren rechnen und geben einen Faktor von 0,001 an, würde das bedeuten, dass eine Schule pro 1000 Mitglieder der Referenzgruppe benötigt wird. Ist ein *Faktor (F)* angegeben, werden die Spalten "Kapazität" und "Bedarf" in der Berechnungstabelle mit angegeben.
-5. **Parameter auswählen** 
-   > Manche Einrichtungsdatensätze haben andere Parameter, als nur ihre Anzahl in den ausgewählten Gebieten. So kann man bei öffentlichen Schulen beispielsweise den Datensatz "Schülerzahl" abfragen oder bei Krankenhäusern die Anzahl der stationären Plätze. Nicht jeder Einrichtungsdatensatz bietet zusätzliche Parameter.
-7. **Auswahl vertauschen**
-   > Mit einem Klick auf diesen Button können Sie Ihre Auswahl von Feld (1) und (2) vertauschen.
-8. **Die gesamte Auswahl zurücksetzen**
-9. **Berechnen**
+4. **Änderungen bestätigen**
 
-![Abbildung 2: Versorgungsanalyse, Ergebnisse](https://user-images.githubusercontent.com/43250699/157009202-4cfeb5ff-e519-4305-ba4f-4ecde4f60bd0.png)
+>Bestätigen Sie gewollte Änderungen mit der Schaltfläche Übernehmen. Sie verlassen den Dialog und die neuen Farben werden angezeigt.
 
-*Abbildung 2: Versorgungsanalyse, Ergebnisse*
+### Farbeinstellung
 
-1. **Pagination**
-   > Die [Pagination](./pagination.md) verwaltet alle von Ihnen erstellen Datensätze und bietet bestimmte standardisierte Funktionen wie Downloads und ähnliches an. Sie finden mehr Informationen dazu [hier](./pagination.md).
-2. **Daten als Chart visualisieren**
-   > Die Daten werden zum [Chartgenerator](./chartgenerator.md) geladen und dort als Graphen visualisiert.
-3. **Auf der Karte visualisieren**  
-   > Die Daten werden mit Hilfe der [Kartenvisualisierung](./kartenvisualisierung.md) auf der Karte visualisiert und je nach Wert in unterschiedlichen Farben dargestellt.
-4. **Tabellenspalte für erweiterte Funktionen auswählen**
-   > Hier können Sie Tabellenspalten auswählen die für die erweiterten Funktionen "Als Chart visualisieren" (3) und "Auf der Karte visualisieren" (4) herangezogen werden soll.
-   
-5. **Jahr auswählen**
-   > Hier können Sie das Jahr auswählen, für das die entsprechenden Daten geladen worden sind.
-6. **Ergebnistabelle**  
-      - **Gebiet:** Die ausgewählten Gebiete, für die die Ergebnisse berechnet wurden. Hier finden sich auch die Indikatoren für die Zeilen "Gesamt" und "Durchschnitt".
-      - **Auswahlfeld (1):**  
-         Der Wert für den in Auswahlfeld (1) gewählten Datensatz.
-      - **Auswahlfeld (2):**  
-         Der Wert für den in Auswahlfeld (2) gewählten Datensatz.
-      - **Verhältnis:**  
-         Hier wurde der Wert des Auswahlfeldes (1) durch den Wert des Auswahlfeldes (2) geteilt.
-      - **Bedarfsdeckung:**  
-         Die Versorgungsabdeckung in Prozent, d.h. das Verhältnis zwischen der aus Auswahlfeld (1) ermittelten Kapazität und Auswahlfeld (2) im Gebiet. Wurde kein Faktor F ausgewählt, zeigt die Spalte das direkte Verhältnis beider Felder in Prozent an.
-      - **6.1 Pagination der Ergebnistabelle**
-      
-         Wenn in Ihrer Ergebnistabelle mehr als 10 Ergebnisse angezeigt werden, können Sie hier entsprechend die Daten durchschalten.
-### Vorlagen
-![Abbildung 1: Vorlagen](https://github.com/AlexandraKanapki/cosi/blob/COSI-handbuch/cosi/manuals/Vorlagen1.png?raw=true)
+![Abb.  5](/cosi/manuals/023e_flächenstylen.png)
+*Abb. e: Flächen Stylen – Farbauswahl*
 
-*Abbildung 1: Vorlagen*
+Sie haben verschiedene Möglichkeiten, die Farbe einzustellen:
 
-Über den Dienst **Vorlagen** können Vorlagen zu verschieden Themenkomplexen und Arbeitsfeldern geladen werden. Diese können Fachdatenthemen, aktive Werkzeuge und eine Gebietsauswahl beinhalten. Die verfügbaren Vorlagen und ihr Inhalt werden von den Fachbehörden in Koordination mit dem CoSI-Betriebsteam gepflegt.
+1. **Helligkeit wählen**
 
-   > Zu den Vorlagen gelingen sie die Gebietsauswahl. Wenn das entsprechende Gebiet ausgewählt ist, finden Sie unter Dienste, die Option Vorlagen. Hier können Sie nun alle weiteren Optionen für die Vorlagen auswählen.
+> Klicken sie an gewünschter Position in das Rechteck, um die Helligkeit der unten gewählten Farbe einzustellen.
 
-1. **Liste aller Vorlagen (zum Aufklappen)**
-   > - Bildunsgeinrichtungen in Hamburg
-   > - Bildungseinrichtungen in Bergedorf
-   > - Erhaltungsmanagement Spielplätze WICHTIG
-   > - Sozialraumprofil
+2. **Farbe einstellen**
 
-2. **Inhaltsübersicht einer Vorlage**
-   > - Titel
-   > - Stand (Datum)
-   > - Beschreibung
-   > - Fachdatenthemen
-   > - Aktiver Bezugsrahmen (Verwaltungsebene)
-   > - Ausgewählte Gebiete
-3. **optionale Gebietsauswahl**
-   > Wenn kein Bezugrahmen/Gebiete definiert sind, können diese händisch im Vorfeld oder nach dem Laden ausgewählt werden. Die Inhalte werden dann für die aktive Gebietsauswahl geladen.
-4. **Vorlage laden**
-   > Die ausgewählte Vorlage laden.
+> Ziehen Sie den Slider, um die Farbe einstellen.
 
-![Abbildung 1: Vorlagen](https://github.com/AlexandraKanapki/cosi/blob/COSI-handbuch/cosi/manuals/Vorlagen2.png?raw=true)
-## Wohnungsbauquartiere anlegen 
+3. **Transparenz einstellen**
 
-Durch das Erstellen eines Wohnbauquartiers können sie Wohnungsbauszenarien durchspielen. Die erstellten Wohnungsbauquartiere stehen Ihnen für weitere Analysefunktionen zur Verfügung. Die Szenarien können exportiert und gespeichert werden.
+> Ziehen Sie den Slider, um die Transparenz einzustellen
 
-Sobald sie über "Simulation" "Wohnungsquartiere anlegen" auswählen, öffnet sich ein Fenster, in dessen oberem Bereich Sie den Szenario Manager finden (s. Abbidlung "Szenario Manager").
+4. **Farbe numerisch vorgeben**
 
-![Abbildung: 2: Wohnungsbauquartiere anlegen](https://github.com/AlexandraKanapki/cosi/blob/COSI-handbuch/cosi/manuals/wohnquatier1.png?raw=true)
-![Abbildung: 1: Wohnungsbauquartiere anlegen](https://user-images.githubusercontent.com/43250699/143025884-f86a5897-3757-4b35-9d6d-1e4969d8175d.png)  
-*Abbildung 1: Wohnungsbauquartiere anlegen*
+> Tragen sie Zahlenwerte von 0 bis 255 in die Felder für Rot (R), Grün (G) Blau (B) und 0 bis 1 in das Feld für die Transparenz (A) ein oder setzen Sie den Cursor in eines der Felder und ändern den Wert mit den Aufwärts- oder Abwärtspfeilen.
 
-1. **Geometrie**
-   > Mithilfe des Stiftes kann ein Polygon in der Karte gezeichnet werden. 
-2. **Rückgängig**
-   > Entfernt die zuvor gezeichnete Linie.
-3. **Polygon in der Karte wählen**
-   > Ist der Button orange markiert, kann auch ein Polygon aus der Karte angewählt und übernommen werden.
-4. **Löschen**
-   > Löscht das erstellte Polygon.
-5. **Zurücksetzen**
-   > Entleert die Eingabemaske, um weitere Wohnungsbauquartiere zu erstellen.
-6. **Bearbeiten**
-   > Ermöglicht die Anpassung der regionalstatistischen Datensätze.
-7. **Anlegen**
-   > Bestätigt die Angaben und erstellt das simulierte Wohnungsbauquartier.
+5. **Mischfarbe auswählen**
 
-#### **Die Parameter in den Feldern passen sich der gezeichneten Fläche an:**
+> Wählen sie eine der voreingestellten Mischfarben aus.
 
-- **Grundfläche**
-   > Zeigt die Fläche des gezeichneten Polygons an. 
-- **Bewohnerzahl insgesamt**
-   > Zeigt die gesamte Einwohnerzahl entsprechend dem gewählten Polygon.
-   > Wenn verändert, passen sich **Wohneinheiten**, **Bevölkerungsdichte**, **BGF** und **GFZ** an.
-   > Berechnet sich dabei allgemein (je nach bewegtem Regler) als:
-   > *Wohneinheiten x Durchschnittliche Haushaltsgröße*
-- **Wohneinheiten**
-   > Schieberegler lässt sich auf die gewünschte Anzahl an Wohneinheiten regeln. 
-   > Wenn verändert, passen sich **Bewohner**, **Bevölkerungsdichte**, **BGF** und **GFZ** an.
-   > Berechnet sich dabei allgemein (je nach bewegtem Regler) als:
-   > *Bewohner / Durchschnittliche Haushaltsgröße*
-- **Bruttogeschossfläche (BGF)**
-   > Regelt die verfügbare Bruttogeschossfläche. 
-   > Wenn verändert, passen sich **GFZ**, **Bewohner**, **Bevölkerungsdichte** und **Wohneinheiten** an.
-   > Berechnet sich dabei allgemein (je nach bewegtem Regler) als:
-   > *Grundfläche x GFZ*
-- **Durchschnittliche Haushaltsgröße**
-   > Regelt die geplante Anzahl der Personen pro Wohneinheit.
-   > Wenn verändert, passen sich **BGF**, **Bevölkerungsdichte** und **Wohneinheiten** an.
-   > Berechnet sich dabei allgemein (je nach bewegtem Regler) als:
-   > *fester Wert*
-- **Geschossflächenzahl (GFZ)**
-   > Reguliert die Anzahl an Flächen auf der gezeichneten Grundfläche.
-   > Wenn verändert, passen sich **BGF**, **Bewohner**, **Bevölkerungsdichte** und **Wohneinheiten** an.
-   > Berechnet sich dabei allgemein (je nach bewegtem Regler) als:
-   > *BGF / Grundfläche*
-- **Bevölkerungsdichte**
-   > Wird aus dem Referenzgebiet übernommen, kann jedoch durch Anpassung anderer Parameter variieren. 
-   > Wenn verändert, passen sich **Bewohner**, **Wohneinheiten**, **BGF** und **GFZ** an. 
-   > Berechnet sich dabei allgemein (je nach bewegtem Regler) als:
-   > *Bewohner / Fläche*
-- **Wohnfläche pro Person**
-   > Reguliert die bereitgestellte Wohnfläche pro Kopf.
-   > Wenn verändert, passen sich **BGF**, **Bewohner**, **Bevölkerungsdichte** und **Wohneinheiten** an. 
-   > Berechnet sich dabei allgemein (je nach bewegtem Regler) als:
-   > *fester Wert*
-- **Verhältnis Wohnfläche/BGF**
-   > Gibt an von wieviel Prozent Wohnfläche anteilig an der Gesamtfläche ausgegangen wird. *Standardeinstellung: 0.8 bzw. 80%*
+6. **Abschluss des Dialogs**
 
-#### Schrittweises Vorgehen
-Zur besseren Verständlichkeit des Werkzeugs wird im Folgenden einmal Schritt für Schritt erläutert, wie man erfolgreich selbst ein neues Wohnungsquartier anlegt.
+> Sie Übernehmen bzw. verwerfen Ihre Änderungen mit Klick auf die entsprechende Schaltfläche.
 
-1. **Schritt 1:** Geben Sie einen Namen für das erstellte Wohnbauquartier ein 
-2. **Schritt 2:** Zeichnen Sie mit dem Zeichenstiftwerkzeug den Wohnblock an der gewünschten Fläche ein oder wählen Sie ein Polygon auf dem Kartenlayer aus. 
-3. **Schritt 3:** Parameter für das erstellte Quartier können per Schieberegler angepasst werden.
-4. **Schritt 4:** Wählen Sie ein Referenzgebiet für die Simulation der Zusammensetzung des Gebiets aus. 
-5. **Schritt 5:** Klicken Sie auf "Anlegen". Das Neue Wohnbauquartier erscheint nun als hervorgehobenes Polygon mit Angaben zur Fläche und Einwohnerzahl auf der Karte.  
+Die letzte Farbeinstellung wird bei der nächsten Farbzuweisung wieder angezeigt, führen sie gleiche Farbzuweisungen daher am besten nacheinander aus.
\ No newline at end of file
diff --git a/cosi/manuals/wohnquatier1.png b/cosi/manuals/wohnquatier1.png
deleted file mode 100644
index 08de38ba9..000000000
Binary files a/cosi/manuals/wohnquatier1.png and /dev/null differ
diff --git a/cosi/package-lock.json b/cosi/package-lock.json
index 191affa12..72eec334e 100644
--- a/cosi/package-lock.json
+++ b/cosi/package-lock.json
@@ -31,6 +31,7 @@
         "vue-chartjs": "^3.5.1",
         "vue-inline-svg": "^2.1.0",
         "vue-json-excel": "^0.3.0",
+        "vuedraggable": "^2.24.3",
         "vuetify": "^2.5.1",
         "xlsx": "^0.16.9"
       }
@@ -1505,6 +1506,11 @@
       "resolved": "https://registry.npmjs.org/shallow-copy/-/shallow-copy-0.0.1.tgz",
       "integrity": "sha512-b6i4ZpVuUxB9h5gfCxPiusKYkqTMOjEbBs4wMaFbkfia4yFv92UKZ6Df8WXcKbn08JNL/abvg3FnMAOfakDvUw=="
     },
+    "node_modules/sortablejs": {
+      "version": "1.10.2",
+      "resolved": "https://registry.npmjs.org/sortablejs/-/sortablejs-1.10.2.tgz",
+      "integrity": "sha512-YkPGufevysvfwn5rfdlGyrGjt7/CRHwvRPogD/lC+TnvcN29jDpCifKP+rBqf+LRldfXSTh+0CGLcSg0VIxq3A=="
+    },
     "node_modules/source-map": {
       "version": "0.6.1",
       "license": "BSD-3-Clause",
@@ -1867,6 +1873,14 @@
         "downloadjs": "^1.4.7"
       }
     },
+    "node_modules/vuedraggable": {
+      "version": "2.24.3",
+      "resolved": "https://registry.npmjs.org/vuedraggable/-/vuedraggable-2.24.3.tgz",
+      "integrity": "sha512-6/HDXi92GzB+Hcs9fC6PAAozK1RLt1ewPTLjK0anTYguXLAeySDmcnqE8IC0xa7shvSzRjQXq3/+dsZ7ETGF3g==",
+      "dependencies": {
+        "sortablejs": "1.10.2"
+      }
+    },
     "node_modules/vuetify": {
       "version": "2.5.1",
       "license": "MIT",
@@ -3091,6 +3105,11 @@
       "resolved": "https://registry.npmjs.org/shallow-copy/-/shallow-copy-0.0.1.tgz",
       "integrity": "sha512-b6i4ZpVuUxB9h5gfCxPiusKYkqTMOjEbBs4wMaFbkfia4yFv92UKZ6Df8WXcKbn08JNL/abvg3FnMAOfakDvUw=="
     },
+    "sortablejs": {
+      "version": "1.10.2",
+      "resolved": "https://registry.npmjs.org/sortablejs/-/sortablejs-1.10.2.tgz",
+      "integrity": "sha512-YkPGufevysvfwn5rfdlGyrGjt7/CRHwvRPogD/lC+TnvcN29jDpCifKP+rBqf+LRldfXSTh+0CGLcSg0VIxq3A=="
+    },
     "source-map": {
       "version": "0.6.1",
       "optional": true
@@ -3351,6 +3370,14 @@
         "downloadjs": "^1.4.7"
       }
     },
+    "vuedraggable": {
+      "version": "2.24.3",
+      "resolved": "https://registry.npmjs.org/vuedraggable/-/vuedraggable-2.24.3.tgz",
+      "integrity": "sha512-6/HDXi92GzB+Hcs9fC6PAAozK1RLt1ewPTLjK0anTYguXLAeySDmcnqE8IC0xa7shvSzRjQXq3/+dsZ7ETGF3g==",
+      "requires": {
+        "sortablejs": "1.10.2"
+      }
+    },
     "vuetify": {
       "version": "2.5.1"
     },
diff --git a/cosi/package.json b/cosi/package.json
index d65611eb6..23e74ead5 100644
--- a/cosi/package.json
+++ b/cosi/package.json
@@ -33,6 +33,7 @@
     "vue-inline-svg": "^2.1.0",
     "vue-json-excel": "^0.3.0",
     "vuetify": "^2.5.1",
+    "vuedraggable": "^2.24.3",
     "xlsx": "^0.16.9"
   }
 }
diff --git a/cosi/utils/array/uniq.js b/cosi/utils/array/uniq.js
new file mode 100644
index 000000000..35edc08c1
--- /dev/null
+++ b/cosi/utils/array/uniq.js
@@ -0,0 +1,16 @@
+/**
+ * Creates an array of unique values.
+ * @param {*[]} array - The array to be made unique.
+ * @returns {*[]|Boolean} The unique array or false, if it fails.
+ */
+function uniq (array) {
+    if (!Array.isArray(array)) {
+        console.error("utils/array/uniq: The passed parameter must be an array, but got " + typeof array);
+        return false;
+    }
+    return [...new Set(array)];
+}
+
+module.exports = {
+    uniq
+};
diff --git a/cosi/utils/calculateRatio.js b/cosi/utils/calculateRatio.js
index c76e4192d..20d88f0b5 100644
--- a/cosi/utils/calculateRatio.js
+++ b/cosi/utils/calculateRatio.js
@@ -1,9 +1,10 @@
 /** Calculates the ratio of a set of features.
 * @param {Object[]} dataArray Of Objects containing data to be calculated.
 * @param {String} year Year from which data is to be selected.
+* @param {String[]} [operations=["sum", "sum"]] the operation to apply to the params
 * @returns {Object[]} Array of calculated Data.
 */
-export default function calculateRatio (dataArray, year) {
+export default function calculateRatio (dataArray, year, operations = ["sum", "sum"]) {
     const results = [];
 
     dataArray.forEach(dataset => {
@@ -12,7 +13,7 @@ export default function calculateRatio (dataArray, year) {
                 paramA_val: typeof dataset.paramA_calc === "object" ? dataset.paramA_calc[year] : dataset.paramA_calc,
                 paramB_val: typeof dataset.paramB_calc === "object" ? dataset.paramB_calc[year] : dataset.paramB_calc
             },
-            calculation = calculateSingle(calcObj, dataset);
+            calculation = calculateSingle(calcObj, dataset, operations);
 
         results.push(calculation);
     });
@@ -22,9 +23,10 @@ export default function calculateRatio (dataArray, year) {
 /** Calculates the extent of a set of features.
 * @param {Object} calcObj pre-transformed dataset.
 * @param {Object} dataset Original dataset from dataArray.
+* @param {String[]} [operations=["sum", "sum"]] the operation to apply to the params
 * @returns {Object} calculated single dataset.
 */
-function calculateSingle (calcObj, dataset) {
+function calculateSingle (calcObj, dataset, operations = ["sum", "sum"]) {
     if (isNaN(calcObj.paramA_val) || isNaN(calcObj.paramB_val)) {
         calcObj.relation = 0;
         calcObj.capacity = 0;
@@ -35,8 +37,18 @@ function calculateSingle (calcObj, dataset) {
 
         return calcObj;
     }
+    if (!calcObj.paramA_count) {
+        calcObj.paramA_count = calcObj.paramA_val;
+    }
+    if (!calcObj.paramB_count) {
+        calcObj.paramB_count = calcObj.paramB_val;
+    }
+
+    calcObj.paramA_val = operations[0] === "avg" ? calcObj.paramA_val / calcObj.paramA_count : calcObj.paramA_val;
+    calcObj.paramB_val = operations[0] === "avg" ? calcObj.paramB_val / calcObj.paramB_count : calcObj.paramB_val;
 
-    const relation = calcObj.paramA_val / calcObj.paramB_val,
+    const
+        relation = calcObj.paramA_val / calcObj.paramB_val,
         capacity = calcObj.paramA_val * (dataset.faktorf_B / dataset.faktorf_A),
         need = calcObj.paramB_val * (dataset.faktorf_A / dataset.faktorf_B),
         coverageA = ((calcObj.paramA_val / need) * dataset.perCalc_B) * 100,
diff --git a/cosi/utils/exportXlsx.js b/cosi/utils/exportXlsx.js
index 364eaf0c1..55911431b 100644
--- a/cosi/utils/exportXlsx.js
+++ b/cosi/utils/exportXlsx.js
@@ -1,4 +1,5 @@
 import * as XLSX from "xlsx";
+import isObject from "../../../src/utils/isObject.js";
 
 /**
  * @description returns the width definition for the table columns by reading out the headers char-length
@@ -14,105 +15,60 @@ function generateColOptions (headers, multiply) {
     }));
 }
 
-/**
- * @description Sanitizes the export data. Removes excluded columns.
- * @param {Object[]} json - the array of objects
- * @param {String[]} exclude - the list of keys to exclude
- * @returns {Object[]} the sanitized data
- */
-function sanitizeData (json, exclude) {
-    if (exclude) {
-        json.forEach(column => {
-            exclude.forEach(key => {
-                delete column[key];
-            });
-        });
-    }
-
-    return json;
-}
-
-/**
- * converts an object to an array of objects
- * @param {Object} data - the input data
- * @returns {Object[]} the converted array
- */
-function convertObject (data) {
-    const objArr = [];
-    let row;
-
-    for (const key in data) {
-        row = {id: key, ...data[key]};
-        objArr.push(row);
-    }
-
-    return objArr;
-}
 
 /**
  * @description Converts a json array of objects to an styled and exportable XLSX format.
+ * @param {String[]} header - the column header
  * @param {Object[]} json - the array of objects to export
  * @param {Object} [options={}] - (optional) sheetname: name of the worksheet, tablename: name of the table, creator: editor of the document, theme: the styletheme of the table
+ * @param {module:exceljs/workbook} workbook The workbook to parse the data to
  * @param {String} conversionType[json_to_sheet] -
- * @returns {module:exceljs/workbook} returns the XLSX workbook
+ * @returns {void}
  */
-export function parseJsonToXlsx (json, options, conversionType = "json_to_sheet") {
-    const sheetname = options.sheetname.substring(0, 31) || "Neues Arbeitsblatt", // no names longer than 31 chars allowed
+export function parseJsonToXlsx (header, json, options, workbook, conversionType = "json_to_sheet") {
+    if (isObject(json)) {
+        Object.entries(json).forEach(([groupName, valuesOfGroup]) => {
+            options.sheetname = groupName;
+            parseJsonToXlsx(header, valuesOfGroup, options, workbook, conversionType);
+        });
+        return;
+    }
 
-        header = conversionType === "json_to_sheet" ? Object.keys(json[0]) : undefined,
+    const sheetname = typeof options?.sheetname === "string" ? options.sheetname.substring(0, 31) : "Neues Arbeitsblatt", // no names longer than 31 chars allowed
         colOptions = options.colOptions || header ? generateColOptions(header, options.multiplyColWidth) : undefined,
         rowOptions = options.rowOptions,
-        workbook = XLSX.utils.book_new(),
         sheet = XLSX.utils[conversionType](json, {header});
 
     sheet["!cols"] = colOptions;
     sheet["!rows"] = rowOptions;
     XLSX.utils.book_append_sheet(workbook, sheet, sheetname);
-
-    return workbook;
 }
 
 /**
  * @description Exports a given JSON Array of Objects to an XLSX-File with each object's keys as column-headers and resp. values as rows.
+ * @param {String[]} header - the column header
  * @param {Object[]} json - the array of objects to export
  * @param {String} filename - the filename of the exported XLSX
  * @param {Object} [options={}] - (optional) exlcude: keys to exclude from columns, sheetname: name of the worksheet, rowOptions: height etc., colOptions: width etc.
  * @param {String} conversionType[json_to_sheet] -
  * @returns {void}
  */
-export default async function exportXlsx (json, filename, options = {}, conversionType = "json_to_sheet") {
-    let _json = json;
-
+export default async function exportXlsx (header, json, filename, options = {}, conversionType = "json_to_sheet") {
     // catch not provided data
-    if (!_json || _json.length === 0) {
+    if (!json || json.length === 0) {
         console.warn("Die zu exportierende Tabelle ist leer oder existiert nicht, bitte überprüfen Sie Ihre Einstellungen");
         return false;
     }
 
-    // catch wrong data formats
-    if (_json.constructor !== Array) {
-
-        // convert if data is a dictionary
-        if (_json.constructor === Object) {
-            _json = convertObject(_json);
-            console.warn("Die exportierenden Daten liegen nicht als Array Of Object vor. Sie werden automatisch konvertiert.");
-        }
-
-        // break if other format
-        else {
-            console.warn("Die zu exportierenden Daten müssen als Array of Objects vorliegen. Bitte überprüfen Sie die Daten. Input: ", json);
-            return false;
-        }
-    }
-
     // convert to XLSX
-    const exportJson = sanitizeData(JSON.parse(JSON.stringify(_json)), options.exclude),
-        workbook = parseJsonToXlsx(exportJson, {
-            sheetname: options.sheetname || filename,
-            rowOptions: options.rowOptions,
-            colOptions: options.colOptions,
-            multiplyColWidth: options.multiplyColWidth
-        }, conversionType);
+    const workbook = XLSX.utils.book_new();
+
+    parseJsonToXlsx(header, json, {
+        sheetname: options.sheetname || filename,
+        rowOptions: options.rowOptions,
+        colOptions: options.colOptions,
+        multiplyColWidth: options.multiplyColWidth
+    }, workbook, conversionType);
 
     // open download dialog
     XLSX.writeFile(workbook, filename + ".xlsx");
diff --git a/cosi/utils/features/transform.js b/cosi/utils/features/transform.js
index 387db36bc..491e33b17 100644
--- a/cosi/utils/features/transform.js
+++ b/cosi/utils/features/transform.js
@@ -15,7 +15,7 @@ function transformFeatures (features, source, destination) {
         return false;
     }
 
-    features.forEach(function (feature) {
+    features.forEach(feature => {
         const geometry = feature.getGeometry();
 
         if (geometry) {
diff --git a/cosi/utils/tests/array/uniq.spec.js b/cosi/utils/tests/array/uniq.spec.js
new file mode 100644
index 000000000..30a0bd431
--- /dev/null
+++ b/cosi/utils/tests/array/uniq.spec.js
@@ -0,0 +1,50 @@
+import {expect} from "chai";
+import {uniq} from "../../array/uniq";
+import sinon from "sinon";
+
+describe("utils/array/uniq", () => {
+    beforeEach(function () {
+        sinon.spy(console, "error");
+    });
+
+    afterEach(function () {
+        console.error.restore();
+        sinon.restore();
+    });
+
+    it("should return false if the given parameter is an object", () => {
+        expect(uniq({})).to.be.false;
+    });
+
+    it("should return false if the given parameter is undefined", () => {
+        expect(uniq(undefined)).to.be.false;
+    });
+
+    it("should return false if the given parameter is a boolean", () => {
+        expect(uniq(true)).to.be.false;
+    });
+
+    it("should return false if the given parameter is a string", () => {
+        expect(uniq("string")).to.be.false;
+    });
+
+    it("should return false if the given parameter is null", () => {
+        expect(uniq(null)).to.be.false;
+    });
+
+    it("should return false if the given parameter is a number", () => {
+        expect(uniq(666)).to.be.false;
+    });
+
+    it("should call an error if the given parameter is not an array", () => {
+        uniq(666);
+        expect(console.error.calledOnce).to.be.true;
+    });
+
+    it("should return the expected array", () => {
+        const firstArray = [1, 2, 1, true, "3", true, false, "666", "3"],
+            expectedArray = [1, 2, true, "3", false, "666"];
+
+        expect(uniq(firstArray)).to.deep.equal(expectedArray);
+    });
+});
diff --git a/cosi/utils/tests/features/transform.spec.js b/cosi/utils/tests/features/transform.spec.js
index ab69cd4cb..e17ad4b10 100644
--- a/cosi/utils/tests/features/transform.spec.js
+++ b/cosi/utils/tests/features/transform.spec.js
@@ -113,7 +113,7 @@ describe("utils/features/transform", () => {
             expect(console.error.calledOnce).to.be.true;
         });
 
-        it("should return the transformed features", () => {
+        it.skip("should return the transformed features", () => {
             const features = transformFeatures([featureOne, featureTwo], "EPSG:4326", "EPSG:25832");
 
             expect(features[0].getGeometry()).to.deep.equal(featureOne.getGeometry());
diff --git a/gfiThemes/dipas/components/DipasTheme.vue b/gfiThemes/dipas/components/DipasTheme.vue
index a8de99182..5b3554dac 100644
--- a/gfiThemes/dipas/components/DipasTheme.vue
+++ b/gfiThemes/dipas/components/DipasTheme.vue
@@ -11,7 +11,15 @@ export default {
         }
     },
     computed: {
-        ...mapGetters(["uiStyle"])
+        ...mapGetters(["uiStyle"]),
+        ...mapGetters("Tools/SaveSelection", ["layerVisibilities", "layerIds", "layerTransparencies"]),
+        cssVars () {
+            return {
+                "--buttonColor": this.feature.getMappedProperties().ButtonBackgroundColor,
+                "--buttonFontColor": this.feature.getMappedProperties().ButtonTextColor,
+                "--buttonHoverColor": this.feature.getMappedProperties().ButtonBackgroundHoverColor
+            };
+        }
     },
     methods: {
         /**
@@ -73,12 +81,19 @@ export default {
                 contributionLink = "";
 
             if (!this.isTableStyle()) {
+                const urlParams = "?Map/layerIds=" + this.layerIds +
+                    "&visibility=" + this.layerVisibilities +
+                    "&transparency=" + this.layerTransparencies +
+                    "&Map/center=[" + this.$store.state.Maps.center +
+                    "]&Map/zoomLevel=" + this.$store.state.Maps.zoom;
+
                 parentLocation = document.referrer.split("?")[0];
-                contributionLink = parentLocation.split("#")[0] + "#/contribution/" + nid;
+                contributionLink = parentLocation.split("#")[0] + "#/contribution/" + nid + urlParams;
             }
             else {
                 contributionLink = link;
             }
+
             return contributionLink;
         },
 
@@ -95,7 +110,10 @@ export default {
 
 
 <template>
-    <div class="dipas-gfi-content">
+    <div
+        class="dipas-gfi-content"
+        :style="cssVars"
+    >
         <div class="dipas-gfi-icon">
             <img
                 :src="calculateIconPath(feature.getMappedProperties().Kategorie)"
@@ -141,6 +159,7 @@ export default {
     .dipas-gfi-content {
         margin: 12px;
         font-family: $font_family_default;
+        max-width: 400px;
         .dipas-gfi-thema {
             font-family: $font_family_default;
             font-size: 14px;
@@ -174,12 +193,15 @@ export default {
             border-radius: 2px;
             margin-top: 20px;
             padding: 7px 8px 4px;
-            background-color: $light_grey;
-            border-color: #800040;
-            color: $accent_contrast;
+            background-color: var(--buttonColor, #e10019);
+            color: var(--buttonFontColor, #ffffff);
             font-family: $font_family_accent;
             text-transform: uppercase;
             display: inline-block;
+
+            &:hover {
+                    background-color: var(--buttonHoverColor, #b4081b);
+                }
         }
 }
 
diff --git a/gfiThemes/dipas/tests/unit/components/DipasTheme.spec.js b/gfiThemes/dipas/tests/unit/components/DipasTheme.spec.js
index 4321cea99..0b661cf97 100644
--- a/gfiThemes/dipas/tests/unit/components/DipasTheme.spec.js
+++ b/gfiThemes/dipas/tests/unit/components/DipasTheme.spec.js
@@ -39,7 +39,13 @@ describe("addons/dipas/components/DipasTheme.vue", () => {
             modules: {
                 DipasTheme
             },
-            getters: isTable ? gettersTable : getters
+            getters: isTable ? gettersTable : getters,
+            state: {
+                Maps: {
+                    center: [12345, 6789],
+                    zoom: 3
+                }
+            }
         });
         wrapper = shallowMount(DipasTheme, {
             store,
@@ -180,23 +186,23 @@ describe("addons/dipas/components/DipasTheme.vue", () => {
             expect(ret).to.equal("/drupal/de/node/5");
         });
 
-        it("should show path to dipas frontend contribution when table = true", function () {
+        it("should show path to dipas frontend contribution when table = false", function () {
             Object.defineProperty(document, "referrer", {value: "https://localhost:9001/portalconfigs/dipas/#/projektinfo", configurable: true});
 
             createWrapper(false);
 
-            const path = "https://localhost:9001/portalconfigs/dipas/#/contribution/5",
+            const path = "https://localhost:9001/portalconfigs/dipas/#/contribution/5?Map/layerIds=undefined&visibility=undefined&transparency=undefined&Map/center=[12345,6789]&Map/zoomLevel=3",
                 ret = wrapper.vm.modifyContributionLink(wrapper.vm.feature.getMappedProperties().link, wrapper.vm.feature.getMappedProperties().nid);
 
             expect(ret).to.equal(path);
         });
 
-        it("should show path to dipas frontend contribution when table = true and filter = visible", function () {
+        it("should show path to dipas frontend contribution when table = false and filter = visible", function () {
             Object.defineProperty(document, "referrer", {value: "https://localhost:9001/portalconfigs/dipas/#/projektinfo?filter=open&test=true", configurable: true});
 
             createWrapper(false);
 
-            const path = "https://localhost:9001/portalconfigs/dipas/#/contribution/5",
+            const path = "https://localhost:9001/portalconfigs/dipas/#/contribution/5?Map/layerIds=undefined&visibility=undefined&transparency=undefined&Map/center=[12345,6789]&Map/zoomLevel=3",
                 ret = wrapper.vm.modifyContributionLink(wrapper.vm.feature.getMappedProperties().link, wrapper.vm.feature.getMappedProperties().nid);
 
             expect(ret).to.equal(path);
diff --git a/cosi/MANUAL.md b/manuals_komplett.md
similarity index 78%
rename from cosi/MANUAL.md
rename to manuals_komplett.md
index b060e3561..eca05dbb8 100644
--- a/cosi/MANUAL.md
+++ b/manuals_komplett.md
@@ -1,3 +1,299 @@
+# **CoSI** 
+## Cockpit Städtische Infrastrukturen
+#### GIS + datenbasierte Analyse- und Planungstools in der Hamburger Stadtverwaltung
+___
+![CoSI Logo](C:\Users\dmz-user\Documents\GitHub\cosi\cosi\manuals\cosi_logo_jf.png)
+
+___
+
+### Nutzerhandbuch
+
+**3. Phase**   
+**Version 1.3.0**  
+
+<div style="page-break-after: always;"></div>
+
+___
+### Projektmitarbeiter und -mitarbeiterinnen CoSI I bis III
+___
+
+- Alexandra Knapke, HafenCity Universität Hamburg
+- Antje Widmayer, BA Hamburg-Nord
+- Bertram Hillmann, a3rtgm GbR
+- Christian Bähnisch, HiTec e.V.
+- Daniel Schulz, HafenCity Universität Hamburg
+- Dennis Rupnow, HiTec e.V.
+- Feng Feng, LGV Hamburg
+- Gabriela Gabbert, BA Hamburg-Nord
+- Prof. Dr. Gesa Ziemer, HafenCity Universität Hamburg
+- Hendrik Landgrebe, BA Hamburg-Nord
+- Ingo Bruns, BA Hamburg-Nord
+- Jannes Süpke, Senatskanzlei Hamburg, ITD
+- Johanna Fischer, HafenCity Universität Hamburg
+- Nicola Stradtmann, HafenCity Universität Hamburg
+- Nihal Hegde, HafenCity Universität Hamburg
+- Ogeigha Koroyin, HiTec e.V. 
+- Paul Linnow, HafenCity Universität Hamburg
+- Peter Duensing, Senatskanzlei Hamburg, ITD
+- Sebastian Duden, LGV Hamburg
+- Yuxiang Zhang, HafenCity Universität Hamburg  
+
+
+### Stand
+08/23
+
+### Keywords
+GIS, Dashboard, Data Driven Urban Planning, Social Infrastructure, Urban Data Platform, Data Visualization, Planning Support Tools, Demand Driven Decision Making  
+
+<div style="page-break-after: always;"></div>
+
+___
+## Zusammenfassung
+___
+
+Bei der Planung städtischer und sozialer Infrastruktur sind Entscheidungsprozesse in der öffentlichen Verwaltung häufig durch langwierige Verfahren und eine fragmentierte Datengrundlage charakterisiert. D.h. Bedarfe werden teilweise  spät erkannt, oder die Konkretisierung der Planung verzögert sich durch das aufwendige Beschaffen von strukturierten Informationen.\
+Das vorliegende Handbuch beschreibt das *Cockpit Städtische Infrastrukturen* für Hamburg als digitales Analyse- und Planungswerkzeug, welches mithilfe eines leicht zugänglichen User-Interface statistische und georeferenzierte Daten bündelt, visualisiert und integriert, um Planungsbedarfe zu identifizieren und Planungsprozesse zu beschleunigen.  
+  
+Dazu wurden die durch die *Urban Data Platform* der Stadt Hamburg aufgebauten Datenbankstrukturen und die Funktionalität des Masterportals genutzt, um eine kartenbasierte Webapplikation zu etablieren, welche den Quartiersplanenden der Stadt eine Reihe von Analysefunktionen zur Verfügung stellt, um auf der Verwaltungsebene der statistischen Gebiete soziodemographische Zusammenhänge zu identifizieren, Trends zu erkennen sowie Verhältnisse zwischen dem existierenden Infrastrukturangebot und den relevanten Zielgruppen zu ermitteln. Das Werkzeug soll im Folgenden helfen, Standorte und Potentiale für die Entwicklung von Infrastruktur zu finden. Die Ergebnisse dieser Analysen können direkt aus CoSI heraus visualisiert und als Entscheidungs- und Diskussionsgrundlage verwendet werden. Der Workflow folgt dabei einer dreistufigen Logik von der *Visualisierung* von Daten, über die *Analyse*, also der kontextuellen Verknüpfung von Information, bis zur *Simulation* von Maßnahmen und Ableitung ihrer  Auswirkungen.  
+  
+Um die technischen und inhaltlichen Anforderungen des Initialisierungs-Projekts aufzustellen, wurden im Vorfeld ab Sommer 2018 eine Reihe von Stakeholder- und Userstory-Workshops mit den Mitgliedern der Hamburger Verwaltung auf verschiedenen Ebenen durchgeführt. 
+
+CoSI wurde dann von Juni 2019 bis September 2023 in den Projekten CoSI I bis III in einem agilen Verfahren, basierend auf der SCRUM-Methode, durch ein interdisziplinäres Team der HCU Hamburg und des LGV Hamburg entwickelt. Nutzerinnen und Nutzer waren dabei von Beginn an über die AG CoSI einbezogen und konnten den jeweils neuesten Entwicklungsstand im Arbeitsalltag evaluieren, so dass aktuelle Anforderungen an Funktionen und Daten fortlaufend in die Planung der Sprints eingegangen sind. Ab Mitte 2020 wurde das Verfahren in den Produktivbetrieb überführt. Seitdem steht allen berechtigt interessierten Mitarbeiterinnen und Mitarbeitern innerhalb der FHH – im Sommer 2023 waren es über 1500 - eine fortlaufend aktualisierte Produktivversion von CoSI zur Verfügung. 
+
+Datenbedarfe aus der AG CoSI und von den Nutzenden der Produktivversion werden fortlaufend erfasst und an den Urban Data Hub des LGV übergeben, Datenverantwortliche lokalisiert und die Datenbestände unter Berücksichtigung potenzieller Datenschutzrichtlinien öffentlich oder FHH-intern über die Urban Data Platform (UDP) zur Verfügung gestellt.
+Es werden auch Integrationsmöglichkeiten für das Tool in die tägliche Arbeit von Behörden und Fachämtern eruiert. Die CoSI-Projekte haben diese Informationen gebündelt, in Workshops mit der AG CoSI und Anwendenden vertiefte Funktionskonzepte erarbeitet und diese in den Themenbereichen Visualisierung, Analyse und Simulation integriert. So wurde ein Planungs-, Kollaborations- und Kommunikationstool entwickelt, welches konzeptuell auf viele weitere Themenbereiche angewendet werden kann.
+
+Diese Weiterentwicklung von CoSI und den zu Grunde liegenden Datenbeständen im Urban Data Portal in enger Zusammenarbeit mit den Nutzenden soll auch nach den Projekten CoSI I bis III fortgeführt werden. Dazu ist im Lebenslagenmanagement der BWFGB eine moderne fachliche Leitstelle geplant.
+  
+<div style="page-break-after: always;"></div>
+
+___
+## Inhalt
+___
+- CoSI: Cockpit Städtische Infrakstrukturen
+  - [Datenmodell & -Infrastruktur](#-datenmodell-infrastruktur)
+  - [Module](#module)
+   - [Themen (Layer)](#themen-layer)
+   - [Analyse] (#analyse)
+      - [Einwohnerabfrage](#einwohnerabfrage)
+      - [Erreichbarkeitsanalyse](#erreichbarkeitsanalyse)
+         - [Erreichbarkeit ab einem Referenzpunkt](#erreichbarkeit-ab-einem-referenzpunkt)
+         - [Erreichbarkeit im Gebiet](#erreichbarkeit-im-gebiet)
+         - [Erreichbarkeit entlang einer Route](#erreichbarkeit-entlang-einer-route)
+      - [Vergleichbare Gebiete ermitteln](#4vergleichbare-gebiete-ermitteln)
+      - [Filter](#filter)
+      - [Versorgungsanalyse](#versorgungsanalyse)
+      - [DIPAS](#dipas)
+      - [Graphenvisualisierung](#graphenvisualisierung)
+    - [Simulation] (#simulation)
+      - [Einrichtungen anlegen](#einrichtungen-anlegen)
+      - [Einrichtungen bearbeiten](#einrichtungen-bearbeiten)
+      - [Wohnungsbauquartiere anlegen](#wohnquartiere-anlegen)
+    - [Dienste](#dienste)
+      - [Geodaten Importieren](#geodaten-importieren)
+      - [Sitzung Speichern/Laden](#sitzung-speichernladen)
+      - [Vorlagen](#vorlagen)
+    - Dashboard
+      - [Statistische Datenübersicht](#statistische-datenuebersicht)
+      - [Einrichtungsübersicht](#einrichtungsuebersicht)
+    - [Gebietsauswahl](#gebietsauswahl)
+    - [Kartenanalyse regionalstatistischer Daten](#kartenanalyse-regionalstatistischer-daten)
+    - [Ergebnisverzeichnis](#ergebnisverzeichnis)
+    - [Manuelle Flächenauswahl](#manuelleflaechenauswahl)
+    - [Auswahlmanager](#auswahlmanager)
+    - [Flächen stylen](#flaechen-stylen)
+    - [Report Tool](#report-tool)
+
+<div style="page-break-after: always;"></div>
+
+___
+## Datenmodell & -Infrastruktur
+___
+  
+CoSI ermöglicht ganz ähnlich wie der FHH-Atlas auch die Anzeige verschiedener Fachdaten unterschiedlicher Behörden und Ämter in der Karte, wie z.B. dem digitalen Grünplan (BUKEA) oder den Öffentlichen Schulen (BSB).
+
+![Vgl_FHH_Atlas](/cosi/manuals/001a_Vgl_FHH_Atlas.png)
+
+*Abb.001a: Anzeige von Themen auf der Karte wie im FHH-Atlas.*
+
+Als wesentliche Erweiterung können zudem regionalstatistische Daten des Statistikamts Nord für statistische Gebiete, Stadtteile, Bezirke oder ganz Hamburg angezeigt werden.
+
+![stat_daten-anzeige](/cosi/manuals/001b_stat_daten-anzeige.png)
+
+*Abb.001b: Anzeige statistischer Daten auf der Karte und im Dashboard.*
+
+Die Daten werden aber nicht nur in Karte und Tabelle nebeneinander dargestellt, sondern können mit CoSIs Analysefunktionen analysiert und in Beziehung gesetzt werden, indem z.B. ein sozialräumliches Angebot wie Spielplätze, gemessen als Spielplatzfläche in Quadratmetern, mit dem Bedarf der Bevölkerung, gemessen als Anzahl der Kinder z.B. unter 6 Jahren, in der Versorgungsanalyse ausgewertet werden können.
+
+![bsp-analysefunktionen](/cosi/manuals/001c_bsp-analysefunktionen.png)
+
+*Abb.001c: Analysefunktionen, hier Versorgungsanalyse.*
+
+Darüber hinaus erlaubt CoSI, in die Datensätze “einzugreifen”: sie zu filtern, zu durchsuchen oder für die Darstellung von Planungsszenarien im laufenden Programm zu verändern (s. Simulation).
+
+### Regionalstatistische Daten
+Die Daten des StaNord liegen für alle Verwaltungsebenen der FHH (statistische Gebieten, Stadtteile, Bezirke und die Gesamtstadt) vor. Sie umfassen je nach Ebene über 120 Indikatoren, welche sich in folgende Kategorien gliedern:  
+
+   - Bevölkerung
+   - Bevölkerung ab x Jahren
+   - Bevölkerung unter x Jahren
+   - Bevölkerung x bis x Jahren
+   - Bevölkerung x bis unter 18 Jahren
+   - Bevölkerung x bis über 18 Jahren
+   - Bevölkerung Migrationshintergrund
+   - Fläche
+   - Haushalte
+   - Sozialversicherungspflichtige
+   - Arbeitslose
+   - SGB II Leistungen
+   - Grundsicherung im Alter
+   - Wohnen
+   - Wahlbeteiligung
+   - Verkehr
+   - Infrastruktur
+   - Bevölkerungsbewegung
+
+Diese Datensätze beinhalten Zeitreihen, welche (je nach Datensatz) von ca. 2012 an erfasst sind und jährlich erweitert werden.
+
+*Hinweis: Aus datenschutzrechtlichen Gründen werden bereits vom Datenbereitsteller solche Datensätze herausgefiltert, welche bei sensiblen Daten auf einzelne Individuen zurückverfolgbar wären. Diese Datensätze sind mit "–" oder mit "Keine Daten" ausgewiesen.*
+
+### Fachdaten
+CoSI bietet ganz ähnlich wie der FHH-Atlas Fachdatensätze in einem Themenbaum an. Während der FHH-Atlas grundsätzlich alle auf der Urban Data Platform verfügbaren und innerhalb der FHH freigegebenen Datensätze anzeigt, wird für CoSI in Abstimmung mit der Nutzendengruppe AG CoSI eine Auwahl getroffen. Dies dient der Übersicht und ermöglicht den Test und ggf. die Anpassung der Analysefunktionen an die angebotenen Daten.
+
+Die Fachdatensätze, welche derzeit in CoSI eingebunden sind oder noch eingebunden werden können, werden als Geodienste von unterschiedlichsten Dateneignern (dies sind vor allem Behörden und Bezirksämter, aber prinzipiell sind auch Vereine oder Privatunternehmen denkbar.) bereitgestellt und in CoSI, wie im FHH-Atlas, über die URL des jeweiligen Dienstes abgerufen. Viele der Datensätze in ihrer aufbereiteten Form sind aus den Verhandlungs- und Koordinationsprozessen des Urban Data Hub hervorgegangen, über den sich die Behörden und Datenhalter der FHH auf gemeinsame Standards und regelmäßige Veröffentlichungen verständigen.
+
+### Prognosedaten
+Die Prognosedaten enthalten die prognostizierte jährliche Bevölkerungsentwicklung in den Stadtteilen Hamburgs nach vier Altersgruppen und Geschlecht bis zum Jahr 2035. Stichtag ist jeweils der 31.12.
+
+Aus Gründen der statistischen Geheimhaltung der zugrunde liegenden Ausgangsdaten werden die vier kleinsten Stadtteile Hamburgs nur in Kombination mit einem größeren angrenzenden Stadtteil ausgewiesen.
+
+Die Einzeldaten sind jeweils auf volle fünf gerundet.
+Die Daten werden auf unregelmäßiger Basis vom Statistikamt Nord herausgegeben.
+
+### Analyse
+Analysedaten sind all jene (als WFS, s. Geodienste) eingebundenen Datensätze, welche für die Verwendung mit den CoSI-Analyse- (und in Zukunft Simulations-) Werkzeugen konfiguriert wurden. D.h. jedes Objekt (Feature, z.B. Kita oder Grünfläche) ist dabei einzeln hinterlegt und kann mit seiner geografischen Position und Ausdehnung betrachtet werden.
+
+### Darstellung
+Darstellungsdaten sind auf Absprache mit den Fachplanerinnen und Fachplanern ausgewählte Datensätze aus dem FHH-Netz, welche durch das zugrundeliegende Geoportal (Masterportal) in der Karte visualisiert und mit einer Legende versehen werden. Per Klick kann der Datensatz für die jeweilige Koordinate aus dem Datensatz abgerufen werden. Im Gegensatz zu den Analysedaten liegen die Darstellungsdaten gegenwärtig nicht als einzelne Objekte, sondern als gekacheltes/gerastertes Bild vor (WMS, s. Geodienste).
+
+### Geodienste
+Alle in CoSI und dem FHH-Atlas dargestellten Daten werden von den Bereitstellern als Dienst vorgehalten. Der Dienst liefert über eine URL Datensätze der jeweiligen Datenbank in einem maschinenlesbaren Format. Über zusätzliche Parameter kann die Anfrage (Request) spezifiziert oder (z.B. auf einen geografischen Ausschnitt) eingegrenzt werden. 
+
+### WMS
+Ein WMS (Web Map Service) liefert Geodaten / Karten als Rasterbilder (PNG), welche zunächst einmal ohne Hintergrundinformation in der Karte angezeigt werden. Gleichzeitig können die Legende des Datensatzes oder Informationen zu einer bestimmten Koordinate über weitere Requests abgerufen werden.
+
+### WFS
+Der WFS (Web Feature Service) liefert im Gegensatz zum WMS keine fertige Kartenansicht, sondern ein rohes Datenobjekt, bei dem der Datensatz jedes geografischen Objekts (Punkt, Linie, Fläche, etc.) inkl. seiner Attribute (z.B. eine Schule mitsamt ihrem Schultyp, ihrer Schülerzahl, Mailadresse und Nachmittagsangebot) einzeln übermittelt. Die Visualisierung (das Styling) der Daten erfolgt dann anhand vorgegebener oder mitgelieferter Konfigurationen innerhalb der Applikation. Dies ist rechenintensiver für den Anwendenden und weniger kontrollierbar von Seiten des Datenbereitstellers, bietet jedoch die Möglichkeit mit den Objekten innerhalb des Portals direkt zu interagieren oder sie zu verändern.  
+
+<div style="page-break-after: always;"></div>
+
+___
+## Module
+___
+### Überblick 
+CoSI bietet verschiedene Module (nachfolgend oft auch als "Werkzeuge" oder "Tools" bezeichnet") an, die bestimmte Funktionen zur Erstellung, Verwaltung und Analyse von Daten bereitstellen. Nachfolgend finden Sie die Übersicht über alle im UI zur Verfügung stehenden Funktionen:
+
+![Das CoSI Nutzer-Interface](/cosi/manuals/001d_user_interface.PNG)
+
+*Abb.001d: Das CoSI User-Interface.*
+
+1. **Themenbau/ Layer** (s. Themen)
+2. **Analyse**
+      1. [Manuelle Flächenauswahl für Fachdaten](/cosi/manuals/021manuelleflaechenauswahl)
+      2. [Einwohnerabfrage](/cosi/manuals/002einwohnerabfrage)
+      3. [Erreichbarkeitsanalyse](/cosi/manuals/003erreichbarkeitsanalyse)
+      4. [Vergleichbare Gebiete ermitteln](/cosi/manuals/004vergleichbaregebieteermitteln)
+      5. [Filter](/cosi/manuals/005filter)
+      6. Strecke/ Fläche messen
+      7. [Versorgungsanalyse](/cosi/manuals/006versorgungsanalyse)
+      8. [DIPAS](/cosi/manuals/007dipas)
+      9. [Datenvisualisierung](/cosi/manuals/008graphenvisualisierung)
+
+3. **Simulation**
+      1. [Einrichtungen anlegen](/cosi/manuals/009einrichtungenanlegen)
+      2. [Einrichtungen bearbeiten](/cosi/manuals/010einrichtungenbearbeiten)
+      2. [Wohnungsbauquartiere anlegen](/cosi/manuals/011wohnquartiereanlegen)
+
+4. **Dienste**
+      1. Zeichnen/ Schreiben
+      2. Karte drucken
+      3. Mousehover ein-/ ausschalten
+      4. [Geodaten Importieren](/cosi/manuals/013geodatenimportieren)
+      5. WMS hinzufügen
+      6. [Sitzung speichern/laden](/cosi/manuals/014sitzungspeichern)
+      7. [Vorlagen](/cosi/manuals/015vorlagen)
+
+5. **Dashboard**
+      1. [Statistische Datenübersicht](/cosi/manuals/016statistischedatenuebersicht)
+      2. [Einrichtungsübersicht](/cosi/manuals/017einrichtungsuebersicht)
+6. **[Gebiete auswählen](/cosi/manuals/018gebietsauswahl)**
+7. **Kontaktformular**
+8. **Legende** (s. Legende)
+9. **Suchleiste**
+10. **Werkzeugfenster**
+   > Aktive Werkzeuge werden in verschiebbaren Fenstern angezeigt.
+11. **Hereinzoomen**
+12. **Herauszoomen**
+13. **Vollbildansicht aktivieren/ deaktivieren**
+14. **Zurück zur Startansicht**
+15. **[Kartenanalyse regionalstatistischer Daten](/cosi/manuals/019kartenvisualisierung)**
+16. **Tooltip** (sog. Mousehover)
+   > Zeigt das Gebiet und andere Elemente wie Tooltipps unter dem Mauszeiger an. Kann unter "Dienste" via "Mousehover ein-/ausschalten" deaktiviert werden.
+18. **Ausgewählte Gebiete**
+   > Ausgewählte Gebiete werden dargestellt mit einer blauen Umrandung.
+19. **Sidebar**
+   > Das Dashboard und der Filter werden in einer Sidebar angezeigt. Die Sidebar kann in ihrer Breite angepasst werden. (s. Dashboard)
+
+<div style="page-break-after: always;"></div>
+
+### Themen (Layer)
+___
+Layer können aus dem Reiter "Themen" jederzeit zugeschaltet oder ausgeschaltet werden. Die Themen sind unter dem Reiter Fachdaten sortiert. Beim Zuschalten sollte mit bedacht werden, dass sich Ladezeiten entsprechend verlängern können. Verzögerungen können vorkommen, wenn zu Beginn kein Planungsgebiet festgelegt wurde. Dann müssen die Daten für das gesamte Hamburger Gebiet geladen werden. 
+
+Der Themenbaum ist gegliedert in Hintergrundkarten, einen Katalog an Fachdaten und die aktuelle Auswahl an Kartenebenen.
+
+![Der Themenbaum](001e_Themenbaum.PNG)
+
+*Abb.001e: Der Themenbaum.*
+
+Öffnen Sie mit dem Plus die Übersicht der Themenkategorie oder minimieren sie die Ansicht wieder mit dem Minus.
+
+1. **Hintergrundkarten**
+   > Layer wie "Stadtkarte Hamburg", die als Standard automatisch aktiv sind, können auch deaktiviert werden. Die Hintergrundkarten orientieren sich am FHH Portal. Achtung beim An- und Ausschalten der Karten. Kartenlayer können andere Layer überlagern. Ihre Anzeige ist daher abhängig von der Reihenfolge der Aktivierung. Die Anordnung kann in "Ausgewählten Themen" noch nachträglich verändert und angepasst werden.
+2. **Fachdaten**  
+	 - **Analyse/Simulation**
+      > Die aufbereiteten Layer für CoSI-spezifische Werkzeuge (bereitgestellt als WFS, s. Glossar). Die einzelnen Datenlayer sind in Kategorien eingeteilt, die regelmäßig angepasst bzw. aktualisiert werden.
+	 - **Darstellung**
+      > Daten zur reinen "Anzeige" in der Karte, v.a. entnommen aus dem FHH Atlas (bereitgestellt als WMS).
+3. **Ausgewählte Themen**  
+   > Siehe nachfolgende Abbildung.
+4. **Hilfsbutton**
+   > Ruft diese Anleitung auf.
+5. **Kartenhintergrund**
+   > Hier können Sie für den Kartenhintergrund grau oder weiß auswählen.
+6. **Themenbaum fixieren/ lösen**
+   > Diese Funktion fixiert den Themenbaum, so dass er auch bei Interaktionen mit der Karte angezeigt bleibt.
+   
+   **Ausgewählte Themen**  
+      ![Abbildung 3: Ausgewählte Themen](001f_ausgewaehltethemen.PNG)  
+      *Abb.001f: Ausgewählte Themen.*  
+      - **3.1 Informationen und Legenden**
+      - **3.2 Einstellungen**  
+         Über das Zahnrad öffnen sich Einstellungen für Transparenz und Ebene verschieben.
+      - **3.3 Transparenz**  
+         Die Transparenz lässt sich über Plus in Prozent erhöhen und über Minus verringern.
+      - **3.4 Ebene nach oben/unten**  
+         Über das Pfeilmenü kann die Ebene der Layer verschoben werden.
+
+Die Themen enthalten Informationen, die symbolisch oder durch Flächen auf der Karte dargestellt werden. In der nachfolgenden Abbildung zum Beispiel stellen die grün/blauen Punkte und Icons die vorhandenen Sportstätten im Gebiet dar. Die gelben und grünen Flächen sind aus dem Verzeichnis öffentlicher Grünanlagen. Nummerierte Punkte zeigen die Anzahl der an diesem Ort vorhandenen Einrichtungen an, wenn sich Punkte überschneiden.
+Eine Legende zu den aktiven Themen kann durch einen Klick auf den Reiter "Legende" eingeblendet werden. Unabhängig davon können über den Infobutton rechts neben dem Layer weitere Informationen zu dem jeweiligen Thema aufgerufen werden. Es werden folgende Informationen bereitgestellt: Kurzbeschreibung des Themas, Datenstand und Legende. Auch befinden sich hinter dem Info-Button die Links zu Downloadquellen und eine WFS - bzw. WMF -Adresse.
+Ein Klick auf ein Objekt auf der Karte öffnet eine Infotafel für die aktuelle Auswahl (Sportstätte, Grünanlage, etc.). Auf der Infotafel werden Informationen über das Objekt angezeigt. Datenschutzrelevante (personenbezogene) Daten werden nicht angezeigt.
+
+![Abbildung 4: Manuelle Flächenauswahl](001g_bspkartenansicht.PNG)
+
+*Abb.001g: Beispiel für Kartenansicht.*
+
+<div style="page-break-after: always;"></div>
+
 ___
 # **CoSI** 
 ## Cockpit Städtische Infrastrukturen
@@ -1328,3 +1624,185 @@ Nach dem Upload der Datei beginnt automatisch die Berechnung Erreichbarkeiten zu
 Die erzeugte GEOJSON-Datei enthält dann die berechneten Geometrien (Polygone) der einzelnen Erreichbarkeiten sowie dazugehörige Informationen (wie z.B. ID, Distanz oder Zeit, gewähltes Fortbewegungsmittel, Intervall) als Attribute (2). Die heruntergeladene Datei kann direkt zur weiteren Bearbeitung in GIS-Systeme (z.B. QGIS) (1) eingebunden werden.
 
 ![routing_16.png](https://geodienste.hamburg.de/lgv-config/img/routing_16.png)
+# Running CoSI locally
+
+## Assumptions
+- running iOS.
+- (npm installed via homebrew)
+- nvm installed
+- git installed
+- You have a Bitbucket account and access to the following repositories (if you do not have access, currently the developers at LGV can grant you access):
+	- https://bitbucket.org/geowerkstatt-hamburg/masterportal
+	- https://bitbucket.org/geowerkstatt-hamburg/addons
+	- https://bitbucket.org/geowerkstatt-hamburg/portalconfigs
+- You have your git authentication set up in your command line using an access token
+
+
+## Qickstart
+Run this in terminal:
+
+```
+git clone https://bitbucket.org/geowerkstatt-hamburg/masterportal
+cd masterportal
+git checkout dev
+
+rm -r addons
+
+git clone https://bitbucket.org/geowerkstatt-hamburg/addons addons
+git clone https://bitbucket.org/geowerkstatt-hamburg/portalconfigs
+
+cd addons
+git checkout dev
+cd ../portal
+git checkout dev
+cd ..
+
+nvm install 16.16.0
+nvm use 16.16.
+node -v
+
+npm install
+
+cd addons
+npm run postinstall
+cd ..
+
+npm start
+```
+After some compile time, CoSI should run at https://localhost:9001/portal/cosi
+
+
+
+Cosi consists of three repositories. They are available on Bitbucket (private repos, owned by the city). There is also a fork on Github (privated repos, owned by the CityScienceLab github organisation). The three repos are: 
+1. The `masterportal` (https://bitbucket.org/geowerkstatt-hamburg/masterportal)
+2. Two folders of the masterportal are replaced by another repository each. These folders are set to be (git)ignored by the masterportal repository.
+	1. the `addons` folder in masterportal is replaced by
+		1. https://bitbucket.org/geowerkstatt-hamburg/addons
+	2. the `portal` folder in masterportal is replaced by https://bitbucket.org/geowerkstatt-hamburg/portalconfigs
+3. on all repositories we work on the branch called `cosi/dev` (not `dev`)
+
+So we clone the masterportal repo first and get on the right branch
+Delete folders to be replaced with the other two repos
+download relevant repos as these folders
+- `geowerkstatt-hamburg/addons` as `addons`
+- `geowerkstatt-hamburg/portalconfigs` as `portal`
+Switch to the relevant branches
+Set up Node and Install. You might need to use a specific node version. On 24.08.22 it's `16.16.0` .
+Then install the masterportal node dependencies (in masterportal root folder):
+
+Cosi consists of multiple nested node apps. For each, the dependencies have to be installed. there is a costum script `postinstall` to do this correctly (defined in /addons/package.json) that can be executed when in the addons folder.
+
+
+# More Developer Documentation (under construction)
+
+
+## Development Workflow
+
+### Git Branching Model
+
+- in all three repositories, development should happen in feature branches. After a code review, and if all unit tests pass, these changes go direclty into the `dev` branch (which is the branch that is in production).
+- adding a new feature:
+	- open a ticket on jira (jira.geowerkstatt-hamburg.de). On the ticket, you can create a branch for your feature
+	- `git checkout FEATURE_BRANCH_NAME` to switch to that new branch locally
+	- `git commit -m "commit message"` to commit your changes to that feature branch
+	- `npm run test:cosi` when your code is ready, make sure all unit tests pass with (see TDD section)
+	- `git rebase dev` your branch to be ahead of the `dev` branch. [more](https://www.atlassian.com/git/tutorials/rewriting-history/git-rebase)
+	- fix any merge conflicts and run all unit tests again
+	- create a pull request on jira, and assign someone to review your code
+	- make changes as discussed with the reviewer
+	- The person who reviews the code can then accept your pull request to the dev branch.
+	- `git merge -ff` when accepting a pull request, make sure to merge with fast forward. That way (together with `rebase`), your changes will appear as a single commit at the time when your feature appears on the dev branch.
+	- `git checkout dev` go back to the dev branch
+	- `git pull` the changes that happened
+	- `git branch -d FEATURE_BRANCH_NAME` delete the feature branch
+	- done!
+
+
+
+
+### IDE setup
+
+- This documentation assumes you're using VSCode as your IDE
+	- Download VScode
+	- install Plugins
+		- eslint
+		- vue
+- To ensure the linter (checks coding rules are fulfilled) works, add the path to your masterportal root folder to the visual studio code `settings.json` file under `eslint.workingDirectories`
+
+ 
+ ## TDD
+- Understanding Tests
+	- have a look at "vue test utils"
+	- 
+- Writing Tests
+	- make tests short - test one thing at a time
+	- test only internal components (i.e. not functioning of a third party api)
+	- test only the smallest components, not end-to-end
+	- tests for 
+		- dom
+		- computed properties
+		- user interactions
+	- as an example for how tests should look like, see districtselector
+- Running tests
+		- there is a command set up to run only the cosi tests: `test:cosi 
+
+ 
+
+## Developer Rules & Pre-push Hooks
+
+- Lint
+- 
+- 
+
+## Resources
+- code documentation generated in masterportal `npm run buildJsDoc`
+- CoSI user documentation: https://github.com/citysciencelab/cosi/tree/master/cosi
+- Masterportal Developer Documentation
+- Class documentation in cosi/cosi/MODULE-NAME/doc
+
+# Stack
+- the open source project "masterportal" is the foundation. It runs on
+	- Node
+	- Vue
+		- vuetifyjs
+
+
+## Architecture
+- Entry point:
+	- `npm start` runs `masterportal/js/app.js`. everthing else flows from there.
+# CoSI – Cockpit for Social Infrastructure
+
+The [CoSI protoype](https://github.com/citysciencelab/cosi-prototype) was developed in 2019 by the CityScienceLab as a proof of concept.
+The prototype has since been adapted to work in the [Urban Data Platform](http://www.urbandataplatform.hamburg/) environment and is now based on the [Masterportal](https://bitbucket.org/geowerkstatt-hamburg/masterportal/src) (Hamburg's Urban Data Platform Web-Gis) code.
+
+CoSI is a web-GIS application currently evolving towards a planning support system for social infrastructure planners.
+CoSI offers a variety of analysis and simulation modules
+![CoSI modules](https://user-images.githubusercontent.com/36763878/115524695-b2938480-a28e-11eb-9995-4779489f1722.png)
+Find the complete manual [here](./README.md) or for each module individually in the [manuals directory](./manuals).
+
+CoSI Promo Video
+![CoSI Project Promo](https://www.youtube.com/watch?v=zlztDnZ4FyU)
+
+Video of the protoype
+![CoSI Prototype Video](https://drive.google.com/uc?export=view&id=1ABGo_bBoE5uny4XcFliBhZcMwl8oUy8z)
+[Clicke here](https://drive.google.com/file/d/id=1ABGo_bBoE5uny4XcFliBhZcMwl8oUy8z/view?usp=sharing) if the video doesn't load.
+
+CoSI Publications :
+https://www.researchgate.net/publication/344340813_Cockpit_Social_Infrastructure_-_Developing_a_planning_support_system_in_Hamburg
+International Journal of E-Planning Research (IJEPR): currently in review
+
+CoSI is also mentioned in the 'Digital Strategy for Hamburg':
+https://www.hamburg.de/contentblob/14924946/e80007b350f1abdc455cfaea7e8cd76c/data/download-digitalstrategie-englisch.pdf
+
+
+# Documentation - tbc
+
+This file is added to "masterportal" repo to keep the "empty" addons folder. The addons folder is needed by webpack.
+
+In case you need to clone an "addons" repository inside this folder, do the following:
+
+1: Because cloning into a non empty folder is not allowed, DELETE THIS FILE BEFORE CLONING any repository inside this folder.
+
+2: Clone the desired repository
+
+3: Revert the deletion after cloning is finished.
diff --git a/mietenspiegelFormular/components/MietenspiegelFormular.vue b/mietenspiegelFormular/components/MietenspiegelFormular.vue
index 86dfb8131..97a099f33 100644
--- a/mietenspiegelFormular/components/MietenspiegelFormular.vue
+++ b/mietenspiegelFormular/components/MietenspiegelFormular.vue
@@ -45,12 +45,12 @@ export default {
         },
         buildingAgeClass (newVal) {
             if (newVal && this.livingSpace) {
-                this.setRentPrice(this.getRentPrice(newVal, this.livingSpace, this.calculationData));
+                this.setRentPrice(this.getRentPrice(newVal, this.livingSpace, this.residentialInformation.bezeichnung, this.calculationData));
             }
         },
         livingSpace (newVal) {
             if (newVal && this.buildingAgeClass) {
-                this.setRentPrice(this.getRentPrice(this.buildingAgeClass, newVal, this.calculationData));
+                this.setRentPrice(this.getRentPrice(this.buildingAgeClass, newVal, this.residentialInformation.bezeichnung, this.calculationData));
             }
         },
         clickCoordinate (coord) {
@@ -88,21 +88,24 @@ export default {
          * Returns the min, max and middle value price for the rent from calculation data with given attributes.
          * @param {String} buildingAgeClass - the buildingAgeClass attribute to looking for in calculationData.
          * @param {String} livingSpace - the livingSpace attribute to looking for in calculationData.
+         * @param {String} location - The location attribute to looking for in calculationData.
          * @param {Object[]} calculationData - The calculated data array.
          * @returns {Object} - The Object with min, max and middle value for the rent price.
          */
-        getRentPrice (buildingAgeClass, livingSpace, calculationData) {
+        getRentPrice (buildingAgeClass, livingSpace, location, calculationData) {
             const result = {};
 
-            if (!Array.isArray(calculationData) || !calculationData.length || typeof buildingAgeClass !== "string" || typeof livingSpace !== "string") {
+            if (!Array.isArray(calculationData) || !calculationData.length || typeof buildingAgeClass !== "string" || typeof livingSpace !== "string" || typeof location !== "string") {
                 return result;
             }
 
             for (let i = 0; i < calculationData?.length; i++) {
                 if (Object.prototype.hasOwnProperty.call(calculationData[i], "Baualtersklasse/Bezugsfertigkeit") &&
                     Object.prototype.hasOwnProperty.call(calculationData[i], "Wohnfläche") &&
+                    Object.prototype.hasOwnProperty.call(calculationData[i], "Kategorie") &&
                     calculationData[i]["Baualtersklasse/Bezugsfertigkeit"] === buildingAgeClass &&
-                    calculationData[i]["Wohnfläche"] === livingSpace) {
+                    calculationData[i]["Wohnfläche"] === livingSpace &&
+                    calculationData[i].Kategorie === location) {
                     result.rangeMin = calculationData[i].spanne_min;
                     result.rangeMax = calculationData[i].spanne_max;
                     result.averageValue = calculationData[i].mittelwert;
diff --git a/mietenspiegelFormular/tests/components/MietenspiegelFormular.spec.js b/mietenspiegelFormular/tests/components/MietenspiegelFormular.spec.js
index d9d83b81b..1060cfb71 100644
--- a/mietenspiegelFormular/tests/components/MietenspiegelFormular.spec.js
+++ b/mietenspiegelFormular/tests/components/MietenspiegelFormular.spec.js
@@ -65,6 +65,7 @@ describe("addons/mietenspiegelFormular/components/MietenspiegelFormular.vue", ()
                 }
             }
         });
+
         sinon.spy(MietenspiegelFormular.methods, "getCalculationData");
         sinon.spy(MietenspiegelFormular.methods, "modifyMietenspiegelData");
         sinon.spy(MietenspiegelFormular.methods, "getFeatureProperties");
@@ -507,7 +508,7 @@ describe("addons/mietenspiegelFormular/components/MietenspiegelFormular.vue", ()
                         "averageValue": "9.76"
                     };
 
-                expect(wrapper.vm.getRentPrice("2011 bis 2015", "ab 131m²", calcData)).to.deep.equal(expected);
+                expect(wrapper.vm.getRentPrice("2011 bis 2015", "ab 131m²", "Normale Wohnlage", calcData)).to.deep.equal(expected);
             });
         });
         describe("getNoticeText", () => {
diff --git a/package-lock.json b/package-lock.json
index 957c7446d..6c707a83b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,20 +1,20 @@
 {
   "name": "addons",
-  "version": "2.37.0",
+  "version": "2.43.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "addons",
-      "version": "2.37.0",
+      "version": "2.43.0",
       "hasInstallScript": true,
       "license": "MIT",
       "devDependencies": {
         "husky": "^8.0.2"
       },
       "engines": {
-        "node": "^16.13.2 || ^18.16.0",
-        "npm": "^8.1.2 || ^9.5.1"
+        "node": "^16.13.2 || ^18.16.0 || ^20.9.0",
+        "npm": "^8.1.2 || ^9.5.1 || ^10.1.0"
       }
     },
     "node_modules/husky": {
diff --git a/package.json b/package.json
index 57675ba62..cda09fdb5 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "addons",
-  "version": "2.37.0",
+  "version": "2.43.0",
   "description": "Addons to the Masterportal of Landesbetrieb Geoinformation und Vermessung Freie und Hansestadt Hamburg",
   "license": "MIT",
   "repository": {
@@ -20,8 +20,8 @@
     "husky": "^8.0.2"
   },
   "engines": {
-    "node": "^16.13.2 || ^18.16.0",
-    "npm": "^8.1.2 || ^9.5.1"
+    "node": "^16.13.2 || ^18.16.0 || ^20.9.0",
+    "npm": "^8.1.2 || ^9.5.1 || ^10.1.0"
   },
   "dependencies": {}
 }
diff --git a/schoolRoutePlanning/store/actions/actionsSchoolRoutePlanningSchoolWay.js b/schoolRoutePlanning/store/actions/actionsSchoolRoutePlanningSchoolWay.js
index a01f7439c..ad3454507 100644
--- a/schoolRoutePlanning/store/actions/actionsSchoolRoutePlanningSchoolWay.js
+++ b/schoolRoutePlanning/store/actions/actionsSchoolRoutePlanningSchoolWay.js
@@ -140,11 +140,13 @@ export default {
      */
     parseRoute ({commit}, routeEdges) {
         const wktParser = new WKT(),
-            multiLineString = new MultiLineString({});
+            lineStringArray = [];
+        let multiLineString = "";
 
         routeEdges.forEach(routePart => {
-            multiLineString.appendLineString(wktParser.readGeometry(routePart.wkt));
+            lineStringArray.push(wktParser.readGeometry(routePart.wkt));
         });
+        multiLineString = new MultiLineString(lineStringArray);
 
         commit("setRouteGeometry", multiLineString);
     }
diff --git a/schoolRoutePlanning/tests/unit/store/actions/actionsSchoolRoutePlanningSchoolWay.spec.js b/schoolRoutePlanning/tests/unit/store/actions/actionsSchoolRoutePlanningSchoolWay.spec.js
index 0db4056c8..ea7dfabdc 100644
--- a/schoolRoutePlanning/tests/unit/store/actions/actionsSchoolRoutePlanningSchoolWay.spec.js
+++ b/schoolRoutePlanning/tests/unit/store/actions/actionsSchoolRoutePlanningSchoolWay.spec.js
@@ -1,11 +1,14 @@
 import testAction from "../../../../../../test/unittests/VueTestUtils";
 import actions from "../../../../store/actions/actionsSchoolRoutePlanningSchoolWay";
+import {expect} from "chai";
+import sinon from "sinon";
 
 const {
     selectSchool,
     prepareWayToSchoolRequest,
     parseResponseWayToSchool,
-    parseRouteElements
+    parseRouteElements,
+    parseRoute
 } = actions;
 
 before(() => {
@@ -358,4 +361,30 @@ describe("addons/schoolRoutePlanning/store/actions/actionsSchoolRoutePlanningSch
             ], {}, done);
         });
     });
+    describe("parseRoute", () => {
+        it("parseRoute", () => {
+            const payload = [
+                    {
+                        attributes: {
+                            id: "1"
+                        },
+                        id: "R2D2",
+                        length: "25",
+                        wkt: "LINESTRING(571953.8954285234 5933896.703379773,571937.8260000004 5933915.695)"
+                    },
+                    {
+                        attributes: {
+                            id: "2"
+                        },
+                        id: "C3PO",
+                        length: "24",
+                        wkt: "LINESTRING(571937.8260000004 5933915.695,571925.1399999997 5933956.300000001,571913.9179999996 5933979.132999999)"
+                    }
+                ],
+                commit = sinon.spy();
+
+            parseRoute({commit}, payload);
+            expect(commit.calledOnce).to.be.true;
+        });
+    });
 });
diff --git a/streetSmart/store/stateStreetSmart.js b/streetSmart/store/stateStreetSmart.js
index 0c6f3c6f1..86a16148d 100644
--- a/streetSmart/store/stateStreetSmart.js
+++ b/streetSmart/store/stateStreetSmart.js
@@ -30,6 +30,7 @@ const state = {
     isVisibleInMenu: true,
     deactivateGFI: false,
     initialWidth: 500,
+    supportedMapModes: ["2D"],
     serviceId: "streetsmart",
     streetsmartAPIVersion: "22.2",
     reactVersion: "16.12.0",
diff --git a/tacticalMark/components/TacticalMark.vue b/tacticalMark/components/TacticalMark.vue
index 5f2abbac0..498cda7e2 100644
--- a/tacticalMark/components/TacticalMark.vue
+++ b/tacticalMark/components/TacticalMark.vue
@@ -244,8 +244,7 @@ export default {
                         image: new Icon({
                             src: this.imagePath + iconName,
                             scale: 1,
-                            opacity: 1,
-                            imgSize: [50, 50]
+                            opacity: 1
                         }),
                         zIndex: 0
                     });
diff --git a/valuationPrint/utils/createKnowledgeBase.js b/valuationPrint/utils/createKnowledgeBase.js
index 01694553e..a46b00052 100644
--- a/valuationPrint/utils/createKnowledgeBase.js
+++ b/valuationPrint/utils/createKnowledgeBase.js
@@ -109,10 +109,14 @@ export function createKnowledgeBase (parcelData, services, mapProjection, onstar
             });
         }
         else if (config?.precompiler?.type === "assignAttributes") {
-            const attributes = [];
+            const attributes = [],
+                configProperties = {};
 
+            config.propertyName.forEach(prop => {
+                configProperties[prop] = undefined;
+            });
             features.forEach(feature => {
-                attributes.push(Object.assign(feature.getProperties(), config.precompiler.attributes));
+                attributes.push(Object.assign(configProperties, feature.getProperties(), config.precompiler.attributes));
             });
             knowledgeBase[prefix] = attributes;
             createKnowledgeBase(parcelData, services, mapProjection, onstart, onfinish, onUserError, onDevError, knowledgeBase, idx + 1);
diff --git a/vcOblique/store/actionsVcOblique.js b/vcOblique/store/actionsVcOblique.js
index e9e7fc225..ffda95e36 100644
--- a/vcOblique/store/actionsVcOblique.js
+++ b/vcOblique/store/actionsVcOblique.js
@@ -159,7 +159,8 @@ const actions = {
     },
 
     /**
-     * Checks if the oblique viewer url and called website have the same host and sets the url in the state.
+     * Checks if the oblique viewer URL and called website have the same origin (hostname) and sets the URL in the state.
+     * Different ports will be handled as same origin.
      * Difference only in `www.` is handled separately.
      * @param {Object} param store context
      * @param {Object} param.commit the commit
@@ -170,13 +171,15 @@ const actions = {
      * @returns {void}
      */
     setObliqueViewerURLWithSameHostname ({commit, dispatch, getters, rootGetters}, startCoordinates) {
-        const urlParts = rootGetters.getRestServiceById(getters.serviceId).url.split("https://")[1].split("/");
+        const serviceUrl = rootGetters.getRestServiceById(getters.serviceId).url,
+            serviceOrigin = new URL(serviceUrl),
+            currentOrigin = new URL(document.location.href);
 
-        if (document.location.hostname === urlParts[0]) {
-            commit("setObliqueViewerURL", rootGetters.getRestServiceById(getters.serviceId).url + "?groundPosition=" + startCoordinates);
+        if (serviceOrigin.hostname === currentOrigin.hostname) {
+            commit("setObliqueViewerURL", serviceUrl + "?groundPosition=" + startCoordinates);
         }
-        else if (document.location.hostname.startsWith("www.") && document.location.hostname.split("www.")[1] === urlParts[0]) {
-            dispatch("setObliqueViewerURLWithReplacedHostname", {urlParts, startCoordinates});
+        else if (document.location.hostname.startsWith("www.") && document.location.hostname.split("www.")[1] === serviceOrigin.hostname) {
+            dispatch("setObliqueViewerURLWithReplacedHostname", {urlParts: serviceOrigin.pathname, startCoordinates});
         }
         else {
             dispatch("Alerting/addSingleAlert", i18next.t("additional:modules.tools.vcOblique.sameOrigin"), {root: true});
diff --git a/vcOblique/tests/unit/components/VcOblique.spec.js b/vcOblique/tests/unit/components/VcOblique.spec.js
index df030090b..c1c5eba79 100644
--- a/vcOblique/tests/unit/components/VcOblique.spec.js
+++ b/vcOblique/tests/unit/components/VcOblique.spec.js
@@ -33,12 +33,6 @@ describe("ADDONS: addons/vcOblique/components/VcOblique.vue", () => {
     let store, wrapper, setObliqueViewOrig, initObliqueViewOrig, setRenderToWindowOrig, initResetObliqueViewer, setObliqueViewerURLOrig;
 
     beforeEach(() => {
-        global.MutationObserver = {
-            constructor: () => sinon.stub(),
-            disconnect: () => sinon.stub(),
-            observe: () => sinon.stub()
-        };
-
         setObliqueViewOrig = VcOblique.actions.setObliqueView;
         VcOblique.actions.setObliqueView = sinon.stub();
         initObliqueViewOrig = VcOblique.actions.initObliqueView;
diff --git a/vpiDashboard/components/DataCard.vue b/vpiDashboard/components/DataCard.vue
index f67c8af93..fe5d8616e 100644
--- a/vpiDashboard/components/DataCard.vue
+++ b/vpiDashboard/components/DataCard.vue
@@ -91,14 +91,14 @@ export default {
             }
 
             // Cards for Tab "Visitor Types"
-            if (this.detail === "visitorTypeCommutersPerDay" && this.visitorTypesByTypeAndYear?.Pendler) {
-                return this.visitorTypesByTypeAndYear.Pendler[this.currentYearIndex + 2019].toLocaleString(this.currentLocale);
+            if (this.detail === "visitorTypeCommutersPerWeek" && this.visitorTypesByTypeAndYear?.Pendler) {
+                return this.visitorTypesByTypeAndYear.Pendler[this.currentYearIndex + 2019]?.toLocaleString(this.currentLocale) ?? "n/a";
             }
-            if (this.detail === "visitorTypeResidentsPerDay" && this.visitorTypesByTypeAndYear?.Einwohner) {
-                return this.visitorTypesByTypeAndYear.Einwohner[this.currentYearIndex + 2019].toLocaleString(this.currentLocale);
+            if (this.detail === "visitorTypeResidentsPerWeek" && this.visitorTypesByTypeAndYear?.Einwohner) {
+                return this.visitorTypesByTypeAndYear.Einwohner[this.currentYearIndex + 2019]?.toLocaleString(this.currentLocale) ?? "n/a";
             }
-            if (this.detail === "visitorTypeTouristsPerDay" && this.visitorTypesByTypeAndYear?.Touristen) {
-                return this.visitorTypesByTypeAndYear.Touristen[this.currentYearIndex + 2019].toLocaleString(this.currentLocale);
+            if (this.detail === "visitorTypeTouristsPerWeek" && this.visitorTypesByTypeAndYear?.Touristen) {
+                return this.visitorTypesByTypeAndYear.Touristen[this.currentYearIndex + 2019]?.toLocaleString(this.currentLocale) ?? "n/a";
             }
 
             return null;
@@ -128,13 +128,13 @@ export default {
             }
 
             // Cards for Tab "Visitor Types"
-            if (this.detail === "visitorTypeCommutersPerDay" && this.visitorTypesByTypeAndYear?.Pendler) {
+            if (this.detail === "visitorTypeCommutersPerWeek" && this.visitorTypesByTypeAndYear?.Pendler) {
                 return Object.keys(this.visitorTypesByTypeAndYear.Pendler);
             }
-            if (this.detail === "visitorTypeResidentsPerDay" && this.visitorTypesByTypeAndYear?.Einwohner) {
+            if (this.detail === "visitorTypeResidentsPerWeek" && this.visitorTypesByTypeAndYear?.Einwohner) {
                 return Object.keys(this.visitorTypesByTypeAndYear.Einwohner);
             }
-            if (this.detail === "visitorTypeTouristsPerDay" && this.visitorTypesByTypeAndYear?.Touristen) {
+            if (this.detail === "visitorTypeTouristsPerWeek" && this.visitorTypesByTypeAndYear?.Touristen) {
                 return Object.keys(this.visitorTypesByTypeAndYear.Touristen);
             }
 
@@ -145,9 +145,9 @@ export default {
         updateIndex (newValue, oldValue) {
             if (newValue !== oldValue) {
                 if (
-                    (this.detail === "visitorTypeCommutersPerDay" ||
-                    this.detail === "visitorTypeResidentsPerDay" ||
-                    this.detail === "visitorTypeTouristsPerDay") &&
+                    (this.detail === "visitorTypeCommutersPerWeek" ||
+                    this.detail === "visitorTypeResidentsPerWeek" ||
+                    this.detail === "visitorTypeTouristsPerWeek") &&
                     this.newValue !== this.currentYearIndex
                 ) {
                     this.changeIndex(newValue);
@@ -175,9 +175,9 @@ export default {
 
             // Cards for Tab "Visitor Types"
             if (
-                this.detail === "visitorTypeCommutersPerDay" ||
-                this.detail === "visitorTypeResidentsPerDay" ||
-                this.detail === "visitorTypeTouristsPerDay"
+                this.detail === "visitorTypeCommutersPerWeek" ||
+                this.detail === "visitorTypeResidentsPerWeek" ||
+                this.detail === "visitorTypeTouristsPerWeek"
             ) {
                 this.currentYearIndex = index;
             }
@@ -212,7 +212,7 @@ export default {
 <template>
     <div
         :id="`card` + title"
-        class="card statistic-card"
+        class="vpicard statistic-card"
     >
         <h4>{{ title }}</h4>
         <div v-if="navigation">
@@ -244,7 +244,7 @@ export default {
 </template>
 
 <style lang="scss">
-.card {
+.vpicard {
     display: flex;
     flex-direction: column;
     justify-content: space-around;
@@ -257,14 +257,14 @@ export default {
     border: none;
 }
 
-.card h4 {
+.vpicard h4 {
     font-size: 0.7rem;
     text-align: center;
     margin-bottom: 0;
 
 }
 
-.card .card-buttons {
+.vpicard .card-buttons {
     width: 100%;
     display: flex;
     justify-content: center;
diff --git a/vpiDashboard/components/LocationSelectMenu.vue b/vpiDashboard/components/LocationSelectMenu.vue
index d862a62b1..77fe6a801 100644
--- a/vpiDashboard/components/LocationSelectMenu.vue
+++ b/vpiDashboard/components/LocationSelectMenu.vue
@@ -68,8 +68,14 @@ export default {
 </script>
 
 <template>
-    <div class="headline mb-2">
+    <div class="locationselectmenu headline mb-2">
+        <label
+            for="locationSelect"
+        >
+            {{ translate('additional:modules.tools.vpidashboard.locationSelectMenu.label') }}
+        </label>
         <Multiselect
+            id="locationSelect"
             v-model="selectedLocation"
             :placeholder="translate('additional:modules.tools.vpidashboard.locationSelectMenu.menuPlaceholder')"
             label="street"
@@ -78,3 +84,16 @@ export default {
         />
     </div>
 </template>
+
+<style scoped>
+    .locationselectmenu {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        gap: 30px;
+        margin-top: 20px;
+    }
+    .locationselectmenu > label {
+        font-size: 16px;
+    }
+</style>
diff --git a/vpiDashboard/components/Tabs/TabActivities.vue b/vpiDashboard/components/Tabs/TabActivities.vue
index a02b4380c..de86dbabf 100644
--- a/vpiDashboard/components/Tabs/TabActivities.vue
+++ b/vpiDashboard/components/Tabs/TabActivities.vue
@@ -118,7 +118,7 @@ export default {
          * @returns {Boolean} is activities chart type
         */
         isActivitiesChartType () {
-            return ["hourly", "timeRange"].indexOf(this.selectedChartData) !== -1;
+            return ["hourly", "timeRange"].includes(this.selectedChartData);
         },
         /**
          * switches the datepicker title based on the requested user interaction (choose a single date or a date range)
@@ -362,7 +362,9 @@ export default {
                 this.$store.commit("Tools/VpiDashboard/setLineChartMonthlyData", this.currentlySelectedYear);
                 this.$store.commit("Tools/VpiDashboard/setBarChartDailyData", {year: this.currentlySelectedYear, month: this.currentlySelectedMonth});
                 this.$store.commit("Tools/VpiDashboard/setLineChartDailyData", {year: this.currentlySelectedYear, month: this.currentlySelectedMonth});
-                this.getCurrentBarAndLineChartData();
+                if (!this.isActivitiesChartType) {
+                    this.getCurrentBarAndLineChartData();
+                }
             }
         },
         /**
@@ -374,7 +376,9 @@ export default {
             this.currentlySelectedMonth = newMonth;
             this.$store.commit("Tools/VpiDashboard/setBarChartDailyData", {year: this.currentlySelectedYear, month: newMonth});
             this.$store.commit("Tools/VpiDashboard/setLineChartDailyData", {year: this.currentlySelectedYear, month: newMonth});
-            this.getCurrentBarAndLineChartData();
+            if (!this.isActivitiesChartType) {
+                this.getCurrentBarAndLineChartData();
+            }
         },
         /**
          * sets the disabled dates for the datepicker
diff --git a/vpiDashboard/components/Tabs/TabAgeGroups.vue b/vpiDashboard/components/Tabs/TabAgeGroups.vue
index b2b86efc2..1a72d83bc 100644
--- a/vpiDashboard/components/Tabs/TabAgeGroups.vue
+++ b/vpiDashboard/components/Tabs/TabAgeGroups.vue
@@ -77,7 +77,8 @@ export default {
             },
             timestamp: null,
             showChart: false,
-            currentlySelectedYear: new Date().getFullYear()
+            currentlySelectedYear: new Date().getFullYear(),
+            noDataAvailable: ""
         };
     },
     computed: {
@@ -103,6 +104,7 @@ export default {
     watch: {
         async selectedLocationId () {
             this.showChart = false;
+            await this.getAllAgeGroupsData();
             await this.updateChartData();
             this.showChart = true;
         }
@@ -125,6 +127,13 @@ export default {
             this.chartdata.line.labels = this.ageGroupxLabels;
             this.chartdata.pie.datasets = this.ageGroupsYearlyData[this.currentlySelectedYear];
             this.chartdata.pie.labels = this.ageGroupPieChartLabels;
+
+            if (!this.chartdata.pie.datasets || this.chartdata.pie.datasets.length === 0) {
+                this.noDataAvailable = this.$t("additional:modules.tools.vpidashboard.tab.noData");
+            }
+            else {
+                this.noDataAvailable = "";
+            }
         },
         /**
          * define, which charttype shall be displayed
@@ -184,6 +193,12 @@ export default {
                                     :start-value-index="yearList.length - 1"
                                     @pager="changeIndex"
                                 />
+                                <span
+                                    v-if="noDataAvailable !== ''"
+                                    class="noDataAvailableMessage"
+                                >
+                                    {{ noDataAvailable }}
+                                </span>
                                 <PiechartItem
                                     v-if="showChart"
                                     ref="pieChart"
@@ -199,7 +214,7 @@ export default {
                             <div
                                 class="row chart bar"
                             >
-                                <h4> {{ translate("additional:modules.tools.vpidashboard.tab.ageGroup.lineBarChartTitle", { year: currentlySelectedYear }) }} </h4>
+                                <h2> {{ translate("additional:modules.tools.vpidashboard.tab.ageGroup.lineBarChartTitle", { year: currentlySelectedYear }) }} </h2>
                                 <BarchartItem
                                     v-if="showChart"
                                     :key="timestamp"
@@ -228,7 +243,7 @@ export default {
                             <div
                                 class="row chart line"
                             >
-                                <h4> {{ translate("additional:modules.tools.vpidashboard.tab.ageGroup.lineBarChartTitle", { year: currentlySelectedYear }) }} </h4>
+                                <h2> {{ translate("additional:modules.tools.vpidashboard.tab.ageGroup.lineBarChartTitle", { year: currentlySelectedYear }) }} </h2>
                                 <LinechartItem
                                     :key="timestamp"
                                     :data="chartdata.line"
@@ -256,6 +271,12 @@ export default {
     .charts {
         margin: 0 0 1rem 0;
         padding: 1rem;
+        text-align: center;
+    }
+
+    .charts .noDataAvailableMessage {
+        font-size: 16px;
+        font-weight: normal;
     }
 
     .piechart {
diff --git a/vpiDashboard/components/Tabs/TabCompareDashboard.vue b/vpiDashboard/components/Tabs/TabCompareDashboard.vue
index 2c92da32c..ad5f16d92 100644
--- a/vpiDashboard/components/Tabs/TabCompareDashboard.vue
+++ b/vpiDashboard/components/Tabs/TabCompareDashboard.vue
@@ -1,5 +1,7 @@
 <script>
 import BarchartItem from "../../../../src/share-components/charts/components/BarchartItem.vue";
+import LinechartItem from "../../../../src/share-components/charts/components/LinechartItem.vue";
+import ChangeChartTypeButtons from "../ChangeChartTypeButtons.vue";
 import DatePicker from "vue2-datepicker";
 import {mapActions, mapGetters, mapState} from "vuex";
 import actions from "../../store/actionsVpiDashboard";
@@ -12,26 +14,37 @@ export default {
     name: "TabCompareDashboard",
     components: {
         BarchartItem,
+        LinechartItem,
+        ChangeChartTypeButtons,
         DatePicker,
         Multiselect
     },
     data () {
         return {
-            date: null,
+            dates: null,
             all_locations: [],
             locations_a: [],
             location_a: "",
             location_b: "",
+            chartType: "bar",
             chartdata: {
                 bar: {
                     datasets: [],
                     labels: []
+                },
+                line: {
+                    datasets: [],
+                    labels: []
                 }
             },
             characteristic: [
                 {
                     id: "activities",
-                    name: this.translate("additional:modules.tools.vpidashboard.tabitems.activities")
+                    name: this.translate("additional:modules.tools.vpidashboard.unique.timeRange")
+                },
+                {
+                    id: "daily",
+                    name: this.translate("additional:modules.tools.vpidashboard.unique.hourly")
                 },
                 {
                     id: "ageGroup",
@@ -57,6 +70,7 @@ export default {
     computed: {
         ...mapState("Tools/VpiDashboard", ["selectedLocationId", "selectedLocationB"]),
         ...mapGetters("Tools/VpiDashboard", Object.keys(getters)),
+        ...mapGetters("Language", ["currentLocale"]),
         locations_b () {
             return this.locations_a.filter(location => location.location_id !== this.location_a.location_id);
         },
@@ -68,30 +82,42 @@ export default {
         },
         dwellTime () {
             return {
-                dwellTimeLocationA: this.getDwellTimeLocationA,
-                dwellTimeLocationB: this.getDwellTimeLocationB
+                dwellTimeLocationA: this.getDwellTimeLocationA(this.chartType),
+                dwellTimeLocationB: this.getDwellTimeLocationB(this.chartType)
             };
         },
         ageGroups () {
             return {
-                ageGroupsLocationA: this.getAgeGroupsLocationA,
-                ageGroupsLocationB: this.getAgeGroupsLocationB
+                ageGroupsLocationA: this.getAgeGroupsLocationA(this.chartType),
+                ageGroupsLocationB: this.getAgeGroupsLocationB(this.chartType)
             };
         },
         visitorTypes () {
             return {
-                visitorTypesLocationA: this.getVisitorTypesLocationA,
-                visitorTypesLocationB: this.getVisitorTypesLocationB
+                visitorTypesLocationA: this.getVisitorTypesLocationA(this.chartType),
+                visitorTypesLocationB: this.getVisitorTypesLocationB(this.chartType)
             };
         },
         invidualVisitors () {
             return {
-                activitiesLocationA: this.getActivitiesLocationA,
-                activitiesLocationB: this.getActivitiesLocationB
+                activitiesLocationA: this.getActivitiesLocationA(this.chartType),
+                activitiesLocationB: this.getActivitiesLocationB(this.chartType)
+            };
+        },
+        dailyActivities () {
+            return {
+                activitiesLocationA: this.getDailyActivitiesLocationA(this.chartType),
+                activitiesLocationB: this.getDailyActivitiesLocationB(this.chartType)
             };
         },
         showCompareButton () {
-            if (this.location_a !== "" && this.location_b !== "" && this.character !== "" && this.date !== null) {
+            if (this.location_a !== "" && this.location_b !== "" && this.character !== "" && this.dates) {
+                if (Array.isArray(this.dates) && !this.dates[0]) {
+                    // dates can be an array for date ranges or a data object for single date selection
+                    // check for "this.dates" is sufficient for data object
+                    // this check is necessary for date range arrays which can be filled but with null values
+                    return false;
+                }
                 return true;
             }
             return false;
@@ -104,19 +130,17 @@ export default {
         }
     },
     watch: {
-        date (oldValue, newValue) {
-            if (oldValue !== newValue) {
-                this.showCompareChart = false;
-            }
+        dates () {
+            this.showCompareChart = false;
         },
         character (newValue, oldValue) {
             if (oldValue !== newValue) {
                 this.showCompareChart = false;
 
-                // reset date picker, if switched from 'activities' to other character,
-                // as 'activities' allow every date and other characters allow only first day of month
-                if (oldValue === "activities") {
-                    this.date = null;
+                // reset date picker, if switched from or to 'activities' or 'daily'
+                // as 'activities' allow a date range, 'daily' allow all single dates and other characters allow only first day of month
+                if (["activities", "daily"].includes(oldValue) || ["activities", "daily"].includes(newValue)) {
+                    this.dates = null;
                 }
             }
         },
@@ -197,30 +221,51 @@ export default {
          */
         async compareData () {
             const
-                date = dayjs(this.date).format("YYYY-MM-DD"),
                 location_id_a = this.location_a.location_id,
                 location_id_b = this.location_b.location_id,
                 compareData = {
                     location_id_a: location_id_a,
                     location_id_b: location_id_b,
-                    date: date
+                    date: null
                 };
+            let dateFrom = "",
+                dateTo = "";
+
+            if (!Array.isArray(this.dates)) {
+                dateFrom = dayjs(this.dates).format("YYYY-MM-DD");
+                dateTo = dayjs(this.dates).format("YYYY-MM-DD");
+            }
+            else {
+                dateFrom = dayjs(this.dates[0]).format("YYYY-MM-DD");
+                dateTo = dayjs(this.dates[1]).format("YYYY-MM-DD");
+            }
+
+            compareData.date = [dateFrom, dateTo];
 
             if (this.character === "dwellTime") {
                 await this.getDwellTimesToCompare(compareData);
                 this.setBarChartDataForDwellTime();
+                this.setLineChartDataForDwellTime();
             }
             if (this.character === "ageGroup") {
                 await this.getAgeGroupsToCompare(compareData);
-                this.setBarCharDataForAgeGroups();
+                this.setBarChartDataForAgeGroups();
+                this.setLineChartDataForAgeGroups();
             }
             if (this.character === "visitorTypes") {
                 await this.getVisitorTypesToCompare(compareData);
-                this.setBarCharDataForVisitorTypes();
+                this.setBarChartDataForVisitorTypes();
+                this.setLineChartDataForVisitorTypes();
             }
             if (this.character === "activities") {
                 await this.getActivitiesToCompare(compareData);
-                this.setBarCharDataForActivities();
+                this.setBarChartDataForActivities();
+                this.setLineChartDataForActivities();
+            }
+            if (this.character === "daily") {
+                await this.getActivitiesForDayToCompare(compareData);
+                this.setBarChartDataForDailyActivities();
+                this.setLineChartDataForDailyActivities();
             }
             this.showCompareChart = true;
         },
@@ -235,39 +280,105 @@ export default {
             this.chartdata.bar.datasets[1].label = this.location_b.street;
             this.chartdata.bar.labels = this.dwellTime.dwellTimeLocationA.labels;
         },
+        /**
+         * sets the line chart data to compare dwell times
+         * @return {void}
+         */
+        setLineChartDataForDwellTime () {
+            this.chartdata.line.datasets[0] = this.dwellTime.dwellTimeLocationA.datasets[0];
+            this.chartdata.line.datasets[1] = this.dwellTime.dwellTimeLocationB.datasets[0];
+            this.chartdata.line.datasets[0].label = this.location_a.street;
+            this.chartdata.line.datasets[1].label = this.location_b.street;
+            this.chartdata.line.labels = this.dwellTime.dwellTimeLocationA.labels;
+        },
         /**
          * sets the bar chart data to compare age groups
          * @return {void}
          */
-        setBarCharDataForAgeGroups () {
+        setBarChartDataForAgeGroups () {
             this.chartdata.bar.datasets[0] = this.ageGroups.ageGroupsLocationA.datasets[0];
             this.chartdata.bar.datasets[1] = this.ageGroups.ageGroupsLocationB.datasets[0];
             this.chartdata.bar.datasets[0].label = this.location_a.street;
             this.chartdata.bar.datasets[1].label = this.location_b.street;
             this.chartdata.bar.labels = this.ageGroups.ageGroupsLocationA.labels;
         },
+        /**
+         * sets the line chart data to compare age groups
+         * @return {void}
+         */
+        setLineChartDataForAgeGroups () {
+            this.chartdata.line.datasets[0] = this.ageGroups.ageGroupsLocationA.datasets[0];
+            this.chartdata.line.datasets[1] = this.ageGroups.ageGroupsLocationB.datasets[0];
+            this.chartdata.line.datasets[0].label = this.location_a.street;
+            this.chartdata.line.datasets[1].label = this.location_b.street;
+            this.chartdata.line.labels = this.ageGroups.ageGroupsLocationA.labels;
+        },
         /**
          * sets the bar chart data to compare visitor type
          * @return {void}
          */
-        setBarCharDataForVisitorTypes () {
+        setBarChartDataForVisitorTypes () {
             this.chartdata.bar.datasets[0] = this.visitorTypes.visitorTypesLocationA.datasets[0];
             this.chartdata.bar.datasets[1] = this.visitorTypes.visitorTypesLocationB.datasets[0];
             this.chartdata.bar.datasets[0].label = this.location_a.street;
             this.chartdata.bar.datasets[1].label = this.location_b.street;
             this.chartdata.bar.labels = this.visitorTypes.visitorTypesLocationA.labels;
         },
+        /**
+         * sets the line chart data to compare visitor type
+         * @return {void}
+         */
+        setLineChartDataForVisitorTypes () {
+            this.chartdata.line.datasets[0] = this.visitorTypes.visitorTypesLocationA.datasets[0];
+            this.chartdata.line.datasets[1] = this.visitorTypes.visitorTypesLocationB.datasets[0];
+            this.chartdata.line.datasets[0].label = this.location_a.street;
+            this.chartdata.line.datasets[1].label = this.location_b.street;
+            this.chartdata.line.labels = this.visitorTypes.visitorTypesLocationA.labels;
+        },
         /**
          * sets the bar chart data to compare invidual visitors
          * @return {void}
          */
-        setBarCharDataForActivities () {
+        setBarChartDataForActivities () {
             this.chartdata.bar.datasets[0] = this.invidualVisitors.activitiesLocationA.datasets[0];
             this.chartdata.bar.datasets[1] = this.invidualVisitors.activitiesLocationB.datasets[0];
             this.chartdata.bar.datasets[0].label = this.location_a.street;
             this.chartdata.bar.datasets[1].label = this.location_b.street;
             this.chartdata.bar.labels = this.invidualVisitors.activitiesLocationA.labels;
         },
+        /**
+         * sets the line chart data to compare invidual visitors
+         * @return {void}
+         */
+        setLineChartDataForActivities () {
+            this.chartdata.line.datasets[0] = this.invidualVisitors.activitiesLocationA.datasets[0];
+            this.chartdata.line.datasets[1] = this.invidualVisitors.activitiesLocationB.datasets[0];
+            this.chartdata.line.datasets[0].label = this.location_a.street;
+            this.chartdata.line.datasets[1].label = this.location_b.street;
+            this.chartdata.line.labels = this.invidualVisitors.activitiesLocationA.labels;
+        },
+        /**
+         * sets the bar chart data to compare daily invidual visitors
+         * @return {void}
+         */
+        setBarChartDataForDailyActivities () {
+            this.chartdata.bar.datasets[0] = this.dailyActivities.activitiesLocationA.datasets[0];
+            this.chartdata.bar.datasets[1] = this.dailyActivities.activitiesLocationB.datasets[0];
+            this.chartdata.bar.datasets[0].label = this.location_a.street;
+            this.chartdata.bar.datasets[1].label = this.location_b.street;
+            this.chartdata.bar.labels = this.dailyActivities.activitiesLocationA.labels;
+        },
+        /**
+         * sets the line chart data to compare daily invidual visitors
+         * @return {void}
+         */
+        setLineChartDataForDailyActivities () {
+            this.chartdata.line.datasets[0] = this.dailyActivities.activitiesLocationA.datasets[0];
+            this.chartdata.line.datasets[1] = this.dailyActivities.activitiesLocationB.datasets[0];
+            this.chartdata.line.datasets[0].label = this.location_a.street;
+            this.chartdata.line.datasets[1].label = this.location_b.street;
+            this.chartdata.line.labels = this.dailyActivities.activitiesLocationA.labels;
+        },
         /**
          * sets the disabled dates for the datepicker
          * only allow past dates, at least 3 days ago for activities or 2 months ago for other characters but not longer than 01.01.2019
@@ -283,7 +394,7 @@ export default {
                 return true;
             }
 
-            if (this.character !== "activities") {
+            if (this.character !== "activities" && this.character !== "daily") {
                 if (new Date(val).getTime() >= (new Date().getTime() - twoMonthsInMilliseconds)) {
                     return true;
                 }
@@ -297,10 +408,95 @@ export default {
          * @return {string} the label for the selected comparison type
          */
         getComparisonChartLabel (id) {
-            const
-                selectedItem = this.characteristic.find(item => item.id === id);
+            const selectedItem = this.characteristic.find(item => item.id === id);
+            let returnValue = selectedItem.name;
+
+            if (this.character === "ageGroup") {
+                returnValue += " (*)";
+            }
 
-            return selectedItem.name;
+            return returnValue;
+        },
+        /**
+         * Return the translated subtitle for the selected comparison.
+         * @param {String} id current selected comparison id from dropdown
+         * @return {string} the label for the selected comparison type
+         */
+        getComparisonSubtitle (id) {
+            if (id === "activities" || id === "daily") {
+                return "";
+            }
+
+            const selectedItem = id.toLowerCase(),
+                month = dayjs(this.dates).locale(this.currentLocale).format("MMMM"),
+                year = dayjs(this.dates).format("YYYY"),
+                returnValue = this.translate("additional:modules.tools.vpidashboard.compare.chartsubtitle." + selectedItem, {month: month, year: year});
+
+
+            return returnValue;
+        },
+        /**
+         * define, which charttype shall be displayed
+         * @param {String} chartType an be one of "bar" or "line"
+         * @returns {void}
+         */
+        setChartType (chartType) {
+            this.chartType = chartType;
+
+            switch (this.character) {
+                case "dwellTime":
+                    if (chartType === "bar") {
+                        this.setBarChartDataForDwellTime();
+                    }
+                    else {
+                        this.setLineChartDataForDwellTime();
+                    }
+                    break;
+                case "ageGroup":
+                    if (chartType === "bar") {
+                        this.setBarChartDataForAgeGroups();
+                    }
+                    else {
+                        this.setLineChartDataForAgeGroups();
+                    }
+                    break;
+                case "visitorTypes":
+                    if (chartType === "bar") {
+                        this.setBarChartDataForVisitorTypes();
+                    }
+                    else {
+                        this.setLineChartDataForVisitorTypes();
+                    }
+                    break;
+                case "activities":
+                    if (chartType === "bar") {
+                        this.setBarChartDataForActivities();
+                    }
+                    else {
+                        this.setLineChartDataForActivities();
+                    }
+                    break;
+                case "daily":
+                    if (chartType === "bar") {
+                        this.setBarChartDataForDailyActivities();
+                    }
+                    else {
+                        this.setLineChartDataForDailyActivities();
+                    }
+                    break;
+                default:
+                    break;
+            }
+        },
+        /**
+         * check if there are data available for the selected location and the selected date
+         * @returns {Boolean} if no data is available
+         */
+        noData () {
+            if (this.chartdata[this.chartType].datasets[0].data.length === 0 && this.chartdata[this.chartType].datasets[1].data.length === 0) {
+                return true;
+            }
+            return false;
         }
     }
 };
@@ -394,12 +590,13 @@ export default {
                         <div class="col">
                             <DatePicker
                                 id="vpi-dashboard-select-date-picker"
-                                v-model="date"
+                                v-model="dates"
                                 aria-label="Datum"
                                 placeholder="Datum"
                                 :disabled-date="disabledDates"
                                 type="date"
                                 format="DD.MM.YYYY"
+                                :range="character === 'activities'"
                                 :multiple="false"
                                 :show-week-number="true"
                                 title-format="DD.MM.YYYY"
@@ -418,24 +615,54 @@ export default {
                     </Button>
                 </div>
                 <div
-                    v-if="showCompareChart"
+                    v-if="showCompareChart && noData()"
+                    class="row d-flex justify-content-center mt-3"
+                >
+                    {{ translate('additional:modules.tools.vpidashboard.compare.noData') }}
+                </div>
+                <div
+                    v-if="showCompareChart && !noData()"
                     class="row d-flex justify-content-center mt-3"
                 >
                     <h4>
                         {{ translate('additional:modules.tools.vpidashboard.compare.location_comparison') }}
                         {{ getComparisonChartLabel(character) }}
                     </h4>
-                    <BarchartItem :data="chartdata.bar" />
+                    <h5>
+                        {{ getComparisonSubtitle(character) }}
+                    </h5>
+                    <BarchartItem
+                        v-if="chartType === 'bar'"
+                        :data="chartdata.bar"
+                        :given-options="{
+                            animation: false
+                        }"
+                    />
+                    <LinechartItem
+                        v-if="chartType === 'line'"
+                        :data="chartdata.line"
+                        :given-options="{
+                            animation: false
+                        }"
+                    />
+                    <ChangeChartTypeButtons
+                        :chart-type="chartType"
+                        @updateChartType="setChartType"
+                    />
                 </div>
-                <div v-if="showCompareChart">
-                    <table class="table">
+                <div v-if="showCompareChart && !noData()">
+                    <!-- make table horizontally, when max 7 columns (one week selected for activities) for good overview -->
+                    <table
+                        v-if="chartdata[chartType].labels.length < 8"
+                        class="table"
+                    >
                         <thead>
                             <tr>
                                 <th>
                                     {{ translate('additional:modules.tools.vpidashboard.compare.location') }}
                                 </th>
                                 <th
-                                    v-for="header in chartdata.bar.labels"
+                                    v-for="header in chartdata[chartType].labels"
                                     :key="header"
                                 >
                                     {{ header }}
@@ -448,7 +675,7 @@ export default {
                                     {{ location_a.street }}
                                 </td>
                                 <td
-                                    v-for="(columndata, index) in chartdata.bar.datasets[0].data"
+                                    v-for="(columndata, index) in chartdata[chartType].datasets[0].data"
                                     :key="index"
                                 >
                                     {{ columndata.toLocaleString("de-DE") }}
@@ -459,7 +686,7 @@ export default {
                                     {{ location_b.street }}
                                 </td>
                                 <td
-                                    v-for="(columndata, index) in chartdata.bar.datasets[1].data"
+                                    v-for="(columndata, index) in chartdata[chartType].datasets[1].data"
                                     :key="index"
                                 >
                                     {{ columndata.toLocaleString("de-DE") }}
@@ -467,6 +694,47 @@ export default {
                             </tr>
                         </tbody>
                     </table>
+                    <!-- make table vertically, when too many columns so that it can be as high as necessary -->
+                    <table
+                        v-else
+                        class="table"
+                    >
+                        <thead>
+                            <tr>
+                                <th v-if="character !== 'daily'">
+                                    {{ translate('additional:modules.tools.vpidashboard.compare.date') }}
+                                </th>
+                                <th v-else>
+                                    {{ translate('additional:modules.tools.vpidashboard.compare.hour') }}
+                                </th>
+                                <th>
+                                    {{ location_a.street }}
+                                </th>
+                                <th>
+                                    {{ location_b.street }}
+                                </th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr
+                                v-for="(columndata, index) in chartdata.bar.datasets[0].data"
+                                :key="index"
+                            >
+                                <td>
+                                    {{ chartdata.bar.labels[index] }}
+                                </td>
+                                <td class="charttable-center">
+                                    {{ columndata.toLocaleString("de-DE") }}
+                                </td>
+                                <td class="charttable-center">
+                                    {{ chartdata.bar.datasets[1].data[index].toLocaleString("de-DE") }}
+                                </td>
+                            </tr>
+                        </tbody>
+                    </table>
+                    <span v-if="character === 'ageGroup'">
+                        {{ $t("additional:modules.tools.vpidashboard.tab.ageGroup.footnote") }}
+                    </span>
                 </div>
             </div>
         </div>
@@ -479,4 +747,8 @@ export default {
         width: 1.2em;
         margin: 10px 5px;
     }
+
+    td.charttable-center {
+        text-align: center;
+    }
 </style>
diff --git a/vpiDashboard/components/Tabs/TabCompareDatesDashboard.vue b/vpiDashboard/components/Tabs/TabCompareDatesDashboard.vue
index 9ad74a1a7..4437a240d 100644
--- a/vpiDashboard/components/Tabs/TabCompareDatesDashboard.vue
+++ b/vpiDashboard/components/Tabs/TabCompareDatesDashboard.vue
@@ -1,5 +1,7 @@
 <script>
 import BarchartItem from "../../utils/BarchartItem.vue";
+import LinechartItem from "../../../../src/share-components/charts/components/LinechartItem.vue";
+import ChangeChartTypeButtons from "../ChangeChartTypeButtons.vue";
 import DatePicker from "vue2-datepicker";
 import {mapActions, mapGetters, mapState} from "vuex";
 import actions from "../../store/actionsVpiDashboard";
@@ -11,6 +13,8 @@ export default {
     name: "TabCompareDatesDashboard",
     components: {
         BarchartItem,
+        LinechartItem,
+        ChangeChartTypeButtons,
         DatePicker
     },
     data () {
@@ -20,7 +24,11 @@ export default {
             characteristic: [
                 {
                     id: "activities",
-                    name: this.translate("additional:modules.tools.vpidashboard.tabitems.activities")
+                    name: this.translate("additional:modules.tools.vpidashboard.tab.compareDates.dropdown.activities")
+                },
+                {
+                    id: "daily",
+                    name: this.translate("additional:modules.tools.vpidashboard.tab.compareDates.dropdown.daily_hours")
                 },
                 {
                     id: "ageGroup",
@@ -38,10 +46,15 @@ export default {
             character: "",
             characterName: "",
             showCompareChart: false,
+            chartType: "bar",
             chartdata: {
                 bar: {
                     datasets: [],
                     labels: []
+                },
+                line: {
+                    datasets: [],
+                    labels: []
                 }
             },
             all_locations: [],
@@ -51,6 +64,7 @@ export default {
     computed: {
         ...mapGetters("Tools/VpiDashboard", Object.keys(getters)),
         ...mapState("Tools/VpiDashboard", ["showLoader", "selectedLocationId"]),
+        ...mapGetters("Language", ["currentLocale"]),
         showCompareButton () {
             if (this.date_a !== null && this.date_b !== null) {
                 return true;
@@ -59,26 +73,32 @@ export default {
         },
         dwellTime () {
             return {
-                dwellTimeDateA: this.getDwellTimeDateA,
-                dwellTimeDateB: this.getDwellTimeDateB
+                dwellTimeDateA: this.getDwellTimeDateA(this.chartType),
+                dwellTimeDateB: this.getDwellTimeDateB(this.chartType)
             };
         },
         activities () {
             return {
-                activitiesDateA: this.getActivitiesDateA,
-                activitiesDateB: this.getActivitiesDateB
+                activitiesDateA: this.getActivitiesDateA(this.chartType),
+                activitiesDateB: this.getActivitiesDateB(this.chartType)
             };
         },
         ageGroups () {
             return {
-                ageGroupsDateA: this.getAgeGroupsDateA,
-                ageGroupsDateB: this.getAgeGroupsDateB
+                ageGroupsDateA: this.getAgeGroupsDateA(this.chartType),
+                ageGroupsDateB: this.getAgeGroupsDateB(this.chartType)
             };
         },
         visitorTypes () {
             return {
-                visitorTypesDateA: this.getVisitorTypesDateA,
-                visitorTypesDateB: this.getVisitorTypesDateB
+                visitorTypesDateA: this.getVisitorTypesDateA(this.chartType),
+                visitorTypesDateB: this.getVisitorTypesDateB(this.chartType)
+            };
+        },
+        dailyActivities () {
+            return {
+                activitiesLocationA: this.getDailyActivitiesDateA(this.chartType),
+                activitiesLocationB: this.getDailyActivitiesDateB(this.chartType)
             };
         }
     },
@@ -97,9 +117,9 @@ export default {
             if (oldValue !== newValue) {
                 this.showCompareChart = false;
 
-                // reset date picker, if switched from 'activities' to other character,
-                // as 'activities' allow every date and other characters allow only first day of month
-                if (oldValue === "activities") {
+                // reset date picker, if switched from or to 'activities' or 'daily'
+                // as 'activities' allow a date range, 'daily' allow all single dates and other characters allow only first day of month
+                if (["activities", "daily"].includes(oldValue) || ["activities", "daily"].includes(newValue)) {
                     this.date_a = null;
                     this.date_b = null;
                 }
@@ -163,21 +183,31 @@ export default {
                 this.characterName = this.translate("additional:modules.tools.vpidashboard.tab.compareDates.dropdown.activities");
                 await this.getDataToCompare(compareData);
                 this.setBarChartDataForActivities();
+                this.setLineChartDataForActivities();
             }
             if (this.character === "ageGroup") {
-                this.characterName = this.translate("additional:modules.tools.vpidashboard.tab.compareDates.dropdown.ageGroup");
+                this.characterName = this.translate("additional:modules.tools.vpidashboard.tab.compareDates.dropdown.ageGroup") + " (*)";
                 await this.getDataToCompare(compareData);
                 this.setBarChartDataForAgeGroups();
+                this.setLineChartDataForAgeGroups();
             }
             if (this.character === "dwellTime") {
                 this.characterName = this.translate("additional:modules.tools.vpidashboard.tab.compareDates.dropdown.dwellTime");
                 await this.getDataToCompare(compareData);
                 this.setBarChartDataForDwellTime();
+                this.setBarChartDataForDwellTime();
             }
             if (this.character === "visitorTypes") {
                 this.characterName = this.translate("additional:modules.tools.vpidashboard.tab.compareDates.dropdown.visitorTypes");
                 await this.getDataToCompare(compareData);
-                this.setBarChartDataForVistorTypes();
+                this.setBarChartDataForVisitorTypes();
+                this.setLineChartDataForVisitorTypes();
+            }
+            if (this.character === "daily") {
+                this.characterName = this.translate("additional:modules.tools.vpidashboard.unique.hourly");
+                await this.getDataToCompare(compareData);
+                this.setBarChartDataForDailyActivities();
+                this.setLineChartDataForDailyActivities();
             }
             this.showCompareChart = true;
         },
@@ -194,6 +224,19 @@ export default {
             this.chartdata.bar.datasets[1].label = dayjs(this.date_b).format("DD.MM.YYYY");
             this.chartdata.bar.labels = this.dwellTime.dwellTimeDateA.labels;
         },
+        /**
+         * sets the line chart data to compare dwell times
+         * @return {void}
+         */
+        setLineChartDataForDwellTime () {
+            this.chartdata.line.datasets[0] = this.dwellTime.dwellTimeDateA.datasets[0];
+            this.chartdata.line.datasets[1] = this.dwellTime.dwellTimeDateB.datasets[0];
+            this.chartdata.line.datasets[0].data = this.dwellTime.dwellTimeDateA.datasets[0].data;
+            this.chartdata.line.datasets[1].data = this.dwellTime.dwellTimeDateB.datasets[0].data;
+            this.chartdata.line.datasets[0].label = dayjs(this.date_a).format("DD.MM.YYYY");
+            this.chartdata.line.datasets[1].label = dayjs(this.date_b).format("DD.MM.YYYY");
+            this.chartdata.line.labels = this.dwellTime.dwellTimeDateA.labels;
+        },
         /**
          * sets the bar chart data to compare activities
          * @return {void}
@@ -205,6 +248,17 @@ export default {
             this.chartdata.bar.datasets[1].label = dayjs(this.date_b).format("DD.MM.YYYY");
             this.chartdata.bar.labels = this.activities.activitiesDateA.labels;
         },
+        /**
+         * sets the line chart data to compare activities
+         * @return {void}
+         */
+        setLineChartDataForActivities () {
+            this.chartdata.line.datasets[0] = this.activities.activitiesDateA.datasets[0];
+            this.chartdata.line.datasets[1] = this.activities.activitiesDateB.datasets[0];
+            this.chartdata.line.datasets[0].label = dayjs(this.date_a).format("DD.MM.YYYY");
+            this.chartdata.line.datasets[1].label = dayjs(this.date_b).format("DD.MM.YYYY");
+            this.chartdata.line.labels = this.activities.activitiesDateA.labels;
+        },
         /**
          * sets the bar chart data to compare age groups
          * @return {void}
@@ -216,17 +270,61 @@ export default {
             this.chartdata.bar.datasets[1].label = dayjs(this.date_b).format("DD.MM.YYYY");
             this.chartdata.bar.labels = this.ageGroups.ageGroupsDateA.labels;
         },
+        /**
+         * sets the line chart data to compare age groups
+         * @return {void}
+         */
+        setLineChartDataForAgeGroups () {
+            this.chartdata.line.datasets[0] = this.ageGroups.ageGroupsDateA.datasets[0];
+            this.chartdata.line.datasets[1] = this.ageGroups.ageGroupsDateB.datasets[0];
+            this.chartdata.line.datasets[0].label = dayjs(this.date_a).format("DD.MM.YYYY");
+            this.chartdata.line.datasets[1].label = dayjs(this.date_b).format("DD.MM.YYYY");
+            this.chartdata.line.labels = this.ageGroups.ageGroupsDateA.labels;
+        },
         /**
          * sets the bar chart data to compare visitor types
          * @return {void}
          */
-        setBarChartDataForVistorTypes () {
+        setBarChartDataForVisitorTypes () {
             this.chartdata.bar.datasets[0] = this.visitorTypes.visitorTypesDateA.datasets[0];
             this.chartdata.bar.datasets[1] = this.visitorTypes.visitorTypesDateB.datasets[0];
             this.chartdata.bar.datasets[0].label = dayjs(this.date_a).format("DD.MM.YYYY");
             this.chartdata.bar.datasets[1].label = dayjs(this.date_b).format("DD.MM.YYYY");
             this.chartdata.bar.labels = this.visitorTypes.visitorTypesDateA.labels;
         },
+        /**
+         * sets the line chart data to compare visitor types
+         * @return {void}
+         */
+        setLineChartDataForVisitorTypes () {
+            this.chartdata.line.datasets[0] = this.visitorTypes.visitorTypesDateA.datasets[0];
+            this.chartdata.line.datasets[1] = this.visitorTypes.visitorTypesDateB.datasets[0];
+            this.chartdata.line.datasets[0].label = dayjs(this.date_a).format("DD.MM.YYYY");
+            this.chartdata.line.datasets[1].label = dayjs(this.date_b).format("DD.MM.YYYY");
+            this.chartdata.line.labels = this.visitorTypes.visitorTypesDateA.labels;
+        },
+        /**
+         * sets the bar chart data to compare daily invidual visitors
+         * @return {void}
+         */
+        setBarChartDataForDailyActivities () {
+            this.chartdata.bar.datasets[0] = this.dailyActivities.activitiesLocationA.datasets[0];
+            this.chartdata.bar.datasets[1] = this.dailyActivities.activitiesLocationB.datasets[0];
+            this.chartdata.bar.datasets[0].label = dayjs(this.date_a).format("DD.MM.YYYY");
+            this.chartdata.bar.datasets[1].label = dayjs(this.date_b).format("DD.MM.YYYY");
+            this.chartdata.bar.labels = this.dailyActivities.activitiesLocationA.labels;
+        },
+        /**
+         * sets the line chart data to compare daily invidual visitors
+         * @return {void}
+         */
+        setLineChartDataForDailyActivities () {
+            this.chartdata.line.datasets[0] = this.dailyActivities.activitiesLocationA.datasets[0];
+            this.chartdata.line.datasets[1] = this.dailyActivities.activitiesLocationB.datasets[0];
+            this.chartdata.line.datasets[0].label = dayjs(this.date_a).format("DD.MM.YYYY");
+            this.chartdata.line.datasets[1].label = dayjs(this.date_b).format("DD.MM.YYYY");
+            this.chartdata.line.labels = this.dailyActivities.activitiesLocationA.labels;
+        },
         /**
          * sets the disabled dates for the datepicker
          * only allow past dates, at least 3 days ago for activities or 2 months ago for other characters but not longer than 01.01.2019
@@ -242,13 +340,96 @@ export default {
                 return true;
             }
 
-            if (this.character !== "activities") {
+            if (this.character !== "activities" && this.character !== "daily") {
                 if (new Date(val).getTime() >= (new Date().getTime() - twoMonthsInMilliseconds)) {
                     return true;
                 }
                 return new Date(val).getDate() !== 1;
             }
             return false;
+        },
+        /**
+         * define, which charttype shall be displayed
+         * @param {String} chartType an be one of "bar" or "line"
+         * @returns {void}
+         */
+        setChartType (chartType) {
+            this.chartType = chartType;
+
+            switch (this.character) {
+                case "dwellTime":
+                    if (chartType === "bar") {
+                        this.setBarChartDataForDwellTime();
+                    }
+                    else {
+                        this.setLineChartDataForDwellTime();
+                    }
+                    break;
+                case "ageGroup":
+                    if (chartType === "bar") {
+                        this.setBarChartDataForAgeGroups();
+                    }
+                    else {
+                        this.setLineChartDataForAgeGroups();
+                    }
+                    break;
+                case "visitorTypes":
+                    if (chartType === "bar") {
+                        this.setBarChartDataForVisitorTypes();
+                    }
+                    else {
+                        this.setLineChartDataForVisitorTypes();
+                    }
+                    break;
+                case "activities":
+                    if (chartType === "bar") {
+                        this.setBarChartDataForActivities();
+                    }
+                    else {
+                        this.setLineChartDataForActivities();
+                    }
+                    break;
+                case "daily":
+                    if (chartType === "bar") {
+                        this.setBarChartDataForDailyActivities();
+                    }
+                    else {
+                        this.setLineChartDataForDailyActivities();
+                    }
+                    break;
+                default:
+                    break;
+            }
+        },
+        /**
+         * check if there are data available for the selected characteristic and the selected dates
+         * @returns {Boolean} if no data is available
+         */
+        noData () {
+            // if (this.chartdata[this.chartType].datasets[0].data.length === 0 && this.chartdata[this.chartType].datasets[1].data.length === 0) {
+            if (this.chartdata.bar.datasets[0].data.length === 0 && this.chartdata.bar.datasets[1].data.length === 0) {
+                return true;
+            }
+            return false;
+        },
+        /**
+         * Return the translated subtitle for the selected comparison.
+         * @return {string} the subtitle for the selected comparison type
+         */
+        getComparisonSubtitle () {
+            if (this.character === "activities" || this.character === "daily") {
+                return "";
+            }
+
+            const selectedItem = this.character.toLowerCase(),
+                month_a = dayjs(this.date_a).locale(this.currentLocale).format("MMMM"),
+                year_a = dayjs(this.date_a).format("YYYY"),
+                month_b = dayjs(this.date_b).locale(this.currentLocale).format("MMMM"),
+                year_b = dayjs(this.date_b).format("YYYY"),
+                returnValue = this.translate("additional:modules.tools.vpidashboard.tab.compareDates.chartsubtitle." + selectedItem, {month1: month_a, year1: year_a, month2: month_b, year2: year_b});
+
+
+            return returnValue;
         }
     }
 };
@@ -347,24 +528,54 @@ export default {
                             {{ translate('additional:modules.tools.vpidashboard.compare.compare') }}
                         </Button>
                     </div>
-
                     <div
-                        v-if="showCompareChart"
+                        v-if="showCompareChart && noData()"
+                        class="row d-flex justify-content-center mt-3"
+                    >
+                        {{ translate('additional:modules.tools.vpidashboard.compare.noData') }}
+                    </div>
+                    <div
+                        v-if="showCompareChart && !noData()"
                         class="row d-flex justify-content-center mt-3"
                     >
                         <h4>{{ translate('additional:modules.tools.vpidashboard.compare.date_comparison') }} {{ characterName }}</h4>
-                        <BarchartItem :data="chartdata.bar" />
+                        <h5>
+                            {{ getComparisonSubtitle(characterName) }}
+                        </h5>
+                        <BarchartItem
+                            v-if="chartType === 'bar'"
+                            :data="chartdata.bar"
+                            :given-options="{
+                                animation: false
+                            }"
+                        />
+                        <LinechartItem
+                            v-if="chartType === 'line'"
+                            :data="chartdata.line"
+                            :given-options="{
+                                animation: false
+                            }"
+                        />
+                        <ChangeChartTypeButtons
+                            :chart-type="chartType"
+                            @updateChartType="setChartType"
+                        />
                     </div>
-                    <div v-if="showCompareChart">
-                        <table class="table">
+                    <div v-if="showCompareChart && !noData()">
+                        <!-- make table horizontally, when max 7 columns (one week selected for activities) for good overview -->
+                        <table
+                            v-if="chartdata[chartType].labels.length < 8"
+                            class="table"
+                        >
                             <thead>
                                 <tr>
                                     <th>
                                         {{ translate('additional:modules.tools.vpidashboard.compare.date') }}
                                     </th>
                                     <th
-                                        v-for="header in chartdata.bar.labels"
+                                        v-for="header in chartdata[chartType].labels"
                                         :key="header"
+                                        class="charttable-center"
                                     >
                                         {{ header }}
                                     </th>
@@ -376,8 +587,9 @@ export default {
                                         {{ dayjs(date_a).format("DD.MM.YYYY") }}
                                     </td>
                                     <td
-                                        v-for="(columndata, index) in chartdata.bar.datasets[0].data"
+                                        v-for="(columndata, index) in chartdata[chartType].datasets[0].data"
                                         :key="index"
+                                        class="charttable-center"
                                     >
                                         {{ columndata.toLocaleString("de-DE") }}
                                     </td>
@@ -387,17 +599,65 @@ export default {
                                         {{ dayjs(date_b).format("DD.MM.YYYY") }}
                                     </td>
                                     <td
-                                        v-for="(columndata, index) in chartdata.bar.datasets[1].data"
+                                        v-for="(columndata, index) in chartdata[chartType].datasets[1].data"
                                         :key="index"
+                                        class="charttable-center"
                                     >
                                         {{ columndata.toLocaleString("de-DE") }}
                                     </td>
                                 </tr>
                             </tbody>
                         </table>
+                        <!-- make table vertically, when too many columns so that it can be as high as necessary -->
+                        <table
+                            v-else
+                            class="table"
+                        >
+                            <thead>
+                                <tr>
+                                    <th v-if="character !== 'daily'">
+                                        {{ translate('additional:modules.tools.vpidashboard.compare.date') }}
+                                    </th>
+                                    <th v-else>
+                                        {{ translate('additional:modules.tools.vpidashboard.compare.hour') }}
+                                    </th>
+                                    <th class="charttable-center">
+                                        {{ dayjs(date_a).format("DD.MM.YYYY") }}
+                                    </th>
+                                    <th class="charttable-center">
+                                        {{ dayjs(date_b).format("DD.MM.YYYY") }}
+                                    </th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <tr
+                                    v-for="(columndata, index) in chartdata.bar.datasets[0].data"
+                                    :key="index"
+                                >
+                                    <td>
+                                        {{ chartdata.bar.labels[index] }}
+                                    </td>
+                                    <td class="charttable-center">
+                                        {{ columndata.toLocaleString("de-DE") }}
+                                    </td>
+                                    <td class="charttable-center">
+                                        {{ chartdata.bar.datasets[1].data[index].toLocaleString("de-DE") }}
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                        <span v-if="character === 'ageGroup'">
+                            {{ $t("additional:modules.tools.vpidashboard.tab.ageGroup.footnote") }}
+                        </span>
                     </div>
                 </div>
             </div>
         </div>
     </div>
 </template>
+
+<style scoped>
+    td.charttable-center, th.charttable-center {
+        text-align: center;
+    }
+</style>
diff --git a/vpiDashboard/components/Tabs/TabDwellTime.vue b/vpiDashboard/components/Tabs/TabDwellTime.vue
index 5de178d94..510515e8b 100644
--- a/vpiDashboard/components/Tabs/TabDwellTime.vue
+++ b/vpiDashboard/components/Tabs/TabDwellTime.vue
@@ -47,7 +47,8 @@ export default {
                         }
                     }
                 }
-            }
+            },
+            noDataAvailable: ""
         };
     },
     computed: {
@@ -104,6 +105,13 @@ export default {
             this.chartdata.bar = this.getDwellTimeChartJsData("bar", this.currentlySelectedYear);
             this.chartdata.line = this.getDwellTimeChartJsData("line", this.currentlySelectedYear);
             this.chartdata.pie = this.getDwellTimeChartJsData("pie", this.currentlySelectedYear);
+
+            if (this.chartdata.pie.datasets[0]?.data.length === 0) {
+                this.noDataAvailable = this.$t("additional:modules.tools.vpidashboard.tab.noData");
+            }
+            else {
+                this.noDataAvailable = "";
+            }
         },
         /**
          * reacts on the change of the year paginator
@@ -114,6 +122,19 @@ export default {
             this.currentlySelectedYear = 2019 + index;
             this.getCurrentChartData();
             this.timestamp = window.performance.now();
+        },
+        /**
+         * translates the given key, checkes if the key exists and throws a console warning if not
+         * @param {String} key the key to translate
+         * @param {Object} [options=null] for interpolation, formating and plurals
+         * @returns {String} the translation or the key itself on error
+         */
+        translate (key, options = null) {
+            if (key === "additional:" + this.$t(key)) {
+                console.warn("the key " + JSON.stringify(key) + " is unknown to the additional translation");
+            }
+
+            return this.$t(key, options);
         }
     }
 };
@@ -135,6 +156,12 @@ export default {
                         :start-value-index="yearList.length - 1"
                         @pager="changeIndex"
                     />
+                    <span
+                        v-if="noDataAvailable !== ''"
+                        class="noDataAvailableMessage"
+                    >
+                        {{ noDataAvailable }}
+                    </span>
                     <!-- Pie Chart -->
                     <PiechartItem
                         ref="pieChart"
@@ -146,6 +173,7 @@ export default {
                     <!-- Bar Chart -->
                     <div v-if="chartType === 'bar'">
                         <div class="row bar">
+                            <h2> {{ translate("additional:modules.tools.vpidashboard.tab.dwelltime.lineBarChartTitle", { year: currentlySelectedYear }) }} </h2>
                             <BarchartItem
                                 :key="timestamp"
                                 :data="chartdata.bar"
@@ -171,6 +199,7 @@ export default {
                     <!-- Line Chart -->
                     <div v-if="chartType === 'line'">
                         <div class="row line">
+                            <h2> {{ translate("additional:modules.tools.vpidashboard.tab.dwelltime.lineBarChartTitle", { year: currentlySelectedYear }) }} </h2>
                             <LinechartItem
                                 :key="timestamp"
                                 :data="chartdata.line"
@@ -199,6 +228,12 @@ h3 {
 
 .charts {
     margin: 0 0 1rem 0;
+    text-align: center;
+}
+
+.charts .noDataAvailableMessage {
+    font-size: 16px;
+    font-weight: normal;
 }
 
 .piechart {
diff --git a/vpiDashboard/components/Tabs/TabInfo.vue b/vpiDashboard/components/Tabs/TabInfo.vue
index a874f736d..8f6c964ee 100644
--- a/vpiDashboard/components/Tabs/TabInfo.vue
+++ b/vpiDashboard/components/Tabs/TabInfo.vue
@@ -15,119 +15,512 @@ export default {
                         Auf dieser Seite haben wir Informationen zusammengefasst, die Ihnen bei der Bedienung der
                         Anwendung helfen sollen.
                     </p>
-                    <p>
-                        Die Anwendung befindet sich zurzeit im Aufbau und wird ständig weiterentwickelt.
-                    </p>
                 </div>
             </div>
         </div>
 
 
         <div class="section">
-            <h2>Beschreibung der Tabs</h2>
+            <h2>Das Fachportal – Verborgene Potenziale Innenstadt</h2>
 
             <div>
-                <h3>Tab "{{ $t("additional:modules.tools.vpidashboard.tabitems.activities") }}"</h3>
-                <div>
-                    <p>
-                        Dieser Tab beinhaltet Infokarten für eine Schnellübersicht sowie eine filterbare Grafik.
-                    </p>
+                <p>
+                    Das Fachportal Verborgene Potenziale Innenstadt wurde im Rahmen des Förderprojektes „Verborgene Potenziale – Für ein lebendiges und resilientes Hamburger Zentrum“ für die Geschäftsstelle zur Innenstadtkoordination umgesetzt. Der Innenstadtkoordination dient das Fachportal als Informationsplattform, Analyseinstrument und zum Austausch mit zentralen Innenstadtakteuren sowie Bürgerinnen und Bürgern. Weitere Informationen zum Projekt selbst können Sie unter folgendem Link aufrufen: <a href="https://www.hamburg.de/verborgene-potenziale/">https://www.hamburg.de/verborgene-potenziale/</a>
+                </p>
+                <p>
+                    Technisch baut das Fachportal auf dem Masterportal des LGV auf. Werkzeuge des Masterportals und Fachdaten der Urban Data Platform werden für den fundierten Austausch in Workshops und öffentlichen Beteiligungsgelegenheiten bereitgestellt. Interessierte, die sich aktiv an der Entwicklung der Innenstadt beteiligen wollen, finden weitere Informationen unter <a href="https:\\verborgene-potenziale.beteiligung.hamburg">https:\\verborgene-potenziale.beteiligung.hamburg</a>.
+                </p>
+            </div>
+        </div>
 
-                    <div class="listBlock">
-                        <strong class="listHeader">Infokarten:</strong>
+        <div class="section">
+            <h2>VPI Dashboard</h2>
 
-                        <p>
-                            Die Infokarten bieten einen direkten Zugriff auf vorausgewählte Daten.
-                        </p>
+            <div>
+                <p>
+                    Eine spezieller Funktionsbereich des Fachportals ist ein Daten-Dashboard zur Analyse der Besucherfrequenzen in der Hamburger Innenstadt. Das Dashboard wird im Fachportal über den Reiter "VPI-Dashboard" aufgerufen. Mit dem VPI-Dashboard können Aufenthalts-Frequenzdaten aus 20 Mobilfunkzellen in den Stadtteilen Hamburg-Neustadt, Hamburg-Altstadt und HafenCity analysiert werden
+                </p>
+                <p>
+                    Analysierbar sind Besucherzahlen, Besuchertypen, Altersgruppen und die Verweildauer. Auch der Vergleich mehrerer Standorte und Zeiträume ist möglich. Jeder rote Punkt auf der Karte repräsentiert Daten aus einer Funkzelle. Die Daten sind also nicht adressscharf, sondern auf die Zelle bezogen. Das Zellenraster wird in der Karte mit den Standorten angezeigt.
+                </p>
+                <p>
+                    Für die Frequenzdaten werden Telekommunikationsdaten (Signaldaten) der Telefónica Deutschland GmbH & Co. OHG genutzt die durch den Datendienstleister WHATALOCATION bereitgestellt und über eine Datenschnittstelle in das Fachportal eingebunden sind. Telefónica anonymisiert und aggregiert die Daten in einem mit dem Bundesbeauftragten für Datenschutz und Informationsfreiheit abgestimmten Verfahren und rechnet sie auf die Gesamtbevölkerung hoch.
+                </p>
+                <p>
+                    Die so für jede Mobilfunkzelle errechneten Daten ermöglichen eine flächendeckende Betrachtung des Personenaufkommens in der gesamten Innenstadt. Die Daten zu Besucherzahlen werden mit einem Zeitverzug von ca. 5 Tagen ab dem aktuellen Datum bereitgestellt, die Daten zu Besuchertypen, Altersgruppen und Verweildauer mit einem Zeitverzug von ca. 5 Monaten.
+                </p>
+            </div>
+        </div>
 
+        <div class="section">
+            <h2>Bedienung des VPI-Dashboards</h2>
+
+            <div class="listBlock">
+                <p>
+                    Beim Öffnen des VPI-Dashboards ist zunächst der Standort Jungfernstieg vorausgewählt sowie die Werte für den 01. Januar des jeweiligen Jahres. Der Standort kann sowohl durch Klick auf einen anderen Standort in der Karte als auch durch Eingabe eines anderen Standorts im Adressfeld des Dashboards geändert werden. Das Datum ist in den Kacheln für Jahr, Monat und Wochentag über Pfeiltasten änderbar.
+                </p>
+                <h3>Beschreibung der Funktionen zur Datenanalyse</h3>
+                <strong class="listHeader">Reiter: Aktivitäten</strong>
+
+                <p>
+                    Die Analysekategorie „Aktivitäten“ ermöglicht die Aufschlüsselung von Registrierungsvorgängen von Mobilfunkgeräten in Mobilfunkzellen. Ein Mobilfunkgerät wird dabei mit einer Person gleichgesetzt. Wie oben dargestellt sind die abgeleiteten Besucherzahlen Näherungswerte, u.a. da nicht alle Personen Mobilfunkgeräte mit sich führen.
+                </p>
+                <p class="paragraph_underline">
+                    Datenkacheln:
+                </p>
+                <p>
+                    Die drei Datenkacheln zeigen die Aktivitäten für einen Standort a) pro Jahr, b) pro Monat sowie c) pro durchschnittlichen Wochentag im ausgewählten Monat.
+                </p>
+                <ul>
+                    <li>
+                        Auswählbar sind Daten für die Jahre 2019 bis 2023.
+                    </li>
+                    <li>
+                        Die Werte ändern sich entsprechend der Änderung des Datums.
+                    </li>
+                    <li>
+                        Änderungen des Jahres wirken sich auf die Kacheln Monat und Wochentag sowie das untenstehende Datendiagramm aus.
+                    </li>
+                    <li>
+                        Änderungen des Monats wirken sich nur auf den Wochentag aus.
+                    </li>
+                    <li>
+                        Bei den Daten für Wochentage handelt es sich um Durchschnittswerte für diesen Wochentag im ausgewählten Monat.
+                    </li>
+                </ul>
+
+                <p class="paragraph_underline">
+                    Datendiagramm:
+                </p>
+                <p>
+                    Im Diagramm unter den Datenkacheln werden die Daten zum jeweils ausgewählten Merkmal grafisch dargestellt. In der Darstellung ist ein Wechsel zwischen Balken- und Liniendiagramm möglich.
+                </p>
+                <p>
+                    Über das Dropdown-Menü „Datengrundlage für Grafik auswählen“ können weitere Daten geladen werden, die dann in der Grafik visualisiert werden.
+                </p>
+                <p>
+                    Die Auswahlmöglichkeiten sind:
+                </p>
+                <ul>
+                    <li>
+                        Anzahl der monatlichen Besucher im Jahr X (2019 bis 2023):
                         <ul>
                             <li>
-                                <strong>"{{ $t("additional:modules.tools.vpidashboard.unique.avgVisitorsYear") }}"</strong>
-                            </li>
-                            <li>
-                                <strong>"{{ $t("additional:modules.tools.vpidashboard.unique.avgVisitorsDay") }}"</strong>
-                                <p>
-                                    Auswahlmöglichkeit: Wochentage
-                                </p>
-                            </li>
-                            <li>
-                                <strong>"{{ $t("additional:modules.tools.vpidashboard.unique.avgVisitorsMonth") }}"</strong>
-                                <p>
-                                    Auswahlmöglichkeit: Monate
-                                </p>
+                                zeigt die Anzahl an Aktivitäten je Monat für das ausgewählte Jahr an. Die Auswahl des Jahres erfolgt über Kachel a).
                             </li>
                         </ul>
-                    </div>
-
-                    <div class="listBlock">
-                        <strong class="listHeader">Grafik (Balken- und Liniendiagramm):</strong>
-
-                        <p>
-                            Durch folgende Optionen können die angezeigten Daten gefiltert werden.
-                        </p>
-
+                    </li>
+                    <li>
+                        Besucher insgesamt seit 2019:
                         <ul>
                             <li>
-                                <strong>"{{ $t("additional:modules.tools.vpidashboard.unique.allData") }}"</strong>
-                            </li>
-                            <li>
-                                <strong>"{{ $t("additional:modules.tools.vpidashboard.unique.dailyOverview") }}"</strong>
+                                zeigt die Anzahl an Aktivitäten/Events über den Gesamtzeitraum seit Januar 2019 an.
                             </li>
+                        </ul>
+                    </li>
+                    <li>
+                        Durchschnittliche tägliche Aktivitäten pro Monat:
+                        <ul>
                             <li>
-                                <strong>"{{ $t("additional:modules.tools.vpidashboard.unique.monthlyOverview") }}"</strong>
+                                zeigt die Aktivitäten für die Wochentage im Durchschnitt des ausgewählten Monats im ausgewählten Jahr an.
                             </li>
+                        </ul>
+                    </li>
+                    <li>
+                        Besucher eines bestimmten Tages (stündlich):
+                        <ul>
                             <li>
-                                <strong>"{{ $t("additional:modules.tools.vpidashboard.unique.hourly") }}"</strong>
-                                <p>
-                                    Auswahlmöglichkeit: Datum
-                                </p>
+                                zeigt die Aktivitäten an einem bestimmten Tag in stundenweiser Auflösung an. Der Tag ist über die Kalenderfunktion frei auswählbar.
                             </li>
+                        </ul>
+                    </li>
+                    <li>
+                        Besucher einer bestimmten Zeitspanne (täglich):
+                        <ul>
                             <li>
-                                <strong>"{{ $t("additional:modules.tools.vpidashboard.unique.timeRange") }}"</strong>
-                                <p>
-                                    Auswahlmöglichkeit: Zeitraum (von/bis Datum)
-                                </p>
+                                zeigt die Aktivitäten an einem Standort über einen bestimmten Zeitraum an. Der Zeitraum kann über die Kalenderfunktion ausgewählt werden.
                             </li>
                         </ul>
-                    </div>
-                </div>
+                    </li>
+                </ul>
             </div>
 
-            <div>
-                <h3>Tab "{{ $t("additional:modules.tools.vpidashboard.tabitems.gender") }}"</h3>
+            <div class="listBlock">
+                <strong class="listHeader">Reiter: Besuchertypen</strong>
+
+                <p>
+                    Die Analysekategorie „Besuchertypen“ zeigt die Mengenverhältnisse unterschiedlicher Besuchertypen an einem ausgewählten Standort. Die Besuchertypen werden von Telefonica durch eine anonymisierte Analyse der Mobilitätsmuster der in der Funkzelle im ausgewählten Zeitraum registrierten Besucher ermittelt. Aus den Mobilitätsmustern werden Besuchertypen abgeleitet.
+                </p>
+                <p>
+                    Besuchertypen:
+                </p>
+                <ul>
+                    <li>
+                        Hamburger = Person lebt in Hamburg
+                    </li>
+                    <li>
+                        Pendler = Person lebt nicht in Hamburg, kommt aber regelmäßig von außerhalb in die Mobilfunkzelle
+                    </li>
+                    <li>
+                        Tagestouristen = Person hält sich nicht regelmäßig und sonst nur kurzfristig und ohne Übernachtung in der Mobilfunkzelle auf
+                    </li>
+                    <li>
+                        Übernachtungstouristen = Person hält sich mit Übernachtung für einen oder mehrere Tage in der Mobilfunkzelle auf
+                    </li>
+                </ul>
+                <p>
+                    Die Datenseite der Analysekategorie besteht aus drei Datenkacheln und einem Stapeldiagramm.
+                </p>
+                <p>
+                    In den drei Datenkacheln wird für die jeweils ausgewählte Funkzelle a) die Hamburger:innen im wöchentlichen Durchschnitt, b) die Pendler:innen im wöchentlichen Durchschnitt und c) die Tages und Übernachtungstouristen im wöchentlichen Durchschnitt angezeigt.
+                </p>
+                <p>
+                    Mit den Pfeiltasten über der mittleren Kachel lässt sich die Ansicht jahresweise verändern.
+                </p>
+                <p>
+                    Das Stapeldiagramm zeigt für das oben ausgewählte Jahr die monatliche Verteilung der Besuchertypen für eine durchschnittliche Woche im jeweiligen Monat.
+                </p>
             </div>
 
-            <div>
-                <h3>Tab "{{ $t("additional:modules.tools.vpidashboard.tabitems.age") }}"</h3>
+            <div class="listBlock">
+                <strong class="listHeader">Reiter: Altersgruppe</strong>
+
+                <p>
+                    In der Analysekategorie „Altersgruppen“ werden Personen, die sich in einer Funkzelle aufgehalten haben nach Altersgruppen aufgeschlüsselt. Die Informationen zum Alter stammen aus den Mobilfunkverträgen der Personen. Diese werden anonymisiert zu Altersklassen aggregiert. Die Daten werden tagesweise erhoben; jedes Mobilfunkgerät und somit jede Person, die sich in einer Mobilfunkzelle aufhält, wird einmal täglich erfasst. Aus Datenschutzgründen werden die tageweisen erhobenen Daten von Telefonica als wöchentlicher Durchschnitt pro Monat ausgegeben. Die Altersgruppen werden in sechs Kohorten unterschieden.
+                </p>
+                <p>
+                    Altersgruppen:
+                </p>
+                <ul>
+                    <li>
+                        20-29 Jahre
+                    </li>
+                    <li>
+                        30-39 Jahre
+                    </li>
+                    <li>
+                        40-49 Jahre
+                    </li>
+                    <li>
+                        50-59 Jahre
+                    </li>
+                    <li>
+                        60-69 Jahre
+                    </li>
+                    <li>
+                        >69 Jahre
+                    </li>
+                </ul>
+                <p>
+                    Die Datenseite der Analysekategorie besteht aus einem Kreis- und einem Stapeldiagramm.
+                </p>
+                <p>
+                    Das Kreisdiagramm zeigt für die jeweils ausgewählte Funkzelle die Verteilung der Altersgruppen pro Jahr als Prozentwert.
+                </p>
+                <p>
+                    Über die Pfeiltasten oberhalb des Kreisdiagramms lassen sich die angezeigten Daten jahresweise verändern.
+                </p>
+                <p>
+                    Das Stapeldiagramm zeigt für das oben ausgewählte Jahr die monatliche Verteilung der Altersgruppen für eine durchschnittliche Woche im jeweiligen Monat.
+                </p>
+                <p>
+                    Unter 18-Jährige werden aus rechtlichen Gründen nicht erfasst. In der Altersgruppe der 18-19Jährigen bestehen Datenlücken, weshalb der Datensatz nicht berücksichtigt wurde.
+                </p>
             </div>
 
-            <div>
-                <h3>Tab "{{ $t("additional:modules.tools.vpidashboard.tabitems.dwelltime") }}"</h3>
+            <div class="listBlock">
+                <strong class="listHeader">Reiter: Verweildauer</strong>
+
+                <p>
+                    Die Analysekategorie „Verweildauer“ gibt an, wie lange sich Personen (Geräte) in einer Mobilfunkzelle aufgehalten haben. Die Verweildauer wird aus dem Zeitpunkt des Eintreffens eines Geräts in einer Mobilfunkzelle und dem Zeitpunkt des Verlassens der Mobilfunkzelle errechnet. Jedes Mobilfunkgerät, das sich in einer Mobilfunkzelle anmeldet, wird einmal täglich erfasst. Die Verweildauer wird in vier Intervallen unterschieden.
+                </p>
+                <p>
+                    Verweildauern:
+                </p>
+                <ul>
+                    <li>
+                        30-60 Minuten
+                    </li>
+                    <li>
+                        60-120 Minuten
+                    </li>
+                    <li>
+                        120-240 Minuten
+                    </li>
+                    <li>
+                        240+ Minuten
+                    </li>
+                </ul>
+                <p>
+                    Die Datenseite der Analysekategorie besteht aus einem Kreis- und einem Stapeldiagramm.
+                </p>
+                <p>
+                    Das Kreisdiagramm zeigt die Verweildauer der Personen, die sich in dieser Funkzelle aufgehalten haben über ein Jahr als Prozentwert.
+                </p>
+                <p>
+                    Über die Pfeiltasten oberhalb des Kreisdiagramms lassen sich die angezeigten Daten jahresweise ändern.
+                </p>
+                <p>
+                    Das Stapeldiagramm zeigt für das oben ausgewählte Jahr die monatlichen Verweildauern für eine durchschnittliche Woche im jeweiligen Monat.
+                </p>
             </div>
 
-            <div>
-                <h3>Tab "{{ $t("additional:modules.tools.vpidashboard.tabitems.types") }}"</h3>
+            <div class="listBlock">
+                <strong class="listHeader">Reiter: Standorte Vergleichen</strong>
+
+                <p>
+                    Die Funktion ermöglicht den Vergleich bestimmter Merkmale für <span class="paragraph_underline">zwei Standorte</span>.
+                </p>
+                <ul>
+                    <li>
+                        Standort (A) ist der jeweils aktive Standort.
+                    </li>
+                    <li>
+                        Standort (B) muss vom Benutzer über die Karte oder die Adressauswahl hinzugefügt werden.
+                    </li>
+                </ul>
+                <p>
+                    Um den Standort (A) zu ändern, muss der Haken im Kästchen „Deaktivieren …“ entfernt werden, sonst kann nur Standort B über die Karte hinzugefügt werden. Ist der Haken nicht gesetzt, lassen sich auch Standorte für A über die Karte auswählen.
+                </p>
+                <p>
+                    Über das Drop-down Menü ist das Laden folgender Merkmale möglich:
+                </p>
+                <p class="paragraph_underline">
+                    Besucher einer bestimmten Zeitspanne (täglich):
+                </p>
+                <p>
+                    Dargestellt wird ein Vergleich des täglichen Besucheraufkommens von zwei Standorten über einen bestimmten Zeitraum.
+                </p>
+                <ul>
+                    <li>
+                        Der Zeitraum ist über die Kalenderfunktion auswählbar.
+                    </li>
+                    <li>
+                        Analysierbare Daten sind ab ca. 5 Tagen vor dem jeweils aktuellen Daten verfügbar.
+                    </li>
+                    <li>
+                        Unterhalb des Diagramms werden die Werte für Standort A und B tabellarisch angezeigt.
+                    </li>
+                </ul>
+                <p class="paragraph_underline">
+                    Besucher eines bestimmten Tages (stündlich):
+                </p>
+                <p>
+                    Dargestellt wird ein Vergleich des stündlichen Besucheraufkommens von zwei Standorten für einen bestimmten Tag.
+                </p>
+                <ul>
+                    <li>
+                        Das Datum ist über die Kalenderfunktion frei auswählbar.
+                    </li>
+                    <li>
+                        Analysierbare Daten sind ab ca. 5 Tagen vor dem jeweils aktuellen Daten verfügbar.
+                    </li>
+                    <li>
+                        Unterhalb des Diagramms werden die Werte für Standort A und B stundengenau tabellarisch angezeigt.
+                    </li>
+                </ul>
+                <p class="paragraph_underline">
+                    Altersgruppe:
+                </p>
+                <p>
+                    Dargestellt wird ein Vergleich der Altersgruppen der Besucher von zwei Standorten im wöchentlichen Durchschnitt eines ausgewählten Monats.
+                </p>
+                <ul>
+                    <li>
+                        Die Auswahl des Monats erfolgt über die Kalenderfunktion.
+                    </li>
+                    <li>
+                        Die Zahlenwerte auf der Y-Achse geben den Besucherdurchschnitt pro Woche an.
+                    </li>
+                    <li>
+                        Analysierbare Daten sind ab ca. 5 Monaten vor dem jeweils aktuellen Datum verfügbar.
+                    </li>
+                    <li>
+                        Die Merkmale der Altersgruppen sind identisch mit denen der Analysekategorie „Altersgruppe“.
+                    </li>
+                    <li>
+                        Unterhalb des Diagramms werden die Werte nach Altersgruppen für Standort A und B tabellarisch angezeigt.
+                    </li>
+                </ul>
+                <p class="paragraph_underline">
+                    Verweildauer:
+                </p>
+                <p>
+                    Dargestellt wird ein Vergleich der Verweildauer der Besucher von zwei Standorten im wöchentlichen Durchschnitt eines ausgewählten Monats.
+                </p>
+                <ul>
+                    <li>
+                        Die Auswahl des Monats erfolgt über die Kalenderfunktion.
+                    </li>
+                    <li>
+                        Die Zahlenwerte auf der Y-Achse geben den Besucherdurchschnitt pro Woche an.
+                    </li>
+                    <li>
+                        Analysierbare Daten sind ab ca. 5 Monaten vor dem jeweils aktuellen Datum verfügbar.
+                    </li>
+                    <li>
+                        Die Merkmale der Intervalle sind identisch mit denen der Analysekategorie „Verweildauer“.
+                    </li>
+                    <li>
+                        Unterhalb des Diagramms werden die Werte nach Zeitintervallen für Standort A und B tabellarisch angezeigt.
+                    </li>
+                </ul>
+                <p class="paragraph_underline">
+                    Besuchertypen:
+                </p>
+                <p>
+                    Dargestellt wird ein Vergleich der Besuchertypen von zwei Standorten im wöchentlichen Durchschnitt eines ausgewählten Monats.
+                </p>
+                <ul>
+                    <li>
+                        Die Auswahl des Monats erfolgt über die Kalenderfunktion.
+                    </li>
+                    <li>
+                        Die Zahlenwerte auf der Y-Achse geben den Besucherdurchschnitt pro Woche an.
+                    </li>
+                    <li>
+                        Analysierbare Daten sind ab ca. 5 Monaten vor dem jeweils aktuellen Datum verfügbar.
+                    </li>
+                    <li>
+                        Die Merkmale der Besuchertypen sind identisch mit denen der Analysekategorie „Besuchertypen“.
+                    </li>
+                    <li>
+                        Unterhalb des Diagramms werden die Werte nach Besuchertypen für Standort A und B tabellarisch angezeigt.
+                    </li>
+                </ul>
             </div>
-
-            <div>
-                <h3>Tab "{{ $t("additional:modules.tools.vpidashboard.tabitems.distance") }}"</h3>
+            <div class="listBlock">
+                <strong class="listHeader">Reiter: Zeitpunkte Vergleichen</strong>
+
+                <p>
+                    Die Funktion „Zeitpunkte Vergleichen“ ermöglicht den Vergleich spezifischer Merkmale <span class="paragraph_underline">eines Standortes</span> zu unterschiedlichen Zeitpunkten. Die Auswahl des Standorts erfolgt über die Karte oder über das Adressfeld.
+                </p>
+                <p>
+                    Über die Filterfunktion lassen sich folgende Merkmale laden:
+                </p>
+                <p class="paragraph_underline">
+                    Besucher eines Standorts an zwei verschiedenen Tagen:
+                </p>
+                <p>
+                    Angezeigt werden die Aktivitäten an einem Standort für zwei Zeitpunkte (Tage) im Vergleich.
+                </p>
+                <ul>
+                    <li>
+                        Die Auswahl der Tage erfolgt über die Kalenderfunktion.
+                    </li>
+                    <li>
+                        Analysierbare Daten sind ab ca. 5 Tagen vor dem jeweils aktuellen Datum verfügbar.
+                    </li>
+                    <li>
+                        Unterhalb des Diagramms werden die Werte für das Basisdatum und das Vergleichsdatum tabellarisch angezeigt.
+                    </li>
+                </ul>
+                <p class="paragraph_underline">
+                    Besucher eines Standorts an zwei verschiedenen Tagen (stündlich):
+                </p>
+                <p>
+                    Angezeigt werden die Aktivitäten an einem Standort für zwei bestimmte Tage in stundenweiser Auflösung.
+                </p>
+                <ul>
+                    <li>
+                        Die Auswahl der Tage erfolgt über die Kalenderfunktion.
+                    </li>
+                    <li>
+                        Analysierbare Daten sind ab ca. 5 Tagen vor dem jeweils aktuellen Datum verfügbar.
+                    </li>
+                    <li>
+                        Unterhalb des Diagramms werden die Werte für das Basisdatum und das Vergleichsdatum tabellarisch angezeigt.
+                    </li>
+                </ul>
+                <p class="paragraph_underline">
+                    Altersgruppe:
+                </p>
+                <p>
+                    Angezeigt wird die Verteilung der Altersgruppen an einem Standort in zwei Monaten im wöchentlichen Durchschnitt im Vergleich.
+                </p>
+                <ul>
+                    <li>
+                        Die Auswahl der Monate erfolgt über die Kalenderfunktion.
+                    </li>
+                    <li>
+                        Die Zahlenwerte auf der Y-Achse geben den Besucherdurchschnitt pro Woche an.
+                    </li>
+                    <li>
+                        Analysierbare Daten sind ab ca. 5 Monaten vor dem jeweils aktuellen Datum verfügbar.
+                    </li>
+                    <li>
+                        Die Merkmale der Altersgruppen sind identisch mit denen der Analysekategorie „Altersgruppe“.
+                    </li>
+                    <li>
+                        Unterhalb des Diagramms werden die Werte nach Altersgruppen für das Basisdatum und das Vergleichsdatum tabellarisch angezeigt.
+                    </li>
+                </ul>
+                <p class="paragraph_underline">
+                    Verweildauer:
+                </p>
+                <p>
+                    Angezeigt wird die Verweildauer von Besuchern eines Standorts in zwei Monaten im wöchentlichen Durchschnitt im Vergleich.
+                </p>
+                <ul>
+                    <li>
+                        Die Auswahl der Monate erfolgt über die Kalenderfunktion.
+                    </li>
+                    <li>
+                        Die Zahlenwerte auf der Y-Achse geben den Besucherdurchschnitt pro Woche an.
+                    </li>
+                    <li>
+                        Analysierbare Daten sind ab ca. 5 Monaten vor dem jeweils aktuellen Datum verfügbar.
+                    </li>
+                    <li>
+                        Die Merkmale der Zeitintervalle sind identisch mit denen der Analysekategorie „Verweildauer“.
+                    </li>
+                    <li>
+                        Unterhalb des Diagramms werden die Werte nach Zeitintervallen für das Basisdatum und das Vergleichsdatum tabellarisch angezeigt.
+                    </li>
+                </ul>
+                <p class="paragraph_underline">
+                    Besuchertypen:
+                </p>
+                <p>
+                    Angezeigt werden die Besuchertypen eines Standorts für in zwei Monaten im wöchentlichen Durchschnitt im Vergleich.
+                </p>
+                <ul>
+                    <li>
+                        Die Auswahl der Monate erfolgt über die Kalenderfunktion.
+                    </li>
+                    <li>
+                        Die Zahlenwerte auf der Y-Achse geben den Besucherdurchschnitt pro Woche an.
+                    </li>
+                    <li>
+                        Analysierbare Daten sind ab ca. 5 Monaten vor dem jeweils aktuellen Datum verfügbar.
+                    </li>
+                    <li>
+                        Die Merkmale der Besuchertypen sind identisch mit denen der Analysekategorie „Besuchertypen“.
+                    </li>
+                    <li>
+                        Unterhalb des Diagramms werden die Werte nach Besuchertypen für das Basisdatum und das Vergleichsdatum tabellarisch angezeigt.
+                    </li>
+                </ul>
             </div>
         </div>
 
         <div class="section">
-            <h2>Datenquellen</h2>
+            <h2>
+                Datenquellen
+            </h2>
 
             <div>
-                <div>
-                    <p>
-                        Diese Anwendung nutzt Daten, die von der Firma
-                        <a
-                            href="https://www.whatalocation.ai/"
-                            target="_blank"
-                            rel="nofollow noopener"
-                        >WHATALOCATION.ai</a> bereitgestellt werden.
-                    </p>
-                </div>
+                <p>
+                    Als Datengrundlage dienen Signalisierungsdaten der Telefónica Deutschland GmbH & Co. OHG, welche anonymisiert über den Dienstleister WHATALOCATION über elektronische Schnittstellen im VPI-Dashboard bereitgestellt werden.
+                </p>
+                <p>
+                    WHATALOCATION ist ein in Deutschland ansässiges Unternehmen, welches die aufbereiteten und anonymisierten Signalisierungsdaten der Telefónica Deutschland GmbH & Co. OHG für eine Web-Applikation nutzt. Diese beinhaltet ein Dashboard mit der sich Analysen zu Aufenthalts- und Bewegungsverhalten durchführen lassen. Das Dashboard und die in der Web-Applikation definierten Merkmale bildeten die Grundlage für die Entwicklung des Fachportals Verborgene Potenziale Innenstadt.
+                </p>
+                <a
+                    href="https://www.whatalocation.ai/"
+                    target="_blank"
+                    rel="nofollow noopener"
+                >WHATALOCATION.ai</a>
             </div>
         </div>
     </div>
@@ -136,7 +529,7 @@ export default {
 <style lang="scss" scoped>
 #vpiDashboardTabInfo {
 
-    padding: 0.25rem 0 0 0;
+    padding: 0.25rem 0 1.5rem 0;
 
     H2,
     H3,
@@ -170,6 +563,9 @@ export default {
         margin: 0 0 1rem 0;
         color: var(--bs-black);
     }
+    .paragraph_underline {
+        text-decoration: underline;
+    }
 
     ul {
         padding: 0 0 0 1rem;
diff --git a/vpiDashboard/components/Tabs/TabVisitorTypes.vue b/vpiDashboard/components/Tabs/TabVisitorTypes.vue
index 34d952e47..68ebc1bd5 100644
--- a/vpiDashboard/components/Tabs/TabVisitorTypes.vue
+++ b/vpiDashboard/components/Tabs/TabVisitorTypes.vue
@@ -24,7 +24,8 @@ export default {
                 bar: {},
                 line: {}
             },
-            dataCardIndex: 0
+            dataCardIndex: new Date().getFullYear() - 2019,
+            noDataAvailable: ""
         };
     },
     computed: {
@@ -86,6 +87,14 @@ export default {
         async getCurrentChartData () {
             this.chartdata.bar = this.getVisitorTypesChartJsData("bar", this.yearList[this.dataCardIndex]);
             this.chartdata.line = this.getVisitorTypesChartJsData("line", this.yearList[this.dataCardIndex]);
+
+            if (!this.chartdata.bar.datasets || !this.chartdata.bar.datasets[0].data || this.chartdata.bar.datasets[0].data.length === 0) {
+
+                this.noDataAvailable = this.$t("additional:modules.tools.vpidashboard.tab.noData");
+            }
+            else {
+                this.noDataAvailable = "";
+            }
         },
         changeIndex (index) {
             this.dataCardIndex = index;
@@ -105,28 +114,41 @@ export default {
                 <DataCardPaginator
                     v-if="hasEntry"
                     :paginator-data="yearList"
+                    :start-value-index="yearList.length - 1"
                     @pager="changeIndex"
                 />
+                <span
+                    v-if="noDataAvailable !== ''"
+                    class="noDataAvailableMessage"
+                >
+                    {{ noDataAvailable }}
+                </span>
                 <div
                     v-if="hasEntry"
                     class="row cards"
                 >
                     <DataCard
-                        :title="$t('additional:modules.tools.vpidashboard.tab.visitorTypes.cardLabels.residentsPerDay')"
-                        detail="visitorTypeResidentsPerDay"
+                        :title="$t('additional:modules.tools.vpidashboard.tab.visitorTypes.cardLabels.residentsPerWeek')"
+                        detail="visitorTypeResidentsPerWeek"
+                        :start-value-index="yearList.length - 1"
                         :update-index="dataCardIndex"
                     />
                     <DataCard
-                        :title="$t('additional:modules.tools.vpidashboard.tab.visitorTypes.cardLabels.commutersPerDay')"
-                        detail="visitorTypeCommutersPerDay"
+                        :title="$t('additional:modules.tools.vpidashboard.tab.visitorTypes.cardLabels.commutersPerWeek')"
+                        detail="visitorTypeCommutersPerWeek"
+                        :start-value-index="yearList.length - 1"
                         :update-index="dataCardIndex"
                     />
                     <DataCard
-                        :title="$t('additional:modules.tools.vpidashboard.tab.visitorTypes.cardLabels.touristsPerDay')"
-                        detail="visitorTypeTouristsPerDay"
+                        :title="$t('additional:modules.tools.vpidashboard.tab.visitorTypes.cardLabels.touristsPerWeek')"
+                        detail="visitorTypeTouristsPerWeek"
+                        :start-value-index="yearList.length - 1"
                         :update-index="dataCardIndex"
                     />
                 </div>
+                <p class="tourist-footnote">
+                    {{ $t("additional:modules.tools.vpidashboard.tab.visitorTypes.footnote") }}
+                </p>
                 <h2>
                     {{ $t("additional:modules.tools.vpidashboard.tab.visitorTypes.chartTitle") }}
                 </h2>
@@ -149,13 +171,21 @@ export default {
                                         }
                                     }]
                                 }"
+                                :given-options="{
+                                    animation: false
+                                }"
                             />
                         </div>
                     </div>
                     <!-- Line Chart -->
                     <div v-if="chartType === 'line'">
                         <div class="row line">
-                            <LinechartItem :data="chartdata.line" />
+                            <LinechartItem
+                                :data="chartdata.line"
+                                :given-options="{
+                                    animation: false
+                                }"
+                            />
                         </div>
                     </div>
                 </div>
@@ -174,6 +204,13 @@ export default {
 h3 {
     margin: 0 0 1rem 0;
 }
+.visitortypestab {
+    text-align: center;
+}
+.visitortypestab .noDataAvailableMessage {
+    font-size: 16px;
+    font-weight: normal;
+}
 .charts {
     margin: 0 0 1rem 0;
 }
@@ -185,4 +222,9 @@ h3 {
     gap: 1rem;
     margin: 0 auto 1rem auto;
 }
+.tourist-footnote {
+    margin-top: 1rem;
+    margin-bottom: 1rem;
+    text-align: right;
+}
 </style>
diff --git a/vpiDashboard/components/VpiDashboard.vue b/vpiDashboard/components/VpiDashboard.vue
index e5a22ae03..dd0f89dcf 100644
--- a/vpiDashboard/components/VpiDashboard.vue
+++ b/vpiDashboard/components/VpiDashboard.vue
@@ -17,6 +17,11 @@ import TabAgeGroups from "./Tabs/TabAgeGroups.vue";
 import LocationSelectMenuVue from "./LocationSelectMenu.vue";
 import TabCompareDatesDashboard from "./Tabs/TabCompareDatesDashboard.vue";
 import {highlightSelectedLocationOnMap} from "../utils/highlightSelectedLocationOnMap";
+import axios from "axios";
+import GeoJSON from "ol/format/GeoJSON";
+import VectorLayer from "ol/layer/Vector";
+import {Vector} from "ol/source.js";
+import {Style, Fill, Stroke} from "ol/style.js";
 
 export default {
     name: "VpiDashboard",
@@ -37,6 +42,9 @@ export default {
         return {
             chartType: "bar",
             layerList: null,
+            map: null,
+            gridLayer: null,
+            gridLayerIsVisible: false,
             TabItems: [
                 {
                     index: 0,
@@ -87,9 +95,13 @@ export default {
     },
     computed: {
         ...mapGetters("Tools/VpiDashboard", Object.keys(getters)),
-        ...mapGetters("Maps", ["getVisibleLayerList"]),
         ...mapGetters("Language", ["currentLocale"]),
         ...mapState("Tools/VpiDashboard", ["allLocationsGeoJson", "allLocationsArray", "showLoader"]),
+        ...mapGetters("Maps", {
+            layerById: "getLayerById",
+            projectionCode: "projectionCode",
+            getVisibleLayerList: "getVisibleLayerList"
+        }),
         showLocationSelectMenu () {
             const selectedTab = this.TabItems.find(tab => tab.selected === true);
 
@@ -99,7 +111,7 @@ export default {
     watch: {
         allLocationsGeoJson (val) {
             const params = {
-                name: "WhatALocation Standorte",
+                name: "Standorte Frequenzdaten",
                 id: "vpi",
                 geoJSON: val,
                 styleId: "customLayer",
@@ -157,7 +169,7 @@ export default {
         },
         /**
          * activates the WhatALocation-Locations when the tool is activated
-         * and deactivates the layer when the tool is deactivated.
+         * and deactivates the layer (and the mobile cell grid layer) when the tool is deactivated.
          * @param {boolean} val isToolActive
          * @returns {void}
          */
@@ -174,7 +186,18 @@ export default {
             if (!val) {
                 model.setIsSettingVisible(false);
                 model.setIsSelected(false);
+                this.gridLayerIsVisible = false;
             }
+        },
+        /**
+         * Toggles the mobile cell grid layer.
+         * When the gridLayerIsVisible value is set to true, it shows the layer.
+         * Otherwise hides to layer.
+         * @param {boolean} val gridLayerIsVisible
+         * @returns {void}
+         */
+        gridLayerIsVisible (val) {
+            this.gridLayer?.setVisible(val);
         }
 
     },
@@ -182,8 +205,11 @@ export default {
         this.$on("close", this.close);
     },
     async mounted () {
+        this.map = mapCollection.getMap("2D");
         await this.getAllLocations();
         await this.getWhatALocationData(this.allLocationsArray[0].id);
+        // create the mobile cell grid layer but do not show it yet (will be toggled by checkbox in this dashboard)
+        await this.createGridLayer();
         this.finishedLoading = true;
 
         const model = Radio.request("ModelList", "getModelByAttributes", {id: "vpi"});
@@ -229,6 +255,75 @@ export default {
             await this.getActivities(locationId);
             this.renderTab = true;
         },
+        /**
+         * initiates the asynchronous request for locally stored mobile cell grid geojson
+         * creates VectorLayer from this data and add it to the map, does not show it initially
+         * @returns {void}
+         */
+        async createGridLayer () {
+            const fetch = await axios.get(this.$store.getters["Tools/VpiDashboard/mobileCellsGeoJSON"]),
+                layerId = "vpi-grid-cells";
+
+            let
+                layer = this.map
+                    ? this.map
+                        .getLayers()
+                        .getArray()
+                        .find((l) => {
+                            return l.get("id") === layerId;
+                        })
+                    : undefined;
+
+            if (layer) {
+                layer.setVisible(false);
+                return;
+            }
+
+            this.geoJSONFeatures = new GeoJSON().readFeatures(fetch.data);
+
+            layer = new VectorLayer({
+                id: layerId,
+                name: "GridLayer",
+                source: this.getVectorSourceFeatures(),
+                visible: false
+            });
+
+            layer.setZIndex(12);
+            layer.setStyle(new Style({
+                fill: new Fill({
+                    color: ["255", "255", "255", "0"]
+                }),
+                stroke: new Stroke({
+                    color: ["0", "50", "255", "0.5"],
+                    width: 2
+                })
+            }));
+
+            this.gridLayer = layer;
+
+            this.map.addLayer(layer);
+        },
+        /**
+         * creates a vector source for the layer to add to the map
+         * @returns {Vector} vector the Vector Source for the layer to add to the map
+         */
+        getVectorSourceFeatures () {
+
+            const vector = new Vector();
+
+            [...this.geoJSONFeatures].forEach((feature) => {
+                const geometry = feature.getGeometry();
+                let referenceSystem = feature.get("referenceSystem");
+
+                referenceSystem = referenceSystem === undefined ? "4326" : referenceSystem;
+                if (geometry) {
+                    geometry.transform("EPSG:" + referenceSystem, this.projectionCode);
+                }
+
+                vector.addFeature(feature);
+            });
+            return vector;
+        },
         /**
          * translates the given key, checkes if the key exists and throws a console warning if not
          * @param {String} key the key to translate
@@ -271,6 +366,18 @@ export default {
                     <div class="col-12 col-md-12 col-lg-12 h-100">
                         <div class="h-100">
                             <div>
+                                <div>
+                                    <input
+                                        id="toggleGridLayer"
+                                        v-model="gridLayerIsVisible"
+                                        type="checkbox"
+                                    >
+                                    <label
+                                        for="toggleGridLayer"
+                                    >
+                                        {{ translate("additional:modules.tools.vpidashboard.toggleGridLayer") }}
+                                    </label>
+                                </div>
                                 <LocationSelectMenuVue
                                     v-if="finishedLoading"
                                     v-show="showLocationSelectMenu"
diff --git a/vpiDashboard/locales/de/additional.json b/vpiDashboard/locales/de/additional.json
index 5c2725624..c84427e3a 100644
--- a/vpiDashboard/locales/de/additional.json
+++ b/vpiDashboard/locales/de/additional.json
@@ -3,6 +3,7 @@
     "tools": {
       "vpidashboard": {
         "name": "VPI Dashboard",
+        "toggleGridLayer": "Mobilfunkzellengitter anzeigen/ausblenden",
         "tabitems": {
           "activities": "Aktivitäten",
           "gender": "Geschlecht",
@@ -12,7 +13,7 @@
           "distance": "Entfernung",
           "compare": "Standorte Vergleichen",
           "info": "Informationen",
-          "compare_dates": "Zeitraum Vergleichen"
+          "compare_dates": "Zeitpunkte Vergleichen"
         },
         "time": {
           "months": [
@@ -88,6 +89,7 @@
         "compare": {
           "location": "Ort",
           "date": "Datum",
+          "hour": "Stunde",
           "compare": "Vergleichen",
           "character": "Merkmal",
           "location_comparison": "Standortvergleich",
@@ -95,43 +97,59 @@
           "date_b": "Vergleichsdatum",
           "date_comparison": "Vergleich Datumswerte",
           "selectLocationBinMap": "Anklicken um Standort B aus der Karte auszuwählen",
-          "deselectLocationBinMap": "Deaktivieren um Standort A aus der Karte auszuwählen"
+          "deselectLocationBinMap": "Deaktivieren um Standort A aus der Karte auszuwählen",
+          "noData": "Für Ihre Auswahl sind aktuell keine Daten vorhanden. Bitte verändern Sie Merkmal oder Datum!",
+          "chartsubtitle": {
+            "dwelltime": "Ø wöchentliche Verweildauer je Besucher im {{month}} {{year}}",
+            "agegroup": "Ø wöchentliche Besucher je Altersgruppe im {{month}} {{year}}",
+            "visitortypes": "Ø wöchentliche Besucher im {{month}} {{year}}"
+          }
         },
         "tab": {
+          "noData": "(Daten noch nicht verfügbar)",
           "dwelltime": {
-            "chartTitle": "Verweildauer in Minuten"
+            "chartTitle": "Verweildauer in % pro Jahr",
+            "lineBarChartTitle": "Ø wöchentliche Verweildauer je Besucher pro Monat im Jahr {{year}}"
           },
           "visitorTypes": {
-            "chartTitle": "Besuchertypen",
+            "chartTitle": "Ø wöchentliche Besucher pro Monat",
             "chartLabels": {
-              "residents": "Einwohner",
+              "residents": "Hamburger",
               "commuters": "Pendler",
               "tourists_day": "Tagestouristen",
               "tourists_overnight": "Übernachtungstouristen"
             },
             "cardLabels": {
-              "commutersPerDay": "Ø Pendler pro Tag",
-              "residentsPerDay": "Ø Einwohner pro Tag",
-              "touristsPerDay": "Ø Touristen pro Tag"
-            }
+              "commutersPerWeek": "Ø Pendler pro Woche",
+              "residentsPerWeek": "Ø Hamburger pro Woche",
+              "touristsPerWeek": "Ø Touristen pro Woche (*)"
+            },
+            "footnote": "(*) Touristen beinhalten Tages- und Übernachtungstouristen."
           },
           "ageGroup": {
-            "chartTitle": "Altersgruppen pro Jahr und pro Jahr und Monat (*)",
+            "chartTitle": "Altersgruppe in % pro Jahr (*)",
             "pieChartTitle": "Altersgruppen pro Jahr",
-            "lineBarChartTitle": "Wöchentliche Besucher je Altersgruppe im Jahr {{year}}",
+            "lineBarChartTitle": "Ø wöchentliche Besucher je Altersgruppe pro Monat im Jahr {{year}}",
             "footnote": "(*) Unter 18 Jährige werden nicht erfasst. In der Altersgruppe der 18-19Jährigen bestehen Datenlücken, weshalb der Datensatz nicht berücksichtigt wurde."
           },
           "compareDates": {
             "dropdown": {
-              "activities": "Aktivitäten",
+              "activities": "Besucher eines Standorts an zwei verschiedenen Tagen",
+              "daily_hours": "Besucher eines Standorts an zwei verschiedenen Tagen (stündlich)",
               "ageGroup": "Altersgruppen",
               "dwellTime": "Verweildauer",
               "visitorTypes": "Besuchertypen"
+            },
+            "chartsubtitle": {
+              "dwelltime": "Ø wöchentliche Verweildauer je Besucher im {{month1}} {{year1}} und {{month2}} {{year2}}",
+              "agegroup": "Ø wöchentliche Besucher je Altersgruppe im {{month1}} {{year1}} und {{month2}} {{year2}}",
+              "visitortypes": "Ø wöchentliche Besucher im {{month1}} {{year1}} und {{month2}} {{year2}}"
             }
           }
         },
         "locationSelectMenu": {
-            "menuPlaceholder": "Standort auswählen"
+            "menuPlaceholder": "Standort auswählen",
+            "label": "Standort"
         }
       }
     }
diff --git a/vpiDashboard/locales/en/additional.json b/vpiDashboard/locales/en/additional.json
index e7ceb1d09..644bcef9b 100644
--- a/vpiDashboard/locales/en/additional.json
+++ b/vpiDashboard/locales/en/additional.json
@@ -3,6 +3,7 @@
     "tools": {
       "vpidashboard": {
         "name": "VPI Dashboard",
+        "toggleGridLayer": "Show / hide mobile cells grid",
         "tabitems": {
           "activities": "Activities",
           "gender": "Gender",
@@ -12,7 +13,7 @@
           "distance": "Distance",
           "compare": "Locations Comparison",
           "info": "Informations",
-          "compare_dates": "Time Period Comparison"
+          "compare_dates": "Time Stamp Comparison"
         },
         "time": {
           "months": [
@@ -88,6 +89,7 @@
         "compare": {
           "location": "Location",
           "date": "Date",
+          "hour": "Hour",
           "compare": "Compare",
           "character": "Character",
           "location_comparison": "Location Comparison",
@@ -95,43 +97,59 @@
           "date_b": "Compare date",
           "date_comparison": "Date comparison",
           "selectLocationBinMap": "Activate in order to select location B on map",
-          "deselectLocationBinMap": "Deactivate in order to select location A on map"
+          "deselectLocationBinMap": "Deactivate in order to select location A on map",
+          "noData": "For your selection currently no data is available. Please change characteristic or date!",
+          "chartsubtitle": {
+            "dwelltime": "Ø weekly dwell time per visitor in {{month}} {{year}}",
+            "agegroup": "Ø weekly visitors per age group in {{month}} {{year}}",
+            "visitortypes": "Ø weekly visitors in {{month}} {{year}}"
+          }
         },
         "tab": {
+          "noData": "(no data yet available)",
           "dwelltime": {
-            "chartTitle": "Dwell time in minutes"
+            "chartTitle": "Dwell time in % per year",
+            "lineBarChartTitle": "Ø weekly dwell time per visitor per month in year {{year}}"
           },
           "visitorTypes": {
-            "chartTitle": "Visitor Types",
+            "chartTitle": "Ø weekly visitors per month",
             "chartLabels": {
-              "residents": "Residents",
+              "residents": "Hamburger",
               "commuters": "Commuters",
               "tourists_day": "Day tourists",
               "tourists_overnight": "Overnight tourists"
             },
             "cardLabels": {
-              "residentsPerDay": "Ø Residents per Tag",
-              "commutersPerDay": "Ø Commuters per Tag",
-              "touristsPerDay": "Ø Tourists per Tag"
-            }
+              "residentsPerWeek": "Ø Hamburger per week",
+              "commutersPerWeek": "Ø Commuters per week",
+              "touristsPerWeek": "Ø Tourists per week (*)"
+            },
+            "footnote": "(*) Tourists contain day tourists and overnight tourists."
           },
           "ageGroup": {
-            "chartTitle": "Age groups by year and by year and month (*)",
+            "chartTitle": "Age group in % per year (*)",
             "pieChartTitle": "Age groups by year",
-            "lineBarChartTitle": "Weekly visitors per age group in year {{year}}",
+            "lineBarChartTitle": "Ø weekly visitors per age group and month in year {{year}}",
             "footnote": "(*) People under 18 years are not displayed. The age group of 18-19 contains data leaks. Therefore the dataset will not be included."
           },
           "compareDates": {
             "dropdown": {
-              "activities": "Activities",
+              "activities": "Visitors of a location on two different days",
+              "daily_hours": "Visitors of a location on two different days (hourly)",
               "ageGroup": "Age groups",
               "dwellTime": "Dwell Time",
               "visitorTypes": "Visitor Types"
+            },
+            "chartsubtitle": {
+              "dwelltime": "Ø weekly dwell time per visitor in {{month1}} {{year1}} and {{month2}} {{year2}}",
+              "agegroup": "Ø weekly visitors per age group in {{month1}} {{year1}} and {{month2}} {{year2}}",
+              "visitortypes": "Ø weekly visitors in {{month1}} {{year1}} and {{month2}} {{year2}}"
             }
           }
         },
         "locationSelectMenu": {
-            "menuPlaceholder": "Choose a location"
+            "menuPlaceholder": "Choose a location",
+            "label": "Location"
         }
       }
     }
diff --git a/vpiDashboard/store/actionsVpiDashboard.js b/vpiDashboard/store/actionsVpiDashboard.js
index ac4ea6501..28a03ead2 100644
--- a/vpiDashboard/store/actionsVpiDashboard.js
+++ b/vpiDashboard/store/actionsVpiDashboard.js
@@ -1,11 +1,15 @@
 import tabVisitorTypesActions from "./tab/visitor-types/actions";
 import tabCompareDatesActions from "./tab/compare/dates/actions";
+import tabAgeGroupActions from "./tab/age-groups/actions";
+import tabDwellTimeActions from "./tab/dwell-time/actions";
 import apiEndpointService from "./apiEndpointService";
 
 const actions = {
 
     ...tabVisitorTypesActions,
     ...tabCompareDatesActions,
+    ...tabAgeGroupActions,
+    ...tabDwellTimeActions,
 
     /**
      * Addresses the WhatALocation locations endpoint to get all locations
@@ -70,92 +74,44 @@ const actions = {
         commit("setLoader", true);
 
         const
-            responseA = await apiEndpointService.receiveActivities(compareData.location_id_a, compareData.date),
-            responseB = await apiEndpointService.receiveActivities(compareData.location_id_b, compareData.date);
+            responseA = await apiEndpointService.receiveActivities(compareData.location_id_a, compareData.date[0], compareData.date[1]),
+            responseB = await apiEndpointService.receiveActivities(compareData.location_id_b, compareData.date[0], compareData.date[1]);
 
         commit("setActivitiesLocationA", responseA.data);
         commit("setActivitiesLocationB", responseB.data);
         commit("setLoader", false);
     },
     /**
-     * Addresses the WhatALocation dwell time endpoint to get the dwell times for the complete time range
-     * @param {Object} state the store's state and commit object.
-     * @returns {void}
+     * Addresses the WhatALocation endpoint to get hourly data for one day for unique visitors
+     * @param {Object} state the store's state and commit object
+     * @param {String} date contains the date to be requested
+     * @returns {Object} response object from WhatALocation endpoint
      **/
-    getDwellTimes: async ({state, commit}) => {
+    getActivitiesForDay: async ({state, commit}, date) => {
         commit("setLoader", true);
 
         const
-            response = await apiEndpointService.receiveDwellTimes(state.selectedLocationId);
+            response = await apiEndpointService.receiveVisitorsDaily(state.selectedLocationId, date);
 
-        commit("setDwellTimes", response.data.data);
         commit("setLoader", false);
+        return response.data;
     },
     /**
-     * Addresses the WhatALocation dwell time endpoint with 2
-     * request to compare data
+     * Addresses the WhatALocation endpoint to get hourly data for one day for unique visitors for two locations
      * @param {Object} commit Commit Object
-     * @param {Object} compareData Object which holds the data to compare
-     * @returns {Promise<void>} sets the data in store
-     */
-    getDwellTimesToCompare: async ({commit}, compareData) => {
-        commit("setLoader", true);
-
-        const
-            responseA = await apiEndpointService.receiveDwellTimes(compareData.location_id_a, compareData.date),
-            responseB = await apiEndpointService.receiveDwellTimes(compareData.location_id_b, compareData.date);
-
-        commit("setDwellTimeLocationA", responseA.data);
-        commit("setDwellTimeLocationB", responseB.data);
-        commit("setLoader", false);
-    },
-    /**
-     * Get all data by age group
-     * @param {Object} state the store's state and commit object.
-     * @returns {Promise<void>} sets the data in store
-     */
-    getAllAgeGroupsData: async ({state, commit}) => {
-        commit("setLoader", true);
-
-        const
-            response = await apiEndpointService.receiveAgeGroups(state.selectedLocationId);
-
-        commit("setAllAgeGroupsData", response.data);
-        commit("setAllAgeGroupsMonthlyData");
-        commit("setLoader", false);
-    },
-    /**
-     * Addresses the WhatALocation age group endpoint with 2
-     * request to compare data
-     * @param {Object } commit Commit Object
-     * @param {Object } compareData Object which holds the data to compare
+     * @param {Object} compareData contains the date to be requested (date) and the locationID if it is not the "selectedLocationId" (locID)
      * @returns {Promise<void>} sets the data in store
-     */
-    getAgeGroupsToCompare: async ({commit}, compareData) => {
-        commit("setLoader", true);
-
-        const
-            responseA = await apiEndpointService.receiveAgeGroups(compareData.location_id_a, compareData.date),
-            responseB = await apiEndpointService.receiveAgeGroups(compareData.location_id_b, compareData.date);
-
-        commit("setAgeGroupsLocationA", responseA.data);
-        commit("setAgeGroupsLocationB", responseB.data);
-        commit("setLoader", false);
-    },
-    /**
-     * Addresses the WhatALocation endpoint to get hourly data for one day for unique visitors
-     * @param {Object} state the store's state and commit object
-     * @param {String} date contains the date to be requested
-     * @returns {Object} response object from WhatALocation endpoint
      **/
-    getActivitiesForDay: async ({state, commit}, date) => {
+    getActivitiesForDayToCompare: async ({commit}, compareData) => {
         commit("setLoader", true);
 
         const
-            response = await apiEndpointService.receiveVisitorsDaily(state.selectedLocationId, date);
+            responseA = await apiEndpointService.receiveVisitorsDaily(compareData.location_id_a, compareData.date[0]),
+            responseB = await apiEndpointService.receiveVisitorsDaily(compareData.location_id_b, compareData.date[0]);
 
+        commit("setActivitiesDailyLocationA", responseA.data);
+        commit("setActivitiesDailyLocationB", responseB.data);
         commit("setLoader", false);
-        return response.data;
     },
     /**
      * changes the selected chart data key
diff --git a/vpiDashboard/store/gettersVpiDashboard.js b/vpiDashboard/store/gettersVpiDashboard.js
index 1f8f3d74a..90193ddcb 100644
--- a/vpiDashboard/store/gettersVpiDashboard.js
+++ b/vpiDashboard/store/gettersVpiDashboard.js
@@ -3,6 +3,7 @@ import stateVpiDashboard from "./stateVpiDashboard";
 import tabVisitorTypesGetters from "./tab/visitor-types/getters";
 import tabCompareDatesGetters from "./tab/compare/dates/getters";
 import tabCompareLocationsGetters from "./tab/compare/locations/getters";
+import tabDwellTimeGetters from "./tab/dwell-time/getters";
 
 const getters = {
     /**
@@ -17,6 +18,7 @@ const getters = {
     ...tabVisitorTypesGetters,
     ...tabCompareDatesGetters,
     ...tabCompareLocationsGetters,
+    ...tabDwellTimeGetters,
 
     /**
      * Gets data about unique visitors per year (sum per year and daily average), generated from WhatALocation data.
@@ -42,127 +44,6 @@ const getters = {
      */
     getAllLocationsArray (state) {
         return state.allLocationsArray;
-    },
-    /**
-     * Gets Array containing all WhatALocation dwell time data per date.
-     * @param {Object} state of this component
-     * @returns {Array} Array of dwell time data
-     */
-    getDwellTimePerDate (state) {
-        return state.dwellTimesPerDate;
-    },
-    /**
-     * Get a dwell time ChartJS data object for the requested chart type.
-     * @param {Object} state of this component
-     * @returns {Object} ChartJS data for given chartType and requested year
-     */
-    getDwellTimeChartJsData: (state) => (chartType, year) => {
-        const labels = i18next.t("additional:modules.tools.vpidashboard.time.months", {returnObjects: true}),
-            data_30_60 = state.dwellTimesPerDate[year]["30-60"].map(d => d.sum),
-            data_60_120 = state.dwellTimesPerDate[year]["60-120"].map(d => d.sum),
-            data_120_240 = state.dwellTimesPerDate[year]["120-240"].map(d => d.sum),
-            data_240 = state.dwellTimesPerDate[year]["240+"].map(d => d.sum),
-            yearSumForPieData = Object.values(state.dwellTimesPerYear[year]).reduce((a, b) => a + b),
-            pieData = [],
-            pieDataLabels = [],
-            pieDataColors = [],
-            colors = {
-                "30-60": "#00AA55",
-                "60-120": "#063970",
-                "120-240": "#B381B3",
-                "240+": "#CC3E00"
-            };
-
-        Object.keys(state.dwellTimesPerYear[year]).forEach(dwellTimeGroup => {
-            // Round and also show trailing zeros, e.g. 18 becomes 18,0
-            pieData.push((Math.round(state.dwellTimesPerYear[year][dwellTimeGroup] * 100 / yearSumForPieData * 10) / 10).toFixed(1));
-            pieDataColors.push(colors[dwellTimeGroup]);
-            pieDataLabels.push(dwellTimeGroup);
-        });
-
-        let chartData;
-
-        switch (chartType) {
-            case "pie":
-                chartData = {
-                    labels: pieDataLabels,
-                    datasets: [
-                        {
-                            data: pieData,
-                            backgroundColor: pieDataColors,
-                            hoverOffset: 4
-                        }
-                    ]
-                };
-                break;
-            case "line":
-                chartData = {
-                    labels: labels,
-                    datasets: [
-                        {
-                            label: "30-60",
-                            data: data_30_60,
-                            fill: false,
-                            borderColor: colors["30-60"],
-                            tension: 0.1
-                        },
-                        {
-                            label: "60-120",
-                            data: data_60_120,
-                            fill: false,
-                            borderColor: colors["60-120"],
-                            tension: 0.1
-                        },
-                        {
-                            label: "120-240",
-                            data: data_120_240,
-                            fill: false,
-                            borderColor: colors["120-240"],
-                            tension: 0.1
-                        },
-                        {
-                            label: "240+",
-                            data: data_240,
-                            fill: false,
-                            borderColor: colors["240+"],
-                            tension: 0.1
-                        }]
-                };
-                break;
-            case "bar":
-            default:
-                chartData = {
-                    labels: labels,
-                    datasets: [
-                        {
-                            label: "30-60",
-                            data: data_30_60,
-                            hoverOffset: 4,
-                            backgroundColor: colors["30-60"]
-                        },
-                        {
-                            label: "60-120",
-                            data: data_60_120,
-                            hoverOffset: 4,
-                            backgroundColor: colors["60-120"]
-                        },
-                        {
-                            label: "120-240",
-                            data: data_120_240,
-                            hoverOffset: 4,
-                            backgroundColor: colors["120-240"]
-                        },
-                        {
-                            label: "240+",
-                            data: data_240,
-                            hoverOffset: 4,
-                            backgroundColor: colors["240+"]
-                        }]
-                };
-                break;
-        }
-
-        return chartData;
     }
 };
 
diff --git a/vpiDashboard/store/mutationsVpiDashboard.js b/vpiDashboard/store/mutationsVpiDashboard.js
index 4b08328e6..7ded96dac 100644
--- a/vpiDashboard/store/mutationsVpiDashboard.js
+++ b/vpiDashboard/store/mutationsVpiDashboard.js
@@ -1,12 +1,16 @@
 import {generateSimpleMutations} from "../../../src/app-store/utils/generators";
 import stateVpiDashboard from "./stateVpiDashboard";
 import tabVisitorTypesMutations from "./tab/visitor-types/mutations";
+import tabAgeGroupsMutations from "./tab/age-groups/mutations";
+import tabDwellTimeMutations from "./tab/dwell-time/mutations";
 import {changeDateFormat} from "../utils/changeDateFormat";
 
 const mutations = {
     ...generateSimpleMutations(stateVpiDashboard),
 
     ...tabVisitorTypesMutations,
+    ...tabAgeGroupsMutations,
+    ...tabDwellTimeMutations,
 
     /**
      * Sets the rounded monthly data for unique visitors to the state, selected from WhatALocation data.
@@ -276,59 +280,6 @@ const mutations = {
             return 0;
         });
     },
-    /**
-     * Sets the dwell times (grouped by "dwell time" and by date), selected from WhatALocation data.
-     * @param {Object} state the store's state object
-     * @param {Object} payload data from WhatALocation endpoint
-     * @returns {void}
-     */
-    setDwellTimes (state, payload) {
-        const dwellTimeByDate = {},
-            dwellTimeYearlySums = {};
-
-        payload.forEach(item => {
-            // get the age groups by year and month
-            const [yearOfEntry, monthOfEntry] = item.date.split("-");
-
-            if (!dwellTimeByDate[yearOfEntry]) {
-                dwellTimeByDate[yearOfEntry] = {};
-                dwellTimeYearlySums[yearOfEntry] = {};
-            }
-
-            if (!dwellTimeByDate[yearOfEntry][item.DwellTime]) {
-                dwellTimeByDate[yearOfEntry][item.DwellTime] = [
-                    {index: "01", sum: "n/a", label: item.DwellTime},
-                    {index: "02", sum: "n/a", label: item.DwellTime},
-                    {index: "03", sum: "n/a", label: item.DwellTime},
-                    {index: "04", sum: "n/a", label: item.DwellTime},
-                    {index: "05", sum: "n/a", label: item.DwellTime},
-                    {index: "06", sum: "n/a", label: item.DwellTime},
-                    {index: "07", sum: "n/a", label: item.DwellTime},
-                    {index: "08", sum: "n/a", label: item.DwellTime},
-                    {index: "09", sum: "n/a", label: item.DwellTime},
-                    {index: "10", sum: "n/a", label: item.DwellTime},
-                    {index: "11", sum: "n/a", label: item.DwellTime},
-                    {index: "12", sum: "n/a", label: item.DwellTime}
-                ];
-            }
-
-            // Visitor sum as integer
-            item.sum_num_visitors = Math.ceil(item.sum_num_visitors / 100) * 100;
-
-            dwellTimeByDate[yearOfEntry][item.DwellTime].find(x=> x.index === monthOfEntry).sum = item.sum_num_visitors;
-
-            if (!dwellTimeYearlySums[yearOfEntry][item.DwellTime]) {
-                dwellTimeYearlySums[yearOfEntry][item.DwellTime] = 0;
-            }
-
-            // sum the single month's datasets for each dwelltime group (to be used in the pie chart later)
-            dwellTimeYearlySums[yearOfEntry][item.DwellTime] += Math.ceil(item.sum_num_visitors / 100) * 100;
-        });
-
-        state.dwellTimesComplete = payload;
-        state.dwellTimesPerDate = dwellTimeByDate;
-        state.dwellTimesPerYear = dwellTimeYearlySums;
-    },
     /**
      * Generates Bar Chart Daily Data and saves it to state.
      * @param {Object} state the store's state object
@@ -554,134 +505,6 @@ const mutations = {
     setLoader (state, isLoaderShown) {
         state.showLoader = isLoaderShown;
     },
-    /**
-     * Get all age groups data
-     * @param {Object} state of this component
-     * @param {Array} payload Array of all age groups from the selected location
-     * @returns {void}
-     */
-    setAllAgeGroupsData (state, payload) {
-        state.allAgeGroupsData = payload.data;
-    },
-    /**
-     * Get all age groups monthly data
-     * @param {Object} state of this component
-     * @returns {void}
-     */
-    setAllAgeGroupsMonthlyData (state) {
-        const dataset = {},
-            datasetLine = {},
-            tempDataset = {},
-            tempDatasetGroups = {},
-            xLabels = i18next.t("additional:modules.tools.vpidashboard.time.months", {returnObjects: true}),
-            colors = {
-                "18-19": "#708090",
-                "20-29": "#00aa55",
-                "30-39": "#007ea8",
-                "40-49": "#9784ff",
-                "50-59": "#CC3E00",
-                "60-69": "#ffa300",
-                ">69": "#f8e08e"
-            },
-            labels = state.ageGroupPieChartLabels,
-            ageGroupsByYear = {};
-
-        state.allAgeGroupsData.forEach(entry => {
-
-            if (entry.age_group === "u") {
-                return;
-            }
-
-            // get the age groups by year and month
-            const [yearOfEntry, monthOfEntry] = entry.date.split("-"),
-                ageGroupLabel = entry.age_group.replace(/[[\]']+/g, "");
-
-            if (!tempDataset[yearOfEntry]) {
-                tempDataset[yearOfEntry] = {};
-                tempDatasetGroups[yearOfEntry] = [];
-            }
-
-            // set default values
-            if (!tempDataset[yearOfEntry][ageGroupLabel]) {
-                tempDataset[yearOfEntry][ageGroupLabel] = [
-                    {index: "01", sum: "n/a", label: ageGroupLabel},
-                    {index: "02", sum: "n/a", label: ageGroupLabel},
-                    {index: "03", sum: "n/a", label: ageGroupLabel},
-                    {index: "04", sum: "n/a", label: ageGroupLabel},
-                    {index: "05", sum: "n/a", label: ageGroupLabel},
-                    {index: "06", sum: "n/a", label: ageGroupLabel},
-                    {index: "07", sum: "n/a", label: ageGroupLabel},
-                    {index: "08", sum: "n/a", label: ageGroupLabel},
-                    {index: "09", sum: "n/a", label: ageGroupLabel},
-                    {index: "10", sum: "n/a", label: ageGroupLabel},
-                    {index: "11", sum: "n/a", label: ageGroupLabel},
-                    {index: "12", sum: "n/a", label: ageGroupLabel}
-                ];
-            }
-
-            // add each dataset to the correct object
-            tempDataset[yearOfEntry][ageGroupLabel].find(x=> x.index === monthOfEntry).sum = Math.ceil(entry.sum_num_visitors / 100) * 100;
-
-            if (!tempDatasetGroups[yearOfEntry][ageGroupLabel]) {
-                tempDatasetGroups[yearOfEntry][ageGroupLabel] = 0;
-            }
-
-            // sum the single month's datasets for each age group (to be used in the pie chart later)
-            tempDatasetGroups[yearOfEntry][ageGroupLabel] += Math.ceil(entry.sum_num_visitors / 100) * 100;
-        });
-
-        // now sort them for the correct oder (given by 'labels') and convert them to data objects for chartJS
-        Object.keys(tempDataset).forEach(function (year) {
-
-            if (!dataset[year]) {
-                dataset[year] = [];
-                datasetLine[year] = [];
-                ageGroupsByYear[year] = [];
-            }
-
-            const yearSumForAllGroups = Object.values(tempDatasetGroups[year]).reduce((a, b) => a + b),
-                yearGroupObj = {
-                    data: [],
-                    hoverOffset: 4,
-                    backgroundColor: []
-                };
-
-            labels.forEach(label => {
-                const dataObj = {
-                        data: [],
-                        hoverOffset: 4,
-                        label: label,
-                        backgroundColor: colors[label]
-                    },
-                    dataObjLine = {
-                        data: [],
-                        label: label,
-                        fill: false,
-                        tension: 0.1,
-                        borderColor: colors[label]
-                    };
-
-                tempDataset[year][label].forEach(ageGroupPerMonth => {
-                    dataObj.data.push(ageGroupPerMonth.sum);
-                    dataObjLine.data.push(ageGroupPerMonth.sum);
-                });
-
-                // Round and also show trailing zeros, e.g. 18 becomes 18,0
-                yearGroupObj.data.push((Math.round(tempDatasetGroups[year][label] * 100 / yearSumForAllGroups * 10) / 10).toFixed(1));
-                yearGroupObj.backgroundColor.push(colors[label]);
-
-                dataset[year].push(dataObj);
-                datasetLine[year].push(dataObjLine);
-            });
-
-            ageGroupsByYear[year].push(yearGroupObj);
-        });
-
-        state.allAgeGroupsMonthlyData = dataset;
-        state.allAgeGroupsMonthlyDataLine = datasetLine;
-        state.ageGroupxLabels = xLabels;
-        state.ageGroupsYearlyData = ageGroupsByYear;
-    },
     /**
      * Sets the id of the selected location.
      * If location B on the compare locations tab is activated the Id will be set for location B.
diff --git a/vpiDashboard/store/stateVpiDashboard.js b/vpiDashboard/store/stateVpiDashboard.js
index 96a01febc..2e479ffa4 100644
--- a/vpiDashboard/store/stateVpiDashboard.js
+++ b/vpiDashboard/store/stateVpiDashboard.js
@@ -1,6 +1,8 @@
 import tabVisitorTypesState from "./tab/visitor-types/state";
 import tabCompareDatesState from "./tab/compare/dates/state";
 import tabCompareLocationsState from "./tab/compare/locations/state";
+import tabAgeGroupsState from "./tab/age-groups/state";
+import tabDwellTimeState from "./tab/dwell-time/state";
 
 const state = {
     id: "vpiDashboard",
@@ -11,6 +13,7 @@ const state = {
     resizableWindow: true,
     isVisibleInMenu: true,
     deactivateGFI: false,
+    mobileCellsGeoJSON: "",
     chartData: "overview",
     allDataClicked: true,
     sumVisitorsPerMonth: [],
@@ -25,21 +28,13 @@ const state = {
     barChartData: {},
     lineChartData: {},
     showLoader: false,
-    dwellTimesComplete: [],
-    dwellTimesPerDate: {},
-    dwellTimesPerYear: {},
-    allAgeGroupsData: [],
-    allAgeGroupsMonthlyData: {},
-    allAgeGroupsMonthlyDataLine: {},
-    ageGroupsYearlyData: {},
-    ageGroupxLabels: [],
-    allAgeGroupsYears: [],
-    ageGroupPieChartLabels: ["20-29", "30-39", "40-49", "50-59", "60-69", ">69"],
     selectedLocationId: "",
     activityData: {},
     ...tabVisitorTypesState,
     ...tabCompareDatesState,
-    ...tabCompareLocationsState
+    ...tabCompareLocationsState,
+    ...tabAgeGroupsState,
+    ...tabDwellTimeState
 };
 
 export default state;
diff --git a/vpiDashboard/store/tab/age-groups/actions.js b/vpiDashboard/store/tab/age-groups/actions.js
new file mode 100644
index 000000000..141998650
--- /dev/null
+++ b/vpiDashboard/store/tab/age-groups/actions.js
@@ -0,0 +1,39 @@
+import apiEndpointService from "../../apiEndpointService";
+
+const actions = {
+    /**
+     * Get all data by age group
+     * @param {Object} state the store's state and commit object.
+     * @returns {Promise<void>} sets the data in store
+     */
+    getAllAgeGroupsData: async ({state, commit}) => {
+        commit("setLoader", true);
+
+        const
+            response = await apiEndpointService.receiveAgeGroups(state.selectedLocationId);
+
+        commit("setAllAgeGroupsData", response.data);
+        commit("setAllAgeGroupsMonthlyData");
+        commit("setLoader", false);
+    },
+    /**
+     * Addresses the WhatALocation age group endpoint with 2
+     * request to compare data
+     * @param {Object } commit Commit Object
+     * @param {Object } compareData Object which holds the data to compare
+     * @returns {Promise<void>} sets the data in store
+     */
+    getAgeGroupsToCompare: async ({commit}, compareData) => {
+        commit("setLoader", true);
+
+        const
+            responseA = await apiEndpointService.receiveAgeGroups(compareData.location_id_a, compareData.date),
+            responseB = await apiEndpointService.receiveAgeGroups(compareData.location_id_b, compareData.date);
+
+        commit("setAgeGroupsLocationA", responseA.data);
+        commit("setAgeGroupsLocationB", responseB.data);
+        commit("setLoader", false);
+    }
+};
+
+export default actions;
diff --git a/vpiDashboard/store/tab/age-groups/mutations.js b/vpiDashboard/store/tab/age-groups/mutations.js
new file mode 100644
index 000000000..67c851cca
--- /dev/null
+++ b/vpiDashboard/store/tab/age-groups/mutations.js
@@ -0,0 +1,132 @@
+const mutations = {
+    /**
+     * Get all age groups data
+     * @param {Object} state of this component
+     * @param {Array} payload Array of all age groups from the selected location
+     * @returns {void}
+     */
+    setAllAgeGroupsData (state, payload) {
+        state.allAgeGroupsData = payload.data;
+    },
+    /**
+     * Get all age groups monthly data
+     * @param {Object} state of this component
+     * @returns {void}
+     */
+    setAllAgeGroupsMonthlyData (state) {
+        const dataset = {},
+            datasetLine = {},
+            tempDataset = {},
+            tempDatasetGroups = {},
+            xLabels = i18next.t("additional:modules.tools.vpidashboard.time.months", {returnObjects: true}),
+            colors = {
+                "18-19": "#708090",
+                "20-29": "#00aa55",
+                "30-39": "#007ea8",
+                "40-49": "#9784ff",
+                "50-59": "#CC3E00",
+                "60-69": "#ffa300",
+                ">69": "#f8e08e"
+            },
+            labels = state.ageGroupPieChartLabels,
+            ageGroupsByYear = {};
+
+        state.allAgeGroupsData.forEach(entry => {
+
+            if (entry.age_group === "u") {
+                return;
+            }
+
+            // get the age groups by year and month
+            const [yearOfEntry, monthOfEntry] = entry.date.split("-"),
+                ageGroupLabel = entry.age_group.replace(/[[\]']+/g, "");
+
+            if (!tempDataset[yearOfEntry]) {
+                tempDataset[yearOfEntry] = {};
+                tempDatasetGroups[yearOfEntry] = [];
+            }
+
+            // set default values
+            if (!tempDataset[yearOfEntry][ageGroupLabel]) {
+                tempDataset[yearOfEntry][ageGroupLabel] = [
+                    {index: "01", sum: "n/a", label: ageGroupLabel},
+                    {index: "02", sum: "n/a", label: ageGroupLabel},
+                    {index: "03", sum: "n/a", label: ageGroupLabel},
+                    {index: "04", sum: "n/a", label: ageGroupLabel},
+                    {index: "05", sum: "n/a", label: ageGroupLabel},
+                    {index: "06", sum: "n/a", label: ageGroupLabel},
+                    {index: "07", sum: "n/a", label: ageGroupLabel},
+                    {index: "08", sum: "n/a", label: ageGroupLabel},
+                    {index: "09", sum: "n/a", label: ageGroupLabel},
+                    {index: "10", sum: "n/a", label: ageGroupLabel},
+                    {index: "11", sum: "n/a", label: ageGroupLabel},
+                    {index: "12", sum: "n/a", label: ageGroupLabel}
+                ];
+            }
+
+            // add each dataset to the correct object
+            tempDataset[yearOfEntry][ageGroupLabel].find(x=> x.index === monthOfEntry).sum = Math.ceil(entry.sum_num_visitors / 100) * 100;
+
+            if (!tempDatasetGroups[yearOfEntry][ageGroupLabel]) {
+                tempDatasetGroups[yearOfEntry][ageGroupLabel] = 0;
+            }
+
+            // sum the single month's datasets for each age group (to be used in the pie chart later)
+            tempDatasetGroups[yearOfEntry][ageGroupLabel] += Math.ceil(entry.sum_num_visitors / 100) * 100;
+        });
+
+        // now sort them for the correct oder (given by 'labels') and convert them to data objects for chartJS
+        Object.keys(tempDataset).forEach(function (year) {
+
+            if (!dataset[year]) {
+                dataset[year] = [];
+                datasetLine[year] = [];
+                ageGroupsByYear[year] = [];
+            }
+
+            const yearSumForAllGroups = Object.values(tempDatasetGroups[year]).reduce((a, b) => a + b),
+                yearGroupObj = {
+                    data: [],
+                    hoverOffset: 4,
+                    backgroundColor: []
+                };
+
+            labels.forEach(label => {
+                const dataObj = {
+                        data: [],
+                        hoverOffset: 4,
+                        label: label,
+                        backgroundColor: colors[label]
+                    },
+                    dataObjLine = {
+                        data: [],
+                        label: label,
+                        fill: false,
+                        tension: 0.1,
+                        borderColor: colors[label]
+                    };
+
+                tempDataset[year][label].forEach(ageGroupPerMonth => {
+                    dataObj.data.push(ageGroupPerMonth.sum);
+                    dataObjLine.data.push(ageGroupPerMonth.sum);
+                });
+
+                // Round and also show trailing zeros, e.g. 18 becomes 18,0
+                yearGroupObj.data.push((Math.round(tempDatasetGroups[year][label] * 100 / yearSumForAllGroups * 10) / 10).toFixed(1));
+                yearGroupObj.backgroundColor.push(colors[label]);
+
+                dataset[year].push(dataObj);
+                datasetLine[year].push(dataObjLine);
+            });
+
+            ageGroupsByYear[year].push(yearGroupObj);
+        });
+
+        state.allAgeGroupsMonthlyData = dataset;
+        state.allAgeGroupsMonthlyDataLine = datasetLine;
+        state.ageGroupxLabels = xLabels;
+        state.ageGroupsYearlyData = ageGroupsByYear;
+    }
+};
+
+export default mutations;
diff --git a/vpiDashboard/store/tab/age-groups/state.js b/vpiDashboard/store/tab/age-groups/state.js
new file mode 100644
index 000000000..0f7e81013
--- /dev/null
+++ b/vpiDashboard/store/tab/age-groups/state.js
@@ -0,0 +1,11 @@
+const state = {
+    allAgeGroupsData: [],
+    allAgeGroupsMonthlyData: {},
+    allAgeGroupsMonthlyDataLine: {},
+    ageGroupsYearlyData: {},
+    ageGroupxLabels: [],
+    allAgeGroupsYears: [],
+    ageGroupPieChartLabels: ["20-29", "30-39", "40-49", "50-59", "60-69", ">69"]
+};
+
+export default state;
diff --git a/vpiDashboard/store/tab/compare/dates/actions.js b/vpiDashboard/store/tab/compare/dates/actions.js
index afc3ae3ca..6ccb60897 100644
--- a/vpiDashboard/store/tab/compare/dates/actions.js
+++ b/vpiDashboard/store/tab/compare/dates/actions.js
@@ -59,6 +59,19 @@ const actions = {
             commit(`setVisitorTypes${compareData.dates[1].dateName}`, responseB.data);
             commit("setLoader", false);
         }
+
+        // Handle "hourly data for a day"
+        if (compareData.character === "daily") {
+            commit("setLoader", true);
+
+            const
+                responseA = await apiEndpointService.receiveVisitorsDaily(compareData.location_id, compareData.dates[0].date),
+                responseB = await apiEndpointService.receiveVisitorsDaily(compareData.location_id, compareData.dates[1].date);
+
+            commit(`setActivitiesDaily${compareData.dates[0].dateName}`, responseA.data);
+            commit(`setActivitiesDaily${compareData.dates[1].dateName}`, responseB.data);
+            commit("setLoader", false);
+        }
     }
 };
 
diff --git a/vpiDashboard/store/tab/compare/dates/getters.js b/vpiDashboard/store/tab/compare/dates/getters.js
index 876539ae5..564d5e87e 100644
--- a/vpiDashboard/store/tab/compare/dates/getters.js
+++ b/vpiDashboard/store/tab/compare/dates/getters.js
@@ -5,64 +5,80 @@ const getters = {
      * @param {Object} activitiesDateA activitiesDateA state
      * @return {Object} data Object for bar chart
      */
-    getActivitiesDateA: ({activitiesDateA}) => {
-        return getCompareData.getCompareData(activitiesDateA, "#FD763B", "activities");
+    getActivitiesDateA: ({activitiesDateA}) => (chartType) => {
+        return getCompareData.getCompareData(activitiesDateA, "#FD763B", "activities", chartType);
     },
     /**
      * Generates the data array for the bar chart for lcoation a and date b
      * @param {Object} activitiesDateB activitiesDateB state
      * @return {Object} data Object for bar chart
      */
-    getActivitiesDateB: ({activitiesDateB}) => {
-        return getCompareData.getCompareData(activitiesDateB, "#0335FC", "activities");
+    getActivitiesDateB: ({activitiesDateB}) => (chartType) => {
+        return getCompareData.getCompareData(activitiesDateB, "#0335FC", "activities", chartType);
     },
     /**
      * Generates the data array for the bar chart for lcoation a and date a
      * @param {Object} dwellTimeDateA dwellTimeDateA state
      * @return {Object} data Object for bar chart
      */
-    getDwellTimeDateA: ({dwellTimeDateA}) => {
-        return getCompareData.getCompareData(dwellTimeDateA, "#FD763B", "dwellTime");
+    getDwellTimeDateA: ({dwellTimeDateA}) => (chartType) => {
+        return getCompareData.getCompareData(dwellTimeDateA, "#FD763B", "dwellTime", chartType);
     },
     /**
      * Generates the data array for the bar chart for lcoation a and date b
      * @param {Object} dwellTimeDateB dwellTimeDateB state
      * @return {Object} data Object for bar chart
      */
-    getDwellTimeDateB: ({dwellTimeDateB}) => {
-        return getCompareData.getCompareData(dwellTimeDateB, "#0335FC", "dwellTime");
+    getDwellTimeDateB: ({dwellTimeDateB}) => (chartType) => {
+        return getCompareData.getCompareData(dwellTimeDateB, "#0335FC", "dwellTime", chartType);
     },
     /**
      * Generates the data array for the bar chart for lcoation a and date a
      * @param {Object} ageGroupsDateA ageGroupsDateA state
      * @return {Object} data Object for bar chart
      */
-    getAgeGroupsDateA: ({ageGroupsDateA}) => {
-        return getCompareData.getCompareData(ageGroupsDateA, "#FD763B", "ageGroup");
+    getAgeGroupsDateA: ({ageGroupsDateA}) => (chartType) => {
+        return getCompareData.getCompareData(ageGroupsDateA, "#FD763B", "ageGroup", chartType);
     },
     /**
      * Generates the data array for the bar chart for lcoation a and date b
      * @param {Object} ageGroupsDateB ageGroupsDateB state
      * @return {Object} data Object for bar chart
      */
-    getAgeGroupsDateB: ({ageGroupsDateB}) => {
-        return getCompareData.getCompareData(ageGroupsDateB, "#0335FC", "ageGroup");
+    getAgeGroupsDateB: ({ageGroupsDateB}) => (chartType) => {
+        return getCompareData.getCompareData(ageGroupsDateB, "#0335FC", "ageGroup", chartType);
     },
     /**
      * Generates the data array for the bar chart for lcoation a and date a
      * @param {Object} visitorTypesDateA visitorTypesDateA state
      * @return {Object} data Object for bar chart
      */
-    getVisitorTypesDateA: ({visitorTypesDateA}) => {
-        return getCompareData.getCompareData(visitorTypesDateA, "#FD763B", "visitorTypes");
+    getVisitorTypesDateA: ({visitorTypesDateA}) => (chartType) => {
+        return getCompareData.getCompareData(visitorTypesDateA, "#FD763B", "visitorTypes", chartType);
     },
     /**
      * Generates the data array for the bar chart for lcoation a and date b
      * @param {Object} visitorTypesDateB visitorTypesDateB state
      * @return {Object} data Object for bar chart
      */
-    getVisitorTypesDateB: ({visitorTypesDateB}) => {
-        return getCompareData.getCompareData(visitorTypesDateB, "#0335FC", "visitorTypes");
+    getVisitorTypesDateB: ({visitorTypesDateB}) => (chartType) => {
+        return getCompareData.getCompareData(visitorTypesDateB, "#0335FC", "visitorTypes", chartType);
+    },
+    /**
+     * Generates the data array for the bar chart for location a and date a
+     * @param {Object} activitiesDailyDateA activitiesDailyDateA state
+     * @return {Object} data Object for bar chart
+     */
+    getDailyActivitiesDateA: ({activitiesDailyDateA}) => (chartType) => {
+        return getCompareData.getCompareData(activitiesDailyDateA, "#FD763B", "daily", chartType);
+    },
+    /**
+     * Generates the data array for the bar chart for location a and date b
+     * @param {Object} activitiesDailyDateB activitiesDailyDateB state
+     * @return {Object} data Object for bar chart
+     */
+    getDailyActivitiesDateB: ({activitiesDailyDateB}) => (chartType) => {
+        return getCompareData.getCompareData(activitiesDailyDateB, "#0335FC", "daily", chartType);
     }
 };
 
diff --git a/vpiDashboard/store/tab/compare/dates/state.js b/vpiDashboard/store/tab/compare/dates/state.js
index 807755f8c..728d42703 100644
--- a/vpiDashboard/store/tab/compare/dates/state.js
+++ b/vpiDashboard/store/tab/compare/dates/state.js
@@ -6,7 +6,9 @@ const state = {
     dwellTimeDateA: undefined,
     dwellTimeDateB: undefined,
     visitorTypesDateA: undefined,
-    visitorTypesDateB: undefined
+    visitorTypesDateB: undefined,
+    activitiesDailyDateA: undefined,
+    activitiesDailyDateB: undefined
 };
 
 export default state;
diff --git a/vpiDashboard/store/tab/compare/locations/getters.js b/vpiDashboard/store/tab/compare/locations/getters.js
index 8bcae55c2..177864d49 100644
--- a/vpiDashboard/store/tab/compare/locations/getters.js
+++ b/vpiDashboard/store/tab/compare/locations/getters.js
@@ -6,64 +6,80 @@ const getters = {
      * @param {Object} dwellTimeLocationA dwellTimeDateA state
      * @return {Object} data Object for bar chart
      */
-    getDwellTimeLocationA: ({dwellTimeLocationA}) => {
-        return getCompareData.getCompareData(dwellTimeLocationA, "#FD763B", "dwellTime");
+    getDwellTimeLocationA: ({dwellTimeLocationA}) => (chartType) => {
+        return getCompareData.getCompareData(dwellTimeLocationA, "#FD763B", "dwellTime", chartType);
     },
     /**
-     * Generates the data array for the bar chart for location a and date a
+     * Generates the data array for the bar chart for location b and date a
      * @param {Object} dwellTimeLocationB dwellTimeDateA state
      * @return {Object} data Object for bar chart
      */
-    getDwellTimeLocationB: ({dwellTimeLocationB}) => {
-        return getCompareData.getCompareData(dwellTimeLocationB, "#0335FC", "dwellTime");
+    getDwellTimeLocationB: ({dwellTimeLocationB}) => (chartType) => {
+        return getCompareData.getCompareData(dwellTimeLocationB, "#0335FC", "dwellTime", chartType);
     },
     /**
      * Generates the data array for the bar chart for location a and date a
      * @param {Object} ageGroupsLocationA ageGroupsLocationA state
      * @return {Object} data Object for bar chart
      */
-    getAgeGroupsLocationA: ({ageGroupsLocationA}) => {
-        return getCompareData.getCompareData(ageGroupsLocationA, "#FD763B", "ageGroup");
+    getAgeGroupsLocationA: ({ageGroupsLocationA}) => (chartType) => {
+        return getCompareData.getCompareData(ageGroupsLocationA, "#FD763B", "ageGroup", chartType);
     },
     /**
-     * Generates the data array for the bar chart for location a and date a
+     * Generates the data array for the bar chart for location b and date a
      * @param {Object} ageGroupsLocationB ageGroupsLocationB state
      * @return {Object} data Object for bar chart
      */
-    getAgeGroupsLocationB: ({ageGroupsLocationB}) => {
-        return getCompareData.getCompareData(ageGroupsLocationB, "#0335FC", "ageGroup");
+    getAgeGroupsLocationB: ({ageGroupsLocationB}) => (chartType) => {
+        return getCompareData.getCompareData(ageGroupsLocationB, "#0335FC", "ageGroup", chartType);
     },
     /**
      * Generates the data array for the bar chart for location a and date a
      * @param {Object} visitorTypesLocationA visitorTypesLocationA state
      * @return {Object} data Object for bar chart
      */
-    getVisitorTypesLocationA: ({visitorTypesLocationA}) => {
-        return getCompareData.getCompareData(visitorTypesLocationA, "#FD763B", "visitorTypes");
+    getVisitorTypesLocationA: ({visitorTypesLocationA}) => (chartType) => {
+        return getCompareData.getCompareData(visitorTypesLocationA, "#FD763B", "visitorTypes", chartType);
     },
     /**
-     * Generates the data array for the bar chart for location a and date a
+     * Generates the data array for the bar chart for location b and date a
      * @param {Object} visitorTypesLocationB visitorTypesLocationB state
      * @return {Object} data Object for bar chart
      */
-    getVisitorTypesLocationB: ({visitorTypesLocationB}) => {
-        return getCompareData.getCompareData(visitorTypesLocationB, "#0335FC", "visitorTypes");
+    getVisitorTypesLocationB: ({visitorTypesLocationB}) => (chartType) => {
+        return getCompareData.getCompareData(visitorTypesLocationB, "#0335FC", "visitorTypes", chartType);
     },
     /**
      * Generates the data array for the bar chart for location a and date a
      * @param {Object} activitiesLocationA activitiesLocationA state
      * @return {Object} data Object for bar chart
      */
-    getActivitiesLocationA: ({activitiesLocationA}) => {
-        return getCompareData.getCompareData(activitiesLocationA, "#FD763B", "activities");
+    getActivitiesLocationA: ({activitiesLocationA}) => (chartType) => {
+        return getCompareData.getCompareData(activitiesLocationA, "#FD763B", "activities", chartType);
     },
     /**
-     * Generates the data array for the bar chart for location a and date a
+     * Generates the data array for the bar chart for location b and date a
      * @param {Object} activitiesLocationB activitiesLocationB state
      * @return {Object} data Object for bar chart
      */
-    getActivitiesLocationB: ({activitiesLocationB}) => {
-        return getCompareData.getCompareData(activitiesLocationB, "#0335FC", "activities");
+    getActivitiesLocationB: ({activitiesLocationB}) => (chartType) => {
+        return getCompareData.getCompareData(activitiesLocationB, "#0335FC", "activities", chartType);
+    },
+    /**
+     * Generates the data array for the bar chart for location a and date a
+     * @param {Object} activitiesDailyLocationA activitiesDailyLocationA state
+     * @return {Object} data Object for bar chart
+     */
+    getDailyActivitiesLocationA: ({activitiesDailyLocationA}) => (chartType) => {
+        return getCompareData.getCompareData(activitiesDailyLocationA, "#FD763B", "daily", chartType);
+    },
+    /**
+     * Generates the data array for the bar chart for location b and date a
+     * @param {Object} activitiesDailyLocationB activitiesDailyLocationB state
+     * @return {Object} data Object for bar chart
+     */
+    getDailyActivitiesLocationB: ({activitiesDailyLocationB}) => (chartType) => {
+        return getCompareData.getCompareData(activitiesDailyLocationB, "#0335FC", "daily", chartType);
     }
 };
 
diff --git a/vpiDashboard/store/tab/compare/locations/state.js b/vpiDashboard/store/tab/compare/locations/state.js
index 44bcaaa5b..d90da857b 100644
--- a/vpiDashboard/store/tab/compare/locations/state.js
+++ b/vpiDashboard/store/tab/compare/locations/state.js
@@ -7,6 +7,8 @@ const state = {
     visitorTypesLocationB: undefined,
     activitiesLocationA: undefined,
     activitiesLocationB: undefined,
+    activitiesDailyLocationA: undefined,
+    activitiesDailyLocationB: undefined,
     selectLocationBInMap: false,
     selectedLocationB: undefined
 };
diff --git a/vpiDashboard/store/tab/dwell-time/actions.js b/vpiDashboard/store/tab/dwell-time/actions.js
new file mode 100644
index 000000000..7d2791bf8
--- /dev/null
+++ b/vpiDashboard/store/tab/dwell-time/actions.js
@@ -0,0 +1,38 @@
+import apiEndpointService from "../../apiEndpointService";
+
+const actions = {
+    /**
+     * Addresses the WhatALocation dwell time endpoint to get the dwell times for the complete time range
+     * @param {Object} state the store's state and commit object.
+     * @returns {void}
+     **/
+    getDwellTimes: async ({state, commit}) => {
+        commit("setLoader", true);
+
+        const
+            response = await apiEndpointService.receiveDwellTimes(state.selectedLocationId);
+
+        commit("setDwellTimes", response.data.data);
+        commit("setLoader", false);
+    },
+    /**
+     * Addresses the WhatALocation dwell time endpoint with 2
+     * request to compare data
+     * @param {Object} commit Commit Object
+     * @param {Object} compareData Object which holds the data to compare
+     * @returns {Promise<void>} sets the data in store
+     */
+    getDwellTimesToCompare: async ({commit}, compareData) => {
+        commit("setLoader", true);
+
+        const
+            responseA = await apiEndpointService.receiveDwellTimes(compareData.location_id_a, compareData.date),
+            responseB = await apiEndpointService.receiveDwellTimes(compareData.location_id_b, compareData.date);
+
+        commit("setDwellTimeLocationA", responseA.data);
+        commit("setDwellTimeLocationB", responseB.data);
+        commit("setLoader", false);
+    }
+};
+
+export default actions;
diff --git a/vpiDashboard/store/tab/dwell-time/getters.js b/vpiDashboard/store/tab/dwell-time/getters.js
new file mode 100644
index 000000000..7f3832929
--- /dev/null
+++ b/vpiDashboard/store/tab/dwell-time/getters.js
@@ -0,0 +1,133 @@
+const getters = {
+    /**
+     * Get a dwell time ChartJS data object for the requested chart type.
+     * @param {Object} state of this component
+     * @returns {Object} ChartJS data for given chartType and requested year
+     */
+    getDwellTimeChartJsData: (state) => (chartType, year) => {
+        const labels = i18next.t("additional:modules.tools.vpidashboard.time.months", {returnObjects: true}),
+            colors = {
+                "30-60": "#00AA55",
+                "60-120": "#063970",
+                "120-240": "#B381B3",
+                "240+": "#CC3E00"
+            },
+            pieData = [],
+            pieDataLabels = [],
+            pieDataColors = [];
+
+        let data_30_60 = [],
+            data_60_120 = [],
+            data_120_240 = [],
+            data_240 = [],
+            yearSumForPieData = -1,
+            chartData;
+
+        if (state.dwellTimesPerDate[year]) {
+            data_30_60 = state.dwellTimesPerDate[year]["30-60"].map(d => d.sum);
+            data_60_120 = state.dwellTimesPerDate[year]["60-120"].map(d => d.sum);
+            data_120_240 = state.dwellTimesPerDate[year]["120-240"].map(d => d.sum);
+            data_240 = state.dwellTimesPerDate[year]["240+"].map(d => d.sum);
+            yearSumForPieData = Object.values(state.dwellTimesPerYear[year]).reduce((a, b) => a + b);
+
+            Object.keys(state.dwellTimesPerYear[year]).forEach(dwellTimeGroup => {
+                // Round and also show trailing zeros, e.g. 18 becomes 18,0
+                pieData.push((Math.round(state.dwellTimesPerYear[year][dwellTimeGroup] * 100 / yearSumForPieData * 10) / 10).toFixed(1));
+                pieDataColors.push(colors[dwellTimeGroup]);
+                pieDataLabels.push(dwellTimeGroup);
+            });
+        }
+
+        switch (chartType) {
+            case "pie":
+                chartData = {
+                    labels: pieDataLabels,
+                    datasets: [
+                        {
+                            data: pieData,
+                            backgroundColor: pieDataColors,
+                            hoverOffset: 4
+                        }
+                    ]
+                };
+                break;
+            case "line":
+                chartData = {
+                    labels: labels,
+                    datasets: [
+                        {
+                            label: "30-60",
+                            data: data_30_60,
+                            fill: false,
+                            borderColor: colors["30-60"],
+                            tension: 0.1
+                        },
+                        {
+                            label: "60-120",
+                            data: data_60_120,
+                            fill: false,
+                            borderColor: colors["60-120"],
+                            tension: 0.1
+                        },
+                        {
+                            label: "120-240",
+                            data: data_120_240,
+                            fill: false,
+                            borderColor: colors["120-240"],
+                            tension: 0.1
+                        },
+                        {
+                            label: "240+",
+                            data: data_240,
+                            fill: false,
+                            borderColor: colors["240+"],
+                            tension: 0.1
+                        }]
+                };
+                break;
+            case "bar":
+            default:
+                chartData = {
+                    labels: labels,
+                    datasets: [
+                        {
+                            label: "30-60",
+                            data: data_30_60,
+                            hoverOffset: 4,
+                            backgroundColor: colors["30-60"]
+                        },
+                        {
+                            label: "60-120",
+                            data: data_60_120,
+                            hoverOffset: 4,
+                            backgroundColor: colors["60-120"]
+                        },
+                        {
+                            label: "120-240",
+                            data: data_120_240,
+                            hoverOffset: 4,
+                            backgroundColor: colors["120-240"]
+                        },
+                        {
+                            label: "240+",
+                            data: data_240,
+                            hoverOffset: 4,
+                            backgroundColor: colors["240+"]
+                        }]
+                };
+                break;
+        }
+
+        return chartData;
+    },
+    /**
+     * Gets Array containing all WhatALocation dwell time data per date.
+     * @param {Object} state of this component
+     * @returns {Array} Array of dwell time data
+     */
+    getDwellTimePerDate (state) {
+        return state.dwellTimesPerDate;
+    }
+};
+
+export default getters;
diff --git a/vpiDashboard/store/tab/dwell-time/mutations.js b/vpiDashboard/store/tab/dwell-time/mutations.js
new file mode 100644
index 000000000..e657836de
--- /dev/null
+++ b/vpiDashboard/store/tab/dwell-time/mutations.js
@@ -0,0 +1,57 @@
+const mutations = {
+    /**
+     * Sets the dwell times (grouped by "dwell time" and by date), selected from WhatALocation data.
+     * @param {Object} state the store's state object
+     * @param {Object} payload data from WhatALocation endpoint
+     * @returns {void}
+     */
+    setDwellTimes (state, payload) {
+        const dwellTimeByDate = {},
+            dwellTimeYearlySums = {};
+
+        payload.forEach(item => {
+            // get the age groups by year and month
+            const [yearOfEntry, monthOfEntry] = item.date.split("-");
+
+            if (!dwellTimeByDate[yearOfEntry]) {
+                dwellTimeByDate[yearOfEntry] = {};
+                dwellTimeYearlySums[yearOfEntry] = {};
+            }
+
+            if (!dwellTimeByDate[yearOfEntry][item.DwellTime]) {
+                dwellTimeByDate[yearOfEntry][item.DwellTime] = [
+                    {index: "01", sum: "n/a", label: item.DwellTime},
+                    {index: "02", sum: "n/a", label: item.DwellTime},
+                    {index: "03", sum: "n/a", label: item.DwellTime},
+                    {index: "04", sum: "n/a", label: item.DwellTime},
+                    {index: "05", sum: "n/a", label: item.DwellTime},
+                    {index: "06", sum: "n/a", label: item.DwellTime},
+                    {index: "07", sum: "n/a", label: item.DwellTime},
+                    {index: "08", sum: "n/a", label: item.DwellTime},
+                    {index: "09", sum: "n/a", label: item.DwellTime},
+                    {index: "10", sum: "n/a", label: item.DwellTime},
+                    {index: "11", sum: "n/a", label: item.DwellTime},
+                    {index: "12", sum: "n/a", label: item.DwellTime}
+                ];
+            }
+
+            // Visitor sum as integer
+            item.sum_num_visitors = Math.ceil(item.sum_num_visitors / 100) * 100;
+
+            dwellTimeByDate[yearOfEntry][item.DwellTime].find(x=> x.index === monthOfEntry).sum = item.sum_num_visitors;
+
+            if (!dwellTimeYearlySums[yearOfEntry][item.DwellTime]) {
+                dwellTimeYearlySums[yearOfEntry][item.DwellTime] = 0;
+            }
+
+            // sum the single month's datasets for each dwelltime group (to be used in the pie chart later)
+            dwellTimeYearlySums[yearOfEntry][item.DwellTime] += Math.ceil(item.sum_num_visitors / 100) * 100;
+        });
+
+        state.dwellTimesComplete = payload;
+        state.dwellTimesPerDate = dwellTimeByDate;
+        state.dwellTimesPerYear = dwellTimeYearlySums;
+    }
+};
+
+export default mutations;
diff --git a/vpiDashboard/store/tab/dwell-time/state.js b/vpiDashboard/store/tab/dwell-time/state.js
new file mode 100644
index 000000000..974284524
--- /dev/null
+++ b/vpiDashboard/store/tab/dwell-time/state.js
@@ -0,0 +1,7 @@
+const state = {
+    dwellTimesComplete: [],
+    dwellTimesPerDate: {},
+    dwellTimesPerYear: {}
+};
+
+export default state;
diff --git a/vpiDashboard/store/tab/visitor-types/getters.js b/vpiDashboard/store/tab/visitor-types/getters.js
index 4779df498..0f3233625 100644
--- a/vpiDashboard/store/tab/visitor-types/getters.js
+++ b/vpiDashboard/store/tab/visitor-types/getters.js
@@ -1,4 +1,3 @@
-import {changeDateFormat} from "../../../utils/changeDateFormat";
 const getters = {
     /**
      * Get a "visitor types" ChartJS data object.
@@ -6,31 +5,11 @@ const getters = {
      * @returns {Object} ChartJS data for given chartType
      */
     getVisitorTypesChartJsData: (state) => (chartType, year) => {
-        const labels = [],
-            data_residents = [],
-            data_commuter = [],
-            data_tourists_day = [],
-            data_tourists_overnight = [];
-
-        Object.keys(state.visitorTypesByYearAndTypeComplete[year]).forEach(date => {
-            const items = state.visitorTypesByYearAndTypeComplete[year][date];
-
-            // Set label from date, e.g. 2023-01-01 becomes 2023-01
-            labels.push(changeDateFormat(date));
-
-            data_residents.push(
-                Math.ceil(items.find(i => i.VisitorType === "Einwohner")?.sum_num_visitors / 100) * 100 || 0
-            );
-            data_commuter.push(
-                Math.ceil(items.find(i => i.VisitorType === "Pendler")?.sum_num_visitors / 100) * 100 || 0
-            );
-            data_tourists_day.push(
-                Math.ceil(items.find(i => i.VisitorType === "Tagestouristen")?.sum_num_visitors / 100) * 100 || 0
-            );
-            data_tourists_overnight.push(
-                Math.ceil(items.find(i => i.VisitorType === "Übernachtungstouristen")?.sum_num_visitors / 100) * 100 || 0
-            );
-        });
+        const labels = i18next.t("additional:modules.tools.vpidashboard.time.months", {returnObjects: true}),
+            data_residents = state.visitorTypesByYearAndTypeComplete[year]?.Einwohner.map(d => d.sum),
+            data_commuter = state.visitorTypesByYearAndTypeComplete[year]?.Pendler.map(d => d.sum),
+            data_tourists_day = state.visitorTypesByYearAndTypeComplete[year]?.Tagestouristen.map(d => d.sum),
+            data_tourists_overnight = state.visitorTypesByYearAndTypeComplete[year]?.Übernachtungstouristen.map(d => d.sum);
 
         let chartData;
 
diff --git a/vpiDashboard/store/tab/visitor-types/mutations.js b/vpiDashboard/store/tab/visitor-types/mutations.js
index 99c35944c..51c0794b0 100644
--- a/vpiDashboard/store/tab/visitor-types/mutations.js
+++ b/vpiDashboard/store/tab/visitor-types/mutations.js
@@ -1,5 +1,3 @@
-import dayjs from "dayjs";
-
 const mutations = {
     /**
      * Sets the visitor types, selected from WhatALocation data.
@@ -10,61 +8,46 @@ const mutations = {
     setVisitorTypes (state, payload) {
         const
             visitorTypesByTypeAndYearComplete = {},
-            visitorTypesByTypeAndYear = {},
-            visitorTypesByDate = {},
-            visitorTypesByYearAndTypeComplete = {};
-
-        // Group by date
-        payload.forEach(item => {
-
-            item.sum_num_visitors_origin = item.sum_num_visitors;
-            item.sum_num_visitors = Math.ceil(item.sum_num_visitors / 100) * 100;
-
-            // Grouped by date
-            if (!visitorTypesByDate[item.date]) {
-                visitorTypesByDate[item.date] = [];
-            }
-            visitorTypesByDate[item.date].push(item);
-        });
+            visitorTypesByTypeAndYear = {};
 
         // Prepare "grouped by visitor type and year"
         payload.forEach(item => {
 
-            const year = dayjs(item.date).format("YYYY");
-            let type = item.VisitorType;
-
-            // These types are both consolidated as tourists
-            if (["Tagestouristen", "Übernachtungstouristen"].includes(type)) {
-                type = "Touristen";
-            }
+            // get the age groups by year and month
+            const [yearOfEntry, monthOfEntry] = item.date.split("-");
 
-            if (!visitorTypesByTypeAndYearComplete[type]) {
-                visitorTypesByTypeAndYearComplete[type] = {};
-            }
-
-            if (!visitorTypesByTypeAndYearComplete[type][year]) {
-                visitorTypesByTypeAndYearComplete[type][year] = [];
-            }
-
-            visitorTypesByTypeAndYearComplete[type][year].push(item);
+            item.sum_num_visitors_origin = item.sum_num_visitors;
+            item.sum_num_visitors = Math.ceil(item.sum_num_visitors / 100) * 100;
 
-            // here we group by year and month (date) to allow the grafic be switched from year to year
-            if (!visitorTypesByYearAndTypeComplete[year]) {
-                visitorTypesByYearAndTypeComplete[year] = {};
+            if (!visitorTypesByTypeAndYearComplete[yearOfEntry]) {
+                visitorTypesByTypeAndYearComplete[yearOfEntry] = {};
             }
 
-            if (!visitorTypesByYearAndTypeComplete[year][item.date]) {
-                visitorTypesByYearAndTypeComplete[year][item.date] = [];
+            if (!visitorTypesByTypeAndYearComplete[yearOfEntry][item.VisitorType]) {
+                visitorTypesByTypeAndYearComplete[yearOfEntry][item.VisitorType] = [
+                    {index: "01", sum: "n/a", sumOrig: "n/a", label: item.VisitorType},
+                    {index: "02", sum: "n/a", sumOrig: "n/a", label: item.VisitorType},
+                    {index: "03", sum: "n/a", sumOrig: "n/a", label: item.VisitorType},
+                    {index: "04", sum: "n/a", sumOrig: "n/a", label: item.VisitorType},
+                    {index: "05", sum: "n/a", sumOrig: "n/a", label: item.VisitorType},
+                    {index: "06", sum: "n/a", sumOrig: "n/a", label: item.VisitorType},
+                    {index: "07", sum: "n/a", sumOrig: "n/a", label: item.VisitorType},
+                    {index: "08", sum: "n/a", sumOrig: "n/a", label: item.VisitorType},
+                    {index: "09", sum: "n/a", sumOrig: "n/a", label: item.VisitorType},
+                    {index: "10", sum: "n/a", sumOrig: "n/a", label: item.VisitorType},
+                    {index: "11", sum: "n/a", sumOrig: "n/a", label: item.VisitorType},
+                    {index: "12", sum: "n/a", sumOrig: "n/a", label: item.VisitorType}
+                ];
             }
 
-            visitorTypesByYearAndTypeComplete[year][item.date].push(item);
-
+            visitorTypesByTypeAndYearComplete[yearOfEntry][item.VisitorType].find(x=> x.index === monthOfEntry).sum = item.sum_num_visitors;
+            visitorTypesByTypeAndYearComplete[yearOfEntry][item.VisitorType].find(x=> x.index === monthOfEntry).sumOrig = item.sum_num_visitors_origin;
         });
 
         // Sum "grouped by visitor type and year" (daily)
         // Example: {"Touristen": {"2021": 12344, "2022": 4321}, "Pendler": { ... }}
-        Object.keys(visitorTypesByTypeAndYearComplete).forEach(type => {
-            Object.keys(visitorTypesByTypeAndYearComplete[type]).forEach(year => {
+        Object.keys(visitorTypesByTypeAndYearComplete).forEach(year => {
+            Object.keys(visitorTypesByTypeAndYearComplete[year]).forEach(type => {
 
                 if (!visitorTypesByTypeAndYear[type]) {
                     visitorTypesByTypeAndYear[type] = {};
@@ -72,25 +55,31 @@ const mutations = {
                 if (!visitorTypesByTypeAndYear[type][year]) {
                     visitorTypesByTypeAndYear[type][year] = 0;
                 }
-                const sum = visitorTypesByTypeAndYearComplete[type][year].reduce((acc, value) => {
-                        return acc + value.sum_num_visitors_origin;
+                // combine Tagestouristen and Übernachtungstouristen to "Touristen" for display in the data cards
+                if (["Tagestouristen", "Übernachtungstouristen"].includes(type)) {
+                    if (!visitorTypesByTypeAndYear.Touristen) {
+                        visitorTypesByTypeAndYear.Touristen = {};
+                    }
+                    if (!visitorTypesByTypeAndYear.Touristen[year]) {
+                        visitorTypesByTypeAndYear.Touristen[year] = 0;
+                    }
+                }
+                const sum = visitorTypesByTypeAndYearComplete[year][type].reduce((acc, value) => {
+                        return value.sumOrig === "n/a" ? acc : acc + value.sumOrig;
                     }, 0),
-                    uniqueDates = visitorTypesByTypeAndYearComplete[type][year].reduce((acc, value) => {
-                        // this is important because we merge "Tagestouristen" and "Übernachtungstouristen" in the forEach above to "Touristen" in one Object
-                        // now all months are doubled in this array but shall only be counted once
-                        if (!acc[value.date]) {
-                            acc[value.date] = value;
-                        }
-                        return acc;
-                    }, {}),
-                    numberOfDatasets = Object.keys(uniqueDates).length * 7;
+                    filledDates = visitorTypesByTypeAndYearComplete[year][type].filter((val) => val.sum !== "n/a"),
+                    numberOfDatasets = filledDates.length;
 
                 visitorTypesByTypeAndYear[type][year] = Math.ceil(sum / numberOfDatasets);
+
+                // sum Tagestouristen and Übernachtungstouristen to "Touristen"
+                if (["Tagestouristen", "Übernachtungstouristen"].includes(type)) {
+                    visitorTypesByTypeAndYear.Touristen[year] += Math.ceil(sum / numberOfDatasets);
+                }
             });
         });
 
-        state.visitorTypesByDate = visitorTypesByDate;
-        state.visitorTypesByYearAndTypeComplete = visitorTypesByYearAndTypeComplete;
+        state.visitorTypesByYearAndTypeComplete = visitorTypesByTypeAndYearComplete;
         state.visitorTypesByTypeAndYear = visitorTypesByTypeAndYear;
     }
 
diff --git a/vpiDashboard/store/tab/visitor-types/state.js b/vpiDashboard/store/tab/visitor-types/state.js
index 375378b01..527be632f 100644
--- a/vpiDashboard/store/tab/visitor-types/state.js
+++ b/vpiDashboard/store/tab/visitor-types/state.js
@@ -1,5 +1,4 @@
 const state = {
-    visitorTypesByDate: [],
     visitorTypesByTypeAndYear: {},
     visitorTypesByYearAndTypeComplete: {}
 };
diff --git a/vpiDashboard/test/component/datacard.spec.js b/vpiDashboard/test/component/datacard.spec.js
index a25215c63..4539da150 100644
--- a/vpiDashboard/test/component/datacard.spec.js
+++ b/vpiDashboard/test/component/datacard.spec.js
@@ -90,9 +90,9 @@ describe("addons/vpiDashboard/test/ data card component", () => {
 
         expect(wrapper.emitted().indexChanged[2]).to.deep.equal([3]);
 
-        // change Index to visitorTypeCommutersPerDay to see if correct current...Index value has been changed
+        // change Index to visitorTypeCommutersPerWeek to see if correct current...Index value has been changed
         // this will lead to a warning in test run but since this prop will never change during program run we can ignore this
-        wrapper.vm.detail = "visitorTypeCommutersPerDay";
+        wrapper.vm.detail = "visitorTypeCommutersPerWeek";
 
         wrapper.vm.changeIndex(4);
 
@@ -102,9 +102,9 @@ describe("addons/vpiDashboard/test/ data card component", () => {
 
         expect(wrapper.emitted().indexChanged[3]).to.deep.equal([4]);
 
-        // change Index to visitorTypeResidentsPerDay to see if correct current...Index value has been changed
+        // change Index to visitorTypeResidentsPerWeek to see if correct current...Index value has been changed
         // this will lead to a warning in test run but since this prop will never change during program run we can ignore this
-        wrapper.vm.detail = "visitorTypeResidentsPerDay";
+        wrapper.vm.detail = "visitorTypeResidentsPerWeek";
 
         wrapper.vm.changeIndex(5);
 
@@ -114,9 +114,9 @@ describe("addons/vpiDashboard/test/ data card component", () => {
 
         expect(wrapper.emitted().indexChanged[4]).to.deep.equal([5]);
 
-        // change Index to visitorTypeTouristsPerDay to see if correct current...Index value has been changed
+        // change Index to visitorTypeTouristsPerWeek to see if correct current...Index value has been changed
         // this will lead to a warning in test run but since this prop will never change during program run we can ignore this
-        wrapper.vm.detail = "visitorTypeTouristsPerDay";
+        wrapper.vm.detail = "visitorTypeTouristsPerWeek";
 
         wrapper.vm.changeIndex(6);
 
diff --git a/vpiDashboard/utils/generateDataArray.js b/vpiDashboard/utils/generateDataArray.js
index ef380460c..190b83988 100644
--- a/vpiDashboard/utils/generateDataArray.js
+++ b/vpiDashboard/utils/generateDataArray.js
@@ -1,4 +1,6 @@
 import sortArrays from "./sortArrays";
+import dayjs from "dayjs";
+import "dayjs/locale/de";
 
 const generateDataArray = {
     /**
@@ -6,10 +8,11 @@ const generateDataArray = {
      * @param {Object} dataFromEndpoint The data from the endpoint respectivly from the state
      * @param {String} backgroundColor The background color for the bars
      * @param {String} endpoint The endpoint flag
+     * @param {String} chartType the requested chart type (one of bar or line)
      * @return {{datasets: [{backgroundColor, data: *[], hoverOffset: number, label}], labels: *[]}} dataset that can
      * be consumed by the chart.js library
      */
-    generateDataArray (dataFromEndpoint, backgroundColor, endpoint) {
+    generateDataArray (dataFromEndpoint, backgroundColor, endpoint, chartType) {
         let
             groupByProperty = "",
             dataKey = "";
@@ -31,6 +34,10 @@ const generateDataArray = {
             groupByProperty = "DwellTime";
             dataKey = "sum_num_visitors";
         }
+        if (endpoint === "daily") {
+            groupByProperty = "date__hour";
+            dataKey = "sum_num_visitors";
+        }
 
         // eslint-disable-next-line
         const sum_num_visitors = [];
@@ -40,7 +47,16 @@ const generateDataArray = {
 
         dataFromEndpoint?.data.forEach((element) => {
             if (endpoint === "activities") {
-                labels.push(i18next.t("additional:modules.tools.vpidashboard.tab.compareDates.dropdown.activities"));
+                if (dataFromEndpoint.data.length > 1) {
+                    labels.push(dayjs(element.date).locale("de").format("dd, DD.MM.YYYY"));
+                }
+                else {
+                    labels.push(i18next.t("additional:modules.tools.vpidashboard.tab.compareDates.dropdown.activities"));
+                }
+                sum_num_visitors.push(Math.ceil(element[dataKey] / 100) * 100);
+            }
+            else if (endpoint === "daily") {
+                labels.push(element[groupByProperty] + ":00");
                 sum_num_visitors.push(Math.ceil(element[dataKey] / 100) * 100);
             }
             else {
@@ -55,12 +71,16 @@ const generateDataArray = {
             labels = sortArrays.sortAgeGroupsArray(labels);
             // since we do not want the u data
             // and it is the last item in the array
-            sum_num_visitors.splice(-1);
-
             labels.splice(-1);
+            // since there are not consistent data for all date ranges
+            // we do not want the age group 18-19 to be shown in the UI:
+            // cut it out here
+            if (labels.indexOf("18-19") > -1) {
+                labels.splice(labels.indexOf("18-19"), 1);
+            }
         }
 
-        if (endpoint !== "activities") {
+        if (!["activities", "daily"].includes(endpoint)) {
             labels.forEach(l => {
                 const data = dataFromEndpoint?.data.find(el => {
                     return el[groupByProperty] === l || el[groupByProperty] === "[" + l + "]";
@@ -68,19 +88,45 @@ const generateDataArray = {
 
                 sum_num_visitors.push(Math.ceil(data[dataKey] / 100) * 100);
             });
+
+            if (endpoint === "visitorTypes") {
+                labels.forEach((l, index) => {
+                    if (l === "Einwohner") {
+                        labels[index] = i18next.t("additional:modules.tools.vpidashboard.tab.visitorTypes.chartLabels.residents");
+                    }
+                });
+            }
         }
 
         // eslint-disable-next-line
-        const data = {
-            labels: labels,
-            datasets: [{
-                data: sum_num_visitors,
-                hoverOffset: 4,
-                backgroundColor: backgroundColor
-            }]
-        };
+        let chartData = {};
+
+        switch (chartType) {
+            case "line":
+                chartData = {
+                    labels: labels,
+                    datasets: [{
+                        data: sum_num_visitors,
+                        fill: false,
+                        borderColor: backgroundColor,
+                        tension: 0.1
+                    }]
+                };
+                break;
+            case "bar":
+            default:
+                chartData = {
+                    labels: labels,
+                    datasets: [{
+                        data: sum_num_visitors,
+                        hoverOffset: 4,
+                        backgroundColor: backgroundColor
+                    }]
+                };
+                break;
+        }
 
-        return data;
+        return chartData;
     }
 };
 
diff --git a/vpiDashboard/utils/getCompareData.js b/vpiDashboard/utils/getCompareData.js
index 484f81574..4375e050f 100644
--- a/vpiDashboard/utils/getCompareData.js
+++ b/vpiDashboard/utils/getCompareData.js
@@ -1,8 +1,8 @@
 import generateDataArray from "./generateDataArray";
 
 const getCompareData = {
-    getCompareData (dataFromEndpoint, backgroundColor, endpoint) {
-        const data = generateDataArray.generateDataArray(dataFromEndpoint, backgroundColor, endpoint);
+    getCompareData (dataFromEndpoint, backgroundColor, endpoint, chartType) {
+        const data = generateDataArray.generateDataArray(dataFromEndpoint, backgroundColor, endpoint, chartType);
 
         return data;
     }