#cart { position: fixed; left: calc(100vw + 0.2em); top: 0; width: 45em; height: 100vh; max-height: 100vh; background: #fff; border-left: 0.2em solid #5d5d5d; z-index: 800; overflow: auto; }
	
	#cart_headline { font-size: 1.4em; font-variant: small-caps; margin: 0.5em 2em 0.5em 1em; }
	#cart_headline table { float: right; opacity: 0.7; cursor: pointer; font-size: 0.8em; }
	#cart_headline img { display: block; width: 0.8em; margin-right: 0.25em; }
	#cart_headline table:hover { opacity: 1; }
	
	#cart_summery { display: flex; flex-wrap: wrap; margin: 0.5em 2em 1em 1em; padding: 0.5em 0; background: #5d5d5d; color: #fff; }
	.cart_summery_clear { width: 45%; }
	.cart_summery_clear div { width: 45%; padding: 0.15em 0; margin: 0.25em; margin-left: 0.5em; background: #f0f0f0; border: 1px solid #b3b3b3; color: #5d5d5d; border-radius: 5px; cursor: pointer; text-align: center; }
	.cart_summery_clear div:hover { background: #b3b3b3; color: #fff; }
	.cart_summery_clear_mobile { display: none; }
	.cart_summery_clear_mobile div { width: 90%; padding: 0.5em 0; margin: 0.5em 0; margin-left: 0.75em; background: #f0f0f0; border: 1px solid #b3b3b3; color: #5d5d5d; border-radius: 5px; cursor: pointer; text-align: center; }
	.cart_summery_amount { width: 15%; text-align: right; font-size: 1.1em; padding: 0.3em 0; }
	.cart_summery_price { width: 15%; text-align: right; font-size: 1.1em; padding: 0.3em 0; }
	.to_checkout { width: 25%; text-align: right; }
	.to_checkout div { float: right; width: 8em; margin-right: 0.5em; background: #98C931; font-size: 1.1em; border: 1px solid #b3b3b3; border-radius: 5px; color: #fff; cursor: pointer; padding: 0.15em 0; }
	.to_checkout div:hover { background: #b3b3b3; color: #000; }
	.to_checkout div:hover img { filter: invert(100); }
	.to_checkout table { }
	.to_checkout_img { width: 2em; }
	.to_checkout_img img { display: block; width: 1.5em; }
	
	
	.cart_content { border-bottom: 1px dotted #5d5d5d; margin: 0.5em 2em 0.5em 1em; padding-bottom: 1em; }
	.cart_content_img { float: left; width: 30%; }
	.cart_content_img img { width: calc(100% - 1em); }
	.cart_content_title_keypoints_amount_price_full-price { float: left; width: 70%; }
	.cart_content_title { width: 100%; font-size: 1.2em; font-variant: small-caps; }
	.cart_content_keypoints { width: 100%; font-size: 0.8em; max-height: 5em; overflow: hidden; }
	.amount_price_full_price { display: flex; flex-wrap: wrap; width: 70%; }
	.amount { width: 30%; }
	.amount table { }
	.amount .amount_sup { width: 2em; text-align: center; }
	.amount .amount_sup div { margin: 0.15em; border: 1px solid #b3b3b3; border-radius: 5px; background: #f0f0f0; cursor: pointer; }
	.amount .amount_sup div:hover { border: 1px solid #000; color: #000; }
	.amount .amount_add { width: 2em; text-align: center; }
	.amount .amount_add div { margin: 0.15em; border: 1px solid #b3b3b3; border-radius: 5px; background: #f0f0f0; cursor: pointer; }
	.amount .amount_add div:hover { border: 1px solid #000; color: #000; }
	.amount_input { width: 3.5em }
	.amount_input input { width: 2.5em; margin: 0.5em 0.25em; padding: 0.25em; text-align: center; border: 1px solid #5d5d5d; border-radius: 5px; }
	.price { width: 30%; text-align: right; font-size: 1.2em; padding-top: 0.75em; }
	.full_price { width: 30%; text-align: right; font-size: 1.2em; padding-top: 0.75em; }
	.to_trash { width: 10%; text-align: right; padding-top: 0.9em; }
	.to_trash img { display: block; width: 1.5em; margin-left: 30%; opacity: 0.5; cursor: pointer; }
	.to_trash img:hover { opacity: 0.8; }
	
	@media only screen and (max-width: 800px) {
		
		#cart { width: 100%; overflow-x: hidden; }
		
		.cart_summery_amount { width: 25%; order: 1; }
		.cart_summery_price { width: 25%; order: 2; }
		.to_checkout { width: 50%; order: 3; }
		.cart_summery_clear { display: none; }
		.cart_summery_clear_mobile { display: block; }
	
		.cart_content_keypoints { max-height: 7em; }
		.amount_price_full_price { width: 100%; }
		.amount { width: 100%; }
		.amount .amount_sup { width: 3em; }
		.amount .amount_sup div { margin: 0.5em; }
		.amount .amount_add { width: 3em; text-align: center; }
		.amount .amount_add div { margin: 0.5em; }
		.price { width: 45%; }
		.full_price { width: 25%; }
		.to_trash { width: 15%; }
		
	}