﻿body { font-family: "museo-sans-rounded", sans-serif; font-size: 16px; line-height: 2; margin: 0; color: #000; }
	body.KMCMSeditor { padding: 20px; }

h1, h2, h3, h4, h5, h6 { font-family: "adorn-condensed-sans", sans-serif; font-weight: 400; font-style: normal; }
h1 { font-weight: 400; color: #f6afa5; margin-bottom: 30px; font-size: 42px; line-height: 1; }
h2 { font-weight: 400; color: #43a377; margin-bottom: 20px; font-size: 28px; margin-top: 30px; }
h3 { font-weight: 400; color: #43a377; font-size: 30px; margin: 30px 0 20px 0; }
h4 { font-weight: 400; color: #43a377; font-size: 22px; }
h5 { font-weight: 400; color: #43a377; font-size: 20px; line-height: 1.8; }
h6 { font-weight: 400; color: #43a377; font-size: 18px; color:#94c990; }
p, ul, ol { color: #000; font-size: 18px; line-height: 1.8; font-weight: 300; }
b, strong {font-weight: 700;}
.fa-li { color: #b2b2a2; }

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

.doclist { margin-left: 25px; font-size: 14px; line-height: 24px; }
td.ico { padding: 0 8px; }
a { transition: ease-in-out .30s; color: #000; text-decoration: none; }
	a:hover, a:focus, a:active { outline: none; text-decoration: none; }
	a:hover { color: #000; }

.page-loader { background: #fff; position: fixed; top: 0; bottom: 0; right: 0; left: 0; z-index: 9998; }
.loader { position: absolute; width: 94px; height: 94px; top: 50%; left: 50%; margin: -47px 0 0 -47px; }

.carousel-section { background: url(../images/carousel-bg.png) center center repeat-y;position:relative; }
.carousel-indicators { bottom: -40px ; top: unset; }
.carousel-indicators [data-bs-target] { background-color: #50abb2; }
.carousel-caption {position:absolute;z-index:100;text-align:left;left:30px;width:50%;top:30px;bottom:unset;padding:0 !important;right:unset;}
.trapezium { background: rgba(80,171,178,0.9); clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);overflow:hidden;max-width:100%; padding:25px; }
	.trapezium h3, .trapezium p { color: #fff; }
	.trapezium h3 { margin-top:0; }

.blok .col-xl-4, .blok .col-xl-3 { margin-bottom: 25px; }
.blok .card { border-radius: 0; border: 0; box-shadow: #ccc 0 0 30px; }
.blok .card-img-bottom, .blok .card-img-top { border-radius: 0; background-color: #fff; }
.blok .card .card-body { padding: 20px 30px 20px 30px; }
	.blok .card .card-body h5.card-title { font-size: 26px; line-height: 1.8; margin-top: 8px; font-weight: 700; color: #000; }
		.blok .card .card-body .card-title i { transition: ease-in-out all 0.3s; }
		.blok .card .card-body .card-title a:hover { border-bottom: solid 1px #000; }
			.blok .card .card-body .card-title a:hover i { margin-left: 8px; }
	.blok .card .card-body p { font-weight: 300; }
		.blok .card .card-body p.functie a, .blok .card .card-body p.functie .fa-light { color: #0c7a9f; }
.blok .card .card-footer { border-top: none; background-color: transparent; }
	.blok .card .card-footer .fa-light, .blok .card .card-footer a { color: #0c7a9f; }
.card-col .card .card-meer { font-size: 10px; text-transform: uppercase; }
	.card-col .card .card-meer:after { font-family: "Font Awesome 6 Pro"; content: "\f178"; color: #3e3e3e; margin-left: 6px; margin-right: 18px; transition: ease-in-out all 0.3s; }
	.card-col .card .card-meer:hover, .card-col .card .card-body .card-title a:hover { color: #000; }
		.card-col .card .card-meer:hover:after { margin-left: 18px; margin-right: 6px; }

.menublok {margin:50px 0 25px 0;}
.menublok .card {box-shadow:none;}
	.menublok .col-xl-4:nth-child(5n+1) .card { background-color: #30a16c; }
	.menublok .col-xl-4:nth-child(5n+2) .card { background-color: #50abb2 }
	.menublok .col-xl-4:nth-child(5n+3) .card { background-color: #e16437; }
	.menublok .col-xl-4:nth-child(5n+4) .card { background-color: #f6afa5; }
	.menublok .col-xl-4:nth-child(5n) .card { background-color: #f9bb5b; }
	.menublok .col-xl-4 a { border-bottom: none !important; }
		.menublok .col-xl-4 a .card { transition:ease-in-out all 0.3s; }
		.menublok .col-xl-4 a .card h2 { color: #fff; border-bottom: none; margin:0; }
		.menublok .col-xl-4 a:hover .card { box-shadow: #777 0 0 20px; }
		.menublok .col-xl-4 a:hover .card h2 { color: #fff; border-bottom: none !important; }

.homeblok { padding-bottom: 30px; }
	.homeblok.blok .card { border-radius:20px; }
.homeblok.blok .card .fa-regular {color:#94c990;font-size:60px;}
	.homeblok.blok .card .card-body h5.card-title {color:#43a377;}

.pagecontent { padding: 100px 0 100px 0; }

.galerijcontainer {margin-bottom:60px;}
.product-galery { display: grid; grid-template-columns: repeat(6, 1fr); gap: 40px; margin-bottom: 40px; }
.product-galery-item:nth-child(8n+1) { grid-column: span 4; grid-row: span 2; }
.product-galery-item:nth-child(8n+2) { grid-column: span 2; }
.product-galery-item:nth-child(8n+3) { grid-column: span 2; }
.product-galery-item:nth-child(8n+4) { grid-column: span 3; }
.product-galery-item:nth-child(8n+5) { grid-column: span 3; }
.product-galery-item:nth-child(8n+6) { grid-column: span 2; }
.product-galery-item:nth-child(8n+7) { grid-column: span 4; grid-row: span 2; }
.product-galery-item:nth-child(8n+8) { grid-column: span 2; }
.product-galery img {width:100%;height:100%;object-fit:cover;}
.product-galery .thumbs {margin-bottom:0 !important;}

.product-galery-item { overflow: hidden; position: relative; }
.product-galery-item img { transform-origin: center; transition: transform 1.5s ease; transform: scale(1); }
.product-galery-item:hover img { transform: scale(1.1); }

@keyframes zoomIn {
	from { transform: scale(1); }
	to { transform: scale(1.1); /* back to normal size */ }
}

.productblok { padding: 40px 0 15px 0; }
.productblok .card { background-color: #fff; position: relative; }
	.productblok .card .img-banner { position: absolute; }
	.productblok .card h5 { font-size: 16px; }
	.productblok .card p { color: #000; font-size: 14px; }
	.productblok .card .prijs { color: #ed1c24; font-size: 22px; }
	.productblok .card .verkocht { color: #ddd; font-size: 22px; letter-spacing: 2px; }

.subblok { padding: 40px 0 15px 0; }
.subblok .card { background-color: #fff; }
	.subblok .card h5.card-title {  margin-bottom: 0; }
		.subblok .card h5.card-title a:hover { border-color: #5f9a42 !important; color: #5f9a42; }

.accordion { }
	.accordion .accordion-button { font-size: 30px; font-weight: 400; color: #4b4b4d; }
.accordion-button:focus { box-shadow: none; }
.accordion-button:not(.collapsed) { color: #000; background-color: #fff; font-weight: 700; }
h2.accordion-header { margin-top: 0; }

.breadcrumbcontainer { background-color: #f6afa5; padding-left: 30px; }
.breadcrumb, .back-link { font-size: 18px; line-height: 1.8; border-bottom: 0; padding-left: 0; border-radius: 0; text-transform: lowercase; background-color: transparent; padding: 15px 0; margin: 0; }
	.breadcrumb a, .back-link a { color: #fff; }
		.breadcrumb a:hover, .back-link a:hover { color: #50abb2; }
.breadcrumb-item + .breadcrumb-item::before { color: #fff; content: ">"; }
.breadcrumbcontainer h2 { color: #fff; font-weight: 700; padding-bottom: 25px; margin: 0; text-align: center; font-size: 36px; }

.content { }
	.content p, .content ul { font-size: 18px; }
		.content p strong, .content p b { color: #000; }
	.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: #43a377; font-weight: 700; }
	.content .fa-li { color: #43a377; }
	.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: #43a377; }
	.content h1 { margin-top: 0; }
	.content a { color: #43a377; border-bottom: solid 1px #43a377; }
		.content a:hover { color: #000; border-bottom: solid 1px #000; }
	.content .kenmerken {color:#43a377;font-weight:700;}

.img-left, .img-right { margin-bottom: 25px; }
.img-below, .img-above { margin: 30px 0; }
.img-galery { background-color: #fff; padding: 60px 0; }
.content a.lightbox { border-bottom: 0; }
.thumbs { width: 100%; float: left; overflow: hidden; position: relative; margin-bottom: 25px; text-align: center; text-transform: uppercase; font-size: 14px; font-weight: 700; background-color: #fff; border-radius: 0px; transition: transform .3s cubic-bezier(.34,2,.6,1),box-shadow .2s ease; transform: translateY(0px); }
	.thumbs span.title { color: #fff; }
	.thumbs a { background-color: rgba(255,255,255,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; }

.btn { display: inline-block; background-color: #50abb2; color: #fff; font-size: 16px; font-weight: 700; padding: 7px 14px; border-radius: 60px; text-align: center; border: solid 2px #50abb2;  }
	.btn:hover { background-color: transparent; color: #50abb2; border: solid 2px #50abb2; }
.btn-geel { background-color: #f9bb5b; border-color: #f9bb5b; }
	.btn-geel:hover { color: #f9bb5b; border-color: #f9bb5b; }
.btn-oranje { background-color: #e16437; border-color: #e16437; }
	.btn-oranje:hover { color:#e16437; border-color: #e16437; }
.btn-white { color: #fff; border-color: #fff; }
	.btn-white:hover { background-color: #fff; color: #262425; }
.btn-green { color: #fff; border-color: #43a377; background-color: #43a377; }
	.btn-green:hover, .btn-green.actief { background-color: #fff; color: #43a377; border:solid 2px #43a377; }

.btn-submenu { display: block; background-color: #5f9a42; color: #fff; font-size: 16px; font-weight: 700; padding: 7px 14px; border-radius: 4px; margin-bottom: 15px; }
	.btn-submenu:hover { display: block; background-color: rgba(95,154,66,0.8); color: #fff; }
.btn-primary { background-color: #5f9a42; border-color: #5f9a42; }
	.btn-primary:focus { background-color: rgba(95,154,66,0.8); border-color: #5f9a42; box-shadow: 0 0 0 .25rem rgba(95,154,66,.5); }
	.btn-primary:hover { background-color: rgba(95,154,66,0.8); border-color: #5f9a42; }
	.btn-primary:active { background-color: rgba(95,154,66,0.8); border-color: #5f9a42; }
.input-group-text { color: #f6b719; }
.list-group-item.active { background-color: rgba(95,154,66,0.8); border-color: #5f9a42; }

.widget-content { background-color: #dbeef0; padding: 0; list-style: none; margin: 0 !important; float: left; width: 100%; }
	.widget-content li { border-bottom: solid 4px #fff; float: left; width: 100%; padding-left: 0 !important; }
		.widget-content li:before { content: none !important; }
		.widget-content li.widget-month-separator { background-color: #fff; font-weight: 700; }
	.widget-content .widget-item { margin: 20px; }
	.widget-content .widget-calendar { width: 60px; float: left; text-align: center; }
		.widget-content .widget-calendar.widget-calendar-end { padding-left: 28px; width: 88px; background: url('/images/calendar-end.png') 0 0 no-repeat; }
		.widget-content .widget-calendar .widget-day { background-color: #706f6f; color: #fff; font-size: 38px; line-height: 38px; border-radius: 4px 4px 0 0; padding-bottom: 6px; border-bottom: solid 1px #fff; font-weight: 700; }
			.widget-content .widget-calendar .widget-day div { color: #fff; font-size: 14px; line-height: 14px; padding-top: 2px; font-weight: 400; }
		.widget-content .widget-calendar .widget-month { font-size: 14px; line-height: 14px; border-radius: 0 0 4px 4px; padding-bottom: 4px; padding-top: 6px; margin-bottom: 20px; }
	.widget-content .widget-text { float: left; margin-left: 20px; width: calc(100% - 80px); }
		.widget-content .widget-text.widget-text-end { width: calc(100% - 170px); }
		.widget-content .widget-text b.red { color: #e16437; }
		.widget-content .widget-text a { color: #000 !important; border-color: #000 !important; }
		.widget-content .widget-text b.red a { color: #AA0000 !important; border-color: #AA0000 !important; }
		.widget-content .widget-text h5 { font-size: 16px; line-height: 1; margin: 0 0 10px 0; padding: 0; color: #0c7a9f; }
		.widget-content .widget-text p { font-size: 16px; line-height: 1; }
			.widget-content .widget-text p b { font-weight: 700; }
			.widget-content .widget-text p span { }
	.widget-content .widget-calendar .widget-month { background-color: #50abb2; color: #fff; }

.embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; }
	.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }
.embed-responsive-16by9 { padding-bottom: 56.25%; }
.embed-responsive-4by3 { padding-bottom: 75%; }

.contactadres { background-color: #e16437; padding:8px 0; }
	.contactadres .fa-li { color: #fff; }
	.contactadres ul { font-size: 16px; margin-bottom: 0; }
	.contactadres a { color: #fff; }
	.contactadres a:hover { color: #fff;border-bottom:solid 1px #fff; }
.contact-img {border-radius:0 0 0 120px;}

label { font-weight: 400; font-size: 14px; }
	label.form-check-label { font-weight: 400; }
		label.form-check-label a { color: #000; border-bottom: solid 1px #000; }
			label.form-check-label a:hover { color: #43a377; border-bottom: solid 1px #43a377; }
.form-control, .form-select { /*font-size:18px;line-height:1;*/ }
	.form-control:focus, .form-check-input:focus, .form-select:focus { color: #939598; background-color: #fff; border-color: #231f20; outline: 0; box-shadow: none; }
textarea.form-control { min-height: 150px !important; }
.form-check { margin-bottom: 0; }
.form-check-input {margin-top:.6em;}
.form-check-input:checked { background-color: #939598; 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 #e16437; background-color: #fff; line-height: 1; border-radius: 0; }
.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 { background-color: #4da7ae; color: #fff; padding-top: 60px; padding-bottom: 60px; }
	footer h3 {font-size:26px;color:#f9bb5b;margin-bottom:7px;}
	footer a { color: #fff; }
		footer a:hover { color: #fede5b; }
	footer p { color: #fff; }
	footer .social { margin: 8px 0 18px 0; }
		footer .social a { background-color: #f9bb5b; 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: 6px; }
			footer .social a:hover { background-color: #fede5b; }
	footer .koba {float:right;}
	footer a.km {color:silver;}
	footer p.small {margin-top:30px;}

a.toplink { cursor: pointer; position: fixed; right: 35px; bottom: 15px; display: none; color: #43a377; }
	a.toplink:hover {}
.wow { visibility: hidden; }

@media(min-width:1400px) and (max-width:1599px) {
}

@media(min-width:1200px) and (max-width:1399px) {
}

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

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

@media (max-width:1199px) {
	.submenu { margin-bottom: 25px; padding-bottom: 25px; }
		.submenu a { display: inline-block; background-color: #f6afa5; padding: 4px 8px; border-radius: 4px; margin: 0 4px 4px 0; color:#fff; }
			.submenu a.actief { background-color: #e16437; }
}

@media(min-width:992px) and (max-width:1199px) {
}

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

@media(min-width:768px) and (max-width:991px) {
	.carousel-caption { left: 10px; width: 80%; top: 10px; }
}


@media(max-width:767px) {
	.breadcrumbcontainer {padding-left:8px;}
	.blok .col-xl-4, .blok .col-xl-3 { margin-bottom: 12px; }
	.blok .card .card-body { padding: 10px 15px 10px 15px; }
		.blok .card .card-body .card-title { font-size: 20px; }
			.blok .card .card-body .card-title a { border-bottom: solid 1px #000; }
				.blok .card .card-body .card-title a:hover i { margin-left: 0; }

	.cta div {font-size: 22px;}

	.product-galery {display:block;}
	.product-galery-item {margin-bottom:15px;}
	/*.product-galery { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(auto-fill, 1fr); gap: 10px; margin-bottom: 10px; }
	.product-galery-item:nth-child(6n+1) { grid-area: 1 / 1 / 2 / 2; }
	.product-galery-item:nth-child(6n+2) { grid-area: 1 / 2 / 2 / 3; }
	.product-galery-item:nth-child(6n+3) { grid-area: 2 / 1 / 3 / 2; }
	.product-galery-item:nth-child(6n+4) { grid-area: 2 / 2 / 3 / 3; }
	.product-galery-item:nth-child(6n+5) { grid-area: 3 / 1 / 4 / 2; }
	.product-galery-item:nth-child(6n+6) { grid-area: 3 / 2 / 4 / 3; }*/

/*	.categorieblok {padding:15px 0;}
	.categorieblok .card-img-top {display:none;}
	.categorieblok .card h5.card-title { text-align:left; }
	.categorieblok .card p { text-align: left; }
	.categorieblok .card h5.card-title::after { content:'\f178'; font-family: 'Font Awesome 6 Pro'; color:#5f9a42;margin-left:6px; }
	.categorieblok .card::before { display:none; }
	.categorieblok .card:hover::before { display:none; }*/

	h1 { margin-bottom: 20px; font-size: 26px; }
	h2 { margin-bottom: 20px; font-size: 22px; margin-top: 10px; }
	h3 { font-size: 20px; margin: 20px 0 10px 0; }
	.content p, .content ul, .content ol { font-size: 16px; }
	.accordion .accordion-button {font-size:18px;}

	.homeblok { padding-bottom: 40px; }
	.pagecontent { padding: 40px 0; }

	footer span {display:block;font-size:0;line-height:0;}
	footer p.small {text-align:center;}
}

@media(max-width:576px) {
}
