/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

    /***************************
      Header Styles
    ***************************/

    header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
    }

    /***************************
      Content Styles
    ***************************/

    body > .container {
        margin-top: 132px;
    }


    /***************************
     List Page Styles
    ***************************/

    .item-list .teasertext {
        min-height: 71px;
        display: block;
    }


}

@media (min-width: 992px) and (max-width: 1199px) {

    .hn-badge img {
        width: 200px;
        height: auto;
    }

    /***************************
      Header Styles
    ***************************/

    div.logo {
        position: absolute;
        top: 0;
       
        width: 226px;
        height: 167px;
        
        
    }

    div.logo img {
        width: 100%;
        height: auto;
    }

    .telbox {
     top: 167px;
        width: 226px;
        height: 34px;
    }

    .slider-arrows {
        position: absolute;
        right: 261px;
        top: 3px;
    }

    .buchen-button {
        right: 5px;
        top: 201px;
        width: 226px;
        height: 77px;
    }

    /***************************
      Navigation Styles
    ***************************/

    .menu-main > li > a {
        position: relative;
        display: block;
        z-index: 2;
        overflow: hidden;
        color: #fff;
        padding: 9px 10px 10px 10px;
    }

}