body{background: black; font-size:100%;
}



h1{font-family: 'Josefin Sans', sans-serif; font-size: 1.05em; font-weight: 300; line-height: 1.18em;}

.safari h1 {
  font-weight: 400;
}

@media screen and (max-width: 1280px){
    h1 {
    font-size: 0.9em;
    line-height: 1.12em;
    }
}

@media screen and (max-width: 1030px){
    h1 {
    font-size: 0.8em;
    line-height: 1.12em;
    }
}

@media screen and (max-width: 780px){
    h1 {
    font-size: 0.7em;
    line-height: 1.12em;
    }
}

@media screen and (max-width: 640px){
    h1 {
    font-size: 0.6em;
    line-height: 1.12em;
    }
}

@media screen and (max-width: 480px){
    h1 {
    font-size: 0.5em;
    line-height: 1.12em;
    }
}



@media screen and (max-width: 480px) and (orientation: portrait){
    h1 {
    font-size: 0.85em;
    line-height: 1.1em;
    }
}

@media screen and (max-width: 320px) and (orientation: portrait){
    h1 {
    font-size: 0.7em;
    line-height: 1.1em;
    }
}


h3{margin-top: -1.4em;}
h4{margin-top: -2.3em;}



a:link { color:inherit; text-decoration:none; }
a:visited { text-decoration:none; color:inherit; }
a:hover { text-decoration:none; color:inherit; cursor: pointer;}




#Hintergrund {
    position: fixed; 
    top: -40%; 
    left: -50%; 
    width: 200%; 
    height: 200%;
}




#Hintergrund img {
    position: absolute; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    margin: auto;
    min-width: 50%;
    min-height: 50%;
}

@media screen and (max-width: 1280px){
    #Hintergrund img{
    top: 3%;    
    min-width: 15%;
    min-height: 15%;
    width: 52%;
  }
}



@media screen and (max-width: 480px) and (orientation: portrait){
  #Hintergrund img{
    top: 9%;
    width: 100%;
  }
}






#Button_News{
    position: absolute;
    padding-left: 30px;
    padding-top: 15px;
    padding-bottom: 10px;
    padding-right: 5px;
    text-align: left;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 1.05em;
    line-height: 1.4em;
    color: white;
    width: 320px;
    border-radius: 0px 20px 20px 0px;
    background-color: #c41420;
    opacity: 1;
    display: none;
    visibility: hidden;
    
  -webkit-transition: opacity 0.3s ease-in 400s;
  -moz-transition: opacity 0.3s ease-in 400s;
  -o-transition: opacity 0.3s ease-in 400s;
  transition: opacity 0.3s ease-in 400s;
}

#Button_News span{
    font-size: 1.15em;
    color: black;
    font-weight: 700;
}


@media screen and (max-width: 1080px){
  #Button_News{
      width: 240px;
      font-size: 0.9em;
      line-height: 1em;
  }
}

@media screen and (max-width: 880px){
  #Button_News{
      width: 200px;
      font-size: 0.75em;
      line-height: 0.95em;
  }
}

@media screen and (max-width: 680px){
  #Button_News{
      width: 100px;
      font-size: 0.65em;
      line-height: 0.88em;
      padding-left: 15px;
      padding-top: 10px;
      padding-bottom: 7px;
      padding-right: 2px;
  }
}


@media screen and (max-width: 1080px){
  #Button_News span{
      font-size: 0.95em;
  }
}

@media screen and (max-width: 880px){
  #Button_News span{
      font-size: 0.98em;
  }
}

@media screen and (max-width: 680px){
  #Button_News span{
      font-size: 0.8em;
  }
}

#Button_News.hidden{
    opacity: 0;
    
    -webkit-transition: 
        opacity 0s ease-in-out 0.3s;
    -moz-transition: 
        opacity 0s ease-in-out 0.3s;
    -o-transition: 
        opacity 0s ease-in-out 0.3s;
    transition: 
        opacity 0s ease-in-out 0.3s;
}

#Button_News.showing{
    opacity: 1;
    -webkit-transition: 
        opacity 0s ease-in-out 0.3s;
    -moz-transition: 
        opacity 0s ease-in-out 0.3s;
    -o-transition: 
        opacity 0s ease-in-out 0.3s;
    transition: 
        opacity 0s ease-in-out 0.3s;
}







#Kronleuchter {
    position: fixed; 
    top: -40%; 
    left: -50%; 
    width: 200%; 
    height: 200%;
    -webkit-transition: top 0.3s ease-in 400s;
    -moz-transition: top 0.3s ease-in 400s;
    -o-transition: top 0.3s ease-in 400s;
    transition: top 0.3s ease-in 400s;
}

@media screen and (max-width: 1280px){
    #Kronleuchter {
    top: -40%;
    }
}


@media screen and (max-width: 480px) and (orientation: portrait){
  #Kronleuchter{
    display: none;
  }
}

#Kronleuchter img {
    position: absolute; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    margin: auto; 
    min-width: 50%;
    min-height: 50%;
}

@media screen and (max-width: 1280px){
    #Kronleuchter img{
    top: -10px;
    min-width: 15%;
    min-height: 15%;
    width: 50%;
    }
}



#Kronleuchter.oben{
    top: -55%;
    -webkit-transition: top 0.3s ease-in-out 0.2s;
    -moz-transition: top 0.3s ease-in-out 0.2s;
    -o-transition: top 0.3s ease-in-out 0.2s;
    transition: top 0.3s ease-in-out 0.2s;
}

#Kronleuchter.oben2{
    top: -45%;
    -webkit-transition: top 0.3s ease-in-out 0.2s;
    -moz-transition: top 0.3s ease-in-out 0.2s;
    -o-transition: top 0.3s ease-in-out 0.2s;
    transition: top 0.3s ease-in-out 0.2s;
}

@media screen and (max-width: 1080px) and (max-height: 980px){
    #Kronleuchter.oben2 {
        top: -47%;
    }
}


#Kronleuchter.oben3{
    top: -49%;
    -webkit-transition: top 0.3s ease-in-out 0.2s;
    -moz-transition: top 0.3s ease-in-out 0.2s;
    -o-transition: top 0.3s ease-in-out 0.2s;
    transition: top 0.3s ease-in-out 0.2s;
}

#Kronleuchter.oben4{
    top: -43%;
    -webkit-transition: top 0.3s ease-in-out 0.2s;
    -moz-transition: top 0.3s ease-in-out 0.2s;
    -o-transition: top 0.3s ease-in-out 0.2s;
    transition: top 0.3s ease-in-out 0.2s;
}


@media screen and (max-width: 1080px){
    #Kronleuchter.oben4 {
        top: -46%;
    }
}

#Kronleuchter.unten{
    top: -39%;
    -webkit-transition: top 0.3s ease-in-out 0.2s;
    -moz-transition: top 0.3s ease-in-out 0.2s;
    -o-transition: top 0.3s ease-in-out 0.2s;
    transition: top 0.3s ease-in-out 0.2s;
}
 









#Tafel_Taenzerin {
  position: fixed; 
  top: -40%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
  margin-left: 0px;
    
  -webkit-transition: margin-left 0.3s ease-in 400s;
  -moz-transition: margin-left 0.3s ease-in 400s;
  -o-transition: margin-left 0.3s ease-in 400s;
  transition: margin-left 0.3s ease-in 400s;
}


@media screen and (max-width: 1280px){
    #Tafel_Taenzerin {
    top: -37%;
    left: -48%;
    }
}


@media screen and (max-width: 480px) and (orientation: portrait){
  #Tafel_Taenzerin{
    top: -25%;
    left: -40%;
  }
}



#Tafel_Taenzerin img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
}

@media screen and (max-width: 1280px){
    #Tafel_Taenzerin img{
    min-width: 15%;
    min-height: 15%;
    width: 52%;
  }
}

@media screen and (max-width: 480px) and (orientation: portrait){
  #Tafel_Taenzerin img{
    top: -6%;
    width: 100%;
  }
}



#Tafel_Taenzerin.showing{
    margin-left: 1px;
    -webkit-transition: margin-left 0.3s ease-in-out 0.1s;
    -moz-transition: margin-left 0.3s ease-in-out 0.1s;
    -o-transition: margin-left 0.3s ease-in-out 0.1s;
    transition: margin-left 0.3s ease-in-out 0.1s;
}

#Tafel_Taenzerin.hidden{
    margin-left: -270px;
    -webkit-transition: margin-left 0.3s ease-in-out 0.4s;
    -moz-transition: margin-left 0.3s ease-in-out 0.4s;
    -o-transition: margin-left 0.3s ease-in-out 0.4s;
    transition: margin-left 0.3s ease-in-out 0.4s;
}

#Tafel_Taenzerin.hidden2{
    margin-left: -320px;
    -webkit-transition: margin-left 0.3s ease-in-out 0.4s;
    -moz-transition: margin-left 0.3s ease-in-out 0.4s;
    -o-transition: margin-left 0.3s ease-in-out 0.4s;
    transition: margin-left 0.3s ease-in-out 0.4s;
}

@media screen and (max-width: 1280px){
    #Tafel_Taenzerin.hidden2{
    margin-left: -900px;
    -webkit-transition: margin-left 0.3s ease-in-out 0.0s;
    -moz-transition: margin-left 0.3s ease-in-out 0.0s;
    -o-transition: margin-left 0.3s ease-in-out 0.0s;
    transition: margin-left 0.3s ease-in-out 0.0s;
  }
}

@media screen and (max-width: 480px) and (orientation: portrait){
    #Tafel_Taenzerin.hidden2{
    margin-left: -650px;
    -webkit-transition: margin-left 0.3s ease-in-out 0.0s;
    -moz-transition: margin-left 0.3s ease-in-out 0.0s;
    -o-transition: margin-left 0.3s ease-in-out 0.0s;
    transition: margin-left 0.3s ease-in-out 0.0s;
  }
}

#Tafel_Taenzerin.hidden3{
    margin-left: -220px;
    -webkit-transition: margin-left 0.3s ease-in-out 0.4s;
    -moz-transition: margin-left 0.3s ease-in-out 0.4s;
    -o-transition: margin-left 0.3s ease-in-out 0.4s;
    transition: margin-left 0.3s ease-in-out 0.4s;
}

@media screen and (max-width: 1080px){
    #Tafel_Taenzerin.hidden3{
    margin-left: -280px;
    -webkit-transition: margin-left 0.3s ease-in-out 0.0s;
    -moz-transition: margin-left 0.3s ease-in-out 0.0s;
    -o-transition: margin-left 0.3s ease-in-out 0.0s;
    transition: margin-left 0.3s ease-in-out 0.0s;
  }
}

@media screen and (max-width: 480px) and (orientation: portrait){
    #Tafel_Taenzerin.hidden3{
    margin-left: -100px;
    -webkit-transition: margin-left 0.3s ease-in-out 0.0s;
    -moz-transition: margin-left 0.3s ease-in-out 0.0s;
    -o-transition: margin-left 0.3s ease-in-out 0.0s;
    transition: margin-left 0.3s ease-in-out 0.0s;
  }
}

#Tafel_Taenzerin.hidden4{
    margin-left: -290px;
    -webkit-transition: margin-left 0.3s ease-in-out 0.4s;
    -moz-transition: margin-left 0.3s ease-in-out 0.4s;
    -o-transition: margin-left 0.3s ease-in-out 0.4s;
    transition: margin-left 0.3s ease-in-out 0.4s;
}


@media screen and (max-width: 480px) and (orientation: portrait){
    #Tafel_Taenzerin.hidden4{
    margin-left: -660px;
    -webkit-transition: margin-left 0.3s ease-in-out 0.4s;
    -moz-transition: margin-left 0.3s ease-in-out 0.4s;
    -o-transition: margin-left 0.3s ease-in-out 0.4s;
    transition: margin-left 0.3s ease-in-out 0.4s;
  }
}

#Tafel_Taenzerin.hidden5{
    margin-left: -270px;
    -webkit-transition: margin-left 0.3s ease-in-out 0.4s;
    -moz-transition: margin-left 0.3s ease-in-out 0.4s;
    -o-transition: margin-left 0.3s ease-in-out 0.4s;
    transition: margin-left 0.3s ease-in-out 0.4s;
}

@media screen and (max-width: 480px) and (orientation: portrait){
    #Tafel_Taenzerin.hidden5{
    margin-left: -100px;
    -webkit-transition: margin-left 0.3s ease-in-out 0.0s;
    -moz-transition: margin-left 0.3s ease-in-out 0.0s;
    -o-transition: margin-left 0.3s ease-in-out 0.0s;
    transition: margin-left 0.3s ease-in-out 0.0s;
  }
}









#Abdecker_links {
  z-index: 9001;
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
}

@media screen and (max-width: 1280px){
    #Abdecker_links {
    top: -50%;
    left: -50%;
    }
}

#Abdecker_links img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
}

@media screen and (max-width: 1280px){
    #Abdecker_links img{
    min-width: 15%;
    min-height: 15%;
    width: 52%;
  }
}



@media screen and (max-width: 480px) and (orientation: portrait){
  #Abdecker_links img{
    display: none;
  }
}

















#Navigation_Abdecker{
    position: fixed;
    z-index: 9004;
    background-color: black;
    height: 100px;
    width: 100%;
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0;
    opacity: 0.8;
} 

@media screen and (max-width: 1030px){
  #Navigation_Abdecker{
    height: 85px;
  }
}

@media screen and (max-width: 840px){
  #Navigation_Abdecker{
    height: 75px;
  }
}

@media screen and (max-width: 780px){
  #Navigation_Abdecker{
    height: 70px;
  }
}

@media screen and (max-width: 625px){
  #Navigation_Abdecker{
    height: 55px;
  }
}

@media screen and (max-width: 480px){
  #Navigation_Abdecker{
    height: 40px;
  }
}


@media screen and (max-width: 480px) and (orientation: portrait){
  #Navigation_Abdecker{
    display: none;
  }
}







#Navigation{
    z-index: 9005;
    position: fixed;
    top: 42px; 
    left: -3px; 
    right: 0; 
    bottom: 0;
    width: 100%;
    min-width: 420px;
    height: 30px;
    color: #c41420;
    text-align: center;
    font-weight: 300;
} 

@media screen and (max-width: 1030px){
  #Navigation{
    font-size: 0.8em;
    top: 37px;
  }
}

@media screen and (max-width: 840px){
  #Navigation{
    font-size: 0.7em;
    top: 34px;
  }
}

@media screen and (max-width: 780px){
  #Navigation{
    font-size: 0.6em;
    top: 32px;
  }
}

@media screen and (max-width: 625px){
  #Navigation{
    font-size: 0.5em;
    top: 25px;
  }
}

@media screen and (max-width: 480px){
  #Navigation{
    font-size: 0.43em;
    top: 18px;
  }
}

@media screen and (max-width: 480px) and (orientation: portrait){
  #Navigation{
    font-size: 0.9em;
    top: 72px;
    min-width: 80px;
  }
}

@media screen and (max-width: 350px) and (orientation: portrait){
  #Navigation{
    font-size: 0.8em;
    top: 72px;
    min-width: 270px; 
  }
}



#Navigation li{
    display: inline-block;
    height: 10px;
    font-family: 'Josefin Sans', sans-serif;   
    font-size: 0.8em;  font-weight: 700;
}

.safari #Navigation li{
  font-weight: 700;
}


#Navigation li:hover{
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
    color: #c6b699;
}




#Restaurant{
    margin: 10px;
    display: inline-block;
    cursor: pointer;
}

@media screen and (max-width: 780px){
  #Restaurant{
    margin: 2px;
  }
}

@media screen and (max-width: 540px){
  #Restaurant{
    margin: 0px;
  }
}

@media screen and (max-width: 480px) and (orientation: portrait){
  #Restaurant{
    margin-left: 17px;
  }
}

@media screen and (max-width: 350px) and (orientation: portrait){
  #Restaurant{
    margin-left: 16px;
  }
}
    


#Ansichtssache{
    margin: 10px;
    display: inline-block;
    cursor: pointer;
}

@media screen and (max-width: 780px){
  #Ansichtssache{
    margin: 5px;
  }
}

@media screen and (max-width: 540px){
  #Ansichtssache{
    margin: 2px;
  }
}

@media screen and (max-width: 480px) and (orientation: portrait){
  #Ansichtssache{
    margin-left: 21px;
  }
}

@media screen and (max-width: 350px) and (orientation: portrait){
  #Ansichtssache{
    margin-left: 20px;
  }
}



#Aktionen{
    margin: 10px;
    display: inline-block;
    cursor: pointer;
}

@media screen and (max-width: 780px){
  #Aktionen{
    margin: 5px;
  }
}

@media screen and (max-width: 540px){
  #Aktionen{
    margin: 2px;
  }
}

@media screen and (max-width: 480px) and (orientation: portrait){
  #Aktionen{
    margin-left: 17px;
  }
}

@media screen and (max-width: 350px) and (orientation: portrait){
  #Aktionen{
    margin-left: 16px;
  }
}



#Theatercafe_LOGO{
    z-index: 9006;
    display: inline-block;
    cursor: pointer;
    margin-left: 15px;
    margin-right: 15px;
    text-align: center;
    font-family: 'Josefin Sans', sans-serif; 
    font-size: 2.5em; font-weight: 400; color: #c41420;
} 

@media screen and (max-width: 780px){
  #Theatercafe_LOGO{
    margin-left: 10px;
    margin-right: 10px;
  }
}

@media screen and (max-width: 540px){
  #Theatercafe_LOGO{
    margin-left: 5px;
    margin-right: 5px;
  }
}

@media screen and (max-width: 480px){
  #Theatercafe_LOGO{
    margin-left: 2px;
    margin-right: 2px;
  }
}

@media screen and (max-width: 480px) and (orientation: portrait){
    #Theatercafe_LOGO{
    display: block;
    margin-left: 10px;
    margin-top: -58px;
    margin-bottom: 18px;
    }
}

@media screen and (max-width: 480px) and (orientation: portrait){
  .win.gecko #Theatercafe_LOGO{
    margin-top: -63px;
  }
}

@media screen and (max-width: 350px) and (orientation: portrait){
    #Theatercafe_LOGO{
    display: block;
    margin-left: 10px;
    margin-top: -52px;
    margin-bottom: 17px;
    }
}

@media screen and (max-width: 350px) and (orientation: portrait){
  .win.gecko #Theatercafe_LOGO{
    margin-top: -56px;
  }
}

.safari #Theatercafe_LOGO {
  font-weight: 400;
}


#Logo_A{
    display: inline-block;
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
    height: 32px;
}

.gecko #Logo_A {
  height: 39px;
}

.win.gecko #Logo_A {
  height: 48px;
}

@media screen and (max-width: 1030px){
  #Logo_A{
    height: 25px;
  }
}

@media screen and (max-width: 1030px){
  .gecko #Logo_A{
    height: 31px;
  }
}

@media screen and (max-width: 1030px){
  .win.gecko #Logo_A{
    height: 38px;
  }
}


@media screen and (max-width: 840px){
  #Logo_A{
    height: 22px;
  }
}

@media screen and (max-width: 840px){
  .gecko #Logo_A{
    height: 28px;
  }
}

@media screen and (max-width: 840px){
  .win.gecko #Logo_A{
    height: 34px;
  }
}

@media screen and (max-width: 780px){
  #Logo_A{
    height: 19px;
  }
}

@media screen and (max-width: 780px){
  .gecko #Logo_A{
    height: 22px;
  }
}

@media screen and (max-width: 780px){
  .win.gecko #Logo_A{
    height: 28px;
  }
}


@media screen and (max-width: 625px){
  #Logo_A{
    height: 15px;
  }
}

@media screen and (max-width: 625px){
  .gecko #Logo_A{
    height: 19px;
  }
}

@media screen and (max-width: 625px){
  .win.gecko #Logo_A{
    height: 23px;
  }
}

@media screen and (max-width: 480px){
  #Logo_A{
    height: 13px;
  }
}

@media screen and (max-width: 480px){
  .gecko #Logo_A{
    height: 13px;
  }
}

@media screen and (max-width: 480px){
  .win.gecko #Logo_A{
    height: 21px;
  }
}

@media screen and (max-width: 480px) and (orientation: portrait){
  #Logo_A{
    height: 28px;
  }
}

@media screen and (max-width: 480px) and (orientation: portrait){
  .gecko #Logo_A{
    height: 36px;
  }
}

@media screen and (max-width: 480px) and (orientation: portrait){
  .win.gecko #Logo_A{
    height: 43px;
  }
}

@media screen and (max-width: 350px) and (orientation: portrait){
  #Logo_A{
    height: 25px;
  }
}

@media screen and (max-width: 350px) and (orientation: portrait){
  .gecko #Logo_A{
    height: 31px;
  }
}

@media screen and (max-width: 350px) and (orientation: portrait){
  .win.gecko #Logo_A{
    height: 38px;
  }
}




#Mittagstisch{
    margin: 10px;
    display: inline-block;
    cursor: pointer;
}

@media screen and (max-width: 780px){
  #Mittagstisch{
    margin: 5px;
  }
}

@media screen and (max-width: 540px){
  #Mittagstisch{
    margin: 2px;
  }
}

@media screen and (max-width: 480px) and (orientation: portrait){
  #Mittagstisch{
    margin-left: 10px;
  }
}



#Gaumenfreuden{
    margin: 10px;
    display: inline-block;
    cursor: pointer;
}

@media screen and (max-width: 780px){
  #Gaumenfreuden{
    margin: 5px;
  }
}

@media screen and (max-width: 540px){
  #Gaumenfreuden{
    margin: 2px;
  }
}

@media screen and (max-width: 480px) and (orientation: portrait){
  #Gaumenfreuden{
    margin-left: 10px;
  }
}



#Kontakt{
    margin-left: 10px;
    display: inline-block;
    cursor: pointer;
}

@media screen and (max-width: 780px){
  #Kontakt{
    margin-left: 5px;
  }
}

@media screen and (max-width: 540px){
  #Kontakt{
    margin-left: 2px;
  }
}

@media screen and (max-width: 480px) and (orientation: portrait){
  #Kontakt{
    margin-left: 10px;
  }
}

















#Content_wrapper{
    z-index: 9003;
    position: fixed;
    left: 0; 
    right: 0; 
    top: 42%; 
    width: 100%;
    height: 22em;
}



@media screen and (max-width: 1280px) and (max-height: 1600px){
  #Content_wrapper{
      top: 51%;
  }
}

@media screen and (max-width: 1055px) and (max-height: 1600px){
  #Content_wrapper{
      top: 53%;
  }
}



@media screen and (max-width: 2560px) and (max-height: 1500px){
  #Content_wrapper{
      top: 40%;
  }
}

@media screen and (max-width: 2190px) and (max-height: 1500px){
  #Content_wrapper{
      top: 43%;
  }
}

@media screen and (max-width: 1280px) and (max-height: 1500px){
  #Content_wrapper{
      top: 50%;
  }
}

@media screen and (max-width: 1080px) and (max-height: 1500px){
  #Content_wrapper{
      top: 52%;
  }
}

@media screen and (max-width: 660px) and (max-height: 1500px){
  #Content_wrapper{
      top: 54%;
  }
}



@media screen and (max-width: 2280px) and (max-height: 1250px){
  #Content_wrapper{
      top: 39%;
  }
}

@media screen and (max-width: 2080px) and (max-height: 1250px){
  #Content_wrapper{
      top: 42%;
  }
}

@media screen and (max-width: 1700px) and (max-height: 1250px){
  #Content_wrapper{
      top: 44%;
  }
}

@media screen and (max-width: 1280px) and (max-height: 1250px){
  #Content_wrapper{
      top: 49%;
  }
}

@media screen and (max-width: 1080px) and (max-height: 1250px){
  #Content_wrapper{
      top: 49%;
  }
}

@media screen and (max-width: 1030px) and (max-height: 1250px){
  #Content_wrapper{
      top: 50%;
  }
}

@media screen and (max-width: 880px) and (max-height: 1250px){
  #Content_wrapper{
      top: 51%;
  }
}

@media screen and (max-width: 780px) and (max-height: 1250px){
  #Content_wrapper{
      top: 52%;
  }
}

@media screen and (max-width: 640px) and (max-height: 1250px){
  #Content_wrapper{
      top: 53%;
  }
}



@media screen and (max-width: 2560px) and (max-height: 1080px){
  #Content_wrapper{
      top: 36%;
  }
}

@media screen and (max-width: 2090px) and (max-height: 1080px){
  #Content_wrapper{
      top: 39%;
  }
}

@media screen and (max-width: 1900px) and (max-height: 1080px){
  #Content_wrapper{
      top: 42%;
  }
}

@media screen and (max-width: 1600px) and (max-height: 1080px){
  #Content_wrapper{
      top: 43%;
  }
}

@media screen and (max-width: 1280px) and (max-height: 1080px){
  #Content_wrapper{
      top: 48%;
  }
}

@media screen and (max-width: 1080px) and (max-height: 1080px){
  #Content_wrapper{
      top: 48%;
  }
}

@media screen and (max-width: 780px) and (max-height: 1080px){
  #Content_wrapper{
      top: 49%;
  }
}

@media screen and (max-width: 640px) and (max-height: 1080px){
  #Content_wrapper{
      top: 51%;
  }
}



@media screen and (max-width: 1280px) and (max-height: 880px){
  #Content_wrapper{
      top: 45%;
  }
}

@media screen and (max-width: 1030px) and (max-height: 880px){
  #Content_wrapper{
      top: 46%;
  }
}

@media screen and (max-width: 900px) and (max-height: 880px){
  #Content_wrapper{
      top: 48%;
  }
}

@media screen and (max-width: 780px) and (max-height: 880px){
  #Content_wrapper{
      top: 50%;
  }
}

@media screen and (max-width: 640px) and (max-height: 880px){
  #Content_wrapper{
      top: 51%;
  }
}



@media screen and (max-width: 1925px) and (max-height: 780px){
  #Content_wrapper{
      top: 37%;
  }
}

@media screen and (max-width: 1600px) and (max-height: 780px){
  #Content_wrapper{
      top: 39%;
  }
}

@media screen and (max-width: 1280px) and (max-height: 780px){
  #Content_wrapper{
      top: 44%;
  }
}

@media screen and (max-width: 1180px) and (max-height: 780px){
  #Content_wrapper{
      top: 44%;
  }
}

@media screen and (max-width: 1030px) and (max-height: 780px){
  #Content_wrapper{
      top: 46%;
  }
}

@media screen and (max-width: 980px) and (max-height: 780px){
  #Content_wrapper{
      top: 47%;
  }
}

@media screen and (max-width: 640px) and (max-height: 780px){
  #Content_wrapper{
      top: 50%;
  }
}

@media screen and (max-width: 480px) and (max-height: 780px){
  #Content_wrapper{
      top: 30%;
  }
}

@media screen and (max-width: 380px) and (max-height: 780px){
  #Content_wrapper{
      top: 28%;
  }
}

@media screen and (max-width: 320px) and (max-height: 780px){
  #Content_wrapper{
      top: 25%;
  }
}



@media screen and (max-width: 1080px) and (max-height: 680px){
  #Content_wrapper{
      top: 42%;
  }
}

@media screen and (max-width: 1030px) and (max-height: 680px){
  #Content_wrapper{
      top: 44%;
  }
}

@media screen and (max-width: 880px) and (max-height: 680px){
  #Content_wrapper{
      top: 46%;
  }
}

@media screen and (max-width: 780px) and (max-height: 680px){
  #Content_wrapper{
      top: 47%;
  }
}

@media screen and (max-width: 640px) and (max-height: 680px){
  #Content_wrapper{
      top: 50%;
  }
}

@media screen and (max-width: 480px) and (max-height: 680px){
  #Content_wrapper{
      top: 30%;
  }
}

@media screen and (max-width: 380px) and (max-height: 680px){
  #Content_wrapper{
      top: 28%;
  }
}

@media screen and (max-width: 320px) and (max-height: 680px){
  #Content_wrapper{
      top: 25%;
  }
}



@media screen and (max-width: 1280px) and (max-height: 590px){
  #Content_wrapper{
      top: 40%;
  }
}

@media screen and (max-width: 1080px) and (max-height: 590px){
  #Content_wrapper{
      top: 40%;
  }
}

@media screen and (max-width: 1030px) and (max-height: 590px){
  #Content_wrapper{
      top: 41%;
  }
}

@media screen and (max-width: 880px) and (max-height: 590px){
  #Content_wrapper{
      top: 42%;
  }
}

@media screen and (max-width: 780px) and (max-height: 590px){
  #Content_wrapper{
      top: 45%;
  }
}

@media screen and (max-width: 640px) and (max-height: 590px){
  #Content_wrapper{
      top: 47%;
  }
}

@media screen and (max-width: 480px) and (max-height: 590px){
  #Content_wrapper{
      top: 30%;
  }
}

@media screen and (max-width: 380px) and (max-height: 590px){
  #Content_wrapper{
      top: 28%;
  }
}

@media screen and (max-width: 320px) and (max-height: 590px){
  #Content_wrapper{
      top: 25%;
  }
}



@media screen and (max-width: 1280px) and (max-height: 490px){
  #Content_wrapper{
      top: 36%;
  }
}

@media screen and (max-width: 1030px) and (max-height: 490px){
  #Content_wrapper{
      top: 38%;
  }
}

@media screen and (max-width: 880px) and (max-height: 490px){
  #Content_wrapper{
      top: 40%;
  }
}

@media screen and (max-width: 780px) and (max-height: 490px){
  #Content_wrapper{
      top: 42%;
  }
}

@media screen and (max-width: 640px) and (max-height: 490px){
  #Content_wrapper{
      top: 44%;
  }
}


@media screen and (max-width: 480px) and (max-height: 490px){
  #Content_wrapper{
      top: 30%;
  }
}

@media screen and (max-width: 380px) and (max-height: 490px){
  #Content_wrapper{
      top: 28%;
  }
}

@media screen and (max-width: 320px) and (max-height: 490px){
  #Content_wrapper{
      top: 25%;
  }
}











#TEXT_Restaurant{
    overflow: hidden;
    z-index: 9000;
    position: relative;
    top: -6%; 
    width: 25em;
    height: 0%;
    color: whitesmoke;
    opacity: 0;
    
    -webkit-transition: 
        opacity 0.3s ease-in-out 400s, 
        height 0.3s ease-in-out 400s;
    -moz-transition: 
        opacity 0.3s ease-in-out 400s, 
        height 0.3s ease-in-out 400s;
    -o-transition: 
        opacity 0.3s ease-in-out 400s, 
        height 0.3s ease-in-out 400s;
    transition: 
        opacity 0.3s ease-in-out 400s, 
        height 0.3s ease-in-out 400s;
}

.safari #TEXT_Restaurant {
  font-weight: 400;
}


@media screen and (max-width: 1280px){
    #TEXT_Restaurant{
    width: 22em;
    }
}

@media screen and (max-width: 1030px){
    #TEXT_Restaurant{
    width: 20em;
    }
}

@media screen and (max-width: 880px){
    #TEXT_Restaurant{
    width: 25em;
    }
}

@media screen and (max-width: 780px){
    #TEXT_Restaurant{
    width: 22em;
    }
}

@media screen and (max-width: 640px){
    #TEXT_Restaurant{
    width: 19em;
    }
}



@media screen and (max-width: 480px) and (orientation: portrait){
  #TEXT_Restaurant{
    width: 20em;
    position: fixed;
    left: 50%;
    margin-left: -10em;
    top: 130px;
  }
}

@media screen and (max-width: 380px) and (orientation: portrait){
  #TEXT_Restaurant{
    width: 18em;
    position: fixed;
    left: 50%;
    margin-left: -9em;
    top: 130px;
  }
}

@media screen and (max-width: 350px) and (orientation: portrait){
  #TEXT_Restaurant{
    width: 16em;
    position: fixed;
    left: 50%;
    margin-left: -8em;
    top: 130px;
  }
}

@media screen and (max-width: 320px) and (orientation: portrait){
  #TEXT_Restaurant{
    width: 15em;
    position: fixed;
    left: 50%;
    margin-left: -7.5em;
    top: 120px;
  }
}


@media screen and (max-width: 480px) and (orientation: landscape){
  #TEXT_Restaurant{
    width: 22em;
    top: 20px;
  }
}








#TEXT_Restaurant span{
    font-family: 'Josefin Sans', sans-serif; 
    font-size: 1.35em; 
    line-height: 1.1em; 
    font-weight: 400; 
}

@media screen and (max-width: 1280px){
    #TEXT_Restaurant span{
    font-size: 1.2em;
    line-height: 1em;
    }
}

@media screen and (max-width: 1030px){
    #TEXT_Restaurant span{
    font-size: 1.1em;
    }
}

@media screen and (max-width: 780px){
    #TEXT_Restaurant span{
    font-size: 1em;
    }
}

@media screen and (max-width: 640px){
    #TEXT_Restaurant span{
    font-size: 0.9em;
    }
}

@media screen and (max-width: 480px){
    #TEXT_Restaurant span{
    font-size: 0.8em;
    }
}


@media screen and (max-width: 480px) and (orientation: portrait){
  #TEXT_Restaurant span{
    font-size: 1.1em;
    line-height: 1.1em;
  }
}

@media screen and (max-width: 350px) and (orientation: portrait){
  #TEXT_Restaurant span{
    font-size: 1em;
    line-height: 1em;
  }
}






#TEXT_Restaurant.showing{
    height: 390px;
    opacity: 1;
    
    -webkit-transition: 
        height 0.3s ease-in-out 0.4s, 
        opacity 0.3s ease-in-out 0.3s;
    -moz-transition: 
        height 0.3s ease-in-out 0.4s, 
        opacity 0.3s ease-in-out 0.3s;
    -o-transition: 
        height 0.3s ease-in-out 0.4s, 
        opacity 0.3s ease-in-out 0.3s;
    transition: 
        height 0.3s ease-in-out 0.4s, 
        opacity 0.3s ease-in-out 0.3s;
}

#TEXT_Restaurant.hidden{
    visibility: hidden;
    
    -webkit-transition: 
        left 0.3s ease-in-out 0.4s, 
        visibility 0.3s ease-in-out 0.5s;
    -moz-transition: 
        left 0.3s ease-in-out 0.4s, 
        visibility 0.3s ease-in-out 0.5s;
    -o-transition: 
        left 0.3s ease-in-out 0.4s, 
        visibility 0.3s ease-in-out 0.5s;
    transition: 
        left 0.3s ease-in-out 0.4s, 
        visibility 0.3s ease-in-out 0.5s;
}

















#BILDER_Ansichtssache{
    z-index: 9003;
    position: relative;
    top: -118%; 
    opacity: 0;
    
    -webkit-transition: 
        opacity 0.3s ease-in-out 400s;
    -moz-transition: 
        opacity 0.3s ease-in-out 400s;
    -o-transition: 
        opacity 0.3s ease-in-out 400s;
    transition: 
        opacity 0.3s ease-in-out 400s;
}

@media screen and (max-width: 1280px){
    #BILDER_Ansichtssache {
        top: -115%;
    }
}

@media screen and (max-width: 980px){
    #BILDER_Ansichtssache {
        top: -110%;
    }
}

@media screen and (max-width: 480px){
    #BILDER_Ansichtssache {
        top: -100%;
    }
}

    
@media screen and (max-width: 480px) and (orientation: portrait){
    #BILDER_Ansichtssache {
        position: fixed;
        top: 130px;
        left: 50%;
        margin-left: -150px;
    }
}

@media screen and (max-width: 350px) and (orientation: portrait){
    #BILDER_Ansichtssache{
        position: fixed;
        top: 130px;
        left: 50%;
        margin-left: -140px;
  }
}

@media screen and (max-width: 320px) and (orientation: portrait){
    #BILDER_Ansichtssache{
        position: fixed;
        top: 130px;
        left: 50%;
        margin-left: -135px;
  }
}

@media screen and (max-width: 300px) and (orientation: portrait){
    #BILDER_Ansichtssache{
        position: fixed;
        top: 130px;
        left: 50%;
        margin-left: -125px;
  }
}




@media screen and (max-width: 480px) and (orientation: landscape){
    #BILDER_Ansichtssache {
        top: -97%;
    }
}



#BILDER_Ansichtssache.showing{
    opacity: 1;
    
    -webkit-transition: 
        opacity 0.5s ease-in-out 0.4s;
    -moz-transition: 
        opacity 0.5s ease-in-out 0.4s;
    -o-transition: 
        opacity 0.5s ease-in-out 0.4s;
    transition: 
        opacity 0.5s ease-in-out 0.4s;
}

#BILDER_Ansichtssache.hidden{
    visibility: hidden;
    
    -webkit-transition: 
        visibility 0.5s ease-in-out 0.3s;
    -moz-transition: 
        visibility 0.5s ease-in-out 0.3s;
    -o-transition: 
        visibility 0.5s ease-in-out 0.3s;
    transition: 
        visibility 0.5s ease-in-out 0.3s;
}

#slider {
  width: 480px;
  height: 294px;
}

@media screen and (max-width: 980px){
    #slider {
        width: 400px;
        height: 238px;
    }
}

@media screen and (max-width: 880px){
    #slider {
        width: 350px;
        height: 208px;
    }
}

@media screen and (max-width: 780px){
    #slider {
        width: 310px;
        height: 184px;
    }
}

@media screen and (max-width: 680px){
    #slider {
        width: 280px;
        height: 167px;
    }
}

@media screen and (max-width: 540px){
    #slider {
        width: 250px;
        height: 149px;
    }
}


@media screen and (max-width: 480px) and (orientation: portrait){
    #slider{
        width: 300px;
        height: 179px;
  }
}

@media screen and (max-width: 350px) and (orientation: portrait){
    #slider{
        width: 280px;
        height: 167px;
  }
}

@media screen and (max-width: 320px) and (orientation: portrait){
    #slider{
        width: 270px;
        height: 161px;
  }
}

@media screen and (max-width: 300px) and (orientation: portrait){
    #slider{
        width: 250px;
        height: 149px;
  }
}

















#TEXT_Aktionen{
    z-index: 9005;
    position: relative;
    width: 500px;
    height: 100%;
    margin-left: 1400px;
    cursor: pointer;
    opacity: 0;
    
    -webkit-transition: 
        opacity 0.3s ease-in-out 400s, 
        margin-left 0.3s ease-in-out 400s;
    -moz-transition: 
        opacity 0.3s ease-in-out 400s, 
        margin-left 0.3s ease-in-out 400s;
    -o-transition: 
        opacity 0.3s ease-in-out 400s, 
        margin-left 0.3s ease-in-out 400s;
    transition: 
        opacity 0.3s ease-in-out 400s, 
        margin-left 0.3s ease-in-out 400s;
}

@media screen and (max-height: 950px){
    #TEXT_Aktionen {
        top: -5%;
    }
}

@media screen and (max-width: 480px) and (orientation: portrait){
    #TEXT_Aktionen{
        width: 300px;
        top: 0px;
  }
}

@media screen and (max-width: 480px) and (orientation: landscape){
    #TEXT_Aktionen{
        width: 300px;
        top: 18px;  
  }
}






#TEXT_Aktionen.showing{
    margin-left: 0px;
    opacity: 1;
    -webkit-transition: 
        margin-left 0.4s ease-in-out 0.3s, 
        opacity 0.4s ease-in-out 0.5s;
    -moz-transition: 
        margin-left 0.4s ease-in-out 0.3s, 
        opacity 0.4s ease-in-out 0.5s;
    -o-transition: 
        margin-left 0.4s ease-in-out 0.3s, 
        opacity 0.4s ease-in-out 0.5s;
    transition: 
        margin-left 0.4s ease-in-out 0.3s, 
        opacity 0.4s ease-in-out 0.5s;
}


#TEXT_Aktionen.hidden{
    visibility: hidden;
    -webkit-transition: 
        left 0.3s ease-in-out 0.4s, 
        visibility 0.3s ease-in-out 0.5s;
    -moz-transition: 
        left 0.3s ease-in-out 0.4s, 
        visibility 0.3s ease-in-out 0.5s;
    -o-transition: 
        left 0.3s ease-in-out 0.4s, 
        visibility 0.3s ease-in-out 0.5s;
    transition: 
        left 0.3s ease-in-out 0.4s, 
        visibility 0.3s ease-in-out 0.5s;
}




#Spezial_Text{
    width: 350px;
}

@media screen and (max-width: 880px){
    #Spezial_Text{
        width: 310px;
  }
}

@media screen and (max-width: 480px) and (orientation: portrait){
    #Spezial_Text{
        width: 300px;
  }
}

@media screen and (max-width: 320px) and (orientation: portrait){
    #Spezial_Text{
        width: 250px;
  }
}


@media screen and (max-width: 480px) and (orientation: landscape){
    #Spezial_Text{
        width: 220px;
  }
}



#Spezial_Arm{
    width: 350px;
    margin-left: 86px;
    margin-top: -28px;
    opacity: 1;
    
    -webkit-transition: 
        margin-left 0.5s ease-in-out 60s,
        margin-top 0.5s ease-in-out 60s,
        opacity 0.5s ease-in-out 60s,
        -webkit-transform 1s 60s;
    -moz-transition: 
        margin-left 0.5s ease-in-out 60s,
        margin-top 0.5s ease-in-out 60s,
        opacity 0.5s ease-in-out 60s,
        -moz-transform 1s 60s;
    -o-transition: 
        margin-left 0.5s ease-in-out 60s,
        margin-top 0.5s ease-in-out 60s,
        opacity 0.5s ease-in-out 60s,
        -o-transform 1s 60s;
    -ms-transition: 
        margin-left 0.5s ease-in-out 60s,
        margin-top 0.5s ease-in-out 60s,
        opacity 0.5s ease-in-out 60s,
        -ms-transform 1s 60s;
    transition: 
        margin-left 0.5s ease-in-out 60s,
        margin-top 0.5s ease-in-out 60s,
        opacity 0.5s ease-in-out 60s,
        transform 1s 60s;
}

@media screen and (max-width: 880px){
    #Spezial_Arm{
        width: 310px;
  }
}

@media screen and (max-width: 480px) and (orientation: portrait){
    #Spezial_Arm{
        width: 300px;
        margin-left: 46px;
  }
}

@media screen and (max-width: 320px) and (orientation: portrait){
    #Spezial_Arm{
        width: 280px;
        margin-left: 46px;
        margin-top: -25px;
  }
}

@media screen and (max-width: 480px) and (orientation: landscape){
    #Spezial_Arm{
        width: 200px;
        margin-left: 46px;
        margin-top: -21px;
  }
}


#Spezial_Arm.hidden{
    margin-left: 250px;
    margin-top: 110px;
    opacity: 0;
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    transform: rotate(-30deg);
    
    -webkit-transition: 
        margin-left 0.5s ease-in-out 0.8s,
        margin-top 0.5s ease-in-out 0.8s,
        opacity 0.5s ease-in-out 0.8s,
        -webkit-transform 1s 0.7s;
    -moz-transition: 
        margin-left 0.5s ease-in-out 0.8s,
        margin-top 0.5s ease-in-out 0.8s,
        opacity 0.5s ease-in-out 0.8s,
        -moz-transform 1s 0.7s;
    -o-transition: 
        margin-left 0.5s ease-in-out 0.8s,
        margin-top 0.5s ease-in-out 0.8s,
        opacity 0.5s ease-in-out 0.8s,
        -o-transform 1s 0.7s;
    transition: 
        margin-left 0.5s ease-in-out 0.8s,
        margin-top 0.5s ease-in-out 0.8s,
        opacity 0.5s ease-in-out 0.8s,
        transform 1s 0.7s;
}


#TEXT_SPEZIAL_DIENSTAG{
    overflow: hidden;
    top: 0;
    position: absolute;
    margin-top: 40px;
    margin-left: 141px;
    width: 220px;
    height: 0px;
    font-weight: 400;
    font-size: 1.1em;
    line-height: 1.1em;
    color: whitesmoke;
    -webkit-transition: 
        height 0.6s ease-in-out 60s;
    -moz-transition: 
        height 0.6s ease-in-out 60s;
    -o-transition: 
        height 0.6s ease-in-out 60s;
    transition: 
        height 0.6s ease-in-out 60s;
}

.safari #TEXT_SPEZIAL_DIENSTAG{
    font-weight: 700;
}

@media screen and (max-width: 1280px){
    #TEXT_SPEZIAL_DIENSTAG {
    font-size: 1em;
    line-height: 1em;
    }
}

@media screen and (max-width: 1030px){
    #TEXT_SPEZIAL_DIENSTAG {
    font-size: 0.9em;
    line-height: 1.1em;
    width: 200px;
    }
}

@media screen and (max-width: 880px){
    #TEXT_SPEZIAL_DIENSTAG {
    font-size: 0.8em;
    line-height: 1.1em;
    top: -10px;
    }
}

@media screen and (max-width: 480px) and (orientation: portrait){
    #TEXT_SPEZIAL_DIENSTAG{
        width: 200px;
        margin-left: 50px;
        font-size: 0.9em;
        line-height: 1em;
        font-weight: 300;
  }
}

@media screen and (max-width: 320px) and (orientation: portrait){
    #TEXT_SPEZIAL_DIENSTAG{
        width: 180px;
        margin-left: 60px;
        font-size: 0.85em;
        line-height: 1.1em;
        font-weight: 300;
        margin-top: 65px;
  }
}

@media screen and (max-width: 480px) and (orientation: landscape){
    #TEXT_SPEZIAL_DIENSTAG{
        width: 160px;
        margin-left: 70px;
        font-size: 0.65em;
        line-height: 1em;
        font-weight: 300;
        margin-top: 55px;
  }
}


#TEXT_SPEZIAL_DIENSTAG.showing{
    height: 212px;
    
    -webkit-transition: 
        height 0.6s ease-in-out 0.9s;
    -moz-transition: 
        height 0.6s ease-in-out 0.9s;
    -o-transition: 
        height 0.6s ease-in-out 0.9s;
    transition: 
        height 0.6s ease-in-out 0.9s;
}

#TEXT_SPEZIAL_DIENSTAG.hidden{
    height: 0px;
    -webkit-transition: 
        height 0.6s ease-in-out 0.9s;
    -moz-transition: 
        height 0.6s ease-in-out 0.9s;
    -o-transition: 
        height 0.6s ease-in-out 0.9s;
    transition: 
        height 0.6s ease-in-out 0.9s;
}
















#TEXT_Mittagstisch{
    z-index: 9004;
    position: absolute;
    top: 50px; 
    width: 24em;
    left: 50%;
    margin-left: -12.2em;
    height: 0%;
    overflow-x: hidden;
    opacity: 0;
    -webkit-transition: 
        opacity 0.3s ease-in-out 400s, 
        height 0.3s ease-in-out 400s;
    -moz-transition: 
        opacity 0.3s ease-in-out 400s, 
        height 0.3s ease-in-out 400s;
    -o-transition: 
        opacity 0.3s ease-in-out 400s, 
        height 0.3s ease-in-out 400s;
    transition: 
        opacity 0.3s ease-in-out 400s, 
        height 0.3s ease-in-out 400s;
}

  .win.gecko #TEXT_Mittagstisch{
    left: 51%;
  }



@media screen and (max-width: 1280px){
    #TEXT_Mittagstisch {
    top: 35px;
    margin-left: -169px;
    width: 335px;
    }
}

@media screen and (max-width: 1080px){
    #TEXT_Mittagstisch {
    top: 40px;
    margin-left: -164px;
    width: 325px;
    }
}

@media screen and (max-width: 980px){
    #TEXT_Mittagstisch {
    top: 27px;
    margin-left: -154px;
    width: 306px;
    }
}

@media screen and (max-width: 780px){
    #TEXT_Mittagstisch {
    top: 15px;
    margin-left: -129px;
    width: 256px;
    }
}

@media screen and (max-width: 700px){
    #TEXT_Mittagstisch {
    top: 27px;
    margin-left: -110px;
    width: 218px;
    }
}

@media screen and (max-width: 625px){
    #TEXT_Mittagstisch {
    top: 20px;
    margin-left: -96px;
    width: 192px;
    }
}


@media screen and (max-width: 480px) and (orientation: portrait){
    #TEXT_Mittagstisch {
    position: fixed;
    top: 220px; 
    width: 200px;
    margin-left: -99px;
    }
}

@media screen and (max-width: 350px) and (orientation: portrait){
    #TEXT_Mittagstisch {
    position: fixed;
    top: 192px; 
    width: 180px;
    margin-left: -90px;
    }
}


@media screen and (max-width: 480px) and (orientation: landscape){
    #TEXT_Mittagstisch {
    position: fixed;
    top: 120px; 
    width: 400px;
    margin-left: -200px;
    }
}






#TEXT_Mittagstisch.showing{
    height: 100%;
    opacity: 1;
    -webkit-transition: 
        height 0.4s ease-in-out 0.7s, 
        opacity 0.4s ease-in-out 0.6s;
    -moz-transition: 
        height 0.4s ease-in-out 0.7s, 
        opacity 0.4s ease-in-out 0.6s;
    -o-transition: 
        height 0.4s ease-in-out 0.7s, 
        opacity 0.4s ease-in-out 0.6s;
    transition: 
        height 0.3s ease-in-out 0.6s, 
        opacity 0.3s ease-in-out 0.6s;
}




#TEXT_Mittagstisch.hidden{
    top: -200%;
    -webkit-transition: 
        top 0.3s ease-in-out 1s;
    -moz-transition: 
        top 0.3s ease-in-out 1s;
    -o-transition: 
        top 0.3s ease-in-out 1s;
    transition: 
        top 0.3s ease-in-out 1s;
}







#TAGE_Mittagstisch_Inhalt{
    height: 183px;
    font-size: 1em;
    font-weight: 300;
    overflow-y: scroll;
    overflow-x: hidden;
}

@media screen and (max-width: 1280px){
    #TAGE_Mittagstisch_Inhalt{
    height: 170px;
    font-size: 0.9em;
    }
}

@media screen and (max-width: 1080px){
    #TAGE_Mittagstisch_Inhalt{
    height: 155px;
    }
}

@media screen and (max-width: 980px){
    #TAGE_Mittagstisch_Inhalt{
    height: 150px;
    font-size: 0.8em;
    }
}

@media screen and (max-width: 780px){
    #TAGE_Mittagstisch_Inhalt{
    height: 125px;
    font-size: 0.7em;
    }
}

@media screen and (max-width: 700px){
    #TAGE_Mittagstisch_Inhalt{
    height: 100px;
    font-size: 0.6em;
    }
}

@media screen and (max-width: 625px){
    #TAGE_Mittagstisch_Inhalt{
    height: 87px;
    font-size: 0.52em;
    }
}

@media screen and (max-width: 480px) and (orientation: portrait){
    #TAGE_Mittagstisch_Inhalt{
    height: 210px;
    font-size: 0.9em;
    }
}

@media screen and (max-width: 350px) and (orientation: portrait){
    #TAGE_Mittagstisch_Inhalt{
    height: 170px;
    font-size: 0.8em;
    }
}

@media screen and (max-width: 480px) and (orientation: landscape){
    #TAGE_Mittagstisch_Inhalt{
    height: 115px;
    }
}




#Mittagstisch_Michi{
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 400;
    line-height: 1.2em;
    color: whitesmoke;
    text-align: center;
    overflow: hidden;
}









#Mittagstisch_Unterleger_wrapper{
    z-index: 9000;
    position: absolute;
    width: 100%;
    height: 100%;
    top: -50px;
}




#Mittagstisch_Unterleger{
    position: relative;
    width: 30em;
    opacity: 0;
    transition: 
        opacity 0.3s ease-in-out 400s,
        top 0.3s ease-in-out 400s;
}

@media screen and (max-width: 1280px){
    #Mittagstisch_Unterleger{
    width: 27em;
    }
}

@media screen and (max-width: 1080px){
    #Mittagstisch_Unterleger{
    width: 26em;
    }
}

@media screen and (max-width: 980px){
    #Mittagstisch_Unterleger{
    width: 24em;
    }
}

@media screen and (max-width: 780px){
    #Mittagstisch_Unterleger{
    width: 20em;
    }
}

@media screen and (max-width: 700px){
    #Mittagstisch_Unterleger{
    width: 17em;
    top: 20px;
    }
}

@media screen and (max-width: 625px){
    #Mittagstisch_Unterleger{
    width: 15em;
    top: 20px;
    }
}

@media screen and (max-width: 480px){
  #Mittagstisch_Unterleger{
    display: none;
  }
}



#Mittagstisch_Unterleger.showing{
    opacity: 1;
    
    -webkit-transition: 
        opacity 0.3s ease-in-out 0.4s;
    -moz-transition: 
        opacity 0.3s ease-in-out 0.4s;
    -o-transition: 
        opacity 0.3s ease-in-out 0.4s;
    transition: 
        opacity 0.3s ease-in-out 0.4s;
}

#Mittagstisch_Unterleger.hidden{
    visibility: hidden;
    
    -webkit-transition: 
        visibility 0.5s ease-in-out 0.3s;
    -moz-transition: 
        visibility 0.5s ease-in-out 0.3s;
    -o-transition: 
        visibility 0.5s ease-in-out 0.3s;
    transition: 
        visibility 0.5s ease-in-out 0.3s;
}





#Mittagstisch_Unterleger_Mobile{
    position: fixed;
    top: 135px;
    left: 50%;
    margin-left: -131px;
    width: 265px;
    height: 350px;
    display: none;
    opacity: 0;
    transition: 
    opacity 0.3s ease-in-out 400s,
    top 0.3s ease-in-out 400s;
}

@media screen and (max-width: 480px) and (orientation: portrait){
  #Mittagstisch_Unterleger_Mobile{
    display: inline-block;
  }
}

@media screen and (max-width: 350px) and (orientation: portrait){
  #Mittagstisch_Unterleger_Mobile{
    display: inline-block;
    width: 228px;
    margin-left: -114px;
    top: 115px;
  }
}



#Mittagstisch_Unterleger_Mobile.showing{
    opacity: 1;
    
    -webkit-transition: 
        opacity 0.3s ease-in-out 0.4s;
    -moz-transition: 
        opacity 0.3s ease-in-out 0.4s;
    -o-transition: 
        opacity 0.3s ease-in-out 0.4s;
    transition: 
        opacity 0.3s ease-in-out 0.4s;
}

#Mittagstisch_Unterleger_Mobile.hidden{
    visibility: hidden;
    
    -webkit-transition: 
        visibility 0.5s ease-in-out 0.3s;
    -moz-transition: 
        visibility 0.5s ease-in-out 0.3s;
    -o-transition: 
        visibility 0.5s ease-in-out 0.3s;
    transition: 
        visibility 0.5s ease-in-out 0.3s;
}









#PFEILE_Mittagstisch_unten{
    margin-top: 8px;
    width: 37px;
    margin-left: 8px;
    -webkit-animation-name: PFEILE_Mittagstisch_unten;
    -moz-animation-name: PFEILE_Mittagstisch_unten;
    -o-animation-name: PFEILE_Mittagstisch_unten;
    -ms-animation-name: PFEILE_Mittagstisch_unten;
    animation-name: PFEILE_Mittagstisch_unten;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    -ms-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-delay: 1s;
    -ms-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes PFEILE_Mittagstisch_unten {
    0%  {transform: translateY(0px); ease-in-out}
    50% {transform: translateY(5px); ease-in-out}
    100% {transform: translateY(0px); ease-in-out}
}
@-moz-keyframes PFEILE_Mittagstisch_unten {
    0%  {transform: translateY(0px); ease-in-out}
    50% {transform: translateY(5px); ease-in-out}
    100% {transform: translateY(0px); ease-in-out}
}
@-o-keyframes PFEILE_Mittagstisch_unten {
    0%  {transform: translateY(0px); ease-in-out}
    50% {transform: translateY(5px); ease-in-out}
    100% {transform: translateY(0px); ease-in-out}
}

@-ms-keyframes PFEILE_Mittagstisch_unten {
    0%  {transform: translateY(0px); ease-in-out}
    50% {transform: translateY(5px); ease-in-out}
    100% {transform: translateY(0px); ease-in-out}
}

@keyframes PFEILE_Mittagstisch_unten {
    0%  {transform: translateY(0px); ease-in-out}
    50% {transform: translateY(5px); ease-in-out}
    100% {transform: translateY(0px); ease-in-out}
}


@media screen and (max-width: 780px){
    #PFEILE_Mittagstisch_unten{
    margin-top: 4px;
    width: 25px;
    }
}


@media screen and (max-width: 625px){
    #PFEILE_Mittagstisch_unten{
    margin-top: 2px;
    width: 23px;
    }
}


@media screen and (max-width: 480px) and (orientation: portrait){
    #PFEILE_Mittagstisch_unten{
    }
}

@media screen and (max-width: 480px) and (orientation: landscape){
    #PFEILE_Mittagstisch_unten{
    }
}













#TEXT_Gaumenfreuden{
    z-index: 9003;
    position: absolute;
    overflow: hidden;
    left: 50%;
    margin-left: -13em;
    top: -12%; 
    width: 26em;
    height: 0%;
    opacity: 0; 
    font-family: 'Josefin Sans', sans-serif; 
    font-size: 1.1em; 
    line-height: 1.18em;
    font-weight: 300;
    color: whitesmoke;
    -webkit-transition: 
        opacity 0.3s ease-in-out 400s, 
        height 0.3s ease-in-out 400s;
    -moz-transition: 
        opacity 0.3s ease-in-out 400s, 
        height 0.3s ease-in-out 400s;
    -o-transition: 
        opacity 0.3s ease-in-out 400s, 
        height 0.3s ease-in-out 400s;
    transition: 
        opacity 0.3s ease-in-out 400s, 
        height 0.3s ease-in-out 400s;
}


.safari #TEXT_Gaumenfreuden{
        font-weight: 400;
    }


@media screen and (max-width: 1280px){
    #TEXT_Gaumenfreuden {
    font-size: 1em; 
    line-height: 1.1em;
    }
}

@media screen and (max-width: 1030px){
    #TEXT_Gaumenfreuden {
    font-size: 0.9em;
    top: -9%
    }
}

@media screen and (max-width: 840px){
    #TEXT_Gaumenfreuden {
    font-size: 0.8em;
    top: -9%
    }
}

@media screen and (max-width: 680px){
    #TEXT_Gaumenfreuden {
    font-size: 0.7em;
    top: -5%
    }
}

@media screen and (max-width: 540px){
    #TEXT_Gaumenfreuden {
    font-size: 0.6em;
    top: -5%
    }
}

@media screen and (max-width: 480px){
    #TEXT_Gaumenfreuden {
    display: none;
    }
}


@media screen and (max-width: 480px) and (orientation: portrait){
    #TEXT_Gaumenfreuden{
        position: absolute;
        width: 100%;
        font-size: 0.85em; 
        line-height: 1.05em;
        font-weight: 300;
    }
}



#TEXT_Gaumenfreuden.showing{
    height: 100%;
    opacity: 1;
    -webkit-transition: 
        height 0.3s ease-in-out 0.5s, 
        opacity 0.3s ease-in-out 0.4s;
    -moz-transition: 
        height 0.3s ease-in-out 0.5s, 
        opacity 0.3s ease-in-out 0.4s;
    -o-transition: 
        height 0.3s ease-in-out 0.5s, 
        opacity 0.3s ease-in-out 0.4s;
    transition: 
        height 0.3s ease-in-out 0.5s, 
        opacity 0.3s ease-in-out 0.4s;
}

#TEXT_Gaumenfreuden.hidden{
    -webkit-transition: 
        opacity 0.3s ease-in-out 1s;
    -moz-transition: 
        opacity 0.3s ease-in-out 1s;
    -o-transition: 
        opacity 0.3s ease-in-out 1s;
    transition: 
        opacity 0.3s ease-in-out 1s;
}





#TEXT_Gaumenfreuden_Mobile{
    z-index: 9003;
    position: absolute;
    overflow: hidden;
    left: 50%;
    margin-left: -13em;
    top: 7%; 
    width: 27em;
    font-family: 'Josefin Sans', sans-serif; 
    font-size: 0.65em; 
    line-height: 1.18em;
    font-weight: 300;
    color: whitesmoke;
    display: none;
    opacity: 0;
    -webkit-transition: 
        opacity 0.3s ease-in-out 400s; 
    -moz-transition: 
        opacity 0.3s ease-in-out 400s; 
    -o-transition: 
        opacity 0.3s ease-in-out 400s; 
    transition: 
        opacity 0.3s ease-in-out 400s; 
}


@media screen and (max-width: 480px){
    #TEXT_Gaumenfreuden_Mobile{
    display: inline-block;
    }
}

@media screen and (max-width: 400px) and (orientation: portrait){
    #TEXT_Gaumenfreuden_Mobile{
    display: inline-block;
    position: fixed;
    font-size: 0.85em;
    width: 19em;
    margin-left: -9.3em;
    top: 125px;
    }
}


#TEXT_Gaumenfreuden_Mobile.showing{
    opacity: 1;
    -webkit-transition: 
        opacity 0.3s ease-in-out 0.4s;
    -moz-transition: 
        opacity 0.3s ease-in-out 0.4s;
    -o-transition: 
        opacity 0.3s ease-in-out 0.4s;
    transition: 
        opacity 0.3s ease-in-out 0.4s;
}

#TEXT_Gaumenfreuden_Mobile.hidden{
    display: none;
}










#TEXT_Kontakt{
    z-index: 9003;
    position: absolute;
    overflow: hidden;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: -o-zoom-in;
    cursor: zoom-in;
    top: 0;
    left: 50%;
    width: 26em;
    margin-left: -13em;
    height: 0px;
    opacity: 0;
    -webkit-transition: 
        opacity 0.3s ease-in-out 400s, 
        height 0.3s ease-in-out 400s;
    -moz-transition: 
        opacity 0.3s ease-in-out 400s, 
        height 0.3s ease-in-out 400s;
    -o-transition: 
        opacity 0.3s ease-in-out 400s, 
        height 0.3s ease-in-out 400s;
    transition: 
        opacity 0.3s ease-in-out 400s, 
        height 0.3s ease-in-out 400s;
}


@media screen and (max-width: 880px){
    #TEXT_Kontakt{
    display: none;
  }
}




#TEXT_Kontakt.showing{
    height: 310px;
    opacity: 1;
    -webkit-transition: 
        height 0.3s ease-in-out 0.5s, 
        opacity 0.3s ease-in-out 0.4s;
    -moz-transition: 
        height 0.3s ease-in-out 0.5s, 
        opacity 0.3s ease-in-out 0.4s;
    -o-transition: 
        height 0.3s ease-in-out 0.5s, 
        opacity 0.3s ease-in-out 0.4s;
    transition: 
        height 0.3s ease-in-out 0.5s, 
        opacity 0.3s ease-in-out 0.4s;
}

#TEXT_Kontakt.hidden{
    visibility: hidden;
    
    -webkit-transition: 
        visibility 0.5s ease-in-out 0.3s;
    -moz-transition: 
        visibility 0.5s ease-in-out 0.3s;
    -o-transition: 
        visibility 0.5s ease-in-out 0.3s;
    transition: 
        visibility 0.5s ease-in-out 0.3s;
}



#TEXT_Kontakt.zoom{
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out;
    cursor: -o-zoom-out;
    cursor: zoom-out;
    width: 600px;
    margin-left: -300px;
    left: 50%;
    top: -40px;
}

#GOOGLE_MAP{
    z-index: 9004;
    width: 8em;
    height: 80px;
    font-family: 'Josefin Sans', sans-serif; 
    font-size: 1em; font-weight: 700;
    cursor: pointer;
}

#GOOGLE_MAP:hover{
    color: #c6b699;
}

#GOOGLE_MAP img{
    height: 50px;
    margin-top: 5px;
}







#Adresse{
    z-index: 9007;
    position: relative;
    overflow: hidden;
    top: -210%;
    left: 360px;
    width: 270px;
    height: 0px;
    opacity: 0;
    text-align: left;
    font-family: 'Josefin Sans', sans-serif;
    line-height: 1.1em;
    color: #c41420;
    -webkit-transition: 
        height 0.3s ease-in-out 400s, 
        opacity 0.3s ease-in-out 400s;
    -moz-transition: 
        height 0.3s ease-in-out 400s,
        opacity 0.3s ease-in-out 400s;
    -o-transition: 
        height 0.3s ease-in-out 400s,
        opacity 0.3s ease-in-out 400s;
    transition: 
        height 0.3s ease-in-out 400s,
        opacity 0.3s ease-in-out 400s;
}

.safari #Adresse{
    font-weight: 700;
    margin-top: -10%;
}



@media screen and (max-width: 1280px){
    #Adresse{
    top: -230%;
  }
}

@media screen and (max-width: 980px){
    #Adresse{
    top: -205%;
    font-size: 0.9em;
  }
}

@media screen and (max-width: 880px){
    #Adresse{
    display: none;
  }
}






#Adresse span2{
    color:whitesmoke;
}

#Adresse span2:hover{
    color: #c6b699;
    cursor: pointer;
    font-weight: 400;
}


#Adresse.showing{
    opacity: 1;
    height: 380px;
    -webkit-transition: 
        height 0.3s ease-in-out 0.5s, 
        opacity 0.3s ease-in-out 0.6s;
    -moz-transition: 
        height 0.3s ease-in-out 0.5s, 
        opacity 0.3s ease-in-out 0.6s;
    -o-transition: 
        height 0.3s ease-in-out 0.5s, 
        opacity 0.3s ease-in-out 0.6s;
    transition: 
        height 0.3s ease-in-out 0.5s, 
        opacity 0.3s ease-in-out 0.6s;
}

#Adresse.hidden{
    display: none;
    visibility: hidden;
    height: 0px;
    -webkit-transition: 
        height 0.3s ease-in-out 0.5s; 
    -moz-transition: 
        height 0.3s ease-in-out 0.5s; 
    -o-transition: 
        height 0.3s ease-in-out 0.5s; 
    transition: 
        height 0.3s ease-in-out 0.5s; 
}

#Adresse.hidden2{
    visibility: hidden; 
}





#Adresse_Mobile{
    z-index: 9003;
    position: absolute;
    overflow: hidden;
    top: -8%;
    height: 0px;
    left: 50%;
    width: 250px;
    margin-left: -115px;
    opacity: 0;
    text-align: left;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 0.98em;
    line-height: 1.1em;
    color: #c41420;
    display: none;
    -webkit-transition: 
        height 0.3s ease-in-out 400s, 
        opacity 0.3s ease-in-out 400s;
    -moz-transition: 
        height 0.3s ease-in-out 400s,
        opacity 0.3s ease-in-out 400s;
    -o-transition: 
        height 0.3s ease-in-out 400s,
        opacity 0.3s ease-in-out 400s;
    transition: 
        height 0.3s ease-in-out 400s,
        opacity 0.3s ease-in-out 400s;
}


@media screen and (max-width: 880px){
    #Adresse_Mobile{
    display: inline-block;
  }
}

@media screen and (max-width: 780px){
    #Adresse_Mobile{
    font-size: 0.8em;
    width: 200px;
    margin-left: -80px;
    top: -6%;
  }
}

@media screen and (max-width: 480px) and (orientation: portrait){
    #Adresse_Mobile{
    font-size: 0.8em;
    width: 170px;
    margin-left: -70px;
    top: 6%;
  }
}

@media screen and (max-width: 480px) and (orientation: landscape){
    #Adresse_Mobile{
    font-size: 0.65em;
    width: 150px;
    margin-left: -60px;
    top: 6%;
  }
}



#Adresse_Mobile.showing{
    opacity: 1;
    height: 100%;
    -webkit-transition: 
        height 0.3s ease-in-out 0.5s, 
        opacity 0.3s ease-in-out 0.6s;
    -moz-transition: 
        height 0.3s ease-in-out 0.5s, 
        opacity 0.3s ease-in-out 0.6s;
    -o-transition: 
        height 0.3s ease-in-out 0.5s, 
        opacity 0.3s ease-in-out 0.6s;
    transition: 
        height 0.3s ease-in-out 0.5s, 
        opacity 0.3s ease-in-out 0.6s;
}

#Adresse_Mobile.hidden{
    display: none;
}





#GOOGLE_MAP_Mobile{
    z-index: 9004;
    width: 4em;
    height: 60px;
    font-family: 'Josefin Sans', sans-serif; 
    font-size: 1em; font-weight: 700;
    cursor: pointer;
    float: left;
}

@media screen and (max-width: 780px){
    #GOOGLE_MAP_Mobile{
    width: 3.3em;
    height: 40px;
  }
}




#Theatercafe_Adresse_Mobile{
    color: whitesmoke;
    margin-top: 16px;
    margin-left: 70px;
}

@media screen and (max-width: 780px){
    #Theatercafe_Adresse_Mobile{
    margin-left: 47px;
    margin-top: 4px;
  }
}

@media screen and (max-width: 480px) and (orientation: landscape){
    #Theatercafe_Adresse_Mobile{
    margin-left: 38px;
    margin-top: 3px;
  }
}



#Mail_Mobile{
    color: whitesmoke;
    margin-top: 9px;
}

@media screen and (max-width: 780px){
    #Mail_Mobile{
    margin-top: 4px;
  }
}

#Mail_Mobile:hover{
    color: #c6b699;
    cursor: pointer;
    font-weight: 400;
}










#Impressum_Button{
    z-index: 9200;
    position: fixed;
    right: -67px;
    bottom: -72px;
    width: 125px;
    height: 125px;
    background-color: #c41420;
    text-align: center;
    font-family: 'Josefin Sans', sans-serif;
    color: black;
    font-weight: 900;
    font-size: 0.7em;
    padding-top: 10px;
    cursor: pointer;
    visibility: visible;
    opacity: 0.5;
    
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);
}

#Impressum_Button:hover{
    opacity: 1;
    color: white;
}

#Impressum_Button.hidden{
    visibility: hidden;
}

@media screen and (max-width: 980px){
    #Impressum_Button{
        right: -53px;
        bottom: -58px;
        width: 100px;
        height: 100px;
        font-size: 0.6em;
  }
}

@media screen and (max-width: 780px){
    #Impressum_Button{
        right: -41px;
        bottom: -46px;
        width: 75px;
        height: 75px;
        font-size: 0.43em;
        padding-top: 5px;
  }
}

@media screen and (max-width: 580px) and (orientation: portrait){
    #Impressum_Button{
        right: -41px;
        bottom: -46px;
        width: 75px;
        height: 75px;
        font-size: 0.43em;
        padding-top: 5px;
  }
}




#Impressum_Button2{
    z-index: 9200;
    position: fixed;
    right: -67px;
    bottom: -72px;
    width: 125px;
    height: 125px;
    background-color: #c6b699;
    text-align: center;
    font-family: 'Josefin Sans', sans-serif;
    color: black;
    font-weight: 900;
    font-size: 0.7em;
    padding-top: 10px;
    cursor: pointer;
    visibility: hidden;
    opacity: 0.5;
    
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);
}

#Impressum_Button2:hover{
    opacity: 1;
}

#Impressum_Button2.showing{
    visibility: visible;
}




#Impressum{
    z-index: 9100;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    visibility: hidden;
    -webkit-transition: 
        visibility 0.4s ease-in-out 0.5s;
    -moz-transition: 
        visibility 0.4s ease-in-out 0.5s;
    -o-transition: 
        visibility 0.4s ease-in-out 0.5s;
    transition: 
        visibility 0.4s ease-in-out 0.5s;
}

#Impressum.showing{
    visibility: visible;
    -webkit-transition: 
        visibility 0.2s ease-in-out 0s;
    -moz-transition: 
        visibility 0.2s ease-in-out 0s;
    -o-transition: 
        visibility 0.2s ease-in-out 0s;
    transition: 
        visibility 0.2s ease-in-out 0s;
}


#Impressum_Hintergrund{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: black;
    font-family: 'Josefin Sans', sans-serif;
    color: whitesmoke;
    font-weight: 700;
    font-size: 0.7em;
    text-align: center;
    
    height: 0px;
    -webkit-transition: 
        height 0.4s ease-in-out 0.5s;
    -moz-transition: 
        height 0.4s ease-in-out 0.5s;
    -o-transition: 
        height 0.4s ease-in-out 0.5s;
    transition: 
        height 0.4s ease-in-out 0.5s;
}

#Impressum_Hintergrund.showing{
    height: 100%;
    -webkit-transition: 
        height 0.4s ease-in-out 0s;
    -moz-transition: 
        height 0.4s ease-in-out 0s;
    -o-transition: 
        height 0.4s ease-in-out 0s;
    transition: 
        height 0.4s ease-in-out 0s;
}


#Impressum_Text{
    position: fixed;
    left: 50%;
    margin-left: -25%;
    top: 10%;
    width: 50%;
    height: 80%;
    font-family: 'Josefin Sans', sans-serif;
    color: whitesmoke;
    font-weight: 400;
    font-size: 1.2em;
    line-height: 1.2em;
    text-align: left;
    overflow: scroll;
    overflow-x: hidden;
    opacity: 0;
    
    -webkit-transition: 
        opacity 0.7s ease-in-out 0s;
    -moz-transition: 
        opacity 0.7s ease-in-out 0s;
    -o-transition: 
        opacity 0.7s ease-in-out 0s;
    transition: 
        opacity 0.7s ease-in-out 0s;
}


@media screen and (max-width: 600px){
    #Impressum_Text{
        width: 70%;
        margin-left: -35%;
    }   
}

@media screen and (max-width: 480px) and (orientation: portrait){
    #Impressum_Text p{
        height: 100%;
    overflow: scroll;
    }   
}



#Impressum_Text.showing{
    opacity: 1;
    -webkit-transition: 
        opacity 0.3s ease-in-out 0.5s;
    -moz-transition: 
        opacity 0.3s ease-in-out 0.5s;
    -o-transition: 
        opacity 0.3s ease-in-out 0.5s;
    transition: 
        opacity 0.3s ease-in-out 0.5s;
}


    .safari #Impressum_Text{
        font-weight: 700;
    }