@charset "utf-8";
/* color Basic #################################### */
:root{
--global-max-width:1500px;
--global-sidebar-width:265px;
--global-content-width:-265px;
--global-content-left-spacer:285px;
--global-color-text:#555;

--basic-color1:#c9d8f1;
--basic-color2:#233C68;
--basic-color3:#1C2E4E;
--basic-color4:#01102f;
--basic-color4-light:#c9d8f1;
--basic-color4-dark:#01102f;

--red:#c00;
--white:#fff;
--black:#000;

--light-gray1:#ddd;
--light-gray2:#f8f8f8;
--light-gray3:#eee;

--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(--basic-color1);
--global-info-color:var(--gray5);
--global-info-border:1px solid var(--basic-color1);

--global-prominent-bg:var(--light-gray2);
--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-color-h2:var(--basic-color3);
--h4-transform:uppercase;
--h4-detailbox-transform:uppercase;

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

--box-bg:var(--white);
--box-color:var(--basic-color3);
--box-border-color:3px solid var(--basic-color4);

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

--header-wrap:var(--basic-color3);
--header-top-bg:rgba(0, 0, 0, 0.3);
--header-top-color:var(--white);
--header-toptext-anzeige:block;
/* ########################### */

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

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

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

--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(--basic-color2);
--catlist-bg-hover-active-parent:var(--basic-color3);
--catlist-color-active-parent:var(--white);
--catlist-color-hover-active-parent: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(--light-gray3);
--subcatlist-border:0px solid var(--light-gray3);
--subcatlist-hover-bg:var(--light-gray2);
--subcatlist-hover-border:0px solid var(--light-gray2);
--subcatlist-spacer:0px;

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

--subcatlist-title-border:0px solid var(--black);
--subcatlist-title-border-hover:0px solid var(--light-gray3);

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

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

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

--footer-wrap-bg:var(--basic-color3);
--footer-slider-bg:var(--white);
--footer-top:rgba(0, 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--hover-link-color:var(--white);
--footer-border:1px solid var(--white);

--footer-copyright-bg:var(--basic-color4-dark);
--footer-copyright:var(--light-gray3);
}
#footer_bestseller{border-top:3px solid var(--basic-color4-dark);}
#slider_wrap{order:2;}/*3,2*/
#content_navbar_wrap{order:3;}/*3,2*/
h4:after{content:"";display:block;width:50px;background:var(--basic-color4);height:4px;margin-top:5px;}