/*@import url('jquery.rating.css');*/
@import url('pgallery.css');

div#main-picture div#gallerywrapper { position:absolute; }
#product-picture div#gallerywrapper { position:absolute; z-index:0; }
div#gallerywrapper .items { background:rgba(255,255,255,1); }

#main-picture div#gallerywrapper .items div { vertical-align:top; }
#gallerywrapper #more-pics { position:fixed; left:20px;top:20px; width:140px; z-index:100; }
#gallerywrapper div#more-pics div { width:110px; }
#main-picture #gallerywrapper a.nav { display:none; }
#main-picture #gallerywrapper { max-height:600px; }

h3 { text-align:left;font-size: 1.2em; font-weight:500; line-height: 1.7em;}
h2 {font-size:1.4em;margin: 10px 0 0;	line-height: 1.2em;	text-align: left; font-weight:600;}

#product-wrapper		{ float:left; position:relative; margin:0 0 0 0; width:100%; padding:20px 0; }

#payicons { float:left; width:100%; text-align:left; margin-top:20px; }
#payicons img { max-height:20px; margin:5px; }
#payicons  small { display:block; width:100%; font-style:italic; line-height:1.0em;  font-size:0.7em; }

h1.fn{ color: #555; font-size: 1.6em;  line-height:1.0; margin: 0 0 0em 0; font-family: 'Maven Pro', sans-serif; font-weight: 500; } 

#content-left  		{ float:left;   margin:0 0 0 0; width:65%; max-width:610px;  }
#content-right 		{ float:right; margin: 0 0 0 0; width:calc(100% - 650px); }
.product-details	{ float:left; width:50%;}
#specials 				{ float:right; border-radius:3px; border:0px solid #ccc; height:100%;  padding:1%; width:100%; margin-top:20px; display:flex; flex-wrap:wrap;  }
#hback		  		 	{ float:left; width:100%; height:80px; margin-top:10px; }
#hback img         	{ margin-left:0px; }
span.new	   			{ position:absolute; padding:4px 10px 4px 10px; top:0; left:0; text-align:center; background:#957460; color:#fff;z-index:1; }

#product-picture					{ float:left; width:95%;  text-align:center; position:relative;  }
	
#main-picture 		 				{ float:left; width:100%; height:100%; overflow:hidden; text-align:left;  position:relative; margin:0 0 0; padding:0 0 0 0 ; box-sizing:border-box;}
#mainpic								{  max-height:600px; }
#main-picture img.photo		{ position:relative; z-index:-1; left:-100%; border:none;} 
/*.image-tab {
	height:auto!important;
	width:auto!important;
	max-width: 65%!important;
	max-height: 100vh!important;
}*/

	
#fullscreen 							{ display:block; width:40px; height:40px; line-height:40px; position:absolute; top:5px; right:5px; z-index:1; cursor:pointer; transition:all ease 0.3s; background:#fff; text-align:center; box-shadow:0 0 3px #555; border-radius:3px;}	
/*#fullscreen i	{	position: absolute; left: 0; top: 0; }*/

/* #fullscreen .fa-expand::before  { content:''} */



#more-pics-wrapper				{ height:80px; width:100%; overflow:hidden; bottom:0; left:0;  top:unset !important; z-index:1; position:relative; display:none;  }
#more-pics 		 							{ width:100%;  background:none; margin:0px auto; box-sizing:border-box; border:0px solid #eee; padding:0; position:absolute;  z-index:0; }	
.more-pics-vertical span	 		{ float:left; width:100%; min-width:80px; max-height:80px;  height:auto; overflow:hidden; margin:0 0 4% 0; padding:0; background:#fff; border:0px solid #ccc;}
.more-pics-horizontal span	{ float:left; height:100%; width:auto; overflow:hidden; margin:0; padding:0; background:#fff; border:0px solid #ccc;}
#more-pics Img 		 				{ margin: 0 auto 0 auto; max-height:80px; width:100%; height:auto; border:2px tranparent !important; }

.more-pics-horizontal				{ position:absolute; height:80px; max-height:80px; overflow:hidden; bottom:0; left:0;  top:unset !important; z-index:100; background:none; }
.more-pics-horizontal	.items	{ position:absolute; left:0; top:0; width:2000em; height:100%; background:none; }
	
#more-pics-wrapper .browse { display:block; height:100%; padding:15px;  background:rgba(255,255,255,0.8); box-shadow: 1px 1px 5px #c0c0c0; z-index:20; }
#more-pics-wrapper .browse.pressed { box-shadow: 1px 1px 15px #c0c0c0; background:rgba(255,255,255,1.0); }
#more-pics-wrapper .browse:before { position:absolute; top:50%; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); }
#more-pics-wrapper .prev	{ position:absolute; left:0; top:0; z-index:1;}
#more-pics-wrapper .next	{ position:absolute; right:0; top:0; z-index:1; }
	
.more-pics-vertical					{ height:100% !important;  width:80px !important; overflow:hidden; position:absolute; left:0 !important; top:0 !important; }
.more-pics-vertical .items		{ position:absolute; left:0; top:0; width:100%; height:2000em; background:none; }
.more-pics-vertical  span:first-child { margin-top:30px;}
.more-pics-vertical a.prev		{ position:absolute; left:0; top:0; z-index:1; width:100%;  height:30px; margin:0; background:rgba(255,255,255, 1.0); color:#957460;  cursor:pointer;}
.more-pics-vertical a.next		{ position:absolute; left:0; bottom:0; z-index:1; width:100%; height:30px; background:rgba(255,255,255, 1.0); color:#957460; cursor:pointer; }
.more-pics-vertical a.prev:hover, .more-pics-vertical a.next:hover { background:#957460;  color:#fff; }
.more-pics-vertical a.prev:before		{ content: "\f077"; font-size:15px; }
.more-pics-vertical a.next:before		{ content: "\f078";  font-size:15px; }

#more-pics .productimg { float:left; width:80px; position:relative; margin:0 5px 0 5px;} 
#more-pics .thumb-selected { border-bottom: 2px solid #957460; }

#more-pics .playbutton { display:block; width:100%; height:100% !important; position:absolute; z-index:1; top:0; left:0; background: rgba(255,255,255, .4); }
#more-pics .playbutton .play-text { background:rgba(0,0,0,0.8); border-radius:50%; height:24px !important; width:24px !important; padding:16px;  position:absolute; top:calc(50% - 12px); left:calc(50% - 12px); display:block; box-shadow: 0px 0px 10px #ccc; }
#more-pics .playbutton .play-text::after { content:"\f04b"; font-family:FontAwesome; color:#fff; position:absolute; left:12px; top: 3px; font-size:13px; }


#ordfrmwrp { order:0; }
div#price-wrapper { float:right; width:50%; overflow:hidden; background:none;	text-align:left; padding:0 50px; margin:30px 0 20px; background:none; order:1; }
#price-wrapper span.strike { text-decoration: line-through;color: #c0c0c0;font-size: 0.8em;font-weight: 300;width: 100%;  }		
#price-wrapper small  { font-size:0.7em;}
#price-wrapper small a { font-weight:normal; }
#price-wrapper small a:hover { text-decoration: underline; }
				
span.netto, span.pricetext { float:left; width:100%; }
span.pricetext, span.price_ad {	float:left; width:100%;  font-size:1.7em;font-weight:500;}
span.smaller { float:left; display:block; width:60px; font-size:16px; text-align:left; text-indent:0px;  }
		
div.zusatz { float:left; width:120px; height:50px; color:#f0f0f0; font-size:10px; position:relative;top:10px; font-style:italic; }
span.green { color: #94BF27; }
span.single_price { float:left; margin-top:5px; font-style:italic; font-size:0.9em; }

span.fill-unit { font-size:0.5em; margin-left:0px;}
.fill-unit:before { content:"/"; margin:0 5px 0 5px; }

span.baseprice { font-size:0.8em; }

span.stock { color:green; font-size:0.8em; }
.stock:before { display:inline-block; content:" ";  background: linear-gradient(rgb(153, 204, 51), green); width:14px; height:14px;border-radius:50%; margin-right:5px; box-shadow:0 0 2px #555;  position:relative; top:2px; }
	

.shipping-info { float:right; margin-top:-7px; width:100%; line-height:1.0em; }

  div.orderfrm-wrapper {float:left; width:100%; padding:0; margin:3px 0; font-size:0.95em; line-height:1em;}
    .orderfrm-wrapper ul 		{  float:right; padding:0; margin:0; list-style:none; width:100%; }
    .orderfrm-wrapper ul li 	{  float:right; width:100%;  padding:0px; margin:3px 0; }
	div.delivery, #selvariants ul li:last-child { margin:15px 0 3px; }
	div.delivery { float:left;  line-height:1; }
	
	.orderfrm-wrapper ul li.select-button, .orderfrm-wrapper ul li.dropdown 				 { float:left; width:100%;  position:relative; overflow-y:auto; }
	
	.orderfrm-wrapper ul li.select-button ul.items  	{ list-style-type:none; margin:0; padding:0; background:none; height:100% !important; }
	.orderfrm-wrapper ul li.select-button ul li  		 { list-style-type:none; margin:0; padding:0; float:left; width:auto !important;  height:100%; display:inline; }
		
	
	.select-button input, .dropdown input { display:none; }
	.select-button .variants 	{ display:inline-block;  padding:10px; font-weight:500; cursor:pointer; text-align:center; position:relative;  background:#fafafa; border:1px solid #cacaca; margin:0 2px 0 2px; font-size:16px;}
	.select-button .variants .stock { position:relative !important; left:0px; top:-3px; margin-left:8px; }
		.select-button .vimg .variants .stock { position:absolute !important; left:0px; top:94px; margin-left:5px; }
	
	.select-button .variants .stock:before { width:8px; height:8px; box-shadow:none; }
	
	
	
	.dropdown .variants 	{ display:block;  padding:12px; border-right:1px solid #c0c0c0; font-weight:500; cursor:pointer; text-align:center; position:relative;  background:#fff; margin:0 2px 0 2px; }
	.orderfrm-wrapper ul li.select-button ul li.last .variants {  }
	
	.select-button .variants img { max-width:80px; max-height:80px; }
	.select-button .variants .pixel { display:block; width:30px; height:30px; margin:0 auto 0 auto; box-shadow: 1px 1px 5px #c0c0c0; }
	.select-button .variants small { display:block;  font-size:0.7em; }
	
	.select-button .selected .variants { display:inline-block; border:1px solid #957460;  background:#957460; color:#fff; box-shadow: 1px 1px 5px#957460; }
	.select-button .selected .variants::before { font-family:'FontAwesome'; content: "\f0d8"; color:#fff; position:absolute; left: calc( 50% - 7px); bottom:-7px; z-index:2; font-size:20px;	}
	
	.select-button .disabled .variants { background:#f0f0f0; color:#bbb;  border:1px solid #ccc; }
	
	
	
	.select-button .varprice { display:block; font-weight:300; font-style:italic; margin-top:5px;  font-size:13px; }
	
	
	.selectorbg { float:left; width:100%; position:relative; overflow:hidden; }
	.dropdown .selectorbg { float:left; width:100%; position:relative; overflow-x:scroll; }
	.selectorbg ul { position:absolute; left:0; top:0; width:2000em; }
	.dropdown .selectorbg ul { position:relative; width:100%; }
	
	.selattr { float:left; width:100%; position:relative;   } 
	
	.dropdown .selattr { overflow:auto; height:50px !important;}
	
	.select-button .selattr .browse { display:block;  background:#fff;  height:100%; padding:15px;  z-index:10; cursor:pointer }
	.select-button .selattr .browse.pressed { display:block; padding:20px; background:#fff; box-shadow: 1px 1px 15px #808080; }
	
	
	.select-button .selattr .browse:before {
			position:absolute; left:50%; top:50%;
			transform: translateY(-50%) translateX(-50%);
			-webkit-transform: translateY(-50%) translateX(-50%);
			-ms-transform: translateY(-50%) translateX(-50%);
			-moz-transform: translateY(-50%) translateX(-50%);
	}
	
	.select-button .selattr .prev { position:absolute; left:0px; border-radius: 3px 0 0 3px; }
	.select-button .selattr .next {  position:absolute; right:0px; border-radius: 0 3px 3px 0; }
	
	
	/* .clickprotect { display:inline-block; width:2000em; height:100%; background:rgba(0,0,0,0.5); z-index:1; } */
	
	
/* Dropdown für Varianten */
	
	/* .dropdown div.selectorbg {position:relative; z-index:0; left:0; top:0;  width:100%; height:40px; line-height:40px; border: 1px solid #e0e0e0;
						border-radius: 5px;background:#fff; cursor:pointer;width:220px;padding: 0 15px;display: block; 	}
						
	.dropdown .selectorbg span   { position:absolute;  width:80%; left:10px; top:0; text-align:left; overflow:hidden; height:40px; }
	.dropdown .selectorbg::before {
	content: "\F078";
	font: normal normal normal 16px/1 FontAwesome;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	background: #e0e0e0;
	color: #fff;
	padding: 5px;
	border-radius: 50%;
	display: block;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	transition: 0.5s all ease;}	
	.selectorbg:hover::before {background: #957460;} */
	
	
	
	
	
	/* div.selectorbg select.styledrop { 
	position: absolute;
	background: none;
	cursor: pointer;
	z-index: 2;
	height: 40px;
	line-height: 40px;
	width: 100%!important;
	padding: 0 15px;
	top: 0;
	right: 0;
	opacity: 0;
	filter: alpha(opacity = 0);
	border: none;	} */
	/* div.selectorbg select.styledrop option { background:#fff; color:#707173; cursor:pointer;padding: 0 15px;font-size: 0.9em; } */

	.modalWrapper {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.5);
		z-index: 20;
}
	
	.modal.remindme_frm {
		background: #fff;
		max-width: 600px;
		margin: 10% auto;
		border-radius: 3px;
		padding: 2em;
		position:relative;
		box-shadow: 0 0 5px #555;
	}
	
	.modal.remindme_frm .close {		
		position:absolute;
		right:10px; top:10px;
		text-align:right;
		box-shadow:none;
	}
	
	.modal.remindme_frm .close:before { display:none; }
	.modal.remindme_frm label { display: block; font-size: 0.8em; margin-top: 9px !important; }
	.modal.remindme_frm button { background:rgb(235, 137, 17); color:#fff; }
	
	.modal.remindme_frm h3 { line-height: 1.4; }
	
	button.mlist-btn {   background: #957460; color: #fff; margin-top:10px; background:#CB732B;}
	
	
	
	
	.btn-more{ margin:10px 2% 10px 0; float:left; background: #f4f4f4!important;color: #555!important; border:none;line-height: 40px;padding: 5px 30px; line-height:30px;text-transform: uppercase;transition: all ease 0.3s;}
	.btn-more:hover {color: #fff!important;background: #957460!important;}
	.details { display:none; background: #f4f4f4; padding:20px 30px;}
	
	
    .tdcap 						{ float:left;  width:auto;  margin:0 10px 15px 0;  font-size:0.9em; font-weight:300; font-style:italic;  }
	.dropdown .tdcap 	{  line-height:1.3em;}
	.selattr 					{ float: left;position: relative; margin:0 0 1em}

	.selattr.noarrow 		{ background:none;  border:none; box-shadow:none; width:auto  }
	.selattr img				{ position:relative; top:0px; }
    .orderfrm-wrapper td img 	{ vertical-align:middle; } 
    .orderfrm-wrapper select 	{ width:150px; }
    
	.delivery { margin:10px 0 0 0;}
	.marke { margin:0 0 30px 0!important;}
	
	div#alignright { float:right; width:100%; margin-top:20px; text-align:right; background:none; }
	form#orderfrm {	float:right; width:100%;margin:0 auto 0 auto; padding:0;}
		
	span#qnt-wrapper {
		float:left; position:relative;
		width:100%;
		padding:0px;
		box-sizing:border-box;
		border-radius:3px;
		margin-top:10px;
		margin-right:0px;
		/* background:#eee; */
		text-align:left;
		display:block;}


	.addcartitems { display:inline-block; height:43px; line-height:43px; background:#f0f0f0; cursor:pointer; padding:0 10px 0 10px; font-weight:normal; font-size:20px; position:relative; margin-top:0px; vertical-align:middle; }
		
	span#qnt-field	{  float:left;   margin-left:0px; width:auto; padding:0 20px 0 0; text-align:right; }
	
	span.qnt-cap { float:left; width:30%; font-size:0.9em; font-weight:500; font-style:italic; padding-top:10px; display:none; }
	
	
	
	
	input#orderqnt {border:2px solid #ececec; background:#fff; color:#111;width:55px; height:43px; margin:0; padding:5px; text-align:center; vertical-align:middle; }

	
	#orderbtn { float:left; position:relative; width:235px; height:44px;  line-height:1.5; color:#fff; margin:0px 0px 0 0; padding:10px 15px 10px 30px; border:none;
						 font-weight:400; font-size:0.9em;background:#CB732B;  box-sizing:border-box;text-align:center; text-transform:uppercase;transition:all ease 0.3s; cursor:pointer;						
						}
	#orderbtn:hover { background-color:#555 ; }

	#orderbtn:before { font-family:'FontAwesome';  content: "\f07a"; position:absolute; left:5px; top:9px; font-size:1.3em;  }
	
	#orderbtn.animatecart { animation: anicart 3s; background:#957460;  }
	#orderbtn.animatecart:before { animation: anicartLogo 3s; left:85%; }
	
	@keyframes anicart {
			0% { background:#ccc; }
			25% { background:#957460; }
			50% { background:#ccc; }
			75% { background:#957460; }
			100% { background:#957460; }			
	}
	
	@keyframes anicartLogo {
			0% { left:0; z-index:0; transform:rotate(-30deg); }
			75% { left:85%; transform:rotate(0deg); }
			100% { left:85%; }
	}
	

	ul.deloption {
		float:left; list-style:none; margin:20px 0; padding:0; border-radius:3px; border:1px solid #f0f0f0; max-width:450px;
	}
	
	ul.deloption li { list-style-type:none; margin:0; font-size:0.8em; }
	ul.deloption li:first-child label { border-bottom:1px solid #f0f0f0; }
	
	ul.deloption li input { display:none; }
	ul.deloption li input +label:before { content:"\f10c"; font-family: FontAwesome; margin-right:5px; font-size:18px; color:#CB732B; }
	ul.deloption li input:checked +label:before { content:"\f058"; font-family: FontAwesome; margin-right:5px; font-size:18px; }
	ul.deloption li input:checked +label { background:#fafafa; }
	
	
	ul.deloption li  label { float:left; width:100%; padding:10px; cursor:pointer;}
	ul.deloption li  span { float:right; width:calc(100% - 20px); line-height:1.2 }
	
	#share-product { clear:both; /* background:#f4f4f4; */ padding:1% 2%; margin:30px 0 30px 0; float:right; width:50%; min-width:265px; position:relative; order:2; }
/* #share-product:after {
	content: " ";
	position: absolute;
	bottom: 100%;
	left: 50px;
	margin-left: -15px;
	border-width: 15px;
	border-style: solid;
	border-color:  transparent transparent #f4f4f4 transparent;
} */
#share-product .share {	color: #aaa; font-size:13px; /* text-transform:uppercase;*/}
#share-product ul {	display:inline;}
#share-product ul li {margin:0 1% 10px 0!important; min-width:30px;}
#share-product .share_text,
#share-product .share_count { display:none;}




	



/* --- Reiter mit Beschreibung, Promoartikeln & Kontaktformular --- */	
.inner-wrapper { float:left; width:100%; margin:2vw 0 1% 0;}

	div#desc-wrap	{ float:left; clear:both; position:relative; background:none; padding:0 0 100px 0; width:100%; margin:0; }
	div#bottom-hl	{ float:left; text-align:left;  width:100%;position:relative; /* background:#f4f4f4; */}
	.scrollable { clear:both; float:left; width:100%; padding:0 .5%; overflow:hidden; }



/*------------ Tabs ----------------------------------------------------------------------------*/

	.tabs 		{ width:100%; float:left;list-style-type:none; margin:0 auto; padding:0; border:1px solid #f0f0f0; border-radius:3px; overflow:hidden; }
	.tabs li 	{ float:left; display:inline-block; margin:0; padding:0; width:25%;}
	.tabs li span { display:block; margin:0%; line-height:40px; padding:5px 0 5px 30px;  cursor:pointer ; /* text-transform:uppercase; */transition:all ease 0.3s; background:#fff; }
	.tabs li span:hover { color: #fff; background:#957460;}
	.tabs li span.tab_active { background:#957460; color:#fff; position:relative; }
	.tabs li span.tab_active:hover { color: #fff; background:#957460;}
	
	.tab { float:left; width:100%; box-sizing:border-box; padding:0; margin:2rem 0 0; }
	#t1 { display:block}
	
	.accordion-tabs {clear:both; float:left; width:100%; padding:2em 0; }
	
	.accordion { display:inline-block; margin:1% 0 1% 0; line-height:40px; padding:5px 0 5px 30px;  cursor:pointer ; transition:all ease 0.3s; background:#f4f4f4; position:relative;
  width:25%;  border: none;
  text-align: left;
  outline: none;}

.active, .accordion:hover {
  background-color: #ccc; 
}

.panel {
  padding: 0 0;
  display: none;
  background-color: white;
  overflow: hidden;
}

.panel.first { display:block}


	#datasheet { float:left; width:100%;  padding-bottom:20px; }
	#datasheet div  { float:left; width:100%; max-width:300px; }
	#datasheet div .cap { float:left; width: calc(50% - 5px); font-style:italic; text-align:left; padding:3px 1em; margin:0 5px 5px 0; background:#fafafa }
	#datasheet div .val { float:left; width:50%;  text-align:left; padding:3px 1em;background:#fafafa }
	
	
/* ------------- mobile Tabs ---------------------------------------------------------------*/
	
	/*.accordion { display:none; float:left; width:100%; margin:0; padding:0; }*/
	.accordion span { display:block; margin:1% 2% 1% 2%; line-height:40px; padding:5px 0 5px 30px;  cursor:pointer ; transition:all ease 0.3s; background:#f4f4f4; position:relative; }
	.accordion span.tab_active { background: #555;color:#fff; position:relative; }
	.accordion span::after { font-family:'FontAwesome'; content: "\f067"; position:absolute; right:10px; top:5px; }
	.accordion span.tab_active::after { font-family:'FontAwesome'; content: "\f068"; }
	
	/*........ Referenzbilder, Artikelmuster, Beispiele .....................................................................................................*/

	#t2 a.nav { top:30%; display:none; cursor:pointer; }
	#t2:hover a.nav { display:block; }
	
	
	div.references { float:left; width:100%; padding:1% 0 1% 0;  text-align:left; position:relative; }
	/* div.reference-gallery { float:left; width:100%; position:relative; } */
	/* .references .items { position:absolute; left:0; width:20000em ; display:table-column; background:none; } */
	.references .thumb { display:inline-block;  width:50%; height:100%; max-width:300px; max-height:300px; margin:5px;  overflow:hidden; }
	.references .thumb img { 
		margin:0; -webkit-filter: saturate(0%); filter: saturate(0%);opacity:0.7; -webkit-opacity:0.7; vertical-align:middle; transition:.5s;cursor:pointer;
		/* position:absolute;top: 50%;	left: 50%; */
		/* transform: translateY(-50%) translateX(-50%);
		-webkit-transform: translateY(-50%) translateX(-50%);
		-ms-transform: translateY(-50%) translateX(-50%);
		-moz-transform: translateY(-50%) translateX(-50%); */
		-webkit-filter: saturate(0%); filter: saturate(0%);
		max-height:100%!important;max-width:100%!important;	
	}
	.references .thumb img:hover {  -webkit-filter: saturate(100%); filter: saturate(100%);opacity:1; -webkit-opacity:1;}
	.tab-content .thumb-selected { border: 0px solid #957460; }
	
	
	h4  {
	margin: 0 0 30px;
	padding:10px 0 0 ;
	clear:both;
	position:relative;
	color: #bbb;
	font-size: 1.5em;
	font-weight: 400;
	text-align:left;	
	line-height: 1.25;
	text-rendering: optimizeLegibility; }

/* initially all panes are hidden -------------------------------------------------------*/

#article { margin:50px 0 0; }
#article h6 {text-indent:1%; }

/*----------------------------------------------------------------------------------------------*/

div.description, div.warranty, div#contact-us {
		float:left;
		width:100%;
		margin:0;
		padding:0 0;	}
		

/* ------- Kontaktformular --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */




	div#msg 							{ float:left; width:100%; max-width:800px; margin:0; }
	div#contact-us 					{ 	float: left;
													width: 100%; 
													background: #fafafa;
													padding:2em;
													box-sizing: border-box;}
	
	#contact-us div					{ float:left; width:100%; margin-top:0px; }
    #contact-us div.pdata	{ float:left; width:100%; margin:0 0 15px 0;  }
	
	#contact-us div label 	{ float:left; width:100%;}
	#contact-us div span 		{ float:left; }

	#contact-us input, 
	#contact-us textarea 		{ background:#fff; border:1px solid #dcdcdc; width:100%;font-family: 'Maven Pro', sans-serif;font-size:1em;  box-sizing:border-box; border-radius:0; box-shadow:none;}

	#contact-us textarea 		{ height:150px;}
	#contact-us div img 		{ float:right; margin:20px 10px 0 0; cursor:pointer; }
	#contact-banner				{ float:left; margin:30px 0 0 40px; }

	#subquest {
		background: #555;
		cursor: pointer;
		font-size: 1em;
		color: #ececec;
		text-align: center;
		padding: 10px 3%;
		margin: 25px 0 0 0;
		transition: ease-in-out 0.3s all;
	}
	#subquest:hover {background-color: #957460; }
	
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Produktbewertungen */

	.votes, .count { display:none; }
	#ratingName { float:left }
	div.hreview-aggregate { float:left; width:100%; }
	#starwrapper2 {  float:left; display:inline-block; margin:0 0 .5em 0;padding-bottom:0px; width:100%;  overflow:hidden; cursor:pointer; }
	span.rating {  line-height:25px;}
	
/*------------------------ Formular für Bewertungen  ---------------------------------------------------*/	
	
div#review-frm {
	float: left;
	width: 100%; 
	background: #fafafa;
	padding:2em;
	box-sizing: border-box;	
}

h4#wnr						{ float:left; width:100%; color:#707173; text-align:left; margin:0; padding:0; }

#review-frm DIV		{ float:left; background: none;  }
.pure-form label { width:100%;}
#review-frm DIV.kname, 
#review-frm DIV.kmail, #review-frm DIV.kfon 	{ width:100%; background:none; margin:0 0 5px; }

	.r-frm-caption 					 { float:left;   line-height:20px; text-align:left; text-indent:0px; margin:5px 10px 20px 0; }
	.r-frm-caption.rate  		{ float:left;  width:110px; line-height:20px; text-align:left; text-indent:0px; margin-right:10px; margin-top:5px;  }
	
	.r-frm-value						{ float:left; width:100%; line-height:20px; text-align:left; padding-top:0px; background:none; }
	.r-frm-value.rate				{ float:left; width:120px; line-height:20px; text-align:left; padding-top:5px;  }
	
	
	INPUT.t_input,
	Textarea#r_text,
	Textarea#itext	{ width:100%;border-radius:0px!important; box-shadow:none!important;
	font-family: 'Maven Pro', sans-serif; font-size:1em; font-weight:normal; } 
	.pure-form label {	margin:0!important;}
	

	
	#frm-sbm 		{ float:left; width:100%; margin:15px 0 0 0; }
	
	span.sbm_de 		{ display:block;  color:#fff; background:#707173;width: 20%;padding: 0; min-width: 200px;   text-align:center; transition: all ease 0.3s; line-height: 40px; height:40px; cursor:pointer; }
	span.sbm_de:hover 	{  background:#957460; }
	
		span.sbm_en	  { display:block;  color:	#fff; background:#707173;width: 20%;padding: 0; min-width: 200px;  text-align:center; transition: all ease 0.3s;line-height: 40px; height:40px;; cursor:pointer; }
		span.sbm_en:hover {  background:#957460; }

		a.pure-button {
			color: #fff;
			background: #86b200;
			text-align: center;
			transition: all ease 0.3s;
		}
		a.pure-button:hover {
			background: #000;
			color: #86b200;
		}





/*---------------------------  Fehlermeldungen und Erfolgsmeldungen  ---------------------------------------------------*/

	#msg,
	#rvmsg { width:100%;}
	div#failure, .failure, div#ok, .success, .notice	{ float:left; width:100%; padding:10px 2% 10px 2%; margin:15px 0 20px 0px}
	
	div#failure, .failure			{	border:1px solid red; background:#FFE8E8;	  }
	.notice									{	border:1px solid #e58b37; background:#ffeec8; color:#e58b37; }
	
	#failure SPAN, .failure		{	float:left; width:100%; line-height:20px; color:red }		
	div#ok, .success					{	border:1px solid #00cc00; background:#EEFEEB;  }

	.success { color: #00cc00;}
	
/* Kommentare und Bewertungen Liste ----------------------------------------------------------------------------------*/
	
	#review-comments			{ float:left; width:100%;padding:20px 0 0 0; margin:20px 0 20px 0; box-sizing:border-box; border-top:1px solid #eee;border-bottom:1px solid #eee;}
	#review-comments H4 	{ width:100%; margin:5px 0 10px 0; padding:0px; text-indent:4px; font-size:1em; text-align:left; }	
	#review-comments OL		{ float:left; width:100%;  list-style-type:none; padding:0 0 0 0; margin:0;  }
	#review-comments LI 		{ float:left; width:100%; margin:0 0 30px 0; padding:0; }
	#review-comments .small { margin:0;}
	
	.reviewer								{ float:left; clear:both; line-height:1em;width:auto; text-align:center; margin:5px 0 0 25px; }	
	.comment-wrapper			{ float:left;  width:auto; padding:3rem 3%; text-align:left; background:#f4f4f4; box-sizing:border-box; position:relative; margin:0 0 15px 0; border-radius:10px;}
	.comment-wrapper:before {
    content: " ";
    position: absolute;
    top: 100%; 
    left: 100px;
    margin-left: -15px;
    border-width: 15px;
    border-style: solid;
    border-color: #f4f4f4 transparent transparent transparent;} 
	
	.comment-wrapper P		{ float:left; width:100%; margin:10px 0 0 0; text-align:left; background:none; }

	.fa-star		{ color:#f7ca60; margin:0; padding:0; }
	.fa-star.disabled		{ color:grey; }	

	
	.rate .stars { display:none; }
	.rate .stars + label { display:inline-block; width:auto; }
	.rate .stars + label:before { content:"\f006"; font-family:FontAwesome; }
	.rate .stars.given + label:before { content:"\f005"; font-family:FontAwesome; color:#eabe50; }
	

	.hint { font-size:0.9em !important;}
	.hint input[type="checkbox"] { float:left !important; width:auto !important; margin:5px; }
	.hint label { float:none !important; display:inline; }
	
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Fehler & Erfolgsmeldungen */

#failure, #advice, 
#failurekon						{ float:left; border:1px solid red; background:#FFE8E8; padding:1% 2.5% 1% 2.5%; margin:15px 0 ; color:red; width:100%;  box-sizing:border-box;  font-size:0.9em; }
#failure, #advice				{ float:right; }
#success,  #successkon	{ float:left; border:1px solid #00cc00; color:#00cc00; background:#EEFEEB; padding:1% 2.5% 1% 2.5%;  margin:15px 0 ; width:100%;  box-sizing:border-box; }
#advice								{ width:245px; margin-top:10px; display:none; }
/* #success, #failure 			{  }

 #failurekon, 
 #successkon 					{  } */

#success a:hover				{ text-decoration:underline; }
#failure span, 
#success span, 
#failurekon span, 
#successkon span 			{ float:left; width:100%; }


/*-----------------------------------------------------------------------------------------------------------------------------------------*/
/* Promo Artikel Container */

h3.promo { float:left; width:100%;  }

.promoscrollable {	
	float:left;
	position:relative;
	overflow:hidden;
	width:100% !important;
	margin:0px !important; padding:0;
	min-height:520px; background:none;
	border:0px solid #f0f0f0;}

	.promoscrollable .more-pics-horizontal .items {
		width:20000em;
		position:absolute;
	}

	
	.promoscrollable .items { display:flex; flex-wrap:wrap; align-items:stretch; height:100%; }
	
	
	.promoscrollable a.nav { top: 25%; display:none; }
	.promoscrollable:hover a.nav { display:block; }


	#promowrapper { position:relative; float:left; width:100%; margin-top:50px; }
	#promowrapper h4 { color:inherit; font-weight:700; }
	#promowrapper .items { background:#fff; border:0px solid #ccc; }
	
	#promowrapper .browse { display:block; height:100%; max-height:40px; padding:20px;  background:rgba(255,255,255,0.8); box-shadow: 1px 1px 5px #c0c0c0; z-index:10; 
		position:absolute; top:50%;
			transform: translateY(-50%) translateX(-50%);
			-webkit-transform: translateY(-50%) translateX(-50%);
			-ms-transform: translateY(-50%) translateX(-50%);
			-moz-transform: translateY(-50%) translateX(-50%);
	}
	
	#promowrapper .next { 
			transform: translateY(-50%) translateX(50%);
			-webkit-transform: translateY(-50%) translateX(50%);
			-ms-transform: translateY(-50%) translateX(50%);
			-moz-transform: translateY(-50%) translateX(50%);
	}
	
	
	#promowrapper .browse.pressed { box-shadow: 1px 1px 15px #c0c0c0; background:rgba(255,255,255,1.0); }
	#promowrapper .browse:before {
			position:absolute; top:50%;
			transform: translateY(-50%) translateX(-50%);
			-webkit-transform: translateY(-50%) translateX(-50%);
			-ms-transform: translateY(-50%) translateX(-50%);
			-moz-transform: translateY(-50%) translateX(-50%);
	}
	
	#promowrapper .prev	{ position:absolute; left:0; /* top:0; */ z-index:1; }
	#promowrapper .next	{ position:absolute; right:0; /* top:0; */ z-index:1; }
	
	

/* Formatierung der Promotion Artikel ----------------------------------------------------------------------------------------------------------*/
	
	
div.promoArt {	float:left; position:relative; width:100%; max-width:300px; margin:0 15px; text-align:center; box-sizing:border-box; z-index:0; overflow:hidden; }

.promoArt .newproduct {position:absolute; top:0px; left:0px;  z-index:4; width:40px; height:28px; line-height:30px; background:#957460; color:#fff; text-align:center; font-size:0.8em; }

.product-img {
	float: left;
	width: 100%;
	overflow: hidden;
	height:auto;
	margin: 0 0 10px 0;
	box-sizing: border-box; 
	border:1px solid #ececec;}

.promoArt A { color: #818181;text-decoration: none;  line-height:1.3em; } 
.promoArt A  IMG { width: 100%; height:auto; max-width:none; max-height:none;} 

.promoArt H3 {
	width: 100%; 
	overflow: hidden;
	font-size: 1em;
	font-weight: 300;
	line-height:1;
	padding: 0;
	margin:0 0 10px;
	text-transform:none;
	letter-spacing:0;
	text-align:center; }



div.price_cont {
	float: left; clear:both;
	 text-align:center;
	width: 100%;
	background: none;
	font-weight: 700;
	font-size: 1.1em;
}

div.price_cont small {
		font-weight:normal; font-size:0.8em;
}

div.price_cont span.pricetext, 	
div.price_cont span.price_ad {	font-size:1.1em; text-align:center;}

div.price_cont i {
	float: right;
	color: #fff;
	background: #957460;
	text-align: center;
	border-radius: 50%;
	padding: 7px;
	margin: -10px 0 0;
	font-size: 1.1em;
	transition: all ease .3s;}
div.price_cont a:hover i {	background: #c0c0c0;}
span.strike {
	text-decoration: line-through;
	color: #c0c0c0;
	font-size: 0.8em;
	font-weight: 300;
	float:left;
	width:100%;}



div#price-info {
	width:100%;
	height:30px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	font-size:10px;
	text-align:center;}

#price-info A {	font-weight:normal;	text-decoration:underline; }


.promoArt A.view  { display:none; clear:both; position:relative; color:#eee; padding:5px 25px; font-weight:400; font-size:1em;background:#aaa; text-align:center;  border-radius:30px;transition:all ease 0.3s; margin:20px 0 0 0; line-height:70px;}
.promoArt A.view:hover { background-color: #957460; }




/*  Media Queries für Produktdetais  -----------------------------------------------------------------------------------------------------*/

	@media screen and (max-width:1700px) {
		div#price-wrapper { width:100%;  padding:0; order:0; }
		#ordfrmwrp { order:1; }
	}
	@media screen and (max-width:1600px) {
		#content-left,
		#content-right {	width:50%;}
	}
	@media screen and (max-width:1280px) {		
		#specials { max-width:100%; margin:0; background:none; }
		.product-details { width:100%;}
		h1.fn {	font-size: 1.5em;}
	}
	@media screen and (max-width:1100px) {
		#specials { max-width:100%; margin:0; }
		.product-details { width:100%;}
		.description h2 { font-size:1.5em; }
		.tabs li span { padding-left:10px; }
		
	}	
	@media screen and (max-width:980px) {
	
		#promowrapper .browse { position:absolute; top:44%; }
		div.promoArt { max-width:26vw;  font-size:0.9em; }	
		.tabs li { width:100%; display:block; }
		.tabs li span {	padding: 5px 5px; text-align:center; font-size:.9em;margin: 1% 1%;}
		
		.shipping-info { margin-top:3px; }
		.free-shipping { font-size:0.9em; }
		.tdcap { min-width:50px; width:auto; margin:0; }
		.selattr.noarrow { float:left; width:auto; }
		h1.fn { font-size:1.3em;}
		div#price-wrapper { margin:0; }
		
		#fullscreen { right:1vw; }
		#product-picture { height:55vw; }
	}
	@media screen and (max-width:860px) {
		#orderbtn { /* font-size:0.8em; */ width:auto; }
	}
	@media screen and (max-width:820px) {
		#orderbtn { font-size:0.8em; }
		
		#content-left, #content-right { width:100%; min-width:100%; }
		#content-right { margin:8rem 0 0 0; }
		#product-picture { max-width:100%; height:64vw; }
		
	/* }	
	@media screen and (max-width:768px) { */
		.tabs li span { font-size:1em; text-align:left; padding:5px 5px 5px 30px; }		
		/*#content-left, #content-right { width:100%; min-width:100%; }*/
		#product-wrapper { padding:0; }
		#product-picture { width:100%; max-width:500px; }
		.references .thumb {  width:calc(33.333% - 10px); }
		div.promoArt { max-width:26vw;  font-size:0.9em; }
	}	
	@media screen and (max-width:700px) {	
	
		#content-right { margin:8rem 0 0 0; }
		#product-picture { max-width:100%; height:92vw; }
		 
		/* .tabs { display:none; } */
		.accordion { display:block; }		
		.hint { font-size:0.8em !important; line-height:1.4em !important; }		
		#menulist li a { padding:20px; }
		
		h3 { line-height: 1.4em !important;  margin-top:10px;}
		div.promoArt { max-width:41vw;  font-size:0.9em; }
	}
	@media screen and (max-width:500px) {
	
		#breadcrumb { display:none; }		
		#fullscreen { top:5px;  right:-10px; width:30px; height:30px; line-height:30px;  /*bottom:0;*/}
		
		h1.fn { font-size:1.1em; }
		#mainpic, #mainpic img {  max-height:350px !important; }
		/* #main-picture #gallerywrapper { max-height:200px; } */
		
		#t1 { margin:0; }		
		#datasheet { border:1px solid #ccc;  border-radius:3px; padding:0;  margin-bottom:20px; }
		#datasheet  div { max-width:100%; font-size:0.9em;}
		#datasheet  div  .cap { font-weight:500; }
		#datasheet div:nth-child(2) { background: #fafafa; }
		
		.description h2 { font-size:1.3em; }
		.promoscrollable { height: 470px; }
		div.promoArt { max-width:82vw; } 
		.product-img { border:none; }
		#gallerywrapper a.prev { left: 5px; }
		#gallerywrapper a.next { right: 5px; }
		#gallerywrapper a.nav { width:40px; height:40px; font-size:60px; line-height:25px; }
		
		#product-picture { padding:0; width:100%; }
		#main-picture .items div img, #main-picture .items div a { max-width:100%; max-height:100%; }
		#content-right { margin: 3rem 0 0 0 !important; padding:0px; }
		
		#main-picture {						
			overflow: hidden;
			text-align: left;
			position: relative;
			margin: 0 0 0;
			padding: 0 0 0 0;
			box-sizing: border-box;
			position: absolute;
			left: -19px;
			width: 100vw;
			height: 100vw;
		}
		
		
		span.new { left:-19px;  background:#000; font-size:0.8em; }
		
		
		#more-pics-wrapper { height:20px; margin-top:93vw; /* bottom:-5px; */ background:none; }
		#more-pics-wrapper .browse { display:none; }
		#more-pics { position:relative; margin:0 auto 0 auto !important;  padding:0; display:flex; text-align:center; width:auto !important; }
		#more-pics .items { position:relative; margin:0 auto 0 auto !important; width:auto !important; text-align:center; }
		#more-pics .productimg { display:inline-block; width:12px; min-width:12px; height:12px !important; overflow:hidden; background:#fff; border:2px solid #555; padding:0; margin:0 2px 0 2px;  /* border-radius:50%; */}
		#more-pics span.thumb-selected { border: 1px solid #555; background:#957460; }
		#more-pics span img  { max-width:100%; max-height:100%; display:none; }

		.references .thumb {  width:calc(50% - 10px); }
		#promowrapper .prev { transform: translateY(-50%) translateX(-10%); -webkit-transform: translateY(-50%) translateX(-10%); -ms-transform: translateY(-50%) translateX(-10%); -moz-transform: translateY(-50%) translateX(-10%);  }
		#promowrapper .next { transform: translateY(-50%) translateX(10%); -webkit-transform: translateY(-50%) translateX(10%); -ms-transform: translateY(-50%) translateX(10%); -moz-transform: translateY(-50%) translateX(10%);  }
		div#failure, div#ok { padding:1%; margin:1%; }
		#specials, #share-product { padding:0; }
		#share-product { width:100%; }
		div#price-wrapper { width:100%; }
		div#desc-wrap div.description{ padding:0 !important; }
		
		.modal.remindme_frm button, .modal.remindme_frm input[type="text"] { width:100%;}
		
	}	
	@media screen and (max-width:360px) {
		#orderbtn { font-size:0.8em; }
		#payicons img { max-height:15px; }
	}
	@media screen and (max-width:340px) {
		#orderbtn:before { display:none; }
		#orderbtn { padding-left: 15px; }
	}