/*
Theme Name: Storefront Child 02
Theme URI: https://woocommerce.com/storefront/
Template: storefront
Author: Automattic
Author URI: https://woocommerce.com/
Description: Storefront is the perfect theme for your next WooCommerce project. Designed and developed by WooCommerce Core developers, it features a bespoke integration with WooCommerce itself plus many of the most popular customer facing WooCommerce extensions. There are several layout & color options to personalise your shop, multiple widget regions, a responsive design and much more. Developers will love its lean and extensible codebase making it a joy to customize and extend. Looking for a WooCommerce theme? Look no further!
Tags: e-commerce,two-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-header,custom-menu,featured-images,full-width-template,threaded-comments,accessibility-ready,rtl-language-support,footer-widgets,sticky-post,theme-options,editor-style
Version: 3.5.0.1614954203
Updated: 2021-03-05 15:23:22

*/


#order_review{border:0;}
#order_review_heading {border-color: #d4d4d4;float:left !important;}

.woocommerce-additional-fields label[for="order_comments"]{font-size: 1.618em;font-weight: 300;}


.single-product .widget-woof {display:none;}
.woof_checkbox_count {display:none;}

.widget-woof .widget-title {font-weight: 400;}

.sidebar-link {
    display: none !important;
    font-size: 1.2em;
    margin-top: 5px;
    margin-bottom: 5px;
    display: inline-block;
}

@media (max-width: 767px) {

    .sidebar-link {
        display: block !important;
    }

}

.site-header-cart .cart-contents:after {
    color: #69c369 !important;
}

.add_to_cart_button, .single_add_to_cart_button {
    background-color: #69c369 !important;
    color: #fff;
}

.add_to_cart_button:hover, .single_add_to_cart_button:hover {
    background-color: #3fa63f !important;
    color: #fff;
}
.add_to_cart_button:focus, .single_add_to_cart_button:focus
{
    outline-color: #3fa63f !important;
}


/* ###### Header Bar ###### */
.slider-wrapper-header {
    position: relative;
    overflow: hidden;
    background: #dd9933;
    color: #fff;
}
.slider-wrapper-header .slides-container {
    height: auto;
    width: 100%;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: scroll;
    scroll-behavior: smooth;
}
.slider-wrapper-header .slide {
    width: 100%;
    height: 100%;
    flex: 1 0 100%;
    text-align: center;
    padding: 3px;
    font-size: .875em;
}
.slider-wrapper-header .slides-container {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
}
/* WebKit */
.slider-wrapper-header .slides-container::-webkit-scrollbar { 
    width: 0;
    height: 0;
}
@media screen and (min-width: 1100px) {
    .slider-wrapper-header .slide {
      width: auto;
      flex: auto;
    }
}
/* ###### Header Bar ###### */

/* ###### Empfehlungen Slider ###### */
.empfehlungen {
    text-align: center;
}
.empfehlungen h2 {
    margin-bottom: 40px;
}
.tns-nav > button {
    position: relative;
    background: none;
    padding: 10px;
    margin: 5px;
}
.tns-nav {
    text-align: center;
    margin: 20px 0 50px 0;
}
.tns-nav > button:before {
        content: "";
        position: absolute;
        top: 3px;
        left: 3px;
        right: 3px;
        bottom: 3px;
        background: #e9e9e9;
        border-radius: 50%;
}
.tns-nav > button:focus {
    outline: none !important;
}
.tns-nav > .tns-nav-active:before {
    background: #9e9e9e;
}
.tns-outer {
    margin-top: 30px;
}
.slider-item-content {
    border: 1px solid #e9e9e9;
    padding: 20px;
    text-align: center;
    font-style: italic;
    font-size: 1.1rem;
}
.slider-item-content > span {
    display: block;    
    font-size: 3rem;
    font-weight: bold;
}
.slider-item-content > span:first-of-type {
    line-height: 2rem;
}
/* ###### Empfehlungen Slider ###### */

/* ###### Menu image ###### */
.sub-menu img.menu-image-title-after {
    float: left;
    width: 50px;
    max-height: 50px;
    border-radius: 3px;
    padding: 0;
    margin-right: 0 !important;
    display: inline-block;
}
.sub-menu span.menu-image-title-after {
    display: inline-block;
    width: calc(100% - 50px);
}
.handheld-navigation ul.menu .sub-menu {
    display: none;
}
.handheld-navigation ul.menu .sub-menu.toggled-on {
    display: block;
}
.sub-menu > li::after {
    content: " ";
    clear: both;
    display: block;
}
.sub-menu > li > a.menu-image-title-after {
    display: flex;
    align-items: center;
}
@media (min-width: 768px){}
    .main-navigation ul ul li a {
        width: 240px;
    }
}
/* ###### Menu image ###### */