/* 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; }