.T2886 {
	min-height: 100px;
	color: #444;
	font-size: 15px;
}

.T2886 .cartHeader { display: flex; justify-content: space-between; border-bottom: 2px solid rgba(0,0,0,0.2); margin-bottom: 20px;  }

.T2886 #cartProgressBar { height: 30px; }
.T2886 #cartProgressBar .step { float: left; margin-right: 20px;  }
.T2886 #cartProgressBar .step.active { color: #000; font-weight: bold;  }
.T2886 #cartProgressBar .step.done a { color: #000; }



.T2886 .adresse { float: left; width: 40%; padding-right: 30px; box-sizing: border-box; }
.T2886 .terms { float: left; width: 60%; }
.T2886 .terms .terms-inner { box-sizing: border-box;  font-size: 14px !important; width: 100% !important; height: 350px !important; padding: 0px 3% !important; }
.T2886 table.cart td { padding-top: 10px !important; padding-bottom: 10px !important; border-bottom: 1px solid rgba(0,0,0,0.1) !important; }
.T2886 table.cart tr.subtotal td { border-bottom-width: 0px !important; }



.T2886 table.cart td.input {
	border-bottom: 0px solid transparent !important;
	padding: 5px 5px 4px 0px !important;
}

.T2886 table.cart td.input.nn span { padding: 3px 5px; }

.T2886 table.data td.input input[type=text] { width: 100%; padding: 1px 2px !important; }
.T2886 table.data td.input select { width: 100%; min-height: 22px; }
.T2886 .item div p { margin: 0px 0px 5px 0px; }
.T2886 .item div ul { margin: 5px 0px; }

.T2886 table.cart td.image { padding-right: 20px !important; }
.T2886 table.cart td .info { font-size: 13px !important; line-height: 1.25 !important; }

.T2886 table.cart td .expires { color: #262; }
.T2886 table.cart td .expires.expired { color: #966; }


.T2886 table.cart td.details { line-height: 1.2; }
.T2886 table.cart td.sum { padding-left: 20px !important; font-weight: bold !important; font-size: 20px !important;  }
.T2886 table.cart td.sum div.mwst{  font-style: italic; font-size: 9px !important; line-height: 1; white-space: nowrap; }
.T2886 table.cart td.total {
	padding: 10px 0px !important;
	font-size: 25px !important;
	line-height: 1.2 !important;
	color: #BD2631 !important;
}




.T2886 .terms .accept { margin: 10px 0px; }
.T2886 .form .cancel { background-color: #aaa; color: #fff; font-weight: bold; padding: 5px 30px; text-transform: uppercase; font-size: 12px; border: none; }
.T2886 .form .finish { background-color: #BD2631; color: #fff; font-weight: bold; padding: 5px 30px; text-transform: uppercase; font-size: 12px; border: none; }

.T2886 input[type=submit] { -webkit-appearance: none; }


.T2886 .cart-section {
	display: flex;
	margin: 0px 0px 20px 0px; 
	padding: 20px 0px 30px 0px; 
	border-bottom: 1px solid #ccc; 
}

.T2886 .cart-section-header { flex: 1; }
.T2886 .cart-section-content { flex: 2; }
.T2886 .cart-section-header .label { font-weight: bold; font-size: 13px; }

.T2886 .nl-checkbox .info {
	font-size: 13px;
	color: #777;
	margin: 3px 0 0 0;
}


/* Progressbar */
#cart-shop-button a {
	display: inline-block;
	text-decoration: none;
	color: #FFF;
	background-color: #AAA;
	padding: 5px 12px;
}

#cart-shop-button a:hover {
	background-color: #888;
}


#cart .bottom_button {
	padding: 7px 20px;
	color: #fff;
	border: 0px;
	font-size: 16px;
	cursor: pointer;
	background-color: #999;
}

#cart .bottom_button.finish {
	background-color: #C30; 
}


/* Clientanpassungen */
/* OKB */
#body.Mandant_3469 .T2886 table.cart td.total {
	color: #000 !important;
}

/* Arztpraxis Oberstdorf */

#body.Mandant_27604 .T2886 #cart table.cart th.sum.euro { opacity: 0; }
#body.Mandant_27604 .T2886 #cart table.cart td.sum.euro { opacity: 0; }
#body.Mandant_27604 .T2886 #cart table.cart td.total.euro { opacity: 0; border-top-width: 1px !important; }

#body.Mandant_27604 .T2886 #cart:not(.checkout) table.cart tr:last-child { display: none; }


@media all and (max-width: 950px) {
	
	.T2886 .form { max-width: 400px; margin: 0px auto; }
	.T2886 .adresse { float: none; width: 100%; padding-right: 0px;  }
	.T2886 .terms { float: none; width: 100%; margin: 20px 0px;  }

}


@media all and (max-width: 700px) {
	
	.T2886 #cartProgressBar { font-size: 12px; }
	
	.T2886 table.cart { display: block}
	.T2886 table.cart > tbody { display: block}
	.T2886 table.cart > tbody > tr { display: block; width: 100%; position: relative; }
	.T2886 table.cart > tbody > tr > th { display: none}
	.T2886 table.cart > tbody > tr > td { display: block; width: 100% !important; box-sizing: border-box; }
		

	.T2886 table.cart > tbody > tr > td.image { float: left; width: 100px !important; border-width: 0px !important;}
	.T2886 table.cart > tbody > tr > td.item { padding-left: 120px !important; border-width: 0px !important; }
	.T2886 table.cart > tbody > tr > td.details { padding: 0px 0px 0px 120px !important; border-width: 0px !important; }
	.T2886 table.cart > tbody > tr > td.euro { padding-left: 120px !important; }
	.T2886 table.cart > tbody > tr > td.optional_items_button { text-align: right; margin-top: 10px; margin-bottom: 20px; }
		
	.T2886 table.cart td { padding-top: 0px !important; padding-bottom: 0px !important; border-bottom: 0px solid rgba(0,0,0,0.1) !important; }
	
	.T2886 table.cart td.remove { position: absolute; right: -20px; top: 10px; }

	
	.T2886 table.data { display: block}
	.T2886 table.data tbody { display: block}
	.T2886 table.data th { display: none}
	.T2886 table.data tr { display: block; width: 100%;}
	.T2886 table.data td { display: block; width: 100% !important; box-sizing: border-box; }
	
	.T2886 table.data td.input { display: flex; }
	.T2886 table.data td.input > label { flex: 1; }
	.T2886 table.data td.input > span { flex: 3; }
	
	

	.T2886 .cart-section { display: block !important; }


}



@media all and (max-width: 567px) {
	.T2886 .cartHeader {
		flex-direction: column;
	}

	.T2886 #cartProgressBar { order: 2; }
	.T2886 #cart-shop-button { order: 1; margin-bottom: 15px; align-self: flex-end; }
	
	.T2886 #cartform .wrapper .newsletter { width: 100% !important; float: none !important; margin: 0 0 25px 0 !important; }
	.T2886 #cartform .wrapper .herkunft { width: 100% !important; float: none !important; margin: 0 0 25px 0 !important; }
}


.T2886 .empty {
	border: 0px solid #fff !important;
	color: #000 !important;
	background-color: #fff;
	box-shadow: 5px 5px 25px rgba(0,0,0,0.1);
	padding: 60px 20px; 
	font-size: 25px; 
	margin: 20px 0px;
	border-radius: 10px;
	
}

.T2886 .empty .icon {
	color: #c33;
	font-size: 50px;
	margin: 20px;
	
}



.T2886 .cart_error {
	border: 0px solid #fff !important;
	color: #000 !important;
	background-color: #fff !important;
	box-shadow: 5px 5px 25px rgba(0,0,0,0.1);
	border-radius: 10px !important;
	padding: 25px 50px !important; 
	font-size: 25px !important; 
	margin: 30px 0px !important;
	text-align: center;
	
}


.T2886 .cart_error .icon {
	color: #f33;
	font-size: 50px;
	margin: 20px;
	
}

.T2886 .cart_error .info {
	margin-top: 20px;
	font-size: 16px;
	color: #999;
	
}



.T2886 .success {
	border: 0px solid #fff !important;
	color: #000 !important;
	background-color: #fff;
	box-shadow: 5px 5px 25px rgba(0,0,0,0.1);
	border-radius: 10px!important;
	padding: 60px 20px!important; 
	font-size: 25px !important; 
	margin: 20px 0px !important;
	text-align: center !important;
	
}


.T2886 .success .icon {
	color: #3c3;
	font-size: 60px;
	margin: 20px;
	text-align: center;
	
}