.hidden-desktop {
    display: none !important;
}

.mobile-menu-wrapper {
    display: none;
}

/****************
*	RESPONSIVE
*****************/

@media (max-width: 1199px) {

}

@media (max-width: 1050px) {
    #main {
        min-width: 100%;
        width: 100%;
    }
    #main .decoration {
        width: 100%;
        background-position: top center;
        padding: 0 15px;
    }
    #main .decoration h2 {
        line-height: 55px;
    }
    #site {
        min-width: 100%;
    }
    header {
        width: 100%;
        min-width: 100%;
        background-size: 100%;
    }

    header nav {
        width: 100%;
        top: 82px;
        display: inline-block;
    }
    header nav .right {
        margin-right: 15%;
    }
    header nav .left {
        margin-left: 15%;
    }
    header nav li a {
        margin: 0;
        line-height: inherit;
    }
    header #languageSwitch {
        top: 15px;
        right: 15px;
    }
    header #onlineBookingWrapper {
        /*position: absolute;*/
        /*right: 85px;*/
        /*top: -20px;*/
        /*width: 138px;*/
        /*height: 74px;*/
    }
    header #bannerSwingPoint {
        /*position: absolute;*/
        /*width: 50%;*/
        /*margin-left: 0;*/

        top: 95px;
        margin-left: 335px;
        right: 14%;
        left: auto;
    }
}

@media (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }

    .hidden-desktop {
        display: block !important;
    }

    .container {
        width: 100%;
    }

    #hat_1 {
        margin-left: 0px;
        left: 0;
        transform: rotate(50deg);
        margin-top: -55px;
    }

    #hat_2 {
        right: 0;
        margin-right: 0;
        transform: rotate(-30deg);
        margin-top: -25px;
    }

    .modal {
        width: calc(100% - 15px);
        left: 50%;
        transform: translate(-50%,0);
        margin: 0;
    }

    .row-fluid [class*="offset"] {
        margin-left: 0 !important;
    }

    .row-fluid [class*="span"] {
        width: 100%;
    }

    .block-box-left .left, .block-box-left .right, .block-box-right .left, .block-box-right .right {
        float: none;
        margin: 0;
    }

    table, thead, tbody, th, td, tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    tr {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
    }

    td {
        border: none;
        position: relative;
        width: 50%;
        float: left;
    }

    td:before {
        /* Now like a table header */
        content: "";
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }

    .navi-left {
        transform: rotate(0);
        background-image: none;
        float: none !important;
        left: 0;
        background-color: #333;
        margin-bottom: 30px;
    }
    .burger-menu {
        position: absolute;
        top: 15px;
        right: 15px;
        display: inline-block;
    }
    .burger-menu span {
        position: relative;
        display: block;
        width: 30px;
        height: 4px;
        background: #CFB7A4;
        margin-bottom: 6px;
        transition: ease transform 0.3s;
    }
    .burger-menu.active {

    }
    .burger-menu.active span {
        visibility: hidden;
        transition: ease transform 0.3s;
    }

    .burger-menu.active span:first-child {
        visibility: visible;
        transform: rotate(45deg);
        top: 10px;
    }

    .burger-menu.active span:last-child {
        visibility: visible;
        transform: rotate(-45deg);
        top: -10px;
    }

    .mm-menu {
        z-index: 1000;
    }
    .mm-menu .mm-navbar {
        display: none !important;
    }

    .mm-menu > .mm-panel {
        padding-top: 20px !important;
    }

    .mm-menu .mm-navbar > * {
        color: #CFB7A4 !important;
    }
    .mobile-menu-wrapper {
        display: none;
        background-color: #333;
    }
    .mobile-menu-wrapper li.lang {
        display: inline-block;
    }
    .mobile-menu-wrapper li.lang a {
        font-size: 80%;
        padding: 0 15px;
    }
    .mobile-menu-wrapper li.lang a.active {
        font-weight: 700;
    }
    .mobile-menu-wrapper li.lang:first-child {
        border-right: 1px solid rgba(255, 255, 255, 0.7);
    }
    .mobile-menu-wrapper li.lang:after {
        border: 0;
    }

    header {
        background: transparent url('../images/balken.png') top center no-repeat;
        transition: ease all 0.3s;
    }
    header.absolute {
        position: absolute !important;
    }
    header.noTransition {
        transition: none !important;
    }
    header.sticky {
        height: 60px;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 200;
        transition: ease all 0.3s;
        /*transition-delay: 0s;*/
        /*transition: none;*/
    }
    header.sticky #logo {
        width: 80px;
        height: 88px;
        left: 15px;
        transform: translate(0,0);
        /*transition: ease all 1s;*/
    }
    header nav {
        display: none;
    }

    header .mobile-menu-wrapper nav {
        display: block;
    }

    header nav .right {
        float: none;
    }
    header nav li a {
        line-height: 53px;
    }

    header #languageSwitch {
        right: 100px;
    }
    header #logo {
        background: url("../images/logo.png") top center no-repeat;
        background-size: cover;
        margin-left: 0;
        transform: translate(-50%, 0);
        /*transition: ease all 1s;*/
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
    /*header #logo {*/
    /*width: 140px;*/
    /*height: 154px;*/
    /*}*/

    #main .decoration {
        padding: 0;
    }

    .teaserContent .teaserBox {
        margin: 0 auto;
        float: none;
    }

    footer {}
    footer .left, footer .right {
        float: none;
    }
    footer .center {
        position: relative;
    }
}

@media (max-width: 575px) {

}