.elementor-254 .elementor-element.elementor-element-3f22eb6{--display:flex;--min-height:540px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-254 .elementor-element.elementor-element-2902703{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:25px 25px;--row-gap:25px;--column-gap:25px;--padding-top:80px;--padding-bottom:80px;--padding-left:050px;--padding-right:50px;--z-index:3;}.elementor-254 .elementor-element.elementor-element-2902703:not(.elementor-motion-effects-element-type-background), .elementor-254 .elementor-element.elementor-element-2902703 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5A623E0;}.elementor-254 .elementor-element.elementor-element-a0a4229{padding:0px 0px 0px 0px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-254 .elementor-element.elementor-element-a0a4229 .elementor-icon-list-icon i{color:var( --e-global-color-5da576e );transition:color 0.3s;}.elementor-254 .elementor-element.elementor-element-a0a4229 .elementor-icon-list-icon svg{fill:var( --e-global-color-5da576e );transition:fill 0.3s;}.elementor-254 .elementor-element.elementor-element-a0a4229 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-254 .elementor-element.elementor-element-a0a4229 .elementor-icon-list-item > a{font-weight:700;}.elementor-254 .elementor-element.elementor-element-a0a4229 .elementor-icon-list-text{color:var( --e-global-color-5da576e );transition:color 0.3s;}.elementor-254 .elementor-element.elementor-element-63f30e9 .elementor-heading-title{font-size:35px;font-weight:500;color:var( --e-global-color-5da576e );}.elementor-254 .elementor-element.elementor-element-589b74e{--divider-border-style:solid;--divider-color:var( --e-global-color-5da576e );--divider-border-width:1px;}.elementor-254 .elementor-element.elementor-element-589b74e .elementor-divider-separator{width:100%;}.elementor-254 .elementor-element.elementor-element-589b74e .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-254 .elementor-element.elementor-element-6d30cb7 .elementor-icon-list-icon i{color:var( --e-global-color-5da576e );transition:color 0.3s;}.elementor-254 .elementor-element.elementor-element-6d30cb7 .elementor-icon-list-icon svg{fill:var( --e-global-color-5da576e );transition:fill 0.3s;}.elementor-254 .elementor-element.elementor-element-6d30cb7{--e-icon-list-icon-size:14px;--icon-vertical-align:flex-start;--icon-vertical-offset:5px;}.elementor-254 .elementor-element.elementor-element-6d30cb7 .elementor-icon-list-text{color:var( --e-global-color-5da576e );transition:color 0.3s;}.elementor-254 .elementor-element.elementor-element-98a3051{--display:flex;--min-height:540px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--z-index:1;}.elementor-254 .elementor-element.elementor-element-98a3051:not(.elementor-motion-effects-element-type-background), .elementor-254 .elementor-element.elementor-element-98a3051 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-254 .elementor-element.elementor-element-f49a1eb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:2rem;--padding-bottom:2rem;--padding-left:0rem;--padding-right:0rem;}.elementor-254 .elementor-element.elementor-element-f49a1eb:not(.elementor-motion-effects-element-type-background), .elementor-254 .elementor-element.elementor-element-f49a1eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-254 .elementor-element.elementor-element-6f3f92a{--display:flex;}.elementor-254 .elementor-element.elementor-element-23ac6cb{--display:flex;}.elementor-254 .elementor-element.elementor-element-4fd8bab{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:2rem;--padding-bottom:2rem;--padding-left:0rem;--padding-right:0rem;}.elementor-254 .elementor-element.elementor-element-07b293f{text-align:center;}.elementor-254 .elementor-element.elementor-element-3dbcca8{text-align:center;}.elementor-254 .elementor-element.elementor-element-2925bed{--e-image-carousel-slides-to-show:4;}.elementor-254 .elementor-element.elementor-element-2925bed .elementor-swiper-button.elementor-swiper-button-prev, .elementor-254 .elementor-element.elementor-element-2925bed .elementor-swiper-button.elementor-swiper-button-next{font-size:25px;color:var( --e-global-color-accent );}.elementor-254 .elementor-element.elementor-element-2925bed .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-254 .elementor-element.elementor-element-2925bed .elementor-swiper-button.elementor-swiper-button-next svg{fill:var( --e-global-color-accent );}.elementor-254 .elementor-element.elementor-element-2925bed .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:2px;--swiper-pagination-bullet-vertical-gap:2px;width:10px;height:10px;background:#FFCF80;}.elementor-254 .elementor-element.elementor-element-2925bed .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background:var( --e-global-color-accent );opacity:var( --e-global-color-accent );}.elementor-254 .elementor-element.elementor-element-2925bed .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:0px 0px 0px 0px;}@media(min-width:768px){.elementor-254 .elementor-element.elementor-element-3f22eb6{--content-width:1400px;}.elementor-254 .elementor-element.elementor-element-2902703{--width:42%;}.elementor-254 .elementor-element.elementor-element-98a3051{--width:58%;}.elementor-254 .elementor-element.elementor-element-6f3f92a{--width:70%;}.elementor-254 .elementor-element.elementor-element-23ac6cb{--width:30%;}.elementor-254 .elementor-element.elementor-element-4fd8bab{--content-width:1400px;}}@media(max-width:1024px){.elementor-254 .elementor-element.elementor-element-3f22eb6{--min-height:560px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-254 .elementor-element.elementor-element-2902703{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:48px;--padding-bottom:48px;--padding-left:040px;--padding-right:40px;}.elementor-254 .elementor-element.elementor-element-98a3051{--min-height:560px;}}@media(max-width:767px){.elementor-254 .elementor-element.elementor-element-3f22eb6{--min-height:90vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-254 .elementor-element.elementor-element-2902703{--min-height:0px;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-254 .elementor-element.elementor-element-63f30e9{padding:15px 0px 0px 0px;}.elementor-254 .elementor-element.elementor-element-63f30e9 .elementor-heading-title{font-size:30px;}.elementor-254 .elementor-element.elementor-element-98a3051{--width:100%;--min-height:50vh;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-254 .elementor-element.elementor-element-98a3051:not(.elementor-motion-effects-element-type-background), .elementor-254 .elementor-element.elementor-element-98a3051 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-254 .elementor-element.elementor-element-f49a1eb{--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-254 .elementor-element.elementor-element-4fd8bab{--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}}/* Start custom CSS for container, class: .elementor-element-3f22eb6 *//***********************
 * ADS bouw – Project Hero
 * Structuur:
 * .project-hero           (buitenste container)
 *   ├─ .project-hero__panel  (oranje vlak – links op desktop/tablet)
 *   └─ .project-hero__image  (achtergrondfoto – rechts op desktop/tablet)
 ***********************/

/* ===== Basis (voor alle schermen) ===== */
.project-hero,
.project-hero > .e-con-inner {
  overflow: visible;          /* overlap toestaan */
  gap: 0 !important;          /* geen ruimte tussen containers */
}

/* Typo in paneel (gedeeld) */
.project-hero .elementor-heading-title {
  color: #fff;
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.01em;
  max-width: 22ch;
  margin: 0 0 12px 0;         /* compacte marges */
}
.project-hero .elementor-widget-text-editor { color:#fff; line-height:1.55; }
.project-hero .elementor-icon-list-item { color:#fff; margin-bottom:10px; }
.project-hero .elementor-icon-list-icon i,
.project-hero .elementor-icon-list-icon svg { color:#fff; opacity:.95; }

/* Foto – gedeelde settings */
.project-hero .project-hero__image {
  position: relative;
  z-index: 1;
  background-size: cover;
  background-position: center;
  border-radius: 0;
  aspect-ratio: 16 / 9;       /* houdt verhouding stabiel */
}

/* Paneel – gedeelde settings */
.project-hero .project-hero__panel {
  position: relative;
  z-index: 10;
  border-radius: 0;
  background: rgba(245,166,35,0.92);
  box-shadow: 0 14px 36px rgba(0,0,0,.18);
}

/* ===== Desktop (>= 1025px) ===== */
@media (min-width: 1025px) {
  .project-hero {
    max-width: 1400px;        /* boxed breedte */
    margin: 0 auto;
    padding-top: 80px;        /* ruimte onder header */
    padding-bottom: 40px;
    display: flex;
    flex-direction: row;
  }

  .project-hero .project-hero__image {
    min-height: 540px;
    width: 58%;               /* foto breder dan paneel */
  }

  .project-hero .project-hero__panel {
    width: 42%;
    max-width: 760px;         /* voorkomt te brede panelen */
    margin-top: -64px;        /* overlap boven */
    margin-right: -96px;      /* overlap in de foto */
    padding: 80px 64px 80px 72px;
    align-self: flex-start;   /* niet uitrekken tot onderkant */
  }
}

/* ===== Tablet (768px – 1024px) ===== */
@media (min-width: 768px) and (max-width: 1024px) {
  .project-hero {
    max-width: 1400px;
    margin: 0 auto;
    padding: 40px 0 24px 0;
    min-height: 560px;
    display: flex;
    flex-direction: row;
  }

  .project-hero .project-hero__image {
    width: 56%;
    min-height: 560px;
  }

  .project-hero .project-hero__panel {
    width: 44%;
    padding: 56px 40px;
    margin-top: -28px;        /* lichte lift */
    margin-right: -48px;      /* subtiele overlap */
    align-self: flex-start;   /* geen rek naar onderkant */
    max-width: none;
    box-shadow: 0 14px 32px rgba(0,0,0,.16);
  }
}

/* ===== Mobiel (< 768px) ===== */
@media (max-width: 767px) {
  .project-hero {
    min-height: 90vh;         /* jouw wens: 90vh i.p.v. 100vh */
    display: flex;
    flex-direction: column;   /* eerst foto, dan paneel */
    gap: 0;
    padding: 0;
    max-width: none;
    margin: 0;
  }

  .project-hero .project-hero__image {
    order: 0;
    width: 100%;
    min-height: 0 !important; /* voorkomt 'reusachtige' foto */
    height: auto !important;
  }

  .project-hero .project-hero__panel {
    order: 1;
    margin: 0 !important;     /* geen overlap op mobiel */
    margin-top: -12px;        /* iets dichter tegen de foto */
    padding: 20px 20px 28px 20px;
    flex: 1 1 auto;           /* paneel vult rest tot 90vh */
    box-shadow: 0 10px 24px rgba(0,0,0,.10);
  }

  /* Back-link (indien aanwezig) verbergen op mobiel */
  .back-link { display: none !important; }
}
/* ===== Mobiel (< 768px) – compact & strak ===== */
@media (max-width: 767px) {
  .project-hero {
    min-height: 60vh;          /* compactere sectiehoogte */
    display: flex;
    flex-direction: column;    /* afbeelding boven, tekst onder */
    gap: 0;
    padding: 0;
    margin: 0;
    max-width: none;
  }

  /* Foto bovenaan – 16:9 verhouding */
  .project-hero .project-hero__image {
    order: 0;
    width: 100%;
    aspect-ratio: 16 / 9;
    background-size: cover;
    background-position: center;
    min-height: auto !important;
    height: auto !important;
  }

  /* Oranje paneel */
  .project-hero .project-hero__panel {
    order: 1;
    flex: 1 1 auto;
    margin: 0;
    padding: 16px 18px 20px 18px; /* minimale oranje rand */
    box-shadow: none;            /* rustiger op mobiel */
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* tekst netjes bovenin */
  }

  /* Titel en tekstafstand */
  .project-hero .elementor-heading-title {
    margin-top: 0;
    margin-bottom: 30px;         /* afstand tot locatie/werkzaamheden */
    font-size: clamp(26px, 6vw, 34px);
    line-height: 1.1;
  }

  /* Locatie + werkzaamheden */
  .project-hero .elementor-icon-list-item {
    margin-bottom: 8px;
    font-size: 16px;
  }

  /* Tekst */
  .project-hero .elementor-widget-text-editor {
    font-size: 16px;
    line-height: 1.5;
  }

  /* Back-link verbergen */
  .back-link {
    display: none !important;
  }
}
/* ==== Mobiel override: paneel eerst, daarna vierkante foto ==== */
@media (max-width: 767px) {
  .project-hero{
    min-height: auto;
    display: flex;
    flex-direction: column;  /* volgorde wordt door order bepaald */
    gap: 0;
    padding: 0;
    margin: 0;
  }

  /* Oranje paneel BOVEN */
  .project-hero .project-hero__panel{
    order: 0;                 /* boven */
    margin: 0 !important;
    padding: 18px 18px 22px;
    box-shadow: none;
    flex: 0 0 auto;           /* niet oprekken */
  }

  /* Afbeelding ONDER, vierkant */
  .project-hero .project-hero__image{
    order: 1;                 /* onder */
    width: 100%;
    aspect-ratio: 1 / 1 !important;   /* vierkant */
    min-height: auto !important;
    height: auto !important;
    background-size: cover;
    background-position: center;
  }

  /* wat extra lucht onder de titel */
  .project-hero .elementor-heading-title{
    margin-bottom: 30px;
    line-height: 1.1;
  }
}/* End custom CSS */