/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/* --------------- NAVIGATION --------------- */
#main-navigation nav, #menu-main-navi, #menu-main-navi-en{ height: 100%; }



/* */
.navi-desktop{display: block;}
.navi-mobile{display: none !important;  }
  
  @media (max-width: 1024px) {
    .navi-desktop{display: none !important;}
    .navi-mobile{display: block !important;}
  }

/*
#main-navigation.fusion-sticky-transition #navi-logo-img img{
    transition: all .3s ease-in-out;
    max-height: 51px;
    content:url("https://hachenbach.de/wp-content/uploads/2025/02/Hachenbach-Logo-RGB_signet_blue-1.svg");
    width: fit-content;
    height: 51px;
}*/

/* TOOL CUSTOMIZER */
/*.navi-customizer-btn {display: none !important;}*/

#main-navigation.fusion-sticky-transition,
.nav-shadow.fusion-sticky-transition{box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}

.navi-toolshop-btn .menu-text:after, .navi-customizer-btn .menu-text:after{
    content: "\ec88";
    font-family: 'FA-Sharp-Solid' !important;
    font-weight: normal;
    color: #fff;
    margin-left: 10px;
    opacity: 0;
    transition: all .3s ease-out;
}

.navi-toolshop-btn{margin-right: 2px !important;}

.navi-toolshop-btn .awb-menu__main-background-active, 
.toggle-search-btn .awb-menu__main-background-active,
.navi-customizer-btn .awb-menu__main-background-active{display: none;}

.navi-toolshop-btn:hover .menu-text:after, 
.navi-customizer-btn:hover .menu-text:after{opacity: 1;}

.navi-toolshop-btn .menu-text{background: #0090F7; padding: 8px 24px 8px 24px; color: #ffffff; width: 126px; transition: all .3s ease-out;}
.navi-customizer-btn .menu-text{background: #0090F7; padding: 8px 0px 8px 24px; color: #ffffff; width: 190px; transition: all .3s ease-out;}

.navi-toolshop-btn:hover .menu-text, 
.navi-customizer-btn:hover .menu-text{padding: 8px 12px;}



.dont-show{display: none !important;}



@media only screen and (max-width: 1660px) {
    .main-navigation-wrapper{ display: none !important; }
    .mobile-navigation-wrapper{ display: flex !important; }
}

@media only screen and (min-width: 1660px) {
    .mobile-navigation-wrapper{ display: none !important; }
}

@media only screen and (min-width: 1570px) {
    .home-header-video-wrapper .fusion-column-wrapper.fusion-column-has-shadow.fusion-flex-justify-content-flex-start.fusion-content-layout-column {
        margin: 0;
    }
}

.ts-search-wrapper{
    height: 100%;
    display: flex;
    align-items: center;
    margin: 0 0 0 30px;
}

.tool-shop-search{
    position: relative;
    height: 40px;
}

.tool-shop-search input{
    height: 40px !important;
    width: 220px !important;
    padding-right: 31px !important;
    border-radius: 0 !important;
    color: rgba( 0, 0, 0, 0.2);
}

.ts-search-wrapper input::placeholder, .ts-search-wrapper-mobile input::placeholder{
    color: rgba( 0, 0, 0, 0.2);
}

.tool-shop-search button{
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    border-radius: 0;
    border: none;
    background: rgba(255, 255, 255, 0);
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 10px ;
}

.desktop-main-nav ul{
    height: 100%;
    flex-wrap: nowrap;
}

.desktop-main-nav{
    margin-right: 40px !important;
}

.main-navigation-wrapper #menu-optionen,
.main-navigation-wrapper #menu-optionen-en{
    height: 100%;
    width: fit-content;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-left: 20px;
}

.menue-options-wrapper{    width: fit-content !important;}

.fa-suche{    color: rgba( 0, 0, 0, 0.2);}
.fa-arrow{    color: #0090F7;}

.tool-shop-search input:not(:placeholder-shown) ~ button .fa-suche{display: none;}
.tool-shop-search input:not(:placeholder-shown) ~ button .fa-arrow{display: block;}
.tool-shop-search input ~ button .fa-arrow{display: none}





/* -- search bar dropdown -- */

.search-dropdown{
    max-width: 1400px;
    margin: 0 auto;
    width: 100%;
    transition: all 0.3s ease-in-out;

    overflow: hidden;
    max-height: 0;
    opacity: 0;
}

.search-dropdown.active-search-dropdown{
    max-height: 200px;
    opacity: 1;
}

.search-dropdown-wrapper{
    padding: 0 0 30px 0;
}

.search-dropdown .tool-shop-search input{
    width: 100% !important;
    border: none;
    border-bottom: 1px solid #212934 !important;
    font-size: 20px;
    height: 60px !important;
}

.search-dropdown .tool-shop-search{
    width: 100% !important;
    position: relative;
    height: 100%;
}

.search-dropdown  i{
    font-size: 24px !important;
}

.search-dropdown::before {
    content: "";
    position: fixed;
    top: 190px;
    left: 50%;
    transform: translateX(-50%);
    width: 120%;
    height: 100vh;
    background: #00000080;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    pointer-events: none;
}

.search-dropdown.active-search-dropdown::before {
    opacity: 1;
    visibility: visible;
}

.toggle-search-btn {
    margin-left: 0!important;
}

.toggle-search-btn i{
    font-size: 14px !important;
}


.toggle-search-btn .fusion-megamenu-icon{
    background: #0090F7;
    color: #fff !important;
    padding: 0 20px !important;
    width: 40px;
    aspect-ratio: 1 / 1;

}

/* --------------- SPRACH SWITCH -------------
.desktop-lang-switch .wpml-ls-item{
    background: #000000;
    aspect-ratio: 1/1;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.desktop-lang-switch .wpml-ls-item a{
    color: #fff;
}

--- */

.mobile-lang-wrapper{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.mobile-lang-txt{
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 400;
}

.ts-search-wrapper-mobile{
    width: 100% !important;
}

.ts-search-wrapper-mobile .tool-shop-search{
    height: 48px !important;
}

.ts-search-wrapper-mobile input{
    border-color: rgba(0, 0, 0, 0.2) !important;
    width: 100% !important;
    height: 48px !important;
}

.ts-search-wrapper input{
    border-color: rgba(0, 0, 0, 0.2) !important;
}
/* ----------------- FOOTER ----------------- */
.foo-warpper{
    display: flex;
    gap: 40px 80px;
    flex-wrap: wrap;
}

.foo-title{
    margin-bottom: 10px;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
}

.foo-warpper a{
    font-size: 14px;
}

.foo-link-container{
    display: flex;
    gap: 10px 40px;
    margin-top: 15px;
    flex-wrap: wrap;
}

.foo-link-wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.foo-link-wrapper br {
    display: none;
}

/* --------------- NAVIGATION PRODUKTE --------------- */
.awb-menu__main-a.awb-menu__main-a_regular { display: flex; justify-content: space-between;}
#menu-item-387, #menu-item-387 ul, #menu-item-1384, #menu-item-1384 ul{width: 100%;}
#menu-item-387 a:before, #menu-item-1384 a:before{content: ""; height: 100%; width: 10px; position: absolute; left: 0;}

.nav-stahl a:before{background: #2277B1;}
.nav-va a:before{background: #FDC743;}
.nav-alu a:before{background: #00A75D; }
.nav-troch a:before{background: #C90C0F;}
.nav-form a:before{background: #000000;}

.nav-stahl a:before, 
.nav-va a:before, 
.nav-alu a:before, 
.nav-troch a:before, 
.nav-form a:before {content: ""; height: 100%; width: 10px; position: absolute; left: 0;}



#menu-item-wpml-ls-2-en .awb-menu__open-nav-submenu-hover, #menu-item-wpml-ls-2-de .awb-menu__open-nav-submenu-hover{
    display: none !important;
}

#menu-item-wpml-ls-2-en .menu-text, #menu-item-wpml-ls-2-de .menu-text{
    color: #fff;
    background: #000;
    height: 40px;
    aspect-ratio: 1/1;
    display: flex !important;
    align-items: center;
    justify-content: center;
}



.awb-menu__sub-ul li:hover .wpml-ls-native{
    color: #0090F7 !important;
}


.menu-item-type-wpml_ls_menu_item .awb-menu__sub-ul a{
    height: 40px;
    aspect-ratio: 1 / 1;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000;
    color: #fff !important;
}


/* --------------- BUTTON --------------- */

.btn-slide:after, .btn-slide-form.fusion-button:after{
    content: "";
    position: absolute;
    width: 0%;
    height: 100%;
    background: #0090F7;
    z-index: 0;
    left: 0;
    transition: all .3s ease-out;
}

.btn-slide-form{ width: 100%; }

/*Button Hover*/
.btn-slide:hover:after, .btn-slide-form:hover.fusion-button:after{width: 100%;}
/*.btn-slide:focus .fusion-button-text{color: #0090F7 !important;}*/
.btn-slide .fusion-button-text, .btn-slide i, .btn-slide-form .fusion-button-text{z-index: 1;}
.fusion-button.btn-slide:focus .fusion-button-text, .fusion-button.btn-slide:focus i {color: var(--button_accent_color);}
.fusion-button.btn-slide:hover .fusion-button-text, .fusion-button.btn-slide:hover i {color: var(--button_accent_hover_color);}

/*Button Hover effekt bei container hover*/
.button-slide-wrapper:hover .btn-slide:after{width: 100%;}
.button-slide-wrapper:hover .fusion-button-text, .button-slide-wrapper:hover i, .produkt-ov-container:hover i{color: #fff !Important;}


.submit-btn i{ opacity: 0; width: 0px; transition: all .3s ease-out; margin: 0;}
.submit-btn:hover i{ opacity: 1; width: 16px; margin: 0 0 0 10px;}

@media only screen and (max-width: 700px) {
    .btn-mobile-100{width: 100%}
}

@media only screen and (max-width: 600px) {
    .btn-mob-width{
        width: 100%;
    }
    .btn-news-mob-width{
        width: calc(100% - 60px);
    }
    .btn-mob-bg{
        background: #ffffff24 !important;
        backdrop-filter: blur(5px);
    }

    .store-img-wrapper{
        display: flex;
        gap: 20px;
        justify-content: space-between;
    }

    .titelbar-txt p{
        font-size: 60px;
        line-height: 75px !important;
    }


}


.titelbar-txt p{
    line-height: 100px;
}



/* --------------- home-counter --------------- */

.home-counter .counter-box-container{
    font-family: myriad-pro, Arial, Helvetica, sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.home-counter .counter-box-content{
    width: fit-content;
    border-top: 1px solid #0090F7;
    font-weight: 500;
}

.content-box-percentage.content-box-counter {
    font-weight: 900;
    font-style: italic;
}
/* ------------------------------------------------- */

.home-dienst-container *{
    z-index: 1;
}
.home-dienst-wrapper{
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0;
}

.home-dienst-container .fusion-column-wrapper{
    position: relative;
    hyphens: auto;
}

.app-img-contaienr *{
    z-index: 1;
}

.app-img-contaienr .app-img-wrapper{
    position: absolute;
    right: 50px;
    bottom: 0;
    z-index: 0;
    max-width: 80%;
}

.app-img-contaienr .fusion-column-wrapper{
    position: relative;
    hyphens: auto;
}

@media only screen and (max-width: 900px) {
    .app-img-wrapper{
        opacity: 0.2;
    }

    .home-dienst-wrapper{
        opacity: 0.2;
    }
}

    /* --------------- home header video --------------- */

.home-header-video-container{
    position: relative;
}

.home-header-video-container video{
    max-width: 100%;
}

.home-header-video-overlay{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    border: 4px solid #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.home-header-video-overlay h1, .home-header-video-overlay h2 {
    color: #fff !important;
    margin: 0;
    text-align: center;
}

#home-header-video-btn {
    padding: 9px 30px;
    border: 1px solid #fff;
    backdrop-filter: blur(10px);
    text-transform: uppercase;
    margin-top: 30px;
    cursor: pointer;
    color: #fff;
    transition: all 0.3s ease-in-out;
    display: flex;
    align-items: center;
    gap: 10px;
}

#home-header-video-btn:hover {
    color: #0090F7;
    background: #fff;
}

#video-lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999;
}

.hidden {
    display: none !important;
}

.lightbox-content {
    position: relative;
    max-width: 80%;
    display: flex;
    height: 80%;
    background: #ffffff00;
    align-items: center;
}

#lightbox-video {
    width: 100%;
    height: auto;
    max-height: 100%;
}

#close-lightbox {
    position: absolute;
    top: -30px;
    right: -30px;
    border: none;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    font-size: 20px;
    cursor: pointer;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease-in-out;
    scale: 1;
}
#close-lightbox:hover{
    scale: 1.1;
}

#scroll-video{
    max-width: 100%;
}

.content-wider .fusion-builder-row.fusion-row.fusion-flex-align-items-flex-start.fusion-flex-content-wrap {
    max-width: 1540px !important;
}
.content-wider  .fusion-builder-row.fusion-row.fusion-flex-align-items-center.fusion-flex-align-content-center.fusion-flex-justify-content-center.fusion-flex-content-wrap {
    max-width: 1540px !important;
}

.content-wider .fusion-builder-row.fusion-row.fusion-flex-align-items-flex-start.fusion-flex-content-wrap{
    max-width: 1540px !important;
}

#scroll-fraeser{
    max-width: 1100px;
}

.home-produkt-segment .fusion-builder-row.fusion-row.fusion-flex-align-items-flex-start.fusion-flex-content-wrap{
    background: #f9f9f9;
}

.home-header-video-container{
    overflow: hidden;
}

.home-produkt-segment-txt {
    max-width: 45%;
    position: absolute !important;
    z-index: 1 !important;
    top: 70px !important;
    left: 50px !important;

}

.canvas-wrapper{
    position: relative;
    display: flex;
    max-width: 100%;
    overflow: hidden;
}

.canvas-wrapper-container .fusion-column-wrapper{
    margin: 0 !important;
}


@media only screen and (max-width: 1200px) {
    #scroll-fraeser {
        position: relative;
        right: -50px;
    }
}

@media only screen and (max-width: 900px) {
    #scroll-fraeser {
        right: 0px;
    }
}

@media only screen and (max-width: 800px) {
    .home-produkt-segment-txt{
        padding: 20px 5%;
        width: 100% !important;
        max-width: unset;
        position: unset !important;
    }


    .home-produkt-segment{
        padding: 0 !important;
    }

    #scroll-fraeser {
        max-width: 100%;
        scale: 1.2;
        right: 40px;
    }
    .canvas-wrapper{
        position: relative;
    }

    .canvas-wrapper-gradient{
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        background: linear-gradient(180deg, #f9f9f9 10%, transparent 50%);
    }

    .home-header-video-container {
        max-height: calc(100vh - 300px);
    }

    .home-header-video-container video {
        max-width: unset;
    }

    .home-header-video-overlay h1{
        font-size: 40px !important;
    }

}

@media only screen and (max-width: 760px) {
    .home-counter {
        display: flex;
        flex-wrap: wrap;
    }

    .home-counter .fusion-counter-box {
        width: 50%;
    }

    .sonderwerkzeug-img {
        display: flex !important;
        width: 100%;
        justify-content: center;
        position: relative;
        bottom: -35px;
    }
    .sonderwerkzeug-img img{
        max-width: 60%;
    }
}

@media only screen and (max-width: 600px) {
    .home-header-container{
        margin: 0;
        padding: 10px !important;
        max-height: calc(100vh - 200px);
    }

    .home-header-video-overlay h2{
        font-size: 30px !important;
    }
}


@media only screen and (max-width: 460px) {
    .home-header-video-overlay h1{
        font-size: 30px !important;
    }
    .home-header-video-overlay h2{
        font-size: 26px !important;
    }
    .home-counter .counter-box-content {
        font-size: 15px !important;
    }
    .content-box-percentage.content-box-counter {
        font-size: 40px !important;
    }

    .home-counter .counter-box-container {
        padding: 0px !important;
    }
}

@media only screen and (max-width: 360px) {
    .home-header-video-overlay h1{
        font-size: 24px !important;
    }
    .home-header-video-overlay h2{
        font-size: 20px !important;
    }
}
/* --------------- FORMULAR --------------- */
abbr.fusion-form-element-required { text-decoration: none;}
.fusion-form-checkbox label::before, .fusion-form-checkbox label::after{border-radius: 0 !important;}

.home-form-header{ max-height: 110px;}
.home-form-header h3{ white-space: nowrap;}

.home-form-wrapper input, .home-form-wrapper textarea{padding: 0 !important;}


form label{
    margin-bottom: 0 !important;
}

.label_left{ display: flex;}
.label_left  label{
    border-bottom: 1px solid;
    padding-bottom: 1px;
    white-space: nowrap;
}

.radio_margin_bottom{
    margin-bottom: -10px !important;
}

/* ---------------- FOOTER ---------------- */
.foo-links p {display: flex;flex-direction: column;gap: 10px;}
.foo-links br {display: none;}


@media only screen and (max-width: 760px) {
    .foo-location { margin-right: 30px !important;}
}


/* --------------- PRODUKT ÜBERSICHTS KARTE --------------- */
.produkt-ov-container{
    position: relative !important;
    min-height: 380px;
}

.produkt-ov-img{
    position: absolute !important;
    right: 0px;
    bottom: 0;
    z-index: -1 !Important;
    max-width: 65% !important;
}

@media only screen and (max-width: 900px) {
    .produkt-ov-img {
        position: unset !important;
        max-width: 85% !important;
        margin-right: -30px;
        margin-bottom: -30px;
    }

    .produkt-ov-container .fusion-column-wrapper .fusion-separator{order: 1;}
    .produkt-ov-container .fusion-column-wrapper .fusion-image-element {order: 2;}

}

.produkt-ov-container:hover .btn-slide:after{width: 100%;}
.produkt-ov-container:hover .fusion-button-text, .produkt-ov-container:hover i{color: #fff !Important;}

/* -------------------- PRODUKT KARTE -------------------- */
.produkt-cont{
    position: relative !important;
    min-height: 380px
}
.produkt-img{
    position: absolute !important;
    right: 30px;
    bottom: 0;
    z-index: -1 !Important;
    max-width: 65% !important;
}
.produkt-cont:hover .btn-slide:after{width: 100%;}
.produkt-cont:hover .fusion-button-text, .produkt-cont:hover i{color: #fff !Important;}

.product-info-img{position: relative; right: -10px !important;}
.product-infos{  display: flex;  gap: 5px;     flex-wrap: wrap;}
.info-top{color: #fff;height: 20px; width: 40px; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 600;}
.info-bottom{height: 20px; width: 40px; display: flex;align-items: center;justify-content: center; gap: 3px;}
.info-circle{border: 1px solid #fff; height: 7px; width: 7px; border-radius: 50%;}
.full-circle{background: #fff;}

.info-p .info-top{background:#004683;}
.info-m .info-top{background:#F6A304;}
.info-k .info-top{background:#B82A24;}
.info-n .info-top{background:#009945;}
.info-s .info-top{background:#A66B5C;}
.info-h .info-top{background:#212120;}

.info-p .info-bottom{background:#2473AD;}
.info-m .info-bottom{background:#FDC743;}
.info-k .info-bottom{background:#D04E39;}
.info-n .info-bottom{background:#00A75D;}
.info-s .info-bottom{background:#CBA294;}
.info-h .info-bottom{background:#575756;}


.product-info-table{    background: #F0EAD3;    height: 100%;    display: flex;    flex-direction: column;    justify-content: space-between;}
.product-info-table-head{ padding:  25px 30px;}
.product-info-table-cont{ padding:  23px 30px;}
.product-info-table-cont{     display: flex;     flex-direction: row;     justify-content: space-between;}
.product-info-table-head{    background: #BDA62B;    font-size: 18px;    font-weight: 600;    color: #fff;}
.product-info-table-cont{    font-size: 15px;    border-bottom: 1px solid #fff;}
.table-cont-l{    font-size: 15px;    font-weight: 600;    color: #005A9A;}
.table-cont-r{    font-size: 15px;    font-weight: 600;}
/* --------------- UNTERNEHMEN --------------- */

.icon-bg:after {
    content: "";
    background: #005a9a;
    width: 150px;
    height: 100%;
    position: absolute;
    right: 50%;
    transform: translate(50%, 0px);
    z-index: -1;
}

.icon-bg{ overflow: visible !important;}

.product-image-slider.fusion-slider-sc:not(.fusion-has-margin) .flexslider {    margin: 0 0 40px;}
.product-image-slider .flex-control-nav.flex-control-paging {    display: none !important;}
.product-image-slider .flex-next, .product-image-slider .flex-prev{opacity: 1 !important;     top: 50% ! IMPORTANT; transform: translate(0px, calc(50% - 10px));}

.flex-prev i, .flex-next i{ font-size: 30px;}
.flex-prev, .flex-next{ background: none !important;}

.flex-prev i:before{    content: "\f539";    font-family: 'FA-Sharp-Regular' !important;    font-weight: 400;}
.flex-next i:before{    content: "\f50f";    font-family: 'FA-Sharp-Regular' !important;    font-weight: 400;}

.product-image-slider .flex-prev, .product-image-slider .flex-next{    filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.15));}
.product-image-slider .flexslider{    max-width: 100% !important;    height: unset !important;    aspect-ratio: 16/9 !important;}

.fusion-video.fusion-youtube{    max-width: unset;    width: 100%;}
.video-shortcode{width: 100% !important; max-width: unset !Important;}

#unternehmen-video video{cursor: pointer;}
/* --------------- NEWS KARTE .--------------- */

.news-card-date{
    position: absolute  !Important;
    bottom: -20px  !Important;
    left: 7px  !Important;
    width: fit-content !Important;
}

.news-card-date .fusion-column-wrapper{ padding: 6px 16px ! Important; }
.news-card-date-day p{    font-size: 24px;    font-weight: 800;}
.news-card-date-mon p{    font-size: 13px;    font-weight: 500;    text-transform: uppercase;}

/* ------------------------------------------ */
.unternehmen-icon{    width: 150px !Important;}

@media only screen and (max-width: 700px) {
    .btn-100-mob-wrapper .fusion-column-wrapper div{width: 100%}
    .btn-100-mob-wrapper .fusion-column-wrapper div a{width: 100%}
}

/* ------------------------------------------ */
.icon-box .icon-box-icon{position: absolute; width: 100% !important;top:0;}
.icon-box .fusion-column-wrapper{ position: relative;   }
.icon-box .icon-box-icon:after{
    content: "";
    position: absolute;
    left: -1px;
    background: #009975;
    height: 1px;
    width: calc(100% + 2px);
    top: 50%;
    mask-image: linear-gradient(90deg, #000 35%, transparent 35%, transparent 65%, #000 40%);
}
.icon-box:hover .btn-slide:after{width: 100%;}
.icon-box:hover .btn-slide .fusion-button-text, .icon-box:hover .btn-slide i{width: 100%;  color: #fff !Important;}
.icon-box .btn-slide:after{ background:#009975;}

/* ----------------------------------------------------------------- */

.icon-box-img{width: 100%;     top: -25px;}
.icon-box-with-img .fusion-column-wrapper{ position: relative;}
.icon-box-with-img .fusion-image-element{ position: absolute; width: 100% !important;top:0; left:0;}
.icon-box-with-img .icon-box-img:after{
    content: "";
    position: absolute;
    left: -1px;
    background: #009975;
    height: 1px;
    width: calc(100% + 2px);
    top: 50%;
    mask-image: linear-gradient(90deg, #000 35%, transparent 35%, transparent 65%, #000 40%);
}

.icon-box-with-img:hover .btn-slide:after{width: 100%;}
.icon-box-with-img:hover .btn-slide .fusion-button-text, .icon-box-with-img:hover .btn-slide i{width: 100%;  color: #fff !Important;}
.icon-box-with-img .btn-slide:after{ background:#009975;}


.icon-bg-dr:after {
    content: "";
    background: #ffff;
    width: 60px;
    height: 100%;
    position: absolute;
    right: 50%;
    transform: translate(50%, 0px);
    z-index: -1;
}

.icon-bg-dr{ overflow: visible !important;}

.footer-insta{
    background: -webkit-linear-gradient(#FFD600, #FF7A00, #FF0069, #D300C5, #7638FA);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* -------------------- KONTAKT -------------------- */

.ansprechpartner-container .fusion-builder-row {
    position: absolute !important;
    bottom: 0;
}

.ansprechpartner-container p{
    width: fit-content;
    background: #F9F9F9;
    padding-right: 10px;
    padding-left: 5px;
}

.ansprechpartner-container img,.ansprechpartner-container .fusion-imageframe{    width: 100%;}

.fusion-form-checkbox label:before, .fusion-form-checkbox label:after{    top: 11px !important;}

/* ------------------------ GOOGEL MAP -------------------------*/
.map-list-country {
    display: flex;
    justify-content: end;
}

.map-list-country p{
    background: #fff;
    width: fit-content !important;
    padding: 3px 5px !important;
    font-family: "Open Sans";
    color: #005A9A;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
}

.map-list-area{
    padding: 0px 5px 0px 0px !important;
    font-family: "Open Sans"!important;
    color: #005A9A!important;
    font-size: 12px!important;
    font-weight: 600!important;
    margin-top:-10px!important;
    text-align: end;
}

.wpgmp_before_listing{
    display: none;
}

@media only screen and (max-width: 600px) {
    .wpgmp_map {
        height: 480px !important;
    }
}

/*--------------- MAP INFOBOX ---------------*/
.map-country{    display: flex;  justify-content: end;}
.map-logo{    padding: 30px; background: #fff;}
.map-content{    background:#005A9A;}
.infoBoxTail::after {    border-top: 20px solid #005A9A !important;}

.map-infos-title{    font-weight: 600 !important;}
.fc-infowindow-aare .fc-item-box img {
    width: 100%;
    height: auto;
    max-height: 50px;
    object-fit: contain;
}

.wpgmp_infowindow{
    background: #005A9A !important;
}

.wpgmp_iw_content{width: 100%;}

.map-info{
    padding: 10px;
}
.map-info p, .map-info a{
    margin-bottom: 0 !important;
    font-family: "Open Sans";
    font-size: 15px;
    font-weight: 300;
    min-width: 50%;
    display: block;
    line-height: 26px !important;
}

.map-info p, .map-info a{ color: #fff !important;}
.map-info a:empty, p:empty {    display: none;}
/*.map-list .fc-feature-img{height: 40px !important;}*/

/*----------------- MAP LIST ----------------*/
/*
.map-list-link{
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    top: 0;
    left: 0;
    display: none;
}
*/

.map-list-img-wrapper{padding: 35px 50px !important;}
.map-list .wpgmp_marker_image{object-fit: contain;height: 40px !important;}

.map-list-link[data-marker="41"] + .map-list-img-wrapper {padding: 25px 50px!important;}
.map-list-link[data-marker="42"] + .map-list-img-wrapper {padding: 25px 50px!important;}
.map-list-link[data-marker="41"] + .map-list-img-wrapper .wpgmp_marker_image{height: 60px!important;}
.map-list-link[data-marker="42"] + .map-list-img-wrapper .wpgmp_marker_image{height: 60px!important;}

.fc-component-6{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-start;
}

.map-list-content-wrapper{
    padding: 0 0px 10px 10px !important;
    background: #F9F9F9;
    flex-grow: 1;
}

.map-list{
    position: relative;
    width: calc(25% - 15px) !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 4px solid #F9F9F9;
    display: flex;
    flex-direction: column;
}

@media only screen and (max-width: 890px) {
    .map-list{
        width: calc(33% - 15px) !important;
    }
}

@media only screen and (max-width: 750px) {
    .map-list{
        width: calc(50% - 15px) !important;
    }
}

@media only screen and (max-width: 600px) {
    .map-list{
        width: calc(100%) !important;
    }
}


.map-list-content-wrapper .place_title{
    font-family: "Open Sans";
    color: #000;
    font-size: 15px;
    font-weight: 600;
    padding-right: 10px;
}

.map-list-infos p, .map-list-infos a{
    margin-bottom: 0 !important;
    font-family: "Open Sans";
    font-size: 15px;
    font-weight: 300;
    min-width: 50%;
    display: block;
    line-height: 26px !important;
}

.map-list-country p{ margin-bottom: 10px !important;}

.map-infos-adresse:before{content: "\ef46"; position: absolute; left: 15px; font-family: "FA-Sharp-Solid";  font-weight: 400; color: #0090F7;}
.map-infos-phone:before{content: "\e98c"; position: absolute; left: 15px; font-family: "FA-Sharp-Solid";  font-weight: 400; color: #0090F7;}
.map-infos-fax:before{content: "\f5d0"; position: absolute; left: 15px; font-family: "FA-Sharp-Solid";  font-weight: 400; color: #0090F7;}
.map-infos-mail:before{content: "\f3d6"; position: absolute; left: 15px; font-family: "FA-Sharp-Solid";  font-weight: 400; color: #0090F7;}
.map-infos-web:before{content: "\ef6c"; position: absolute; left: 15px; font-family: "FA-Sharp-Solid"; font-weight: 400; color: #0090F7;}

.map-infos-adresse, .map-infos-phone, .map-infos-fax, .map-infos-mail, .map-infos-web{margin-left: 30px !important;}
.map-infos-mail{color: #000;}
.map-infos-web{color: #0090F7 !important;}

.map-list-infos a:empty, p:empty {    display: none;}


/*--------------------- MAP FILTER ---------------------*/
.wpgmp_filter_wrappers {
    background: #fff0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
}


div.categories_filter select{
    color: #0090F7 !important;
    padding: 0 50px 0 5px !important;
    border-bottom: 1px solid #0090F7 !important;
    background: rgba(255, 255, 255, 0) !important;
}

.categories_filter .select-wrapper:after{
    content: "\f107" !important;
    color: #0090F7 !important;
    font-family: awb-icons;
    font-weight: 400;
    position: absolute;
    right: 0;
    top: 12px;
    z-index: -1;
}
.select-wrapper{
    position: relative;
}

.categories_filter div{
    display: flex;
    /*width: fit-content  !important;*/
    align-items: center  !important;
}

.categories_filter{
    /*width: fit-content  !important;*/
    position: relative  !important;
}

.outer-select-wrapper:first-of-type{
    flex-grow: 1;
}
.outer-select-wrapper select{
    margin-right: 0 !important;
}

.location_pagination1.wpgmp_pagination {
    float: right !important;
    display: flex;
    justify-content: end;
}

.location_pagination1.wpgmp_pagination a {
    background: #005A9A;
    min-width: 30px;
    display: flex;
    min-height: 30px;
    justify-content: center;
    line-height: 30px;
}
.location_pagination1.wpgmp_pagination .current{
    background: #0090F7;
    line-height: 30px;
}


@media only screen and (max-width: 430px) {
    .categories_filter div{
        flex-direction: column;
        align-items: flex-start !Important;
    }

    .outer-select-wrapper{
        width: 100% !Important;
    }

    .select-wrapper{
        width: 100% !Important;
        justify-content: center;
        margin-bottom: 15px;

    }
}

/* --------------------- DOWNLOADS ----------------------*/

.download-box .fusion-column-wrapper:after{    content: "";
    position: absolute;
    height: 100%;
    width: 0%;
    background: #0090F7;
    left: 0;
    top: 0;
    z-index: -1;
    transition: all .3s ease-out;
}
.download-box:hover .fusion-column-wrapper:after{    width: 100%;}
.download-box:hover i, .download-box:hover p{    color: #fff;}


/**-------------------- Karriere Accordion -------------------**/
.transition, .acc-body, ul li i:before, ul li i:after {  transition: all 0.3s;}

#jobAccordion .acc-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: .2s;
}

#jobAccordion .acc-head p{color:#000000;}
#jobAccordion .acc-head h4{color: #000000;}

#jobAccordion .acc-body {
    position: relative;
    overflow: hidden;
    contain: layout;
    transform: translate(0, 0);
    transition: .3s opacity, .6s max-height;
    z-index: 2;
    color: #000000;
    margin: 0 !important;
    margin-top: 0px !important;
    width:100%;
    max-height: 2500px;
    opacity: 1;
    display: flex;
    gap: 20px;
    padding: 0 15px;
}

.acc-content{ margin-top: 20px; margin-bottom: 20px;}

.acc-footer {display: flex; justify-content: space-between;margin-top: 50px;margin-bottom: 30px;}
#jobAccordion .acc-body p {  margin:0;}
#jobAccordion ul li { position: relative; -webkit-tap-highlight-color: transparent;}

#jobAccordion ul li input[type=checkbox] {  position: absolute;  cursor: pointer;  width: 100%;  height: 100%;  z-index: 1;  opacity: 0;  top: 0;  left: 0;}
#jobAccordion ul li input[type=checkbox]:checked ~ .acc-body {transition: .3s;   opacity: 0;  max-height: 0;}
#jobAccordion .stellenanzeigen {list-style-type: none;  padding: 0;}
#jobAccordion .stellenanzeige {background-color: #ffffff; transition: background-color 0.2s; border-bottom: 1px solid #00000080;}
#jobAccordion .stellenanzeige:hover {  background-color: #F2F6FA;}
#jobAccordion .stellenanzeige .acc-head .acc-title h4, #jobAccordion .stellenanzeige .acc-head .acc-title p {margin: 0;}
#jobAccordion .stellenanzeige .acc-head .acc-title h4{color: #0090F7;}
#jobAccordion ul li input[type=checkbox]:checked ~ .acc-head .fa-fusion-box {transform: scaleY(1);}
#jobAccordion .acc-head .fa-fusion-box {transform: scaleY(-1);  transition: transform 0.2s;}


#jobAccordion ul li input[type=checkbox]:not(:checked) ~ * {
    background: #F2F6FA; !important;
}

#jobAccordion ul li input[type=checkbox]:checked ~ .acc-head i{color: #000;}
#jobAccordion ul li input[type=checkbox]:checked ~ .acc-head .fa-sharp-sol-plus:before{content: "\ec7f";}

#jobAccordion ul li input[type=checkbox] ~ .acc-head i{color: #0090F7;}
#jobAccordion ul li input[type=checkbox] ~ .acc-head .fa-sharp-sol-plus:before{content: "\ea5b";}

.acc-head{
    padding: 15px;
}

.acc-btn{
    border: 1px solid #0090F7;
    padding: 14px 30px;
    display: block;
    font-weight: 600;
    width: fit-content;
}

.acc-job-desrc{
    margin-bottom: 20px;
}

.acc-title {
    flex-grow: 1;
    display: flex;
    align-items: center;
}

.acc-job-title{
    width: 70% !important;
}

.acc-title p{
    text-align: center;
    width: 30% !important;
}

.acc-content-section{
    margin-bottom: 20px;
}

@media only screen and (max-width: 600px) {
    .acc-title {
        flex-grow: 1;
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-start;
    }

    #jobAccordion .stellenanzeige .acc-head .acc-title h4 {
        width: 100% !important;
    }

    .acc-title p {
        text-align: start;
        width: fit-content;
        margin-bottom: 10px !important;
    }

    #jobAccordion .acc-head {
        align-items: flex-start;
    }
}