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

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

.groen {color:#1f5a40;}
.groen2 {color:#b8cac1;}
.bg-groen {background-color:#1f5a40;}
.bg-lgroen {background-color:#edf1ef;}
.bg-lgroen2 {background-color:#b8cac1;}
.bg-lgroen3 {background-color:#8faca0;}
.bg-lgroen4 {background-color:#a6bcb1;}
.bg-lgroen5 {background-color:#c1d0c8;}

a {color:#1f5a40; text-decoration:none; }

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

.blok {background-image: url(../images/bg-cirkel.png);
	background-size:cover;
	border-radius: 50%;
  display: flex; /* Flexbox activeren */
  flex-direction: column; /* Elementen onder elkaar */
  align-items: center; /* Horizontaal centreren */
  justify-content: center; /* Verticaal centreren */
  margin: 0px auto;
  width: 100px;
  height: 100px;
  color: #fff;
  text-align: center;}

a.blok {transition: all .3s;
  font-size: 19px;
  line-height: 23px;
background-image: url(../images/bg-cirkel.png);
	background-size:cover;
	border-radius: 50%;
  display: flex; /* Flexbox activeren */
  flex-direction: column; /* Elementen onder elkaar */
  align-items: center; /* Horizontaal centreren */
  justify-content: center; /* Verticaal centreren */
  margin: 20px;
  width: 205px;
  height: 205px;
  text-decoration: none;
  color: #fff;
  text-align: center;}
a.blok:hover {transform: scale(1.1);opacity:1;}
a.blok img {height:70px;margin-bottom: 10px;}

   .mooijman-button {
      background-color: #0F5F46; /* donkergroen */
      color: white;
      border: none;
      padding: 14px 32px;
      border-radius: 30px;
      cursor: pointer;
      transition: background-color 0.3s ease;
	  text-decoration: none;
	  display:inline-block;

    }
   .mooijman-button-outline {
      color: #0F5F46;
      border: 1px solid #0F5F46;
      padding: 14px 32px;
      border-radius: 30px;
      cursor: pointer;
      transition: background-color 0.3s ease;
	  text-decoration: none;
	  display:inline-block;
	   width: 150px;
    }
.mooijman-button-outline-licht {
      color: #b8cac1;
      border: 1px solid #b8cac1;
      padding: 14px 32px;
      border-radius: 30px;
      cursor: pointer;
      transition: background-color 0.3s ease;
	  text-decoration: none;
	  display:inline-block;
	   width: 150px;
    }

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

.headerafb {height:700px;}

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


a.team {color:#fff;text-decoration: none; text-align:center;}
.teamfoto img {width: 250px;height: 250px;opacity:1;transition: all .3s;}
.teamfoto:hover img {opacity:0.5}


@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: 180px;height:180px;font-size:15px;margin:15px auto 0; }
	a.blok img {height:50px;}

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



}