@charset "utf-8";
/* color Basic #################################### */
/*
kgd_blue_1
<div style="background:#d1ddf2;"><br />#d1ddf2</div>
<div style="background:#0f377f;"><br />#0f377f</div>
<div style="background:#082453;"><br />#082453</div>
<div style="background:#03183b;"><br />#03183b</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:#555;

--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(--global-color-text);
--global-input-bg:var(--global-content-bg);
--global-input-hover-bg:var(--white);
--global-input-active-bg:var(--white);

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

--basic-color1:#d1ddf2;
--basic-color2:#0f377f;
--basic-color3:#082453;
--basic-color3-light:#082453;
--basic-color4:#03183b;
--basic-color4-light:#d1ddf2;
--basic-color4-dark:#03183b;

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

--light-gray1:#ddd;
--light-gray2:#f8f8f8;
--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(--basic-color2);

--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(--gray1);

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

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

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

--box-head-color:var(--global-color-text);
--box-head-bg:var(--white);
--box-head-border-color:1px solid var(--gray4);
--box-under-bg:var(--light-gray2);
--box-color:var(--black);
--box-border:1px solid transparent;

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

--header-wrap:var(--white);
--header-top-bg:var(--basic-color3);
--header-top-color:var(--white);
--header-top-border:1px solid var(--basic-color3);
--header-toptext-anzeige:block;
/* ########################### */

--navbar-menu:var(--white);
--navbar-menu-color:var(--gray5);
--navbar-menu-color-hover:var(--gray5);
--navbar-menu-top:1px solid var(--white);
--navbar-menu-bottom:3px solid var(--basic-color3);
--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-color3);
--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);
/* ########################### */

--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-image-bg:var(--white);
--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-image-spacer:0;

--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-color:var(--gray5);
--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(--light-gray3);

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

--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(--gray2);
--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-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-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);

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

--footer-wrap-bg:var(--white);
--footer-slider-bg:var(--white);
--footer-top:var(--basic-color3);
--footer-top-font:var(--white);
--footer-top-font-hover:var(--white);

--footer-header-color:var(--gray5);
--footer-font-color:var(--gray5);
--footer-font-color2:var(--gray5);
--footer-font-link-color:var(--gray5);
--footer-font-hover-link-color:var(--gray5);
--footer-font-hover-link-bg:var(--gray2);
--footer-border:1px solid var(--gray5);

--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);
}


#logo img{padding:5px 0;max-height:100px;}
#siegel{padding:10px;font-size:1.7rem;color:var(--basic-color3);font-style:italic;font-weight:600;}
#footer_bestseller{border-top:1px solid var(--light-gray3);}
#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;}