.transparent{background-color: transparent;}
.bgColor, .contactInput, .settingsinput, .regInput, .delInput, .changeLoginInput, .adressInfoInput, .quantityInput, #productPageQuantity, .shoppingcartQuantityInput, .formLeftButton, #productPageBackButton, #orderConfirmPageButton1, #notificationButtonLeft{background-color: rgb(226, 244, 252);}
.formLeftButton, #productPageBackButton, #orderConfirmPageButton1, #notificationButtonLeft{background-color: rgb(226, 244, 252);}
.bgBorderColor, .bgColorHoverBorder:hover{border: 1px solid rgb(226, 244, 252);}
.bgTextColor{color: rgb(226, 244, 252);}
.contactInput:hover, .settingsinput:hover, .regInput:hover, .delInput:hover, .changeLoginInput:hover, .adressInfoInput:hover, .quantityInput:hover, #productPageQuantity:hover, .shoppingcartQuantityInput:hover, .formLeftButton:hover, #productPageBackButton:hover, #orderConfirmPageButton1:hover, #notificationButtonLeft:hover{border-color: rgb(226, 244, 252);}
.bgColor2, .bgColor2HoverBg:hover{background-color: rgba(0, 65, 112, 0.05);}
.accentColor, .accentColorHover:hover{color: rgb(255, 194, 36);}
.catImageDiv, .catbannerDiv, .catbannerDiv2{background-image: linear-gradient(rgb(1, 20, 34), rgb(3, 34, 58), rgb(4, 62, 106), rgb(19, 114, 186), rgb(0, 174, 239));}
.catImageDiv:hover, .catbannerDiv:hover, .catbannerDiv2:hover{background-image: linear-gradient(rgb(255, 188, 19), rgb(255, 194, 36), rgb(255, 194, 36));}
.accentColorBg, .accentColorHoverBg:hover/*, .catImageDiv:hover, .catbannerDiv:hover, .catbannerDiv2:hover*/{background-color: rgb(255, 194, 36);}
.accentColorHoverBorder:hover, .accentColorBorder{border: 1px solid rgb(255, 194, 36);}
.accentColorHoverBorderBottom:hover, .accentColorBorderBottom{border-bottom: 1px solid rgb(255, 194, 36);}
.accentColorBorderLeft{border-left: 1px solid rgb(255, 194, 36);}
.accentColorBorderTop{border-top: 1px solid rgb(255, 194, 36);}
#navPrevArrow:hover{border-right: 10px solid rgb(255, 194, 36);}
#navNextArrow:hover{border-left: 10px solid rgb(255, 194, 36);}
.accentColor2, .accentColor2Hover:hover{color: rgb(0, 65, 112);}
.accentColor2Bg, .accentColor2HoverBg:hover, .accentColor2Focus:focus/*, .catImageDiv, .catbannerDiv, .catbannerDiv2*/{background-color: rgb(0, 65, 112);}
#categoryMenuItemsWrap, #allCatNavButton, #categoryMenuItemsAllCat, .mobCatDiv, .catDiv, .catGroupDiv, .webshopCatSectionButton, .mobWebshopCatSectionButton, .menuWebshopCatSectionButton, .webshopCatGroupButton, .menuWebshopCatGroupButton, .mobWebshopCatGroupButton, .mobWebshopMainNavigationButton, .webshopMainNavigationButton{border-bottom: 1px solid rgb(0, 65, 112);}
.accentColor2BorderTop, #allCatNavButton, #categoryMenuItemsAllCat{border-top: 1px solid rgb(0, 65, 112);}
.accentColor2FocusBorder:focus, .accentColor2Border, .accentColor2HoverBorder:hover{border: 1px solid rgb(0, 65, 112);}
.accentColor2BorderLeft{border-left: 1px solid rgb(0, 65, 112);}
.accentColor3, .accentColor3Hover:hover{color: rgb(0, 174, 239)}
.accentColor3Bg, .accentColor3HoverBg:hover, .accentColor3Focus:focus{background-color: rgb(0, 174, 239)}
.accentColor3HoverBorderBottom:hover, .accentColor3BorderBottom{border-bottom: 1px solid rgb(0, 174, 239);}
.accentColor3BorderTop{border-top: 1px solid rgb(0, 174, 239);}
.accentColor3FocusBorder:focus, .accentColor3Border, .accentColor3HoverBorder:hover{border: 1px solid rgb(0, 174, 239);}
.accentColor3BorderLeft{border-left: 1px solid rgb(0, 174, 239);}
.color1, .color1Hover:hover, .catImageDiv, .catbannerDiv, .catbannerDiv2, .socialMediaButton, #productChartRemoveRadioBCover{color: white;}
.color1Bg, .color1HoverBg:hover, .addCatDiv, #notificationDiv, #headerbottom, #notificationCross, #logoCircle, .objectDivColorBG, .removeItemButton, .productDiv, .productDivB, .object, #productChartRemoveRadioBCover, .productPreviewDeleteButton, .productImageLabel, .priceInput, #sortResult, #productSection, #productGroup, #productThemes{background-color: white;}
.color1Border, .color1HoverBorder:hover, .color1FocusBorder:focus, .searchProductBar, .searchProductBarButton, .quantityInput, #productPageQuantity, .shoppingcartQuantityInput, .searchProductBar:hover{border: 1px solid white;}
.contactInput, .settingsinput, .regInput, .delInput, .changeLoginInput, .adressInfoInput{border: 2px solid white;}
#menuAllCatNavButton, .menuCatWrap, .menuWebshopCatSectionButton, .menuWebshopCatGroupButton{border-bottom: 1px solid white;}
#menuAllCatNavButton{border-top: 1px solid white;}
.color2, .color2Hover:hover, #scItemCount, .product a, .catImageDiv:hover, .catbannerDiv:hover, .catbannerDiv2:hover, #notificationCenter1, #notificationCenter2, .discountline hr, .overviewdiscountline hr, .myOrderDiscountline hr, .accountdiscountline hr{color: black;}
.color2Bg, .color2HoverBg:hover, .discountline hr, .overviewdiscountline hr, .myOrderDiscountline hr, .accountdiscountline hr{background-color: black;}
.color2Border, #productPageTable th, #productPageTable td, .discountline hr, .overviewdiscountline hr, .myOrderDiscountline hr, .accountdiscountline hr{border: 1px solid black;}
.color2BorderBottom, .customerSericeWrap{border-bottom: 1px solid black;}
#shoppingcartItem1{border-top: 1px solid black;}
.color2BorderLeft, .categorySubMenu{border-left: 1px solid black;}
.color2HoverBorder:hover, .searchProductBarButton:hover{border-color: black;}
#categoryMenuButton{border-top: 1px solid black;}
.color3Border{border: 1px solid rgb(0, 65, 112);}
.color3Bg{background-color: rgb(0, 65, 112);;}
.color3HoverBorder:hover{border-color: rgb(0, 65, 112);}
.color4Gradient{ background-image: linear-gradient(rgb(19, 114, 186), rgb(0, 174, 239));}
.color4HoverBg:hover, .color4Bg, .topColorBg{background-color: rgb(19, 114, 186);}
.color4{color: rgb(19, 114, 186);}
.color4Border, .myInfoWrap, .changeLoginEmailPasswordWrap, .color4HoverBorder:hover{ border: 1px solid rgb(19, 114, 186);}
#passwordCheckTop, #passwordCheck{background-color: rgb(253, 210, 153);}
.priceInput:focus, .contactInput:focus, .settingsinput:focus, .regInput:focus, .delInput:focus, .changeLoginInput:focus, .adressInfoInput:focus, .setShippingCostsValue:focus, .searchProductBar:focus, #sortProducts:focus, #sortProductsByCategory:focus{background-color: rgb(253, 210, 153);}
.priceInput:focus, .contactInput:focus, .settingsinput:focus, .regInput:focus, .delInput:focus, .changeLoginInput:focus, .adressInfoInput:focus, .setShippingCostsValue:focus, .searchProductBar:focus, .loginInput:focus{border-color: rgb(253, 210, 153);}
#accountMyOrdersDiv, #dashboardProductsDiv, #dashboardDiscountPerProductChartDiv{border: 1px solid rgb(58, 57, 57);}
.catImageContainer, .catbannerContainer{background-color: rgba(255, 255, 255, 0.5);}
.addCatContainer, #notificationContainer, #showImgContainer{background-color: rgba(0, 0, 0, 0.8);}
#showImgContainer, #showImgDivCross{background-color: rgb(0, 0, 0);}
#newShippingCostsCatCancelButton, #dashboardAddNewCodeCancelButton, #dashboardAddProductDiscountCancelButton, #dashboardRemoveProductDiscountCancelButton, #productChartRemoveProductCancelButton, #dashboardRemoveDiscountCodeCancelButton, .catShippingCostsCancelButton, .discountPerCatCancelButton, .newDiscountPerCatCancelButton, #removeShippingCostCancelButton{background-color: rgb(0, 174, 239);}
#newShippingCostsCatCancelButton:hover, #dashboardAddNewCodeCancelButton:hover, #dashboardAddProductDiscountCancelButton:hover, #dashboardRemoveProductDiscountCancelButton:hover, #productChartRemoveProductCancelButton:hover, #dashboardRemoveDiscountCodeCancelButton:hover, .catShippingCostsCancelButton:hover, .discountPerCatCancelButton:hover, .newDiscountPerCatCancelButton:hover, #removeShippingCostCancelButton:hover{border: 1px solid rgb(0, 174, 239);}
.delInfoWrap{border-bottom: 1px solid grey;}
#retournerenWrap{font-size: medium;}
#retournerenWrap p{margin-left:0;}
#reourRadio3Div{margin-bottom: 2em;}
#retourContainer{font-size:medium;}
.retourWrap{display: inline-block; font-size: medium;}
#retourBottomLeft, #retourBottomRight, #retourShippingCostLeft, #retourShippingCostRight, #retourTotalRight, #retourTotalLeft{width: 50%;}
#retourTopLeft{width: 35%;}
#retourTopRight{width: 65%;}
html, body{margin:0; padding:0; font-family: arial; font-size: 1em; width:100%;}
#dataDiv{display:none;}
html{height:100vh;}
body, #bWrap{min-height:100vh;}
#objContainer, #tableContainer{min-height:50.5vh;}
#customerServiceDiv{min-height:45vh;}
#shoppingcart{min-height:49vh;}
#orderConfirm{min-height:44.5vh;}
#companyInfoDiv{min-height:49vh;}
#privacyDiv, #cookiesDiv{min-height:45vh;}
body{overflow-x: hidden; overflow-y: scroll; padding-bottom: 0.1em;}
#bWrap{overflow-x: hidden; width:100%; visibility: hidden;}
#objContainer, #tableContainer{margin: 0 0.1em 0 0.1em; padding-top: 0.5em; text-align: center; position:relative;}
#objContainer{padding-bottom: 0.5em;}
.bold{font-weight: bold;}
.checksignWrap{position:relative;}
#idealRadioButton{margin-top: 1em;}
.checkSign, .checkSign2{color: green; position:absolute; font-size: large; font-weight: bold; display:none;}
.checkSign{margin-top: 0.2em; right: 0.5em;}
.checkSign2{right: 11.5%; bottom: 0.35em;}
.link{font-style: oblique;}
.largeLink{word-wrap: break-word; width: 100%;}
#webwinkelkeurPopupImg{margin: 3.5em 0 0 1em; width: 179px; height:68px;}
body h1, body h2{margin:0; font-size: 1em;}
#acceptConditions, .selectionCheckbox, .checkboxLabel, .returnCheckBox, body button:hover, .toolbarButton:hover, #menubutton:hover, #productPageOrderButton, #orderConfirmPageButton2, #notificationButtonRight, .divPointer, .productDiv, .productDivB{cursor: pointer;}
input{box-sizing:border-box} 
header{padding-top: 0.1em; z-index: 101; position: relative;}
#headerWrap p{margin:0;}
#headerContainer{margin: 0 0.1em 0 0.1em; border-radius: 0.5em 0.5em 0 0; height: 5em;}
#idealLogo, #paypalLogo, #postnlLogo{margin-top: 4em;}
#idealLogo{height: 45px; width: 45px; margin-right: 0.5em;}
#paypalLogo{height: 45px; width: 72px; margin-right: 0.5em;}
#postnlLogo{height: 45px; width: 46px; margin-right: 1em;}
footer{position: relative; margin: 0 0.1em 0.1em 0.1em;}
#wsFooter{display:none;}
#footerTop{font-size:0; height: auto; width: auto;}
#footerTop ul{list-style-type: none; padding: 0;}
#footerTop ul, #footerTop p{margin: 0;}
#footerTop h3{font-size: 1em;}
#footerTop a{text-decoration: none;}
#footerTop span{font-weight: bold;}
#footerBottom{border-radius: 0 0 0.5em 0.5em; width: auto; height: 5em;}
#footerBottomWrap{font-size:0;}
#footerBottomWrap div{font-size:medium; display: inline-block; width: 50%; height: 1em; margin-top: 2em;}
#footerBottom ul{margin: 0; padding:0; list-style-type: none; text-align: right;}
#footerBottom li{display: inline; padding: 1em;}
#footerBottom a{text-decoration: none;}
#contactgegevens, #klantenservice, #socialMediaWrap{display: inline-block; font-size: medium; vertical-align: top; margin-top: 3em; margin-bottom: 4.25em;}
#contactgegevens,#klantenservice{width: 30%;}
#socialMediaWrap{width: 40%;}
#contactgegevens h3, #contactgegevens p{margin-left: 1em;}
#klantenservice h3, #klantenservice ul{margin-right: 1em;}
#klantenservice{text-align: right;}
#socialMediaWrap{text-align: center;}
.socialMediaButton{border-radius: 25%; color: white; border: 3px solid white; height: 40px; width: 40px; font-size: 25px; font-weight: bold; text-align: center; padding: 0; margin: 0 0.25em 0 0; vertical-align:bottom; display:inline-block;}
.socialMediaButton:hover{opacity: 0.9;}
.socialMediaButton:focus{outline:none;}
#facebookbutton{font-family: helvetica; background: #3B5998; font-size: 35px; height: 40px; width: 40px;}
#twitterbutton{background: black;}
#instagrambutton{background-image: linear-gradient(45deg, #e3c129, #ed2727, #a529e3);}
.socialmediaimg{width: 75%; height: 75%; padding:0; margin:12.5% 0 0 0;}
#tiktokbutton{background: #101011;}
#youtubebutton{background: rgb(219, 10, 10);}
#youtubeArrow{width: 0; height: 0; border-top: 7.5px solid transparent; border-left: 15px solid white; border-bottom: 7.5px solid transparent; display:inline-block; margin-top: 12.5px;}
#copyright1{display: none;}
#copyright2{display: initial; font-size: 1em; margin-left: 1em;}
#headerWrap{font-size:0;}
#headerMenu{margin:0;}
#headerMenu ul{padding:0;}
#headerMenu li{display: inline; margin: 0 0.3em 0 0.3em;}
#headerMenu a{text-decoration: none; margin:0;}
#headerProductButton{background-color: transparent; font-size: medium; border: none; padding:0;}
#headerProductButton, .normalWeight{font-weight:normal;}
#menubuttonDiv, #menuLogoDiv, #toolbar, #headerMenu{display: inline-block; font-size:medium; vertical-align:middle;}
#toolbar{width: 75%; text-align: right; position: relative;}
#headerMenu{width: 60%; text-align: center;}
#menuLogoDiv{width: 25%;}
#menubuttonDiv{display:none;}
.line{width: 100%; margin: 0 0 0.333em 0; height: 0.333em;}
#menubutton{width: 2em; height: 2em; margin: 0 0 0 1em;}
#menubuttonDiv{vertical-align: middle; height: 100%; margin:0; padding: 0;}
#logo{height: 4.5em; width: auto; margin: 0.25em 0 0 0.25em; aspect-ratio: 167 / 163;}
#logoCircle{ height: 5em; width: 5em; padding: 0.2em; border-radius: 50%; position: relative; bottom: 0.2em; left: 0.5em;}
#logo:hover{transform: scale(1.05);}
#trademark{font-weight:bold; position:relative; font-size:1.5em;}
.toolbarButton{height: 27px; margin-right: 0.75em;}
#searchBtn{width:24px;}
#accountBtn{width:17px;}
#shoppingcartBtn{width:36px; margin-right: 1em;}
#scItemCount{position: absolute; right: 1.1em; top:-1.6em; box-shadow: 1.5px 1.5px black; border-radius: 50%; padding: 4px; font-size: small; font-weight: bold; display: none; text-decoration: none;}
#menu{position: fixed; z-index: 101; top: 0; width: 100%; height: 100%; right: -100%;}
#menu a{text-decoration: none; margin:0; padding:0;}
#menu ul{padding: 0; margin:0; width: 90%;}
#menu li{padding: 1em 0 1em 0; list-style-type: none; margin: 0;}
#filterCross{display: none; margin: 0.4em 0.7em 0.5em 0;}
#mainFilterWrap{text-align: right; width: 15em; font-size: medium; margin-left: 0.85em;}
#mainFilterCross, #delLoginCross{display: inline-block; border: none; font-size: 1.5em; background-color: transparent; margin: 0.25em 0 0 0.25em;}
#delLoginFormTopContainer{font-size:0;}
#delLoginFormTopA, #delLoginFormTopB{font-size: medium; display: inline-block;}
#delLoginFormTopA{width: 80%;}
#delLoginFormTopB{width: 20%; text-align: right;}
#crossDiv, .crossDiv2{width: 100%; text-align: right;}
#crossDiv{height: 10%;}
#cross{margin: 0.4em 0.7em 0 0; background-color: transparent;}
#notificationCross{border: none; background-color: white; font-size: 2em; margin:0;}
#cross, #filterCross{border: none; font-size: 2.5em;}
#cross:focus, #filterCross:focus, #notificationCross, #mainFilterCross{outline: none;}
#loginErrorP{margin: 2em 0 0 0;}
#accountContainer{display: none; padding: 1em 0 2em 0; margin: 0 0.1em 0 0.1em;}
#notLoggedIn{display:inline;}
#loggedIn{text-align: center; }
#accountContainer a, #productServiceDiv a, #loggedIn a{text-decoration: none;}
#productServiceDiv{padding: 2em 1em 2em 1em; margin: 0 0.1em 0 0.1em; text-align: center; display: none;}
#productServiceDiv ul, #loggedIn ul{list-style-type: none; margin: 0; padding:0;}
#loggedIn li, #myInfoMenu li, #productServiceDiv li{margin-bottom: 1em;}
#wsFilterButton{display:block; margin: 1em 0 0 0.5em; padding: 1em 0.5em 1em 0.5em; font-weight: bold;}
#searchContainer{height: 6em; text-align: center; margin: 0 0.1em 0 0.1em; display: none;}
#searchWrap{width: 49%; margin-left: 25.5%;}
#searchButton{margin-left: 0.5%; border-radius:0 0.5em 0.5em 0; width: 14.5%;}
#searchBar{width: 85%; margin-top: 2em;  border-radius:0.5em 0 0 0.5em;}
#searchBar:focus, .loginInput:focus{background-color: rgb(255, 243, 211);}
#searchBar, .loginInput{height: 2.5em; outline: none;}
#contactPageP{padding-bottom: 2em;}
#nliwrap{margin: auto; width: 49%;}
#loginform{width: 100%;}
.loginInput{width: 100%; margin: 0.5em 0 0.5em 0; border-radius:0.5em;}
#submit, #searchButton{height: 2.55em; font-weight: bold;}
#submit {margin: 0.5em 0 1.5em 0; border-radius:0.5em; padding: 0.5em 1em 0.5em 1em;}
#contactSubmit{padding: 1em; width: 10em;}
.failedPaymentButton{padding: 1em; border-radius: 0.5em; margin-left: 2em;}
#signup{padding: 1em; margin-top: 1em; width: 12em;}
#contactSubmit{margin: 0.5em 0 1.5em 10%;}
#sortResultLabel{margin-right: 0.5em; font-size: medium;}
#ThemeH2, #addProductProductInformationH2{padding-top: 1em;}
#sortResult, #productSection, #productGroup, #productThemes{margin: 0 1em 0.5em 0; border-radius: 0.5em; width: auto; height: 2.5em;}
#sortResult:focus, #productSection, #productGroup, #productThemes{outline: none;}
#productSection, #productGroup, #productThemes{width: 50%;}
.sortProducts, .sortProductsByCategory{border-radius: 0.5em; width: 100%; height: 4em;}
#catFilterButton{width: 48.5%; height: 3em; border-radius: 0.5em; margin: 1em 0.5% 0.5em 1%; font-weight: bold;}
.catFilterButtonA{display: none;}
.catFilterButtonB{display: none;}
#headerbottom{margin: 0 0.1em 0 0.1em; position:relative;}
#headerBottomWrap{font-size: 0;}
#categoryNavigationButton{font-size: medium; width: 25%; display: inline-block; padding: 0.5em 0 0.5em 0;}
#categoryNavigationButton p{margin: 0 0 0 0.5em; padding: 0;}
#productBreadCrumb{margin:0; width: 100%;}
#breadCrumb{font-size: medium; margin:0; width: 50%; display:inline-block; padding: 0.75em 0 0.75em 0; text-align: center; visibility:hidden;}
.activeBreadCrumb{font-weight: bold;}
#resultH1Wrap h1{margin-top: 1em; font-size: medium;}
.productResultWrapA, .productResultWrapB{height: 100%; font-size:medium; display: inline-block; vertical-align:top; position: relative;}
.productResultWrapA, #stockDiv, #stockoptionsDiv{width: 100%;}
.productResultWrapB{width: 75%;}
#resultWrap, #stockoptionsDiv{font-size: 0;}
.productStockOptions{font-size: medium; display: inline-block; width: 33.333%;}
.productStockOptions2, .tableInputDiv{font-size: medium; display: inline-block; width: 50%;}
.tableInputDiv{width: 12.5%;}
.tableRowsWrap, #tableHeaderWrap, #tableRowsContainer, .tableRowsWrap{width: 100%;}
.tableRowsWrap, #tableHeaderWrap{font-size: 0;}
#productTopInfo{margin-left: 1em;}
#productTopInfo select{margin-top:0; margin-bottom: 1em;}
#noItemsWrap{font-size: medium; min-height: 33.75vh; margin: 0; padding: 0; display: inline-block; position: relative; right: 0.25em;}
.productDivWrapA{width: 99%; margin-left: 1%;}
.productDivWrapB{width: 100%;}
#resultH1Wrap, #selectDiv{width: 50%; display: inline-block;}
#selectDiv{text-align: right;}
.searchProductBar{width: 80%; height: 3em; border-radius: 0.5em 0 0 0.5em; margin-bottom: 1em; outline:none;}
#descriptionLabel{font-weight: bold;}
#descriptionP, #descriptionP2, #descriptionP3{font-size:smaller; margin-top: 0.5em; margin-bottom: 1em;}
#productTableWrap{overflow-x:auto;}
#productPageTable{border-collapse: collapse;}
#productPageTable th, #productPageTable td{padding: 0.25em;}
#productPageCatP{margin-bottom: 1em;}
.searchProductBarButton{width: 20%; border-radius: 0 0.5em 0.5em 0; height: 3em; outline: none;}
#discountPerProductSearchBarDiv{width: 80%; display: inline-block;}
#discountPerProductSearchBarButtonDiv{width: 20%; display: inline-block;}
#discountPerProductSearchBar, #discountPerProductSearchBarButton{width: 100%;}
#discountPerProductSearchBarContainer{margin: 0 0.5em 0 0.5em;}
#discountPerProductSearchBarWrap{font-size:0;}
#productSContainer{margin: 1em 2em 0 2em;}
#productDiscountSelectionContainer{font-size: medium; width: 100%;}
#productDiscountSelectionWrap{margin: 0 0.5em 0.5em 0.5em;}
#productDiscountSelectionDiv{font-size:0;}
#productSelectionWrap{font-size:0;}
#addNewProductButton{height: 3.75em; border-radius: 0.5em; width: 32.5%; display:inline-block; vertical-align:top;}
#addNewProductButton p{margin-top: 1.375em;}
#addNewProductButtonA{font-size: medium; text-align: center;}
#addNewProductButton:hover{font-weight: bold;}
.productSelectCategoryDiv{margin-right: 0.25%;}
.productSelectionContainer{width: 66.5%; display: inline-block;}
.productSelectDiv, .productSelectCategoryDiv{display: inline-block; font-size:medium; width: 49.75%;}
#dashboardProductH1{margin-bottom: 0;}
.productFilterA, .productFilterB{font-size: medium; position: relative; z-index: 150; top: 0; bottom: 0; right: 0; width: 25%; height: auto; display: inline-block; padding-bottom:1em;}
.productFilterA{left: -100%; width: 0;}
.productFilterB{left: 0;}
#productFilter p{display:inline;}
.category,.categoryActive{text-decoration: none; display: block;}
.productDiv, .productDivB{display: inline-block; font-size:medium; position: relative; height: auto; margin: 0 0 1% 1%;}
.productDiv{margin: 0 1% 1% 0; width: 24%;}
.productDivB{margin: 0 1% 1% 0; width: 32.33%;}
#imagesShowroom{width: 25%; display: initial;}
.object{padding-top: 1em; display: inline-block; font-size: medium; width: 74%; position: relative; left:0;}
.object, .objectContainer{text-align: left; font-size:medium; display: inline-block; border-radius: 0.5em; vertical-align: top;}
.wrapObject{margin: 0 0.375% 0 0.375%;}
.object50{width: 49.25%;}
.object100{width: 100%;}
.object100b{width: 98.50%;}
.object75{width: 74.25%;}
.object25{width: 24.25%;}
.object img, .object p, .object h2, .objectButton{margin: 0 5% 1em 5%;}
.object h1{margin: 0 2em 1em 2em;}
.objectNoMargin h2, .objectNoMargin p{margin: 0;}
.objectNoSideMargin h2, .objectNoSideMargin p, .objectNoSideMargin img{margin-left: 0; margin-right: 0;}
.object img{width: 90%;}
.object p, .object h1, .object h2{padding:0;}
.objectButton{padding: 1em; border-radius:0.5em;}
#appointmentButton, #webshopBtn{margin: 1em 0 0 0; width: 15em; text-align: center; border:none;}
#indexLogoDiv{position:relative; height: 16em; text-align: center; overflow:hidden; background-image: linear-gradient(rgb(19, 114, 186), rgb(0, 174, 239), rgb(109, 207, 246));}
#indexLogoWrap{position:relative; will-change: transform; display: inline-block; overflow: hidden; width: auto; height: 16em;}
#footerLogoImage{width: 225px; height: 131px;}
.cloud1, .cloud2{position:absolute; width: auto; will-change: transform;}
.cloud1{aspect-ratio: 171 / 50;}
.cloud2{aspect-ratio: 251 / 77;}
#cloud1a{ height: 150px; top:7.5em; left:0; opacity: 0.9;}
#cloud1b{ height: 50px; top:3em; right:2%; opacity: 0.7;}
#cloud1c{ height: 50px; top:3em; left:25%; opacity: 0.7;}
#cloud1d{ height: 20px; top:1em; left:15%; opacity: 0.5;}
#cloud2a{ height: 150px; top:8em; right:0; opacity: 0.9;}
#cloud2b{ height: 50px; top:3em; left:2%; opacity: 0.7;}
#cloud2c{ height: 50px; top:3em; right:25%; opacity: 0.7;}
#cloud2d{ height: 20px; top:1em; right:15%; opacity: 0.5;}
#indexLogoDivText{font-size: 1.5em; font-weight: bold; margin: 0.5em 0 0 0; position:relative; display: inline-block; width: 100%; text-shadow: 1.5px 1.5px black;}
#indexLogo{position: relative; top: 0.5em; height: 12em; width: auto; aspect-ratio: 167 / 212;}
#indexObject{height: 100%; width: 100%; padding-bottom: 0.5em; margin:0;}
#pageNumberP{margin-left: 1em;}
#myOrdersP, #productChartP, #dashboardOrdersOrdersP, #discountCodeP, #discountProductP{margin-right: 1em;}
#pageNumberDiv, #myOrdersPageNumberDiv, #productChartNumberDiv, #dashboardOrdersPageNumberDiv, #discountCodePageNumberDiv, #discountProductPageNumberDiv{display: inline;}
.objWrap{font-size:0;}
#productBreadCrumb p, #breadCrumb p{margin: 0; font-weight: bold; display: inline;}
#productBreadCrumb h1, #breadCrumb h1{display: inline; font-size: medium;}
#wsContainer{width: auto; margin: 0 0.1em 0 0.1em; position: relative;}
#wsWrap{width: auto; font-size: 0; position: relative;}
#resultContainer{padding-bottom: 0.5em;}
#productContainer{width: 100%; display: inline-block; position: relative; font-size:0;}
.product{margin: 1em;}
.product a{list-style-type: none; text-decoration: none;}
.product span{font-weight: bold;}
.opVoorraad{color: rgb(66, 131, 55); font-weight: bold;}
.nietOpVoorraad{color: rgb(190, 15, 15); font-weight: bold;}
.beperktOpVoorraad{color: rgb(255, 102, 0); font-weight: bold;}
.productDivStockStatus, .stockSelection{font-size: 1em; margin:0; padding:0; display: block; height: 2em;}
.productDivStockStatus{border:none; margin-top: 1em; margin-bottom: 1em;}
.productDivStockStatus{padding-bottom: 1em; height: 0;}
.stockSelection{border-radius: 0.5em; min-width: 14.5em;}

/* Chrome, Edge, Safari */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
  appearance: textfield;
}

.hidden, #ffinpcl, #ffinpcl input, #ffinpcl label{display: none;}
.invisible{visibility: hidden;}
.product h2, #removeAboutUsImage p{font-size: 1em;}
.discountline{display: inline-block; background-color: transparent; font-weight: normal; position:relative; margin-right: 1em;}
.discountline hr{display: inline-block; width: 100%; position:absolute; left: 0; top: 1em;}
.overviewdiscountline{background-color: transparent; display: inline-block; position:relative; margin-right: 1em; margin-top: 0.9em;}
.myOrderDiscountline{background-color: transparent; display: inline-block; position:relative; margin-right: 1em;}
.overviewdiscountline hr, .myOrderDiscountline hr{display: inline-block; width: 100%; position:absolute; left: 0;}
.accountdiscountline{background-color: transparent; display: inline-block; position:relative; margin-right: 1em; margin-bottom: 0.1em;}
.accountdiscountline hr{display: inline-block; width: 100%; position:absolute; left: 0;}
.scDiscountCodeWrap{margin-top: 2em;}
.oldPriceP, .normalPriceP, #oldPriceP{display: inline-block; font-weight: bold;}
#productPagePriceP{display: inline-block; font-weight: bold;}
.productPrice, .productPriceB, .euroSign{font-weight: bold; display: inline-block;}
.productPrice{margin: 3em 0 2.344em 0;}
#retryPaymentA{margin-left: 2em;}
.productDivImageWrap{text-align: center; overflow: hidden;}
.productImage{width: 100%; max-width: 285px; height: auto; aspect-ratio: 4 / 3;}
.productImage:hover{transform: scale(1.1);}
.productAdd, #productPageAdd, .productSubtract, #productPageSubract, .shoppingcartAdd, .shoppingcartSubtract{height: 2.5em; width: 2.5em; font-weight: bold;}
.productAdd:hover, #productPageAdd:hover, .productSubtract:hover, #productPageSubract:hover, .shoppingcartAdd:hover, .shoppingcartSubtract:hover{font-weight: bold;}
.productAdd, #productPageAdd, .shoppingcartAdd{border-radius: 0 0.5em 0.5em 0;}
.productSubtract, #productPageSubract, .shoppingcartSubtract{border-radius: 0.5em 0 0 0.5em;}
.addToShoppingcart, #pAddToShoppingcart{height: 2.5em; border-radius: 0.5em; margin-left: 0.5em; font-weight: bold; padding: 0 0.5em 0 0.5em;}
.addToShoppingcart:hover, #pAddToShoppingcart:hover{font-weight: bold;}
.quantityInput, #productPageQuantity, .shoppingcartQuantityInput{height: 2.5em; width: 2.5em; outline: none;}
.quantityLabel, .productDivLabel{font-size:small; display:block; padding-bottom: 0.5em;}
#productQuantityLabel{margin-left: 1em;}
#discountCode{width: 100%; margin-top: 1em;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; appearance: none; margin: 0;}
#catSelect{margin-left: 0.85em;}
.filterCat{font-size: 1em; margin-left: 0.85em; margin-bottom: 1em;}
.priceP{font-weight: bold; margin-left: 0.5em;}
.priceInput{width: 6em; border-radius: 0.5em; margin-left: 0.5em; height: 2.5em; outline: none;}
#priceFrom{margin-left: 1em;}
#priceTo{border-radius: 0.5em 0 0 0.5em;}
#priceFilterButton{padding: 0 1em 0 1em; margin-left: 0.5em; border-radius: 0 0.5em 0.5em 0; height: 2.5em; font-weight: bold;}
.filterCheckboxWrap{display:block;}
#wsFilterButton{display: none; font-size:large; font-weight: bold;}
.checkboxLabel{font-weight: normal; margin-left: 0.25em;}
.contactafspraakdiv{height: 44em;}
.afspraakdiv{height: 45em;}
#contactDiv span{font-weight: bold;}
#contactDivContainer, #contactDivWrapAContainer{width:100%; font-size:0;}
#contactDivWrapA, #contactDivWrapB, #contactDivWrapA1, #contactDivWrapA2{font-size:medium; display: inline-block; width: 100%; vertical-align:middle;}
#daySelect{border-radius: 0.5em; display:block; cursor: pointer;}
#daySelectWrap{margin: 1em 0 1em 0;}
.contactInput, #daySelect{width: 80%; height: 3em; margin: 0.5em 0 0.5em 10%;}
#contactForm input, #contactForm textarea{display: block; outline: none; border-radius:0.5em;}
#contactForm textarea{height: 15em; padding:0; width: 79%;}
#contactForm label, #contactForm h1{margin-left: 10%;}
#imagesShowroom img{margin-top: 10%;}
#dashhboardfaqPageInputWrap textarea, #dashboardNewFaqPageInputWrap textarea{height: 8em;}
.smallText{font-size: small;}
.faqPageToggleButtonWrap, .linkPageToggleButtonWrap{border-bottom: 1px solid black; cursor: pointer;}
.linkPageToggleButtonWrap{display:inline-block;}
.linkPageLetterWrapB{width: 100%; margin:0;}
.linkPageLetterWrapA{width: 3em; margin:0.5em;}
.linkPageLetterButton{cursor: pointer; width: 100%; font-size: 1.5em;}
.linkPageLetterButton span{float: right;}
.pageRemoveButton p{font-size:1.5em;}
#removePageItemsRemoveButton{width: 100%; height: 4em; border-radius: 0 0.5em 0.5em 0; margin:0; padding:0;}
#removePageItemsRemoveButtonWrap, #removePageItemsCancelButtonWrap{width: 48%;}
#dashboardAboutUsButtonWrap, #dashboardFaqButtonWrap, #dashboardLinkPageButtonWrap, .dashboardDivToggleDiv{display:none;}
.dashboardDivToggleButton{text-align: center;}
.dashboardDivToggleButton p, #dashboardNewFaqPageButton p{font-size: 1em; padding: 1em;}
#dashboardAboutUsPreview{width: 100%; max-width: 200px; height: auto; aspect-ratio: 4 / 3; display:block; padding:0; margin:0;}
#dashboardAboutUsText{height: 20em;}
#aboutUsFooterDiv{width: 100%; margin: 0 0 2em 0;}
#aboutUsFooterDiv a{color: white; font-weight: bold; font-size: 1.05em;}
#aboutUsFooterDiv a:hover{color: rgb(255, 194, 36);}
#aboutUsDiv{ min-height:49vh;}
#aboutUsText{text-align: justify; margin-bottom: 1em;}
#aboutUsImage{width: 100%; max-width: 285px; height: auto; aspect-ratio: 4 / 3; padding: 0; margin: 0 1em 1em 0; float: left; border-radius: 5%;}
#linkWrap{font-size: medium; margin: 0 0.5em 0 0.5em;}
#linkDiv{left: 0; padding-bottom: 1em; min-height:49vh;}
#linkContainer{height: 100%; text-align: left; display: flex; flex-wrap: wrap;}
#linkDiv a{display: block; text-decoration: none; margin: 1em 0 0 5%; color: black;}
.linkDivClosed{width: 100%;}
.linkDivOpen{width: auto;}
#objectDivH1{display: block; color: black; margin-bottom: 2em;}
#linkDiv a:hover { color: rgb(0, 174, 239);}
#linkDiv h2{color: rgb(0, 65, 112); font-weight: bold;}
.linkPageDiv{position: relative; width: 24.5%; margin: 0.25%; margin-bottom: 0.25em; margin-top: 0.25em; padding-bottom: 1em; border-radius: 2%; background-color: rgb(255, 255, 255);}
#orderConfirm{padding-bottom: 2.5em;}
#adressInfoContainer, #changeLoginContainer{margin: 0 2em 5% 2em;}
#deliveryInformationContainer{margin: 0 2em 5% 2em;}
#deliveryInformationContainer h2{margin-left: 0;}
#registrationFormContainer{margin: 0 2em 5% 2em;}
#registrationForm{padding-top:0;}
#registrationFormWrap, #deliveryInformationWrap, #adressInfoWrap, #changeLoginWrap{font-size:0;}
#registrationForm h1, #deliveryInformation h1, #changeAdressInfo h1, #changeLogin h2{margin: 2em 0 2em 0;}
#deliveryInformation h1{margin: 2em 0 1em 0;}
#registrationForm label, #deliveryInformation label, #changeLogin label{display: block;}
.formH3{font-weight:normal; font-size: 1em; font-weight: bold;}
#emailFormP, #infoFormP{font-size: 1em; margin-left: 0;}
#formChangeEmail, #formChangeInfo{font-size: 0.8em; margin-left: 0;}
#formChangeEmailWrap, #formChangeInfoWrap{font-size: medium; margin-bottom: 1em;}
#adressInfoH1{padding-left: 2em;}
.regInput, .delInput, .changeLoginInput, .adressInfoInput, .setShippingCostsValue{border-radius: 0.5em; width: 100%; height: 3em; margin-bottom: 1em; outline: none;}
#dashboardAddProductDiscountPercentage{width: 50%; display: block;}
.addCodeDurationInput{width: 100%; margin-bottom: 0;}
#AddProductDiscountDurationSelect{border-radius: 0.5em; width: 100%; height: 2.5em; outline:none; border:none;}
.durationContainer{font-size:0;}
.durationWrap{font-size:medium; display: inline-block; width: 100%;}
.durationWrapA, #AddProductDiscountdurationWrap1{width: 100%;}
.addCodeTypeWrap, .dashboardSettingsWrap{vertical-align: top;}
.addCodeTypeWrap input, .addCodeTypeLabel{margin-left: 1em;}
#discountCodeRadioWrap{margin-top: 1em; margin-bottom: 1em;}
.dashboardAddCodeTimeWrap{vertical-align: top;}
.productImageInput{margin-bottom: 1em; position: absolute; z-index: 7500;}
.productPreviewDeleteButton{vertical-align: top; display: inline-block; position: relative; bottom: 1.35em; padding-left: 0.5em; padding-bottom: 1em; z-index: 7501;}
.productImageLabel{display: block; position: relative; padding-bottom: 0.2em;}
.productImgPreviewContainer img{display: inline-block; width: 20%; margin: 0; margin-bottom: 1em; position: relative;}
#password, #delpassword, #changeLoginPassword{margin-bottom: 0;}
#password-confirm,  #changeLoginPassword-confirm, #changeEmailWithPassword-confirm, #adressInfoPassword-confirm{margin-bottom: 0.5em;}
.changeLoginConfirm, #adressInfoconfirm{border-radius: 0.5em;}
#fnWrap, #lnWrap, #streetWrap, #numberWrap, #supWrap, #zipcodeWrap, #cityWrap, #emailPasswordWrap, #delTopWrap, #delTopWrap2, #delfnWrap, #adressInfofnWrap, #dellnWrap, #adressInfolnWrap, #delstreetWrap, #adressInfostreetWrap, #delstreetWrap2, #delnumberWrap, #adressInfonumberWrap, #delnumberWrap2, #delsupWrap, #adressInfosupWrap, #delsupWrap2, #delzipcodeWrap, #adressInfozipcodeWrap, #delzipcodeWrap2, #delcityWrap, #adressInfocityWrap, #delcityWrap2, #delemailWrap, #delPasswordWrap, .changeLoginEmailPasswordWrap, #delAdressOptionWrap, #delAdressOptionWrap2, #delAdressOptionWrap3, #delAdressOptionWrap4, #delPaymentMethod, #delPaymentMethod2, #delPaymentMethod3, #delPaymentMethod4, #delAccountOptionWrap, #delAccountOptionWrap2, #adressInfoSubmit, #delConfirmWrap, #delCountryWrap, #delCountryWrap2{font-size: medium; display: inline-block;}
.lowercase{text-transform: lowercase;}
#scDiscountcodeContainer, #scDiscountcodeWrap{width: 100%;}
#enterDiscountCode{height: 3em; width: 50%; display:inline-block;}
#enterDiscountButton{display:inline-block; padding: 0 1em 0 1em; height: 2.5em; width: 8em;}
#delLoginformWrap{margin: 1em 0 1em 0; font-size: medium; display: none;}
#delLoginSubmit{padding: 0 2.3em 0 2.3em; height: 2.3em; border-radius: 0.5em; margin-bottom: 0.5em;}
#delLoginSubmit:hover{font-weight: bold;}
#delPasswordWrap{padding-bottom: 2%;}
.delRadio{margin-bottom: 3%;}
#replaceMessage{margin-left:0; width: 100%; height: 5em;}
.passwordBottom{padding-bottom: 1em;}
#delemailWrap{margin-top: 1.5em;}
#delTopWrap{width:35%;}
#delTopWrap2{width:65%;}
#delTopWrap2{text-align: right;}
#delfnWrap, #dellnWrap, #fnWrap, #lnWrap, #delAdressOptionWrap, #delAdressOptionWrap2, #delAdressOptionWrap3, #delAdressOptionWrap4, #delPaymentMethod, #delPaymentMethod2, #delPaymentMethod3, #delPaymentMethod4, #delConfirmWrap, #delAccountOptionWrap, #delAccountOptionWrap2, #adressInfofnWrap, #adressInfolnWrap{width: 100%;}
#emailPasswordWrap, #delemailWrap, #delPasswordWrap, .changeLoginEmailPasswordWrap, #adressInfoSubmit, #adressInfofnWrap, #adressInfolnWrap{width: 100%;}
#delfnWrap{margin-top: 1.5em;}
#delstreetWrap, #delstreetWrap2, #streetWrap, #adressInfostreetWrap, #delCountryWrap, #delCountryWrap2{width: 100%;}
#delCountryWrap select, #delCountryWrap2 select{padding: 1em; margin-bottom: 1em; border-radius: 0.5em; display: block;}
#delnumberWrap, #delnumberWrap2, #numberWrap, #delsupWrap, #delsupWrap2, #supWrap, #adressInfonumberWrap, #adressInfosupWrap{width: 50%;}
#delzipcodeWrap,#delzipcodeWrap2, #zipcodeWrap, #adressInfozipcodeWrap{ width: 25%;}
#delcityWrap, #delcityWrap2, #cityWrap, #adressInfocityWrap{width: 75%;}
#changeLoginPasswordP, #recoverPasswordP{margin:0 0 1em 0;}
#recoverPasswordP{margin-top: 2em;}
#recoverPasswordCSWrap, #changeLoginPasswordconfirmLabel, #changeLoginConfirmWithPasswordLabel, #adressInfoConfirmWithPasswordLabel{margin-top: 1em;}
#passwordCheckTop{-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); height: 1em; width: 1em; position: absolute; margin-left: 4em; display: none;}
#passwordCheck{padding: 1em 1em 0 1em; margin: 0.5em 0 0.5em 0; border-radius: 0.5em; display: none;}
#passwordCheck p, #delpasswordP, #passwordP{margin-left:0;}
#passwordP{margin-top: 0.5em;}
#passwordCheckWrap{font-size:0;}
.paswordCheckSign{color: green; font-weight: bold; display: none;}
.paswordCross{color: red; font-weight: bold;}
#passwordCheckWrap div{font-size:medium; display: inline-block; vertical-align: top;}
#passwordCheckWrap p{line-height: 1.5em;}
#pwCheckWrapLeft{width: 10em;}
#delAdressOptionWrap label, #delAdressOptionWrap2 label, #delAdressOptionWrap3 label, #delAdressOptionWrap4 label, #delPaymentMethod label, #delPaymentMethod2 label, #delPaymentMethod3 label, #delPaymentMethod4 label, #delAccountOptionWrap label, #delAccountOptionWrap2 label{display: inline-block;}
#email{margin-bottom: 0.25em;}
#haveAccountButton p{padding:0; margin:0; font-size:small;}
#haveAccountButton p:hover{font-weight: normal;}
#accountOptionContainer{margin: 3% 0 3% 0;}
#delPasswordWrap{margin-top: 1em;}
#changeLoginEmailP{padding-bottom: 1em;}
#discountcodeButton{background-color: transparent; border: none; font-size: medium; font-weight: bold;}
#delPaymentH2{margin-top: 1.5em;}
#delAdressOptionWrap4{padding-bottom: 1em;}
#deliveryAddresH2{margin-top:0;}
#acceptConditionsWrap{width: 100%; text-align: center; margin: 2.5% 0 5% 0;}
#acceptConditionsWrap a{font-weight: bold;}
#acceptConditions, .selectionCheckbox, .returnCheckBox{transform: scale(1.5);}
.selectionCheckbox{margin-left: 1.25em; margin-right: 0.5em; width: 1em; height: 1em; margin-bottom: 0.5em;}
#delDeliveryAdress2{padding-bottom: 2%;}
#shoppingcartContainer img, #overviewContainer img{margin:0; padding:0;}
#shoppingcartContainer{margin: 0 2em 5% 2em;}
#overviewContainer{width: 90%; margin: 0 2em 5% 2em;}
#retourH2{margin-bottom: 1em;}
.shoppingcartItem, .overviewItem{font-size:0;}
.shoppingcartItemWrap, .overviewItemWrap{width: 100%; font-size:0; margin: 1% 0 1% 0;}
.shoppingcartItemWrap div, .shoppingcartItem div, .overviewItemWrap div, .overviewItem div{display: inline-block;}
.shoppingcartItemWrap div, .overviewItemWrap div{vertical-align: middle;}
#shoppingcartContainer img, #overviewContainer img{display:block; width: 75px; aspect-ratio: 4 / 3;}
#returnItemWrap{width: 100%;}
.returnItemDiv{width: 100%; font-size: 0;}
.returnItemDiv div{display: inline-block; font-size: medium; vertical-align:middle; margin-top: 1em;}
.returnItemSelect{width: 4em;}
.returnCheckBoxDiv{width: 10%;}
.returnImgDiv, .overviewItemLeft{width: 15%;}
.returnTitleDiv{width: 50%;}
.returnSelectDiv{width: 25%;}
.returnSelectDiv{text-align:right;}
.returnItemImg{max-width: 75px;}
.shoppingcartItemLeft{width: 20%;}
.shoppingcartItemRight{font-size: 0; width: 80%;}
.overviewItemRight{font-size: 0; width: 85%;}
.overviewItemDiv{display: inline-block; width: 100%;}
.overviewItemDiv p{margin:0;}
#overviewAdress{font-size: medium; margin-bottom: 2%; vertical-align: top;}
#overviewMobInfo, #orderMobInfo, #retourMobInfo{display: none; font-size: medium;}
.shoppingcartItemRight div, .overviewItemTitle, .overviewPriceContainer{font-size: medium; display: inline-block;}
.shoppingcartItemTitle{width: 80%;}
.overviewItemTitle{width: 60%;}
.overviewPriceContainer{text-align: right; width: 40%;}
.removeButtonContainer{width: 20%;}
.removeItemButton{border: none; float: right; font-weight: bold; font-size: 1em; white-space: nowrap;}
.shoppingcartItemQuantityContainer{width: 40%;}
.shoppingcartItemPriceContainer{width: 60%; text-align: right;}
.overviewItemPriceContainer{width: 50%; text-align: right;}
.shoppingcartItemPrice, .overviewItemPrice{font-weight: bold;}
.shoppingcartItemPrice{display:inline-block;}
.overviewItemPrice{display: inline-block;}
#totalWrap{font-size: 0;}
#totalRightB{font-size: medium; display: inline-block; width: 100%;}
#shoppingcartTotalPrice, #shoppingcarttotalPriceP{font-weight: bold;}
#totalRightTop div, #totalRightBottom div{font-size: medium; display: inline-block;}
#totalRightTopLeft, #totalRightTopRight, #totalRightBottomLeft, #totalRightBottomRight{width: 50%;}
#totalRightTop, #totalRightBottom{margin-top:2%;}
#totalRightTop{padding-bottom: 2%;}
#totalRightBottomRight{padding-bottom: 2em;}
#totalRightTopRight, #totalRightBottomRight, #retourBottomRight, #retourShippingCostRight, #retourTotalRight{text-align: right;}
#totalDiv{font-size: medium; display: inline-block; width: 100%; margin-top: 1em;}
#totalDivTop, #totalDivBottom, #totalRightTop, #totalRightBottom, #orderButtonWrap{font-size: 0;}
#totalDivTop div, #totalDivBottom div, #orderButtonWrap div{font-size: medium; display: inline-block;}
#totalDivTopLeft, #totalDivTopRight{width: 50%;}
#totalDivTopRight{text-align: right;}
#orderButtonContainer{width: 100%;}
#orderButtonLeftContainer, #shoppingcartButtonLeftContainer, #checkOutButtonLeftContainer{width: 50%; margin-top: 2em;}
#orderButtonRightContainer, #shoppingcartButtonRightContainer, #checkOutButtonRightContainer{width: 50%; vertical-align: top; margin-top: 2em;}
.formLeftButton, .formRightButton{text-align: center; width: 100%;}
#shoppingcartShopButton, #myAccountOrderButton1{font-size: 1em; padding: 1em 0 0 0;}
#myAccountOrderButton1{height: 2.2em;}
#shoppingcartOrderButton, #myAccountOrderButton2{font-size: 1em; height: auto; padding: 1em 0 1em 0; white-space: normal;}
.productPageChartWrap, .productPageHeader, .statsChartWrap, .myOrdersChartWrap, .headerChartWrap, .dashboardOrdersChartWrap, .dashboardOrdersHeaderWrap{font-size:0;}
.myOrdersChartWrap, .dashboardOrdersChartWrap{cursor: pointer;}
#productPageChartContainer, #statsChartContainer, #myOrderChartContainer{margin: 0 2em 0 2em;}
#statsDateHeader, #statsVisitorsHeader, #uniqueVisitorsHeader{width: 33.333%;}
#myOrdersNumberHeader, #myOrdersDateHeader, #myOrdersTotalHeader, #myOrdersLinkHeader{width: 25%;}
#orderConfirmPageButton1 p, #notificationButtonLeft p, #returnToIndexButton p, #orderConfirmPageButton2 p, #notificationButtonRight p{line-height: 1; display:inline-block; vertical-align: middle; margin:0; padding:0;}
#orderConfirmPageButton1, #notificationButtonLeft, #returnToIndexButton{height: 4em; line-height: 4em; text-align: center; border-radius: 0.5em 0 0 0.5em;}
#orderConfirmPageButton2, #notificationButtonRight{height: 4em; line-height: 4em; text-align: center; border-radius: 0 0.5em 0.5em 0;}
#productPageBackButton, #productPageOrderButton{height: 4em;}
#productPageBackButton{border-radius: 0.5em 0 0 0.5em; width: 40%;}
#productPageOrderButton{border-radius: 0 0.5em 0.5em 0; width: 60%;}
#productPageBackButton:hover, #orderConfirmPageButton1:hover, #returnToIndexButton:hover, #notificationButtonLeft:hover, #productPageOrderButton:hover, #orderConfirmPageButton2:hover, #notificationButtonRight:hover{font-weight: bold;}
#orderConfirmPageButton1, #returnToIndexButton, #orderConfirmPageButton2{width: 50%;}
#productPageButtonWrap{margin-top: 1em;}
.changeLoginConfirm, #adressInfoconfirm{width: 50%; height: 3em; border-radius: 0.5em; cursor: pointer;}
.changeLoginConfirm{margin-top: 0.5em; margin-bottom: 1em;}
.changeLoginConfirm:hover, #adressInfoconfirm:hover{font-weight: bold;}
.payRadio{margin-left: 5%;}
#bankChoiceWrap{display: inline-block; position: absolute;}
#BankChoice, #changeOrderSelect, #changeOrderPaymentSelect, #changeRetourSelect, .returnItemSelect{height: 2em; border-radius: 0.5em; margin-left: 1em;}
#accountMenuBtn{float: right; margin: 5% 5% 0 0;}
#myInfo, #myOrders, #changeAdressInfo, #changeLogin, #addProduct, #dashboardSettings, .noTopPadding{padding-top: 0;}
#addProduct h2{margin: 1em 0 1em 0;}
#myInfoMenu{border-radius: 0.5em 0.5em 0 0; padding: 2em 0 2em 0; margin-bottom: 2em;}
.catImageH2{width: 98%; margin-left: 1%; padding: 2em 0 0.5em 0; text-align: center; font-size: 1.25em;}
.catImageH3, .bannerImageH3{font-size: medium; width: 100%; white-space: normal; display:inline-block; vertical-align:middle; overflow-wrap: anywhere;}
.catImageH3Wrap, .bannerImageH3Wrap{min-height:5em;   width: 99%; margin-left: 0.5%; position: absolute; bottom: -1em;}
.catImageH3Wrap:after, .bannerImageH3Wrap:after{display:inline-block;  vertical-align:middle;  line-height:5em; width:0;  content:"\00A0";  overflow:hidden;}
.catImageArrow, .bannerArrow{font-weight: bolder; font-size:x-large; height: 1.5em; width: 1.5em; display: none; border-radius: 50%; z-index: 999999; border-color: transparent; position: absolute; top: 75px;}
.catImageDivWrap, .catbannerDivWrap{width: 100%; margin:0; padding:0; display: inline-block; font-size: medium;}
.catImageContainer, .catbannerContainer{position:relative; white-space: nowrap; width: 100%; margin: 0 0 0.5em 0; text-align: center; overflow-x:hidden;}
.catbannerContainer{margin: 0.5em 0 0.5em 0;}
.catImage{width: 200px; height: 150px;}
.bannerImage, .bannerImage2{width: 400px; height: 200px; display: block;}
.catImage:hover, .bannerImage:hover, .bannerImage2:hover{transform: scale(1.05);}
.catImageDiv, .catbannerDiv, .catbannerDiv2{background-size: contain; width: 200px; height: 200px; margin: 0.5em 0.125em 0.25em 0.125em; text-align: center; display: inline-block; cursor: pointer; overflow:hidden; border-radius: 0.5em; position: relative;}
.catbannerDiv{height: 250px;}
.catbannerDiv, .catbannerDiv2{width: 400px; margin: 0.5em 0.25em 0.25em 0.25em;}
#categoryMenu{display: none;}
.categorySubMenu{padding-left: 1em; margin-bottom: 1em;}
#myInfoMenuButton, #categoryMenuButton{border: 0; margin-left: 2em; text-decoration: none; font-size: medium; font-weight: bold; background-color: transparent; padding: 0;}
#categoryMenuButton{margin-left: 0; margin-top: 0.5em; display: none; width: 100%; text-align: left; padding: 1em 0 1em 0; font-size:medium;}
#myInfoMenuButton:focus, #categoryMenuButton:focus, #discountcodeButton:focus{outline: none;}
#myInfoMenuButton span, .myInfoChange span, #delTopWrap2 span, #categoryMenuButton span, .arrowButtonClass{font-size:small;}
#discountPerCatSaveButton{margin-bottom: 1em;}
.arrowUp, #myInfoMenuArrowUp, #delLoginArrowUp, #csContactButtonArrowUp, #sendDeliveryArrowUp, #paymentMethodsArrowUp, #orderReturnArrowUp, #customerContactDiv, #SendDeliveryDiv, #paymentMethodsDiv, #orderReturnDiv, #shippingCostSettingsDiv, #shippingCostSettingsDivArrowUp, #discountSettingsDivArrowUp, #discountSettingsDiv, #discountCodeSettingsDivArrowUp, #discountPerCategorySettingsDivArrowUp, #discountPerProductSettingsDivArrowUp, #discountCodeSettingsDiv, #discountPerCategorySettingsDiv, #discountPerProductSettingsDiv, .dashboardHiddenDiv, #productServiceArrowUp, #cateogryMenuArrowUp, #discountcodeArrowUp, .mainNavArrowUp, .webshopCatSectionArrowUp, .webshopCatGroupArrowUp, #deliveryTimeArrowUp, #deliveryTimeDiv, #dashboardSiteInfoArrowUp, #dashboardSiteInfoDiv, #dashboardSocialMediaArrowUp, #dashboardImagesArrowUp, #dashboardBannerArrowUp, #dashboardSocialMediaDiv, #dashboardImagesDiv, #dashboardBannerDiv, #dashboardSeoArrowUp, #dashboardSeoDiv, #dashboardMessageArrowUp, #dashboardMessageDiv, .dashboardSettingArrowButtonUp, .dashboardSettingsToggleDiv, #guaranteeDiv, #guaranteeArrowUp{display: none;}  
#dashboardAddNewCodeWrap{font-size:0;}
#stockStatusSettingsDiv{width: 50%;}
#settingsSizeP, #settingsBannerSizeP{margin-bottom: 0.5em;}
#dashboardSizeP{font-size: 0.8em;}
#setOosDeliveryTimeLabel{display: block;}
#setdeliveryTime, #setOosDeliveryTime{display: inline-block; width: 100%; border-radius: 0.5em 0 0 0.5em;}
#standardDeliveryTimeSelect, #OosDeliveryTimeSelect{width: 100%; height: 2.5em; border-radius: 0 0.5em 0.5em 0; min-width: 0;}
#standardDeliveryTimeWrapA, #standardDeliveryTimeWrapB, #oosDeliveryTimeWrapA, #oosDeliveryTimeWrapB{font-size: medium; display: inline-block;}
#standardDeliveryTimeWrapA, #oosDeliveryTimeWrapA{width: 30%;}
#standardDeliveryTimeWrapB, #oosDeliveryTimeWrapB{width: 70%;}
#setdeliveryTimeCBDiv{min-height: 5em;}
#myInfoMenuItems{padding: 0; margin: 7.5% 5% 0 5%; display:none; list-style-type: none; text-decoration: none;}
#myInfoMenuItems a{list-style-type: none; text-decoration: none;}
.mobNavMainButton{font-weight: bold;}
#categoryMenuItemsWrap{width: 100%;}
#categoryMenuItems{display:none;}
.categoryMenuItemsDiv{list-style-type: none; padding: 0;}
#myInfo a, #myinfomenu1 a, #myinfomenu2 a, #myinfomenu3 a, #myinfomenu4 a{text-decoration: none;}
.myInfoP{margin:0;}
.myInfoDiv h2{margin: 0 0 5% 0;}
#overviewContainer h2, #overviewContainer p{margin-left: 0; margin-right: 0;}
.myInfoWrap{margin: 0 2em 1% 2em; border-radius: 0.5em; cursor: pointer;}
.myInfoDivWrap{font-size:0;}
.myInfoDiv{font-size: medium; display: inline-block; margin: 5% 2.5% 5% 2.5%; width: 55%;}
.myInfoChange{font-size: medium; display: inline-block; vertical-align: top; margin: 5% 2.5% 0 0; width: 37.5%; text-align: right;}
.myInfoChangeLink{text-decoration: none;}
#loginInformation{margin-bottom: 5%;}
.changeLoginEmailPasswordWrap{border-radius: 0.5em;}
.changeLoginEmailPasswordInnerWrap{padding: 0 2.5% 2.5% 2.5%;}
#changeLoginEmailWrap{margin-bottom: 0.5em;}
#changeLoginEmailWrap p{margin-bottom: 1em;}
.productPriceTopWrap, .productTitleTopWrap{width: 29%;}
.productTitle{margin-top: 0.5em;}
.productDivTitleWrap{height: 2em;}
.productDivInfoPDiv p{margin:1em 0 0 0; padding:0;}
.productStockTopWrap, .productStockWrap{width: 19%;}
.orderViewLink{text-decoration: none;}
#myOrdersContainer, #dashboardContainer{padding: 1em 0 1em 0;}
#addProductWrap{margin: 1em 2em 0 2em;}
#addProductProductInformationH2{margin-top: 1.5em;}
#productInformationDiv{font-size:0; margin-bottom: 2%;}
.productInformationDivsWrap{font-size: medium; display:inline-block; width: 50%;}
.arrowButton{cursor: pointer;}
.disable-select, .checkboxLabel, .customerServiceButton, .button, body label, body button{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.buttonForm{display:inline;}
.button{border-radius: 0.5em; cursor: pointer; font-size: 0.85em;}
.buttonLink{text-decoration: none;}
.button:focus{outline:none;}
.button:hover{font-weight: bold;}
#categoryNavigationButton{cursor: pointer;}
#newProductInfoButton, #newProductStockOption, #newTableRow, #newTrackAndTrace{margin-bottom: 1em; width: 18em;}
.newSubCatButton, #newMainCatButton, #newSectionButton, #newThemeButton, #newProductGroupButton, #newProductInfoButton, #newProductStockOption, #newTableRow, #newTrackAndTrace{padding: 0.5em; margin-top: 0.5em; font-size: 0.85em; text-align: center;}
.newSubCatButton{width: 7.5em;}
#newMainCatButton, #newSectionButton, #newThemeButton, #newProductGroupButton{width: 8.5em;}
#notificationMidLeft, #notificationMid, #notificationMidRight, .notificationCenter{display:inline-block; vertical-align: middle; font-weight: bold; margin:1em 0 1em 0; font-size: medium;}
#notificationCenter1{margin-top: 2em;}
#notificationCenter1, #notificationCenter2{font-size: medium; text-align: center;}
#notificationCenter1B{text-align: left;}
#notificationCenter1B p{font-weight: normal;}
#notificationCenterMid{text-align: center;}
#notificationOkButton, #forgotPasswordSubmit{border-radius: 0.5em; padding: 1em; width: 10em; font-weight: bold;}
.notificationCenter, #notificationImg{width: 100%;}
#notificationMidLeft{width: 15%;}
#notificationMidRight{width: 25%; text-align: right;}
#notificationMid{width: 60%; text-align:center;}
#notificationButtonLeft, #notificationButtonRight{width: 100%;}
#notificationMidLeft, #notificationMid, #notificationMidRight, #notificationTopLeft, #notificationTopRight, #notificationBottomLeft, #notificationBottomRight{display: inline-block; font-size: medium;}
#notificationBottomLeft, #notificationBottomRight{width: 50%; vertical-align: top;}
#notificationTopLeft{width: 75%;}
#notificationTopRight{width: 25%; text-align: right;}
.addCatContainer, #notificationContainer, #showImgContainer{position: fixed; top: 0; left: 0; right: 0; height: 100%; z-index: 9999999;}
.productPageProductImageViewA{width: 570px; height: 427.5px; cursor: zoom-in;}
.productPageProductImageViewB{width: 912px; height: 684px; cursor: zoom-out;}
#showImgContainer{display:none; overflow-y: scroll;}
#showImgDivCross{border: none; font-size: 2.5em; margin-right: 0.5em;}
#showImgDivTop{width: 100%; text-align: right;}
#showImgDivCenter{text-align: center;}
.addCatDiv, #notificationDiv{opacity: 1; padding: 2em; position: fixed; top: 15%; left:15%; right:15%;; border-radius: 0.5em;}
.addCatDiv span, #notificationDiv span{font-weight: bold;}
#addProductButtonWrap2 p, #pOutOfStock{color: red; text-align: right; margin-top: 1.5em;}
#addProductButton,.addProductButton, #removeShippingCostSaveButton{height: 4em; width: 100%;}
.addProductButton{text-align: center;}
.addProductButton p{font-size: 1em; margin-top: 1.5em;}
#addProductButtonWrap1{vertical-align: top;}
.standardButton{height: 4em; vertical-align: top; text-align: center; font-size: 0.81em; padding:0;}
.standardButtonLeft{border-radius: 0.5em 0 0 0.5em;}
.standardButtonRight{border-radius: 0 0.5em 0.5em 0;}
#addProductBackButton{width: 100%; height: 4em; border-radius: 0.5em 0 0 0.5em; vertical-align: top; text-align: center; font-size: 0.85em;}
#addProductBackButton p, .standardButton p{margin-top: 1.575em}
#addProductButton{border-radius: 0 0.5em 0.5em 0;}
.addProductButtonContainer{margin-top: 2%; font-size:0;}
#addProductButtonWrap1, #addProductButtonWrap2, .addProductButtonWrap{font-size: medium; display: inline-block;}
#addProductButtonWrap1{width: 25%;}
#addProductButtonWrap2{width: 75%;}
.addProductButtonWrap{width: 50%;}
#productDescription{height: 12em;}
.addProductMainCat{font-weight: bold; border-radius: 0.5em; padding: 0.5em 0 0.5em 0; margin-bottom: 0.25em;}
.addProductSubCat{font-weight: normal; padding-left: 0.5em; margin-left: 0.5em;}
#subCatPDiv{margin-bottom: 1em;}
.addProductDiv{font-size:0;}
.addProductWrap{font-size:medium; display: inline-block; width: 50%;}
.hiddenCheckBox{position: absolute; left:-100%;}
#addProductTags{height: 6em;}
#tagsLabel{font-weight: bold;}
#addProductImageButtonWrap{margin: 1em 0 1em 0;}
#orderConfirm h2, #orderConfirm p{margin: 0 2em 0 2em;}
#orderConfirm h2{font-size: 1em; margin-top: 1em;}
#phoneNumber{white-space: nowrap;}
#orderOverViewWrap{margin: 0 2em 0 2em;}
#orderOverviewTop{padding-bottom: 1%; margin-bottom: 1%;}
#orderOverviewTop, #orderOverviewBottom, #orderOverviewOpenPaymentTop, #orderOverviewOpenPaymentBottom{width: 100%; font-size: 0;}
.orderOverviewLeft, .mobOrderviewLeft, .orderOverviewRight, .orderOverviewShippingLeft, .orderOverviewShippingRight, #orderOverviewBottom div, #orderOverviewOpenPaymentTop div, #orderOverviewOpenPaymentBottom div{display: inline-block; font-size: medium;}
#orderOverviewTop div p, #orderOverviewBottom div p, #orderOverviewOpenPaymentTop div p, #orderOverviewOpenPaymentBottom div p{margin:0;}
.orderOverviewLeft, .orderOverviewShippingLeft, #orderOverviewTotalLeft, #orderOverviewOpenPaymentTopLeft, #orderOverviewOpenPaymentBottomLeft{width: 60%;}
.orderOverviewRight, .orderOverviewShippingRight, #orderOverviewTotalRight, #orderOverviewOpenPaymentTopRight, #orderOverviewOpenPaymentBottomRight{width: 40%; text-align: right;}
.mobOrderviewLeft, .mobOrderviewLeftB{display:none;}
#orderOverviewOpenPaymentTop p{padding-bottom: 0.5em;}
#orderOverviewOpenPaymentBottom p{padding-top: 0.5em;}
#confirmButtonWrap, #myAccountOrderButtonContainer{margin: 0 2em 0 2em; margin-top: 1em;}
#changeOrderDiv, #changeOrderDiv2, #changeOrderDiv3, #changeOrderDiv4{width: 100%; margin-bottom: 2em;}
#changeOrderDiv2{margin-bottom: 1em;}
#changeOrderDiv select, #changeOrderDiv label, #changeOrderDiv4 select, #changeOrderDiv4 label{display: inline-block;}
#myAccountOrderButtonContainer{margin-bottom: 2em;}
#myAccountOrderButtonContainer h2{margin-bottom: 1em;}
#orderConfirmQuestionP{padding-bottom: 1em;}
#customerServiceDiv p, #customerServiceDiv h2{margin-left:0;}
#privacyDiv, #cookiesDiv, #customerServiceDiv, #conditionsDiv{padding-bottom: 2em;}
#objectDivH1, #objectDivWrap p, #objectDivWrap h2, #objectDivWrap a{padding:0; margin-left:0;}
#objectDivWrap ul{padding:0; margin-left: 1em; margin-right: 1em;}
#objectDivWrap{margin-left: 2em;}
.customerServiceButton{display: inline-block; border: 0; text-decoration: none; font-size: medium; font-weight: bold; background-color: transparent; padding: 3.5vh 0 3.5vh 0; outline: none; width: 100%; text-align: left;}
.customerServiceContactButton{padding: 0; margin: 0; display: block;}
#customerServiceContactButton1, #customerServiceContactButton2, #customerServiceContactButton3, .retourContactbuttons{margin: 1em 0 1em 0;}
#customerServiceContactButton1{margin: 2em 0 0 0;}
#retourContactButtonsContactH2{margin-bottom: 2em;}
#customerContactDiv span{font-weight: bold;}
#customerServiceContactP, #customerServiceContactInfoP{margin-top: 0;}
.customerSericeWrap{margin: 0 2em 0 2em;}
#deliverAddressDiv{width: 100%; margin-bottom: 1em;}
#overviewLeft{font-size: 0;}
#overviewLeftWrap, #overviewRightWrap{font-size: medium; display: inline-block;}
#productDivDeliveryTime{height: 3em; margin: 1em 0 0 1em;}
.productDivDeliveryTime{height: 3em; margin: 1em 0 0 0;}
.moreInfoText{margin: 0 0 2em 0; font-size: 1.15em;}
#overviewRightWrap span, #productDivDeliveryTime span{font-weight: bold;}
#orderOverviewPostalCityP{margin-bottom: 1em;}
#productPageDivContainer{padding: 0 2em 2em 2em;}
#productPageDivTopWrap{font-size: 0;}
#productPageDivTopWrap div{font-size: medium; display: inline-block; vertical-align: middle;}
#productPageDivTopLeft{width: 50%;}
#productPageDivTopRight{width: 50%;}
#productPageDivTopLeft img{cursor: pointer; margin:0; padding:0; position: relative; border:0; width: 100%; aspect-ratio: 4 / 3;}
#productImgWrap{position:relative; white-space: nowrap; overflow: hidden; width: 100%;}
#productImgLeft, #productImgRight{font-weight: bolder; font-size:x-large; padding:0 0.25em 0 0.25em; position: absolute; top: 50%; border-radius: 50%; display:none; z-index: 999999;}
#productImgLeft{left: 0.5em; padding:0 0.25em 0 0.15em;}
#productImgRight{right: 0.5em; padding:0 0.15em 0 0.25em;}
#productImgLeft:hover, #productImgRight:hover{font-weight: bold;}

#imageCountDiv{font-size: medium; width: 100%; display: inline-block; text-align:center; padding-top: 0.5em;}

#productAddToShoppingcartWrap{width: 100%;}
#productPageSubract{margin-left: 1em;}
#productAddToShoppingcart{width: 50%;}
#productPagePriceP, #productPageStatus, #productPageP{font-size: medium; margin: 0 0 2em 0;}
#productPagePriceP span, #productPageP span{font-weight: bold; height: 100%;}
#productPageDivTopWrap{height: 100%;}
.productPageInformation{font-size:0; width: 100%;}
.productPageInformation div{font-size: medium; display: inline-block; vertical-align:top;}
.productPageInformation p{margin: 0 0 0.5em 0;}
.productPageInformationLeft{width: 40%;}
.productPageInformationRight{width: 60%;}
.productPageInformationLeft p{font-weight: bold;}
#productPageDescriptionP{margin-bottom: 2em;}
#breadCrumbContainer{width: 100%; padding:0; text-align: left;}
#breadCrumWrap{width: 49.25%; margin-left: auto; margin-right: auto; padding: 0.5em 0 1em 0;}
#productBreadCrumb a, #breadCrumb a{text-decoration: none;}
#filterCatH2, #menuCatH2{margin-top: 1em; font-size: 1em; margin-left: 0.85em; margin-bottom: 1em; text-align: left;}
#menuCatH2{margin-left: 0;}
#menuCatsWrap{width: 90%; height: 80%; margin-left: 5%; overflow-y: auto;}
.catSectionWrap, .catGroupWrap, .catWrap{width: 15em;}
.menuCatSectionWrap{width: 100%;}
.catDiv{display:none; width: 100%; padding: 2em 0 2em 0;}
.webshopCatSectionButton, .mobWebshopCatSectionButton, .menuWebshopCatSectionButton, .webshopCatGroupButton, .mobWebshopCatGroupButton, .menuWebshopCatGroupButton, .webshopMainNavigationButton, .mobWebshopMainNavigationButton, .menuWebshopMainNavigationButton, .webshopNavigationButton, .breadCrumbNavigationButton, #forgotPasswordButton{outline: none; background-color: transparent; font-size: medium; text-align: left; padding:0;}
#forgotPasswordButton{border:0;}
.webshopCatSectionButton, .mobWebshopCatSectionButton, .menuWebshopCatSectionButton, .webshopCatGroupButton, .mobWebshopCatGroupButton, .menuWebshopCatGroupButton, .webshopMainNavigationButton, .mobWebshopMainNavigationButton, .menuWebshopMainNavigationButton, #allCatNavButton, #menuAllCatNavButton, #categoryMenuItemsAllCat{width: 15em; padding: 1em 0 1em 0; font-size: medium;}
.webshopCatSectionButtonWrap, .webshopCatGroupButtonWrap,  .mainCatNavButtonWrap, .customerServiceButtonWrap, .customerServiceButtonWrap2{font-size:0;}
.webshopCatSectionButtonLeftDiv, .webshopCatGroupButtonLeftDiv, .mainCatNavButtonLeftDiv, .customerServiceButtonLeftDiv, .customerServiceButtonLeftDiv2{font-size: medium; display: inline-block; width: 90%;}
.customerServiceButtonLeftDiv2{padding: 1em 0 1em 0;}
.customerServiceButtonLeftDiv{margin-left:0;}
.mainNavArrowDiv, .customerServiceArrowDiv, .webshopCatSectionArrowDiv, .webshopCatGroupArrowDiv{font-size: medium; width: 9%; display: inline-block; text-align: right;}
.subCat{margin-top: 0.5em;}
#forgotPasswordPdiv{font-size:medium;}
#forgotPasswordButton{text-align: right; float: right; height: 2.3em; margin: 0.5em 0 0; padding: 0.5em 0 0.5em 1em;}
.webshopNavigationButton, .webshopCatSectionButton, .menuWebshopCatSectionButton, .webshopCatGroupButton, .menuWebshopCatGroupButton{display:block;}
#wsNavMainBreadCrum, #wsNavSubBreadCrum, #wsNavGroupBreadCrum, #wsNavSectionBreadCrum{display: inline; outline:none; border:none;}
#dashboardSettings{padding-bottom: 2em;}
.mediumFont{font-size:medium;}
.settingsDiv{font-size:0;}
.addProductDiscountPercentageWrap{margin-top: 1em;}
#productChartRemoveProductDiscount{font-size:0;}
#dashboardAddNewCodeH2, #dashboardAddProductDiscountH2, #dashboardRemoveProductDiscountH2, #productChartRemoveProductDiscountH2, #dashboardRemoveDiscountCodeH2{margin-top: 2em;}
#dashboardAddNewCodeH2, #dashboardAddProductDiscountH2{margin-bottom: 1em;}
.dashboardSettingsWrap{width: 50%;}
.dashboardSettingswrap100, .dashboardSettingsInnerWrap{width: 100%;}
.dashboardSettingsWrap, .dashboardSettingswrap100, .dashboardSettingsInnerWrap, .dashboardHeader, .dashboardMobHeader, .chartDiv, .chartDiv3, .chartDiv100, .chartFooter, .chartButtonDiv{font-size: medium; display: inline-block;}
.dashboardHeader, .dashboardMobHeader{font-weight: bold; text-align: center;}
.dashboardHeader, .dashboardMobHeader{padding: 2em 0 2em 0;}
#dashboardSiteInfoPickUpDiv{margin: 1em 0 1em 0;}
#dashboardSiteInfoMainEmailDiv{margin-top: 1em;}
.dashboardMobHeader{width: 100%; display:none;}
.headerMiddle{border-radius:0}
.mobChartSpan{display:none; font-weight: bold;}
.chartDiv{text-align: center; width: 25%; padding: 1em 0 1em 0;}
.chartDiv3{text-align: center; width: 33.333%;}
.chartDiv p{margin: 0 0.25em 0 0.25em;}
.spaceP{margin: 1em 0 1em 0;}
.spacePtop{margin: 1em 0 0 0;}
.h1top h1, .h1top h2{margin-top: 1em;}
.spaceTopAndBottom{padding: 1em 0 1em 0;}
.chartDiv100{text-align: center; width: 100%;}
.chartDiv100P{padding:0; margin:0;}
.chartButtonDiv{width: 50%; text-align: center; padding-bottom: 0.5em;}
.chartButton{width: 95%; padding: 0.25em 0 0.25em 0; border:none; margin-top: 0.5em;}
.chartButtonDivNoDiscount, .chartButtonNoDiscount{display:none;}
.chartButtonDivNoDiscountAdd{text-align: center; width:100%;}
.chartChangeButtonNoDiscountAdd{width: 50%;}
.xspan{color: red;}
.changeSpan{color: greenyellow;}
.chartFooter{text-align: center; width: 100%; padding: 2em 0 2em 0; border-radius: 0 0 0.5em 0.5em;}
.chartWrap, .productPageChartWrap{cursor: pointer;}
.chartFooterButton{font-size: medium;}
#productContainerBottom{font-size: medium; text-align: left; padding: 2em 0 2em 0; border-radius: 0 0 0.5em 0.5em;}
.productContainerBottomA{margin: 0 0.5em 0.5em 0.5em;}
.productContainerBottomB{margin: 0 0.5em 0.5em 0;}
#wsCatH1{margin-left: 0.5em;}
#navText1, #navText2{display:initial;}
#productContainerBottom button{font-size: medium; margin: 0 0 0 1em;}
#navPrevArrow{width: 0; height: 0; border-top: 5px solid transparent; border-right: 10px solid white; border-bottom: 5px solid transparent; display:inline-block;}
#navNextArrow{width: 0; height: 0; border-top: 5px solid transparent; border-left: 10px solid white; border-bottom: 5px solid transparent; display:inline-block;}
.rightArrow{width: 0; height: 0; border-top: 5px solid transparent; border-left: 10px solid black; border-bottom: 5px solid transparent; display:inline-block;}
.rightArrowYellow{border-left: 10px solid rgb(255, 194, 36);}
.rightArrowDarkBlue{border-left: 10px solid rgb(0, 65, 112);}
.magnify{transform: scale(1.5);}
#aboutUsFooterH3{display:inline-block;}
#aboutUsFooterImageLink{display:block;}
.paddingRight{padding-right:0.5em;}
.inlineBlock{display:inline-block;}
.rightArrowHoverBlue:hover .rightArrow{border-left: 10px solid rgb(0, 174, 239);}
.rightArrowHoverBlue:hover .rightArrowP{color: rgb(0, 174, 239);}
.rightArrowP{display:inline-block;}
#productContainerBottomPreviousButton:hover, #productContainerBottomNextButton:hover{font-weight: normal;}
.dots{font-weight: bold; display:inline; margin: 0 0 0 1em;}
.selectionBox{border-radius: 0.5em; padding: 0.5em; border:none;}
#statsMonthSelect{margin-left: 2.25em; margin-bottom: 1em;}
.dashboardHiddenDiv{width: 100%;}
#dashboardNewDiscountCodeButton, #dashboardNewProductDiscountButton{height: 3em; margin-top: 1em; width: 100%;}
#dashboardCodeHeader, #dashboardDiscountHeader, #dashboardTimeHeader, #dashboardTypeHeader{width: 25%;}
#dashboardProductNrHeader, #dashboardProductTitleHeader, #dashboardProductPercentHeader, #dashboardProductTimeHeader{width: 25%;}
#productPageTitleHeader, #productPageProductNrHeader, #productPagePriceHeader, #productPageStocHeader{width: 25%;}
.dashboardSettingsContainer{padding: 1%; margin-bottom: 2%;}
#scFreeShippingP{margin-left: 2em; padding-top: 1em; font-weight: bold;}
#newShippingCostsCat5CBSaveButton, #newShippingCostsCatSaveButton, #newShippingCostsCatCancelButton, #dashboardAddNewCodeCancelButton, #dashboardAddNewCodeSaveButton, #dashboardAddProductDiscountCancelButton, #dashboardRemoveProductDiscountCancelButton, #productChartRemoveProductCancelButton, #dashboardRemoveDiscountCodeCancelButton, #dashboardAddAddProductDiscountButton, #dashboardRemoveProductDiscountButton, #productChartRemoveProductButton, #dashboardRemoveDiscountCodeRemoveButton, .catShippingCostsCancelButton, .catShippingCostsChangeButton, .discountPerCatCancelButton, .discountPerCatSaveButton, .newDiscountPerCatCancelButton, .newDiscountPerCatSaveButton{width: 100%; height: 4em;}
#dashboardNewShippingCostButton, .newDiscountPerCatButton{width: 100%; height: 3em; margin-bottom: 2%;}
#newShippingCostsCatCancelButton, #dashboardAddNewCodeCancelButton, #dashboardAddProductDiscountCancelButton, #dashboardRemoveProductDiscountCancelButton, #productChartRemoveProductCancelButton, #dashboardRemoveDiscountCodeCancelButton, .catShippingCostsCancelButton, .discountPerCatCancelButton, .newDiscountPerCatCancelButton, #removeShippingCostCancelButton{border-radius: 0.5em 0 0 0.5em;}
#removeShippingCostDiv{font-size: medium; top: 40%;}
#removeShippingCostWrap, #notificationWrap{font-size:0;}
#radioBCover, #removeProductDiscountradioBCover, #productChartRemoveRadioBCover, #dashboardRemoveDiscountCoderadioBCover{height: 1em; width: 100%; position: relative; top: 1em; z-index: 9999999999999999999;}
.noSelect{-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
#removeShippingCostH2{font-size: 1.25em; text-align: center;}
#newShippingCostsCatSaveButton, #dashboardAddNewCodeSaveButton, #dashboardAddAddProductDiscountButton, #dashboardRemoveProductDiscountButton, #productChartRemoveProductButton, #dashboardRemoveDiscountCodeRemoveButton{border-radius: 0 0.5em 0.5em 0;}
#deliveryTimeButtonWrap, #dashboardSiteInfoButtonWrap, #dashboardSocialMediaButtonWrap, #dashboardImagesButtonWrap, #dashboardBannerButtonWrap, #dashboardImagesWrap, #dashboardSeoButtonWrap, #dashboardMessageButtonWrap{display:none;}
#dashboardSeoKeys, #dashboardMessage{height: 5em; width: 99%;}
#dashboardMessage{height: 10em;}
#dashboardMessageRadioDiv{margin: 1em 0 1em 0;}
#catShippingCostsCancelButton, #catShippingCostsChangeButton{margin-bottom: 1em;}
#newShippingCostsSettingContainer{display: none;}
#newShippingCostsCatTitle, #newShippingCostsCatShippingCosts{margin-top: 0.5em;}
.dashboardButtonWrap, #AddProductDiscountdashboardButtonWrap, #removeProductDiscountdashboardButtonWrap, #productChartRemoveProductButtonWrap, #dashboardRemoveDiscountCodeButtonWrap{margin-top: 2%;}
.freeShippingRadioDiv, .catFreeShippingRadioDiv, .newFreeShippingRadioDiv{margin-bottom: 0.5em;}
.setCatShippingCostTitle{font-size: medium;}
.discountPerCatRemoveButton{background-color: transparent;}
.catShippingCostsRemoveButton, .discountPerCatRemoveButton{border:0; font-size:1.5em;}
.catShippingCostsRemoveButtonDiv, .discountPerCatRemoveButtonDiv{text-align: right; margin-bottom: 0.5em;}
.setShippingCostsLabelWrap, .setShippingsCostsInputWrap, .newDiscountPerCatPercentageWrap{margin-top: 1em;}
.setshippingCostCBDiv, .discountPerCatCBDiv, .newDiscountPerCatCBDiv{margin-bottom: 1em;}
.dashboardImagesInput, .dashboardImagesLabel, .dashboardImagesPreview{display:block;}
#dashboardImagesInputWrap img, #dashboardBannerInputWrap img{margin:0.5em 0 0.5em 0; padding: 0; width: 100px; height: auto;}
.dashboardImagesWrap{margin-bottom: 0.5em; padding: 0.5em 0 0.5em 0.5em; border-radius: 0.5em;}
@media only screen and (max-width: 1280px){
  #cloud1a{ height: 125px; top:9em; left:0; opacity: 0.9;}
  #cloud1b{ height: 40px; top:3em; right:2%; opacity: 0.7;}
  #cloud1c{ height: 40px; top:3em; left:25%; opacity: 0.7;}
  #cloud1d{ height: 20px; top:1em; left:15%; opacity: 0.5;}
  #cloud2a{ height: 125px; top:9.5em; right:0; opacity: 0.9;}
  #cloud2b{ height: 40px; top:3em; left:2%; opacity: 0.7;}
  #cloud2c{ height: 40px; top:3em; right:25%; opacity: 0.7;}
  #cloud2d{ height: 20px; top:1em; right:15%; opacity: 0.5;}
  .catImageArrowLeft{left:5px;}
  .catImageArrowRight{right:5px;}
  .centerObject{width: 61.75%;}
  #breadCrumWrap{width: 61.75%; padding-left: 0}
  #changeLogin{width: 61.75%;}
  #indexImg2, #indexImg3{margin-top: 1em;}
}
@media only screen and (max-width: 1216px){
  .catImageArrow, .bannerArrow{z-index: 999998;}
}
@media only screen and (max-width: 1152px){
  .productDiv{width: 32.33%;}
  .productDivB{width: 49%;}
  .productResultWrapB{width: 72.5%;}
  .productFilterB{width: 27.5%;}
  .objectA{width: 71.5%;}
  .objectB{width: 71.5%;}
  .linkDivClosed{width: 100%;}
  #totalRight{width: 100%;}
  #changeLogin{width: 74.25%;}
  .centerObject{width: 74.25%;}
  #breadCrumWrap{width: 74.25%;}
  #indexImg2, #indexImg3{margin-top: 0;}
  #categoryMenuItemsAllCat{width: 100%;}
  .buttonTextWrap{width: 99%; margin-left: 1%;}
  .mobWebshopCatSectionButton, .mobWebshopMainNavigationButton, .menuWebshopMainNavigationButton, .mobWebshopCatGroupButton{width: 100%;}
  .mobBwebshopCatSectionButton{border-top: 1px solid rgb(29, 157, 163); border-bottom: 1px solid rgb(0, 65, 112);}
}
@media only screen and (max-width: 1024px){
  .linkPageDiv{width: 32.83%;}
  #cloud1a{ height: 125px; top:10em; left:-15%; opacity: 0.9;}
  #cloud1b{ height: 30px; top:3em; right:2%; opacity: 0.7;}
  #cloud1c{ height: 30px; top:3em; left:25%; opacity: 0.7;}
  #cloud1d{ height: 15px; top:1em; left:15%; opacity: 0.5;}
  #cloud2a{ height: 125px; top:10.5em; right:-15%; opacity: 0.9;}
  #cloud2b{ height: 30px; top:3em; left:2%; opacity: 0.7;}
  #cloud2c{ height: 30px; top:3em; right:25%; opacity: 0.7;}
  #cloud2d{ height: 15px; top:1em; right:15%; opacity: 0.5;}
  #resultContainer{padding: 0 0.5em 0 0.5em;}
  .catImageContainer, .catbannerContainer{position:relative; white-space: initial; width: 100%; margin: 0 0 0.5em 0; text-align: center; overflow-x:visible;}
  .catbannerContainer{margin: 0.5em 0 0.5em 0;}
  #retryPaymentA{margin-left: 0.5em;}
  #wsFilterButton{display: initial;}
  #searchWrap{width: 57%; margin-left: 21.5%;}
  #nliwrap{width: 60%;}
  #loginform{width: 100%;}
  .mobColor1Bg{background-color: white;}
  .mobColor2{color: black;}
  .mobColor1HoverBorder:hover{border-color: white;}
  .mobColor1, .mobColor1Hover:hover{color: white;}
  .mobColor1Border{border-color: white;}
  .mobColor3Bg{background-color: rgb(0, 65, 112);}
  .mobColor3Border{border-color: rgb(0, 65, 112);}
  .mobAccentColor{color: rgb(255, 194, 36);}
  .mobColor1Hover:hover{color: white;}
  .mobAccentColorBg{background-color: rgb(255, 194, 36); background-image:none;}
  .mobAccentColorHoverBorder:hover{border-color: rgb(255, 194, 36);}
  #productDivWrap{width: 100%; margin-left:0;}
  .catFilterButtonA{display: initial;}
  #categoryNavigationButton{display: none;}
  #resultWrap{width: auto; margin-left: 0;}
  #priceFilterButton{padding: 0 1.5em 0 1.5em;}
  .selectionCheckbox{margin-bottom: 2em; margin-right: 1em; margin-left: 1.5em; transform: scale(2);}
  .priceInput{margin-bottom: 2em;}
  #changeLogin{width: 86.75%;}
  .object, .objectA, .objectB{width: 100%; left: 0;}
  .centerObject, .object75{width: 100%;}
  #contactDiv{height: auto; width: 86.75%; margin-top: 0.5em;}
  #contactDivWrapA{width: 66.6666666666%;}
  #contactDivWrapB{width: 33.3333333333%;}
  #contactDivWrapA1, #contactDivWrapA2{width: 50%; vertical-align: middle;}
  #contactDivWrapA2{margin-top: 3em;}
  #contactDivWrapA1 h2, #contactDivWrapA1 p, #contactDivWrapA2 p{margin-left: 0;}
  #contactDivWrapA1textWrap{width: 9em; margin: auto;}
  #contactDivWrapA2textWrap{width: 12.06em; margin: auto;}
  #breadCrumWrap{width: 86.75%; margin-top: 0.5em;}
  .productDiv, .productDivB{width: 48.5%; margin-left:1%; margin-right:0;}
  .productDivImageWrap{text-align: left;}
  .productContainerBottomA, .productContainerBottomB{margin-left: 1%;}
  #productFilterWrap{display:block; overflow-y: scroll; height: 80%;}
  .productFilterA, .productFilterB{position: fixed; z-index: 150; top: 0; left: -100%; bottom: auto; right: auto; width: 100%; height: 100%; display: none;padding-top:0;}
  #wsFilterbuttonWrap{height: 17.5%;}
  #wsFilterButton{margin:0; width: 100%; height: 15%; position:fixed; border-radius:0; bottom:0; font-weight: bold;}
  .productResultWrapB{width: 100%; margin-left: 0;}
  #resultH1Wrap{width: 100%;}
  .objWrap{font-size: medium; margin: 0 0.5em 0 0.5em;}
  #categoryMenu{display: block; margin-bottom: 0.5em;}
  .webshopCatSectionButton, .mobWebshopCatSectionButton, .menuWebshopCatSectionButton, .webshopCatGroupButton, .mobWebshopCatGroupButton, .menuWebshopCatGroupButton{width: 100%;}
  .webshopMainNavigationButton, .mobWebshopMainNavigationButton, .menuWebshopMainNavigationButton, #allCatNavButton, #menuAllCatNavButton{width: 100%;}
  #categoryMenuButton{display: initial;}
  .productDiv:hover{background-color: white;}
  #breadCrumb{width: 100%; text-align: left; margin-left: 0.5em;}
  #objContainer{padding-top: 0;}
  #objDiv{padding-bottom: 0.5em;}
  .addToShoppingcart{height: 3em;}
  .quantityInput, #productPageQuantity, #pAddToShoppingcart, .productAdd, #productPageAdd, .productSubtract, #productPageSubract{height: 3em;}
  .catDiv, .catWrap, .catSectionWrap, .catGroupWrap, .catSectionDiv, .mobCatSectionDiv, .catGroupDiv, .mobCatGroupDiv{width: 100%;}
  .subCat{margin-top: 0.5em;}
  .catDiv{font-size: medium; padding-bottom: 0.5em; width: 99%; margin-left: 1%;}
  .mobCatDiv{font-size: medium; padding:2em 0 2em 0; margin:0;}
  #resultH1Wrap, #catSelect, #filterCatH2{display: none;}
  #sortResult{width: 100%; height: 3em;}
  #selectDiv{width: 48.5%; margin: 1em 1% 0.5em 0.5%;}
  #sortResultLabel{display: none;}
  #footerBottom{height: auto; padding-bottom: 1em;}
  #footerBottomWrap div{font-size:medium; width: 100%; margin:0; padding:0;}
  #footerBottomWrap{font-size:medium; text-align: center;}
  #footerBottom ul{text-align: center;}
  #footerBottomUlWrap{font-size: medium;}
  #footerBottom li{padding: 0.5em;}
  #copyright1{display: inline-block; margin-top: 2em;}
  #copyright2{display: none;}
  #filterCross{display: initial;}
  #mainFilterCross{display: none;}
}
@media only screen and (max-width: 768px){
  #idealLogo, #paypalLogo, #postnlLogo{margin-top: 3em; margin-right: 1em;}
  #webwinkelkeurPopupImg{margin: 3em 0 1em 0;}
  #aboutUsFooterDiv{margin: 0 0 2em 0;}
  .linkPageDiv{width: 49.5%;}
  #cloud1a{ height: 125px; top:10.5em; left:-25%; opacity: 0.9;}
  #cloud1b{ height: 30px; top:3em; right:-8%; opacity: 0.7;}
  #cloud1c{ height: 30px; top:3em; left:15%; opacity: 0.7;}
  #cloud1d{ height: 15px; top:1em; left:5%; opacity: 0.5;}
  #cloud2a{ height: 125px; top:11em; right:-25%; opacity: 0.9;}
  #cloud2b{ height: 30px; top:3em; left:-8%; opacity: 0.7;}
  #cloud2c{ height: 30px; top:3em; right:15%; opacity: 0.7;}
  #cloud2d{ height: 15px; top:1em; right:5%; opacity: 0.5;}
  .objWrap{font-size: medium; margin: 0 0.5em 0 0.5em;}
  #footerTop li{padding: 0.5em 0 0.5em 0;}
  .addCatDiv, #notificationDiv{padding: 1em; top: 2.5%; left:2.5%; right:2.5%;}
  #productFilterWrap{height: 85%;}
  #wsFilterbuttonWrap{height: 15%;}
  #wsFilterButton{height: 12.5%;}
  #searchWrap{width: 95%; margin-left: 2.5%;}
  #nliwrap{width: 95%;}
  #loginform{width: 100%;}
  .checkSign2{right: 5.25%;}
  #statsMonthSelect{margin-left: 1em;}
  #delzipcodeWrap,#delzipcodeWrap2, #zipcodeWrap, #adressInfozipcodeWrap, #adressInfocityWrap, #delcityWrap, #delcityWrap2, #cityWrap, #delstreetWrap, #delstreetWrap2, #streetWrap, #adressInfostreetWrap, #delCountryWrap, #delCountryWrap2{width: 100%;}
  #delnumberWrap, #delnumberWrap2, #numberWrap, #delsupWrap, #delsupWrap2, #supWrap, #adressInfonumberWrap, #adressInfosupWrap{width: 50%;}
  #objectDivWrap{margin-left: 1em;}
  .contactInput, #daySelect{width: 94%; height: 3em; margin: 0.5em 0 0.5em 1em;}
  #contactForm textarea{width: 93%;}
  #contactForm label, #contactForm h1, #contactSubmit{margin-left: 1em;}
  #orderConfirm h2, #orderConfirm p{margin-left: 1em;}
  #deliveryInformationContainer, #registrationFormContainer, #shoppingcartContainer{margin: 0 1em 5% 1em;}
  #productPageChartContainer, #statsChartContainer, #myOrderChartContainer, .customerSericeWrap, #orderOverViewWrap{margin: 0 1em 0 1em;}
  #productSContainer, #addProductWrap, #confirmButtonWrap, #myAccountOrderButtonContainer{margin: 1em 1em 0 1em;}
  .myInfoWrap{margin: 0 1em 1% 1em;}
  #overviewContainer, #adressInfoContainer, #changeLoginContainer{margin: 0 1em 5% 1em; width: auto;}
  #scFreeShippingP, .accountH1, #myOrdersH1, #myInfoMenuButton, #dashboardProductH1, #myInfoH1, #overviewH1, #changeLoginH1, #statsH1, #shoppingcartH1, #overviewH1, #orderConfirmH1, #customerServiceDivH1, .pagesH2{margin-left: 1em;}
  #adressInfoH1, #changeLoginH1{padding-left: 1em;}
  #changeLoginH1{padding-left:0;}
  #productContainerBottom{text-align: left; margin-left: 0.5em;}
  #productContainerBottom button{font-size: medium; margin: 0 0 0 0.5em;}
  #productContainerBottomPreviousButton{padding-left: 1em;}
  #addNewProductButton{width: 48.5%; height: 6em; vertical-align: top;}
  #addNewProductButton p{margin-top: 2.5em;}
  .productSelectCategoryDiv{margin-right: 0;}
  .productSelectDiv, .productSelectCategoryDiv{display: inline-block; font-size:medium; width: 100%;}
  #selectionPlaceHolder{display: none;}
  .sortProductsByCategory, .sortProducts{height: 3em; margin-bottom: 0;}
  #settingsSortProductsByCategory{margin-bottom: 0.5em;}
  .productSelectionContainer{width: 49.875%;}
  #contactgegevens, #klantenservice, #socialMediaWrap{width: 100%; height: auto; padding:0; margin:0; margin-bottom: 1em;}
  #footerWrap{font-size: medium; width: 17.5em; margin-left: 1em;}
  #footerBottomWrap{text-align: left;}
  #footerBottom ul{text-align: left; margin-left: 1em;}
  #footerBottom li{display:inline-block;}
  #copyright1, #copyright2{margin-left: 1.5em;}
  #contactgegevens{margin: 2em 0 2em 0.5em;}
  #socialMediaWrap, #klantenservice{margin: 0 0 2em 0.5em;}
  #klantenservice{margin-top: 1em;}
  #footerLogoImage{margin-bottom: 0.5em;}
  #contactgegevens h3, #contactgegevens p, #socialMediaWrap h3, #klantenservice h3, #klantenservice ul{margin:0}
  #footerWrap h3{margin-bottom: 1em;}
  #klantenservice, #socialMediaWrap{text-align: left;}
  #productContainer{margin:0; padding:0;}
  #productDivWrap{padding:0; font-size: medium; display: block; width: auto; margin-left: 0.5em; margin-right: 0.5em;}
  .productDiv, .productDivB{width: 100%; margin-left:0; padding-left:0; margin-bottom: 0.5em;}
  .chartDiv, .chartDiv3{width: 50%;}
  .mobChartSpan{display: initial;}
  .dashboardHeader{display:none;}
  .dashboardMobHeader{display: inline-block;}
  #changeLogin{width: 100%;}
  #objDiv{margin: 0;}
  .wrapObject{margin: 0 0 0.5em 0;}
  .object25, .object50, .object75, .object100, #contactDiv{width: 100%;}
  #contactDiv{margin-top: 0;}
  #contactDivWrapA, #contactDivWrapB{width: 50%}
  #contactDivWrapA1, #contactDivWrapA2{width: 100%; vertical-align: top;}
  #contactDivWrapA2{margin-top: 0;}
  #contactDivWrapA1 h2, #contactDivWrapA1 p, #contactDivWrapA2 p{margin-top:0; margin-left: 1em;}
  #contactDivWrapA1textWrap{width: auto; margin: 0;}
  #contactDivWrapA2textWrap{width: auto; margin: 0;}
  #objContainer{padding-bottom: 0;}
  #navText1, #navText2{display:none;}
  .productPageProductImageViewA{margin-top: 1em; width: 100%; height: auto; cursor: auto;}
  .productPageProductImageViewB{margin-top: 1em; width: 100%; height: auto; cursor: auto;}
  #showImgDivCross{margin-right: 0.5em;}
  .tableInputDiv{width: 25%;}
  #menubuttonDiv{display: inline-block; width: 11%;}
  #toolbar{width: 64%;}
  .productPreviewDeleteButton{left: 2em;}
  #myAccountOrderButton1{margin-bottom: 1em;}
  #headerMenu{display: none;}
  #menubutton{margin-left:auto; margin-right:0.75em;}
  .failedPaymentButton{margin-left: 1em;}
  #breadCrumWrap{width: 100%; margin-left: 1em;}
  #productAddToShoppingcart{width: 45%;}
  #overviewAdress{width: 100%;}
  #imagesShowroom{display: none;}
  #productPageDivTopLeft, #productPageDivTopRight{width: 100%;}
  #productTopInfo{margin-left: 0;}
  #productQuantityLabel{margin-left:0;}
  #productPagePriceP, #productPageP{margin: 0 0 1em 0;}
  #productPagePriceP{margin-top: 1em;}
  #productPageSubract{margin-left:0;}
  #productDivDeliveryTime{margin: 1em 0 0 0;}
  #productImgLeft{left: 0.1em}
  #productImgRight{right: 0.1em;}
  #productPageDivTopLeft img{width: 100%;}
  #productImgWrap{width: 285px; height: auto;}
  #imageCountDiv{width: 100%; display: block;}
  #imageCountDiv p{width: 285px;}
  .shoppingcartItemLeft{width: 10%; font-size:medium; margin-top: 0.5em;}
  .shoppingcartItemRight{width: 100%; margin:0;}
  .shoppingcartItemQuantityContainer{padding-bottom: 0.5em;}
  .removeItemButton{position:relative; bottom:4em;}
}
@media only screen and (max-width: 624px){
  #cloud1a{ height: 125px; top:10.5em; left:-45%; opacity: 0.9;}
  #cloud1b{ height: 30px; top:3em; right:-15%; opacity: 0.7;}
  #cloud1c{ height: 30px; top:3em; left:8%; opacity: 0.7;}
  #cloud1d{ height: 15px; top:1em; left:5%; opacity: 0.5;}
  #cloud2a{ height: 125px; top:11em; right:-45%; opacity: 0.9;}
  #cloud2b{ height: 30px; top:3em; left:-15%; opacity: 0.7;}
  #cloud2c{ height: 30px; top:3em; right:8%; opacity: 0.7;}
  #cloud2d{ height: 15px; top:1em; right:5%; opacity: 0.5;}
  #checkOutButtonLeftContainer{width: 35%;}
  #checkOutButtonRightContainer{width: 65%;}
  .overviewItemRight{width: 100%;}
  #stockSelection, #productTopInfo select{display:block; margin-left:0;}
}
@media only screen and (max-width: 480px){
  #aboutUsText{text-align: left;}
  #aboutUsImage{max-width: 95%;}
  .linkPageDiv{width: 99.5%;}
  #cloud1a{ height: 100px; top:10.5em; left:-50%; opacity: 0.9;}
  #cloud1b{ display:none;}
  #cloud1c{ height: 30px; top:4em; left:2%; opacity: 0.7;}
  #cloud1d{ height: 15px; top:1em; left:1%; opacity: 0.5;}
  #cloud2a{ height: 100px; top:11em; right:-50%; opacity: 0.9;}
  #cloud2b{ display:none;}
  #cloud2c{ height: 30px; top:4em; right:2%; opacity: 0.7;}
  #cloud2d{ height: 15px; top:1em; right:1%; opacity: 0.5;}
  #resultContainer{padding: 0 1% 0 1%;}
  #returnToIndexButton{width: 100%; border-radius: 0.5em;}
  #addNewProductButton{width: 100%; height: 3.75em; vertical-align: top; margin-bottom: 1em;}
  #addNewProductButton p{margin-top: 1.375em;}
  .productSelectionContainer{width: 100%;}
  #retourTopLeft{width: 45%;}
  #retourTopRight{width: 55%;}
  #checkOutButtonLeftContainer{width: 45%;}
  #checkOutButtonLeftContainer p {margin: 0.5em 0 1.75em 0;}
  #checkOutButtonRightContainer{width: 55%;}
  #shoppingcartButtonLeftContainer{width: 43.20%;}
  #shoppingcartButtonRightContainer{width: 56.80%;}
  #orderButtonLeftContainer{width: 47%;}
  #orderButtonRightContainer{width: 53%;}
  #shoppingcartOrderButton:hover, #shoppingcartShopButton:hover{font-weight:normal;}
  #delTopWrap, .overviewItemTitle{width: 100%;}
  .mobOrderviewLeft{display:inline-block; width: 20%; border-bottom: 1px solid black;}
  .mobOrderviewLeftB{display:inline-block; width: 20%; margin-top: 0.5em; font-size:medium;}
  .overviewPriceContainer{width: 80%;}
  .orderOverviewLeft{width: 100%; margin-top: 0.5em;}
  .orderOverviewRight{margin-top: 0.5em; width: 80%; border-bottom: 1px solid black;}
  #orderOverViewWrap{border-top: 1px solid black;}
  .orderOverviewShippingRight, .orderOverviewShippingLeft{margin-top: 0.5em;}
}
@media only screen and (max-width: 415px){
  #checkOutButtonLeftContainer{width: 40%;}
  #checkOutButtonRightContainer{width: 60%;}
  #cloud1a{ height: 100px; top:10.5em; left:-62%; opacity: 0.9;}
  #cloud1c{ height: 30px; top:4em; left:-7%; opacity: 0.7;}
  #cloud1d{ height: 15px; top:1em; left:-2%; opacity: 0.5;}
  #cloud2a{ height: 100px; top:11em; right:-62%; opacity: 0.9;}
  #cloud2c{ height: 30px; top:4em; right:-7%; opacity: 0.7;}
  #cloud2d{ height: 15px; top:1em; right:-2%; opacity: 0.5;}
  #changeRetourSelect{display:block; width: 95%; margin-left: 0;}
  #overviewMobInfo, #orderMobInfo, #retourMobInfo{display: inline-block; margin: 0 0 0.5em 0;}
  #overviewMobInfo span, #orderMobInfo span, #retourMobInfo span{font-weight: bold;}
  #overviewLeft, #overviewRight, #retourTopLeft, #retourTopRight{display:none;}
  #appointmentButton, #webshopBtn{width: 90%; padding-left:0; padding-right:0; margin: 0 5% 5% 5%;}
  #forgotPasswordButton, #accountContainer a{width: 100%; text-align: left; display: block; margin: 0 0 0 0; padding:0 0 0 0.5em;}
  #loggedIn a{text-align: center;}
  #forgotPasswordButton{margin-bottom: 1em;}
  .productPageInformationLeft{width: 100%;}
  .productPageInformationRight{width: 100%; margin-bottom: 0.5em;}
  .catImage, .bannerImage, .bannerImage2{width: 100%; height: auto;}
  .catImage{aspect-ratio: 4 / 3;}
  .bannerImage, .bannerImage2{aspect-ratio: 2 / 1;}
  .catImage:hover, .bannerImage:hover, .bannerImage2:hover{transform: scale(1.05);}
  .catImageDiv, .catbannerDiv, .catbannerDiv2{width: 46%; height: auto; margin: 0.5em 1% 0.25em 1%; padding-bottom: 3.5em;}
  .catImageH3Wrap, .bannerImageH3Wrap{bottom: -0.5em;}
  .catbannerDiv, .catbannerDiv2{width: 96%; margin: 0.5em 2% 0.25em 2%;}
  .catbannerDiv2{padding-bottom: 0;}
}
@media only screen and (max-width: 400px){
  #checkOutButtonLeftContainer{width: 35%;}
  #checkOutButtonRightContainer{width: 65%;}
  .catImage:hover, .bannerImage:hover, .bannerImage2:hover{transform: scale(1.05);}
  .catImageDiv{width: 48%; margin: 0.5em 0.5% 0.25em 0.5%;}
  .catImageH3Wrap, .bannerImageH3Wrap{bottom: -0.5em;}
  .catbannerDiv, .catbannerDiv2{width: 98%; margin: 0.5em 1% 0.25em 1%;}
}
@media only screen and (max-width: 350px){
  #checkOutButtonLeftContainer{width: 30%;}
  #checkOutButtonLeftContainer p {margin: 0 0 1em 0;}
  #checkOutButtonRightContainer{width: 70%;}
  #cloud1a{ height: 100px; top:10.5em; left:-75%; opacity: 0.9;}
  #cloud1c{ height: 30px; top:4em; left:-13%; opacity: 0.7;}
  #cloud1d{ height: 15px; top:1em; left:-8%; opacity: 0.5;}
  #cloud2a{ height: 100px; top:11em; right:-75%; opacity: 0.9;}
  #cloud2c{ height: 30px; top:4em; right:-13%; opacity: 0.7;}
  #cloud2d{ height: 15px; top:1em; right:-8%; opacity: 0.5;}
  #changeRetourSelect{display:block; width: 95%; margin-left: 0;}
  #searchButton{margin-left: 0.5%; width: 19.5%;}
  #searchBar{width: 80%;}
  #delLocationOptionsDiv label{width: 11em;}
  #delAtDiffrentAdress, #delPickUp{position: relative; bottom: 0.5em;}
  #delAdressOptionWrap, #delAdressOptionWrap2{margin-bottom: 0.5em;}
  #menuLogoDiv{width: 34%;}
  #toolbar{width: 51%;}
  #menubuttonDiv{width: 15%;}
  .shoppingcartItemQuantityContainer, .shoppingcartItemPriceContainer{width: 50%;}
  .overviewdiscountline, .myOrderDiscountline{margin-right:0;}
  #productPageDiscountLine{margin-right: 0.5em;}
  .shoppingcartItemPrice, .overviewItemPrice{width: 100%;}
  .addToShoppingcart, #pAddToShoppingcart{margin: 0.5em 0 0 0; width: 8em; display:block;}
  #productImgWrap, #productDivImageWrap{position:relative; white-space: nowrap; overflow: hidden; width: 100%; margin-left:0;}
  #imageCountDiv p{width: 100%;}
  #stockSelection, .stockSelection{min-width: 12.5em;}
  #notificationBottomLeft{width: 46%;}
  #notificationBottomRight{width: 54%;}
  #newTrackAndTrace, .failedPaymentButton{width: 90%;}
  .orderOverviewRight del{display: block;}
  #changeOrderSelect, #changeOrderPaymentSelect{margin:0; padding:0; display:block; width: 100%;}
}
@media only screen and (max-width: 310px){
  #cloud1a{ height: 100px; top:10.5em; left:-90%; opacity: 0.9;}
  #cloud1c{ height: 25px; top:4em; left:-16%; opacity: 0.7;}
  #cloud1d{ height: 13px; top:1em; left:-16%; opacity: 0.5;}
  #cloud2a{ height: 100px; top:11em; right:-90%; opacity: 0.9;}
  #cloud2c{ height: 25px; top:4em; right:-16%; opacity: 0.7;}
  #cloud2d{ height: 13px; top:1em; right:-16%; opacity: 0.5;}
  #changeRetourSelect{display:block; width: 95%; margin-left: 0;}
  #productPageBackButton{width: 32.5%;}
  #productPageOrderButton{width: 67.5%;}
}
@media only screen and (max-width: 275px){
  #checkOutButtonLeftContainer, #checkOutButtonRightContainer, #productPageBackButton, #productPageOrderButton{width: 100%;}
  #cloud1a, #cloud1b, #cloud1c, #cloud1d, #cloud2a, #cloud2b, #cloud2c, #cloud2d{ display:none;}
  #changeRetourSelect{display:block; width: 95%; margin-left: 0;}
  #scItemCount{left: 8.5em; right:auto;}
  #searchBtn{margin-left: 1em;}
  #menuLogoDiv{display:none;}
  #toolbar{margin:1.5em 0 0 0; width: 75%; text-align: left;}
  #menubuttonDiv{position: relative; top: 1em; width: 25%;}
}
@media only screen and (max-width: 231px){
  #shoppingcartButtonLeftContainer, #shoppingcartButtonRightContainer, #orderButtonLeftContainer, #orderButtonRightContainer{width: 100%;}
  #changeRetourSelect{display:block; width: 95%; margin-left: 0;}
  #indexLogoDiv{height:16em;}
}
@media only screen and (max-width: 223px){
  .catImageDiv{width: 98%; margin: 0.5em 1% 0.25em 1%; max-width: 200px;}
}