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

.grijs {color:#4d4d4d;}
.lgrijs {color:#999999;}
.oranje {color:#ee7925;}
.loranje {color:#feeee1;}
.bg-oranje {background-color:#ee7925;}
.bg-loranje {background-color:#feeee1;}
.bg-blauw {background-color:#19337a;}
.bg-lblauw {background-color:#d9d9eb;}
.blauw {color:#19337a;}


.navbar-brand img {width: 120px;}
.nav-link {color:#4d4d4d;font-size:20px; text-transform:uppercase;font-weight:500;margin-right:20px;}

.btn-oranje {background-color:#ee7925;border-radius:25px;color:#fff;padding:10px 30px;}
.btn-oranje:hover {background-color:#19337a;color:#fff;}
.btn-blauw {background-color:#19337a;border-radius:25px;color:#fff;padding:10px 30px;}
.btn-blauw:hover {background-color:#4d4d4d;color:#fff;}

.btn-outline-grijs {border:2px solid #999999;border-radius:25px;color:#4d4d4d;padding:10px 20px;}
.btn-outline-grijs:hover {border:2px solid #ee7925;color:#4d4d4d;}
.btn-outline-oranje {border:2px solid #ee7925;border-radius:25px;color:#ee7925;padding:10px 20px;}
.btn-outline-oranje:hover {border:2px solid #19337a;color:#4d4d4d;}
.btn-outline-blauw {border:2px solid #19337a;border-radius:25px;color:#19337a;padding:10px 20px;}
.btn-outline-blauw:hover {border:2px solid #19337a;color:#4d4d4d;}
.btn-outline-wit {border:2px solid #fff;border-radius:25px;color:#fff;padding:10px 20px;}
.btn-outline-wit:hover {border:2px solid #19337a;color:#fff;}

.dropdown-menu {min-width: 5rem;background-color:#fff}
	
.header-afb {position: relative; background-position:center; background-size:cover; height: 800px; width: 100%;}
#headerCarousel .carousel-item img {  height: 800px;object-fit: cover;}

h1 {font-size:50px;line-height: 50px;color:#19337a}
h2 {font-size:30px;line-height: 40px;color:#19337a}
h3 {font-size:20px;color:#19337a}

.bovenruimte {padding-top:750px;}

.scroll-in-left {
  opacity: 0;
  transform: translateX(-50px);
  transition: all 0.6s ease-out;
}

.scroll-in-right {
  opacity: 0;
  transform: translateX(50px);
  transition: all 0.6s ease-out;
}

.scroll-in-up {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.6s ease-out;
}

.scroll-in-left.visible,
.scroll-in-right.visible,
.scroll-in-up.visible {
  opacity: 1;
  transform: translate(0, 0);
}

.afb-link {
  overflow: hidden;
  border-radius: 20px;
  width: 100%;
  height: 200px;
  position: relative;
}

.afb-link-groot {
  overflow: hidden;
  border-radius: 20px;
  width: 100%;
  height: 300px;
  position: relative;
}
.afb-zoom {
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100%;
  transition: transform 0.5s ease;
}

.afb-link:hover .afb-zoom {
  transform: scale(1.1);
}
.afb-link-groot:hover .afb-zoom {
  transform: scale(1.1);
}
/* Voor de grotere bovenste afbeelding */
.col-md-6 .afb-link {
  height: 400px;
}

@media (max-width: 1600px) {
#headerCarousel .carousel-item img {  height: 600px; }
	.bovenruimte {padding-top:550px;}
}
@media (max-width: 1200px) {
#headerCarousel .carousel-item img {height: 400px; }
	.bovenruimte {padding-top:350px;}

	h1 {font-size:30px;line-height: 30px;}
	h2 {font-size:20px;line-height: 30px;}
	h3 {font-size:16px;}
}

@media (max-width: 1200px) {
	.navbar-collapse {
    position: absolute;
    top: 100%;
    right: 0;
    background-color: white;
    width: auto; /* Pas aan indien gewenst */
    z-index: 9999;
    padding: 1rem;
	box-shadow: -3px 3px 10px #ccc;
    border-radius: 20px;
	margin-top: -55px;
  }

  .navbar-nav {
    flex-direction: column;
    align-items: flex-end; /* Rechts uitlijnen */
  }
	.dropdown-menu {
    right: 0;
    left: auto;
    text-align: right;
  }
}
@media (max-width: 767px) {}