/* poppins-300 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('../css/fonts/poppins-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../css/fonts/poppins-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../css/fonts/poppins-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../css/fonts/poppins-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../css/fonts/poppins-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../css/fonts/poppins-v15-latin-300.svg#Poppins') format('svg'); /* Legacy iOS */
}

/* poppins-regular - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../css/fonts/poppins-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../css/fonts/poppins-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../css/fonts/poppins-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../css/fonts/poppins-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../css/fonts/poppins-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../css/fonts/poppins-v15-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
}

/* poppins-500 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('../css/fonts/poppins-v15-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../css/fonts/poppins-v15-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../css/fonts/poppins-v15-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../css/fonts/poppins-v15-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../css/fonts/poppins-v15-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../css/fonts/poppins-v15-latin-500.svg#Poppins') format('svg'); /* Legacy iOS */
}

/* poppins-600 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('../css/fonts/poppins-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../css/fonts/poppins-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../css/fonts/poppins-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../css/fonts/poppins-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../css/fonts/poppins-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../css/fonts/poppins-v15-latin-600.svg#Poppins') format('svg'); /* Legacy iOS */
}

/* poppins-700 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('../css/fonts/poppins-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../css/fonts/poppins-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../css/fonts/poppins-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../css/fonts/poppins-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../css/fonts/poppins-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../css/fonts/poppins-v15-latin-700.svg#Poppins') format('svg'); /* Legacy iOS */
}



html {overflow-x: hidden; max-width: 100%;}
body {font-family: 'Poppins'; margin: 0px; padding: 0px; background-color: #fff;}
body a, html a {text-decoration: none; color: #666;}
body p,body ul {line-height: 32px; margin-bottom: 24px; margin-top: 8px; color: #666;}
strong {font-weight: 600; color: #636a38;}
/*h1, h2, h3, h4, h5, h6 {font-family: 'Poppins';}*/
section {padding: 100px 0px;}
.container {width: 90%; max-width: 1440px; margin: 0 auto;}
.container-small{width: 90%; max-width: 800px; margin: 0 auto;}
.flex-row {display: flex; flex-wrap: wrap; }
.txt-wrapper{max-width:1080px;margin:0 auto;}
.txt-wrapper ul{list-style:decimal;color:#666;}
.txt-wrapper li{padding-top:10px;}
/* Header */
/* .menu-toggle,.main-navigation.toggled ul {display: block;} */
/* @media screen and (min-width: 37.5em) {
  .menu-toggle {  display: none;  }
  
  .main-navigation ul.sub-menu {display: block;}
} */
.main-navigation ul:not(.sub-menu) {display: flex; }
.attention-banner{ width: 100%; }
/* .site-header {padding: 0px 0px 0px 24px; width: 100%; margin: 0 auto;} */
.site-header{background-color:#f4ecdc;}
.site-header .container { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.site-header .main-navigation, .site-header .site-contact_button{
  margin-top: 10px;
  margin-bottom: 10px;
}
.main-navigation ul {margin-left: 0px; padding-left: 0px; margin-bottom: 0px;}
.main-navigation ul, .main-navigation ul li {list-style: none !important;}
.main-navigation ul li {margin: 0px 32px;}
.main-navigation ul li a{position: relative; display: block; font-weight: 500;  font-size: 15px; color: #000;}
.main-navigation ul li a::after{content:"";position:absolute;z-index:-1;left:0;right:100%;bottom:-4px;background:#000;height:2px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.main-navigation ul li a:hover:after {right: 0;}


a.custom-logo-link {padding: 8px 0px;  display: block;}
/* .custom-logo, .custom-logo-link img, .custom-logo-link source {min-width: 325px;} */
.site-contact_button a {background-color: #dca43e; color: #fff; border-radius: 50px; padding: 16px 32px; font-size: 14px; line-height: 14px; display: inline-block;}
.site-contact_information a {margin: 0 32px; font-weight: 300; font-size: 24px;}
.site-contact_information {display: flex; flex-direction: column; justify-content: space-between; height: 60px; align-items: flex-end;}

.top-header {background-color: #ded5c6; padding: 8px 0px;}
.top-links-wrapper {float: right; display: flex; align-items: center; justify-content: space-between; width: 400px;}
.top-links-wrapper a, .top-links-wrapper span {font-size: 14px; font-weight: 400;}
.top-links-wrapper span  {color: #60A9A2;}

/* Homepage */
.homepage-banner .container {position: relative; padding: 40px 0px 0px 0px;}
.scroll-down{ position: absolute; left: 0px; bottom: 40px; }
.scroll-down i {font-size: 16px; color: #fff;}
.homepage-banner .flex-row {align-items: flex-end;}
/* .banner-content, .banner-image {flex: 0 0 50%; max-width: 50%; padding: 40px 0px; position: relative;} */
.page-banner {border-top: 2px solid #636a38;}
.page-banner, .page-banner .container {position: relative;}
/* .page-banner .banner-content {z-index: 3; position: absolute; left: 0%; right: 0%; top: 50%;transform: translateY(-50%); max-width: 1440px; width: 95%; margin: 0 auto; padding: 0px;} */
.page-banner .banner-content {
  z-index: 3; 
  position: absolute; 
  left: 0; 
  right: 0; 
  top: 0;
  bottom: 0; 
  max-width: 1440px; 
  width: 90%; 
  margin: 0 auto; 
  padding: 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.page-banner .banner-content span {margin-top: 0px !important; color: #fff;font-weight: 600;font-size: 60px;margin-bottom: 24px;}
.page-banner .banner-content span .span-color{color:#dca43e;}
.page-banner .banner-content p {color: #fff;}
.page-banner img {min-height: 300px; max-height: 600px;object-fit: cover;width: 100%; position: relative; z-index: 2;}

.banner-content h1 {color: #000; font-weight: 500; font-size: 60px; margin-bottom: 24px; margin-top: 0px;}
.banner-content h1 span {color: #636a38;}
.banner-content p {margin-bottom: 52px; max-width: 600px; line-height: 32px;}
.banner-content a {background-color: #f26a44; color: #fff; border-radius: 50px; padding: 16px 32px; font-size: 14px; line-height: 14px; display: inline-block; margin: 0 16px 0px 0px;}
.banner-content a i {margin-left: 6px; }
.banner-content a.second-button{background-color: #495045; }
.second-ban {margin-top: -65px; display: inline-block;vertical-align: middle;}
.icon-wrapper {display: flex; align-items: center; margin: 0px 0px 96px 32px; float: right;}
.icon-wrapper i {margin-right: 16px; border: 1px solid #f26a44; border-radius: 50%; font-size: 10px; display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; }
.button-wrapper {display: flex; margin-top: 32px;}


/* Header responsive */
@media screen and (max-width: 500px){
  .top-links-wrapper{
    width: 100%;
    flex-direction: row;
  }
  .top-links-wrapper span{
    display: none;
  }
  .main-navigation ul:not(.sub-menu) {
    flex-direction: column;
  }
  .main-navigation ul:not(.sub-menu) li{
    margin: 0px 0px 5px 0px;
  }
}
/* Banner responsive */
@media screen and (max-width:950px){
  .page-banner .banner-content h1 {
    font-size: 40px;
    line-height: 45px;
    margin-bottom: 10px;
  }
  .page-banner .banner-content p {
    font-size: 14px;
    line-height: 19px;
  }
}

@media screen and (max-width:550px){
  .page-banner .banner-content span {
    font-size: 7vw;
    line-height: 8vw;
    margin-bottom: 2vw;
  }
  .page-banner .banner-content p {
    font-size: 3vw;
    line-height: 4vw;
  }
  .site-contact_button{
    display:none;
  }
}

/* ===========================
   RECAP SECTION
   =========================== */

.recap-section {
    padding: 4rem 0;
}

/* Wrapper centreren binnen de pagina */
.recap-text-wrapper1 {
    max-width: 1100px;      /* hou het wat compacter dan de container */
    margin: 0 auto;
    text-align: center;
}

.recap-text-wrapper1 h1 {
    margin-top: 0 !important;
    font-weight: 600;
    font-size: 2.5rem;
    margin-bottom: 24px;
}

.recap-text-wrapper1 .recap-intro {
    max-width: 800px;
    margin: 0 auto 2rem;
    text-align: center;
    font-size: 0.98rem;
    line-height: 1.6;
}

/* GRID – 3 kolommen op alles boven 600px */
.recap-text-wrapper1 .recap-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 3rem;              /* grotere ruimte tussen items */
    margin-top: 40px;
    justify-items: center;  /* center inhoud in de kolommen */
}

/* Mobiel: 1 kolom onder 600px */
@media (max-width: 600px) {
    .recap-text-wrapper1 .recap-grid {
        grid-template-columns: 1fr;
        gap: 2.5rem;        /* iets kleiner op mobiel */
    }
}

.recap-text-wrapper1 .recap-item {
    text-align: center;
}

/* IMAGE WRAPPER */
.recap-text-wrapper1 .recap-item__image {
    margin-bottom: 1rem;
}

/* AFBEELDINGEN – 300px breed, gecentreerd */
.recap-text-wrapper1 .recap-item__image img {
    width: 300px;
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    border-radius: 50%; /* rond; weghalen als je vierkant wilt */
}

/* TITEL */
.recap-text-wrapper1 .recap-item__title {
    font-weight: 600;
    margin: 24px 0 8px;
}

/* TEKST */
.recap-text-wrapper1 .recap-item__text {
    font-size: 0.95rem;
    line-height: 1.6;
}