@media all and (max-width: 767px) {
    .hidden-phone {
        display: none;
    }

    .Referenz-title {
        padding-bottom: 50px;
    }
}
@media all and (min-width: 482px) {
    .ReferenzBalken:nth-child(2n) {
        margin-right: 0;
    }

    .ReferenzExtraInfo-extrainfo {
        text-align: left;
    }

    .ReferenzBalken {
        width: 46%;
        margin-right: 8%;
    }
}
@media screen and (max-width: 767px) {
    .ContentDownload a {
        padding-bottom: 50px;
    }
}
@media screen and (min-width: 768px) {
    .ContentDownload .border_notch, .ContentAccordion-item .border_notch {
        right: 100px;
        left: auto;
        margin-left: 0;
    }
}
@media all and (min-width: 768px) and (max-width: 1023px) {
    .hidden-tablet {
        display: none;
    }
}
@media screen and (max-width: 989px) {
    .footer-top a {
        float: none;
        display: block;
    }

    .footer-copyright {
        padding-left: 15px;
    }

    .header-logo {
        width: 320px;
        overflow: hidden;
    }

    .header-logo img {
        width: 225px;
        top: -1px;
    }

    .header-logo .logo_bg {
        left: 25px;
        right: 25px;
    }

    .ContentObjects .max_width_centered {
        padding-left: 25px;
        padding-right: 25px;
    }

    .ContentDownload .max_width_centered, .ContentAccordion .max_width_centered, .ContentCarousel-item .max_width_centered {
        padding-left: 0;
        padding-right: 0;
    }

    .mainmenu {
        max-width: 380px;
        right: 0;
        display: none;
    }

    .mainmenu a {
        border-style: solid;
        border-color: #BFBFBF;
        background-color: #F2F2F2;
        line-height: 20px;
        text-align: left;
        letter-spacing: 1px;
        color: #333;
        text-transform: uppercase;
        font-size: 20px;
        border-width: 0px 0px 1px;
        text-decoration: none;
        display: block;
        padding: 15px 25px 10px;
    }

    .open-mainmenu {
        position: absolute;
        right: 10px;
        top: -43px;
        color: #fff;
        text-decoration: none;
        padding: 7px;
    }

    .open-mainmenu .line {
        background-color: #333;
        width: 23px;
        height: 2px;
        margin-bottom: 7px;
    }

    .mainmenu a.open {
        background-color: #F2F2F2;
        color: #BFBFBF;
    }

    .mainmenu ul ul a {
        background-color: #fff;
        color: #000;
        border-bottom-color: #BFBFBF;
    }

    .ContentHtmlContent-content_left {
        margin-bottom: 50px;
    }

    .Referenz-info {
        padding-bottom: 50px;
    }

    .ContentAccordion-item-title {
        padding-bottom: 50px;
    }

    .footer-top-menu {
        display: none;
        height: auto;
    }

    .footer-top-menu.mobile-opened {
        display: block;
    }

    .open-footer_menu, .footer-top-menu a {
        line-height: 24px;
        letter-spacing: 1px;
        color: #FFFFFF;
        text-transform: uppercase;
        font-size: 20px;
        font-weight: 400;
        padding-top: 15px;
        padding-bottom: 15px;
        text-decoration: none;
    }

    .footer-top a:hover {
        text-decoration: none;
    }

    .open-footer_menu {
        position: relative;
        padding: 6px 15px !important;
        background-color: transparent;
    }

    .open-footer_menu [class*="icon-arrow"] {
        position: absolute;
        right: 20px;
        top: 8px;
    }

    .open-footer_menu .icon-arrow-up {
        top: 0px;
    }
}
@media screen and (min-width: 768px) {
    .kachel {
        display: inline-block;
    }

    .header-top {
        padding-top: 17px;
    }

    .kachel.size-klein {
        margin-right: 3px;
        margin-left: 3px;
    }

    .kachel.size-gross {
        margin-right: 3px;
        margin-left: 2px;
    }

    .ContentContactList .kachel {
        margin-right: 10px;
    }

    .ContentContactList .kachel:nth-child(3n) {
        margin-right: 0;
    }

    .Referenz-title .left {
        float: left;
        width: 40%;
    }

    .Referenz-title-datum, .Referenz-title-kunde {
        float: right;
        width: 40%;
        text-align: right;
    }
}
@media screen and (min-width: 990px) {
    .open-footer_menu [class*="icon-arrow"] {
        top: 6px;
    }

    .hidden-desktop {
        display: none;
    }

    .footer-top a {
        float: left;
        line-height: 38px;
        color: #fff;
        text-decoration: none;
        padding: 0 15px;
    }

    .footer-top a:hover {
        background-color: #474747;
        text-decoration: underline;
    }

    .footer-top {
        height: 38px;
        overflow: hidden;
    }

    .footer-mininav {
        float: left;
    }

    .footer-copyright {
        float: right;
    }

    .header-bottom {
        height: 70px;
    }

    .header-logo {
        padding-top: 14px;
    }

    .mainmenu {
        font-size: 16px;
        max-width: 658px;
        right: 0;
        top: -70px;
        width: 650px;
    }

    .mainmenu .level1 {
        float: left;
    }

    .mainmenu > ul {
        display: flex;
        justify-content: stretch;
    }

    .mainmenu > ul > li {
        flex: 1 1 auto;
        text-align: center;
    }

    .mainmenu li.level1 > a {
        display: block;
        margin-top: 1px;
        border-left: 1px solid #BFBFBF;
        line-height: 68px;
    }

    /*html[lang="en-US"] .mainmenu li.level1 > a{*/
    /*padding: 0 25px;*/
    /*}*/
    .mainmenu li.level1:last-child > a {
        border-right: 1px solid #BFBFBF;
    }

    .mainmenu a {
        color: #333;
        white-space: nowrap;
        text-transform: uppercase;
        text-decoration: none;
    }

    .mainmenu a:hover, .mainmenu a.open {
        background-color: white;
    }

    .mainmenu ul ul {
        display: none;
        position: absolute;
        width: 236px;
    }

    .mainmenu ul ul a {
        padding-left: 15px;
        padding-right: 15px;
    }

    .mainmenu ul ul.open {
        position: absolute;
    }

    .mainmenu ul ul a {
        display: block;
        width: 100%;
        padding-top: 16px;
        padding-bottom: 14px; /*border-style: solid;*/ /*border-color: #BFBFBF;*/ /*border-width: 1px 0px;*/
        border-bottom: 1px solid #BFBFBF;
        background-color: #F2F2F2;
        line-height: 19px;
        text-align: left;
        letter-spacing: 1px;
        color: #333;
        text-transform: uppercase;
        font-size: 16px;
        min-height: 46px;
        white-space: normal;
    }

    .ContentCarousel-item-overlay-title {
        line-height: 65px;
        font-size: 48px;
    }

    .ContentCarousel-item-overlay-subtitle, .ContentCarousel-item-overlay-title .line {
        padding: 0 35px;
    }

    .logo_corner_left {
        left: 20px;
    }

    .logo_corner_right {
        right: 4px;
    }

    .logo_border_left {
        border-left: 1px solid #BFBFBF;
        position: absolute;
        width: 0;
        height: 70px;
        left: 5px;
        top: 24px;
    }

    .has-second-content .ContentHtmlContent-content_left {
        float: left;
        width: 50%;
        padding-right: 20px;
    }

    .has-second-content .ContentHtmlContent-content_right {
        float: left;
        width: 50%;
        padding-left: 15px;
    }
}
@media screen and (min-width: 1024px) {
    .Referenz-image, .Referenz-info, .ReferenzExtraInfo-extrainfo {
        height: 472px;
        float: left;
        width: 49.5%;
    }

    .ReferenzExtraInfo-extrainfo, .Referenz-image {
        margin-right: 1%;
    }

    .ReferenzExtraInfo-extrainfo {
        height: 288px;
    }

    .ReferenzExtraInfo-extrainfo:nth-child(2n) {
        margin-right: 0;
    }

    .kachel.size-gross {
        width: 507px;
        max-width: none;
    }

    .KachelObject-info .kachel-title {
        font-size: 42px;
        line-height: 50px;
    }

    .ContentKachelBoard {
        max-width: none;
    }

    .hidden-desktop {
        display: none;
    }
}
@media screen and (min-width: 1200px) {
    .ContentCarousel-item picture, .ContentCarousel-item img {
        width: 100%;
    }
}