/*Woocommerce Procuct Data Table Start*/
.woocommerce-Tabs-panel-content {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 2fr;
    padding: 30px 0px;
    margin-bottom: 100px;
}

.instructions-text-container {
    display: block;
    padding-left: 30px;

}

.instruction-title {
    height: 50px;
}
.instructions-image-container {
    height: 300px;
}

.instructions-image-container img {
    border-radius: 10px !important;
}

.instructions-tab-step-container:nth-child(even) {
    grid-template-columns: 2fr 1fr;
}

.instructions-tab-step-container:nth-child(even) .instructions-image-container {
    order: 2;
}

.instructions-tab-step-container:nth-child(even) .instructions-text-container {
    padding-left: 0;
    padding-right: 30px;
}

/*Zusätzliches CSS*/
.woocommerce-Tabs-panel {
    overflow: hidden;
}
.woocommerce-tabs ul.wc-tabs {
    padding-bottom: 20px !important;
    border-bottom: 2px solid white;
}
@media(max-width: 800px){
    .woocommerce-tabs ul.wc-tabs {
            display: grid !important;
    }
}

.woocommerce-tabs ul.wc-tabs li {
    margin: 0px -2.4px !important;
}

.additional_information_tab,
.qty_video_tab_tab,
.qty_instructions_tab_tab,
.qty_safety_notice_tab_tab,
.description_tab,
.reviews_tab {
    border: none !important;
}
.additional_information_tab a,
.qty_video_tab_tab a,
.qty_instructions_tab_tab a,
.qty_safety_notice_tab_tab a,
.description_tab a,
.reviews_tab a {
    padding: 0px !important;
    text-transform: uppercase;
    font-family: 'Prosto', sans-serif !important;
}
@media(min-width: 800px){
    .additional_information_tab a,
        .qty_video_tab_tab a,
        .qty_instructions_tab_tab a,
        .qty_safety_notice_tab_tab a,
        .description_tab a,
        .reviews_tab a {
            font-weight: 500 !important;
            font-size: 22px !important;
            margin-right: 20px !important;
        }
}
@media(max-width: 800px) {

    .additional_information_tab a,
    .qty_video_tab_tab a,
    .qty_instructions_tab_tab a,
    .qty_safety_notice_tab_tab a,
    .description_tab a,
    .reviews_tab a {
        font-weight: 500 !important;
        font-size: 22px !important;
        margin-bottom: 10px !important;
    }
}
.additional_information_tab.active a,
.qty_video_tab_tab.active a,
.qty_instructions_tab_tab.active a,
.qty_safety_notice_tab_tab.active a,
.description_tab.active a,
.reviews_tab.active a {
    color: var(--e-global-color-accent) !important;
    border: none !important;
}

.woocommerce-tabs h2 {
    font-size: 25px !important;
    color: var(--e-global-color-accent);
}


/*mobile*/


@media(max-width: 767px) {
    .instructions-tab-step-container:nth-child(even) .instructions-image-container {
        order: 1 !important;
    }

    .woocommerce-Tabs-panel-content {
        grid-template-columns: 1fr !important;
    }

    .instructions-text-container {
        display: block;
        height: 100%;
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin-top: 20px;
        order: 2;
    }

    .woocommerce-tabs ul {
        display: flex !important;
    }

    .woocommerce-tabs ul.wc-tabs li {
        margin: 0px !important;
    }
}
.woocommerce-Tabs-panel-content.instructions-tab-step-container.empty-image {
    grid-template-columns: 1fr !important;
}
.woocommerce-Tabs-panel-content.instructions-tab-step-container.empty-image .instructions-image-container {
    display: none !important;
    
}
.woocommerce-Tabs-panel-content.instructions-tab-step-container.empty-image .instructions-text-container{
    padding-left: 0px;
}
.woocommerce-Tabs-panel-content.instructions-tab-step-container.empty-image{
    margin-bottom: 0 !important;
}

/*Woocommerce Procuct Data Table End*/


/*Woocommerce: add to chart notice banner */

.wc-block-components-notice-banner.is-success>svg {
    background-color: var(--e-global-color-accent) !important;
}
.wc-block-components-notice-banner.is-success {
    background-color: var(--e-global-color-primary) !important;
    border-color: var(--e-global-color-accent) !important;
}
.wc-block-components-notice-banner__content {
    color: white !important;
}
.wc-block-components-notice-banner__content a {
    color: white !important;
    border: 1px solid white !important;
    border-radius: 50px !important;
    padding: 5px 20px !important;
    text-decoration-line: none !important;
    font-weight: 400 !important;

}