@charset "utf-8";
/* color Basic #################################### */
/*
kgd_red_4
<div style="background:#dedede;"><br />#dedede</div>
<div style="background:#c6c6c6;"><br />#c6c6c6</div>
<div style="background:#c00000;"><br />#c00000</div>
<div style="background:#990000;"><br />#990000</div>
<div style="background:#150000;"><br />#150000</div>

*/
:root{
--global-font:'Roboto', sans-serif;
--global-icon-font:'Font Awesome 6 Free'; 

--global-max-width:1500px;
--global-sidebar-width:265px;
--global-content-width:-265px;
--global-content-left-spacer:285px;

--global-content-bg:var(--white);
--global-color-text:#000;

--global-input-border:var(--gray2);
--global-input-focus-hover:var(--basic-color4);
--global-input-focus-border:var(--basic-color4);

--global-input-color:var(--global-color-text);
--global-input-color-active:var(--black);
--global-input-bg:var(--global-content-bg);
--global-input-hover-bg:var(--white);
--global-input-active-bg:#dadada;

--global-input-placeholder:var(--gray4);

--basic-color1:#dedede;
--basic-color2:#c6c6c6;
--basic-color3:#5C001F;
--basic-color3-light:#970838;
--basic-color4:#150000;
--basic-color4-light:#dedede;
--basic-color4-dark:#150000;

--red:#aa0039;
--white:#fff;
--black:#000;
--green:#73b558;
--yellow:var(--gray2);
--media_bg1:var(--product-info-bg);
--media_bg2:var(--white);

--light-gray1:#ddd;
--light-gray2:#f6f6f6;
--light-gray3:#eee;
--light-gray4:#efefef;
--light-gray5:#e7e7e7;

--gray1:#ddd;
--gray2:#ccc;
--gray3:#999;
--gray4:#666;
--gray5:#333;
--gray6:#222;
--gray7:#434343;
--gray8:#555;

/* ########################### */

--global-color-red:var(--red);
--global-error-bg:var(--red);
--global-error-color:var(--white);
--global-error-border:1px solid var(--red);

--global-info-bg:var(--yellow);
--global-info-color:var(--gray5);
--global-info-border:1px solid var(--yellow);

--global-prominent-bg:var(--light-gray3);
--global-prominent-color:var(--gray4);
--global-prominent-icon-color:var(--gray4);
--global-prominent-icon-bg:var(--light-gray3);

/* ########################### */

--basic-title-color-h1:var(--basic-color4);
--basic-title-align-h1:center;
--basic-title-color-h2:var(--basic-color3);
--basic-title-color-h3:var(--basic-color4);
--basic-title-color-h4:var(--basic-color3);
--basic-title-color-h5:var(--basic-color3);
--basic-title-color-h6:var(--basic-color3);
--h4-transform:uppercase;
--h4-detailbox-transform:uppercase;

--basic-border-color:var(--white);

--box-head-color:var(--basic-color3);
--box-head-bg:var(--white);
--box-head-border-color:3px solid var(--basic-color4);
--box-under-bg:var(--light-gray2);
--box-color:var(--black);
--box-border:1px solid transparent;

/* ########################### */

--header-wrap:var(--basic-color4);
--header-top-bg:rgba(0,0,0,.6);
--header-top-color:var(--white);
--header-top-border:0px solid var(--basic-color3);
--header-toptext-anzeige:block;
/* ########################### */

--navbar-menu:var(--basic-color4);
--navbar-menu-color:var(--white);
--navbar-menu-color-hover:var(--white);
--navbar-menu-top:1px solid var(--basic-color4);
--navbar-menu-bottom:1px solid var(--basic-color4);
--anzahl-bg:var(--red);

/* ########################### */

--breadcrumb_wrap:var(--white);
--breadcrumb_color:var(--gray6);
--link:var(--gray6);
--link-hover:var(--gray8);

/* ########################### */
--sidebar-border-right:1px solid var(--basic-border-color);

--catlist-bg:var(--white);
--catlist-bg-hover:var(--basic-color4);
--catlist-color:var(--gray5);
--catlist-color-hover:var(--white);
--catlist-border:1px solid var(--light-gray3);

--catlist-bg-active:var(--basic-color3);
--catlist-bg-hover-active:var(--basic-color4);
--catlist-color-active:var(--white);
--catlist-color-hover-active:var(--white);

--catlist-bg-active-parent:var(--gray3);
--catlist-bg-hover-active-parent:var(--basic-color4);
--catlist-color-active-parent:var(--white);
--catlist-color-hover-active-parent:var(--white);

--catlist2-bg:var(--light-gray2);
--catlist3-bg:var(--light-gray3);
--catlist4-bg:var(--light-gray4);
--catlist5-bg:var(--light-gray5);

--catlist2-color:var(--global-color-text);
--catlist3-color:var(--global-color-text);
--catlist4-color:var(--global-color-text);
--catlist5-color:var(--global-color-text);

--catlist2-border:var(--gray2);
--catlist3-border:var(--white);
--catlist4-border:var(--white);
--catlist5-border:var(--white);
/* ########################### */

--listingbox-bg:var(--white);
--listingbox-border:1px solid var(--white);
--listingbox-hover-bg:var(--light-gray2);
--listingbox-hover-border:1px solid var(--light-gray2);
--listingbox-spacer:0px;
--listingbox-title:var(--basic-title-color-h2);
--listingbox-title-hover:var(--gray4);

/* ########################### */

--subcatlist-bg:var(--basic-color3);
--subcatlist-image-bg:var(--white);
--subcatlist-border:0px solid var(--basic-color3);
--subcatlist-hover-bg:var(--basic-color3);
--subcatlist-hover-border:0px solid var(--basic-color3);
--subcatlist-spacer:0px;
--subcatlist-image-spacer:0;

--subcatlist-title-spacer:5px 0 0;/*0px*/
--subcatlist-title-position:relative;/*relative*/
--subcatlist-title-width:100%;/*100%*/
--subcatlist-title-bg:var(--light-gray2);
--subcatlist-title-color:var(--black);
--subcatlist-title-bg-hover:var(--basic-color3);
--subcatlist-title-hover-color:var(--white);

--subcatlist-title-border:0px solid var(--black);
--subcatlist-title-border-hover:0px solid var(--basic-color4);

/* ########################### */

--filter_bar_bg:var(--light-gray2);
--filter_bar_border:1px solid var(--light-gray2);

--price-color:var(--global-color-text);
--old-price-color:var(--gray4);
--special-price-color:var(--red);
--tax-color:var(--global-color-text);
--tax-color-hover:var(--global-color-text);

--prozess-bar:var(--gray3);
--prozess-bar-text:var(--gray3);
--prozess-bar-line:var(--gray2);
--prozess-bar-line-active:var(--gray3);
--prozess-bar-active:var(--basic-color3);
--prozess-bar-active-bg:var(--white);
--prozess-bar-bg:var(--white);
--prozess-bar-success:var(--gray3);

/* ########################### */
--button-border-radius:2px;

--basic-standard-button-bg:var(--gray3);
--basic-standard-button-bg-hover:var(--gray4);
--basic-standard-button-color:var(--white);
--basic-standard-button-color-hover:var(--white);
--basic-standard-button-border:var(--gray3);
--basic-standard-button-border-hover:var(--gray4);

--basic-button-highlight-bg:var(--basic-color3);
--basic-button-highlight-bg-hover:var(--basic-color4);
--basic-button-highlight-color:var(--white);
--basic-button-highlight-color-hover:var(--white);
--basic-button-highlight-border:var(--basic-color3);
--basic-button-highlight-border-hover:var(--basic-color4);

--basic-button-bg:var(--light-gray2);
--basic-button-bg-hover:var(--light-gray2);
--basic-button-color:var(--gray8);
--basic-button-color-hover:var(--gray6);
--basic-button-bordercolor:var(--gray2);
--basic-button-bordercolor-hover:var(--gray2);

--basic-button-light-bg:var(--white);
--basic-button-light-bg-hover:var(--white);
--basic-button-light-color:var(--gray4);
--basic-button-light-color-hover:var(--gray4);
--basic-button-light-border:var(--white);
--basic-button-light-border-hover:vvar(--white);

/* ########################### */

--footer-wrap-bg:var(--basic-color4);
--footer-slider-bg:var(--light-gray2);
--footer-top:rgba(0,0,0,.3);
--footer-top-font:var(--white);
--footer-top-font-hover:var(--white);

--footer-header-color:var(--white);
--footer-font-color:var(--white);
--footer-font-color2:var(--white);
--footer-font-link-color:var(--white);
--footer-font-active-link-bg:var(--basic-color4);/*************/
--footer-font-hover-link-color:var(--white);
--footer-font-hover-link-bg:var(--basic-color3);
--footer-border:1px solid var(--white);

--footer-copyright-bg:var(--basic-color4-dark);
--footer-copyright:var(--gray3);

--highlightbox-padding:15px 0;
--highlightbox-bg:transparent;
--highlightbox-color:var(--global-color-text);
--product-info-color:var(--global-color-text);
--product-info-bg:var(--light-gray2);
--product-info-border:1px solid var(--light-gray2);
--product-description-bg:var(--white);
--product-description-color:var(--global-color-text);
--product-description-border:1px solid var(--white);
--tab-border-color:var(--gray1);

}
#header_wrap,#footer_wrap{background-image:linear-gradient(210deg, var(--basic-color3) 0%, var(--basic-color4) 35%, var(--basic-color3) 100%) !important;}
#footer_wrap{}
#footer_bestseller{border-top:1px solid var(--light-gray3);margin-top:10px;}
#slider_wrap{order:2;}/*3,2*/
#content_navbar_wrap{order:3;}/*3,2*/
h4:after{content:"";display:block;background:var(--basic-color4);height:4px;margin-top:5px;width:50px;}