/**
 * @license
 * MyFonts Webfont Build ID 3826802, 2019-10-21T10:15:05-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: DINNextLTPro-Heavy by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/din-next/pro-heavy/
 * Copyright: Copyright © 2010, 2016 Linotype GmbH, www.linotype.com. All rights reserved. This font software may not be reproduced, modified, disclosed or transferred without the express written approval of Linotype GmbH.
 *
 * Webfont: DINNextLTPro-Medium by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/din-next/pro-medium/
 * Copyright: Copyright © 2010 Linotype GmbH, www.linotype.com. All rights reserved. This font software may not be reproduced, modified, disclosed or transferred without the express written approval of Linotype GmbH.
 *
 *
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3826802
 * Licensed pageviews: 500,000
 *
 * © 2019 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/3a6472");


@font-face {font-family: 'DINNextLTPro-Heavy';src: url('../fonts/386F32_0_0.eot');src: url('../fonts/386F32_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/386F32_0_0.woff2') format('woff2'),url('../fonts/386F32_0_0.woff') format('woff'),url('../fonts/386F32_0_0.ttf') format('truetype');}


@font-face {font-family: 'DINNextLTPro-Medium';src: url('../fonts/386F32_1_0.eot');src: url('../fonts/386F32_1_0.eot?#iefix') format('embedded-opentype'),url('../fonts/386F32_1_0.woff2') format('woff2'),url('../fonts/386F32_1_0.woff') format('woff'),url('../fonts/386F32_1_0.ttf') format('truetype');}

@font-face {font-family: 'DINNextLTPro-Regular';src: url('../fonts/DINNextLTPro-Regular.eot');src: url('../fonts/DINNextLTPro-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/DINNextLTPro-Regular.woff') format('woff'),url('../fonts/DINNextLTPro-Regular.ttf') format('truetype');}




html, body  {
    font-family: "DINNextLTPro-Medium"!important;
    font-weight: 400;
}

@media only screen and (min-width: 768px) {
    .header.original {
        height: 120px!important;
    }
    .header.original .logo {
        width: 300px!important;
        height: 120px!important;
    }
}

@media only screen and (max-width: 767px){
    .header .logo {
        width: 170px!important;
        height: 78px!important;
    } }


.mainmenu ul li a {
    font-family: "DINNextLTPro-Medium" !important;
    font-weight: 400!important;
    font-size: 1.2rem!important;
    color: #f6ab29!important;
}
.mainmenu ul li a.active {color: #b4b4b4!important;}
.mainmenu ul li a.hover {color: #b4b4b4!important;}
.mainmenu ul ul {top: 90%!important;}
.mainmenu ul ul {border-top: 2px solid #f6ab29!important;}
.mainmenu ul ul li a, nav.mainmenu a.menuheader {color: #747474!important;font-size: 1rem!important;}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.ce_revolutionslider_text.bold,
.font_headline {
    font-family: "DINNextLTPro-Medium"!important;
    font-weight: 400;
}
.h1 {
    color: rgb(59,60,66) !important
}


@media only screen and (min-width: 768px){
    .stickyheader .header.cloned {line-height: 95px!important;}
}

@media only screen and (min-width: 768px) {
    .stickyheader .header .logo {
        height: 96px!important;
        width: 225px!important;}
}

h1 {
    color:#f6ab29;
}

.underline_grey p{
    display: inline-block;
    text-decoration: none;
    border-bottom: 2px solid rgb(127,127,127)!important;
    margin-bottom: -1px;
}
.headlineyellow {
    color:#f6ab29;
}

.header {
    top: 0px;
    margin-bottom: 0px;
    float: left;
}

.header.cloned {
    top: 0;
    margin-bottom: 0;
}

.gvs_login {
    position: relative;
    float: right;
    margin-left: 20px;
    z-index: 100;
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
}
.gvs_login a {color: #b4b4b4!important;}
.gvs_login a:hover {color: #f6ab29!important;}
.gvs_login span:hover {background: #f6ab29;}

.headerhead {
    background: #f6ab29;
    padding: 20px;
    line-height: 1.2!important;
}
.headerbox_right>.container {

    position: static!important;
}

.headerbox_right {

    background: #f6ab29!important;
    float: left;
    color: #ffffff;
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    position: absolute!important;
    z-index: 1000;
    margin: 1%;

}

.headerbox_right a {
    color: #ffffff;
}
.headerbox_right2 a {
    color: #ffffff;
}
.headerbox_right {
    top: 17px;
    right: 0;
    padding: 20px 20px 0 30px!important;
    min-width: 300px!important;
    height: 92%;
}


.headerbox_right .block {
    overflow: visible;
}

.headerbox_right .mod_socials a i {
    width: 2.333rem;
    font-size: 1.666rem;
    line-height: 2.5rem;
    text-align: center;
}

.headerbox_right p {
    font-size: 1.1rem;
}

.headerbox_right2 p {
    font-size: 1.1rem;
}
.headerbox_right .text_unten {
    position: absolute;
    bottom: 62px;
}

.text_unten p{
    font-size: 0.9rem;
}
.headerbox_right .mod_socials {
    position: absolute;
    bottom: 116px;
}

@media only screen and (min-width: 1365px) {
    .headerbox_right {display: block;}
}
@media only screen and (max-width: 1365px) {
    .headerbox_right {display: none;}
    .contentgrid {width: 100% !important}
    .col_10{flex:0 0 calc((100% / 12) * 12);max-width: 100% !important}
}

@media only screen and (min-width: 1920px) {
    .col_10{flex:0 0 calc((100% / 12) * 12);max-width: 100% !important}
}

a.sliderbutton{
    font-size: 18px;
}

.mod_portfoliolist_v3 .item .content {
    position: absolute;
    bottom: 15px;
    margin: 0 15px;
    background: rgba(255, 255, 255, 0.85);
    left: 0;
    right: 0;
}

.bg_white {
    background-color: #ffffff;
    padding: 20px!important;
    min-height: 680px;
}


.bg_maincolor {
    background-color: #f6ab29;
    padding: 20px!important;
}
.bg_maincolor_wrapper {
    padding: 0!important;
    width: 100%;
}
.editorial_text_bottom {
    position: absolute;
    bottom: -500px}

@media only screen and (max-width: 768px) {
    .editorial_text_bottom {
        bottom: -400px}
}


.kontaktbox{
    position: fixed!important;
    top:120px;
    height:500px
}
.bg_white_breit {
    background-color: #ffffff;
    padding: 30px!important;
    width: 100%;}

.hr_fett {
    background: rgba(0,0,0,0.3);
    width: 100%;
    height: 3px!important;
    margin-top: 50px;
}

.head_grey h2 {
    color:#a3a4a6!important;
}

.linkbox_head h3 {
    color: #f6ab29!important;
    text-align: right!important;
    font-size: 1.6rem;
    padding-right: 20px;
}

.linkboxgelb.ce_hyperlink a {
    font-size: 1.6rem!important;
    font-weight: normal!important;
}
.linkboxgelb.ce_hyperlink-extended i {
    color: rgb(154, 154, 154);
    font-size: 1.4rem!important;
    font-weight: normal!important;
}


@media only screen and (max-width: 1365px) {
    .mod_quickmenu {display: none;}
}
@media only screen and (min-width: 1365px) {
    .mod_quickmenu {display: block;}
}

.team h5 {color:#555!important; font-size: 1rem!important;}
.team .phone {color:#555!important;}
.team .email a {color:#555!important;}
.team .function {color:#555!important; margin-bottom: 0!important;}

.markenteambox {width: 330px; height: auto}
.markenteambox .ce_teambox .image{width: 75px;}
.markenteambox .ce_teambox .image {float: left; margin-bottom: -100px; left: 0; padding-bottom: 10px}
.markenteambox .ce_teambox .image .overlay {padding-bottom: 80px!important;}


.markenteambox .teambox_content {position: relative; left: 86px; width: 202px; overflow: hidden; word-break: break-all; line-height: 1.2rem!important;}
.markenteambox .image_container img{}
.markenteambox .image .overlay {width: 75px;}
.markenteambox h5 {color:#ffffff!important; font-size: 0.9rem!important; margin: 0!important;}
.ce_teambox .name {font-family: "DINNextLTPro-Medium"!important;font-size: 1rem!important;color:#555555!important;}
.markenteambox .ce_teambox .name {color:#ffffff!important; font-size: 0.9rem!important; margin: 0!important;}
.markenteambox .phone {color:#ffffff!important;font-size: 0.9rem!important; margin: 0!important;}
.markenteambox .email a {color:#ffffff!important;font-size: 0.9rem!important; margin: 0!important;}
.markenteambox .function {color:#ffffff!important; font-size: 0.9rem!important; margin: 0!important;}
.markenteambox .autogrid_row {display: unset!important; flex-wrap: unset!important}
.markenteambox .col_3 {width: 100% !important; flex:unset!important; max-width: 100% !important;}
.markenteambox .autogrid_row .column {padding-left:0!important; padding-right:1px!important}

.markenteambox.werkstatt {height: auto}
.markenteambox.shops {height: auto}
.team .teambox_inside {
    position: relative;
    min-height: 104px!important
}

.team .teambox_inside .image{
    padding-bottom: 10px!important;
}
.ce_teambox .image a {
    display: block!important;
}
.ce_teambox .socials {
    margin-top: 0px !important;
    font-size: 1.333rem;
    overflow: hidden;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}
    .image_container img {
        height: auto;
        max-width: 100%;
        width: 100% !important;
        display: inherit !important;
    }


    @media only screen and (min-width: 970px) {
        .einzug {
            padding-left: 10%
        }
    }

    .einzug .ce_bgimage-inside {
        padding-left: 0 !important;
    }

    .gridausgl {
        padding-left: 2.10% !important
    }

    /* Downloads */

    .enclosure {
        float: left !important;
        padding-top: 10px;
    }

    /* Formular */
    @media only screen and (min-width: 750px) {
        .absendebutton {
            float: right !important;
            padding-top: 80px;
        }
    }

    .absendebutton.fa-play:before {
        color: black;
        padding-right: 5px;
    }

    form.style5 input,
    form.style5 select,
    form.style5 textarea {
        font-size: 0.9rem !important;
    }


    @media only screen and (min-width: 750px) {
        .absendebutton2 {
            float: right !important;
            padding-right: 50px;
            padding-top: 60px;
            padding-bottom: 40px !important;

        }

        .form_einzug {
            padding-left: 40px !important;
        }
    }

    .absendebutton2 .submit:before {
        font-family: FontAwesome !important;
        padding-right: 7px;
        font-size: 1.1rem;
        content: "\f04b";
    }

    .absendebutton2, .absendebutton {
        border-radius: unset !important;
        font-size: 1.5rem !important;
        font-family: "DINNextLTPro-Medium" !important;
        font-weight: normal !important;
    }

    .absendebutton2.submit, .absendebutton.submit {
        padding: 10px 15px
    }

    .textboxyellow {
        display: inline-block;
        padding: 10px 18px !important;
        background: #f6ab29;
        border-color: #f6ab29;
        color: #fff;
        font-weight: bold;
    }

    .textboxyellow h4 {
        margin-bottom: 0;
        color: #fff;
    }

    .licencebox {
        width: 30%;
    }

    .formtext h5 {
        color: #f6ab29 !important;
        font-size: 1.5rem;
        margin: 1px 0px 0px 0px;
        line-height: 1.6rem;

    }

    .vw40 {
        max-height: 40vw;
    }

    .staticsliderlink {
        margin-top: auto;
        margin-bottom: auto;
        float: left;
        transition: All 0.3s ease;
        -webkit-transition: All 0.3s ease;
        position: absolute;
        z-index: 1000;
    }

    @media only screen and (max-width: 767px) {
        .staticsliderlink {
            top: 190px;
            left: 6%;
        }
    }
    @media only screen and (min-width: 768px) {
        .staticsliderlink {
            top: 208px;
            left: 3%;
        }
    }

    .staticslidertext {
        margin-top: auto;
        margin-bottom: auto;
        float: left;
        transition: All 0.3s ease;
        -webkit-transition: All 0.3s ease;
        position: absolute;
        background: #f6ab29 !important;
        z-index: 1000;
        padding: 20px 20px 20px 20px;

    }

    @media only screen and (max-width: 767px) {
        .staticslidertext {
            top: 50px;
            left: 6%;
            padding: 20px 20px 20px 20px;
            margin-right: 25px;

        }
    }
    @media only screen and (min-width: 768px) {
        .staticslidertext {
            top: 40px;
            left: 3%;
        }
    }

    .ce_revolutionslider .tp-bannertimer {
        display: none;
    }


    @media only screen and (min-width: 1024px) {
        .nonelink a:not(.a-level_2) {
            pointer-events: none;
            cursor: default;
        }
    }

    @media only screen and (min-width: 1024px) {
        .nonelink_1 a:not(.a-level_3) {
            pointer-events: none;
            cursor: default;
        }
    }

    @media only screen and (max-width: 1023px) {
        .nonelink a:not(.mm-next) {
            pointer-events: none;
            cursor: default;
        }
    }

    @media only screen and (max-width: 1023px) {
        .nonelink_1 a:not(.mm-next) {
            pointer-events: none;
            cursor: default;
        }
    }


    .ce_hyperlink a,
    a.btn {
        display: inline-block;
        padding: 6px 8px !important;
    }

    .aufzaehlung ul li {
        font-size: 1.2rem !important;
        max-width: 800px;
    }

    .socialsbig a {
        font-size: 1.7rem !important;
        color: #a3a4a6 !important;
    }

    .socialsbig {
        margin-bottom: 40px !important;
    }

    .yellow {
        color: #f6ab29 !important;
    }

    .tochter h4 {
        color: black !important;
    }

    .tochter h4.headline {
        margin-top: 12px !important;
        margin-bottom: 5px !important;
    }

    .ergebnisse p {
        font-size: 1.2rem;
        text-align: left !important;
        padding: 24px 0 10px 0 !important;
    }

    .haendlermap {
        padding: 0 0 60px 0 !important;
    }

    .mod_customcatalogreader.cc_directory .single-maps-directions {
        margin-top: 20px;
        border-bottom: none !important;
        padding-bottom: 0 !important;
        margin-bottom: 25px;
    }

    .single-box-three .geolocation {
        height: 300px !important;
    }

    @media only screen and (max-width: 767px) {
        .autogrid:not(.ce_autogridwrapper):not(.no_gutter) {
            margin-bottom: 0 !important;
        }
    }


    .ico a:before {
        content: '';
        background: url('../img/link_icon.png');
        background-size: cover;
        position: absolute;
        width: 17px;
        height: 17px;
        margin-left: -20px;
        margin-top: 2px;

    }

    .gm-style .gm-style-iw-d a {
        font-weight: bold !important;
    }

    @media only screen and (min-width: 768px) {
        .mod_eventlist_v3 .content {
            height: 142px;
        }

        .mod_eventlist_v3 .meta-info {
            border-top: 1px dotted rgb(220, 220, 220);
            padding-top: 15px;
            color: rgb(140, 140, 140);
            position: absolute;
            bottom: 12px;
            width: 90%;
        }
    }

    .eventreader_minheight {
        min-height: 500px;
    }

    .image_container {
        table-layout: fixed !important;
    }

    .teamkontakt_haendlersuche {
        float: left;
    }

    .boxed_customize {
        max-width: 1240px;
        margin-left: auto;
        margin-right: auto;
    }

    .mainmenu ul ul li a[target=_blank]:after {
        font-family: "FontAwesome";
        content: "\f08e";
        position: absolute;
        right: 5px;
        display: none !important;
    }


    #mod_eventlist_teaser666 .item {
        border: 10px solid transparent;
        margin: 0;
        padding: 0 0 25px 0;
    }

    .videobox .ce_bgimage-image {
        background-attachment: unset !important;
    }

    .videobox .ce_bgimage.parallax {
        background-attachment: unset !important;
    }

    .hoeher {
        height: 720px !important;
    }

    .login_granit {
        margin-left: -10px
    }

    .google.maps.Marker img {
        width: 31px !important;
        height: 43px !important;
    }

    .table-striped {
        line-height: 1.7rem !important;
    }

    .table-striped th {
        border: thin solid #e7ca95 !important;
        border-collapse: separate;
    }

    @media only screen and (max-width: 768px) {
        .slideronlydesktop {
            display: none !important;
        }
    }
    @media only screen and (min-width: 768px) {
        .slideronlymobile {
            display: none !important;
        }
    }

    @media only screen and (min-width: 1024px) {
        .ce_revolutionslider {
            max-height: 1020px !important;
        }
    }

    .slidervideo {
        left: 0px !important;
    }

    .mejs__overlay, .mejs__container {
        width: 100% !important;
        height: 100% !important;
    }

    .mejs__controls {
        display: none !important;
    }


    .noparalax .ce_bgimage.parallax {
        background-attachment: initial !important;
    }

    .noparalax .ce_bgimage-image {
        background-attachment: initial !important;
    }

    .noparalax .ce_bgimage.bg-hide-mobile .ce_bgimage-image {
        background-image: initial;
    }

    #cboxLoadedContent {
        overflow: hidden !important;
    }


    .mod_eventreader .event img {
        width: 100% !important;
        height: auto !important;
    }

    .mod_eventreader .event .enclosure img {
        width: auto !important;
    }

    .mod_eventlist_v3 .autogrid, mod_eventlist_v3 .autogrid_row > .column {
        padding-left: 10px !important;
        padding-right: 6px !important;
    }

    .sliderboxed {
        max-width: 1240px !important;
        position: relative !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .ce_text_extented ul {
        margin-bottom: 15px;
        padding-left: 26px;
    }


    .ce_text_extented ul li {
        list-style-type: disc;
        list-style-position: outside;
    }

    .smartmenu-content.open {
        visibility: visible;
        opacity: 0.9 !important;
    }

    .table-striped {
        line-height: 1.7rem !important;
    }

    .table-striped th {
        border: thin solid #e7ca95 !important;
        border-collapse: separate;
    }

.kohlertochter {padding-top: 30px;}
.kohlertochter p {font-size: 0.84rem;}

.kohlertochter .image_container.float_right {
    margin-left: 142px!important;
    position: absolute!important;
    padding-top: 5px!important;
}
.kohlertochter .image_container img {
    width: 60px!important;
    height: auto
}


    .margin2prozent {
        margin-left: 2% !important;
    }

    /* =============================================================================
     * Kohler Werkstatt 2-spaltig
     * ========================================================================== */


    @media only screen and (max-width: 767px) {
        .pl-2-spaltig-links {
            padding-left: 0 !important;
        }

        .pl-2-spaltig-rechts {
            padding-left: 10px !important;
        }
    }

    @media only screen and (min-width: 768px) {
        .pl-2-spaltig-links {
            padding-left: 0 !important;
        }

        .pl-2-spaltig-rechts {
            padding-left: 5px !important;
        }
    }

    .pl-2-spaltig-links, .pl-2-spaltig-rechts {
        position: relative !important;
        display: block !important;
    }

    .typo56 p {
        font-size: 1.2em !important;
    }

    .typo56 h6 {
        font-size: 1.2em !important;
        color: #f6ab29 !important;
        margin-bottom: 0 !important;
    }

    /* =============================================================================
     * Kohler Unsere Marken
     * ========================================================================== */

    .linkbox_21 .content {
        top: 79% !important
    }

    .linkbox_21 h4 {
        color: black !important;
        border-bottom: 0px !important;
        border-top: 0px !important;
        background: none !important;
        font-size: 1.4rem !important;
        margin: 6px 6px 6px 6px !important;
    }

    .linkbox_21 .headline {
        margin-top: 5px;
        margin-bottom: 0;
        background: rgba(220, 220, 220, 0.9);
    }

    @media only screen and (max-width: 767px) {
        .ce_linkbox.linkbox_21 {
            margin-top: 20px !important;
        }
    }

    .mod_eventreader .event img {
        width: 100% !important;
        height: auto !important;
    }

    .mod_eventreader .event .enclosure img {
        width: auto !important;
    }

    .randrechts {
        border-right: 1px solid rgb(229, 229, 229) !important
    }

    .linkboxrot.ce_hyperlink a {
        font-size: 1.6rem !important;
        font-weight: normal !important;
        background: #f6ab29 !important;
        border-color: #f6ab29 !important;
        float: right;
    }

    @media only screen and (min-width: 768px) {
        .linkboxrot.ce_hyperlink a {
            margin-right: 90px !important;
        }
    }
@media only screen and (min-width: 768px) {
    .linkboxrechts.linkboxrot.ce_hyperlink a {
        margin-right: 0px !important;
    }
}


    .linkboxrot.ce_hyperlink-extended i {
        color: rgb(255, 255, 255);
        font-size: 1.4rem !important;
        font-weight: normal !important;
    }

    .contentswiper_white .swiper-button-prev {
        color: #ffffff !important;
    }

    .contentswiper_white .swiper-button-next {
        color: #ffffff !important;
    }

    .optin a {
        color: #f6ab29 !important;
        text-decoration: underline !important
    }

.headerbox_right .ce_list.hasIcon li i:after {
    content: "";
    width: 70px;
    height: 1px;
    background: rgba(255,255,255, 0.2);
    position: absolute;
    left: -26px;
    bottom: -11px;
}
.headerbox_right .ce_list {
padding-bottom: 20px!important;
}
.show_more.click, .show_less.click {color: #f6ab29!important;text-decoration: underline!important}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom,30px);}
.input:hover:not([type="submit"]), button:hover:not([type="submit"]), textarea:hover {
    border: none!important;
}