@media only screen and (max-width: 1550px) {

    .logo {
        margin: 0 0 0 12px
    }

    .linkboxes-icon .col-md-12 strong {
        font-size: 16px;
        line-height: 31px;
    }

    .content {
        padding: 0 30px;
    }


    /* Testing */
    .parallax .col-md-12 img {
        min-height: 100%;
        min-width: 100%;
        position: absolute;
        display: block;
        overflow: hidden;
        width: 1920px;
        height: 1280px;
        max-width: 2000px;
    }

    .parallax .col-md-12 img.image-embed-item {
        display: block;
        /*max-width: 200%;
        height: auto;*/
    }

    .overlayimgae-outer.anfrage img.image-embed-item {
        display: inline-block;
        max-width: 1500px;
        height: auto;
        overflow: hidden;
    }

    .overlayimgae-outer.anfrage {
        position: relative;
        overflow: hidden;
    }

    .parallax .textoverlay .frame {
        display: flex;
        margin: 30px;
    }

    .news-single .article .news-img-wrap img {
        float: none;
        /* display: inline-block; */
        width: 100%;
    }

    .news .mediaelement.mediaelement-image {
        display: inline-block;
        width: 100%;
        height: auto;
    }



}

@media only screen and (max-width: 1250px) {

    .linkboxes-icon .col.col-md-3 {
        width: 50%;
        float: left;
        display: block;
    }

    .linkboxes-icon .col {
        width: 100%;
        display: block;
    }

    .seo-footer {
        padding: 45px 20px;
    }

    .footer {
        padding: 20px;
    }

    .linkboxes-icon {
        display: block;
    }

    .contact-now img {
        display: none;
    }

}

@media only screen and (max-width: 1000px) {

    .overlayimgae-outer.anfrage .content {
        background: rgba(255, 255, 255, 0.85);
    }

    .header-news .header {
        position: relative;
        top: 0;
        left: 0;
        padding: 30px;
        background: rgba(20, 154, 188, 0.2);
    }

    .subpage.newsdetail .content {
        margin: 20px auto 0 auto;
    }

    .newscontent .back.col-md-1 {
        display: none;
    }

    .container.special.entry {
        top: 25px;
    }

    .banner {
        position: relative;
        min-height: 230px;
    }

    .price {
        width: 100%;
        padding: 10px 15px;
        border-radius: 0;
        right: 0;
        top: 62px;
        background-color: #fff;
    }

    .price b {
        font-size: 21px;
        padding: 10px 0 0 0;
        display: block;
    }

    .price .small {
        display: none;
    }

    .price p.duration {
        font-size: 16px;
        font-weight: bold;
    }

    .price p {
        margin: 0;
        line-height: 20px;
        font-size: 14px;
    }

    .subpage .content {
        margin: 170px auto 0 auto;
    }

    .container {
        margin: 30px 0;
    }

    .subpage .banner {
        min-height: 0;
    }

    .col-md-3 {
        margin: 0 0 10px 0;
    }

    .row.type span input[type="radio"] + label {
        width: 98%;
        height: 0;
        background-size: 90%;
        padding-bottom: 42%;
        margin: 1% 1%;
    }

}

@media only screen and (max-width: 800px) {



    .navblock {
        display: none;
    }

    .linkboxes-icon .col.col-md-3 {
        width: 100%;
    }

    .mobile {
        display: block;
    }

    .mainnavinner li.level1 .navinner {
        float: none;
    }

    .left-navi-inner, .right-navi-inner {
        display: none;
    }

    .mainnavinner ul li.level1.hassub ul {
        position: relative;
        margin: 0;
        padding: 0;
        border: 0px solid #fff;
    }

    .mainnavinner ul li.level1.hassub ul ul {
        padding: 0;
    }

    .mainnavinner .center-navi-inner {
        width: 100%;
        float: none;
    }

    .logo {
        margin: 8px 0 0 12px;
        width: 300px;
    }

    .banner {
        margin-top: 62px;
        overflow: hidden;
    }

    .banner img.image-embed-item {
        display: inline-block;
        max-width: 200%;
        height: auto;
        width: 200%;
    }

    .container.special.entry {
        width: 90%;
        max-width: 220px;
    }

    .container input, .container select {
        padding: 3px;
        border-radius: 3px;
        border: 1px solid #4d4d4d;
        width: 168px;
    }


    /* Content */
    .thirty-sixty.grey-box .col-md-4 {
        padding: 0;
    }

    .white-box, .grey-box {
        display: block;
    }

    .sixty-thirty.white-box .col-md-4 {
        padding: 0;
        height: auto;
        min-height: auto;
        position: unset;
    }

    .sixty-thirty {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .sixty-thirty .col {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .sixty-thirty .col-md-4 {
        background-size: cover;
        background-position:center center;
    }

        .sixty-thirty {
            display: -webkit-flex;
            -webkit-flex-direction: column;
            flex-direction: column;
        }
        .col {
            order:vertical;
        }
        .sixty-thirty .col-md-8 {
            -webkit-box-ordinal-group:0;
            -webkit-order: 1;
            -ms-flex-order: 1;
            order: 1;
        }

    .white-box .col-md-8 a, .grey-box .col-md-8 a {
        margin: 0;
        position: relative;
        right: 0;
    }

    .grey-box .col-md-8 {
        display: inline-block;
    }



    .cookie-notice .cookie-content {
        width: 100%;
        display: inline-block;
        padding: 10px 0;
        text-align: center;
    }

    .quickcontact .powermail_fieldwrap.powermail_fieldwrap_datenschutz {
        width: 100%;
        margin: 0 0 10px 0;
    }


    .quickcontact .powermail_fieldwrap {
        width: 100%;
        padding: 0;
        float: left;
        margin: 0 0 5px 0;
    }

    .mobile-shown {
        display: block;
    }

    .mainnavi .contact-now {
        display: none;
    }

    .navblock.active li.level1 .navinner {
        border-right: 0px solid rgb(245, 243, 244);
        border-bottom: 1px solid rgb(245, 243, 244);
        width: 100%;
        margin: 0;
        padding: 12px;
    }

    .sidebuttons {
        position: relative;
        top: 0;
        right: 0;
    }

    .sidebuttons .icon {
        max-width: 33.3333333%;
        background-color: #4b5e5b;
        margin: 0;
        padding: 0;
        float: left;
        height: 60px;
        width: 33.33333%;
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
    }

    .sidebuttons .icon div {
        max-width: 59px;
        margin: 0 auto;
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
    }

    .sidebuttons .icon div:last-child {
        border-left: 0px solid #fff;
        border-right: 0px solid #fff;
    }

    .sidebuttons .icon div:first-child {
        border-left: 0px solid #fff;
        border-right: 0px solid #fff;
    }

    .sidebuttons .icon .frame {
        padding: 12px;
    }

    .navblock.active ul.inner-navigation {
        margin: 0;
    }

    .sidebuttons .each:hover .content {
        display: none;
    }

    .sidebuttons:hover .each .content {
        display: none;
    }

    .mainnavinner a {
        font-size: 22px;
    }

    .inner-navigation li:first-child {
        border-top: 1px solid rgb(245, 243, 244);
        margin: 7px 0 0 0;
    }

    .sidebuttons .each:hover {
        float: none;
        margin-left: 0;
    }

    .sidebuttons .inner:hover .each {
        margin-left: 0px;
    }

    .countupboxes .col-md-4 {
        width: 100%;
        margin: 7% auto;
        max-width: 275px;
    }

    .countupboxes {
        padding: 0;
    }

    .thirty-sixty.white-box .col-md-4 {
        padding: 0;
        width: 100%;
    }

    .sixty-thirty.grey-box .col-md-4 {
        padding: 0;
    }

    .mainnavinner ul li.level1.hassub.clicked ul {
        display: block;
    }

    .navblock.active li.level1 .navinner {
        padding: 0;
    }

    .navblock.active li.level1 .navinner a {
        padding: 12px;
        display: block;
    }

    .mainnavinner ul li.level1.hassub ul {
        top: 0;
    }

    .mainnavinner ul li.level1.hassub.clicked ul {
        display: block;
        background-color: #f5f3f4;
        padding: 5px;
    }

    .inner-navigation li:first-child {
        margin: 0 0 0 0;
    }

    .inner-navigation li {
        background-color: #fff;
    }

    .mainnavinner .center-navi-inner {
        padding: 0;
    }

    .navblock.active li.level1 .center-navi-inner a {
        padding: 8px;
        font-size: 18px;
    }

    .references .col-md-4 {
        padding: 0 0 30px 0;
    }

    .references.row {
        margin: 0;
    }

    .overlayimgae-outer.anfrage .content {
        width: 100%;
        margin: 0;
        padding: 25px 10px 25px 25px;
        top: 0;
    }

    .parallax .col-md-12 img.image-embed-item {
        display: block;
        left: -50%;
    }

    .container select {
        width: 90px;
    }

    .white-background .col-md-4 {
        border: 1px solid #ccc;
        padding: 0;
        display: block;
        background: rgba(0,0,0,0.1);
        -webkit-box-flex: none;
        -moz-box-flex: none;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        width: 100%;
        display: block;
        margin: 0 0 15px 0;
        float: none;
    }


    .row.white-background {
        display: block;
    }


}


@media only screen and (max-width: 450px) {

    .overlayimgae-outer.anfrage .content {
        border-radius: 0;
        height: 100%;
    }

    .overlayimgae-outer.anfrage .content label {
        font-size: 12px;
    }

}

