@font-face{
  font-family: unifrutiger;
	src:url("../fonts/FrutigerNeueLTW06-Light.eot?#iefix"); src:url("../fonts/FrutigerNeueLTW06-Light.eot?#iefix") format("eot"),url("../fonts/FrutigerNeueLTW06-Light.woff2") format("woff2"),url("../fonts/FrutigerNeueLTW06-Light.woff") format("woff"),url("../fonts/FrutigerNeueLTW06-Light.ttf") format("truetype")
}

@font-face{
  font-family:unifrutiger;
  font-weight: bold;
	src:url("../fonts/FrutigerNeueLTW06-Bold.eot?#iefix"); src:url("../fonts/FrutigerNeueLTW06-Bold.eot?#iefix") format("eot"),url("../fonts/FrutigerNeueLTW06-Bold.woff2") format("woff2"),url("../fonts/FrutigerNeueLTW06-Bold.woff") format("woff"),url("../fonts/FrutigerNeueLTW06-Bold.ttf") format("truetype")
}

.multiply {mix-blend-mode: multiply;}

.ourGalleryContent .text-tiny {
  font-size: 11px;
}

.ourGalleryContent .text-small {
  font-size: 15px;
}

.ourGalleryContent .text-big {
  font-size: 18px;
}
.ourGalleryContent .text-huge{
font-size: 26px;
}

#ourHider{
    display:none;
}

#ourLogoRightTop{
    position: absolute;
    top:20px;
    right: -30px;
    width: 13vw;
    height: 10vw;
  }
  
  #ourLogoImg{
     width: 70%;
     height: 70%; 
  }

  #ourRotateIcon{
    position: absolute;
    top:20px;
    left: 20px;
    width: 10vw;
    height: 10vw;
  }

  #ourRotateImg{
    width: 50%;
     height: 50% 
  }

  #ourAnleitungPopup{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    z-index: 1550;
    visibility: hidden;
  }
  #ourAnleitungPopupImg{
    opacity: 0.9;
    width: 60vw;
    height:auto;
  }

  #ourCloseInfo{
    position: absolute;
    left: 10px;
    bottom:20px;
    width: 10%;
    height:10%;
  
    z-index: 1560;
    cursor: pointer;
  }
  /********************************Gewinnspiel*******************************************************/
  #OurShowGadgetList{
    position:absolute;
    right:0;
    bottom:0;
    width:150px;
    height:40px;
    background-color: #dc0033;
    color:white;
    font-family: unifrutiger,Arial, Helvetica, sans-serif;
    font-size:16px;
    padding-top: 6px;
    text-align: center;
    cursor:pointer;
    z-index:5000;
    display:none;
  }
  #OurGadgetListWindow{
    position: absolute;
    width:750px;
    height:90%;
    background-color: white;
    color: black;
    border-radius: 20px;
    top: 20px;
    left:50%;
   transform: translate(-50%, 0%);
   z-index:5000;
   display:none;
  }

  #OurGadgetListWindowHeadline{
    position: absolute;
    width:100%;
    height:40px;
   top:15px;
   left:45px;
    color: black;
    font-family: unifrutiger,Arial, Helvetica, sans-serif;
    font-size:24px;
    font-weight:bold;
  }

  #OurGadgetListWindowClose{
    position: absolute;
    width:40px;
    height:40px;
   top:0px;
   right:0px;
   cursor:pointer;
   z-index:5500;
  }


  #OurGadgetListInnerWindow{
    position: absolute;
    width:98%;
    height:90%;
    background-color: white;
    color: black;
    border-radius: 20px;
    top: 50px;
    left:50%;
   transform: translate(-50%, 0%);
   z-index:5000;
   overflow-y: auto;
   padding: 10px;
  }

  .OurGadgetListGadgets{
   width:97%;
   height:auto;
  }

  #OurGameParentWindow{
    position: absolute;
    width:650px;
    height:350px;
    background-color: white;
    color: black;
    border-radius: 20px;
    top: 50%;
    left:50%;
   transform: translate(-50%, -50%);
   z-index:5000;
   display:none;
  }
  #OurGameParentWindowClose{
    position: absolute;
    width:40px;
    height:40px;
   top:0px;
   right:0px;
   cursor:pointer;
   z-index:5500;
  }
  #OurGameIntroTextHeadline{
    position: absolute;
    top:20px;
    left:20px;
    color:black;
    font-family: unifrutiger,Arial, Helvetica, sans-serif;
    font-size:16px;
    font-weight:normal;
  }
  #OurGameIntroText{
    position: absolute;
    top:50px;
    left:20px;
    color:black;
    font-family: unifrutiger,Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:normal;
    padding-right: 20px;
  }
  #OurGameOutroText{
    position: absolute;
    bottom:80px;
    left:20px;
    color:black;
    font-family: unifrutiger,Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:normal;
    padding-right: 20px;
  }
  #OurGameForm{
    position: absolute;
    bottom: 130px;
    left:20px;
    color:black;
    font-family: unifrutiger,Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:normal;
  }
  #OurGameJoin{
    position:absolute;
    width:150px;
    height:40px;
    bottom:20px;
    left:50%;
   transform: translate(-50%, 0%);
    background-color: #dc0033;
    border-radius: 10px;
    color:white;
    font-family: unifrutiger,Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:normal;
    text-align: center;
    padding-top: 10px;;
    cursor:pointer;
  }

  #OurGameForm input{
    box-sizing: border-box;
    border: 1px solid #555;
    outline: none;
    -moz-user-select: text;
    user-select: text;
  }

  #email{
    width:230px;
  }
  /************************Game Hotspots***********************************************************/
  #ball{
    width:433px;
    height:433px;
    visibility: hidden;
    cursor:pointer;
  }
  #figuren{
    width:769px;
    height:755px;
    visibility: hidden;
    cursor:pointer;
  }
  #hut{
    width:802px;
    height:568px;
    visibility: hidden;
    cursor:pointer;
  }
  #katze{
    width:490px;
    height:903px;
    visibility: hidden;
    cursor:pointer;
  }
  #lamp{
    width:310px;
    height:947px;
    visibility: hidden;
    cursor:pointer;
  }
  #matte{
    width:1072px;
    height:695px;
    visibility: hidden;
    cursor:pointer;
  }
  #plant{
    width:681px;
    height:939px;
    visibility: hidden;
    
  }
  #screen{
    width:1728px;
    height:795px;
    visibility: hidden;
    cursor:pointer;
  }
  #statue{
    width:302px;
    height:807px;
    visibility: hidden;
    cursor:pointer;
  }


  /***********************************Visitor Menu**************************************************/
  .visitorMenu {
    display: block;
    position: absolute;
    bottom: 0;
    left: 260px;
    width: 40px;
    height: 40px;
    padding: 5px;
    border-radius: 50%;
    cursor: pointer;
  }
  
  #myAccount{
     cursor:pointer;
     z-index: 1560;
  }
  
  #ourVisitorMenu{
    font-size: 1.0em; 
    position: absolute;
    bottom: 40px;
    left: 0px;
    width: 300px;
    z-index: 1800;
  
    transition: transform 0.25s ease-in-out;
    
    transform: translateX(-300px);
      -webkit-transition: -webkit-transform 0.25s ease-in-out;
      -webkit-transform: translateX(-300px);
  }
  
  .ourMenuText{
    padding: 10px;
    cursor: pointer;
  }

  #menuModeration{
    padding: 10px;
    cursor: pointer;
  }

  #menuAdminUser{
    padding: 10px;
    cursor: pointer;
  }

  #menuAdminContent{
    padding: 10px;
    cursor: pointer;
    display:none;
  }

  #theLogout{
    display:none;
  }

  #menuModeration:hover{
    background-color: rgb(103,115,131);
    background-color: rgba(103,115,131,0.8);
  }

  #menuAdminUser:hover{
    background-color: rgb(103,115,131);
    background-color: rgba(103,115,131,0.8);
  }

  #menuAdminContent:hover{
    background-color: rgb(103,115,131);
    background-color: rgba(103,115,131,0.8);
  }
    
    #ourVisitorMenuZone{
    /*height: 80px;*/
     
    background-color: rgb(58,68,84);
    background-color: rgba(58,68,84,0.8);
      
      color: #ffffff;
      /*padding: 20px 10px 5px 10px;*/
      
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  .ourMenuText:hover {
    background-color: rgb(103,115,131);
    background-color: rgba(103,115,131,0.8);
  }
/*--------------------------Start Video-----------------------------------------------*/
.ourWelcomeContainer{
    position: relative;
    /* top:20%;
     left: 5%;*/
     background-color: rgb(230,0,46);
     background-color: rgba(230,0,46,0.8);
     color: black;
     width: 75vw;
     height: 42vw; 
     border-radius: 12px;
     margin-left:8%;
     margin-top:5%;
     white-space: nowrap;
     z-index: 1550;
   }
   
   .ourWelcomeContainerSmall{
    position: relative;
     background-color: rgb(230,0,46);
     background-color: rgba(230,0,46,0.8);
     color: black;
     width: 30vw;
     height: 16.8vw; 
     border-radius: 12px;
     margin-left:1%;
     margin-top:65vh;
     white-space: nowrap;
     z-index: 1550;
   }
   
   .ourWhiteVideoFrame{
     position: relative;
     background-color: white;
     color: white;
     width: 75%;
     height: 90%;
     top: 5%;
     left:22%;
     border-radius: 12px;
     display:flex;
   }
   
   #ourVideoGoAway{
     position: absolute;
     bottom:5%;
     left: 5%;
     width:30px;
     height:30px;
     color: black;
     cursor: pointer;
   }

   #ourVideoAulaGoAway{
    position: absolute;
    top:0%;
    right: -6%;
    width:60px;
    height:60px;
    
    color: black;
    cursor: pointer;
    display:none;
  }
   

   .ourActualVideoWindow{
     position: relative;
     background-color:black;
     color: white;
     width:95%;
     height:93%;
     margin: auto;
   }
/* Help Desk Chat Fenster unten rechts-----------------------------------------------*/
#ourHelpdeskPanel {
    font-size: 0.9em;
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 310px;
    z-index: 1450;
	transition: transform 0.25s ease-in-out;
	transform: translateY(25em);
    -webkit-transition: -webkit-transform 0.25s ease-in-out;
    -webkit-transform: translateY(25em);
    display:none;
}

#ourHelpdeskPanelZone {
    overflow-y: auto;
    overflow-x:hidden;
    word-wrap: break-word;  
    /*word-break: break-all; */
    height: 25em;
    background-color:rgb(255,255,255); /* fallback for IE 8 and below */
    background-color:rgba(255,255,255,0.9);
    color: #000000;
    padding: 20px 10px 5px 10px;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

#clickableHelpdeskKnob{
    position: absolute;
    background-color: #ffffff;
    opacity: 1.0;
    height: 40px;
    width: 310px;
    top: -40px;
    left: 0px;
    z-index: 1460;
    cursor: pointer;
}

#ourInputMessage{
    position: absolute;
    background-color: #ffffff;
    opacity: 1.0;
    height: 3em;
    width: 310px;
    bottom: -3em;
    left: 0px;
    z-index: 1460; 
    background-color: black;
    color: white;
    padding-top: 5px;
}

#ourChatSendText{
    width: 260px;
    height: 2em;
    /*margin-top: 10px;*/
    margin-bottom: 10px;
    margin-left: 5px;
    background-color: black;
    color: white;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
  }

  .ourMenuIcons{
    cursor: pointer;
    margin-left: 5px;
    
  }

  input[type=text], select {
    border: 0px ;
    color:grey;
    -moz-user-select: text;
    user-select: text;
  }

  /*------------------------Hotspots-----------------------------------------------------------*/
  #rotate-it{
    position: relative;
    visibility: hidden;
    cursor: pointer;
  }

  #rotate-it-2{
    position: relative;
    visibility: hidden;
    cursor: pointer;
  }

  #rotate-it-3{
    position: relative;
    visibility: hidden;
    cursor: pointer;
  }

  #ourDirectorVideo{
    position: relative;
    width: 960px;
    height: 550px;
    visibility: hidden;
  }

  #the-dir-video{
    width: 960px;
    height: 550px;
  }

  #ourCampusVideo{
    position: relative;
    width: 960px;
    height: 550px;
    visibility: hidden;
  }

  #the-campus-video{
    width: 960px;
    height: 550px;
  }




  #ourAgenda{
  /*  background-color: #00ff00;*/
    position: relative;
   /* width: 800px;
    height: 800px;*/
    visibility: hidden;  
  }

  #ourPDFDownloadPanel{
    position:absolute;
    visibility:hidden;
    width:793px;
    height:444px;
  }

  #ourPDFDownloadPanelClose{
    position: absolute;
    width: 20%;
    height:10%;
    bottom:2%;
    left:1%;
   
    cursor:pointer;
  }
  
  #ourPDFDownloadPanelText1{
    position:absolute;
    left:49%;
    top:40%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:black;
    cursor:pointer;
  }

  #ourPDFDownloadPanelText2{
    position:absolute;
    left:49%;
    top:49%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:black;
    cursor:pointer;
  }

  #ourPDFDownloadPanelText3{
    position:absolute;
    left:49%;
    top:58%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:black;
    cursor:pointer;
  }

  #ourPDFDownloadPanelText4{
    position:absolute;
    left:49%;
    top:67%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:black;
    cursor:pointer;
  }

  #ourCurrentAgenda{
      width: 850px;
      height: 850px;
  }

  #ourEntranceInfoDownload{
    background-color:rgb(121,125,111);
    position: relative;
    width: 280px;
    height: 1270px;
    visibility: hidden;       
  }

  #ourInfoDownload01{
    position: absolute;
    top: 40px;
    right:40px;
    cursor: pointer;
  }

  #ourInfoDownload02{
    position: absolute;
    top: 300px;
    right:40px;
    cursor: pointer;
  }

  #ourInfoDownload03{
    position: absolute;
    top: 565px;
    right:40px;
    cursor: pointer;
  }

  #ourInfoDownload04{
    position: absolute;
    top: 830px;
    right:40px;
    cursor: pointer;
  }

  #ourVideoCampusVideo{
    visibility: hidden;
    cursor:pointer;
  }
  #ourInfobrosch{
    visibility: hidden;
    cursor:pointer;
  }

  #ourAgendaIcon{
    visibility: hidden;
    cursor:pointer;   
  }

  #ourVideoCampusTheVideo{
    background-color: #000000;
    color: white;
    font-size:80px;
    position: relative;
    width: 1200px;
    height: 550px;
    visibility: hidden;     
  }

  #ourGoLernraum{
      visibility: hidden;
      cursor:pointer;
  }
  #ourGoLernraumBack{
    visibility: hidden;
    cursor:pointer;    
  }
  #ourGoFabrikBack{
    visibility: hidden;
    cursor:pointer;         
  }
  #ourFabrikProTipClosed{
    visibility: hidden;
    cursor:pointer;         
  }
  #ourFabrikZoompOpen{
    visibility: hidden;
    cursor:pointer;         
  }

  #ourFabrikZoompOpen-Mobile{
    visibility: hidden;
    cursor:pointer;         
  }

  #ourUniSongProTipClosed{
    visibility: hidden;
    cursor:pointer;         
  }

  #ourLernraumProTipClosed{
    visibility: hidden;
    cursor:pointer;         
  }
  #ourLernraumProTipOpen{
    visibility: hidden;
    cursor:pointer;         
  }

  #ourUniSongProTipOpen{
    visibility: hidden;
    cursor:pointer;         
  }

  #ourGoFabrik{
    visibility: hidden;
    cursor:pointer;        
  }
  #ourEntrance{
    visibility: hidden;
    cursor:pointer;         
  }
  #ourGoUniSong{
    visibility: hidden;
    cursor:pointer;            
  }
  #ourGoUniSongBack{
    visibility: hidden;
    cursor:pointer;            
  }
  #ourGoAula{
    visibility: hidden;
    cursor:pointer;            
  }
  #ourGoStudium{
    visibility: hidden;
    cursor:pointer;            
  }
  #ourGoUniErleben{
    visibility: hidden;
    cursor:pointer;            
  }

  #ourGoAulaStudium{
    visibility: hidden;
    cursor:pointer;            
  }
  #ourGoAulaBack{
    visibility: hidden;
    cursor:pointer;            
  }
  #ourGoAulaUniErleben{
    visibility: hidden;
    cursor:pointer;            
  }
  #ourGoBiblioUniErleben{
    visibility: hidden;
    cursor:pointer;       
  }

  #ourGoBiblioAula{
    visibility: hidden;
    cursor:pointer;       
  }
  #ourGoErlebenStudium{
    visibility: hidden;
    cursor:pointer;    
  }
  #ourGoErlebenAula{
    visibility: hidden;
    cursor:pointer;    
  }
  #ourGoAulaTribStudium{
    visibility: hidden;
    cursor:pointer;    
  }
  #ourGoAulaTribBack{
    visibility: hidden;
    cursor:pointer;    
  }

  #ourInfoBoxLernraum{
    background-color: #fffff0;
    font-size:150px;
    color: black;
    position: relative;
    width: 800px;
    height: 600px;
    visibility: hidden;       
  }

  #ourAulaMainVideo{  
    position: relative;
    width: 960px;
    height: 550px;
    visibility: hidden;    
  }

  #ourInteractiveCard{
    background-color: white;
    position: relative;
    width: 960px;
    height: 550px;
    padding:10px;
    visibility: hidden;         
  }

  #ourAulaTribuneMainVideo{
    /*background-color: #00ff00;*/
    position: relative;
    width: 960px;
    height: 550px;
    visibility: hidden;       
  }

  .ourStartInstitut{
   /* background-color: #00ff00;*/
   position:relative;
   color: rgb(230,0,46);
   text-align:center;
    position: relative;
    width: 197px;
    height: 45px;
    visibility: hidden;  
    cursor: pointer;          
  }

  .ourStartInstitutButtonText{
    position: absolute;
    color: rgb(230,0,46);
    font-size:18px;
    font-weight:bold;
    top: 50%;
    left:10px;
    transform: translate(0%, -50%);
  }

  #ourBibliothekVideo{
    background-color: #000000;
    color: white;
    font-size:150px;
    position: relative;
    width: 960px;
    height: 550px;
    visibility: hidden;             
  }

  .ourUniErlebenContent{
    /*background-color: #00ff00;*/
    position: absolute;
    width: 530px;
    height: 800px;
    visibility: hidden;   
    margin-right:20px;    
  }

  .ourUniErlebenContentA{
    position: absolute;
    left:5%;
    top:12%;
    height:30%;
    color:black;
    font-size:18px;
    font-weight:bold;
    font-family: Arial, Helvetica, sans-serif;
    cursor: pointer;
    padding-right:30px;
    line-height: 1.4;
  }

  .ourUniErlebenContentB{
    position: absolute;
    left:5%;
    top:57%;
    height:30%;
    color:black;
    font-size:18px;
    font-weight:bold;
    font-family: Arial, Helvetica, sans-serif;
    cursor:pointer;
    padding-right:30px;
    line-height: 1.4;
  }

  #ourUniSongVideo{ 
   /* position: absolute;*/
    width: 960px;
    height: 550px;
    visibility: hidden;             
  }

  

  #theUniSongVideo{
    width: 960px;
    height: 550px;
  }

  .ourDirectorStart{
    position:relative;
    color: rgb(230,0,46);
    text-align:center;
    position: relative;
    width: 210px;
    height: 45px;
    visibility: hidden;  
    cursor: pointer;          
  }

  .ourStartInstitutDirectorText{
    position: absolute;
    color: rgb(230,0,46);
    font-size:18px;
    font-weight:bold;
    top: 50%;
    left:10px;
    transform: translate(0%, -50%);
  }

  .ourCloseTheVideo{
    padding:2px;
      position:absolute;
      bottom: 8px;
      left: -140px;
      width: 130px;
      height:30px;
      cursor:pointer;
      background-color: rgb(230,0,46);
      background-color: rgba(230,0,46,0.7);
  }

  /*Institute***********************************************************************************************************/
  /*********Slidershow***********************************/
.myContainer {
  position: relative;
}

.myDemo {
  opacity: 0.4;
  cursor:pointer;
  width:100%;
}

.myActive,
.myDemo:hover {
  opacity: 1;
}

.ourUploadWindow{
  position:absolute;
  width: 450px;
  height: 150px;
  left:40%;
  top:35%;
  z-index:2000;
  background-color: rgb(232,232,232);
  display:none;
  padding: 10px;
  color:black;
}

#ourUploadWindowHeader{
  margin-bottom: 15px;
}

#ourUploadWindowClose{
  position:absolute;
  top:10px;
  right:0px;
  cursor:pointer;
}

#myUpFile{
  margin-bottom:10px;
  width:350px;
}

.mySlides { 
  color:red;
  background-color:white;
  width: 100%;
  /*height:50vh;*/
  margin-bottom: 5px;
  display:block;
  font-family: Arial, Helvetica, sans-serif;
  text-align:center;
  overflow: hidden;
  padding:0;
}

.mySlideArrowLeft{
  background-image: url('../custom-images/slide-arrow-left.png');
  position:absolute;
  top:50%;
  left:0%;
  width:50px;
  height:50px;
  opacity: 0.3;
  cursor:pointer;
}

.mySlideArrowRight{
  background-image: url('../custom-images/slide-arrow-right.png');
  position:absolute;
  top:50%;
  right:0%;
  width:50px;
  height:50px;
  
  opacity: 0.3;
  cursor:pointer
}

.mySlideArrowLeft:hover{
   opacity:0.5;
}

.mySlideArrowRight:hover{
   opacity:0.5;
}

.myColumn {
  float: left;
  width: 24%;
  margin-right:4px;
 background-color:white;
 cursor: pointer;
 opacity:1.0;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.ourRow{
  margin:0px;
  padding:0px;
}
/* Next & previous buttons */
.myPrev,
.myNext {
  cursor: pointer;
  position: absolute;
  top: 40%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.myNext {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.myPrev:hover,
.myNext:hover {
  background-color: rgba(0, 0, 0, 0.5);
}

/*****************************intitut footage videos**********************************/
.myInstVideosEmb{ 
  background-color: rgb(200,200,200);
  width: 100%;
  height:50%;
  margin-bottom: 1%;
  /*display:none;*/
}

/***************************************Direktor Video Foyer neu red box*********************************/
.ourDirectorContainerZombie{
  margin: 0;
  
   width:900px;
   height:550px;
   background-color:rgb(229,12,17);
   background-color: rgba(229,12,17,0.8);
  border-radius: 2%;
  visibility: hidden;
}

.ourWhiteDirectorContainer{
  position: absolute;
  right: 2%;
  width:83%;
  height:90%;
  background-color: black;
  color: black;
  opacity:1.0;
  border-radius: 2%;
  top: 50%;
  transform: translate(0%, -50%);
}

.ourCloseDirectorBox{
  position: absolute;
  left: 2%;
  bottom: 5%;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  cursor:pointer;
  }
/*********************************************Download Area Foyer********************************************/
.ourFoyerDownloadZombie{
  margin: 0;
  width:800px;
  height:450px;
  background-color:rgb(229,12,17);
  background-color: rgba(229,12,17,0.8);
 border-radius: 2%;
 visibility: hidden;
}
.ourWhiteFoyerDownloadContainer{
  position: absolute;
  right: 2%;
  width:75%;
  height:90%;
  background-color: white;
  color: black;
  opacity:1.0;
  border-radius: 2%;
  top: 50%;
  transform: translate(0%, -50%);
}

.ourWhiteFoyerDownloadContainer .ourInstPdfDownload{
  background-image: url('../custom-images/pdf-dl-icon.png'); 
  cursor:pointer;
  margin-left:4%;
  margin-bottom:2%;
  vertical-align: text-top;
  width: 51px;
  height:40px;
}

.ourFoyerDownloadHeadline{
  position:absolute;
  left:3%;
  top:3%;
  width:94%;
  color:rgb(229,12,17);
  font-family: unifrutiger,Arial, Helvetica, sans-serif;
  font-size:20px;
  font-weight:bold;
  padding-right:3%;
}

.ourFoyerDownloadTextDownload{
  position:absolute;
  left:3%;
  top:15%;
  width:94%;
  color:black;
  font-family: unifrutiger,Arial, Helvetica, sans-serif;
  font-size:16px;
  font-weight:bold;
}

.ourFoyerDownloadArea{
  position:absolute;
  left:0%;
  top:23%;
  width:80%;
  color:black;
  font-family: unifrutiger,Arial, Helvetica, sans-serif;
  font-size:16px;
  font-weight:normal;
}

.ourFoyerDownloadCMS{
  position: absolute;
  width:100%;
  height:100%;
  top:0%;
  left:0%;
}

.ourFoyerDownloadText{
  color:black;
  padding-left: 40px;
  font-family: unifrutiger,Arial, Helvetica, sans-serif;
  font-size:16px;
  font-weight:normal;
  width:500px;
}
/***************************************Campus Video Foyer neu red box*********************************/
.ourCampusContainerZombie{
   margin: 0;
   width:900px;
   height:550px;
   background-color:rgb(229,12,17);
   background-color: rgba(229,12,17,0.8);
  border-radius: 2%;
  visibility: hidden;
}

.ourWhiteCampusContainer{
  position: absolute;
  right: 2%;
  width:83%;
  height:90%;
  background-color: black;
  color: black;
  opacity:1.0;
  border-radius: 2%;
  top: 50%;
  transform: translate(0%, -50%);
}

.ourCloseCampusBox{
  position: absolute;
  left: 2%;
  bottom: 5%;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  cursor:pointer;
  }

  .ourCloseFoyerDownloadBox{
    position: absolute;
    left: 2%;
    bottom: 5%;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    cursor:pointer;
    }
/***********************************Consult ZOOM Services***********************************************/
.ourRedConsultServicesContainerZombie{
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -53%);
  width:75%;
     height:90%;
   background-color:rgb(229,12,17);
  background-color: rgba(229,12,17,0.8);
  border-radius: 2%;
  display:none;
}

.ourCommunicationBox{
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -53%);
  width:75%;
     height:90%;
   background-color:rgb(229,12,17);
  background-color: rgba(229,12,17,0.8);
  border-radius: 2%;
  display:none;
}

.ourCloseConsultServices{
  position: absolute;
  left: 3%;
  bottom: 5%;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  cursor:pointer;
  }

  .ourCloseCommunicationBox{
    position: absolute;
    left: 3%;
    bottom: 5%;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    cursor:pointer;
    }

  .ourWhiteConsultServicesContainer{
    position: absolute;
    right: 2%;
    width:75%;
    height:90%;
    background-color: black;
    color: black;
    opacity:1.0;
    border-radius: 2%;
    top: 50%;
    transform: translate(0%, -50%);
 }

 .ourWhiteCommunicationBoxContainer{
  position: absolute;
   right: 2%;
   width:75%;
   height:90%;
   background-color:white;
   color: black;
   border-radius: 2%;
   top: 50%;
   transform: translate(0%, -50%);
}

 .ourConsultServicesTitle{
  color:white;
  font-family: unifrutiger,Arial, Helvetica, sans-serif;
  position: absolute;
  left: 3%;
  top: 5.5%;
  font-size: 18px;
  color:white;
  width: 20%;
  line-height: 1.6;
  word-break:break-word;
}

#ourCommunicationBoxTitle{
  font-family: unifrutiger,Arial, Helvetica, sans-serif;
  position: absolute;
  left: 3%;
  top: 14%;
  font-size: 18px;
  font-weight: bold;
  color:white;
  width: 20%;
  line-height: 1.6;
}
/************************************Uni Erleben Video Fenster Modal*************************************/
.ourUniErlModalOpen{
  position: absolute;
     z-index: 1555;
     width: 100vw;
     height:100vh;
     background-color: black;
     opacity: 0.4;
     left:0px;
     top:0px;
     display:none;
  }

  .ourRedUniErlContainerZombie{
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -53%);
     width:75%;
     height:90%;
     background-color:rgb(229,12,17);
    background-color: rgba(229,12,17,0.8);
    border-radius: 2%;
    display:none;
  }


  #ourRedUniErlContainer{
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -53%);
     width:75%;
     height:90%;
    /* background-color:rgb(229,12,17);
     background-color: rgba(229,12,17,0.8);*/
     color: white;
    
     border-radius: 2%;
    display:none;
  }
  
  .ourCloseUniErlBox{
  position: absolute;
  left: 3%;
  bottom: 5%;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  cursor:pointer;
  }
  
  .ourWhiteUniErlContainer{
     position: absolute;
     right: 2%;
     width:75%;
     height:90%;
     background-color: black;
     color: black;
     opacity:1.0;
     border-radius: 2%;
     top: 50%;
     transform: translate(0%, -50%);
  }

  #ourUniErlVideoFrame{
    position: absolute;
    left: 0%;
    top:12%;
    background-color:black;
    width: 100%;
    height:100;
    z-index: 1565;
  }

  .ourUniErlVideoTitle{
    color:white;
   /* font-family: unifrutiger,Arial, Helvetica, sans-serif;
  position: absolute;
  left: 3%;
  top: 5.5%;
  font-size: 18px;
  color:white;
  width: 20%;
  line-height: 1.6;
      word-break:break-word;*/
    }
  

/***********************Institute*****************************/	
.ourButtonInstSingle{
  position:absolute;
  width:200px;
  height:60px;
  background-color: white;
  border-radius: 4px;
  cursor:pointer;
  visibility:hidden;
}

.ourButtonTextInstSingle{
  position:relative;
  display:block;
  padding-left:25px;
  padding-top:35px;
  padding-bottom:35px;
  width:700px;
  margin-left:-50px;
  background-color: rgb(255,255,255);
  background-color: rgba(255,255,255,0.9);
  color:rgb(229,12,17);
  font-weight: bold;
  font-size:45px;
  word-wrap: normal;
  visibility:hidden;
  cursor:pointer;
  border-radius: 20px;
}

.ourButtonInstSingleUp{
  position:absolute;
  width:100px;
  height:100px;
  right:1px;
  bottom:1px;
}
/***************************************NEU MASTER TAG****************************************************/

.instList ul {
  list-style-type: none;
  padding: 0;
  border: 1px solid #ddd;
}

.instList ul li {
  padding: 8px 8px;
  border-bottom: 1px solid #ddd;
  background-color: rgb(255,255,255);
  color:black;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  font-size: 17px;
  font-weight: 300;
}

.instList ul li:hover{
  background-color: black;
  color:white;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 17px;
}



.instList ul li:last-child {
  border-bottom: none
}
.ourInstituteIcon{
  position:absolute;
   visibility:hidden;
   cursor:pointer;
 
}
/*******************************************************DIESE Master Tag Institute Mewnüs************************************/
.ourCmsEditHeader{
  position:absolute;
  top:0;
  left:0;
  width: 170px;
  height:80px;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.7);
  color:rgb(255,192,0);
  font-family: Arial, Helvetica, sans-serif;
  display: none;
  z-index: 1600;
  padding-left: 20px;
  padding-top: 10px;
}

#ourCmsStatus{
  position:absolute;
  top:50px;
  left:20px;
  font-family: Arial, Helvetica, sans-serif;
  color:white;
  text-align:center;
  
}

#ourCmsStatusText{
  position:absolute;
  top:50px;
  left:75px;
  font-family: Arial, Helvetica, sans-serif;
  text-align:center;
}

#ourCmsTEST{
  position:absolute;
  top:60px;
  left:100px;
  width: 40px;
  height: 40px;
  background-color: hotpink;
  cursor:pointer;
  display:none;
}

.ourContactDiv{
  background: white;
  color:black;
  margin-left:25%;
  margin-top:-35px;
  width: 60%;
  height:100px;
}

#ourInputZoomLink{
  position:absolute;
  top:20%;
  left: 0%;
  width:100%;
  height: 8%;
  padding-top: 15px;
  padding-left: 20px;
  background-color: rgb(60, 144, 255);
  background-color: rgba(60, 144, 255,0.9);
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  text-align:left;
  z-index: 1900;
  display:none;
}

#zoomlink{
  width:70%;
  height:20px;
  color:black;
}

#ourCmsEditSave{
  position:absolute;
  top:0px;
  right:150px;
  width:8%;
  height:40px;
  background-color: green;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  text-align:center;
  padding-top:10px;
  cursor:pointer;
  display: none;
  z-index: 1600;
}

.ourCmsEditSaveActive{
   opacity:1.0;
}

.ourCmsEditSaveInactive{
 opacity:0.4;
}

.ourCmsStatusTextGreen{
  color:greenyellow;
}

.ourCmsStatusTextRed{
  color: rgb(255,39,39);
}

#ourCmsEditSave:hover{
  background-color: rgb(0,168,43);
}

#ourCmsEditClose:hover{
  background-color:red
}

#ourCmsEditClose{
  position:absolute;
  top:0px;
  right:0px;
  width:8%;
  height:40px;
  background-color: rgb(229,12,17);
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  text-align:center;
  padding-top:10px;
  cursor:pointer;
  display: none;
  z-index: 1600;
}

.ourInstituteIconArt{
  visibility:hidden;
  cursor:pointer;
  z-index:0;
}

#artImg:hover{
  animation-name: example;
  animation-duration: 0.5s;
}

#busImg:hover{
  animation-name: example;
  animation-duration: 0.5s;
}
#engImg:hover{
  animation-name: example;
  animation-duration: 0.5s;
}
#humImg:hover{
  animation-name: example;
  animation-duration: 0.5s;
}
#linImg:hover{
  animation-name: example;
  animation-duration: 0.5s;
}
#medImg:hover{
  animation-name: example;
  animation-duration: 0.5s;
}
#polImg:hover{
  animation-name: example;
  animation-duration: 0.5s;
}
#socImg:hover{
  animation-name: example;
  animation-duration: 0.5s;
}
#relImg:hover{
  animation-name: example;
  animation-duration: 0.5s;
}

@-webkit-keyframes example {
  0%   {
    width:195px;
    height:158px;
  }
  50%  {
    width:180px;
    height:146px;
  }
  100% {
    width:195px;
    height:158px;
  }
}

@keyframes example {
  0%   {
    width:195px;
    height:158px;
  }
  50%  {
    width:180px;
    height:146px;
  }
  100% {
    width:195px;
    height:158px;
  }
}



#ourInstituteMenuArt{
  position:absolute;
  left:195px;
  top:0px;
  width:310px;
  background-color: rgb(255,255,255);
  color:black;
  border-style: solid;
  border-width: 3px 1px 1px 1px; 
  border-color: red black black black;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  font-size:15px;
  display: none;
  word-break:break-word; 
}

#ourInstituteMenuArtSub{
  position:absolute;
  left:505px;
  top:0px;
  width:310px;
  background-color: rgb(255,255,255);
  color:black;
  border-style: solid;
  border-width: 3px 1px 1px 1px; 
  border-color: red black black black;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  font-size:15px;
  display: none;
  word-break:break-word;
}

.ourInstituteIconBus{
  position:absolute;
  visibility:hidden;
  cursor:pointer;
  z-index:0;
}
#ourInstituteMenuBus{
  position:absolute;
  left:195px;
  top:0px;
  width:310px;
  background-color: rgb(255,255,255);
  color:black;
  border-style: solid;
  border-width: 3px 1px 1px 1px; 
  border-color: red black black black;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  font-size:15px;
  display: none;
  word-break:break-word;
}
#ourInstituteMenuBusSub{
  position:absolute;
  left:505px;
  top:0px;
  width:310px;
  background-color: rgb(255,255,255);
  color:black;
  border-style: solid;
  border-width: 3px 1px 1px 1px; 
  border-color: red black black black;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  font-size:15px;
  display: none;
  word-break:break-word;
}

#ourWhiteMapContainer iframe{
  padding:10px;
  touch-action: auto;
}



.ourInstituteIconEng{
  position:absolute;
  visibility:hidden;
  cursor:pointer;
  z-index:0;
}
#ourInstituteMenuEng{
  position:absolute;
  left:195px;
  top:0px;
  width:310px;
  background-color: rgb(255,255,255);
  color:black;
  border-style: solid;
  border-width: 3px 1px 1px 1px; 
  border-color: red black black black;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  font-size:15px;
  display: none;
  word-break:break-word;
}
#ourInstituteMenuEngSub{
  position:absolute;
  left:505px;
  top:0px;
  width:310px;
  background-color: rgb(255,255,255);
  color:black;
  border-style: solid;
  border-width: 3px 1px 1px 1px; 
  border-color: red black black black;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  font-size:15px;
  display: none;
  word-break:break-word;
}

.ourInstituteIconHum{
  position:absolute;

  visibility:hidden;
  cursor:pointer;
  
  z-index:0;
}
#ourInstituteMenuHum{
  position:absolute;
  left:195px;
  bottom:0px;
  width:310px;
  background-color: rgb(255,255,255);
  color:black;
  border-style: solid;
  border-width: 3px 1px 1px 1px; 
  border-color: red black black black;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  font-size:15px;
  display: none;
  word-break:break-word;
}
#ourInstituteMenuHumSub{
  position:absolute;
  left:505px;
  bottom:0px;
  width:310px;
  background-color: rgb(255,255,255);
  color:black;
  border-style: solid;
  border-width: 3px 1px 1px 1px; 
  border-color: red black black black;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  font-size:15px;
  display: none;
  word-break:break-word;
}

#ourInstituteMenuHumNoMember{
  position:absolute;
  left:505px;
  bottom:0px;
  width:322px;
  height:275px;
  background-color: rgb(255,255,255);
  color:black;
  border-style: solid;
  border-width: 3px 1px 1px 1px; 
  border-color: red black black black;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  font-size:15px;
  display: none;
  word-break:break-word;
  z-index:3000;
  cursor:default;
  /*pointer-events: none;*/
}

.ourInstNoMemberClickLink{
  position: absolute;
  width:152px;
  height:45px;
  top:70%;/*210px;*/
  right:18px;
  background-color: #36b5b6;
  color:white;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  font-size:16px;
  font-weight:bold;
  padding-left:18px;
  padding-top:12px;
  border-radius: 4px;
  cursor:pointer;
  
}

.ourNoMemberTopWindowRed{
  position:absolute;
  top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  width:480px;
  height:270px;
  background-color:rgb(229,12,17);
  background-color: rgba(229,12,17,0.8);
 border-radius: 2%;
 z-index:3000;
 display: none;
}

#ourNoMemberTopWindowClose{
  position: absolute;
    left: 2%;
    bottom: 5%;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    cursor:pointer;
}

#ourNoMemberTopWindowWhite{
  position:absolute;
  right: 20px;
    top: 20px;
   
  width:280px;/*322px;*/
  height:230px;/*275px;*/
  background-color: rgb(255,255,255);
  /*color:black;
  border-style: solid;*/
  border-width: 3px 1px 1px 1px; 
  /*border-color: red black black black;*/
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  font-size:12px;
  /*display: none;*/
  word-break:break-word;
  
  cursor:default;
  /*pointer-events: none;*/
}

.ourArrowImg{
  float: right;
}

.ourInstNoMemberText{
  position: absolute;
  top:13px;
  left:12px;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  font-size:17px;
  color:black;
}

.ourInstituteIconLin{
  position:absolute;
  visibility:hidden;
  cursor:pointer;
  z-index:0;
}
#ourInstituteMenuLin{
  position:absolute;
  left:195px;
  top:0px;
  width:310px;
  background-color: rgb(255,255,255);
  color:black;
  border-style: solid;
  border-width: 3px 1px 1px 1px; 
  border-color: red black black black;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  font-size:15px;
  display: none;
  word-break:break-word;
}
#ourInstituteMenuLinSub{
  position:absolute;
  left:505px;
  top:0px;
  width:310px;
  background-color: rgb(255,255,255);
  color:black;
  border-style: solid;
  border-width: 3px 1px 1px 1px; 
  border-color: red black black black;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  font-size:15px;
  display: none;
  word-break:break-word;
}

#ourInstituteMenuLinNoMember{
  position:absolute;
  left:505px;
  top:0px;
  width:322px;
  height:275px;
  background-color: rgb(255,255,255);
  color:black;
  border-style: solid;
  border-width: 3px 1px 1px 1px; 
  border-color: red black black black;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  font-size:15px;
  display: none;
  word-break:break-word;
  z-index:3000;
  cursor:default;
  /*pointer-events: none;*/
}

.ourInstituteIconMed{
  position:absolute;
  visibility:hidden;
  cursor:pointer;
  z-index:0;
}
#ourInstituteMenuMed{
  position:absolute;
  left:195px;
  top:0px;
  width:310px;
  background-color: rgb(255,255,255);
  color:black;
  border-style: solid;
  border-width: 3px 1px 1px 1px; 
  border-color: red black black black;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  font-size:18px;
  display: none;
  word-break:break-word;
}
#ourInstituteMenuMedSub{
  position:absolute;
  left:505px;
  top:0px;
  width:310px;
  background-color: rgb(255,255,255);
  color:black;
  border-style: solid;
  border-width: 3px 1px 1px 1px; 
  border-color: red black black black;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  font-size:16px;
  display: none;
  word-break:break-word;
}

#ourInstituteMenuMedNoMember{
  position:absolute;
  left:505px;
  top:0px;
  width:322px;
  height:275px;
  background-color: rgb(255,255,255);
  color:black;
  border-style: solid;
  border-width: 3px 1px 1px 1px; 
  border-color: red black black black;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  font-size:16px;
  display: none;
  word-break:break-word;
  z-index:3000;
  cursor:default;
  /*pointer-events: none;*/
}

.ourInstituteIconPol{
  position:absolute;
  visibility:hidden;
  cursor:pointer;
  z-index:0;
}
#ourInstituteMenuPol{
  position:absolute;
  left:195px;
  top:0px;
  width:310px;
  background-color: rgb(255,255,255);
  color:black;
  border-style: solid;
  border-width: 3px 1px 1px 1px; 
  border-color: red black black black;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  font-size:15px;
  display: none;
  word-break:break-word;
}
#ourInstituteMenuPolSub{
  position:absolute;
  left:505px;
  top:0px;
  width:310px;
  background-color: rgb(255,255,255);
  color:black;
  border-style: solid;
  border-width: 3px 1px 1px 1px; 
  border-color: red black black black;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  font-size:15px;
  display: none;
  word-break:break-word;
}

.ourInstituteIconSoc{
  position:absolute;
  visibility:hidden;
  cursor:pointer;
  z-index:0;
}
#ourInstituteMenuSoc{
  position:absolute;
  left:195px;
  bottom:0px;
  width:300px;
  background-color: rgb(255,255,255);
  color:black;
  border-style: solid;
  border-width: 3px 1px 1px 1px; 
  border-color: red black black black;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  font-size:15px;
  display: none;
  word-break:break-word;
  
}
#ourInstituteMenuSocSub{
  position:absolute;
  left:495px;
  bottom:0px;
  width:310px;
  background-color: rgb(255,255,255);
  color:black;
  border-style: solid;
  border-width: 3px 1px 1px 1px; 
  border-color: red black black black;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  font-size:15px;
  display: none;
  word-break:break-word;
}

.ourInstituteIconRel{
  position:absolute;
  visibility:hidden;
  cursor:pointer;
  z-index:0;
}
#ourInstituteMenuRel{
  position:absolute;
  left:195px;
  bottom:0px;
  width:310px;
  background-color: rgb(255,255,255);
  color:black;
  border-style: solid;
  border-width: 3px 1px 1px 1px; 
  border-color: red black black black;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  font-size:16px;
  display: none;
  word-break:break-word;
}
#ourInstituteMenuRelSub{
  position:absolute;
  left:505px;
  bottom:0px;
  width:310px;
  background-color: rgb(255,255,255);
  color:black;
  border-style: solid;
  border-width: 3px 1px 1px 1px; 
  border-color: red black black black;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  font-size:16px;
  display: none;
  word-break:break-word;
}


/*********************************************************************************************************************/

.ourInstituteDropMenu{
  position:absolute;
  left:156px;
  top:0px;
  z-index: 3000;
  width:310px;
  height: 402px;
  background-color: rgb(255,255,255);
  color:black;
}

/******************************************Agenda************************************************************/
/*table {
  border-spacing: 20px;
}*/

table { 
  border-collapse: collapse; 
} 
th { 
  background-color:rgb(229,12,17);
  Color:white; 
} 
th, td { 
  width:150px; 
 
  border:0px solid black; 
  padding:5px 

} 

/******************************************Rotes Fenster interaktive Karte*******************************/
#myBreaker{
  position: relative;
  width: 200px;
  height: 200px;
  left: 100px;
  bottom: -550px;
  background-color: greenyellow;
 display:none;
}

#ourCard{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:100%;
  overflow: hidden;
  display:inline-block;
  touch-action:auto;
}



#ourMapOpenIcon{
  visibility: hidden;
  cursor:pointer;  
}

#ourRedMapContainer{
  position:relative;
  width:1200px;
  height:700px;
  background-color:rgb(229,12,17);
  background-color: rgba(229,12,17,0.8);
  color: white;
  border-radius: 2%;
  visibility:hidden;
  overflow: hidden;
}

#ourWhiteMapContainer{
  position: absolute;
  right: 2%;
  width:80%;
  height:92%;
  background-color:white;
  color: black;
  border-radius: 2%;
  top: 50%;
  transform: translate(0%, -50%);
  padding:10px;
  overflow: hidden;
  touch-action: auto;
}


.ourCloseMapContainer{
  position: absolute;
  left: 3%;
  bottom: 5%;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  cursor:pointer;
  }
/********************************************************************************************************/

.ourInstModalOpen{
position: absolute;
   z-index: 1500;
   width: 100vw;
   height:100vh;
   background-color: black;
   opacity: 0.4;
   left:0px;
   top:0px;
   display:none;
}
#ourRedInstitutContainer{
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -53%);
   width:75%;
   height:90%;
  /* background-color:rgb(229,12,17);
   background-color: rgba(229,12,17,0.0);*/
   color: white;
  
   /*z-index: 1560;*/
   border-radius: 2%;
  display:none;
}

#ourRedInstitutContainerZombie{
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -53%);
   width:75%;
   height:90%;
   background-color:rgb(229,12,17);
  
   color: white;
  
   /*z-index: 1560;*/
   border-radius: 2%;
  display:none;
}

#ourDummyContainer{
  margin: 0;
  position: absolute;
  top: 25%;
  left: 52%;
  transform: translate(-50%, -53%);
   width:75%;
   height:10%;
   display:none;
}

#ourDummyContainerAuditorium{
  margin: 0;
  position: absolute;
  top: 25%;
  left: 52%;
  transform: translate(-50%, -53%);
   width:75%;
   height:10%;
   display:none;
}
  

.ourCloseTheBox{
  position: absolute;
  left: 3%;
  bottom: 5%;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  cursor:pointer;
}

.ourWhiteInstitutContainer{
   position: absolute;
   right: 2%;
   width:75%;
   height:90%;
   background-color:white;
   color: black;
   border-radius: 2%;
   top: 50%;
   transform: translate(0%, -50%);
}

.ourEventInstituteContainer{
  position: absolute;
   right: 0%;
   width:100%;
   height:100%;
   background-color:black;
   color: white;
   opacity:1.0;
   border-radius: 2%;
   top: 0%;
  margin:0px;
  padding-left:2px;
  padding-right:2px;
  text-align: center;
}

#ourEventChatterBox{
  position:absolute;
  right:0%;
  bottom:6%;
  width:45%;
  height:4%;
  background-color: white;
  color:black;
}

#ourEventChatterBoxHeader{
  position:absolute;
  left:0%;
  top:0%;
  width:95%;
  height:20px;
  background-color: white;
  color:black;
  font-family: Arial, Helvetica, sans-serif;
  padding-top:5px;
  padding-left:5px;
  cursor:pointer;
}

#instTextAnforderungen{
  line-height: 1.4;
  margin-top: -7px;
}

#instTextStudienInhalte{
  line-height: 1.4;
  margin-top: -7px;
}

#instTextPraktikum{
  line-height: 1.4;
  margin-top: -7px;
}

#instTextPerspektiven{
  line-height: 1.4;
  margin-top: -7px;
}



.ourInstInfoText{
  position:absolute;
top:20%;
left:50%;
transform: translate(-50%, 0%);
  color: rgba(255,255,255,1);
  font-family: Arial, Helvetica, sans-serif;
 z-index: 1800;
 text-align:center;
}

.ourInstitutContent{
   position: absolute;
   left: 2%;
   width:96%;
   height:94%;
   color: rgba(255,255,255,1);
   color: black;
   padding-left:5%;
   padding-right:5%;
   opacity:1.0;
   top: 3%;
   overflow-y:auto;
   overflow-x:hidden;
   word-wrap: normal;
}

.ourCommunicationBoxContent{
  position: absolute;
  left: 2%;
  width:96%;
  height:94%;
  color: rgba(255,255,255,1);
  color: black;
  padding-left:5%;
  padding-right:5%;
  opacity:1.0;
  top: 3%;
  overflow-y:auto;
  overflow-x:hidden;
  word-wrap: normal;
}

.ourInstPdfDownload{
  background-image: url('../custom-images/pdf-dl-icon.png'); 
  cursor:pointer;
  margin-left:25%;
  margin-bottom:2%;
  vertical-align: text-top;
  width: 51px;
  height:40px;
}

.ourInstPdfDownloadNoLeft{
  background-image: url('../custom-images/pdf-dl-icon.png'); 
  cursor:pointer;
  margin-left:0;
  margin-bottom:2%;
  margin-top:2%;
  vertical-align: text-top;
  width: 51px;
  height:40px;
}



.ourInstPdfDownloadFoyer{
 
  background-image: url('../custom-images/pdf-dl-icon-small.png');
  
cursor:pointer;

margin-bottom:0.1%;

/*vertical-align: text-top;*/
font-family: unifrutiger, Arial, Helvetica, sans-serif;
  font-size:15px;
  color:black;
  font-weight:normal;
width: 38px;
height:30px;
}

.thePdfDownloadText{
  display:inline-block;
  width:400px;
  height:50px;
  background-color: white;
  margin-left:50px;
  padding-top: 10px;
  padding-left: 5px;
}

.thePdfDownloadText:hover{
   background-color: rgb(240, 240, 240);
}

.ourQuoteRedBox{
   background-color: rgb(229, 12, 17);
   color:white;
   width: 50%;
   margin-top:6%;
   margin-bottom:6%;
   padding :2%;
   word-wrap: normal;
   font-family: Arial, Helvetica, sans-serif;
}

#instAutorQuote1{
 font-style: italic;
}



#instAutorQuote2{
 font-style: italic;
}

#instBezeichnungHeadline{
   color: rgb(229, 12, 17);
   font-family: unifrutiger,Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 25px;
}
#instBezeichnungSubline{
   color: rgb(0, 0, 0);
}

#comboxBezeichnungHeadline{
  color: rgb(229, 12, 17);
  font-family: unifrutiger,Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 25px;
}
#comboxBezeichnungSubline{
  color: rgb(0, 0, 0);
}

#ourInstitutTitle{
font-family: unifrutiger,Arial, Helvetica, sans-serif;
  position: absolute;
  left: 3%;
  top: 14%;
  font-size: 18px;
  font-weight: bold;
  color:white;
  width: 20%;
  line-height: 1.6;
}

.ourInstKontaktText{
display:inline-block;
margin-left:30%;
margin-top: -2%;
}

#dl-1{
display:inline-block;
 cursor:pointer;
}
#dl-2{
display:inline-block;
 cursor:pointer;
}
#dl-3{
display:inline-block;
 cursor:pointer;
}
#dl-4{
display:inline-block;
 cursor:pointer;
}

.pdfDownloadText{
  font-size: 12px;
  display:inline;
 cursor:pointer; 
 word-wrap: break-word; 
 
}

.ourInfoHeadlines{
font-family: Arial, Helvetica, sans-serif;
   font-weight:bold;
   margin-top: 1%;
}

.ourInfoHead{
   margin-top: 5%;
 margin-bottom: 12%;
   font-size: 25px;
   font-family: Arial, Helvetica, sans-serif;
   display:block;
}

/*.ourInfoRestText{
   margin-left:12%;
   font-family: Arial, Helvetica, sans-serif; 
   width:90%;
   word-wrap: break-word; 
}*/

/*******************formatiert auch den Editor***************************/
.theEditor{
  margin-left:12%;
  font-family:unifrutiger, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.43em;
  width:90%;
  word-wrap: break-word; 
}

.theEditor2{
  font-family: unifrutiger,Arial, Helvetica, sans-serif;
  position: absolute;
  left: 3%;
  top: 5.5%;
  font-size: 18px;
  color:white;
  width: 20%;
  line-height: 1.6;
  word-break:break-word;
}

.text-small {
  font-size: 15px;
}

.text-big {
  font-size: 18px;
}

.text-big-bold {
  font-size: 18px;
  font-weight:bold;
  font-family: unifrutiger,Arial, Helvetica, sans-serif;
}

.someSpace{
  position: absolute;
  width:100%;
  height:100%;
  top: 50%;
  left: 50%;
  border-radius: 2%;
  transform: translate(-50%, -50%);
  padding-top: 30%;
  text-align: center;
   font-family: unifrutiger,Arial, Helvetica, sans-serif;
   font-size: 20px;
   font-weight:bold;
   background-color: #000;
   color:#fff;
}

.text-ourheadline{
  font-size: 18px;
}

.ourInstitutSelectSelected{
   background-color:white;
}

.ourCommunicationBoxSelectSelected{
  background-color:white;
}

.ourInstituteText{
   color:white;
  	margin-left:15%;
	margin-top:6%;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  font-size:18px;
}

.ourInstituteTextSelected{
	color:red;
	margin-left:15%;
	margin-top:6%;
	font-weight: bold;
  font-family: unifrutiger,Arial, Helvetica, sans-serif;
  font-size:18px;
}

.ourCommunicationBoxText{
  color:white;
  margin-left:15%;
  margin-top:6%;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  font-size:18px;
}

.ourCommunicationBoxTextSelected{
 color:red;
 margin-left:15%;
 margin-top:6%;
 font-weight: bold;
 font-family: unifrutiger,Arial, Helvetica, sans-serif;
 font-size:18px;
}



#ourInstitutSelectOverview{
  position: absolute;
  left: 0%;
  top: 30%;
  width:23%;
  height:8%;
  opacity:1;
  cursor:pointer;
  border-top-style: solid;
  border-bottom-style: solid;
  border-color: white;
  border-width: 1px;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
}

#ourInstitutSelectOverview-Mobile{
   display:none;
}

#ourCommunicationBoxSelectOverview{
  position: absolute;
  left: 0%;
  top: 30%;
  width:23%;
  height:8%;
  opacity:1;
  cursor:pointer;
  border-top-style: solid;
  border-color: white;
  border-width: 1px;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
}

#ourInstitutSelectLivestream{
  position: absolute;
  left: 0%;
  top: 38%;
  width:23%;
  height:8%;
  /*background-color:white;*/
  opacity:1;
  cursor:pointer;
  
  border-top-style: solid;
  border-bottom-style: solid;
  border-color: white;
  border-width: 1px;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  display:block;
}

#ourInstitutSelectLivestream-Mobile{
   display:none;
}

#ourCommunicationBoxSelectLivestream{
  position: absolute;
  left: 0%;
  top: 38%;
  width:23%;
  height:8%;
  opacity:1;
  
  border-top-style: solid;
  border-bottom-style: solid;
  border-color: white;
  border-width: 1px;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
}

#ourInstitutSelectChat{
  position: absolute;
  left: 0%;
  top: 46%;
  width:23%;
  height:8%;
  opacity:1;
  cursor:pointer;
  border-bottom-style: solid;
  border-top-style: solid;
  border-color: white;
  border-width: 1px;
  font-family: Arial, Helvetica, sans-serif;
  display:block;
}

#ourInstitutSelectChat-Mobile{
   display:none;
}

#ourCommunicationBoxSelectOverview-Mobile{
  display:none;
}

#ourCommunicationBoxSelectLivestream-Mobile{
  display:none;
}

#ourCommunicationBoxSelectChat-Mobile{
  display:none;
}

#ourCommunicationBoxSelectChat{
  position: absolute;
  left: 0%;
  top: 46%;
  width:23%;
  height:8%;
  opacity:1;
  cursor:pointer;
  border-bottom-style: solid;
  border-color: white;
  border-width: 1px;
  font-family: Arial, Helvetica, sans-serif;
}

.ourBottomMenu-inst{
  position: absolute;
  bottom: 0;
  left: 956px;
  width: 220px;
  height: 40px;
  padding-top: 10px;
  background-color: rgb(229, 12, 17);
  color:white;
  cursor: pointer;
  visibility:hidden;
}

.ourBottomMenuText{
  /*margin-left: 10px;
  margin-right: 10px;*/
  text-align:center;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  font-size:14px;
}

.ourComprMenuText{
  /*margin-left: 10px;
  margin-right: 10px;*/
  text-align:center;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  font-size:14px;
}

/*********************************************Menu all study programs*****************************************************************/
/******************************stolen from https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_arrows******************************************************************************************/
.ourarrow {
  border: solid rgb(230,0,46);
  border-width: 0 3px 3px 0;
  position: relative;
  padding: 3px;
  float:right;
  margin-right:10px;
 
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.backArrow .ourarrow{
  border: solid white;
  border-width: 0 3px 3px 0; 
}

.backStudy .ourarrow{
  border: solid white;
  border-width: 0 3px 3px 0; 
}

.ourright {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.backArrow{
  position: absolute;
  right:1%;
  top:14px;
}

.backStudy{
  position: absolute;
  right:1%;
  top:20px;
}

/***************************************************************************************************************************************/
#ourInstMenu{
  position: absolute;
  bottom: 40px;
  right: calc(100% - 1126px);
  width:500px;
  height:654px;
  z-index: 1560;
  transition: transform 0.25s ease-in-out;
  transform: translateY(699px);
    -webkit-transition: -webkit-transform 0.25s ease-in-out;
    -webkit-transform: translateY(699px);
    background-color: rgb(255,255,255);
    border-top: 3px solid;
    border-top-color: rgb(230,0,46);
}
#ourInstMenuZone{
  position: absolute;
  height:641px;
  width:45%;
  top:0;
  left:0;
  margin-left:30px;
  margin-bottom:50px;
  overflow-y:hidden;
  background-color:white;
  color: #000000;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  font-size:12px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  visibility:hidden;
}

#ourInstMenuZone2{
  position: absolute;
  height:641px;
  width:45%;
  top:0;
  left:45%;
  margin-left:30px;
  margin-bottom:50px;
  overflow-y:hidden;
  background-color:white;
  color: #000000;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  font-size:12px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  visibility:hidden;
}

#ourInstMenuZone3{
  position: absolute;
  height:641px;
  width:24%;
  top:0;
  left:48%;
  margin-left:30px;
  margin-bottom:50px;
  overflow-y:hidden;
  background-color:white;
  color: #000000;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  font-size:12px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  visibility:hidden;
}

#ourInstMenuZone4{
  position: absolute;
  height:641px;
  width:24%;
  top:0;
  left:72%;
  margin-left:30px;
  margin-bottom:50px;
  overflow-y:hidden;
  background-color:white;
  color: #000000;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  font-size:12px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  visibility:hidden;
}

#ourInstMenu ul {
  list-style-type: none;
  padding: 0;
  /*border: 1px solid #ddd;*/
  
}

#ourInstMenu ul li {
  padding: 6px 6px;
  /*border-bottom: 1px solid #ddd;*/
  background-color: rgb(255,255,255);
  color:black;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 300;
  border: 0px;
}

#ourInstMenu ul li:hover{
  background-color: black;
  color:white;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  /*font-weight: bold;*/
  font-size: 12px;
}

#ourInstMenu2 ul {
  list-style-type: none;
  padding: 0;
  /*border: 1px solid #ddd;*/
}

#ourInstMenu2 ul li {
  padding: 6px 6px;
  /*border-bottom: 1px solid #ddd;*/
  background-color: rgb(255,255,255);
  color:black;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 300;
  border: 0px;
}

#ourInstMenu2 ul li:hover{
  background-color: black;
  color:white;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  /*font-weight: bold;*/
  font-size: 12px;
}

#ourInstMenu3 ul {
  list-style-type: none;
  padding: 0;
  /*border: 1px solid #ddd;*/
}

#ourInstMenu3 ul li {
  padding: 6px 6px;
  /*border-bottom: 1px solid #ddd;*/
  background-color: rgb(255,255,255);
  color:black;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 300;
  border: 0px;
}

#ourInstMenu3 ul li:hover{
  background-color: black;
  color:white;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  /*font-weight: bold;*/
  font-size: 12px;
}

#ourInstMenu4 ul {
  list-style-type: none;
  padding: 0;
  /*border: 1px solid #ddd;*/
}

#ourInstMenu4 ul li {
  padding: 6px 6px;
  /*border-bottom: 1px solid #ddd;*/
  background-color: rgb(255,255,255);
  color:black;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 300;
  border: 0px;
}

#ourInstMenu4 ul li:hover{
  background-color: black;
  color:white;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  /*font-weight: bold;*/
  font-size: 12px;
}

/***************************************************************************************************************************************/

.instituteText{
  padding: 10px;
  cursor: pointer;
}

.instituteText:hover {
  background-color: rgb(240,240,240);
  /*background-color: rgba(229,17,17,0.9);*/
}

 /****************************Scrollbar****************************************************************/
/* width */
::-webkit-scrollbar {
  width: 10px;
  border: 0px;
}

/* Track */
::-webkit-scrollbar-track {
  border: 0px;
  border-radius: 6px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: rgb(221,99,102);
  background: rgba(221,99,102,0.8);
  border-radius: 6px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: rgb(255,255,255);
  background: rgba(221,99,102,0.8);
}

/*********************************Ende Scrollbar******************************************************/ 
/*******************************Alles für Chat und Video Konferenz***********************************/

#conferenceVideoWindowMe{
  position: absolute;
  background-color: black;
  color: white;
  top: 2%;
  
  width: 20%;
  height: 20%;
  left: 25%;
  transform: translate(-50%, 0%);
}
#conferenceVideoWindowRemote{
  position: absolute;
  display: flex;
  flex-direction: column;
 background-color:black;
  color: white;
  top:12%;
  
  width: 95%;
  height: 85%;
  left: 50%;
  transform: translate(-50%, 0%);
}

/********************************************************************NEU für Institute Chat****************************************************/
#ourLoadingAnim{
  position:absolute;
  top:50%;
  left:50%;
  width:5%;
  height:5%;
  transform: translate(-50%, -50%);
  z-index: 3500;
  display:none;
  }
  
  #ourHeaderInstChatGroup{
   position: absolute;
   width:50%;
   height:10%;
   cursor:pointer;
   top:0%;
   left:0%;
   border-top-left-radius:6px;
  }
  
  #ourHeaderInstChatText{
   position:absolute;
   top:50%;
   left: 25%;
   font-family: Arial, Helvetica, sans-serif;
   transform: translate(0%, -50%);
   font-size: 20px;
   font-weight: bold;
  }
  
  #ourHeaderInstChat1-1{
   position: absolute;
   width:50%;
   height:10%;
   cursor:pointer;
   top:0%;
   left:50%;
   border-top-right-radius:6px;
  }
  
  .ourHeaderInstChatActive{
     background-color:rgb(210,210,210);
   color: rgb(0,0,0);
  }
  
  .ourHeaderInstChatDeactive{
  background-color:rgb(245,245,245);
   color: rgb(204,204,204);
  }
  
  .ourInst1_1ChatTextContainer{
  position: absolute;
  width:40%;
  height:70%;
  bottom:0%;
  right:0%;
  background-color:rgb(255, 255, 255);
  
  color:black;
  z-index: 1800;
  }
  
  #ourInst1_1ChatTextVerlauf{
  position:absolute;
  width:95%;
  height:85%;
  top:32px;
  left:0%;
  background-color:white;
  color:black;
  font-family: Arial, Helvetica, sans-serif;
  overflow-y:auto;
  overflow-x: hidden;
  padding:5px;
  text-align:left;
  /*word-wrap: break-word;*/
  }
  
  #ourInst1_1ChatInputMessage{
      position: absolute; 
      height: 7%;
      width: 85%;
      bottom: 0%;
      left: 0%;
      background-color: black;
  }
  
  #ourInst1_1ChatInputMessageIcon{
     position:absolute;
     right:2px;
     bottom:2px;
  }
  
  #ourInst1_1ChatSendText{
   width:100%;
   height:100%;
   background-color: white;
   color:black;
  }
  
  .ourInteractiveIcons{
  cursor:pointer;
  }
  
  #ourInst1_1ChatTextHeader{
  position:absolute;
  background-color: rgb(130, 130,130);
  color: white;
  width:100%;
  height:32px;
  top:0%;
  left:0%;
  cursor:pointer;
  }
  
  #ourInst1_1ChatVideoConfStart{
  position:absolute;
  background-color:rgb(229,12,17);
  color:white;
  width:25%;
  height:6%;
  left:3%;
  top:12%;
  cursor:pointer;
  padding-top:10px;
  }

  #ourDisconnect{
    position:absolute;
    background-color:rgb(229,12,17);
    color:white;
    width:25%;
    height:6%;
    right:3%;
    top:12%;
    cursor:pointer;
    padding-top:10px;
    display:none;
    }

    #NameChat{
      font-family: "Segoe WP",
      "Segoe UI",
      "Verdana",
      "Arial";
      font-size: 0.9em;   
    }
    
    #DateChat{
      display: inline;
      font-family: "Segoe WP",
      "Segoe UI",
      "Verdana",
      "Arial";
      font-size: 0.8em;
      margin-left: 10px;    
    }
    
    #ourChatReceivedText{
      margin-bottom: 10px;
      font-family: "Segoe WP",
      "Segoe UI",
      "Verdana",
      "Arial";
      font-size: 0.9em;
      line-height: 1.2;
     width: 90%;
      margin-right:0px;
      padding-right:20px;
      margin-left:40px; 
      word-wrap: break-word;
    }

    .ourAvatarIcons{
      margin-right: 10px;
      display: inline;
      float: left;
      opacity: 1.0;
      border-radius: 50%;
    }

  /*********************************************************Pro Tip Boxen**********************************************************************************/
  .proTipClosed{
    width: 500px;
    height: 216px;
    background-color: white;

  }

  .proTipOpen{
    width: 500px;
    
    background-color: white;
    
  }

  /******************************Tooltips++*************************************************************/
  .tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
  }
  
  .tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
  
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
  }
  
  .tooltip:hover .tooltiptext {
    visibility: hidden;
  }

  p {
    margin:0px;
    padding:0px;
  }

  hr{
    margin-top:5px;
    margin-bottom:15px;
  }

  /***********************insert some ckeditor styles to work outside editing mode***********************************/
  /*figure {
    width: 100%;
  }*/
  
 /* .image {
    width: 100%;
}*/
/* ckeditor5-image/theme/image.css */
/*.image img {
    width: 200%;
    height:auto;
    margin-right:4px;
   background-color: rgb(200,200,200);
}*/
.image-style-side {
  float: right;
  margin-left: var(--ck-image-style-spacing);
  max-width: 50%;
}
/* ckeditor5-image/theme/imagestyle.css */
.image-style-align-left {
  float: left;
  margin-right: var(--ck-image-style-spacing);
}
/* ckeditor5-image/theme/imagestyle.css */
.image-style-align-center {
  margin-left: auto;
  margin-right: auto;
}
/* ckeditor5-image/theme/imagestyle.css */
.image-style-align-right {
  float: right;
  margin-left: var(--ck-image-style-spacing);
}
/* ckeditor5-image/theme/imageresize.css */
.image.image_resized {
  max-width: 100%;
  display: block;
  box-sizing: border-box;
}
/* ckeditor5-image/theme/imageresize.css */
.image.image_resized img {
  width: 100%;
}
/* ckeditor5-image/theme/imageresize.css */
.image.image_resized > figcaption {
  display:none;
}
/* ckeditor5-image/theme/imagecaption.css */
.image > figcaption {
  display: none;
}
/* ckeditor5-image/theme/image.css */
.image {
  display: table;
  clear: both;
  text-align: center;
  margin: 1em auto;
  margin-top:0px;
}
/* ckeditor5-image/theme/image.css */
.image img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  min-width: 50px;
}

/*************************Vimeo CMS*******************************************************/

#ourCMSbuttonTextInput{
  position:absolute;
   top:8px;
   left:61%;
  display:none;
}

#labelButtonText{
  color:white;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
}

.ourEmbedButton{
 float:right;
 margin-top:50px;
 margin-right:5px;
}

#vidlist {
list-style-type: none;
  padding: 0;
}

#vidlist li{
   margin-bottom: 5px;
   width: 100%;
   height: 125px;
   padding-top: 5px;
   padding-left: 5px;
   font-size:13px;
}

#vidlist li:hover{
   background-color: lightgray;
   
}

.listImage{
   vertical-align:middle;
   margin-right: 10px;
}

.ourEventInstituteContainer{
  position: absolute;
   right: 0%;
   width:100%;
   height:100%;
   background-color:black;
   color: white;
   opacity:1.0;
   border-radius: 2%;
   top: 0%;
  margin:0px;
  padding-left:4px;
  padding-right:4px;
  text-align: center;
}

.ourVimeoOverviewWindow{
  margin: 0;
  position: absolute;
  top: 48%;
  left: 31%;
  transform: translate(0%, -50%);
   width:54%;
   height:80%;
   background-color:rgb(255, 255, 255);
   color: black;
   opacity: 1.0;
   z-index: 2000;
  display:none;
  /*border-radius: 2%;*/
 
}

#ourVimeoOverviewWindowHeader{
    position: absolute;
	top:0%;
	left:0%;
	width: 100%;
	height: 5%;
	/*padding: 3px;*/
	padding-left: 10px;
	padding-top:4px;
	background-color:white;
	color:black;
	font-size: 15px;
	font-weight: bold;
	border-radius: 2%;
}
#ourVimeoOverviewWindowBody{
    position: absolute;
	top:5%;
	left:0%;
	width: 100%;
	height: 95%;
	/*padding: 5px;
	background-color:lightgray;
	color:black;
	font-size: 15px;
	font-weight: bold;*/
	border-radius: 2%;
	overflow-y:auto;
}
#ourVimeoOverviewWindowClose{
	float:right;
	cursor:pointer;
}

.embedButton{
text-decoration: none;
   background-color:rgb(229,12,17);
   color:white;
    border: none;
	cursor: pointer;
	padding: 5px 10px;
}

.embedButton:hover{
   background-color:rgb(240,30,40);
}

.ourOpenVimList{
   position:absolute;
   top:8px;
   left:23%;
   cursor:pointer;
   display:none;
  
}

#ourOpenVimShow{
  position:absolute;
   top:8px;
   left:41%;
   cursor:pointer;
   display:none;
 
}

#ourOpenVimList{
  position:absolute;
  top:8px;
  left:23%;
  cursor:pointer;
  display:none;
}

.ourOpenVimShow{
 position:absolute;
  top:8px;
  left:41%;
  cursor:pointer;
  display:none;
}

/********************New Uni Plus stuff********************************************/
.ourUniPlusContainer{
  position:absolute;
  top: 3%;
  left: 1%;
   width: 98%;
   height: 45%;
   background-color: black;
   border-radius: 2%;
   border-style: solid;
    border-width: 4px;
    border-color: rgb(229,12,17);
  }

  .ourUniPlusContainerBottom{
    position:absolute;
    top: 52%;
    left: 1%;
     width: 98%;
     height: 45%;
     background-color: black;
     border-radius: 2%;
     border-style: solid;
      border-width: 4px;
      border-color: rgb(229,12,17);
    }
  
  .ourUniPlusTextArea{
     position:absolute;
     left:0%;
     top:0%;
     width:50%;
     height:100%;
     background-color:white;
     color:black;
     border-radius: 2% 0% 0% 2%;
     padding-left: 20px;
     padding-top: 12px;
     padding-right:57px;
     font-family: unifrutiger, Arial, Helvetica, sans-serif;
    /*font-weight: bold;*/
    font-size: 14px;
  }
  
  .ourUniPlusArrow{
     margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor:pointer;
  }
  
  .ourUniPlusImage{
    position:absolute;
    width: 230px;
    height:160px;
     top: 50%;
    right: 10px;
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    background-color:black;
    display:block;
  }

  .ourNewBackButton{
    position: absolute;
    right:0%;
    top:25%;
    width:107px;
    height:46px;
    cursor:pointer;
    z-index: 2000;
    display:none;
    background-color:rgb(229,12,17);
    color: white;
  text-align:left;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  font-size:16px;
  padding-top:9px;
  padding-left:10px;
  }

  .ourNewBackButtonStart{
    position: absolute;
    right:0%;
    top:25%;
    width:150px;
    height:46px;
    cursor:pointer;
    z-index: 2000;
    display:none;
    background-color:rgb(230,0,46);
    color: white;
  text-align:left;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  font-size:16px;
  padding-top:9px;
  padding-left:10px;
  }

  /********************************New Services Stuff*********************************************/
  .triangle-right {
    position:absolute;
    top:8px;
    right:9px;;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-left: 20px solid white;
    border-bottom: 15px solid transparent;
  }
  
  .ourServicesVideoButtonContainer{
     width:250px;
     height: 50px;
     background-color:white;
     border-radius: 3px 7px 7px 3px;
     cursor:pointer;
     visibility: hidden;
  }

  .ourServicesVideoButtonContainer-Mobile{
    width:250px;
    height: 50px;
    background-color:white;
    border-radius: 3px 7px 7px 3px;
    cursor:pointer;
    visibility: hidden;
 }
  
  .ourServicesVideoButtonEnd{
     position:absolute;
     right:0%;
     top:0%;
     width:50px;
     height: 50px;
     background-color:rgb(229,12,17);
     border-radius: 0px 7px 7px 0px;
  }
  
  .ourServicesVideoButtonText{
     position:absolute;
     left:5%;
     top:28%;
     width:200px;
     height: 50px;
     color:rgb(229,12,17);
     font-family: unifrutiger, Arial, Helvetica, sans-serif;
     font-size:18px;
     font-weight:bold;
  }


#serviceB-1{
   opacity:0.6;
}
#serviceB-2{
  opacity:0.6;
}
#serviceB-3{
  opacity:0.6;
}
#serviceB-4{
  opacity:0.6;
}
#serviceB-5{
  opacity:0.6;
}
#serviceB-6{
  opacity:0.6;
}




#serviceB-1:hover{
  opacity:1.0;
}
#serviceB-2:hover{
 opacity:1.0;
}
#serviceB-3:hover{
 opacity:1.0;
}
#serviceB-4:hover{
 opacity:1.0;
}
#serviceB-5:hover{
 opacity:1.0;
}
#serviceB-6:hover{
  opacity:1.0;
 }








  /* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

/*********************Agenda NEU Masters day*******************************************/
table td{
  vertical-align: top;
  text-align:left;
}
.ourAgendaTable{
  position: absolute;
  left:1%;
  width:99%;
  height:80%;
  top:11%;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  font-size:12px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom:10px;
  
}


.textevent{
	/*width:13vw;*/
  width:180px;
	vertical-align: top;
	padding-right:15px;
  word-wrap: break-word;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  font-size:12px;
  color:black;
  margin-left:10px;
}

.whichstudy{
	/*width:15vw;*/
  width:270px;
	vertical-align: top;
  word-wrap: break-word;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  font-size:12px;
  color:black;
}


.timefrom{
  
	vertical-align: top;
	font-weight:bold;

	text-align:left;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  font-size:12px;
  color:black;
  padding: 0;
  margin:0;
}

.timeseper{
 
	vertical-align: top;
	font-weight:bold;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  font-size:12px;
  color:black;
  padding:0;
  margin:0;
}

.timeseper p{
   width: 0px;
   margin:0;
   padding:0;
}


.timeto{
  
	vertical-align: top;
	text-align:left;
	font-weight:bold;
	/*padding-right:5px;*/
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  font-size:12px;
  color:black;
  padding: 0;
  margin:0;
}

.myTable{
	color:black;
	margin-top:5px;
 
}

.myTable td{
  border:0px;
	border-bottom: 1px solid #969696;
	padding-bottom:10px;
	padding-top: 10px;	
  padding-left: 0;
  margin-left:0;
  padding-right: 0;
  margin-right:0;
  
}

.myTable th{
	vertical-align: top;
	text-align:left;
	border-bottom: 1px solid #969696;

}


.myTable tr{
	cursor:pointer;
}

.myTable tr:hover{
	background-color: rgb(240, 240, 240);
}

.agendaBezeichnungHeadline{
   position:absolute;
   top:5%;
   left:1%;
   width:95%;
  
   font-family: unifrutiger, Arial, Helvetica, sans-serif;
   font-size:18px;
   font-weight:bold;
  color: rgb(229, 12, 17); 

}

.agendaSortTime{
   font-family: unifrutiger, Arial, Helvetica, sans-serif;
   font-size:11px;
   font-weight:bold;
  color: rgb(229, 12, 17); 
  cursor:pointer;
 
}

.agendaLiveChat{
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  font-size:11px;
  font-weight:bold;
 color: rgb(229, 12, 17); 
 
}

.agendaSortStudies{
   font-family: unifrutiger, Arial, Helvetica, sans-serif;
   font-size:11px;
   font-weight:bold;
  color: rgb(229, 12, 17); 
  cursor:pointer;
}

.agendaBezeichnungHeadline hr{

    border: none;
    height: 2px;
    /* Set the hr color */
    color: #000; /* old IE */
    background-color: #000; /* Modern Browsers */
	margin-bottom:10px;
}

.ourAgendaTable thead th { 
	position: sticky; 
	top: 0px; 
	background-color:white;
	height:20px;
	margin-top:5px;
	}

.ourNewAgendaContainerZombie{
	position: absolute;
	width: 58%;
	height:58%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color:rgb(229,12,17);
  background-color:rgba(229,12,17,0.8);
	border-radius:20px;
  display:none;
}

.ourNewAgendaContainer{
	position: absolute;
	width: 58%;
	height:58%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius:20px;
  display:none;
}

.ourNewAgendaWhiteContainer{
	position:absolute;
	width: 75%;
	height:85%;
	top: 50%;
	right: 4%;
	transform: translate(0%, -50%);
	background-color:white;
	border-radius:12px;
	overflow-y:auto;
	padding:10px;
}
.ourNewAgendaCloseButton{
	position:absolute;
	left: 3%;
	bottom:5%;
	cursor:pointer;
}

.ourMobileAgendaHeadline{
  display:none;
}

.ourAgendaTableTime{
	position:absolute;
	left:3%;
	top:12%;
	width:100px;
	height:20px;
	
	color:white;
	font-family: unifrutiger, Arial, Helvetica, sans-serif;
   font-size:15px;
   font-weight:bold;
   display:none;
}
.ourAgendaTableDate{
	position:absolute;
	left:3%;
	top:16%;
	width:15%;
	height:30px;
	
	color:white;
	font-family: unifrutiger, Arial, Helvetica, sans-serif;
   font-size:12px;
   font-weight:normal;
   display:none;
}
/***********************************Ende Agenda Neu**************************************************/
/**********************Tip Box New***********************************************/
.ourTipBoxContainer{
/*	position:absolute;
	top:10%;
	left:30%;*/
	width:460px;
	height:180px;
	background-color:white;
	border-left-style: solid;
	border-left-width: 6px;
	border-left-color: rgb(229,12,17);
	border-radius: 0px 22px 22px 0px; 
  /*visibility:hidden;*/
  display:none;
}

.ourTipBoxCMSContainer{
	position:absolute;
	top:5%;
	left:30%;
	width:460px;
	height:650px;
	background-color:white;
  color:black;
	border-left-style: solid;
	border-left-width: 6px;
	border-left-color: rgb(229,12,17);
	border-radius: 0px 22px 22px 0px; 
  display:none;
  overflow: hidden;
}

.ourTipCMSMainText{
	position:absolute;
	width:430px;
	height:440px;
	left:19px;
	top: 180px;
	overflow-y:auto;
  overflow-x: hidden;
	color:black;
  font-family: unifrutiger,Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-right:25px;
	line-height: 19px;	
	opacity:1;
}

.ourTipCMSeditor{
  position:absolute;
  width:100%;
  height:100%;
  left:0px;
  top:0px;
  overflow: hidden;
}

#ourTipBoxContainerLernraum{
visibility:hidden;

}

#ourTipBoxContainerFabrik{
  visibility:hidden;
 
  }

.ourTipIcon{
	margin:0%;
	padding:0%;
	position: absolute;
	bottom:-4px;
	right:0%;
	cursor:pointer;
}

.ourTipRedHeader{
	position:absolute;
	top:16px;
	left:19px;
	color: rgb(229,12,17);
  font-family: unifrutiger,Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:18px;
}

.ourTipHeadline{
  position:absolute;
	top:49px;
	left:19px;
  width:100%;
  padding-right:15px;
	color: black;
  font-family: unifrutiger,Arial, Helvetica, sans-serif;
  padding-right:25px;
	font-size:18px;
	line-height: 22px;
}

.ourTipCMSHeadline{
  position:absolute;
	top:49px;
	left:19px;
  width:440px;
  padding-right:15px;
	color: black;
  font-family: unifrutiger,Arial, Helvetica, sans-serif;
 
	font-size:18px;
	line-height: 22px;
  overflow: hidden;
}

.ourTipMainText{
	position:absolute;
	width:100%px;
	height:449px;
	left:19px;
	top: 180px;
	overflow-y:auto;
  overflow-x: hidden;
	color:black;
  font-family: unifrutiger,Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-right:25px;
	line-height: 19px;	
	opacity:0;
  display:none;
}


.textfade{
  -webkit-animation-name: textfadein;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-delay: 0.2s;
  -webkit-animation-fill-mode: forwards;
  
  -moz-animation-name: textfadein;
  -moz-animation-duration: 0.5s;
  -moz-animation-delay: 0.2s;
  -moz-animation-fill-mode: forwards;
  
  animation-name: textfadein;
  animation-duration: 0.5s;
  animation-delay: 0.4s;
  animation-fill-mode: forwards;
}

.tipopen {
  -webkit-animation-name: tipboxopen;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  
  -moz-animation-name: tipboxopen;
  -moz-animation-duration: 0.5s;
  -moz-animation-fill-mode: forwards;
  
  animation-name: tipboxopen;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
 
}

.tipclose {
  -webkit-animation-name: tipboxclose;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  
  -moz-animation-name: tipboxclose;
  -moz-animation-duration: 0.5s;
  -moz-animation-fill-mode: forwards;
  
  animation-name: tipboxclose;
  animation-duration: 0.5s;
  animation-fill-mode:forwards;
 
}

@-webkit-keyframes tipboxopen {
  0%   {
    width:460px;
    height:180px;
  }
  100% {
    width:460px;
    height:681px;
  }
}
@-moz-keyframes tipboxopen {
  0%   {
    width:460px;
    height:180px;
  }
  100% {
    width:460px;
    height:681px;
  }
}
@keyframes tipboxopen {
  0%   {
    width:460px;
    height:180px;
  }

  100% {
    width:460px;
    height:681px;
  }
}

@-webkit-keyframes tipboxclose {
  0%   {
    width:460px;
    height:681px;
  }
  100% {
    width:460px;
    height:180px;
  }
}
@-moz-keyframes tipboxclose {
  0%   {
    width:460px;
    height:681px;
  }
  100% {
    width:460px;
    height:180px;
  }
}
@keyframes tipboxclose {
  0%   {
    width:460px;
    height:681px;
  }
  100% {
    width:460px;
    height:180x;
  }
}

@-webkit-keyframes textfadein {
  from { opacity: 0; }
    to { opacity: 1; }
}
@-moz-keyframes textfadein {
  from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes textfadein {
    from { opacity: 0; }
    to { opacity: 1; }
}

/**********************ENDE Tip Box New***********************************************/
/********************************Photo Gallery****************************************/

.ourGalleryContainerZombie{
	position: absolute;
	width: 550px;
	height:800px;
	top: 1%;
	left: 30%;
	background-color:rgb(229,12,17);
	border-radius:20px;
}

#ourGalleryContainerZombie{
  mix-blend-mode: multiply;
  visibility: hidden;
  position: absolute;
	width: 650px;
	height:850px;
	top: 1%;
	left: 30%;
	background-color:rgb(229,12,17);
	border-radius:20px;
}

.ourGalleryContainer{
	position: absolute;
	width: 45%;
	height:96%;
	top: 1%;
	left: 30%;
	border-radius:20px;
}

#ourGalleryContainer{
  visibility: hidden;
  position: absolute;
	/*width: 950px;
	height:900px;*/
  width:85vw;
  height:140vh;
	top: 1%;
	left: 30%;
	background-color:rgba(229,12,17,0.7);
	border-radius:20px;
  visibility: hidden;
}

#ourGallerySelectFoto{
  position: absolute;
  left: 0%;
  top: 12%;
  width:23%;
  height:6%;
  opacity:1;
  cursor:pointer;
  border-top-style: solid;
  border-color: white;
  border-width: 1px;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  display:none;
}

#ourGallerySelectQuiz{
  position: absolute;
  left: 0%;
  top: 18%;
  width:23%;
  height:6%;
  /*background-color:white;*/
  opacity:1;
  cursor:pointer;
  
  border-top-style: solid;
  border-bottom-style: solid;
  border-color: white;
  border-width: 1px;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  display:none;
}

.ourGallerySelectSelected{
  background-color:white;
}

.ourGalleryText{
  color:white;
   margin-left:15%;
 margin-top:6%;
 font-family: unifrutiger, Arial, Helvetica, sans-serif;
 font-size:20px;
}

.ourGalleryTextSelected{
 color:red;
 margin-left:15%;
 margin-top:6%;
 font-weight: bold;
 font-family: unifrutiger,Arial, Helvetica, sans-serif;
 font-size:18px;
}

.ourGalleryWhite{
	position: absolute;
	width:80%;
	height:94%;
	top:3%;
	left:17%;
	background-color:white;
	border-radius:12px;
  
}

.ourGalleryContent{
  position: absolute;
  left: 2%;
  width:97%;
  height:94%;
  color: rgba(255,255,255,1);
  color: black;
  padding-left:5%;
  padding-right:5%;
  opacity:1.0;
  top: 3%;
  overflow-y:auto;
  overflow-x:hidden;
  word-wrap: normal;
}

.ourGalleryQuizEdit{
  position: absolute;
  width:100%;
  height:100%;
  top:0%;
  left:0%;
}

.ourGallerySlide{
	position: absolute;
	width:95%;
	height:55%;
	top:10%;
	left:50%;
	transform: translate(-50%, 0%);
	background-color:lightgray;
}

.ourGallerySlide img {
  position:absolute;
  left:0;
  top:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

.ourGallerySlide img.transparent {
opacity:0;
}

.ourGallerySingleSlidesArea{
	position:absolute;
	width:96%;
	height:32%;
	left: 2.5%;
	top: 67%;
	background-color:white;	
	overflow-y:auto;
	overflow-x:hidden;
}

.ourGallerySingleSlides{
	float: left;
	width: 19%;
	height:33%;
	margin-right:1%;
	margin-bottom:1%;
	cursor:pointer;
	opacity: 0.6;
}

.ourGallerySingleSlides:hover{
	opacity:1.0;
}

.ourGalleryArrowLeft{
	position: absolute;
	left:0%;
	top:50%;
	transform: translate(0%, -50%);
	cursor:pointer;
	opacity: 0.4;
}

.ourGalleryArrowRight{
	position: absolute;
	right:50px;
	top:50%;
	transform: translate(0%, -50%);
	cursor:pointer;
	opacity: 0.4;	
}

.ourGalleryArrowLeft:hover{
	opacity:0.7;
}
.ourGalleryArrowRight:hover{
	opacity:0.7;
}

.ourGalleryCloseButton{
	position:absolute;
	left: 3%;
	bottom:3%;
	cursor:pointer;
}

.ourGalleryHeadline{
	position:absolute;
	left: 2.5%;
	top:2.0%;
  font-family: unifrutiger,Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: rgb(229,12,17);
}

.ourGallerySubline{
	position:absolute;
	left: 2.5%;
	top:5%;
  font-family: unifrutiger,Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: rgb(0,0,0);
}

#ourGallerySmallSub{
  position:absolute;
	left: 2.5%;
	top:15%;
  font-family: unifrutiger,Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: rgb(0,0,0);
}

#ourGalleryTip{
  position:absolute;
  left: 2.5%;
  top: 24%;
  width: 400px;
  height: 60px;
  padding: 10px;
  background-color: rgba(229,12,17,1.0);
  border-radius: 0px 10px 10px 0px;
  border-left: 4px solid black;
  color: white;
  font-family: unifrutiger,Arial, Helvetica, sans-serif;
	font-size: 14px;
 
}

#ourGalleryDownload{
  position:absolute;
  top: 34%;
  left: 2.5%;
  color:black;
  font-family: unifrutiger,Arial, Helvetica, sans-serif;
   font-weight: bold;
	font-size: 15px;
}

#ourGalleryNumber1{
   position:absolute;
   width:3.5vh;
   height:3.5vh;
   left: 2.5%;
   top: 45%;
   background-color: black;
   color:white;
   font-family: unifrutiger,Arial, Helvetica, sans-serif;
   font-weight: bold;
	font-size: 15px;
  text-align: center;
}

.ourGallerySingleSlides img{
  width: 100%;
  height: 100%;
}

#ourGalleryNumber1AnswerA{
  position:relative;
  margin-top:30px;
}
#ourGalleryNumber1AnswerB{
  position:relative;
  margin-top:20px;
}
#ourGalleryNumber1AnswerC{
  position:relative;
  margin-top:20px;
}

.editGallery{
  
  display:inline;
  width:100%;
  height:100%;
 
}

.ourGalleryQuestionText{
  margin-left: 35px;
  margin-bottom: 0.5vh;
  font-family: unifrutiger,Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight:normal;
  color:black;
}

#ourGalleryNumber1horizontal{
  position:absolute;
  left: 2.5%;
  top:45%;
  width: 95%;
}

#ourGalleryNumber2{
  position:absolute;
  width:3.5vh;
  height:3.5vh;
  left: 2.5%;
  top: 70%;
  background-color: black;
  color:white;
  font-family: unifrutiger,Arial, Helvetica, sans-serif;
  font-weight: bold;
 font-size: 15px;
 text-align: center;
}

#ourGalleryNumber2horizontal{
  position:absolute;
  
  left: 2.5%;
  top:70%;
  width: 95%;
}

#ourGalleryNumber2AnswerA{
  position:relative;
 margin-top:30px;
}
#ourGalleryNumber2AnswerB{
  position:relative;
  margin-top: 20px;
}
#ourGalleryNumber2AnswerC{
  position:relative;
  margin-top: 20px;
}

#ourGalleryNumber3{
  position:absolute;
  width:3.5vh;
  height:3.5vh;
  left: 2.5%;
  top: 95%;
  background-color: black;
  color:white;
  font-family: unifrutiger,Arial, Helvetica, sans-serif;
  font-weight: bold;
 font-size: 15px;
 text-align: center;
}

#ourGalleryNumber3horizontal{
  position:absolute;
  /*border-top:2px solid black;*/
  left: 2.5%;
  top:95%;
  width: 95%;
}

#ourGalleryNumber3AnswerA{

  position:relative;
  left: 0%;
  top: 15%;
  margin-top:30px;
}
#ourGalleryNumber3AnswerB{
  position:relative;
  left: 0%;
  top: 25%;
  margin-top:20px;
}
#ourGalleryNumber3AnswerC{
  position:relative;
  left: 0%;
  top: 35%;
  margin-top:20px;
}

.ourGalleryQuizAnswerText{
  display:inline;
  padding-left:40px;
  white-space:nowrap;
  color:black;
  font-family: unifrutiger,Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 15px;
  text-align: center;
}

.ourGalleryQuizBubbles{
  width:3.5vh;
  height:3.5vh;
  padding-left:0.8vh;
  border-style: solid;
  border-width: 2px;
  border-radius: 50%;
  color:#36b5b6;
  font-family: unifrutiger,Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 15px;
  /*text-align: center;*/
  cursor:pointer;
}

.ourGalleryQuizBubbles p{
  display: inline; 
  padding:0;
  margin:0;
  text-align: center;
}

.ourGalleryQuizBubblesActive{
  /*width:3.5vh;
  height:3.5vh;
  padding-left:0.8vh;
  border-style: solid;*/
 /* border-width: 0px;*/
 /* border-radius: 50%;*/
  color:white;
  background-color: #36b5b6;
  border-color: #36b5b6;
  /*font-family: unifrutiger,Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 15px;
  text-align: center;
  cursor:pointer;*/
}


#ourQuizSendResult{
  position:absolute;
  padding-top:7px;
  top:120%;
  right:50%;
  transform: translate(50%,0%);
  width: 18%;
  height:4.5%;
  background-color: #36b5b6;
  color:white;
  font-family: unifrutiger,Arial, Helvetica, sans-serif;
  /*font-weight: bold;*/
  font-size: 17px;
  text-align: center;
  border-radius: 4px;;
  cursor:pointer;
}

#ourQuizDanke{
  position:absolute;
  top:50%;
  right:50%;
  
  white-space:nowrap;
  transform: translate(50%,-50%);
  color:black;
  font-family: unifrutiger,Arial, Helvetica, sans-serif;
  font-size: 26px;
}

#ourQuizDisclaimer{
  position:absolute;
  top:140%;
  left: 2.5%;
  color:black;
  font-family: unifrutiger,Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: italic;
}

#ourGalleryOpenIcon{
   visibility: hidden;
   cursor:pointer;
}

strong {
  font-weight: bold;
}
/***************************************alert message********************************/
.bubbleContainer{
  position:absolute;
  bottom:60px;
  left:542px;
  font-family: unifrutiger,Arial, Helvetica, sans-serif;
  display:none;
  z-index:3000;
}

.bubbleClose{
   position:absolute;
   top:5px;
   right:5px;
   width:25px;
   height:25px;
   
   cursor:pointer;
   z-index:3010;
}

.speech-bubble {
 position: relative;
 background: rgba(229,12,17,0.7);
 border-radius: 7px;
 font-size: 12px;
 padding-left: 16px;
 padding-right:12px;
 padding-top:39px;
 padding-bottom:32px;
 line-height: 16px;
 color:white;
 font-family: unifrutiger,Arial, Helvetica, sans-serif;
}

.speech-bubble:after {
 content: '';
 position: absolute;
 bottom: 0;
 left: 50%;
 width: 0;
 height: 0;
 border: 11px solid transparent;
 border-top-color: rgba(229,12,17,0.7);
 border-bottom: 0;
 margin-left: -11px;
 margin-bottom: -11px;
}

/******************************************@media stuff******************************************************/
#stupidWhiteBar{
  position:absolute;
  top:0%;
  left:0%;
  width:100%;
  height:15%;
  display:none;
}
#ourLogoRightTopMobile{
  position: absolute;
  top:2%;
  right:0%;
  width: 90px;
    height: 69px;
  display:none;
}

#ourTrick{
  position: absolute;
  right:2%;
  top:40%;
}

#helpdeskPanelMenuImg{
  width: 100%;
  height:100%;
}

@media screen and (max-width: 1435px) {

  .bubbleContainer{
    position:absolute;
    bottom:60px;
    left:180px;
    font-family: unifrutiger,Arial, Helvetica, sans-serif;
    display:none;
    z-index:3000;
  }

  #ourInstMenu{
    position: absolute;
    bottom: 40px;
    left: 0px;
    width:500px;
    height:654px;
    z-index: 1560;
    transition: transform 0.25s ease-in-out;
    transform: translateY(699px);
      -webkit-transition: -webkit-transform 0.25s ease-in-out;
      -webkit-transform: translateY(699px);
      background-color: rgb(255,255,255);
      border-top: 3px solid;
      border-top-color: rgb(230,0,46);
  }

  .ourBottomMenu-inst{
    position: absolute;
    bottom: 0;
    left: 592px;
    width: 220px;
    height: 40px;
    padding-top: 10px;
    background-color: rgb(229, 12, 17);
    color:white;
    cursor: pointer;
    visibility:hidden;
  }
}

@media screen and (max-width: 420px) { /*Mobile Portrait*/

  #stupidWhiteBar{
    position:absolute;
    top:0%;
    left:0%;
    width:100%;
    height:100px;
    background-color: rgb(255,255,255);
    /*background-color: rgba(255,255,255,0.9);*/
    display:block;
  }

  #ourLogoRightTopMobile{
    position: absolute;
    top:2%;
    right:0%;
    width: 90px;
    height: 69px;
    display:block;
  }

  .ourarrow {
    border: solid rgb(255,255,255);
    border-width: 0 3px 3px 0;
    position: relative;
    padding: 3px;
    float:right;
    margin-right:10px;
   
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  

  .up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
  }

  .down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }

  .ourright {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  
  .left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
  }

  #ourTrick{
    position: absolute;
    right:39%;
    top:38%;
  }

  .backArrow{
    position: absolute;
    right:1%;
    top:14px;
  }

  .backStudy{
    position: absolute;
    right:1%;
    top:14px;
  }

  #ourHelpdeskPanel{
    font-size: 0.9em;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: calc(100vw - 125px);
    z-index: 2500;
	  transition: transform 0.25s ease-in-out;
	  transform: translateY(25em);
    -webkit-transition: -webkit-transform 0.25s ease-in-out;
    -webkit-transform: translateY(25em);
   /* display:none;*/
}

#clickableHelpdeskKnob{
  position: absolute;
  background-color: #ffffff;
  opacity: 1.0;
  height: 40px;
  width: 100%;
  top: -40px;
  left: 0px;
  z-index: 2500;
  cursor: pointer;
  border-top: 3px solid;
    border-top-color: rgb(255,255,255);
}

#ourInputMessage{
  position: absolute;
  background-color: #ffffff;
  opacity: 1.0;
  height: 3em;
  width: 100%;
  bottom: -3em;
  left: 0px;
  z-index: 2500; 
  background-color: black;
  color: white;
  padding-top: 5px;
}

#helpdeskPanelMenuImg{
  width: 100%;
  height:100%;
}

.ourNewBackButton{
  position: absolute;
  right:0%;
  top:100px;
  width:107px;
  height:40px;
  cursor:pointer;
  z-index: 1500;
  display:none;
  background-color:rgb(229,12,17);
  color: white;
  text-align:left;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  font-size:14px;
  padding-top:8px;
  padding-left:10px;
}
.ourNewBackButtonStart{
  position: absolute;
  right:0%;
  top:100px;
  width:150px;
  height:40px;
  cursor:pointer;
  z-index: 1500;
  display:none;
  background-color:rgb(230,0,46);
  color: white;
  text-align:left;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  font-size:14px;
  padding-top:8px;
  padding-left:10px;
}

#ourAnleitungPopupImg{
  opacity: 0.9;
  width: 60vw;
  height:auto;
}

.ourWelcomeContainer{
  position: absolute;
  /* top:20%;
   left: 5%;*/
   margin:0;
   padding:0;
   background-color: rgb(230,0,46);
   background-color: rgba(230,0,46,0.8);
   color: black;
   width: 98vw;
   height: 52vw; 
   border-radius: 12px;
   right:0%;
   bottom:40%;
   white-space: nowrap;
   z-index: 1550;
   display:none;
 }
 
 .ourWelcomeContainerSmall{
  position: absolute;
  margin:0;
   padding:0;
   background-color: rgb(230,0,46);
   background-color: rgba(230,0,46,0.8);
   color: black;
   width: 80vw;
   height: 42vw; 
   border-radius: 12px;
   left:2%;
   bottom: 2%;
   white-space: nowrap;
   z-index: 1550;
 }

 .ourFoyerDownloadZombie{
  margin: 0;
  width:120vw;
  height:450px;
  background-color:rgb(229,12,17);
  background-color: rgba(229,12,17,0.8);
 border-radius: 2%;
 visibility: hidden;
}

.thePdfDownloadText{
  display:inline-block;
  width:250px;
  height:50px;
  background-color: white;
  margin-left:50px;
  padding-top: 10px;
  padding-left: 5px;
  overflow:hidden;
}

.ourWhiteFoyerDownloadContainer{
  position: absolute;
  right: 2%;
  width:88%;
  height:90%;
  background-color: white;
  color: black;
  opacity:1.0;
  border-radius: 2%;
  top: 50%;
  transform: translate(0%, -50%);
}

.ourBottomMenu-inst{
  position: absolute;
  left:0%;
  top:100px;
  width: calc(100vw - 107px);
  height: 40px;
  padding-top: 10px;
  background-color: rgb(229, 12, 17);
  color:white;
  cursor: pointer;  
  border-right-style: solid;
  border-color: white;
  border-width: 4px;
  visibility:hidden;
}

#ourInstMenu{
  position: absolute;
  top: 140px;
  right: 0%;
  width:100%;
  height:calc(100vh - 180px);
  z-index: 1560;
  overflow-y: auto;
  transition: transform 0.25s ease-in-out;
  transform: translateY(100vh);
    -webkit-transition: -webkit-transform 0.25s ease-in-out;
    -webkit-transform: translateY(100vh);
    background-color: rgb(255,255,255);
    border-top: 3px solid;
    border-top-color: rgb(230,0,46);
}

#ourInstMenuZone{
  position: absolute;
  height:800px;
  width:45%;
  top:0;
  left:0;
  margin-left:30px;
  margin-bottom:50px;
 
  background-color:white;
  color: #000000;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  font-size:12px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  visibility:hidden;
}


#ourInstMenuZone2{
  position: absolute;
  height:800px;
  width:45%;
  top:0;
  left:45%;
  margin-left:30px;
  margin-bottom:50px;
  
  background-color:white;
  color: #000000;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  font-size:12px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  visibility:hidden;
}

/********************Institutes Portrait Mode******************************/
#ourRedInstitutContainer{
  margin: 0;
  position: absolute;
  top: 100px;
  left: 0%;
  transform: translate(0%, 0%);
   width:100%;
  /* height:calc(100vh - 260px);*/
  height:100%;
  /* background-color:rgb(229,12,17);
   background-color: rgba(229,12,17,0.0);*/
   color: white;
  overflow:hidden;
   z-index: 1600;
   border-radius: 0%;
  display:none;
}

#ourRedInstitutContainerZombie{
  margin: 0;
  position: absolute;
  top: 100px;
  left: 0%;
  transform: translate(0%, 0%);
  width:100%;
  height:80px;
   background-color:rgb(229,12,17);
 
  overflow:hidden;
   color: white;
  
   z-index: 1600;
   border-radius: 0%;
  display:none;
}

.multiply {mix-blend-mode: normal;}

.ourWhiteInstitutContainer{
  position: absolute;
  right: 0%;
  width:100%;
 /* height:calc(100vh - 318px);*/
 height:60%;
  background-color:white;
  color: black;
  border-radius: 0%;
  top: 8%;
  transform: translate(0%, 0%);
  overflow:hidden;
}

#ourInstitutTitle{
  font-family: unifrutiger,Arial, Helvetica, sans-serif;
    position: absolute;
    left: 4%;
    top: 2.5%;
    font-size: 14px;
    font-weight: bold;
    color:white;
    width: 100%;
    line-height: 1.6;
    overflow:hidden;
  }

  .ourInfoHead{
    margin-top: 5%;
  margin-bottom: 12%;
    font-size: 25px;
    font-family: Arial, Helvetica, sans-serif;
    display:none;
 }

 .ourInstitutContent{
   position: absolute;
   left: 0%;
   width:100%;
   height:90%;
   color: rgba(255,255,255,1);
   color: black;
   /*padding-left:5%;
   padding-right:5%;*/
   opacity:1.0;
   top: 3%;
   overflow-y:auto;
   overflow-x:hidden;
   word-wrap: normal;
}

.theEditor{
  margin-left:0%;
  font-family:unifrutiger, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.43em;
  width:100%;
  word-wrap: break-word; 
}

.ourCloseTheBox{
  position: absolute;
  left: 89%;
  top: 2%;
  height:35px;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  overflow:hidden;
  cursor:pointer;
}

.text-small {
  font-size: 14px;
}

.text-big {
  font-size: 14px;
}

.ourUniPlusTextArea .text-big {
  font-size: 14px;
}

.instituteMobileMenu{
  width: 100%;
  height: 100%;
  display:none;
}

.comboxMobileMenu{
  width: 100%;
  height: 100%;
  display:none;
}

#ourInstitutSelectOverview{
  position: absolute;
  left: 0%;
  top: calc(100vh - 258px);
  width:100%;
  height:40px;
  opacity:1;
  cursor:pointer;
  border-top-style: solid;
  border-color: rgb(229,12,17);
  border-width: 2px;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  z-index: 1700;
  display:none;
}

#ourInstitutSelectOverview-Mobile{
  position: absolute;
  left: 0%;
  bottom: 120px;
  width:100%;
  height:40px;
  opacity:1;
  cursor:pointer;
  border-top-style: solid;
  border-color: rgb(229,12,17);
  border-width: 2px;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  z-index: 1700;
  display:block; 
}

#ourInstitutSelectLivestream{
  position: absolute;
  left: 0%;
  top: calc(100vh - 218px);
  width:100%;
  height:40px;
  /*background-color:white;*/
  opacity:1;
 
  z-index: 1700;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-style: solid;
  border-color: white;
  border-width: 1px;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  display:none;
}

#ourInstitutSelectLivestream-Mobile{
  position: absolute;
  left: 0%;
  bottom: 80px;
  width:100%;
  height:40px;
  opacity:1;
  cursor:pointer;
  border-top-style: solid;
  border-color: white;
  border-width: 1px;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  z-index: 1700;
  display:block;
}

#ourInstitutSelectChat{
  position: absolute;
  left: 0%;
  top: calc(100vh - 178px);
  width:100%;
  height:40px;
  opacity:1;
  cursor:pointer;
  border-bottom-style: solid;
  border-color: white;
  border-width: 1px;
  font-family: Arial, Helvetica, sans-serif;
  z-index: 1700;
  display:block;
}

#ourInstitutSelectChat-Mobile{
  position: absolute;
  left: 0%;
  bottom: 40px;
  width:100%;
  height:40px;
  opacity:1;
  cursor:pointer;
  border-top-style: solid;
  border-color: white;
  border-width: 1px;
  font-family: unifrutiger, Arial, Helvetica, sans-serif;
  z-index: 1700;
  display:block;
}

.ourInstituteText{
  color:white;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
 font-family: unifrutiger, Arial, Helvetica, sans-serif;
 font-size:16px;
 z-index: 1710;
}

.ourInstituteTextSelected{
	color:red;
	/*margin-left:15%;
	margin-top:6%;*/
	font-weight: bold;
  font-family: unifrutiger,Arial, Helvetica, sans-serif;
  font-size:16px;
  text-align:center;
  z-index: 1710;  
}

.ourInstPdfDownload{
  background-image: url('../custom-images/pdf-dl-icon.png'); 
  cursor:pointer;
  margin-left:0%;
  margin-bottom:2%;
  margin-top: 10px;
  vertical-align: text-top;
  width: 51px;
  height:40px;
}

.thePdfDownloadText{
  display:inline-block;
  width:300px;
  height:50px;
  background-color: white;
  margin-left:40px;
  padding-top: 5px;
  padding-left: 5px;
  word-wrap: break-word; 
}

.ourContactDiv{
  background: white;
  color:black;
  margin-left:0%;
  margin-top:-15px;
  width: 85%;
  height:100px;
}

.myContainer {
  position: relative;
  width:100%;
}

.myColumn {
  float: left;
  width: 24%;
  margin-right:2px;
 background-color:white;
 cursor: pointer;
 opacity:1.0;
}

.ourEventInstituteContainer{
  position: absolute;
   right: 0%;
   width:100%;
   height:100%;
   background-color:black;
   color: white;
   opacity:1.0;
   border-radius: 0%;
   top: 0%;
  margin:0px;
  padding-left:2px;
  padding-right:2px;
  text-align: center;
}

#serviceB-1-Mobile{
  opacity:0.6;

}
#serviceB-2-Mobile{
 opacity:0.6;

}
#serviceB-3-Mobile{
 opacity:0.6;

}

.ourServicesVideoButtonContainer{
  width:250px;
  height: 50px;
  background-color:white;
  border-radius: 3px 7px 7px 3px;
  cursor:pointer;
  visibility: hidden;
}

.ourServicesVideoButtonContainer-Mobile{
 width:250px;
 height: 50px;
 background-color:white;
 border-radius: 3px 7px 7px 3px;
 cursor:pointer;
 visibility: hidden;
}

#ourCommunicationBox{
  margin: 0;
  position: absolute;
  top: 100px;
  left: 0%;
  transform: translate(0%, 0%);
   width:100%;
  /* height:calc(100vh - 260px);*/
  height:100%;
  background-color:rgb(229,12,17);
  /* background-color: rgba(229,12,17,0.0);*/
   color: white;
  overflow:hidden;
   z-index: 1600;
   border-radius: 0%;
  display:none;
}

#ourCommunicationBoxTitle{
  font-family: unifrutiger,Arial, Helvetica, sans-serif;
    position: absolute;
    left: 4%;
    top: 2.5%;
    font-size: 14px;
    font-weight: bold;
    color:white;
    width: 100%;
    line-height: 1.6;
    overflow:hidden;
  }

  .ourCommunicationBoxContent{
    position: absolute;
    left: 2%;
    width:100%;
    height:90%;
    color: rgba(255,255,255,1);
    color: black;
    padding-left:5%;
    padding-right:5%;
    opacity:1.0;
    top: 3%;
    overflow-y:auto;
    overflow-x:hidden;
    word-wrap: normal;
  }

  .ourWhiteCommunicationBoxContainer{
    position: absolute;
    right: 0%;
    width:100%;
   /* height:calc(100vh - 318px);*/
   height:60%;
    background-color:white;
    color: black;
    border-radius: 0%;
    top: 8%;
    transform: translate(0%, 0%);
    overflow:hidden;
  }

  .ourCloseCommunicationBox{
    position: absolute;
    left: 89%;
    top: 2%;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    overflow:hidden;
    cursor:pointer;
  }

  #ourCommunicationBoxSelectOverview{
    display:none;
  }

  #ourCommunicationBoxSelectLivestream{
    display:none;
  }

  #ourCommunicationBoxSelectChat{
    display:none;
  }

  #ourCommunicationBoxSelectOverview-Mobile{
    position: absolute;
    left: 0%;
    bottom: 120px;
    width:100%;
    height:40px;
    opacity:1;
    cursor:pointer;
    border-top-style: solid;
    border-color: rgb(229,12,17);
    border-width: 2px;
    font-family: unifrutiger, Arial, Helvetica, sans-serif;
    z-index: 1700;
    display:block; 
  }

  #ourCommunicationBoxSelectLivestream-Mobile{
    position: absolute;
    left: 0%;
    bottom: 80px;
    width:100%;
    height:40px;
    opacity:1;
    cursor:pointer;
    border-top-style: solid;
    border-color: white;
    border-width: 1px;
    font-family: unifrutiger, Arial, Helvetica, sans-serif;
    z-index: 1700;
    display:block; 
  }

  #ourCommunicationBoxSelectChat-Mobile{
    position: absolute;
    left: 0%;
    bottom: 40px;
    width:100%;
    height:40px;
    opacity:1;
    cursor:pointer;
    border-top-style: solid;
    border-color: white;
    border-width: 1px;
    font-family: unifrutiger, Arial, Helvetica, sans-serif;
    z-index: 1700;
    display:block;
  }

  .ourCommunicationBoxText{
    color:white;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
   font-family: unifrutiger, Arial, Helvetica, sans-serif;
   font-size:16px;
   z-index: 1710;
  }

  .ourCommunicationBoxTextSelected{
    color:red;
   /*margin-left:15%;
    margin-top:6%;*/
    font-weight: bold;
    font-family: unifrutiger,Arial, Helvetica, sans-serif;
    font-size:16px;
    z-index: 1710;
   }

   .ourNewAgendaContainerZombie{
    position: absolute;
    width: 100%;
    height:calc(100% - 140px);
    top: 100px;
    left: 0%;
    transform: translate(0%, 0%);
    background-color:rgb(229,12,17);
    background-color:rgba(229,12,17,1);
    border-radius:0px;
    display:none;
    z-index: 1710;
  }
  
  .ourNewAgendaContainer{
    position: absolute;
    width: 100%;
    height:calc(100% - 140px);
    top: 100px;
    left: 0%;
    transform: translate(0%, 0%);
    border-radius:0px;
    display:none;
    z-index: 1710;
  }

  .ourNewAgendaWhiteContainer{
    position:absolute;
    width: 100%;
    height:calc(100% - 80px);
    top: 80px;
    right: 0%;
    transform: translate(0%, 0%);
    background-color:white;
    border-radius:0px;
    overflow-y:auto;
    overflow-x: hidden;
    padding:10px;
  }

  .agendaBezeichnungHeadline{
    display:none;
  }

  .textevent{
    /*width:13vw;*/
    width:130px;
    vertical-align: top;
    padding-right:15px;
    word-wrap: break-word;
    font-family: unifrutiger, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:black;
    margin-left:10px;
  }
  
  .whichstudy{
    /*width:15vw;*/
    width:170px;
    vertical-align: top;
    word-wrap: break-word;
    font-family: unifrutiger, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:black;
  }

  .ourAgendaTableDate{
    position:absolute;
    left:40%;
    top:6.0%;
    width:35%;
    height:30px;
    
    color:white;
    font-family: unifrutiger, Arial, Helvetica, sans-serif;
     font-size:12px;
     font-weight:normal;
     display:none;
  }

  .ourAgendaTable{
    position: absolute;
    left:2%;
    width:99%;
    height:96%;
    top:4%;
    font-family: unifrutiger, Arial, Helvetica, sans-serif;
    font-size:12px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom:10px;
    
  }

  .ourAgendaTableTime{
    position:absolute;
    left:40%;
    top:2.5%;
    width:30%;
    height:20px;
    color:white;
    font-family: unifrutiger, Arial, Helvetica, sans-serif;
     font-size:12px;
     font-weight:bold;
     display:none;
  }

  .ourMobileAgendaHeadline{
    position:absolute;
    left:2%;
    top:2.5%;
    width:30%;
    height:20px;
    color:white;
    font-family: unifrutiger, Arial, Helvetica, sans-serif;
     font-size:16px;
     font-weight:bold;
    display:block;
  }

  .ourNewAgendaCloseButton{
    position:absolute;
    left: 91.5%;
    top: 4%;
    cursor:pointer;
  }

  .ourUniPlusImage{
    position:absolute;
    width: 0px;
    height:0px;
     top: 50%;
    right: 10px;
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    background-color:black;
    display:none;
  }

  .ourUniPlusTextArea{
    position:absolute;
    left:0%;
    top:0%;
    width:100%;
    height:100%;
    background-color:white;
    color:black;
    border-radius: 2% 0% 0% 2%;
    padding-left: 20px;
    padding-top: 12px;
    padding-right:57px;
    font-family: unifrutiger, Arial, Helvetica, sans-serif;
   /*font-weight: bold;*/
   font-size: 30px;
 }

 .ourUniPlusArrow{
  margin: 0;
 position: absolute;
 top: 68%;
 left: 100%;
 -ms-transform: translate(-100%, 0%);
 transform: translate(-100%, 0%);
 cursor:pointer;
}

.ourUniPlusTextArea .text-big {
  font-size: 30px;
}

.ourRedUniErlContainerZombie{
  margin: 0;
  position: absolute;
  top:50%;
  left: 0%;
  transform: translate(0%, -50%);
   width:100vw;
   height:50vh;
   background-color:rgb(229,12,17);
  background-color: rgba(229,12,17,0.8);
  border-radius: 2%;
  display:none;
}


#ourRedUniErlContainer{
  margin: 0;
  position: absolute;
 
 top:50%;
  left: 0%;
  transform: translate(0%, -50%);
   width:100vw;
   height:50vh;
   background-color:rgb(229,12,17);
   color: white;
  
   border-radius: 2%;
  display:none;
}

.ourWhiteUniErlContainer{
  position: absolute;
  right: 50%;
  width:98%;
  height:60%;
  background-color: black;
  color: black;
  opacity:1.0;
  border-radius: 2%;
  bottom: 1%;
  transform: translate(50%, -35%);
}

.theEditor2{
  font-family: unifrutiger,Arial, Helvetica, sans-serif;
  position: absolute;
  left: 3%;
  top: 3%;
  font-size: 16px;
  color:white;
  width: 80%;
  line-height: 1.2;
  word-break:break-word;
}

.ourCloseUniErlBox{
  position: absolute;
  left: 90%;
  top: 3%;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  cursor:pointer;
  }

  #ourGalleryContainer{
    visibility: hidden;
    position: absolute;
    /*width: 950px;
    height:900px;*/
    width:150vw;
    height:180vw;
    top: 10%;
    left: 30%;
    background-color:rgba(229,12,17,0.7);
    border-radius:20px;
    visibility: hidden;
  }

  .ourGalleryWhite{
    position: absolute;
    width:96%;
    height:80%;
    top:5%;
    left:2%;
    background-color:white;
    border-radius:12px;  
  }

  #ourGallerySelectFoto{
    position: absolute;
    left: 2%;
    top: 90%;
    width:23%;
    height:6%;
    opacity:1;
    cursor:pointer;
    border-style: solid;
    border-color: white;
    border-width: 1px;
    font-family: unifrutiger, Arial, Helvetica, sans-serif;
    display:none;
  }
  
  #ourGallerySelectQuiz{
    position: absolute;
    left: 25%;
    top: 90%;
    width:23%;
    height:6%;
    /*background-color:white;*/
    opacity:1;
    cursor:pointer;
    
    border-style: solid;
   
    border-color: white;
    border-width: 1px;
    font-family: unifrutiger, Arial, Helvetica, sans-serif;
    display:none;
  }

  .ourGalleryCloseButton{
    position:absolute;
    left: 75%;
    top:92%;
    cursor:pointer;
  }

  .ourGalleryHeadline{
    position:absolute;
    left: 2.5%;
    top:0%;
    font-family: unifrutiger,Arial, Helvetica, sans-serif;
    font-size: 22px;
    color: rgb(229,12,17);
  }
  
  .ourGallerySubline{
    position:absolute;
    left: 2.5%;
    top:4%;
    font-family: unifrutiger,Arial, Helvetica, sans-serif;
    font-size: 22px;
    color: rgb(0,0,0);
  }

.ourGalleryContent .text-tiny {
    font-size: 15px;
}

.ourGalleryContent .text-small {
    font-size: 15px;
}

.ourGalleryContent .text-big {
    font-size: 18px;
}
.ourGalleryContent .text-huge{
	font-size: 26px;
  }

  #ourGallerySmallSub{
    position:absolute;
    left: 2.5%;
    top:15%;
    width:88%;
    font-family: unifrutiger,Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: rgb(0,0,0);
    word-break:break-word;
  }

  #ourGalleryTip{
    position:absolute;
    left: 2.5%;
    top: 34%;
    width: 420px;
    height: 60px;
    padding: 10px;
    background-color: rgba(229,12,17,1.0);
    border-radius: 0px 10px 10px 0px;
    border-left: 4px solid black;
    color: white;
    font-family: unifrutiger,Arial, Helvetica, sans-serif;
    font-size: 15px;
  }

  #ourGalleryDownload{
    position:absolute;
    top: 46%;
    left: 2.5%;
    color:black;
    font-family: unifrutiger,Arial, Helvetica, sans-serif;
     font-weight: bold;
    font-size: 15px;
  }

  #ourGalleryNumber1{
    position:absolute;
    width:3.5vh;
    height:3.5vh;
    left: 2.5%;
    top: 60%;
    background-color: black;
    color:white;
    font-family: unifrutiger,Arial, Helvetica, sans-serif;
    font-weight: bold;
   font-size: 15px;
   text-align: center;
 }
 #ourGalleryNumber1horizontal{
  position:absolute;
  left: 2.5%;
  top:60%;
  width: 95%;
}
 #ourGalleryNumber2{
  position:absolute;
  width:3.5vh;
  height:3.5vh;
  left: 2.5%;
  top: 105%;
  background-color: black;
  color:white;
  font-family: unifrutiger,Arial, Helvetica, sans-serif;
  font-weight: bold;
 font-size: 15px;
 text-align: center;
}
#ourGalleryNumber2horizontal{
  position:absolute;
  left: 2.5%;
  top:105%;
  width: 95%;
}
#ourGalleryNumber3{
  position:absolute;
  width:3.5vh;
  height:3.5vh;
  left: 2.5%;
  top: 150%;
  background-color: black;
  color:white;
  font-family: unifrutiger,Arial, Helvetica, sans-serif;
  font-weight: bold;
 font-size: 15px;
 text-align: center;
}
#ourGalleryNumber3horizontal{
  position:absolute;
  left: 2.5%;
  top:150%;
  width: 95%;
}

#ourQuizSendResult{
  position:absolute;
  padding-top:7px;
  top:200%;
  right:50%;
  transform: translate(50%,0%);
  width: 25%;
  height:7%;
  background-color: #36b5b6;
  color:white;
  font-family: unifrutiger,Arial, Helvetica, sans-serif;
  /*font-weight: bold;*/
  font-size: 17px;
  text-align: center;
  border-radius: 4px;;
  cursor:pointer;
}

#ourQuizDisclaimer{
  position:absolute;
  top:220%;
  left: 2.5%;
  color:black;
  font-family: unifrutiger,Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: italic;
}

#ourRedMapContainer{
  position:relative;
  width:110vw;
  height:70vh;
  background-color:rgb(229,12,17);
  background-color: rgba(229,12,17,0.8);
  color: white;
  border-radius: 2%;
  visibility:hidden;
  overflow: hidden;
}

#ourWhiteMapContainer{
  position: absolute;
  right: 1%;
  width:98%;
  height:90%;
  background-color:white;
  color: black;
  border-radius: 2%;
  top: 50%;
  transform: translate(0%, -45%);
  padding:10px;
  overflow: hidden;
  touch-action: auto;
}

#ourCloseInfo{
  position: absolute;
  left: 10px;
  bottom:20px;
  width: 40%;
  height:6%;
  
  z-index: 1560;
  cursor: pointer;
}


.ourCloseMapContainer{
  position: absolute;
  left: 90%;
  top: 2%;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  cursor:pointer;
  }
}