Houmann - din eksklusive danske smykke og urhandler - Hos os finder du eksklusive smykker fra hee Europa - Vi er E-mærket og har 5 stjerner på Trustpilot
Dansk webshop Dansk kundeservice Hurtig leveringer, dag-til-dag på lagervarer Gratis pakkelevering ved køb over 499,- Stor kundetilfredshed +15.000 anmeldelser 100 dages ombyt & returret

Cookie information

Vi bruger cookies til indsamling af statistik og til trafikmåling. Vi bruger informationen til forbedring af hjemmesiden. Ved at klikke videre, accepterer du brugen af cookies.
Læs mere

Vis cookie detaljer
Cookie
_GRECAPTCHA
ASPSESSIONID*
basketIdentifier
DanDomainWebShop5Favorites
DDCookiePolicy
DDCookiePolicy-consent-functional
DDCookiePolicy-consent-statistics
DDCookiePolicy-consent-tracking
DDCookiePolicyDialog
SharedSessionId
shop6TipBotFilterRandomStringValue
shopReviewRandomStringValue
shopShowBasketSendMailRandomStringValue
_fbp
_ga(Viabill)
_ga*
_gat_gtag_UA(Viabill)
_gid
_gid(Viabill)
GPS
vb-user
VISITOR_INFO1_LIVE
YSC
Kategori
Nødvendige
Nødvendige
Nødvendige
Nødvendige
Nødvendige
Nødvendige
Nødvendige
Nødvendige
Nødvendige
Nødvendige
Nødvendige
Nødvendige
Nødvendige
Markedsføring
Markedsføring
Markedsføring
Markedsføring
Markedsføring
Markedsføring
Markedsføring
Markedsføring
Markedsføring
Markedsføring
Beskrivelse
Bruges til Google ReCaptcha
Google LLC
Bruges til at gemme session data
Bruges til at gemme kurv
Bruges af funktionen favorit produkter
Bruges til at gemme cookie samtykke
Bruges til at gemme cookie samtykke
Bruges til at gemme cookie samtykke
Bruges til at gemme cookie samtykke
Bruges til at gemme cookie samtykke
Bruges til at gemme session data
Bruges af funktionen tip en ven
Bruges af funktionen produkt anmeldelser
Bruges til send kurven til en ven funktionen
Bruges af Facebook til online markedsføring
Facebook, Inc.
Google analytics bruges til at indsamle statistik om den besøgende
Google LLC
Google analytics bruges til at indsamle statistik om den besøgende
Google LLC
Bruges af Google til at tilpasse visning af annoncer
Google LLC
Google analytics bruges til at indsamle statistik om den besøgende
Google LLC
Google analytics bruges til at indsamle statistik om den besøgende
Google LLC
Bruges af Youtube til afspilning af video
youtube.com
Understøtter funktionen Viabill priskalkulation
ViaBill
Bruges af Youtube til afspilning af video
youtube.com
Bruges af Youtube til afspilning af video
youtube.com
Udløb
182 dage
session
30 dage
365 dage
365 dage
365 dage
365 dage
365 dage
365 dage
365 dage
session
session
session
90 dage
730 dage
730 dage
1 dage
2 minutter
1 dage
1 dage
365 dage
180 dage
session
@charset "UTF-8"; /*@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap&font-display=swap');*/ .viabill-pricetag.viabill-pricetag-optional-styles { height: auto !important; } .slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-html-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block;max-width:100%}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent} summary::-webkit-details-marker { display: none; } #ShopMainLayOutTable { display:none; } body, html { height: 100%; } body { margin:0; overflow-x: hidden; background-color: #e3e1d3; /*background-color: #e3e1d3;*/ } body, input, select, textarea, button { font-family: 'Poppins', sans-serif; color:#000000; font-size:13px; font-weight:normal; } a { color:#000; } a:hover { color:rgba(121,121,121,1.00); } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; } .bfContainer { margin-bottom: 20px !important; flex: none; } .bfContainer a { text-decoration: none; background-color: #4D5852; color: #FFF; padding: 10px; font-size: 16px; font-weight: bold; text-align: center; display: block; width: 100%; } img { border:0; } input, img { outline: none; max-width: 100%; } input[type="submit"], input[type="button"], #confirm-complete-button, a.button, .webshop-frontpage .usp .button, .btnFilterProductsFound, #checkout-container input#confirm-complete-button, #checkout-container input.checkout-salesdiscount-code-button, button, [href="/shop/customer.html&StrCurTab=3"], .button { -webkit-appearance: none; font-weight:normal; border:none; color:#fff; cursor:pointer; background: #4d5852; display:inline-flex; align-items: center; padding:5px 20px; font-size: inherit; text-decoration:none; border-radius: 2px; text-transform: uppercase; letter-spacing: 1px; text-align: center; outline: none; min-height: 34px; position: relative; } .forgotPassCustomer { display: inline-flex; height: 34px; margin-right: 10px; cursor: pointer; } button.MobilepayCheckoutBtn { margin: 10px 0; width: 100%; padding: 20px 0 !important; flex-wrap: wrap; } button.MobilepayCheckoutBtn:after { content: "Nærmeste pakkeshop eller privatlevering"; display: block; width: 100%; font-size: 11px; font-weight: normal; margin-top: 10px; text-transform: uppercase; } li .product input[type="submit"] { padding: 5px 20px; max-width: 100%; } input[type="text"], input[type="email"], input[type="tel"], input[type="password"], textarea, #checkout-container input[type="text"], #checkout-container input[type="password"] { display: block; width: 100%; border: 1px solid #dfdfdf; height: 34px; padding: 0 10px; outline: none; -webkit-appearance: none; -moz-appearance: none; background-color: rgba(255,255,255,1.00); border-radius: 2px; } input[type="checkbox"], input[type="radio"] { flex: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 18px; height: 18px; margin: 0 10px 0 0; outline: none; cursor: pointer; border-radius: 2px; background-color: rgba(255,255,255,1.00); border: solid 1px rgba(198,198,198,1.00); } input[type="checkbox"]:checked, input[type="radio"]:checked { background-color: #4d5852; border-color: #4d5852; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMi41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXItY2hlY2siPjxwb2x5bGluZSBwb2ludHM9IjIwIDYgOSAxNyA0IDEyIj48L3BvbHlsaW5lPjwvc3ZnPg==); background-repeat: no-repeat; background-size: 12px auto; background-position: 50% 50%; } textarea { height: 80px !important; padding: 10px; } select, #checkout-container select.checkout-select { -webkit-appearance: none; -moz-appearance: none; border: 1px solid #dfdfdf; background-color: #FFF; padding: 0px 30px 0px 15px; height: 34px; outline: none; border-radius:2px; background-image: url('/images/skins/Bewise/images/select-arrow-down.svg'); background-repeat: no-repeat; background-size: 10px auto; background-position: calc(100% - 10px) 50%; cursor:pointer; } span.input { border-radius: 50%; width: 16px; height: 16px; background-color: rgba(238, 238, 238, 1); display: inline-block; vertical-align: middle; position: relative; margin: 0 8px 0 0; } :checked + label > span.input:before { background-color: rgb(56,175,72); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); height: 50%; width: 50%; content: ""; border-radius: 50%; } h1, .Heading_Productmenu, .Heading_Terms, .Heading_Profile, .Heading_AdvancedSearchPage, .Heading_ShowBasket_Master, #checkout-container h1.checkout-headline, .Heading_B2Blogin, .SubCatsProcuctsHeading, b .Heading_Customer, .Heading_ProductList, .Heading_Favorites, .Heading_OrderStep4, .Text1_FrontPage h2, .Text2_FrontPage h2, .relatedHeader, .alsoboughtHeader { font-family: 'Frank Ruhl Libre', serif; font-weight: 700; font-size: 35px; display: block; position: relative; line-height: 1; padding: 0; margin: 0px 0px 30px; z-index: 1; } body.webshop-productlist h1 { display: block; width: 100%; } h1:empty, .relatedHeader:empty, .alsoboughtHeader:empty { display: none; } span.houmannHeader { font-family: 'Frank Ruhl Libre', serif; font-weight:700; font-size: 35px; display: block; margin-bottom: 20px; } span.headline { display: block; font-weight:normal; font-size: 20px; position: relative; letter-spacing: 0.5px; text-transform: uppercase; } .relatedHeader, .alsoboughtHeader { margin-top: 50px; } h2, .Text1_Customer .Heading_Customer { font-size:19px; font-weight:normal; padding:0; margin:0 0 10px; } .bewise_search.bewise_standard { z-index: 9999; } header { position:sticky; top: 0; background-color: rgba(255,255,255,1.00); z-index: 999; } /* .bp_announcementBarContainer ~ .wrapper header { top: 54px; } */ body .bp_popup { z-index: 999 !important; } header > div:first-of-type { width: 1800px; margin: 0 auto; max-width: 90%; display: flex; } header > div > * { flex: none; } header .icon { height: 16px; } header label { display: block; font-size: 10px; text-transform: uppercase; } header img + label { margin-top: 4px; cursor: pointer; letter-spacing: 0.5px; } .customerservice { display: flex; align-items: center; padding: 0 30px; } .customerservice > img { display: block; height: 20px; margin-right: 20px; } .customerservice > div { line-height: 15px; background-color: #f6f6f6; padding: 10px 15px; position: relative; } .customerservice > div:before { right: 100%; top: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-right-color: #f6f6f6; border-width: 5px; margin-top: -5px; } .customerservice > div > span { display: block; font-weight: bold; font-size: 15px; margin-bottom: 2px; color: #4d5852; } .customerservice > div > small { display: block; } .headerBox { padding: 35px 15px; text-align: center; text-decoration: none; transition: background 0.3s ease; position: relative; } .headerBox .myPoints { position: absolute; left: 50%; top: 10px; transform: translateX(-50%); border-radius: 2px; font-family: 'Arial'; line-height: 1; font-size: 10px; color: #FFF; background-color: #9e7213; white-space: nowrap; padding: 2px 4px; } .headerBox .myPoints:empty { display: none; } .shoplogo { position: relative; padding: 25px 0; display: flex; align-items: center; } .shoplogo img:not(.birthday) { display: block; height: 50px; width: auto; } .birthday { width: 20px; position: absolute; top: 30px; left: 0; } .basket { cursor: pointer; position: relative; z-index: 500; } .basket .count, .btnFavorites .count { position: absolute; right: 5px; top: 10px; width: 18px; height: 18px; background-color: #9e7213; /*background-color: #9e7213;*/ border-radius: 50%; text-align: center; padding: 4px 0 0; font-family: 'Arial'; line-height: 1; font-size: 10px; font-weight: normal; color: rgba(255,255,255,1.00); } .headerBox .count:empty { display: none; } .basket .currency { display: none; } .miniBasket { position: absolute; right: 0; display: none; top: 100%; width: 500px; padding: 30px; background-color: rgba(255,255,255,1.00); border: solid 1px rgba(238, 238, 238, 1); border-right: none; transition: right 0.2s ease-in-out; text-align: left; } .miniBasket .item { display: flex; padding: 0 0 15px; margin: 0 0 15px; position: relative; border-bottom: solid 1px rgba(238, 238, 238, 1); } .miniBasket .item a[href*="remove"] { position: absolute; z-index: 20; width: 25px; height: 25px; border-radius: 50%; display: block; top: -8px; left: -8px; background-color: rgba(0,0,0,1.00); } .miniBasket .item a[href*="remove"] img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 40%; } .miniBasket .item .image { flex: none; position: relative; width: 90px; } .miniBasket .item .image img { display: block; width: 100%; } .miniBasket .item .info { flex: auto; padding: 0 15px; } .miniBasket .item .info a { text-decoration: none; font-weight: bold; display: block; } .miniBasket .item .price { flex: auto; text-align: right; } .miniBasket .line { display: flex; } .miniBasket .line > span { flex: auto; border-bottom: solid 1px rgba(238, 238, 238, 1); padding: 0 0 15px 0; margin: 0 0 15px 0; } .miniBasket .line > span:last-child { text-align: right; } .miniBasket .line > span:empty { display: none; } .miniBasket .line.total { font-weight: bold; color: rgba(0,0,0,1.00); margin-bottom: 15px; } .miniBasket .button { display: block; } .highlight { text-align:center; padding:8px 50px; font-weight:normal; z-index: 10; width: 100%; position: relative; letter-spacing: 0.5px; font-size: 11px; background-color: #4d5852; /*background-color: #4d5852;*/ color: #FFF; } .highlight a { color:rgba(255,255,255,1.00); text-decoration: none; } #alertbar { text-align:center; padding:8px 50px; font-weight:normal; z-index: 10; width: 100%; position: relative; text-transform: uppercase; letter-spacing: 0.5px; font-size: 11px; background-color: #9e7213; } #alertbar, #alertbar a { color:rgba(255,255,255,1.00); text-decoration: none; } #alertbar a { display: block; } #alertbar .close { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width:18px; height:18px; position:absolute; right:20px; z-index:10; top:50%; -webkit-transform:translateY(-50%); transform: translateY(-50%); cursor:pointer; background-color: #FFFFFF; color: #000; display: flex; align-items: center; justify-content: center; font-size: 12px; } #alertbar .close .fa { position: absolute; top: 47%; left: 50%; -webkit-transform:translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); color: #FFF; } .btnLastViewed .count { position: absolute; right: 0; top: 10px; width: 17px; height: 17px; background-color: #9e7213; border-radius: 50%; text-align: center; padding: 4px 0 0; font-family: 'Arial'; line-height: 1; font-size: 10px; font-weight: bold; color: rgba(255,255,255,1.00); } .lastviewedproducts { position: fixed; top: 271px; right: 0; z-index: 200; width: 240px; transform: translateX(78%); display: flex; flex-direction: column; transition: transform .5s ease; } .lastviewedproducts.open { transform: translateX(0); } .lastviewedproducts.open li { display: block; } .lastviewedtab { padding: 4px 8px; border: solid 1px rgba(238, 238, 238, 1); border-bottom: none; background-color: rgba(255,255,255,1.00); position: relative; z-index: 10; align-self: flex-start; flex: none; display: flex; align-items: center; cursor: pointer; } .lastviewedtab img { height: 20px; margin: 0 6px 0 0; } .lastviewedul { top: -1px; position: relative; z-index: 5; list-style-type: none; display: flex; flex-wrap: wrap; margin: 0; padding: 0; border: solid 1px rgba(238, 238, 238, 1); border-right: none; background-color: rgba(255,255,255,1.00); max-height: 500px; -webkit-overflow-scrolling:touch; overflow-x:hidden; overflow-y:auto; } .lastviewedproducts.open .lastviewedul { padding: 8px 4px 0; } .lastviewedul > li { flex: none; margin: 0 4px 8px; width: calc(50% - 8px); display: none; } .lastviewedul > li .news, .lastviewedul > li .product .stock, .lastviewedul li div.Element_Overlay_ProdList_SavingsContainer_DIV { display: none; } .lastviewedul > li .name a, .lastviewedul li .product .price { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 11px; } .lastviewedul li .product .info { padding: 5px; } .lastviewedul li .product .buy { margin: 0; } .lastviewedul li .product .price { } .lastviewedul li .product .price strike { display: none; } .uspContainer { border-bottom: 1px solid #f6f6f6; margin-bottom: 30px; } body.webshop-frontpage .uspContainer { border-bottom: none; margin-bottom: 0; } .uspContainer { font-size: 11px; letter-spacing: 0.5px; } .uspContainer > div { width: 1800px; max-width: 90%; margin: 0 auto; } .uspContainer > div:not(.slick-initialized) { display: flex; justify-content: center; overflow-x: hidden; } .uspContainer > div:not(.slick-initialized) > div, .uspContainer .slick-slide { flex: none; padding: 20px 0; display: flex !important; justify-content: center; align-items: center; } .uspContainer > div:not(.slick-initialized) > div { margin: 0 40px; white-space: nowrap; } .uspContainer img { height: 10px; margin: 0 10px 0 0; } .uspContainer .star img { height: 16px; } .uspContainer a { text-decoration: none; } /* .uspContainer .topusp { flex: none; } .usp:not(.slick-initialized) { display: flex; align-items: center; margin: 0; } .usp:not(.slick-initialized) > div { margin: 0 40px; letter-spacing: 0.5px; } .usp a, .usp .slick-slide { display: block; text-decoration: none; text-align: center; } .usp img, .usp .slick-slide img { height: 10px; margin: 0 10px 0 0; display: inline-block; vertical-align: middle; } .usp strong { display: inline-block; vertical-align: middle; } .usp span { color: #4d5852; text-decoration: underline; display: none; } .usp p { display: none; } */ .chat a { text-decoration: none; display: flex; align-items: center; padding-right: 15px; } .chat img { height: 14px; display: block; margin-left: 10px; } .searchMobile { display: none; } .search { flex: auto; align-items: center; justify-content: center; display: flex; } #Search_Form { display: block; width: 100%; max-width: 80%; position: relative; } #Search_Form:before, #Search_Form .SubmitButton_SearchPage { width: 60px; } #Search_Form:before { content: "⌕"; font-family: 'Arial'; line-height: 1; font-size: 30px; position: absolute; right: 0; top: 50%; text-align: center; transform: translateY(calc(-50% + -2px)) scaleX(-1); } #Search_Form .SearchTitle_SearchPage, #Search_Form .nbsp, #Search_Form br { display:none; } #Search_Form .SearchField_SearchPage { color: #000; background-color: #f2f2f2; padding: 0px 50px 0px 25px; border: none; font-weight: normal; display: block; height:46px !important; width: 100%; border-radius: 2px; } #Search_Form .SubmitButton_SearchPage { position: absolute; top: 0; right: 0; z-index: 5; opacity: 0; cursor: pointer; height: 100%; } .wrapper { width: calc(100% - 60px); margin: 30px auto; background-color: #FFF; } article:not(.sparxpres__webinfo) { width:1800px; max-width:90%; margin:0 auto 50px; position:relative; display: flex; flex-wrap: wrap; } /* article.sparxpres__webinfo { max-width: 100%; } */ article:after { content:""; clear:both; display:block; } article .wrapper-content { margin: 0 auto; width: 100%; } article aside { display: none; width: 20%; clip: rect(0, auto, auto, 0); } body.webshop-productlist:not(.noproducts) article aside { display: flex; flex-direction: column; } body.webshop-productlist.blog article aside { display: none; } body.webshop-productlist.blog article .wrapper-content { width: 100%; margin-left: 0%; } body.webshop-productlist:not(.noproducts) article .wrapper-content { width: 78%; margin-left: 2%; } .allproductsheader { margin-bottom: 10px; font-size: 15px; font-weight: bold; } .allproductsheader > span { } .mainFlex { display: flex; flex-wrap: wrap; margin: 0 -2%; } .mainFlex img { display: block; max-width: 100%; } .mainFlex > div { margin: 0 2%; width: 29.3%; } .mainFlex > div:first-child > div:first-child { margin-bottom: 12%; } .box1, .box2, .box3, .box4, .box5 { position: relative; } .box1 > a, .box2 > a, .box3 > a { display: block; width: 100%; height: 100%; } .box1 .boxContent, .box2 .boxContent, .box3 .boxContent { position: absolute; } .box1 .boxContent, .box2 .boxContent { background-color: #4d5852; padding: 30px; color: #FFF; bottom: -30px; right: -30px; z-index: 20; } .box1 .boxContent span, .box2 .boxContent span, .box3 .boxContent span { font-weight:normal; font-size: 35px; display: inline-block; position: relative; line-height: 1; } .box1 .boxContent small, .box2 .boxContent small, .box3 .boxContent small { display: block; padding: 6px 0 10px; font-size: 13px; font-weight:normal; } .box1 .boxContent i, .box2 .boxContent i, .box3 .boxContent i { font-style: normal; background-color: #000; color: #FFF; padding: 6px 15px; border-radius: 2px; display: inline-block; text-transform: uppercase; } .box3 { border: 10px solid #4d5852; } .box3 .boxContent { background-color: #4d5852; padding: 40px 30px; color: #FFF; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); width: 80%; text-align: center; z-index: 20; } .mainFlex > div:last-child { display: flex; flex-wrap: wrap; flex-direction: column; } .mainFlex .mainCustomerclub { margin: 10px 0 12% 0; background-color: #4d5852; padding: 50px; flex: auto; width: 100%; position: relative; display: flex; align-items: center; color: #5d4439; } .mainFlex .mainCustomerclub > div > img { width: 200px; } .mainCustomerclub > div > span { font-weight: 700; font-size: 40px; display: inline-block; position: relative; line-height: 1; z-index: 1; } .mainCustomerclub > div > span:before { position: absolute; top: 60%; left: 50%; transform: translate(-50%, -50%); content: ""; height: 20px; width: 100px; background-color: #4d5852; z-index: -1; } .mainCustomerclub > div > small { display: block; font-size: 13px; font-weight:normal; padding: 10px 0; } .mainCustomerclub > div > a { font-style: normal; background-color: #000; color: #FFF; padding: 6px 15px; border-radius: 2px; display: inline-block; text-transform: uppercase; text-decoration: none; } .mainFlex > div:last-child > div:last-child { flex: none; height: 300px; background-color: #adb7ad; width: 100%; position: relative; } .box3 { overflow: hidden; } .boxImage { display: block; width: 100%; height: 100%; overflow: hidden; } .box3 img, .boxImage img { transition: transform 2s; } .box3:hover img, .box1:hover .boxImage img, .box2:hover .boxImage img { transform: scale(1.2); } .focusBrand { display: flex; align-items: center; justify-content: center; } .focusBrand a { max-width: 50%; display: block; } .focusBrand a img { width: 100%; display: block; } .welcome { background-image: url("/images/skins/Bewise/images/welcome.jpg"); background-repeat: no-repeat; background-size: cover; width: 100%; height: 600px; position: relative; } .welcome:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(77,88,82,0.50); content: ""; } .welcome-text { } .welcome-text h1 { text-align: left; width: 100%; } .focus { display: flex; align-items: center; margin: 70px -1%; } .focus > a { width: 18%; margin: 0 1%; background-color: #4d5852; color: #FFF; display: block; font-size: 15px; text-transform: uppercase; text-align: center; padding: 30px; text-decoration: none; } .Text1_FrontPage, .Text2_FrontPage { display:block; margin:0 0 60px; } .Text1_FrontPage + br, .Text2_FrontPage + br { display: none; } .Text1_FrontPage:empty, .Text2_FrontPage:empty { display: none; } .fpslider { margin-bottom: 2%; } .fpslider:not(.slick-initialized) > a:nth-child(n+2) { display: none; } .fpslider img { display: block; width: 100%; } /* .fpslider .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); display: block; z-index: 9; width: 40px; height: 40px; object-fit: contain; object-position: 50% 50%; background-color: rgba(255,255,255,1.00); padding: 10px; border-radius: 50%; cursor: pointer; } .fpslider .prevArrowLeft { left: 20px; } .fpslider .prevArrowRight { right: 20px; } */ .brands { position: relative; width: 1800px; margin: 70px auto; max-width: 100%; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 50px 0; } .brands .slick-arrow, .fpslider .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 9px; display: block; z-index: 9; } .brands .prevArrowLeft, .fpslider .prevArrowLeft { left: -20px; } .brands .prevArrowRight, .fpslider .prevArrowRight { right: -20px; } .brands .slick-slide { margin: 0 20px; } .brands .slick-list { margin: 0 -20px; } .mainCategories { width: 1270px; margin: 50px auto 70px; max-width: 90%; } .mainCategories > span { margin-bottom: 20px; text-align: center; } .mainCategories > div { display: flex; flex-wrap: wrap; margin: 0 -1%; } .mainCategories > div > div { flex: none; width: 14.6%; margin: 0 1%; padding: 20px; border: 1px solid #4d5852; background-color: #4d5852; } .mainCategories > div > div:hover { background-color: #3c4641; } .mainCategories > div > div img { display: block; max-width: 100%; margin-bottom: 20px; } .mainCategories > div > div > a { display: block; text-align: center; } .mainCategories > div > div > a > span { display: inline-block; border-radius: 2px; padding: 20px 0 0 0; color: #FFF; border-top: 1px solid rgba(255,255,255,0.10); width: 90%; text-transform: uppercase; } .frontpageProducts { display: flex; flex-wrap: wrap; margin: 0 -2% 100px; } .frontpageProducts > div { margin: 0 2%; } .frontpageProductsText { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 29.3%; background-color: #4d5852; color: #FFF; font-size: 40px; padding: 30px; text-transform: uppercase; } .frontpageProductsText a { text-decoration: none; } .frontpageProductsContent { width: 62.7%; } .Frontpage_Custom_UL:not(.slick-initialized){ display: none !important; } .Frontpage_Custom_UL { padding: 0; margin: 0; list-style-type: none; } .Frontpage_Custom_UL .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 9px; display: block; z-index: 9; } .Frontpage_Custom_UL .prevArrowLeft { left: -20px; } .Frontpage_Custom_UL .prevArrowRight { right: 0; } .Frontpage_Custom_UL .slick-slide { margin: 0 20px; border: 1px solid #eee; } .Frontpage_Custom_UL li .product .info { } .box { display: flex; flex-wrap: wrap; margin: 0 -0.5%; counter-reset: boxes; } .box > * { margin: 0 0.5% 1%; box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius: 10px; width: 24%; flex: none; padding: 15px; background-color: rgba(255,255,255,1.00); text-align: center; text-decoration: none; color: rgba(0,0,0,1.00); transition: transform .5s ease; counter-increment: boxes; } .box.numbers > *:before { content: counter(boxes); display: flex; width: 70px; height: 70px; border-radius: 50%; background-color: #9e7213; color: rgba(255,255,255,1.00); margin: 0 auto 15px; align-items: center; justify-content: center; font-size: 18px; line-height: normal; font-weight: bold; } .box > *:hover { color: rgba(0,0,0,1.00); transform: scale(1.05); } .box > * > strong { font-size: 25px; margin: 0 0 20px; display: block; } .box > * > p { margin: 0; padding: 0; } .box img { width: 100% !important; height: auto !important; display: block; border-radius: 3px; } .boxes { background-color: #f6f6f6; padding: 70px; } .boxes > span { text-transform: uppercase; font-size: 40px; display: block; text-align: center; font-weight: 200; margin-bottom: 30px; } .boxes > div { display: flex; flex-wrap: wrap; margin: 0 -2%; } .boxes > div > div { margin: 0 2%; flex: none; width: 29.3%; } .boxes .nivo-dynamic-text { top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; } .boxes .nivo-dynamic-text-header { font-size: 40px; text-transform: uppercase; line-height: 35px; } #ProductmenuContainer_DIV { background-color: #FFF; border-bottom: solid 1px #ebebeb; border-top: solid 1px #ebebeb; position:relative; width:100%; color: #FFF; z-index: 99; } span.ProductMenu_Category_Icon_Container { display:none !important; } .Heading_ProductMenu { display:none; } #ProductMenu_List { padding:0; list-style-type:none; width:1800px; max-width:90%; margin:0 auto; display: flex; justify-content: space-between; } #ProductMenu_List > li { flex: none; } #ProductMenu_List > li:last-child { margin-right: 0; } #ProductMenu_List > li.autoColumns:not(.hasBrands) { position: relative; } #ProductMenu_List > li > a { display:block; padding:14px 0; text-decoration:none; position:relative; text-transform: uppercase; letter-spacing: 1px; font-size: 15px; } #ProductMenu_List > li > a:before { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); } #ProductMenu_List > li > a .count { position: absolute; top: -10px; right: 10px; font-size: 9px; font-weight: normal; padding: 3px 5px; background-color: #444; color:rgba(255,255,255,1.00); border-radius: 1px; } #ProductMenu_List > li > a .count:empty { display: none; } #ProductMenu_List > li > a .count.shake { animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both; transform: translate3d(0, 0, 0); backface-visibility: hidden; perspective: 1000px; } #ProductMenu_List > li.splitCol > div > ul.dropdown { column-count: 2; } /* @keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); } 20%, 80% { transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { transform: translate3d(-4px, 0, 0); } 40%, 60% { transform: translate3d(4px, 0, 0); } } */ /* #ProductMenu_List > li:nth-child(2) > a:before { height: 28px; width: 28px; content: url("/images/skins/Bewise/images/icon-menu-horse.svg"); } #ProductMenu_List > li:nth-child(3) > a:before { width: 20px; height: 25px; content: url("/images/skins/Bewise/images/icon-menu-rider.svg"); } #ProductMenu_List > li:nth-child(4) > a:before { height: 23px; width: 23px; content: url("/images/skins/Bewise/images/icon-menu-horsehouse.svg"); } #ProductMenu_List > li:nth-child(5) > a:before { content: url("/images/skins/Bewise/images/icon-saddle.svg"); height: 23px; width: 23px; } #ProductMenu_List > li:nth-child(6) > a { padding: 14px 20px; } */ /* #ProductMenu_List > li:nth-child(6) > a:before { content: url("/images/skins/Bewise/images/icon-menu-brand.svg"); height: 17px; width: 17px; } #ProductMenu_List > li > a[href="/shop/udsalg-581s1.html"] { background-color: #4d5852; color: #FFF; padding: 14px 30px; } */ #ProductMenu_List > li > a, #ProductMenu_List > li > a > .ProductMenu_MenuItemBold { font-weight:bold; } #ProductMenu_List > li.has-dropdown > a { display: inline-flex; align-items: center; } #ProductMenu_List > li.has-dropdown > a:after { content: url('/images/skins/Bewise/images/arrow-down.svg'); margin-left: 6px; width: 9px; } #ProductMenu_List > li > ul, #ProductMenu_List > li > div { display: none; position: absolute; padding: 25px 30px; background-color: #4d5852; /*background-color: #4d5852;*/ box-shadow: 0 10px 30px rgba(0,0,0,.3); } #ProductMenu_List > li.autoColumns > div { left: 0; } #ProductMenu_List > li.hasBrands > div { width: 100%; justify-content: center; } #ProductMenu_List > li.hasBrands > div > div { width: 25%; } #ProductMenu_List > li.autoColumns.hover:hover > div { display: flex; } #ProductMenu_List > li.megaMenu.hover:hover > div { display: flex; } #ProductMenu_List > li > div > div > a, #ProductMenu_List > li > div > div > a > span { font-weight: normal; color: #FFF; } #ProductMenu_List > li > div > div > a { display: block; text-decoration: none; margin: 0 0 10px; min-width: 180px; font-weight:normal; } #ProductMenu_List > li > div > div > a:last-child { margin-bottom: 0; } #ProductMenu_List .megaMenuContainer { } #ProductMenu_List .megaMenuContainer > ul { margin: 0 auto; padding: 0; list-style-type: none; } #ProductMenu_List .megaMenuContainer > ul > * { flex: none; } #ProductMenu_List .megaMenuContainer > ul > .productMenuBanner { max-width: 18%; } #ProductMenu_List .megaMenuContainer > ul > .productMenuBanner a, #ProductMenu_List .megaMenuContainer > ul > .productMenuBanner img { } #ProductMenu_List .megaMenuContainer > ul > li > ul { margin: 10px 0 0; padding: 0; list-style-type: none; display: none; } #ProductMenu_List .megaMenuContainer > ul > li > a, #ProductMenu_List .megaMenuContainer > ul > li > a > .ProductMenu_MenuItemBold { font-weight: normal; } #ProductMenu_List .megaMenuContainer > ul > li > a { text-decoration: none; color: #FFF; display: block; padding: 2px 0; } #ProductMenu_List .megaMenuContainer > ul > li > ul > li > a, #ProductMenu_List .megaMenuContainer > ul > li > ul > li > a > .ProductMenu_MenuItemBold { font-weight:normal; color: #FFF; } #ProductMenu_List .megaMenuContainer > ul > li > ul > li:not(:last-child) { margin-bottom: 2px; } #ProductMenu_List .megaMenuContainer > ul > li > ul > li > a { text-decoration: none; } #ProductMenu_List .megaMenuContainer > ul > li > ul > li ul { display: none; } li.viewallli { padding-top: 5px; } li.viewallli a { display: inline-block; padding: 2px 15px; background-color: #FFF; color: #000; border-radius: 2px; font-size: 10px; text-transform: uppercase; } li.viewallli ~ li { display: none; } a#ActiveCategory_A { display:none !important; } /* JEWELLERY MEGA MENU */ #ProductMenu_List .jewelleryMenu { width: 100%; left: 50%; transform: translateX(-50%); justify-content: center; } #ProductMenu_List .jewelleryMenu > .megaMenuCol { min-width: 250px; border-right: 1px solid rgba(255, 255, 255, .1); padding-left: 30px; } #ProductMenu_List .jewelleryMenu > .megaMenuCol:last-child { border: none; } #ProductMenu_List .jewelleryMenu > .megaMenuCol > ul { list-style: none; padding: 0; margin: 10px 0 0; } #ProductMenu_List .jewelleryMenu > .megaMenuCol > ul a { color: #fff; text-decoration: none; font-weight: normal; display: block; padding: 2px 0; } #ProductMenu_List .jewelleryMenu > .megaMenuCol > ul .ProductMenu_MenuItemBold { font-weight: normal; } #ProductMenu_List .jewelleryMenu > .megaMenuCol > ul .dropdown { display: none; } /* PRODUCTLIST */ .productlistToolsContainer { width: 100%; display: flex; margin: 30px 0 30px; } .productlistTools { display: flex; border: solid 1px #9e7213; border-radius: 4px; padding: 10px 15px; margin: 0; align-items: center; width: 50%; height: 42px; } .productlistToolsContainer .btnFilter + .productlistTools { border-top-left-radius: 0; border-bottom-left-radius: 0; } .productlistTools > :not(:last-child) { border-right: solid 1px rgba(238, 238, 238, 1); padding-right: 15px; margin-right: 15px; } .productlistTools table { width: 100%; } .productlistTools select { width: 100%; padding: 0 30px 0 0; height: auto; border: none; background-position: 100% 50%; } .productlistToolsContainer .btnFilter { height: 42px; padding: 0 15px; display: flex; align-items: center; margin: 0; border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; width: fit-content; } .productlistTools:empty { display: none; } .productlistTools .found { display: none; } .category-description { display: block; margin: 30px 0 30px; } .category-description:empty { display: none; } .SubCats_Categories_Container img { } .SubCats_Categories_Container > .breadcrumb { display: none; } .category-description img, .CategoryFooterContent img { max-width: 100% !important; } .ProductList_Custom_DIV { padding:0; margin:0 -1%; list-style-type:none; display: flex; flex-wrap: wrap; } .ProductList_Custom_DIV > div { width:18%; margin: 0 1% 2%; flex: none; position: relative; border: 1px solid #eee; } .ProductList_Custom_DIV > div { padding: 10px; } .ProductList_Custom_DIV > div .image { margin-bottom: 10px; } .ProductList_Custom_DIV > div .image img { max-width: 100%; display: block; } .ProductList_Custom_DIV > div .name a { text-decoration: none; } .productcard-blog { width: 750px; max-width: 100%; margin: 0 auto; } .productcard-blog .imagecanvas img { display: block; max-width: 100%; width: 100%; } .lastBoughtText, .lowStockInformation { display: inline-flex; align-items: center; background-color: #d4e0d9; border: solid 1px #cad8d0; border-radius: 2px; padding: 8px 10px 6px; margin: 0 0 20px; } .lastBoughtText img, .lowStockInformation img { width: 14px; margin: 0 10px 0 0; } .lowStockInformation { background-color: #f7f7ef; border-color: #f0f0e7; } .ProductList_Custom_UL, .Related_Custom_UL, .CustomersAlsoBought_Custom_UL, .Favorites_Custom_UL { padding:0; margin:0 -1%; list-style-type:none; display: flex; flex-wrap: wrap; } .popular-products .relatedHeader { text-align: center; } .popular-products li .product .buy a, .popular-products li .product .stock, .popular-products li .product .news { display: none; } .popular-products .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 9px; display: block; z-index: 9; } .popular-products .prevArrowLeft { left: -20px; } .popular-products .prevArrowRight { right: -20px; } .popular-products .slick-slide { margin: 0 20px; border: 1px solid #eee; } .popular-products .slick-list { margin: 0 -20px; } .productnumberDiv { display: none; margin: 10px 0 0 0; } .product-weight { color: #909090; display: none; } body.support .productnumberDiv { display: block; } .employees { display: flex; flex-wrap: wrap; margin: 0 -1%; } .employees > div { width: 14.6%; margin: 0 1% 2%; flex: none; } .employees > div img { display: block; max-width: 100%; margin-bottom: 10px; } .employees > div span { display: block; font-weight: bold; } .Related_Custom_UL .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 9px; display: block; z-index: 9; } .Related_Custom_UL .prevArrowLeft { left: 0; } .Related_Custom_UL .prevArrowRight { right: 0; } .Related_Custom_UL .slick-slide { margin: 0 20px; } .Related_Custom_UL .slick-list { margin: 0 -20px; } .Related_Custom_UL .slick-slide { border: 1px solid #eee; } .Frontpage_Custom_UL:empty { display: none; } .ProductList_Custom_UL > li { width:23%; margin: 0 1% 2%; flex: none; position: relative; border: 1px solid #eee; } .Related_Custom_UL > li, .CustomersAlsoBought_Custom_UL > li, .Favorites_Custom_UL > li { width:18%; margin: 0 1% 2%; flex: none; position: relative; border: 1px solid #eee; } li .product a[href*="RemProduct"] { position: absolute; z-index: 20; width: 25px; height: 25px; border-radius: 50%; display: block; top: -8px; left: -8px; background-color: rgba(0,0,0,1.00); } li .product a[href*="RemProduct"] img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 40%; } li > form { height: 100%; } li .product { position:relative; background-color:#fff; transition: all 0.3s ease-in-out; height: 100%; display: flex; flex-direction: column; padding: 20px; } li .product > * { flex: none; } li .product .stocks { flex: none; display: flex; font-size: 80%; flex-wrap: wrap; width: 100%; } li .product .adv select { display: none; } li .product .stocks > a { text-decoration: none; padding: 5px; background-color: rgba(255,255,255,1.00); flex: none; font-size: 10px; text-align: center; position: relative; color: #A8A8A8; border-radius: 2px; border: 1px solid #f6f6f6; margin: 0 2px 2px 0; } li .product .stocks > a:hover { background-color: #f6f6f6; } li .product .image { position: relative; flex: auto; display: flex; align-items: center; justify-content: center; margin-bottom: 10px; text-align: center; } .stockinfoContainer { display: flex; align-items: center; font-size: 11px; padding: 15px 0 0 0; margin: 20px 0 0 0; border-top: 1px solid #eee; position: relative; } .stockinfoContainer img { height: 10px; margin-right: 4px; } .stockinfoContainer span:last-child:before { content: ","; position: relative; padding-right: 1px; } /* li .product .image > a:first-of-type:before, .productcard #Image_Productinfo_FancyBox:before, .imageselector a:before, .miniBasket .item .image:not(:empty):before, .ShowBasket_Custom_DIV > div > .image a:before { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 5; background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 54%, rgba(0,0,0,0.05) 100%); background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 54%,rgba(0,0,0,0.05) 100%); background: radial-gradient(ellipse at center, rgba(0,0,0,0) 54%,rgba(0,0,0,0.05) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0f000000',GradientType=1 ); } */ li .product .halloweenBadge { width: 60px; height: auto; position: absolute; top: -30px; right: -10px; } ul[class*="_Custom_UL"] li .image > a:first-child .extraImage, ul[class*="_Custom_UL"] li:hover .image .hover .extraImage + img { display: none; } ul[class*="_Custom_UL"] li:hover .image .hover .extraImage { display: block; } li .product .image > a { width: 100%; display: block; } /* li .product .image img { display:inline-block; max-height: 280px; max-width: 100%; } */ li .product .image img { width: 100% !important; height: auto; aspect-ratio: 1/1; object-fit: scale-down; max-height: 400px !important; display: block; } [id*="aw-slider-"] .aw-item .image.aw-img-box { height: auto !important; } li .product .manufactor br { display: none; } li .product .manufactor, li .product .manufactor a { font-size: 11px; text-decoration: none; color: #A0A0A0; } li .product .manufactor a { margin-right: 5px; } li .product .info { padding: 15px 0 0; } li .product .name > a { display:block; text-decoration: none; text-overflow: ellipsis; width: 100%; white-space: nowrap; overflow: hidden; } li .product .retailprice { font-size: 12px; color: #939393; font-weight: 200; } li .product .PriceStriked_Productlist { display: none; } li .product .price { margin: 10px 0; font-weight: bold; font-size: 16px; } li .product .price.offer { color:#4d5852; } li .product .price strike { color: rgba(174,174,174,1.00); position: relative; font-size: 12px; font-weight: normal; display: none; } li .product .price strike:before { content: "Før"; padding-right: 5px; } li .product .price .currency { padding: 0 0 0 5px; } li .product .manufacturer { color: rgba(152,152,152,1.00); } li .product input[type="text"] { display:none; } li .product .buy { display: flex; justify-content: space-between; align-items: center; } li .product .buy .buyButtonDiv a:not(.button) { display: none; } li .product input[type="image"] { width:100%; display:block; } li .product .buy input[type="IMAGE"], li .product .buy .Related_BuyButton_IMG { display: none; } li .product a[href*="AddFavorite"] { width: 15px; height: 15px; display: block; } li .product a[href*="AddFavorite"] img { display: block; width: 100%; } li .product .news { position:absolute; top:20px; right:20px; z-index: 20; background-color:#4d5852; color:rgba(255,255,255,1.00); padding:2px 10px; font-size:11px; text-transform: uppercase; letter-spacing: 0.5px; } .related-header { display: block; font-size: 23px; margin-bottom: 20px; font-weight: normal; } .product div.Element_Overlay_Container_DIV, .product .Element_Overlay_ProdList_SpecialOfferContainer_DIV, .product div.Element_Overlay_ProductInfo-relatedContainer_DIV, .productcard div.Element_Overlay_ProdInfo_SpecialOfferImage_DIV { display:none; } .product div.Element_Overlay_ProdList_SpecialOfferDIV, .product div.Element_Overlay_ProdList_SavingsDIV, .product div.Element_Overlay_Frontpage_SavingsDIV, .product div.Element_Overlay_ProductInfo-related-savingsDIV, .product div.Element_Overlay_ShowBasket-related-savingsDIV { position:relative; display:block; } li div.Element_Overlay_Frontpage_SavingsContainer_DIV, li div.Element_Overlay_ProdList_SavingsContainer_DIV, li div.Element_Overlay_Frontpage_SavingsContainer_DIV, li div.Element_Overlay_ProductInfo-related-savingsContainer_DIV, li div.Element_Overlay_ShowBasket-related-savingsContainer_DIV { top:0; left:0; right: auto; bottom: auto; position: absolute; background-color:#9e7213; padding: 2px 10px; } .productcard div.Element_Overlay_ProdInfo_SavingsContainer_DIV { top:0; left:auto; right: 0; bottom: auto; position: absolute; background-color:#9e7213; padding: 2px 10px; } li .Element_Overlay_Frontpage_SavingsImage_DIV, li .Element_Overlay_ProdList_SavingsImage_DIV, li .Element_Overlay_ProductInfo-related-savingsImage_DIV, li .Element_Overlay_ProductInfo-customersboughtImage_DIV, li .Element_Overlay_ShowBasket-related-savingsImage_DIV, .productcard div.Element_Overlay_ProdInfo_SavingsImage_DIV{ display:none; } li div.Element_Overlay_ProdList_SavingsText_DIV, li div.Element_Overlay_Frontpage_SavingsText_DIV, li div.Element_Overlay_ProductInfo-related-savingsText_DIV, li div.Element_Overlay_ShowBasket-related-savingsText_DIV, .productcard div.Element_Overlay_ProdInfo_SavingsText_DIV { color: rgba(255, 255, 255, 1); position: relative; top: auto; font-size: 12px; padding: 0; } .productcard div.Element_Overlay_ProdInfo_SavingsText_DIV { font-size: 18px; } .pager { display: flex; padding:20px 0 0; } .pager > div { flex: auto; } .pager .prev, .pager .next { width: 20%; flex: none; } .pager .pages { text-align:center; } .pager .next { text-align:right; } .pager a, .pager .pages a.ActivePageNumber_ProductList:link { display:inline-block; border:solid 1px #4D4D4D; padding:5px 10px; text-decoration:none; margin: 0 3px; } .pager .pages a.ActivePageNumber_ProductList, .pager .pages a.ActivePageNumber_ProductList:link { border-color:#4d5852; background-color:#4d5852; color:#fff; font-weight: normal; } /* PRODUCTGROUPS */ .SubCats_Categories_UL, .SubCats_Categories_DIV { padding:0; margin:20px -1% 0; list-style-type:none; display: flex; flex-wrap: wrap; } .SubCats_Categories_UL > li, .SubCats_Categories_DIV > div { width:18% !important; float:none !important; margin:0 1% 2%; border: 1px solid #f6f6f6; } .SubCats_Categories_UL:not(.customSubCats) > li:last-child { display:none; } .customSubCatsHeading { font-size: 16px; margin: 20px 0 10px; display: block; } .SubCats_Categories_UL > li .image img, .SubCats_Categories_DIV > div img { width: 100%; margin: 0 auto; display: block; object-position: 50% 50%; aspect-ratio: 1/1; height: auto; object-fit: contain; } .SubCats_Categories_UL > li .name a { display:block; text-decoration:none; text-overflow:ellipsis; width: 100%; white-space: nowrap; overflow: hidden; padding:10px; background-color: rgba(237,237,237,1.00); text-align: center; } .subcatName a { display: inline-block; border-radius: 2px; padding: 5px 30px 5px 15px; color: #FFF; background-color: #4d5852; text-decoration: none; position: relative; width: 100%; margin: 10px 0 0 0; } .subcatName a:after { content: url(/images/skins/Bewise/images/arrow-right-white.svg); width: 7px; height: 16px; position: absolute; top: 50%; transform: translateY(-50%); right: 10px; } .breadcrumb, .SubCats_BreadCrumb { margin: 10px auto 15px; display: block; flex: none; width: 1800px; max-width: 90%; } .SubCats_Categories_UL .productgroup { box-shadow: 0 0 10px rgba(0,0,0,.1); border-radius: 10px; width: 100%; padding: 15px; background-color: rgba(255,255,255,1.00); text-align: center; text-decoration: none; color: rgba(0,0,0,1.00); transition: transform .5s ease; } .SubCats_Categories_UL .productgroup:hover { color: rgba(0,0,0,1.00); transform: scale(1.05); } .SubCats_Categories_UL .productgroup .image img { margin-bottom: 10px; } .SubCats_Categories_UL .productgroup .name a { padding: 0; background: transparent; font-weight: bold; } .breadcrumb:empty, .SubCats_BreadCrumb:empty { display: none; } .breadcrumb br, .SubCats_BreadCrumb br { display: none; } .breadcrumb { width: 1800px; margin: 0 auto; max-width: 90%; text-transform: uppercase; padding: 0; margin-bottom: 10px; } .breadcrumb, .breadcrumb a, .SubCats_BreadCrumb, .SubCats_BreadCrumb a { text-decoration: none; font-size: 10px; color: #9D9D9D; } .breadcrumb a, .SubCats_BreadCrumb { display: inline-block; } .breadcrumb a.BreadCrumbLink_Active, .SubCats_BreadCrumb a.BreadCrumbLink_Active { color: #4d5852; } .breadcrumb a[href*="frontpage.html"], .SubCats_BreadCrumb a[href*="frontpage.html"] { padding-left: 20px; background-image: url("/images/skins/Bewise/images/icon-store.svg"); background-repeat: no-repeat; background-size: 12px auto; background-position: 0 50%; } h1 + .breadcrumb, h1 + .SubCats_BreadCrumb { margin-top: -20px; } /* FAVORITES */ [action="/shop/favorites.html"] .FormTB { padding: 30px; margin: 30px 0 0; border: solid 1px rgba(238, 238, 238, 1); } [action="/shop/favorites.html"] .FormTB tbody { display: block; } [action="/shop/favorites.html"] .FormTB tbody > tr { display: block; } [action="/shop/favorites.html"] .FormTB tbody > tr:last-child { display: none; } [action="/shop/favorites.html"] .FormTB tbody > tr > td { display: block; width: 100%; } .FormTB_MessageTA { display: block; } .subjectHeader input[type="text"] { margin-bottom: 10px; } div.dd-theme-default .nivo-directionNav a { top:50%; width:45px; height: 45px; font-size: 0; transform:translateY(-50%); text-indent: 0; background-color: rgba(255,255,255,1.00); border-radius: 50%; background-size: auto 35%; background-position: 50% 50%; opacity: 1; } div.dd-theme-default a.nivo-prevNav { background-image: url('/images/skins/Bewise/images/arrow-left.svg'); left: 20px; } div.dd-theme-default a.nivo-nextNav { background-image: url('/images/skins/Bewise/images/arrow-right.svg'); right: 20px; } div.dd-theme-default .nivo-controlNav { margin: 15px 0 0; font-size: 0; } div.dd-theme-default .nivo-controlNav a { background-color:rgba(229,229,229,1.00); height: 6px; width: 6px; margin: 0 4px; border-radius: 50%; background-image: none; } div.dd-theme-default .nivo-controlNav a.active { background-color: rgba(90,90,90,1.00); } .productcard { width: 1270px; margin: 0 auto; max-width: 100%; } .productcard:after { content:""; clear:both; display:block; } .productcard .breadcrumb, .productcard .breadcrumb td { text-align: left; } .goback { margin-bottom: 5px; } .goback a { text-decoration: none; background-color: #4d5852; color: #FFF; border-radius: 1px; padding: 2px 10px 2px 20px; display: inline-block; cursor: pointer; text-transform: uppercase; font-size: 10px; letter-spacing: 0.5px; position: relative; } .goback a:before { position: absolute; top: 50%; transform: translateY(-50%); left: 8px; content: url("/images/skins/Bewise/images/arrow-left-white.svg"); height: 14px; width: 5px; display: block; } .stockInfo > img { width: 13px; margin: 0 5px 0 0; } .stockInfo:empty { display: none; } .christmasreturn { display: flex; align-items: center; justify-content: flex-start; margin: 0 0 20px; } .christmasreturn svg { width: 20px; height: auto; margin: 0 10px 0 0; color: #A70C0F; } .buyWrapperHeadline, .amountWrapperHeadline { display:none; } body .pill { width: 40px; height: 40px; padding: 0 !important; background-position: 50% 50% !important; background-size: auto 16px !important; cursor: pointer; margin-left: 8px; } .productcard .buy { display: flex; margin: 0 0 20px; align-items: center; flex-wrap: wrap; } .productcard .buy:empty { display: none; } .productcard a[href*="AddFavorite"] { margin-left: 15px; display: flex; align-content: center; } .productcard a[href*="AddFavorite"] img { display: block; height: 15px; } #BUYSECTION { display: flex; } .amountWrapper { display: flex; background-color:#f2f2f2; border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .amountWrapper > * { flex: none; } .amountWrapper input, .buyWrapper input { height: 45px; } .amountWrapper input { -webkit-appearance:none; border-radius:0; width:35px; flex: auto; border:none; background-color:transparent; text-align:center; padding:0; font-weight: bold; } .amountWrapper .incButton, .amountWrapper .decButton { padding: 0 15px; display: flex; align-items: center; font-weight: bold; cursor: pointer; } .amountWrapper span::selection { background: transparent; } .amountWrapper input::-webkit-outer-spin-button, .amountWrapper input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .amountWrapper input[type=number] { -moz-appearance:textfield; } .buyWrapper { position: relative; } .buyWrapper input[type="submit"] { padding: 0 55px 0 35px; background-image: url("/images/skins/Bewise/images/icon-basket-white.svg"); background-repeat: no-repeat; background-position: calc(100% - 15px); background-size: 15px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .buyWrapper input[type="submit"]:hover { background-color: #4d5852; } .buyWrapper input[type="image"] { display: none; } .productcard .buy input[type="submit"].hidden { } .productcard .documents > a:first-of-type { margin-top:20px; display:inline-block; } .productcard .documents img { width:25px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin:3px 10px 3px 0; } .productcard .news { position:absolute; top:40px; right:0; background-color: #666666; color: rgba(255,255,255,1.00); display: inline-block; z-index: 10; padding: 2px 10px; text-transform: uppercase; } .productcard .images { flex: none; width:50%; position:relative; } .productcard .imagecanvas { position: relative; text-align: center; } .productcard .imagecanvas a { display: block; } .productcard .imagecanvas img[itemprop="image"] { display: inline-block; margin: 0 auto; max-height: 600px; max-width: 100%; } .productcard .imageselector { display: flex; margin: 0 -1%; flex-wrap: wrap; } .productcard .imageselector a { flex: none; width: 14.6%; position: relative; margin: 0 1% 2%; border: 1px solid #f6f6f6; } .productcard .imageselector a img { display:block; width: 100% !important; margin:0 !important; } table.ProductInfo_MagixZoomPlus_MainImage_TABLE { width:100%; } div.MagicThumb-caption { display:none !important; } .imagecanvas div.Element_Overlay_ProdInfo_SavingsDIV, .imagecanvas div.Element_Overlay_ProdInfo_SpecialOfferDIV { display:block; } .productcard .info { flex: none; width: 50%; position:relative; padding-left: 50px; } .Product_Rating_Review_Text, .Product_Rating_Sum, .Product_Rating_NoRates { display: none; } .productcard .product-number { margin:20px 0 15px; font-size:11px; display:none; } .productcard .product-number.active { display:block; } .Variants { margin:20px 0; max-width: 100%; } .RadioButton_Container_ProductInfo { display: flex; flex-wrap: wrap; } .advanced-variant-item-container { padding: 0; margin-right: 5px; } .advanced-variant-item-container.advanced-variant-image-active { box-shadow: none; } .advanced-variant-item-container.advanced-variant-image-active > label { border-color: #444444; background-color: #666666; color: #FFF; } .advanced-variant-item-container.advanced-variant-image-active > label:hover { cursor: default; background-color: #666666; color: #FFF; } .advanced-variant-item-container > label { padding: 6px 0; border: 1px solid #e2e2e2; cursor: pointer; border-radius: 2px; width: 50px; display: block; text-align: center; } .advanced-variant-item-container > label:hover { background-color: #e2e2e2; } .advanced-variant-item-container input { display: none; } table.VariantGroup { width:100%; } .Variants > table.VariantGroup:not(:last-child) { margin-bottom: 15px; } table.VariantGroup > tbody > tr:first-child > td:first-child { display: none; } td.VariantGroupLabel { font-weight:normal; display: block; margin: 0 0 5px 0; } table.VariantGroup select { width:100%; } .productcard { display: flex; flex-wrap: wrap; margin-bottom: 30px; } .productcard h1 { text-align: left; margin-bottom: 0; font-size: 23px; line-height: 30px; } .productcardpayments { display: flex; align-items: center; justify-content: flex-start; margin: 10px 0 20px; } .productcardpayments > * { max-height: 28px; width: auto; margin-right: 10px !important; margin-top: 0 !important; margin-left: 0 !important; } .productcardpayments :where([src*="pple"],[src*="google"]) { max-height: 20px; } .productcard .manufactor { margin: 10px 0 0 0; display: flex; align-items: center; font-size: 13px; text-transform: uppercase; color: #A0A0A0; } .productcard .manufactor > span { display: flex; } .productcard .manufactor a { font-size: 13px; color: #4d5852; display: block; margin-left: 4px; text-decoration: underline; } .shortdescription { margin: 10px 0 0 0; } .productcard-retailprice { margin: 20px 0 0 0; color: #9D9D9D; } .productcard .Prices_Custom_UL { margin:0; padding:0; list-style-type:none; } .productcard .Prices_Custom_UL > li .currency { padding-left: 5px; } .productcard .Prices_Custom_UL > li .before { text-decoration: line-through; color: #B6B6B6; } .productcard .Prices_Custom_UL > li:first-child .price, .productcard .Prices_Custom_UL > li:first-child .currency{ font-size:200%; font-weight:bold; } .productcard .Prices_Custom_UL li:first-child .before { display:block; } .productcard .Prices_Custom_UL *:empty { display: none; } .productcard .Prices_Custom_UL li:first-child .text { display:none; } .productcard .Prices_Custom_UL > li:nth-child(n+2) { border-top: solid 1px rgba(238, 238, 238, 1); padding-top: 5px; } .productcard .Prices_Custom_UL > li:nth-child(n+2) .before { padding-right: 5px; } .productcard .Prices_Custom_UL > li:not(:last-child) { padding-bottom: 5px; } .productcard .stockInfo { margin: 20px 0; } .productcard .short-description { padding:0 0 20px; font-weight:bold; line-height: 1.7em; } td.ProductInfo_MagixZoomPlus_MainImage_TD { border:0; } .productcard .productNumber { margin: 0px 0 0; color: rgba(151,151,151,1.00); } .productcard .tags table { font-size: 0; } .productcard .tags > span { display: block; margin-bottom: 5px; } .productcard .tags table td > span > a { display: none; } .productcard .tags a { text-decoration: none; text-transform: uppercase; font-size: 10px; letter-spacing: 0.5px; border-radius: 25px; background-color: #eee; padding: 3px 10px; margin: 0 5px 0 0; } .add-on-products-header-container { display: flex; font-size: 15px; font-weight: 700; margin-bottom: 13px; } .add-on-products-sub-header { display: none; } .add-on-products-container { display: flex; flex-direction: column; margin-bottom: 30px; } .add-on-products-container > div:not(:last-child) { margin-bottom: 5px; padding-bottom: 5px; border-bottom: solid 1px rgba(209,209,209,1.00); } .add-on-product-row { position: relative; display: flex; } .add-on-products-container:not(.showall) .add-on-product-row:nth-of-type(n+6) { display: none; } .add-on-product-column.add-on-product-checkbox { order: 5; display: flex; align-items: center; justify-content: center; width: 70px; position: relative; } .add-on-product-column.add-on-product-checkbox input[type="checkbox"] { display: none; } .add-on-button { background-color: #4d5852; color:rgba(255,255,255,1.00); padding: 8px 16px; font-size: 12px; cursor: pointer; user-select: none; font-weight: 700; text-transform: uppercase; border-radius: 3px; min-height: 36px; display: flex; align-items: center; } input[type="checkbox"]:checked + .add-on-button { background-color: black; } .add-on-product-image { order: 1; flex: none; width: 80px; max-width: 20%; margin: 0 20px 0 0; display: flex; align-items: center; } .add-on-product-image a { display: block; position: relative; } .add-on-product-image img { display: block; width: 100%; aspect-ratio: 1/1; padding: 10px; background-color: rgba(255,255,255,1.00); } .add-on-product-name { flex: auto; order: 2; display: flex; flex-direction: column; justify-content: center; padding: 0 15px 0 0; } .add-on-product-price { display: flex; flex-direction: row-reverse; justify-content: flex-end; gap: 10px; } .add-on-product-price .specialofferprice { color: rgba(225,70,69,1); } .add-on-product-amount { order: 3; align-self: center; padding: 0 15px; display: none; } .add-on-product-amount input[type="number"] { width: 40px; padding: 0; text-align: center; } .add-on-product-amount input[type="number"]::-webkit-inner-spin-button, .add-on-product-amount input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } /* REMEMBER TO BUY*/ .extraProductsContainer { margin: 0 0 40px; } .extraProductsHeader { padding-bottom: 5px; margin: 20px 0 0; } .extraProduct { display: flex; align-items: center; padding: 7px 0; background-color: rgba(255,255,255,1.00); border-radius: 5px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } .extraProductsContainer > .extraProduct:not(:last-child) { margin-bottom: 7px; } .extraProduct > * { flex: none; margin: 0 2% 0 0; } .extraProduct .check { align-self: center; position: relative; display: flex; } .extraProduct .check img { position: absolute; top: 50%; left: 50%; width: 70%; transform: translate(-50%,-50%); z-index: 5; display: none; pointer-events: none; } .extraProduct .check input:checked + img { display: block; } .extraProduct input[type="checkbox"] { margin: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; width: 25px; height: 25px; cursor: pointer; background-color: rgba(255,255,255,1.00); border: solid 1px #ddd; } .extraProduct > .image { width: 60px; align-self: center; position: relative; } .extraProduct > .image img { display: block; width: 100%; } .extraProduct > .name { flex: auto; display: flex; flex-direction: column; align-items: flex-start; } .extraProduct > .name strong { display: block; } .extraProduct > .name .price strike { padding: 0 8px 0 0; color: rgba(225,70,69,1); } .buyWrapper .shippingtime { position: absolute; bottom: calc(100% + 5px); left: 0; width: 100%; border-radius: 3px; background-color: #f2f2f2; font-size: 11px; line-height: 1; white-space: nowrap; padding: 3px 5px; text-align: center; box-shadow: 0 2px 0 rgba(0,0,0,.2); } .shippingtime:after { content: ""; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 18px; height: 10px; clip-path: polygon(0 0, 50% 100%, 100% 0); background-color: #f2f2f2; /*filter: drop-shadow(2px 2px 0 rgba(0,0,0,.3));*/ } .shippingCountdown { padding: 20px; background-color: #f7f7f7; margin: 20px 0 0 0; } .shippingCountdown .text { margin: 0 0 5px; padding: 0 65px 0 0; } .shippingCountdown .text i { font-style: normal; color: #4d5852; font-weight: 600; } .shippingCountdown .bar { border-radius: 20px; height: 16px; padding: 1px; border: solid 1px #4d5852; background-color: rgba(255,255,255,1.00); display: flex; position: relative; } .shippingCountdown .bar span { flex: none; background-color: #4d5852; border-radius: 20px; width: 0; } .shippingCountdown .bar small { border-radius: 3px; padding: 3px 5px; font-size: 11px; background-color: #4d5852; color: rgba(255,255,255,1.00); position: absolute; right: 0; bottom: calc(100% + 5px); } .shippingCountdown .bar small:after { content: ""; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #4d5852; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); } .shippingCountdown:empty { display: none; } .shippingCountdown.redeemed, .basketPopup .shippingCountdown { background-color: rgba(155,193,175,.1); } .shippingCountdown.redeemed { padding: 10px 20px 10px 40px; position: relative; } .shippingCountdown.redeemed:before { content:url("/images/skins/Bewise/images/icon-checkmark.svg"); position: absolute; left: 20px; top: 50%; transform: translateY(-50%); width: 12px; } .descriptionContainer { } .descriptionContainer > div { } .descriptionContainer > div:last-child { } .productcardUsp { } .acquisition { background-color: #f6f6f6; padding: 20px; margin-bottom: 20px; margin-top: 20px; } .acquisition > span { display: block; font-size: 16px; font-weight: 400; } .acquisition > p { padding: 0; margin: 0; } .acquisition a { cursor: pointer; background: #444; display: inline-block; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; color: #FFF; border-radius: 3px; padding: 5px 20px; margin: 10px 0 0 0; } .productcardUsp > ul { list-style-type: none; margin: 0 -1%; padding: 0; display: flex; flex-wrap: wrap; align-items: center; } .productcardUsp > ul > li { display: flex; align-items: center; flex: none; width: 48%; margin: 0 1% 2%; background-color: #f6f6f6; padding: 10px 20px; } .productcardUsp > ul > li img { display: block; height: 15px; margin-right: 10px; } .productcardUsp > ul > li > div { display: flex; flex-direction: column; } .tabs { margin:0 0 50px 0; padding: 0; display: none; clear: both; } .tabsLiContainer { position: relative; border-bottom: 1px solid #eee; } .tabsDivContainer div { text-align: left !important; } .tabsLiContainer > ul { margin:0; padding:0; list-style-type:none; display: flex; -webkit-overflow-scrolling:touch; overflow-x:auto; overflow-y:hidden; } .tabsLiContainer li { padding:20px 0; position:relative; z-index:20; font-weight:normal; text-transform: uppercase; letter-spacing: 1px; color: rgba(0,0,0,.50); } .tabsLiContainer > ul > li:not(:last-child) { margin-right: 7%; } .tabsLiContainer li.open { cursor: default; color: rgba(0,0,0,1.00); } .tabsLiContainer li.open:after { height: 1px; background-color: rgba(0,0,0,1.00); content: ""; position: absolute; bottom: 0; left: 0; width: 100%; } .tabsLiContainer li:not(.open) { cursor:pointer; } .tabsDivContainer > div { padding:20px 0 0; position:relative; text-align: left; line-height: 1.7em; } .tabsDivContainer > div:after { clear: both; content: ""; display: block; } .tabsDivContainer iframe { max-width: 100%; } .productnumber { margin: 0px 0 0 0; color: #909090; } /* SPECS */ .specs { list-style-type:none; margin:20px 0 0 0; padding:0; border-radius:6px; display:none; } .specs > *:not(:last-child) { border-bottom:solid 1px rgba(237,237,237,1.00); } .specs > :nth-child(2n+1) { } .specs > * { display: flex; } .specs > * > * { flex: auto; padding: 5px 0; } .specs > * > *:first-child { width: 30%; flex: none; font-weight: bold; } .stores { display: flex; flex-wrap: wrap; margin: 0 -1%; } .stores > div { flex: none; width: 31.3%; margin: 0 1% 2%; background-color: #f6f6f6; padding: 30px; } .stores > div > span { display: block; font-size: 16px; margin-bottom: 20px; } .stores > div > div { display: flex; align-items: center; padding: 4px 0; } .stores > div > div img { height: 15px; margin-right: 5px; } .stores > div > a { display: inline-flex; align-items: center; text-decoration: none; background-color: #4d5852; color: #FFF; padding: 6px 10px; border-radius: 2px; margin: 20px 0 0 0; } .stores > div > a > img { height: 20px; margin-right: 10px; } /* LOYALTY */ table.loyalty_signup_table>tbody>tr>td:first-child { flex-wrap: nowrap; } table.loyalty_signup_table>tbody>tr>td:first-child > form:not([name="forgotpsw"]):not(.loyalty_signup_form) { order: 1; } table.loyalty_signup_table>tbody>tr>td:first-child > [name="forgotpsw"] { order: 2; background-color: rgba(247,247,247,1.00); } form.loyalty_signup_form { padding: 20px 0 30px 30px; max-width: 70%; border: 1px solid #eee; order: 3; } form.loyalty_signup_form input[type="number"] { display: block; width: 100%; border: 1px solid #dfdfdf; height: 34px !important; padding: 0 10px; outline: none; -webkit-appearance: none; -moz-appearance: none; background-color: rgba(255,255,255,1.00); border-radius: 2px; } form.loyalty_signup_form .header h2 { margin: 0 0 10px; padding: 0; font-size: 240%; font-weight: bold; } form.loyalty_signup_form .header p { margin: 0 0 10px; padding: 0; } form.loyalty_signup_form .input_section { display: inline-block; width: 50%; padding: 0 30px 10px 0; vertical-align: top; } form.loyalty_signup_form .input_section label { display: none; } form.loyalty_signup_form .description p { margin: 0; padding: 0; } form.loyalty_signup_form .description p:not(:empty) { margin-bottom: 10px; } form.loyalty_signup_form div.button { -webkit-appearance: none; font-weight:normal; border: none; color: #fff; cursor: pointer; background: #4d5852; display: inline-block; padding: 8px 20px; font-size: inherit; text-decoration: none; border-radius: 2px; text-transform: uppercase; letter-spacing: 1px; text-align: center; outline: none; position: relative; } .signup_confirm_checkbox { display: flex; align-items: center; margin: 0 0 20px; width: calc(100% - 30px); } .signup_confirm_checkbox > * { flex: auto; } .signup_confirm_checkbox > input { flex: none; margin: 0 10px 0 0; } .signup_confirm_checkbox > p { margin: 0; padding: 0; } .signup_confirm_checkbox { background-color: rgba(77,88,82,0.10); padding: 10px; font-size: 11px; } .loyalty_signup_form .description { margin: 20px 0 0 0; } .loyalty_signup_form .description ul { list-style-type: none; padding: 0; margin: 0 0 20px 0; } .loyalty_signup_form .description ul li { background-image: url("/images/skins/Bewise/images/icon-checkmark-green.svg"); background-position: left center; background-repeat: no-repeat; background-size: 15px; padding: 5px 0 5px 20px; } /* #acceptLoyaltyCreationContainer { border: 1px solid #dfdfdf; padding: 10px 15px; cursor: pointer; border-radius: 2px; float: none; margin: 20px 0; display: flex; align-items: center; } */ #subscription-maillist { display: flex; background-color: #f6f6f6; padding: 20px; margin: 20px 0 0 0; } #subscription-maillist h3 br { display: none; } .productCardPoints { background-color: #f6f6f6; padding: 10px; margin: 20px 0; display: flex; align-items: center; } .productCardPoints img { height: 20px; display: block; margin-right: 10px; } .productCardPoints .productPoints { padding: 0 4px; } .productCardPoints a { text-decoration: none; font-size: 10px; text-transform: uppercase; padding: 2px 6px; background-color: #4d5852; color: #FFF; display: inline-block; margin-left: 10px; letter-spacing: 0.5px; border-radius: 1px; } .videoContainer { position: relative; max-height: 600px; overflow: hidden; } .videoContainer video { display: block; width: 100%; } /* SHOWBASKET */ #showbasketContent:after { content: ""; display: block; clear: both; } .ShowBasket_Custom_DIV { clear: both; } .ShowBasket_Custom_DIV > div { display: flex; align-items: center; padding: 15px 0; position: relative; border-bottom: solid 1px rgba(238, 238, 238, 1); } .ShowBasket_Custom_DIV > div > * { flex: none; } .ShowBasket_Custom_DIV > div > a[href*="remove"] { position: absolute; z-index: 20; width: 30px; height: 30px; border-radius: 50%; display: block; top: 5px; left: -10px; background-color: rgba(0,0,0,1.00); } .ShowBasket_Custom_DIV > div > a[href*="remove"] img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 40%; } .ShowBasket_Custom_DIV > div > .image { width: 10%; } .ShowBasket_Custom_DIV > div > .image a { display: flex; width: 80%; position: relative; align-items: flex-start; } .ShowBasket_Custom_DIV > div > .image img { display: block; width: 100% !important; } .ShowBasket_Custom_DIV > div > .description { flex: auto; } .ShowBasket_Custom_DIV > div > .description > a { text-decoration: none; font-weight: bold; color: rgba(0,0,0,1.00); } .ShowBasket_Custom_DIV > div > :last-child { text-align: right; } .ShowBasket_Custom_DIV .amount { display: flex; background-color: #f2f2f2; border-radius: 25px; align-items: center; } .ShowBasket_Custom_DIV .description .amount { display: none; } .ShowBasket_Custom_DIV .amount > * { flex: none; } .ShowBasket_Custom_DIV .amount > a { padding: 0 20px; display: flex; align-items: center; font-weight: bold; cursor: pointer; height: 50px; } .ShowBasket_Custom_DIV .amount > span { width: 30px; text-align: center; } .ShowBasket_Custom_DIV .amount > a img { height: 10px; } .ShowBasket_Custom_DIV .amount > span:first-child { display: none; } .ShowBasket_Custom_DIV .unittotal { width: 20%; padding-left: 3%; } .ShowBasket_Custom_DIV .unittotal[data-type*="SalesDiscountProduct"] { color: rgb(56,175,72); } .ShowBasket_Custom_DIV .unittotal small { display: block; } .ShowBasket_Custom_DIV .unittotal[data-amount="1"] small { display: none; } .giftWrap { margin: 10px 0 0; } .giftWrap input { display: none; } .giftWrap label { cursor: pointer; } .giftWrap table, .giftWrap:empty { display: none; } .basketDeliveryInfo { display: inline-flex; border: solid 1px rgba(223,223,223,1.00); border-radius: 3px; max-width: 280px; margin-top: 10px; } .basketDeliveryInfo > span { padding: 8px 10px; display: block; font-size: 12px; } .basketDeliveryInfo > span:not(:last-child) { border-right: solid 1px rgba(223,223,223,1.00); } .basketCheckout { float: right; width: 420px; max-width: 100%; } #shipping-methods > label .recommended { font-size: 10px; text-transform: uppercase; padding: 3px 5px; border-radius: 2px; background-color: #4d5852; color: #fff; position: absolute; top: 0; right: 5px; transform: translateY(-50%) } .basketCheckout a.button { display: block; font-size: 16px; padding: 15px 20px; } .basketCheckout a.button small { display: block; font-size: 11px; } .basketCheckout .line { display: flex; align-items: flex-start; } .basketCheckout .line:first-child { margin-top: 20px; } .basketCheckout .line > * { padding: 0 0 10px; flex: auto; } .basketCheckout .line > :last-child { text-align: right; } .basketCheckout .line.total { font-weight: bold; color: rgba(0,0,0,1.00); margin-bottom: 20px; } .basketCheckout .line.total > * { padding: 10px 0; } .basketCheckout .line > :empty { display: none; } .basketDiscount input[type="text"] { display: block; width: calc(100% - 10px); padding: 0 10px; } .basketDiscount button { display: block; width: 100%; cursor: pointer; padding: 0 20px; background-color: rgba(0,0,0,1.00); } .basketEmpty { text-align: center; } /* CONTACTFORM */ aside .header { margin-top:30px; } form.contact { padding:0; } form.contact input[type="text"], form.contact input[type="email"], form.contact textarea { width:100%; height:30px; padding-left:15px; margin:0 0 4px; color:#000; background-color:rgba(100,100,100,0.1); border:0; border-top:solid 1px #DBDBDB; } form.contact textarea { padding:10px 15px; height:60px; } form.contact small { display:block; padding:5px 0 10px 15px; } form.contact input[type="submit"] { font-size:12px; padding:7px 10px; margin-left:15px; text-transform:uppercase; } .instagram { } .instagram > div { width: 1800px; margin: 0 auto; max-width: 90%; padding: 60px 0 0 0; border-top: 1px solid #eee; } .instagram > div > div.instagramHeader { display: flex; align-items: center; justify-content: center; margin-bottom: 20px; font-size: 20px; text-transform: uppercase; font-weight:normal; } .instagram > div > div > img { width: 20px; height: 20px; display: block; margin-right: 10px; } .confirmingOrderText { margin: 10px 0 0 0; text-align: center; } footer { background-color: #f6f6f6; margin: 0; padding: 0 0 80px 0; color: rgba(86,86,86,1.00); font-weight:normal; } footer > section { display: flex; width:1800px; max-width:90%; margin:0 auto; font-weight: normal; padding: 60px 0; } footer a { text-decoration:none; font-weight:normal; } footer > section > div { flex: none; width: 25%; } footer .location span { display: flex; align-items: center; } footer .location span img { display: block; width: 12px; margin-right: 8px; } footer .location span.location-header { font-weight: bold; } .socialDiv { display: flex; align-items: center; margin: 20px 0 0 0; } .socialDiv a { display: block; } .socialDiv img { height: 20px; margin-right: 10px; } .bottom-newsletter { display: flex; flex-direction: column; } .bottom-newsletter form { margin: 20px 0 0 0; width: 80%; } .bottom-newsletter .signup-fields { display: flex; } .bottom-newsletter .interests { display: flex; } .bottom-newsletter .interests > span { margin-left: 10px; display: flex; align-items: center; } .bottom-newsletter input[type="text"], .bottom-newsletter input[type="email"] { color: #000; background-color:rgba(255,255,255,1.00); padding: 0px 10px; border: none; font-weight:normal; display: block; height: 35px; border-radius: 2px; margin: 0 10px 10px 0; } .bottom-newsletter input[type="checkbox"] { margin: 0 5px 0 0; } .bottom-newsletter .acceptTerms { align-items: center; display: flex; font-size: 11px; margin-right: 10px; flex: none; width: 100%; margin-bottom: 10px; } .accept-container { display: flex; margin: 10px 0 0 0; flex-wrap: wrap; } .bottom-newsletter p { margin: 0; padding: 0; } .footer-info { width: 1800px; margin: 0 auto; max-width: 90%; display: flex; align-items: center; justify-content: space-between; padding: 20px 0; border-bottom: 1px solid #ddd; } .footerMenu { margin: 0; padding: 0; list-style-type: none; } .footerMenu li { } .footerMenu li a { display: block; margin-bottom: 5px; } .divider { height: 40px; display: flex; align-items: top; justify-content: center; } .divider a { display: block; } .divider img { height: 20px; display: block; width: 20px; opacity: 0.5; } .TopMenu_MenuItems { display: none; } div.social { display: flex; align-items: center; } div.social a { display:block; margin:0 0 0 10px; } div.social img { display: block; height: 22px; } .footer-icons { flex: none; width: 100%; display: flex; align-items: center; } .footer-icons > div { display: flex; align-items: center; width: 1800px; max-width: 90%; margin: 0 auto; border-top: 1px solid #ddd; padding: 20px 0; justify-content: space-between; } .footer-icons > div > div { display: flex; flex-wrap: wrap; align-items: center; } .footer-icons > div > div:first-child { flex: auto; row-gap: 10px; } .footer-icons > div > div:last-child { flex: none; } .footer-icons > div > div:first-child > span { flex: none; width: 100%; display: flex; align-items: center; margin: 10px 0 0 0; } .footer-icons > div > div:first-child > span > img { height: 12px; } .footer-icons > div > div:first-child img { margin-right: 10px; margin-bottom: 10px; } .footer-icons > div > div:last-child img { margin-left: 10px; display: block; height: 15px; } .footer-icons > div > div > img { height: 12px; display: block; } footer .secure { display: flex; justify-content: flex-end; } footer .secure > div { display: flex; } footer .secure a { display: block; margin-left: 10px; } footer .secure img { display: block; height: 50px; } .bottom-usp { background-color: #4d5852; } .bottom-usp ul { padding: 0; list-style-type: none; display: flex; align-items: center; justify-content: center; color: #FFF; width: 1800px; max-width: 90%; margin: 0 auto; } .bottom-usp ul li { display: flex !important; align-items: center; justify-content: center; padding: 20px 30px; font-size: 11px; letter-spacing: 0.5px; } .bottom-usp img { height: 15px; margin-right: 10px; } .bottom-usp span { display: block; } .bottom-usp a { color: #FFF; text-decoration: none; } table.CmsPageStyle_Table, .profileWrapper table, .termsWrapper table { table-layout:fixed; } .cms-boxes { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin: 30px 0; } .cms-boxes > a { flex: none; width: 23%; } .cms-boxes img { display: block; max-width: 100%; } .cms-boxes h2 { flex: none; width: 100%; } .cms-boxes-price { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 20px 0; } .cms-boxes-price > div { flex: none; width: 31.3%; text-align: center; background-color: #f6f6f6; padding: 20px 10px; font-size: 16px; } .btnMenu { display: none; } #ProductFilter-Container { position: relative; margin-top: 30px; } #ProductFilter-Container.stuck { position: fixed; } #ProductFilter-Container.filterloading::before { content: ''; display: block; width: 100%; height: 100%; background-color: rgba(255,255,255,.8); position: absolute; top: 0; left: 0; z-index: 99; } #ProductFilter-Container.filterloading::after { content: ''; background-image: url('/images/skins/Bewise/images/loader.svg'); background-size: 100% auto; background-position: center; position: absolute; width: 38px; height: 38px; top: 100px; left: 50%; transform: translate(-50%, 0); z-index: 99; } .product-filter-container { border: none; } .product-filter-column-container-1 { padding: 10px 20px; border: 1px solid #f6f6f6; } .product-filter-header-container { background-color: transparent; border: none; border-top: 1px solid #f6f6f6; font-size: 14px; padding: 10px 0; display: flex; align-items: center; cursor: pointer; position: relative; } .product-filter-count { position: absolute; top: 50%; left: -9px; transform: translate(-100%, -50%); width: 20px; height: 20px; border-radius: 10px; font-size: 10px; display: flex; align-items: center; justify-content: center; color: #fff; background-color: #4d5852; transition: opacity ease .2s; } #ProductFilter-Container.filterloading .product-filter-count { opacity: 0; } #ProductFilter-Container > div.product-filter-column-container-1 > div:nth-child(1) .product-filter-header-container { border: none; } .product-filter-header-container::after { content: url('data:image/svg+xml;utf8,'); margin-left: auto; } /* #ProductFilter-Container .product-filter-checkbox:disabled + label { opacity: .3; } */ .product-filter-body-container { display: none; padding: 5px 0 10px; } .product-filter-body-container.product-filter-body-container-price { padding-top: 1px; } .product-filter-clear-all { margin: 10px 0 20px; display: flex; } .product-filter-clear-all a, .product-filter-clear-all span.product-filter-hide { text-decoration: none; background-color: #000; color: #FFF; font-size: 10px; text-transform: uppercase; padding: 2px 5px; border-radius: 2px; cursor: pointer; } .product-filter-clear-all span.product-filter-hide { margin-right: auto; } .priceRangeInfo { display: flex; } .priceRangeInfo > span { flex: auto; font-size: 70%; } .priceRangeInfo > span:last-child { text-align: right; } .value-slider-wrapper-input { display: none; } /* .product-filter-headertext-container { display: none; } */ .btnFilter { display: none; outline: none; cursor: pointer; position: relative; align-items: center; justify-content: center; border: solid 1px #9e7213; border-radius: 4px; padding: 10px 25px; width: 100%; margin: 0 0 20px 0; } .btnFilter > * { flex: none; } .btnFilter img { margin: 0 8px 0 0; width: 13px; } .btnFilter .count { position: absolute; top: 9px; right: 9px; width: 20px; height: 20px; background-color: #4d5852; border-radius: 50%; text-align: center; padding: 4px 0 0; font-family: 'Arial'; line-height: 1; font-size: 12px; font-weight: bold; color: rgba(255,255,255,1.00); } /* .productFilter { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999999; overflow: hidden; background-color: rgba(0,0,0,.4); display: none; } #ProductFilter-Container { position: absolute; top: 0; left: -400px; height: 100%; width: 330px; max-width: 80%; padding: 20px; background-color: rgba(255,255,255,1.00); box-shadow: 0 0 50px rgba(0,0,0,.2); z-index: 400; border-top: solid 7px #000000; transition: left 0.2s ease-in-out; display: flex; flex-direction: column; } #ProductFilter-Container.active { left: 0; } #ProductFilter-Container > * { flex: none; } .product-filter-headertext-container { display: none; } #ProductFilter-Container div[class*="product-filter-column-container"] { display: flex; flex: auto; flex-direction: column; -webkit-overflow-scrolling:touch; overflow-y:auto; overflow-x:hidden; } .product-filter-row { margin-bottom: 35px; } div.product-filter-container { border: none; } div.product-filter-header-container { background-color: transparent; padding: 0; border: none; float: none; } div.product-filter-body-container, div.product-filter-body-container-price { padding: 10px 0 0; } div.product-filter-body-container-price { padding-top: 15px; } div.product-filter-header-text { text-transform: uppercase; } div.product-filter-checkbox-container { display: flex; align-items: center; border: solid 1px rgba(238, 238, 238, 1); padding: 8px 8px; border-radius: 2px; position: relative; transition: background 0.3s ease; } div.product-filter-advanced-variant-checkboxes, div.product-filter-tag-checkboxes { display: flex; flex-wrap: wrap; margin: 0 -10px; } .product-filter-advanced-variant-checkboxes div.product-filter-checkbox-container, div.product-filter-tag-checkboxes div.product-filter-checkbox-container { margin: 0 10px 10px; width: calc(50% - 20px); } div.product-filter-checkbox-container.active { border-color: #4d5852; background-color: #4d5852; } div.product-filter-checkbox-container.active * { color: rgba(255,255,255,1.00); } div.product-filter-checkbox-container:not(.disabled):not(.active):hover { background-color: rgba(238,238,238,.6); } div.product-filter-checkbox-container.disabled { cursor: default; opacity: .3; } div.product-filter-checkbox-container.disabled:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 20; } div.product-filter-checkbox-container > * { flex: none; float: none; } label.product-filter-checkbox-label { float: none; line-height: normal; flex: auto; cursor: pointer; } div.product-filter-checkboxes, div.product-filter-manufactor-checkboxes { margin: 0 0 10px; } div.product-filter-clear { display: none; } .product-filter-row input[type="checkbox"] { display: none; } .checkbox { float: left; width: 19px; height: 19px; background-color: rgba(214,214,214,1.00); cursor: pointer; margin: 0 8px 0 0; border-radius: 50%; } input:checked + label .checkbox { background-color: #4d5852; } div.product-filter-clear-all { margin: 0 0 10px; } div.product-filter-clear-all a { text-decoration: none; display: inline-block; padding: 3px 10px; border-radius: 2px; border: solid 1px rgba(238, 238, 238, 1); } .btnFilterProductsFound { display: block; margin: 0 0 20px; } .btnFilterProductsFound:before { content: "×"; font-family: 'Arial'; position: absolute; right: 6px; top: 50%; transform: translateY(-50%); font-size: 25px; cursor: pointer; background-color: rgba(0,0,0,1.00); color: rgba(255,255,255,1.00); padding: 3px 0; line-height: 1; border-radius: 50%; width: 30px; height: 30px; text-align: center; } .btnFilter { outline: none; cursor: pointer; position: relative; } .btnFilter > * { display: inline-block; vertical-align: middle; } .btnFilter img { margin: 0 8px 0 0; width: 13px; } .btnFilter .count { position: absolute; left: -16px; top: -6px; width: 20px; height: 20px; background-color: #4d5852; border-radius: 50%; text-align: center; padding: 4px 0 0; font-family: 'Arial'; line-height: 1; font-size: 12px; font-weight: bold; color: rgba(255,255,255,1.00); } .priceRangeInfo { display: flex; } .priceRangeInfo > span { flex: auto; font-size: 70%; } .priceRangeInfo > span:last-child { text-align: right; } .value-slider-wrapper-input { display: none; } */ .asideMenu { padding:15px 20px; border: 1px solid #f6f6f6; } #ProductmenuContainer_DIV .Heading_ProductMenu { display:none; } .asideMenu ul { margin:0; padding:0; list-style-type:none; list-style: none; } .asideMenu ul > li > a { display:block; padding:5px 0; font-weight:bold; text-decoration:none; position:relative; white-space: normal; } /* .asideMenu ul > li.has-dropdown > a:after { position: absolute; font-family: 'Arial'; font-weight: normal; opacity:0.5; content:"+"; font-size: 12px; line-height: 1; top:50%; right:0; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } */ .asideMenu > ul > li.open > a { color:#bc9c4a; font-size: 16px; font-weight: bold; display: block; margin-bottom: 5px; } .asideMenu ul > li > ul.dropdown { display: none; padding: 0 0 0 10px; border-left: 2px solid rgba(0,0,0,.15); margin-bottom: 10px; } .asideMenu ul .ProductMenu_MenuItemBold, .asideMenu ul a { font-weight: normal !important; } .asideMenu ul > li > ul { margin: 0; padding: 0; list-style-type: none; } .asideMenu ul > li > ul > li > a { display:block; text-decoration:none; padding: 5px 0; } .asideMenu ul > li > ul > li > a > span.ProductMenu_MenuItemBold { font-weight: normal; } .asideMenu ul > li > ul > li > ul { border-left:solid 3px rgba(0,0,0,0.10); margin: 0 0 10px 15px; padding: 0 0 0 10px; list-style-type: none; } .asideMenu ul > li > ul > li > ul > li > a { text-decoration: none; font-size: 12px; padding: 3px 0; display: block; text-decoration: none; } .asideMenu ul > li > ul > li > ul > li > a > span.ProductMenu_MenuItemBold { font-weight: normal; } .asideMenu ul > li > ul > li > ul > li > ul { border-left: solid 3px rgba(0,0,0,0.10); margin: 0 0 10px 5px; padding: 0 0 0 10px; list-style-type: none; } .asideMenu ul > li > ul > li > ul > li > ul > li > a, .asideMenu ul > li > ul > li > ul > li > ul > li > ul > li > a { text-decoration: none; } .asideMenu ul > li > ul > li > ul > li > ul > li > ul { border-left:solid 3px rgba(0,0,0,0.10); margin: 0 0 10px 10px; padding: 0 0 0 10px; list-style-type: none; } .asideMenu .megaMenuCol > strong, .asideMenu .viewallli { display: none; } .asideMenu li.viewallli ~ li { display: block; } .asideMenu ul:empty { display: none !important; } .asideMenu a.Activ_Productmenu, .asideMenu a.Activ_Productmenu .ProductMenu_MenuItemBold { font-weight: bold !important; } .BackgroundColor1_Customer { table-layout: fixed; width: 100%; } .webshop-customercenter td > b + br { display: none; } .webshop-customercenter table.Text1_Customer tr#Field0_0, .webshop-customercenter table.Text1_Customer tr#Field10_0 { display: none !important; } .webshop-customercenter input[type="text"]#xprofileid.TextInputField_Customer, .webshop-customercenter input[type="password"]#xprofileid1.TextInputField_Customer { -webkit-appearance: none; width: 100% !important; margin: 0 0 10px; display: inline-block; } #xprofileid1 + .SubmitButton_Customer { display: block; margin: -10px 0 20px; } form[action="/shop/customer.html"]:not([name="CustomerCenterForm"]) { display: block; width: 600px; max-width: 100%; background-color: rgba(247,247,247,1.00); padding: 30px; margin: 0 auto; } form[action="/shop/customer.html"][name="forgotpsw"] { margin-top: 20px; } .ErrorText_customerlogin { background-color: rgba(248,208,209,1.00); border: solid 1px rgba(214,160,161,1.00); color: rgba(165,67,69,1.00); padding: 6px 10px; margin: 0 0 10px; border-radius: 2px; } form[name="CustomerCenterForm"] .BackgroundColor1_Customer { padding: 20px; border: solid 1px rgba(238, 238, 238, 1); } form[name="CustomerCenterForm"] .Text1_Customer > tbody > tr:first-child > td > br:first-child { display: none; } [id*="tabB"] { float:left; margin-right:6px; } [id*="tabB"] > span { background-color: rgba(238, 238, 238, 1); padding: 10px 15px; display: block; border-radius: 3px 3px 0 0; } [id*="tabB"] > span.Tabactive_Customer, [id*="tabB"] > span.Tabhover_Customer { background-color: rgba(0,0,0,1.00); color: rgba(255,255,255,1.00); } [id*="tabB4"] { float: right; margin: 0; } [id="tabB4"] > span.Tabdeactive_Customer { color: rgba(255,255,255,1.00); background-color: #4d5852; } .Text1_Customer tr[id*="Field"] > td { padding: 5px 0; } .Text1_Customer tr[id*="Field"] > td:nth-child(3) { font-size: 0; } span.FieldReq_Customer { position: absolute; font-size: 12px; line-height: 1; margin: -7px 0 0 -21px; } #OrderDetailsHeading + br + table, #OrderDetailsHeading + br + table + br + table + table{ display: none; } #OrderDetailsHeading + br + table + br + table > tbody > tr > td { border-bottom: solid 1px rgba(238, 238, 238, 1); padding: 7px 0; } [href="/shop/customer.html&StrCurTab=3"] { background-color: rgba(0,0,0,1.00); margin-top: 15px; } body.webshop-checkout #ProductmenuContainer_DIV, body.webshop-checkout header .search, body.webshop-checkout .basket, body.webshop-checkout .btnMenu, body.webshop-checkout .btnFavorites, body.webshop-checkout .usp, body.webshop-checkout .btnAccount, body.webshop-checkout .uspContainer, body.webshop-checkout #checkout-container h1.checkout-headline, body.webshop-checkout .headerBox { display: none; } .giftDateContainer { width: 98%; margin: 0 1% 20px; } .giftDateContainer > small { margin-right: 10px; } body.webshop-checkout header > div { justify-content: center; } body.webshop-checkout article { padding-top: 40px; min-height: 1000px; } #customer-login { background-color: #f6f6f6; padding: 30px; margin-bottom: 20px; } #customer-login-devider { display: none; } #checkout-container .checkout-lookup-button, #checkout-container #checkout_forgottenpassword_submit { float: none; } #checkout-container #customer_lookup_submit { padding: 2px 20px; } #checkout-container #checkout_password_login-container { float: none; width: 100%; } #checkout-container #column-data, #checkout-container #column-shipping-payment, #checkout-container #column-order-summary { width: 800px; max-width: 100%; margin: 0 auto 40px; float: none; border: none; min-height: 10px; padding: 30px; box-shadow: 0 0 50px rgba(0,0,0,.1); position: relative; } #checkout-container #column-data:after, #checkout-container #column-shipping-payment:after { content: ""; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid rgba(255,255,255,1.00); position: absolute; top: 100%; left: 30px; z-index: 20; } #checkout-container h3, #checkout-container h2 { font-weight: normal; font-size: 18px; margin: 0 0 15px; padding: 0; } #checkout-container h3 { white-space: initial; } #checkout-container #column-data #customer-data input, #checkout-container #column-data #customer-data select, #checkout-container textarea { margin: 0; } #checkout-container label[for="res5"] { display: none; } #customer-data fieldset > label[for="gift"] { width: 98%; margin: 0 1% 10px; display: flex; padding: 15px; border: solid 1px rgba(241,241,241,1.00); background-color: rgba(248,248,248,1.00); align-items: center; } #customer-data fieldset > label[for="gift"] span { margin-left: 10px; line-height: 1; } /* #checkout-container #column-data #customer-data input:not([type="button"]):not([type="button"]):not([type="checkbox"]), #checkout-container textarea { padding: 10px 15px 0; } */ #customer-data label { display: block; position: relative; margin: 0 0 10px; } #checkout-container small.smallPlaceholder { color: rgba(129,129,129,1.00); transition: all 0.2s ease-in-out; } /* #checkout-container input:focus + small, #checkout-container textarea:focus + small, #checkout-container input.notEmpty + small, #checkout-container textarea.notEmpty + small { top: 3px; left: 15px; color: rgba(138,138,138,1.00); transform: none; font-size: 9px; } */ #checkout-container .salesdiscountcode-label { flex: none; width: 100%; } #checkout-container .salesdiscountcode-container { display: inline-block; width: 70%; float: none; } #checkout-container .salesdiscountcode-button-container { display: inline-block; float: none; width: 28%; margin: 0 0 0 2%; } #checkout-container #column-data #customer-data input.checkout-salesdiscount-code-button { float: none; width: 100%; cursor: pointer; height: 34px; padding: 0; font-size: 12px; } #customer-data fieldset { display: block; margin: 0 -1%; } #customer-data fieldset > label { width: 48%; margin: 0 1% 2%; display: inline-block; vertical-align: top; } #checkout-container .checkout-row.altdev { width: 98%; margin: 0 1%; display: flex; align-items: center; padding: 15px; border: solid 1px rgba(241,241,241,1.00); background-color: rgba(248,248,248,1.00); } #checkout-container .checkout-row.altdev > * { flex: auto; } #checkout-container .checkout-row.altdev > .div-checkout-checkbox { flex: none; width: 30px; } #checkout-container div#customer-alternative-delivery { border: none; } #checkout-container #column-data #customer-data .checkout-row.altdev > .div-checkout-checkbox input { margin: 0 0 0; } #checkout-container .checkout-row.altdev .opcHeader { font-weight: bold; } #checkout-container .checkout-row.altdev .opcHeader br { display: none; } #checkout-container #column-data #customer-data .checkout-row.altdev label { margin: 0; } #payment-methods { margin: 0 0 30px; } #checkout-container .checkout-payment-table, #checkout-container .checkout-shipping-table { width: 100%; } #shipping-methods div:empty { display: none; } #checkout-container #column-shipping-payment label { border: 1px solid #dfdfdf; padding: 10px; cursor: pointer; border-radius: 2px; position: relative; } #checkout-container #column-shipping-payment label:hover { background-color: rgba(238,238,238,.50); } #checkout-container .checkout-payment-radio-cell, #checkout-container .checkout-shipping-radio-cell { width: 20px; } #checkout-container #column-shipping-payment input[type=radio] { margin: 0; } /* .checkout-payment-method-image, .checkout-shipping-method-image { float: right; } */ .checkout-payment-method-image img, .checkout-shipping-method-image img { height: 20px; } #column-shipping-payment .shipping-message, #column-shipping-payment .payment-message { font-size: 11px; color: rgba(114,114,114,1.00); } .checkout-order-confirm-headline { display: none; } #confirm-accepterms, #mailchimp-subscribe-box, #confirm-accept-customerdata, #acceptLoyaltyCreationContainer { border: 1px solid #dfdfdf; padding: 10px 15px; cursor: pointer; border-radius: 2px; float: none; margin: 10px 0 0; display: flex; align-items: center; gap: 10px; } #mailchimp-subscribe-box small { display: block; } #confirm-accepterms input[type="checkbox"], #mailchimp-subscribe-box input[type="checkbox"], #confirm-accept-customerdata input[type="checkbox"], #acceptLoyaltyCreationContainer input[type="checkbox"] { margin: 0; display: inline-block; vertical-align: middle; } #confirm-accepterms span, #mailchimp-subscribe-box label { display: inline-block; vertical-align: middle; max-width: calc(100% - 30px); } #confirm-checkout { margin-top: 30px; } #confirm-complete-button { float: none; width: 100%; } div.checkout-customerdata-text-validationmessage { font-size: 10px; margin: 2px 0 0; } /*! nouislider - 12.1.0 - 10/25/2018 */ /* Functional styling; * These styles are required for noUiSlider to function. * You don't need to change these rules to apply your design. */ .noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -ms-touch-action: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; -moz-box-sizing: border-box; box-sizing: border-box; } .noUi-target { position: relative; direction: ltr; } .noUi-base, .noUi-connects { width: 100%; height: 100%; position: relative; z-index: 1; } /* Wrapper for all connect elements. */ .noUi-connects { overflow: hidden; z-index: 0; } .noUi-connect, .noUi-origin { will-change: transform; position: absolute; z-index: 1; top: 0; left: 0; height: 100%; width: 100%; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; } /* Offset direction */ html:not([dir="rtl"]) .noUi-horizontal .noUi-origin { left: auto; right: 0; } /* Give origins 0 height/width so they don't interfere with clicking the * connect elements. */ .noUi-vertical .noUi-origin { width: 0; } .noUi-horizontal .noUi-origin { height: 0; } .noUi-handle { position: absolute; } .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { -webkit-transition: transform 0.3s; transition: transform 0.3s; } .noUi-state-drag * { cursor: inherit !important; } /* Slider size and handle placement; */ .noUi-horizontal { height: 4px; } .noUi-horizontal .noUi-handle { width: 30px; height: 24px; left: -17px; top: -11px; } .noUi-vertical { width: 18px; } .noUi-vertical .noUi-handle { width: 28px; height: 34px; left: -6px; top: -17px; } html:not([dir="rtl"]) .noUi-horizontal .noUi-handle { right: -29px; left: auto; } html:not([dir="rtl"]) .noUi-horizontal .noUi-handle.noUi-handle-upper { right: 0; } /* Styling; * Giving the connect element a border radius causes issues with using transform: scale */ .noUi-target { background:rgba(178,178,178,.30); border-radius: 0px; margin: 20px 0 15px; /*border: 1px solid #D3D3D3; /*box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;*/ } .noUi-connect { background:rgba(0,0,0,1.00); } /* Handles and cursors; */ .noUi-draggable { cursor: ew-resize; } .noUi-vertical .noUi-draggable { cursor: ns-resize; } .noUi-handle { border: 1px solid #D9D9D9; border-radius: 2px; background: #FFF; cursor: default; box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; } .noUi-active { box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; } /* Handle stripes; */ .noUi-handle:before, .noUi-handle:after { content: ""; display: block; position: absolute; height: 10px; width: 1px; background: #E8E7E6; left: 12px; top: 6px; } .noUi-handle:after { left: 15px; } .noUi-vertical .noUi-handle:before, .noUi-vertical .noUi-handle:after { width: 14px; height: 1px; left: 6px; top: 14px; } .noUi-vertical .noUi-handle:after { top: 17px; } /* Disabled state; */ [disabled] .noUi-connect { background: #B8B8B8; } [disabled].noUi-target, [disabled].noUi-handle, [disabled] .noUi-handle { cursor: not-allowed; } /* Base; * */ .noUi-pips, .noUi-pips * { -moz-box-sizing: border-box; box-sizing: border-box; } .noUi-pips { position: absolute; color: #999; } /* Values; * */ .noUi-value { position: absolute; white-space: nowrap; text-align: center; } .noUi-value-sub { color: #ccc; font-size: 10px; } /* Markings; * */ .noUi-marker { position: absolute; background: #CCC; } .noUi-marker-sub { background: #AAA; } .noUi-marker-large { background: #AAA; } /* Horizontal layout; * */ .noUi-pips-horizontal { padding: 10px 0; height: 80px; top: 100%; left: 0; width: 100%; } .noUi-value-horizontal { -webkit-transform: translate(-50%, 50%); transform: translate(-50%, 50%); } .noUi-rtl .noUi-value-horizontal { -webkit-transform: translate(50%, 50%); transform: translate(50%, 50%); } .noUi-marker-horizontal.noUi-marker { margin-left: -1px; width: 2px; height: 5px; } .noUi-marker-horizontal.noUi-marker-sub { height: 10px; } .noUi-marker-horizontal.noUi-marker-large { height: 15px; } /* Vertical layout; * */ .noUi-pips-vertical { padding: 0 10px; height: 100%; top: 0; left: 100%; } .noUi-value-vertical { -webkit-transform: translate(0, -50%); transform: translate(0, -50%, 0); padding-left: 25px; } .noUi-rtl .noUi-value-vertical { -webkit-transform: translate(0, 50%); transform: translate(0, 50%); } .noUi-marker-vertical.noUi-marker { width: 5px; height: 2px; margin-top: -1px; } .noUi-marker-vertical.noUi-marker-sub { width: 10px; } .noUi-marker-vertical.noUi-marker-large { width: 15px; } .noUi-tooltip { display: block; position: absolute; border-radius: 2px; background:rgba(0,0,0,1.00); color:rgba(255,255,255,1.00);; padding: 2px 4px; text-align: center; white-space: nowrap; font-size: 60%; } .noUi-tooltip:after { content: ""; width: 0px; height: 0px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(0,0,0,1.00); position: absolute; top: 100%; left: 50%; transform: translateX(-50%); } .noUi-horizontal .noUi-tooltip { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); left: 50%; bottom: 120%; } .noUi-vertical .noUi-tooltip { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); top: 50%; right: 120%; } /* CATEGORY IMAGE OVERLAY */ .categoryImageContainer { position: relative; display: inline-block; } .categoryImageContainer > img { display: block; max-width: 100%; } .categoryImageContainer > .categoryImageOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: flex-start; justify-content: flex-start; padding: 15px; } .categoryImageContainer.topLeft > .categoryImageOverlay { align-items: flex-start; justify-content: flex-start; } .categoryImageContainer.topCenter > .categoryImageOverlay { align-items: flex-start; justify-content: center; } .categoryImageContainer.topRight > .categoryImageOverlay { align-items: flex-start; justify-content: flex-end; } .categoryImageContainer.centerLeft > .categoryImageOverlay { align-items: center; justify-content: flex-start; } .categoryImageContainer.centerCenter > .categoryImageOverlay { align-items: center; justify-content: center; } .categoryImageContainer.centerRight > .categoryImageOverlay { align-items: center; justify-content: flex-end; } .categoryImageContainer.bottomLeft > .categoryImageOverlay { align-items: flex-end; justify-content: flex-start; } .categoryImageContainer.bottomCenter > .categoryImageOverlay { align-items: flex-end; justify-content: center; } .categoryImageContainer.bottomRight > .categoryImageOverlay { align-items: flex-end; justify-content: flex-end; } .categoryImageContainer > .categoryImageOverlay > span { display: inline-block; padding: 10px 15px; background-color: rgba(255, 255, 255, .7); color: #000; font-size: 17px; } .categoryImageContainer.big > .categoryImageOverlay > span { font-size: 30px; } /* FAVORITES FORM */ .favoritesForm { max-width: 400px; } .favoritesForm input { margin-bottom: 10px; } .favoritesForm input[type="submit"] { margin-bottom: 0; } /* HTML TEMPLATES */ [class*="template"] + hr { margin: 120px auto; width: 60px; } [class*="template"] > .template-banner { margin-bottom: 30px; } [class*="template"] > .template-banner > .template-banner-text, [class*="template"] > .template-grid > div > div { margin: 15px 0 0; } [class*="template"] > .template-grid > div > div.image-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; margin: 0; padding: 15px; } [class*="template"] > .template-grid > div > div > a { font-size: 16px; text-transform: uppercase; display: block; text-align: center; text-decoration: none; font-weight: bold; letter-spacing: .1em; } [class*="template"] > .template-grid > div > div.image-overlay > a { padding: 10px 15px; background-color: rgba(0,0,0,.5); color: #fff; } [class*="template"] > .template-banner > img, [class*="template"] > .template-grid > div > img { width: 100%; height: auto; display: block; } [class*="template"] > .template-grid { display: flex; flex-wrap: wrap; margin: 0 -15px -30px; } [class*="template"] > .template-grid > div { width: calc(50% - 30px); margin: 0 15px 30px; position: relative; } [class*="template"] > .template-grid > div.template-grid-large { width: calc(100% - 30px); } [class*="template"] > .template-grid > div.template-grid-text { padding: 30px; background-color: #e3e1d3; } [class*="template"] > .template-grid-asymmetry > div:nth-child(1), [class*="template"] > .template-grid-asymmetry > div:nth-child(4), [class*="template"] > .template-grid-asymmetry > div:nth-child(5), [class*="template"] > .template-grid-asymmetry > div:nth-child(8) { width: calc(66.667% - 30px); } [class*="template"] > .template-grid-asymmetry > div:nth-child(2), [class*="template"] > .template-grid-asymmetry > div:nth-child(3), [class*="template"] > .template-grid-asymmetry > div:nth-child(6), [class*="template"] > .template-grid-asymmetry > div:nth-child(7) { width: calc(33.333% - 30px); } [class*="template"] > .template-grid-3 > div { width: calc(33.333% - 30px); } [class*="template"] > .template-grid-4 > div { width: calc(25% - 30px); } [class*="template"] > .template-grid > div.template-size-2 { width: calc(50% - 30px); } [class*="template"] > .template-carousel { margin-top: 30px; padding: 30px 0; border-top: 1px solid rgba(0,0,0,.15); border-bottom: 1px solid rgba(0,0,0,.15); } [class*="template"] > .template-carousel > ul { margin: 0; padding: 0; list-style: none; } [class*="template"] > .template-carousel > ul > li img { width: 100%; height: auto; display: block; } [class*="template"] > .template-carousel > ul:not(.slick-initialized) { display: flex; margin: 0 -15px; } [class*="template"] > .template-carousel > ul:not(.slick-initialized) > li { width: calc(12.5% - 30px); margin: 0 15px; } [class*="template"] > .template-carousel > ul:not(.slick-initialized) > li:nth-child(8) ~ li { display: none; } [class*="template"] > .template-carousel .slick-list { margin: 0 -15px; } [class*="template"] > .template-carousel .slick-slide { margin: 0 15px; } .requestForm { margin: 20px 0 0 0; } .tabsDivContainer .requestForm { margin: 0 0 30px } .requestForm > strong { cursor:pointer; border-radius:5px; border:solid 1px rgba(234,234,234,1.00); padding:7px 10px; display:inline-flex; align-items: center; gap: 5px; position: relative; } .requestForm > strong:hover, .requestForm > strong.open { background-color:rgba(234,234,234,1.00); } .requestForm > div, .requestOfferForm > div { display:none; padding:5px 0 0; } .requestForm input[type="text"], .requestForm input[type="email"], .requestForm textarea { display:block; width:100%; padding:0 10px; height:35px; border:solid 1px rgba(234,234,234,1.00); color:rgba(0,0,0,1.00); margin:0 0 5px; } .requestForm textarea { padding:10px; height:80px; } .requestForm small { display:block; margin:0 0 5px; } /* LANDINGPAGE (Vielsesringe) */ .landing { display: flex; flex-direction: column; gap: 20px; } .landing .landing-header { display: flex; align-items: center; } .landing .landing-header > div { flex: none; width: 20%; line-height: 0; max-width: 300px; } .landing .landing-header > div > img { width: 100%; height: auto; } .landing .landing-header > h1 { flex: auto; text-align: center; font-size: clamp(18px, 5vw, 80px); font-weight: normal; margin: 0px; } .landing .landing-aw { min-height: 340px; display: flex; align-items: center; justify-content: center; } .landing .landing-grid { display: flex; flex-direction: column; background-color: #e3e1d4; } .landing .landing-grid > div:first-child { line-height: 0; } .landing .landing-grid > div:first-child > img { width: 100%; height: auto; } .landing .landing-grid > div:last-child { padding: 20px; display: flex; align-items: center; } .landing .landing-grid > div:last-child > div > strong, .landing .landing-grid > div:last-child > div > h1 { font-size: clamp(20px, 5vw, 36px); font-family: 'Frank Ruhl Libre', serif; display: block; margin: 0 0 10px; } .landing .landing-grid > div:last-child > div > a.button { min-height: 40px; padding: 0 20px; display: inline-flex; align-items: center; } .landing .SubCats_Categories_UL > li .image img { aspect-ratio: 4/3; } .landing .SubCats_Categories_UL > li .name a { font-size: clamp(14px, 3vw, 16px); font-weight: normal; } /* LANDINGPAGE (Solitaire) */ .landing.solitaire .landing-grid > div:last-child > div { text-align: center; } div#CookiePolicy, div#CookiePolicy.fixed-bottom { background-color:rgba(0,0,0,.80); left: 0; top: 0; bottom: auto; width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; z-index: 99999999; position: fixed; margin: 0; border-radius: 0; right: auto; } div#CookiePolicy div.CookiePolicyCenterText { background-color: rgba(255,255,255,1.00); flex: none; width: 700px; max-width: 90%; max-height: 90%; box-shadow: 0 0 40px rgba(0,0,0,.7); border-radius: 10px; color: rgba(0,0,0,1.00); margin: 0; -webkit-overflow-scrolling:touch; overflow-x:hidden; overflow-y:auto; } div#CookiePolicy h1, div#CookiePolicy h2, div#CookiePolicy h3, div#CookiePolicy h4, div#CookiePolicy h5 { color: rgba(0,0,0,1.00); } div.CookiePolicyText { padding: 0; display: flex; flex-direction: column; min-height: 200px; max-height: none; overflow: visible; } div.CookiePolicyText a { text-decoration: underline; } div.CookiePolicyText > h2, div.CookiePolicyText > p { background-color:#f6f6f6; font-weight: normal; color: rgba(84,84,84,1.00); } div.CookiePolicyText > img { width: 300px; max-width: 50%; margin: 20px 40px; } div.CookiePolicyText > h2 { padding: 30px 40px 15px; margin: 0; font-size: 25px; font-weight: normal; } div.CookiePolicyText > p { padding: 0 40px 30px; margin: 0; line-height: 1.4em; } div.CookiePolicyText > * { order: 1; } div.cookie-policy-accept-buttons-container { order: 2; margin: 0; padding: 30px 40px 25px; display: flex; justify-content: center; } div.cookie-policy-accept-buttons-container > input[type="button"] { flex: auto; margin: 0; border-radius: 5px; padding: 20px 15px; font-weight: normal; box-shadow: inset 0px -4px 0px -2px rgba(0, 0, 0, 0); } div.cookie-policy-accept-buttons-container > input[type="button"].cookie-policy-accept { background-color: #f6f6f6 !important; border: none !important; color: rgba(0,0,0,1.00) !important; } div.cookie-policy-accept-buttons-container > input:not(:last-of-type) { margin-right: 30px; } div.cookie-policy-details-link-container { order: 3; padding: 0 0 25px; display: flex; justify-content: center; } div.cookie-policy-details-link-container > a { flex: none; color: rgba(0,0,0,1.00); } div.cookie-policy-details-container { order: 4; display: none; } div.cookie-policy-details-container div.rtable-cell { font-size: 65%; } div.cookie-policy-consents-container { order: 5; display: flex; border-top: solid 1px #d4d4d4; background-color:#f6f6f6; margin: 0; } div.cookie-policy-consents-container > div { flex: auto; display: flex; flex-direction: column; align-items: center; padding: 15px 15px 20px; } div.cookie-policy-consents-container > div input { display: none; } div.cookie-policy-consents-container > div:not(:last-child) { border-right: solid 1px #d4d4d4; } div.cookie-policy-consents-container label { font-weight: normal; margin: 0; display: flex; flex-direction: column; align-items: center; } div.cookie-policy-consents-container label div { border-radius: 25px; width: 53px; margin: 7px 0 0; background-color: #ababab; padding: 4px; display: flex; justify-content: flex-start; cursor: pointer; } div.cookie-policy-consents-container input:checked + label div { justify-content: flex-end; background-color:#4d5852; } div.cookie-policy-consents-container input:checked:disabled + label div { opacity: 0.7; cursor: default; } div.cookie-policy-consents-container label div > span { width: 25px; height: 25px; border-radius: 50%; background-color: rgba(255,255,255,1.00); } .rtable { display: flex; flex-wrap: wrap; margin: 0 0 0 0; padding: 0; } .rtable--4cols>.rtable-cell { width: 25%; } .rtable-header-cell { background-color: rgba(0,0,0,0.05); font-weight: bold; } .rtable-cell { box-sizing: border-box; flex-grow: 1; width: 100%; padding: 0.8em 1.2em; overflow: hidden; list-style: none; border-bottom: 1px solid #ececec; font-size: 0.85em; } .cookieSettingsButton { position: fixed; bottom: 25px; left: 15px; width: 35px; height: 35px; background-color: #4d5852; border-radius: 50%; z-index: 30; display: flex; align-items: center; justify-content: center; } .cookieSettingsButton img { flex: none; width: 57%; } .cookieSettingsButton:hover { opacity: .7; } [data-slideshow]:empty { aspect-ratio: 1800/700; } .boxes [data-slideshow]:empty { aspect-ratio: 506/379; } [data-slideshow] .swiper:not(.swiper-initialized) .swiper-wrapper > :nth-child(n+2) { display: none; } [data-slideshow] img, [data-slideshow] video { width: 100%; height: auto; object-fit: cover; display: block; } [data-slideshow] video { pointer-events: none; } [data-slideshow] .swiper-button-next, [data-slideshow] .swiper-button-prev { color: #9e7213; } [data-slideshow] .swiper-button-next:after, [data-slideshow] .swiper-button-prev:after { font-size: 34px; } .wrapper-content > [data-slideshow] { margin-bottom: 30px; } .floatingbuy { display: flex; flex-direction: column; gap: 12px; position: fixed; bottom: 0; left: 0; width: 100%; padding: 15px 5vw 30px; z-index: 99999; background-color: #e5e2d5; transform: translateY(100%); transition: all 0.2s ease; } .floatingbuy.active { transform: translateY(0); } .floatingaddcontainer { display: flex; background-color: #4d5852; border-radius: 3px; } .floatingaddcontainer input[type="submit"] { background-color: transparent; color: rgba(255,255,255,1.00); border-radius: inherit; flex: auto; height: 40px; } .floatingamount { flex: none; padding: 0 15px; display: flex; } .floatingamount input[type="number"] { display: flex; border: none; background-color: transparent; padding: 0; text-align: center; width: 35px; color: rgba(255,255,255,1.00); } .floatingamount > div { color: rgba(255,255,255,1.00); cursor: pointer; user-select: none; padding: 0 10px; display: flex; align-items: center; line-height: 1; font-size: 17px; font-family: 'Arial'; } .floatingprice { font-weight: bold; font-size: 22px; } .floatingstockhtml { display: flex; align-items: center; justify-content: center; color: #387f57; } .floatingstockhtml img { width: 17px; height: auto; display: block; margin: 0 10px 0 0; } .productcard [itemtype="https://schema.org/Brand"] br { display: none; } .supplierinfobutton { cursor: pointer; text-decoration: underline; } @media (max-width: 1200px) { [class*="template"] > .template-carousel > ul:not(.slick-initialized) > li { width: calc(16.667% - 30px); } [class*="template"] > .template-carousel > ul:not(.slick-initialized) > li:nth-child(6) ~ li { display: none; } #ProductMenu_List > li > a { font-size: 13px; } #ProductMenu_List > li.has-dropdown > a:after { display: none; } } @media (min-width: 901px) { .floatingbuy { display: none; } div.cookie-policy-consents-container { min-height: 96px; } div.CookiePolicyText { min-height: 442px; } .productlistToolsContainer .btnFilter { padding-right: 35px; } /* FILTER DESKTOP (NEW) */ #ProductFilter-Container { margin: 0; position: fixed; top: 0; left: 0; width: 400px; height: 100%; background-color: #fff; transform: translateX(-100%); z-index: 999; padding: 20px; display: flex; flex-direction: column; overflow-y: auto; transition: transform ease .2s; } #ProductFilter-Container.active { transform: translateX(0); box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; } #ProductFilter-Container .product-filter-results { height: 50px; display: flex; justify-content: center; align-items: center; padding-top: 0; padding-bottom: 0; position: relative; margin-top: auto; } #ProductFilter-Container .product-filter-results::after { content: url('data:image/svg+xml;utf8,'); position: absolute; top: 14px; right: 14px; } #ProductFilter-Container .product-filter-headline { font-size: 20px; display: block; margin: 0 0 15px; } /* LANDINGPAGE (Vielsesringe) */ .landing { gap: 40px; } .landing .landing-categories .SubCats_Categories_UL > li { width: 23% !important; } .landing .landing-grid { flex-direction: row; } .landing .landing-grid.reverse { flex-direction: row-reverse; } .landing .landing-grid > div:first-child { width: 45%; } .landing .landing-grid > div:last-child { width: 55%; padding: 5%; } .landing .landing-grid > div:last-child > strong { margin: 0 0 20px; } } @media (max-width: 900px) { div.bp_lsaFullScreen .bp_lsaResultsOuter { padding: 0; } .lsatabs { display: flex; position: sticky; top: 0; z-index: 10; background-color: #fff; width: 100%; } .lsatab { padding: 15px; flex: auto; text-align: center; text-transform: uppercase; } .lsatab.active { background-color: #f1f1f8; } div.bp_lsaFullScreen .bp_lsaResults { background-color: #f1f1f8; max-width: 100vw; padding: 5vw; flex-direction: column; } div.bp_lsaFullScreen .bp_lsaResults > .bp_lsaProducts:not(.active), div.bp_lsaFullScreen .bp_lsaResults > .bp_lsaSideResults:not(:has(.active)), div.bp_lsaFullScreen .bp_lsaResults > .bp_lsaSideResults > div:not(.active) { display: none; } /* .bp_announcementBarContainer ~ .wrapper header { top: 42px; } */ .add-on-product-image { margin: 0 10px 0 0; } div.CookiePolicyText > img { margin: 20px 25px; } div.CookiePolicyText > h2 { padding: 25px 25px 15px; font-size: 21px; } div.CookiePolicyText > p { padding: 0 25px 25px; font-size: 95%; } div.cookie-policy-accept-buttons-container { padding: 20px 25px 15px; flex-direction: column-reverse; } div.cookie-policy-accept-buttons-container > input[type="button"] { font-size: 90%; padding: 15px 10px; } div.cookie-policy-details-link-container { padding: 0 0 20px; } div.cookie-policy-consents-container { flex-wrap: wrap; min-height: 175px; } div.cookie-policy-consents-container > div { flex:none; width: 50%; } div.cookie-policy-consents-container > div:nth-child(-n+2) { border-bottom: solid 1px #d4d4d4; } div.cookie-policy-accept-buttons-container > input { padding: 10px 15px; } div.cookie-policy-accept-buttons-container > input:not(:last-of-type) { margin-right: 0; margin-top: 10px; } div.cookie-policy-consents-container label { font-size: 80%; } div.cookie-policy-consents-container label div > span { width: 20px; height: 20px; } .cookieSettingsButton { bottom: 60px; left: 10px; width: 30px; height: 30px; } .birthday { top: 10px; } body .pill { margin-top: 10px; } .productlistToolsContainer .btnFilter { width: 50%; } #checkout-container h3 > strong { display: block; width: 100%; } /* .fpslider .slick-arrow { width: 30px; height: 30px; } .fpslider .prevArrowRight { right: 5px; } .fpslider .prevArrowLeft { left: 5px; } */ /* HTML TEMPLATES */ [class*="template"] > .template-banner { margin-bottom: 20px; } [class*="template"] > .template-banner > .template-banner-text, [class*="template"] > .template-grid > div > div { margin: 10px 0 0; } [class*="template"] > .template-grid > div > div > a { font-size: 14px; } [class*="template"] > .template-grid { margin: 0 -10px -20px; } [class*="template"] > .template-grid > div { width: calc(50% - 20px); margin: 0 10px 20px; } [class*="template"] > .template-grid > div.template-grid-large { width: calc(100% - 20px); } [class*="template"] > .template-grid > div.template-grid-text { padding: 20px; } [class*="template"] > .template-grid-asymmetry > div:nth-child(1), [class*="template"] > .template-grid-asymmetry > div:nth-child(4), [class*="template"] > .template-grid-asymmetry > div:nth-child(5), [class*="template"] > .template-grid-asymmetry > div:nth-child(8) { width: calc(66.667% - 20px); } [class*="template"] > .template-grid-asymmetry > div:nth-child(2), [class*="template"] > .template-grid-asymmetry > div:nth-child(3), [class*="template"] > .template-grid-asymmetry > div:nth-child(6), [class*="template"] > .template-grid-asymmetry > div:nth-child(7) { width: calc(33.333% - 20px); } [class*="template"] > .template-grid-3 > div { width: calc(33.333% - 20px); } [class*="template"] > .template-grid > div.template-size-2 { width: calc(100% - 20px); } [class*="template"] > .template-carousel { margin-top: 20px; padding: 20px 0; } [class*="template"] > .template-carousel > ul:not(.slick-initialized) { margin: 0 -10px; } [class*="template"] > .template-carousel > ul:not(.slick-initialized) > li { width: calc(20% - 20px); margin: 0 10px; } [class*="template"] > .template-carousel > ul:not(.slick-initialized) > li:nth-child(5) ~ li { display: none; } [class*="template"] > .template-carousel .slick-list { margin: 0 -10px; } [class*="template"] > .template-carousel .slick-slide { margin: 0 10px; } } @media (max-width: 768px) { [class*="template"] > .template-grid { margin: 0 0 -20px; } [class*="template"] > .template-grid > div { width: 100%; margin: 0 0 20px; } [class*="template"] > .template-grid-mobile-2 { margin: 0 -10px -20px; } [class*="template"] > .template-grid-mobile-2 > div { width: calc(50% - 20px); margin: 0 10px 20px; } [class*="template"] > .template-grid > div.template-grid-large { width: 100%; } [class*="template"] > .template-grid-asymmetry > div:nth-child(1), [class*="template"] > .template-grid-asymmetry > div:nth-child(4), [class*="template"] > .template-grid-asymmetry > div:nth-child(5), [class*="template"] > .template-grid-asymmetry > div:nth-child(8) { width: 100%; } [class*="template"] > .template-grid-asymmetry > div:nth-child(2), [class*="template"] > .template-grid-asymmetry > div:nth-child(3), [class*="template"] > .template-grid-asymmetry > div:nth-child(6), [class*="template"] > .template-grid-asymmetry > div:nth-child(7) { width: 100%; } [class*="template"] > .template-grid-3 > div { width: 100%; } [class*="template"] > .template-carousel > ul:not(.slick-initialized) > li { width: calc(25% - 20px); } [class*="template"] > .template-carousel > ul:not(.slick-initialized) > li:nth-child(4) ~ li { display: none; } .loyalty_signup_table>tbody>tr>td:first-child { flex-direction: column; margin: 0; } .loyalty_signup_table>tbody>tr>td:first-child>* { margin-bottom: 20px !important; } .loyalty_signup_table>tbody>tr>td:first-child>*:last-child { margin: 0 !important; } form[action="/shop/customer.html"]:not([name="CustomerCenterForm"]) { width: 100%; } form.loyalty_signup_form { max-width: 100%; } } @media (max-width: 480px) { [class*="template"] > .template-carousel > ul:not(.slick-initialized) > li { width: calc(33.333% - 20px); } [class*="template"] > .template-carousel > ul:not(.slick-initialized) > li:nth-child(3) ~ li { display: none; } } /* RESPONSIVE */ /* @media (min-width: 1350px) { .mainSlider { min-height: 450px; } .fpslider { min-height: 450px; } .box-2 { min-height: 512px; } } */ @media (min-width: 981px) { .uspContainer { min-height: 57px; } /* .boxes { min-height: 387px; } */ } @media (min-width: 901px) { .productlistTools { width: 200px; } .product-filter-headertext-container { display: none; } /* #ProductmenuContainer_DIV.stuck { position:fixed; top:0; z-index: 500; } */ header.stuck { position:fixed; top:0; left: 0; width: 100%; z-index: 999; } .basket:hover .miniBasket.active { display: block; } li:hover .product .image { opacity: .8; } /* .lastviewedproducts:hover { transform: translateX(0); } */ /* #ProductFilter-Container { display: none; margin: 0 0 30px; } #ProductFilter-Container > .count { display: none; } .product-filter-headertext-container { display: none; } .product-filter-column-container-1 { display: flex; margin: 0 -1%; } .product-filter-column-container-1 .product-filter-row { margin: 0 1%; flex: auto; } .product-filter-checkbox-container { display: flex; align-items: center; } .product-filter-row input[type="checkbox"] { margin: 0; flex: none; } .product-filter-row .product-filter-checkbox-label { flex: auto; padding: 0 15px; } .product-filter-row .product-filter-count-container { flex: none; text-align: right; } .product-filter-row .product-filter-clear { display: none; } #ProductFilter-Container .btnFilterClose { display: none; } .product-filter-clear { display: none; } */ } /* @media (max-width: 1350px) { .mainSlider { min-height: 450px; } .fpslider { min-height: 450px; } .box-2 { min-height: 512px; } } */ @media (max-width: 1200px) { .customerservice { display: none; } .employees > div { width: 18%; } /* .mainSlider { min-height: 400px; } .fpslider { min-height: 400px; } .box-2 { min-height: 460px; } */ } /* @media (max-width: 1100px) { .mainSlider { min-height: 364px; } .fpslider { min-height: 364px; } .box-2 { min-height: 426px; } } */ @media (max-width: 980px) { .cms-boxes-price > div { width: 100%; margin: 0 0 10px 0; } .cms-boxes > a { width: 100%; margin-bottom: 10px; } .employees > div { width: 48%; } .wrapper { width: 100%; margin: 0 auto; } body, input, select, textarea, button { font-size: 13px; } #ProductmenuContainer_DIV, footer > section > .menu, #Search_Form { display: none; } .shoplogo { padding: 10px 0; } .shoplogo:not(.birthday) img { height: 20px; } .popular-products button { width: 100%; } #alertbar { padding: 7px 50px 7px 5%; text-align: left; } .box > * { width: 98%; padding: 5px; } .box-2 > * { width: 48%; } .box.swipemobile { width: 100vw; position: relative; margin-left: -5vw; padding-left: 5vw; justify-content: flex-start; flex-wrap: nowrap; -webkit-overflow-scrolling:touch; overflow-x:auto; overflow-y:hidden; } .box.swipemobile > br { display: none; } .box.swipemobile > * { width: auto; min-width: 30vw; margin: 0 10px 0 0; padding: 10px 22px; display: flex; align-items: center; justify-content: center; text-align: center; box-shadow: none; border: solid 1px rgba(215,215,215,1.00); } .mainCategories { max-width: 100%; margin: 20px auto; } .uspContainer { min-height: 37px; } .mainSlider { min-height: 343px; } .fpslider { min-height: 343px; } .brands { margin: 20px auto; padding: 20px 0; } .frontpageProducts { margin: 0 0 20px 0; } .frontpageProducts > div { margin: 0 0 20px 0; } .frontpageProductsContent, .frontpageProductsText { width: 100%; } .Frontpage_Custom_UL .slick-slide { margin: 0 10px; } .brands .prevArrowRight, .Frontpage_Custom_UL .prevArrowRight { right: 0; } .brands .prevArrowLeft, .Frontpage_Custom_UL .prevArrowLeft { left: 0; } .Frontpage_Custom_UL li .product input[type="submit"], .Frontpage_Custom_UL .buyButtonDiv { width: 100%; } .boxes { min-height: 2037px; padding: 30px; } .boxes > span { font-size: 25px; } .boxes > div { margin: 0; } .boxes > div > div { margin: 0 0 20px 0; width: 100%; } .focus { margin: 20px 0; flex-wrap: wrap; } .focus > a { width: 48%; margin: 0 1% 2%; font-size: 15px; padding: 20px; } /* .usp { margin: 0 auto; } .webshop-frontpage .usp .button { display: none; } */ .highlight { font-size: 10px; padding: 10px 5px; } .uspContainer > div:not(.slick-initialized) > div { margin: 0; } .uspContainer > div:not(.slick-initialized) > div, .uspContainer .slick-slide { padding: 10px 0; justify-content: flex-start; } .bottom-usp .slick-slide { display: flex !important; padding: 15px 10px !important; } .uspContainer > div:not(.slick-initialized) > div:nth-child(n+2) { display: none !important; } .btnFilter { display: flex; } .btnMenu { display: block; } .basket .miniBasket { display: none; } .stores { margin: 0; } .stores > div { width: 100%; margin: 0 0 2% 0; } h1, .Heading_Productmenu, .Heading_Terms, .Heading_Profile, .Heading_AdvancedSearchPage, .Heading_ShowBasket_Master, #checkout-container h1.checkout-headline, .Heading_B2Blogin, .SubCatsProcuctsHeading, b .Heading_Customer, .Heading_ProductList, .Heading_Favorites, .Heading_OrderStep4, .Text1_FrontPage h2, .Text2_FrontPage h2, .relatedHeader, .alsoboughtHeader { font-size:17px; margin: 0px 0px 15px; } h2, .Text1_Customer .Heading_Customer { font-size: 16px; margin: 0 0 7px; } .relatedHeader, .alsoboughtHeader { margin-top: 40px; } .headerBox { padding: 15px 5px; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; } .headerBox .myPoints { font-size: 8px; top: 3px; } .headerBox.btnLastViewed { display: none; } .btnLastViewed .count { top: 4px; } header img + label { letter-spacing: 0; } header label { font-size: 9px; flex: none; width: 100%; } .basket .count, .btnFavorites .count { top: 5px; right: 5px; font-weight: normal; font-size: 10px; width: 15px; height: 15px; padding: 3px 0 0; } li .product input[type="submit"] { font-size: 12px; padding: 8px 7px; } .mainCategories > div > div { width: 48%; margin: 0 1% 2%; } .three-colum { margin: 50px 0; } .three-colum > div { width: 100%; margin: 0 0 2% 0; } .welcome-text { position: relative; top: auto; left: auto; width: 100%; padding: 0; transform: none; margin-bottom: 20px; } .searchMobile { display: block; width: 100%; position: relative; } .searchMobile:before, .searchMobile .SubmitButton_SearchPage { width: 60px; } .searchMobile:before { content: "⌕"; font-family: 'Arial'; line-height: 1; font-size: 30px; position: absolute; right: 0; top: 50%; text-align: center; transform: translateY(calc(-50% + -2px)) scaleX(-1); } .searchMobile .SearchTitle_SearchPage, .searchMobile .nbsp, .searchMobile br { display:none; } .searchMobile .SearchField_SearchPage { color: #000; background-color:rgba(235,235,235,.30); padding: 0px 50px 0px 5%; border: none; font-weight: normal; display: block; height:40px !important; width: 100%; border-radius: none; min-height: 40px; } .searchMobile .SubmitButton_SearchPage { position: absolute; top: 0; right: 0; z-index: 5; opacity: 0; cursor: pointer; height: 100%; } .ProductList_Custom_DIV > div { width: 48%; } .Text1_FrontPage, .Text2_FrontPage { margin: 0 0 20px; } div.nivo-dynamic-text { max-width: 90%; left: 5% !important; } .large div.nivo-dynamic-text { max-width: 60%; left: 20% !important; } div.nivo-dynamic-text-inner-content-left > div { padding: 4px 10px; } div.nivo-dynamic-text-header, .large div.nivo-dynamic-text-header { font-size: 130%; } .large div.nivo-dynamic-text-teaser { font-size: 80%; } .large div.nivo-dynamic-text-link { font-size: 80%; } form[action="/shop/customer.html"]:not([name="CustomerCenterForm"]) { padding: 20px; } [id*="tabB"] > span { padding: 6px 8px; } form[name="CustomerCenterForm"] .BackgroundColor1_Customer { padding: 10px; } /* #OrderDetailsHeading + br + table + br + table > tbody > tr > td:nth-child(3), #OrderDetailsHeading + br + table + br + table > tbody > tr > td:nth-child(4) { display: none; } */ [action="/shop/favorites.html"] .FormTB { padding: 20px; } body.webshop-checkout article { padding-top: 5%; } body.webshop-productlist:not(.noproducts) article .wrapper-content { width: 100%; margin: 0 auto; } /* body.webshop-productlist:not(.noproducts) article aside { display: none; width: 100%; } */ .ShowBasket_Custom_DIV > div { flex-wrap: wrap; align-items: flex-start; } .ShowBasket_Custom_DIV > div > .image { width: 20%; } .ShowBasket_Custom_DIV > div > .description .shortDescription { display: none; } .ShowBasket_Custom_DIV .unittotal { width: auto; flex: auto; } .ShowBasket_Custom_DIV .amount { display: none } .ShowBasket_Custom_DIV .description > a ~ .amount { display: inline-flex; margin-top: 10px; } .ShowBasket_Custom_DIV .amount > a { padding: 0 15px; height: 40px; } .ShowBasket_Custom_DIV .amount > span { width: 25px; } .basketCheckout { float: none; width: 100%; } .basketCheckout .line.total { margin-bottom: 10px; } .basketCheckout .line.basketDiscount { display: block; } .basketDiscount input[type="text"] { width: 100%; } .basketDiscount button { padding: 10px 20px; } div.dd-theme-default .nivo-directionNav a { width: 50px; height: 50px; } div.dd-theme-default a.nivo-prevNav { left: 5%; } div.dd-theme-default a.nivo-nextNav { right: 5%; } .SubCats_Categories_UL { margin: 20px -2% 0; } .SubCats_Categories_UL > li { width: 48% !important; margin: 0 1% 4%; padding: 0; } .Frontpage_Custom_UL, .ProductList_Custom_UL, .Related_Custom_UL, .CustomersAlsoBought_Custom_UL, .Favorites_Custom_UL { margin-left: -2%; margin-right: -2%; } .Frontpage_Custom_UL > li, .ProductList_Custom_UL > li, .Related_Custom_UL > li, .CustomersAlsoBought_Custom_UL > li, .Favorites_Custom_UL > li { width: 48%; margin: 0 1% 2%; } li div.Element_Overlay_Frontpage_SavingsContainer_DIV, li div.Element_Overlay_ProdList_SavingsContainer_DIV, li div.Element_Overlay_Frontpage_SavingsContainer_DIV, li div.Element_Overlay_ProductInfo-related-savingsContainer_DIV, li div.Element_Overlay_ShowBasket-related-savingsContainer_DIV, .productcard div.Element_Overlay_ProdInfo_SavingsContainer_DIV { padding: 3px 7px; top: 10px; left: 0; right: auto; } li div.Element_Overlay_ProdList_SavingsText_DIV, li div.Element_Overlay_Frontpage_SavingsText_DIV, li div.Element_Overlay_ProductInfo-related-savingsText_DIV, li div.Element_Overlay_ShowBasket-related-savingsText_DIV, li .product .news { font-size: 10px; } li .product .news { top: 10px; right: 10px; } li .product a[href*="AddFavorite"] { width: 15px; margin: 0 0 0 10px; } .productlistTools { padding: 10px 20px; } /* PRODUCTCARD */ .productcard h1 { font-size: 200%; } .productcard .images, .productcard .info { float:none; width:100%; padding-left: 0; } .amountWrapper input, .buyWrapper input { height: 40px; } .buyWrapper input[type="submit"] { } .amountWrapper input { width: 20px; } .amountWrapper .incButton, .amountWrapper .decButton { padding: 0 15px; } .tabsLiContainer li { padding: 10px 0; text-transform: none; } .productcardUsp > ul { margin: 0; } .productcardUsp > ul > li { width: 100%; margin: 0 0 5px 0; } h1 + .breadcrumb, h1 + .SubCats_BreadCrumb { margin-top: -10px; } .descriptionContainer > div { width: 100%; margin-bottom: 20px; } .descriptionContainer > div:last-child { padding-left: 0; order: 1; } .descriptionContainer > div.tabs { order: 2; } /* FOOTER */ footer { padding:20px 0; } footer > section { display: block; } footer > section > :not(:last-child) { margin-bottom: 30px; } footer > section > * > strong { margin: 0 0 10px; } footer .secure { justify-content: flex-start; } footer > section > div { width: 100%; } .bottom-newsletter{ align-items: flex-start; } .accept-container { align-items: flex-start; flex-direction: column; } .bottom-newsletter input[type="text"], .bottom-newsletter input[type="email"] { margin: 0 10px 0 0; } .bottom-newsletter .acceptTerms { margin-bottom: 10px; } .footer-icons > div { flex-direction: column; } .footer-icons > div > div { margin-bottom: 10px; width: 100%; } .footer-icons > div > div:last-child img { margin-left: 0; margin-right: 10px; } .footer-icons > div > div > img { height: 10px; } .fpBoxes { display: block; margin: 0 0 50px; } .fpBoxes > div { margin: 0 0 15px; width: 100%; } /* MOBILE MENU */ div.mobileMenu { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999999; overflow: hidden; background-color: rgba(0,0,0,.4); display: none; } div.mobileMenu .mobileMenuContainer { position: absolute; top: 0; left: -400px; background-color: rgba(255,255,255,1.00); height: 100%; width: 330px; max-width: 80%; box-shadow: 0 0 40px rgba(0,0,0,0.6); } .mobileMenuInner { position: relative; height: 100%; width: 100%; -webkit-overflow-scrolling:touch; overflow-y:auto; overflow-x:hidden; } .mobileMenuHeader, .mobileMainMenuHeader { padding: 15px 20px 10px; font-weight: bold; font-size: 14px; text-transform: uppercase; background-color:#4d5852; color: rgba(255,255,255,1.00); position: relative; } .mobileMenuUl { margin:0; padding: 0 0 0 20px; list-style-type: none; } .mobileMenuUl .toggler { position: absolute; height: calc(100% + 1px); width: 40px; right: 0; top: 0; z-index: 10; cursor: default; border-left: solid 1px rgba(0,0,0,.15); } .mobileMenuUl a, .mobileMenuUl > li > span { position: relative; } .mobileMenuUl .toggler:after { content: "+"; font-size: 14px; line-height: 1; color: rgba(0,0,0,1.00); position: absolute; top: 50%; left: 50%; font-family: 'Arial'; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .mobileMenuUl li.open > a > .toggler:after { content:"-"; color:#578e54; } .mobileMenuUl span.ProductMenu_MenuItemBold { font-weight: normal; } .mobileMenuUl ul { display: none; } .mobileMenuUl > li > a, .mobileMenuUl > li > span, .mobileMainMenuUl > li > a { display: block; text-decoration: none; padding: 9px 40px 9px 0; font-size: 13px; text-transform: uppercase; border-bottom: solid 1px rgba(0,0,0,.15); } .mobileMenuUl > li:last-child > *, .mobileMainMenuUl > li:last-child > a { border-bottom: 0; } /* LEVEL 2 */ .mobileMenuUl > li > ul { margin: 0; padding: 0; list-style-type: none; border-left: solid 5px rgba(0,0,0,.15); } .mobileMenuUl li > ul > li > a { display: block; text-decoration: none; padding: 11px 10px 9px 10px; font-size: 13px; border-bottom: solid 1px rgba(0,0,0,.15); } /* LEVEL 3 */ .mobileMenuUl li > ul > li > ul { margin: 0; padding: 0; list-style-type: none; border-left: solid 5px rgba(0,0,0,.35); } .mobileMenuUl li > ul > li > ul > li > a { display: block; text-decoration: none; padding: 12px 10px 10px 10px; font-size: 13px; border-bottom: solid 1px rgba(0,0,0,.15); } .mobileMenuUl a.Activ_ProductMenu { color:rgba(144,144,144,1.00); } .mobileMenuSearch { padding: 0 0 0 20px; border-bottom: solid 5px rgba(0,0,0,.15); position: relative; } .mobileMenuSearch:before { content: "⌕"; font-family: 'Arial'; line-height: 1; font-size: 24px; position: absolute; right: 0; width: 40px; color:rgba(55,55,55,1.00); top: 50%; text-align: center; transform: translateY(calc(-50% + -4px)) scaleX(-1); } /* .mobileMenuSearch:before { content: "\f002"; font-family: 'Font Awesome 5 Free'; font-size: 13px; font-weight: 900; color: rgba(255,255,255,1.00); line-height: 1; position: absolute; top: 50%; right: 13px; z-index: 20; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } */ .mobileMenuSearch br, .mobileMenuSearch .SearchTitle_SearchPage, .mobileMenuSearch .nbsp { display: none; } .mobileMenuSearch input { height: 35px; float: left; } .mobileMenuSearch input[type="text"] { width: calc(100% - 40px); padding: 0 10px 0 0; border: 0; } .mobileMenuSearch input[type="submit"] { width: 40px; font-size: 12px; padding: 0; position: relative; border-radius: 0; text-indent: -999px; overflow: hidden; z-index: 10; background-color: transparent; } .mobileMenuSearch:after { clear: both; content: ""; display: block; } .mobileMainMenuUl { margin: 0; padding: 0 0 0 20px; list-style-type: none; } .mobileMenuInfo { padding: 20px; border-top:solid 4px rgba(66,136,161,1.00); } .mobileMenuInfo > strong { display: block; color:rgba(66,136,161,1.00); } .mobileMenuInfo > ul { margin: 0; padding: 0; list-style-type: none; } .mobileMenuInfo > ul i { color:rgba(66,136,161,1.00); margin: 0 5px 0 0; } .mobileMenuInfo .trustpilot { display: block; margin: 20px 0 0; width: 200px; max-width: 80%; } #checkout-container #column-data, #checkout-container #column-shipping-payment, #checkout-container #column-order-summary { padding: 20px; } #checkout-container h3, #checkout-container h2 { text-align: center; font-size: 15px; } #customer-data fieldset { margin: 0; } #customer-data fieldset > label { width: 100%; margin: 0 0 10px; } .popular-products .slick-slide { margin: 0 10px; } .popular-products .slick-list { margin: 0 -10px; } .popular-products li .product, .frontpageProductsContent li .product { padding: 10px; } /* CATEGORY IMAGE OVERLAY */ .categoryImageContainer > .categoryImageOverlay > span { font-size: 17px; } /* FILTER */ article aside { width: 100% ; height: 100%; position: fixed; top: 0; left: 0; background-color: #fff; z-index: 999999; padding: 20px; transform: translateX(-100%); display: block; transition: transform ease .2s; overflow-y: auto; overflow-x: hidden; } article aside.active { transform: translateX(0); } article aside .product-filter-results { height: 50px; display: flex; justify-content: center; align-items: center; padding-top: 0; padding-bottom: 0; position: relative; margin-top: auto; } article aside .product-filter-results::after { content: url('data:image/svg+xml;utf8,'); position: absolute; top: 14px; right: 14px; } #ProductFilter-Container { margin: 0; } #ProductFilter-Container .product-filter-headertext-container { font-size: 20px; display: block; font-weight: bold; margin: 0 0 15px; } #ProductFilter-Container.filterloading .product-filter-count { opacity: 1; } #ProductFilter-Container.filterloading { opacity: 1; } #ProductFilter-Container.filterloading::after { position: fixed; background-color: rgba(255,255,255,.8); width: 100%; height: 100%; transform: translate(0, 0); top: 0; left: 0; background-size: 38px auto; background-repeat: no-repeat; background-position: center; } .productlistToolsContainer { margin: 15px 0; } } @media (max-width: 780px) { .mainSlider { min-height: 273px; } .fpslider { min-height: 273px; } .boxes { min-height: 1632px; } } @media (max-width: 600px) { .stockinfoContainer { font-size: 10px; } .stockinfoContainer img { height: 8px; } .popular-products .prevArrowLeft, .fpslider .prevArrowLeft { left: 0; } .popular-products .prevArrowRight, .fpslider .prevArrowRight { right: 0; } .mainSlider { min-height: 210px; } .fpslider { min-height: 210px; } .boxes { min-height: 1268px; } } @media (max-width: 480px) { .stockinfoContainer img { } .mainSlider { min-height: 168px; } .fpslider { min-height: 168px; } .boxes { min-height: 1025px; } } @media (max-width: 413px) { .mainSlider { min-height: 144px; } .fpslider { min-height: 144px; } .boxes { min-height: 887px; } } @media (max-width: 400px) { .productCardPoints img { display: none; } .stockinfoContainer { flex-wrap: wrap; } .stockinfoContainer span { display: block; width: 100%; } .stockinfoContainer span:last-child:before { display: none; } li .product .buy .AddToFavoritesButton { display: none !important; } header label { font-size: 8px; } .headerBox { padding: 15px 2px; } } @media (max-width: 320px) { .stockinfoContainer > span:last-child { display: none; } .mainSlider { min-height: 130px; } .fpslider { min-height: 130px; } .boxes { min-height: 701px; } }