body { font-family: 'museo-sans-rounded', sans-serif; font-size: 16px; line-height: 1.8; margin: 0; color: #504d4b; }
	body.KMCMSeditor { padding: 20px; }

h1, h2, h3, h4, h5, h6 { font-family: 'open-sans', sans-serif; }
h1 { font-weight: 700; color: #628a1a; padding-bottom: 0px; margin-bottom: 30px; font-size: 38px; line-height: 1.2; position: relative; }
	h1.x::before { content: ""; width: 90px; height: 4px; display: inline-block; background: #a1d55d; position: absolute; bottom: 0; z-index: 2; }
	h1 span { font-weight: 400; }
h2 { font-weight: 700; color: #628a1a; margin-bottom: 20px; font-size: 30px; margin-top: 30px; }
h3 { font-weight: 400; color: #1f242c; font-size: 28px; margin: 30px 0 20px 0; }
h4 { font-weight: 400; color: #1f242c; font-size: 24px; }
h5 { font-weight: 400; color: #628a1a; font-size: 28px; }
h6 { font-weight: 400; color: #628a1a; font-size: 24px; }
p, ul, ol { color: #1f242c; font-size: 18px; line-height: 1.8; }
	p.intro { font-weight: bold; }
.fa-li { color: #628a1a; }

:root { --cookiebotcolor: #1f3f50; }
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll { background-color: var(--cookiebotcolor) !important; border-color: var(--cookiebotcolor) !important; color: #ffffff; }
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive { border-bottom: 1px solid var(--cookiebotcolor) !important; border-bottom-width: 1px; color: var(--cookiebotcolor) !important; }
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection { border-color: var(--cookiebotcolor) !important; color: #141414; }
#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton { border: 2px solid var(--cookiebotcolor) !important; background-color: var(--cookiebotcolor) !important; }
#CybotCookiebotDialog input:checked + .CybotCookiebotDialogBodyLevelButtonSlider { background-color: var(--cookiebotcolor) !important; }
#CybotCookiebotDialog form input[type="checkbox"][disabled]:checked + .CybotCookiebotDialogBodyLevelButtonSlider { background-color: #D6D6D6 !important; }
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover { color: var(--cookiebotcolor) !important; }
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change { background-color: var(--cookiebotcolor) !important; border-color: var(--cookiebotcolor) !important; color: #FFFFFF; }
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw { background-color: #FFFFFF; border-color: var(--cookiebotcolor) !important; }
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg { fill: var(--cookiebotcolor) !important; }
#CookiebotWidget .CookiebotWidget-consent-details button { align-items: center; color: var(--cookiebotcolor) !important; }

.cc_more_info { color: #000 !important; text-decoration: underline !important; }
.cc_btn { color: #000 !important; }
.cc_container { background-color: #a1d55d !important; }
.cc_message { color: #000 !important; }

.doclist { margin-left: 25px; font-size: 16px; line-height: 1.8px;margin-bottom:20px; }
.doclist a { color:#628a1a; }
	.doclist a:hover { color: #000; }
td.ico { padding: 6px 8px; }
a { transition: ease-in-out .30s; text-decoration: none; }
	a:hover, a:focus, a:active { outline: none; text-decoration: none; }
	a:hover { text-decoration: none; }

.page-loader { background: #fff; position: fixed; top: 0; bottom: 0; right: 0; left: 0; z-index: 9998; }
.loader { position: absolute; width: 70px; height: 70px; top: 50%; left: 50%; margin: -35px 0 0 -35px; }
	.loader .fa-regular { font-size: 70px; line-height: 70px; color: #628a1a; }

.bannervakantie { background-color: #2cff05; text-align: center; padding: 8px 0; margin-top: 0px; font-size: 18px; font-weight: 700; }

.flexcontainer { }
.flexcontainer .slides {  }
.flexcontainer .hero-caption {background-color:rgba(98,138,26,0.8);padding:25px;margin-top:40px;}
	.flexcontainer .hero-text { }
	.flexcontainer .headline { color:#fff;font-size:28px;line-height:1.2;font-weight:700;margin-bottom:15px; }
	.flexcontainer .subline { color: #fff; font-weight: 300;  }
	.flexcontainer .btn {box-shadow:#000 0 0 10px;}
	.flexcontainer .btn:hover { background-color:#f1f9ee; }

.breadcrumbcontainer { background-color: #f1f9ee; padding: 20px 0; }
.breadcrumb { font-size: 14px; line-height: 1.8; border-bottom: 0; padding-left: 0; border-radius: 0; text-transform: uppercase; background-color: transparent; margin-bottom: 0; }
	.breadcrumb a { color: #000; }
		.breadcrumb a:hover { color: #628a1a; }
.breadcrumb-item + .breadcrumb-item::before { color: #628a1a; content: ">"; }

.categorie { padding: 0 0 100px 0; }
.catblok .card { border: 0; border-radius: 0; background-color: #f1f9ee; }
	.catblok .card .card-img-top { border-radius: 0; }
.catblok .card .card-body { box-shadow: #aaa 0 0 30px; background-color: #fff; margin: -30px 15px 15px 15px; transition: ease-in-out all 0.4s; background-color:#a1d55d; }
.catblok .card .card-body { margin: -45px 15px 30px 15px; }
	.catblok .card .card-footer { margin: -45px 15px 15px 15px; background-color: #a1d55d; border-top:none; }
	.catblok .card .card-footer a { color:#fff; }
.catblok .card h5 { font-weight: 700; letter-spacing: 1.2px; padding: 6px 0; color:#fff; }
	.catblok .card h5 a { color: #fff; }
.catblok .card .card-body .card-text { color:#fff; }

.card.product { border: 0; border-radius: 0; background-color: #f1f9ee; border:solid 1px #628a1a;  }
.card.product .card-img-top { border-radius: 0; }
.card.product h5 {text-align:center;}
	.card.product .card-footer { border-top: 0; background-color: #f1f9ee;text-align:center; }
	.card.product a {color:#628a1a;}
.card.productinvert, .card.productinvert .card-footer { background-color: #628a1a; }
	.card.productinvert h5, .card.productinvert a {color:#fff;}
.card.merk .card-footer {background-color:#fff;border-top:none;}
	.card.merk .card-footer a { color:#628a1a;font-weight:700; }


.homeblok { padding: 100px 0; box-shadow: #000 0 0 20px; background-color: rgba(255,255,255,0.8); }
.home-bar {	}
.home-bar .row {background-color:#fff;}
.home-bar img {}
	.home-bar.home-left { background: url(../images/sprite-white.png) center center repeat-y; margin-bottom: 100px; }
	.home-bar.home-right { background: url(../images/sprite-white-right.png) center center repeat-y; }

@media (min-width:1200px) and (max-width: 1399px) {
	.homeblok .card .card-img-left { position: absolute; width: 50px; top: 15px; left: 15px; }
	.homeblok a .card .card-body { background-color: #fff; margin: 60px 15px 15px 15px; }
}
@media (min-width:992px) and (max-width: 1199px) {
	.homeblok .card .card-img-left { position: absolute; width: 50px; top: 15px; left: 15px; }
}
@media (min-width:768px) and (max-width: 991px) {
	.homeblok .card .card-img-left { position: absolute; width: 50px; top: 15px; left: 15px; }
	.homeblok a .card .card-body { background-color: #fff; margin: 60px 15px 15px 15px; }
}
@media (min-width:576px) and (max-width: 767px) {
	.homeblok .card .card-img-left { position: absolute; width: 50px; top: 15px; left: 15px; }
}
@media (max-width:575px) {
	.homeblok .card .card-img-left { position: absolute; width: 50px; top: 15px; left: 15px; }
	.homeblok a .card .card-body { background-color: #fff; margin: 60px 15px 15px 15px; }
}

.homecontainer { padding: 80px 0; background-color:rgba(0,0,0,0.4);}
	.homecontainer h1, .homecontainer h2 { color: #fff; }
	.homecontainer p, .homecontainer p b { color: #fff !important; }
	.homecontainer span { font-size: 300px; line-height: 1; color: #fff; }

.contactcontainer { background: url(../images/contact-bg-1.jpg) center center no-repeat; background-size:cover; padding: 20px 0; }
	.contactcontainer p { font-size: 14px; }
		.contactcontainer p a { color: #000; border-bottom: solid 1px #000; }
		.contactcontainer p.opening { font-weight: 700; }
			.contactcontainer p.opening span { display: inline-block; width: 100px; font-weight: 400; }
			.contactcontainer .aankondiging {padding:6px 12px;border:solid 1px #628a1a;text-align:center;font-weight:700;box-shadow:#000 0 0 10px;background-color:#a1d55d;margin-top:18px;}
	.contactcontainer .social a { background-color: #504d4b; color: #fff; display: inline-block; line-height: 1; padding: 6px; border-radius: 50%; width: 30px; text-align: center; transition: 0.3s ease-in-out all; margin-right: 10px; }

.pagetitle { padding: 40px 0;text-align:center; }
	.pagetitle h1 { color:#fff;margin:0;padding:0;line-height:1; padding-bottom:25px;margin-bottom:25px; }
	.pagetitle h1::before { content: ""; width: 90px; height: 4px; display: inline-block; background: #fff; position: absolute; bottom: 0; left:50%; margin-left:-45px; }
	.pagetitle h2 { color: #fff; margin: 0; padding: 0; line-height: 1;font-weight:400; }
	.pagetitle i { position: absolute; color: #202020; font-size: 320px; top: 5px; right: 160px; color: #fff; text-shadow: #f6b719 0px 0px 14px; }

.product-table {text-align:center;border:solid 1px silver;}
.product-table th {background-color:#f1f9ee;}
	.product-table th, .product-table td { vertical-align:middle; }
	.product-table th[scope=row] {width:250px;}
.product-table .fa-solid {color:#628a1a;}

.pagecontainer { background-color:#fff; padding:100px 0;}
.contactpagecontainer { background-color: #fff; padding: 50px 0; }

.pageright { box-shadow: #628a1a 30px 30px 0; }
.pagemenu {padding:4px;border:solid 2px #eee;}
.pagemenu .fa-ul { margin-left:36px; margin-bottom:0; }
.pagemenu li, .pagemenu .fa-li {background-color:#eee;margin-bottom:6px;}
	.pagemenu .fa-li { color:#628a1a;padding:9px 0 6px 0; }
	.pagemenu li:last-child, .pagemenu .fa-li:last-child { margin-bottom: 0px; }
.pagemenu a {color:#1f3f50; font-size:16px;line-height:3;}
	.pagemenu a:hover, .pagemenu a.active { color: #628a1a; }

.pagecontact { padding:6px; border:solid 2px #eee;margin-bottom:30px;margin-top:30px;box-shadow:#628a1a 30px 30px 0px;text-align:center;}
.pagecontact .btn {margin:15px 0 15px 0;}
	.pagecontact .fa-regular { color: #628a1a; font-size:22px; }
.pagecontact a.tel, .pagecontact a.mail { color:#1f3f50; font-size:16px; }
	.pagecontact a.tel:hover, .pagecontact a.mail:hover { color: #628a1a; }

.content { }
	.content h1 { }
	.content .img-above, .content .img-below { margin-bottom: 30px; }
	.content p a { color: #628a1a; border-bottom: solid 1px #628a1a; }
	.content p b { color: #000000; }
	.content ul { list-style: none; padding: 0; margin-left: 1em; }
		.content ul li { padding-left: 1.9em; }
			.content ul li:before { content: '\e3d6'; font-family: 'Font Awesome 6 Pro'; display: inline-block; margin-left: -1.9em; width: 1.9em; color: #628a1a; font-weight: 700; }
	.content .fa-li { color: #628a1a; }
	.content ul.fa-ul { margin-left: 25px; }
		.content ul.fa-ul li { padding-left: 0; margin-left: 25px; }
			.content ul.fa-ul li:before { content: none; }
			.content ul.fa-ul li .fa-li { color: #628a1a; }

.img-galery { background-color: #fff; padding: 30px 0; }
.content a.lightbox { border-bottom: 0; }
.thumbs { width: 100%; float: left; overflow: hidden; position: relative; margin-bottom: 2px; text-align: center; text-transform: uppercase; font-size: 14px; font-weight: 700; background-color: #fff; border-radius: 0px; box-shadow: 0 1px 13px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24); transition: transform .3s cubic-bezier(.34,2,.6,1),box-shadow .2s ease; transform: translateY(0px); border: solid 1px #fff; }
	.thumbs span.title { color: #fff; }
	.thumbs a { background-color: rgba(98,138,26,0.40); bottom: -200px; color: #fff; left: 0; opacity: 0; position: absolute; right: 0; text-align: left; top: 0; z-index: 100; transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out; text-decoration: none; }
		.thumbs a .title { display: table; width: 100%; height: 100%; }
			.thumbs a .title .title-text { font-style: normal; font-weight: 300; font-size: 12px; line-height: 14px; color: #fff; vertical-align: bottom; padding: 8px; display: table-cell; }
				.thumbs a .title .title-text h5, .thumbs a .title .title-text p { color: #fff; font-weight: 700; font-size: 14px; }
				.thumbs a .title .title-text h5 { font-weight: 700; }
			.thumbs a .title .enlarge { font-style: normal; color: #fff; vertical-align: middle; padding: 20px; display: table-cell; text-align: center; }
		.thumbs a:hover { bottom: 0; opacity: 1; transition: opacity 0.30s ease-in-out 0s, bottom 0.4s cubic-bezier(0.25, 0.500, 0, 1) 0s; -webkit-transition: opacity 0.30s ease-in-out 0s, bottom 0.4s cubic-bezier(0.25, 0.500, 0, 1) 0s; }

.thumbs-side { margin-bottom: 15px; }
	.thumbs-side:first-child { margin-top: 15px; }
.img-galery .thumbs {margin-bottom:25px;}


.btn { display: inline-block; text-transform: uppercase; color: #202020; padding: 4px 16px; border: solid 2px #202020; letter-spacing: 1px; font-weight: 700; border-radius: 4px; font-size: 16px; line-height: 28px; }
	.btn:before { background-color: #f6b719; }
	.btn:focus {box-shadow:none;}
.btn-effect { position: relative; transition: 0.3s ease all; -webkit-transition: 0.3s all ease; z-index: 2; }
	.btn-effect:before { transition: 0.5s ease all; -webkit-transition: 0.5s all ease; position: absolute; top: 0; left: 50%; right: 50%; bottom: 0; opacity: 1; content: ''; z-index: -2; }
	.btn-effect:hover:before { transition: 0.5s ease all; -webkit-transition: 0.5s all ease; left: 0; right: 0; opacity: 1; }
.btn-white {background-color:#fff;border-color:#fff;color:#504d4b;}
.btn-dark { background-color: #1f3f50; border-color: #1f3f50; color: #fff; }
.btn-green { border-color: #628a1a; color: #628a1a; }
.btn-green:hover {background-color:#628a1a;color:#fff;}

label { font-weight: 400; font-size: 14px; }
	label.form-check-label { font-weight: 400; }
		label.form-check-label a { color: #504d4b; border-bottom: solid 1px #504d4b; }
			label.form-check-label a:hover { color: #8cbe29; border-bottom: solid 1px #8cbe29; }
.form-control, .form-select { /*font-size:18px;line-height:1;*/ }
	.form-control:focus, .form-check-input:focus, .form-select:focus { color: #212529; background-color: #fff; border-color: #231f20; outline: 0; box-shadow: 0 0 0 .25rem rgba(176,147,181,.25); box-shadow: none; }
textarea.form-control { min-height: 150px !important; }
.form-check { margin-bottom: 0; }
.form-check-input:checked { background-color: #8cbe29; border-color: #000; }
.form-floating.required.error label:after, .form-check.required.error label:after { content: '*'; color: red; margin-left: 4px; }
.form-group .progress, .form-group .alert-success, .form-group .alert-danger { display: none; }

.floatingform .form-control { border: solid 1px #628a1a; background-color: #f0f0f0; line-height: 1; }
.floatingform .form-select { border: none; background-color: #f0f0f0; color: #AAA; font-size: 14px; line-height: 2.8; padding-left: 15px; }
.floatingform .form-floating > label { left: 15px; }

footer { padding: 70px 0; background-color: #628a1a; }
	footer h3 {color:#a1d55d;font-size:28px;}
	footer ul, footer p, footer a {color:#fff;}
	footer .vakantie { background-color:#a1d55d;text-align:center;padding:8px 0; margin-top:40px; font-size:18px; font-weight:700; }
	footer span {display:inline-block;}
	footer span.dag {min-width:120px;font-weight:600;}
		footer span.vm { min-width: 100px; }
		footer span.nm { min-width: 100px; }
	footer a { transition: ease-in-out all 0.3s; border-bottom: solid 1px #fff; }
		footer a:hover { color: #fff; }
		footer a.tel, footer a.tel:hover { border-bottom: 0; }

.copy { background: #000; padding: 10px 0; font-size: 14px;line-height:1; }
	.copy a { color: #1f3f50; }
	.copy a.km {color:#628a1a;}

.scrollup { padding: 5px 10px; background-color: #7b7b73; color: #fff; position: fixed; bottom: 20px; right: 20px; z-index: 9999; display: none; }
.scrollshow { display: inline-block; }
.scrollup:hover { background-color: #000000; color: #fff; }

.wow { visibility: hidden; }

@media (min-width:1400px) {
	.flexslider { }
}

@media (min-width:992px) and (max-width: 1399px) {
	.pagetitle i { font-size: 250px; }
}

@media (min-width: 992px) and (max-width: 1199px) {
	.pagetitle i { right:70px; }
}

@media (min-width: 991px) {
}

@media (max-width: 991px) {
	.pagecontainer { padding: 70px 0; }


	.pagetitle i { font-size: 110px; right:0; }
	.contactcontainer {padding:40px 0;}
}

@media (min-width: 576px) and (max-width: 1199px) {
	h1 { font-size: 34px; }
	h2 { font-size: 20px; }
}

@media (min-width: 768px) and (max-width: 991px) {
}

@media (max-width: 767px) {
	p, ul, table, form-label { font-size: 16px; }

	.galerijcontainer {padding:15px 0;}

	.categorie {padding:50px 0;}

	footer {padding:50px 0;}
}

@media (max-width: 575px) {
	h1 { font-size: 24px; }
	h2 { font-size: 18px; }

	.homecontainer { margin-top: 15px; }
	.pagetitle i { font-size: 90px; right: 5px; top: -30px; }
	.contactcontainer { padding: 15px 0; }

	.categorie { padding: 15px 0 50px 0; }

	footer { padding: 30px 0; }
}