/*rci responsive css*/


@charset "UTF-8";

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

html{



}

body{
height:100%;
width:100vw;
max-width:100%;
margin:0;
padding:0;
position:absolute;
max-height:100%;
overflow:scroll;
}



.curtain{
height:100%;
min-height:100%;
max-height:unset;

}


.curtain .hole{

height:300px;

width:300px;

margin-top:-150px;

}


.curtain .hole:before{


width:300px;
height:300px;



}
.left-curtain .hole{


margin-left:-150px;

}

.right-curtain .hole{
margin-left:-150px;

}
.left-curtain:before,
.right-curtain:before{
margin-top:-151px;
}
.left-curtain:after,
.right-curtain:after{
margin-top:151px;
}



.main{
margin-top:150px;
height:100%;
max-height:unset;
padding:0;
max-width:100%;
width:100%;
margin-right:0;
margin-left:0;
overflow:visible;
-webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   backface-visibility: hidden;

   -webkit-perspective: 1000;
   -moz-perspective: 1000;
   -ms-perspective: 1000;
   perspective: 1000;
   
}
.header{
margin-top:-160px;
height:400px;
position:fixed;

}

.intro-image{


height:400px;
margin:0;
width:100%;
}


h1{

font-size:7.5vw;
height:100%;
min-height:90px;
width:100%;
top:0vw;
}


h2{

font-size:5vw;
width:100%;
margin:0;
padding:0;
text-align:center;
padding-top:25px;
margin:auto;

}


h1.start-headline{

font-size:4.5vw;
font-weight:bold;
margin-top:25px;
}


.headlines{
display:block;
min-height:70px;
padding-right:0;
padding-left:0;
top:100px;
max-height:unset;

}
.headlines p{
margin:auto;
margin-top:-70px;
font-size:3.5vw;
width:80%;
background:rgba(255,255,255,0);
height:20px;
padding-bottom:20px;
position:static;
}
.content{

min-height:100%;
height: auto;
max-height:unset;
width:100%;
overflow:hidden;
padding-right:0;
padding-left:0;
-webkit-box-shadow: inset 0px 3px 3px 0px rgba(0,0,0,0);
-moz-box-shadow: inset 0px 3px 3px 0px rgba(0,0,0,0);
box-shadow: inset 0px 3px 3px 0px rgba(0,0,0,0);
max-width:100%;
margin-left:0;
margin-right:0;

}

.content div p{
display:block;

}

.content-bg{
margin-left:0;
margin-right:0;
position:static;
min-height: 100%;
height:100%;
display:block;
padding-right:0;
padding-left:0;
max-width:100%;
width:100%;
overflow:visible;

}
.ajax-call{
height: auto;
min-height:unset;
max-height:unset;
display:block;
width:100%;
margin-left:0;
margin-right:0;
padding:0;

}

.content-plain-text-wrapper {
max-height: unset;
width:90%;
margin-left:5%;
max-width:90vw;
height:100%;
overflow:visible;
}
.content-plain-text{
padding:0;
height:100%;
white-space:normal;
max-height: unset;
overflow:visible;
}

.content-mix-wrapper{
width:95%;
margin-left:2.5%;
height:auto;
max-height:none;


}

.content-plain-text-half-size{

float:none;
width:100%;
display:block;
white-space:normal;

}
.box-float-3 .box-banner {

    height: auto;
    max-height: 250px;
    

}
.box-float-3 h3, .box-float-3 p {

 
    padding: 5%;
   padding-bottom:15px;

}

.box-float-3 .call-to-action{
margin-bottom:50px;
}

.contact-data h2, .contact-data p {
    font-size: 4vw;
    width:60%;
    margin-left:10%;
}
.contact-data img {
    display: block;
    height: auto;
    width: 80%;
    margin-left: 10%;
    margin-top: 35px;
}
.contact-module form .form-row {
    width: 100%;
    min-height: 70px;
    height:auto;
}
.form-row input.i-text, .form-row .t-textarea,.contact-module form .form-row label {
    padding-top: 35px;
    padding-bottom: 35px;
    
    font-size:4vw;
    
    }
    .contact-module form .textarea{
    
    height:210px;
    
    }
    
    .contact-module form .form-row .t-textarea{
    height:150px;
    
    }
    
    
    .form-row input.i-submit {
    margin-top:15px;
    
    
    }
    
    
    .feedback{
    width:100%;
    height:auto;
    display:block;
    
    
    }
    
    .feedback img{
    
    display:block;
    width:90%;
    height:auto;
    margin:5%;
    
    }
  .footer-ul li a {
  
  font-size:3vw;
  }  
    
.box-float-3-container{
width:100%;
margin-left:0%;
margin-right:0;

}

.box-float-3{
display:block;
float:none;
width:100%;



}
.box-float-3:nth-child(1){
   margin-left:0;
}

.call-to-action{

margin-left:40vw;

}


.ajax-left {
    left: 2vw;
    top:40vw;
    border-width: 10px 10px 10px 0;
    display:none;
    position:fixed;
    }

.ajax-right {
right: 2vw;
border-width: 10px 0px 10px 10px;
top:40vw;
display:none;
position:fixed;
    }

.footer{
-webkit-box-shadow: 0px -2px 2px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px -2px 2px 0px rgba(0,0,0,0.5);
box-shadow: 0px -2px 2px 0px rgba(0,0,0,0.5);
}
  
  .footer-ul li,
  .footer-ul li a{
  
 
  
  color:#000;
  }
  .telephone:before,
.location:before,
.fax:before,
.email:before{
display:none;

}

  
  
    .navigation{
-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5);
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5);   }
  
  .nav-ul li{
  background-size: auto 80%;
  width:25vw;
  }
  
  
  .nav-ul li.li-active{
  opacity:1;
  background-color:rgba(255,255,255,1);
   }
  
  .footer-ul li {
  width:25vw;
  
  
  }
  .footer-ul li a{
  
  text-shadow: 0px 1px 1px rgba(255,255,255,0.3);
  }
  .li-inactive::before {
    
    -webkit-box-shadow: 0px -3px 3px 0px rgba(92,119,130,0);
    -moz-box-shadow: 0px -3px 3px 0px rgba(92,119,130,0);
    box-shadow: 0px -3px 3px 0px rgba(92,119,130,0);
}
  
  
  .nav-ul li.li-inactive a{
  
  font-size:3vw;
  text-align:center;
  opacity:1;
  padding-right:0;
  padding-left:0;
  color:#000;
  }
  
  .telephone,.email{
  display:block;
  
  }
 
/* 
.location a{background-image:url("../images/icons/location-i.png");}

.telephone a{background-image:url("../images/icons/phone-i.png");}

.fax a{background-image:url("../images/icons/fax-i.png");}

.impressum a{background-image:url("../images/icons/impressum.png");}

.legal a{background-image:url("../images/icons/legal-2-i.png");}

.email a{background-image:url("../images/icons/email.png");}

.immobilien{background-image:url("../images/icons/immobilien.png");background-size:90% auto;}

.aboutus{background-image:url("../images/icons/aboutus-2-i.png");}

.contact{background-image:url("../images/icons/contact-1-i.png");}

*/ 
    
 .footer-ul li a:hover, .footer-ul li.li-active {
background-color:#fff;
color:#000;
}





.footer-ul li:hover a{

background-color:rgba(255,255,255,0.65);

}   
.standalone-image{

width:80%;
height:auto;
margin:auto;
display:block;
margin-top:15px;

}
.text-align-center{

text-align:center;
margin-top:15px;
white-space:normal;
width:100%;
display:block;
}
}