body {color:#444; font-size:100%; font-family: 'Open Sans', sans-serif; font-weight: 300;} body.partSearchBarResultOverLay:before {z-index: 1; content: ''; position: fixed; height: 100%; width: 100%; background-color:rgba(0,0,0,0.35);} html {width:100%; -webkit-text-size-adjust: 100%;} h1, .heading1 {margin:0px 0 10px 0; padding: 0; font-weight: 700; font-size: 200%; color: #007ec7; display: block; line-height: 130%;} .heading1 {color: #000;} h2 {margin:0px 0 10px 0; padding: 0; font-weight: 400; font-size: 125%; line-height: 120%;} h3 {margin: 0; padding: 0; font-size: 125%;} h2 a:link, h2 a:visited, h2 a:active {color: #007ec7; text-decoration:none;} h2 a:hover {color: #007ec7; text-decoration:none;} a {outline:0; cursor: pointer; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;} strong {font-weight: 600; color:#000;} .partGoogleMaps {width:200px; height:200px;} .partIssuu {width:200px; height:200px;} .partIssuu span {display:none;} .partClearBoth {height: 1px; clear: both;} .stickyScroll {position: fixed; top:0; left:0; width: 100%; height: 80px; z-index: 99; background-color: #fff; -webkit-transform: translateZ(0); transform: translateZ(0); will-change: transform; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; } .stickyScroll::after {clear: both; content: ""; display: block; } .stickyScroll.is-hidden {-webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .stickyScrollSub {position: relative; z-index: 1; clear: both; width: 100%; height: 50px; background-color: #007ec7; box-shadow: 0 2px 2px -2px rgba(0,0,0,0.3); -webkit-transform: translateZ(0); transform: translateZ(0); will-change: transform; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; } .stickyScrollGhost { height: 130px; } .stickyScroll .basicContainer {height: 80px; display: flex; align-items: center;} .stickyScrollSub .basicContainer {height: 50px;} /* Columns */ .productContainer {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; padding-top: 20px; padding-bottom: 20px;} .oneSecondColumn, .oneThirthColumn, .twoThirthColumn, .oneFourthColumn, .threeFourthColumn, .oneFifthColumn, .twoFifthColumn, .threeFifthColumn, .fourFifthColumn, .twoFourthColumn {float: left; position: relative; flex:0 1 auto;} .productContainer .productColumn, .productContainer .oneFifthColumn {transition: box-shadow 0.3s;} .productContainer .productColumn:hover, .productContainer .oneFifthColumn:hover {box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);} .oneSecondColumn {width: 50%; padding-bottom: 20px;} .oneSecondColumn:first-child {margin-left: 0px;} .oneSecondColumn.oneSecondColumnProductDetailPhoto {text-align: center; padding-right: 40px; align-self: flex-start;} .oneSecondColumn.oneSecondColumnProductDetailPhoto h1 {text-align: left;} .oneSecondColumnProductDetailPhoto .partContentFileImageGallery img {max-height: 600px; width: auto; max-width: 100%;} .oneSecondColumnProductDetailPhoto .partContentFileImageGallery a img {margin:0px auto; width: auto; max-width: 100%; max-height: 230px;} .oneThirthColumn {width: 33.33%;} .twoThirthColumn {width: 66.66%;} .threeFourthColumn {width: 75%; padding-left: 40px;} .oneFifthColumn, .oneFourthColumn {padding:0px 15px 60px 15px; margin-bottom: 60px;} .productColumn { padding: 0px 15px 60px 15px;position: relative; margin-bottom: 60px;width: 25%;} .slickContainerProducts4 .productColumn, .slickContainerProducts5 .productColumn {width: 100%;margin-bottom: 0px; width: 100%; float: none; display: block; box-shadow: none; /*height: 100%;*/} .oneFifthColumn {width: 20%;} .oneFourthColumn {width: 25%;} .oneFourthColumn.oneFourthColumnBasicMenu {padding-left: 0px; padding-right: 0px;} .productContainerAlternative .oneFifthColumn {margin-bottom: 0px;} .oneFifthColumnHighlight {padding-bottom: 0px; padding-left: 0px; padding-right: 0px;} .oneFifthColumnHighlight .partContentFileImageGallery img {width: 100%;} .fourFifthColumn {width: 80%; padding-left: 40px;} .fourFifthColumnSearch {float:right;} #messageNoResults {margin-bottom:20px;} /*=== Start coding here ==========================================================================================================================================*/ #whiteContainer {padding-bottom: 40px;} .blueContainer {background-color: #007ec7;} .blueContainer .basicContainer {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; padding-top: 60px;} .blueContainer h3 {color: #fff;} .blueContainer .oneFourthColumn {margin-bottom: 20px; width: 25%; margin-bottom: 40px; padding:0px; padding-right: 40px;} .blueContainer .twoFourthColumn {padding-bottom: 40px; width: 50%; padding-right: 220px;} .blueContainer .twoFourthColumnContactRutger {background: url('/images/style/foto-rutger.png') no-repeat right bottom; background-size: contain;} .blueContainer .twoFourthColumnContactNel {background: url('/images/style/foto-nel.png') no-repeat right bottom; background-size: contain;} .basicContainer {max-width: 1200px; min-width: 280px; margin: 0 auto; padding: 0 20px;} .productContainerAlternative {margin-bottom: 30px;} .productContainer h2, .slickContainerProducts5 h2 {height: 50px; overflow: hidden; margin-top: 20px; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; -webkit-box-orient: vertical; color: #007ec7;} .productContainerImage {position: relative; height: 214px;} .productContainer .partContentFileImageGallery {display: table; margin:0px; padding: 0px; width: 100%; /*height: 100%;*/ overflow: visible;} .productContainer .partContentFileImageGallery a {display: table-cell; vertical-align: middle;} .productContainer .partContentFileImageGallery a img {margin:0px auto; max-width: 192px; max-height: 192px; width: auto;} .oneFifthColumn.oneFifthColumnHighlight .partContentFileImageGallery a img {max-width: 100%; max-height:500px /* just to overwrite */; width: 100%;} .oneSecondColumnProductDetailPhoto .partContentFileImageGallery a img {max-width: 100%; max-height:500px;} .oneFifthColumn.oneFifthColumnHighlight .productContainer .partContentFileImageGallery {display: block;} .greyLine {border-top: #ccc solid 1px; margin-bottom: 20px;} .highlightBox {width: 100%; position: absolute; bottom: 0; background-color: #fff; font-size: 125%; line-height: 110%; box-sizing: border-box; padding: 10px 35px 10px 15px; color: #000;} .highlightBox i.fa {position: absolute; top: 50%; right:15px; font-size: 100%; margin-top: -10px;} .highlightBox:link, .highlightBox:visited, .highlightBox:active {color: #000; text-decoration:none;} .highlightBox:hover {color: #007ec7; text-decoration:none;} .oneFifthColumnHighlightNoLink .highlightBox {cursor:default;} .oneFifthColumnHighlightNoLink .highlightBox:hover {color: #000; text-decoration:none;} .oneFifthColumnHighlightNoLink .highlightBox i.fa {display: none;} .productLabel {color: #fff; position: absolute; bottom:25px; right: 15px; padding: 10px 10px;} .productLabel:link, .productLabel:visited, .productLabel:active {color: #fff; text-decoration:none;} .productLabel:hover {color: #fff; text-decoration:underline;} .productLabelSale {background-color: #b99234;} .productLabelSoldOut {background-color:#007ec7;} #tagBtw {display: block; font-size: 87.5%; margin-top: 5px; font-style: italic;} .productAmount {font-weight: 400; color: #444; margin-top: -10px; display: block; margin-bottom: 20px; font-size: 112.5%; display: block;} #topContainer {height: 75px; border-bottom: 1px solid #ccc; padding: 30px 0 0 0;} #logo {background: url('/images/style/logo.png') no-repeat left center; background-size: contain; height: calc(100% - 10px); width: 251px; flex: 0 0 auto;} #mobileMenuContainer {position: fixed; overflow-x:hidden; background-color:#fff; z-index: 1001; top:0; left:0; margin-left: -30%; width: 30%; height: 100%; transition: 0.5s;} #mobileMenuContainer.mobileMenuContainerActive {margin-left: 0px; transition: 0.5s; min-width: 320px;} #mobileMenuOverlay {transition: 0.2s; background-color: rgba(0,0,0,0.0); position: fixed; top:0; left: 0; height: 100%; width: 100%; z-index: 1000; visibility: hidden; opacity: 0;} #mobileMenuOverlay.mobileMenuContainerActive {background-color: rgba(0,0,0,0.8); visibility: visible; opacity: 1;} .mobileMenuOpen, .mobileMenuClose {cursor: pointer; display: inline-block; background-repeat: no-repeat; height: 50px; font-weight: 400; line-height: 50px; color: #fff;} .mobileMenuOpen {background-image: url('/images/style/icon-bars.svg'); padding-left: 40px; background-size: 30px 20px; background-position: left center; float: left; display: none; margin-right: 20px;} .mobileMenuClose {background-image: url('/images/style/icon-cross.svg'); padding-left: 50px; background-position: left 20px center; background-size: 20px 20px; background-color: #007ec7; display: block;} @media (max-width: 600px){ #mobileMenuContainer.mobileMenuContainerActive {width: 100%; margin-left: 0%;} #mobileMenuContainer {margin-left: -100%;} } /* search bar */ #searchBar {position: relative; flex: 1 1 auto; height: 44px; padding-left: 20px; padding-right: 20px;} #searchBarInput {color: #000; font-size:100%;font-family: 'Open Sans', sans-serif; font-weight: 400; text-indent: 10px; -webkit-appearance: none; -webkit-border-radius:0; border-radius:0; padding: 0; border: 1px solid #ccc; ; background-color: transparent; outline: none; height: 44px; width: 100%;} #searchBarInput[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;} #searchBarInput::-webkit-input-placeholder {color: #ccc; opacity: 1;} #searchBarInput:-moz-placeholder {color: #ccc; opacity: 1;} #searchBarInput::-moz-placeholder {color: #ccc; opacity: 1;} #searchBarInput:-ms-input-placeholder {color: #ccc; opacity: 1;} #searchBarButton {width: 44px; height: 44px; display: block; position: absolute; right: 20px; top: 0; font-size: 20px; line-height: 44px; text-align: center; color: #007ec7;} #shoppingCartButton {height: 50px; font-size: 20px; float: right; background-color: #b99234; line-height: 55px; color: #fff; padding: 0 15px;} #shoppingCartButton:link, #shoppingCartButton:visited, #shoppingCartButton:active {color: #fff; text-decoration:none;} #shoppingCartButton:hover {color: #fff; text-decoration:none;} #productAmount {font-weight: 700; margin-left: 8px;} .priceContainer {position: absolute; bottom: 15px; line-height: 19px; left: 15px;} .productContainerAlternative .price {display: block;} .priceContainerDetail {position: static; font-size: 200%; margin-top: 5px; line-height: 130%;} .priceContainerDetail .price {display: inline-block;} .productContainerRelated {} .price {display: block; color: #000;} .priceFinal {font-weight: 700;} .priceStrikeThrough {font-weight: 300; font-size: 87.5%; text-decoration: line-through;} .buyButton {height: 44px; cursor: pointer; background-color: #00b900; color: #fff; position: absolute; bottom: 0; right: 0; text-align: center; transition: background-color 0.3s; line-height: 44px; font-weight: bold; display: block; padding-left: 15px; } .buyButton i.fa {font-size: 26px; margin-right: 18px; margin-top: 8px; float: left;} .buyButton:link, .buyButton:visited, .buyButton:active {color: #fff; text-decoration:none;} .buyButton:hover {color: #fff; background-color: #007ec7;} .moreInfoButton {height: 44px; background-color: #00b900; color: #fff; position: absolute; bottom: 0; right: 0; text-align: center; transition: background-color 0.3s; line-height: 44px; font-weight: bold; display: block; padding-left: 23px; padding-right: 7px; } .moreInfoButton i.fa {font-size: 26px; margin-right: 18px; margin-top: 8px; float: left;} .moreInfoButton:link, .moreInfoButton:visited, .moreInfoButton:active {color: #fff; text-decoration:none;} .moreInfoButton:hover {color: #fff; background-color: #007ec7;} .stockStatus {font-weight: 700; display: block; margin-top: 25px;} .stockStatus.direct {color: #00b900; background-image: url('/images/style/icon-check-green.svg'); background-repeat: no-repeat; background-position: left center; background-size: 16px 16px; padding-left: 25px;} .stockStatus.volgendedag {color: #00b900;} .stockStatus.binnen3dagen {color: #00b900;} .stockStatus.binnen2weken {color: #b99234;} .stockStatus.nietopvoorraad {color: #000;} .productContainer .productColumn .stockStatus.direct, .productContainer .oneFifthColumn .stockStatus.direct {opacity: 0; transition: opacity 0.3s;} .productContainer .productColumn:hover .stockStatus.direct, .productContainer .oneFifthColumn:hover .stockStatus.direct, .slickContainerProducts .partSlickSlider .slick-slide:hover {opacity: 1;} .buttonDetail {position: static; width: auto; max-width: 260px; text-align: left; margin-top: 30px;} .moreInfoPopupContainer {background-color: #fff; padding: 50px 60px 60px 60px;max-width: 1000px; margin: 0 auto;position: relative;} .moreInfoPopupContainer p {padding: 0px; margin-bottom: 60px;} .moreInfoPopupContainer .formButton {margin-left: 150px;} a.partPaginationLoadMore {background-color:#007ec7; padding:15px; width: 180px; margin-bottom: 20px; text-align: center; color: #fff; -webkit-transition:background-color 0.3s; transition:background-color 0.3s; cursor:pointer; clear: both; display: block; font-weight: 700; text-decoration: none; position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);} a.partPaginationLoadMore:hover {background-color: #b99234;} a.partPaginationLoadMore.loadIcon {background-image: url('/images/style/ajax-loader.svg'); background-repeat: no-repeat; background-position: center; background-size: 28px 28px; color: transparent;} .dropDownContainer {position: relative; width: 180px; z-index: 1; float: right;} .dropDownButton {padding: 10px; cursor: pointer; border:solid 1px #ccc; transition: 0.3s; display: block; transition: box-shadow 0.3s; background:url('/images/style/icon-arrow-down.svg') no-repeat right 10px center; background-size: 18px 10.5px;} .dropDownButton:hover {box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);} .dropDownButton img, .dropDownButton span {display: inline-block; vertical-align: middle;} .dropDownButton img {margin-right: 5px; width: 20px;} .dropDownButton.active:after {transform: scaleY(-1);} .dropDownList {border:solid 1px #ccc; position: absolute; background-color: #fff; width: 100%; left: 0px; top:calc(100% - 1px); display: none;} .dropDownList li {} .dropDownList li a {display: block; padding:8px 10px; color: #444; text-decoration: none;} .dropDownList li a:hover {color: #007ec7; text-decoration: underline;} .headerContainer {margin-top:25px; margin-bottom: 25px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start;} .headerContainer.headerContainerAlternative {margin-bottom: 30px;} .headerContainer .oneFourthColumn {margin-bottom: 0px; padding-bottom: 0px; width: 33.33%; height: auto; min-width: auto; margin-left: 0px; padding-right: 0px; padding-left: 25px; box-sizing:border-box;} .headerContainer .oneFourthColumn ul {border: solid 1px #ccc; height: 450px; padding: 25px 30px 10px 30px; box-sizing: border-box; font-size: 95%;} .headerContainer .oneFourthColumn ul li {line-height: 130%; overflow: hidden; padding-bottom: 10px; margin-bottom: 40px; margin-top: 0px;} .headerContainer .oneFourthColumn ul li i {font-size: 150%; color: #b99234; width: 25px; text-align: center; float: left; margin-top: 0px; text-align: left; padding-bottom: 15px;} .headerContainer .oneFourthColumn ul li span {float: right; width: calc(100% - 25px); padding-bottom:10px; padding-left: 10px;} .headerContainer .oneFourthColumn ul li span:nth-child(2) {color: #000; font-weight: 700; padding-bottom: 5px;} .headerContainer .oneFourthColumn ul li span:nth-child(3) {font-size: 14px;} /* home usp */ .headerContainer .oneFourthColumnUSP ul { display: flex; flex-direction: column; gap: 40px; padding: 25px; justify-content: space-between; } .headerContainer .oneFourthColumnUSP ul li { margin-bottom: 0; padding-bottom: 0; flex: 1 1 auto; } .headerContainer .slickContainer + .oneFourthColumnUSP ul li { display: flex; flex-direction: column; align-items: center; text-align: center; } .headerContainer .slickContainer + .oneFourthColumnUSP ul li i { font-size: 1.5rem; } .headerContainer .slickContainer + .oneFourthColumnUSP ul li span { font-size: 1.125rem; padding-bottom: 0; } .headerContainer .slickContainer + .oneFourthColumnUSP ul li span:nth-child(2) { margin-bottom: 0.3em; } .headerContainer .slickContainer + .oneFourthColumnUSP ul li span:nth-child(3) { font-size: 1rem; } .headerContainer .oneFourthColumn ul li:last-child {margin-bottom:0;} .headerContainer .oneFifthColumn {height: 500px; padding-right: 25px; width: 245px; margin-bottom: 0px;} .headerContainer.headerContainerAlternative .oneFourthColumn {width: 100%; float: none; padding-left: 0%; height: auto;} .headerContainerAlternative .oneFourthColumn ul {clear: both; height: auto; overflow: hidden;} .headerContainerAlternative .oneFourthColumn ul li {float: left; padding-right: 20px; margin-bottom: 0px; width: 33.33%; box-sizing: border-box;} .headerContainerAlternative .oneFourthColumn ul li span {} .headerContainerAlternative .oneFourthColumn ul li:last-child {padding-right: 0px;} .headerContainerAlternative .oneFifthColumn {height: 45px; z-index: 1; position: relative; min-width: 220px; margin-bottom: 30px;} /* horizontal on other pages */ .headerContainerAlternative .oneFourthColumnUSP ul { flex-direction: row; justify-content: space-around; } .headerContainerAlternative .oneFourthColumnUSP ul li { float: unset; width: auto; flex: unset; display: grid; grid-template-columns: auto auto; } .headerContainerAlternative .oneFourthColumnUSP ul li i { grid-column: 1; grid-row: 1 / 3; padding-bottom: 0; } .headerContainer .oneFourthColumn ul li span:nth-child(2) { grid-column: 2; grid-row: 1; } .headerContainerAlternative .oneFourthColumnUSP ul li span { float: left; width: auto; grid-column: 2; padding-bottom: 0; } #phoneNumber {font-weight: 700; flex: 0 0 auto; font-size: 180%; color: #b99234; text-decoration: none; background: url(/images/style/icon-phone.svg) no-repeat left center; background-size: 26px auto; padding-left: 32px;} #breadCrumb {padding: 0px; margin:0px; font-size: 100%; margin-bottom: 30px; font-weight: 600;} #breadCrumb li {display: inline-block; margin: 0px -4px 0px 0px;} #breadCrumb li:before {content: '\f054'; font-family:'FontAwesome'; font-size: 10px; margin:0px 10px 0px 10px;} #breadCrumb li:first-child {font-size: 16px;} #breadCrumb li:first-child:before {display: none;} #breadCrumb li a:link, #breadCrumb li a:visited, #breadCrumb li a:active {color: #007ec7; text-decoration:none;} #breadCrumb li a:hover {color: #007ec7; text-decoration:underline;} #buttonEnlargePhoto {display: inline-block; font-size: 87.5%; text-align: center; margin:20px 15px 0px 0px;} #buttonEnlargePhoto .fa {margin-right: 5px;} #buttonEnlargePhoto:link, #buttonEnlargePhoto:visited, #buttonEnlargePhoto:active {color: #007ec7; text-decoration:none;} #buttonEnlargePhoto:hover {color: #007ec7; text-decoration:underline;} #productDetailContainer {margin-top: 30px;} #productDetailContainer .partContentText table {width: 100%;} #productDetailContainer .partContentText table tr {background-color: #f2f8fc;} #productDetailContainer .partContentText table tr:nth-child(odd) {background-color: transparent;} #productDetailContainer .partContentText table th, #productDetailContainer .partContentText table td {border:none;} #productDetailContainer .partContentText ul {margin-left:0px; list-style-type:none;} #productDetailContainer .partContentText ul li {padding: 8px 12px; background-color: #f2f8fc;} #productDetailContainer .partContentText ul li:before {display: none;} #productDetailContainer .partContentText ul li:nth-child(odd) {background-color: transparent;} #productDetailContent div.inactive {display:none;} #productDetailMenu {padding: 0px; margin:0px; border-bottom: 1px solid #ccc; font-size: 125%; height: 44px; margin-bottom: 30px;} #productDetailMenu li {display: inline-block; margin: 0px 0px 0px 20px;} #productDetailMenu li:first-child {margin-left: 0px;} #productDetailMenu li a {display: block; padding: 8px 0px 7px 0px;} #productDetailMenu li.selected a {color: #007ec7; border-bottom: 3px solid #007ec7;} #productDetailMenu li a:link, #productDetailMenu li a:visited, #productDetailMenu li a:active {color: #444; text-decoration:none;} #productDetailMenu li a:hover {color: #007ec7; text-decoration:none; border-bottom: 3px solid #ccc;} #productSize {padding: 0px; margin:0px; font-size: 87.5%; margin-bottom: 20px; margin-top: 30px;} #productSize li {display: inline-block; margin: 0px 10px 5px 0px;} #productSize li:first-child {} #productSize li a:link, #productSize li a:visited, #productSize li a:active {color: #444; text-decoration:none;} #productSize li a:hover {color: #007ec7; text-decoration:underline;} #productSize li.selected a {font-weight: bold; color: #007ec7; text-decoration:underline;} .moreButton {font-size: 125%; display: inline-block; margin-bottom: 60px;} .moreButton i.fa {font-size: 16px; margin-left: 10px;} .moreButton:link, .moreButton:visited, .moreButton:active {color: #000; text-decoration:none;} .moreButton:hover {color: #007ec7; text-decoration:none;} .oneFifthColumn.oneFifthColumnFilters {padding-left: 0px; padding-right: 0px;} .filterTitle {font-weight: 600; color: #000; margin-top: 20px; display: block; font-size: 112.5%;} .filteren { padding: 16px; background-image: url('/images/style/filter.svg'); background-repeat: no-repeat; background-position: left 10px center ; background-color: #f0f0f0 ; background-size:16px 16px; color: #25283D; transition: 0.3s; font-weight: 600; border-radius: 5px; margin-bottom: 30px; display: none; cursor: pointer; padding-left: 32px;} .filterContainer {list-style: none; padding: 0px; margin:10px 0px 3px 0px;} .filterItem {background-color:transparent; border-top: none; font-size: inherit; font-weight: 300;} .filterItem a {display: flex; margin-bottom: 10px; padding: 0px;} .filterItem a:link, #greyContainer .filterItem a:visited, .filterItem a:active {color: #444; text-decoration:none;} .filterItem a:hover .filterItemLabel {color: #007ec7; text-decoration:none;} .filterItemInput {width: 16px; height: 16px; flex: 0 0 auto; box-shadow:0 0 0 1px #ccc; box-sizing: border-box; border: 3px #fff solid; background-color: #fff; margin-top: 1px; float: left;} .filterContainerRadio .filterItemInput {border-radius: 50%;} .filterItem.filterItemSelected a {color: #000;} .filterItem.filterItemSelected .filterItemInput {background-color: #007ec7;} .filterItemLabel {padding-left: 8px; margin-top: 0px; line-height: 1.2em;} #sliderPrice {margin-top:10px; transform: translate3d(0,0,0);} #priceMax, #priceMin, #priceSeparator {color: #62544d; display: inline-block; font-size: 78%; margin-top: 10px; } #priceMin {float: left; } #priceMax {float: right; } #priceSliderContainer {text-align: center; margin-bottom: 10px; overflow: hidden; } #contentContainer {margin:50px auto 0px auto;} .iconPaymentDelivery {} .oneFourthColumn ul {padding: 0; margin: 0; list-style: none; font-weight:300;} .oneFourthColumn ul li {margin: 15px 0px; padding: 0;} .oneFourthColumn ul li a {text-decoration: none;} .oneFourthColumn ul li a:link, .oneFourthColumn ul li a:visited, .oneThirthColumn ul li a:active {color: #fff; text-decoration:none;} .oneFourthColumn ul li a:hover {color: #fff; text-decoration:underline;} .twoFourthColumnContact {color: #fff;} .twoFourthColumnContact li {line-height: 140%; margin-bottom: 20px;} .twoFourthColumnContact li a {color: #fff; text-decoration: none;} .twoFourthColumnContact li a:hover {color: #fff; text-decoration: underline;} .twoFourthColumnContact li:before {font-family: 'FontAwesome';color: #fff; width: 24px; text-align: left; float: left;} .twoFourthColumnContact .telephone {font-weight: 700; font-size: 212.5%; color: #b99234;} .twoFourthColumnContact .mail:before {content: '\f0e0';} .twoFourthColumnContact .instagram:before {content: '\f16d';} .twoFourthColumnContact .overOns:before {content: '\f1ad';} .twoFourthColumnContact .telephone a:link, .twoFourthColumnContact .telephone a:visited, .twoFourthColumnContact .telephone a:active {color: #c89d36; text-decoration: none;} .threeFourthColumn .partGoogleMaps {width: 100%; margin-top: 30px; height:300px;} .threeFourthColumn .partGoogleMaps iframe {width: 100%; height: 300px;} .bottomFooter {background-color: #fff; padding:20px 0px; font-size: 87.5%; color: #666; border-bottom: solid 1px #ccc;} .bottomFooter ul {text-align: center; padding:0px; margin:0px;} .bottomFooter ul li {display: inline-block; margin:10px 4%;} .bottomFooter ul li a {color: #000; text-decoration: none; display: block;} .bottomFooter ul li a img {height: 30px;} .bottomFooter ul li a:hover {color: #000; text-decoration: underline;} .greyContainer {padding: 20px 0; font-size: 87.5%;} .greyContainer ul{padding: 0; margin: 0; list-style: none; line-height: 200%; text-align: center;} .greyContainer ul li{display: inline-block; margin: 0 22px 0 18px; color: #444;} .greyContainer ul li a{text-decoration: none; display: block;} .greyContainer ul li a:link, .greyContainer ul li a:visited, .greyContainer ul li a:active {color: #444; text-decoration:none;} .greyContainer ul li a:hover {color: #000; text-decoration:underline;} .showMoreMainContainer {position: relative;} .showMoreContentContainer {position: relative; overflow: hidden; max-height: 320px;} .showMoreContentContainer:after {position: absolute; width: 100%; height: 80px; bottom: 0; left: 0; content: ''; background: -webkit-linear-gradient(rgba(255,255,255,0), #fff); background: linear-gradient(rgba(255,255,255,0), #fff);} .showMoreMainContainerOpen .showMoreContentContainer {max-height: none; overflow: visible;} .showMoreMainContainerOpen .showMoreContentContainer:after {display: none;} .showMoreButton {display: inline-block; font-weight: 700; cursor: pointer; margin-top: 20px; transition: color 0.3s; color: #007ec7;} .showMoreButton:hover {color: #b99234;} .showMoreMainContainerOpen .showMoreButton:before {content: '-';} .showMoreButton:before {content: '+'; margin-right: 10px;display: inline-block; vertical-align: middle; font-weight: 600;} .showMoreButton span {display: inline-block; vertical-align: middle;} /* review */ #reviewAndQualityMarkContainer {background-color: #f2f8fc; margin-bottom: 30px; overflow: hidden;} .reviewContainer {float: left; padding-left: 30px; padding-top: 35px;} .reviewStarContainer {display: inline-block; width: 30px; height: 30px; border-radius: 50%; background-color: #d5d5d5; position: relative; vertical-align: middle;} .reviewStarContainerFilledHalf {background: -webkit-linear-gradient(left, #00b900 50%, #ccc 50%); background: linear-gradient(90deg, #00b900 50%, #ccc 50%);} .reviewStarContainerFilledFull {background-color: #00b900;} .reviewStarIcon {position: absolute; top:0; left: 0; background-image: url('/images/style/icon-star.svg'); background-repeat: no-repeat; background-position: center; background-size: 16px 16px; height: 100%; width: 100%;} .reviewContainer .reviewText {line-height: 130%; display: inline-block; vertical-align: middle; font-size: 20px; font-weight: 400;} .reviewContainer .reviewText a {color: #000; text-decoration: none; margin-right: 15px;} .reviewContainer .reviewText a:hover {text-decoration: underline;} .reviewContainer .reviewText strong {font-weight: 700;} #qualityMarkContainer {float: right;} .keurmerk {display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: left 30px center; height: 100px; border-left: solid 1px #fff; padding-left: 30px; padding-right: 30px;} /*.webwinkelkeur {background-image: url('/images/style/logo-webwinkelkeur.png'); width: 160px; background-size: 98px 60px;}*/ .webwinkelkeur {background-image: url('/images/style/logo-webwinkelkeur.png'); width: 160px; background-size: 100px 40px;} .fgz {background-image: url('/images/style/logo-fgz-new.png'); width: 361px; background-size: auto 50px;} /* end review */ /* shopping cart pop-up */ #shoppingCartPopup {max-width:900px; margin: 20px auto; background: #fff; padding:0px; position: relative; overflow: hidden;} #shoppingCartPopupTitle {background-color: #007ec7; color: #fff; padding: 0px 20px; color: #fff; line-height: 60px; display: block; font-weight: 400;} #shoppingCartPopupContentContainer {display: table; width: 100%;} #shoppingCartPopupLeft {width: calc(100% - 270px); padding:20px; overflow: hidden; display: table-cell; position: relative;vertical-align: top; padding-bottom: 82px;} #shoppingCartPopupLeft .partContentFileImageGallerySingle {max-width: 120px; float: left; padding-right: 20px; margin-bottom: 0px;} #shoppingCartPopupLeft #shoppingCartPopupLeftText {float: left; width: calc(100% - 120px);} #shoppingCartPopupLeft #shoppingCartPopupLeftText h2 {} .shoppingCartPopupButton {display: inline-block; position: absolute; bottom: 20px; left: 20px; color: #b99234; text-decoration:none; padding:13px; border:solid 1px #b99234; -webkit-transition:0.2s; transition:0.2s; font-weight: 600; cursor:pointer;} #shoppingCartPopupLeft .shoppingCartPopupButton {left: 140px;} .shoppingCartPopupButton:link, .shoppingCartPopupButton:visited, .shoppingCartPopupButton:active {color: #b99234; text-decoration:none;} .shoppingCartPopupButton:hover {color: #007ec7; text-decoration:none; -webkit-transition:background-color 0.2s; transition:background-color 0.2s; background-color: #fff; border-color: #007ec7;} .shoppingCartPopupButton:after {content: '>'; margin-left: 8px;} #shoppingCartPopupRight {width: 270px; padding: 20px; border-left:solid 1px #ccc; display: table-cell; position: relative; vertical-align: top; padding-bottom: 82px;} #shoppingCartPopupRight .buyButtonDetail {max-width: 100%; width: 100%; margin-bottom: 0px;} #shoppingCartPopupRight .shoppingCartPopupButton {width: calc(100% - 40px);} #shoppingCartPopupRight table {border-collapse: collapse; border-spacing: 0; width: 100%; margin-bottom: 20px;} #shoppingCartPopupRight table tr {vertical-align: top;} #shoppingCartPopupRight table td {padding: 6px 0px;} #shoppingCartPopupRight table td:last-child {font-weight: 600; color: #000; text-align: right;} #shoppingCartPopupRecommended {clear: both; border-top: solid 1px #ccc; padding: 20px;} #shoppingCartPopupRecommended h3 {margin-bottom: 20px;} #shoppingCartPopupRecommended .flexItem {margin-bottom: 0px;} #shoppingCartPopupRecommended .flexContainerThreeColumns .partContentFileImageGallerySingle {max-width: 200px; height: 180px;} #shoppingCartPopupRecommended .flexContainerThreeColumns .partContentFileImageGallerySingle img {max-height: 180px;} #shoppingCartPopup .mfp-close {color: #fff; height: 60px; line-height: 60px; width: 60px;} /* notificaiton bar */ body {padding-bottom: 34px;} .notificationBar {text-align: center; position: fixed; bottom:0; left:0; right:0; padding:10px 20px; background-color: #c89d36; font-size: 14px; font-weight: 700; color: #fff;}