:root {
	--kleur1: #eee;
	--kleur2: #c7dfce;
	--kleur3: #bbb; 
	--kleur4: #d6e2da;
	--kleur5: #517c5d;
	--kleur6: #a8ceb3;
	--kleurlicht1 : #f2fcf5;
	--kleurlicht2 : #d4af37;
	--kleurlibelle : #a4ad9a;
	--kleurdonker1 : #595959;
	--eucaluptus: #CDD481;
	--peach: #FEECD0;
	--ivory: #FFF9E2;
	--clay : #DCA278;
	--pistacio : #EBECCC;

	--grijs: #333333;
	--wit:	  #FFFFFF;
	--zwart:  #121212;

	--lightcolor1: #f9e7b2;

	--gold-light: #f9e7b2;
	--gold-mid:   #e0c37e;
	--gold-dark:  #b8924a;

	--gold-gradient: linear-gradient(135deg,
	var(--gold-light) 0%,
	var(--gold-mid) 40%,
	var(--gold-dark) 100%
	);

	--lettertype1 :   "Birthstone";
	--lettertype2 : "DM Serif Display";
	--radiusL : 20px;
	--radius: 5px;
}

/* Lettertypen */
html,body{ font-family: "DM Serif Display", serif;}
h1,h2,h3,h4{ font-family:var(--lettertype2); }
h5,h2{font-family: var(--lettertype1);}

html, body {
	font-weight: 200;
	letter-spacing: 2px;
	line-height: 200%;
	color: #627567;
}


html{background-size:cover;background-attachment:fixed;height:100%;position:relative;}

body{position:relative;height:100%;font-size:15pts;line-height:160%;height:100%;   margin:0;}

input,textarea,select{font-family: var(--lettertype); color:var(--kleur1); border:none; border-radius:2px;}

h1,h2,h3,h4,h5,h6{font-family: var(--lettertype2);line-height:120%;}

h1{font-size:32px}
h1 {
	font-size: 32px;
	color: var(--lettertype);
	color: var(--kleur4);
}

h2{font-size:28px}
h3 {font-size: 24px;}
@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:16px;}}
@media only screen and (min-width:1680px){body{font-size:17px;}}

/* 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;}
img.logo{max-width:80px;display:inline-block;margin:5px;}

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

.knop, input[type="submit"] {
	display: inline-block;
	padding: 14px 45px;
	background-color: var(--kleur2);
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 90%;
	transition: all 0.4s ease-in;
	cursor: pointer;
	vertical-align: top;
	border: navajowhite;
	width: 100%;
	max-width: 330px;
	box-sizing: border-box;
	border-radius: 15px 50px 30px 40px;
	margin: 20px 5px;
	text-align: center;
	line-height: 100%;
	width: auto;
	letter-spacing: 3px;
	display: inline-block;

}
.knop {
	background: var(--gold-gradient);
	color: #000 !important;
	letter-spacing: 1px;
	text-decoration: none !important;
	border-radius: 39px !important;
}
.knop:hover, input[type="submit"]:hover,
{
	background-color: #000 !important;
	color: #fff !important;
}

.knopLight,.knop.light {
	border:2px solid transparent;
	color:var(--kleur2);
	background-color:transparent;}
.knop.light:hover{background-color:var(--kleur1); color:#fff;}
.knop i.fa {
	/* float: left; */
	position: relative;
	left: 0;
	margin: 0;
	margin: 0 0 0px -15px;
	width: 15px;
	box-sizing: border-box;
	display: inline-block;
	width: 20px;
	margin-left: -30px;
	margin-right: 5px;
	font-size: 110%;
}


.blog_block .knop {
	/* width: 100%; */
	box-shadow: none;
	/* letter-spacing: 1px; */
	/* max-width: unset; */
	/* text-align: center; */
	/* max-width: 250px; */
	/* margin: auto; */
	display: block;
	margin: 20px auto;
	background: #fff;
	color: var(--kleur2);
	border: 1px solid var(--kleur2);
	letter-spacing: 2px;
	text-align: left;
	width: auto;
	/* margin: auto; */
	/* display: block; */
	/* margin: 20px auto; */
	max-width: 300px;
	padding: 10px 50px;
}


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

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

	div.blok25{width:45%;margin:1%;}	div.blok35,div.blok50{width:97%;display:block;margin-left:1%;}
	.mobileonly{display:inline;!important}
	.nomobile{display:none;!important}
	}


/* blokken */

div#canvas_website{position:relative;height:100%;width:100%;text-align:center; padding-top:110px; background:#fff;}
@media only screen and (max-width:769px){
	div#canvas_website{padding-top:40px;}
	}


/* HEAD */
div#canvas_head {
	position: fixed;
	height: 100px;
	padding-bottom: 10px;
	top: 0;
	z-index: 1000;
	width: 100%;
	background-color: #060000;
	color: var(--gold-light);
}
div#canvas_head.ingeklapt , div#canvas_head.contentpagina {height:55px;  width:100%;}
div#canvas_head.ingeklapt #canvas_categorien, div#canvas_head.contentpagina #canvas_categorien {
	top: 54px;
	padding: 10px;
	z-index: 100000;
	letter-spacing: 0;
}

#canvas_head .canvas_container {
	height: 100%;
	position: absolute;
	width: 100%;
	max-width: unset;
	margin: auto;
	display: inline-block;
	left: 0;
	right: 0;
}


#service_menu {		position: absolute;		top: 0;		right: 250px;		width: 417px;
	height: 50%;
	/* background: #000; */
	padding: 5px;
	box-sizing: border-box;
	display: flex;
}
#service_menu div {
	font-weight: normal;
	font-size: 13px;
	/* padding: 5px; */
	padding-left: 10px;
	height: 100%;
	width: 33%;
	flex: 1;
	margin: 0 5px;
	max-width: 300px;
	background: transparent;
	border-radius: 1p;
	border-right: 1px solid var(--kleur1);
	border-left: 50px solid transparent;
	text-align: left;
	box-sizing: border-box;
	min-width: 162px;
}


#service_menu h4, #service_menu h5, #service_menu a {
	color: #001204;
	text-align: left;
	margin: 0;
	font-size: 105%;
	padding: 3px;
	font-weight: normal;
}
#service_menu h4, #service_menu h4 a {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
}
#service_menu h5, #service_menu a {
	font-weight: normal;
}

@media only screen and (max-width: 600px)
{
	div#service_menu {
		width: 100%;
		top: 50px;
		padding: 0;
		box-sizing: border-box;
		text-align: center;
		display: block;
		left: 0;
		right: 0;
		/* border: navajowhite; */
	}
	#service_menu {
		height: 50px;
		top: 50px;
		position: fixed;
		width: 100%;
		background-color: var(--kleur1);
		padding: 0;
		text-align: left;
		font-size: 100%;
		font-weight: normal;
	}

	div#service_menu h4, #service_menu h5 {		width: 100%;		text-align: left;		margin: 5px 10px;	}
	#service_menu h4, #service_menu h5, #service_menu a {
		font-size:100%;
		padding: 0;
		color:#fff;

	}
	div#canvas_acount, div#canvas_account, div#canvas_mini_basket, div#canvas_klantenservice {

		flex: 1;
	float:left;
		display: inline-block;
		max-width: 49%;
		margin: 0;
		text-align: left;
		padding: 0;
		border: 0;
	}
}


.ingeklapt #service_menu a,
.ingeklapt #service_menu h4,
.ingeklapt #service_menu h5,
.contentpagina #service_menu a,
.contentpagina #service_menu h4,
.contentpagina #service_menu h5{
	color:#fff;
}





.collapse-button {	position: absolute;	top: 10px;	left: 10px;	border-radius: 5px;	padding: 5px;	cursor: pointer;	text-align: center;	}
.collapse-button:hover, .collapse-button:focus{background-image:none;color:#FFF;}
.collapse-button .icon-bar{background-color:#000;border-radius:1px 1px 1px 1px;display:block;height:2px;width:22px;margin:4px;margin-bottom:6px;}

.collapse-button{display:none;}

@media only screen and (max-width: 800px) {
	.collapse-button {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		/* background: #ccc; */
		display: block;
		/* width: 30px; */
		height: 50px;
		width: 50px;
	}

	.collapse-button .icon-bar {
		display: block;
		width: 100%;
		background: var(--kleur1);
		height: 5px;
		margin: 7px auto;
		border-radius: 10px;
		width: 80%;
	}

	.contentpagina .collapse-button .icon-bar,
	.ingeklapt .collapse-button .icon-bar {
		background: #fff;
	}
}

/* Diensten pagina */
#Block_PAGE620 .kolom {	text-align: left;}


@media only screen and (min-width:800px)
{
#block-nathalie-rose .canvas_container {	display: flex;padding:1em;}
}

#block-nathalie-rose img {
	min-width: 280px;
	max-width: 50%;
	margin: 1em;
	float: right;
	height: auto;
	max-height: 100%;
	/* margin-top: 5%; */
}

#block-nathalie-rose {}
#block-nathalie-rose .kolom {
	min-width: 300px;
	padding: 1em;
}


@media only screen and (max-width: 600px) {
	#Block_PAGE8 {
		padding: 1em 10px;
		max-width: 1400px;
	}

	#products_list {
		padding: 0;
	}

	.featuredItem, .product_block{
		width:90%;display:block;margin:auto;min-width: unset;
	}

}

/* Top Bar */
#canvas_top_bar {
	width: 100%;
	z-index:100000;
	font-size: 100%;
	box-sizing: border-box;
	position: relative;

	background: var(--light2);
	color: #fff;

	text-align: center;
	height: unset;
	padding: unset;
	margin: unset;
	display: block;
}

#canvas_top_bar h4, #canvas_top_bar h5 {
	font-size: 100%;
	color: #fff;
	font-weight: normal;
	letter-spacing: normal;
	padding: initial;
	margin: initial;
	text-align: left;
}

/* Zoekmachine */
 #canvas_search input {
	padding: 0;
	max-width: 250px;
	color: var(--kleur1);
	font-size: 100%;
	padding: 10px 20px;
	text-transform: none;
	font-weight: normal;
	text-align: left;
	min-width: 100px;
	border-radius: var(--radiusL);
}
#canvas_search .knop{

}


/* LOGO */
@media only screen and (min-width:769px){
div#canvas_logo {
	width: 300px;
	position: absolute;
	height: 30px;
	left: 6%;
	max-height: 100%;
	top: 27px;}
	div#canvas_logo.ingeklapt, div#canvas_logo.contentpagina{top:0px;}
	div#canvas_website {	padding-top: 50px;}
}

div#canvas_logo.ingeklapt #monologo, div#canvas_logo.contentpagina #monologo {
	display: block;
	max-width: none;
	width: auto;
	height: auto;
	margin: auto;
	max-height: 100%;
}

@media only screen and (min-width:769px) and (max-width:1440px){	div#canvas_logo {	left:90px; max-width:30%;}}

div#canvas_logo img#fclogo{display:block;}
div#canvas_logo img#monologo{display:none;}
div#canvas_logo.ingeklapt #fclogo, div#canvas_logo.contentpagina #fclogo{display:none;}
div#canvas_logo.ingeklapt #monologo, div#canvas_logo.contentpagina #monologo {
	display: block;
	max-width: none;
	width: auto;
	height: 30px;
	margin: 13px;
}
div#canvas_logo.ingeklapt, div#canvas_logo.contentpagina{position:absolute;width:10%;}
@media only screen and (max-width:769px){
div#canvas_logo.ingeklapt, div#canvas_logo.contentpagina {
	position: absolute;
	left: 50px;
	width: 200px;
	top: 0;
}
	}
div#canvas_menu_hr.ingeklapt, div#canvas_menu_hr.contentpagina{margin-top:10px;}

/* Kolommen */
div.kolommen{max-width:1500px;margin:auto;padding:2em;}
@media only screen and (min-width: 600px){div.kolommen.flex{display:flex;}}


.kolommen .kolom li {
	list-style-type: none; /* Verwijder het standaard opsommingsteken */
	text-align: left;
}
.kolommen ul{padding:0;}
.kolommen .kolom li::marker {
	content: '✔'; /* Vervang met een checkmark */
	color: green; /* Pas de kleur van het checkmark aan */
	font-size: 1.2em; /* Pas de grootte aan indien nodig */
}

.kolommen .kolom li {
	list-style-type: none;
	text-align: left;
	padding-left: 3px;
	border-bottom: 1px dashed #ccc;
	font-size: 14px;
	padding: 3px;
}

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{background:rgba(255,255,255,0.90);} 
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:768px){
div.kolom80, div.kolom50 {
	/* width: auto; */
	max-width: 80%;
	margin: auto;
	display: inline-block;
	vertical-align: top;
}
}


@media only screen and (max-width:600px)
	{
	div.kolom33.links{margin-right:1%;  }
	div.kolom33.rechts{margin-left:1%;  }
	}
	
@media only screen and (max-width:601px)
	{
	div.kolom80,div.kolom50{max-width:none;width:98%;margin:auto;display:block;text-align:center}
	div.kolom33 {
		display: block;
		width: 90%;
		margin: 2em auto;
		padding: 10px;
		text-align: center;
	}
	div.kolom25{width:49%;margin:0%;display:inline-block; font-size:85%; padding:5px;}
	div.kolommen{padding:15px;}
	div#adres{text-align:center;}
	}






/* LOGIN KNOPPERN */

div#service_login_basket {
	width: 450px;
	height: 50px;
	position: absolute;
	display: none;
	right: 0;
	background-color: var(--kleur2);
	color: #fff;
	top: 0;
	letter-spacing: 0;
}
#minibasket .quantity{display:none;}

@media only screen and (max-width:768px){
	div#service_login_basket {
	width: 100%;
	height: 50px;
	position: fixed;
	display: flex;
	left: 0;
	background-color: var(--kleur2);
	color: #fff;
	top: unset;
	bottom: 0px;
	box-sizing: border-box;
}
}

div#service_login_basket i {
	/* float: left; */
	height: 30px;
	margin: 10px;
	width: 30px;
	padding-top: 0px;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	left: -5px;
	position: absolute;
	color: rgba(255,255,255,0.8);
	line-height: 28px;
}

div#service_login_basket a{color:#fff;cursor:pointer;}
div#service_login_basket h4 {
	font-size: 13px;
	position: absolute;
	left: 36px;
	top: -9px;
	text-align: left;
}
@media only screen and (max-width:481px){
div#service_login_basket h4 {
	font-size: 12px;
	position: absolute;
	left: 35px;
	top: -10px;
	text-align: left;
}	
}
div#service_login_basket h5 {
	font-size: 11px;
	position: absolute;
	left: 36px;
	top: 7px;
	font-weight: normal;
	text-align: left;
}
div#canvas_login,div#canvas_mini_basket,div#canvas_klantenservice{display:flex;flex:1;}


#canvas_mini_basket.focus {background:#fff;}
#canvas_mini_basket.focus a{color:#f00;}
#canvas_mini_basket.focus i{color:#f00;}

div#canvas_login li{display:inline-block;}
div#canvas_login a{text-decoration:none;cursor:pointer;}

/* Speer punten */

/* MENU */

div#canvas_menu{display:none;}
div#canvas_menu_hr {
	font-size: 0.82em;
	text-align: left;
	position: absolute;
	right: 0;
	text-align: right;
	top: 65px;
}

div#canvas_menu_hr.ingeklapt, div#canvas_menu_hr.contentpagina {
	top: 0;
	width: 70%;
	left: 15%;
	text-align: center;
}

div#canvas_menu_hr.ingeklapt a, div#canvas_menu_hr.contentpagina a {
	color: inherit;
}
div#canvas_header {
	postion: relative;
	height: 37%;
	width: 100%;
	max-height: 400px;
	background-size: cover;
	background-position-y: 50%;
}
div#canvas_header.home {
	max-height: none;
	height: 55%;
	height: 75%;
	overflow: hidden;
	/* max-height: 800px; */
	background-size: cover;
	background-position: 50%;
}

#canvas_header::before {
	background-color: #11389000;
	content: ' ';
	width: 100%;
	height: 100%;
	display: block;
	opacity: 1;
	position: absolute;
	z-index: ;
}

@media only screen and (max-width:481px){
	div#canvas_header{top:-8px;}
	div#canvas_header.home {
		/* height: 50%; */
		min-height: 50vh;
	}

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

div#canvas_header.contentpagina{}

div#canvas_content{position:relative;width:100%;min-height:500px;}	  
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:1400px; position:relative; margin-left:auto;margin-right:auto;}

@media only screen and (min-width:600px){div.canvas_container.flex{display:flex;}}

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

#canvas_testimonials {
	background: #fcf7f7;
	padding: 2em;
}

div.testimonial.oud {
	background: #fff;
	padding: 1em 2em 2em 2em;
	margin: 1em;
	max-width: ;
	border-radius: 20px 50px 50px 0;
	/* border: 1px solid #ccc; */
	color: #fff;
	text-align: left;
	font-size: 80%;
	line-height: 200%;
	flex: 1;
	color: var(--kleur1);
}
div.testimonial {
	background: #fff;
	padding: 1em 2em 2em 2em;
	margin: 1em;
	max-width: ;
	border-radius: 20px 50px 50px 0;
	/* border: 1px solid #ccc; */
	color: #fff;
	text-align: left;
	font-size: 88%;
	line-height: 200%;
	flex: 1;
	color: var(--kleur5);
}
#canvas_testimonials .canvas_container {
	display: flex;
}



div#canvas_logo img{transition: all 0.3s ease-in-out;}
	
	@media only screen and (max-width:768px){
		div#canvas_head{height:50px;}
		
		
div#canvas_logo {	display: block;	position: absolute;	left: 52px;}
img#fclogo {	display: block;	max-width: none;	width: auto;	height: 35px;	margin: 9px;}	}
 	@media only screen and (max-width:481px){
		div#broodkruimel{display:none;}
		div#canvas_logo{display:block;width:70%;position:absolute;top:0px;left:15%;}
		div#canvas_head{height:50px;}
		
		}

/* ELEMENTS */
div.element{width:100%;height:auto;position:relative;}

div.element.PAGE {
	width: 100%;
	max-width: 1400px;
	margin: auto;
	padding: 1em;
	text-align: left;
	background: #000;
	color: #fff;
}
div.element.PAGE, p {
	text-align: left;
	color: #fff;
	font-family: calibri;
}

div.element.GALLERY{background-color:var(--kleur1);}
div.element.GALLERY .canvas_container {	max-width: 1500px;	margin: auto;	padding: 1em;}



/* ELEMENT FORM */

div.element.FORM {
	background: var(--gold-gradient);
	padding: 2em;
	color: #000;
	background-size: cover;
	/* text-align: left; */
}
div.element.FORM h3 {
	color: inherit;
	text-transform: uppercase;
	/* border-bottom: 1px solid #fff; */
	padding-bottom: 20px;
	/* max-width: 60%; */
	margin: auto;
	line-height: 100%;
	letter-spacing: 0;
}
div.element.FORM .form_field_desc{color:inherit;}

@media only screen and (max-width:481px){	div.element.FORM{padding:1em;}}
div.element.FORM .canvas_container{padding:0;}
div.element.BLOCK .imageonly {	height: 500px;	padding: 220px;	opacity: 1;}
div.element.BLOCK .imageonly h2 {	margin: 0;	height: 50px;	}

/* ELEMENT CHECKMARKS */
ul.checkmarks li {	list-style: none; 	position: relative; 	padding-left: 20px;}
ul.checkmarks > li {	text-align: left;	width: 100%;	max-width: 100%;			letter-spacing: 0;}
ul.checkmarks li::before {
	content: '✔'; /* Dit is de checkmark */
	position: absolute;
	left: 0; /* Plaats de checkmark aan de linkerzijde van het lijstitem */
	top: 50%;
	transform: translateY(-50%); /* Zorgt ervoor dat de checkmark verticaal gecentreerd is */
	color: green; /* Optioneel: Stel de kleur van de checkmark in */
	font-size: 20px; /* Optioneel: Stel de grootte van de checkmark in */
}

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

/* ELEMENT NIEUWSBRIEF */
.element #canvas_nieuwsbrief {
	width: 100%;
	position: relative;
	padding: 50px auto;
	text-align: left;
	max-width: 1400px;
}

.element #canvas_nieuwsbrief .canvas_container {}
.element #canvas_nieuwsbrief p {	margin: 0;	font-size:85%;}
.element #canvas_nieuwsbrief .knop {
	opacity: 1;
	margin: 0;
	height: auto;
	a padding: 14px;
	border: 0;
	font-size: 100%;
	/* margin-left: -5px; */
	width: 250px;
	font-weight: normal;
	border: none;
	border-color: transparent !important;
	background-color: var(--kleur1);
	padding: 13px;
}
.element #canvas_nieuwsbrief h2 {	margin: 0;	display: inline-block;	font-size: 140%;	padding: 5px;}
.element #canvas_nieuwsbrief input {	margin: 0;	display: inline-block;	width: 250px;	padding: 10px;
border-radius:var(--radiusL);}
.element #canvas_nieuwsbrief .tmc:first-child {width:50%;display:inline-block;}
.element #canvas_nieuwsbrief #formulier {	width: 48%;	display: inline-block;	padding-top: 1em;}


.float_left {
	float: left;
	max-width: 20vw;
	width: 280px !important;
	max-width: 25% !important;
	margin-right: 40px;
	margin-bottom: 1em;
	margin-top: 1em;
	margin-left: 10px;
	border-radius: 33% 39% 30% 15% !important;
	Box-shadow: 5px 5px 8px var(--kleur2);
}

.float_right {
	border-radius: 33% 39% 30% 15% !important;

	float: right;
	max-width: 20vw;
	width: 280px !important;
	max-width: 25% !important;

	margin-left: 50px;
	margin-bottom: 1em;
	margin-top: 1em;
	margin-right: 10px;
	Box-shadow: 5px 5px 8px var(--kleur2);

}

@media only screen and (max-width: 600px){
	.float_right, .float_left{
		float:unset;width:100%;display:block;margin:10px;
	}
}



/* Foto gallery */
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:769px)
	{
	div.gallery_thumb {
		border-radius: 100px;
		width: 200px !important;
		padding-top: 200px !important;
		margin: 15px !important;
		border: 1px solid #fff !important;
	}
	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:769px){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 */
@media only screen and (max-width: 600px) {
	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;}



#front_videoblock div.kolom50 {
	width: 100% !important;
	min-width: 40% !important;
	max-width: 700px !important;
	flex: 1;
	display: inline-block;
	box-sizing: border-box;
	margin: auto;
	padding: 2em;
}

@media only screen and (max-width: 800px) {
	#front_videoblock div.kolom50 {
		width: 100% !important;
		min-width: 45% !important;
		max-width: 700px !important;
		padding: 0;
	}
	#front_videoblock .knop {
		width: 100%;
	}
}
#front_videoblock{color:#fff;background: var(--kleur1);padding:2em;}
#front_videoblock h2{color:#fff;}
#front_videoblock div.kolom50 {

	text-align: left;
	padding: ;
}
#front_videoblock .knop {	box-shadow: none !important;	border-color: #fff !important;	background: ;	color: #fff;}

#kolom50 iframe {
	width: 100% !important;
	height: 400px !important;
}



/* blog */
div#blog_overzicht {
	-webkit-columns: 50px 2;
	-moz-columns: 50px 2;
	columns: 65px 2;
}

@media only screen and (min-width: 1700px){
	div#blog_overzicht {
		-webkit-columns: 50px 3;
		-moz-columns: 50px 3;
		columns: 65px 3;
	}}




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;
		margin: 20px 0;
		border: navajowhite;
		background: #ecf9f0;
		padding: 15px;
		border-radius: 20px 10px 30px 5px;
		font-size: 85%;
		letter-spacing: 2px;
		line-height: 180%;
	}
div.blog_feed a.knop{float:right;}
div.blog_item{color:#777;}
div.blog_item h2{color:#000;}
div.blog_link{text-align:right;}
div.blog_titel a{text-decoration:none;}

	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: #eee; */
		padding: 0 0 0 20px;
		box-sizing: border-box;
		display: inline-block;
		vertical-align: top;
		border: none;
	}


@media only screen and (max-width: 800px){
	main, aside{width:100%; margin:auto;padding:1em;text-align: left}
}
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;}
@media only screen and (max-width: 600px){
	div.blog_block{margin:10px auto;}
}

	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;
    border-radius: 10px 10px 0 0;
}


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



div.blog_block {
	margin-bottom: 10px;
	border-radius: 10px;
	background-color: #fff;
	padding: 25px;
	/* margin: 0 0 40px 20px; */
}
	div.blog_block h2 {
		color: inherit;
		/* font-size: 1.20em; */
		position: relative;
		padding: 15px 0;
		box-sizing: border-box;
		text-shadow: 10px #000 10px;
		/* margin-top: 0px; */
		/* margin-left: auto; */
		/* margin-right: auto; */
		/* background-color: #fcfcfcf5; */
		/* border-radius: 10px; */
		/* opacity: 0.8; */
		/* margin-right: -20px; */
		left: 25%;
		z-index: 10000;
		right: 0;
		left: 0;
		/* border-radius: 50px 10px 5px 10px; */
		/* padding: 15px 30px 20px 30px; */
		/* transform: rotate(-1deg); */
	}

.blog_content img {
	max-width: 800px;
	max-width: ;
	margin: auto;
	/* border: #9b8dde; */
	/* padding: 10px; */
	margin: 1em auto;
}

/* 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(--kleur1);}

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:768px)
	{
	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: #eaf2ec;
		padding: 2em 0;
		color: #fff !important;
	}
	#canvasRecentBlogs a {
		text-align: left;
		color: var(--kleur5);
		text-transform: none;
		letter-spacing: 1px;
		tel: ;
		text-align: left;
		line-height: 160%;
		font-weight: normal;
		font-size: 91%;
	}

.recentBlogBlock {
	display: inline-block;
	width: 31%;
	margin: 1%;
	min-width: 200px;
	/* max-width: 300px; */
}


	.recentBlogBlock, div.blogHeader, div.blogHeader img {
		border-radius: 85px 50px 80px 10px;

	}

@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;
		height: 220px;
		max-width: 100%;
		padding: 4px;
		/* border: 1px solid #ddd; */
		/* border-radius: var(--radiusL); */
		/* background: #012c5f; */
		width: 100%;
	}

.blogIntro, .blogLink, .blogDatum{display:none;}


.blogTitel h3{font-size:18px; margin:5px 10px}
	.blogTitel {
		padding: 1me;
		margin: 1em;
		letter-spacing: 3px;
		text-transform: uppercase;
	}

.recentBlogBlock h2, .recentBlogBlock h3{}
#canvasRecentBlogs h2{color:#fff;}

#credits {
	background: var(--kleurlicht2);
	color: var(--kleur5);
	text-align: left;
	padding: 5px;
	font-size: 15px;
	text-align: center;
	margin-bottom: 10px;
}

/* content */

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

.pageContent {
	max-width: 1400px;
}

	#pageContent img{
		box-shadow: 5px 5px 8px var(--kleur2);
	}

div#shop_gadget,div#content_2{max-width:30%;display:inline-block;text-align:left;background-color:#ffffff;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_1 img {
		max-width: 100%;
		width: auto;
		height: auto;
		border: 1px solid #d3d6d9;
		border-radius: 10px;
		border-radius: 37px 58px 27px 39px;
	}






	div#content_2 img, div#content_1 #canvas_configurator img{border:0;}

@media only screen and (max-width:769px)
{
div#content img,div#content_1 img{float:none; display:block;max-width:80%;margin:15px auto 15px 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:769px){
	div.div_formulier, div#formulier {
		max-width: 1000px;
		padding: 1em;
	}
	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} 
oldinput{
	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(--kleur1);
}

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, input, textarea, select {
	/* border: 1px solid #f0dddd; */
	/* border-radius: 10px 5px; */
	margin: 10px 0;
	padding: 10px 20px;
	/* color: var(--kleur1); */
	letter-spacing: 1px;
	/* font-size: 94%; */
	max-width: 100%;
	box-sizing: border-box;
	font-family: calibri;
	color: #000;
	letter-spacing: 1px;
	margin: 10px 0 0 0;
	text-align: left;
	padding: ;
}

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

/* bottom */
div#canvas_bottom {
	position: relative;
	width: 100%;
	text-align: center;
	background: var(--kleur2);

	color: #fff;
	font-size: 0.9em;
	padding: 0 0 5em 0;
}
	div#canvas_bottom .canvas_uploader{display:flex;}}

div#canvas_bottom .logos {
	display: flex;
	margin: auto;
	display: block;
	padding-top: 10px;
}
div#canvas_bottom .logos .icon {
	max-width: 90px;
	display: inline-block;
}
div#canvas_bottom .icon img {

	padding: 2px;
	margin: 4px;
	border-radius: 4px 10px 4px 0;
	height: 33px;
	max-width: unset;
	width: 80px;
	width: unset;
	height: 60px;
	max-width: 100px;
	width: auto;
	height: auto;
	max-height: 40px;
	border-radius: 5px;
	margin: 10px 5px;

}

div#socialmedia_logos a{display:inline-block;}
#socialmedia_logos img {
	max-width: 30px;
	border-radius: 5px;
	margin: ;
	margin: 3px 1px;
}
@media only screen and (min-width: 800px){






#footer_logo {
	max-width: 300px;
	display: block;
	margin: auto;
	padding: 10px 0 20px 0;
	text-align: center;
}

div#canvas_bottom ul{list-style-type:none;margin-left:0;padding-left:0}
div#canvas_bottom ul li {	border-bottom: 1px solid #ffffff24;	padding: 5px 1px;	font-size: 85%;}
	div#canvas_bottom a {
		/* color: inherit; */
		color: var(--kleurlibelle);
	}
	div#canvas_bottom h3 {
	color: inherit;
	text-align: inherit;
	font-size: 1.4em;
	border: 1px solid #fff;
	border-radius: 5px 10px 15px 15px;
	padding: 1em;
	text-align: left;
	width: 200px;
	transition: \);
	border: none;
	text-transform: uppercase;
	width: auto;
	padding: 0;
	padding: 15px 0;
	border-bottom: 1px solid #ffffff42;
	border-radius: 0;
	width: 90%;
	max-width: 300px;
}
	div#canvas_bottom div {
		text-align: left !important;
	}

@media only screen and (min-width: 800px) {
	div#canvas_bottom #kolom1, div#canvas_bottom #kolom2, div#canvas_bottom #kolom3 {
		padding: 10px;
		box-sizing: border-box
	}

	div#canvas_bottom #kolom1, div#canvas_bottom #kolom2 {
		width: 25%;
		margin: 0;
	}

	div#canvas_bottom #kolom3 {
		width: 50%;
		margin: 0;
		text-align: center
	}

	div#kolom3 div {
		text-align: center
	}
}

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


/* menu */

	blockquote {


		background: var(--light2);
		color: #fff;
		line-height: 200%;
		font-size: 130%;
		font-family:var(--lettertype);
		font-style: italic;
		float: unset;
		margin: 0 auto;
		padding: 1.5em;
		transform: rotate(-3deg);
		border-radius: 10px;
		border: navajowhite;
		text-align: left;
	}
blockquote em {
	font-size: 80%;
	display: inline-block;
	margin: 10px;
	display: block;
	margin-bottom: ;
	margin: 0 20px 0 0;
	color: var(--kleur1);
	text-align: right;
	width: ;
	text-align: left;
	font-weight: bold;
	font-weight: normal;
	font-size: 80%;
}
/* intro */
div.intro {
	width: 100%;	position: absolute;	bottom: 0;

		height: auto;	color: #fff;	text-shadow: 1px 1px 5px var(--zwart);
}



	#qcanvas_header.home .intro, #qcanvas_slider .intro {
		min-width: 300px;
		text-align: center;
		margin: auto;
		position: absolute;
		padding: 1em;
		background: #e7e9e6a1;
		box-sizing: border-box;
		border-radius: var(--radius);
		bottom: 10%;
		left: 5%;
		width: 50%;
		font-size: 90%;
		max-width: 900px;
		text-align: left;
		text-shadow: none;
		color: #000;
		font-size: 110%;
		letter-spacing: 1px;
		padding: 0.5em 1em;
		line-height: 160%;
		border-radius: 40px 20px 30px 20px;
	}
	div#canvas_header.over-evelien {
		postion: relative;
		height: 60%;
		width: 100%;
		max-height: 900px;
		background-size: cover;
		background-position-y: 79%;
	}
	#canvas_header.home .intro, #canvas_slider .intro {
		text-align: left;
		font-size: 90%;
		text-align: center;
		text-shadow: none;

		font-size: 140%;
		letter-spacing: 0;
		line-height: 160%;
		text-shadow: 2px 2px 2px #78886b;
		font-weight: 300;
	}


#canvas_header.home .intro h1, #canvas_slider .intro h1{margin:15px 0; font-size: 250%;
letter-spacing: 4px;
	font-weight: normal;
}
#canvas_header.home .intro h3, #canvas_slider .intro h3  {	font-size: 28px;	font-weight: normal;	text-align: center;		margin:15px 0;
	letter-spacing: 2px;
	font-weight: normal;
}




	.ingeklapt .icon-bar, .contentpagina .icon-bar{background-color:#fff;}

div.intro h1,
div.intro h2,
div.intro h3 {color:#fff; margin-left: 0;}


.intro h1{font-size:55px;}.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:40px;}.intro h3{font-size:35px;}}
@media only screen and (max-width:600x){
	
	.intro{padding-top:40px;} .intro h1{font-size:40px;}.intro h2{font-size:35px;}.intro h3{font-size:30px;}
	#canvas_header.home .intro {
		padding: 11px;
		width: 100%;
		margin: 0;
		box-sizing: border-box;
		width: 90%;
		margin: auto;
	}

	}

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:768px)	{	div.intro ul{display:none;}		}


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





div#canvas_menu_hr a{transition: all 0.3s ease-in-out;margin-left: -10px;margin-right: 10px;padding-top: 0px;  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;
		border-right: 1px solid var(--kleurlicht2);
		font-size: 115%;
		margin: 0 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;}
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:#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: 768px)
{
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;}

/* YOU TUBE */
	/* 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: 5px;
	}

.youtube-player iframe {
	position: relative;
	width: 100%;
	height: 450px;
	z-index: 100;
	background: #fff;
	display: block;
	margin: 20px auto;
}

@media only screen and (min-width: 1200px){
	.youtube-player iframe {
		position: relative;
		width: 600px;
		height: 450px;}
}



	.youtube-player img {
		bottom: 0;
		display: block;
		left: 0;
		margin: auto;
		max-width: 100%;
		width: 100%;
		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;
		cursor: pointer;
	}

/* ACCORDION */
#accordion h3{border-bottom:1px solid #eeeeee;}
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 #eeeeee;}

div#shop_gadget,div#content_2{max-width:30%;display:inline-block;text-align:left;}
	div#broodkruimel {
		font-size: 0.92em;
		text-align: left;
		padding: bottom:10px;
		/* border-bottom: 1px dotted #eee; */
		max-width: 1400px;
		margin: auto;
		padding: 1em 0;
		color: var(--gold-dark) !important;
	}
div#content_2 img,div#content1 img{max-width:100%;height:auto;}


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









/* 
>>>>>> SHOP >>>>>>>>>>>>>>>>>>>>>>>
  CATEGORIE Weergave
 
*/

span#navigatie{}
span#navigatie a{
	padding:5px;
	background-color:#fff;	
	margin-right:5px;
	padding-left:10px;
	padding-right:10px;
	border-radius:20px;
	margin-right:5px;
	
}
span#navigatie a.actief{	background-color:#f00;	color:#fff;}	
div.product_omschrijving{height:100px;overflow:hidden;}
div#canvas_categories{max-width:1300px;margin:auto;}
div#shopCategory{text-align:center;}
div#category_intro {	width: 100%;	max-width: 800px;	text-align: left;	display: inline-block;		text-align: center;	font-size: 110%;}
div.category_link {	width: 22%;	margin: 1%;	display: inline-block;	height: auto;}
@media only screen and (max-width:768px){	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;}
.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 #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;}

/*product dtails*/

h1#product_name {
	width: 100%;
	display: block;
	text-align: center;
}
@media only screen and (min-width:801px){
	h1#product_name {
		color: #ba2323;
		font-size: 2em;
		text-transform: uppercase;
		letter-spacing: 1px;
		background: var\(--kleur1;
		color: var(--kleur1);
		/* color: #fff; */
		display: inline-block;
		width: auto;
		padding: 5px 20px;
		/* transform: rotate(-3deg); */
		/* margin-left: -20px; */
		border-bottom: 2px solid var(--light2);
		border-top: 2px solid var(--light2);
		color: var(--kleur1);
	}
}

div#product_image {
	width: 40%;
	display: inline-block;
	border: 1px solid #eee;
	text-align: center;
	margin: 10px;
}
div#product_image img{max-width:100%;max-height:100%;}


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

#product_details .row{padding:10px 0;}
.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: 70%;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	vertical-align: top;
	border: 1px solid #eee;
	padding: 13px;
	/* border-radius: 9px; */
	background-color: #fff;
}
#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;}
#knopWinkelen {	background: #805b4466;}

@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{display:inline-block;width:8%;text-align:left;}
span.product_naam{display:inline-block;width:48%;text-align:left;}
span.buttons{width:15%;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: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: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:768px){
div.item span{padding:2px;}
span.product_aantal{width:5%;}
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;}	
}


/* checkout */

div#checkoutFormulier{width:100%;display:inline-block;}


input[type=checkbox]:checked{
	color:#009;

}

div.infoAfterRadio {
	display: none;
	background-color: #eee;
	padding: 8px;
	font-size: 10pt;
	color: #444;
	margin: 10px;
}

.paymentOption {
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
	border-bottom: 1px solid #ccc;
	padding: 5px 0;
}
.paymentOption:hover {	background: #eee;}
.paymentOption .paymentName{width:69%;display:inline-block;height: 30px; padding-top:5px;}
.paymentOption .paymentLogo {
	width: 27%;
	display: inline-block;
	text-align: right;
}
.paymentOption .paymentLogo img {
	max-width: 68px;
	max-height: 30px;
	width: auto;
	height: auto;
	margin-top:5px;
}

.paymentOption .paymentFee{display:block;}

span.checked {color:var(--kleurlichtgroen);}

span.checked div.infoAfterRadio{display:block; }

div#canvas_basket_ro {
	position: relative;
	width: 100%;
	margin-left: 0;
	margin-top: 0;
	padding: 15;
	max-width: 1000px;
	background: #fff;}
}


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


/* meldingen */
div#error {
	width: 100%;
	display: block;
	margin: auto;
	padding: 10px;
	border: 1px solid #900;
	color: #000;
	font-weight: bold;
	text-align: center;
	max-width: 600px;
	background: var(--light2);
	color: #fff;
	border: navajowhite;
	position: fixed;
	z-index: 1000;
	left: 0;
	right: 0;
	border-radius: var(--radius);

	bottom: 1em;	right: 1em;
	left: unset;
	top: unset;
	z-index: 1000000;
}

div#error li{font-weight:normal;text-align:left;list-style-type:none;margin:0;}
div#error:empty{display: none }
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}


}



#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 {
	display: none;
	text-align: left;
	position: fixed;
	top: 15%;
	left: calc(50% - 200px);
	width: 400px;
	padding: 20px;
	background-color: #FFF;
	z-index: 1002;
	overflow: auto;
	line-height: 160%;
	border-radius: 10px;
	font-size: 90%;
	color: initial;
}

.white_content .knop{font-size:100%; padding:10px 20px; }
.white_content .knop.light{background:#fff;}

@media only screen and (max-width:481px){
.white_content {
	top: 1%;
	left: 2%;
	width: 96%;
	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;}
}
	
.fa::before {padding: 5px;}
#canvas_menu_hr .fa::before{color:var(--kleur2);}

#canvas_categorien {	/*box-shadow: 10px 10px 30px rgba(0,0,0,0.17);*/ }

/* 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;
	/* border: 1px solid var(--kleur2); */
	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 {	height: auto;		width: 100%;	text-align: center;	/* padding: 5px; */	margin: auto;}
.imageContainer img{max-height:95%; transition:1s all ease-in-out}

@media only screen and (min-width:481px)
	{
	#featuredCategories {
		background: #147d38;
	}
	#featuredCategories .canvas_container{max-width:1550px;}

}

@media only screen and (min-width:600px)
{
	#featuredCategories {
		 padding: 3em 1em;
	}

}


.featuredItem {
	width: 50%;
	display: inline-block;
	vertical-align: top;
	margin: 0.5%;
	border-radius: 2px;
	min-width: unset;
	background: #fff;
	box-shadow: 5px 5px 15px #ddd;
	border-radius: 10px;
	box-sizing: border-box;
	max-width:220px;
}

@media only screen and

@media only screen and (max-width: 600px){
	.featuredItem{
		width: 48%;margin:0.5% !important; max-width: 48% !important;max-width: 300px;;
	}
	#featuredCategories{padding:10px;}
#featuredCategories .featuredItem {
	width: 14%;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	background: var(--kleur1);
	border-radius: 10px;
	line-height: 100%;
	letter-spacing: 0;
	font-weight: normal;
	text-align: center;
	box-shadow: none;

}

.featuredItem .knop.basket {	width: 70%;	font-size: 90%;	letter-spacing: 0px;	transition: all 0.5s ease-in-out;}
.featuredItem .bestel_omschrijving{color:#ccc;	transition: all 0.5s ease-in-out;}
.featuredItem:hover .bestel_omschrijving{color:#444}
.featuredItem:hover .knop.basket {  color:#444;  background-color:#eee;}
.categoryName {	position: relative;	top: -50px;	height: 50px;	background: rgba(255,255,255,0.8);	padding: 10px 5px;	font-size: 115%;	/* font-weight: bold; */	color: #000;}


	#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{color:#000;}
/* .productName h4 {	max-width: 80%;	font-size: 115%;	height: 50px;	padding: 10px;	color: #fff;	margin: -100px auto 28px auto;	text-shadow: 1px 2px 4px #000;}*/
.productName h4 {
	/* font-size: 115%; */
	text-align: center;
	width: 80%;
	display: block;
	color: var(--kleur1);
	text-transform: uppercase;
	border-top: 2px solid var(--light2);
	padding-top: 20px;
	margin-top: 40px;
	letter-spacing: 2px;
	margin: 40px auto 20px auto;
}
@media only screen and (max-width: 600px){
	.productName h4 {
		letter-spacing: 0;
	}
}

.featuredItem .knop {	width: calc(100% - 10px);	max-width: 270px;padding:10px 15px;	box-sizing: border-box;border-color:#ccc;color:#ccc;background-color:#fff;}
.featuredItem .productPrice {	font-size: 150%;	color: var(--kleur6);	font-weight: bold;}
.product_info {	position: absolute;	left: 5%;	top: 5%;	background: #fff;	height: 30px;	width: 30px;	overflow: hidden;
	border-radius: 30px;	border-radius: 2px;	background: rgba(255,255,255,0.8);	border: 2px solid #fff;	color:#000;	opacity:0;
	font-size: 20px;		transition:all 0.15s ease-in-out;}
.product_info a{color:#000;}
.featuredItem:hover .product_info{	font-size: 30px;	padding:10px;	height: 50px;	width: 50px;	opacity:1;	}

@media only screen and (max-width:769px) { 
	.product_info, .featuredItem:hover .product_info {	top: 25px;	left: 10px;	font-size: 20px;padding: 7px;
	height: 35px;	width: 35px;	opacity: 1;} }

.quantity{width:25%; font-size:88%;}
.featuredItem .knop.basket {
	width: 68%;
	font-size: 70%;
	font-weight: normal;
	letter-spacing: 1px;
	border: none !important;
	background: var(--light2);
	color: #fff !important;
	padding: 10px;
	margin-top:10px;
	border-radius: var(--radius);
}

@media only screen and (max-width:481px){
	.quantity{width:85%;margin:auto}
	.featuredItem .knop.basket {width: 85%;	font-size: 90%; margin:auto;}}

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

div#canvasShopStart{display:block;width:100%;padding:150px 0 50px 0;max-width:1300px;margin:auto;}

iv#productSlider{width:910px;height:500px;display:inline-block;margin-right:20px;border:1px solid #eee; background:#ccc;padding:0;overflow:hidden;	}
#productSlider li, #productSlider2 li {
	width: 910px;
	height: 500px;
	overflow: hidden;
	position: relative;
}

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

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

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

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


div#productSlider img{max-width:100%;width:100%;height:auto;margin:auto;}
div#productSlider .slideComment {	width: 60%;	/* height: 110px; */	background: rgba(195, 118, 118, 0.9);	bottom: 5%;	left: 5%;	padding: 5px 2em;	/* text-align: right; */	position: absolute;	color: #fff;	/* border: 1px solid rgba(0,0,0,0.5); */	border-radius: var(--radiusgroot);}

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






/* faq */
/* accordion */
#accordion {
	width: 100%;

}

#accordion h3 {
	font-size: 16px;
	font-weight: bold;
	color: #000;
	margin: 0;
	padding: 10px;
	cursor: pointer;
	position: relative;
	background-color: #f9f9f9;
	border-bottom: 1px solid #ddd;
}

#accordion h3::after {
	content: "+";
	font-size: 18px;
	color: #ccc;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
}

#accordion .antwoord {
	display: none;
	padding: 10px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background-color: #f1f1f1;
}

#accordion .antwoord p {
	margin: 0;
}


div#shopKlantenService {	display: inline-block;	width: 280px;	height: auto;	padding: 15px;	border: 1px solid #eee;	border-radius: var(--radius);	text-align: left;	font-size:82%;}
@media only screen and (max-width:1000px){div#shopKlantenService{display:none;}}
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%;
	overflow: hidden;
	background: #000;
}


#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: var(--radius);
}

svg.above_form {
	display: none;
	width: 300px;
	height: 30px;
	position: absolute;
	background: transparent;
	z-index: 1;
	fill: #fff;
	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;}


.priceExclBtw{display:inline;}
.priceInclBtw{display:none;}


#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: 100%;
	margin: auto;
	max-width: unset !important;
	transition: 0.3s all ease-in-out;
	/* border-radius: 100%; */
	min-height: 100%;
	min-width: 100%;
	/* border: 1px solid #fff; */
}


#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: 51px;
	/* background: transparent; */
	padding: 10px 5px;
	font-size: 15px;
	color: #62266f !important;
	font-weight: normal;
	text-transform: uppercase;
	background: var(--kleur1);
	color: #fff !important;
	border-radius: 0 0 10px 10px;
}



#selectLanguage {

	padding: 5px;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 10000;
	left: unset;
	width: auto;
}
#selectLanguage {
	padding: 5px;
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 10000;
	left: 0;
	top: unset;
	width: auto;
}
#selectLanguage img {
	margin: 5px;
	width: 40px;
	height: 23px;
	border-radius: 1px;
}




/* Nieuwe blocktypes */

.kolom{min-height:200px !important}

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

#type0015 , #type0016 { height: 100%; ; }
#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;
}

.blokcontent{max-width:600px;padding-bottom:1em;}
#type0015 .blokcontent{ text-align:left;  float:left;}

#type0015 .kolom50 {width: 50% !important;	display: inline-block;	border-radius: 0; margin:0 !important; max-width:50%;}
#type0015 .kolommen , #type0015 .canvas_container {padding:0;margin:0; width:100%; max-width:100%; min-height:250px;}

#type0016 .blokcontent{ text-align:right; float:right;}

#type0016 .kolom50 {width: 50% !important;	display: inline-block;	border-radius: 0; margin:0 !important; max-width:50%;}
#type0016 .kolommen , #type0016 .canvas_container {padding:0;margin:0;height:100%; width:100%; max-width:100%; min-height:250px;}

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

}




/* slides */


div#canvas_slider {
	/* display: none; */
	position: relative;
	height: 80% !important;
	/* height: 80vh !important; */
	/* width: 100%; */
	/* margin-top: 100px; */
}

@media only screen and (max-width:768px){
		div#canvas_slider{height:60%;max-height:350px;}	
		}
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%;
}



table#verzendkosten{max-width:100%;width:700px;padding:0}
table#verzendkosten td{padding:5px;}
table#verzendkosten tr:nth-child(even){background:#eee;}
@media only screen and (max-width:480px){	table#verzendkosten{font-size:80%;}}


div#Block_BLOCK44 {	background-color: var(--light2) !important;}
div#Block_BLOCK35,
div#Block_BLOCK35 .kolom {	background-color: var(--kleur1) !important;}
	#Block_PAGE976 .blog_datum {
		display: none;
	}

	#Block_PAGE959 .kolommen {
		background: #fff;
		padding: 0;
	}

@media only screen and (min-width: 800px) {
	#Block_BLOCK26 .kolommen {
		padding: 10px;
	}


	#Block_BLOCK44{		max-height:190px;	}
	#Block_BLOCK26{		max-height:350px;	}
	#Block_BLOCK35 {
		max-height: 460px;
	}

	#Block_BLOCK26 .kolom img {
		max-width: 70px;
		margin: 10px 5px 20px 0;
		float: left;
		background: #639766;
		border-radius: 60px;
		padding: 8px;
		border: 0px solid #fffffe;
	}

	div#Block_BLOCK26 .kolom h3 {
		color: #FFFFFF;
		opacity: 1;
		margin: 0;
	}
}

	div#canvas_bottom {
		background-color: var(--kleurlicht1);
		color: var(--kleurlibelle);
	}

#canvas_bottom .canvas_container {
	display: flex;
	color: #fff;
}

	#footer_logo {
		max-width: 60%;
		margin: auto;
		padding: 20px;
	}

.intro p {
	text-align: inherit;
}

@media only screen and (max-width: 800px){
	.intro {
		position: absolute;
		bottom: 10%;
		width: 100%;
		text-align: center;
		color: #fff !important;
		/* text-align: center; */
		padding: 50px 10px;
		padding-bottom: 0;
		max-height: 100%;
		vertical-align: t;
		line-height: 100%;
	}

	.intro .knop{
		width:90% !important;
		margin:10px auto;
	}

	@media only screen and (min-width: 900px){
		div#canvas_bottom div {
			text-align: center;
			min-width: 320px;
		}
	}

	@media only screen and (max-width: 800px){
		div#canvas_bottom div{
			max-width: 100%;
			width: 100%;
			min-width: unset;
			width: 100%;
		}

		#kolom1, #kolom2, #kolom3{
			width:100%; margin:auto;text-align: left;
		}
	}

	div#canvas_bottom ul li {
		font-size: 100%;
		text-align: left;
		padding: 5px;
	}




	div#service_login_basket{display: none !important;}

	#featuredCategories .featuredItem {
		width: 40% !important;
		display: inline-block;
		margin: auto;
		float: ;
		max-width: 40%;
		min-width: unset;
		margin: 2%;
		color: var(--kleur1);
		border-radius: var(--radius);
	}


	.element #canvas_nieuwsbrief #formulier {
		width: 100%;
		text-align: center;
	}

	.element #canvas_nieuwsbrief .knop {
		margin-top:5px;
	}
	.element #canvas_nieuwsbrief .tmc:first-child{width:100%; text-align: center}
	div#canvas_speerpunten img{float:unset;}
}


	#canvas_speerpunten {
		background: var(--kleur1);
		color: #fff;
		text-align: center;
	}
	#canvas_speerpunten img {
		border: navajowhite;
		max-width: 31%;
		display: block;
		margin: auto;
		float: left;
		background: var(--kleur1);
		border-radius: 24px 5px;
		padding: 10px !important;
		margin: 10px 20px;
		border: 1px solid #;
		border: none;
		box-sizing: border-box;
		padding: ;
		max-width: ;
		border: 2px solid #064787;
		/* transform: rotate(4deg); */
		width: 150px;
		/* border: transparent; */
	}


	div.usp.kolom {
		padding: 2em 1em;
		text-align: right;
		font-size: 85%;
		letter-spacing: 0;
		width:25%;
	}

	.usp_icon {

		width: 100%;
		display: block;
		margin: 0;
		max-width: 100% !important;
		color: var(--kleur1);
		text-align: left;
		border: 1px solid #ccc;
		padding: 10px;
	}

	@media only screen and (max-width: 600px){
		#canvas_speerpunten img {	width:80px; display:block; margin:0px;		}
		div.usp.kolom {
			text-align: center;
			width: 49%;
			display: inline-block;
			text-align: left;
			line-height: 150%;
		}
	}



	/* POPUP SERVICE */
	/* Standaard stijl voor de popup */
	#popup_service {
		position: fixed;
		bottom: 10px;
		right: 10px;
		width: 300px;
		background-color: #f0f0f0;
		border: 1px solid #ccc;
		border-radius: 5px;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
		overflow: hidden;
		transition: height 0.3s ease;
		height: 30px;
	}

	@media only screen and (max-width: 600px) {		div#popup_service {			width:auto;left:1em;right:1em;		}	}

	/* Titelbalk stijl */
	.popup_title {
		background-color: var(--kleur1);
		color: #fff;
		padding: 5px 10px;
		font-weight: bold;
		cursor: pointer;
		text-align: center;
	}

	/* Stijl voor de inhoud van de popup */
	.popup_content {
		padding: 10px;
		display: none; /* Verberg de inhoud standaard */
	}

	#popup_service .knop {
		font-size: 100%;
		text-transform: none;
		font-weight: normal;
		width: 90%;
		padding: 10px 20px;
	}

	/* Klasse voor de geopende popup */
	#popup_service.geopend {
		height: auto; /* Automatische hoogte om alle inhoud te tonen */
	}



#login_form input, #login_form .knop {
	width: 100%;
	max-width: 100%;
	margin: auto;
	display: block;
	margin: 14px auto !important;
	border-radius: var(--radius);
	padding: 10px;
}
	.usp.kolom h4 {
		text-transform: uppercase;
		font-size: 120%;
		border-bottom: ;
		text-align: ;
	}





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

	span.product_naam {
		width: 100% !important;
		position: absolute;
		text-align:center;
		left: 0;
		top: 0;
		font-size: 120%;}
	span.product_prijs {
		width: 14%;
		width: 30%;
		position: absolute;
		top: 40px;
		left: 0;
	}
	span.product_totaal {
		display: inline-block;
		width: 30%;
		text-align: right;
		position: absolute;
		left: 30%;
		top: 40px;
	}
	span.buttons {
		display: inline-block;
		top: 40px;
		width: 30%;
		position: absolute;
		left: 70%;
		font-size: 165%;
	}
	.buttons i{margin:0;}

	span.product_aantal {
		width: 26%;
		position: absolute;
		left: 0;
		top: 0;
		font-size: 100%;
		font-weight: bold;
	}
	div.item {
		width: 100%;
		display: block;
		border-bottom: 1px solid #eee;
		margin: 5px;
		padding: 5px;
		height: 80px;
	}

}


@media only screen and (max-width: 600px){
	.intro h1, .intro h2, .intro h3 {
		color: #fff !important;
		text-shadow: 3px 3px 4px var(--kleur1);
		letter-spacing: 0;
	}}



	/* Zorg ervoor dat Animate.css is geladen via CDN of bestand in je HTML */


	/* Standaard stijl voor de elementen die gecontroleerd moeten worden */
	div.recentBlogBlock {
		opacity: 0; /* Het element is in het begin onzichtbaar */
		transition: opacity 1s ease, transform 1s ease; /* Zorgt voor een overgangs-effect */
	}

	/* Als het element de 'inview' class heeft, wordt de animatie toegepast */
	div.recentBlogBlock.inview {
		opacity: 1; /* Maak het element zichtbaar */
		transform: translateX(0); /* Het element komt in zicht */
		animation: fadeIn 2s ease-out forwards; /* Start de fade-in animatie van links */
	}


	.intro.inview h2 {
		opacity:0.1;
		animation: fadeIn 2s ease 0s forwards;
	}


	div#canvas_bottom{background: #000; color:var(--gold-light);}
	div.goud{background: var(--gold-gradient); color:#000;}




/* ladies */
div#canvas_lady_gallery {
	width: 100%;
	display: block;
	position: relative;
	height: auto;
	text-align: left;
}
div#lady_gallery{padding-bottom:2px;}
div#canvas_content_lady{}

div.escort-thumbnail{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;}
.escort-thumbnail:hover{opacity:0.9;}

@media only screen and (max-width:800px ){
	div.escort-thumbnail {
		min-width: 150px;
		height: 180px;
		/* min-height: 00px; */
		margin-right: 8px;
		margin: 5px;
	}

	div#lady_stats, div#lady_personal, div#lady_options{
		width:100%; min-width: 100%;
		div.label, div.value{ }

	}

	& div.label, & div.value {
		border-bottom: 1px solid #ffffff38;
		padding: 5px;
	}

	div.agendaregel .dag, div.agendaregel div.tijden{
		width:45%;display: inline-block;
	}
	div#escort-main-image {
		width: 100%;
		height: 580px;
		position: relative;
		display: inline-block;
		margin-left: -0.5%;
	}

	div#escort-main-txt{
		width: 100%;
		height: auto;
	}
	div.escort-thumbnail img{
		height:220px;
	}
	.escort-info {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		height: 50px;
	}
}



#Block_BLOCK29 {
	padding: 1em;
	background: var(--gold-gradient);
}
#Block_BLOCK29 h3 {
	font-family: var(--lettertype1);
	font-size: 225%;
	margin: 0;
	padding: 4px;
	/* border-bottom: 1px solid var(--kleur1); */
	text-align: center;
}

@media only screen and (max-width: 800px){
	#Block_BLOCK29 h3 {
		font-size: 220%;
		line-height: 26px;
	}
}

.escort-info {
	background: var(--gold-gradient);
	height: 60px;
	color: #000 !important;
	/* background: #000; */
	/* color: #fff !important; */
	/* text-shadow: 4px 4px 4px #000 !important; */
	/* border-radius: 10px 10px 0 0; */
}

@media only screen and (max-width: 800px){
	#escort-main-image {
		width: 100% !important;
		max-height: 500px;
	}

	div#escort-main-txt {
		width: 100%;
		height: auto;
		position: relative;
		display: inline-block;
		margin-left: -0.5%;
		text-align: left !important;
		padding: 0 !important;
		margin: unset !important;
		color: #fff !important;
	}

}

.escort-desc {
	position: absolute;
	top: -30px;
	left: 0;
	right: 0;
	background: #000000b2;
	height: 30px;
	color: #fff;
	padding: 0px;
	font-size: 10px;
	padding-top: 2px;
	padding-bottom: 0;
	/* text-transform: uppercase; */
	letter-spacing: 1px;
	text-align: center;
}
.escort-info h3 {
	font-family: var(--lettertype1);
	font-size: 230%;
	color: ;
	padding: 5px;
}

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



	div.escort-thumbnail{width:20%;margin:0 0 0 0; padding-top:19%;}

	div.escort-thumbnail.foto-4 {width:25%;}
	div.escort-thumbnail.foto-5 {width:20%;}
	div.escort-thumbnail.foto-6 {width:16.6%;}
	div.escort-thumbnail.foto-7 {width:14.25%;}
	div.escort-thumbnail.foto-8 {width:12.5%;}

	div.escort-thumbnail.foto-9 {width:20%;}
	div.escort-thumbnail.foto-9:nth-child(n+6){width:20%;}

	div.escort-thumbnail.foto-10 {width:20%;}
	div.escort-thumbnail.foto-11 {width:16.6%;}
	div.escort-thumbnail.foto-11:nth-child(n+6){width:20%;}

	div.escort-thumbnail.foto-12 {width:16.6%;}
	div.escort-thumbnail.foto-13 {width:14.25%;}
	div.escort-thumbnail.foto-13:nth-child(n+6){width:16.6%;}

	div.escort-thumbnail.foto-14 {width:14.25%;}

}

@media only screen and (min-width:801px)
{
	div#canvas_lady_gallery div.escort-thumbnail{ width:33%;padding-top:33%;}
}

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

	div#canvas_lady_gallery div.escort-thumbnail {
		width: 23%;
		padding-top: 29%;
		margin: 10px;
		border-radius: 7px 7px 0 0 ;
	}
	.escort-thumbnail:hover {
		box-shadow: 2px 10px 10px #00000070;
		opacity: 0.9;
	}
}

@media only screen and (max-width: 800px){
	.escort-info h3{		margin: 0 !important;
	font-size: 22px;}
	#contact_bar .item{		width: 100%;	}

}
div#lady_tabellen {
	color: #fff;
	text-align: center;
	font-family: calibri;
	letter-spacing: 1px;
}





div#escort-boeken{color:#666;border:1px solid #666;}

div#escort-boeken:hover{color:#111;}

@media only screen and (max-width:1025px)	{		div#canvas_content_lady{margin-top:50px;}		}

div.gallery_thumb{height:250px;height:20vh;width:auto;position:relative;display:inline-block;}
div.gallery_thumb img{height:100%;width:auto; }

div.escort-bestellen{width:100%;height:auto;padding:4em;text-align:center;}
div.escort-bestellen div{max-width:1000px;margin:auto;}

div#escort-main-image{width:30%;height:580px;position:relative;display:inline-block;margin-left:-0.5%}
div#escort-main-txt {
	width: 60%;
	height: auto;
	position: relative;
	display: inline-block;
	text-align: center;
	padding: 1em
	font-family: calibri;
}
div#escort-main-txt .knop {
	/* border-color: #000; */
	color: #fff;
	text-transform: none;
	/* background: #e30946; */
	border: none;
	/* font-size: 1.5em; */
	margin: 8px 0;
	padding: 10px 28px;
	border-radius: var(--radius);
	margin-left: 10px;
}


div#escort-desc {
	/* max-width: 800px; */
	/* margin: auto; */
	color: #fff;
	text-align: left;
	font-weight: normal;
	font-family: calibri;
	height: auto !important;
	min-height: 500px !important;
	display: block;
	/* background: #fff; */
	position: relative !important;
	height: auto;
}


.label.onmogelijk {
	display: none !important;
}

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


div#escort-desc {
	max-width: 800px;
	margin: auto;
	color: #555;
	font-family: calibri;
	line-height: a;
	color: #fff;
}}

div#escort-desc .knop{border-color:#000; color:#000; text-transform:none;}

div#escort-desc div#uurtarief{border-color:#ddd;color:#ccc;margin:20px auto;}
@media only screen and (max-width:801px){div#uurtarief{margin-top:0;}}

div.tariefToelichting{font-size:0.6em;}

div#berekenReiskosten {
	display: none;
	background: rgba(20,20,20,0.9);
	width: 50%;
	position: fixed;
	padding: 2em;
	border: 1px solid #ccc;
	color: #fff;
	z-index: 1000;
	left: 25%;
	top: 200px;
}
div#berekenReiskosten .knop{color:#fff;border-color:#fff;}

@media only screen and (max-width:480px)
{
	div#berekenReiskosten {
		width:90%;
		left:5%;
		top:20%;
	}
}
div#berekenReiskosten input{width:200px;display:inline-block;}

div#lady_tabellen {
	text-align: center;
	font-family: calibri;
	letter-spacing: 1px;
	background: var(--gold-gradient);
	color: #000 !important;
}
div#lady_tabellen, div#lady_tabellen a{color:#000;}
#lady_tabellen div{ color:000;	text-align: left;}

div#lady_stats,div#lady_personal,div#lady_options{width:35%;max-width:650px;margin:auto;display:inline-block;padding-top:3em;}

div#escort-tabel-image{width:auto;height:500px;display:inline-block;background:#fff}
/*div#escort-tabel-image span{display:inline-block;width:auto;overflow:hidden;}/*/
div#escort-tabel-image svg{display:inline-block;height:500px;width:30px;
	position: relative;    z-index: 1;    fill: #4c3c3d;
	border-right-color: #4c3c3d;
	border-right-style: solid;
	border-right-width: 10px;
}
div#escort-tabel-image svg:first-child{transform: rotate(180deg);}
div#escort-tabel-image img{width:auto;height:500px;clip:rect(0px,200px,500px,0px);margin-left:-35px;margin-right:-35px;}

div#escort-tabel-image img {
	width: auto;
	min-width: 300px;
	height: 550px;
	clip: rect(0px, 367px, 500px, 0px);
	margin-left: -35px;
	position: absolute;
	top: 0px;
	margin-left: -34px;
}

span.cropper{	width: 290px;	display: inline-block;	text-align: left;overflow:hidden}
@media only screen and (max-width:1025px)
{
	div#escort-tabel-image img {	clip: rect(0px, 307px, 500px, 0px);}
	span.cropper{	width: 240px;}
}
div.fullImage{width:100%;height:auto;max-height:500px;overflow:hidden;}
div.fullImage img{width:100%;height:auto;}

div#lady_tabellen .label{width:48%;display:inline-block;text-align:left;padding-right:10px;}
div#lady_tabellen .value{width:44%;display:inline-block;text-align:left;}
div#lady_options div.label {width:99%;}

@media only screen and (min-width:1400px)
{
	div#lady_tabellen {font-size:0.92em}
	div#lady_options div.label {width:44%;display:inline-block;text-align:left;padding-right:10px;}
	div#lady_options div.value {width:44%;display:inline-block;text-align:left;}
}



div#lady_agenda {
	/* max-width: 650px; */
	margin: 1em auto;
	text-align: left;
	background: #000;
	padding: 1em;
	color: #fff;
	font-family: calibri;
}


div.agendaregel{border-bottom:1px solid #eee;padding:5px;color:#fff;}
div.agendaregel.kop{font-weight:bold;text-transform:uppercase;color:#888;}




#canvas_header.home {
	width: b;
	height: 60%\\;
	height: 60%;
	min-height: 600px;
	padding: 1em;
	text-align: center;
	/* text-shadow: 5px #000 !important; */
}