:root {
    --kleur1:  #16405f;
	--kleur2:  #71848b;
	--kleur3:  #555;
	--kleur4:  #555;
	--kleur5:  #e3e3e3;
	--grijs:   #333333;
	--wit:	  #ffffff;
	--zwart:  #000000; 	
	--radius: 12px;
	--backgroundColor : #d7c7b6;
	--backgroundColor2 : #f1dcbc;
	--backgroundColorLight : #efefef;

	--lettertype1: 'Didact Gothic';
	--lettertype2: 'Tangerine';
    --lettertype3: 'Open Sans', sans-serif;
    --lettertype4: 'Tajawal', sans-serif;
    --lettertype5: 'Roboto', sans-serif;
    --lettertype6: 'Source Sans Pro', sans-serif;
    --lettertype7: 'PT Sans', sans-serif;
    --lettertype8: 'Raleway', sans-serif;
    --lettertype101: 'Playfair Display', serif;
    --lettertype10: 'Poppins', sans-serif;
    --lettertype11: 'Lora', serif;
    --lettertype12: 'Muli', sans-serif;
    --lettertype13: 'Arimo', sans-serif;
    --lettertype14: 'Anton', sans-serif;
    --lettertype15: 'Bitter', serif;
    --lettertype16: 'IBM Plex Serif', serif;
    --lettertype17: 'Cabin', sans-serif;
    --lettertype18: 'Libre Baskerville', serif;
    --lettertype19: 'Dancing Script', cursive;
    --lettertype20: 'Questrial', sans-serif;
    --lettertype100: 'Rokkitt', serif;
    --lettertype22: 'Patua One', cursive;
    --lettertype23: 'Cinzel', serif;
    --lettertype24: 'Satisfy', cursive;
    --lettertype25: 'Great Vibes', cursive;
    --lettertype26: 'Didact Gothic', sans-serif;
    --lettertype27: 'Kalam', cursive;
    --lettertype28: 'Marck Script', cursive;
    --lettertype29: 'Shadows Into Light Two', cursive;
    --lettertype100: 'Antic Slab', serif;
    --lettertype31: 'Alice', serif;
    --lettertype32: 'Allura', cursive;
    --lettertype33: 'Niconne', cursive;
    --lettertype34: 'Rochester', cursive;
    --lettertype35: 'Love Ya Like A Sister', cursive;
    --lettertype36: 'Euphoria Script', cursive;
    --lettertype37: 'Rosarivo', serif;

	--lettertype100 : 'zilla Slab';
	--lettertype101 : 'zilla Slab';


}

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

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

body,main,aside,article{color:#fff;}
a{color:#eee;}
input,textarea,select{color:#9c9090; font-family: var(--lettertype100);}

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

h1,h2,h3,h4,h5,h6{font-family: var(--lettertype101);line-height:120%; margin:20px 0 10px 0;}
h1{color:var(--kleur1);font-size:32px}
h2{color:var(--kleur2);font-size:28px}
h3{color: var(--kleur2);font-size:24px;}

h4{font-size:20px;}
h5{font-size:18px;}


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

a {text-decoration:none;cursor:pointer;}
a:hover{text-decoration:underline}
.close-button {
	position: absolute;
	top: 0;
	right: 0;
	width: 24px;
	height: 24px;
	margin: 10px;
}

.knop, input[type="submit"] {
	width: auto;
	display: inline-block;
	padding: 14px 40px;
	background-color: var(--kleur1);
	color: #fff;
	font-size: 110%;
	line-height: 100%;
	transition: all 0.4s ease-in;
	cursor: pointer;
	vertical-align: top;
	border-radius: 22px;
	/* border: 2px solid var(--kleur1); */
	box-shadow: 3px 4px 3px var(--kleur2);
	background: linear-gradient(305deg, rgba(22,64,95,1) 0%, rgba(22,64,95,1) 9%, rgba(29,93,140,1) 45%);
	transition: 0.1s all ease-in-out;
}
.knop:hover{
	background: linear-gradient(305deg, rgba(22,64,95,1) 0%, rgba(22,64,95,1) 15%, rgba(29,93,140,1) 60%);
	box-shadow: 2px 2px 10px var(--kleur2);

	transform: scale(1.05);
}

.knopLight, .knop.light {
	border: 2px solid var(--kleur1);
	color: inherit;
	background-color: transparent;
	border-color: inherit;
}

.knop.actie{	background-color: var(--kleur2); border-color:var(--kleur2);	}

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

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

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

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

	height: 23px;
	border-radius: 10px;
}
.languageIcon {
	margin-left: -4px;
}
#selectLanguage {
	position: fixed;
	left: 10px;
	top: 10px;
	z-index: 10000;
}
@media only screen and (max-width:769px){
	#selectLanguage {
		position: absolute;
		left: 12px;
		top: 61px;
		z-index: 10000;

		text-align: left;
	}
	#canvas_head.ingeklapt #selectLanguage{display:none;}
}

/* blokken */

div#canvas_website {	position: relative;	height: 100%;	width: 100%;	text-align: center;	background: #fff;	padding-top: 0px;}
div#canvas_head{position:relative;height:auto;top:0;z-index:1000; width:100%;}
div#canvas_head.ingeklapt, div#canvas_head.contentpagina {	position: fixed;	height: 45px;	background-color: var(--kleur2);	color: #ffffff;	width: 100%;}
.pageContent {	max-width: 1200px;	margin: auto;	text-align: left; }

div#canvas_head.ingeklapt #canvas_categorien, div#canvas_head.contentpagina #canvas_categorien {	top: 55px;	height: 45px;	padding: 10px;}
div.element:empty{padding:0; margin:0; display:none; !important;}

/* logo */

div#canvas_logo {	position: absolute;	z-index: 1000;	display: inline-block;	width: 50%;	left: 25%;	top: 60px;	text-align: center;}
div#canvas_logo img{transition: all 0.3s ease-in-out;}
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: inline-block;
	max-height: 37px;
	width: auto;
}
div#canvas_logo.ingeklapt, div#canvas_logo.contentpagina {
	position: fixed;
	width: auto;
	left: 5%;
	top: 0;
	height: 45px;
	padding: 5px;
}
div#canvas_menu_hr.ingeklapt, div#canvas_menu_hr.contentpagina{margin-top:10px;}

@media only screen and (max-width:600px){
	div#canvas_logo {
		width: 320px;
		top: 50px;
		margin: auto;
		left: calc(50% - 160px);
	}
	div#canvas_logo.ingeklapt, div#canvas_logo.contentpagina {
		width: unset;
		left: 5%;
	}
}

@media only screen and (min-width:801px){
	div#canvas_logo {}
}


/* Kolommen */

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

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

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

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

div.kolom33{display:inline-block;width:31%;margin:0.5%; }
div.kolom80 {	width: 80%;	margin: auto;	text-align: justify;}


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

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


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

div#canvas_speerpunten {	position: fixed;	display: flex;	width: 100%;	bottom: 0px;	left: calc(100%-250px);	background-color: rgb(92, 92, 92);	color: var(--kleur1);	z-index: 100000;
	left: 0px;	padding: 10px 300px;	font-size: 90%;}

@media only screen and (max-width:481px){ 	div#canvas_speerpunten{display:none;}}
div#canvas_speerpunten ul{display:flex;width:100%;max-width:1400px;margin:auto;}
div#canvas_speerpunten li{display:flex;margin:0;padding:0;width:25%;}
div#canvas_speerpunten li i {padding:5px 10px;}

div#canvas_menu{display:none;}
div#canvas_menu_hr {	font-size: 92%;	position: fixed;	text-align: center;	top: 12px;	left: 10%;	width: 80%;}
div#canvas_menu_hr.ingeklapt, div#canvas_menu_hr.contentpagina {	top: 0;	width: 75%;	left: 25%;	text-align: right;}
div#canvas_menu_hr.ingeklapt a, div#canvas_menu_hr.contentpagina a{color:#fff;}
div#canvas_header {	postion: relative;	height: 38%;	width: 100%;	max-height: 400px;}
div#canvas_header::after {
	content: ' ';
	width: 100%;
	height: 55px;
	position: absolute;
	background-image: url("header_devider.png");
	left: 0;
	bottom: 0;
	background-size: 100% 100%;
}

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

div#canvas_header.contentpagina{}

div#canvas_head {margin:auto;}
div#canvas_head .canvas_container{max-width:100%;}

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#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 (max-width:481px){		div#broodkruimel{display:none;}		}

/* elements */
div.element { 	width: 100%;	height: auto;	position: relative;}
div.element.PAGE {	width: 100%;	max-width: 1200px;	margin: auto;	padding: 3em 1em ;	text-align: left;}
div.element.GALLERY {	background-color: var(--kleur1);	width: 100%;	max-width: 100%;	padding: 3em;	margin: 0;}
div.element.FORM {	padding: 2em 0;	width: 100%;	margin: 0 auto !important;	max-width: 100%;}
@media only screen and (max-width:481px){	div.element.FORM{padding:1em;}}
div.element.FORM .canvas_container{padding:0;}
div.element.GALLERY .canvas_container{}
div.element.BLOCK .imageonly {	height: 500px;	padding: 160px 0;	opacity: 1;}
div.element.BLOCK .imageonly h2 {	font-size: 50px;		margin: 0 auto;	height: 50px;	; max-width:1200px;}

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

/* Foto gallery */
div#fotoGallery{width:100%;display:block;position:relative;height:auto;}
.fancybox-thumb {	opacity: 0.8;	transition: all 0.6s ease-in-out;	filter: saturate(0.85);}
.fancybox-thumb:hover {	opacity: 1;	filter: saturate(1);}
div.gallery_thumb {
	width: 23%;
	padding: 0;
	padding-top: 250px;
	/* transition: all .6s ease; */
	display: inline-block;
	cursor: pointer;
	margin: 1%;
	/* border-radius: 20px 0px; */
	/* border: 1px solid #fff; */
	/* box-shadow: 7px 7px 2px #ccc; */
	background-position: center center;
	background-size: 100% 100% !important;
	transition: 0.2s all;
	/* transform: rotate(-2deg); */
	box-shadow: 2px 2px 3px #0000006b;
	/* border: 1px solid #fff; */
	/* border-radius: 3px; */
	transform: rotate(-2deg);
	border: 3px solid #f4f4f4;
}

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

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

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

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

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


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

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

/* blog */
div#blog_overzicht {	-webkit-columns: 50px 2;	-moz-columns: 50px 2;	columns: 50px 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;}
.blog_block:hover {	background: var(--kleur3);	color: #fff;	cursor: pointer;}
.blog_block:hover h2{ var(--kleur3);}
.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;}
div.blog_titel a{text-decoration:none;}
main {	width: calc(100% - 320px);	display: inline-block;	position: relative;	padding-right: 1em;	box-sizing: border-box;}
aside {	width: 300px;	height: 100%;	position: relative;	padding: 20px;	box-sizing: border-box;	display: inline-block;	vertical-align: top;	position: absolute;}
div#blog_navigatie {text-align:right;border-bottom:1px dotted #CCC;padding-bottom:5px;margin-top: -33px;}
div#blog_navigatie a{    display: inline-block;    width: 30px;    height: 30px;    background-color: #ff0000;    padding: 0px;    margin-right: 10px;    text-align: center;    color: #fff;    font-weight: bold;    font-size: 1.1em;    border-radius: 15px;}
div#blog_items{text-align:left;display:inline-block;vertical-align:top;width:60%;margin-right:1%;margin-bottom:4px;}
div#adres{text-align:left;width:35%;display:inline-block;text-align:left;vertical-align:top;}
div#blog_items div.blog_feed_datum{display:inline-block;width:150px;color:#C00;font-weight:bold;}
div#blog_items div.blog_feed_title{display:inline-block;width:auto;color:#eee;font-weight:normal;}
div.blog_header {    background-position: center;    width: calc(100% + 50px);    margin-bottom: 20px;    height: 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;}
div.blog_block {	margin-bottom: 10px;	padding: 25px;}
div.blog_block h2 {	color: #000;	font-size: 1.20em;	position: relative;	padding: 10px;	box-sizing: border-box;	text-shadow: 10px #000 10px;	margin-top: 0px;	margin-left: auto;	margin-right: auto;}
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;	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;}
	}
#canvasRecentBlogs {	padding: 30px 0;}
#canvasRecentBlogs div.canvas_container{width:100%;max-width:100%;}
.recentBlogBlock {	display: inline-block;	width: 400px;	margin: 15px;	height: 260px;}
@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: 250px;	min-width: 100%;	padding: 4px;}
.blogIntro, .blogLink, .blogDatum{display:none;}
.blogTitel h3{font-size:18px; margin:5px 10px}


/* content */

div#content {	margin: auto;	background-color: var(--backgroundColor2);	background-image: url("massage-den-haag.jpg");	color: var(--kleur1);	background-size: cover;
	padding:0 0 100px 0;}
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: var(--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;}

@media only screen and (max-width:801px)
{
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#formulier form{padding:1em 0;}

@media only screen and (min-width:801px){
	div.div_formulier, div#formulier {max-width:700px; margin:auto;}
	div.element.FORM div#formulier {max-width:1500px;}
	div.element.FORM #formulier form{column-count:2; column-gap:50px;}	
	}
	
#voorletters{display:none;}
div.div_formulier i{color:#00C;} 
div.form_content{float:left} 
input, textarea, select {
	padding: 0.6em;
	border: 1px solid #ddd;
	color: #333;
	width: 100%;
	box-sizing: border-box;
	font-size: 1.05em;
	letter-spacing: 1px;
	color: #000;
	margin: 0px 5px;
}
input[type=radio],input[type=checkbox]{width:auto;min-width:0;}
textarea{width:100%;}
input.submit{margin-top:0.7em;width:100px;text-transform:uppercase;}
div.form_row{width: 100%; display:inline-block; padding: 2px; margin-left:auto;margin-right:auto;-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid; }
div.form_row_klein{width:49%;display:inline-block;min-width:200px;}
div.form_row_xklein{width: 24%;	display: inline-block;	min-width: 150px;}
@media only screen and (max-width:481px)	{div.form_row_klein{width:100%;}	 div.form_row_xklein{width:49%;}	}

div.form_field_desc{min-width: 160px; width: 100%; display: block; text-align: left; }
div.form_field_input{width:100%;display:inline-block;text-align:left;}
div.div_form_desc{}
div.form_field_desc {
	font-size: 0.8em;
	padding: 0px;
	margin-bottom: -11px;
	margin-left: 13px;
	z-index: 2;
}

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



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-color: var(--kleur1);
	color: #dbdbdb;
	font-size: 0.9em;
	padding: 0 0 5em 0;
}

div#canvas_bottom img.logo{width:auto;height:auto;width:90%;margin:auto}
div#canvas_bottom img.socials{width:30px;height:auto; margin-top:10px;border-radius:15px;}
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:#ffffff;text-align:inherit;font-size:1.4em; }
div#canvas_bottom div{}
#canvas_bottom h3::after {	border-bottom: none;}

div#canvas_bottom #kolom2 img {
	width: 100%;
	height: 100%;
	max-width: 250px;
}
div#canvas_bottom .kolom33 {	max-width: 350px;	}

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

@media only screen and (max-width:801px)
{
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;}
div#canvas_bottom div.kolom33, div#canvas_bottom div.kolom25{width:100%;}
div#canvas_bottom #logo img {	opacity: 0.2;	max-width: 80px;	margin:auto;}


}



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



/* intro */
div.intro {	width: 100%;	position: absolute;	bottom: 0;	padding-bottom: 30px;	height: auto;	color: #ffffff;	text-shadow: 1px 1px 11px #000;	}
#canvas_header{background-size:cover;background-repeat:no-repeat; background-position:center 45%; }
#canvas_header.home .intro, #canvas_slider .intro {	margin: auto;	width: 50%;	left: 25%;}
#canvas_header.home .intro h1, #canvas_slider .intro h1{margin:10px;}
#canvas_header.home .intro h3, #canvas_slider .intro h3{	padding: 4px;	display: inline-block;	font-size: 22px;	font-weight: normal;	margin: 5px;}

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


div.intro 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 */

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;}
.collapse-button {
	position: absolute;
	top: 7px;
	right: 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: #fff;
	border-radius: 1px 1px 1px 1px;
	display: block;
	height: 3px;
	width: 27px;
	margin: 4px;
	margin-bottom: 6px;
}
.ingeklapt .icon-bar, .contentpagina .icon-bar{background-color:#fff;}



div#canvas_menu_hr a {
	transition: all 0.3s ease-in-out;
	margin-left: -10px;
	margin-right: 10px;
	padding-top: 0px;
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 1px var(--kleur1);
	font-weight: bold;
}
div#canvas_menu_hr a:hover {
	border-bottom: 1px solid #fff;
	padding-bottom: 5px;
	text-shadow: 1px 1px 5px var(--kleur1);
}


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 #aee986;
}
div#canvas_menu_hr.ingeklapt li{border-right:1px solid #CCC;}

div#canvas_menu_hr li:last-child{border:none;}
div#canvas_menu_hr span.sub-collapser{display:none;}

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

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

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

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

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

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


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

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

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




/* 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;   color:#111;  z-index: 1002;    overflow: auto;    line-height: 150%;    border-radius: 10px; font-size:90%;}

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

@media only screen and (max-width:481px){
.white_content {
	top: 1%;
	left: 2%;
	width: 96%;
	padding: 10px;
	font-size:90%;
}

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



#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 { width:100%; max-height:250px;}
.imageContainer img {
	height: 100%;
	/* min-width: 100%; */
	/* height: auto; */
	width: auto;
	transition: 1s all ease-in-out;
	border-radius: 0px 0px 0px 0px;
	box-shadow: 4px 10px 9px #4433331c;
	/* border: 1px solid #c3c0c0; */
}

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

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

@media only screen and (min-width:481px)
	{#featuredCategories {	padding: 3em 1em;}#featuredCategories .canvas_container{max-width:1550px;}}

.featuredItem {	width: 21.5%;	max-width: 290px;	display: inline-block;	vertical-align: top;	margin: 1.5%;	border-radius: 2px;	background: transparent;	/* border: 1px solid; */}
.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 {
	font-size: 145%;
	color: #000;
	margin: 15px 0;
	border-bottom: 1px dashed #b87a7a;
	padding: 10px 0;
}

@media only screen and (max-width:1200px){	.featuredItem{width:22.5%;margin:1%}	}
@media only screen and (max-width:801px){	.featuredItem{width:27.5%;margin:2%;max-width:none;}	}
@media only screen and (max-width:481px){	.featuredItem{width:45%;margin:1.5%}	

	#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;
	padding: 10px 0;
}
.productName h4 {		font-size: 125%;	}
.retailerInfo h5 {
	font-size: 90%;
	font-weight: normal;
	color: #555;
}

.featuredItem .knop {	width: calc(100% - 10px);	max-width: 270px; padding:10px 15px;	box-sizing: border-box; }
.featuredItem .productPrice {
	font-size: 180%;
	color: var(--kleur6);
	font-weight: bold;
	text-align: right;
	padding: 1em 0 1em;
}


.quantity{width:25%; font-size:88%;}
.featuredItem .knop.basket {
	width: 68%;
	font-size: 100%;
	padding: 9px 13px;
}

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

@media only screen and (max-width:801px){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;}	
}

div#shopKlantenService {	display: inline-block;	width: 280px;	height: auto;	padding: 15px;	border: 1px solid #eee;	border-radius: 4px;	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}


/* Kleuren */
div#canvas_head{}
div#canvas_head.ingeklapt, div#canvas_head.contentpagina {
	background-color: var(--kleur2);
}



div#canvas_content {	background-color: #ffffff;}
div#canvas_bottom{background-color:var(--kleur2); margin-top:-50px;}

div.element.FORM{padding-bottom: 100px !important;margin-bottom:-50px !important;}


#Block_PAGE63 em , #Block_PAGE64 em{
	font-size: 150%;
	font-weight: bold;
	font-style: normal;
	display: inline-block;
	padding: 0;
	color: var(--kleur2);
}
#Block_PAGE63 p{max-width:800px;}

div#canvas_bottom:before {
	content: ' ';
	width: 100%;
	background: url('footer_devider.png');
	background-size: 100% 100%;
	height: 50px;
	position: absolute;
	color: #fff;
	left: 0;
	top: -50px;
}

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


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

svg.above_form {	display:none;}

div.subtotal,div.shipping,div.discount,div.coupon,div.korting,div.subtotal2,div.btw,div.total,div.product_regel{width:100%;text-align:right;}
div.total,div.subtotal,div.subtotal2{font-weight:bold;border-top:1px solid #333;}


.priceExclBtw{display: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: 120%;
	margin: auto;
	max-width: unset !important;
	transition: 0.3s all ease-in-out;
}

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

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

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

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

#selectLanguage img {
	margin: 5px;
	/* width: 25px; */
	/* height: 25px; */
}

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



/* Nieuwe blocktypes */
.blockContent{position:relative;height:100%;}
.kolom{min-height:200px !important}

.kolom h3 {
	color: var(--kleur2);
	font-size: 20px;
	padding-bottom: 16px;
	margin: auto;
}

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

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

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

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


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

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

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

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

}

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

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

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

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



.element #canvas_nieuwsbrief {
	width: 100%;
	position: relative;
	padding: 1em;
	text-align: left;
	max-width: 1000px;
}
.element #canvas_nieuwsbrief .canvas_container {}
.element #canvas_nieuwsbrief p {	margin: 0;	font-size:85%;}
.element #canvas_nieuwsbrief .knop {
	opacity: 1;
	margin: 0;
	height: auto;
	padding: 14px;
	border: 0;
	font-size: 100%;
	margin-left: -5px;
}

.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;
	}
.element #canvas_nieuwsbrief .tmc:first-child {width:50%;display:inline-block;}
.element #canvas_nieuwsbrief #formulier {
	width: 48%;
	display: inline-block;
	padding-top: 1em;
}





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

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

}


/* slides */


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




#canvas_slider::before, #canvas_header::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 0.5;
	content: '';
}

html,body{background: linear-gradient(180deg, rgba(236,236,236,1) 0%, rgba(255,255,255,1) 80%), rgba(255,255,255,1) 100%);}
div#canvas_website {
	background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 200px);
}


@media only screen and (min-width:600px){#ID34-6 {margin-bottom: -84px;}}

#ID34-6 .knop{	border:0 !important; }

div.element.GALLERY {
	background-color: #9f8b7d;
	width: 100%;
	max-width: 100%;
	padding: 3em;
}
/*
#canvas_header::after {
	content: ;	content: ' ';	width: 100%;	height: 90px;	background-image: url(landing_page_white_background.png);
	/* margin-top: -100px; */	z-index: 100;	position: absolute;	/* background: #000; */	left: 0;	bottom: 0;
	background-size: 100% 100%;}
*/



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





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


#Block_PAGE59 h3{color:var(--kleur1);}
#Block_PAGE59 h3:after{display:none;}
#Block_PAGE59 ul {padding:0;}
#Block_PAGE59 ul li{list-style-type:none;margin-bottom:2em; max-width:950px;}
#Block_PAGE59 ul li strong{display:block; font-size:130%; color:var(--kleur2);}

#canvas_recensies {
	padding: 1em;
	background: #c3e1bc;
}

#canvas_recensies .testimonial {
	background: #fafdf6;
	width: 40%;
	display: inline-block;
	margin: 2%;
	padding: 20px;
	border-radius: 1px 20px 30px 40px;
	/* transform: rotate(-1deg); */
	text-transform: ;
	/* font-style: italic; */
	line-height: 160^%;
	font-: c;
	color: var(--kleur2);
	/* max-width: 680px; */
	min-width: 300px;
}

#canvas_recensies  .knop {
	display: inline-block;
	/* width: 25%; */
	margin: auto;
	background: var(--kleur1);
	border: 0;
	margin: 30px auto;
	max-width: 300px;
}


/* Categorien uitklapbaar */

.subcategorien {
	padding: 0 10px;
}


#categorien li {
	display: inline-block;
	width: 100%;
	margin-right: 10px;
	vertical-align: top;
	font-weight: bold;
	/* flex: 1; */
	/* max-width: 150px; */
	width: auto;
	padding: 5px 10px;
}

#categorieMenuMobile {
	background: var(--kleur2);
	color: #fff;
	/* padding: 1px 0; */
	text-align: center;
	margin: 0;
	position: relative;
	padding: 1px;
}
#categorien a {
	color: #fff;
	font-weight: normal;
}
}



#categorien li ul li {
	font-weight: normal;
}


#fav_link{display:none;}


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