@font-face { font-family: 'Cochin'; font-style: normal; font-weight: 400; src: local(''), url('../fonts/CochinLTStd.woff2') format('woff2'), url('../fonts/CochinLTStd.woff') format('woff'); }

* { margin: 0; }
html, body { margin: 0; height: 100%; width: 100%; }
body { 
	background-color: #dbeede; 
	font-size: 18px; 
	font-family: 'Cochin', sans-serif; 
	color: #000000;
	font: 400 18px/30px 'Cochin', sans-serif;
	font-weight: 400;
}
.header_text { position: absolute; top: 0px; left: 0px; width: 100%; }
.header-title { font-size: clamp(1.0em, 4vw, 2.5em); color: #ffffff; }
.header-title1 { font-size: clamp(0.2em, 1vw, 1.0em); color: #ffffff; }
.button_nl { position: absolute; width: 40px; height: 40px; max-width: 40px; max-height: 40px; top: 10px; right: 10px; z-index: 1; }
.button_fr { position: absolute; width: 40px; height: 40px; max-width: 40px; max-height: 40px; top: 10px; right: 60px; z-index: 1; }
.btn-language-on { color: #000000; background-color: #ffffff; border-color: #ffffff; border-radius: 50% !important; border: 2px solid #ffffff; display: inline-block; padding: 0px; width: 100%; height: 100%; line-height: 35px; }
.btn-language-on:hover { color: #000000; }
.btn-language-off { color: #ffffff; background-color: transparent; border-color: #ffffff; border-radius: 50% !important; border: 2px solid #ffffff; display: inline-block; padding: 0px; width: 100%; height: 100%; line-height: 35px; }
.btn-language-off:hover { color: #000000; background-color: #ffffff; }
.wrapper { min-height: 100%; position: relative; }

input::-webkit-contacts-auto-fill-button, input::-webkit-credentials-auto-fill-button { visibility: hidden; position: absolute; top: -50px; }

.clickable 				{ cursor: pointer; }
.opacity				   { opacity: 0.90; }
.form_obligatory 		{ color: #cd2653; padding-right: 5px; }
.form_notobligatory 	{ color: #ffffff; padding-right: 5px; }
.text-wit				{ color: #ffffff; }
.text-grijs				{ color: #4e5f6c; }
.text-rood				{ color: #ec1f2d; }
.text-groen				{ color: #2a9855; }
.text-blauw				{ color: #00aecd; }
.text-bold				{ font-weight: bold; }
.width_90				{ width: 90%; max-width: 90%; margin: 0 auto; }
.modal-xl				{ width: 90% !important; max-width: 90% !important; }

.bg-groen { background-color: #80b393; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Cochin', sans-serif; font-weight: 400; line-height: 1.2; color: inherit; }
h1, .h1 { font-size: clamp(1.5em, 4vw, 2.25em); color: #000000; }
h2, .h2 { font-size: clamp(1.5em, 4vw, 1.875em); color: #000000; }
h3, .h3 { font-size: clamp(1.5em, 4vw, 1.5em); color: #000000;}
h4, .h4 { font-size: clamp(1.0em, 3vw, 1.125em); color: #000000;}
h5, .h5 { font-size: clamp(1.0em, 3vw, 0.875em); color: #000000;}

.btn { border-radius: 0rem; }
.btn-success { color: #ffffff; background-color: #294935; border-color: #294935; }
.btn-success:hover { color: #ffffff; background-color: #294935; border-color: #294935; }
.btn-success:focus, .btn-como-success.focus { color: #ffffff; background-color: #294935; border-color: #294935; }

.btn-secondary { color: #ffffff; background-color: #4e5f6c; border-color: #4e5f6c; }
.btn-secondary:hover { color: #ffffff; background-color: #4e5f6c; border-color: #4e5f6c; }
.btn-secondary:focus, .btn-como-danger.focus { color: #ffffff; background-color: #4e5f6c; border-color: #4e5f6c; }

.header .header-contact { margin-right: 20px; margin-top: 10px;}
.header .header-contact p { margin: 0px; padding: 0px; line-height: 20px;}
.header .header-contact img { width: 40px; height: 40px; }
.header .header-contact a {  color: #ffffff;}
.header .header-contact a:hover { text-decoration: none; }

.footer {  width: 100%; max-width: 100%; height:auto; background-color: #000000; display: flex; justify-content: space-between; padding-top: 65px; padding-bottom: 65px; margin-top: 50px; }
.footer h3 { font-size: clamp(1.5em, 4vw, 1.5em); color: #ffffff; margin: 0 0 20px; }
.footer ul { display: inline-block; list-style: none; padding: 0px; margin: 0px; }
.footer li { width: 33.33%; float: left; font: 400 24px/40px 'Cochin', sans-serif; padding: 0px; margin: 0px; }
.footer li a { color: #759B9D; }

.footer ul.social { display: inline-flex; }
.footer li.social { margin-right: 16px; }
.footer li.social a { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background-color: #ffffff; border-radius: 50px; }
.footer li.social:last-child { margin: 0px; }

@media only screen and (max-width: 1350px) {
   .footer li { width: 50%;}
}
@media only screen and (max-width: 980px){
   .footer li { width: 100%; }
}

.footer1 { width: 100%; display: flex; align-items: center; justify-content: space-between; padding-top: 17px; padding-bottom: 40px; border-top: 1px solid #003639; background-color: #000000; }
.footer_text a, .footer_text a:hover, .footer_text a:active, .footer_text a:visited, .footer_text{ color: #ffffff; }


.foterbtm p, .foterbtm em{color: #fff; font: 400 15px/20px 'Cochin', sans-serif; }
.foterbtm p a, .foterbtm em a{color: #fff;}
.ftrRt{width: auto;}
.ftrRt ul{display: inline-flex; }
.ftrRt figure{margin: 0 0 27px;}
.ftrRt li{margin-right: 16px;}
.ftrRt li a{display: flex; align-items: center; justify-content: center; background: #818A95; border-radius: 7px; width: 34px; height: 34px; color: #fff; }
.ftrRt li:last-child{margin: 0px;}
.ftrRt li a:hover{background: #00AECD; color: #fff;}
.foterbtm p a:hover, .foterbtm em a:hover, .ftrlft li a:hover{color: #00AECD;}