@media all {
    /* general overwritings */
     :target:before {
        content: "";
        display: block;
        height: 200px;
        margin: -200px 0 0;
    }
    a.modalLink {
        cursor: pointer;
        color: #8cb63c !important;
    }
    .webkit h2.h1-style {
        font-size: 3rem;
        font-family: wuerthextra_bold_cond, futura, -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        text-transform: uppercase;
        line-height: 1.1;
        margin-bottom: 1.8rem;
        display: block;
        color: #000000;
    }
    .webkit .frontpage2col.new a .col:hover span.btn_cta {
        background-color:#8cb63c;
    }
    .webkit .frontpage2col.new a .col:hover img {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    .ui-helper-hidden-accessible {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
    #megaDropdown.booNavigation {
        min-height: 78px;
    }
    .searchResult .breadcrumb-label {
        font-size: 1.5rem;
    }

    /* Subnavi */

    .webkit #subnav a {
        color: #000 !important;
    }

    .webkit #subnav a .icon-interface-left,
    .webkit #subnav a .icon-interface-right     {
        color: #222c3a !important;
    }

    /* breadcrumb */
    .breadcrumb-backlink,
    .breadcrumb-item {
        font-size: 1.5rem;
    }


    .side-nav li a {
        padding-left: 2rem;
    }
    [class^="icon-"],
    [class*=" icon-"] {
        font-style: normal !important;
    }

    /* userlayer */
    .salesRep_background {
        background: url(../../../../layout_wl2/images/salesRep_background.png);
        overflow: hidden;
        max-width: 170px;
        width: 100%;
        max-height: 134px;
        height: auto;
        float: left;
        /* margin-right: 14px; */
    }
    .salesRep_picture.mobile {
        max-width: 100% !important;
        height: auto;
    }

    /* Servicemenu */
    .servicemenu ul li,
    .servicemenu ul li a span {
        background-color: #222c3a !important;
    }

    .servicemenu ul li.active, .servicemenu .disabled_mouseover li:hover, .servicemenu.openIFrame ul li:hover {
        background-color: #e7e7e7 !important;
    }

    /* Content */
    body,
    body .webkit {
        font-family:"Open Sans",futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
        font-size:1.6rem;
	    color:#000;
    }


    /* Headlines */
    .webkit h1, .webkit .h1, .webkit .h1-style,
    .webkit h2, .webkit .h2, .webkit .h2-style,
    .webkit h3, .webkit .h3, .webkit .h3-style,
    .webkit h4, .webkit .h4, .webkit .h4-style {
        font-family: "Open Sans",futura,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; !important;
        color:  #222c3a !important;
        padding: 0 !important;
        text-transform: none !important;    
    }

    .webkit h1, .webkit .h1, .webkit .h1-style {
        font-size: 3.1rem !important;
        font-weight: bold !important;
        line-height: 3.5rem !important;
        margin: 0px 0 12px 0 !important;
    }

    .webkit h2, .webkit .h2, .webkit .h2-style {
        font-size: 2.7rem !important;
        font-weight: normal !important;
        margin: 0px 0 7px 0 !important;
        line-height: 2.8rem !important;
    }

    .webkit h3, .webkit .h3, .webkit .h3-style {
        font-size: 2.0rem !important;
        font-weight: normal !important;
        margin: 0px 0 7px 0 !important;
        line-height: 2.4rem !important;
    }

    .webkit h4, .webkit .h4, .webkit .h4-style {
        font-size: 1.6rem !important;
        font-weight: bold !important;
        margin: 0px 0 7px 0 !important;
        line-height: 2.0rem !important;
    }

    /* Tables */

    .webkit table {
        font-size: 1.5rem !important;
    }

    /* Buttons */
    .webkit input.button.btn.btn-info, 
    .webkit .yform input.submit.btn.btn-info, 
    .webkit button.btn.btn-info, 
    .webkit span.button.btn.btn-info {
        background-color: #8cb63c !important;
        border: none !important;
        color: #fff !important;
        font-family: "hk_type_cond_bold",Arial,Helvetica,"Microsoft Yahei","微软雅黑",sans-serif !important;
        font-size: 1.6rem !important;
        text-transform: none !important;
        position: relative !important;
        vertical-align: middle !important;
        padding: 1.3rem 1.2rem 1.1rem 1.2rem !important;
        cursor: pointer !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        width: inherit;
        height: auto !important;
        text-align: center !important;
        display: inherit;
        margin-bottom: 0 !important;
    }

    .webkit .w-50 {
        width: 50% !important;
    }

    .webkit .btn_function {
        background-color: #222c3a !important;
        font-family: "hk_type_cond_bold",Arial,Helvetica,"Microsoft Yahei","微软雅黑",sans-serif !important;
        font-size: 1.6rem;
    }

    /* Links */
    .webkit a, 
    .webkit a:link, 
    .webkit a:hover, 
    .webkit a:focus, 
    .webkit a:visited, 
    .webkit a:active, 
    .webkit #breadcrumb, 
    .webkit #breadcrumb a {
        color: #8cb63c !important;
    }

    /* Lists */
    .webkit .frontpage .nlEquipmentWrapper ul li.bulletList:before, .webkit .frontpage .frontpage2col ul li.bulletList:before, .webkit .frontpage .frontpage3col ul li.bulletList:before, .webkit .frontpage .inner_main ul li.bulletList:before, .webkit .inner_main ul li.bulletList:before, .webkit .column ul li.bulletList:before {
        color: #8cb63c !important;
    }

    /* Margin Column */

    .webkit .marginBox.redbox  {
        background-color:  #8cb63c !important;
    }

    .webkit .marginBox.redbox a,
    .marginBox.redbox.boxarrowLink {
        color: #fff !important;
    }


    /* CONTENT COLUMN */
    #col3 {
        outline: none;
    }
    .webkit .card .card-body {
        padding: 1.2rem;
    }
    .webkit #col3_content.frontpage.searchResult {
        margin-top: 30px;
    }
    .slide-link {
        color: #000;
        position: relative;
        padding-right: 2rem;
        display: block;
    }
    .slide-link:hover,
    .slide-link:visited,
    .slide-link:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }
    .slide-link .icon {
        position: absolute;
        right: 0.5rem;
        top: 0.4rem;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    .slide-link.collapsed .icon {
        transform: rotate(180deg);
    }
    
    /* Formulare */
    .webkit input[type=checkbox]:checked ~ .checkCheckbx::before, .webkit input[type=radio]:checked ~ .checkRadio::before {
        color: #222c3a !important;
    }
    
    /* Startpage-Elements */

    /* Slider */
    .full-slider .swiper-slide .slider-description .headline {
        font-family: "hk_type_cond_bold",Arial,Helvetica,"Microsoft Yahei","微软雅黑",sans-serif !important;
    }

    .full-slider .swiper-slide .slider-description .subheader {
        font-size: 1.6rem !important;
    }

    .full-slider .swiper-slide .slider-description .white .headline, 
    .full-slider .swiper-slide .slider-description .whitefull .headline {
        color: #222c3a !important;
    }

    .full-slider .swiper-slide .slider-backgroundbox.red {
        background-color: #222c3a !important;
    }

    .swiper-pagination.dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: #222c3a !important;
    }

    /* Produktslider */
    .new .main-div-produkt .text-produkt,
    .webkit .frontpage4col .column .textcontainer {
       border-top: 2px solid #222c3a !important;
    }  

    .product-slider-container .main-div-produkt p.price {
        color: #222c3a !important;
        font-family: "hk_type_cond_bold",Arial,Helvetica,"Microsoft Yahei","微软雅黑",sans-serif !important;
    }

    .product-slider .icon-interface-right:hover, .product-slider .icon-interface-left:hover {
        color: #222c3a !important;
    }

    /* 2-col-Teaser */
    .webkit .btn_cta {
        background-color: #8cb63c !important;
        font-family: "hk_type_cond_bold",Arial,Helvetica,"Microsoft Yahei","微软雅黑",sans-serif !important;
        text-transform: none !important;
    }

    /* 3-col-Teaser */

    .webkit .frontpage .frontpage3col .col .imgcontainer, 
    .webkit .frontpage .frontpage3col .col .imgcontainer img {
        border-bottom: 2px solid #222c3a !important;
    }

    /* TEaser-slider */
    .swiper-container.teaser-slider-container.new .swiper-wrapper .swiper-slide .teaser-img-container .teaser-text-container {
        border-top: 2px solid #222c3a !important;
    }

    .swiper-container.teaser-slider-container.new .swiper-wrapper .swiper-slide .teaser-img-container .teaser-title-container {
        color: #222c3a !important;
        font-family: "hk_type_cond_bold",Arial,Helvetica,"Microsoft Yahei","微软雅黑",sans-serif !important;
        font-size: 2rem;
        line-height: 1.2;
        font-weight: normal;
    }

    /* Accordion */
    .slideContainerAcc .slideHeadline .accHeadline i, .slideContainer .slideHeadline i {
        color: #222c3a !important;
    }

    /* Slidetext */

    .webkit .morelink, .webkit .lesslink {
        color: #222c3a !important;
    }

    /* Add to favorites */
    .ui-dialog {
        padding: 14px !important;
        text-align: left !important;
        background-color: #ececec !important;
    }
    .ui-dialog .ui-dialog-titlebar {
        padding: 0 !important;
        border-color: #ececec !important;
        background-color: #ececec !important;
        margin: -6px 0 0 0 !important;
    }
    .ui-dialog .ui-dialog-titlebar-close {
        display: none;
    }
    .ui-dialog .ui-dialog-title {
        padding: 0 0 7px 0 !important;
        background-color: #ececec !important;
        display: block !important;
        width: 100%;
        float: left !important;
        font-family: wuerthextra_bold_cond, Arial, Helvetica, sans-serif !important;
        font-weight: normal !important;
        text-transform: uppercase !important;
        color: #959595 !important;
        font-size: 19px !important;
        white-space: normal !important;
    }
    .ui-dialog .ui-dialog-content {
        margin-top: -1px !important;
        padding: 11px 14px !important;
        height: auto!important;
        border: 1px solid #dedede !important;
        background-color: #fff !important;
        float: left;
    }
    .ui-dialog .ui-dialog-buttonpane {
        margin: 14px 0 0 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background-color: #ececec !important;
        text-align: right;
    }
    .ui-dialog .ui-dialog-buttonpane button {
        background-color: #8cb63c;
        border: none;
        margin-top: 10px;
        min-width: 100px;
        color: #fff;
    }
    /* footer new */
    .footer-new div.link-absolute .text-icon {
        padding-left: 0.4rem;
    }
    p.i-absolute img {
        position: absolute;
        margin-top: 0.3rem;
    }
}

@media screen and (max-width: 991px) {
    .story .teaser2col .story-teaser {
        position: relative;
        margin: 0;
    }
}

@media screen and (max-width: 768px) {
    .mobile-mega-menu.search-mobile input {
        font-size: 1.6rem;
    }
}

@media screen and (max-width: 576px) {
    .teaser2col .card-header {
        font-size: 20px;
    }
    .teaser2col .routeplannerForm .form-control {
        width: 100%;
    }
    .teaser2col .routeplannerForm .btn-info {
        width: 100%;
    }
    .product-slider .container {
        max-width: 100%;
    }
}