@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    #coatmasterflexpage #kontaktbox {
        width: 75%;
        overflow-y: auto;
    }

    #coatmasterflexpage #header {
        z-index: 5;
    }

    #coatmasterflexpage #header>.coatmasterlink {
        background-color: #FECA2F !important;
    }

    #coatmasterflexpage #header>.lang {
        background-color: #FECA2F !important;
    }

    #coatmasterflexpage #header>.contact {
        background: #000 !important;
        color: #fff !important;
    }

    #coatmasterflexpage .opencontactbox {
        z-index: 15;
    }

    #coatmasterflexpage .powermail_tab_navigation {
        min-height: 45px;
        width: 100%;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

    .liste {
       margin-top: 50px !important;
    }

    .coatflexlogo img:first-child {
       margin-top: 90px !important;
       width: 35% !important;
    }

    .startpage .container h2 {
       font-size: 27px !important;
       margin-top: 80px !important;
       margin-bottom: 20px !important;
    }

    #coatmasterflexpage .coatflexlogo {
        left: 42px !important;
    }

    #coatmasterflexpage #coatmasterflex .starticon {
        left: calc(75%);
    }

    #coatmasterflexpage .onepagenav {
        display: none !important;
    }

    #coatmasterflexpage .startimage img {
        max-width: 700px;
    }

    #coatmasterflexpage .powermail_fieldset_6 .powermail_fieldwrap {
        margin-right: 0 !important;
        width: calc(100% / 3);
        /*float: none;*/
    }

    #coatmasterflexpage .powermail_fieldset_6 .powermail_fieldwrap:nth-of-type(3n+1) {
        /* padding: 0 15px 0 0; */
        padding-right: calc((20px / 3)*2);
    }

    #coatmasterflexpage .powermail_fieldset_6 .powermail_fieldwrap:nth-of-type(3n+2) {
        /* padding: 0 5px; */
        padding-left: calc(20px / 3);
        padding-right: calc(20px / 3);
    }

    #coatmasterflexpage .powermail_fieldset_6 .powermail_fieldwrap:nth-of-type(3n+3) {
        /* padding: 0 0 0 15px; */
        padding-left: calc((20px / 3)*2);
    }

    #coatmasterflexpage .powermail_field {
        /*float: left;*/
    }


    #coatmasterflexpage .powermail_fieldwrap_ansprechpartner {
        clear: left;
    }

    #coatmasterflexpage .powermail_fieldwrap_ansprechpartner,
    #coatmasterflexpage .powermail_fieldwrap_telefon,
    #coatmasterflexpage .powermail_fieldwrap_e_mail,
    #coatmasterflexpage .powermail_fieldwrap_ustidnr,
    #coatmasterflexpage .powermail_fieldwrap_eorinr {
        /* padding: 0 !important; */
    }

    #coatmasterflexpage .powermail_fieldwrap_ansprechpartner,
    #coatmasterflexpage .powermail_fieldwrap_ustidnr {
        padding: 0 !important;
        padding-right: calc((20px / 3) * 2) !important;
    }

    #coatmasterflexpage .powermail_fieldwrap_telefon,
    #coatmasterflexpage .powermail_fieldwrap_eorinr {
        padding: 0 !important;
        padding-left: calc(20px / 3) !important;
        padding-right: calc(20px / 3) !important;
    }

    #coatmasterflexpage .powermail_fieldwrap_e_mail {
        padding: 0 !important;
        padding-left: calc((20px / 3) * 2) !important;
    }

    #coatmasterflexpage .powermail_field,
    #coatmasterflexpage .powermail_select {
        /* margin-right: 20px; */
        margin-right: 0;
    }

    #coatmasterflexpage #coatflexref .slick-prev {
        left: -50px;
    }

    #coatmasterflexpage #coatflexref {
        margin-left: 50px;
    }

    #coatmasterflexpage .greyboxwrapper {
        display: flex !important;
        display: -webkit-flex;
    }

    #coatmasterflexpage .wrapperobox .box {
        height: auto !important;
        display: block;
    }

}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

    .coatflexlogo img:first-child {
       margin-top: 0px !important;
       width: 80% !important;
    }

    .startpage .container h2 {
       line-height: 48px !important;
       font-size: 40px !important;
       margin-top: 280px !important;
    }

    #coatmasterflexpage .coatflexlogo {
        left: calc(6% + 19px) !important;
    }

    #coatmasterflexpage #coatflexref {
        max-width: none;
        margin-right: 12%;
    }

    #coatmasterflexpage #coatflexref .slick-prev {
        left: 0;
    }

    #coatmasterflexpage #coatflexref .slick-next {
        right: 0;
    }

    #coatmasterflexpage #coatflexref .zitat,
    #coatmasterflexpage #coatflexref .name {
        margin-left: auto;
        margin-right: auto;
        max-width: calc(100% - 76px);
    }

    #coatmasterflexpage .tx-dce-pi1 .container {
        padding: 50px 6% 100px 6%;
    }

    #coatmasterflexpage #coatmasterflex h2 {
        margin-top: 140px;
    }

    #coatmasterflexpage .wrapperobox .box {
        height: auto !important;
    }

    #coatmasterflexpage .greyboxwrapper {
        display: flex !important;
        display: -webkit-flex;
        flex-direction: column;
    }

    #coatmasterflexpage .btn-group .btn {
        text-align: center;
    }

}