/*  @import "pure/base-min.css";  */
@import "pure/pure-min.css";
@import "fonts/maven-pro/font.css";
/*@import "fonts/bootstrap/css/bootstrap.min.css";*/
/*@import "font-awesome/css/brands.min.css";*/
@import "font-awesome/4.7.0/css/font-awesome.css";
@import "header.css";
@import "ajax_cart.css";
@import "footer.css";
@import "sidebar_left.css";
@import "pure/grids-min.css";
@import "pure/grids-responsive.css";

@import "cksbanner.css";

/*********************************************************************************/

* { box-sizing:border-box; }

:root {
	 --base-font1:  'Maven Pro', sans-serif;
}


A:ACTIVE, A:LINK, A:VISITED {color:#957460;text-decoration:none; transition:all ease 0.3s;}
A:HOVER {Color: #555; text-decoration:underline; }

h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }
table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }
legend { display:none; }
div, p, li, a {background-repeat:no-repeat; }

/* ### reset some basic style ################################################### */

ol			{list-style:decimal;}
ol li		{margin: 0 0 0 20px; padding:0 0 0 20px; }
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}


ul li		{margin: 0 0 0 30px;}
ul li ul	{margin: 0 0 0 0;}
ul li ol	{margin: 0 0 0 0;}

a {transition: all ease .3s;}
a:hover { text-decoration:none; }

/* ### Headlines ###################################################################### */

h1{ font-size:2em; margin:0 0 10px 0;font-family: var(--base-font1); color: #957460; font-weight:700;}
h2{ font-size:30pt; margin:0 0 20px 0;font-family: var(--base-font1); font-weight:400; line-height:1.2em; text-align:center}
h3{ font-size:25pt; margin:0 0 30px 0;font-family: var(--base-font1); font-weight:400; line-height:1em; text-align:center;}
h4{  font-size:18pt; font-weight:500; margin:0 0 10px 0;font-family: var(--base-font1); font-weight:600; text-align:center; }
h5{	color: #957460; font-weight:bold; margin:0 0 0 0;	}
h6{ font-weight:bold;color: #957460;  }

hr {
	border: none;
	border-top: 1px solid #f0f0f0;
	height: 1px;
	width:100%;
	clear:both;}
blockquote { background:#fafafa; font-size:1em; padding:2rem; float:left; display:block; font-style:italic}
div#desc-wrap .description ul li,
#content ul li { list-style:none;  margin:0 0 0 0; padding:0 0 0 27px;}
div#desc-wrap .description ul li::before,
#content ul li::before {
	content: "\f105";
	font: normal normal normal 16px/1 FontAwesome;
	display: inline-block;
	margin: 0 21px 0 -27px; 	color:#957460;}

#shareblog ul li { padding:0}
#shareblog ul li::before { display:none}


.clear { clear:both;}
div.clear { height:0;}
.flleft { float:left !important;}
.flright{ float:right !important;}
.tcenter { text-align:center !important; }
.tleft { text-align:left !important; }
.tright { text-align:right !important; }



img {max-width:100%;}
.imgleft{ float:left;  margin:0 15px 8px 0; background:url(../images/slider.png) repeat;}
.imgright{ float:right; margin:0 0 8px 15px; background:url(../images/slider.png) repeat;}

.title {  color:#957460;}

.small {font-size: 0.8em;line-height: 1.2em; float:none}
ul.small li		{margin: 0 0 0 10px; font-size:0.9em;}



/* customizable snowflake styling */
/*.snowflake { font-family: "WWFlakes"; color:#fafafa;}*/
/*
.snowflake span { display:block; background:#fff; border-radius:50%; width:5px; height:5px;}
.snowflake .size2 { width:7px; height:7px;}
.snowflake .size3 { width:10px; height:10px;}
*/
/*
@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}
*/


.accept {background: #957460 !important;}


/*--Body, Tabellen, Standard--*/
/*--------------------------------------------------------------------------------------------------------------------------------------*/

HTML {
	scroll-behavior: smooth;
	overflow-x:hidden;
 	overflow-y:scroll; 
} 

BODY { 
 width:100%; /* height:100%; */
 border:0px;
 Color: #957460;
font-family: var(--base-font1);
 Font-Size: 14pt;
 line-height:1.5em;
 text-align:left; 
 background: #fff;
 font-weight:400
}


.hidden-flow { /* position:relative; */ overflow:hidden; -webkit-height:100%; -moz-height:100%; }


Form 	{ border:0px; }
Input, Textarea { font-family: var(--base-font1);  Font-Size: 1em;}

/*---------DIVS-------------------------------------------------------------------------------------------------------------------------------*/

div#wrapper 				{ width:100%; margin:0 auto 0 auto;  }
div#main-wrapper 	{   width:90%; max-width:1600px; margin:0 auto 0 auto  }
/*#background 			{ margin:0; padding:0; top:0; left:0; overflow:hidden; height:0; padding-bottom:50%; float:left; width:50%;  position:relative; z-index:1; background: #fff url('../images/HG.jpg') center top no-repeat; background-size:cover;  }*/



	div.main {
		float:left;
		width:100%;
		margin:0px auto 0 auto;
		padding:0 ;
		position:relative;}	

		#contentwrp 				{ width:100%; margin:0;  }	
		#innercontentwrp 		{ float:left; width:100%;  padding:0px}
		#content, #contentstart  { float:left; width:100%; background:none; padding:3% 0 3%; }
		

.flexbox {position:relative; width:100%; height:100%; 
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	box-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	align-items: stretch;
	margin: 0 0 0 0;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;}
.flexbox-item {
	/*flex-basis: calc(50%);-webkit-flex-basis:calc(50%);-moz-flex-basis:calc(50%);*/position:relative;
	width:50%; float:left; 
}
#video { display:none;}
#background  {
	width: 100%;
	height:100%;
	/*background-position: center 50% !important;
	background: #f6f6f6 url('../images/HG.jpg') center center no-repeat; 
	background-size:cover;*/ }


.tbl-copy { margin:2rem 0; width:100%; }
.tbl-copy th { background:#fafafa; border:1px solid #eee;padding:5px;}
.tbl-copy td {border:1px solid #eee; padding:5px;}

.code {
	width: 95%;
	background: #f9f2f4;
	border: 1px solid #ccc;
	color: #555;
	padding: 1rem;
	margin: 15px 0;
	overflow: hidden;
}
.code code {color: #555;}
	/*------------------------------------------------------------------------------------------------------------------------------------------------*/
				
	div#breadcrumb { 
			float:left; 
			width:100%;
			margin:15px 0 0;
			padding:15px 0;		
			color:#555;
			font-size:0.8em;
			line-height:1em;
			overflow:hidden;
			z-index:0;}
div.inner-crumb { 
			max-width:1600px;
			width:90%;
			margin:0 auto;}
		#breadcrumb strong { font-weight:normal }


		#breadcrumb A {
			color:#555;
			font-weight:normal;} 
	 
		#breadcrumb A:HOVER {
			color:#957460;
			text-decoration:underline}

		.bcspacer {
			position:relative;top:-1px;	
			color:#ccc;font-weight:bolder; 	
			margin:0 5px 0px 5px;}



		.infobox { background:#f4f4f4; padding:15px; float:right; margin:0 0 5% 20px; width:200px; clear:right}

		div#articleDetails		{ display:none; float:left; max-width:820px; width:100%; padding-right:0  }
		span.lastupdated		{  background:url('../images/erstellt-am.png') no-repeat;margin-left:53px }
		span.author					{  background:url('../images/erstellt-von.png') no-repeat }
		span.print						{  background:url('../images/drucken.png') no-repeat }
		span.pdf							{  background:url('../images/pdf-wandeln.png') no-repeat }
		
		#articleDetails SPAN	{  float:left; width:auto; height:22px; line-height:22px; display:block; text-indent:15px; padding:0 10px 0 10px; color:#C4C4C4; font-size:11px }
		
		#articleDetails SPAN A { color:#C4C4C4 }
		#articleDetails SPAN A:HOVER { color:#000 }
		
		
		/* ---  fixed Sidebar when scrolling ---- */
	/* 	#sidebar-left { position:fixed; top:100px } */
		/* div.header	{  position:fixed; top:0; left:0 } */
		
		/* ---------------------------------------------*/
		
		#sizes { background:#fff; position:fixed; left:0; top:0; z-index:40000}
		
		#cookieWarning { position:fixed; top:0; left:0; z-index:300; width:100%; background:#fff;}
		
		/* div#mobileNav 	  	{ position:fixed; top:0;right:10px; background:url(../images/mobileNav.png) no-repeat #4c738d; width:70px; height:30px; padding:40px 0 0 0; z-index:150; cursor:pointer; color:#fff; font-weight:bold; text-align:center; }
		div#mobileSearch 	{ position:fixed; top:0; right:10px; background:red; width:30px; height:30px; z-index:65; cursor:pointer } */
		div#renderFont 	 	{ position:relative ; float:left; margin:0 0 0 6px; z-index:10000; color:#000 }
		#renderFont SPAN 	{ display:inline-block; padding:0px; margin:19px 0 0 2px; font-size:24px; cursor:pointer ; }
		
		/* div#totop					{ position:fixed; bottom:3px; right:3px; z-index:30; padding:0; background:url(../images/top.png) no-repeat; width:35px; height:34px; cursor:pointer; display:none  } */
		
		div#jsrequired			{ float:left; width:100%; background:#fff; color:red; font-size:20px; text-align:center }
		
		
		#introPic img { width:100% }
		
	/*-- Paging -----------------------------------------*/

	div.navigation-wrapper		{ float:left; max-width:680px; width:100%; height:25px; line-height:25px; background:none;margin:0px }
	div#count-articles					{ float:left; width: 200px; text-align:left }

/*---------------------------------------------------------------------------------------------------------*/
/* --  Seitennavigation, falls mehrere Seiten, z.b. Blogs, Produktekategorien, News usw. --*/

 div.pagination		{ /* float:left; */ float:right !important; background:none;  line-height:1em; margin:0 0 0 0; padding:0 0 0 0;font-weight:400;}

div.pagination a,
div.pagination i,
div.pagination span {border:1px solid #fff; background:#ccc; padding:0 10px; height:40px; line-height:40px; display:inline-block;transition: all ease .3s;}
div.pagination span {background:#fafafa; color:#bbb}

div.pagination a i {border:none; padding:0;}
div.pagination a		 {color: #555}
.pagination a:hover {background: #222; color:#fff; } 
.pagination span.nav_active { background:#957460;color:#fff;  }
div.pagination a:hover i,
div.pagination a:hover i::before { background:none; color:#fff; transition: all ease .3s;}	
	
.footprints {  float:left; list-style-type:none }
.footprints li a { background:#585c61; padding:3px 10px; margin:2px 0; display:block; width:100%; text-align:left;}
.footprints li a:hover { background:#fff;}


#sbCartWrapper { position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0, 0.3);  z-index:1101; display:none; }

#sidebarCart { width:100%; max-width:400px; height:100%; overflow:auto; position:fixed; top:0; right:0; z-index:1202; background:#fff;  padding:15px 15px 120px 15px; display:none; }
#sidebarCart h4 { 
	color: #555;
	padding: 10px;
	background: #fff;
	position: absolute;
	left: 0;
	top: 0;
	margin:0 !important;
	width: 100%;
	z-index: 0;
}

#sidebarCart .close { position:absolute; right:0; top:0; background:#c0c0c0; color:#fff; padding:0 15px 5px 15px; font-size:40px; font-weight:300; display:none;}
#sidebarCart .cart {
    position: absolute;
    right: 10px;
    top: 10px;
    background: #c0c0c0;
    color: #fff;
    padding: 5px;
    border-radius: 3px;
	font-size:13px;
}

#sidebarCart .cart:hover { background:#555; }


#sidebarCart #cartItemsScroll { /* height:100%; */  margin-top:40px; -webkit-overflow-scrolling: touch; }

#sidebarCart #fastCheckout { position:fixed; right:0; bottom:0; background:#f7f7f7; width:100%; max-width:400px; padding:20px; text-align:center; }

#sidebarCart #fastCheckout #tostart {padding-bottom: 10px; display: block; }

#sidebarCart .free-shipping,
#cart .free-shipping { float:left; width:100%; overflow:hidden; border:1px solid #E58B37; background:#fff; color:#E58B37; padding:1%; margin-top:10px; margin-bottom:20px; font-size:0.8em; font-weight:500; line-height:1.2; position:relative; padding-left:45px; } 

#sidebarCart .free-shipping:before, #cart .free-shipping:before { position:absolute; left:0; top:0; content:"\f06a";  font-family:FontAwesome; font-size:20px; padding:8px 10px 5px 10px; height:100%; background:#E58B37; color:#fff; }


.checkoutBtn { color: #fff !important; margin: 0px auto 0 auto; padding: 10px 3%; font-weight: 400; font-size: 1em; background: #957460; width: 50%; box-sizing: border-box; text-align: center;
							text-transform: uppercase; transition: all ease 0.3s;						
						border-radius: 5px;
						width: 250px !important;
						display: block;						
						height: 35px;	padding: 5px;						
					}


/* b2b, b2c switch modal */

#modalWrapper {
	position:fixed; left:0; top:0; z-index:2000; width:100%; height:100%; background:rgba(0,0,0,0.5); text-align:center;
}

#modalWrapper .modal { display:block; margin:2% auto 0 auto; width:100%; min-height:300px; max-width:600px; background:#f4f4f4; padding:2%; }

						
/* MEDIA QUERIES  ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
	
@media screen and (max-width:990px) {
	.flexbox-item {	/*flex-basis: calc(100%);*/width:100%;}
	#background  {}
	
	#sidebarCart #cartItemsScroll {   margin-top:40px; -webkit-overflow-scrolling: touch; }
	#sidebarCart #fastCheckout { position:relative; left:0; bottom:0; float:left; width:100%; height:115px !important;  padding:20px; margin-top:20px;  text-align:center; background:none; }
	#sidebarCart #fastCheckout #tostart {padding-bottom: 10px; display: block; }

	/* .checkoutBtn { color: #fff !important; margin: 0px auto 0 auto; padding: 10px 3%; font-weight: 400; font-size: 1em; background: #957460; width: 50%; box-sizing: border-box; text-align: center;
								text-transform: uppercase; transition: all ease 0.3s;						
								border-radius: 5px;
						width: 250px !important;
						display: block;						
						height: 35px;	padding: 5px;
		} */
	
}
@media screen and (max-width:767px) {
	.table-responsive {
		width: 100%;
		margin:2rem 0;
		overflow-y: hidden;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		border: 1px solid #eee;
			min-height: .01%;
		overflow-x: auto;
	}
	.table {
		width: 100%;
		max-width: 100%;
	}
	.tbl-copy { margin:0rem 0;}
	div.pagination span.max-pages { display:none !important; }
	div.pagination { float:unset !important; text-align:center; }
}

@media screen and (max-height:600px) {
	#sidebarCart #cartItemsScroll {		
		overflow: auto;	
		margin-top:30px;
		box-sizing: :border-box;
	}
	
}
@media screen and (max-width:350px) {
	div#main-wrapper {  width:95%; }
}