diff --git a/vcm/css/vcm.css b/vcm/css/vcm.css
index 0032a4b4530c189cde1f0433011ffadf15c1f108..47b611d362e000f09f2b7fa72eac37710c5be801 100644
--- a/vcm/css/vcm.css
+++ b/vcm/css/vcm.css
@@ -1149,6 +1149,9 @@ div.content-layer-wrap.center span.feature-list-street:after{
 
 
 @media screen and (min-width:48em) {
+  #updown{
+    display: none !important;
+  }
   .vcm-map-top {
     top: 5.5rem;
   }
@@ -1404,7 +1407,9 @@ a.monument{
 }
 
 @media screen and (min-width:48em /*768px*/) {
-
+  #updown{
+    display: none !important;
+  }
     #balloonContainer {
         /*width: 0px;
         height: 0px;*/
diff --git a/vcm/css/vcm_info.css b/vcm/css/vcm_info.css
index 20f48fc9701bdbbd59000b3dcad8258ccc1ecf35..e0cdb22d84b919b8512c3eaa43e8bc3a3811c818 100644
--- a/vcm/css/vcm_info.css
+++ b/vcm/css/vcm_info.css
@@ -368,7 +368,9 @@ body {
   }
 }
   @media screen and (min-width:48em /*768px*/) {
-
+    #updown{
+      display: none !important;
+    }
     .hide-for-mobile,
     .content-box h3:first-child{
       display: block;
diff --git a/vcm/index.html b/vcm/index.html
index 073a70575683999a55e988476faf6912478e447e..afe956148025348c1fb457fd660270762f8cf28c 100644
--- a/vcm/index.html
+++ b/vcm/index.html
@@ -178,6 +178,7 @@
       <!-- End of: Content Start Screen -->
       <!-- Content Tour -->
       <div id="tour-frame" style="display: none; overflow-y: scroll;">
+        <div id="updown" onclick="changesize()" style="display: block; font-size: 60px; padding-left: 48%; margin-right: -50%; margin-top: -65px; margin-bottom: 5px;">&#129169</div>
           <div class="tour-top-navi"  style="z-index:99">
              <a href="#" onclick="Introshow();setpositionVAR(false);zoomto('IntroProj')" id = "btn_intro" class=" top-nav buttonset one btn_home btn_size">Info</a>
              <a href="#" onclick="zoomto('ProjektePage');Projektshow()" id = "btn_intro" class=" top-nav buttonset one btn_home btn_size">Projekte</a>
@@ -866,5 +867,6 @@
                   crossorigin="anonymous"></script>
     <script src="templates/story/virtualcitystory.js"></script>
     <script src="js/DragnDrop.js"></script> 
+    <script src="js/updown.js"></script> 
   </body>
 </html>
diff --git a/vcm/js/updown.js b/vcm/js/updown.js
new file mode 100644
index 0000000000000000000000000000000000000000..2c6269b03b3f200387e2f6c8e7421093295369d4
--- /dev/null
+++ b/vcm/js/updown.js
@@ -0,0 +1,33 @@
+function changesize(){
+    
+    var updown = document.getElementById("updown")
+    
+    if (updown.innerHTML == "🢑"){
+        document.getElementById("story-frame").style.top = "0%";
+        updown.innerHTML = "&#129171"
+
+        document.getElementById("updown").style.fontSize = "60px";
+        document.getElementById("updown").style.paddingLeft =  "48%";
+        document.getElementById("updown").style.marginRight= "-50%";
+        document.getElementById("updown").style.marginTop = "0px";
+        // document.getElementById("updown").style.backgroundColor = "lightgrey";
+        
+
+        document.getElementById("updown").style.height = "0px";
+        document.getElementById("updown").style.paddingBottom = "30px";
+
+    } else if (updown.innerHTML == "🢓"){
+        document.getElementById("story-frame").style.top = "50%";
+        updown.innerHTML = "&#129169"
+
+        document.getElementById("updown").style.fontSize = "60px";
+        document.getElementById("updown").style.paddingLeft =  "48%";
+        document.getElementById("updown").style.marginRight= "-50%"; 
+        document.getElementById("updown").style.marginTop = "-65px"; 
+        // document.getElementById("updown").style.backgroundColor = "lightgrey"; 
+        document.getElementById("updown").style.marginBottom = "5px";
+        document.getElementById("updown").style.height = "auto";
+        document.getElementById("updown").style.paddingBottom = "0px";
+
+    }
+}
\ No newline at end of file
diff --git a/vcm/templates/story/story.css b/vcm/templates/story/story.css
index 30be07602316f0f88dd2a32b31fb937bf5599961..e24138695c6a64a4d0f60a340cc02c04223a7cdb 100644
--- a/vcm/templates/story/story.css
+++ b/vcm/templates/story/story.css
@@ -312,6 +312,9 @@ div.title-fill {
     content: "\f060";
 }
 @media screen and (min-width:48em /*768px*/) {
+    #updown{
+        display: none !important;
+      }
 	.vcs_map_container{
 		bottom: 0px;
 		right: 45%