:root {
    --kleur1:  #db2727;
	--kleur2:  #585a5c;
	--kleur3: #ececec;
    --kleur4:  #5d5d5d;
	--kleur5: #350e0e;
	--grijs:   #333333;
	--wit:	  #ffffff;
	--zwart:  #000000; 	
	--radius: 1px;
	--groen : #2dc72f;
	--softBackgroundcolor : #f5f5f56b;
	--softBorderColor : #f3f3f3;
	--lettertype1: 'Roboto', sans-serif;
	--lettertype2: 'Roboto';
	--lettertype3: 'Roboto';

	--innerWidth: 1300px;

}

html{height:100%;position:relative; scroll-behavior: smooth}

body{position:relative;height:100%;font-family:var(--lettertype2);
font-size:14px;line-height:170%;height:100%; color:#9c9090; margin:0;}

body,main,aside,article{color:#222222;}

main {
	width: calc(100% - 320px);
	display:inline-block;
	position:relative;
	border-right:1px solid #eee;
	padding-right:1em;
	box-sizing:border-box;
}

aside {
	width: 300px;
	height: 100%;
	position: relative;
	background: #fff;
	padding: 20px;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
}

@media only screen and (max-width:600px){
	main,aside{display:inline-block; width:100%;}
}



a{color:var(--kleur1)}
input,textarea,select{color:#9c9090; font-family: var(--lettertype2);}

input,textarea,select{  border:none; border-radius:2px;}

h1,h2,h3,h4,h5,h6{font-family: var(--lettertype2);line-height:120%; }
h1{color:var(--kleur1);font-size:30px}
h2{color:var(--kleur2);font-size:26px}
h3{color: var(--kleur2);font-size:22px;}

h1,h2,h3{text-transform:uppercase;letter-spacing:1px;}
h4{font-size:18px;}
h5{font-size:16px;}


@media only screen and (max-width:480px){body{font-size:14px;}}
@media only screen and (max-width:1024px){body{font-size:14px;}}
@media only screen and (min-width:1200px){body{font-size:15px;}}
@media only screen and (min-width:1680px){body{font-size:15px;}}

/* algemeen */
div,img,body{margin:0;padding:0;vertical-align:top;box-sizing:border-box;position:relative;}
span{vertical-align:top;}


img{max-width:95%;width:auto;height:auto;margin:auto; border-radius:2px;}

a {text-decoration:none;cursor:pointer;}
a:hover{text-decoration:underline}
.close-button {
	position: absolute;
	top: 0;
	right: 0;
	width: 24px;
	height: 24px;
	margin: 10px;
	font-size: 16px !important;
	font-weight: normal;
	line-height: 21px !important;
}

.knop, input[type="submit"] {
	width: auto;
	display: inline-block;
	padding: 12px 30px;
	background-color: var(--kleur1);
	color: #fff;
	font-size: 100%;
	line-height: 100%;
	transition: all 0.3s ease-in;
	cursor: pointer;
	vertical-align: top;
	font-weight: bold;
	border-radius: var(--radius);
	border: 2px solid var(--kleur1);
}

.knopLight, .knop.light {
	border: 1px solid var(--kleur1);
	color: var(--kleur1);
	background-color: transparent;
}
p .knop{margin-right:10px;}
.knop, input[type="submit"] {
	border-width: 4px !important;
	font-size: 130%;
	text-transform: uppercase;
}

.knop:hover{box-shadow:2px 2px 5px #ccc; transform:scale(1.05);}

.knop.actie{	background-color: var(--kleur4); border-color:var(--kleur4); color:#fff;	}

#toTopButton {
	display: none;
	position: fixed;
	z-index: 99;
	width: 47px;
	height: 47px;
	background: #0653b6;
	border-radius: 50px;
	bottom: 1em;
	border: none;
	padding: 0;
	line-height: 50px;
	cursor: pointer;
}
@media (max-width: 780px){
#toTopButton{ left:10px;}
}

#toTopButton.inview{
	animation:bounceInUp;
	animation-duration: 1s;
}

#toTopButton i {
	font-size: 50px;
	color: #fff;
	/* cursor: pointer; */
	margin-top: -2px;
	margin-left: -3px;
}

@media only screen and (max-width:801px){
	.knop, input[type="submit"] {
		padding: 10px 15px;
		font-size: 100%;
		margin-bottom: 10px;
	}
}
img.round-icon{height:80%;width:auto;max-height:400px;max-width:400px;border-radius:200px;border:2px solid #fff;float:left;}

.mobileonly, .mobile{display:none;!important}
.nomobile{display:inline;!important}
.nomobile.row{display:inline-block !important;}

@media only screen and (max-width:801px)
	{
	.mobileonly, .mobile{display:inline !important}
	.row.mobile{display:inline-block !important;}
	.nomobile{display:none !important}
	}
/*blog*/
div#blog_overzicht{	-webkit-columns: 50px 3;      -moz-columns: 50px 3;    columns: 50px 3; }
@media only screen and (max-width: 1024px){
	div#blog_overzicht{	-webkit-columns: 50px 2;      -moz-columns: 50px 2;    columns: 50px 2; }

}
@media only screen and (max-width: 500px) {
	div#blog_overzicht{	-webkit-columns: unset;      -moz-columns: unset;   columns: unset; }

}
div#blog_overzicht div{ -webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid; }
.blog_feed_item {
	margin-bottom: 13px;
	border-bottom: 1px dashed #ccc;
}
.blog_feed_datum {
	color: var(--kleur2);
}

div.blog_feed a.knop{float:right;}
div.blog_item{color:#777;}
div.blog_item h2{color:#000;}
div.blog_link{text-align:center;}
.blog_link a {
	width: ;
	box-sizing: border-box;
	width: 80%;
	margin: 2em 10%;
	font-size: 95%;
	text-align: center;
	border: 4px solid var(--kleur1) !important;
	border: ;
	background: #fff;
	color: var(--grijs);
	letter-spacing: 1px;
	transition: 0;
}
div.blog_titel a {
	text-decoration: none;
	color: #fff;
}
div#blog_navigatie {text-align:right;border-bottom:1px dotted #CCC;padding-bottom:5px;margin-top: -33px;}
div#blog_navigatie a{
	display: inline-block;
	width: 30px;
	height: 30px;
	background-color: #ff0000;
	padding: 0px;
	margin-right: 10px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 1.1em;
	border-radius: 15px;
}

div#blog_items{text-align:left;display:inline-block;vertical-align:top;width:60%;margin-right:1%;margin-bottom:4px;}
div#adres{text-align:left;width:35%;display:inline-block;text-align:left;vertical-align:top;}
div#blog_items div.blog_feed_datum{display:inline-block;width:150px;color:#C00;font-weight:bold;}
div#blog_items div.blog_feed_title{display:inline-block;width:auto;color:#eee;font-weight:normal;}

div.blog_header {
	background-position: center;
	width: calc(100% + 50px);
	margin-bottom: 20px;
	height: 220px;
	overflow: hidden;
	display: inline-block;
	background-size: cover;
	margin: -25px;
	/* transition: 2s ease-in-out all; */
	border-bottom: 8px solid #000;
}


div.blog_titel,div.blog_datum,div.blog_intro,div.blog_link{padding-left:10px;padding-right:10px;}

div.blog_block {
	margin-bottom: 10px;
	background-color: #881d1d;
	padding: 25px;
}

div.blog_block h2 {
	color: #000;
	font-size: 1.20em;
	position: relative;
	padding: 10px;
	box-sizing: border-box;
	text-shadow: 10px #000 10px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: #4c1414;
	text-align: center;
}

/* blog - latest 5 block */
div#canvas_latest_five_blogs {
	width: 100%;
	padding: 100px 0;
	max-width: 1100px;
	margin: auto;
}
div#canvas_latest_five_blogs a{text-decoration:none;}
div#canvas_latest_five_blogs h2{color:rgba(50, 169, 102, 1)}
span#blog_latest_1 {
	width: 50%;
	height: 350px;
	border: 1px dotted #ccc;
	display: inline-block;
	margin: 2%;
	max-width: 600px;
}
span#blog_latest_1 div.blog_image{position:relative;z-index:900; width:100%;height:100%;position:relative;}
span#blog_latest_1 div.blog_info{position:relative;z-index:901;  width:100%;height:100px;margin-top:-100px; padding:10px; background-color:rgba(255,255,255,0.7);font-size:1.1em;}
span#blog_latest_1 div.blog_info:hover{background-color:var(--kleur2);}

span.blog_recent_list{width:44%;box-sizing:border-box;display:inline-block;vertical-align:top;overflow:hidden;}
span.blog_recent_list span {
	max-height: 20%;
	width: 100%;
	vertical-align: top;
	border-bottom: 1px dotted #000;
	padding: 1em 0px 1em 1em;
	text-align: left;
	display: block;
}

span.blog_regel:hover {
	background-color: var(--kleur1);
}
div.blog_datum {
	font-size: 0.8em;
	/* color: #00; */
	display: inline-block;
	max-width: 40%;
	overflow: hidden;
	font-weight: bold;
}
div.blog_auteur{font-size:0.92em;color:#111;display:inline-block;max-width:65%;overflow:hidden;}
div.blog_titel{font-size:1.1em;display:block;width:100%;color:#222;}
@media only screen and (max-width:800px)
{
	div#canvas_latest_five_blogs{padding:10px;text-align:center;}
	span#blog_latest_1,span.blog_recent_list{width:95%;display:block;margin:auto;height:280px;}
	div.blog_datum{max-width:100%;width:100%;}
	div.blog_auteur{display:none;}
	span.blog_recent_list span{height:auto;}
	div.blog_datum,div.blog_titel{font-size:0.92em;width:100%;text-align:center;}

}
/* Latest blogs v2 */

#canvasRecentBlogs{background:var(--kleur5;)}
@media only screen and (min-width:768px){#canvasRecentBlogs {	padding: 60px 0 100px 0;}}
#canvasRecentBlogs div.canvas_container{width:100%;max-width:100%;}
.recentBlogBlock {
	display: inline-block;
	width: 30%;
	height: auto;
	margin: 10px;
	transition:0.5s all ease-in-ease-out;
	filter:grayscale(0.5);
}
.recentBlogBlock:hover {
	transform: scale(105%);
	filter:none;
}
@media only screen and (max-width:900px){ .recentBlogBlock {	width: 46%;	margin: 1%;}}
@media only screen and (max-width:481px){	.recentBlogBlock {width:100%;margin:0;max-width:none;	}}
#blogBlock0,#blogBlock1,#blogBlock2,#blogBlock3{   filter: grayscale(0.44);}
#blogBlock0:hover,
#blogBlock1:hover,
#blogBlock2:hover,
#blogBlock3:hover{ filter: none;  }

.blogHeader {	}
.blogHeader:hover{cursor:pointer; }

#blogBlock10 {
	display: none;
}

@media only screen and (max-width: 1600px) {
	#blogBlock8, #blogBlock9, #blogBlock10 {
		display: none;
	}
}
@media only screen and (max-width: 1024px) {
	#blogBlock4, #blogBlock5, #blogBlock6, #blogBlock7, #blogBlock8, #blogBlock9, #blogBlock10 {
		display: none;
	}
}



.blogHeader {	height: 250px;}

.blogHeader img {
	object-fit: cover;
	min-width: 100%;
	min-height: 100%;
	max-width: 100%;
	max-height: 100%;
	filter: grayscale(0.3);
}

.blogIntro, .blogLink, .blogDatum{display:none;}
.blogTitel {}
.blogTitel a {
	color: #fff;
	font-size: 120%;
	text-transform: uppercase;
	font-weight: bold;
}
.blogTitel h3 {
	font-size: 20px;
	font-weight: normal;
	margin: 0;
	height: auto;
	color: #fff;
	box-sizing: border-box;
	line-height: 120%;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 20px;
	text-shadow: 1px 1px 1px #000;
	background: #db272770;
}
.recentBlogBlock h2{
}



/* taal */
#selectLanguage img {
	margin: 3px;
	width: 23px;

	height: 23px;
	border-radius: 10px;
}
.languageIcon {
	margin-left: -4px;
}
#selectLanguage {
	position: fixed;
	left: 10px;
	top: 10px;
	z-index: 10000;
}
@media only screen and (max-width:769px){
	#selectLanguage {
		position: absolute;
		left: 12px;
		top: 61px;
		z-index: 10000;
		/* width: 30px; */
		/* width: 100%; */
		text-align: left;
	}
	#canvas_head.ingeklapt #selectLanguage{display:none;}
}

/* blokken */

div#canvas_website {
	position: relative;
	height: 100%;
	width: 100%;
	text-align: center;
	background: #000;
	padding-top: 50px;
}
#canvas_website.contentpagina, #canvas_website.ingeklapt{padding-top:25px;}

div#canvas_head{position:relative;height:auto;top:0;z-index:1000; width:100%; background: #fff;}
div#canvas_head.ingeklapt, div#canvas_head.contentpagina {
	position: fixed;
	background-color: var(--kleur1);
	width: 100%;
	height: 50px;
}
.video-wrapper {
	position: relative;
	padding-bottom: 42.25%;
	/* padding-top: 70px; */
	/* margin-botom: -162px; */
}
@media only screen and (max-width:500px){
	.video-wrapper{display:none !important;}
	iframe {
		max-width: 100%;
		height: auto;
		border: ;
	}
	.copyright-box {
		text-align: center;
		width: 100%;
		display: block;
		text-align: right !important;
		color: #fff;
		padding: 10px;
	}
}
.video-wrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


.pageContent {	width:100%; max-width: var(--innerWidth);	margin: auto;	text-align: left;}
@media only screen and (max-width:800px){
	.pageContent {	width:96%;}}

#content_shop .pageContent{width:100%; max-width:100%; text-align: center }

div.element:empty{padding:0; margin:0; display:none; !important;}



/* Kolommen */

.regel{width:100%; display:inline-block}

div.kolommen {	margin: auto;	padding: 1px;}
div.kolommen.paginabreed{max-width:100%;width:100%;}
div.kolommen.paginabreed div.canvas_container{width:100%;max-width:none}

.kolom{border-radius:var(--radius); padding:1em; text-align:center;display: inline-block; box-sizing: border-box;}
div.kolommen .kolom50, div.kolommen.kolom35, div.kolommen .kolom25{}
div.kolommen .kolom50 { }
div.kolommen .kolom35 { }
div.kolommen .kolom25 { }

div.kolom25 h3{letter-spacing:1px;}

div.kolom50{max-width:49%;}
div.kolom50.links{width:50%;margin-left:4%;margin-right:45%;}
div.kolom50.rechts{width:50%;margin-left:45%;margin-right:4%;}
div.kolom25 {	width: 23%;	margin: 0.5%;}

div.kolom33{display:inline-block;width:31%;margin:0.5%; }
div.kolom80 {	width: 80%;	margin: auto;	text-align: justify;}
.blockOverlay{width:100%;height:100%;position:absolute;opacity:0;background:#000;}

div.blok25, div.kolom25{display:inline-block;width:23%;margin-right:1%;margin-bottom:1%;text-align:left;}
div.blok35, div.kolom33{display:inline-block;width:30%;margin-right:1%;text-align:left;}
div.blok50, div.kolom50{display:inline-block;width:47%;margin-right:1%;margin-bottom:1%;text-align:left;}

div.kolommen .blok50{	max-width: 600px; 	}

div.kolom33.links{margin-right:17%;  }
div.kolom33.rechts{margin-left:17%;  }

@media only screen and (max-width:800px){
div.kolom80, div.kolom50 {
	/* width: auto; */
	max-width: 80%;
	margin: auto;
	display: inline-block;
	vertical-align: top;
}
}


@media only screen and (max-width:480px)
	{
	div.kolom33.links{margin-right:1%;  }
	div.kolom33.rechts{margin-left:1%;  }

	div.kolom80, div.kolom50, div.kolom33, div.blok50 {
		max-width: none;
		width: 100%;
		margin: auto;
		display: block;
		text-align: left;
		margin: 0 auto;
		padding: 10px 0;
	}
	div.kolom25{width:49%;margin:0%;display:inline-block; font-size:85%; }

	}



/* head */
div#canvas_head{min-height:50px;}
div#canvas_head.ingeklapt #canvas_categorien, div#canvas_head.contentpagina #canvas_categorien {	top: 55px;	height: 45px;	padding: 10px;}
div#canvas_head {
	margin: auto;
	position: fixed;
	top: 0;
	left: 0;
	/* box-shadow: 4px 6px 9px #0653b64d; */
	background: var(--kleur1);
	color: #fff;
}
div#canvas_head .canvas_container{max-width:100%; }
div#canvas_head .regel{width:100%;}
div#canvas_head .kolom33{margin:0 !important}
div#canvas_head .kolommen{display: inline-block; padding:0 !important; max-width: var(--innerWidth);}

div#canvas_head.ingeklapt .kolommen{max-width: 100%;}
div#canvas_head.contentpagina .kolommen{max-width: 100%;}

div#canvas_head .kolommen {	display: inline-block;	padding: 0 !important;	max-width: 1400px;	width: 100%;}

div#canvas_head.ingeklapt #headerRow2, div#canvas_head.contentpagina #headerRow2{height:0px; background: transparent}

@media only screen and (min-width: 801px){
	#headerRow2 {	width: 100%;	max-width: 100% !important;	background: #fff;	height: 50px;	padding: 10px;}

	#head_kolom1 { width:calc(100% - 950px);	}
#head_kolom2 { width:500px;	}
#head_kolom3 { width:400px; }
div#canvas_head div.kolom33 .regel:nth-child(1){height: 40px; }
div#canvas_head div.kolom33 .regel:nth-child(2){height: 50px; }
div#canvas_head.ingeklapt div#head_kolom1, div#canvas_head.contentpagina div#head_kolom1{width:130px !important;}
div#canvas_head.ingeklapt div#head_kolom2, div#canvas_head.contentpagina div#head_kolom2{width:calc(100% - 300px) !important;}
div#canvas_head.ingeklapt div#head_kolom3, div#canvas_head.contentpagina div#head_kolom3{width:140px !important; padding-top:10px;}
div#canvas_head.ingeklapt div.kolom33 .regel:nth-child(1){display: none}
div#canvas_head.contentpagina div.kolom33 .regel:nth-child(1){display: none}

}

@media only screen and (max-width: 800px){
	#head_kolom1{width:0;left:0;top:0;}
	#head_kolom2{width:0;left:0;top:0;}
	#head_kolom3{width:0;left:0;top:0;}
	#headerRow2 {
		display: none;
		opacity: 0;
		width: 100% !important;
		height: auto !important;
		box-sizing: border-box;
		padding: 1em;
		text-align: left;
		background: #fff !important;
		box-shadow: 5px 5px 5px #ccc;
		position: fixed;
		left: 0;
		top: 51px;
		z-index: 10;
		max-height: calc(100% - 100px);
		overflow-x: hidden;
		padding-bottom: 50px;
		overflow-y: scroll;
	}
	#headerRow2.inview{
		display: inline-block;
		opacity: 1.0;
	}
	#headerRow2.inview #categorien{display:inline-block;}
	#headerRow2.inview #menuProductCategories {
		top: unset;
		left: unset;
		width: 100%;
		position: relative;
	}
}

#categorien li a {	font-weight: 600;}

i.fa.fa-arrow-circle-down.menu-more {
	color: var(--kleur1);
	float: right;
	border-radius: 0;
	width: 25px;
	height: auto;
	/* color: #fff; */
	background: var;
	font-size: 20px;
}
@media only screen and (min-width:801px){
.fa.fa-arrow-circle-down.menu-more {	display: none;}}

/* head : logo  */

div#canvas_logo {
	display: none;
	z-index: 1000;
	height: 100px;
	display: inline-block;
	padding: 10px;
	text-align: left;
	position: absolute;
	left:20px;
}
@media only screen and (max-width: 800px){
	div#canvas_logo, div#canvas_logo.ingeklapt, div#canvas_logo.contentpagina {
		text-align: center;		display: inline-block;		height: 58px;		padding: 2px;
	}
}
#canvas_logo h3 {
	color: #fff;
	margin: 0;
	font-size: 200%;
	font-weight: bold;
}
div#canvas_logo img {	transition: all 0.3s ease-in-out;	max-height: 100%;	max-width: 100%;	width: auto;	height: 100%;}
div#canvas_logo img#fclogo{display:none;}
div#canvas_logo img#monologo{display:block;}
div#canvas_logo.ingeklapt #fclogo, div#canvas_logo.contentpagina #fclogo{display:none;}
div#canvas_logo.ingeklapt #monologo, div#canvas_logo.contentpagina #monologo {display:inline-block;}
div#canvas_logo img{height: auto; width:auto; max-width: 100%; max-height: 100%;}

div#canvas_logo.ingeklapt, div#canvas_logo.contentpagina {	position: fixed;	top: 0;	height: 50px;	padding: 10px;	width:auto;}
@media only screen and (max-width:1001px){
	div#canvas_logo {width: 30%}
	div#canvas_logo.ingeklapt, div#canvas_logo.contentpagina {}
	div#canvas_logo, div#canvas_logo.ingeklapt, div#canvas_logo.contentpagina {
		text-align: center;
		display: inline-block;
		height: 50px;
		width: auto;
		position: fixed;
		top: 5px;
		left: 50px;
		max-height: 50px;
		padding: 4px;
		margin-top: 0;
	}
}


.quickSearchResult{
	display:flex;
	max-height: 80px;
	border-bottom:1px solid #eee;
}
.quickSearchResult .imageContainer {
	min-width: 100px;
	text-align: center;
	max-width: 30%;
}
.quickSearchResult .imageContainer img{
	max-width: 100px;
	max-height: 70px;
}
 .quickSearchResult.header {
	font-weight: bold;
	padding: 5px;

}

.quickSearchResult:hover{background:#eee; cursor:pointer}

.quickSearchResult .productName {
	height: 80px;
	text-align: left;
	padding: 5px;
	width: 50%;
	font-size: 14px;
	padding-top: 26px;
	color: var(--kleur1);
	line-height: 120%;
}

.quickSearchResult .productPrice {
	min-width: 50px;
	flex: 1;
	display: inline-block;
	padding-top: 28px;
	font-size: 12px;
	font-weight: bold;
	max-width: 20%;
}
form#productSearchForm label{display:block; width:100%;}
@media only screen and (max-width:600px){
	form#productSearchForm label{display:inline-block; width:49%;}
}


@media only screen and (min-width: 801px) {
.ingeklapt #menuProductCategories, .contentpagina #menuProductCategories {
	top: 10px;
	left: 150px;
	text-align: left;
	width: calc(100% - 500px);
	position: fixed;
}
.ingeklapt #categorien a, .contentpagina #categorien a {	color: #fff;	}






	#product_search {
		display: inline-block;
		height: 46px;
		padding: 0;
		margin: 0;
		font-size: inherit;
		width: 100%;
	}



	#product_search_advanced {
		background: #fff;
		width:100%;
		position: relative;
		z-index: 100;
		border: 1px solid #eee;
		left: unset;
		display: inline-block;
		padding: 1em;
		color: #000;
		font-size: 95%;
	}

	.ingeklapt #product_search, .contentpagina #product_search {
		height: 38px;
		margin: 6px auto;
		width: 200px;
		right: 160px;
		left: unset;
		position: fixed;
	}

	.ingeklapt #product_search_advanced, .contentpagina #product_search_advanced {
		right: 150px;
		top: 50px;
		left: unset;
		position: fixed;
		width: 350px;
	}

}



#product_search_advanced .knop {
	padding: 5px;
	float: ;
	margin: auto;
	width: 100%;
	text-align: center;
}



.navigatie a.current {
	background: var(--kleur1);
	color: #fff;
	font-weight: bold;
}
.navigatie a {
	height: 32px;
	width: 32px;
	color: #000;
	background: #fff;
	display: inline-block;
	text-align: center;
	line-height: 25px;
	font-size: 15px;
	padding-top: 2px;
	box-sizing: border-box;
	margin-left: 1px;
	border: 1px solid var(--softBorderColor);
}
#navigatie a.actief{	background-color:#f00;	color:#fff;}

@media only screen and (max-width:600px)
{
	#navigatie a:nth-of-type(n+5) {
		display: none !important;
	}
}

#navigatie {
	display:inline

}
#navigatie_onder{
	padding-top: 10px;
	border-top: 1px solid #eee;
	margin-top: 10px;
	text-align: center;
}

/* Categorien Menu */


.subcategorien { 	padding: 0 10px;}
@media only screen and (max-width: 800px){
	#menuProductCategories {
		width: 100%;
		border-bottom: none;
		position: fixed;
		text-align: left;
	}
}

#categorien { 	max-width: 1400px;	text-align: left;	display: inline-block;	margin: auto;	width: 100%;	padding: 0; margin:0 auto;}
#categorien li {
	display: inline-block;
	width: 100%;
	border-bottom: 1px dotted #ccc;
	margin-right: 10px;
	vertical-align: top;
	font-weight: bold;
	width: auto;
	padding: 10px 10px;
	/* box-sizing: border-box; */
}
#shop_side li, #shop_side #categorien li{width:100%;}
#shop_side #categorien a{ color:var(--kleur1);}
#searchNoResults {
	border-bottom: 1px solid #e0e0e1;
	padding: 1em;
	text-align: center;
	font-weight: bold;
	text-align: left;
}
#categorien a {	color: var(--kleur1);	font-weight: normal;}
#categorien li ul li {	font-weight: normal;}
#categorien li > ul > li {
	display: block;
	height: 20px;
	text-align: left;
	margin-left: 10%;
	width: 85%;
}
#categorien li > ul.subcategorien {
	display: none;
	width: 100%;
	position: absolute;
	background: #fff;
	color: #000;
	top: 55px;
	z-index: 1000;
	/* border: 1px solid #eee; */
	left: 0;
	max-width: 1400px;
	margin: auto;
	right: 0;
	padding: 0;
	font-size: 90%;
	box-shadow: 3px 3px 1px #ccc;
}
#categorien ul.subcategorien.actief {
	display: inline-block;
	position: fixed;
	top: 60px;
	left: 0;
	z-index: 10;
	max-height: calc(100% - 80px);
	overflow-x: hidden;
	width: 100%;
	overflow-y: scroll;
	opacity: 1;
}
#categorien ul.subcategorien a {	color: #333;}

@media only screen and (max-width:800px){
	#categorien a{color:var(--kleur1);}
	#categorien li{width:100%;}
	#product_search{
		display: inline-block;
		width:100%;
		position:fixed;
		top:50px;
		left:0;
		height: 40px;
	}
	#product_search_advanced {
		background: #fff;
		width: 100%;
		position: fixed;
		bottom: unset;
		left:0;
		color: var(--kleur1);
		padding: 1em;
		text-align: left;
		line-height: 30px;
		top: 91px;
		max-height: calc(100% - 100px);
		overflow: scroll;
	}
}
/* Openingstijden */

.openingstijden {	display: inline-block;	width: 100%;	max-width: 256px;	text-align: left;}
.openingstijden .dag, .openingstijden .tijd{display: inline-block; width:49%;}
@media only screen and (max-width: 600px){
	.dag{width:100% !important; font-weight: bold;}
	.tijd{width:100% !important; font-weight: normal; border-bottom:1px solid rgba(255, 255, 255, 0.4)
	}
}
/* Zoekmachine */
#product_search i {	position: absolute;	z-index: 1;	color: var(--kleur1);	top: 14px;	right: 5px;	padding: 0;	margin: 0;}
#product_search input{height:100%;width:100%; margin:0;}

@media only screen and (min-width: 600px) and (max-width:1000px){
	#product_search {
		width: 100%;
		margin: 0;
		bottom: 26px;
	}
	#product_search input{margin:0;}
}

@media only screen and (max-width:600px){
	#product_search, .ingeklapt #product_search, .contentpagina #product_search {
		width: 100% !important;
		padding: 0;
		bottom: unset;
		left: 0;
		height: 45px;
		top: 50px;
		position: fixed;
		z-index: 10;
		font-style: 1.2em;
		margin: 0px;
		/* box-shadow: 5px 5px 5px #e9e9e9; */
		border: none;
	}
	#product_search input{margin:0;}
}

/* Speerpunten */

#speerpunten {
	width: 100%;
	display: none;
	color: #fff;
	padding: 0;
	margin: 8px 0;
	font-size: 11px;
	text-align: center;
	position: relative;
}
@media only screen and (max-width:801px){
	#speerpunten {
		width: 100%;
		left: 0;
		right: 0;
		text-align: center;
		position: fixed;
		bottom: 0;
		background: #efefef;
		color: var(--kleur1);
		z-index: 1;
		padding: 3px;
		box-sizing: border-box;
		margin: 0;
	}
}
.ingeklapt #speerpunten {	opacity: 1;}
#speerpunten li::before {	color: #fff;	content: "\2713\0020";}
#speerpunten li { 	display: inline-block;	width: 33%;	max-width: 250px;}
@media only screen and (max-width:601px){ #speerpunten{display: none;} }

/* menu */

div#canvas_menu ul li{display:inline-block;width:auto;margin-right:10px;list-style-type:none;letter-spacing:1px}
div#canvas_menu a:hover{font-weight:bold;}
.collapse-button {
	position: fixed;
	top: 12px;
	left: 12px;
	border-radius: 1px;
	padding: 0px;
	cursor: pointer;
	text-align: center;
	z-index: 100000;
}
.collapse-button:hover, .collapse-button:focus{background-image:none;color:#FFF;}
.collapse-button .icon-bar {
	border-radius: 1px 1px 1px 1px;
	display: block;
	height: 3px;
	background-color:#fff;
	width: 30px;
	margin: 4px auto;
	margin-bottom: 6px;
}
.ingeklapt .icon-bar, .contentpagina .icon-bar{background-color:#fff;}
.ingeklapt .collapse-button, .contentpagina .collapse-button{background-color:transparent;}
div#canvas_menu_hr a {
	transition: all 0.3s ease-in-out;
	padding-top: 0px;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
}

@media only screen and (max-width: 768px) {
	#canvas_menu li {
		width: 100%;
		border-bottom: 1px dashed#4f4f4f;
		padding: 5px 20px !important;
	}
	#canvas_menu ul{padding:0;}
	div#canvas_menu {
		position: fixed;
		top: 50px;
		background: #000;
		text-align: left;
		width: 100%;
		padding-bottom: 20px;
		left:0;
	}
	div#canvas_menu ul li {
		display: inline-block;
		width: auto;
		margin-right: 10px;
		list-style-type: none;
		letter-spacing: 1px;
		width: 100%;
	}
	div#canvas_menu a{color:#fff;}

}

div#canvas_menu_hr ul.sub-menu li a{color:#888;}
div#canvas_menu_hr ul.sub-menu li a:hover{color:#000;}
div#canvas_menu_hr li {
	display: inline-block;
	margin: 10px 0 0 0;
	border-right: 1px solid transparent;
	padding: 0 10px;
}

div#canvas_menu_hr.ingeklapt li{}
div#canvas_menu_hr li:last-child{border:none;}
div#canvas_menu_hr span.sub-collapser{display:none;}
ul.slimmenu li {margin-left:-10px;}
ul.slimmenu li:last-child {}
ul.slimmenu li ul li{border:0px;background-color:none;width:150px;text-align:left;}
div#canvas_menu_hr ul.sub-menu{
	background-color:var(--kleur3);
	-webkit-box-shadow: 3px 3px 12px 0px rgba(50, 50, 50, 0.18);
	-moz-box-shadow:    3px 3px 12px 0px rgba(50, 50, 50, 0.18);
	box-shadow:         3px 3px 12px 0px rgba(50, 50, 50, 0.18);
	padding:5px;
}
ul.slimmenu{list-style-type:none;margin:0;padding:0;}
ul.slimmenu li{position:relative;display:inline-block;box-sizing:border-box;}
ul.slimmenu li:last-child{border-right:0xp;}
ul.slimmenu > li{}
ul.slimmenu > li:first-child{border-left:0}
ul.slimmenu > li:last-child{margin-right:0}
ul.slimmenu li a{display:block;padding:0px;
	transition:background-color 0.2s ease-out; -o-transition:background-color 0.2s ease-out; -moz-transition:background-color 0.2s ease-out;
	-webkit-transition:background-color 0.2s ease-out; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
ul.slimmenu li a:hover {
	text-decoration: none;
	background: #000;
	padding: 0 10px;
}
ul.slimmenu li .sub-collapser{color:#eee;position:absolute;right:0;top:0;width:30px;height:100%;text-align:center;z-index:999;cursor:pointer;}
ul.slimmenu li .sub-collapser:before{content:'';display:inline-block;height:100%;vertical-align:middle;}
ul.slimmenu li .sub-collapser > i{display:inline-block;vertical-align:middle;}
ul.slimmenu li ul{list-style-type:none;}
ul.collapsed{}
ul.collapsed li{padding-left:10px;padding-right:10px;}

@media only screen and (min-width: 800px)
{
	ul.slimmenu li ul a{list-style-type:none;padding:5px;border-bottom:1px dotted #eee;font-weight:normal;}
}

ul.slimmenu li ul li{min-width:240px;}
ul.slimmenu li ul li:last-child{}
ul.slimmenu li ul li:first-child{}
ul.slimmenu li ul li:hover{min-width:240px;}

ul.slimmenu li > ul{display:none;position:absolute;left:0;top:100%;z-index:999;font-weight:400}
ul.slimmenu li > ul > li ul{display:none;position:absolute;left:-100%;top:0;z-index:999;width:100%;}

ul.slimmenu.collapsed li > ul{width:100%;box-sizing:border-box;}
ul.slimmenu.collapsed li{display:block;width:auto;-webkit-box-sizing:border-box;margin:0px;margin-top:5px;margin-bottom:5px;}
ul.slimmenu.collapsed li a{display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;color:#000;}
ul.slimmenu.collapsed li .sub-collapser{height:40px;}
ul.slimmenu.collapsed li > ul{display:none;position:static;}

/* LOGIN KNOPPERN */

@media only screen and (min-width:800px){
	div#service_login_basket {
		width: 140px;
		height: 50px;
		display: inline-block;
		position: fixed;
		top: 10px;
		right: 10px;
	}
}

div#service_login_basket i  {font-size:25px;}
div#canvas_login {width:30px; display:inline-block}
#service_login_basket a {
	color: #fff;
}
div#canvas_mini_basket {width:100px; display:inline-block}
#canvas_mini_basket a {	color: #fff;}

@media only screen and (max-width:800px){
	div#canvas_login {width:40px; display:inline-block;	position:fixed; top:10px; height:40px;padding:3px;right:50px;}

	div#canvas_mini_basket {
		width: 40px;
		height:40px; top:10px;
		display: inline-block;
		position: fixed;

		right: 10px;
		padding: 3px;
	}

}
div#canvas_klantenservice {	}
div#service_login_basket h4, div#service_login_basket h5{display:none;}

#canvas_mini_basket.focus {background:#fff;}
#canvas_mini_basket.focus a{color:#000;}
#canvas_mini_basket.focus i{color:#000;}
#basketTotal {
	font-size: 80%;
	text-align: right;
	display: inline;
}
div.quantity, #basketQT {
	display: inline-block;
	border-radius: 20px;
	background: #fff;
	color: #000306;
	width: 16px;
	height: 16px;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	margin-left: -10px;
	border: 1px solid var(--kleur1);
}
div#canvas_login li{display:inline-block;}
div#canvas_login a{text-decoration:none;cursor:pointer;}



/* Shop */
@media only screen and (min-width:801px){
#shop_side{width:260px; display: inline-block;text-align: left;}

#shop_main{width:calc(100% - 280px); display: inline-block}}

#shop_side::empty{display: none}
#shop_side::empty + #shop_main{width:100%;}

@media only screen and (max-width: 800px){#shop_side, #shop_main{width:100%;}}
#shop_side:empty {display: none;}
#shop_side:empty + #shop_main{width:100%;}


div#canvas_menu{display:none;}
div#canvas_menu_hr {
	font-size: 100%;
	display: inline-block;
	right: 0;
	width: 100%;
}

div#canvas_menu_hr.ingeklapt, div#canvas_menu_hr.contentpagina {}
div#canvas_menu_hr a{color:#fff;}
div#canvas_menu_hr.ingeklapt a, div#canvas_menu_hr.contentpagina a {	color: #fff !important;}


div#canvas_header {	postion: relative;	height: 38%;	width: 100%;	max-height: 400px;}

div#canvas_slider, div#canvas_header.home {
	max-height: none;
	height: 80%;
	height: 80vh;
	overflow: hidden;
	width: 100%;
	margin: auto;
	border-radius: 0px 0px 0px 0px;
}
@media only screen and (max-width:481px){
	div#canvas_header.home{height:70%;height:70vh;}

div#canvas_header.home {	margin-bottom: 10px;}
}

div#canvas_header.contentpagina{}



div#canvas_content{position:relative;width:100%;min-height:500px;}
div#canvas_content{max-width:100%;overflow:hidden;}
@media only screen and(min-width:800px){
	div#canvas_content{padding-top:40px;}
}
div#canvas_recenties{position:relative;width:100%;background-color:#eee;min-height:200px;padding:2em 0 2em 0;}
div#canvas_latest_blog{display:none;}

div#content{padding:0;}

div#createdby{font-size:0.8rem;color:#444;width:100%;text-align:right;padding:5px;margin:0;}
div#createdby a{color:#444;}

div.canvas_container{width:100%;max-width: var(--innerWidth); position:relative; margin-left:auto;margin-right:auto;}

div#broodkruimel,div#broodkruimel a{color:rgb(174, 194, 183)}
	

	
 	@media only screen and (max-width:600px){
		div#broodkruimel{display:none;}
		div#canvas_website, #canvas_website.contentpagina, #canvas_website.ingeklapt {
			padding-top: 50px;
		}
	}

/* elements */
div.element {
	width: 100%;
	height: auto;
	position: relative;	
}
div.element.PAGE {	width: 100%;	max-width: 1400px;	margin: auto;	padding: 3em 1em ;	text-align: left;}
div.element.GALLERY {
	background-color: #f1f1f1;
	width: 100%;
	max-width: 100%;
	padding: 3em;
	margin: 0;
}
div.element.FORM h3{color:#222;}
div.element.FORM .form_field_desc {
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
}
div.div_form_desc {
	font-weight: bold;
	letter-spacing: 1px;
}
div.element.FORM {
	background-color: #bd2c2c;
	padding: 2em 0;
	color: #000;
	width: 100%;
	margin: 0 auto !important;
	max-width: 100%;
}

@media only screen and (max-width:800px){	div.element.PAGE, div.element.FORM{padding:0.5em;}

}
div.element.FORM .canvas_container{padding:0; max-width: var(--innerWidth);}
div.element.GALLERY .canvas_container{}
div.element.BLOCK .imageonly {	height: 500px;	padding: 160px 0;	opacity: 1;}
div.element.BLOCK .imageonly h2 {	font-size: 50px;		margin: 0 auto;	height: 50px;	; max-width: var(--innerWidth);}
div.bullitpoints{padding:4em 0;}
div.bullitpoints ul{width:100%;max-width:var(--innerWidth);list-style-type:none;margin:auto;}
div.bullitpoints ul li::before {
	content: "\2714\0020";
	color: #ec9393;
}
div.bullitpoints ul li {
	width: auto;
	min-width: 300px;
	display: inline-block;
	text-align: left;
	padding: 10px;
	color: var(--kleur1);
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	list-style-type: none;
	margin: 10px;
	/* float: left; */
	border: 3px solid var(--kleur1);
	color: #fff;
	font-size: 117%;
	background: #db2727;
}
/* Foto gallery */
div#fotoGallery{width:100%;display:block;position:relative;height:auto;}
.fancybox-thumb {	opacity: 0.8;	transition: all 0.6s ease-in-out;	filter: saturate(0.85);}
.fancybox-thumb:hover {	opacity: 1;	filter: saturate(1);}
div.gallery_thumb {
	width: 23%;
	padding: 0;
	padding-top: 200px;
	display: inline-block;
	cursor: pointer;
	margin: 1%;
	background-position: center center;
	background-size: 100% 100% !important;
	transition: 0.2s all;
	box-shadow: 2px 2px 3px #0000006b;
}

@media only screen and (min-width:1100px){
div.gallery_thumb:hover {
	box-shadow: 10px 10px 10px #333333b5;
	width: 24%;
	margin: 0.5%;
	padding-top: 220px;
	transform: rotate(0deg);
}}

@media only screen and (max-width:1000px)
{
div.gallery_thumb {	width: 48%;		padding-top: 250px;	}
}

#canvas_website.voorpagina .fotoGallery .fancybox-thumb:nth-child(1n+7){display:none;}

@media only screen and (min-width:1025px){div.gallery_thumb:hover{background-size:105% 105%!important; )}}

.image-description {
	position: absolute;
	display: inline-block;
	color: #fff;
	top: 60%;
	height: 40%;
	left: 0;
	text-align: center;
	width: 100%;
	font-size: 17px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: var(--lettertype2);
	background: #00000080;
	padding: 15px;
	box-sizing: border-box;
}


@media only screen and (min-width:801px){div#fotoGallery div.gallery_thumb{ width:33%;padding-top:33%;}}
@media only screen and (min-width:1025px){div#fotoGallery div.gallery_thumb{width:25%;padding-top:25%;}}
/* videos */

/* iframe{width:320px !important; height:240px !important; max-width:100% !important; margin:1em 0 1em 0;} */


span.video{padding:20px;}
span.video iframe{width:400px;height:300px;margin:auto;}

/* content */


div#content {
	margin: auto;
	background-color: #000;
	color: #fff;
}

div#shop_gadget,div#content_2{max-width:30%;display:inline-block;text-align:left;background-color:rgba(244,244,244,1);color:#555;padding:2em 1em 2em 2em;float:right;font-size:0.92em}
div#broodkruimel a {
	text-align: left;
	color: var(--kleur1);
	padding: 2px;
	height: 20px;
	box-sizing: border-box;
	margin-right: 2px;
	color: #333;
	background: #fff;
}


div#content_2 img,div#content_1 img{max-width:90%;height:auto;}
div#content_2 img, div#content_1 #canvas_configurator img{border:0;}

@media only screen and (max-width:801px)
{
div#content img,div#content_1 img{float:none; display:block;max-width:100%;margin:10px auto 10px auto;!important}
div#shop_gadget,div#content_2{max-width:100%;display:inline-block;text-align:left;padding-top:2em;float:none}
}

/* --------------------------------------------------------------------------- */
/* FORMULIEREN */
/* --------------------------------------------------------------------------- */

/* Formulieren */
input.halvebreedte{width:48%;margin-right:1%;display:inline-block;}

div#formulier form{padding:1em 0;}

@media only screen and (min-width:801px){
	div.div_formulier, div#formulier {max-width:700px; margin:auto;}
	div.element.FORM div#formulier {max-width:1500px;}
	div.element.FORM #formulier form{column-count:2; column-gap:50px;}	
	}
	
#voorletters{display:none;}
div.div_formulier i{color:#00C;} 
div.form_content{float:left} 
input, textarea, select {
	padding: 0.6em;
	border: 1px solid #ddd;
	color: #333;
	width: 100%;
	box-sizing: border-box;
	font-size: 1.05em;

	color: #000;
	margin: 0px 5px;
}
input[type=radio],input[type=checkbox]{width:auto;min-width:0;}
textarea{width:100%;}
input.submit{margin-top:0.7em;width:100px;text-transform:uppercase;}
div.form_row{width: 100%; display:inline-block; padding: 2px; margin-left:auto;margin-right:auto;-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid; }
div.form_row_klein{width:49%;display:inline-block;min-width:200px;}
div.form_row_xklein{width: 24%;	display: inline-block;	min-width: 150px;}
@media only screen and (max-width:481px)	{div.form_row_klein{width:100%;}	 div.form_row_xklein{width:49%;}	}

div.form_field_desc{min-width: 160px; width: 100%; display: block; text-align: left; }
div.form_field_input{width:100%;display:inline-block;text-align:left;}
div.div_form_desc{}
div.form_field_desc {
	/* position: absolute; */
	font-size: 0.8em;
	padding: 0px;
	margin-bottom: -11px;
	margin-left: 13px;
	z-index: 2;
	/* color: var(--kleur4); */
}

div.form_field_input input[type="text"], div.form_field_input input[type="password"], div.form_field_input textarea, div.form_field_input select, textarea {
	border: 3px solid #dfbaba;
	border-radius: 0px;
	margin: 10px 0;
	/* max-width: 300px; */
	background: #efefef;
}

div.form_field_label{text-transform:uppercase;font-weight:bold;margin-top:0.5em;margin-bottom:0.5em;font-size:1.2em;}
div.form_input_comment {	display: inline-block;	max-width: 8%;	position: absolute;	margin-left: -40px;}
/* form in gadget style */
div#content_2 div#formulier div{padding-bottom: 5px; }
div#content_2 div#formulier{background-color:#eee;padding:20px;}
 .form_field_desc{font-size: 0.8em;display:block;width:90%;}
 .form_field_input{display:inline-block;width:90%;}
span.foutmerk{color:#eb2126;font-weight:bold;padding-right:1em;}
div#validation{margin:7px;}

/* FOOTER */
div#canvas_bottom {
	background-color: #0f0101;
	color: #fff;
	position: relative;
	width: 100%;
	text-align: center;
	font-size: 100%;
	padding: 0 0 5em 0;
	letter-spacing: 1px;
}

div#canvas_bottom ul{list-style-type:none;margin-left:0;padding-left:0}
div#canvas_bottom ul li {
	margin-left: 0;
	padding-left: 0;
	width: 100%;
	border-bottom: 2px solid #bd2c2c;
	padding: 5px;
	/* font-weight: bold; */
	letter-spacing: 1px;
	text-transform: uppercase;
}
div#canvas_bottom a{color:inherit;}
div#canvas_bottom h3 {
	color: #e82626;
	text-align: inherit;
	font-size: 1.4em;
	text-align: left;
}
div#canvas_bottom div{}
div#canvas_bottom h3::after {	border-bottom: none;}
div#canvas_bottom .kolom33 {	max-width: 350px;	text-align: left;}

@media only screen and (min-width:768px){
div#canvas_bottom div#kolom1 {text-align:left;}
div#canvas_bottom div#kolom1 h3{text-align:left; }
div#canvas_bottom div#kolom3 h3{text-align:left; }
div#canvas_bottom div#kolom3 {text-align:left;}
}

@media only screen and (max-width:801px)
{
div#canvas_bottom div{text-align:left;}
div#canvas_bottom ul li { 	margin-left: 0;	padding-left: 0;	width: 80%;	display: inline-block;	text-align: left;}
}

@media only screen and (max-width:481px){
div#canvas_bottom ul li{width:100%;text-align:center;}
	div#canvas_bottom div.kolom33, div#canvas_bottom div.kolom25 {
		width: 90%;
	}
	div#canvas_bottom ul li { width:100%; text-align: left;}
	}

.kolom ul {
	padding: 0;
}
.kolom li {
	list-style-type: square;
	border-bottom: 1px solid #222;
	list-style-type: none;
	padding: 5px 0;
}

/* menu */


/* templates CMS */
blockquote{
 position: relative;
  padding-left: 1em;
  color: var(--kleur1);
  border-left: 0.2em solid var(--kleur1);
  font-family: var(--lettertype2,'arial');
  font-size: 1.2em;
  font-weight: 100;
  &:before, &:after {
      content: '\201C';
      font-family: var(--lettertype2,'arial');
      color: var(--kleur1);
   }
   &:after {
      content: '\201D';
   }
}


/* intro */
div.intro {
	width: 100%;	position: absolute;	bottom: 0;	padding-bottom: 30px;	height: auto;	color: #ffffff;	text-shadow: 1px 1px 11px #000;	
}

#canvas_header{background-size:cover;background-repeat:no-repeat; background-position:center 45%; }
#canvas_header.home .intro, #canvas_slider .intro {
	margin: auto;
	width: 70%;
	left: 15%;
	z-index: 10;
}

#canvas_header.home .intro h1, #canvas_slider .intro h1{margin:10px;}
#canvas_header.home .intro h3, #canvas_slider .intro h3{
	padding: 4px;
	display: inline-block;
	font-size: 22px;
	font-weight: normal;
	margin: 5px;
}



div.intro h1, div.intro h2, div.intro h3 {color:#ffffff;}
.intro h1{font-size:62px;}.intro h2{font-size:50px;}.intro h3{font-size:45px;}
@media only screen and (max-width:1400px){.intro h1{font-size:50px;}.intro h2{font-size:45px;}.intro h3{font-size:22px;}}
@media only screen and (max-width:1025px){.intro h1{font-size:45px;}.intro h2{font-size:40px;}.intro h3{font-size:22px;}}
@media only screen and (max-width:481px){
	.intro{width:100% !important;left:0 !important;}
	.intro{padding-top:40px;} .intro h1{font-size:36px;}.intro h2{font-size:32px;}.intro h3{font-size:28px;}
	
	}

div.intro a.knop {
	color: #ffffff;
	text-shadow: none;
	padding: 5px 10px;
	box-sizing: border-box;
	margin: 10px;
	/* font-size: 115%; */
	width: 220px;
	font-size: 20px;
	line-height: 20px;
}
div.intro .knop.light{border-color:#fff;}

div.intro ul {	position: absolute;	bottom: 0px;	left: 0px;	text-align: center;	width: 100%;	background-color: rgba(255, 255, 255, 0.7);	color: #000;	padding-top: -10px;	margin: 0px;	height: 50px;}
div.intro ul li {	display: inline-block; 	padding-right:20px;	font-size: 1.1rem;	letter-spacing: 1px;	left: 0px;	/* padding: -10px 0 0 0; */	/* padding: -10px 0 10px 0; */	margin: -10px 0 -10px 0;}
div.intro ul li:before {   content:  "\2713 ";   padding-right:10px;   color:rgba(0,153,51,1);   font-weight:bold;   font-size:1.1em;}
@media only screen and (max-width:800px)	{	div.intro ul{display:none;}		}


a.download{display:none;}



/* YOU TUBE */
 p:has(div.youtube-player){display:inline-block;}
  
  div#canvas_website .youtube-player {
        position: relative;
        /* Use 75% for 4:3 videos */
        height: 0;
        overflow: hidden;
		width:320px;
		height:250px;		
		display:inline-block;                
        margin: 5px;
    }
    
    .youtube-player iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 100;
        background: transparent;
    }
    
    .youtube-player img {
        bottom: 0;
        display: block;
        left: 0;
        margin: auto;
        max-width: 100%;
        width: 100%;
        position: absolute;
        right: 0;
        top: 0;
        border: none;
        height: auto;
        cursor: pointer;
        -webkit-transition: .4s all;
        -moz-transition: .4s all;
        transition: .4s all;
    }
    
    .youtube-player img:hover {
        -webkit-filter: brightness(75%);
    }
    
    .youtube-player .play {
        height: 72px;
        width: 72px;
        left: 50%;
        top: 50%;
        margin-left: -36px;
        margin-top: -36px;
        position: absolute;
        background: url("//i.imgur.com/TxzC70f.png") no-repeat;
        cursor: pointer;
    }


div#broodkruimel {
	font-size: 80%;
	text-align: left;
	padding: bottom:10px;	
}

div#content_2 img,div#content1 img{max-width:100%;height:auto;}








div.product_omschrijving{height:100px;overflow:hidden;}
div#canvas_categories{max-width:1300px;margin:auto;}
div#shopCategory {
	text-align: left;
}
div#category_intro {
	width: 100%;
	max-width: 850px;
	text-align: left;
	display: inline-block;
	text-align: left;
	padding: 10px 0 40px 0;
}
@media only screen and (min-width: 1200px){
	div#category_image {
		width: 285px;
		height: 220px;
		background-size: cover;
		display: none;
		padding: 27px;
		float: ;
		background-position: center center;
	}
}
@media only screen and (max-width:1200px){
	div#category_image {display:none;}
}
div#category_intro:empty + div#category_image{display: none}
#category_intro:empty {
	display: none;
}

div.category_link {
	width: 22%;
	margin: 1%;
	display: inline-block;
	height: auto;
	background: #fff;
	border-radius: var(--radius);
	overflow: hidden;
	border: 1px solid #eee;
}
div.category_name {
					  padding: 10px;
					  text-align: left;
				  }

.category_name a {
	color: #000;
	text-transform: uppercase;
	/* font-weight: bold; */
	font-size: 84%;
	text-align: center;
	/* color: var(--kleur1); */
	letter-spacing: 1px;
}

@media only screen and (max-width:800px){	div.category_link{width:47%; }	.category_name{margin:10px 0;}}
#category_price {	margin: auto;	width: 100%;	max-width: 700px;}
#category_price tr td { 	border: ;	border-bottom: 1px solid #eee;}
.prijstabelOmschrijving{padding:10px;text-align:center;}
div.sub_category_list{width:100%;display:inline-block;padding:1em;padding:4px;}
div.sub_category_link{width:47%;display:inline-block;
border-bottom:1px #eee dotted;margin-bottom:15px;margin-left:auto;margin-right:auto;margin-top:20px;padding:10px;}
div.sub_category_name{font-weight:bold;color:#000;width:100%;background-color:#eee;margin:4px;padding:5px;text-align:center;}
div.sub_category_img{width:190px;height:125px;}
div.sub_category_img img{width:100%;height:100%;border:1px solid #333;margin:5px;}
div.sub_category_intro{min-height:100px;padding:1em;text-align:justify;font-size:0.9em;color:#333}
div.sub_category_url{width:100%;height:auto;padding:5px;text-align:center;}
div.sub_category_url a{font-weight:300;color:#aaa;}



/* categorie overzicht */
div#canvas_categorien{width:100%;display:block;text-align:center;position:relative;top:100px;background:#eee;padding:10px;}
div#canvas_categorien ul{margin:0 auto;padding:0;}
div#canvas_categorien ul li {list-style-type: none; display: inline-block; margin: 0; padding: 0 15px; font-size: 0.9em; border-right: 1px solid #ccc;}
#canvas_categorien #categorien li:last-of-type {padding-right:0;border-right:0;}

div#canvas_categorien ul li ul {
	width: 100%;
	display: none;
	position: fixed;
	box-shadow: 0px 3px 6px rgba(0,0,0,0.2);
	text-align: left;
	left: 0;
	background: #fff;
	max-height: 500px;
	min-height: 200px;
	overflow: hidden;
	column-count: 3;
	box-sizing: border-box;
	padding: 30px 200px;
	padding-left: calc(50% - 500px);
	padding-right: calc(50% - 500px);
    font-size:14px;
}

div#canvas_categorien .subcategorien li {border-right:0;}





@media only screen and (max-width:767px){

div#canvas_categorien ul li ul
{
	padding:10px;
	column-count:2;
	max-height:100%;
}
	
}
.categoryheader {
	font-weight: bold;
	font-size:1.1em;
	color: var(--kleur1);
}

div#canvas_categorien ul li ul li{display:block;background-color:#fff;width:180px;margin-bottom:5px;}
div#canvas_categorien ul li ul li:first-child {padding-top:0em;}
div#canvas_categorien ul li ul li:last-child {padding-bottom:1em;}
div#canvas_categorien ul li:hover ul{display:block;}

div#canvas_categorien a{color:var(--kleur1);text-decoration:none;}
.product_img {	width: 150px;	height: 150px;	margin:auto;}

.category_link .product_img {
	width: 100%;
	height: 160px;
	background-position: center;
	background-size: cover;
	border-radius: var(--radius);
	opacity: 0.9;
	transition: 0.5s all ease-in-out;
}

.category_link:hover .product_img {
	background-size: 125%;
}

@media only screen and (max-width: 600px){
	.category_link .product_img {	height:75px;	}
	}

input.quantity {
	width: 60px;
	padding: 7px 5px 7px 5px;
	margin: 1px 0;
	border: 0 !important;
	border-radius: 0 !important;
}
/*product dtails*/



div#product_image {
	width: 100%;
	display: inline-block;
	text-align: center;
}
div#product_image img {
	max-width: 100%;
	max-height: 70vh;
	margin: auto;
	height: auto;
	width: 100%;
	border: none;
	margin: 10px auto;
}
div#product_details {
	display: inline-block;
	width: 100%;
	text-align: left;
}

#product_details .mobile h2 {
	font-size: 17px;
	text-align: center;
	color: var(--kleur1);
	margin: 0;
}

.product_desc {
	max-height: 150px;
	overflow: hidden;
	padding: 10px;
	/* color: #444; */
	font-size: 90%;
	line-height: 175%;
	text-align: left;
	letter-spacing: 0.5px;
	background: #fbfbfb;
	color: #000;
}
.product_desc.expanded {
	max-height: unset;
	height: auto;
}

#product_desc_expand_button {
	border-top: 1px solid var(--kleur1);
	text-align: left;
	width: 100%;
	padding: 5px;
	color: var(--kleur1);
	/* text-transform: uppercase; */
	margin: 10px 0 20px;
}

@media only screen and (max-width: 600px){
	div#product_details #addBasketSection {
		position: fixed;
		bottom: 0px;
		left: 0;
		width: 100%;
		background: #eaeaea;
		height: 50px;
		z-index: 10;
		text-align: center;
		padding-top: 9px;
	}
	#addBasketSection .knop {
		width: 31%;
		background-color: var(--kleur1);
		color: #fff;
		font-size: 100%;
		padding: 10px 10px;
		display: inline-block;
		margin: 0px 0px;
		border-width: 0 !important;
		/* height: 33px !important; */
		font-weight: bold;
		margin-left: 6px !important;
	}
	#addBasketSection .knop.light{font-weight:normal; opacity:0.9}
}

.navigatieKnop {
	position: absolute;
	top: 50%;
	right: 0%;
	transform: translate(0%,-50%);
	-ms-transform: translate(0%,-50%);
	width: 35px;
	height: 35px;
	background: rgba(255,255,255,0.5);
	border: 0;
	border-radius: 20px;
	margin: 5px;
	font-size: 19px;
	cursor:pointer;
}
.navigatieKnop:hover{
	background:#fff;
}

.navigatieKnop.links{left:0;}
.navigatieKnop.rechts{right:0;}

.productGalleryImage{display:none;}
.productGalleryImage:first-child{display:block;}



.productGalleryThumb {
	position: relative;
	height: auto;
	width: 24%;
	border: navajowhite;
	display: inline-block;
	margin-top: 0;
	z-index: 10;
	border-radius: 0;
	margin: 0.5%;
	padding: 0 !important;
	max-width: 86px;
}

@media only screen and (max-width:600px) {
	.thumbnails {
		background: #eee;
		display: none;
	}
}

@media only screen and (min-width:801px){

	#product_details_left {
		width: 63%;
		display: inline-block;
		background:#fff !important;
		padding:10px;
	}

	#product_details_right {
		width: 36%;
		display: inline-block;
		padding-left: 15px;
	}

}




.productVariant {
	/* border: 1px solid var(--kleur1); */
	margin: 2px;
	display: inline-block;
	padding: 7px 5px;
	border-radius: 2px;
	color: var(--kleur1);
	font-size: 85%;
	background: #efefef;
	text-align: left;
	font-weight: 600;
	cursor: pointer;
	min-width: 32%;
	text-align: center;
	box-sizing: border-box;
	box-shadow: 1px 1px 5px #eee;
}
.productVarianten h3, .productOption label {
	font-size: 14px;
	padding: 0;
	margin-top: 15px;
	margin-bottom: 2px;
	/* border-top: 1px solid; */
	/* border-bottom: 1px solid #eee; */
	/* color: var(--kleur1); */
	font-weight: bold;
	text-transform: uppercase;
}
.soonDeliveryDesc {
	background-color: #13e900;
	padding: 3px;
	color: #fff !important;
	width: 100%;
	display: inline-block;
	font-weight: bold;
	text-align: center;
}

.optie {
	width: 100%;
	/* max-width: 300px; */
	border-radius: 3px;
	background: #efefef;
	color: var(--kleur1);
	padding: 4px 0;
	margin: 7px 0;
	font-size: 85%;
	font-weight: 600;
	padding-left: 15px;
}
.optie:hover, .productOption .optie:hover .price{
	background: var(--kleur1);
	color: #fff;
	cursor: pointer;
}
div.optie input[type="radio"] {
	display: none !important;
	opacity: 0;
}
.optie.checked {
	background: var(--kleur1);
	color: #fff;
	padding-left:10px;
}
.optie.checked::before {
	content: '\2713';
	padding: 0 0 0 5px;
}



.productOption .price{
	color: var(--kleur1);
	font-size:84%;
	padding-left:10px;
}
.optie.checked .price{
	color : #fff;
}
.price_from {
	text-decoration: line-through;
	font-size: 90%;
	opacity: 0.8;
}
.optie.has_discount::after {
	color: #f00;
	content: 'Actie !';
	margin-left: 10px;
	background: #b67a06;
	padding: 4px;
	border-radius: 4px;
	color: #fff;
	font-size: 80%;
}

.productVariant.selected {
	font-weight: bold;
	background-color: var(--kleur1);
	color: #fff;
}
.productVariant.inStock::after, .variant.snel-leverbaar::after, .variant.direct-leverbaar::after {
	color: #fff;
	content: '\2713';
	display: inline-block;
	width: 11px;
	height: 11px;
	background: #76d476;
	border-radius: 5px;
	position: absolute;
	/* top: 20px; */
	right: ;
	/* left: 20px; */
	font-size: 11px;
	line-height: 10px;
	font-weight: normal;
	margin-top: 15px;
	margin-left: -1px;
}.varianten_maat {
	 display: inline-block;
 }
.variant.kleur::after {
	opacity: 0;
}
.variant.kleur {
	display: inline-block;
	width: 5px;
	height: 5px;
	/* border-radius: 10px; */
	padding: 5px 12px;
	margin: 3px;
}

.productVariant.notAvailable{
	background:#ccc; color:#fff;font-weight:normal; cursor:not-allowed;
}

@media only screen and (max-width: 600px){
	.productVariant {
		margin: 1px;
		padding: 3px 10px;
		font-size: 80%;
		margin-right:10px;
	}
}
.productVariant:hover {
	background: var(--kleur1);
	color: #fff;
}

.row.specs {
	border-bottom: 1px dotted var(--kleur1);
	padding: 0;
	padding: 4px 0 !important;
	font-size: 90%;
	color: #1c1c1c;
	text-align: left;
}

.specsValue {
	display: inline-block;
	width: 59%;
}
.specsName {
	width: 40%;
	display: inline-block;
}

@media only screen and (max-width:600px){
	.specsName, .specsValue{width:49%; font-size: 90%;}
}





@media only screen and (max-width:600px){
	div#product_details,div#product_image{width:100%;display:inline-block;margin:0; padding:0;}
	div#product_details{text-align:left;}
}

#product_details .row {
	padding: 10px 0;
	width: 100%;
	/* display: inline-block; */
}
.inStockDesc {
	color: #2dc72f;
	font-weight: bold;
	display: inline-block;
	width: 100%;
}

@media only screen and (max-width: 600px){#product_details .row{padding:4px 0;width:100%; }}
.product_prices{width:100%;padding:10px;border:1px solid #eee;margin:10px 0;}
.product_prices .row{width:100%;padding:5px;}
.product_prices .row:nth-child(even){background:#eee;}
.product_prices .row div{width:48%; display:inline-block;}

/*basket*/
div#canvas_minicart {       position: absolute;    right: 0;	top:0px;    padding: 15px;
    font-size: 0.8em;		border:1px solid #eee;		background-color:#fff;	border-radius:10px;	margin:10px;	min-width: 240px;}
div#canvas_minicart img{width:45px;height:auto;margin:10px;}

#div_basket{text-align:center;}
#div_basket p{padding:10px 0 30px 0;}
#shop_gadget{padding-top:20px;}
#shop_gadget>div {    width: 100%;    max-width: 300px;    padding: 20px 30px 20px 30px;    background-color: rgba(250, 250, 250, 1);
    border-radius: 10px;    text-align: left;    margin-bottom: 15px;    font-size: 0.92em;    border: 1px solid #eee;}
#shop_gadget ul{padding:0}
#shop_gadget ul li{margin-left:0;padding-left:0;list-style-type:none;}


div#winkelmandje {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	vertical-align: top;
	border: 1px solid #eee;
	padding: 13px;
	/* border-radius: 9px; */
	background-color: var(--backgroundColorLight);
	color: #000;
	max-width: 1000px;
}

#winkelmandje .knop.light{background-color: var(--backgroundColor2);}

#winkelmandje .fa-remove{color:#930;}
#winkelmandje .fa-plus-circle{color:#063;}
#winkelmandje .fa-minus-circle{color:#900;}
#kortingscode .knop{font-size:1em;margin:10px 0;}

@media only screen and (max-width:481px){
#kortingscode .knop{max-width:120px;padding:10px;width:45%;display:inline-block;margin:5px 2px;}
}

div.item{width:100%;display:block;border-bottom:1px solid #eee;margin:5px;padding:5px;}
div.item span{padding:5px;box-sizing:border-box;}

div.kop span {
	padding: 5px;
	font-weight: bold;
	text-align: center;
	font-size: 0.9em;
	text-transform: uppercase;
	color: #000;
}

span.product_aantal{width:7%;text-align:left;display:inline-block;}
span.product_naam{width:43%;text-align:left;display:inline-block;}
span.buttons{width:13%;display:inline-block;}
.product_naam i{display:block; margin-right:10px; display:inline-block;}
span.product_prijs{display:inline-block;width:10%;text-align:right;}
span.product_totaal{display:inline-block;width:13%;text-align:right;}
.product_maat {	display: block;	height: auto;	color: var(--kleur1);}
span.omschrijving{display:inline-block;width:79%;padding:5px;text-align:right;}
span.waarde{display:inline-block;width:13%;text-align:right;}
span.product_thumb {	width: 10%;	max-height: 100px;	display: inline-block;}
.product_thumb img {	max-width: 100%;	max-height: 100%;}

.options {
	font-size: 90%;
}
.options span {
	padding: 0 !important;
	color: var(--kleur1);
}

@media only screen and (max-width:481px){
	#kortingscode .knop{max-width:120px;padding:10px;width:45%;display:inline-block;margin:5px 2px;}
	#winkelmandje .product_thumb {	display:none;}
}

@media only screen and (max-width:600px){

	.item.kop {	display: none;}



}





div#kortingscode {
	width: 25%;
	display: inline-block;
	vertical-align: top;
	margin-left: 2%;
	padding: 10px;
	background-color: #eee;
	border: 1px solid #ddd;
	text-align: left;
}

@media only screen and (max-width:800px){

div#winkelmandje {	font-size:0.92em;	width: 100%;	display: inline-block;	padding: 5px;}
div#kortingscode {	width: 100%;	display: block;	margin-left: 0;	padding: 5px;	text-align: center;}	
}

@media only screen and (max-width:600px){

	div.item{ display: flex;}
	span.buttons{float:right; width:90px}
	span.buttons i {
		width: 25px;
		height: 25px;
		font-size: 20px;
		display: inline-block;
		width: 100%;
		margin: 5px;
	}
	span.product_aantal{ order:1;  }
	span.product_naam { order:2; }
	span.product_prijs { order:3; min-width: 80px }
	span.product_totaal{ order:4; min-width: 80px}
	span.buttons{order:6;}

	{display: inline-block;}


}

/* checkout */
div#checkoutFormulier{max-width:1150px;margin:auto;}
div#canvas_checkout {    font-size: 0.8em;     margin-left: auto;     margin-right: auto;    text-align: left;    max-width: 900px;}
div.verzend_methode,div.verzend_adressen,div.betaal_methode,div.order_referentie,div.order_bericht,div.algemene_voorwaarden,div.order_afsluiting,div.factuur_gegevens,div.verzend_gegevens{	width:95%;	text-align:left;		padding:10px;	border-bottom:1px dotted #eee;}

div.checkout_halfblok{display:inline-block;width:90%;max-width:400px;padding:10px;border:1px solid #eee;border-radius:10px;text-align:left;margin:10px;min-height:200px;
background-color:#fff;}

.verzendWijze.checked{font-weight:bold;}


div#checkoutFormulier{
	display:block;
}

div#nieuwAfleverAdres
{
	display:none;
    width: 100%;
    max-width: 600px;
    margin: auto;
    padding: 2em;
    border: 1px solid #eee;
    border-radius: 4px;
}



/* categorie overzicht */
div#canvas_categorien{width:100%;display:block;text-align:center;position:relative;top:100px;background:#eee;padding:10px;}
div#canvas_categorien ul{width:100%;margin:0; padding:0;}

div#canvas_categorien ul li {	list-style-type: none;	display: inline-block;	margin: 0;	padding: 0 10px;	font-size: 90%;	border-right: 1px solid #fff;}
@media only screen and (max-width:1025px){ div#canvas_categorien ul li {padding: 0 5px;}}

div#canvas_categorien ul li ul {
	width: 100%;
	display: none;
	position: fixed;
	border: 1px solid #eee;
	box-shadow:10px 10px 10px #ccc;
	text-align: left;
	padding: 0;
	
	left: 0;
	background: #fff;
	max-height: 500px;
	min-height: 200px;
	overflow: hidden;
	column-count: 3;
	padding-left: 20%;
	padding-right: 20%;
	box-sizing: border-box;
	padding: 30px 200px;

}

@media only screen and (max-width:801px){

div#canvas_categorien ul li ul
{
	padding:10px;
	column-count:2;
	max-height:100%;
}
	
}

.subcategorien {
	padding: 0 10px;
}

.categoryheader {
	font-size: 1.0em;
	color: var(--kleur1);
	list-style-type: none;

}

div#canvas_categorien ul li ul li{display:block;background-color:#fff;padding:0 1em;border-bottom:1px dotted #eee;width:180px;}
div#canvas_categorien ul li ul li:first-child {padding-top:0em;}
div#canvas_categorien ul li ul li:last-child {padding-bottom:1em;}
div#canvas_categorien ul li:hover ul{display:block;}

div#canvas_categorien a{color:var(--kleur1);text-decoration:none;}
.product_img {
	width: 250px;
	height: 250px;
	margin: auto;
}



div.product_block {
	width: 250px;
	display: inline-block;
	background-color:#fff;
	border:	1px solid var(--softBorderColor);
}

.product_block #canvas_addbasket, #canvas_prijzen {	display: inline-block;	margin: 0;		box-sizing: border-box;}
.product_block #canvas_addbasket { 	width: 40%;	}
.product_block #canvas_prijzen {	width: 58%;	}

@media only screen and (max-width: 800px){
	.product_block #canvas_addbasket {
		width: 50px;
	}
	.product_block .knop.basket{display:none;}
	.product_block #canvas_prijzen {
		width: calc(100% - 54px);
	}
}

.product_block .knop {
	margin-right: 2px;
	padding: 6px 1px;
	border: none;
	border-radius: 2px;
	width: 37px;
	text-align: center;
}

.product_block img.label {
	height: 45px;
	top: 20px;
	position: absolute;
	z-index: 1;
	left: 2px;
	transition: 0.3s all;
}

.product_block:hover img.label {
	transform: scale(1.06);
	top:15px;
}




@media only screen and (min-width:1000px) {
	#products_list .featuredItem {
		width: 30%;
		margin: 1%;
		padding: 12px;
	}
}
@media only screen and (min-width:1400px) {
	#products_list .featuredItem {
		width: 23%;
		margin: 1%;
		padding: 12px;
	}
}
/* mobile */
@media only screen and (max-width:601px) {
	#products_list .featuredItem {
		width: 48%;
		margin: 1%;
		padding: 12px;
	}
}

.featuredItem .productDesc {	display: none;}




div.actielabel:empty {	display: none !important;}
div.actielabel{
	position:absolute;
	top:20px;
	left:0;
	padding:5px 10px;
	background:#f00;
	color:#fff;
	font-weight:bold;
	display:inline-block;
	max-width: 85%;
	font-size:90%;
}

div.actielabel::after {
	display: inline-block;
	height: unset;
	background: transparent;
	content: '';
	position: absolute;
	left: 100%;
	z-index: 10;
	top: 0;
	padding: 0;
	line-height: ;
	font-size: 90%;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 10px solid #face01;
	padding: 0;
	/* max-height: 100%; */
	/* transform: scale(26%); */
}
div.actielabel {
	position: relative;
	top: inherit;
	left: 0;
	padding: 3px;
	background: #face01;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	max-width: 85%;
	font-size: 75%;
	text-transform: uppercase;
	box-shadow: 0px 5px 0px #d9b201;
	left: -12px;
	position: absolute;
	top: 9px;
	left: 0;
	opacity: 0.8;
	/* transform: scale(65%); */
	float: left;
}

@media (max-width: 600px){
	.product_block img.label {
		height: 35px;
		top:0px;
		left:5px;
	}
	div.actielabel {
		top: 11px;
		left: -3px;
		padding: 6px 7px;
		max-width: 85%;
		font-size: 10px;
		transform: scale(83%);

	}
}

.actielabel.Groen, .actielabel.Groen{	background-color: #40d52b;	box-shadow: 0px 5px 0px #30c41b;	color: fff;}
.actielabel.Groen:after, .actielabel.Groen:after{	border-left-color: #40d52b;}

/*
.actielabel.Geel, .actielabel.geel{	background-color: yellow;	box-shadow: 0 5px 0 #d2d24c;	color: red;}
.actielabel.Geel:after, .actielabel.geel:after{	border-left-color: yellow;}

.actielabel.Groen, .actielabel.groen{	background-color: #0fb80f;	box-shadow: 0 5px 0 #0fb80f;	color: white;}
.actielabel.Groen:after, .actielabel.groen:after{ 	border-left-color: #0fb80f;}

.actielabel.Oranje, .actielabel.oranje{	background-color: #face01;	box-shadow: 0 5px 0 #face01;	color: #ffffff;}
.actielabel.Oranje:after, .actielabel.oranje:after{	border-left-color: #face01;}
*/


/*.knop.basket{background-color: #23cd3e; color:#fff; border-color: #23cd3e;}*/



div#content_2 img, div#content_1 .product_block img {
	max-width: 95%;
	/* max-height: 95%; */
	/* border: 1px solid #ccc; */
	/* padding: 3px; */
	margin: 20px auto;
	border-radius: 2px;
}

/* prijstabel */
#products_list {
	margin: auto;
}



.prijsknop {
	width: 50%;
	display: inline-block;
	/* float: left; */
	text-align: right;
	margin-right: 10px;
}
div.productCell{width:22%;margin-right:2%;display:inline-block;border-right:1px solid #eee;border-bottom:1px solid #eee;height:20px;text-align:right;}

#canvas_product_details {	max-width: 1400px;	margin: auto;}
#product_details .actielabel {
	top: 50px;
	transform: scale(140%);
	z-index: 100;
	left: 0;
	margin: 0;
}
@media only screen and (max-width:600px){
	#canvas_product_details{text-align:center}
	#product_image img{width:60%;height:auto; margin:auto;}
}
#canvas_product_details .knop {
	font-size: 100%;
	padding: 9px 8px;
	display: inline-block;
	margin: 0;
	border-width: 1px;
}

#detailsExtraBlocks .block {
	width: 100%;	height: auto;
	min-height: 150px;
	display: inline-block;
	background: #f2f2f8;
	margin: 1em auto;
	padding: 1em 1em 80px 1em;
	border-radius: 3px;
}
.block .knop {
	float: right;
	position: absolute;
	bottom: 10px;
	right: 10px;
	font-weight: bold;
	display: inline-block;
}
.block.promo.keypoints {
	background: #ccc;
	background-color: #4193fe !important;
	color: #ffffff !important;
}
.block.promo.keypoints li, .block.promo.keypoints h3{
	color: #ffffff !important;
}

.block li {
	list-style-type: '\2719';
	padding-left: 10px;
	margin-left: 10px;
	padding-bottom: 6px;
	font-weight: ;
	font-c: ;
	font-color: ;
	color: var(--kleur1);
}
.block h3 {
	margin: 10px 0;
	color: var(--kleur1);
	font-size: ;
}
.prijsNetto{display:block;}
.prijsBruto{display:block; font-size:0.92em; text-decoration:line-through;}



.disabledOnClick{ pointer-events:none;}

div.categoryImage { display:none;}
div.categoryImage img{padding: 5px;	box-shadow: 4px 4px 9px #ddd;	transform: rotate(-3deg);	}

div.categoryDescription {width:100%;max-width:700px; font-size:0.92em; color:var(--kleur1);}
div.categoryExtra {display:none}

@media only screen and (max-width:1024px){
div.categoryDescription{}
div.categoryExtra{display:none;}
}

ul.checkPoints{list-style-type:none;text-align:left;padding:0}
ul.checkPoints li:before { content:"\2714\0020"; color:var(--kleur2); } 

@media only screen and (max-width:801px){
div.categoryImage, div.categoryDescription, div.categoryExtra { width:block;width:100%;padding:10px; min-height:unset;}
div.categoryImage {text-align:center;}
div.categoryDescription {text-align: }
div.categoryExtra {display:none;}
div.configuratorOptie {	width: 32%;}
#category_price tr td {text-align: left;	padding: 10px 0;	font-size: 13px;}
div#content_1 div.configuratorOptie.gekozenOptie img{display:none;}

div#canvas_configurator span.category_name{width:auto;}

}
@media only screen and (max-width:481px){
	div.configuratorOptie {	width: 49%;}
}


/* meldingen */
div#error{width:500px;display:block;margin:auto;padding:10px;border:1px solid #900;color:#000;font-weight:bold;}
div#error li{font-weight:normal;text-align:left;list-style-type:none;margin:0;}
div#melding{color:#f00;font-weight:bold;margin:10px 0 0 0;}

/* mydata */
div#myData {max-width:980px;padding:2em;margin:auto; }
div#myOrders{}
div#myAdress{text-align:left;}
div#myData h3{width:100%;text-align:left;border-bottom:1px dashed #ddd;}

span.orderRegel{width: 100%;border-bottom: 1px solid #eee;display: block;padding:5px;text-align:left;position:relative}
span.orderRegel span{display:inline-block;padding:5px 15px 5px 0; font-size:0.92em;}

span.orderNo{width:45px;}
span.orderDatum, span.factuurBedrag{width:90px;}

span.factuurBedrag{text-align:right;}
span.factuurDatum{width:120px;}

span.orderRegel:nth-child(2n) {
	background: #f6f6f6;
}

@media only screen and (max-width:481px){
div#myData{padding:0;}
div#myData .blok50{width:100%;}
span.orderNo{width:50px;}

span.orderRegel span{padding:0 5px;}
span.orderRegel{height:70px;}
span.orderDatum{position:absolute;top:15px;left:0;width:90px;height:35px;}
span.orderNo{position:absolute;top:40px;left:0;width:90px;height:35px;}
span.factuurBedrag{position:absolute;top:15px;left:90px;width:105px;height:35px;}
span.factuurDatum{position:absolute;top:40px;left:90px;width:105px;height:35px;}
span.orderStatus{position:absolute;top:14px;left:200px;width:calc(100% - 200px);height:70px; padding:0}
span.orderStatus span{display:block;height:25px}


}




/* Producten overzicht */

.filterList {	padding: 0;}
@media only screen and (max-width: 800px){
	.filterList{column-count: 3;}
}
@media only screen and (max-width: 600px){
	.filterList{column-count: 2;}
}
.productFilter:hover {
	background: #eee;
}
.productFilter label {
	cursor: pointer;
	width: 100%;
	display: inline-block;
}

.productFiler.actief{font-weight: bold}
.productFilter.inactief{ text-transform: line-trough}
.productFilter {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
	cursor:pointer;
}

#productFilters {	margin: -1em auto 2em auto;	font-size:80%}
#productFilters input, #productFilters select {
	padding: 2px;
	display: inline-block;
	width: auto;
	max-width: 100px;
	padding: 5px 10px;
	height: 35px;
	margin: 2px;
}

.sideCategories li {
	list-style-type: none;
	padding: 3px 0px;
}

#buttonShowFilterPanel, #buttonToggleFilters{display: none}

@media only screen and (max-width: 800px) {
	#buttonShowFilterPanel {
		display: inline-block;
		position: fixed;
		top: 50px;
		right: 0;
		z-index: 10000;
		background: #444;
		border: none;
		width: 50%;
	}
	#buttonToggleFilters {
		display: inline-block;
		position: fixed;
		top:unset;
		bottom: 2%;
		right: 3%;
		height:33px;
		border: 0;
		background: #1be932;
		color: #fff;
		margin: 0 10px;
		min-width: 45%;
		border-radius: 5px;
		font-size: 100%;
		padding: 10px;
		box-sizing: border-box;
		text-align: center;
		z-index: 10000;

		animation: bounceInRight;
		animation-duration: 1s;
	}
	#buttonToggleFilters.loading{
		background:var(--kleur1);
		color:#fff;
		animation: wobble;
		animation-duration: 1s;
	}
	#buttonToggleFilters.backResults{
		background:#000;
		animation: heartBeat;
		animation-duration: 0.5s;
	}


	#categoryFilters {
		display: none;
		position: fixed;
		top: 50px;
		background: #fff;
		width: 100%;
		left: 0;
		padding: 1em 3em;
		overflow-x: scroll;
		z-index: 10;
		height: 90%;
	}

	#categoryFilters.inview{display: inline-block;}

	.sideCategories {		display: none;	}
	.sideCategories li {
		padding: 7px;
		border-bottom: 1px solid #f6f6f6;
		text-align: left;
	}
	.sideCategories.inview {
		display: inline-block;
		position: fixed;
		top: 50px;
		left: 0;
		width: 100%;
		background: #fff;
		height: auto;
		height: calc(100% - 100px);
		padding: 1em;
		z-index: 1000;
		overflow-x: scroll;
	}

	#categoryFilters {
		position: fixed;
		top: 50px;
		background: #fff;
		width: 100%;
		padding: 1em 1.5em;
		overflow-x: scroll;
		z-index: 100;
		height: 90%;
		opacity: 0;
		left: -100%;
		animation: bounceOutLeft;
		animation-duration: 1s;
	}

	#categoryFilters.active {
		display: inline-block;
		opacity: 1;
		left: 0;
		animation: bounceInLeft; /* referring directly to the animation's @keyframe declaration */
		animation-duration: 1s; /* don't forget to set a duration! */
	}
	.productFilter{text-align: left; display:inline-block;}

}
#navigatie input, #navigatie select, #navigatie .knop {
	font-size: 90%;
	padding: 7px 7px;
}

#prijsSorting {
	padding-top:7px;
}
#prijsSorting input, #prijsSorting select, #prijsSorting .knop {
	padding: 6px 10px;
	font-size: 1em;
	height: 34px;
	box-sizing: border-box;
	border: 1px solid #eee;
	margin: 0 2px;
	line-height: 19px;
	font-weight: normal;
}
@media only screen and (min-width: 801px){
	#prijsSorting {
		padding-top:7px;
	}
}
@media only screen and (max-width: 600px) {	#prijsSorting { 	display:none !important;	}}

h4.productFilter {
	margin: 10px 0 0 0;
	width: 100% !important;
	text-align: left;
	color: var(--kleur1);
	border-bottom: 1px solid #eee;
	font-size: 16px;
	padding-bottom: 10px;
}








/* Product slider */
/* Black Overlay Pop ups */
.black_overlay{display: none;position: fixed;top: 0;left: 0;width: 100%;
height: 100%;background-color: black;z-index:1001;-moz-opacity: 0.8;opacity:.70;filter: alpha(opacity=70); }
.white_content {
	display: none;
	text-align: left;
	position: fixed;
	top: 15%;
	left: calc(50% - 200px);
	width: 400px;
	padding: 20px;
	background-color: #FFF;
	color: #111;
	z-index: 1002;
	overflow: auto;
	line-height: 150%;
	border-radius: 0;
	font-size: 90%;
}

.white_content .knop{font-size:100%; padding:10px 20px; margin:5px;}
.white_content .knop.light{background:#efefef; border: 1px solid #ccc;}
#loading {
	display: inline-block;
	width: 100%;
	height: 100%;
	z-index: 10000;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	text-align: center;
	padding-top:40vh;
}
#loading img{max-width:200px;height:auto;}
@media only screen and (max-width:481px){
.white_content {
	top: 1%;
	left: 2%;
	width: 96%;
	padding: 10px;
	font-size:90%;
}

.white_content h2{margin:10px 0px; font-size:20px}
.white_content .knop{font-size:100%;padding:8px 15px; display:block; margin:4px 0;}
.white_content #login_label{display:none;}
.white_content input{margin:3px 0;}
.white_content #melding{margin:1px;}
}
	
.fa::before {padding: 5px;}
#canvas_menu_hr .fa::before{color:var(--kleur2);}



/* betands uploader */
#drag-and-drop-zone {
	width: 100%;
	/* max-width: 500px; */
	background: #fff;
	padding: 2em;
	border: 1px dashed #ccc;
	border-radius: 10px;
	text-align: center;
}
.canvas_uploader {
	width: 100%;
	max-width: 500px;
	padding: 10px;
	background: #eee;
}
ul#files {	margin: 0;	padding: 5px;}
ul#files li {	list-style-type: none;}
.progress {background-color:#fff;}
.progress-bar {background-color:#ddd;}

/* voor pagina featured items */
.imageContainer { width:100%; max-height:200px; padding:10px 0;}
@media only screen and (max-width: 800px){
	.imageContainer{max-height: 150px;}
}
@media only screen and (max-width: 600px){
	.imageContainer{max-height: 105px;}
}
.imageContainer img {
	max-height: 100%;
	max-width: 90%;
	height: auto;
	width: auto;
	transition: .1s all ease-in-out;
	border-radius: 0px 0px 0px 0px;
}

.product_block:hover .imageContainer img{max-width:100% !important; max-height:100% !important;}
.product_block:hover .productPrice{color:#fff; background-color:var(--kleur1); padding:5px; border-radius: 3px; transform: rotate(3deg); font-size:180%;
font-weight: bold}

div#product_details div.productPrice {
	width: 100%;
	display: inline-bottom:;
	text-align: right;
	color: #fff;
	color: #532fb7;
	padding: 5px;
	/* border-radius: 3px; */
	transform: none;
	font-size: 180%;
	font-weight: bold;
	background: none;
	font-size: 200%;
}

@media only screen and (max-width:800px){
	.imageContainer {width:100%; height: 240px ; text-align: center}
	.imageContainer img {
		max-width: 100% !important;

		width: auto;
		height: auto;
		margin: auto;
		margin-top: 5px;
	}
}

@media only screen and (max-width:481px){
	.imageContainer {width:100%; height: 170px ; text-align: center}
}

.featuredItem {
	width: 25%;
	display: inline-block;
	vertical-align: top;
	margin: 0;
	border-radius: 2px;
	background: transparent;
	transition: 0.5s all ease-in-out;
	padding: 10px;
	border-color: var(--softBorderColor);
}

.featuredItem .bestel_omschrijving{color:#ccc;	transition: all 0.5s ease-in-out;}

.featuredItem:hover {box-shadow:0px 0px 10px #ddd;}
.featuredItem:hover .bestel_omschrijving{ }

#productName{width:100%; text-align: left; margin:8px 0;}
#productName a {	color: #000;	font-size: 90%;	text-align: left;}

@media only screen and (max-width:1200px){	.featuredItem{width:22.5%;margin:1%}	}
@media only screen and (max-width:801px){	.featuredItem{width:27.5%;margin:2%;max-width:none;}	}
@media only screen and (max-width:601px){	.featuredItem{width:47.5%;margin:1%; padding:8px !important;}

	#products_list{padding:0;}
	.productName h4 {	max-width: none;	font-size: 100%;	height: auto;	padding: 10px;	color: #000;	margin: auto;	font-weight: normal;	/* height: ; */	padding-bottom: 10px;}

	#productName {
		margin: 5px 0;
		text-align: center;
	}


	}

.productName h4 {
	font-weight: normal;
	padding: 10px 0;
	text-align: center;
	color: var(--kleur1);
	font-size: 90%;
	letter-spacing: 0px;
	text-transform: uppercase;
}


.productPriceNormal span {
						text-decoration: line-through;
						color:#A4A4A4;
						padding-bottom: 2px;
					}



.featuredItem .productPrice {
	font-size: 150%;
	color: var(--kleur4);
	font-weight: bold;
	text-align: left;
	display: inline-block;
	transition: 0.3s all ease-in-out;

}

div#canvasShopStart {
	display: block;
	width: 100%;
	padding: 0;
	margin: auto;
	margin: 0 auto 0 auto;
}





#prevBtn, #nextBtn {
	position: absolute;
	bottom: 0;
	left: 50%;
	z-index: 10;
	color: #fff;
	display: none;
}

div#productSlider {
	width: 75% !important;
	max-width: 80%;
	height: 484px;
	display: inline-block;
	background: #ccc;
	padding: 0;
	overflow: hidden;
	margin: 0 9px 20px 0;
}

#productSlider ul {
	padding: 0;
	margin: 0;
}

#productSlider li, #productSlider2 li {
	width: 1050px;
	height: 485px;
	overflow: hidden;
	position: relative;
	list-style-type: none;
}

@media only screen and (max-width:1025px)
{
	div#productSlider, #productSlider li, #productSlider2 li{		width:680px; height:430px;}
}

@media only screen  and (max-width:900px)
{
	div#productSlider, #productSlider li, #productSlider2 li{		}
}

@media only screen  and (max-width:800px)
{
	div#productSlider, #productSlider li, #productSlider2 li{	width:680px; height:373px;	}
}

@media only screen  and (max-width:700px)
{
	div#productSlider, #productSlider li, #productSlider2 li{	width:580px; height:318px;	}
}

@media only screen and (max-width:600px)
{
	div#productSlider{width:97% !important; max-width: unset; height: 200px;}
	#productSlider li, #productSlider2 li{	width:100%;	}

}

@media only screen and (max-width:480px)
{
	div#productSlider, #productSlider li, #productSlider2 li{	width:350px; height:192px;	}
}

div#productSlider img {
	min-width: 100%;
	max-width: 100%;
	height: auto;
	margin: auto;
	position: relative;
	left: 0px;
	top: 0;
	min-height: 100%;
	max-height: 100%;
	object-fit: cover;
}
div#productSlider .slideComment {	width: 38%;	height: auto;	background: rgba(255,255,255,0.85);	top: 55%;	left: 0;	padding: 5px 2em;	text-align: right;
	position:absolute}

.slideComment .knop {	left: 250px;	top: -70px;	position: relative;}
.slideComment h4{color:var(--kleur2);font-size:150%;font-weight:bold;margin:5px 0;}

@media only screen and (max-width:900px){

	div#productSlider{width:700px;height:385px;margin:auto;}
	div#productSlider .slideComment{ width:100%; height:80px; top:-100px; }
	.slideComment h4{color:var(--kleur2);font-size:130%;font-weight:bold;margin:5px 0;}

}


#shopKlantenService {
	width: 19%;
	display: inline-block;
	text-align: left;
	padding-left: 10px;
	font-size: 13px;
}


@media only screen and (max-width:1000px){
	div#shopKlantenService{display:none;}
	div#productSlider{display: none !important;}
}
div#shopKlantenService .aandacht {
	color: var(--kleur2);
	margin: 4px 0 25px 0;
	color: var(--kleur1);
}
div#shopKlantenService span{display:block;}
div#shopKlantenService .aandacht {
	color: var(--kleur1);
	/* font-weight: bold; */
	/* font-size: 1.1rem; */
	margin: 4px 0 25px 0;
}
div#shopKlantenService h4 i{color:var(--kleur2);margin-right:10px;}
div#shopKlantenService h4{		font-size: 20px;	padding: 0;	margin: 20px 0 5px 0;	color: var(--kleur1);}

#cs_chat{display: none}



#announcement {
	display: none;
	opacity: 0;
	background: #fff;
	padding: 10px;
	text-align: center;
	height: auto;
	width: 360px;
	left: calc(50% - 180px);
	/* z-index: 1; */
	position: fixed;
	top: 40%;
	transition: 1s all ease-in-out;
	z-index: 100000;
	margin: auto;
	box-shadow: 0px 0px 38px #666;
	border-radius: 2px;
}

svg.above_form {	display:none;}

div.subtotal,div.shipping,div.discount,div.coupon,div.korting,div.subtotal2,div.btw,div.total,div.product_regel{width:100%;text-align:right;}
div.total,div.subtotal,div.subtotal2{font-weight:bold;border-top:1px solid #333;}
.priceExclBtw{display:none;}
.priceExclBtw:after{content:'ex btw';}
.priceInclBtw{display:inline;}

#featuredCategories .imageContainer {
	width: 100%;
	text-align: center;
	margin: auto;
	padding-top: 100%;
	overflow: hidden;
	border-radius: 2px;
}

#featuredCategories .imageContainer img {
	position: absolute;
	bottom: 0%;
	left: 0;
	width: 100%;
	max-height: 120%;
	margin: auto;
	max-width: unset !important;
	transition: 0.3s all ease-in-out;
}

#featuredCategories .imageContainer img.alternative{
	opacity:0;
	top:0;
	left:0;	
	z-index:100;
	}
	
.imageContainer:hover>img.alternative{opacity:100 !important;}

#featuredCategories .categoryName {
	position: relative;
	top:auto;
	height: 50px;
	background:transparent;
	padding: 10px 5px;
	font-size: 115%;
	font-weight: bold;
	color:var(--kleur1);
}

#selectLanguage {
	position: fixed;
	left: 10px;
	top: 10px;
	z-index: 10000;
}

#selectLanguage img {
	margin: 3px;
	width: 23px;
	height: 23px;
	border-radius: 10px;
}

#selectLanguage img {
	margin: 5px;
}

#selectLanguage {
	width: 70px;
	padding: 5px;
}



/* Nieuwe blocktypes */
.blockContent{position:relative;height:100%;}



.coveredBackgroundImage{padding:0;background-size:cover;background-position:center 70%;}

#type0015, #type0016 {	height: 100%;	padding: 4em 0em 2em 0;}
#type0015 > #type0015, #type0015 > #type0016, #type0016 > #type0015, #type0016 > #type0016 {padding: 4em 0 0 0;} 

#type0016 .kolommen, #type0016 .canvas_container {
	padding: 0;
	margin: 0;	
	width: 100%;
	max-width: 100%;	
	
}

#type0015 .canvas_container,#type0016 .canvas_container {
	display: flex;
	flex-direction: row;
	justify-content: space-between; 
}


div.kolom50.coveredBackgroundImage{border-radius:0px 0 !important;}

@media only screen and (min-width:801px){
	#type0016 div.kolom50.coveredBackgroundImage {border-radius: 10px 0 170px 0 !important;}	
	#type0015  div.kolom50.coveredBackgroundImage {border-radius: 0 10px 0 170px !important;}
}

.blokcontent{max-width:700px;padding-bottom:0.5em;}
#type0015 .kolom{ text-align:left !important;  }
#type0015 .kolom50 {width: calc(50% - 2%) !important;	display: inline-block;	border-radius: 0; margin:0 !important; max-width:50%; border-radius:3px;}
#type0015 .kolommen , #type0015 .canvas_container {padding:1em;margin:auto; width:100%; max-width: var(--innerWidth); min-height:350px;}
#type0016 .kolom{ text-align:right; }
#type0016 .kolom50 {width: calc(50% - 2%)	!important; display: inline-block;	border-radius: 0; margin:0 !important; max-width:50%; border-radius:3px;}
#type0016 .kolommen , #type0016 .canvas_container {padding:1em;margin:auto;height:100%; width:100%; max-width: var(--innerWidth); min-height:350px; }

@media only screen and (max-width:480px){
	#type0015 , #type0016 { display:block;}
	#type0015 .kolom50 , #type0016 .kolom50 {width:100% !important; max-width:100% !important;}
	#type0015 .canvas_container {	flex-direction: column-reverse;	}
	#type0016 .canvas_container {	flex-direction: column;	}

}

#type0015 h3:after, #type0016 h3:after{display:none;}
#type0016 .coveredBackgroundImage, #type0015 .coveredBackgroundImage{background-position:center center !important;}

div#type0025 {	max-width: 100%;	padding: 4em;}

@media only screen and (max-width:800px){
.kolom80 h3 {	border-right: 0 !important;	/* width: 80%; */	margin: auto;	text-align: center;	padding: 0;	display: inline-block;
	width: 100%;}
.kolom80 { padding:0 2em !important; text-align:justify;}

div.element.BLOCK .imageonly {
	height: auto;
	padding: 3em 0;
	opacity: 1;
}
	
div.element.BLOCK .imageonly h2 {
	font-size: 28px;
	height: auto;
	padding: 1em;
}
}


/* Nieuwsbrief block */
#canvas_subscribe {	background: var(--kleur1);	color: #fff;	padding: 2em 0 3em 0;	font-size: 90%;}
#canvas_subscribe .canvas_container{max-width: 1000px;}
#canvas_subscribe h2, #canvas_subscribe h3{ color:#fff; margin:5px;}
#canvas_subscribe .knop { 	padding: 9px;}
#canvas_subscribe input {max-width:300px; margin:0;}




@media only screen and (max-width:481px){
	#canvas_subscribe{padding:2em;}
	#canvas_subscribe input{margin-bottom:5px;}
#type0015, #type0016 {	padding: 0; text-align:center !important}
#type0015 .kolom, #type0016 .kolom {text-align:center !important}	
div.kolommen .kolom50 {padding:0.5em; }
div.element.GALLERY {	padding: 1em !important }

div.gallery_thumb {	width: 46%;	padding-top: 34%;	margin: 2%;	border-radius: 10px 0px;	border: 1px solid #fff;}

}


/* slides */
@media only screen and (max-width:800px){		div#canvas_slider{height:65%;}		}
div.slidecover{display:none;}
div.slides {
	width: 100%;
	height: 100%;
	-webkit-box-shadow: inset 11px -24px 58px -21px rgba(0,0,0,0.78);
	-moz-box-shadow: inset 11px -24px 58px -21px rgba(0,0,0,0.78);
	box-shadow: inset 11px -24px 58px -21px rgba(0,0,0,0.78);
	background-position: center 30%;
}

#canvas_slider::before, #canvas_header::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.4;
	content: '';
	/* filter: grayscale(0.2); */
}


/* Effecten */

h3.in-view {
	animation-name: bounceIn;
	animation-delay: 0;
	animation-duration: 2s;
	animation-direction: initial;
}



#type0021 .kolom {	width: 40%; 	display: inline-block;  	margin: 2%; 	padding: 0;	text-align: left; 	padding:20px; }
#type0021 img {	width:40px; height:40px; float:left; margin-right:10px; border-radius:20px; }
#type0022 img {	width:40px; height:40px; float:left; margin-right:10px; }
#type0021 h3::after , #type0022 h3::after {	display: ;	border-radius: ;	/* width: 261px; */	display: none;}
#type0021 h3 {	margin: 0 !important;	padding: 3px 0px !important;	}

@media only screen and (max-width: 480px){
	#type0021 .kolom{width:100%; padding:0; min-height: unset;}
}

/* Recensies block */

#canvas_recensies {	padding: 1em;	}
#canvas_recensies .testimonial {		width: 40%;	display: inline-block;	margin: 2%;	padding: 20px;	border-radius: 1px 20px 30px 40px;
	text-transform: ;	line-height: 160^%;	color: var(--kleur2);	min-width: 300px;}

/* Categorien uitklapbaar */

/* correcties */

#fav_link{display:none;}
div#canvas_head{max-width: 100%;}


/* Compare products */

#productCompare {
	position: fixed;
	bottom: 0;
	width: 100%;
	border-top: 1px solid #ccc;
	padding-top: 10px;
	background: #fff;
	z-index: 10000;
}
#productCompare ul {
	column-count: 3;
	padding: 0;
	margin: 0;
	width: calc(100% - 200px);
	display: inline-block;
}
#compareButton {
	display: inline-block;
	width: 118px;
	margin: 0 5px;
	height: 34px;
	text-align: center;
}

#compareTab {
	background: var(--kleur1);
	width: 150px;
	border-radius: 10px 10px 0 0;
	position: fixed;
	bottom: 88px;
	color: #fff;
	left: 5%;
	text-align: center;
	padding: 10px 30px;
	font-weight: bold;
}

#productCompare img{max-width: 60px;max-height: 35px;border:1px solid #eee; float:left}
#productCompare div.image {
	width: 68px;
	display: inline-block;
}
#productCompare h3{font-size:12px; margin:0; color:var(--kleur1); text-align: left}


#productCompare div.name{width:calc(100% - 120px);display: inline-block}
#productCompare div.delete {
	position: absolute;
	top: 0;
	background: #f3f2f2;
	border-radius: 20px;
	width: 30px;
	height: 30px;
	max-width: 30px;
	right: 0;
}
#productCompare li {
	border: 1px solid var(--kleur1);
	padding: 10px;
	font-size: 90%;
	height: 41px;
	overflow: hidden;
	border-radius: var(--radius);
	list-style-type: none;
	position: relative;
}
#compareTable .row div {
	display: inline-block;
	width: 24%;
	/* margin-right: 1%; */
	/* border-bottom: 1px solid #ccc; */
	height: 100%;
	max-width: 2;
	padding: 4px;
	vertical-align: bottom;
	padding-right: 10px;
}
#compareTable .row {
	/* display: table-row; */
	display: inline-block;
	width: 100%;
	/* border: none; */
	padding: 0 !important;
}
.specsKey{color:var(--kleur1);}
.specsValue.kolom1,.specsValue.kolom3 {
	background: #fcfafa;
}
.specs img {
	width: 200px;
}

.compare {
	font-size: 80%;
	/* padding: 10px; */
	text-align: center;
	/* color: var(--kleur1); */
	cursor: pointer;
	text-decoration: none;
	background: #eee;
	border-radius: 2px;
	/* padding: 2px; */
	width: autop;
	display: inline-block;
	padding: 2px 10px;
	color: #888;
	cursor:pointer;
}
.compare:hover{background-color:var(--kleur1); color:#fff;}

#compareLink {
	color: var(--kleur1);
	font-size: 90%;
	padding: 10px;
	text-align: left;
	padding: 10px 0;
	cursor: pointer;
}
.compare.selected {
	font-weight: bold;
}


@media only screen and (max-width: 600px){
	#productCompare div.image {
		width: 50px;
		display: inline-block;
	}
	#productCompare h3{font-size:9px; margin:0; color:var(--kleur1); text-align: left}
	#productCompare ul {
		column-count: 1;
		width: 95%;
	}
	#productCompare li {
		height: 25px;
		padding: 5px;
		margin-bottom: 2px;
		position: relative;
	}
	#compareTable h3{font-size:10px; font-weight: normal;color:var(--kleur1);text-align: left}
	#compareButton {
		width: 95%;
		display: inline-block;
		height: 34px;
		width: 95%;
		box-sizing: border-box;
		margin: auto;
		margin-bottom: 10px;
		padding: 9px;
		background: var(--kleur1);
		border: none;
	}
	#productCompare div.name {
		width: calc(100% - 60px);
		display: inline-block;
	}
	#productCompare img {
		max-width: 60px;
		max-height: 24px;
		border: 1px solid #eee;
		float: left;
	}
}

#compareTable .knop {
	font-weight: normal;
	padding: 5px;
	font-size: 80%;
	border-radius: 2px;
}




#Block_BLOCK81 {
	background: #222020;
}

div.video-wrapper {
	filter: grayscale(1) !important;
}