some css updates

vcm/config.json

@@ -1102,7 +1102,7 @@
             "<img style='padding-top:10px' src='images/MK_Images/Bereich_C.jpg' alt='noch kein bild' width='375'>",
 
             "</div>",
-            "<%  %>",
+            "<% showbereich(\"C\") %>",
             "<% %>"
           ],
           "minTop": "balloonHeight + 10",

vcm/css/vcm.css

@@ -1317,8 +1317,11 @@ a.monument{
     font-family: "Droid Sans", Droid, Arial, sans-serif;
 }
 @media screen and (max-height: 55em /*dont know*/){
-  .balloon-content {
+  .startcontent{
     overflow: auto;
+  }
+  .balloon-content {
+    /* overflow: auto; */
     max-height: 40rem;
   }
   #balloon_logo01{
@@ -1335,8 +1338,11 @@ a.monument{
 }
 }
 @media screen and (max-height: 48em /*768px*/){
-  .balloon-content {
+  .startcontent{
     overflow: auto;
+  }
+  .balloon-content {
+    
     max-height: 32rem;
   }
   #balloon_logo01{
@@ -1416,8 +1422,11 @@ a.monument{
     top: -20rem;
     left: 0;
   }
-  .balloon-content {
+  .startcontent{
     overflow: auto;
+  }
+  .balloon-content {
+    /* overflow: auto; */
     max-height: 20rem;
   }
   #balloon_logo01{
@@ -1454,8 +1463,11 @@ a.monument{
 }
 
 @media screen and (min-width:30em /*480px*/) {
+  .startcontent{
+    overflow: auto;
+  }
   .balloon-content {
-    overflow: auto; 
+    /* overflow: auto;  */
      max-height: 95%; 
   }
   #balloon-startscreen.balloon{

vcm/index.html

@@ -242,8 +242,8 @@
   </header>
   <div id="story-frame" class="startscreen vcm-map-top">
       <!-- Content Start Screen -->
-      <div class="balloon teaser-balloon" style="overflow-y: scroll;" id="balloon-startscreen">
-          <div class="balloon-content">
+      <div class="balloon teaser-balloon"  id="balloon-startscreen">
+          <div class="balloon-content startcontent">
               <h1 class="balloon-title i18n_balloon_startscreen_title">
  			     <!--img src="images/Logo_SV.png"  width="150"-->
                  <strong>Zukunftsdialog Weilimdorf</strong> <br>

vcm/templates/checkmobile.js

@@ -11,18 +11,18 @@
 
 checkagent = function(){
  // Get the user-agent string 
- let userAgentString =  
- navigator.userAgent; 
+  let userAgentString =  
+  navigator.userAgent; 
 
- 
-  // Detect Safari 
+  
+    // Detect Safari 
 
-let safariAgent = userAgentString.indexOf("Safari") > -1; 
-let chromeAgent =  
-userAgentString.indexOf("Chrome") > -1;   
-// Discard Safari since it also matches Chrome 
-if ((chromeAgent) && (safariAgent)) safariAgent = false; 
+  let safariAgent = userAgentString.indexOf("Safari") > -1; 
+  let chromeAgent =  
+  userAgentString.indexOf("Chrome") > -1;   
+  // Discard Safari since it also matches Chrome 
+  if ((chromeAgent) && (safariAgent)) safariAgent = false; 
 
-return safariAgent
+  return safariAgent
 
 }

vcm/templates/story/virtualcitystory.js

@@ -132,7 +132,12 @@ vcs.vcm.Framework.getInstance().subscribe("MAP_LOADED", function() {
 });
 
 var framework = vcs.vcm.Framework.getInstance();
-framework.isMobile() ? vcs.vcm.Framework.loadConfig("config_mobile.json") : vcs.vcm.Framework.loadConfig("config.json")
+if (checkagent() == true && framework.isMobile() == false){
+    vcs.vcm.Framework.loadConfig("config_safari.json")
+} else{
+    framework.isMobile() ? vcs.vcm.Framework.loadConfig("config_mobile.json") : vcs.vcm.Framework.loadConfig("config.json")
+}
+
 if (framework.isMobile() == true){
   var drop = document.getElementById("dropdownMain")
      drop.classList.add('can-touch')