@media (max-height: 769px) {
    .maps-section{
      display: none;
    }
    .maps-section.small{
      display: none;
    }
    .maps-section.contact{
      display: block;
      width: 30%;
    }
    .section-back-garden{
      bottom: 0px;
    }
    .nav-pills>li>a{
      padding: 5px 15px;
      font-size: 16px;
    }
    .section-right{
      height: 250px;
    }
    .text-section{
      height: auto!important;
      bottom: 0px!important;
    }
    .service-section{
      height: 400px;
      top: calc(17% + 50px);
    }
  }

  @media (max-width: 1199px) {
    .text-section{
      left: 30%;
    }
    .title-section-zimmer{
      left: calc(30% + 20px);
    }
    .text-section.zimmer{
      left: 30%;
    }
    .title-section-zimmer .nav-pills{
      margin-left: 0px;
    }
    .text-section.zimmer .text-wrapper{
      width: 100%;
    }
    .text-section.zimmer .teaser{
      display: none;
    }
    .text-section.right{
      top: 50%;
    }
    .text-section.top{
      height: 25%!important;
    }
    .text-section.service .text-wrapper p{
      display: none;
    }
    .daterangepicker{
      top: 190px!important;
      bottom: inherit!important;
    }
    .maps-section.contact{
      display: none;
    }
    .nav-pills>li>a{
      margin: 0px 2px;
      padding: 5px 10px;
    }
    .service-section .content-box{
      width: 260px;
    }
    .title-section-zimmer .text-wrapper{
      padding-left: 0px;
    }
    .text-section.zimmer-detail{
      left: 30%;
    }

  }

    @media (max-width: 992px) {

      h2{
        padding-top: 20px;
      }
      .full-wrapper{
        position: relative;
        overflow-x: hidden;
      }
      .full-wrapper.service{
        position: relative;
      }


        .left-section{
          position: relative;
          width: 100%;
          height: 600px;
        }
        .left-section.top{
          position: relative;
          width: 100%;
          height: 600px;
        }
        .left-section.bottom{
          position: relative;
          width: 100%;
          height: 600px;
          top: 0px;
          right: 0px;
          left:0px;
        }
        .service .left-section.bottom{
          margin-bottom: 65px;
        }
        .zimmerdetail .left-section.bottom{
          margin-bottom: 65px;
        }
        .maps-section{
          position: relative;
          width: 100%;
          height: 600px;
          top: 0px;
          right: 0px;
          left:0px;
          display: block;
        }
        .maps-section.small{
          height: 600px;
          display: block;
        }
        .maps-section.contact{
          display: block;
          width: 100%;
        }
        .text-section{
          position: relative;
          width: 100%;
          height: auto;
          top: 0px;
          right: 0px;
          left:0px;
        }
        .text-section.right{
          position: relative;
          width: 100%;
          height: auto;
          top: 0px;
          right: 0px;
          left:0px;
        }
        .section-right{
          position: relative;
          width: 100%;
          height: 600px;
          top: 0px;
          right: 0px;
          left:0px;
        }
        .title-section-zimmer{
          position: relative;
          left: 0px;
          right: 0px;
          top: 0px;
          padding: 30px;
        }
        .text-section.zimmer{
          position: relative;
          width: 100%;
          height: auto;
          top: 0px;
          right: 0px;
          left:0px;
          padding-bottom: 0px;
        }
        .text-section.zimmer .text-wrapper{
          padding: 30px;
          width: 100%;
        }
        .text-section.zimmer .teaser{
          position: relative;
          width: 100%;
          height: 600px;
        }
        .section-back-garden{
          position: relative;
          width: 100%;
          height: 600px;
          top: 0px;
          right: 0px;
          left:0px;
          bottom: 0px;
        }
        .service-section{
          position: relative;
          width: 100%;
          height: auto;
          padding-bottom: 50px;
          top: 0px;
          right: 0px;
          left:0px;
          bottom: 0px;
        }
        .service-section.desktop{
          display: none;
        }

        .service-section.mobile{
          display: block;
        }
        .service-section.mobile .content-box{
          width: 100%;
          height: auto;
        }
        .service-section.mobile .content-box .background{
          height: 250px;
        }
        .service-section.mobile .owl-theme .owl-nav.disabled+.owl-dots{
          left: 0px;
          right: 0px;
          margin: auto;
        }
        .service-section.mobile .owl-theme .owl-dots .owl-dot.active{
          border: 1px solid black;
        }
        .service-section.mobile .owl-theme .owl-dots .owl-dot span{
          background-color: black;
        }
        .service-section.mobile .owl-theme .owl-dots .owl-dot.active span,
        .owl-theme .owl-dots .owl-dot:hover span{
          background-color: black;
        }
        .text-section.top{
          position: relative;
          top: 0px;
          left: 0px;
          right: 0px;
          height: auto!important;
        }
        .text-section.service .text-wrapper p{
          display: block;
        }
        .home-section{
          position: relative;
        }
        .home-section .content-box{
          width: 100%;
          height: 600px;
          display: block;
          float: none;
        }
        .home-section .content-box.logo{
          height: 400px;
        }
        .booking-section{
          position: relative;
          width: 100%;
          height: 100px;
          top: 0px;
          right: 0px;
          left:0px;
          border: 1px solid white;
          border-left: none;
          border-right: none;
        }
        .booking-section .booking-container .open-box{
          background-image: none;
          top: 0px;
          right: 0px;
          height: 100%;
          width: 100%;
          position: relative;
        }
        .booking-section .booking-container .open-box p{
          left: 20px;
          top: 20px;
          bottom: 20px;
          right: 20px;
          padding-top: 5px;
          position: absolute;
          display: block;
          border: 1px solid white;
          margin: 0px;
          cursor: pointer;
        }
        .booking-section .booking-container .close-box{
          background-image: none;
          top: 0px;
          right: 0px;
          height: 100%;
          width: 100%;
          position: relative;
        }
        .booking-section .booking-container .close-box.show{
          background-image: none;
          top: 0px;
          right: 0px;
          height: 100%;
          width: 100%;
          position: relative;
        }
        .booking-section .booking-container .close-box p{
          left: 20px;
          top: 20px;
          height: 58px;
          right: 20px;
          padding-top: 5px;
          position: absolute;
          display: block;
          border: 1px solid white;
          margin: 0px;
          cursor: pointer;
        }
        .booking-section.open{
          height: 630px;
          padding-bottom: 50px;
          left: 0px;
          right: 0px;
          width: 100%;
          top: 0px;
        }
        .daterangepicker{
          left: 0%!important;
          bottom: 0%!important;
          width: 100%;

        }
        .daterangepicker.dropdown-menu{
          z-index: 5;
        }
        .content-box .pic1{
          transform: scale(0.6);
        }
        .section-back-zimmer-detail{
          position: relative;
          width: 100%;
          height: 600px;
          left: 0px;
          right: 0px;
          top: 0px;
        }
        .text-section.zimmer-detail{
          position: relative;
          width: 100%;
          height: auto;
          left: 0px;
          right: 0px;
          top: 0px;
        }
        .text-section.zimmer-detail .text-wrapper{
          height: auto;
          padding: 0px 40px 0px 0px;
        }

        .text-section.zimmer-detail .half{
          width: 100%;
          display: block;
          padding-right: 0px;
        }
        .text-section.zimmer-detail ul{
          padding-left: 20px;
          margin: 0px -30px;
        }
        .text-section.zimmer-detail ul li{
          padding: 20px;
        }
        .text-section.service{
          height: auto;
        }
        .text-section.zimmer{
          position: relative;
          left: 0px;
          right: 0px;
          top: 0px;
          padding-bottom: 0px;
          height: auto;
        }
        .text-section.zimmer .text-wrapper{
          position: relative;
          left: 0px;
          right: 0px;
          width: 100%;
        }
        .text-section.zimmer .teaser{
          height: 600px;
          position: relative;
          left: 0px;
          right: 0px;
          width: 100%;
        }
        footer{
          height: auto;
          position: relative;
        }
        footer .icon-box{
          display: table;
          margin: 0px auto;
          margin-bottom: 10px;
        }

        footer .text-box{
          display: table;
          margin: 0px auto;
        }
        footer .item p{
          margin-bottom: 0px;
        }
        .home-section .content-box.hover-box .hover .dark{
          opacity: 1;
        }
        .nav-pills>li>a{
          margin: 0px;
          margin-right: 10px;
          margin-left: 0px;
        }
        .nav-pills>li+li{
          margin-left: 0px;
        }
        .bottom-section-service{
          display: none;
        }
        .text-section.contact .text-box-left{
          width: 100%;
        }
        .text-section.contact .text-box-right{
          padding-top: 30px;
          width: 100%;
        }
        .navbar-default .navbar-nav>li{
          padding: 0px 0px;
          margin: 0px 0px;
        }

        .navbar-default .navbar-nav>li>a{
          text-align: center;
          padding: 15px 0px;
          border-bottom: 1px solid rgba(255,255,255,0.2);
        }

        .navbar-default .navbar-nav>.active>a::after,
        .navbar-default .navbar-nav>.active>a:focus::after,
        .navbar-default .navbar-nav>.active>a:hover::after{
          display: none;
        }

        .navbar-fixed-bottom .navbar-collapse,
        .navbar-fixed-top .navbar-collapse{
          position: fixed;
          left: 0px;
          right: 0px;
          height: 1px;
          max-height: inherit;
          top: 70px;
          transition: ease all 0.3s;
        }

        .navbar-fixed-bottom .navbar-collapse.in,
        .navbar-fixed-top .navbar-collapse.in{
          height: calc(100% - 70px)!important;
          top: 70px;
          max-height: calc(100% - 70px);
        }
        .navbar-brand.active{
          display: block;
        }

        .navbar-brand.stay-active{
          display: block;
        }
        .mobile-logo{
          display: none;
        }
        .navbar-default .navbar-nav>li>a:focus::after,
        .navbar-default .navbar-nav>li>a:hover::after{
          display: none;
        }





.navbar-header {
    float: none;
}
.navbar-left,.navbar-right {
    float: none !important;
}
.navbar-toggle {
    display: block;
}
.navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}
.navbar-collapse.collapse {
    display: none!important;
}
.navbar-nav {
    float: none!important;
    margin-top: 7.5px;
}
.navbar-nav>li {
    float: none;
}
.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
}
.collapse.in{
    display:block !important;
}
.daterangepicker{
  top: 170px!important;
  bottom: inherit!important;
}
.daterangepicker.ltr .calendar.left{
  margin-left: 30px;
}

.menu-item-wpml-ls-2-de{
  position: relative!important;
  right: inherit!important;
  display: inline-block!important;
  margin-left: 44%!important;
}

.menu-item-wpml-ls-2-de::after{
  top: 16px!important;
}

.menu-item-wpml-ls-2-en{
  position: relative!important;
  right: inherit!important;
  display: inline-block!important;
  padding-left: 5px!important;
}

.menu-item-wpml-ls-2-de a{
  border: none!important;
}

.menu-item-wpml-ls-2-en a{
  border: none!important;
}

.menu-item-266{
  display: block!important;
  border: none!important;
  padding-top: 40px!important;
}

.menu-item-266 a{
  border: none!important;
}

.menu-item-267{
  display: block!important;
  border: none!important;
}

.menu-item-267 a{
  border: none!important;
}

.menu-item-631{
  display: block!important;
  border: none!important;
  padding-top: 40px!important;
}

.menu-item-631 a{
  border: none!important;
}

.menu-item-632{
  display: block!important;
  border: none!important;
}

.menu-item-632 a{
  border: none!important;
}

      }

@media (max-width: 767px) {
  .home-section .content-box{
    height: 400px;
  }
  .left-section{
    position: relative;
    width: 100%;
    height: 400px;
  }
  .left-section.top{
    height: 400px;
  }
  .left-section.bottom{
    height: 400px;
  }
  .maps-section{
    height: 400px;
  }
  .maps-section.small{
    height: 400px;
  }
  .section-right{
    height: 400px;
  }
  .text-section.zimmer .teaser{
    height: 400px;
  }
  .section-back-garden{
    height: 400px;
  }
  .section-back-zimmer-detail{
    height: 400px;
  }
  .text-section.zimmer .teaser{
    height: 400px;
  }
  .daterangepicker{
    top: 170px!important;
    bottom: inherit!important;
  }
  .daterangepicker .calendar-table{
    margin: 0px 30px;
  }
  .daterangepicker.ltr .calendar.left{
    margin-left: 0px;
  }
  .booking-section.open{
    height: 850px;
  }
  .text-section.zimmer-detail .text-wrapper{
    padding: 0px 40px 0px 20px;
  }

  .menu-item-wpml-ls-2-de{
    position: relative!important;
    right: inherit!important;
    display: inline-block!important;
    margin-left: 40%!important;
  }
  }