@charset "UTF-8";
/* CSS Document */

body {font-family: "Ubuntu", sans-serif;  font-weight: 400;  font-style: normal;}

.groen {color:#1e7800;}
.groen2 {color:#4b9333;}
.bg-groen {background-color:#1e7800;}
.bg-lgroen {background-color:#4b9333;}
.bg-lgroen2 {background-color:#e8f0e4;}
.bg-lblauw {background-color:#96c8dc;}

a:hover {opacity: 0.8;}

.pijl {margin-top:-3px;background-image: url(../images/pijl.png);background-position:left top;background-repeat:no-repeat; display:inline-block;width: 100px; padding-left:25px;height: auto;color:#1f5a40;transition: all .3s;}
.pijl:hover {background-image: url(../images/pijl-hover.png);}

.blokken {margin-top:-100px; margin-bottom:100px;}

a.blok {transition: all .3s;font-size:19px;background-color:#1f5a40;display:inline-block;padding:15px;margin:15px; width: 205px; border:1px solid #edf1ef;text-decoration:none;color:#fff; text-align:center;}
a.blok:hover {background-color:#b8cac1;opacity:1;}
a.blok img {height:80px;}

.knop {font-size:30px;background-color:#f0c800;display:inline-block;padding:5px 15px;color:#fff;border:2px solid #fff;}
.knop2 {font-size:30px;display:inline-block;padding:5px 15px;color:#fff;border:2px solid #fff;}


.navbar-brand img {width:280px;}

.headerafb {height:700px;}

.footerafb {margin-bottom:50px; max-width:300px;width: 200px;margin-top:-100px}


 .testimonial-img {width: 100px;height: 100px;object-fit: cover;border-radius: 50%;margin: 0 auto 1rem;}
.carousel-control-prev-icon,
.carousel-control-next-icon {background-image: none;width: 2rem;height: 2rem;}
.carousel-control-prev::before, .carousel-control-next::before {content: '';}
.carousel-control-prev, .carousel-control-next {width: 5%;color: #b8cac1; }
.carousel-control-prev-icon::after, .carousel-control-next-icon::after {font-size: 2rem; color: #b8cac1;}
.carousel-control-prev-icon {display: inline-block;width: auto;}
.carousel-control-prev-icon::after {content: '‹';}
.carousel-control-next-icon {display: inline-block;width: auto;}
.carousel-control-next-icon::after {content: '›';}
.carousel-indicators {position: static;margin-top: 2rem;}
.carousel-indicators [data-bs-target] {width: 15px;height: 15px;border-radius: 50%;background-color: #b8cac1;opacity: 1;}
.carousel-indicators .active {background-color: #1f5a40;}
.testimonial-content {max-width: 80%;margin: 0 auto;}

.news-img {width: 80px;height: 80px;object-fit: cover;border:1px solid #1f5a40;}
.news-img:hover {opacity: 0.8;}
.news-item {padding: 1rem 0;border-bottom: 1px solid #ddd;}
.news-title {font-size: 1.1rem;font-weight: 600;margin-bottom: 0.2rem;}
.news-title:hover {opacity: 0.8;}
.news-date {font-size: 0.9rem;color: #fff;}

.border-footer1 {border-right: 1px solid #fff;}
.border-footer2 {border-left: 1px solid #fff;}

@media (max-width: 1200px) {
.footerafb {margin-top:40px;}

}
@media (max-width: 992px) {
	.border-footer1 {border-right:0px;}
	.border-footer2 {border-left:0px;border-bottom:1px solid #fff;}
}
@media (max-width: 767px) {
	.border-footer1 {border-bottom:1px solid #fff;}	
	
	.blokken {margin-top:30px; margin-bottom:100px;}

	a.blok {width: 45%;font-size:15px;margin:2%; }
	a.blok img {height:50px;}

	.navbar-brand img {width:200px;}
	.headerafb {height:300px;}



}