diff --git a/server.js b/server.js
index ad1eadce71ef4991557637fcf4221cf61838ffa6..dd12263246980030b769e10095384645dd8d0c26 100644
--- a/server.js
+++ b/server.js
@@ -12,3 +12,21 @@ app.listen(process.env.PORT || 8081);
 
 
 
+// app.post('/addpoint', function(req,res){
+
+//     try {
+
+//         const data = req.body;
+//          console.log("data ==============")
+//          console.log(data.id);
+//         args.gmlid = data.id
+//          console.log(data[0]);
+//          console.log(data[1]);
+//          console.log("args ==============")
+//          console.log(args);
+
+//     }   
+//     catch (err) {
+//         console.log('.../getSimS failed!\n' + err);
+//     }
+//   });
\ No newline at end of file
diff --git a/vcm/index.html b/vcm/index.html
index 3ae5499d93b8230c73dae8c657ee8264c0712173..fb91267c63178169baac2131902eb8b6db976a05 100644
--- a/vcm/index.html
+++ b/vcm/index.html
@@ -256,103 +256,103 @@
             <!-- Full-width images with number and caption text -->
                 <div class="mySlides1 fade">
                 <div class="numbertext">1 / 17</div>
-                <img src="../../images/content/contentboeckingerstrasse/grafik_aufgabenstellung.jpg" style="width:100%">
+                <img src="images/content/contentboeckingerstrasse/grafik_aufgabenstellung.jpg" style="width:100%">
                 <div class="text">Grafik</div>
                 </div>
             
                 <div class="mySlides1 fade">
                 <div class="numbertext">2 / 17</div>
-                <img src="../../images/content/contentboeckingerstrasse/boeckinger_strasse.jpg" style="width:100%">
+                <img src="images/content/contentboeckingerstrasse/boeckinger_strasse.jpg" style="width:100%">
                 <div class="text">Böckinger Straße</div>
                 </div>
             
                 <div class="mySlides1 fade">
                 <div class="numbertext">3 / 17</div>
-                <img src="../../images/content/contentboeckingerstrasse/holzwerkstatt_igh.jpg" style="width:100%">
+                <img src="images/content/contentboeckingerstrasse/holzwerkstatt_igh.jpg" style="width:100%">
                 <div class="text">Holzwerkstatt</div>
                 </div>
 
                 <div class="mySlides1 fade">
                 <div class="numbertext">4 / 17</div>
-                <img src="../../images/content/contentboeckingerstrasse/infoabend_garten_igh.jpg" style="width:100%">
+                <img src="images/content/contentboeckingerstrasse/infoabend_garten_igh.jpg" style="width:100%">
                 <div class="text">Infoabend im Garten</div>
                 </div>
 
                 <div class="mySlides1 fade">
                 <div class="numbertext">5 / 17</div>
-                <img src="../../images/content/contentboeckingerstrasse/interviews_nachbarschaft.jpg" style="width:100%">
+                <img src="images/content/contentboeckingerstrasse/interviews_nachbarschaft.jpg" style="width:100%">
                 <div class="text">Interviews in der Nachbarschaft</div>
                 </div>
 
                 <div class="mySlides1 fade">
                 <div class="numbertext">6 / 17</div>
-                <img src="../../images/content/contentboeckingerstrasse/offene_bauwerkstatt_1.jpg" style="width:100%">
+                <img src="images/content/contentboeckingerstrasse/offene_bauwerkstatt_1.jpg" style="width:100%">
                 <div class="text">Offene Bauwerkstatt</div>
                 </div>
 
                 <div class="mySlides1 fade">
                 <div class="numbertext">7 / 17</div>
-                <img src="../../images/content/contentboeckingerstrasse/offene_bauwerkstatt_2.jpg" style="width:100%">
+                <img src="images/content/contentboeckingerstrasse/offene_bauwerkstatt_2.jpg" style="width:100%">
                 <div class="text">Offene Bauwerkstatt</div>
                 </div>
 
                 <div class="mySlides1 fade">
                 <div class="numbertext">8 / 17</div>
-                <img src="../../images/content/contentboeckingerstrasse/offene_bauwerkstatt_3.jpg" style="width:100%">
+                <img src="images/content/contentboeckingerstrasse/offene_bauwerkstatt_3.jpg" style="width:100%">
                 <div class="text">Offene Bauwerkstatt</div>
                 </div>
 
                 <div class="mySlides1 fade">
                 <div class="numbertext">9 / 17</div>
-                <img src="../../images/content/contentboeckingerstrasse/planungsgebiet_choreographie.jpg" style="width:100%">
+                <img src="images/content/contentboeckingerstrasse/planungsgebiet_choreographie.jpg" style="width:100%">
                 <div class="text">Planungsgebiet Choreographie</div>
                 </div>
 
                 <div class="mySlides1 fade">
                 <div class="numbertext">10 / 17</div>
-                <img src="../../images/content/contentboeckingerstrasse/planungsgebiet_vogelperspektive.jpg" style="width:100%">
+                <img src="images/content/contentboeckingerstrasse/planungsgebiet_vogelperspektive.jpg" style="width:100%">
                 <div class="text">Planungsgebiet Vogelperspektive</div>
                 </div>
 
                 <div class="mySlides1 fade">
                 <div class="numbertext">11 / 17</div>
-                <img src="../../images/content/contentboeckingerstrasse/station1_spielekiosk.jpg" style="width:100%">
+                <img src="images/content/contentboeckingerstrasse/station1_spielekiosk.jpg" style="width:100%">
                 <div class="text">Spielekiosk</div>
                 </div>
 
                 <div class="mySlides1 fade">
                 <div class="numbertext">12 / 17</div>
-                <img src="../../images/content/contentboeckingerstrasse/station2_gartenkiosk.jpg" style="width:100%">
+                <img src="images/content/contentboeckingerstrasse/station2_gartenkiosk.jpg" style="width:100%">
                 <div class="text">Gartenkiosk</div>
                 </div>
 
                 <div class="mySlides1 fade">
                 <div class="numbertext">13 / 17</div>
-                <img src="../../images/content/contentboeckingerstrasse/station3_outdoorkiosk.jpg" style="width:100%">
+                <img src="images/content/contentboeckingerstrasse/station3_outdoorkiosk.jpg" style="width:100%">
                 <div class="text">Outdoorkiosk</div>
                 </div>
 
                 <div class="mySlides1 fade">
                 <div class="numbertext">14 / 17</div>
-                <img src="../../images/content/contentboeckingerstrasse/station3_outdoorkiosk1.jpg" style="width:100%">
+                <img src="images/content/contentboeckingerstrasse/station3_outdoorkiosk1.jpg" style="width:100%">
                 <div class="text">Outdoorkiosk</div>
                 </div>
 
                 <div class="mySlides1 fade">
                 <div class="numbertext">15 / 17</div>
-                <img src="../../images/content/contentboeckingerstrasse/station4_infokiosk.jpg" style="width:100%">
+                <img src="images/content/contentboeckingerstrasse/station4_infokiosk.jpg" style="width:100%">
                 <div class="text">Infokiosk</div>
                 </div>
 
                 <div class="mySlides1 fade">
                 <div class="numbertext">16 / 17</div>
-                <img src="../../images/content/contentboeckingerstrasse/workshop_cafe_tas_1.jpg" style="width:100%">
+                <img src="images/content/contentboeckingerstrasse/workshop_cafe_tas_1.jpg" style="width:100%">
                 <div class="text">Workshop Cafe Tas</div>
                 </div>
 
                 <div class="mySlides1 fade">
                 <div class="numbertext">17 / 17</div>
-                <img src="../../images/content/contentboeckingerstrasse/workshop_cafe_tas_2.jpg" style="width:100%">
+                <img src="images/content/contentboeckingerstrasse/workshop_cafe_tas_2.jpg" style="width:100%">
                 <div class="text">Workshop Cafe Tas</div>
                 </div>
 
@@ -449,25 +449,25 @@
                     <!-- Full-width images with number and caption text -->
                         <div class="mySlides2 fade">
                         <div class="numbertext">1 / 4</div>
-                        <img src="../../images/content/contentstoeckach/img1.jpg" style="width:100%">
+                        <img src="images/content/contentstoeckach/img1.jpg" style="width:100%">
                         <div class="text">The estimated hourly heat energy demand (units: kW)</div>
                         </div>
                     
                         <div class="mySlides2 fade">
                         <div class="numbertext">2 / 4</div>
-                        <img src="../../images/content/contentstoeckach/img2.jpg" style="width:100%">
+                        <img src="images/content/contentstoeckach/img2.jpg" style="width:100%">
                         <div class="text">The estimated hourly energy demand for hot water generation (units: kW)</div>
                         </div>
                     
                         <div class="mySlides2 fade">
                         <div class="numbertext">3 / 4</div>
-                        <img src="../../images/content/contentstoeckach/img3.jpg" style="width:100%">
+                        <img src="images/content/contentstoeckach/img3.jpg" style="width:100%">
                         <div class="text">Electricity demand for non-residential spaces (units: kW)</div>
                         </div>
         
                         <div class="mySlides2 fade">
                         <div class="numbertext">4 / 4</div>
-                        <img src="../../images/content/contentstoeckach/img4.jpg" style="width:100%">
+                        <img src="images/content/contentstoeckach/img4.jpg" style="width:100%">
                         <div class="text">Electricity demand for residential and spaces (units: kW)</div>
                         </div>
         
@@ -503,7 +503,7 @@
                         <!-- Full-width images with number and caption text -->
                             <!-- <div class="mySlides"> -->
                             
-                            <img src="../../images/content/contentstoeckach/img5.jpg" style="width:100%; margin-bottom: 5em;">
+                            <img src="images/content/contentstoeckach/img5.jpg" style="width:100%; margin-bottom: 5em;">
                             <div class="text" style="margin-top:0em;">The capacity of heat pump(s) is allocated to supply base-load heat demand. The valley points of heat pump operation are filled by thermal storage charging action to improve heat pump capacity utilization.</div>
                             <!-- </div> -->
                         </div>
@@ -526,7 +526,7 @@
                         <!-- Full-width images with number and caption text -->
                             <!-- <div class="mySlides"> -->
                             
-                            <img src="../../images/content/contentstoeckach/img6.jpg" style="width:100%; margin-bottom: 4em;">
+                            <img src="images/content/contentstoeckach/img6.jpg" style="width:100%; margin-bottom: 4em;">
                             <div class="text" style="margin-top:0em;">Comparison of the return of investment in each scenario until the breakeven point compared to the base scenario (units: EUR)</div>
                             <!-- </div> -->
                         </div>
diff --git a/vcm/templates/UserBalloon.js b/vcm/templates/UserBalloon.js
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391