/*
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
*/


/* Hide Adminbar */

body #wpadminbar {
    display: none;
}

html {
    margin-top: 0 !important;
}

body .fusion-tb-header .fullwidth-box {
    top: 0 !important;
}

/* ------------ General start ------------ */

/* Fixed Content Hero */

.MEG_fixed_content_right {
    position: absolute !important;
    right: 20px !important;

}

.MEG_fixed_content_right .fusion-column-wrapper {
    margin-left: 78px !important;
}

/* Background Images */

.MEG_background_image_warum {
    background-position: 101% bottom !important;
}

.MEG_background_image_photo {
    background-position: right 300px !important;
}

.MEG_background_image_experte_ort {
    background-position: right -350px !important;
    background-color: transparent !important;
    z-index: 2 !important;
}

.MEG_background_image_experte_ort:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: rgb(244,241,235);
    background: linear-gradient(180deg, rgba(244,241,235,0) 0%, rgba(244,241,235,1) 100%);
}

.MEG_background_image_experte_faq {
    background-position: left 95% !important;
    background-color: transparent !important;
    background-size: 427px !important;
    transform-style: preserve-3d;
}

.MEG_background_image_experte_faq:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    transform: translateZ(-1px);
    width: 100%;
    height: 100%;
    background: rgb(244,241,235);
    background: linear-gradient(180deg, #efeadf 90%, #ffffff 0%);
}

.MEG_background_image_kontakt {
    background-position: right 350px !important;
    background-color: transparent !important;
    z-index: 2 !important;
}

/* ------------ General end ------------ */

/* ------------ Header start ------------ */

/* Navigation */

#menu-main-navi .menu-item.current-menu-item {
    font-weight: 700;
}

/* ------------ Header end ------------ */

/* ------------ Content start------------ */

/* Hero */

.MEG_hero_white {
    color: #fff;
}

/* Feature List */

.MEG_feature_list  {
    display: block;
    width: 100%;
}

.MEG_feature_list .fusion-li-item p {
    font-size: 18px;
    font-weight: 600;
}

.MEG_feature_list .fusion-checklist .circle-yes, ul.fusion-checklist .circle-yes {
    border: 5px solid rgba(204,255,204,0.5);
}

/*Vorteile*/

.MEG_rotate {
    transform: rotate(-4.87deg);
}

.MEG_flex h3 {
    display: flex;
}

.MEG_flex h3 i {
    margin-right: 17px;
}

/* Weg */

.MEG_arrow_after:after {
    content: '';
    width: 40%;
    height: 5px;
    position: absolute;
    left:80%;
    top: 75px;
    background-image: url("image/Arrow_long.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Counter Boxes */

.MEG_counter_boxes.fusion-counters-box .fusion-counter-box {
    padding: 0;
    margin-bottom: 14px;
    text-align: left;
}

.MEG_counter_boxes.fusion-counters-box .fusion-counter-box .counter-box-container {
    padding-left: 7px;
    border: none;
}

.MEG_counter_boxes.fusion-counters-box .fusion-counter-box .counter-box-container .display-counter,
.MEG_counter_boxes.fusion-counters-box .fusion-counter-box .counter-box-container .counter-box-content {
    font-weight: 700;
}

/* Quote Slider */

.MEG_quote_slider.fusion-post-cards {
    padding-top: 60px;
}

.MEG_quote_slider.fusion-post-cards .awb-swiper-button-prev {
    left: unset;
    right: 50px;
}

/* FAQ */

.MEG_faqs .fusion-accordian #accordian-1 .panel-title a,
.MEG_faqs .fusion-accordian .fusion-panel.fusion-toggle-no-divider.fusion-toggle-boxed-mode .panel-body{
    padding: 0;
}

.MEG_faqs .fusion-accordian .fusion-panel {
    border-radius: 10px;
}

.MEG_faqs .fusion-accordian #accordian-1 .panel-title a .fa-fusion-box:before {
    font-size: 32px;
    width: 32px;
}

.MEG_faqs .fusion-accordian #accordian-1 .panel-title a .fa-fusion-box.active-icon:before {
    transform: rotate(180deg);
}



.MEG_background_fag.fusion_builder_column {
    position: absolute;
    left: 0;
    bottom: -188px;
}

/* Forms */

.MEG_contact_form .fusion-form-label-wrapper,
.MEG_contact_form .fusion-column-wrapper .fusion-form-field.fusion-form-textarea-field label {
    display: none;
}

.MEG_form_row .fusion-flex-container .fusion-row .fusion-flex-column .fusion-column-wrapper:not(.fusion-flex-column-wrapper-legacy).fusion-content-layout-row {
    display: grid;
    column-gap: 36px;
    grid-template-columns: 40% 40%;
}

.MEG_configurator .fusion-form {
    position: relative;
    z-index: 1;
}

.MEG_configurator .awb-form-nav--progress {
    position: absolute;
    bottom: -12px;
    left: 0;
    z-index: 20;
    width: 100%;
}

.MEG_configurator fieldset {
    display: grid;
    column-gap: 36px;
    grid-template-columns: 30% 30% 30%;
}

.MEG_configurator .fusion-form-label-wrapper {
    display: none;
}

.MEG_configurator.fusion-form-form-wrapper .fusion-form-field .fusion-form-radio input:focus+label:before {
    border-color: #1C3433;
}

.MEG_configurator.fusion-form-form-wrapper .fusion-form-field label {
    width: 100%;
    display: block;
    z-index: 2;
    text-align: center;
}

.MEG_configurator.fusion-form-form-wrapper .fusion-form-field .fusion-form-radio label {
    padding: 26px 0 0 0;
}

.MEG_configurator.fusion-form-form-wrapper .fusion-form-field .fusion-form-radio label:before,
.MEG_configurator.fusion-form-form-wrapper .fusion-form-field .fusion-form-radio input+label:after,
.MEG_configurator.fusion-form-form-wrapper .fusion-form-field .fusion-form-radio input:checked+label:after {
    height: 88px;
    width: 100%;
    border-radius: 10px;
}

.MEG_configurator.fusion-form-form-wrapper .fusion-form-field .fusion-form-radio label:before {
    background-color: transparent;
    border-color: transparent;
}

.MEG_configurator.fusion-form-form-wrapper .fusion-form-field .fusion-form-radio input+label:after,
.MEG_configurator.fusion-form-form-wrapper .fusion-form-field .fusion-form-radio input:checked+label:after {
    background-color: rgba(106,220,140,0.2);
    left: 1px;
    z-index: -1;
}

.MEG_configurator.fusion-form-form-wrapper .fusion-form-field .fusion-form-radio input:checked+label {
    color: #fff;
}

.MEG_configurator.fusion-form-form-wrapper .fusion-form-field .fusion-form-radio input:checked+label:after {
    background-color: #1C3433;
}

.MEG_configurator .fusion-form-field .fusion-form-radio:first-child input+label:after,
.MEG_configurator .fusion-form-field .fusion-form-radio:first-child input:checked+label:after {
    color: #1C3433;
}

.MEG_configurator .icon-forward_button_icon:before {
    font-family: 'icomoon' !important;
    font-size: 26px;
    line-height: 62px;
    content: "\e91e";
}

.MEG_configurator .icon-back_button:before {
    font-family: 'icomoon' !important;
    font-size: 26px;
    line-height: 62px;
    content: "\e91d";
}

.MEG_configurator .fusion-form-field .fusion-form-radio input+label:after,
.MEG_configurator .fusion-form-field .fusion-form-radio input:checked+label:after,
.MEG_configurator .fusion-form-field .fusion-form-radio input+label:before,
.MEG_configurator .fusion-form-field .fusion-form-radio input:checked+label:before {
    font-family: 'icomoon' !important;
    font-size: 26px;
    line-height: 62px;
}

.MEG_configurator .fusion-alert .fusion-alert-content-wrapper,
.MEG_configurator .fusion-alert-content-wrapper .alert-icon{
    display: block;
}

.MEG_configurator .fusion-alert.alert-success.success,
.MEG_configurator .fusion-alert .fusion-alert-content{
    background-color: transparent;
    border: 0;
    color: unset;
    font-size: 18px;
    line-height: 21.6px;
}

.MEG_configurator .fusion-alert:not(.fusion-live-alert) .close {
    display: none;
}

.MEG_configurator .alert-icon {
    margin-bottom: 25px;
}

.MEG_configurator .awb-icon-check-circle:before {
    content: "\e90f";
    color: #fff;
    font-family: 'icomoon' !important;
    position: relative;
    top: 2px;
    background-color: transparent;
}

.MEG_configurator .awb-icon-check-circle {
    height: 55px;
    width: 55px;
    background-color: #6ADC8C;
    border: 8px solid #b3edc5;
    border-radius: 50px;
}

/* Step 1 Icons */

.MEG_step_one .fusion-form-field .fusion-form-radio:nth-child(1) input+label:after,
.MEG_step_one .fusion-form-field .fusion-form-radio:nth-child(1) input:checked+label:after,
.MEG_step_one .fusion-form-field .fusion-form-radio:nth-child(1) input+label:before,
.MEG_step_one .fusion-form-field .fusion-form-radio:nth-child(1) input:checked+label:before {
    content: "\e915";
    font-size: 28px;
}

.MEG_step_one .fusion-form-field .fusion-form-radio:nth-child(2) input+label:after,
.MEG_step_one .fusion-form-field .fusion-form-radio:nth-child(2) input:checked+label:after,
.MEG_step_one .fusion-form-field .fusion-form-radio:nth-child(2) input+label:before,
.MEG_step_one .fusion-form-field .fusion-form-radio:nth-child(2) input:checked+label:before {
    content: "\e90e";
}

.MEG_step_one .fusion-form-field .fusion-form-radio:nth-child(3) input+label:after,
.MEG_step_one .fusion-form-field .fusion-form-radio:nth-child(3) input:checked+label:after,
.MEG_step_one .fusion-form-field .fusion-form-radio:nth-child(3) input+label:before,
.MEG_step_one .fusion-form-field .fusion-form-radio:nth-child(3) input:checked+label:before {
    content: "\e900";
}

/* Step 2 Icons */

.MEG_step_two .fusion-form-field .fusion-form-radio:nth-child(1) input+label:after,
.MEG_step_two .fusion-form-field .fusion-form-radio:nth-child(1) input:checked+label:after,
.MEG_step_two .fusion-form-field .fusion-form-radio:nth-child(1) input+label:before,
.MEG_step_two .fusion-form-field .fusion-form-radio:nth-child(1) input:checked+label:before {
    content: "\e915";
    font-size: 28px;
}

.MEG_step_two .fusion-form-field .fusion-form-radio:nth-child(2) input+label:after,
.MEG_step_two .fusion-form-field .fusion-form-radio:nth-child(2) input:checked+label:after,
.MEG_step_two .fusion-form-field .fusion-form-radio:nth-child(2) input+label:before,
.MEG_step_two .fusion-form-field .fusion-form-radio:nth-child(2) input:checked+label:before {
    content: "\e914";
}

.MEG_step_two .fusion-form-field .fusion-form-radio:nth-child(3) input+label:after,
.MEG_step_two .fusion-form-field .fusion-form-radio:nth-child(3) input:checked+label:after,
.MEG_step_two .fusion-form-field .fusion-form-radio:nth-child(3) input+label:before,
.MEG_step_two .fusion-form-field .fusion-form-radio:nth-child(3) input:checked+label:before {
    content: "\e916";
}

/* Step 3 Icons */

.MEG_step_three .fusion-form-field .fusion-form-radio:nth-child(1) input+label:before {
    content: url("image/person_2.png");
}

.MEG_step_three .fusion-form-field .fusion-form-radio:nth-child(1) input:checked+label:before {
    content: url("image/person_2_white.png");
}

.MEG_step_three .fusion-form-field .fusion-form-radio:nth-child(2) input+label:before {
    content: url("image/person_4.png");
}

.MEG_step_three .fusion-form-field .fusion-form-radio:nth-child(2) input:checked+label:before {
    content: url("image/person_4_white.png");
}


.MEG_step_three .fusion-form-field .fusion-form-radio:nth-child(3) input+label:before {
    content: url("image/person_5.png");
}

.MEG_step_three .fusion-form-field .fusion-form-radio:nth-child(3) input:checked+label:before {
    content: url("image/person_5_white.png");
}

/* Step 4 Icons */

.MEG_step_four .fusion-form-field .fusion-form-radio:nth-child(1) input+label:after,
.MEG_step_four .fusion-form-field .fusion-form-radio:nth-child(1) input:checked+label:after,
.MEG_step_four .fusion-form-field .fusion-form-radio:nth-child(1) input+label:before,
.MEG_step_four .fusion-form-field .fusion-form-radio:nth-child(1) input:checked+label:before {
    content: "\e904";
}

.MEG_step_four .fusion-form-field .fusion-form-radio:nth-child(2) input+label:after,
.MEG_step_four .fusion-form-field .fusion-form-radio:nth-child(2) input:checked+label:after,
.MEG_step_four .fusion-form-field .fusion-form-radio:nth-child(2) input+label:before,
.MEG_step_four .fusion-form-field .fusion-form-radio:nth-child(2) input:checked+label:before {
    content: "\e912";
}

.MEG_configurator .MEG_step_four fieldset {
    grid-template-columns: 30% 30%;
    justify-content:center
}

/* Step 5 Icons */

.MEG_step_five .fusion-form-field .fusion-form-radio:nth-child(1) input+label:after,
.MEG_step_five .fusion-form-field .fusion-form-radio:nth-child(1) input:checked+label:after,
.MEG_step_five .fusion-form-field .fusion-form-radio:nth-child(1) input+label:before,
.MEG_step_five .fusion-form-field .fusion-form-radio:nth-child(1) input:checked+label:before {
    content: "\e90a";
}

.MEG_step_five .fusion-form-field .fusion-form-radio:nth-child(2) input+label:after,
.MEG_step_five .fusion-form-field .fusion-form-radio:nth-child(2) input:checked+label:after,
.MEG_step_five .fusion-form-field .fusion-form-radio:nth-child(2) input+label:before,
.MEG_step_five .fusion-form-field .fusion-form-radio:nth-child(2) input:checked+label:before {
    content: "\e908";
}

.MEG_configurator .MEG_step_five fieldset {
    grid-template-columns: 30% 30%;
    justify-content:center
}

.MEG_step_six .fusion-button.MEG_button {
    width: 100%;
}

.MEG_configurator .MEG_step_final .fusion-form-radio-field .fusion-form-label-wrapper {
    display: block;
}

.MEG_configurator .MEG_step_final .fusion-form-radio-field .fusion-form-label-wrapper .label {
    font-size: 16px;
}

.MEG_step_final .fusion-column-wrapper .fusion-form-field {
    margin-top: 0px !important;
    margin-bottom: 10px !important;
}

.MEG_configurator.fusion-form-form-wrapper .MEG_step_final .fusion-form-field .fusion-form-radio input:checked+label {
    color: unset;
}

.MEG_configurator.fusion-form-form-wrapper .MEG_step_final .fusion-form-field .fusion-form-radio label {
    padding: 0 0 0 1.34em;
    font-size: 16px;
}

.MEG_configurator.fusion-form-form-wrapper .MEG_step_final .fusion-form-field .fusion-form-radio input:focus+label:before {
    border-color: #b3f7c7;
}

.MEG_configurator.fusion-form-form-wrapper .MEG_step_final .fusion-form-field label {
    width: unset;
    display: unset;
    z-index: unset;
    text-align: unset;
}

.MEG_configurator.fusion-form-form-wrapper .MEG_step_final .fusion-form-field .fusion-form-radio label:before {
    height: 13px;
    width: 13px;
    border-radius: 100%;
}

.MEG_configurator.fusion-form-form-wrapper .MEG_step_final .fusion-form-field .fusion-form-radio input+label:after,
.MEG_configurator.fusion-form-form-wrapper .MEG_step_final .fusion-form-field .fusion-form-radio input:checked+label:after {
    height: 7px;
    width: 7px;
    border-radius: 100%;
    left: 4px;
    z-index: -1;
    background-color: transparent;
}

.MEG_configurator.fusion-form-form-wrapper .MEG_step_final .fusion-form-field .fusion-form-radio input:checked+label:after {
    background-color: #b3f7c7;
}

.MEG_configurator.fusion-form-form-wrapper .MEG_step_final .fusion-form-field .fusion-form-radio label:before {
    background-color: unset;
    border: 1px solid #1c2e54;
}

/* ------------ Content end------------ */

/* ------------ Footer start------------ */

.MEG_social_sharing_button {
    cursor: pointer;
}
.MEG_social_sharing.fusion-sharing-box  {
    width: auto !important;
    min-height: 35px !important;
    margin: 0 !important;
    padding: 5px !important;
    position: absolute;
    right: 0;
    bottom: 45px;
    display: none;
}

.MEG_social_sharing .sharingbox-shortcode-icon-wrapper:after {
    content: '';
    position: absolute;
    top:35px;
    left: 47%;
    width: 0;
    border: 10px solid transparent;
    border-top-color: #fff;
    border-bottom: 0;
}

/* ------------ Footer end------------ */
  

/* Mobile CSS Responsive */

/* Typo Headlines mobile */
@media (min-width: 1025px) and (max-width: 1154px) {

}
@media (min-width: 840px) and (max-width: 1025px) {

}

@media (max-width: 412px) {
    .MEG_configurator .MEG_step_one .fusion-form-field:last-child {
        margin-top: -80px !important;
    }
}

@media (max-width: 768px) {
    /* Allgemein */
    .fusion-fullwidth {
        --awb-padding-left-small: 17px !important;
        --awb-padding-right-small: 17px !important;
    }

    /* Typo mobile */

    /* Background Images */
    .MEG_background_image_warum {
        background-position: -10px 102% !important;
        background-image: url("image/Background_Vectors_left_mobile.png") !important;
        background-size: 310px !important;
        transform-style: preserve-3d;
        background-color: transparent !important;
    }
    .MEG_background_image_warum:after {
        content:'';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 70px;
        background-color: #f4f1eb;
        transform: translateZ(-1px);
    }
    .MEG_background_image_photo {
        background-position: right 740px !important;
        background-size: 310px !important;
    }
    .MEG_background_image_experte_faq:before {
        background: #efeadf !important;
    }
    .MEG_background_image_experte_faq,
    .MEG_background_image_experte_ort {
        background-image: none !important;
    }
    .MEG_background_image_kontakt {
        background-position: right 850px !important;
    }

    /* Burger */
    body .awb-menu__m-toggle {
        border: 1px solid transparent !important;
        border-radius: 8px;
    }

    /* Feaiture List Hero */
    .MEG_feature_list .fusion-li-item {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .MEG_feature_list .fusion-li-item-content {
        margin-left: 0;
        margin-inline-start: 0 !important;
        padding-left: 0;
    }

    /* Counter Boxes */
    .MEG_counter_boxes.fusion-counters-box .fusion-counter-box {
        width: 50% !important;
        clear: none !important;
        text-align: center;
        float: left;
    }
    .MEG_counter_boxes.fusion-counters-box .fusion-counter-box .counter-box-container {
        border: 0;
    }

    /* Konfigurator */
    .off-canvas-content {
        padding-top: 80px;
    }
    .off-canvas-content .fusion-fullwidth .fullwidth-box{
        margin: 0px;
        padding: 0px;
    }
    .MEG_configurator fieldset {
        column-gap: 26px;
        row-gap: 20px;
        grid-template-columns: 46% 46%;
    }
    .MEG_configurator .MEG_step_one .fusion-form-field:last-child,
    .MEG_configurator .MEG_step_two .fusion-form-field:last-child,
    .MEG_configurator .MEG_step_three .fusion-form-field:last-child {
        display: grid;
        column-gap: 26px;
        grid-template-columns: 46%;
        margin-left: calc(46% + 26px);
        margin-top: -72px;
    }
    .MEG_configurator .MEG_step_four fieldset,
    .MEG_configurator .MEG_step_five fieldset {
        grid-template-columns: 47% 47%;
    }
    .MEG_configurator.fusion-form-form-wrapper .fusion-form-field .fusion-form-radio label {
        padding: 50px 10px 10px 10px;
        font-size: 16px;
        line-height: 16px;
        hyphens: auto;
        -webkit-hyphens: auto;
    }
    .MEG_configurator .MEG_step_final .fusion-layout-column .fusion-column-wrapper {
        margin: 0;
    }
    .MEG_configurator .MEG_step_final .fusion-layout-column:nth-child(4) {
        margin-top: 76px !important;
    }
}

@media (max-width: 1080px) {
    /* Navigation */
    #menu-main-navi li.awb-menu__main-li {
        margin: 0 10px !important;
    }

    /* Vorteile */
    .MEG_flex h3 {
        display: block;
    }
    .MEG_flex h3 i {
        margin-bottom: 12px !important;
        display: block !important;
    }
}

@media (min-width: 1024px) {
    /*Form Konfigurator*/
    .MEG_form_row .fusion-column-wrapper {
        display: grid !important;
        column-gap: 14px;
        grid-template-columns: 48.5% 48.5%;
    }
}