/* RESPONSIVE
================================================== */


@media only screen and (max-width: 1700px) {
  .display-1700-none {display: none!important;}
  .display-1700 {display: block!important;}



}
@media only screen and (max-width: 1200px) {
  .display-1200-none {display: none!important;}
  .display-1200 {display: block!important;}
  #sticky-nav {background: #000033;}
  #sticky-nav {position: fixed;top: 0;}
  .navbar {margin: 0px 0 0;}
  .bg-intro { 
    background-size: cover;
    background-image: url(../img/_backgrounds/bg-intro-mobil.png);
  }
}
@media only screen and (max-width: 991px) {
  body {background-attachment: scroll !important;}
  .display-991-none {display: none!important;}
  .display-991 {display: block!important;}
  .navbar-nav > li > a {padding: 20px;}   /*!!!!!!!*/
  .page-title {margin-top: 60px;}
  .grid-box{
    background-image: none !important;
    padding: 0 20px !important;
  }
#ausgangssituation {
    padding-bottom: 0px;
}


}
@media only screen and (max-width: 767px) {
  .display-767-none {display: none!important;}
  .display-767 {display: block!important;}
  .font-x0{font-size:4rem !important;}
  .font-x1{font-size:3rem !important;}
  .font-x2{font-size:2.5rem !important;}
  .font-x3{font-size:1.6rem !important;}
  .font-x4{font-size:1.2rem !important;}
  .font-x5{font-size:1.2rem !important;}
  .font-x6{font-size:1rem !important;}
  .promo-inner h2 {font-size: 26px;}
  .fl_right-left {float: left !important;}
  video {height: 100%;width: 100%; }
  #home { height: 90vh !important;}
  .rev_slider { height: 90vh !important;}
  .video-wrapper {height: 90vh;}
  .introtext{font-size: 20px;}

}
@media only screen and (max-width: 600px) {
  .display-600-none {display: none!important;}
  .display-600 {display: block!important;}





}
@media only screen and (max-width: 500px) {
  .display-500-none {display: none!important;}
  .display-500 {display: block!important;}
  



}
@media only screen and (max-width: 440px) {
  .display-440-none {display: none!important;}
  .display-440 {display: block!important;}
  .font-x0{font-size:3rem !important;}
  .font-x1{font-size:2.8rem !important;}
  .font-x2{font-size:2rem !important;}
  .font-x3{font-size:1.6rem !important;}
  .font-x4{font-size:1.2rem !important;}
  .font-x5{font-size:1.2rem !important;}
  .font-x6{font-size:1rem !important;}





  
}