div.container.webshop{
	padding:0;
    padding-bottom: 60px;
}
div.container.webshop .productViewTitle{
	font-size: 20px;
	margin-bottom:20px;
}
div.container.webshop div.titleBar h1,
div.container.webshop div.titleBar h3{
	max-width:100%;
	margin-bottom: 50px;
}
div.container.webshop div.products {
    
}
div.productenBottom{
    /* border-right: 1px solid #7f6a51; */
	padding:0;
}

div.sidevak{
	/* border-right: 2px solid #f2f1f1; */
	background-color: #f9f9f9;
	display: flex;
	/* flex-wrap: nowrap; */
	/* flex-direction: column; */
	padding-top: 10px;
}

.producten_listpageHolder {
    padding: 20px 0px;
}

.order a.button,
.webshop a.button,
.webshop h2{
    /* padding: 8px 10px 8px 0; */
}
input.search{
    background: rgb(247, 248, 250);
	background-repeat:no-repeat;
	background-position: 8px center;
    font-style: italic;
    box-sizing: border-box;
    width: 100%;
}

input[type='number'],
input[type='time'],
input[type='date'],
input[type='tel'],
input[type='mail'],
#orderForm input[type='text'],
input.aantal,
select {
    /* border: 1px solid #ddd; */
    border-radius: 2px;
}

div.sidevak div.sideBox div.sideContent{
	padding:20px 0px 0px;		
}
div.sidevak div.sideBox h4.filterHead {
    margin-top: 10px;
    margin-bottom: 0;
    padding: 4px 0px;
    font-size: 15px;
}
#filterForm div.sidevak div.sideBox {
	border:1px solid #ddd;
	border-radius:5px;
	padding:6px;
	background-color: white;
	position: relative;
}
#filterForm div.sidevak div.sideBox h4{
	margin-top:0;
	padding: 4px 6px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
	/* position: relative; */
	font-weight: 300;
	font-size: 14px;
	font-family: 'Roboto-local';
}
#filterForm div.sidevak div.sideBox h4.filterHead:not(.shown) ~ ul,
#filterForm div.sidevak div.sideBox h4.filterHead:not(.shown) ~ section{
	display:none;
}
	
#filterForm div.sidevak div.sideBox ul{
	margin: 0;
}

div.sidevak div.sideBox ul{
    list-style: none;
    padding: 0;
    max-height: 160px;
    overflow: auto;
}
div.sidevak div.sideBox ul li{
	padding: 7px 6px 0px;
	border-bottom: 1px solid #cfcfcf;
}
div.sidevak div.sideBox ul li .merkImage {
    height: 1em;
    float: right;
}

div.sidevak div.sideBox ul li label{
	font-size:12px;
	font-weight: bold;
	height: 22px;
	width: 100%;
	display: inline-block;
}
div.sidevak div.sideBox ul.type-kleur label{
	padding-left:0;
}

@media (min-width:1024px){	
	div.sidevak div.sideBox ul.split{
		width: 20vw;
	}
}

div.sidevak div.sideBox ul.split li{
	width: 50%;
	float:
	left;
	position:
	relative;
}

div.sidevak div.sideBox ul.split li label{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}

div.sidevak div.sideBox ul.split li:nth-of-type(odd){
	border-right:1px solid #cfcfcf;
}

div.sidevak div.sideBox ul.split li:nth-of-type(even){
	padding-left:14px;
}

div.sidevak div.sideBox ul li.linkCategorie *,
div.sidevak div.sideBox ul li.linkCategorie{
	cursor:pointer;
}
@media (min-width: 1200px){
	div.sidevak div.sideBox ul::-webkit-scrollbar{
		width:2px;	
	}
	div.sidevak div.sideBox ul::-webkit-scrollbar-thumb{
		width:2px;
	}
}
div.sidevak .platenInfo .platenRow {
    padding: 11px 0;
    border-bottom: 2px solid #7f6a51;
}
div.sidevak .platenInfo .platenRow img{
	display:inline-block;
	float:left;
	width: 30px;
}
div.sidevak .platenInfo .platenRow h3{
	font-size:18px;
	margin-bottom:0;
}
div.sidevak .platenInfo .platenRow span{
	font-size:13px;
}
div.sidevak .platenInfo .platenRow h3,
div.sidevak .platenInfo .platenRow span{
	width: calc(100% - 30px);
	padding-left: 5px;
	float:right;
}

.multi-input{
	text-align:Center;
	line-height:37px;
}
.multi-input input{
    width: calc(50% - 15px) !important;
}
.multi-input input:first-of-type{
	float:left;
}
.multi-input input:last-of-type{
	float:right;	
}
.multi-input.multinumber{
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: flex-end;
}
.multi-input.multinumber font{
	line-height: 1.0em;
	padding: 0px 0 05px;
	display: inline-block;
}
.multi-input.multinumber label{
	padding:0 5px;
}
.multi-input.multinumber input{
	width:100% !important;
}

li.prijsFilter input{
	max-width:33%;
    height: 42px;
}

.toggleFilters:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f1de";
    position: absolute;
    right: 15px;
    top: 8px;
    font-size: 17px;
    transition: all .1s ease-in-out;
}
.toggleFilters.shown:after{	
    
}

a.filter{
	height: 42px;
    font-size: 18px;
    padding: 10px 14px;
    display: inline-block;
    border-radius: 3px;
}

div.titleBar h2{
	font-size:27px;
}
div.titleBar h1,
div.titleBar h3{
	width:100%;
	position: relative;
}

div.productCatgorie{
	padding:30px 0;
}

div.productCatgorie div.productField{
	width:100%;
	position:relative;	    
}
div.productCatgorie div.productField .row{
	margin:0;
	padding:0 0 20px 0;
	width:100%;
}
div.productField .col:not(.category){
	padding: 0;
}

.sideVak ul[filterID].type-color li{
	width:50%;
	float:left;
}
.sideVak label.colorCheckbox{ cursor:pointer; }
.sideVak label.colorCheckbox input {
    /* display: none; */
    float: left;
    margin-top: 4px;
}
.sideVak label.colorCheckbox span {
    background-color: #ddd;
    border: 1px solid rgb(0 0 0 / 6%);
    width: 38%;
    display: block;
    height: 1.0em;
    float: left;
    margin: 3px;
    cursor: pointer;
    border-radius: 4px;
}
.sideVak label.colorCheckbox input:checked ~ span{
	border:1px solid #000;	
}

/* -- product layout -- */
div.productField div.product {
	height: calc(100% - 20px);
	width: calc(100% - 10px);
	/* max-width: 230px; */
	cursor: pointer;
	/* float: left; */
	/* border: 1px solid var(--themeColorGreyLight); */
	border-radius: 2px;
	padding: 10px;
	position: relative;
	background-color:white;
	margin: 0px 10px 10px 0;
	float: left;
}
div.productField div.product.dealerProduct {
	/* height: 456px; */
}
div.productField div.product div.imageHolder{
	height: 45%;
	width: 100%;
	margin: 60px 0 10px;
	background-size: contain;
	float: left;
	image-rendering: -webkit-optimize-contrast;
}

div.productField div.product .productTop{
	text-align: center;
}	
div.productField div.product .productTop i{
	position: absolute;
	right: 0px;
	top: 0;
	font-size: 21px;
	color: var(--themeColor_gold);
}
div.productField div.product .productTop img{
	max-width: calc(100% - 40px);
	max-height: 59px;
	height: auto;
	width: auto;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
}
div.productField div.product .productPrijs{	
	text-align:center;
	float: left;
	min-height: 80px;
	width: 100%;
	display: inline-flex;
	align-items: flex-start;
}

div.productField div.product .productPrijs.fastDelivery .price{
	position:relative;
}
div.productField div.product .productPrijs.fastDelivery .price::before{
	content:'';
	background-color: #09c709;
	border-radius:50%;
	width: 12px;
	height: 12px;
	display:inline-block;
	margin-right: 10px;
}

div.productField div.product .button{
	width: 100%;		
	background-color: #a00000;
	transition: background-color .1s ease-in-out;
	/* color: #000; */
}
div.productField div.product:hover .button{
	width: 100%;		
	background-color: #a00000;
	/* color: #fff; */
}
div.productField div.product .button i {
	
}
div.productField div.product .productContent{
	float: left;
	width: 100%;
	padding-bottom: 10px;
}
div.productField div.product .options{
	margin-top:4px;
	float: left;
}
div.productField div.product .options tr:nth-of-type(odd) td{
	background-color:#fcfcfc;
}

div.productField div.product .options td {
	padding: 3px;
	border-bottom: 1px solid #f4f4f4;
}
@media screen and (max-width:769px){

	div.productField div.product .options tr{
		display:flex;
		flex-direction: column;
	}

	div.productField div.product .options td {
		line-height: 1.2em;
		border: none;
	}
	div.productField div.product .options td:first-of-type {
		font-weight: bold !important;
	}

	div.productField div.product .options tr td + td{
		border-bottom: 1px solid #f4f4f4;
	}
}

.productIcons {
	height: 45px;
	text-align: center;
	padding: 0;
}
.productIcons.inList {
	padding: 5px 0;
	margin-top: -45px;
	background-color: rgba(255,255,255,0.8);
}
.productIcons span{
	width: 37px;
	display: inline-block;
	height: 37px;
	margin: 0 3px 0 0;
	padding: 5px;
	color: var(--themeColor_gold);
	font-weight: 600;
	font-size: 16px;
	border: 1px solid rgb(89 2 2 / 25%);
	text-align: center;
	border-radius: 3px;
}
	.productIcons span img{
	max-height: 25px;
	max-width: 25px;
	width:auto;
	height:auto;
}
div.productField div.product .productContent .productBrand{
	width: 100%;
	text-align: center;
	font-size: 15px !important;
	float: left;
	min-height: 62px;
	word-wrap: break-word;
}
div.productField div.product.hasKorting .productContent .productBrand{
	min-height: calc(62px - 30px);
	height: calc(62px - 30px);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
div.productField div.product .productContent .productName{
	width: 100%;
	text-align: center;
	font-size: 12px;
	line-height: 1.2;
	margin: 0;
	float: left;
	color: var(--themeColor_text);
	/* height: 3.5em; */
}
div.productField div.product .productContent .productName .options{
    margin-top: 10px;
}
div.productField div.product .productContent .productName .options td {
	padding: 5px 3px;
	/* border-bottom: 1px solid #ddd; */
	font-size: 13px;
}
div.productField div.product .productContent .productName .options tr:nth-of-type(odd){
	background-color: #fdfafa;
}

div.productField div.product .productContent .productName .options td:first-of-type {
	width: 100px;
	line-height: 1.5em;
}

div.productField div.product .newPrice{
	position: absolute;
	top: 40px;
	left: -10px;
	background-color: var(--themeColorDark);
	color: white;
	font-size: 19px;
	line-height: 1.9em;
	height:46px;
	padding: 5px 10px 5px 20px;
	z-index: 2;
	border-top-left-radius: 3px;
	box-shadow: 3px 3px 8px rgb(0 0 0 / 49%);
}
div.productField div.product .newPrice::after{
	content:'';
	position:Absolute;
	right:-23px;
	top:0;
	width: 0;
	height: 0;
	border-top: 23px solid transparent;
	border-left: 23px solid var(--themeColorDark);
	border-bottom: 23px solid transparent;
}
div.productField div.product .price,
div.productField div.product .priceOld{
	font-weight: bold;
	font-size: 22px;
	margin: 0 0 5px;
	line-height: 1em;
}
div.productField div.product .priceOld {
	color: var(--themeColor);
	font-size: 16px;
	line-height: 26px;
	min-height: 26px;
	text-decoration: line-through;
}
div.productField div.product input{
	display:none;
}


div.productField div.product .productContent .productName .options td:nth-of-type(2) {
	max-width: 100px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.productViewBeforeKorting{
	text-decoration: line-through;
	color: #a00000 !important;
	margin: 0 !important;
	line-height: 1.2em !important;
}
#productView .goBack{
	font-weight: bold;
	padding: 5px;
	display: inline-flex;
	margin-bottom: 8px;
	margin-top: -2px;
	align-items: center;
}
#productView .goBack svg{
	transform: translateY(1px) translateX(-5px) rotateZ(90deg);
	width: 18px;
	height:25px;
}

#productView span.btw,
div.productField div.product span.btw{
	font-size:11px;
	padding-left: 4px;
}
div.productField div.product span.set{
	font-size: 14px;
	width:100%;
	margin-bottom: 7px;
	margin-top: -4px;
	font-weight: bold;
	display: inline-block;
}
div.productField div.product span.dealerKorting{
	font-size: 14px;
	width:100%;
	margin-bottom: 7px;
	margin-top: -4px;
	font-weight: bold;
	display: inline-block;
}
#productView .productViewDealerPrice{
	text-align:right;
	margin: 0;
}
#productView h2.omschrijving{
	margin: 20px 0;
}

#productView .productViewModellen{}
#productView .productViewModellen table{
	width:100%;
}
#productView .productViewModellen table thead th{
	font-weight: bold;
	font-size: 15px;
	background-color: #efefef;
	padding: 7px 3px;
	border-bottom: 1px solid rgba(0,0,0,0.05);
}
#productView .productViewModellen table tbody td{
padding: 5px 3px;
}
#productView .productViewModellen table tbody tr:nth-of-type(odd) td{
background-color: rgb(221 221 221 / 20%);
}

.openVoorraadDescription,
.openFilterDescription{
	cursor:pointer;
}
.openVoorraadDescription{
	margin-left:8px;
}
	
/* ------------ */

.merkTitel{
	width:100%;
}
.merkLogo {
    max-height: 60px;
    position: absolute;
    right: 0;
    top: 0;
}

div.listview#productsList div.productField div.col{
	width:100% !important;
}
#productsList a.toggleListView i.showList  { display:block; }
#productsList a.toggleListView i.showBlocks{ display:none; }

div:not(.listview)#productsList .product input.product_aantal{
	display:none;
}

div.listview#productsList a.toggleListView i.showList  {  display:none; }
div.listview#productsList a.toggleListView i.showBlocks{  display:block; }
div.listview#productsList a.toggleListView input.product_aantal{
	display:block;
}
div.listview div.productField div.product input {
    width: 50px;
    text-align: center;
    padding-left: 10px;
    float: right;
    margin-top: -34px;
    margin-right: 6px;
}

a.toggleListView {
    float: right;
    display: block;
    padding: 6px 11px;
    font-size: 27px;
    color: #7f6a51;
}

div.listview#productsList div.productField div.product{
	width:100% !important;
	height: auto;
	padding-bottom: 10px;
	margin-bottom: 14px;
	border-bottom: 1px solid #ddd;
}
div.listview#productsList div.productField div.product h4{
	min-height:10px;
}
div.listview#productsList div.productField div.product .imageHolder.incr {
    width: 120px !important;
    float: left;
    height: 110px !important;
}
div.listview#productsList div.productField div.product .productContent {
    width: calc(100% - 120px) !important;
    padding: 0px 10px !important;
}

div.listview#productsList div.productField div.product a.button.mini {
    float: right;
    margin-top: -31px;
}

#productView .addProductToCart.disabled {
	opacity:0.2;
    cursor: not-allowed;
}
#productView p.productViewPrijs {
    font-size: 31px !important;
    margin: 0;
    font-family: Arial;
    font-weight: 600;
    line-height: 1.3em;
}
#productView #meervan {
    float: left;
    width: 100%;
    margin-top: 20px;
}
#productView .priceListItem p {
    float: left;
    width: auto;
    font-size: 16px;
}

div.orderproduct span.options {
    color: #b6b6b6;
    font-style: italic;
    padding-bottom: 30px;
    float: left;
}
#productView a.aantal {
    padding: 10px 3px;
    transform: translateY(-1px);
}

#productView .options td {
    line-height: 2.1em;
    font-weight: 400;
    line-height: 1.8em;
    font-size: 16px;
    color: #1c1a19;
}

#productView p.priceBottom,
div.productField div.product p.titleText,
div.productField div.product div.productprijs p.priceTop,
div.productField div.product div.productprijs p.priceBottom{
	font-size:12px;	
	margin:0;
}
div.productField div.product p.titleText{
    /* margin-bottom: 28px; */
    font-size: 16px !important;
}
div.productField div.product p.maatText{
	margin:0;
}
div.sorteren{
	padding: 10px 0;
}

div.category{
	margin-top:15px;
	padding:0;
}
div.category div.imageHolder{
	position:relative;
	width: 100%;
	height:250px;
	overflow:hidden;	
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;	
    background-color: rgb(249, 249, 251);
}
div.category .categoryContent {
	padding: 5px 15px;
    background-color: #faf9f7;
    text-align: center;
}
div.category .categoryContent h4{
	margin:0;
}
tr.noCount {
    
}
tr.noCount td.padding {
	padding: 15px;
    width: calc(100% - 15px);
    border-radius: 20px;
    display: inline-block;
    position: relative;
    background-color: var(--themeColorLight);
    border-radius: 3px;
    margin-bottom: 20px;
}

table.orderGegevens .inputAdres{
	display:none;
}
.addressOptions {
	padding:0;
}
.addressOption {
    padding: 10px; 
    background-color: white;
    border: 2px solid var(--themeColorLight);
    position:relative;
    cursor:pointer;
    line-height:1.3em;
    margin-bottom:10px;
}
.addressOption.selected {
	border: 2px solid var(--themeColorDark);
}
.addressOption:after {
	display:block;
	content:'';
	border-radius:50%;
	width:14px;
	height:14px;
	border: 2px solid var(--themeColorGrey);
	background-color: #f3f3f3;
	position:absolute;
	top:10px;
	right:10px;
}

.disabled > .addressoption:after{
	display:none;
}
.addressOption.selected:after {
	background-color: var(--themeColorDark);
}
.addressOption input{
	display:none;
}
.betaalwijze.ideal{
	height:auto;
}
.betaalwijze.ideal select{
	width:100%; margin-left:10px;
}
label.betaalwijze .addressOption{
    line-height: 54px;
}
label.betaalwijze .paymentcost{
	font-size:12px;
}
.transaction_percentage{
	font-size:12px;
}

.productViewVoorraad,
.productViewLevervak {
    padding: 10px 0;
    font-size: 16px;
    color:rgb(52, 52, 52);
}
.productViewVoorraad i:not(.openVoorraadDescription),
.productViewLevervak i {
    font-size: 26px;
    padding: 5px 5px 5px 0;
    transform: translateY(2px);
    margin-bottom: 7px;
    color: var(--themeColor_goldLight);
}

.pagination {
    text-align: center;
    width: calc(100% - 10px);
    float: left;
    padding: 10px !important;
}
.pagination .links{
	width:100%;
}
.pagination a {
    display: inline-block;
    padding: 9px 0 0;
    /* border: 1px solid var(--themeColorGreyLight); */
    border-radius: 2px;
    width: 38px;
    height: 38px;
    text-align: center;
    margin-right: 5px;
    background-color: white;
}
.pagination a.current,
.pagination a:hover {
	background-color: var(--themeColor);
	color: white;
	border-color: var(--themeColor);
}
.pagination .results {
    padding: 5px;
    width: 100%;
    text-align: center;
}

.topFilter{
	margin-bottom:20px;
	padding:10px 0;
}
label.categorieButton{
    display: inline-block;
    padding: 9px 12px 9px 20px;
    border-radius: 21px;
    border: 1px solid;
    cursor: pointer;
    transition: all 0.1s ease-in-out;
}
label.categorieButton:hover,
label.categorieButton.selected{
	background-color:#7F6A51 !important;
	border-color:white !important;
	color:white;
}
label.categorieButton input{
	display:none;
}
label.categorieButton span{
	display:none;
	float:right;
	margin-left:5px;
}
label.categorieButton input:not(:checked) ~ span.no{
	display:block;
}
label.categorieButton input:checked ~ span.yes{
	display:block;
}

/* -- product view -- */
#productOrder div.product_mainImage{
	position: relative;
	height: auto !important;
	padding: 0px;
	overflow: hidden;
	width: 200px !important;
	max-height: 100% !important;
	margin-right: 15px;
	margin-top: -55px;
	float: left;
	background-color: transparent;
}
div.product_imageBox div.product_mainImage{
    position: relative;
    width: 100%;
    /* height: 190px; */
    padding: 0px;
    overflow: hidden;
    background-color: transparent;
}
#productOrder div.product_mainImage img{
    max-height: 150px;	
}
#productOrder div.product_mainImage img,
div.product_imageBox div.product_mainImage img{
    display: block;
    width: auto;
    max-width: 90%;
    margin: auto;
    border-radius: 15px;
    cursor: pointer;
}
#productOrder input[name='naam_ontvanger'],
#productOrder input[name='achternaam_ontvanger']{
	width:100%;
}
@media screen and (max-width:768px){
	#productOrder input[name='naam_ontvanger'],
	#productOrder input[name='achternaam_ontvanger']{
		width:auto;
	}
}

div.product_imageBox div.product_mainImage img{
    max-width: 100%;
    /* min-width: 100%; */
    height: auto;
    width: auto;
    border-radius: 15px;
    max-height: 600px;
}
.product_smallImage .imageHolder {
	width: calc(25% - 6px);
    height: 10vw;
    float: left;
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom: 5px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	transition: all .2s ease-in-out;
	border-radius:15px;
}
.product_smallImage {
	position:relative;
    width: calc(100% + 6px);
	margin-left:-3px;
    height: auto;
    float: left;
    padding-top: 30px;
}
.product_smallImage .imageHolder:hover {
	opacity: 0.8;
	cursor:pointer;
}

body .product_smallImage .imageHolder:after {
	content:'';
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background-color: rgba(255,255,255,0.6);
	z-index:2;
}
body .product_smallImage .imageHolder img.background{
    border-radius: 15px;
    width: 100%;
    height: 100%;
    z-index: 1;
    filter: blur(1.5px);
    -webkit-filter: blur(1.5px);
}
body .product_smallImage .imageHolder img:not(.background){
    border-radius: 15px;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    z-index:3;
}
body .product_smallImage .imageHolder img.background ~ img:not(.background){	
    max-width: calc(100% - 10px);
    max-height: calc(100% - 10px);
}

#productView h1:not(.productViewTitle),
#productView h2,
#productView h3,
#productView h4{
	margin-bottom:0;
}
#productView a.modelLink{
	font-weight:bold;
	color:blue;
}
#productView input{
	width:100%;
}
#productView select.productOption {
    margin: 5px 0;
    width: 100%;
}
div.textField{	
    line-height: 1.6em;
}
div.textField ul{	
	margin-top:30px;
}
div.textField ol{
	list-style: url("../../images/icons/icon-check-circle.svg");
}

div.rightbox.whiteText p,
div.rightbox.whiteText a{
	color:white;
}
div.rightbox a {
    font-size: 20px;
    font-weight: 600;
}
div.rightbox h3{
    font-size: 25px;
}

#productView a.productButton {
    font-weight: 600;
    text-align: center;
    float: left;
    min-width: 200px;
    max-width: 100%;
}

#productView .product_imageBox.productViewImageBox {
    width: 100%;
    /* max-width: 400px; */
    border: 4px solid #fcf7f7;
    border-radius: 18px;
}

#sort{
	width:100%;
}

table.handleidingen,
table.prestaties{
	width:100%;
	padding:0;
	margin:10px 0;
}
table.prestaties tbody tr:nth-of-type(odd){
	background-color:#f7f8fa;
}
table.handleidingen tbody tr:hover,
table.prestaties tbody tr:hover{
	background-color:rgba(205, 0, 57, 0.02);
}
table.prestaties tbody tr.current{
	color: #212a33;
	background-color:#e9e5dc;
}
table.prestaties tr td:first-of-type{
	padding-left:30px;
}
table.prestaties tr td:last-of-type{
	padding-right:30px;
}
table.handleidingen tr td:last-of-type:not(:first-of-type),
table.prestaties tr td:last-of-type:not(:first-of-type){
	text-align:right;
}
table.handleidingen td,
table.prestaties td{
	line-height:20px;
	padding:15px 10px;
}
table.prestaties td{
    font-weight: bold;	
    font-size: 15px;
}
table.prestaties td img.drup{
	padding-bottom:3px;
}

table.handleidingen tr.manual{
	border-bottom:2px solid #ddd;
}

p.productViewSubsidie{
	color:#82d428;	
    line-height: 22px;
}
p.productViewSubsidie font{
	font-weight:normal;
	line-height: 15px;
}

#productView p.titleText {
    margin: 0 0 8px;
    font-size: 18px !important;
}

#productView .productExtraInfo {
    width: 100%;
    padding: 30px 0;
    color: #7f6a51;
    line-height: 2em;
}

#productView h3{
    margin-bottom: 0;
    margin-top: -16px;
    font-size: 36px;
}

#productView .titleText.big{
	font-weight:bold;
	font-size:25px;
}

#productView .productExtraInfo ul{
	
}
#productView .productExtraInfo a.favorite {
    position: absolute;
    right: 0px;
    top: 0;
    font-size: 21px;
    color: var(--themeColor_gold);
}

#productView .productViewModellen,
#productView .productViewOmschrijving {
    margin-bottom: 20px;
    background-color: #fff;
    padding: 3px 30px;
}
#productView .productViewModellen h3.omschrijving,
#productView .productViewOmschrijving h3.omschrijving{
	margin-bottom:20px;
    font-size: 18px;
    font-weight: 600;
    position: Relative;
}
#productView .productViewModellen p,
#productView .productViewOmschrijving p{
	margin:0;
}
#productView .productViewModellen a,
#productView .productViewOmschrijving a {
    color: blue;
    font-weight: 700;
    text-decoration: underline;
}

#productView .col-xs-12.pricebox {
    background-color: #fff;
    float: left;
    padding: 0;
}
#productView .product_Options{
	padding:20px 0;
}

#productView .priceListItem:first-of-type{
	display: none;
}
#productView .priceListItem:last-of-type{
	padding:20px 15px;
}
#productView .priceListItem p{
	float:left;
	width:auto;
}
#productView .priceListItem .productViewIcons{
	padding: 10px 0;
	display: flex;
	align-items: center;
	flex-direction: row;
}
#productView .priceListItem .productViewIcons .productIcons{
    text-align: left;
    height: auto;
    display: flex;
    justify-content: flex-start;
}
#productView .priceListItem img.productBrand {
    max-width: 100%;
    width: 60px;
    float: right;
    image-rendering: -webkit-optimize-contrast;
}
#productView .priceListItem .onlyBrand{
	display: flex;
    justify-content: center;
} 

#productView .priceListItem .onlyBrand img.productBrand {
	display:flex;
	width:auto;
	max-height:100px;
}

#productView[cat='20'] .productViewPrijsSet {
	display:none;
}

#productView .productViewPrijs {}
#productView .productViewPrijs.mini {
    font-size: 18px !important;
    line-height: 57px;
}
#productView .priceBottom font{
	font-size:14px !important;
	width:100%;
	margin-top:-8px;
	margin-left:0.1em;
	float:left;
}
#productView .priceBottom b{
	font-size: 20px !important;
	width:100%;
	float:left;
}
#productView .buttonsHolder {
    padding: 20px 15px;
}
#productView input#productAantal {
    text-align: center;
    width: 70px;
}
#productView .productExtraInfo .button.mini.favorite {
    width: 43px;
    height: 43px;
    margin: 5px 19px 0 30px;
    font-size: 19px;
    padding: 11px 0px 0 1px;
}
#productView .button.mini.favorite i{
	margin-left:0;
}

#productView #meerVanHolder{
	padding:40px 0;
}
#productView #meerVanHolder h3{
	margin:10px 0;
}

#productView .priceListItem {
    border-bottom: 1px solid #ddd;
}

#productView .priceListItem .priceRow{
	display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
#productView .priceListItem.productViewShippingPlane::empty {
	display:none;
}
.productViewShippingPlane {
    padding: 10px 15px;
    font-size: 16px;
    color: rgb(52, 52, 52);
}
.productViewShippingPlane i{
	font-size: 26px;
    padding: 5px 5px 5px 0;
    transform: translateY(2px);
    margin-bottom: 7px;
    color: var(--themeColor_goldLight);
}

/* -- order -- */
div.orderproduct{
	position:relative;
	padding: 20px 0;
	border-bottom:2px solid #efefef;
}
div.orderproduct:first-of-type{
	border-top:2px solid #efefef;
}
div.orderproduct h3{
	margin:0;
    font-size: 19px;
}
.shoppingTotalPrice,
div.orderproduct p.price{
	font-size: 18px !important;
    text-align: right;
    font-weight: bold;
}
div.orderproduct a.remove{
	position: relative;
    margin-right: 10px;
    padding-top: 10px;
}
div.orderproduct a.remove:hover{
	text-decoration:underline;
}
#productOrder div.productContext {
    min-height: 80px;
    padding-top: 55px;
}
#productOrder div.productContext input.aantal {
    -webkit-appearance: none;
    margin: 0;
    width: 49px;
    height: 35px;
    text-align: center;
    transform: translateY(2px);
    padding: 0;
}
#productOrder div.productContext a.aantal{
	line-height: 11px;
	font-size: 11px;	
    padding: 10px 0px 0px;
	margin: 0px 7px 0;
}
#productView a.aantal i,
#productOrder div.productContext a.aantal i{
	margin-left:0;
    color: #fff;
}

#productOrder div.orderInfo{
	padding: 20px 0;
	border-bottom: 2px solid #efefef;
}
#productOrder div.orderInfo b.title{
	margin-bottom:0;
	font-size:initial;
}
#productOrder div.orderInfo b.title ~ p{
	margin-top:5px;
}
#productOrder .contract label{
	float:left;
}
#productOrder .contract span{
	display:inline-block;
	float:right;
	text-align:right;
	font-size:13px;
    line-height: 20px;
}
	
#productOrder div.orderTotals{
	padding: 20px 20px;		
}
#productOrder div.orderTotals table{
	width:100%;
	margin-top: 0px;
}
#productOrder div.orderTotals table td{
	text-align:right;
	padding: 5px 10px;
}
#productOrder div.orderTotals table tr td:first-of-type{
	width:70%;
}
#productOrder div.orderTotals table tr td:last-of-type{
	width:30%;
}
#productOrder div.orderTotals{
	margin-top:30px;
    padding-right: 6px;
}


a.order.button{
	max-width:100%;
}

#productOrder{
	padding-bottom:40px;
}
#productOrder .orderNavigator{
	height: 110px;
    padding: 44px 0;
}
#productOrder .orderNavigator div.orderNavigator_line{
	position:relative;
	float: left;
	margin:auto;
	width: 100%;
}
#productOrder div.naviPart{
	position: relative;
	text-align: center;
	width: calc(20% - 5px);
	/* width: calc(25% - 5px); */
	z-index: 2;
	margin: 0;
	float: left;
	line-height: 20px;
	color: #ffffff;
	padding: 10px 0;
	background-color: #a00000;
}
#productOrder div.naviPart ~ .naviPart{
	margin-left:5px;
}
#productOrder div.orderNavigator_line div.dish{
	display: inline-block;
	background-color: #fff;
	position: absolute;
	height: 30px;
	width: 30px;
	border-radius: 50%;
	border: 2px solid var(--themeColor);
	top: -15px;
	left: 10px;
	text-align: center;
	line-height: 28px;
	color: var(--themeColor);
}
#productOrder div.naviPart.done,
#productOrder div.orderNavigator_line div.naviPart.current{
	font-weight:bold;
	background-color: var(--themeColor);
	color: #fff;
}
#productOrder div.naviPart:after,
#productOrder div.orderNavigator_line div.naviPart:after{
	content:'';
	position:absolute;
	right: -20px;
	top:0;
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-left: 20px solid var(--themeColor);
	border-bottom: 20px solid transparent;
	z-index: 2;
}
#productOrder div.orderNavigator_line div.naviPart:not(.current):not(.done):after{
	border-left: 20px solid ##a00000;
}

#productOrder div.naviPart:first-of-type:before{
	display:none;
}
#productOrder div.naviPart:last-of-type:after{
	display:none;
}

#productOrder div.naviPart:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-left: 20px solid white;
	border-bottom: 20px solid transparent;
	z-index: 0;
}

#productOrder div.orderNavigator_line div.naviPart.done div.dish,
#productOrder div.orderNavigator_line div.naviPart.current div.dish{
	background-color: #bc4c4c;
	color:white;
}

#productOrder div.orderNavigator_line div.naviPart.done div.dish{
	background-color: var(--themeColor);
	color:white;
	border-color: #fff;
}
#productOrder div.orderNavigator_line div.naviPart.current{
	background-color: #a37524;
}
#productOrder div.orderNavigator_line div.naviPart.current:after{
	border-left: 20px solid #a37524;
}


#productOrder table.orderGegevens{
	width:100%;
	margin-bottom:30px;
}
#productOrder table.orderGegevens tr td{
	line-height:30px;
	padding: 6px 5px;
}
#productOrder table.orderGegevens tr td:first-of-type{	
	min-width:100px;
}
@media screen and (min-width:769px){
	#productOrder table.orderGegevens tr td:first-of-type{	
		width: 30%;
	}
}
#productOrder table.orderGegevens tr td input[type="text"],
#productOrder table.orderGegevens tr td input[type="date"],
#productOrder table.orderGegevens tr td input[type="time"],
#productOrder table.orderGegevens tr td input[type="tel"],
#productOrder table.orderGegevens tr td input[type="mail"],
#productOrder table.orderGegevens tr td input[type="number"]{
	width: 100%;
    font-size: 14px;
}
#productOrder table.orderGegevens tr.anderAdres{
	display:none;
}
#productOrder .button.order,
#productOrder .button.backorder,
#productOrder .button.winkelwagen{
	min-width:150px;
}

#productOrder table.orderGegevens b.required{
	position:relative;
}
#productOrder table.orderGegevens b.required::after{
    position: absolute;
    top: -4px;
    content: '*';
    color: red;
    right: -11px;
    font-size: 12px;
}

#productOrder div.orderNavigator_line::after{
	content:'';
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
#productOrder div.orderNavigator_line.progress-25::after{
	width:25.0%;
}
#productOrder div.orderNavigator_line.progress-33::after{
	width:33.33%;
}
#productOrder div.orderNavigator_line.progress-50::after{
	width:50%;
}
#productOrder div.orderNavigator_line.progress-66::after{
	width:66.66%;	
}
#productOrder div.orderNavigator_line.progress-75::after{
	width:75%;
}
#productOrder div.orderNavigator_line.progress-100::after{
	width:100%;
}
div.betaalwijze{
	padding: 10px 30px;
	height:80px;
	line-height:54px;
	margin-bottom:8px;
	border-radius:3px;
	box-sizing:border-box;
	border: 2px solid transparent;
	cursor:pointer;
}
div.betaalwijze a.button{
	display:none;
    width: 120px;  
    margin-top: 8px;
    padding: 2px;
}
label.betaalwijze:hover div.betaalwijze,
label.betaalwijze input[type="checkbox"]:checked ~ div.betaalwijze,
label.betaalwijze input[type="radio"]:checked ~ div.betaalwijze{
	border: 2px solid #ddd;
}
label.betaalwijze input[type="checkbox"]:checked ~ div.betaalwijze a.button,
label.betaalwijze input[type="radio"]:checked ~ div.betaalwijze a.button{
	display:inline-block;
}

label.betaalwijze input[type="checkbox"],
label.betaalwijze input[type="radio"]{
	display:none;	
}
div.betaalwijze span.verzendPrijs{
	width: 120px;display: inline-block;height: 100%;
}

.verzendBeschrijving p{
	margin:0;
}

div.betaalwijze img{
    width: 62px;
    padding: 3px 10px;
}
div.betaalwijze select{
	margin-left:20px;
	width:auto;
}
	
#productOrder table.overzicht.orderGegevens {
    padding-bottom: 20px;
    margin-bottom: 16px;
}
#productOrder table.overzicht.orderGegevens tr:last-of-type td{	
	padding-bottom:20px !important;
}
#productOrder table.overzicht.orderGegevens tr td{	
	padding:0 !important;
}
	
#productOrder div.orderTotals.overzicht{
	margin-top: 0 !important;
	float: left;
	width: 100%;
}
#productOrder table.overzicht:last-of-type{
	margin-bottom:30px;
}
div.voorwaarden{
	padding:10px 10px !important;
}
div.voorwaarden label{
	max-width:60%;
	display:inline-block;	
    line-height: 26px;
}
@media screen and (max-width:769px){
	div.voorwaarden label{
		max-width:100%;
		width:100%;
	}
}
div.voorwaarden a.voorwaarden {
    font-size: initial;
    color: var(--themeColor);
    padding-top: 1px;
}
div.productenBottom  #productList{
    min-height: 300px;
    padding:0;
    background-color: rgb(160 0 0 / 2%);
    padding-left: 10px;
    padding-top: 10px;
    margin: 10px 0 0;
}
div.productField div.product h4{
	min-height: 54px;
}

.popupSearch{
    width: 100%;
    max-width: 500px;
    position: relative;
}
.popupSearch.shown span.close{
	position: absolute;
	display: flex;
	top: 44px;
	right: 2px;
	height: 36px;
	line-height: 16px;
	width: 30px;
	cursor: pointer;
	justify-content: center;
	align-items: center;
	z-index: 102;
}
.popupSearch:not(.shown) span.close{
	display:none;
}

.popupSearchContent{
    position: absolute;
    top: calc(100% + 4px);
    width: 100%;
    padding: 15px;
    background-color: #fff;
    z-index: 101;
    border-radius: 3px;
    border-bottom: 2px solid var(--themeColor);
    box-shadow: 0px 4px 11px 1px rgb(0 0 0 / 27%);
    min-height:80px;
	max-height: 300px;
    overflow: hidden auto;
}
.popupSearchContent:not(.shown){
	display:none;
}
.popupSearchContent ul{
    padding: 0;
    margin: 0;
}
.popupSearchContent ul li{
    width: 100%;
    padding: 5px 0;
    border-bottom: 1px solid #ddd;
}
.popupSearchContent ul li.merk{
    border-bottom: 1px solid var(--themeColorDark);
    padding-bottom: 4px;
    margin-bottom: 4px;
    text-align: center;
}
	
.popupSearchContent ul li img{
    float: left;
    width: auto;
    max-width: 40px;
    height: 30px;
    margin-right: 10px;
}
.popupSearchContent ul li.merk img{
    height: 30px;
    width: auto;
    max-width: 130px;
    float: initial;
    display: block;
    margin: auto !important;
}
.popupSearchContent ul li span{
    color: var(--themeColorDarkText);
    text-align: left;
    width: calc(100% - 50px);
    position: relative;
    display: block;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    line-height: 30px;
    text-overflow: ellipsis;
}
.popupSearchContent ul li.merk span{
    font-size: 14px;
    font-weight: normal;
    line-height: 40px;
}

.producten_listpageHolder .sidevak .closeMenu{
	display:none;
}

.errorTable{
	height: auto !important;
	margin-bottom:40px;
}
.errorTable h2{
	margin-bottom:30px;
}

/* -- merken -- */
.container.merken{
	min-height:50vh;
}
.container.merken .merkCol{
	margin-bottom:10px;
}
.container.merken .merkPreview{
	height: 100%;
	text-align: center;
	float: left;
	border-radius: 10px;
	padding: 10px 15px;
	border: 1px solid var(--themeColorGreyLight);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-content: flex-end;
	width: calc(100% - 10px);
}
.container.merken .merkPreview .merkImage{
	max-width:100%;
	/* max-height:200px; */
	width:auto;
	height:auto;
}
.merken div#productsList {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
.container.merken .merkPreview .merkContents{
    padding-bottom: 10px;
    /* min-height: 210px; */
}
.container.merken .merkPreview .merkContents ul{
	list-style:none;
	padding: 0;
	font-size: 11px;
}
.container.merken .merkPreview .merkContents ul li{}
.container.merken .merkPreview .merkContents ul li b{
	font-size:13px;
}
.container.merken .titleBar{
	min-height: 90px;
}

a.clearFilters {
    line-height: 1.5em;
    padding: 7px 0;
    display: inline-block;
    font-weight: bold;
}

.currentFilters:empty{
	display:none;
}
.currentFilters span {
	display: inline-block;
    padding: 2px 4px;
    width: max-content;
    cursor: pointer;
    min-width: 33%;
}
.currentFilters .removeFilter i{
	color: #a00000;
	font-size:11px;
	margin-right: 3px;
}

ul.type-color{
	max-width: 300px !important;
}

div#shoppingPopup {
    position: fixed;
    bottom: 10%;
    right: 20px;
    padding: 20px;
    background-color: #fff;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 24%);
    transform: translateX(calc(100% + 30px));
    transition: all .5s ease-in-out;
    z-index: 10;
}
div#shoppingPopup:not(.shown) {
	/* display:none; */
}
div#shoppingPopup.shown{
	transform: translateX(0%);
}
div#shoppingPopup a:not(.button){
	font-weight:bold;
	text-decoration:underline;
}


.searchSideBox {
	margin-top: 10px;
	width: 100%;
	background-color: transparent !important;
    border-bottom: 0 !important;
}
.searchSideBox input{
	background-color:white;
}

span.colorCheck {
    display: inline-block;
    width: 30px;
    height: 1em;
    border-radius: 3px;
    transform: translateY(2px);
    margin: 0px 8px;
}

/* -- product field categories -- */
	div.productField div.category {
		width: 100%;
		max-width: 230px;
		height: 230px;
		cursor: pointer;
		border: 1px solid var(--themeColorGreyLight);
		border-radius: 3px;
		padding: 10px;
		position: relative;
		background-color:white;
		margin: 0px auto 15px;
	}
	div.productField div.category div.imageHolder{
		height: calc(100% - 40px);
		width: calc(100% - 20px);
		margin: 10px 10px;
		background-size: contain;
		background-color: transparent;
		background-position: center;
		float: left;
		image-rendering: -webkit-optimize-contrast;
	}
	
	div.productField .category p.productName {
		margin-top: 0;
		text-align: center;
	}
	.searchFilters i {
		margin-left: 0 !important;
	}
	
@media (min-width: 990px){
	#productView .productExtraInfo {
		width: calc(100% - 15px);
	}
	div.productField .row{
		margin: 0;
		display: flex;
		flex-wrap: wrap;
		align-content: stretch;
		justify-content: flex-start;
		align-items: stretch;
		width: 100%;
	}
	.loginRight{
		padding-left:60px;
	}
	.loginLeft{
		padding-right:60px;		
	}
}
@media (min-width: 1024px){
	div.sidevak{
		gap:5px;
		padding:5px;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	#filterForm div.sideVak{
		display: flex;
		overflow: visible !important;
		z-index: 10;
		padding: 5px 15px;
		flex-wrap: wrap;
	}
	#filterForm div.sidevak div.sideBox{
		margin: 0;
		min-width: max-content;
		padding-right: 20px;
		flex: 1;
		/* max-width: calc(100% / 8); */
	}
	.currentFilters span:hover{
		background-color: #fbfbfb;
		border-radius: 3px;
	}
	.sideBox{
		width:auto;
	}
	div.sideVak div.sideBox{
		margin-bottom: 0; 
		float: left;
		height: 50px;
		position: relative;
	}
	div.sidevak div.sideBox .filterHead{
		line-height: 1.8em;
	}
	div.sidevak div.sideBox ul,
	div.sidevak div.sideBox section{
		position:absolute;
		top:calc(100% + 8px);
		left:0;
		width: max-content;
		max-width: calc(100vw - 40px);
		min-width: 230px;
		max-height:200px;
		background-color: #fff;
		border: 7px solid #fdfafa;
		outline: 1px solid #ddd;
		box-shadow: 6px 8px 21px 0px rgb(0 0 0 / 11%);
		z-index: 11;
		padding: 10px;
		margin-top: -7px !important;
	}
		
	div.sidevak div.sideBox:not(.shown) section,
	div.sidevak div.sideBox:not(.shown) ul{
		display:none;
	}
	div.sidevak div.sideBox section.range-slider {
		position: relative;
		width: 100%;
		height: 60px;
		padding: 0 10px !important;
		float: left;
		text-align: center;
	}
	div.sidevak div.sideBox.shown .filterHead::after {
		transform: rotateZ(0) translateX(0) translateY(0);
	}
	div.sidevak div.sideBox .filterHead::after {
		right: 6px;
		top: 13px;
		transition: all .1s ease-in-out;
		transform: rotateZ(90deg);
		
	--size: 20px;
		content: '';
		background-image: url("../../images/icons/down.svg");
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		position: absolute;
		height: var(--size);
		width: var(--size);
	}

	div.sidevak div.sideBox ul li label.customCheckbox{height: 33px;padding-left: 30px;line-height: 29px;font-size: 14px;font-weight: 300;}
	div.sidevak div.sideBox ul li label.customCheckbox span:not(.colorCheck){
		height:20px;
		width:20px;
	}

	.filterInfoHolder{
		display: flex;
		justify-content: space-between;
		border: 1px solid #ddd;
		min-height: 50px;
	}
	.filterInfoHolder .clearFilters{
		display: inline-flex;
		padding: 0;
	}
	.filterInfoHolder .clearFilters i{
		width: 50px;
		height: 100%;
		display: inline-flex;
		justify-content: center;
		align-items: center;
	}
	.filterInfoHolder .clearFilters font{
		border-right: 1px solid #ddd;
		display: inline-flex;
		align-items: center;
		padding-right: 15px;
	}
	.filterInfoHolder .searchBoxHolder{
		display:flex;
		align-items: stretch;
		justify-content: center;
	}
	.filterInfoHolder .searchBoxHolder a{
		padding:0 15px !important;
		display:inline-flex;
		align-items: center;
		margin: 3px 0;
	}
	.filterInfoHolder .searchBoxHolder .search{
		border:none;
		height:100%;
		width:100%;
	}
	.filterInfoHolder .currentFilters{
		padding:5px;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		max-height: 100px;
	}
	.filterInfoHolder .currentFilters b{
		font-family: 'Roboto-local';
	}
}
@media (max-width: 1024px){
	#productsList div.loader {
		position: fixed;
		top: 0;
		left: 0;
		height: 100dvh;
		width: 100vw;
	}
	div.sideVak div.sideBox{
		width:100% !important;
	}
	body div.product_imageBox div.product_mainImage img {
		width: auto;
		height: auto !important;
		max-width: 100% !important;
		max-height: 100% !important;
	}
	#productOrder div.product_mainImage {
		width: 90px;
		height: 90px;
		padding: 0px;
		float: left;
		margin-right: 15px;
		margin-top: -22px;
	}
	#productOrder div.orderproduct h3 {
		margin: 0;
		font-size: 18px;
	}
	#productOrder div.productContext {
		min-height: 80px;
		padding: 10px 0;
	}
	#productOrder div.orderproduct p.price {
		/* font-size: 18px; */
		margin: 7px 0;
	}
	
	div.sidevak div.sideBox {
		margin-bottom: 0;
		width: 100%;
		margin-bottom: 4px;
	}
	div.sidevak div.sideBox h4 {
		position:
		relative;
		/* background-color: #f7f8fa; */
		padding: 10px !important;
		font-family: 'Roboto-local';
		font-weight: 400;
	}
	div.sidevak div.sideBox h4:after{
		--size: 20px;
		content: '';
		background-image: url("../../images/icons/down.svg");
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		position: absolute;
		height: var(--size);
		width: var(--size);
		right: 10px;
		display: block;
		top: 7px;
		font-size: 14px;
		transition: all .1s ease-in-out;
		transform: rotateZ(90deg);
		transform-origin: 50%;
	}
	div.sidevak div.sideBox h4 ~ div.sorteren ,
	/* div.sidevak div.sideBox h4 ~ input , */
	
	/* div.sidevak div.sideBox h4 ~ ul {
		max-height:0px; 
		transition: all .3s ease-in-out;
		overflow:hidden;
		margin:0;
		opacity:0.0;
	} */
	
	div.sidevak div.sideBox h4.shown:after{
		transform: rotateZ(0deg) translateX(0px) translateY(-2px);
	}
	div.sidevak div.sideBox h4.shown ~ input,
	div.sidevak div.sideBox h4.shown ~ ul{
		margin: 10px 0;
	}
	div.sidevak div.sideBox h4.shown ~ ul,
	div.sidevak div.sideBox h4.shown ~ input,
	div.sidevak div.sideBox h4.shown ~ div.sorteren{
		overflow:auto;
		max-height: 10000vh;
		opacity:1.0;
		width: 100%;
		max-width: 100% !important;
		margin-left: 0 !important;
	}
	div.sidevak div.sideBox h4.searchHead{
		margin-top: -10px;
		display:none;
	}
	div.sidevak{
		border-right:0;
	}	
	div.sidevak div.sideBox ul li label{
		height: 20px;
	}
	div.sidevak div.sideBox ul li {
	    padding: 7px 6px 0px;
	    border-bottom: 1px solid #f6f6f6;
	}
	div.sidevak div.sideBox .type-color li{
		padding:0;
	}
	div.container.webshop div.products{
		border-left:0;
		padding: 15px 15px 15px 0;
	}	

	/* -- filters -- */

	body.showingFilters {
	    overflow: hidden;
	}
	.showingFilters div#jumbo-menu {
	    display: none;
	}
	div.sidevak{
		border-right: none;
		background-color: #fff;
		position: fixed;
		top: 33px;
		left: 0;
		height: calc(100dvh - 33px);
		width: 100%;
		z-index: 10;
		overflow: auto !important;
		display: flex;
		flex-wrap: nowrap;
		flex-direction: column;
		transition: left .2s ease-in-out;
		padding: 0 0 70px;
	}
	div.sidevak:not(.shown){
		left:-100%;
	}
	#filterForm div.sidevak div.sideBox{
		flex:none;
	}

	a.clearFilters{
	    display: flex;
	    align-items: center;
	    height: 60px;
	    width: 100px;
	    border-left: 1px solid #f1f1f1;
	    justify-content: center;
	    gap: 9px;
	}
	

	.producten_listpageHolder .sidevak .filtersTopBar{
		display: flex;
		align-items: center;
		border-bottom: 1px solid #f1f1f1;
		justify-content: space-between;
	}
	.producten_listpageHolder .sidevak .filtersTopBar > font{
		font-weight: 300;
		font-family: 'Roboto-local';
	}
	.producten_listpageHolder .sidevak .closeMenu.button{
		font-weight: 300;
		font-family: 'Roboto-local';
	}

	.sidevak .filtersTopBar + .currentFilters {
		width: 100%;
		position: relative;
		padding: 5px 15px;
		border-bottom: 1px solid #f3f3f3;
		margin-bottom: 5px;
	}

	.producten_listpageHolder .sidevak .closeMenu{
		display:block !important;
	}
	.producten_listpageHolder .sidevak .closeMenu i{
		width: 60px;
		height: 60px;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		border-right: 1px solid #f1f1f1;
	}
	.producten_listpageHolder .sidevak .closeMenu font{
		padding-left:20px;
	}

	div.sidevak div.sideBox ul li label.customCheckbox{height: 33px;padding-left: 30px;line-height: 29px;font-size: 14px;font-weight: 300;}
	div.sidevak div.sideBox ul li label.customCheckbox span:not(.colorCheck){
		height:20px;
		width:20px;
	}
	div.sidevak div.sideBox ul li label.customCheckbox span.colorCheckmark{
		position:absolute;
		z-index:0;
		border: 1px solid #ffffff;
		width: 100%;
		height: 100%;
		border-radius: 3px;
	}
	div.sidevak div.sideBox ul li label.customCheckbox input:checked + span.colorCheckmark{
		border-color:#a00000 !important;
	}
	div.sidevak div.sideBox ul li label.colorCheckbox{
		padding-left:0;
		margin: 4px 0;
		height: 40px;
		line-height: 40px;
	}
	div.sidevak div.sideBox ul.split li:nth-of-type(odd){		
		border-right:none;
	}
	div.sidevak div.sideBox ul.split li:nth-of-type(even){
		border-left: 1px solid #f6f6f6;
	}

	.currentFilters span {padding: 11px 4px;max-width: 100%;font-size: 15px;}
	.currentFilters span i{
		font-size: 18px !important;
		transform: translateY(1px) !important;
	}

	/* ------------- */
	
	/* .producten_listpageHolder .sidevak{
		position: fixed;
		top: 0;
		bottom: 0;
		right: 0;
		width: 100%;
		max-width: 300px;
		overflow: auto;
		z-index: 15;
		background-color: #fff;
		box-shadow: 0 0 40px rgb(0 0 0 / 53%);
		padding: 20px;
		transition: right .2s ease-in-out;
	}
	.producten_listpageHolder .sidevak .closeMenu {
		cursor: pointer;
		padding: 2px;
		display: block;
		font-weight: bold;
	} */
	.producten_listpageHolder .sidevak:not(.shown){
		/* display:none; */
	}
	
	#filterForm div.sidevak div.sideBox{
		border-radius: 0;
		border-width: 0px;
		border-bottom-width: 1px;
		width: 100% !important;
		padding: 6px 15px;
	}
	#filterForm div.sidevak div.sideBox .aos-init{
		transform: translateZ(0);	
	}
	
	div.container.webshop .productViewTitle {
		margin-bottom: 20px;
		font-size: 20px !important;
		line-height: 27px;
	}
	body #productView .productViewBrand {
		margin-bottom: 20px;
		font-size: 20px !important;
		line-height: 27px;
	}
	body #productView .productViewBrand::empty {
		display:none;
	}
	.button.searchButton.searchButtonMobile {
		transform: translateY(-2px);
	}
}
	
@media (max-width: 1024px){
	
	#productView .priceListItem .priceRow{
		padding:5px 0;
	}
	#productView .priceListItem{
		text-align:center;
	}
	#productView .priceListItem .priceRow p.priceBottom{
		width:100%;
		text-align:center;
	}
	#productView .priceListItem p {
		width: 100% !important;
	}
	#productView .priceListItem p.productViewNaam {
		margin-bottom: -9px;
	}
	#productView .productViewPrijs.mini {
		line-height: 35px;
	}
	div.buttonsHolder{
		padding: 9px 0 !important;
		text-align: center;
	}
	#productView .productExtraInfo .button.mini.favorite {
		float: right;
		margin-right: 29px;
	}
	.pagination .results {
		text-align: left !important;
	}
	.pagination a {
		margin-bottom: 5px;
	}
}
@media (max-width: 767px){
	#productView .productViewModellen, 
	#productView .productViewOmschrijving{
		padding:10px;
	}
	#productView .productViewModellen table thead th{
		font-size: 14px;
	}
	#productView .productViewModellen table tbody td {
		font-size: 12px;
		text-align:center;
	}
	#productView #meerVanHolder > .container{
		padding:0;
	}
	
	label.categorieButton{
		width: calc(50% - 3px);
		margin-bottom: 5px;
		text-align: center;
	}
	div.productField div.product{
		/* border:none; */
		height: auto;
		width: 100%;
		min-height: 620px;
	}
	#productOrder div.container.webshop{
		padding: 10px 25px !important;
	}
	
	div.container.webshop div.products {
		border-left: 0;
		padding-left: inherit;
		margin-left: 0;
		padding-right: inherit;
	}
	div.container.webshop div.products > div.container{
		padding-right:15px !important;
	}
	#productList{
		padding: 10px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 100% !important;
	}
	div.productField .col{
		padding: 0 5px !important;
	}


	div.productField div.product input{
		min-width:40px;
		width: 50%;
	}

	body a.order.button:not(.finishAll){
		width:100% !important;
		margin-right: 0 !important;
	}
	#productOrder div.orderTotals table{
		margin-top: 10px;
	}
	#productOrder div.orderTotals table tr td:last-of-type{
		padding-right:0;
	}
	body #productOrder div.orderTotals {
		padding: 0;
	}
	#productOrder div.orderNavigator_line div.naviPart {
		font-size: 11px;
	}
	div.listview div.productField div.product input {
		margin-top: -1px;
	}
	div.listview#productsList div.productField div.product a.button.mini {
		margin-top: 0px;
	}
	#productOrder .productenTitle{
		margin: 20px 0;
	}
	#productOrder div.product_mainImage {
		max-width: 130px !important;
	}
	div.productField div.product .productContent {
		left: 11px;
		right: 11px;
	}
	#productView .productExtraInfo .button.mini.favorite {
		margin: 0px 21px 0 9px;
	}
	div.productField div.product div.imageHolder {
		height: calc(40% - 20px);
	}
	#productView .productExtraInfo a.favorite {
		top: -38px;
		right: 10px;
	}
}
@media (max-width: 440px){
	.productContext{
		width:100%;
	}
	div.orderproduct span.options {		
		float: left;
		width: calc(100% - 60px) !important;
	}
	#productOrder div.orderproduct p.price{
		float: right;
		position: absolute;
		right: 0;  
		top: 0;
	}
}
@media (max-width: 400px){
	#productOrder div.container.webshop{
		padding: 10px 15px !important;
	}
	#productView a.productButton {
		margin-left:26px;
	}
	div.productField div.product {
		min-height: 100px;
	}
	.optionsHolder {
	    display: -webkit-box;
	    max-width: 100%;
	    -webkit-line-clamp: 1;
	    -webkit-box-orient: vertical;
	    overflow: hidden;
	}
	.row.flexRow {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
	}
}
@media (max-width: 330px){
	div.betaalwijze {
		padding: 10px 10px;
	}
	#productOrder div.container.webshop{
		padding: 10px 10px !important;
	}
}