
/* font awesome */
#minicart a.icon:after,
table.cart button[name="update"] b:before,
table.cart button[name="remove"] b:before,
xxx
 { font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 900; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }



/* product list */

#container ul.productlist { margin: 0; }
#container ul.productlist li:before { display: none; }
#container ul.productlist li { padding: 0; margin: 0; margin-bottom: 24px; overflow: hidden; }

#container ul.productlist h3 { font-size: 15px; line-height: 22px; margin: 0; }

#container ul.productlist.gallery { margin: 0 -12px 0 -12px; }
#container ul.productlist.gallery li { width: calc(33.3% - 24px); float: left; display: block; box-sizing: border-box; margin: 0 12px 24px 12px; background: #eee;}
#container ul.productlist.gallery li > div {  padding: 12px; }
#container ul.productlist.gallery .product_image { padding-bottom: 12px; width: 100%; }

#container ul.productlist.gallery { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; margin: 0 -12px 0 -12px; } 


#container ul.productlist.list li > div { padding: 0 224px 24px 0; }
#container ul.productlist.list li.hasimage > div { padding-left: 224px; }
#container ul.productlist.list li.hasimage .product_image { width: 200px; float: left; margin-left: -224px; }
#container ul.productlist.list .product_header { margin-bottom: 12px; float: left; }
#container ul.productlist.list .product_price { float: right; margin-right: -224px; width: 200px; }
#container ul.productlist.list .product_price form { background: none; padding: 0; margin-top: 12px; }
#container ul.productlist.list .product_price input { width: 100%; box-sizing: border-box; margin-bottom: 4px; }
#container ul.productlist.list .product_price > span { display: block; }
#container ul.productlist.list .product_price form span { display: block; }
#container ul.productlist.list .total { font-weight: bold; font-size: 20px; display: block; }



@media all and (max-width: 1130px) {
	#container ul.productlist.list li > div { padding: 0 0 24px 0; }
	#container ul.productlist.list .product_header { float: none; }
	#container ul.productlist.list .product_price { margin-right: 0; float: none; width: 100%; }
}
@media all and (max-width: 640px) {
	#container ul.productlist.list li.hasimage > div { padding-left: 112px; }
	#container ul.productlist.list li.hasimage .product_image { width: 100px; float: left; margin-left: -112px; }
	#container ul.productlist.list .product_header { float: none; }
	#container ul.productlist.list .product_price { margin-right: 0; float: none; }
}


/* product details */
.mod_mytlshop_detail.hasimage .product_main { padding-left: 50%; }
.mod_mytlshop_detail .product_image { width: 100%; float: left; margin-left: -100%; }
.mod_mytlshop_detail .product_info { padding-left: 24px;  }
/*
.mod_mytlshop_detail.hasimage .product_image { width: 50%; float: left; padding: 0 12px 24px 0; }
.mod_mytlshop_detail.hasimage .product_price { width: 50%; float: left; padding: 0 0 24px 12px; }
.mod_mytlshop_detail.hasimage .product_teaser { width: 50%; float: left; padding: 0 0 24px 12px; }
*/
#container .mod_mytlshop_detail .product_price form { background: none; padding: 0; margin-top: 12px; }
.mod_mytlshop_detail .product_price > .specialization { margin-bottom: 12px; }
.mod_mytlshop_detail .product_price > .variants { margin-bottom: 12px; }
.mod_mytlshop_detail .product_price > .variants .headline { font-weight: bold; margin-bottom: 0; }
.mod_mytlshop_detail .product_price input { width: 100%; box-sizing: border-box; margin-bottom: 4px; }
.mod_mytlshop_detail .product_price > span { display: block; }
.mod_mytlshop_detail .product_price > span.specialization { display: inline-block; }
.mod_mytlshop_detail .product_price form span { display: block; width: 50%; float: left; box-sizing: border-box; }
.mod_mytlshop_detail .product_price form span.mytlshop_amount { padding-right: 12px; width: 20%; }
.mod_mytlshop_detail .product_price form span.mytlshop_tocart_submit { width: 80%; }
.mod_mytlshop_detail .total { font-weight: bold; font-size: 20px; display: block; }
.mod_mytlshop_detail .product_description { clear: both; }
.mod_mytlshop_detail p.subtitle { margin-top: -12px; font-weight: bold; }

@media all and (max-width: 640px) {
	/*
	.mod_mytlshop_detail.hasimage .product_image { width: 100%; padding: 0 0 24px 0; }
	.mod_mytlshop_detail.hasimage .product_price { width: 100%; padding: 0 0 24px 0; }
	.mod_mytlshop_detail.hasimage .product_teaser { width: 100%; padding: 0 0 24px 0; }
	*/
	.mod_mytlshop_detail.hasimage .product_main { padding-left: 0; }
	.mod_mytlshop_detail .product_image { width: 100%;  margin-left: 0; }
	.mod_mytlshop_detail .product_info { padding-left: 0;  }
}



/* other lists */
#container .az ul li { display: inline-block; padding: 0px; margin: 0 12px 12px 0; }
#container .az ul li:before { display: none; }
#container .az ul li a { display: inline-block; padding: 0; width: 32px; line-height: 32px; border: 1px solid #ee8800; text-align: center; }
#container .az ul li.active a { font-weight: bold; }


.mod_mytlshop_authors .item.hasimg { padding-left: 124px; }
.mod_mytlshop_authors .item.hasimg .image { width: 100px; float: left; margin-left: -124px; }
.mod_mytlshop_authors .item:after { clear: both; display: block; content: ''; margin-bottom: 24px; }

.mod_mytlshop_producers .item.hasimg { padding-left: 124px; }
.mod_mytlshop_producers .item.hasimg .image { width: 100px; float: left; margin-left: -124px; }
.mod_mytlshop_producers .item:after { clear: both; display: block; content: ''; margin-bottom: 24px; }

@media all and (max-width: 640px) {
	.mod_mytlshop_authors .item.hasimg { padding-left: 0; }
	.mod_mytlshop_authors .item.hasimg .image { width: 100px; float: none; margin-left: -0; }

	.mod_mytlshop_producers .item.hasimg { padding-left: 0; }
	.mod_mytlshop_producers .item.hasimg .image { width: 100px; float: none; margin-left: -0; }
}


/* other details */
.mytlshop span.backlink { display: block; text-align: right; margin-bottom: 24px; }
.mod_mytlshop_gallery span.backlink { display: none; }
.mod_mytlshop_detail span.backlink { width: 120px; float: right; }


.mod_mytlshop_author.hasimg > .content { padding-left: 224px; }
.mod_mytlshop_author.hasimg > .content .image { width: 200px; float: left; margin-left: -224px; }
.mod_mytlshop_author .content:after { clear: both; display: block; content: ''; margin-bottom: 24px; }
.mod_mytlshop_author .mytlshop .backlink { display: none; }

.mod_mytlshop_producer.hasimg > .content { padding-left: 224px; }
.mod_mytlshop_producer.hasimg > .content .image { width: 200px; float: left; margin-left: -224px; }
.mod_mytlshop_producer .content:after { clear: both; display: block; content: ''; margin-bottom: 24px; }
.mod_mytlshop_producer .mytlshop .backlink { display: none; }

@media all and (max-width: 640px) {
	.mod_mytlshop_author.hasimg > .content { padding-left: 0; }
	.mod_mytlshop_author.hasimg > .content .image { width: 100%; margin-left: 0; }

	.mod_mytlshop_producer.hasimg > .content { padding-left: 0; }
	.mod_mytlshop_producer.hasimg > .content .image { width: 100%; margin-left: 0; }
}

/* mini cart */
	/* shopping-cart	f07a    cart-plus	f217   cash-register	f788   */
#minicart a.icon:after { content: "\f07a";  }
/* #minicart .hasitems a.icon:after { content: "\f217"; } */
#minicart a.icon span { display: none; }
#minicart a.content { position: absolute; bottom: 4px; right: 4px;  width: auto; height: 14px; box-sizing: border-box; padding: 2px; 
	background: rgba(255,255,255,0.8); text-align: right; font-size: 12px; line-height: 14px; color: #ee8800; color: #333; font-weight: bold; 
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
	/* -webkit-border-radius:6px 6px 6px 6px; -moz-border-radius:6px 6px 6px 6px; border-radius:6px 6px 6px 6px; */
}
#minicart a.content { display: none; }
#minicart .hasitems a.content { display: block; }

#minicart span.total { display: none; }
#minicart span.incart { display: none; }


/*
f00c   f410
*/

/* cart */
table.cart { margin-bottom: 24px; }
table.cart table.description { min-width: 150px; }
table.cart table.description .thumb { width: 50px; padding: 0 12px 12px 0; }
#top #container table.cart table.description td { border: 0; }
#top #container table.cart tr.separator { display: none; }
#top #container table.cart form { background: none; padding: 0; margin: 0; }
table.cart .cart_item_total { font-weight: bold; }
table.cart td.value { text-align: right; }
table.cart .cart_total { font-weight: bold; }
#top table.cart.mobilize > tbody > tr > td::before { text-align: left; }
table.cart button.submit { padding: 6px; }
table.cart input[name="amount"] { width: 40px; margin-bottom: 4px; }

table.cart button[name="update"] span { display: none; }
table.cart button[name="update"] b:before { content: '\f00c'; display: inline-block; width: 20px; height: 20px;  }
table.cart button[name="remove"] span { display: none; }
table.cart button[name="remove"] b:before { content: '\f00d'; display: inline-block; width: 20px; height: 20px;  }

#container table.cart tbody tr { background: transparent; }
#container table.cart tbody tr.odd { background: #eee; }
#container table.cart tbody tr:hover { background: #ddd; }
#top table.mobilize > tbody > tr.summary > td.label:before { color: transparent; }
#top table.mobilize > tbody > tr.summary > td.value:before { color: transparent; }

#top table.mobilize  td.cart_item_delete { text-align: right;  }


/*
#container table.cart tbody tr:nth-child(2n) { background: transparent; }
#container table.cart tbody tr:nth-child(4n) { background: #eee; }
#container table.cart tbody tr:hover { background: #ddd; }
*/

/* order */
.mytlshop_order .intro { margin-bottom: 24px; } 
.mytlshop_order .billingaddress { margin-bottom: 24px; }
.mytlshop_order .shippingaddress { margin-bottom: 24px; }
#copyaddress { margin-bottom: 24px; }

/*
#container .mod_mytlshop_myorders table.order { min-width: 500px; }
#container .mod_mytlshop_myorders table.order td { border: 0;  }
*/


.product_main_wrap { margin-bottom: 24px; }
.product_description { margin-bottom: 24px; }

