:root {
    --kleur1: #886855; 	
	--kleur2: #222;	
	--kleur3: #bd6f6f;
	--kleur4: #000; 
	--kleur5: #000;
	--kleur6: #000;
	--kleur7: #dbdbdb;
	--kleurgroen : #bd6f6f;
	--grijs: #333333;
	--wit:	  #ffffff;
	--zwart:  #000000; 	
	--font : "Libre Franklin", sans-serif;
	--radius: 4px;
}

html {
	height: 100%;
	position: relative;
	scroll-behavior: smooth;
	background: url(../bg_main.jpg);
	background-size: contain;
	background-properties: fixed;
	background-attachment: fixed;
	word-wrap: break-word;
	hypens:auto;
}


/* Basis elementen */
body{position:relative;height:100%;font-family: var(--font);line-height:140%;height:100%; color:var(--grijs); margin:0;}
input,textarea,select{font-family: var(--font); color:var(--kleur3); border:none; border-radius:var(--radius);}
h1,h2,h3,h4,h5,h6{font-family: var(--font);line-height:120%; font-weight:normal; text-transform:uppercase;
word-wrap: break-word}
h1{color:var(--kleur1);font-size:32px}
h2{color:var(--kleur2);font-size:28px}
h3{color:var(--kleur2);font-size:24px;}
img{max-width:95%;width:auto;height:auto;margin:auto; border-radius:var(--radius);}
@media only screen and (max-width:480px){body{font-size:15px;}}
@media only screen and (max-width:1024px){body{font-size:15px;}}
@media only screen and (min-width:1200px){body{font-size:15px;}}
@media only screen and (min-width:1680px){body{font-size:15px;}}
strong{word-wrap: break-word}
div,img,body{margin:0;padding:0;vertical-align:top;box-sizing:border-box;position:relative;}
span{vertical-align:top;}

/* Basis blokken */

div.canvas_container{width:100%;max-width:1600px; position:relative; margin-left:auto;margin-right:auto;}


/* algemeen */




/* CMS Bloktypes */
@media only screen and (min-width:800px) {
	img.float_right {
		float: right;
		width: 40%;
		display: inline-block;
		height: auto !important;
		max-height: 80vh !important;
		max-width: 380px !important;
		margin: 0 0 0 20px;
	}

	img.float_left {
		float: left;
		width: 40%;
		display: inline-block;
		height: auto !important;
		max-height: 80vh !important;
		max-width: 380px !important;
		margin: 0 20px 0 0px;
	}
}



h1 {
	color: var(--kleur1);
	font-size: 170%;
	font-weight: bold;
	letter-spacing: 1px;
}

h2{color:var(--kleur2);font-size:142%; font-weight:bold;}
h3{color:var(--kleur2);font-size:135%;}

@media only screen and (max-width:800px){
h2 {
	font-size: 22px;
	margin: 0.5em auto 0.5em auto;
}
}


a {text-decoration:none;cursor:pointer;color:var(--kleur2);}
a:hover{text-decoration:underline}

/* KNOPPEN */

.knop{ display:inline-block; width:100%; max-width:300px; box-sizing:border-box; border-style:solid; padding:10px 20px; text-align:center; background-color:var(--kleur1); color:#fff; border-width:2px; }
.knopLight, .knop.light{ background-color:transparent; border-color:var(--kleur1); color: var(--kleur1); }

img.round-icon{height:80%;width:auto;max-height:400px;max-width:400px;border-radius:200px;border:2px solid #fff;float:left;}

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

@media only screen and (max-width:800px)
	{
	.mobile, .mobileonly{display:inline !important;}
	.nomobile{display:none !important;}	
	}

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

	div.blok25{width:45%;margin:1%;}	div.blok35,div.blok50{width:97%;display:block;margin-left:1%;}
	
	}


/* blokken */

		div#canvas_website {
			position: relative;
			height: 100%;
			width: 100%;
			text-align: center;
			background: #fff;
		}

/* Head sectie en onderliggende blokken */
		@media only screen and (max-width:801px){ 	div#canvas_website{padding-top:50px; width: 100%;}	}

div#canvas_head {
	position: relative;
	height: 100px;
	top: 0;
	z-index: 1000;
	width: 100%;
	margin: auto;
	background-color: #652323;
}


div#canvas_head .canvas_container {
	max-width: 100%;
	background: #000;
	max-height: 100%;
}
		div#canvas_head.ingeklapt , div#canvas_head.contentpagina { }

		@media only screen and (max-width:801px){
		div#canvas_head, div#canvas_head.ingeklapt , div#canvas_head.contentpagina{height:50px;}
		}

		div#canvas_head.ingeklapt #canvas_categorien, div#canvas_head.contentpagina #canvas_categorien {	top: 50px;	height: 45px;	padding: 10px;}

/* Logo sectie */
		div#canvas_logo {   }
div#canvas_logo img {
	margin: auto;
	max-width: 240px;
	position: relative;
}
		div#canvas_logo img#fclogo{display:block;}
		div#canvas_logo img#monologo{display:none;}
		div#canvas_logo.ingeklapt, div#canvas_logo.contentpagina{}
		div#canvas_logo.ingeklapt #fclogo, div#canvas_logo.contentpagina #fclogo{display:none;}
		div#canvas_logo.ingeklapt #monologo, div#canvas_logo.contentpagina #monologo {	display: block;}
		div#canvas_logo.ingeklapt, div#canvas_logo.contentpagina {}



#categorielijst li {
	display: inline;
	border-right: 1px solid #eee;
	padding: 0 10px;
	font-size:90%;
}

#shopCategory #categorielijst li {
	background: #fff;
	margin: 5px;
	border: 1px solid var(--kleur1);
	padding: 5px;
	border-radius: var(--radius);
}

#categorielijst {
	padding-bottom: 20px;
	padding-left: 0;
}
@media only screen and (max-width: 1024px){
	#categorielijst {		padding-bottom: 0;		text-align: center;	}
	#categorielijst li {
		display: inline-block;
		padding: 3px 4px;
		border-right:none;
		background-color:#eee;
		margin:3px;
	}
}


/* Standaard blokken opbouw */



/* nieuw categie menu */

#categoryButton{display:none !imporant;}

#productCategories {
	display: inline-block;
	left: 0;
	right: 0;
	top: 0;
	height: 50px;
	background: #000;
	position: relative;
	z-index: 10000;
	width: 100%;
	padding: 13px;
	/* overflow-y: hidden; */
	margin: 0;
	padding: 0;
}
#canvas_website.ingeklapt #productCategories{
	position:fixed;
	top:0;
}

#productCategories ul#categorien li {
	display: inline-block;
	cursor: pointer;
	height: 100%;
	border-bottom: 20px solid transparent;
}

#productCategories ul#categorien li a{color:#fff;}
#productCategories ul.subcategorien{display:none;}

#productCategories ul#categorien ul.subcategorien a{color:#000; text-transform:uppercase;}
#productCategories ul.subcategorien li {
	display: inline-block;
	text-align: left;
	padding: 5px 20px;
	border: none !important;
	background: #fff;
	border: 1px solid var(--kleur1) !important;
	/* background: var(--kleur1); */
	/* color: #fff !important; */
	min-width: 80px;
	text-align: center;
	border-radius: var(--radius);
}
#productCategories ul.subcategorien:hover{ display:inline-block; }
#productCategories .categoryMenuOption:hover ul.subcategorien {	display: inline-block;}
		.catIconBox {	width: auto;	display: inline-block;	margin-left: 10px;	margin-top: 0px;	margin-right: 5px;}
		.catIconBox img {	height: 25px;	padding: 0;	margin: 0;}
		#productCategories i.menu-more{display:none !important;}
ul.subcategorien:hover {display: inline-block;}
ul.subcategorien {
	display: none;
	position: absolute;
	top: 50px;
	background: #fff;
	left: 0;
	right: 0;
	text-align: center;
	padding: 4px;
}


/* Kolommen */
div.kolommen {	max-width: 1500px;	max-height:100%; position:relative; margin: auto;	padding: 0;	display: flex;}
div.kolommen .kolom{flex:1;}

div.kolommen.paginabreed{max-width:100%;width:100%;}
div.kolommen.paginabreed div.canvas_container{width:100%;max-width:none}

.kolom{border-radius:5px;}

div.kolommen .kolom50, div.kolommen.kolom35, div.kolommen .kolom25{}
div.kolommen .kolom50 { padding:2em}
div.kolommen .kolom35 { padding:1.5em}
div.kolommen .kolom25 { padding:1em}

div.kolom50{max-width:49%;display:inline-block;height:auto;min-height:50px;padding:10px;}
div.kolom50.links{width:50%;margin-left:4%;margin-right:45%;}
div.kolom50.rechts{width:50%;margin-left:45%;margin-right:4%;}

div.kolom25{display:inline-block;width:22.5%; margin:1%; padding:10px;text-align:center;}
div.kolom33{display:inline-block;width:31%;margin:1%; padding:10px;text-align:center;}
div.kolom80{width:80%;max-width: 800px;    margin: auto;    background-color: rgba(255,255,255,0.9);    padding: 2em;    text-align: justify;}

h3 i {
	display: inline-block;
	font-size: 32px;
	color: inherit;
	width: 50px;
	height: 50px;
	background: var(--kleur2);
	color: #fff;
	padding: 13px 0;
	border: radius;
	border-radius: 200px;
	text-align: center;	
	margin-right: 20px;
	display: block;
	box-sizing: border-box;
}

.blockOverlay{width:100%;height:100%;position:absolute;opacity:0;background:#000;}

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

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

@media only screen and (max-width:801px){
			div.kolom25 {				width:46%;				margin:1.5%;				padding:10px;			}
			div.kolom33, 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{display:inline-block;width:48%;margin:0.5%; padding:10px;text-align:center;}
				div.kolom33.links{margin-right:1%;  }
				div.kolom33.rechts{margin-left:1%;  }
	}
	
@media only screen and (max-width:480px)
	{
				div.kolom33,div.kolom80,div.kolom50{max-width:none;width:98%;margin:auto;display:block;text-align:center}
				div#adres{text-align:center;}
	}


/* LOGIN KNOPPERN */

input#search + i {	position: relative;	color: #fff;	top: 0;	font-size: 22px;	z-index: 10;	display: inline;	top: 10px;	z-index: 1000;	left: -3px;	top: -41px;
	transition:0.2s all ease-in-out;
}
#product_search input {
	/* background-color: var(--kleur3); */
	/* color: #fff; */
	margin: 0;
	border: 0;
	/* max-width: 450px; */
	margin: auto;
	/* display: inline; */
	position: ;
}
input#search:hover + i{	font-size:26px;	top:-43px;	color:#FFC;}
#header_items img:hover {	transform: scale(1.05);}


#canvas_mini_basket.focus {background:#fff;}
#canvas_mini_basket.focus a{color:#f00;}
#canvas_mini_basket.focus i{color:#f00;}
#basketQT {
	background: var(--kleur1);
	color: #fff;
	font-size: 90%;
	/* border-radius: 20px; */
	/* position: absolute; */
	margin-top: -16px;
	z-index: 54;
	width: 23px;
	height: 23px;
	border-radius: 15px;
	padding: 1px 5px;
	/* margin: -2px 0 auto; */
	right: -31px;
}




/* SPEERPUNTEN */
#canvas_speerpunten {
	text-align: center;
	background: var(--kleur1);
	position: relative;
	padding: 1em;
	position: fixed;
	bottom: 0;
	z-index: 10000;
	width: 100%;
}
div#canvas_speerpunten li::before {
	content: '\2713';
	color: #e8e8e8;
	padding: 5px 10px;
	font-weight: normal;
}
div#canvas_speerpunten li {
	display: inline-block;
	margin: 0;
	padding: 0;
	padding: 0 29px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
}
@media only screen and (max-width:600px){
	div#canvas_speerpunten li {width:100%;text-align:center;}
}


/* MENU */
div#canvas_menu{display:none;}
div#canvas_menu_hr {
	font-size: 0.82em;
	text-align: right;
	width: auto;
	display: block;
	padding: 0;
	margin: 0;
	background: #fff;
	position: fixed;
	top: 0;
	z-index: 1000;
	right: 0;
	padding: 5px 20px;
}
div#canvas_menu_hr.ingeklapt, div#canvas_menu_hr.contentpagina {}
div#canvas_menu_hr.ingeklapt a, div#canvas_menu_hr.contentpagina a{}
div#canvas_header {	postion: relative;	height: 370px;	width: 100%;	border: 15px solid #fff;}
div#canvas_header.home{max-height:none;height:80%;height:80vh;  overflow:hidden;margin-top: 50px;}
@media only screen and (max-width:481px){div#canvas_header.home{height:80%;height:80vh;}
div#canvas_header{max-height:180px;}
}

/* Login icons */




#canvas_login h4, #canvas_login h5{display:none !important;}
#canvas_login,#canvas_minibasket, #canvas_favorites{ flex:1;}
#service_icons img{width:35px;height:35px;}
#service_icons img{	filter: brightness(0) invert(1);}
#service_icons .kolom {	display: inline-block;	max-width: 60px;	width: 25%;}
#service_icons {	width: 100%;}
div.uitleg{display:none !important;}

/* minibasket */
#minibasket h4{display:none!important;}
#minibasket .quantity {
	width: 25%;
	font-size: 88%;
	display: inline-block;
	background: #bd6f6f;
	color: #fff;
	border-radius: 17px;
	width: 25px;
	height: 25px;
	box-sizing: border-box;
	padding: 2px;
}
#minibasket h5{color:#fff;}

/* HEADER */
div#canvas_header{display:none}
div#canvas_header.BLOG, div#canvas_header.RECEPT, div#canvas_header.INTERVIEW{display:inline-block}
div#canvas_header.contentpagina{}
div#canvas_content{position:relative;width:100%;min-height:500px;}

/* RECENTIES */
div#canvas_recenties{position:relative;width:100%;background-color:#f1ede8;min-height:200px;padding:2em 0 2em 0;}
div#canvas_latest_blog{display:none;}

/* CONTENT ALGEMEENT */
div#content{padding:0;}
@media only screen and (min-width:481px) and (max-width:801px){div#content{padding:1em;}}


/* BLOG ITEMS  SHARING*/
.facebook-button, .plus-button, .twitter-button, .linkedin-button {
	width:25%;
	float:left;
	text-align:center;
}
.facebook-button a:link, .facebook-button a:visited, .plus-button a:link, .plus-button a:visited, .twitter-button a:link, .twitter-button a:visited, .linkedin-button a:link, .linkedin-button a:visited {
	display: block;
	color: #fff;
	font-family: var(--font);
	padding: 8px 0;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 25px;
	margin-top: -25px;
	font-size: 80%;
}
.facebook-button a {
	color:#306199 !important;
	background-color:#fff;
}
.plus-button a {
	color: #e93f2e  !important;	background-color:#fff;

}
.twitter-button a {
	color:#26c4f1  !important;	background-color:#fff;

}
.linkedin-button a {
	color:#007bb6  !important;	background-color:#fff;

}
span.share-text {
	margin:0 5px;
}
@media only screen and (max-width : 400px) {
	span.share-text {
		display:none;
	}
}


/* Breadcrums */
div#broodkruimel {	display: inline-block;	color: var(--kleur1);	text-align: left;	width: 100%;	position: relative;	background: #eee;	padding: 10px;}
div#broodkruimel,div#broodkruimel a{color:rgb(174, 194, 183)}
@media only screen and (max-width:801px){ div#broodkruimel{width:100%;}}

/* elements */
div#canvas_shop {	width: 100%; text-align:center}

@media only screen and (min-width:801px)
{
	div#shop_main {		width: calc(100% - 280px);		display: inline-block;		margin:auto;	}
	div#shop_main.searchresults {		width: 100%;}
	div#shop_side {		width: 280px;		display: inline-block;		padding-right: 10px;		position: sticky;		top: 125px;	}
}

#shop_main.product.details {
	width: 100% !important;
	display: block;
	margin: auto;
	line-height: 170%;
	background: #fff;
}


@media only screen and (max-width:801px){
	#shop_side div{display: none;}
	#shop_side div#filter_container{display:inline-block;}

	#shop_side.actief{display:inline-block;}
	#shop_side.actief {
		display: inline-block;
		position: fixed;
		top: 50px;
		left: 0;
		width: 100%;
		z-index: 1000;
		background: #f4f4f4;
		box-shadow: 0px 5p 10px #ddd;
		border-bottom: 1px solid #ddd;
	}
	#shop_side.actief {
		position: fixed;
		z-index: 1000;
		background: #efefef;
		width: 100%;
		max-height: 90%;
		overflow-x: scroll;
		border-bottom: 1px solid #ccc;
		box-shadow: 0px 5px 5px #ccc;
		opacity: 1;

	}
}
@media only screen and (max-width:800px){
div#canvas_shop {	text-align:center;}	
}
div.element{width:100%;height:auto;position:relative;}
div.element.PAGE {
	width: 100%;
	margin: auto;
	text-align: left;
}
@media only screen and (max-width:481px){
	div.element.PAGE:nth-child(1){padding:1em;}
	div.element.PAGE {padding:10px;}
}
div.element.GALLERY{background-color:var(--kleur5);}
div.element.FORM .form_field_desc{color:#fff;}
div.element.FORM .form_field_desc {	color: #874e4e;}
div.element.FORM input[type=submit]{background-color:#874e4e);border:0px solid transparent;}
div.element.FORM {
	/* background-color: #9bc3a599; */
	padding: 3em;
	color: #000;
	/* background-image: url("bg_form.jpg"); */
	background-size: cover;
	border: 1px dashed #ccc;
	/* width: 70%; */
	/* margin: 2em auto; */
	/* max-width: 700px; */
	background: #f4f4f4e6;
}
div.element.FORM h2{color:#333;}
@media only screen and (max-width:481px){
	div.element.FORM{padding:1em;}
}
div.element.FORM .canvas_container{padding:0;}
div.element.GALLERY .canvas_container{max-width:none;width:100%;}
div.element.BLOCK .imageonly {
	height: 500px;
	padding: 220px;
	opacity: 1;
}
div.element.BLOCK .imageonly h2 {
	font-size: 50px;	
	margin: 0;
	height: 50px;
	font-family: var(--font);
}
div.bullitpoints{padding:4em 0;}
div.bullitpoints ul{width:100%;max-width:800px;list-style-type:none;margin:auto;}
div.bullitpoints ul li{width:100%;max-width:380px;display:inline-block;text-align:left;padding:10px 0;}
div.bullitpoints ul li:before{content:"\2714\0020";color:var(--kleur2);}

/* order voortgang */
div#voortgangsStappen{border-bottom:1px solid #ddd; margin-bottom:20px; padding-bottom:10px;}
div#voortgangsStappen .stap{padding-right:20px;color:#777;font-size:90%}
.stap.selected a{color:var(--kleur1) !important;}
div#voortgangsStappen a{color:inherit;}
#orderVoortgang {
	width: 100%;
	height: 30px;
	background: #f1ede8;
	padding: 4px;
	color: #888;
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 1000;
}
.percentage {	background: #bde2c3;	height: 100%;	position: absolute;	left: 0;	top: 0;	z-index: 0;}
.voortgangTxt { z-index:2;position:relative;}

/* foto galleries */
div#fotoGallery{width:100%;display:block;position:relative;height:auto;}
div.gallery_thumb{width:20%;margin:0;padding:0;border:0;padding-top:25%;margin:0px;transition:all .6s ease;;display:inline-block;filter:alpha(opacity=100);opacity:1;cursor:pointer;}
@media only screen and (min-width:801px)	{
	div.gallery_thumb{width:20%;margin:0 0 0 0; padding-top:19%;} 		
	div.gallery_thumb.foto-4 {width:25%;}
	div.gallery_thumb.foto-5 {width:20%;}
	div.gallery_thumb.foto-6 {width:16.6%;}
	div.gallery_thumb.foto-7 {width:14.25%;}
	div.gallery_thumb.foto-8 {width:12.5%;}
	
	div.gallery_thumb.foto-9 {width:20%;}
	div.gallery_thumb.foto-9:nth-child(n+6){width:20%;}		
	
	div.gallery_thumb.foto-10 {width:20%;}
	div.gallery_thumb.foto-11 {width:16.6%;}
	div.gallery_thumb.foto-11:nth-child(n+6){width:20%;}
	
	div.gallery_thumb.foto-12 {width:16.6%;}
	div.gallery_thumb.foto-13 {width:14.25%;}
	div.gallery_thumb.foto-13:nth-child(n+6){width:16.6%;}
	
	div.gallery_thumb.foto-14 {width:14.25%;}		
	}
@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;}

/* blog */
@media only screen and (min-width:600px){div#blog_overzicht{	-webkit-columns: 50px 2;      -moz-columns: 50px 2;    columns: 50px 2; }}
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(--kleur6);
}
div.blog_feed a.knop{float:right;}
div.blog_item{color:#777;}
div.blog_item h2{color:#000;}
div.blog_link{text-align:right;margin-top:1em}
div.blog_titel a{text-decoration:none;}
div.blog_tags .tag {
	display: inline-block;
	padding: 5px 20px;
	background: #444444b0;
	color: #fff;
	border-radius: 20px;
	font-size: 75%;
	padding: 5px 8px;
	margin: 7px 5px;
	line-height: 100%;
}
.blog_tags {
	position: absolute;
	top: 7px;
	left:0px;
	width: 100%;
	text-align: center;
}
article {margin:auto;}
main,aside {	width: 100%}
@media only screen and (min-width:801px){main {  	width: calc(100% - 320px);} aside {	width: 300px;} }
main{
	display:inline-block;
	position:relative;
	border-right:1px solid #f1ede8;
	padding-right:1em;
	box-sizing:border-box;
}
aside	{
	height: 100%;
	position: relative;
	background: #f1ede8;
	padding: 20px;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
}
div#blog_navigatie {text-align:right;padding-bottom:5px;margin-top: -10px;}
div#blog_navigatie a {
	display: inline-block;
	width: 29px;
	height: 29px;
	background-color: var(--kleur1);
	padding: 0px;
	margin: 3px;
	text-align: center;
	color: #fff;
	font-size: 100%;
	border-radius: 15px;
	line-height: 29px;

}
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:#f1ede8;font-weight:normal;}
div.blog_header {
    background-position: center;
    width: calc(100% + 50px);
    margin-bottom: 20px;
    height: 200px;
    overflow: hidden;
    display: inline-block;
    background-size: cover;
    margin:-25px;

}
div.blog_titel,div.blog_datum,div.blog_intro,div.blog_link{padding-left:10px;padding-right:10px;}
.blog_intro{color:#666; font-size:90%;}
div.blog_block {
	margin-bottom: 10px;
	border-radius: 10px;
	background-color: #f5f5f5;
	padding: 25px;	
}
@media only screen and (min-width:601px){
div.blog_block{	padding:25px;margin: 0 0 40px 20px;}
}
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: #fff;
	margin-bottom: 0;
	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(--kleur7);}
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(--kleur7);
}
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{
	max-width:1350px;	
	padding:2em 0;
	margin:auto;
}
.recentBlogBlock {
	display: inline-block;
	width: 320px;
	/* margin: 9px; */
	min-width: 200px;
	max-height: 200px;
	padding: 10px;
	margin-bottom: 10px;
	overflow:hidden;
}
.recentBlogBlock .diplayVideo {
	color: #fff;
	z-index: 1000;
	position: absolute;
	top: 70px;
	font-size: 200%;
	border: 1px solid #fff;
	border-radius: 100px;
	padding: 7px;
	/* left: 0; */
	right: ;
	margin: auto;
	width: 40px;
	height: 40px;
	line-height: 40px;
	left: calc(50% - 33px);
	/* right: calc(50% - 20px); */
	background: #00000047;
}
.recentBlogBlock:hover{opacity:0.8;}
.recentBlogBlock a {
	color: #fff;
	font-weight: bold;
	text-shadow: 5px 5px 5px #000;
}
@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;	}}
.blogHeader img {
	object-fit: cover;
	max-width: 100%;
	/* padding: 4px; */
	border: 1px solid #ddd;
	border-radius: var(--radius);
	/* background: #fff; */
	min-height: 100%;
	min-width: 100%;
	max-height: 200px;
}
.blogIntro, .blogLink, .blogDatum{display:none;}
.blogHeader {
	margin-bottom: -90px;
	height: 200px;
}
.blogTitel {
	padding: 2px;
	height: 70px;
}
.blogTitel h3{font-size:18px; margin:5px 10px}
.recentBlogBlock h2{
}

/* content */
div#content {
	margin: auto;
	background: #f1f1f1;
	padding-left:1em;
	padding-right:1em;
}
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{ font-size:0.92em; text-align:left; padding:bottom:10px; color:(--kleur2);}
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;}
#content_1 .canvas_container {	max-width: 1000px;}

@media only screen and (min-width:801px)
{
div.pageSubColumn {
	width: 290px;
	display: inline-block;
	padding-right: 20px;
	position: sticky;
	top: 100px;
}
div.pageSubColumn + div.pageContent {
	width: calc(100% - 350px);
	display: inline-block;
	margin-left: 30px;
	max-width: 800px;
	/* margin: ; */
}
}

@media only screen and (max-width:801px)
{
div.pageSubColumn{display:none;}
div#content img,div#content_1 img{float:none; display:block;max-width:95%;  margin:5px auto 5px 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.div_formulier, div#formulier {	max-width: 1100px;	margin: auto;	}
div#formulier form{padding:1em 0;}

@media only screen and (min-width:801px){
	div.div_formulier, div#formulier {max-width:700px; text-align:left}
	div.element.FORM div#formulier {max-width:1200px;}
	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;
	letter-spacing: 1px;
	color: #000;
	margin: 10px 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%; 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;}
@media only screen and (max-width:481px)	{div.form_row_klein{width:100%;}		}
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: 1px solid #ccc;
	border-radius: var(--radius);
	margin: 10px 0;
	/* max-width: 300px; */
}
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:#f1ede8;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;}

/* bottom */
div#canvas_bottom {
	position: relative;
	width: 100%;
	text-align: center;
	color: var(--kleur7);
	font-size: 0.9em;
	padding: 0 0 5em 0;
}
#canvas_bottom a {
	border-bottom: 1px dotted #eeeeee36;
	width: 100%;
	display: inline-block;
	padding: 5px;
}
div#canvas_bottom .catIconBox{display:none !important}
div#canvas_bottom img {	width: 90px;	height: auto;	margin-top: 10px;	border-radius: var(--radius);}
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}
div#canvas_bottom a{color:inherit;}
div#canvas_bottom h3 {
	color: var(--wit);
	text-align: inherit;
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: 3px;
	border-bottom: 1px solid var(--kleur3);
	padding: 10px;
	/* background: var(--kleur3); */
}
div#canvas_bottom div{text-align:left;}
@media only screen and (max-width:601px)
{
div#canvas_bottom div{text-align:center;}	
div#canvas_bottom ul li {
	margin-left: 0;
	padding-left: 0;
	display: block;
	width:80%;
	margin:auto;
	
}

#kolom1 ul li, #kolom3 ul li{ text-align:right;}
#kolom2 ul li, #kolom4 ul li{ text-align:left;}
}


/* 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{color:#000;cursor:pointer;text-decoration:none;}
div#canvas_menu a:hover{font-weight:bold;}

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

div.intro {
	width: 100%;
	position: absolute;
	bottom: 0; top:0;
	padding-bottom: 5em;
	height: auto;
	color: #fff;
	text-shadow: 1px 1px 5px #444;
	text-align:left;
}


div.intro h1, div.intro h2, div.intro h3 {color:#fff; text-align:left;}
div.intro h1, div.intro h2, div.intro h3 {padding-left: 50px; 	font-size: 5em;	text-shadow: none;	color: #fff;	text-shadow: 2px 1px 10px #555;}

.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:35px;}
}

@media only screen and (max-width:1025px){
.intro h1{font-size:45px;}
.intro h2{font-size:38px;}
.intro h3{font-size:33px;}
}

@media only screen and (max-width:481px){
div.intro h1 {
	/* padding-left: 50px; */
	font-size: 24px;
	text-align: left;
	margin: 0;
	text-align: left;
	padding: 20px;
}
}


div.intro a.knop{background-color:var(--kleur3); border:none; color:var(--wit); text-shadow:none;}

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;}


/* menu */

.collapse-button {
	position: absolute;
	top: 10px;
	left: 7px;
	border-radius: 0px;
	padding: 5px;
	cursor: pointer;
	text-align: center;
	background-color:#fff;
}

.collapse-button:hover, .collapse-button:focus{background-image:none;color:#FFF;}
.collapse-button .icon-bar{border-radius:1px 1px 1px 1px;display:block;height:2px;width:22px;margin:4px;margin-bottom:6px;background: var(--kleur1);}



div#canvas_menu_hr a{transition: all 0.3s ease-in-out;margin-left: -10px;margin-right: 10px;padding-top: 0px; color:#000; text-decoration:none;}
div#canvas_menu_hr a:hover{}

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: 0 10px 0 10px;
	font-style: normal;
	border: none;
	padding: 5px;
}
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;font-size:100%;max-width:none;}
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:5px;
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;}

ul.slimmenu li .sub-collapser{color:#f1ede8;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 #f1ede8;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;}

/* YOU TUBE */
 p:has(div.youtube-player){display:inline-block;}

div#canvas_website .youtube-player {
	position: relative;
	height: 0;
	overflow: hidden;
	width: 100%;
	height: auto;
	display: inline-block;
	margin: 0 0 22px 0;

}


.youtube-player iframe {
	position: relative;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 500px !important;
	z-index: 100;
	background: transparent;
	margin: 0;
}

.youtube-player .container {
	position: relative;
	padding-top: 56.25%; /* 16:9 aspect ratio */
	top:0;left:0;width:100%;
}
.youtube-player .container img {
	
}
.youtube-player img {
	bottom: 0;
	display: block;
	left: 0;
	margin: auto;
	/* max-height: 100% !important; */
	max-width: 100% !important;
	width: 100%;
	right: 0;
	top: 0;
	border: none;
	height: auto;
	cursor: pointer;
	-webkit-transition: .4s all;
	-moz-transition: .4s all;
	transition: .4s all;
	position: absolute;
	overflow: hidden;
	opacity: 0.7;
}



    .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;
	cursor: pointer;
	color: #fff;
	font-size: 200%;
	border-radius: 72px;
	border: 2px solid #fff;
	text-align: center;
	line-height: 72px;
	font-size: 33px;
	background: #ccccccd4;
}

/* VEEL GESTELDE VRAGEN */
#accordion h3{border-bottom:1px solid #f1ede8;}
#accordion h3 {	font-size: 110%;	font-weight: normal;}

h3.ui-state-hover{color:#eb2126};
h3.ui-accordion-header-active{color:#eb2126;}
div.antwoord{padding-left:5%;padding-bottom:1%;box-sizing:border-box;border-bottom:1px solid #f1ede8;}

div#shop_gadget,div#content_2{max-width:30%;display:inline-block;text-align:left;}

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

/* LOGIN KNOP */
div#login_knop{    margin:5px;      background-color: var(--kleur1);    color: var(--wit);    padding: 5px;    border-radius: var(--radius);    text-align: center;    }
div.buttons_login_menu{width:100%;color:#090;font-weight:bold;}

/* CATEGORIE */
span#navigatie{}
span#navigatie a{
	padding:5px;
	background-color:#fff;	
	margin-right:5px;
	padding-left:10px;
	padding-right:10px;
	border-radius:var(--radius);
	margin-right:5px;
	
}
span#navigatie a.actief{	background-color:#f00;	color:#fff;}	

	 
div.product_omschrijving{height:100px;overflow:hidden;}
div#shopCategory{text-align:center;}


#categorien {
	padding: 0;
	font-size: 110%;
	line-height: 140%;
}


@media only screen and (min-width:801px)
	{
	#shop_side #categorien{display:none;}
	}



#productName{text-transform:uppercase;font-size:120%;text-align:left;}
@media only screen and (max-width:601px){
	#productName{font-size:100%;}
}


#backButton {
	position: relative;
	right: 0;
	/* background: #979797; */
	color: #f6f4f3;
	font-weight: bold;
	border-radius: var(--radius);
	float: right;
	z-index:10;

}


#canvas_product_details .product_block {
	width: 33%;
	display: inline-block;
	max-width: 33%;
	padding: 10px;
	margin: 0;
	font-size: 80%;
}

@media only screen and (max-width:600px){
	#canvas_product_details .product_block {
		width: 100%;
		display: inline-block;
		max-width: 100%;
	}

	#product_details #addBasketButtons {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		padding: 5px;
		background: var(--kleur1);
		z-index: 10000;
		color:#fff;
	}
	#product_details #addBasketButtons h2{color:inherit;}
	#product_details #addBasketButtons input[type=submit]{background-color:#fff; color:var(--kleur1); border:1px solid #fff;}
	#product_details #addBasketButtons .knop.light{background-color:transparent; color:#fff; border:1px solid #fff;}
}


.productVariatie {
	display: inline-block;
	border-radius: var(--radius);
	background: #efefef;
	padding: 0px 4px;
	margin: 2px 2px 7px 2px;
	border: 1px solid #c5c5c5;
	font-size: 90%;
	line-height: 140%;
	cursor: pointer;
}

.productVariatie.geselecteerd {
	font-weight: bold;
}

.productVariations {
	font-size: 80%;
	padding: 10px 0;
}

.productVariations::empty{display:none;}

@media only screen and (min-width:480px){.productDesc{display:inline-block !important;}}

.productDesc {
	text-align: left;
	line-height: 180%;
	letter-spacing: 0.5px;
	color: #6b6b6b;
}

div.productName h4 {
	height: auto;
	text-align: center;
	margin: 10px 0;
	color: #211d1d;
	font-weight: bold;
	letter-spacing: 0px;
	font-size: 89%;
	color: var(--kleur1);
	padding: 10px;
	border-top: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
	font-size: 100%;
	margin-bottom: 10px;
}



#productDesc {
	font-size: 80%;
	line-height: 130%;
	text-align: left;
	padding: 10px 0;
}

#productCategory{display:none;}

@media only screen and (min-width:801px){
#productCategory {
	font-size: 70%;
	text-transform: lowercase;
	color: #caa3a3;
	display:block;
}

#productCategory a {
	color: #fff;
	background: #baa090;
	padding: 0px 3px;
	display: inline-block;
}
#productCategory a::after {
	
	transform: rotate(45deg);
	margin-left: 3px;
	height: 13px;
	width: 13px;
	background-color: inherit;
	position: absolute;
	top: 4px;
	right: -5p;
	z-index: 1;
}

}



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



#product_desc {
	column-count: 3;
	column-gap:50px;
	display: block;

}
}

@media only screen and (min-width:400px) and (max-width:767px){
#product_desc {
	column-count: 2;
	display: block;
}
}

.product_afkomst {	 display:none !important;}

.iconAllergeen.afwezig img {	opacity: 0.3;}
.iconAllergeen.afwezig{color:#ccc;}
div#content .iconAllergeen img {
	display: block;
	margin: 10px auto;
}
.iconAllergeen {word-break:break-word;}
@media only screen and (max-width:481px){.iconAllergeen.afwezig{display:none;}}

div.category_link{	display:block; margin-bottom:20px; }

.category_link .featuredItem.product_block {
	width: 31%;
	display: inline-block;
	margin: 1%;
	padding: 10px;	
}

#featuredButtons{
	display: flex;
	gap:10px;
}

#featuredButtons .knop {
	display: inline-block;
	width: 50%;
	margin: 0;
	box-sizing: border-box;
	font-size: 135%;
	text-transform: uppercase;
	letter-spacing: 1px;
	background: #baa090;
	border: navajowhite;
	font-weight: bold;
	text-align: left;
	padding-left: 50px;
	line-height: 30px;
	flex: 1;
	border-radius: 0 10px 10px 10px;
}

#featuredButtons .knop:hover {
	background: #cfbdb2;
}
#featuredButtons .knop img {
	margin-left: -40px !important;
	margin-right:10px !important;
	width:30px !important;
	height:30px !important;
	float:left;
}

@media only screen and (max-width:1024px){
.category_link .featuredItem.product_block {width:49%; margin:0.5%}
	#featuredButtons{display: inline-block;width:100%;}
	#featuredButtons .knop {
		margin: auto;
		width: 95%;
		border-radius:2px;
		margin-top: 9px;
		line-height: 33px;
		padding: 10px 50px;
		font-size: 16px;
		font-weight: normal;
		text-align: left;
		max-width:380px;
		flex:0;
	}

}






#category_price {	margin: auto;	width: 100%;	max-width: 700px;}
#category_price tr td { 	border: ;	border-bottom: 1px solid #f1ede8;}
.prijstabelOmschrijving{padding:10px;text-align:center;}
.category_name {	color: var(--kleur4);	font-weight: bold;		text-align: center;		margin: 30px 0;}
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 #f1ede8 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:#f1ede8;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;}

/*product dtails*/

h1#product_name {
	width: 100%;
	display: block;
	text-align: center;
}

div#product_image {
	width: 45%;
	display: inline-block;
	text-align: center;
	margin: 0 5%;
}

div#product_image img{max-width:100%;max-height:100%;}
div#product_details {
	display: inline-block;
	width: 35%;
	margin-left: 2%;
	text-align: left;
	/* padding-top: 30px; */

}


/* Filters en Prijsfilters */
.filterList {
	text-align: left;
	padding: 0;
}

#shop_side div.prijsfilter {
	display: inline-block !important;
	width: 100%;
	background: var(--kleur1);
	text-align: left;
	color: #fff;
	border: none;
	border-radius: var(--radius);
}
.productFilter {
	/* border-bottom: 1px solid #eee; */
	padding: 5px;
	list-style-type: none;
	color: var(--kleur2);
}

#filters{text-align:left;}
#filters input:checked + label {font-weight:bold}
#filters select {
	margin-left: 0;
	border-radius: 0;
	padding: 7px;
	font-size: 93%;
}
@media only screen and (min-width:600px) and (max-width:801px){
	#filters {
		text-align: left;
		display: inline-block;
		width: 49%;
		max-width:300px;
		margin-left: 1%;
		top: -8px;
	}
}

h4.productFilter {
	margin: 0;
	text-align: left;
	font-weight: bold;
	color: var(--kleur1);
	margin-top: 10px;
	/* margin-bottom: -10px; */
}
.productFilter + select {
	padding: 4px;
	margin: 0;
	border-radius: 0;
	background: #f8f8f8;
	color: #000;
	/* font-weight: bold; */
}
.resetfilter {
	text-align: left;
	font-size: 90%;
	padding: 2px;
	text-transform: uppercase;
	color: var(--kleur2);
	cursor: pointer;

	margin-top: 5px;
	border-radius: 4px;
	font-size: 80% !important;
	text-align: left;
	background: #bb6c6c;
	max-width: 137px;
	color: #fff;
	max-width: 146px !important;
	font-size: 75% !important;
	cursor: pointer;

}



/* voedingswaarden */

#voedingswaarde{text-align: left;}
#ingredienten {
	display: block;
	border: 1px solid #ddd;
	padding: 10px;
	max-width: 1000px;
	margin: 1em auto;
	color: #776e6e;
	text-align: left;
	background: #eee;
	border: none;
}


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


.product_prices{width:100%; border-radius:var(--radius);}
.product_prices .row{width:100%;padding:5px;}
.product_prices .row:nth-child(even){background:#f1ede8;}
.product_prices .row div{width:48%; display:inline-block;}

.bruto {	text-decoration: ;		font-size: 0.85em; color:#666;	position: relative;}



/*basket*/
div#canvas_minicart {       position: absolute;    right: 0;	top:0px;    padding: 15px;
    font-size: 0.8em;		border:1px solid #f1ede8;		background-color:#fff;	border-radius:2px;	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;}

/* checkout */
/* checkout */
div#checkoutFormulier{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 #f1ede8;}

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

input.afrond-button {    background-color: var(--kleur3);    color: #fff;    border-radius: 0x;    font-size: 0.92rem;    margin-top: 5px;    margin-bottom: 5px;	max-width:300px;	margin-left:auto;	margin-right:auto;}

div#checkoutFormulier{
	display:block;
}

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



/* categorie overzicht */
div#canvas_categorien{width:100%;display:block;text-align:center;position:relative;top:100px;background:#f1ede8;padding:10px;}
div#canvas_categorien ul{width:100%;margin:0}
div#canvas_categorien ul li {	list-style-type: none;	display: inline-block;	margin: 0;	padding: 0 10px;	font-size: 0.9em;	border-right: 1px solid #fff;}
div#canvas_categorien ul li ul {
	width: 100%;
	display: none;
	position: fixed;
	border: 1px solid #f1ede8;
	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%;
}
	
}
.categoryheader {
	font-weight: bold;
	font-size:1.1em;
	color: var(--kleur1);
	padding-bottom:1em;
}

div#canvas_categorien ul li ul li{display:block;background-color:#fff;padding:0 1em;border-bottom:1px dotted #f1ede8;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;
}

.product_block {
	width: 100%;

	display: inline-block;
}
div#content_2 img, div#content_1 .product_block img {
	max-width: 95%;
	margin: 20px auto;
	border-radius: var(--radius);
}

/* prijstabel */
#products_list {	padding: 20px;	margin: auto;}
.prijsknop {	width: 50%;	display: inline-block;	text-align: right;	margin-right: 10px;}

div.productCell{width:22%;margin-right:2%;display:inline-block;border-right:1px solid #f1ede8;border-bottom:1px solid #f1ede8;height:20px;text-align:right;}
#canvas_product_details {	max-width: 1400px;	margin: auto;

	letter-spacing:	1px;
	line-height:	200%;
	font-size:		110%;
}
@media only screen and (min-width:700px){#canvas_product_details{padding:10px;}}
#product_full_image{max-height:500px !important}
@media only screen and (max-width:601px){	#product_image div.productGalleryImage img{max-height:300px !important; margin:auto !important}}

.knop.basket:hover {	background-color: var(--kleur3);	border-color: var(--kleur3);}
.prijsNetto{display:block;}
.prijsBruto{display:block; font-size:0.92em; text-decoration:line-through;}


#favIcon {
	post: absolute;
	top: 0;
	right: 0;
	position: absolute;
	font-color: red;
	color: #e8e5e5;
	font-size: 29px;
	transition: 0.3s all ease-in-out;
	padding: 10px;
}

#favIcon:hover{
 	color:#C36;
	font-size:46px;	
}

.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); } 

.intro #categoryDesc {
	position: absolute;
	bottom: -120px;
	z-index: 2;
	height: 120px;
	padding: 20px;
	font-size: 1.2em;
	font-weight: bold;
	color: #000;
	text-shadow: none;
	max-width: 1400px;
	margin: auto;
	margin-left: calc(50% - 700px);
	line-height: 150%;
	text-align: justify;
}




@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;}
#category_price tr td {text-align: left;	padding: 10px 0;	font-size: 13px;}
}


/* shop gadget / right */
#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 #f1ede8;}
#shop_gadget ul{padding:0}
#shop_gadget ul li{margin-left:0;padding-left:0;list-style-type:none;}

div#winkelmandje {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	vertical-align: top;
	border: 1px solid #f1ede8;
	padding: 13px;
	border-radius:2px;
}
#winkelmandje .product_thumb {	max-width: 130px;}
#winkelmandje .product_thumb img { max-height:150px;}
#winkelmandje .fa-remove{color:#930;}
#winkelmandje .fa-plus-circle{color:#063;}
#winkelmandje .fa-minus-circle{color:#900;}
#knopWinkelen {	background: #805b4466;	border: 0;}
@media only screen and (max-width:481px){
	#kortingscode .knop {
		padding: 10px;
		width: 49%;
		display: inline-block;
		margin: 0;
		box-sizing: border-box;
	}
	#winkelmandje .product_thumb {	display:none;}
}

#winkelmandje .product_thumb {	height: 100px;	width: 100px;	padding: 5px;}
#winkelmandje .product_thumb img {	max-height: 100%;	max-width: 100%;	width: auto;	height: auto;}

div.item{width:100%;display:block;border-bottom:1px solid #f1ede8;margin:5px;padding:5px;}
div.item.kop{height:45px;}
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{display:inline-block;width:12%;text-align:left;}
span.product_aantal{width:6%;}
span.product_naam{display:inline-block;width:48%;text-align:left;}

@media only screen and (min-width:481px){span.product_naam{width:calc(48% - 101px);} }

span.buttons {	width: 8%;	display: inline-block;	margin-top: 0;	padding-top: 20px !important;}
span.buttons {	width: 15%;}
.buttons i {	font-size: 22px;	margin: 0;	margin: -2px;	opacity: 0.9;}
.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:15%;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:15%;text-align:right;}
span.product_thumb{display:inline-block;}

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

@media only screen and (max-width:800px){
div.item span{padding:2px;}
span.product_aantal{width:10%;}
div.item {	padding: 9px 0;}
span.product_prijs {width: 14%;}
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){
	
.item.kop {	display: none;}

	span.product_naam {
	width: 75% !important;
	position: absolute;
	text-align:left;
	left: 0;
	top: 0;
	font-size: 120%;}
	span.product_prijs {

	width: 25%;left: 25%;
	position: absolute;
	top: 60px;

}
span.product_totaal {
	display: inline-block;

	text-align: right;
	position: absolute;
	left: 50%;width: 20%;
	top: 60px;
}
span.buttons {
	display: inline-block;
	top: 60px;
	top: 5px;
	width: 25% !important;
	position: absolute;
	right: 0;
	font-size: 165%;
	padding-top:0 !important;
}
.buttons i{margin:0;}

span.product_aantal {
	width: 20%;
	position: absolute;
	left: 0;
	top: 60px;
	font-size: 100%;
	font-weight: bold;
}

span.product_aantal input{padding:5px !important; margin:0 !important;}

div.item {
	width: 100%;
	display: block;
	border-bottom: 1px solid #f1ede8;
	margin: 5px;
	padding: 5px;
	height: 100px;
}

}


/* 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 {
	width: 300px;
	position: fixed;
	bottom: 0;
	right: 80px;
	background: #f1ede8;
	height: 50px;
	z-index: 10000000;
	padding: 10px;
	font-weight: bold;
	border: 1px solid #000;
	border-bottom: none;
	display:none;
}

/* mydata */
div#myData {max-width:980px;padding:2em;margin:auto;}
div#myData .knop{padding:10px 20px; font-size:100%;}


div#myOrders{}
div#myAdress{text-align:left;}
div#myData h3{width:100%;text-align:left;border-bottom:1px dashed #ddd;}

#favoriteLists .knop.klein {
	margin-right: 10px;
	font-size: 110%;
	padding: 10px 20px;
	background: #b99a88;
	/* float: left; */
}



span.orderRegel{width: 100%;border-bottom: 1px solid #f1ede8;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}


}

#drieKolommenRondIcoon{padding:5em 2em;background:#f2f7fc;}
#canvas_labels {	background: #fff;	padding: 2em;}
div.vendorBlock { width:180px;  display:inline-block; margin:10px; }
#canvas_labels img{max-width:100%;height:auto;margin:auto;}

.labelDescription {
	color: var(--kleur3);
	font-size: 0.9em;
}


@media only screen and (max-width:481px){
	#canvas_labels{display:none;}
	div.vendorBlock{width:30%;margin:1%;}
}


/* Producten overzicht */


/* 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:.80;filter: alpha(opacity=80); }
.white_content {
	position: fixed;
	width: 500px;
	padding: 2em;
	background-color: #FFF;
	z-index: 10000;
	overflow: auto;
	line-height: 150%;
	margin: auto;
	display: none;
	left: 0;
	right: 0;
	bottom: 0;
	max-height: 540px;
	top: -100px;
}
.white_content .knop{font-size:100%; padding:10px 20px; margin-top:10px; width:100%; max-width:100%; }
.white_content .knop.light{background:#fff;}
@media only screen and (max-width:481px){
.white_content {	top: 3%;	left: 3%;	width: 95%;	padding: 10px;		}
.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;}
}
	



/* product presentatie */

.product_block {
	max-width: 400px;
	display: inline-block;
	margin: 20px;
	text-align: center;
	border: 1px solid #eee;
	padding: 1em;
	vertical-align: top;
	background: #fff;
}





.imageContainer {
	width: 100%;
	text-align: center;
	margin: auto;
	max-width: 100%;
	overflow: hidden;
	position: relative;
	height: 250px;
	display: block;
}

.imageContainer img {
	max-height: 100%;
	max-width: 100%;
}

@media only screen and (max-width:801px)
{
	.imageContainer { height:150px; }

}









.owl-nav {
	position: absolute;
	width: 60px;
	left: calc(50% - 30px);
	top: 0%;
}

.owl-nav button {
	width: 20px;
	height: 20px;
	border-radius: 20px;
	margin-right:10px;
	background: #ccc;
	color: #fff;
	font-color:10px;
	padding:5px 0;
}


.categoryName {
	position: absolute;
	bottom: 10px;
	/* padding: 10px 5px; */
	font-size: 260%;
	color: #fff;
	left: 21px;
	text-shadow: 1px 1px 6px #000;
	text-transform: uppercase;
	font-family: var(--font);
	line-height:100%;
}

@media only screen and (max-width:801px){
.categoryName {
	font-size: 23px;
	left: 0;
	width: 100%;
	text-align: left;
	top: unset;
	bottom: 0;
	padding: 6px;
}
}
	
@media only screen and (max-width:481px){
.categoryName {
	font-size: 24px;
	left: 0;
	width: 100%;
	text-align: left;
	bottom: 0;
}
	
	
}


.categoryMenuOption {
	text-align: left;
	list-style-type: none;
	text-transform:uppercase;
	color:var(--kleur1);
}

.subcategorien {
	padding-left: 2em;
	padding: 1em 2em;
}

.subcategorien li {
	font-weight: normal;
	font-size: 0.9em;
	margin: 0;
	padding: 0;
	list-style-type: none;
	color:#000;
	text-transform:none;
}

@media only screen and (min-width:601px) and (max-width:801px){	
	.featuredItem {	 margin:2% auto;}	
	#products_list{padding:0;}	
}


@media only screen and (max-width:481px){
.featuredItem {
	width: 47%;
	margin: 5% 1% 0 0 !important;
	display: inline-block;
	text-align: center;
}
#featuredCategories img {
	height: auto;
	width: 150%;
	max-width: auto;
	max-width: 140% !important;
	margin-left: -25% !important;
}
}



h2#product_name{margin:0;}

#canvas_prijzen {	text-align: right;	padding: 5px;	color: ;}

.featuredItem .knop {
	width: calc(100% - 10px);
	/* max-width: 270px; */
	padding: 10px 15px;
	box-sizing: border-box;
	border-color: #ccc;
	color: #ccc;
	background-color: #fff;
	border: -;
	border-width: 1px;
	font-size: 1em;
	text-align: center;
}

.featuredItem .productPrice {
	font-size: 145%;
	color: var(--kleur1);
	/* font-weight: bold; */
	letter-spacing: -1px;
}

#featuredProductSlider .featuredItem{width:100%;}

.productPriceNormal {	color: #ccc;	display: inline;	padding-right: 10px;}

#product_details .priceInclBtw.normal::after ,
.product_block .productPrice .priceInclBtw::after {	content: 'incl btw';	font-size: 10px;	padding: 5px;}
#product_details  .priceExclBtw.normal::after ,
.product_block .productPrice .priceExclBtw::after {	content: 'excl btw';	font-size: 10px;	padding: 5px;}



@media only screen and (min-width:550px) and (max-width:800px){
	#product_details .priceInclBtw.normal::after ,
.product_block .productPrice .priceInclBtw::after {	content: ' inc.';	font-size: 9px;	padding: 0px;}
#product_details  .priceExclBtw.normal::after ,
.product_block .productPrice .priceExclBtw::after {	content: ' ex.';	font-size: 9px;	padding: 0px;}

.featuredItem .productDesc {display:none;}
}

.quantity{width:25%; font-size:88%;}
.featuredItem .knop.basket{width:68%; font-size:90%;}
.mobile .knop.basket{width:auto;}

@media only screen and (max-width:800px){
	.quantity {
		width: 55px;
		margin: 10px 3px;
		padding: 8px 5px;
	}

#canvas_prijzen {text-align:center; padding:0}


div.productPriceNormal, div.productPrice{display:inline-block; max-width:49%;}

.featuredItem .knop.basket, .featuredItem .knop.product_info{border:0;}
.knop.product_info {	background: #eaeaea !important;}

}

.bestel_omschrijving {		font-size: 90%;	color: var(--kleur1); text-align: left;padding: 12px 0;}


#addBasketButtons{width:100%;}

@media only screen and (min-width:801px){
	#canvas_prijzen{width:160px; text-align:left; display:inline-block}
	#addBasketButtons span.productAmount{display:inline-block; width:80px; display:inline-block; box-sizing: border-box; padding:4px;}
	#addBasketButtons span.productAmount .quantity{width:95%;}
	#addBasketButtons div.knop.basket{width:120px; display:inline-block; padding:9px 5px !important; margin:15px 0  0 3px}
	#canvas_product_details div.knop.basket {	width: 140px;	margin: 4px 0 0 0px; }
}

@media only screen and (min-width:1300px){
	#canvas_prijzen{width:calc(100% - 220px); text-align:left; display:inline-block}
}

#shopKlantenService div.imageBox, div.imageBox.klantenservice {
	width: 100% !important;
	max-width: 320px;
	height: 200px !important;
	background-image: url("klantenservice.jpg");
	background-size: cover;
}

@media only screen and (max-width:601px){
	#addBasketButtons div.knop.basket{background-color:var(--kleurgroen); }
#canvas_product_details #addBasketButtons div.knop.basket{background-color:var(--kleurgroen); margin:0 0 0 5px;}
}
@media only screen and (max-width:801px){div#shopKlantenService{display:none;}	}


div#canvasShopStart{display:block;width:100%;max-width:1400px;margin:2em auto 4em auto;}

.navigatieKnop, #prevBtn, #nextBtn {
	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, #prevBtn:hover, #nextBtn:hover{background:rgba(255,255,255,0.6);}
.navigatieKnop.links , #prevBtn {
	left: 0;
}

.navigatieKnop.rechts, #nextBtn {
	right: 0;
}

#productSlider ul{margin:0; padding:0;}
div#productSlider{width:calc(100% - 300px); height:450px; display:inline-block;margin-right:20px;border:1px solid #f1ede8; background:#ccc;padding:0;overflow:hidden;	}
#featuredProductSlider {
	max-width:1400px; 
	margin: 3em auto;
	/* background: #f1ede8; */
}

#productSlider li, #productSlider2 li {
	width: 910px;
	height: 450px;
	overflow: hidden;
	position: relative;
}

	@media only screen and (min-width:900px) and (max-width:1025px)
	{
	div#productSlider, #productSlider li, #productSlider2 li{	width:880px; height:450px;	}
	}	

	@media only screen and (min-width:800px) and (max-width:900px)
	{
	div#productSlider, #productSlider li, #productSlider2 li{	width:780px; height:400px;	}
	}	

	@media only screen and (min-width:700px) and (max-width:800px)
	{
	div#productSlider, #productSlider li, #productSlider2 li{	width:680px; height:350px;	}
	}
	
	@media only screen and (min-width:600px) and (max-width:700px)
	{
	div#productSlider, #productSlider li, #productSlider2 li{	width:580px; height:300px;	}
	}

	@media only screen and (min-width:480px) and (max-width:600px)
	{
	div#productSlider, #productSlider li, #productSlider2 li{	width:470px; height:250px;	}
	}




div#productSlider img{max-width:100%;width:100%;height:auto;margin:auto;}
div#productSlider .slideComment {
	width: 60%;
	/* height: 110px; */
	background: var(--kleur1);
	bottom: 10%;
	/* right: 10%; */
	padding: 5px 2em;
	/* text-align: right; */
	position: absolute;
	color: #fff;
	/* border: 1px solid rgba(0,0,0,0.5); */
	border-radius: var(--radiusgroot);
	/* left: 10%; */
}
.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;}
	.slideComment h4{color:var(--kleur2);font-size:130%;font-weight:bold;margin:5px 0;}
}
.slideComment:empty{display:none !important}
.slideComment h4:empty{display:none !imporant}


#productSlider h4 {
	text-transform: none;
	color: #fff;
	text-align: right;
}

#Block_FIXEDBLOCK32{display:inline-block; width:auto; min-width:46%;}

div#shopKlantenService {
	display: inline-block;
	width: 270px;
	padding: 15px;
	border-radius: 4px;
	text-align: left;
	font-size: 82%;
}

@media only screen and (max-width:600px)
{
	div#productSlider, #productSlider li, #productSlider2 li, div#shopKlantenService{	display:none;	}
}

div#shopKlantenService img{width:200px;height:200px;display:inline-block;}
div#shopKlantenService .omschrijving{ display:inline-block;}

.pageSubColumn #shopKlantenService, #shop_side #shopKlantenService {
	width: 100%;
	float: unset;
	margin: 0 auto 1em auto;
}


/* verwijderen van oude category button*/
div#shop_side #categoryButton{display:none;}
@media only screen and (max-width:481px){
		div#shop_side #categoryButton{display:none;}
		div#shop_side #categorien{display:none;}
		div#shop_side #categoryButton{display:none;}
}


#shop_side #shopKlantenService div { width: 100%;	display: block;	text-align: center;	height: auto;}
#shop_side #shopKlantenService img {	width: 200px;	display: block;	margin:auto;}





@media only screen and (max-width:1000px){div#shopKlantenService{display:none;}
div#canvas_content{overflow:hidden;}}

div#shopKlantenService span{display:block;}
div#shopKlantenService .aandacht {	color: var(--kleur2);	/* 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);}
div#canvas_content{max-width:100%;}


/* Kleuren */

div#service_login_basket{}

div#canvas_content {	background-color: var(--wit);	}


div#canvas_bottom{background-color:#111;}
#canvas_bottom .categoryMenuOption { color:inherit; text-transform:capitalize}
#canvas_bottom .categoryMenuOption i.menu-more{display: none !important;}
#canvas_bottom ul.subcategorien {	display: none;}

a{color:var(--kleur1);}


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

div#announcement div#product_image {  margin:0 !important; }
div#announcement div#product_image img{max-height:200px !important;}

@media only screen and (max-height:768px)
{
	div#announcement {
	transform:scale(0.85);
	top:0;
	}
}

	
@media only screen and (max-width:481px)
{
	div#announcement {
	width:95% !important;
		left:2% !important;
	padding:10px 20px;
	top:50px !important;
	}
	
	
	div#announcement h3{margin:0 auto;}
	
	div#announcement div#product_image { max-width:40% !important; margin:0 !important; }
	div#announcement div#product_details {
	width: 58% !important;
	vertical-align: bottom;
	padding-bottom: 3em !important;
	position: relative;
	}
		
	div#announcement img, div#announcement div#product_image img {		
		height: 160px;
		margin: 15px auto !important;
	}

}

svg.above_form {
	width: 300px;
	height: 30px;
	position: absolute;
	left: 0;
	background: transparent;
	z-index: 1;
	fill: #fff;
	/* max-width: 200px; */
	/* margin: auto; */
	left: calc(50% - 150px);
	margin-top: -1px;
}

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;}



@media only screen and (min-width:601px)
{
				.intro img {
				width: 25%;
				/* max-width: 250px; */
				border-radius: 0;
				position: relative;
					
			}
}

.intro img {	width: 180px;}

@media only screen and (min-width:1024px){
	.intro img {		position: absolute;	bottom: 50px;		left: 20px;}
	#canvas_header.voorpagina .intro  h1{ margin-bottom:50px;} 	}

@media only screen and (min-width:481px) {
	
	#canvas_header.voorpagina .intro  h2, 
	#canvas_header.voorpagina .intro  h1{ max-width:80%;margin:auto;} 
	}

@media only screen and (min-width:481px) and (max-width:1400px){
			#canvas_header.voorpagina .intro  p{ max-width:500px; margin:auto} 
}

.intro p {width:50%;margin:auto;}

@media only screen and (min-width:1200px)
{
					.intro img {
						width: 17%;
						/* max-width: 250px; */
						border-radius: 0;
						position: absolute;
						left: 100px;
						bottom: 40px;
					}

}

@media only screen and (max-width:600px)
{					
			.intro img {	height:175px;width:auto; margin:10px;}}


@media only screen and (max-width:600px){ 
			div.intro{padding:0;}}

div.intro h1, div.intro h2, div.intro h3 {	}

.intro .knop::after, input[type=submit]:after {	content: "\f054";	font-family: FontAwesome;	padding-left: 10px;}

#featuredProducts{margin:0;padding:10px;}
#featuredProducts .featuredItem{display:inline-block; padding:10px;}

@media only screen and (min-width:801px)
{
					#featuredProducts .featuredItem .productAfbeelding{ display:inline-block; width:49%; } 
					#featuredProducts .featuredItem .productGegevens {	display: inline-block;	width: 49%;	float: left;
					}
					
}

@media only screen and (min-width:481px) and (max-width:800px)
{
					#featuredProducts  .featuredItem .productDesc{display:none !important}
}

@media only screen and (min-width:601px)
{
 #featuredProducts img{max-height:98% !important;}

}


div#canvas_header+div#canvas_content{background:rgba(255,255,255,0.7);}
#headerOverlay {	
	background: transparent;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	border-radius: inherit;
}



@keyframes blurfocus{

				0%   { opacity: 0.5; height:120%}
				10%  { opacity: 0.9; filter:blur(20px);}
				50%  { filter:blur(0px)}
				100% { opacity: 1; height:100%}
				
}

@media only screen and (max-width:480px){
				#canvas_header{margin-top:17px !important;}
}

#canvas_header::before {
	
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	/* z-index: 1; */
	background-size: cover;
	content: "";
}

#canvas_header.home::before{
		animation: blurfocus 4s ease-in-out;

}

.invisible{display:none !important;}





#recensies {	padding:2em}
#recensies p{max-width:900px;margin:auto;}
#recensies h1{color:#fff;}
#recensies h2{color:#333;}
#recensies ul {
	width: 100%;
	max-width: 1400px;
	/* column-count: 2; */
	margin: 0;
	padding: 0;
}
ul#ervaringen{padding:0;}
#recensies ul li {
	width: 90%;
	/* padding: 3%; */
	display: inline-block;
	vertical-align: top;
	max-width: 500px;
	border-bottom: 0;
	margin: 2%;
	background: #fff;
}






#Block_BLOCK28 .kolom33 img {
	background: #00c8ff;
	border-radius: 75px;
	border: 2px solid white;
	padding: 20px;
}

div#Block_BLOCK28 {
	background-color: #F5FFFF;
	/* opacity: 0; */
	/* border-top: 1px solid #f1ede8; */
	/* border-bottom: 1px dashed #f1ede8; */
	box-shadow: 10px 0px 50px #bcfbfb;
}

div#Block_BLOCK28 .knop{
	background-color: #00c8ff;
	opacity: 0;
	border:none;
}






#Block_FIXEDBLOCK32, #Block_FIXEDBLOCK31 {
	width: 46%;
	float: right;
	background: #f1ede8;
	margin-right: 2%;
	margin-top: 1em;
	text-align: left;
	padding: 1em;
}

@media only screen and (max-width:481px){
						
					#Block_FIXEDBLOCK21, #Block_FIXEDBLOCK20 ,#Block_FIXEDBLOCK32, #Block_FIXEDBLOCK31{
					width: 100%;	display: block;	float: unset; position: relative; margin:0; 
					}
					
					div#content img, div#content_1 img {	float: none;	display: block;	max-width: 100%;	margin: 0;}

}

.mailingList {padding:10px;}
.mailingList, #Block_FIXEDBLOCK31{background-color:var(--kleur1); color:#fff;}
.mailingList input{width:240px;}
.mailingList .knop {
	background-color: #242021;
	border-color: #242021;
	color: #fff;
	padding: 12px 30px;
}

@media only screen and (max-width:1200px){
 #shop_side	#canvas_nieuwsbrief{display:none;}
}


#Block_BLOCK30, .imageonly.fullsize {height: 600px !important;}
@media only screen and (max-width:1680px){ #Block_BLOCK30, .imageonly.fullsize {height: 500px !important;}}
@media only screen and (max-width:1440px){#Block_BLOCK30, .imageonly.fullsize {height: 460px !important;}}
@media only screen and (max-width:1200px){#Block_BLOCK30, .imageonly.fullsize {height: 370px !important;}}
@media only screen and (max-width:1024px){#Block_BLOCK30, .imageonly.fullsize {height: 320px !important;}}
@media only screen and (max-width:800px){#Block_BLOCK30, .imageonly.fullsize {height: 238px !important;}}
@media only screen and (max-width:480px){#Block_BLOCK30, .imageonly.fullsize {height: 150px !important;}}

#formulierAdres {

	max-width: 800px;
	border: 1px solid #f1ede8;
	padding: 20px;
	border-radius: 0px;
}

 #prevBtn,  #nextBtn{display:none;}


/*kleuren*/
.knop{background:var(--kleur1); border-color:var(--kleur1); color:#fff;}
.knop.light{background:#fff; border-color:var(--kleur1) ;color:var(--kleur1);}
div#canvas_bottom{background-color:var(--kleur1);}


/* Instagram feed */
.instaProIcon {
	width: 30px;
	height: 30px;
	/* padding: 10px; */
}

.instaProIcon img {
	border-radius: 30px;
	width: 34px;
	height: 34px;
}

.instaThumb {
	width: 25%;
	display: inline-block;
	max-width: 340px;
	/* margin: 24px; */
	padding: 40px 30px;
	/* border: 1px solid #eee; */
}

@media only screen and (max-width:801px){	.instaThumb {	max-width:49%; width:49%; margin:auto; }}
@media only screen and (max-width:480px){	.instaThumb {	max-width:95%; width:95%; margin:auto; }}

.instaImage img{margin:10px auto;}

.instaProIcon {
	width: 45px;
	height: 40px;
	padding-right: 5px;
	display: inline-block;
}

.instaPostInfo {
	width: calc;
	width: calc(100% - 50px);
	height: 40px;
	text-align: left;
	display: inline-block;
	font-size: 0.8em;
	overflow: hidden;
	padding: 4px;
	line-height: 110%;
}

.date {
	color:#ddd;
}


#Block_PAGE51 .pageContent {
	column-count: 1;
	max-width: 1000px;
	text-align: justify;
	color: #5a5a5a;
	line-height: 165%;
	padding-left:10px;
}

.pageContent h3 {
	color: var(--kleur3);
	font-size: 19px;
	text-transform: none;
	font-weight: bold;
	margin-top: 10px;
	margin: 20px 0 10px 0;
	border-bottom: 1px dotted var(--kleur3);
	padding: 10px 0;
}

@media only screen and (min-width: 601px){
.blokken {
	column-count: 3;
	column-gap: 15px;
}

}
.blok {
	background: #f9f8f8;
	border-radius: 10px 0 10px 0;
	padding: 10px;
	box-sizing: border-box;
	margin: 10px;
	break-inside: avoid;
	width: 100%;
	float: right;
}

#canvas_product_details h3{
	border:none; 
}
@media only screen and (min-width:600px)
{	
			#Block_PAGE51 img{float:left; margin-right:40px; margin-bottom:10px;}
}	




#hoverHelp{
	background: #eeee;
	color: #000;
	position: fixed;
	bottom: 0;
	opacity:0;
	padding: 10px;
	font-size: 80%;
	left: 0;
	width: 100%;
	z-index: 1000;
	text-align: center;
	transition: 1s all;
}

@media only screen and (min-width: 1000px){
#hoverHelp.active{opacity:1;}}

@media only screen and (max-width: 601px) {
	#hoverHelp{display: none !important;}

}



#msgInloggen {
	border: 1px solid #ddd;
	background: #eee;
	max-width: 650px;
	padding: 2em;
	margin: auto;
}

#categoryButton{display:none;}


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

					
					#categorieMenuMobile {
						position: fixed;
						background: #fbf9f9;
						top: 50px;
						left: 0;
						right: 0;
						margin: auto;
						max-width: 1500px;
						padding: 50px;
						box-shadow: 0 10px 20px #eee;
						transition: 0.5s all ease-in-out;
						opacity: 1;
						/* height: ; */
					}
					
					#categorieMenuMobile .categoryMenuOption {
						text-align: left;
						list-style-type: none;
						text-transform: uppercase;
						color: var(--kleur1);
						color: ;
						break-inside: avoid;
						margin-top: 1em;
						margin: 1em 0;
					}
					#categorieMenuMobile ul#categorien {
						column-count: 4;
						max-width: 1500px;
						margin: auto;
						min-height: 449px;
						/* column-gap: -8px; */
					}
					
					
					#categorieMenuMobile ul#categorien li {
						width: 100%;
					}
					
					#categorieMenuMobile .subcategorien {
						padding-left: 2em;
						padding: 0px 1em;
						/* break-inside: avoid; */
					}
					
					#categorieMenuMobile .subcategorien li {
						font-weight: normal;
						font-size: 80%;
						
						margin: 0;
						padding: 0;
						list-style-type: disclosure-closed;
						color: #bd5050;
						text-transform: none;	
					}
					
					#categorieMenuMobile .categoryMenuOption:first-child {
						margin-top: 0;
					}
					#categorieMenuMobile .categoryMenuOption {
						text-align: left;
						list-style-type: none;
						text-transform: uppercase;
						color: var(--kleur1);
					}
					
					#categoryButton {
					text-align: left;
					background: var(--kleur1);
					display: inline-block;
					width: 100%;
					position: relative;
					left: 0;
					padding: 10px;
					color: #fff;
					font-weight: bold;
				}

}

@media only screen and (min-width:601px) and (max-width:801px){
#categorieMenuMobile ul#categorien {column-count:3;}
}

@media only screen and (min-width:601px) and (max-width:801px){
	#categoryButton {
	display: inline-block;
	width: 49%;
	max-width:300px;
	}
	
	ul#categorien{display:none;}	
	#categorieMenuMobile ul#categorien{display:inline-block;}
}


div#nixx{width:300px; position:absolute; display:inline-block; bottom:10px; right:10px;}
div#nixx img{margin:-30px 0 -30px 0; max-width:100px;}

#topMenu {display:none;}
@media only screen and (max-width:481px)
{
	
#nixx {
	width: 100%;
	position: relative !important;
	text-align: center;
	padding: 30px 0 30px 0;
	/* background: #fff; */
	color: #fff;
}

#topMenu {
	width: 100%;
	position: fixed;
	left: 0;
	top: 50px;
	background: #eee;
	height: 40px;
	z-index: 1;
}

#topMenu div.knop {
	position: relative;
	left: 0;
	width: 49%;
	background: transparent;
	padding: 12px;
	margin: 0;
	top: 0;
	display: inline-block;
	color: #4f4f4f;
	/* font-weight: bold; */
	font-size: 101%;
}

#myData {
	padding-top: 20px !important;
}

}

div#holidayMessage:empty{display:none !important;}
div#holidayMessage{letter-spacing: 1px;	font-size: 70%;	text-transform: uppercase;}
@media only screen and (max-width: 600px){
	#holidayMessage {
		position: relative;
		top: 0px;
		letter-spacing:0;
		left: 0;
		z-index: 999;
		font-size: 80%;
		line-height: 130%;
		padding: 10px !important;
		text-align: left !important;
	}
}
@media only screen and (min-width:600px) and (max-width:1024px)
{

	#holidayMessage {
		position: fixed;
		bottom: 38px;
		z-index: 100;
	}
}

div#holidayMessage {
	letter-spacing: 1px;
	text-transform: uppercase;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 10000000;
	font-size: 100%;
	padding: 10px !important;
}

/*Cooklovers*/
#categoryFilters {
	padding-bottom: 10px;
	margin-bottom: 20px;
}
#categoryFilters:empty{display:none !important;}
#categoryFilters{display:inline-block; top:0;}
#categoryFilters {
	width: 100%;
	max-width: 500px;
	padding-bottom: 50px;
}
#categoryFilters .filter, #categoryFilters .resetfilter {
	display: inline-block;
	width: 100%;
	max-width: 400px;
	text-align: left;
}
@media only screen and (max-width: 600px){

	#categoryFilters {
		display: inline-block;
		width: 100%;
		padding: 10px;
		background: #efefef;
		position: fixed;
		left: 0;
		top: -100%;
		z-index: 1000;
		padding-bottom: 2em;
		transition:0.5s ease-in-out all;
	}
	#categoryFilters.inview{
		top:50px;
		display:inline-block;
	}

	#toonFilterKnop {
		position: fixed;
		left: 10%;
		right: 10%;
		width: 80%;
		bottom: 60px;
		z-index: 1000;
	}
	.filterknop{
		display: inline-block;
		padding: 10px;
		font-size: 90%;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 1px;
	}

}@media only screen and (min-width:600px){
	.filterknop{display:none !important;}
}




#OLDshop_main::before {
	display: inline-block;
	position: relative;
	background: #ccc;
	height: 200px;
	width: 100%;
	/* border: 1px solid #000; */
	top: 0;
	right: 0;
	content: 'categorie header';
	padding: 1em;
	box-sizing: border-box;
	color: #fff;
	font-size: 40px;
	font-weight: bold;
}


/* product block - weergave in resultaten */
/* U2024 */
.productPriceNormal {	color: #ccc;	display: inline;	padding-right: 10px;}
#product_details .priceInclBtw.normal::after ,
.product_block .productPrice .priceInclBtw::after {	content: 'incl btw';	font-size: 10px;	padding: 5px;}
#product_details  .priceExclBtw.normal::after ,
.product_block .productPrice .priceExclBtw::after {	content: 'excl btw';	font-size: 10px;	padding: 5px;}
@media only screen and (min-width:550px) and (max-width:800px){
	#product_details .priceInclBtw.normal::after ,
	.product_block .productPrice .priceInclBtw::after {	content: ' inc.';	font-size: 9px;	padding: 0px;}
	#product_details  .priceExclBtw.normal::after ,
	.product_block .productPrice .priceExclBtw::after {	content: ' ex.';	font-size: 9px;	padding: 0px;}
	.featuredItem .productDesc {display:none;}
}

.actielabel {
	background: var(--kleur8);
	width: auto;
	border-radius: var(--radius);
	color: #fff;
	text-align: center;
	padding: 5px;
	/* font-weight: bold; */
	letter-spacing: 1px;
	font-size: 87%;
	position: absolute;
	right: -7px;
	top: 120px;
	left: unset;
	max-width: 50%;
	/* box-shadow: 5px 5px 5px #6a4e4e; */
	line-height: 105%;
}
#productPrices {
	font-weight: bold;
	font-size: 118%;
	color: #000;
	text-align: left;
}
div.orderButtons {	display: block;	width: 100%;	padding: 0;	box-sizing: border-box;	height: auto;	text-align: left;}
div.orderButtons div{display:inline-block;box-sizing: border-box;}
div.orderQuantity {	width: 120px;}
div.orderButton{	width: 150px;	width: calc(100% - 130px);}
div.orderButtons input, div.orderButtons .knop {
	padding: 10px;
	width: auto;
	max-width: 1005;
	width: 100%;
	margin: 4px;
	font-size: 100%;
	text-align: center;
	border: 1px solid inherit;
	border-radius: var(--radius);
}


@media only screen and (max-width:800px){ div.productPriceNormal, div.productPrice{display:inline-block; max-width:49%;}}
.bestel_omschrijving {		font-size: 90%;	color: var(--kleur1); text-align: left;padding: 12px 0;}
.bestel_omschrijving::empty {	display: none;}