body {
	font-family: "lato", sans-serif;
}

.hero-section{
  background-size: cover;
  background-position: center;
  min-height: 520px;
}


.hero-overlay{
  position:absolute;
  inset:0;
	background: radial-gradient(
	ellipse at 50% 45%,
	#448144 0%,
	#1E631E 50%,
	#004B00 85%
	);
}
.hero-section .container{
  position:relative;
  z-index:2;
}

.hero-section h1 {
	color: #DCAF02 !important;
}



.hero-media{
  justify-content: center;
}
@media (min-width: 992px){
  .hero-media{ justify-content: flex-start; }
}

.hero-circle{
  width: clamp(240px, 30vw, 520px);
  aspect-ratio: 1 / 1;
  border-radius: 999px;
  overflow: hidden;
	box-shadow: 0 2px 20px rgba(0,0,0,0.10);
  flex: 0 0 auto;
}

.hero-circle-carousel,
.hero-circle-carousel .carousel-inner,
.hero-circle-carousel .carousel-item{
  width: 100%;
  height: 100%;
}

.hero-circle-photo{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.hero-circle-bg{
  position: absolute;
  inset: 0;
  background: rgba(255,255,255,0.08);
  pointer-events: none;
  z-index: 2;
}

.hero-circle-overlay{
  position: absolute;
  inset: -1%;
  width: 102%;
  height: 102%;
  object-fit: contain;
  pointer-events: none;
  z-index: 3;
}

.hero-circle-placeholder{
  position: absolute;
  inset: 0;
  border: 2px dashed rgba(255,255,255,0.35);
  z-index: 1;
}

.hero-circle-carousel.carousel-fade .carousel-inner,
.hero-circle-carousel.carousel-fade .carousel-item{
  width: 100%;
  height: 100%;
}

.hero-circle-carousel.carousel-fade .carousel-item{
  display: block;
  opacity: 0;
  transition: opacity 700ms ease;
}

.hero-circle-carousel.carousel-fade .carousel-item.active{
  opacity: 1;
}

.hero-circle-carousel.carousel-fade .carousel-item-next,
.hero-circle-carousel.carousel-fade .carousel-item-prev,
.hero-circle-carousel.carousel-fade .carousel-item.active.carousel-item-start,
.hero-circle-carousel.carousel-fade .carousel-item.active.carousel-item-end{
  transform: none;
}

.about-media{
	justify-content: center;
}

.about-circle{
	width: clamp(220px, 23vw, 420px);
	aspect-ratio: 1 / 1;
	border-radius: 999px;
	overflow: hidden;
	box-shadow: 0 16px 40px rgba(0,0,0,0.18);
	flex: 0 0 auto;
}

.about-circle img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.object-fit-cover{
  object-fit: cover;
}

.contact-section{
  background: #06481a;
}

.content-text p:last-child{
  margin-bottom: 0;
}

.logo-marquee{
  overflow:hidden;
  border-radius: 18px;
  background: #fff;
}
.logo-track{
  display:flex;
  gap: 40px;
  align-items:center;
  width: max-content;
  animation: marquee 22s linear infinite;
  padding: 12px 18px;
  will-change: transform;
}
.logo-item img{
  height: 55px;
  width: auto;
  display:block;
  opacity: 0.9;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "rockwell", sans-serif;
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	color:  #004B00 !important;

}
p.hero-sub {
	font-family: "rockwell", sans-serif;
	font-weight: 400;
	font-style: normal;	
	font-size: 1.8rem;
}

.btn {
	padding-left: 1rem;
	padding-right: 1rem;
}
.btn-green {
	background: #06481a;
	color: #fff;
	font-family: "rockwell", sans-serif;
	font-weight: 700;
	font-style: normal;
}
.btn-green:hover, .btn-green:focus {
	background: #269326;
	color: #FFF;
}
.btn-yellow {
	background: #DFAE00;
	color: #fff !important;
	font-family: "rockwell", sans-serif;
	font-weight: 700;
	font-style: normal;
}
.btn-yellow:hover, .btn-yellow:focus {
	background: #D1C319;
	color: #FFF;
}
.navbar-expand-lg .navbar-nav .nav-link {
	font-family: "rockwell", sans-serif;
	font-weight: 700;
	font-style: normal;	
	color: #000;
	font-size: 1.2rem;
}
.navbar-expand-lg .navbar-nav .nav-link:hover {
	color: #06481a;
}
#diensten .card img {

}
#contact h2 {
	color: #DCAF02 !important;	
}

.project-image{
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border-radius: 16px;
}

.project-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.site-footer{
background: #06481a;
border-top: 1px solid rgba(255,255,255,0.12);
padding: 18px 0;
color: rgba(255,255,255,0.9);
}

.site-footer .footer-line{
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
flex-wrap: wrap;
text-align: center;
font-size: 14px;
}

.site-footer a{
color: rgba(255,255,255,0.95);
text-decoration: none;
border-bottom: 1px solid rgba(255,255,255,0.6);
}

.site-footer a:hover{
border-bottom-color: rgba(255,255,255,0.95);
}

.site-footer .dot{
opacity: 0.8;
}

@keyframes marquee{
  0%{ transform: translateX(0); }
  100%{ transform: translateX(-50%); }
}

@media (max-width: 991px){
 	.pb-lg-3ia{
		justify-content: flex-start;
	}
	.about-media{
		justify-content: flex-end;
	}
  .about-circle img{ width: 220px; height: 220px; }
}