/* Sidebar Menu */

div#sidebar-left 		{ float:left; width:300px; margin:0; padding:0 0 2% 0; transition: transform .5s; }

div#sidebar-left.customer-menu 		{ width:300px; }
#sidebar-left.customer-menu div LI 	{	width: 100%;  box-sizing:border-box; margin:0 0 0 0.5rem; padding:0}
#sidebar-left.customer-menu div li:last-child { display:block; }

 

 div#infomenu,#sidebar-left div UL { width:100%;
	/*  display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	box-pack: left; */
	/* justify-content:space-between;
	-webkit-justify-content:space-between;
	-moz-justify-content: space-between; */
	/* align-items: center;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap; */
}

 #sidebar-left div LI 	{	width: calc(33.333% - .5rem);  /* -webkit-flex-basis: calc(33.333% - .5rem); */ box-sizing:border-box; margin:0 0 0.5rem 0.5rem; padding:0}
 #sidebar-left div li:last-child { display:none; }
	 
#sidebar-left div LI A, 
#sidebar-left div LI.nav-active A 				{ text-align:center; background:#fafafa;width: 100%;padding: 5px 5%;}

#sidebar-left div LI.nav-active A.current	{ color:#fff; background-color: #707173;  }

div#account-header 	{ display:flex; margin:0 auto 0 auto; width:100%; padding-bottom:20px; }
#account-header ul { width:100%; list-style-type:none; margin:0; padding:0; }
#account-header ul li { list-style-type:none; margin:0; padding:0; width:50%;  }
#account-header ul li A, 
#account-header ul li.nav-active A 	{ display:block; width:100%; text-align:center; background:#fafafa;width: 100%;padding: 5px 5%;}
#account-header ul li.nav-active A  	{ background:#96c11f; color:#fff; }

/* Style Customer Account */


#innercontentwrp {	padding:2% 0px;}
#content				 {	width:calc(100% - 350px);padding:0; float:right; position:relative; transition:transform .5s; }

#content2 { display:flex; width:100%; max-width:800px;  margin:0 auto 0 auto; flex-wrap:wrap; padding:1rem;}

#content2 #lgn-submit { float:right; }
#content2 div#login-wrapper { width:100%; }


#orderpwdlink		{ float:left; width:auto; margin: 5px 0 0 0;}

#invoiceaddress			{ float:left;  margin-top:0; padding:0 0 20px 0; position:relative;  width:100%;  }
#invoiceaddress2			{ color:#fff;  margin-top:0; padding:0; position:relative; top:-20px;  }
#invoiceaddress form 	{ margin:0;padding:0; } 

#myaddressUpdBtn		{	float:left; margin:25px 0 0 0 }


#createNewAccount,
#createGuestAccount,
#createLogin					{ float:left; background:none;  }


#failure, #advice, div#success { margin:20px 0; }
#lnk_datasec { color:#96c11f} 

#content-bottom			{ height:auto; margin:0}

h3.account_hl 				{ text-align:left;font-size: 1.8em;text-transform: uppercase;	letter-spacing: 0.05em;	line-height: 1.2em; margin-top: 20px;}
h3.account_hl2			{ float:left;  font-size:1em; padding:0;margin:10px 0 0 0; font-weight:bolder; text-align:left}
						
	
#sbm-registration			{float:left; margin:10px 0 0 0; text-align:right; clear:both; width:100%; }	
	
#datasec1						{ position:absolute;left:0;top:0; width:730px; height:550px;background:#212325; display:none; border:0px solid #c0c0c0; color:#fff }


#new,  #activateLayer		{ float:left; margin:0 0 0 0px; }


div.data-wrapper		{ float:left; clear:left; position:relative; margin:0; padding:0 0 0 0px; width:100%}
div.myadd					{ float:left; max-width:575px; width:100%; padding-bottom:20px; }
div.w400					{ float:left; width:400px; height:auto; }



#login					{ float:left; width:100% }

/* .lgnbtn			{ float:right ; width:20%; min-width:200px; height:40px; background:#707173; color:#fff!important;text-align:center;  line-height:40px;  text-transform:uppercase; border:none;transition:all ease 0.3s; cursor:pointer}
.lgnbtn:hover 	{ background:#96c11f; color:#fff } */




span.close			{ cursor:pointer }

a i {font-size: 1.3em!important;color: #ccc;}
a:hover i { color:#96c11f}

#deladdresses			{ }
#upd_adress			{ float:left; width:100%; /* border-bottom: 1px solid #fff */; padding-bottom:20px }
#list-address			{ float:left; width:100%; }
.data-wrapper2			{ float:left; width:100%;height:auto; position:relative; padding-bottom: 10px; }

.data-wpr-left			{ float:left; width:100%;max-width:400px;margin-top:10px }
.data-wpr-right			{ float:right; padding-bottom:20px;margin-top:20px; }
.data-wpr-right a 	  { padding: 12px; background: #222; border-radius: 50%;}
.data-wpr-right a i { color:#fff;}


.adr-borderline			{ float:left; width:100%; height:1px; background: #ececec}

/* Rechnungsarchiv  */

div#archive-wrapper		{ float:left; width:100%; margin:15px 0 0 0;border:1px solid #cecece; transition: transform .5s;}
/* #content.active #archive-wrapper { transform: translateX(350px); } */



.archive {text-align: center;}
.archive li { list-style:none; margin:0; padding:0; line-height:40px;}
.mobileCap { display:none; text-align:left; font-size:0.9em; font-style:italic; line-height:1;}


.caption	{ font-weight:400; float:left;border-bottom:1px solid #cecece; min-height:0!important; word-break:break-all}


.number, .tracking, .order-date, .order-tracking, .delivery-date, .invoice, .upload, .articles {  float:left;border-right:0px solid #cecece;padding:10px;/*  min-height:55px; */ width:14.285%; }
.order-history .invoice, .order-history .articles { border-right:none; }

.order-history ol li .articles { border-left:0px solid #cecece; }
.order-history ol li .articles a { font-size: .9em;}
.order-history ol li .articles a:before { content: "\f067"; font-family:'FontAwesome'; margin-right:5px; }
.order-history ol li .articles a.activeOrder:before { content: "\f068"; font-family:'FontAwesome'; margin-right:5px; }
	
.tr1		{ background:#ececec;  }
.tr2 		{ background:#fcfcfc; }
.tr1, .tr2 { display:flex;flex-wrap:wrap; }

.products { float:left; width:100%; /*background:#f0f0f0;*/ display:none; border-top:0px solid #c0c0c0; border-bottom:0px solid #c0c0c0; padding:1%; }
.products ol li { border-bottom:1px dotted #c0c0c0; padding:5px;}
.products ol, .products ol li { float:left; width:100%; }
.products ol li .pimage { float:left; width:100px; }
.products ol li .details { float:left;  width:calc(100% - 230px); text-align:left;  border:none; }
.products ol li .details:before { content:""; }
		
.products .productLink { float:right; }
	
.products .title { line-height:1.5em; }
		
.products .price,
.products .quantity,
.products .price-complete { font-size:0.9em; width:100%; line-height:1.3em; }



label[for=datenschutz1] { display:block; padding:20px 20px 20px 0px;}

div#ovlwrapper 	 { position:fixed; left:0; top:0; z-index:1105; width:100%; height:100%; padding:0; text-align:center; background:rgba(0,0,0,0.5); display:none; overflow-y:auto; color:#f0f0f0; -webkit-overflow-scrolling: touch; }
div#ovlinnerwrp	 {  height:auto; width:100%; max-width:1000px; margin:2.5% auto 2.5% auto; padding:2% 5% 5% 5%; overflow:hidden; background:#fff; color:#555; overflow:hidden; position:relative; left:0; top:0; text-align:left; }
div#closeWrapper  { position:absolute; top:0; right:0; padding:20px 20px 0; background:#fff; font-size:40px; color:#808080; cursor:pointer; text-align:right }
div#ovlcontent		 { float:left; width:98%; /* height:98%;  */padding:0 1% 0 1%; margin-top:2%; overflow:hidden }

#ovlcontent h1 { margin-top:20px; }
#ovlcontent h2 { margin-top:25px; }
#ovlcontent h3,
#ovlcontent h4 { margin-top:15px;}


.showMenu {
	position: absolute;
	top: 8px;
	right: 2rem;
	width: 40px;
	padding: 5px 10px 5px 10px;
	box-shadow: 1px 1px 5px #ccc;
	background: #fff;
	cursor: pointer;
	font-size: 1em;
	z-index: 40;
	margin-right: 0px;
	text-align:center;
	display:none;
}

.showMenu.activeBtn { background:#96c11f; color:#fff; }


@media screen and (max-width: 1023px) {
	#innercontentwrp {padding:0 0px;}
	#content {	width: 100%; padding:3% 0; }
	div#sidebar-left {
		transition: transform .5s;
		transform: translateX(-350px);
		position: absolute;	
	}
	
	.showMenu { display:block; }
	#mobileContent.active #sidebar-left { transform:translateX(0px); }
	#mobileContent.active #content { transform:translateX(350px); }
}
@media screen and (max-width: 800px) {
	.archive .headline { line-height:40px; }
	.archive { font-size:.9em; }
	#content, #content2 { padding:1rem;}
	
	.mobileCap.show-tablet { float:left; width:100%; display:block !important;}
	.mobileVal { float:left; width:100%; text-align:left;line-height:1; font-size:1.0em;margin-top:5px;}
	
	.number a { display:block; margin-top:20px;}
	.number, .tracking, .order-date, .order-tracking, .delivery-date, .invoice, .upload, .articles { 
		width:33.333%;
	}
	
}
@media screen and (max-width: 650px) {
	#archive-wrapper { overflow-x:scroll; }
	.archive { width:100%; }
	div#ovlinnerwrp { margin:0; width:100%;  padding:2%; }
	
	div#ovlinnerwrp h1		{ text-align:center; }
	div#ovlinnerwrp h2,
	div#ovlinnerwrp h3		{ text-transform:none; margin:10px 0 10px 0; }
	div#ovlinnerwrp h3 		{ font-size:1.35em; font-weight:500; }
	div#ovlinnerwrp h4 		{ font-size:1.2em; font-weight:normal; }
	
	#content { padding:20px;}
	.showMenu { right:20px;}
	

	#lgn-submit { width:100%;}
	
	.btn-fresh, .btn-light { min-width:45%;}
	
	div.leftfloat.city {width:68%;}
	div.leftfloat.plz { width: 30%; }
	div.leftfloat.mail, div.leftfloat.fon, div.leftfloat.vorname, div.leftfloat.name, div.leftfloat.pwd {width:100%;}
	.number, .tracking, .order-date, .order-tracking, .delivery-date, .invoice, .upload, .articles { 
		width:50%;
	}
	
	#gender { width:35%;}
	
}
/*
	.archive .mobileVal { float:right!important;}
	.tr1, .tr2 { padding:2% 3%;}
	.archive { text-align:left;}
	.archive li { line-height:1.5em;}
	.headline { display:none;}
	.number, .tracking, .order-date, .order-tracking, .delivery-date, .invoice, .articles {float:left!important; width:100%!important; padding:0!important; border-right:none!important; min-height:0!important;text-align:left} 
*/