/* 
customer: farbenfreunde

colors 
	black: #424375;		<- #424375
	violet: #93117e;
	dark blue: #424375;	<- #104fb5

******************************
#333 - prüfen

******************************

*/
:root {
	--customer-color: #93117e;
	
	--body-color: #424375;
	--body-bgcolor: var(--white);
	--body-color-hover: var(--white);
	--body-bgcolor-hover: var(--body-color);
		
	--infotext-color: var(--body-color);
	--infotext-bgcolor: var(--highlight_gray);

	--header-color: var(--body-color);
	--header-input-color: var(--body-color);
	--table-head-bgcolor: var(--customer-color);
	
	--back_to_top-color: var(--body-bgcolor);
	--back_to_top-color-hover: var(--customer-color);
	--back_to_top-bgcolor:  var(--customer-color);
	--back_to_top-bgcolor-hover: var(--body-bgcolor);
	
	--link-color: #424375;
	--link-color-hover: #434748;
	
	--loader-color-sector: var(--customer-color);
	
	--highlight-bgcolor: var(--highlight_gray);
	
	--flyout-color: var(--customer-color);
	--flyout-color-hover: var(--white);	
	--flyout-bgcolor: var(--flyout-color-hover);
	--flyout-bgcolor-hover: var(--flyout-color);
	
	--flyout-lvl2-color: var(--flyout-color-hover);
	--flyout-lvl2-bgcolor: var(--flyout-color);
	--flyout-lvl2-button-border-color: var(--flyout-color-hover);
	--flyout-lvl2-button-border-color-hover: var(--flyout-color);
	
	--flyout_link: var(--white);
	--flyout_link-hover: var(--white);

	--input-fokus-color: var(--customer-color);

	--button-color: var(--white);
	--button-bgcolor: var(--customer-color);
	--button-color-hover: var(--button-bgcolor);
	--button-bgcolor-hover: var(--button-color);	
	--button-border-color: var(--button-bgcolor);
	
	--button-scroll-color: var(--white);
	--button-scroll-bgcolor: var(--customer-color);
	--button-scroll-color-hover: var(--customer-color);
	--button-scroll-bgcolor-hover: var(--white);
	--button-scroll-border-color: var(--customer-color);
	
	--button-gradient: linear-gradient(145deg, var(--lighter_gray), var(--white));
	
	--change_view-color: var(--customer-color);
	--change_view-color-hover: var(--link-color-hover);
	
	--nav-wrapper-bgcolor: transparent;
	--nav-color: var(--customer-color);
	--nav-bgcolor: var(--white);
	--nav-color-hover: var(--customer-color);
	--nav-bgcolor-hover: transparent;
	--offcanvas-bgcolor: #ccc;
	--offcanvas-border-color: var(--customer-color);
	
	--slideshow-caption-color: var(--body-color);
	--slideshow-caption-bgcolor: var(--highlight_gray);
	--slideshow-callbacks-arrow-bgcolor: var(--body-color);
	--slideshow-callbacks_tabs-bgcolor: var(--body-color);
	--slideshow-callbacks_tabs-hover-bgcolor: #b20019;
	--slideshow-callbacks_tabs-border-color: var(--body-color);
	
	--footer-color: var(--white);
	--footer-bgcolor: var(--customer-color);
	--footer-a-color: var(--white); 
	--footer-a-color-hover: var(--white);
	--footer-headline-color: var(--white);
	
	--border-color-dark: var(--body-color);
	--box-shadow-light: .2rem .2rem .4rem  var(--light_gray), -.2rem -.2rem .4rem var(--white);
	--box-shadow-strong: .3rem .3rem .3rem #555;
	--box-shadow-strong-flyout-hover: .3rem 0 .3rem #555;
	--box-shadow-nav: .2rem .2rem .2rem #666;	
	--box-shadow-error: 0 0 .3rem #c00;;

	--cookie-color: var(--body-color);
	--cookie-bgcolor: var(--body-bgcolor);
	--cookie-bgcolor-hover: var(--white); 
	--cookie-border-color: var(--customer-color);
}

@font-face {
	font-family: 'OpenSansCondensed-Light';
	src: url('fonts/custom_font/OpenSansCondensed-Light/OpenSansCondensed-Light.eot?#iefix') format('embedded-opentype'), 
				url('fonts/custom_font/OpenSansCondensed-Light/OpenSansCondensed-Light.woff') format('woff'), 
				url('fonts/custom_font/OpenSansCondensed-Light/OpenSansCondensed-Light.ttf') format('truetype'), 
				url('fonts/custom_font/OpenSansCondensed-Light/OpenSansCondensed-Light.svg#OpenSansCondensed-Light') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'PlayfairDisplay-Regular';
	src: url('fonts/custom_font/PlayfairDisplay-Regular/PlayfairDisplay-Regular.eot?#iefix') format('embedded-opentype'), 
				url('fonts/custom_font/PlayfairDisplay-Regular/PlayfairDisplay-Regular.woff') format('woff'), 
				url('fonts/custom_font/PlayfairDisplay-Regular/PlayfairDisplay-Regular.ttf') format('truetype'), 
				url('fonts/custom_font/PlayfairDisplay-Regular/PlayfairDisplay-Regular.svg#PlayfairDisplay-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

small, .small, small > a, .small > a, small > span, .small > span { font-size: 1.4rem; }
body, textarea { font-family: "OpenSansCondensed-Light", Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: "PlayfairDisplay-Regular", "Times New Roman", serif; }

main h1, main h2, main h3, main h4, main h5, main h6, h1, h2, h3, h4, h5, h6 { font-weight: bold; }

#info_text li { 
	font-size: 2rem;
	letter-spacing: 1px;
	font-weight: bold;
}

#logo { 
	background-image: url(../images/logo.jpg); 
	height: 10rem;
	background-position: left;
	transition: all 0.4s ease-in;
	-webkit-transition: all 0.4s ease-in;
}

a, address, button, caption, cite, dl dd, dl dt, figcaption, 
img, input, label, legend, li, p, 
select, span, sub, sup, textarea, time, th, td, 
table.tablesaw thead th, table.tablesaw thead td, 
.tablesaw td, .tablesaw tbody th, .font-size_reset, 
[class*="icon-"], ul, ol { font-size: 2rem; }
.border { border: none; }
span[class*="icon"] {
	color: var(--button-color);
	background-color: transparent;
}

.info_text_wrapper_up { color: var(--infotext-color); background-color: var(--infotext-bgcolor); padding: 1rem; }

/* >>> BUTTONS AND ICONS */
input[type="submit"],
button, 
.button, 
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn {
	text-align: center;
	text-decoration: none;
	font-size: 1.8rem; 
	font-weight: normal;
	transition: all 0.3s ease;
	box-shadow: var(--box-shadow-light);
	border: 1px solid var(--button-border-color);
	border-radius: 5px;
	padding: 10px 20px;
}

[class*="icon-"].button,
input[type="submit"],
button, 
.button, 
#toggle_offcanvas,
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn  { 
	color: var(--button-color);
	background: var(--button-bgcolor);	
}
#toggle_offcanvas { box-shadow: none; border-radius: 0; }
#toggle_offcanvas:hover {
	color: var(--button-color-hover);
	background: var(--button-bgcolor-hover);
}

.button span, .button span[class*="icon"],
button span, button span[class*="icon"] {
	transition: all 0.5s ease;
	color: var(--button-color);
	background-color: transparent;
}

form#AddressModification_add_action.standard button { float: none; }

[class*="icon-"].button:hover, [class*="icon-"].button:focus, [class*="icon-"].button:active,
.button:hover, .button:active, .button:focus, .button.active, 
.button:hover span, .button:active span, .button:focus span, .button.active span, 
.button:hover [class*="icon-"], .button:active [class*="icon-"], .button:focus [class*="icon-"], a.button.active [class*="icon-"],
button:hover, button:active, button:focus,
button:hover span, button:active span, button:focus span,
button:hover [class*="icon-"], button:active [class*="icon-"], button:focus [class*="icon-"],
input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus,
input[type="submit"]:hover [class*="icon-"], input[type="submit"]:active [class*="icon-"], input[type="submit"]:focus [class*="icon-"],
.tablesaw-enhanced .tablesaw-bar .btn:hover, .tablesaw-enhanced .tablesaw-bar .btn:active, .tablesaw-enhanced .tablesaw-bar .btn:focus,
.tablesaw-bar .tablesaw-advance .tablesaw-nav-btn:hover, .tablesaw-bar .tablesaw-advance .tablesaw-nav-btn:active, .tablesaw-bar .tablesaw-advance .tablesaw-nav-btn:focus {
	color: var(--button-color-hover);
	background-image: none;
	background-color: var(--button-bgcolor-hover);
	box-shadow: none;
}

.tablesaw-bar .tablesaw-advance .tablesaw-nav-btn:hover, 
.tablesaw-bar .tablesaw-advance .tablesaw-nav-btn:active, 
.tablesaw-bar .tablesaw-advance .tablesaw-nav-btn:focus { box-shadow: none!important; }

.button:hover span, .button:hover span[class*="icon"],
button:hover span, button:hover span[class*="icon"] { background-color: transparent; }
/* <<< BUTTONS AND ICONS */

/* >>> Header */
[id^="button_search"] { box-shadow: none; border: none; background-color: transparent; margin-left: 10px; }
[id^="button_search"] span[class*="icon"] { color: var(--customer-color); }
[id^="button_search"]:hover span[class*="icon"] { color: var(--body-color); }

input[type="search"], input#search_input { height: 2.8rem; color: var(--header-input-color); }

/* KANEVSKI
#ItemList_filter #search_input,
#ItemList_filter #search_input_mobil {
	border-radius: 20px;
	padding-left: 15px;
	padding-right: 15px;
	min-width: 140px;
	border: 2px solid var(--input-fokus-color);
}
*/
#ItemList_filter #search_input { height: 4rem; }

/* Container für das Suchformular */
header #ItemList_filter {
}

#search_input { transform: unset; opacity: 1; }

/* Wenn das Input sichtbar sein soll */
#search_input.show {
	transform: scaleX(1);
	opacity: 1;
	transform-origin: right; /* Animation von rechts nach links beim Einblenden */
}

/* Styling für den Button */
/* KANEVSKI #ItemList_filter .fieldset { display: unset; } */
form input[type="search"], form input#search_input { max-width: 82%; }




/* <<< Header */


/* >>> flyout menu */
#header_nav li a span { font-size: 1.6rem; }
.flyout_my_account li a { display: block; padding: 0; margin: 0; }
.flyout_my_account ul { margin-left: 0; }
.flyout_my_account li a:hover, .flyout_my_account li a:focus, .flyout_my_account li a:active {
	background: none;
	box-shadow: none;
	color: var(--flyout_link-hover);
}

[class*="flyout"] {
	background-color: var(--flyout-lvl2-bgcolor);
	color: var(--flyout-lvl2-color);
	padding: 1rem;
}

[class*="flyout"] button, [class*="flyout"] .button { box-shadow: none; border: 1px solid var(--flyout-lvl2-button-border-color); }
[class*="flyout"] button:hover { border-color: var(--flyout-lvl2-button-border-color-hover); }

[class*="flyout"] input[type="search"] { max-width: 60%; }
#header_nav .flyout_login { width: 34rem; }
[class*="flyout_"] a:hover span, [class*="flyout_"] a:hover span[class*="icon-"] { color: var(--flyout-color-hover); }
[class*="flyout"] a { color: inherit; }
/* <<< flyout menu */

#info_text { float: none!Important; padding: 0 2rem; margin:0; }
#info_text li {
	width: 33.33%;
	margin: 0;
	padding: 0px;
	letter-spacing: 1px;
}

#info_text li:nth-child(2) { text-align: center; }
#info_text li:last-child { text-align: right; padding-right: 1rem; }

/* >>> Navigationsmenu */
#navigation_wrapper, nav ul ul { background-color: var(--nav-wrapper-bgcolor); }

nav ul li ul > li.nav_active > a { font-weight: bold; }
nav > ul > li > a { color: var(--nav-color); text-transform: uppercase; }
nav > ul li a { text-shadow: none; }

.nav_active a.taphover, .nav_active .menuMainGrp_active span, .nav_active .menuGrp_active a { font-weight: normal; }

nav ul > li:hover > a,
nav ul > li:active > a,
nav ul > li:focus > a,
nav ul > li.nav_active > a { background-color: var(--nav-bgcolor-hover); color: var(--nav-color-hover); }

nav > ul li a, form[name="loginForm"] ul li a { text-decoration: none; font-weight: bold; }
nav > ul > li > a, nav > ul > li > a > span { font-size: 2.5rem; }

nav li:hover > a span, nav li:active > a span, nav li:focus > a span { color: var(--nav-color-hover); text-underline-offset: .3rem; }
nav > ul ul {
	left: 0;
	background-color: var(--nav-bgcolor); /* background(-color) for sub-level ul in navigation (includes opacity) */
	box-shadow: var(--box-shadow-nav); /* box-shadow (right/left, top/bottom, blur, color) sub-level ul in navigation */
}

nav ul li ul img { min-width: 15rem; }
nav ul li ul img,
nav ul li ul img + span { display: block; text-align: center; }
nav ul li ul li a { color: var(--nav-color); } /* text-color for hyberlinks of subentries in navigation */

nav ul li ul li:hover > a, 
nav ul li ul li:active > a, 
nav ul li ul li:focus > a,
nav ul li ul li.nav_active > a, 
nav ul li ul li:hover > a > span, 
nav ul li ul li:active > a > span,
nav ul li ul li:focus > a > span,
nav ul li ul li.nav_active > a > span {
	color: var(--nav-color-hover)!important; /* text-color for highlighted hyberlinks of subentries in navigation */
	background-color: var(--nav-bgcolor-hover);
}
ul li a:hover, ul li a:active, ul li a:focus,
ul li a:hover span[class^="icon-"], ul li a:active span[class^="icon-"], ul li a:focus span[class^="icon-"] {
	text-decoration: none;
}
li.sub_entries a:hover span { transform: translateX(.2rem); }

nav ul ul { font-size: 1rem; }
nav ul ul ul a { border-left: .1rem solid var(--border-color-dark); font-size: 1.6rem; }
nav ul ul ul ul { margin-left: 1rem; }
.large nav .taphover2 span { font-size: 1.8rem; }
.large nav ul li span[class*="icon-single_arrow"] { font-size: 1.2rem; }
/* <<< Navigationsmenu */

.withoutMenu #content_wrapper { margin-top: 0px; }
#content_wrapper [class*="box_"].highlight { padding: 4rem; max-width: 90rem; }

#navigation_wrapper, #navigation_wrapper nav, 
#inner_wrapper, footer { max-width: 100%; padding: 0 1rem;}
#navigation_wrapper nav { padding: 0; }

header { max-width: 100%; padding: 0; margin: 0 1rem; }
header p { margin-bottom: 0; }
header > a > img { width: 20rem; }
header a img { max-width: 20rem; }
header ul li:hover > a,
header ul li:active > a,
header ul li:focus > a,
[class*="flyout"] { box-shadow: var(--box-shadow-strong); }

#header_wrapper fieldset { background: none !important; }

#header_nav > li > a, #header_nav > li > a span, #header_nav > li > a span[class*="icon-"] { color: var(--flyout-color); }
#header_nav > li > a:hover, #header_nav > li > a:active, /* don't set :focus the same */
#header_nav > li > a:hover span, #header_nav > li > a:active span,
#header_nav > li > a:hover span[class*="icon-"], #header_nav > li > a:active span[class*="icon-"]{
	text-shadow: none !important;
	background-color: var(--flyout-bgcolor-hover) !important;
	color: var(--flyout-color-hover);	
}

#header_nav > li > a span[class*="icon"] { font-size: 3rem; }
#header_nav .flyout_login p { float: left; }
#header_nav .flyout_login p span { text-align: left; 	margin-bottom: .5rem; color: var(--body-color-hover); }
#header_nav .flyout_login p span[class*="icon-"] { margin-right: .2rem; }
#header_nav > li > a #quantity { color: var(--white); background-color: #c00 !important; }

#breadcrumbs li { float: left; font-size: 1rem; }
.languages li a:hover, .languages li a:active, .languages li a:focus, .languages li a.active { box-shadow: var(--box-shadow-strong); }

/* >>> box_product */
.product_wrapper { min-height: 62.5rem; margin-bottom: 1rem; }
a.box_product {
	text-decoration: none;
	box-shadow: none;
	text-align: center;
	border: .1rem solid var(--white);
	background-color: var(--white);
	height: 52rem;
}

a.box_product figure { overflow: hidden; }
a.box_product img { transition: transform 0.3s ease; }
a.box_product:hover img { transform: scale(1.1); }

a.box_product h3 { text-align: center; min-height: 3rem;  font-size: 2rem; }
.box_product .itemInfo span { font-size: 2rem; }
.box_product #strong span  {font-weight: bold;}
ul.colors li, ul.colors li div { padding: 0; }
/* <<< box_product */

.product_info_catalog .specialPrice, .product_info_catalog .specialPrice discount { color: var(--action-preis-color)!important;}
.product_info_catalog span { font-size: 2rem!important; }
.product_info_catalog #strong span {font-weight: bold;}
.product_info_catalog .price span { display: inline; }
	


/* >>> preise */
.price > span { font-size: 2rem; }
.price > span.line-through { font-size: 2.5rem; }
/* <<< preise */

ul.colors li { border: 0; }
ul.colors li a span { border-radius: 50%; padding: 0; border: .1rem solid var(--border-color-dark); }
ul.colors li a { width: 25px; padding: .2rem 0; margin: .1rem 0;}

#form_filter label, #ItemList_sortedItemList label { font-weight: bold; text-align: center; }
#form_filter div.clearfix,
#ItemList_sortedItemList div.clearfix { padding-top: 0; }

.thumbnail_scroller li a { margin: 0 .5rem; }
.thumbnail_scroller { background-color: var(--white); }
.thumbnail_scroller li a:hover, .thumbnail_scroller li a:focus, .thumbnail_scroller li a:active {
	text-decoration: underline;
}
.thumbnail_scroller img { max-width: 20rem; max-height: 20rem; }
#thumbnail_scroller_color img { max-width: 30rem; max-height: 30rem; }
.mTSButton:hover [class*="icon-"] { color: var(--white); }

#form_product_table table tr td:first-child { font-weight: bold; }
#form_product_table table td:not(:first-child) { text-align: right; }
#form_checkout_method_of_payment img, #form_checkout_mode_of_chipment main img { border: .1rem solid #eee; }

nav .close_nav span[class*="icon-"],
nav .close_nav:hover span[class*="icon-"] { color: var(--customer-color); }

/* MEGA-Menu >>>  
#main-navigation * { position: static; }
#main-navigation .clearfix, #main-navigation .clearfix ul {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}

#main-navigation ul ul {
	background-color: var(--white);
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
	color: #333333;
	display: none;
	left: 0;
	padding: 0 1%;
	position: absolute;
	top: 45px;
	width: 96%;
	z-index: 1000;
	min-height: 7rem;
}

.taphover2 span[class*="icon"] { display: none; }
#main-navigation ul ul a.taphover2 span{ font-weight: bold; }
#main-navigation ul ul ul .menuGrp { display:block; }

#main-navigation .clearfix li:hover ul { display: block; left: .5rem; }
#main-navigation .products_group a span  { 
	margin-top: 1rem; 
	margin-bottom: 1rem; 
	font-size: 1.8rem;
	font-weight: initial;
}

#main-navigation .menuGrp_active a span { font-weight: bold; }
#main-navigation .clearfix ul > li {
	display: inline-block;
	float: none;
	padding: 0px;
	vertical-align: top;
	width: 16%;
}

#main-navigation .clearfix ul > li > a {
	margin-bottom: 0px;
	text-transform: uppercase;
	padding: 0;
}
 <<< MEGA-Menu */

#viewGrid:hover, #viewRow:hover { box-shadow: .2rem .2rem .2rem var(--change_view-color-hover); }

/* footer >>> */
#footer_wrapper { 
	border-top: .1rem dotted #454440;
	margin-top: -15.5rem; 
	padding: 0 10rem;
}
#copyright {color: var(--footer-a-color)}
#copyright a, #copyright span { font-size: 1.4rem; }
footer h6 { font-size: 2.5rem; text-transform: uppercase; color: var(--footer-headline-color); }
footer a { 
	text-decoration: none; 
	font-size: 2rem;
	display: block; 
	padding: 5px; 
}

footer ul li:hover a, footer ul li:active a, footer ul li:focus a { color: var(--footer-a-color-hover); }
footer #method_of_payment li img { width: 15rem; }
/* <<< /footer */

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< END DESIGN FOR BASIC STRUCTURE */

/* HYPERLINKS >>> */
a, label > sup, small > sup,
ul li a:hover, ul li a:active, ul li a:focus,
ul li a:hover span[class^="icon-"], ul li a:active span[class^="icon-"], ul li a:focus span[class^="icon-"] {
    color: var(--body-color);
}

a.link-icon, a:hover, a:active, a:focus, 
a:hover span, a:active span, a:focus span { text-decoration: none; } /* text-decoration for :hover-/:active-/:focus-status hyperlinks */


hr {
	color: var(--body-color);
	background-color: var(--body-color);
	border-style: dotted;
}

.box.login a.link-icon { margin-bottom: .5rem; }
/* <<< HYPERLINKS END */

.box.login p.small { border-top: .1rem dotted #333; }

aside div.box h2 {
	border-top-left-radius: .9rem; /* border-top-left-radius for h2 in boxes in box-column */
	border-top-right-radius: .9rem; /* border-top-right-radius for h2 in boxes in box-column */
	text-shadow: .1rem .1rem .1rem #333; /* text-shadow for h2 in boxes in box-column */
	text-align: center; /* text-align for h2 in boxes in box-column */
}

aside div.box h3 a:hover, aside div.box h3 a:active, aside div.box h3 a:focus {
	text-decoration: underline;
}

fieldset, .highlight { background-color: var(--highlight-bgcolor);
}

input, select, textarea {
	border: .1rem solid #e8e8e8; /* border-color for all elements with borders */
}

div.box_news .fancybox {
	border: 0; /* border-color for all elements with borders */
}

/* FORMS >>> */
input, select, textarea {
	background-color: var(--white); 
	color: var(--header-input-color);
}

input:focus, select:focus, textarea:focus { border-color: var(--input-fokus-color); }

input.error, select.error, textarea.error {
	background-color: var(--white)3f3; /* default background(-color) for error-classes on text-input-elements (old browsers only) */
	background: -webkit-linear-gradient(var(--white)3f3 5%, #eee1e1 100%); /* background(-gradient) for error-classes on text-input-elements (chrome and safari only) */
	background: linear-gradient(var(--white)3f3 5%, #eee1e1 100%); /* background(-gradient) for error-classes on  text-input-elements (w3c) */
	border: var(--border-error); /* border for error-classes on text-input-elements */
}

input.error:focus, select.error:focus, textarea.error:focus {
	box-shadow: var(--box-shadow-error); /* box-shadow for pseudo-classes of error-classes on text-input-elements */
}

input[type="radio"],
input[type="checkbox"] {
	background: none;
	border-radius: 0;
	box-shadow: none;
} 

fieldset.error, label.error, label.error span {
	border-color: #c00; /* border-color error-classes on fieldsets, labels and spans inside labels) */
    color: #c00; /* text-color error-classes on fieldsets, labels and spans inside labels) */
}

#messaging_view fieldset.info span {
    font-size: 1.2rem; /* font-size for spans in fieldset with class .info on #messaging_view-page */
    line-height: 150%;
}

.box.login form label > span { color: var(--white); }
/* <<< FORMS END */

/* BUTTONS AND ICONS >>> */

#AddressModification_add_action.standard button { float: none; }

#navigation_wrapper li:hover a, #navigation_wrapper li:active a, #navigation_wrapper li:focus a { text-shadow: inherit; }

/* tablesaw >>> */
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn { padding: 1rem; float: none; }
.tablesaw td, .tablesaw tbody th { font-size: 2rem; }
.tablesaw-swipe .tablesaw-cell-persist { box-shadow: none; }

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left::before, 
.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right::before { top: 11px; left: 13px; }
.tablesaw td.text-align_right { text-align: right; }
.tablesaw td.text-align_center { text-align: center; }
.tablesaw th, .tablesaw td { padding: .3em .7em; }
#wishlist_table img, #cart_table img { width: auto; height: 100px; }
table.tablesaw thead tr.alternativeSizeRow td { font-size: 1.5rem; }
.type_b2b table.tablesaw { width: auto!important; }
#cartPage .tablesaw td, .tablesaw tbody th, .tablesaw td span, .tablesaw td a { font-size: 2rem;  }
#cartPage .tablesaw td { line-height: inherit; }
#cartPage .tablesaw .amount form { margin-left: 20%; }
#Cart_addItems th { min-width: 7rem; }
#Cart_addItems .variantListLabel { min-width: 17.5rem; }
#cartPage .table_matrix_item_info { width: 32rem; }

#wishlist_table { width: auto; }
#wishlist_table tbody td { width: auto; }
#wishlist_table tbody td a, #wishlist_table tbody td span { font-size: 2rem; }
/* <<< tablesaw */

button[class*="icon-"] {
	min-width: 3rem;
	text-align: center;
	line-height: 112%;
	font-weight: normal;
}

button [class*="icon-"] { font-weight: normal; }
.product_sizes li a { border: .1rem solid var(--border-color-dark); width: 10rem; }
.product_sizes li a:hover, .product_sizes li a:active, .product_sizes li a:focus { border-color: var(--border-color-dark); }
.product_sizes li.active a { background-color: var(--body-color); color: var(--white); }
.product_colors li span[class*="colors"] { border: .1rem solid var(--border-color-dark); }
.product_colors li span.active { font-weight: bold; }
.product_colors .stock_text { position: absolute; left: 20%; font-size: 1.4rem;}
.product_colors .stock_text.red { color: #a90329; }
.product_colors .stock_text.yellow { color: #ffcc00; }
.product_colors .stock_text.green { color: #005700; }

a[id^="submit_link_search_"] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

input[name="delete"] {
	background: -webkit-linear-gradient(#303030 0%, #000 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(#303030 0%, #000 100%); 
	border: .1rem solid var(--border-color-dark);
}

input[name="delete"]:hover, input[name="delete"]:active, input[name="delete"]:focus {
	background: -webkit-linear-gradient(#4a4a4a 0%, #303030 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(#4a4a4a 0%, #303030 100%); 
}

.message .icon-warning { color: var(--white); }
.message a[class*="icon"] { font-size: 1rem; }
/* <<< BUTTONS AND ICONS END */


/* >>> Detailansicht */
/* ThumbnailScroller */
.thumbnail_scroller .mTSWrapper { height: auto; } 
.mTSButtonUp { top: 0; }
.mTSButtonDown { top: auto; bottom: 0; }
.mz-thumb-selected img { filter: brightness(85%); }
#stockInfo span[class*="status_"] { margin-right: 0.5rem; }

[id^="thumbnailsImageScroller"] .mTSButton { 
	line-height: 35px;
	padding: 0px;
	color: var(--white);
	background-color: var(--body-color);
	opacity: .7;
}

#product_info div#pre_next { margin-bottom: 20px; }
#product_info { padding: 2%; background-color: #f9f9f9; }
#product_info .itemViewDescription {
	font-size: 3rem;
	margin-bottom: 30px;
	font-weight: bold;
	line-height: 3rem;
	margin-top: 0px;
}


#ItemView .tabcontent {
	overflow: hidden;
	border: 1px solid #ccc;
	background-color: #f9f9f9;
	width: 100%;
	display: inline-block;
	position: relative;
	margin: 50px 0;
	display: none;
	padding: 1% 2%;
	border-top: none;
}

[id^="thumbnailsImageScroller"] .mTSButton:hover { opacity: 1; }
#ItemView .tab button { display: none; }
#ItemView #description1 h3 span { font-weight: bold; }
#ItemView #itemQuality { margin-top: 15px; }
#ItemView .thumbnail_scroller li { margin: 0 1rem; max-width: 23rem;}
.b2b_itemview .itemViewDescription { font-size: 2.5rem; }
.type_b2c p.price { font-weight: bold; }
.type_b2c .price > span:last-child { float: right; font-size: xx-large; margin-right: 10%; }
.dropdown dt span[class*="status"] { margin-top: 1.5rem; margin-right: 3rem; }

.itemViewInfoText h3>span { font-size: 2rem; font-weight: bold; }
#itemViewQuality h4 { font-size: 2rem; font-weight: bold; }
#itemViewQuality label { width: 10rem; font-size: 1.6rem; }

.type_b2c #pre_next { display: none; } /* vorübergehend ausblenden, bis der Fehler korrigiert ist */ 
.message { background-image: none; }
.message.price_stock_show_hint {
	background-color: #93117e;
	border-radius: .5rem;
}
/* <<< Detailansicht */


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> TABLES */
.box.login { box-shadow: none; }
.box fieldset { border-radius: 0; }

table {
	border-style: solid; /* border-style for tables */
	border-top: none; /* border-top for tables */
	border-radius: .5rem;
}

thead, .tablesaw thead {
	border-top-left-radius: .5rem;  /* border-top-left-radius for thead */
	border-top-right-radius: .5rem; /* border-top-right-radius for thead */
	border-left: 0;
}

th, td, .tablesaw-swipe .tablesaw-cell-persist {
	border: .1rem solid #bbb; /* border for th (tablehead) and td (tablecells) */
	border-left-width: 0; /* border-left for th (tablehead) and td (tablecells) */
	border-bottom: none;  /* border-top for th (tablehead) and td (tablecells) */
}

td:first-child { border-left-width: .1rem; }
th, table.tablesaw thead th, table.tablesaw tr.pmRowHead td { font-size: 1.5rem; }
tr:first-child, th:first-child { border-left: 0; /* border-left for first th */ }
tr:first-child, th:last-child { border-right: 0; /* border-right for last th */ }
td { background-color: var(--lighter_gray); }
tr:nth-child(2n+1) td { background: rgba(230, 230, 230, .8); }
tr.message_new td { background-color: #f7fcfe; /* background(-color) for td in tr with class .message_new */ }

tr:hover td, tr:active td, tr:focus td {
	background-color: var(--white); /* background(-color) for pseudo-classes of tr (overwrites background(-color of td) */
	transition: all 0.5s;
}

tr:last-child:hover td:first-child, tr:last-child:active td:first-child, tr:last-child:focus td:first-child {
	border-bottom-left-radius: .5rem; /* border-bottom-left-radius for first td while pseudo-classes on last tr */
}

tr:last-child:hover td:last-child, tr:last-child:active td:last-child, tr:last-child:focus td:last-child {
	border-bottom-right-radius: .5rem; /* border-bottom-right-radius for last td while pseudo-classes on last tr */
}

td:last-child {
	border-right: none; /* border-right for last td (of each tr) */
}

table.no_table_head tr:first-child {
	border-top-left-radius: .5rem; /* border-top-left-radius for first tr in tables with class .no_table_head (=without tablehead) */
    border-top-right-radius: .5rem; /* border-top-right-radius for first tr in tables with class .no_table_head (=without tablehead) */
}

table.no_table_head tr:first-child td:first-child {
	border-top-left-radius: .5rem; /* border-top-left-radius for first td of first tr in tables with class .no_table_head (=without tablehead) */
}

table.no_table_head tr:first-child td:last-child {
	border-top-right-radius: .5rem; /* border-top-right-radius for last td of first tr in tables with class .no_table_head (=without tablehead) */
}

table.no_table_head tr:first-child td {
	border-top: 0; /* border-top for all td of first tr in tables with class .no_table_head (=without tablehead) */
}

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< END TABLES */

/* >>> Matrix im Warenkorb  */
#cartPage .item_head_info td { background-color: transparent; border:0; }

[id^="add_size_close_"] { color: var(--link-color); }
[id^="add_size_close_"]:hover { color: var(--link-color-hover); }
/* <<< Matrix im Warenkorb  */


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> CONTENT & MODULES */

/* >>> Startseite */

/* >>> slideshow */
.callbacks .caption { background-color: rgba(255, 255, 255, .5); }
.callbacks .caption p { color: var(--slideshow-caption-color); font-size: 2rem; }
.callbacks_nav { background-color: var(--slideshow-callbacks-arrow-bgcolor); }
.slideshow ul.callbacks_tabs li a {
	border-radius: .5rem;
	background-color: var(--slideshow-callbacks_tabs-bgcolor);
}
.slideshow ul.callbacks_tabs li a:hover, 
.slideshow ul.callbacks_tabs li a:active, 
.slideshow ul.callbacks_tabs li a:focus, 
.slideshow ul.callbacks_tabs li.callbacks_here a { background-color: var(--slideshow-callbacks_tabs-hover-bgcolor); }
/* <<< /slideshow */

.colorCatalog .thumbnail_scroller .caption p { font-size: 2.2rem; }

/* >>> Kategorie-Scroller */
/* >>> Hover-Preis-Popup in Scroller */
[id^="thumbnail_scroller_item_"] li .product_info_catalog {
	padding: .6rem .6rem .6rem .6rem !important;
	max-height: none;
	min-height: 35%;
	height: auto;
	width: 99%;
	bottom: -20%;
	background-color: var(--white_highlight);
	z-index: 750;
	text-align: left;
	white-space: normal;
	transition: all .3s ease;
	opacity: 0;	
	position: absolute;
	margin-left: 1px;
	margin-bottom: 1px;
}

[id^="thumbnail_scroller_item_"] li a:hover .product_info_catalog { bottom: 0; opacity: 1; }
[id^="thumbnail_scroller_item_"] p, [id^="thumbnail_scroller_item_"] span {
	font-size: 1.6rem;
	letter-spacing: 1px;
	padding-left: .5rem;
}
[id^="thumbnail_scroller_item_"] p span { font-size: 2.5rem; font-weight: bold; }
/* <<< Hover-Preis-Popup in Scroller */

/* <<< Kategorie-Scroller */
/* <<< Startseite */

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< END CONTENT & MODULES */

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> PAGES */


.message {
    box-shadow: 0 .2rem .2rem #333; /* box-shadow for messages */
	border-radius: 0;
}

.ui-tooltip {
	border: .2rem solid var(--white);
    color: var(--white);
    border-radius: 0.5rem;
    font-size: 1.1rem;
	font-weight: bold;
    box-shadow: var(--box-shadow-strong);
	font-family: inherit !important;
}

.ui-tooltip.error {
	background: -webkit-linear-gradient(#e00 0%, #c00 100%);
    background: linear-gradient(#e00 0%, #c00 100%);
}

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< PAGES */
#back_to_top_wrapper {
	color: var(--back_to_top-color);
	background-color: var(--back_to_top-bgcolor);
	box-shadow: .1rem .1rem .1rem #333;
	font-size: 1.3rem;
}

#back_to_top_wrapper:hover, #back_to_top_wrapper:active, #back_to_top_wrapper:focus {
	color: var(--back_to_top-color-hover);
	background-color: var(--back_to_top-bgcolor-hover);
}

a[href^="tel"] { text-decoration: none; }
a[href^="tel"]:hover, a[href^="tel"]:active, a[href^="tel"]:focus { text-decoration: underline; }


/* >>> Cart */
#cartPage button[class*="icon-"] { color: var(--button-color) }
#cartPage button:hover[class*="icon-"] { color: var(--button-color-hover); }

/* begin cart table */
#cart_table { border-bottom: .1rem solid var(--body-color); }
#cart_table td { background-color: var(--white); }
/* end cart table */

#summary {
	font-weight: bold;
	background-color: var(--white);
	border: .1rem solid var(--body-color);
}

#summary dt, #summary dd { font-size: 1.6rem; }
/* <<< Cart */

/* >>> Menu Fixed */
#top_wrapper {
	position:fixed !important;
	top:0; 
	width:100%; 
	background:var(--white); 
	z-index:100;
}

#content_wrapper.margintopone { margin-top:21rem; }
#content_wrapper.margintopone.contentjump {margin-top:25rem;}

.withoutMenu #content_wrapper.margintopone { margin-top:15.5rem; }
.withoutMenu #content_wrapper.margintopone.contentjump  { margin-top:19rem; }
/* KANEVSKI	#Cart .margintopone {margin-top:21rem;} */

.margintoptwo { margin-top:21.9rem; }
.nav-scroll { height:6rem!important; }
.scrolley { padding-bottom:0!important; margin-top:-4.5rem; }
.scrolley2 { padding-bottom:0!important; }
.scrolley .info_text_all { display:none; }

.slideshow_page #inner_wrapper.margintopthree {margin-top:30rem }
#inner_wrapper.margintopthree {margin-top:3rem }
body#CustomerList .margintopone, 
body#selectedCustomer .margintopone,
body#Cart .margintopthree {
	margin-top:0;
}


#header_wrapper {
	padding-bottom: 1rem;
	transition: all 0.4s ease-in;
	-webkit-transition: all 0.4s ease-in;
}

/* KANEVSKI
#top_wrapper #ItemList_filter {
	position: absolute;
	right: 0;
	top: 7.3rem;
	transition: all 0.4s ease-in;
	-webkit-transition: all 0.4s ease-in;
}

#top_wrapper #ItemList_filter.ItemListjump { top:9rem !important; } 
*/
/* <<< END Menu Fixed */

#category_wrapper [class*="cat_"] .box_product { height: 64rem; }
#category_wrapper .box_product { height: 56rem; margin-bottom: 1rem; }
#category_wrapper h2 { text-align: center; }
#category_wrapper h2 a { text-decoration: none }

fieldset, #summary {
	background-color: var(--white);
	border: .1rem solid var(--body-color);
}
#filter_wrapper { background-color: #e5e5e5; }

#cookie_policy {
	background-color: var(--cookie-bgcolor);
	letter-spacing: .2rem;
	color: var(--cookie-color);
	padding: 20px;
	width: 350px;
	bottom: 30px;
	left: 30px;
	border-radius: 1rem;
	border-color: var(--cookie-border-color);
}

#cookie_policy .button { 
	color: var(--button-color); 
	text-decoration: none; 	
	display: block;
	float: none;
	width: 100%;
	margin-top: 20px;
	box-shadow: none;
}
#cookie_policy .button:hover { color: var(--cookie-color-hover); }
#cookie_policy a { color: var(--cookie-color); text-decoration: underline; }
#cookie_policy a:hover, #cookie_policy a:active, #cookie_policy a:focus {
    color: var(--cookie-color);
	text-decoration: none;
	cursor: pointer;
}

#close_cookie_policy a { color: var(--cookie-bgcolor); }
#close_cookie_policy:hover, #close_cookie_policy:active, #close_cookie_policy:focus { color: var(--cookie-color); }

.close_nav a { text-align: left; }


#loader { display: none!important; }
/* >>> Free HTML */

/* <<< Free HTML */
/* .b2c_itemview .large-1 { min-width: 12rem; } */


/* Begin Media Queries for responsive Styles ----------------------------------------------------------------------- */
@media only screen and (max-width: 1451px) {
	#Cart_changeEntry_quantity + button { border-radius: .8rem; margin-top: .5rem; }
	#Cart_changeEntry_quantity,
	#Cart_changeEntry_quantity + button { width:100%; }
/*	
.b2b_itemview .itemImage, .b2c_itemview .itemImage { 
		width: 100%;
		flex-direction: row;
		align-items: flex-start;
		flex-wrap: nowrap;
		display: flex;
  }
*/	
	.product_colors .stock_text { left: 50%; }	
	#footer_wrapper { padding: 0; }
}

@media only screen and (max-width: 1024px) {
	#RegisterB2c #content_wrapper #regB2C,
	#RegisterNew #content_wrapper #regNew,
	#ContactEmail #content_wrapper #accessB2B,
	#addressModification #content_wrapper #newAddr,
	#Forgot #content_wrapper .box_login,
	#WishList #cartPage,
	#CustomerInfoOrdersTracking #table_wrapper_tableCart,
	#CustomerInfoOrders #table_wrapper_matrix { width:100%; }
	#Cash #totalValues dt { min-width: 10rem; }
	
	nav > ul > li > a, nav > ul > li > a > span { font-size: 1.8rem; text-transform: none; }
	header, #navigation_wrapper, #navigation_wrapper nav, #inner_wrapper, footer { padding: 0 1rem; }	
	#footer_wrapper { padding: 0; }
	input[type="submit"], button { padding: 1rem; }
	.tablesaw th, .tablesaw td { padding: .2em; }
	#Cart_addItems input { margin-right: .1rem; }
	
	#top_wrapper { position: initial !important;}
	#content_wrapper.margintopone.contentjump { margin-top: 0; }
	#content_wrapper.margintopone { margin-top: 0; }
	
	#cart_table thead th.quantity, #cart_table thead th.amount { width: 90px; }
	#cart_table thead th.deleteEntry{ width: 45px; }
} /* end 1024px */

@media only screen and (max-width: 1024px) and (min-width: 769px) {
	.product_wrapper { min-height: 68.5rem; }
	#category_wrapper .box_product { height: 62rem; }
}
		
@media only screen and (max-width: 768px) {	
	.product_colors .stock_text { left: 50%; }
	footer li a { line-height: inherit; }
	#header_nav > li:last-child a.link_navigation_cart div:last-child { display: block; }
	
	header, footer { padding: 0; }
	#toggle_offcanvas { top: 11px; }
	#info_text { display: block; }
	#info_text li { width: 100%; }
	#info_text li:last-child { text-align: center; padding-right: 1rem; }
	
	nav li.sub-entries a.ui-state-default { border-bottom: .1rem dotted var(--white); color: var(--white); }	
	nav ul ul li a { padding-left: 2.5rem; }
	nav > ul li a {
		border-bottom: .1rem dotted var(--white);
		border-radius: 0;
		border-left: 0;
		background: none;
	}
	
	nav ul li:last-child ul { right: 0; left: auto; }
	form input[type="search"], form input#search_input { height: 2.9rem; }
	nav > ul > li > ul { background: none; position: relative !important; }

	nav ul ul { box-shadow: none; }
	nav ul li ul li a { border-radius: 0; text-decoration: none; }	
	nav ul li ul li a:hover, nav ul li ul li a:active, nav ul li ul li a:focus { background: none; }
	nav ul ul ul a { border-radius: 0; border-left: 0; background: none; padding: .5rem 0 .5rem 1rem; }
	
	#navigation_wrapper:not(.persist_on_mobile) { height: auto; }
	a.box_product { height: 45rem; }
	.product_wrapper { min-height: auto; }
	
	th, table.tablesaw thead th { text-transform: none; font-size: 1.3rem; }
	#top_wrapper { position:relative!important; z-index:initial!important; }
	.callbacks_container { padding: 0; }
	
	#cartPage .item_head_info,
	#cartPage .table_matrix_item_info { width: 100%; }
	#cartPage #summary dl { float: initial; }
	#category_wrapper .box_product figure { min-height: auto; }
	#category_wrapper .box_product { height: auto; }	
	
	#pager a.button { margin: .3rem; }
	 
	#ItemView #thumbnailsImageScroller_verti { width: 12rem; } 
	#ItemView #thumbnailsImageScroller_verti li span { display:none; }
	
	#ItemView .tab { display: none; }
	#ItemView .tabcontent  { margin-top: 0; }
	#ItemView .tabcontent h4, #ItemView .tabcontent > p:first-of-type { display:none; }
	 	
} /* end 768px */
	
@media only screen and (max-width: 480px) { 			    
	header a > img { max-height: 7.5rem; max-width: 7.5rem; }
	form input[type="search"], form input#search_input { height: 2.8rem; }
	[class*="flyout"] form input[type="search"], [class*="flyout"] form input#search_input { max-width: 50%; } 	
	nav > ul li a { font-weight: normal; }
	.vertical nav > ul > li > a { font-size: 2rem; }
	#header_nav li a.link_navigation_cart > div { float: none; }
	.product_wrapper { min-height: 45rem; }
	.callbacks .caption { padding: 0; }
	.slideshow ul.callbacks_tabs li a { width: 1rem; height: 1rem; }
	.slideshow ul.callbacks_tabs li { padding: 0; }
	
	.type_b2b #category_wrapper { margin: .5rem !important; } 
	#category_wrapper .box_product { height: auto; }
	#category_wrapper [class*="cat_"] .box_product { height: 52rem; }
	#category_wrapper .box_product { margin-bottom: 0; }
	#category_wrapper .box_product figure { min-height: auto; }
	#ItemView #thumbnailsImageScroller_verti { width: 7rem; }
	#thumbnailsImageScroller_verti, #zoom img { max-height: 33rem !important; }
	
} /* end 480px */



/* TEST 
#category_wrapper .box_product figure { border: 1px solid black; }
#category_wrapper .box_product { border: 1px solid red; }
.product_wrapper { border: 1px solid green; }
a.box_product img { border: 1px solid blue; }
*/