/************************************ Start: Warenkorb ************************************/
/* Start: Simple Shop Basket Main Trennlinie */
.cmsBasketTitle > hr { background: var(--primary); height: 1px; border: none; margin: 0 0 15px 0; }
/* End: Simple Shop Basket Main Trennlinie */

/* Start: Simple Shop Basket Fonts */
#ss_basket > thead > tr > td,
#ss_basket .ssb_name,
#ss_basket .ssb_price,
#ss_basket .ssb_price_total { font-family: neue-kabel, sans-serif; font-weight: 400; font-size: 20px; line-height: 25px; color: #000000; text-align: right; }
#ss_basket > thead > tr > td { font-weight: 700; }
#ss_basket .ssb_name { text-align: left; }
#ss_basket .ssb_price_total { font-weight: 700; }
#ss_basket .ssb_vat_1 .ssb_label > div,
#ss_basket .ssb_vat_1 .ssb_value > div,
#ss_basket .ssb_vat_2 .ssb_label > div,
#ss_basket .ssb_vat_2 .ssb_value > div,
#ss_basket .ssb_vat_0 .ssb_label > div,
#ss_basket .ssb_vat_0 .ssb_value > div,
#ss_basket .ssb_shipment .ssb_label > div,
#ss_basket .ssb_shipment .ssb_value > div { font-family: neue-kabel, sans-serif; font-weight: 400; font-size: 22px; line-height: 28px; color: #000000; text-align: right; }
#ss_basket .ssb_vat_1 .ssb_value > div { font-weight: 700; }
#ss_basket .ssb_vat_2 .ssb_value > div { font-weight: 700; }
#ss_basket .ssb_vat_0 .ssb_value > div { font-weight: 700; }
#ss_basket .ssb_shipment .ssb_value > div { font-weight: 700; }
#ss_basket .ssb_grandtotal > .ssb_grandtotal_label > div,
#ss_basket .ssb_grandtotal > .ssb_grandtotal_value > div { font-family: neue-kabel, sans-serif; font-weight: 400; font-size: 30px; line-height: 38px; color: #000000; text-align: right; }
#ss_basket .ssb_grandtotal > .ssb_grandtotal_value > div { font-weight: 700; }
/* End: Simple Shop Basket Fonts */

/* Start: Simple Shop Basket Product Image */
#ss_basket .ssb_image > a { display: block; width: 100%; height: 180px; }
#ss_basket .ssb_image img { width: 100%; height: 180px; object-fit: cover; object-position: center; }
/* End: Simple Shop Basket Product Image */

/* Start: Simple Shop Basket Product Number */
#ss_basket .ssb_nr { display: none; }
/* End: Simple Shop Basket Product Number */

/* Start: Simple Shop Basket Product Delete */
#ss_basket .ssb_delete {
	cursor: pointer;
	position: relative;
	width: 47px;
	height: 47px;
	background: var(--primary);
	border: 1px solid var(--primary);
	transition: var(--transition);
}
#ss_basket .ssb_delete > i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 20px;
	line-height: 25px;
	text-align: center;
	color: #FFFFFF;
	transition: var(--transition);
}
#ss_basket .ssb_delete:hover { background: var(--secondary); border: 1px solid var(--secondary); }
#ss_basket .ssb_delete:hover > i { color: #FFFFFF; }
/* End: Simple Shop Basket Product Delete */

/* Start: Simple Shop Basket Produkt Quantity */
#ss_basket .ssb_quantity > div { width: 100%; }
/* End: Simple Shop Basket Produkt Quantity */

/* Start: Simple Shop Basket Update Button */
#ssb_update {
	cursor: pointer;
	display: flex;
	align-items: baseline;
	justify-content: flex-end;
	font-family: neue-kabel, sans-serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 25px;
	color: var(--primary);
	text-align: left;
	text-decoration: none;
	margin: 0 0 30px 0;
}
#ssb_update > i { font-size: 20px; line-height: 25px; color: var(--primary); }
#ssb_update:hover { text-decoration: underline; }
/* End: Simple Shop Basket Update Button */

/* Start: Simple Shop Basket Order Button */
.ss_basket_order_button_box { display: flex; justify-content: flex-end; }
/* End: Simple Shop Basket Order Button */

/* Start: Simple Shop Basket Back Button */
.shop_back_btn_box { display: flex; justify-content: flex-start; }
/* End: Simple Shop Basket Back Button */

/* Start: Simple Shop Basket Display */
#ss_basket { display: block; }
#ss_basket > thead { display: block; }
#ss_basket > thead > tr { display: flex; flex-wrap: wrap; justify-content: flex-start; width: 100%; }
#ss_basket > thead > tr > td { display: block; }
#ss_basket > tbody { display: block; }
#ss_basket > tbody > tr { display: flex; flex-wrap: wrap; justify-content: flex-start; width: 100%; }
#ss_basket > tbody > tr > td { display: block; }
#ss_basket > tfoot { display: block; }
#ss_basket > tfoot > tr { display: flex; flex-wrap: wrap; justify-content: flex-start; width: 100%; }
#ss_basket > tfoot > tr > td { display: block; }
/* End: Simple Shop Basket Display */

/* Start: Simple Shop Basket Grid */
#ss_basket > thead > tr > td:first-of-type { width: 270px; }
#ss_basket > thead > tr > td:nth-of-type(2) { width: 270px; padding: 0 30px; }
#ss_basket > thead > tr > td:nth-of-type(3) { width: 177px; }
#ss_basket > thead > tr > td:nth-of-type(4) { width: 198px; padding: 0 15px 0 30px; }
#ss_basket > thead > tr > td:nth-of-type(5) { width: 208px; padding: 0 30px 0 15px; }
#ss_basket > thead > tr > td:last-of-type { width: 47px; }
#ss_basket > tbody > tr > td:first-of-type { width: 270px; }
#ss_basket > tbody > tr > td:nth-of-type(2) { width: 270px; padding: 0 30px; }
#ss_basket > tbody > tr > td:nth-of-type(3) { width: 177px; }
#ss_basket > tbody > tr > td:nth-of-type(4) { width: 198px; padding: 0 15px 0 30px; }
#ss_basket > tbody > tr > td:nth-of-type(5) { width: 208px; padding: 0 30px 0 15px; }
#ss_basket > tbody > tr > td:last-of-type { width: 47px; }
#ss_basket > tfoot > tr > td:first-of-type { width: 717px; }
#ss_basket > tfoot > tr > td:nth-of-type(2) { width: 198px; }
#ss_basket > tfoot > tr > td:last-of-type { width: 255px; }
/* End: Simple Shop Basket Grid */

/* Start: Simple Shop Basket Body Row Border */
#ss_basket > tbody > tr { padding: 0 0 30px 0; border-bottom: 1px solid var(--primary); margin: 0 0 30px 0; }
/* End: Simple Shop Basket Body Row Border */

/* Start: Simple Shop Basket Head Row Border */
#ss_basket > thead > tr { padding: 0 0 15px 0; border-bottom: 2px solid var(--primary); margin: 0 0 30px 0; }
/* End: Simple Shop Basket Head Row Border */

/* Start: Simple Shop Basket Grand Total Row Border */
#ss_basket .ssb_grandtotal { padding: 0 0 20px 0; border-bottom: 2px solid var(--primary); margin: 0; }
/* End: Simple Shop Basket Grand Total Row Border */

/* Start: Simple Shop Basket Responsive Grid */
@media only screen and (max-width: 1280px) {
	#ss_basket > thead > tr > td:first-of-type { width: 23%; }
	#ss_basket > thead > tr > td:nth-of-type(2) { width: 23%; }
	#ss_basket > thead > tr > td:nth-of-type(3) { width: 15%; }
	#ss_basket > thead > tr > td:nth-of-type(4) { width: 17%; }
	#ss_basket > thead > tr > td:nth-of-type(5) { width: 18%; }
	#ss_basket > thead > tr > td:last-of-type { width: 4%; }
	#ss_basket > tbody > tr > td:first-of-type { width: 23%; }
	#ss_basket > tbody > tr > td:nth-of-type(2) { width: 23%; }
	#ss_basket > tbody > tr > td:nth-of-type(3) { width: 15%; }
	#ss_basket > tbody > tr > td:nth-of-type(4) { width: 17%; }
	#ss_basket > tbody > tr > td:nth-of-type(5) { width: 18%; }
	#ss_basket > tbody > tr > td:last-of-type { width: 4%; }
	#ss_basket > tfoot > tr > td:first-of-type { width: 61%; }
	#ss_basket > tfoot > tr > td:nth-of-type(2) { width: 17%; }
	#ss_basket > tfoot > tr > td:last-of-type { width: 22%; }
}
@media only screen and (max-width: 1040px) {
	#ss_basket > thead > tr > td { display: none; }
	#ss_basket > tbody > tr { position: relative; }
	#ss_basket > tbody > tr > td:first-of-type { width: 100%; padding: 0 0 15px 0; }
	#ss_basket > tbody > tr > td:nth-of-type(2) { width: 100%; padding: 0 0 15px 0; }
	#ss_basket > tbody > tr > td:nth-of-type(3) { width: 100%; padding: 0 0 15px 0; }
	#ss_basket > tbody > tr > td:nth-of-type(4) { width: 100%; padding: 0 0 15px 0; }
	#ss_basket > tbody > tr > td:nth-of-type(5) { width: 100%; padding: 0; }
	#ss_basket .ssb_image img { object-fit: contain; object-position: center left; }
	#ss_basket .ssb_quantity > div { display: flex; justify-content: flex-end; }
	#ss_basket .ss_toggler_block { max-width: 270px; }
	#ss_basket > tbody > tr > td:last-of-type { position: absolute; bottom: 30px; left: 0; }
	.shop_back_btn_box { justify-content: flex-end; }
}
@media only screen and (max-width: 720px) {
	#ss_basket > tfoot > tr > td:first-of-type { width: calc(100% - 290px); }
	#ss_basket > tfoot > tr > td:nth-of-type(2) { width: 150px; }
	#ss_basket > tfoot > tr > td:last-of-type { width: 140px; }
}
@media only screen and (max-width: 500px) {
	#ss_basket > tfoot > tr > td:first-of-type { display: none; }
	#ss_basket > tfoot > tr > td:nth-of-type(2) { width: 100%; }
	#ss_basket > tfoot > tr > td:last-of-type { width: 100%; margin: 0 0 15px 0; }
	#ss_basket .ssb_image img { object-fit: cover; object-position: center; }
}
/* End: Simple Shop Basket Responsive Grid */
/************************************ End: Warenkorb ************************************/