/*
 Theme Name:   Divi Child
 Theme URI:    https://pos-webshop.de/
 Description:  A child theme for the Divi theme.
 Author:       Your Name
 Author URI:   https://pos-webshop.de/
 Template:     Divi
 Version:      1.0
*/

/* Import the parent theme's styles */
@import url("../Divi/style.css");

/* 2.1.8 - Preloader */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff; /* Hintergrundfarbe */
    z-index: 99999; /* Immer über allen Inhalten */
    display: flex;
    justify-content: center;
    align-items: center;
}

.spinner {
    width: 50px;
    height: 50px;
    border: 5px solid rgba(0, 0, 0, 0.1);
    border-top-color: #09cc09; /* Farbe des Loaders */
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

body,.et_pb_column_1_2 .et_quote_content blockquote cite,.et_pb_column_1_2 .et_link_content a.et_link_main_url,.et_pb_column_1_3 .et_quote_content blockquote cite,.et_pb_column_3_8 .et_quote_content blockquote cite,.et_pb_column_1_4 .et_quote_content blockquote cite,.et_pb_blog_grid .et_quote_content blockquote cite,.et_pb_column_1_3 .et_link_content a.et_link_main_url,.et_pb_column_3_8 .et_link_content a.et_link_main_url,.et_pb_column_1_4 .et_link_content a.et_link_main_url,.et_pb_blog_grid .et_link_content a.et_link_main_url,body .et_pb_bg_layout_light .et_pb_post p,body .et_pb_bg_layout_dark .et_pb_post p {
    font-size: 15px
}

.et_pb_slide_content,.et_pb_best_value {
    font-size: 17px
}

body,.et_pb_column_1_2 .et_quote_content blockquote cite,.et_pb_column_1_2 .et_link_content a.et_link_main_url,.et_pb_column_1_3 .et_quote_content blockquote cite,.et_pb_column_3_8 .et_quote_content blockquote cite,.et_pb_column_1_4 .et_quote_content blockquote cite,.et_pb_blog_grid .et_quote_content blockquote cite,.et_pb_column_1_3 .et_link_content a.et_link_main_url,.et_pb_column_3_8 .et_link_content a.et_link_main_url,.et_pb_column_1_4 .et_link_content a.et_link_main_url,.et_pb_blog_grid .et_link_content a.et_link_main_url,body .et_pb_bg_layout_light .et_pb_post p,body .et_pb_bg_layout_dark .et_pb_post p {
    font-weight: 400
}

.et_pb_slide_content,.et_pb_best_value {
    font-weight: 400
}

.woocommerce #respond input#submit,.woocommerce-page #respond input#submit,.woocommerce #content input.button,.woocommerce-page #content input.button,.woocommerce-message,.woocommerce-error,.woocommerce-info {
    background: #09cc09!important
}

#et_search_icon:hover,.mobile_menu_bar:before,.mobile_menu_bar:after,.et_toggle_slide_menu:after,.et-social-icon a:hover,.et_pb_sum,.et_pb_pricing li a,.et_pb_pricing_table_button,.et_overlay:before,.entry-summary p.price ins,.woocommerce div.product span.price,.woocommerce-page div.product span.price,.woocommerce #content div.product span.price,.woocommerce-page #content div.product span.price,.woocommerce div.product p.price,.woocommerce-page div.product p.price,.woocommerce #content div.product p.price,.woocommerce-page #content div.product p.price,.et_pb_member_social_links a:hover,.woocommerce .star-rating span:before,.woocommerce-page .star-rating span:before,.et_pb_widget li a:hover,.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active,.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.active,.et_pb_gallery .et_pb_gallery_pagination ul li a.active,.wp-pagenavi span.current,.wp-pagenavi a:hover,.nav-single a,.tagged_as a,.posted_in a {
    color: #09cc09
}

.et_pb_contact_submit,.et_password_protected_form .et_submit_button,.et_pb_bg_layout_light .et_pb_newsletter_button,.comment-reply-link,.form-submit .et_pb_button,.et_pb_bg_layout_light .et_pb_promo_button,.et_pb_bg_layout_light .et_pb_more_button,.woocommerce a.button.alt,.woocommerce-page a.button.alt,.woocommerce button.button.alt,.woocommerce button.button.alt.disabled,.woocommerce-page button.button.alt,.woocommerce-page button.button.alt.disabled,.woocommerce input.button.alt,.woocommerce-page input.button.alt,.woocommerce #respond input#submit.alt,.woocommerce-page #respond input#submit.alt,.woocommerce #content input.button.alt,.woocommerce-page #content input.button.alt,.woocommerce a.button,.woocommerce-page a.button,.woocommerce button.button,.woocommerce-page button.button,.woocommerce input.button,.woocommerce-page input.button,.et_pb_contact p input[type="checkbox"]:checked+label i:before,.et_pb_bg_layout_light.et_pb_module.et_pb_button {
    color: #09cc09
}

.footer-widget h4 {
    color: #09cc09
}

.et-search-form,.nav li ul,.et_mobile_menu,.footer-widget li:before,.et_pb_pricing li:before,blockquote {
    border-color: #09cc09
}

.et_pb_counter_amount,.et_pb_featured_table .et_pb_pricing_heading,.et_quote_content,.et_link_content,.et_audio_content,.et_pb_post_slider.et_pb_bg_layout_dark,.et_slide_in_menu_container,.et_pb_contact p input[type="radio"]:checked+label i:before {
    background-color: #09cc09
}

a {
    color: #09cc09
}

.et_secondary_nav_enabled #page-container #top-header {
    background-color: #171717!important
}

#et-secondary-nav li ul {
    background-color: #171717
}

#top-header,#top-header a {
    color: #09cc09
}

.et_header_style_centered .mobile_nav .select_page,.et_header_style_split .mobile_nav .select_page,.et_nav_text_color_light #top-menu>li>a,.et_nav_text_color_dark #top-menu>li>a,#top-menu a,.et_mobile_menu li a,.et_nav_text_color_light .et_mobile_menu li a,.et_nav_text_color_dark .et_mobile_menu li a,#et_search_icon:before,.et_search_form_container input,span.et_close_search_field:after,#et-top-navigation .et-cart-info {
    color: #000000
}

.et_search_form_container input::-moz-placeholder {
    color: #000000
}

.et_search_form_container input::-webkit-input-placeholder {
    color: #000000
}

.et_search_form_container input:-ms-input-placeholder {
    color: #000000
}

#top-header,#top-header a,#et-secondary-nav li li a,#top-header .et-social-icon a:before {
    font-size: 15px
}

#top-menu li a {
    font-size: 17px
}

body.et_vertical_nav .container.et_search_form_container .et-search-form input {
    font-size: 17px!important
}

#top-menu li a,.et_search_form_container input {
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none
}

.et_search_form_container input::-moz-placeholder {
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none
}

.et_search_form_container input::-webkit-input-placeholder {
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none
}

.et_search_form_container input:-ms-input-placeholder {
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none
}

#top-menu li.current-menu-ancestor>a,#top-menu li.current-menu-item>a,#top-menu li.current_page_item>a {
    color: #09cc09
}

#main-footer .footer-widget h4,#main-footer .widget_block h1,#main-footer .widget_block h2,#main-footer .widget_block h3,#main-footer .widget_block h4,#main-footer .widget_block h5,#main-footer .widget_block h6 {
    color: #09cc09
}

.footer-widget li:before {
    border-color: #09cc09
}

#footer-widgets .footer-widget li:before {
    top: 9.75px
}

.bottom-nav,.bottom-nav a,.bottom-nav li.current-menu-item a {
    color: #09cc09
}

#et-footer-nav .bottom-nav li.current-menu-item a {
    color: #09cc09
}

@media only screen and (min-width: 981px) {
    .et_header_style_left #et-top-navigation,.et_header_style_split #et-top-navigation {
        padding:100px 0 0 0
    }

    .et_header_style_left #et-top-navigation nav>ul>li>a,.et_header_style_split #et-top-navigation nav>ul>li>a {
        padding-bottom: 100px
    }

    .et_header_style_split .centered-inline-logo-wrap {
        width: 199px;
        margin: -199px 0
    }

    .et_header_style_split .centered-inline-logo-wrap #logo {
        max-height: 199px
    }

    .et_pb_svg_logo.et_header_style_split .centered-inline-logo-wrap #logo {
        height: 199px
    }

    .et_header_style_centered #top-menu>li>a {
        padding-bottom: 36px
    }

    .et_header_style_slide #et-top-navigation,.et_header_style_fullscreen #et-top-navigation {
        padding: 91px 0 91px 0!important
    }

    .et_header_style_centered #main-header .logo_container {
        height: 199px
    }

    #logo {
        max-height: 70%
    }

    .et_pb_svg_logo #logo {
        height: 70%
    }

    .et_header_style_centered.et_hide_primary_logo #main-header:not(.et-fixed-header) .logo_container,.et_header_style_centered.et_hide_fixed_logo #main-header.et-fixed-header .logo_container {
        height: 35.82px
    }

    .et_header_style_left .et-fixed-header #et-top-navigation,.et_header_style_split .et-fixed-header #et-top-navigation {
        padding: 24px 0 0 0
    }

    .et_header_style_left .et-fixed-header #et-top-navigation nav>ul>li>a,.et_header_style_split .et-fixed-header #et-top-navigation nav>ul>li>a {
        padding-bottom: 24px
    }

    .et_header_style_centered header#main-header.et-fixed-header .logo_container {
        height: 48px
    }

    .et_header_style_split #main-header.et-fixed-header .centered-inline-logo-wrap {
        width: 48px;
        margin: -48px 0
    }

    .et_header_style_split .et-fixed-header .centered-inline-logo-wrap #logo {
        max-height: 48px
    }

    .et_pb_svg_logo.et_header_style_split .et-fixed-header .centered-inline-logo-wrap #logo {
        height: 48px
    }

    .et_header_style_slide .et-fixed-header #et-top-navigation,.et_header_style_fullscreen .et-fixed-header #et-top-navigation {
        padding: 15px 0 15px 0!important
    }

    .et_fixed_nav #page-container .et-fixed-header#top-header {
        background-color: #171717!important
    }

    .et_fixed_nav #page-container .et-fixed-header#top-header #et-secondary-nav li ul {
        background-color: #171717
    }

    .et-fixed-header #top-menu a,.et-fixed-header #et_search_icon:before,.et-fixed-header #et_top_search .et-search-form input,.et-fixed-header .et_search_form_container input,.et-fixed-header .et_close_search_field:after,.et-fixed-header #et-top-navigation .et-cart-info {
        color: #000000!important
    }

    .et-fixed-header .et_search_form_container input::-moz-placeholder {
        color: #000000!important
    }

    .et-fixed-header .et_search_form_container input::-webkit-input-placeholder {
        color: #000000!important
    }

    .et-fixed-header .et_search_form_container input:-ms-input-placeholder {
        color: #000000!important
    }

    .et-fixed-header #top-menu li.current-menu-ancestor>a,.et-fixed-header #top-menu li.current-menu-item>a,.et-fixed-header #top-menu li.current_page_item>a {
        color: #09cc09!important
    }

    .et-fixed-header#top-header a {
        color: #09cc09
    }
}

@media only screen and (min-width: 1350px) {
    .et_pb_row {
        padding:27px 0
    }

    .et_pb_section {
        padding: 54px 0
    }

    .single.et_pb_pagebuilder_layout.et_full_width_page .et_post_meta_wrapper {
        padding-top: 81px
    }

    .et_pb_fullwidth_section {
        padding: 0
    }
}

h1,h1.et_pb_contact_main_title,.et_pb_title_container h1 {
    font-weight: 400
}

h2,.product .related h2,.et_pb_column_1_2 .et_quote_content blockquote p {
    font-weight: 400
}

h3 {
    font-weight: 400
}

h4,.et_pb_circle_counter h3,.et_pb_number_counter h3,.et_pb_column_1_3 .et_pb_post h2,.et_pb_column_1_4 .et_pb_post h2,.et_pb_blog_grid h2,.et_pb_column_1_3 .et_quote_content blockquote p,.et_pb_column_3_8 .et_quote_content blockquote p,.et_pb_column_1_4 .et_quote_content blockquote p,.et_pb_blog_grid .et_quote_content blockquote p,.et_pb_column_1_3 .et_link_content h2,.et_pb_column_3_8 .et_link_content h2,.et_pb_column_1_4 .et_link_content h2,.et_pb_blog_grid .et_link_content h2,.et_pb_column_1_3 .et_audio_content h2,.et_pb_column_3_8 .et_audio_content h2,.et_pb_column_1_4 .et_audio_content h2,.et_pb_blog_grid .et_audio_content h2,.et_pb_column_3_8 .et_pb_audio_module_content h2,.et_pb_column_1_3 .et_pb_audio_module_content h2,.et_pb_gallery_grid .et_pb_gallery_item h3,.et_pb_portfolio_grid .et_pb_portfolio_item h2,.et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2 {
    font-weight: 400
}

h5 {
    font-weight: 400
}

h6 {
    font-weight: 400
}

.et_pb_slide_description .et_pb_slide_title {
    font-weight: 400
}

.woocommerce ul.products li.product h3,.woocommerce-page ul.products li.product h3,.et_pb_gallery_grid .et_pb_gallery_item h3,.et_pb_portfolio_grid .et_pb_portfolio_item h2,.et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2,.et_pb_column_1_4 .et_pb_audio_module_content h2 {
    font-weight: 400
}

h1,h2,h3,h4,h5,h6 {
    font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif
}

body,input,textarea,select {
    font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif
}

#main-header,#et-top-navigation {
    font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif
}

#top-header .container {
    font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif
}

.wpcf7 {
    font-family: 'Roboto',sans-serif;
    color: #333;
    max-width: 700px;
    margin: 0 auto
}

.wpcf7 input[type="text"],.wpcf7 input[type="email"],.wpcf7 input[type="tel"],.wpcf7 input[type="date"],.wpcf7 textarea,.wpcf7 select {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px
}

.wpcf7 label {
    font-weight: bold;
    margin-bottom: 5px;
    display: block
}

.wpcf7 input[type="submit"] {
    background-color: #09cc09;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px
}

@media (max-width: 767px) {
    .wpcf7 {
        max-width:90%
    }

    .wpcf7 input[type="text"],.wpcf7 input[type="email"],.wpcf7 input[type="tel"],.wpcf7 input[type="date"],.wpcf7 textarea,.wpcf7 select {
        font-size: 14px;
        padding: 8px
    }

    .anschrift {
        display: none!important
    }
}

.woocommerce span.onsale,.woocommerce-page span.onsale {
    z-index: 2;
    background: #09cc09!important
}

.woocommerce-message,.woocommerce-error,.woocommerce-info {
    font-size: 14px!important
}

.woocommerce button.button.alt,.woocommerce-page button.button.alt,.woocommerce button.button,.woocommerce-page button.button,.woocommerce button.button.alt:hover,.woocommerce-page button.button.alt:hover,.woocommerce-page button.button.alt:hover,.woocommerce button.button,.woocommerce-page button.button:hover {
    color: #09cc09!important
}

.woocommerce button.button, .woocommerce-page button.button, .woocommerce button.button {
    color: #09cc09 !important;
}

.et_pb_shop_0 span.onsale {
    background-color: #09cc09 !important;
}

.woocommerce a.button, .woocommerce-page a.button, .woocommerce a.button:hover, .woocommerce-page a.button:hover {
    color: #09cc09 !important;
}

input[type="checkbox"] {
  accent-color: #09cc09!important;
}

input[type="radio"] {
  accent-color: #09cc09!important;
}

ul.payment_methods.methods {
    width: 15%!important;
}