body.dark-mode .grey,
body.dark-mode header .topbar,
body.dark-mode footer{
    background-color: #1f1f1f;
    color: #eee;
}  

body.dark-mode .subheader-shop{
    background-color: rgba(31,31,31,0.15);
}

body.dark-mode .grey h1,
body.dark-mode h1,
body.dark-mode.woocommerce #reviews #comments h2,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode.woocommerce div.shop_attributes h5,
body.dark-mode.woocommerce .product_attributes h4,
body.dark-mode.woocommerce div.product .woocommerce-tabs ul.tabs li a,
body.dark-mode footer a, 
body.dark-mode footer a:link, 
body.dark-mode footer a:active, 
body.dark-mode footer a:visited{
    color: #eee;
}

body.dark-mode header nav ul li a, 
body.dark-mode header nav ul li a:link, 
body.dark-mode header nav ul li a:visited, 
body.dark-mode header nav .navigation-list a.nav-back,
body.dark-mode .product-pagination a div,
body.dark-mode.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb a:link,
body.dark-mode.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb a:visited,
body.dark-mode.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb,
body.dark-mode input[type="button"].plus, 
body.dark-mode input[type="button"].minus,
body.dark-mode.woocommerce .quantity .qty,
body.dark-mode.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,
body.dark-mode.woocommerce .woocommerce-ordering select,
body.dark-mode header .topbar a, 
body.dark-mode header .topbar a:link,
body.dark-mode header nav .navigation-list a.nav-back{
    color: #fff; 
}

body.dark-mode select option,
body.dark-mode select option:hover,
body.dark-mode select option:active,
body.dark-mode select option::selection,
body.dark-mode select option:focus,
body.dark-mode #side-menu{
    background-color: #000!important;
}

body.dark-mode a{
    transition: 250ms ease-in-out;
}

body.dark-mode .content-wrapper a:link,
body.dark-mode .content-wrapper a:visited{
    color: #0FD4DF;
}

body.dark-mode .content-wrapper a:hover, 
body.dark-mode .content-wrapper a:active, 
body.dark-mode .content-wrapper a:focus{
    color: #2eeeff;
}

body.dark-mode header .desktop-menu nav ul li ul,
body.dark-mode header#header .menu-wrapper:after,
body.dark-mode .menu-wrapper,
body.dark-mode .content-wrapper,
body.dark-mode .site-wrapper,
body.dark-mode.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg,
body.dark-mode.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
body.dark-mode.woocommerce div.product .woocommerce-tabs ul.tabs li,
body.dark-mode footer .thelastone,
body.dark-mode .canvas-products input.count,
body.dark-mode.single-product #tab-fragen p, 
body.dark-mode.single-product #tab-fragen h2{
    background-color: #000;
    color: #fff;
}

body.dark-mode .frm_style_formidable-style.with_frm_style input[type=text],
body.dark-mode .frm_style_formidable-style.with_frm_style input[type=email],
body.dark-mode .frm_style_formidable-style.with_frm_style textarea{
    background-color: #000 !important;
    color: #fff!important;
}

body.dark-mode .price-range,
body.dark-mode #side-menu img{
    color: #fff;
}

body.dark-mode .pswp__item{
    background-color: #000;
}

body.dark-mode .aroma img,
body.dark-mode .staerke-icon-wrapper img{
    filter: invert(1) brightness(1.4);
}

body.dark-mode .custom-filter{
    background-color: transparent!important;
}

body.dark-mode .attribute-beschreibung .beschreibung.short:before{
    background: linear-gradient(to bottom, rgba(31, 31, 31, 0) 1%, rgba(31, 31, 31, 0) 50%,rgba(31, 31, 31, 1) 75%, rgba(31, 31, 31, 1) 100%);
}

body.dark-mode .hamburger-inner, 
body.dark-mode .hamburger-inner::before, 
body.dark-mode .hamburger-inner::after{
    background-color: #fff;
}

body.dark-mode header .navigation-list,
body.dark-mode header nav .navigation-list a.nav-back{
    background-color: #000;
}

body.dark-mode .description-wrapper .description-single.gradient.long::before{
    background: -moz-linear-gradient(top, rgba(8, 8, 8, 0.1) 1%, rgba(4, 4, 4, 0.2) 50%, rgba(3, 3, 3, 0.2) 75%, rgba(0, 0, 0, 1) 100%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, rgba(8, 8, 8, 0.1)), color-stop(50%, rgba(4, 4, 4, 0.2)), color-stop(75%, rgba(3, 3, 3, 0.2)), color-stop(100%, rgba(0, 0, 0, 1))); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(top, rgba(8, 8, 8, 0.1) 1%, rgba(4, 4, 4, 0.2) 50%, rgba(3, 3, 3, 0.2) 75%, rgba(0, 0, 0, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top, rgba(8, 8, 8, 0.1) 1%, rgba(4, 4, 4, 0.2) 50%, rgba(3, 3, 3, 0.2) 75%, rgba(0, 0, 0, 1) 100%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(top, rgba(8, 8, 8, 0.1) 1%, rgba(4, 4, 4, 0.2) 50%, rgba(3, 3, 3, 0.2) 75%, rgba(0, 0, 0, 1) 100%); /* IE10 preview */
    background: linear-gradient(to bottom, rgba(8, 8, 8, 0.1) 1%, rgba(4, 4, 4, 0.2) 50%, rgba(3, 3, 3, 0.2) 75%, rgba(0, 0, 0, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f7f7f7', endColorstr='#ffffff', GradientType=0); /* IE6-8 */
}