/************************************************************
 * EMHD — Hero/slider + tiles + feature-boxes + icon-badges
 ************************************************************/

/* 0) Veilig: niets afknippen */
.fusion-fullwidth,
.fusion-row,
.fusion-columns,
.fusion-column-wrapper{ overflow: visible !important; }

/* ----------------------------------------------------------
   1) HERO/SLIDER (desktop door thema; mobiel forceren zichtbaar)
-----------------------------------------------------------*/
.fusion-fullwidth.hero-top{
  position: relative !important;
  z-index: 10 !important;
  overflow: visible !important;
}
.fusion-fullwidth.hero-top::before,
.fusion-fullwidth.hero-top::after{
  z-index: 1 !important;
  pointer-events: none !important;
}
.fusion-fullwidth.hero-top.fusion-no-small-visibility,
.fusion-fullwidth.hero-top.fusion-no-medium-visibility,
.fusion-fullwidth.hero-top .fusion-no-small-visibility,
.fusion-fullwidth.hero-top .fusion-no-medium-visibility{
  display:block !important; visibility:visible !important;
}
@media (max-width:1024px){
  .fusion-fullwidth.hero-top{
    z-index:20 !important; transform:none !important; margin:0 !important;
    min-height:380px !important; background-position:center !important; background-size:cover !important;
  }
  .fusion-fullwidth.hero-top .fusion-slider-container,
  .fusion-fullwidth.hero-top .fusion-flexslider,
  .fusion-fullwidth.hero-top .fusion-flexslider .slides,
  .fusion-fullwidth.hero-top .fusion-flexslider .slides > li,
  .fusion-fullwidth.hero-top .tfs-slider,
  .fusion-fullwidth.hero-top .rev_slider_wrapper,
  .fusion-fullwidth.hero-top .rev_slider{
    display:block !important; visibility:visible !important; opacity:1 !important;
    height:auto !important; min-height:380px !important; overflow:visible !important;
  }
}
@media (max-width:480px){
  .fusion-fullwidth.hero-top,
  .fusion-fullwidth.hero-top .fusion-slider-container,
  .fusion-fullwidth.hero-top .fusion-flexslider,
  .fusion-fullwidth.hero-top .fusion-flexslider .slides,
  .fusion-fullwidth.hero-top .fusion-flexslider .slides > li,
  .fusion-fullwidth.hero-top .tfs-slider,
  .fusion-fullwidth.hero-top .rev_slider_wrapper,
  .fusion-fullwidth.hero-top .rev_slider{
    min-height:320px !important;
  }
}

/* ----------------------------------------------------------
   2) TILES-sectie (overlap op desktop, uit op mobiel)
-----------------------------------------------------------*/
.fusion-fullwidth.home-2-content{
  position:relative !important;
  z-index:9999 !important;
  transform:translateY(-74px) !important;
  margin-top:-74px !important;
  background:transparent !important;
  padding:0 !important;
}
@media (max-width:1024px){
  .fusion-fullwidth.home-2-content{
    z-index:5 !important; transform:none !important; margin-top:20px !important;
  }
}

/* ----------------------------------------------------------
   3) Feature-box kaarten (look + pijl + hover + icon-badge)
-----------------------------------------------------------*/
.feature-box > .fusion-column-wrapper{
  position:relative;
  display:flex !important; align-items:center !important; gap:20px !important;
  background:#fff !important; border:0 !important; border-radius:14px !important;
  padding:30px 96px 30px 104px !important;  /* links ruimte voor badge */
  min-height:132px !important;
  box-shadow:0 8px 24px rgba(0,0,0,.12) !important;
  transition:transform .25s ease, box-shadow .25s ease !important;
  cursor:pointer;
}
.feature-box:hover > .fusion-column-wrapper,
.feature-box:focus-within > .fusion-column-wrapper{
  transform:translateY(-6px) !important; box-shadow:0 22px 52px rgba(0,0,0,.20) !important;
}
.feature-box .fusion-text{ flex:1 1 auto !important; margin:0 !important; width:auto !important; text-align:left !important; }
.feature-box h3{ margin:0; font-size:24px; line-height:1.35; color:#222; }

/* pijl rechts */
.fusion-fullwidth.home-2-content .feature-box .fusion-image-element{
  --awb-max-width:32px !important;
  position:absolute !important; right:40px !important; top:50% !important;
  transform:translateY(-50%) !important; margin:0 !important; text-align:right !important;
}
.fusion-fullwidth.home-2-content .feature-box .fusion-imageframe img{
  width:32px !important; max-width:32px !important; height:auto !important; display:block !important;
  transition:transform .25s ease !important;
}
.feature-box:hover .fusion-imageframe img,
.feature-box:focus-within .fusion-imageframe img{ transform:translateX(1px) !important; }

/* Avada overlay uit; we gebruiken ::before voor onze badge */
.feature-box > .fusion-column-wrapper::after{ content:none !important; }

/* icon-badge (exact zoals in dropdown) */
.feature-box > .fusion-column-wrapper::before{
  position:absolute; left:28px; top:50%; transform:translateY(-50%);
  width:56px; height:56px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  color:#18c4d8; background:rgba(24,196,216,.12);
  font-family:"Font Awesome 6 Free","Font Awesome 5 Free" !important;
  font-weight:900 !important; font-size:28px; line-height:1;
  content:""; pointer-events:none; z-index:1;
  transition:transform .25s ease, color .25s ease, background-color .25s ease;
}
.feature-box:hover > .fusion-column-wrapper::before{
  transform:translateY(-50%) translateX(3px); background:rgba(24,196,216,.14);
}
.feature-box.ico-web      > .fusion-column-wrapper::before{ content:"\f044"; }
.feature-box.ico-seo      > .fusion-column-wrapper::before{ content:"\f002"; }
.feature-box.ico-branding > .fusion-column-wrapper::before{ content:"\f0d0"; }
.feature-box.ico-hosting  > .fusion-column-wrapper::before{ content:"\f233"; }
.feature-box.ico-support  > .fusion-column-wrapper::before{ content:"\f0ad"; }

@media (max-width:768px){
  .fusion-fullwidth.home-2-content .feature-box > .fusion-column-wrapper{
    padding:22px 72px 22px 92px !important; min-height:auto !important;
    transform:none !important; box-shadow:0 6px 18px rgba(0,0,0,.10) !important;
  }
  .fusion-fullwidth.home-2-content .feature-box .fusion-image-element{ right:24px !important; }
  .fusion-fullwidth.home-2-content .feature-box .fusion-imageframe img{ width:24px !important; max-width:24px !important; }
  .feature-box > .fusion-column-wrapper::before{ left:22px; width:48px; height:48px; font-size:22px; }
}

/* ===========================================
   A) Tegels onder de slider: gelijke hoogte
   =========================================== */
.fusion-fullwidth.home-2-content .fusion-row{ align-items:stretch !important; }
.fusion-fullwidth.home-2-content .feature-box{ display:flex !important; }
.fusion-fullwidth.home-2-content .feature-box > .fusion-column-wrapper{
  display:flex !important; align-items:center !important; height:100% !important;
}
.fusion-fullwidth.home-2-content .feature-box .fusion-text{ margin:0 !important; flex:1 1 auto !important; }

/* ===========================================
   B) Headerknop “Offerte aanvragen”: hover
   =========================================== */
a.fusion-button{ --button_text_transform:none !important; }
a.fusion-button .fusion-button-text,
a.fusion-button .awb-button__text{ text-transform:lowercase !important; }
a.fusion-button .fusion-button-text::first-letter,
a.fusion-button .awb-button__text::first-letter{ text-transform:uppercase !important; }
a.fusion-button .caps{ text-transform:uppercase !important; }

a.button-emhd{
  transition:transform .2s ease, box-shadow .2s ease, filter .2s ease !important;
  will-change:transform, box-shadow;
}
.fusion-header a.button-emhd:hover,
.fusion-header .fusion-button.button-emhd:hover,
a.button-emhd:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.18) !important;
  filter:brightness(.98) !important;
}
.fusion-header a.button-emhd:focus-visible,
a.button-emhd:focus-visible{
  outline:none !important;
  box-shadow:0 0 0 3px rgba(24,196,216,.35), 0 10px 24px rgba(0,0,0,.18) !important;
  transform:translateY(-2px) !important;
}

/* =========================================================
   4) TEGELS (.tile-row) – exact gelijk, icon-badge + pijl
   ========================================================= */

/* Rij en kolommen moeten kunnen stretchen */
.tile-row .fusion-row{ display:flex !important; flex-wrap:wrap !important; align-items:stretch !important; gap:32px; }
@media (min-width:641px){
  .tile-row .fusion-layout-column{ flex:0 0 calc((100% - 32px)/2) !important; max-width:calc((100% - 32px)/2) !important; display:flex !important; }
}
@media (max-width:640px){
  .tile-row .fusion-layout-column{ flex:0 0 100% !important; max-width:100% !important; display:flex !important; }
}

/* Eén bron-van-waarheid voor icoonruimte */
.tile-row .fusion-layout-column > .fusion-column-wrapper{
  --tile-icon-left: 28px;     /* positie van de cirkel links */
  --tile-icon-size: 56px;     /* diameter cirkel */
  --tile-icon-gap: 12px;      /* ruimte tussen cirkel en tekst */
  --tile-pad-left: calc(var(--tile-icon-left) + var(--tile-icon-size) + var(--tile-icon-gap));

  position:relative;
  display:flex !important; align-items:center !important; gap:20px;
  background:#fff !important; border:0 !important; border-radius:14px !important;
  min-height:132px !important; height:100% !important;
  padding:30px 96px 30px var(--tile-pad-left) !important;   /* ← sleutelregel */
  box-shadow:0 8px 24px rgba(0,0,0,.12) !important;
  transition:transform .25s ease, box-shadow .25s ease !important;
  cursor:pointer;
}
.tile-row .fusion-layout-column > .fusion-column-wrapper:hover{
  transform:translateY(-6px) !important; box-shadow:0 22px 52px rgba(0,0,0,.20) !important;
}

/* neutraliseer linkermarges van Avada elementen */
.tile-row .fusion-title,
.tile-row .fusion-text,
.tile-row .fusion-title .title-heading,
.tile-row h1, .tile-row h2, .tile-row h3, .tile-row h4,
.tile-row p{ margin-left:0 !important; }

.tile-row .fusion-text{ flex:1 1 auto !important; margin:0 !important; width:auto !important; text-align:left !important; }

/* pijl rechts, verticaal gecentreerd */
.tile-row .fusion-image-element{
  position:absolute !important; right:40px !important; top:50% !important;
  transform:translateY(-50%) !important; margin:0 !important; text-align:right !important; line-height:0 !important;
}
.tile-row .fusion-image-element .fusion-imageframe,
.tile-row .fusion-image-element .fusion-imageframe img{
  display:block !important; width:32px !important; max-width:32px !important; height:auto !important; transition:transform .25s ease;
}
.tile-row .fusion-layout-column > .fusion-column-wrapper:hover
  .fusion-image-element .fusion-imageframe img{ transform:translateX(2px); }

/* rond icoon vóór de tekst – zelfde look als dropdown */
.tile-row .fusion-layout-column[class*="ico-"] > .fusion-column-wrapper::after{
  content:""; position:absolute; left:var(--tile-icon-left); top:50%; transform:translateY(-50%);
  width:var(--tile-icon-size); height:var(--tile-icon-size); border-radius:50%;
  background:rgba(24,196,216,.12);
}
.tile-row .fusion-layout-column[class*="ico-"] > .fusion-column-wrapper::before{
  position:absolute; left:var(--tile-icon-left); top:50%; transform:translateY(-50%);
  font-family:"Font Awesome 6 Free","Font Awesome 5 Free"; font-weight:900; font-size:28px;
  width:var(--tile-icon-size); line-height:var(--tile-icon-size); text-align:center; color:#18c4d8;
  content:""; z-index:1;
}
/* icon-koppeling */
.tile-row .fusion-layout-column.ico-web     > .fusion-column-wrapper::before{ content:"\f044"; }
.tile-row .fusion-layout-column.ico-seo     > .fusion-column-wrapper::before{ content:"\f002"; }
.tile-row .fusion-layout-column.ico-branding> .fusion-column-wrapper::before{ content:"\f0d0"; }
.tile-row .fusion-layout-column.ico-hosting > .fusion-column-wrapper::before{ content:"\f233"; }
.tile-row .fusion-layout-column.ico-support > .fusion-column-wrapper::before{ content:"\f0ad"; }

@media (max-width:640px){
  .tile-row .fusion-layout-column > .fusion-column-wrapper{
    --tile-icon-left:24px; --tile-icon-size:48px; --tile-icon-gap:12px;
    padding:24px 76px 24px var(--tile-pad-left) !important; box-shadow:0 6px 18px rgba(0,0,0,.10) !important; min-height:auto !important;
  }
  .tile-row .fusion-image-element{ right:24px !important; }
  .tile-row .fusion-image-element .fusion-imageframe img{ width:24px !important; max-width:24px !important; }
}

/* === HARD FIX: identieke linkslijn met CSS Grid =================== */
/* Maten die we overal gebruiken (mag je aanpassen) */
:root{
  --emhd-icon-size: 56px;   /* diameter icon badge */
  --emhd-icon-gap: 12px;    /* ruimte tussen badge en tekst */
  --emhd-arrow-w:  32px;    /* pijlgrootte */
  --emhd-pad-x:    30px;    /* top/bottom padding houden we gelijk */
  --emhd-left-off: 28px;    /* offset van de badge t.o.v. de linker rand */
}

/* --- Tegels ONDER de slider (.feature-box) ----------------------- */
.fusion-fullwidth.home-2-content .feature-box > .fusion-column-wrapper{
  display: grid !important;
  align-items: center !important;
  /*  [badge] [gap] [tekst] [pijl]  */
  grid-template-columns:
    var(--emhd-icon-size)
    var(--emhd-icon-gap)
    1fr
    var(--emhd-arrow-w);
  column-gap: 0;
  /* top/right/bottom gelijk, links alleen visueel door left-off */
  padding: var(--emhd-pad-x) var(--emhd-pad-x) var(--emhd-pad-x)
           calc(var(--emhd-left-off) + var(--emhd-icon-size) + var(--emhd-icon-gap)) !important;
  box-sizing: border-box !important;
}

/* badge-achtergrond en pictogram als grid-items in kolom 1 */
.fusion-fullwidth.home-2-content .feature-box > .fusion-column-wrapper::after{
  content:""; grid-column:1; grid-row:1; justify-self:start; align-self:center;
  width:var(--emhd-icon-size); height:var(--emhd-icon-size); border-radius:50%;
  background: rgba(24,196,216,.12);
  position: relative; left: var(--emhd-left-off);
  z-index: 0;
}
.fusion-fullwidth.home-2-content .feature-box > .fusion-column-wrapper::before{
  grid-column:1; grid-row:1; justify-self:start; align-self:center;
  width:var(--emhd-icon-size); line-height:var(--emhd-icon-size); text-align:center;
  position: relative; left: var(--emhd-left-off);
  color:#18c4d8; font-family:"Font Awesome 6 Free","Font Awesome 5 Free"; font-weight:900; font-size:28px;
  z-index: 1;
  /* content wordt door je .ico-* class gezet (staat al in je CSS) */
}

/* tekst altijd in kolom 3 */
.fusion-fullwidth.home-2-content .feature-box .fusion-title,
.fusion-fullwidth.home-2-content .feature-box .fusion-text{ grid-column:3 !important; margin-left:0 !important; }

/* pijl altijd in kolom 4, mooi gecentreerd */
.fusion-fullwidth.home-2-content .feature-box .fusion-image-element{
  position: static !important;
  grid-column:4 !important; justify-self:end; align-self:center;
  width: var(--emhd-arrow-w) !important; line-height:0 !important;
}
.fusion-fullwidth.home-2-content .feature-box .fusion-imageframe img{
  width: var(--emhd-arrow-w) !important; max-width: var(--emhd-arrow-w) !important; height:auto !important;
  transition: transform .25s ease;
}
.fusion-fullwidth.home-2-content .feature-box > .fusion-column-wrapper:hover
  .fusion-imageframe img{ transform: translateX(2px); }

/* --- De twee nieuwe tegels-sectie (.tile-row) -------------------- */
.tile-row .fusion-layout-column > .fusion-column-wrapper{
  display: grid !important;
  align-items: center !important;
  grid-template-columns:
    var(--emhd-icon-size)
    var(--emhd-icon-gap)
    1fr
    var(--emhd-arrow-w);
  column-gap: 0;
  padding: var(--emhd-pad-x) var(--emhd-pad-x) var(--emhd-pad-x)
           calc(var(--emhd-left-off) + var(--emhd-icon-size) + var(--emhd-icon-gap)) !important;
  box-sizing: border-box !important;
}

/* badge op kolom 1 (zelfde als boven) */
.tile-row .fusion-layout-column[class*="ico-"] > .fusion-column-wrapper::after{
  content:""; grid-column:1; grid-row:1; justify-self:start; align-self:center;
  width:var(--emhd-icon-size); height:var(--emhd-icon-size); border-radius:50%;
  background: rgba(24,196,216,.12);
  position: relative; left: var(--emhd-left-off);
  z-index: 0;
}
.tile-row .fusion-layout-column[class*="ico-"] > .fusion-column-wrapper::before{
  grid-column:1; grid-row:1; justify-self:start; align-self:center;
  width:var(--emhd-icon-size); line-height:var(--emhd-icon-size); text-align:center;
  position: relative; left: var(--emhd-left-off);
  color:#18c4d8; font-family:"Font Awesome 6 Free","Font Awesome 5 Free"; font-weight:900; font-size:28px;
  z-index: 1;
  /* content via .ico-web / .ico-seo / ... (die heb je al) */
}

/* tekst in kolom 3 */
.tile-row .fusion-title,
.tile-row .fusion-text,
.tile-row .fusion-title .title-heading{ grid-column:3 !important; margin-left:0 !important; }

/* pijl in kolom 4 */
.tile-row .fusion-image-element{
  position: static !important;
  grid-column:4 !important; justify-self:end; align-self:center;
  width: var(--emhd-arrow-w) !important; line-height:0 !important;
}
.tile-row .fusion-image-element .fusion-imageframe img{
  width: var(--emhd-arrow-w) !important; max-width: var(--emhd-arrow-w) !important; height:auto !important;
  transition: transform .25s ease;
}
.tile-row .fusion-layout-column > .fusion-column-wrapper:hover
  .fusion-imageframe img{ transform: translateX(2px); }

/* mobiel iets compacter, maar uitlijning blijft identiek */
@media (max-width:640px){
  :root{ --emhd-icon-size:48px; --emhd-arrow-w:24px; --emhd-left-off:24px; --emhd-pad-x:24px; }
}


/* === EMHD | Kaarten in 3 kolommen: [icoon][tekst][pijl] = min/1fr/min === */
:root{
  --emhd-icon-size: 56px;      /* diameter van het ronde icoon */
  --emhd-arrow-w: 32px;        /* breedte van het pijltje */
  --emhd-gap: 16px;            /* ruimte tussen kolommen */
  --emhd-pad-y: 30px;          /* verticale padding in de kaart */
  --emhd-sides: 0px;           /* horizontale padding; laat 0 voor “precies inpast” */
}

/* ONDER SLIDER – .feature-box */
.fusion-fullwidth.home-2-content .feature-box { display:flex !important; }
.fusion-fullwidth.home-2-content .feature-box > .fusion-column-wrapper{
  /* 3 kolommen: icoon (min), tekst (1fr), pijl (min) */
  display: grid !important;
  grid-template-columns: min-content 1fr min-content;
  column-gap: var(--emhd-gap);
  align-items: center !important;

  /* maat & look gelijk houden */
  min-height: 132px !important;
  padding: var(--emhd-pad-y) var(--emhd-sides) !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.12) !important;
  transition: transform .25s ease, box-shadow .25s ease !important;
  height: 100% !important;
}

/* icoon-badge (cirkel = ::after, pictogram = ::before) in kolom 1 */
.fusion-fullwidth.home-2-content .feature-box > .fusion-column-wrapper::after{
  content:"";
  grid-column:1; grid-row:1;
  width:var(--emhd-icon-size); height:var(--emhd-icon-size);
  border-radius:50%;
  background: rgba(24,196,216,.12);
  justify-self:start; align-self:center;
}
.fusion-fullwidth.home-2-content .feature-box > .fusion-column-wrapper::before{
  /* content wordt al gezet via .ico-web/.ico-seo/... in je CSS */
  grid-column:1; grid-row:1;
  width:var(--emhd-icon-size); line-height:var(--emhd-icon-size);
  text-align:center; color:#18c4d8;
  font-family:"Font Awesome 6 Free","Font Awesome 5 Free"; font-weight:900; font-size:28px;
  justify-self:start; align-self:center; z-index:1;
}

/* tekst midden (kolom 2) – headings en paragrafen */
.fusion-fullwidth.home-2-content .feature-box .fusion-title,
.fusion-fullwidth.home-2-content .feature-box .fusion-text,
.fusion-fullwidth.home-2-content .feature-box .fusion-title .title-heading{
  grid-column:2 !important; margin:0 !important; text-align:left !important;
}

/* pijl rechts (kolom 3) – geen absolute positioning meer */
.fusion-fullwidth.home-2-content .feature-box .fusion-image-element{
  position: static !important;
  grid-column:3 !important;
  justify-self:end; align-self:center;
  width: var(--emhd-arrow-w) !important; line-height:0 !important;
  margin:0 !important;
}
.fusion-fullwidth.home-2-content .feature-box .fusion-imageframe img{
  width: var(--emhd-arrow-w) !important; max-width: var(--emhd-arrow-w) !important; height:auto !important;
  transition: transform .25s ease;
}
.fusion-fullwidth.home-2-content .feature-box > .fusion-column-wrapper:hover
  .fusion-imageframe img{ transform: translateX(2px); }

/* HOVER-kaart (zelfde als je huidige) */
.fusion-fullwidth.home-2-content .feature-box > .fusion-column-wrapper:hover{
  transform: translateY(-6px) !important;
  box-shadow: 0 22px 52px rgba(0,0,0,.20) !important;
}

/* EXTRA RIJ – .tile-row (zelfde 3-kolommen grid) */
.tile-row .fusion-layout-column{ display:flex !important; }
.tile-row .fusion-layout-column > .fusion-column-wrapper{
  display: grid !important;
  grid-template-columns: min-content 1fr min-content;
  column-gap: var(--emhd-gap);
  align-items: center !important;

  min-height: 132px !important;
  padding: var(--emhd-pad-y) var(--emhd-sides) !important;
  border-radius: 14px !important;
  background:#fff !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.12) !important;
  transition: transform .25s ease, box-shadow .25s ease !important;
  height: 100% !important;
}

/* badge + pictogram links (kolom 1) */
.tile-row .fusion-layout-column[class*="ico-"] > .fusion-column-wrapper::after{
  content:"";
  grid-column:1; grid-row:1;
  width:var(--emhd-icon-size); height:var(--emhd-icon-size);
  border-radius:50%;
  background: rgba(24,196,216,.12);
  justify-self:start; align-self:center;
}
.tile-row .fusion-layout-column[class*="ico-"] > .fusion-column-wrapper::before{
  grid-column:1; grid-row:1;
  width:var(--emhd-icon-size); line-height:var(--emhd-icon-size);
  text-align:center; color:#18c4d8;
  font-family:"Font Awesome 6 Free","Font Awesome 5 Free"; font-weight:900; font-size:28px;
  justify-self:start; align-self:center; z-index:1;
  /* content: ... staat al in je .ico-web/.ico-seo/... regels */
}

/* tekst midden (kolom 2) */
.tile-row .fusion-title,
.tile-row .fusion-text,
.tile-row .fusion-title .title-heading{
  grid-column:2 !important; margin:0 !important; text-align:left !important;
}

/* pijl rechts (kolom 3) */
.tile-row .fusion-image-element{
  position: static !important;
  grid-column:3 !important;
  justify-self:end; align-self:center;
  width: var(--emhd-arrow-w) !important; line-height:0 !important; margin:0 !important;
}
.tile-row .fusion-image-element .fusion-imageframe img{
  width: var(--emhd-arrow-w) !important; max-width: var(--emhd-arrow-w) !important; height:auto !important;
  transition: transform .25s ease;
}
.tile-row .fusion-layout-column > .fusion-column-wrapper:hover
  .fusion-imageframe img{ transform: translateX(2px); }

/* Mobiel iets kleiner, maar zelfde 3-kolommen logica */
@media (max-width:640px){
  :root{ --emhd-icon-size:48px; --emhd-arrow-w:24px; --emhd-gap:12px; --emhd-pad-y:24px; }
}

/* Ruimte links/rechts in de kaart zodat icoon/pijl niet tegen de rand plakken */
:root{
  --emhd-sides: 24px;   /* 20–28px oogt mooi. Pas naar smaak aan. */
  --emhd-gap: 16px;     /* tussen icoon en tekst */
}

/* Zorg dat grid die padding ook echt gebruikt (feature-box + tile-row) */
.fusion-fullwidth.home-2-content .feature-box > .fusion-column-wrapper,
.tile-row .fusion-layout-column > .fusion-column-wrapper{
  padding-left:  var(--emhd-sides) !important;
  padding-right: var(--emhd-sides) !important;
}

/* Icoon- en pijl-kolom houden we min-content; door de padding
   komt er nu netjes ruimte tussen rand en elementen. */

.fusion-fullwidth.home-2-content .feature-box > .fusion-column-wrapper,
.tile-row .fusion-layout-column > .fusion-column-wrapper{
  padding-left: 22px !important;   /* icoonzijde */
  padding-right: 28px !important;  /* pijlzijde */
}


/* ===== FIX: pijl exact in het midden + extra ruimte tussen icoon en tekst ===== */

/* 1) Variabelen voor icon-ruimte (gebruik je huidige maten als basis) */
:root{
  --emhd-icon-left: 28px;   /* afstand van linker rand naar het midden van de badge */
  --emhd-icon-size: 56px;   /* diameter van de badge */
  --emhd-icon-gap: 22px;    /* > was ±12–20px; iets ruimer tussen badge en tekst */
}

/* === FEATURE-BOXEN (onder de slider) === */

/* maak de linker padding precies: left + size + gap */
.fusion-fullwidth.home-2-content .feature-box > .fusion-column-wrapper{
  padding-left: calc(var(--emhd-icon-left) + var(--emhd-icon-size) + var(--emhd-icon-gap)) !important;
  /* pijlzijde houden we al ruim genoeg via je bestaande right padding */
  align-items: center !important;          /* verzeker centrering van alle inhoud */
}

/* badge (pseudo) gebruikt dezelfde variabelen */
.fusion-fullwidth.home-2-content .feature-box > .fusion-column-wrapper::before{
  left: var(--emhd-icon-left);
  width: var(--emhd-icon-size); height: var(--emhd-icon-size);
  line-height: var(--emhd-icon-size);
}

/* PIJL: geen absolute positioning meer; laat ‘m als flex-item centreren */
.fusion-fullwidth.home-2-content .feature-box .fusion-image-element{
  position: static !important;             /* override eerdere absolute rules */
  margin-left: auto !important;            /* duwt pijl naar de rechterkant */
  transform: none !important;
  display: flex !important;                /* verticaal centreren in de kaart */
  align-items: center !important;
  line-height: 0 !important;
}
.fusion-fullwidth.home-2-content .feature-box .fusion-imageframe,
.fusion-fullwidth.home-2-content .feature-box .fusion-imageframe img{
  display: block !important;
  width: 32px !important;
  height: auto !important;
}

/* === TEgels (.tile-row) – zelfde logica en iets meer gap === */
.tile-row .fusion-layout-column > .fusion-column-wrapper{
  /* 28 + 56 + 22 = 106px linker padding */
  --tile-icon-left: var(--emhd-icon-left);
  --tile-icon-size: var(--emhd-icon-size);
  --tile-icon-gap:  var(--emhd-icon-gap);
  --tile-pad-left: calc(var(--tile-icon-left) + var(--tile-icon-size) + var(--tile-icon-gap));
  padding-left: var(--tile-pad-left) !important;
  align-items: center !important;
}

/* pseudo-badge positioneren met dezelfde variabelen */
.tile-row .fusion-layout-column[class*="ico-"] > .fusion-column-wrapper::after{
  left: var(--tile-icon-left);
  width: var(--tile-icon-size); height: var(--tile-icon-size);
}
.tile-row .fusion-layout-column[class*="ico-"] > .fusion-column-wrapper::before{
  left: var(--tile-icon-left);
  width: var(--tile-icon-size);
  line-height: var(--tile-icon-size);
}

/* pijl in .tile-row ook als flex-item, exact gecentreerd */
.tile-row .fusion-image-element{
  position: static !important;
  margin-left: auto !important;
  transform: none !important;
  display: flex !important;
  align-items: center !important;
  line-height: 0 !important;
}
.tile-row .fusion-image-element .fusion-imageframe,
.tile-row .fusion-image-element .fusion-imageframe img{
  display: block !important;
  width: 32px !important;
  height: auto !important;
}


/* ===========================
   ICOON LINKS STRAKKER ZETTEN
   =========================== */

/* Basiswaarden voor grootte (laat zoals in je ontwerp) */
:root{
  --emhd-icon-size: 56px;   /* diameter badge feature-boxen */
  --tile-icon-size: 56px;   /* diameter badge tile-row */
}

/* --- FEATURE-BOXEN (onder de slider) --- */
.fusion-fullwidth.home-2-content .feature-box > .fusion-column-wrapper{
  /* veel verder naar links + kleine gap */
  --emhd-icon-left: 16px;    /* afstand badge t.o.v. linker rand (was ~28px) */
  --emhd-icon-gap: 10px;     /* ruimte tussen badge en tekst (was groter) */
  padding-left: calc(var(--emhd-icon-left) + var(--emhd-icon-size) + var(--emhd-icon-gap)) !important;
}
.fusion-fullwidth.home-2-content .feature-box > .fusion-column-wrapper::before{
  left: var(--emhd-icon-left);
  width: var(--emhd-icon-size); height: var(--emhd-icon-size);
  line-height: var(--emhd-icon-size);
}

/* --- TILES (.tile-row) --- */
.tile-row .fusion-layout-column > .fusion-column-wrapper{
  --tile-icon-left: 16px;    /* zelfde als hierboven */
  --tile-icon-gap: 10px;
  padding-left: calc(var(--tile-icon-left) + var(--tile-icon-size) + var(--tile-icon-gap)) !important;
}
.tile-row .fusion-layout-column[class*="ico-"] > .fusion-column-wrapper::after{
  left: var(--tile-icon-left);
  width: var(--tile-icon-size); height: var(--tile-icon-size);
}
.tile-row .fusion-layout-column[class*="ico-"] > .fusion-column-wrapper::before{
  left: var(--tile-icon-left);
  width: var(--tile-icon-size); line-height: var(--tile-icon-size);
}

/* Mobiel: nog iets compacter mag */
@media (max-width:640px){
  .fusion-fullwidth.home-2-content .feature-box > .fusion-column-wrapper{
    --emhd-icon-left: 14px;
    --emhd-icon-gap: 8px;
    --emhd-icon-size: 48px;
    padding-left: calc(var(--emhd-icon-left) + var(--emhd-icon-size) + var(--emhd-icon-gap)) !important;
  }
  .fusion-fullwidth.home-2-content .feature-box > .fusion-column-wrapper::before{
    left: var(--emhd-icon-left);
    width: var(--emhd-icon-size); height: var(--emhd-icon-size);
    line-height: var(--emhd-icon-size);
  }

  .tile-row .fusion-layout-column > .fusion-column-wrapper{
    --tile-icon-left: 14px;
    --tile-icon-gap: 8px;
    --tile-icon-size: 48px;
    padding-left: calc(var(--tile-icon-left) + var(--tile-icon-size) + var(--tile-icon-gap)) !important;
  }
  .tile-row .fusion-layout-column[class*="ico-"] > .fusion-column-wrapper::after{
    left: var(--tile-icon-left);
    width: var(--tile-icon-size); height: var(--tile-icon-size);
  }
  .tile-row .fusion-layout-column[class*="ico-"] > .fusion-column-wrapper::before{
    left: var(--tile-icon-left);
    width: var(--tile-icon-size); line-height: var(--tile-icon-size);
  }
}


/* === Compacte linker marge voor icon-badges (mooie verdeling) === */
/* FEATURE-BOXEN onder de slider */
.fusion-fullwidth.home-2-content .feature-box > .fusion-column-wrapper{
  /* strakke linker marge + kleine gap naar tekst */
  --emhd-icon-left: 10px;   /* afstand icooncirkel tot linker rand (was 16–28px) */
  --emhd-icon-gap: 12px;    /* ruimte tussen icoon en tekst */
  --emhd-icon-size: 56px;   /* diameter cirkel (matcht ontwerp) */

  padding-left: calc(var(--emhd-icon-left)
                   + var(--emhd-icon-size)
                   + var(--emhd-icon-gap)) !important;
}
.fusion-fullwidth.home-2-content .feature-box > .fusion-column-wrapper::before{
  left: var(--emhd-icon-left);
  width: var(--emhd-icon-size);
  height: var(--emhd-icon-size);
  line-height: var(--emhd-icon-size);
}

/* TILE-ROW kaarten */
.tile-row .fusion-layout-column > .fusion-column-wrapper{
  --tile-icon-left: 10px;    /* zelfde logica als hierboven */
  --tile-icon-gap: 12px;
  --tile-icon-size: 56px;

  padding-left: calc(var(--tile-icon-left)
                   + var(--tile-icon-size)
                   + var(--tile-icon-gap)) !important;
}
.tile-row .fusion-layout-column[class*="ico-"] > .fusion-column-wrapper::after,
.tile-row .fusion-layout-column[class*="ico-"] > .fusion-column-wrapper::before{
  left: var(--tile-icon-left);
}
.tile-row .fusion-layout-column[class*="ico-"] > .fusion-column-wrapper::before{
  width: var(--tile-icon-size);
  line-height: var(--tile-icon-size);
}

/* Mobiel: nog compacter, maar zelfde verhouding */
@media (max-width:640px){
  .fusion-fullwidth.home-2-content .feature-box > .fusion-column-wrapper{
    --emhd-icon-left: 8px;
    --emhd-icon-gap: 10px;
    --emhd-icon-size: 48px;
    padding-left: calc(var(--emhd-icon-left)
                     + var(--emhd-icon-size)
                     + var(--emhd-icon-gap)) !important;
  }
  .fusion-fullwidth.home-2-content .feature-box > .fusion-column-wrapper::before{
    left: var(--emhd-icon-left);
    width: var(--emhd-icon-size);
    height: var(--emhd-icon-size);
    line-height: var(--emhd-icon-size);
  }

  .tile-row .fusion-layout-column > .fusion-column-wrapper{
    --tile-icon-left: 8px;
    --tile-icon-gap: 10px;
    --tile-icon-size: 48px;
    padding-left: calc(var(--tile-icon-left)
                     + var(--tile-icon-size)
                     + var(--tile-icon-gap)) !important;
  }
  .tile-row .fusion-layout-column[class*="ico-"] > .fusion-column-wrapper::after,
  .tile-row .fusion-layout-column[class*="ico-"] > .fusion-column-wrapper::before{
    left: var(--tile-icon-left);
  }
}

.fusion-fullwidth.home-2-content .feature-box > .fusion-column-wrapper {
    --emhd-icon-left: -28px;
    --emhd-icon-gap
6px
: 6px;
    --emhd-icon-size: 74px;
    padding-left: calc(var(--emhd-icon-left) + var(--emhd-icon-size) + var(--emhd-icon-gap)) !important;
}

/* === Zelfde icon-badge layout als onder de slider — ook voor overige blokken === */
/* JOUW regel voor .home-2-content .feature-box ... laten staan */

/* 1) Andere feature-box secties (niet de slider-sectie) */
.fusion-fullwidth:not(.home-2-content) .feature-box > .fusion-column-wrapper{
  --emhd-icon-left: -28px;
  --emhd-icon-gap: 6px;
  --emhd-icon-size: 74px;
  padding-left: calc(var(--emhd-icon-left) + var(--emhd-icon-size) + var(--emhd-icon-gap)) !important;
}
.fusion-fullwidth:not(.home-2-content) .feature-box > .fusion-column-wrapper::before{
  left: var(--emhd-icon-left);
  width: var(--emhd-icon-size);
  height: var(--emhd-icon-size);
  line-height: var(--emhd-icon-size);
  font-size: calc(var(--emhd-icon-size) * .48); /* schaal icoon met de cirkel */
}

/* 2) De “tile-row” kaarten (de andere twee blokken) */
.tile-row .fusion-layout-column > .fusion-column-wrapper{
  --tile-icon-left: -28px;
  --tile-icon-gap: 6px;
  --tile-icon-size: 74px;
  padding-left: calc(var(--tile-icon-left) + var(--tile-icon-size) + var(--tile-icon-gap)) !important;
}
/* cirkel */
.tile-row .fusion-layout-column[class*="ico-"] > .fusion-column-wrapper::after{
  content:"";
  position:absolute;
  left: var(--tile-icon-left);
  top:50%;
  transform:translateY(-50%);
  width: var(--tile-icon-size);
  height: var(--tile-icon-size);
  border-radius: 50%;
  background: rgba(24,196,216,.12);
}
/* Font Awesome icoon in de cirkel */
.tile-row .fusion-layout-column[class*="ico-"] > .fusion-column-wrapper::before{
  position:absolute;
  left: var(--tile-icon-left);
  top:50%;
  transform:translateY(-50%);
  width: var(--tile-icon-size);
  line-height: var(--tile-icon-size);
  font-family:"Font Awesome 6 Free","Font Awesome 5 Free";
  font-weight:900;
  font-size: calc(var(--tile-icon-size) * .48);
  color:#18c4d8;
  text-align:center;
  z-index:1;
  content:""; /* blijft per icoon ingesteld via .ico-web / .ico-seo / ... */
}

/* 3) Mobiel compacter, visueel zelfde verhouding */
@media (max-width:640px){
  .fusion-fullwidth:not(.home-2-content) .feature-box > .fusion-column-wrapper{
    --emhd-icon-left: -18px; --emhd-icon-gap: 8px; --emhd-icon-size: 60px;
    padding-left: calc(var(--emhd-icon-left) + var(--emhd-icon-size) + var(--emhd-icon-gap)) !important;
  }
  .fusion-fullwidth:not(.home-2-content) .feature-box > .fusion-column-wrapper::before{
    left: var(--emhd-icon-left);
    width: var(--emhd-icon-size); height: var(--emhd-icon-size);
    line-height: var(--emhd-icon-size);
    font-size: calc(var(--emhd-icon-size) * .48);
  }

  .tile-row .fusion-layout-column > .fusion-column-wrapper{
    --tile-icon-left: -18px; --tile-icon-gap: 8px; --tile-icon-size: 60px;
    padding-left: calc(var(--tile-icon-left) + var(--tile-icon-size) + var(--tile-icon-gap)) !important;
  }
  .tile-row .fusion-layout-column[class*="ico-"] > .fusion-column-wrapper::after,
  .tile-row .fusion-layout-column[class*="ico-"] > .fusion-column-wrapper::before{
    left: var(--tile-icon-left);
  }
}

/* --- FIX 0: typefout herstellen --- */
.fusion-fullwidth.home-2-content .feature-box > .fusion-column-wrapper{
  --emhd-icon-left: -28px;
  --emhd-icon-gap: 6px;           /* <-- was stuk */
  --emhd-icon-size: 74px;
}

/* --- FIX 1: zet onze badge-::after weer aan waar we 'm nodig hebben --- */
/* (laat je oude regel staan; met dit blok overschrijven we 'm gericht) */
.fusion-fullwidth.home-2-content .feature-box > .fusion-column-wrapper::after,
.tile-row .fusion-layout-column > .fusion-column-wrapper::after{
  content: "" !important;         /* badge-cirkel zichtbaar */
}

/* --- FIX 2: forceer het FA-icoon (content) op de specifieke kaarten --- */
/* onder de slider */
.fusion-fullwidth.home-2-content .feature-box.ico-web      > .fusion-column-wrapper::before{ content:"\f044" !important; }
.fusion-fullwidth.home-2-content .feature-box.ico-seo      > .fusion-column-wrapper::before{ content:"\f002" !important; }
.fusion-fullwidth.home-2-content .feature-box.ico-branding > .fusion-column-wrapper::before{ content:"\f0d0" !important; }
.fusion-fullwidth.home-2-content .feature-box.ico-hosting  > .fusion-column-wrapper::before{ content:"\f233" !important; }
.fusion-fullwidth.home-2-content .feature-box.ico-support  > .fusion-column-wrapper::before{ content:"\f0ad" !important; }

/* de twee tegels (tile-row) */
.tile-row .fusion-layout-column.ico-web      > .fusion-column-wrapper::before{ content:"\f044" !important; }
.tile-row .fusion-layout-column.ico-seo      > .fusion-column-wrapper::before{ content:"\f002" !important; }
.tile-row .fusion-layout-column.ico-branding > .fusion-column-wrapper::before{ content:"\f0d0" !important; }
.tile-row .fusion-layout-column.ico-hosting  > .fusion-column-wrapper::before{ content:"\f233" !important; }
.tile-row .fusion-layout-column.ico-support  > .fusion-column-wrapper::before{ content:"\f0ad" !important; }

/* zorg dat Font Awesome altijd pakt, ook als andere regels winnen */
.fusion-fullwidth.home-2-content .feature-box > .fusion-column-wrapper::before,
.tile-row .fusion-layout-column[class*="ico-"] > .fusion-column-wrapper::before{
  font-family:"Font Awesome 6 Free","Font Awesome 5 Free" !important;
  font-weight:900 !important;
}

/* === Alle overige blokken (buiten de slider) exact als onder de slider === */

/* 1) Basis-waarden: zelfde maat/bleed als onder de slider */
:root{
  --emhd-icon-left: -28px;   /* laat de cirkel iets buiten de kaart vallen */
  --emhd-icon-size: 74px;    /* diameter cirkel */
  --emhd-icon-gap: 6px;      /* ruimte tussen cirkel en tekst */
  --emhd-arrow-w: 32px;      /* pijltje */
  --emhd-pad-y: 30px;        /* verticale padding */
}

/* 2) Layout voor alle feature-boxen die NIET in .home-2-content staan */
.fusion-fullwidth:not(.home-2-content) .feature-box > .fusion-column-wrapper{
  display: grid !important;
  grid-template-columns: min-content 1fr min-content;  /* [icoon][tekst][pijl] */
  align-items: center !important;
  column-gap: 16px;

  min-height: 132px !important;
  padding: var(--emhd-pad-y) 28px var(--emhd-pad-y)
           calc(var(--emhd-icon-left) + var(--emhd-icon-size) + var(--emhd-icon-gap)) !important;

  background:#fff !important;
  border-radius:14px !important;
  box-shadow:0 8px 24px rgba(0,0,0,.12) !important;
  transition: transform .25s ease, box-shadow .25s ease !important;
  height:100% !important;
}

/* 3) Badge (cirkel) + Font Awesome icoon – identiek aan slider */
.fusion-fullwidth:not(.home-2-content) .feature-box > .fusion-column-wrapper::after{
  content:"" !important;
  grid-column:1; grid-row:1; justify-self:start; align-self:center;
  width:var(--emhd-icon-size); height:var(--emhd-icon-size);
  border-radius:50%;
  background: rgba(24,196,216,.12);
  position: relative; left: var(--emhd-icon-left);   /* bleed naar links */
  z-index:0;
}
.fusion-fullwidth:not(.home-2-content) .feature-box > .fusion-column-wrapper::before{
  grid-column:1; grid-row:1; justify-self:start; align-self:center;
  width:var(--emhd-icon-size); line-height:var(--emhd-icon-size); text-align:center;
  position: relative; left: var(--emhd-icon-left);
  font-family:"Font Awesome 6 Free","Font Awesome 5 Free" !important;
  font-weight:900 !important;
  font-size: calc(var(--emhd-icon-size) * .48);
  color:#18c4d8;
  z-index:1;
  content:""; /* wordt hieronder per icoon ingevuld */
}

/* FA-iconen per kaart (zelfde klassen als onder de slider gebruiken) */
.fusion-fullwidth:not(.home-2-content) .feature-box.ico-web      > .fusion-column-wrapper::before{ content:"\f044" !important; } /* fa-edit */
.fusion-fullwidth:not(.home-2-content) .feature-box.ico-seo      > .fusion-column-wrapper::before{ content:"\f002" !important; } /* fa-search */
.fusion-fullwidth:not(.home-2-content) .feature-box.ico-branding > .fusion-column-wrapper::before{ content:"\f0d0" !important; } /* fa-magic */
.fusion-fullwidth:not(.home-2-content) .feature-box.ico-hosting  > .fusion-column-wrapper::before{ content:"\f233" !important; } /* fa-server */
.fusion-fullwidth:not(.home-2-content) .feature-box.ico-support  > .fusion-column-wrapper::before{ content:"\f0ad" !important; } /* fa-wrench */

/* 4) Tekst altijd in de middelste kolom */
.fusion-fullwidth:not(.home-2-content) .feature-box .fusion-title,
.fusion-fullwidth:not(.home-2-content) .feature-box .fusion-text,
.fusion-fullwidth:not(.home-2-content) .feature-box .fusion-title .title-heading{
  grid-column:2 !important;
  margin:0 !important;
  text-align:left !important;
}

/* 5) Pijl rechts, verticaal gecentreerd + subtiele hover */
.fusion-fullwidth:not(.home-2-content) .feature-box .fusion-image-element{
  position: static !important;
  grid-column:3 !important;
  justify-self:end; align-self:center;
  width: var(--emhd-arrow-w) !important;
  margin:0 !important; line-height:0 !important;
}
.fusion-fullwidth:not(.home-2-content) .feature-box .fusion-imageframe img{
  width: var(--emhd-arrow-w) !important; max-width: var(--emhd-arrow-w) !important; height:auto !important;
  transition: transform .25s ease;
}
.fusion-fullwidth:not(.home-2-content) .feature-box > .fusion-column-wrapper:hover{
  transform: translateY(-6px) !important;
  box-shadow: 0 22px 52px rgba(0,0,0,.20) !important;
}
.fusion-fullwidth:not(.home-2-content) .feature-box:hover .fusion-imageframe img{
  transform: translateX(2px);
}

/* 6) Mobiel iets compacter, maar zelfde verdeling */
@media (max-width:640px){
  :root{ --emhd-icon-size:60px; --emhd-arrow-w:24px; --emhd-pad-y:24px; --emhd-icon-left:-18px; }
}

/* Icon-badge mapping voor de Adviesgesprek-tegel (FA: calendar-check, \f274) */
.feature-box.ico-advies > .fusion-column-wrapper::before,
.tile-row .fusion-layout-column.ico-advies > .fusion-column-wrapper::before{
  content:"\f274"; /* fa-calendar-check (solid) */
}

/* === EMHD | Kleuren voor icon-badges en pijl =================== */
:root{
  --emhd-blue: #18c4d8;               /* merkblauw */
  --emhd-ink:  #42494d;               /* antraciet */
  --emhd-badge: rgba(24,196,216,.12); /* zachte blauwe cirkelachtergrond */
}

/* Basis: badge-achtergrond blijft zacht blauw */
.feature-box > .fusion-column-wrapper::after,
.tile-row .fusion-layout-column[class*="ico-"] > .fusion-column-wrapper::after{
  background: var(--emhd-badge) !important;
}

/* Rust: pictogram in ink (zwarttint) */
.feature-box > .fusion-column-wrapper::before,
.tile-row .fusion-layout-column[class*="ico-"] > .fusion-column-wrapper::before{
  color: var(--emhd-ink) !important;
}

/* Hover/actief: pictogram wordt blauw */
.feature-box:hover > .fusion-column-wrapper::before,
.tile-row .fusion-layout-column:hover > .fusion-column-wrapper::before{
  color: var(--emhd-blue) !important;
}

/* Pijl rechts: blauw (CTA) – werkt op de IMG/SVG van de pijl */
.fusion-fullwidth.home-2-content .feature-box .fusion-imageframe img,
.tile-row .fusion-image-element .fusion-imageframe img{
  filter: none !important;            /* blauw asset blijft blauw */
}





/* === Mobiel: gelijke verticale afstand tussen alle kaarten === */
@media (max-width: 640px){

  :root{ --card-gap-m: 24px; } /* één bronwaarde voor de verticale afstand */

  /* Gebruik een nette row-gap i.p.v. losse marges */
  .fusion-fullwidth.home-2-content .fusion-row,
  .tile-row .fusion-row{
    display: grid !important;
    grid-template-columns: 1fr;
    row-gap: var(--card-gap-m) !important;
    gap: var(--card-gap-m) !important; /* fallback */
  }

  /* Kolommen zelf geen extra marges laten toevoegen */
  .fusion-fullwidth.home-2-content .fusion-layout-column,
  .tile-row .fusion-layout-column{
    margin: 0 !important;
  }

  /* Wrappers binnen kolommen ook strak houden */
  .fusion-fullwidth.home-2-content .fusion-column-wrapper,
  .tile-row .fusion-column-wrapper{
    margin: 0 !important;
  }

  /* Fallback wanneer grid niet pakt: geef alleen volgende kolommen topmarge */
  .fusion-fullwidth.home-2-content .fusion-layout-column + .fusion-layout-column,
  .tile-row .fusion-layout-column + .fusion-layout-column{
    margin-top: var(--card-gap-m) !important;
  }

  /* Laatste kaart geen extra ondermarge */
  .fusion-fullwidth.home-2-content .fusion-layout-column:last-child,
  .tile-row .fusion-layout-column:last-child{
    margin-bottom: 0 !important;
  }

  /* Binnenkant: voorkom dat tekstblokken extra ruimte onderin toevoegen */
  .fusion-fullwidth.home-2-content .feature-box .fusion-title,
  .fusion-fullwidth.home-2-content .feature-box .fusion-text,
  .fusion-fullwidth.home-2-content .feature-box .fusion-text p,
  .tile-row .fusion-title,
  .tile-row .fusion-text,
  .tile-row .fusion-text p{
    margin-bottom: 0 !important;
  }

  /* Avada separators in deze secties geen extra witruimte laten aanbrengen */
  .fusion-fullwidth.home-2-content .fusion-separator,
  .tile-row .fusion-separator{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}





/* Mobiel: overal dezelfde verticale afstand tussen de blokken/kaarten */
:root { --emhd-card-gap-mobile: 22px; }   /* pas aan naar smaak */

@media (max-width:640px){
  /* Zet de rijen op grid en gebruik row-gap als enige spacing */
  .fusion-fullwidth.home-2-content .fusion-row,
  .tile-row .fusion-row{
    display: grid !important;
    grid-template-columns: 1fr !important;
    row-gap: var(--emhd-card-gap-mobile) !important;
  }

  /* Schakel kolom-marges van Avada uit (zij zorgen nu voor de verschillen) */
  .fusion-fullwidth.home-2-content .fusion-layout-column,
  .tile-row .fusion-layout-column{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  /* Voor de zekerheid: geen extra marge op wrappers in de kaart */
  .fusion-fullwidth.home-2-content .feature-box > .fusion-column-wrapper,
  .tile-row .fusion-layout-column > .fusion-column-wrapper{
    margin: 0 !important;
  }

  /* Ruimte tussen opeenvolgende blok-secties (rijen) zelf */
  .fusion-fullwidth.home-2-content + .fusion-fullwidth.home-2-content,
  .tile-row + .tile-row{
    margin-top: var(--emhd-card-gap-mobile) !important;
  }
}





/* ========== MOBIEL: identieke verticale afstand tussen alle kaarten ========== */
@media (max-width:640px){
  :root{ --mob-gap: 20px; } /* pas 20px naar smaak aan */

  /* 1) Binnen de rijen: gebruik gap als enige bron van spacing */
  .fusion-fullwidth.home-2-content .fusion-builder-row,
  .fusion-fullwidth.tile-row        .fusion-builder-row{
    display:flex !important;               /* blijft flex, Avada gebruikt dit al */
    flex-wrap:wrap !important;
    row-gap: var(--mob-gap) !important;    /* verticale afstand */
  }

  /* 2) Neutraliseer marges die de kolommen/wrappers zelf zetten */
  .fusion-fullwidth.home-2-content .fusion-layout-column,
  .fusion-fullwidth.tile-row        .fusion-layout-column,
  .fusion-fullwidth.home-2-content .fusion-layout-column > .fusion-column-wrapper,
  .fusion-fullwidth.tile-row        .fusion-layout-column > .fusion-column-wrapper{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  /* 3) Secties zelf: geen extra top/bottom marge die het ritme verstoort */
  .fusion-fullwidth.home-2-content,
  .fusion-fullwidth.tile-row{
    margin-top: 0 !important;
    margin-bottom: var(--mob-gap) !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  /* laatste sectie geen extra witruimte onderaan */
  .fusion-fullwidth.tile-row:last-of-type{ margin-bottom: 0 !important; }

  /* 4) Fallback voor oudere Safari (iOS 13 e.d.) zonder flex row-gap */
  @supports not (row-gap: 1rem){
    .fusion-fullwidth.home-2-content .fusion-builder-row > .fusion-layout-column,
    .fusion-fullwidth.tile-row        .fusion-builder-row > .fusion-layout-column{
      margin-bottom: var(--mob-gap) !important;
    }
    .fusion-fullwidth.home-2-content .fusion-builder-row > .fusion-layout-column:last-child,
    .fusion-fullwidth.tile-row        .fusion-builder-row > .fusion-layout-column:last-child{
      margin-bottom: 0 !important;
    }
  }
}







/* Voor knoppen met .keep-case: respecteer precies de ingevoerde hoofd-/kleine letters */
.fusion-button.keep-case .fusion-button-text,
.fusion-button.keep-case .awb-button__text{
  text-transform: none !important;
}

/* Schakel de eerdere ::first-letter-regel uit */
.fusion-button.keep-case .fusion-button-text::first-letter,
.fusion-button.keep-case .awb-button__text::first-letter{
  text-transform: none !important;
}
















/************ FOOTER • Nieuwsbrief (alle pagina’s) ************/
:root{
  --container: 1320px;   /* site width + gutter */
  --nl-pill-h: 56px;     /* hoogte input-pill */
  --nl-btn-h: 44px;      /* hoogte knop */
  --nl-btn-w: 180px;     /* min. breedte knop (pas aan indien gewenst) */
  --nl-gap-r: 12px;      /* ruimte tussen knop en rechterrand van de pill */
}

/* 0) Houd de footer-rij binnen je sitebreedte */
.emhd-newsletter > .fusion-row{
  width:100% !important;
  max-width:var(--container) !important;
  margin:0 auto !important;
  padding:0 !important;
  transform:none !important;
}

/* 1) Form & (geneste) rows: neutraliseer Avada’s 104%-truc en negatieve marges */
.emhd-newsletter .fusion-form,
.emhd-newsletter .fusion-form .fusion-row,
.emhd-newsletter .fusion-form .fusion-fullwidth > .fusion-row{
  position:relative !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
  display:block !important;        /* maakt kolombreedtes onschadelijk */
}

/* 2) Kolomwrappers in het form geen extra ruimte laten toevoegen */
.emhd-newsletter .fusion-form .fusion-layout-column,
.emhd-newsletter .fusion-form .fusion-layout-column > .fusion-column-wrapper{
  margin:0 !important;
  padding:0 !important;
  width:100% !important;            /* beide kolommen 100% breed (stacked) */
  max-width:100% !important;
}

/* 3) Lege extra kolom die Avada soms toevoegt: uit */
.emhd-newsletter .fusion-form .fusion-builder-column-37{ display:none !important; }

/* 4) Input-pill: 100% + ruimte reserveren voor de overlappende knop */
.emhd-newsletter input[type="email"].fusion-form-input{
  width:100% !important;
  max-width:100% !important;
  display:block !important;

  height:var(--nl-pill-h) !important;
  line-height:var(--nl-pill-h) !important;
  border-radius:9999px !important;

  /* ≥ min. knopbreedte + eigen padding + marge rechts */
  padding:0 calc(var(--nl-btn-w) + var(--nl-gap-r) + 14px) 0 20px !important;
}

/* 5) Knop ín de pill, rechts gecentreerd t.o.v. de form-row */
.emhd-newsletter .fusion-form .fusion-form-submit-field,
.emhd-newsletter .fusion-form .fusion-form-submit-field > div{
  position:static !important;       /* anker = .fusion-row erboven */
  margin:0 !important; padding:0 !important; width:auto !important;
}

.emhd-newsletter .fusion-form .fusion-form-submit-field .fusion-button,
.emhd-newsletter .fusion-form .fusion-form-submit-field .fusion-button.fusion-button-span-yes{
  position:absolute !important;
  top:50% !important;
  right:var(--nl-gap-r) !important;
  left:auto !important;
  transform:translateY(-154%) !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;

  width:auto !important;            /* kill “span-yes” 100%-breedte */
  max-width:none !important;
  min-width:var(--nl-btn-w) !important;
  height:var(--nl-btn-h) !important;
  line-height:var(--nl-btn-h) !important;
  border-radius:9999px !important;
  padding:0 18px !important;
  box-shadow:none !important;
  z-index:3;
}

/* 6) Mobiel: knop onder het veld (full width) */
@media (max-width: 980px){
  .emhd-newsletter .fusion-form .fusion-form-submit-field .fusion-button{
    position:static !important;
    transform:none !important;
    width:100% !important;
    height:48px !important;
    line-height:48px !important;
    margin-top:10px !important;
  }
  .emhd-newsletter input[type="email"].fusion-form-input{
    padding-right:16px !important;
  }
}






/* Globale stijl voor de dunne lijn in de footer */
.fusion-footer .line,
.footer-content .line {           /* laat deze staan voor backward compat */
  display: block;
  width: 100%;
  height: 1px;
  background: hsla(0, 0%, 100%, .5);
  margin: 0px 0;
}





/* Container reviews footer */
.gr-badge{
  display:inline-flex;
  align-items:center;
  gap:.6rem;
  padding:.35rem .8rem;
  border:2px solid #f6a54a;
  border-radius:999px;
  background:#fff;
  font:600 16px/1.2 var(--awb-typography1-font-family, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial);
  color:#0c1e25;
  box-shadow:0 3px 10px rgba(0,0,0,.06);
}

/* Sterrenrij */
.gr-badge .gr-stars{ display:inline-flex; gap:2px; }
.gr-badge .gr-star{ width:18px; height:18px; display:inline-flex; }
.gr-badge svg{ width:18px; height:18px; }
.gr-badge .gr-fill  { fill:#f6a54a; }             /* gevulde ster */
.gr-badge .gr-empty { fill:#f6a54a33; }           /* lege ster */

/* Tekstdeel */
.gr-badge .gr-text{ white-space:nowrap; }
.gr-badge .gr-rating{ font-weight:700; }
.gr-badge .gr-count{ color:#6b7b86; margin-left:.35rem; }

#emhd-google-badge .gr-count { 
  display: none !important; 
}








/* Blog */

/* Verberg avatar, auteur en datum onder de blogtitel op single posts */
.single-post .fusion-title + .fusion-image-element,
.single-post .fusion-title + .fusion-image-element + .fusion-text,
.single-post .fusion-title + .fusion-image-element + .fusion-text + .fusion-text {
  display: none !important;
}

/* Verberg de comments-teller in carousels/related blocks */
.fusion-carousel-meta a[href*="#respond"],
.fusion-carousel-meta a[href*="#comments"] {
  display: none !important;
}

/* Verberg het scheidingsstreepje als de comments weg zijn */
.fusion-carousel-meta .fusion-inline-sep:has(+ span a[href*="#respond"]),
.fusion-carousel-meta .fusion-inline-sep:has(+ span a[href*="#comments"]) {
  display: none !important;
}

/* Laat de tekst exact zien zoals in de HTML (handig als je handmatig hoofdletters zet) */
.fusion-button .fusion-button-text {
  text-transform: none;
}


















/* Alleen CONTACTPAGINA (page-id-22) */

/* 1) Contact-sectie (row-2) = overal wit + boven de volgende sectie */
.page-id-22 .fusion-builder-row-2{
  position: relative;
  z-index: 2;
  background-color: #fff !important;
  background-image: none !important;
}

/* 2) Container pakt de volledige hoogte */
.page-id-22 .fusion-builder-row-2 .fusion-column-wrapper{
  display: flow-root;
}

/* 3) Volgende sectie (row-3) = grijs vlak eronder */
.page-id-22 .fusion-builder-row-3{
  position: relative;
  z-index: 1;
  background-color: #e9ecef !important;
  margin-top: 0 !important;
}

/* 4) Bovenrand op de formulier-kolom (alleen contactpagina) */
.page-id-22 .fusion-builder-column-6{
  --awb-border-top: 1px !important;
  --awb-border-style: solid;
}

/* Fallback als variabele niet pakt:
.page-id-22 .fusion-builder-column-6 .fusion-column-wrapper{
  border-top: 1px solid hsla(var(--awb-color8-h),var(--awb-color8-s),var(--awb-color8-l),calc(var(--awb-color8-a) - 92%));
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  background-clip: padding-box;
}
*/















@media (max-width: 640px){
  .fusion-fullwidth.hero-top{
    width: 100vw !important;           /* rekt naar viewport */
    margin-left: 50% !important;
    transform: translateX(-50%) !important; /* centreert en negeert parent padding */
    background-position: center center !important;
    background-size: cover !important;
  }
}





/* Tekstblok in hero iets omhoog op mobiel */
@media (max-width: 640px){

  /* pak de hele contentkolom iets omhoog */
  .hero-top .fusion-builder-column-4{
    margin-top: -10px !important;     /* speel tussen -6px en -20px */
  }

  /* haal de grote bovenmarge van de eerste separator weg */
  .hero-top .fusion-builder-column-4 .fusion-full-width-sep:first-child{
    margin-top: 24px !important;
		/* stond op 40px */
  }

  /* minimaliseer extra marges rondom H1/H2 blokken */
  .hero-top .fusion-title-7,
  .hero-top .fusion-title-8{
    margin-top: 0 !important;
  }

  /* iets compacter regels; voorkomt afkappen */
  .hero-top .fusion-title-7 h1,
  .hero-top .fusion-title-8 h2{
    line-height: 1.18 !important;
  }
}







@media (max-width: 640px){
  /* Toon alleen het rechter deel van de afbeelding op mobiel */
  .fusion-fullwidth.hero-top{
    background-position: 60% center !important;   /* helemaal naar rechts */
    background-size: cover !important;
  }
  /* Avada’s responsive variabele overschrijven */
  .fusion-fullwidth.hero-top{
    --awb-background-position-small: 60% 50% !important;
  }
}










/* ===== Contact banner: maak 'm hoger & royaler ===== */

/* Card zelf: extra verticale padding + minimale hoogte */
.fusion-builder-column-15 > .fusion-column-wrapper{
  padding-block: 28px !important;   /* was ~16–24px */
  min-height: 120px;                 /* optisch hoger */
}

/* Avatar iets groter */
.fusion-builder-nested-column-10 .fusion-image-element{
  --awb-max-width: 76px !important;  /* was 62px */
}

/* Naam + functie compacter en iets groter */
.fusion-title-13 .fusion-title-heading{            /* "Martijn van den Berg" */
  font-size: clamp(20px, 1.6vw, 22px) !important;
}
.fusion-text-12 p{                                  /* "Eigenaar EM Hosting & Design" */
  font-size: clamp(14px, 1.1vw, 16px) !important;
  margin-top: 2px !important;
}

/* Quote groter (centrale regel) */
.fusion-title-14 h4{
  font-size: clamp(22px, 2.2vw, 28px) !important;
  line-height: 1.35 !important;
}

/* Belknop royaler: hogere knop + iets grotere tekst */
.fusion-builder-nested-column-13 .fusion-button{
  padding: 14px 18px !important;
  font-size: clamp(14px, 1.3vw, 16px) !important;
  line-height: 1 !important;
  border-radius: 10px !important;
}

/* ===== Mobiel finetuning ===== */
@media (max-width: 640px){

  .fusion-builder-column-15 > .fusion-column-wrapper{
    padding-block: 24px !important;   /* iets compacter dan desktop */
    min-height: 110px;
  }

  .fusion-builder-nested-column-10 .fusion-image-element{
    --awb-max-width: 68px !important;  /* mobiele avatar */
  }

  .fusion-title-14 h4{
    font-size: 20px !important;        /* voorkomt 2x afbreken */
  }

  .fusion-builder-nested-column-13 .fusion-button{
    padding: 12px 16px !important;
    font-size: 15px !important;
  }
}









/* Footer-kolommen: geen witte achtergrond op mobiel */
@media (max-width: 640px){
  /* meest gebruikte Avada footer selectors */
  .fusion-footer .fusion-builder-column .fusion-column-wrapper,
  .fusion-footer-widget-area .fusion-builder-column .fusion-column-wrapper,
  footer .fusion-builder-column .fusion-column-wrapper{
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
  }

  /* als je 'inner bg wrapper' gebruikt */
  .fusion-footer .fusion-column-inner-bg,
  .fusion-footer .fusion-column-inner-bg-image{
    background: transparent !important;
  }
}










/* ===== EMHD Process – clean single CSS ===== */
.emhd-process{
  /* kleuren & scale */
  --bg:#f6f8fb;
  --card:#ffffff;
  --text:#1f2937;
  --muted:#4b5563;
  --accent:#18c4d8;
  --stroke:#e5e7eb;
  --scale:1.0;

  background:var(--bg);
  padding:clamp(32px,6vw,72px);
  border-radius:24px;
}

/* Titel (matcht thema-H2 waar mogelijk) */
.emhd-process h2{
  color:var(--text);
  font-family:inherit;
  font-weight:700;
  font-size:var(--h2_typography-font-size, clamp(1.6rem,3.2vw,2.2rem));
  line-height:1.15;
  letter-spacing:.2px;
  margin:0 0 24px;
}

/* Grid */
.emhd-steps{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:22px;
  grid-template-columns:repeat(1,minmax(0,1fr));
}
@media (min-width:640px){
  .emhd-steps{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (min-width:1024px){
  .emhd-steps{ grid-template-columns:repeat(5,minmax(0,1fr)); }
}

/* Cards */
.emhd-step{
  background:var(--card);
  border:1px solid var(--stroke);
  border-radius:16px;
  padding:20px 18px;
  position:relative;
  box-shadow:0 4px 16px rgba(0,0,0,.05);
  transition:transform .2s ease, box-shadow .2s ease; /* geen border-color op hover */
}
.emhd-step:hover{
  transform:translateY(-3px);
  box-shadow:0 10px 30px rgba(0,0,0,.12);
}

/* Badge */
.emhd-badge{
  width:44px; height:44px;
  border-radius:999px;
  display:grid; place-items:center;
  background:var(--accent);
  color:#ffffff;
  font-weight:700; font-size:1.55rem;
  margin-bottom:10px;
}
@media (max-width:640px){
  .emhd-badge{ width:32px; height:32px; font-size:.875rem; }
}

/* Teksten */
.emhd-step h3{
  color:var(--text);
  font-family:inherit;
  font-weight:700;
  font-size:clamp(1rem,1.6vw,1.55rem);
  line-height:1.3;
  margin:0 0 8px;
	text-align: center;
}
.emhd-step p{
  color:var(--muted);
  font-family:inherit;
  font-weight:400;
  font-size:1.25rem;
  line-height:1.6;
  margin:0;
  transform:scale(var(--scale));
  transform-origin:top left;
	text-align:center;
}

/* Toetsenbord focus */
.emhd-step:focus-within{
  outline:2px solid var(--accent);
  outline-offset:3px;
}

























/* ===== EMHD – Light CTA style (Avada form #4481, zonder iconen) ===== */
.cta-light{
  --text:#111827; --muted:#6b7280; --line:#d7dde4;
  --focus:#18c4d8; --accent:#18c4d8;
}

/* Labels */
.cta-light .fusion-form-4481 .fusion-form-label-wrapper label{
  color:var(--muted); font-size:19px; margin-bottom:6px; letter-spacing:.1px;
}

/* Underline inputs (naam/telefoon/e-mail) */
.cta-light .fusion-form-4481 .fusion-form-input,
.cta-light .fusion-form-4481 .fusion-form-input-with-icon input{
  background:transparent !important;
  border:0 !important;
  border-bottom:2px solid var(--line) !important;
  border-radius:0 !important;
  padding:10px 2px !important;
  color:var(--text) !important;
  font-size:16px !important;
  height:auto !important;
  box-shadow:none !important;
  width:100%;
}
.cta-light .fusion-form-4481 .fusion-form-input:focus,
.cta-light .fusion-form-4481 .fusion-form-input-with-icon input:focus{
  border-bottom-color:var(--focus) !important;
  box-shadow:0 1px 0 0 var(--focus) !important;
  outline:0 !important;
}

/* Radio → segmented pills (wrapper class 'contactpref') */
.cta-light .fusion-form-4481 .contactpref .fusion-form-label-wrapper{ margin-bottom:8px; }
.cta-light .fusion-form-4481 .contactpref fieldset{
  display:flex; gap:8px; padding:0; margin:0; border:0; align-items:center; flex-wrap:wrap;
}
.cta-light .fusion-form-4481 .contactpref .fusion-form-radio{ margin:0; position:relative; }
.cta-light .fusion-form-4481 .contactpref input[type="radio"]{
  position:absolute !important; opacity:0 !important; width:0 !important; height:0 !important;
  pointer-events:none !important; appearance:none !important; margin:0 !important;
}
.cta-light .fusion-form-4481 .contactpref label{
  display:inline-flex; align-items:center; justify-content:center;
  height:42px; padding:0 34px;
  border:1px solid var(--line); border-radius:999px;
  background:#fff; color:var(--text); font-weight:600; font-size:14px;
  cursor:pointer; white-space:nowrap;
  transition:border-color .12s, background .12s, color .12s, box-shadow .12s;
}
.cta-light .fusion-form-4481 .contactpref label:hover{ border-color:#c7ced7; }
.cta-light .fusion-form-4481 .contactpref input[type="radio"]:checked + label{
  background:var(--accent); color:#fff; border-color:var(--accent);
  box-shadow:0 6px 18px rgba(24,196,216,.25);
}

/* Versturen-knop: filled (of maak 'm outline door bg/border te wisselen) */
.cta-light .fusion-form-4481 .fusion-form-submit-field .fusion-button{
  height:44px; padding:0 22px !important;
  border-radius:999px !important;
  background:var(--accent) !important;
  border:2px solid var(--accent) !important;
  color:#fff !important;
  font-weight:700 !important; letter-spacing:.2px;
  transition:transform .12s, box-shadow .12s, background .12s, color .12s, border-color .12s;
}
.cta-light .fusion-form-4481 .fusion-form-submit-field .fusion-button:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(24,196,216,.28);
}

/* Kolomdecoratie Avada uit (strakker) */
.cta-light .fusion-form-4481 .fusion-column-wrapper{
  box-shadow:none !important; background:transparent !important; border:none !important; padding:0 !important;
}

/* Lead boven het formulier (optioneel) */
.cta-lead{
  font-size: clamp(18px, 2.2vw, 22px);
  line-height: 1.45;
  margin: 0 0 18px;
  color: #111827;
}
.cta-lead a{
  color:#0d8fa0; text-decoration:underline; text-underline-offset:3px;
}
.cta-lead a:hover{ color:#18c4d8; }

/* Mobiel: iets compacter stacken */
@media (max-width:899px){
  .cta-light .fusion-form-4481 .fusion-form-field{ margin-bottom:.25rem; }
}

.fusion-form-form-wrapper .fusion-form-field .fusion-form-radio label:before {
    display: none;
}

/* === PATCH: radio "Voorkeur contact?" naast elkaar === */

/* fieldset als horizontale rij */
.cta-light .fusion-form-4481 .contactpref fieldset{
  display:flex !important;
  flex-wrap:wrap;              /* mag afbreken op kleine schermen */
  gap:8px;
  align-items:center;
  padding:0; margin:0; border:0;
}

/* elk radio-item is een inline pill, geen 100% breedte meer */
.cta-light .fusion-form-4481 .contactpref .fusion-form-radio{
  display:inline-flex !important;
  width:auto !important;
  margin:0 !important;
}

/* input onzichtbaar, label is de pill (je had deze al—extra !important voor zekerheid) */
.cta-light .fusion-form-4481 .contactpref input[type="radio"]{
  position:absolute !important;
  opacity:0 !important;
  width:0 !important; height:0 !important;
  pointer-events:none !important;
  appearance:none !important;
}

.cta-light .fusion-form-4481 .contactpref label{
  display:inline-flex; align-items:center; justify-content:center;
  height:40px; padding:0 12px;
  border:1px solid var(--line); border-radius:999px;
  background:#fff; color:var(--text); font-weight:600; font-size:19px;
  cursor:pointer; white-space:nowrap;
  transition:border-color .12s, background .12s, color .12s, box-shadow .12s;
}

/* desktop: probeer eerst op één regel te blijven */
@media (min-width: 900px){
  .cta-light .fusion-form-4481 .contactpref fieldset{ flex-wrap:nowrap; }
}






/* ===== EMHD – CTA Card Boost (werkt op Column of Container) ===== */
.cta-boost{
  --tint:#f6fbfd;           /* zachte achtergrondkleur */
  --stroke:#e6eef3;         /* subtiele rand */
  --shadow:0 8px 28px rgba(24,196,216,.10);
  --pad:clamp(18px,3vw,28px);
  --radius:20px;
}

/* 1) Als je de class op een COLUMN zet (meest gebruikelijk in Avada) */
.cta-boost > .fusion-column-wrapper{
  background:var(--tint) !important;
  border:1px solid var(--stroke) !important;
  border-radius:var(--radius) !important;
  padding:var(--pad) !important;
  box-shadow:var(--shadow) !important;
}

/* 2) Als je de class op een CONTAINER (fusion-fullwidth) zet */
.fusion-fullwidth.cta-boost > .fusion-builder-row{
  background:var(--tint) !important;
  border:1px solid var(--stroke) !important;
  border-radius:var(--radius) !important;
  padding:var(--pad) !important;
  box-shadow:var(--shadow) !important;
  max-width:1100px; margin:0 auto;   /* netjes centreren */
}

/* 3) Optionele top/bottom-afstand t.o.v. de rest van de pagina */
.cta-boost{ margin-block: clamp(16px,3vw,32px); }














/* Form submit-knop dezelfde stijl als je siteknop (foto 1) */
.fusion-form .fusion-form-submit-field > div > .fusion-button{
  background:#16a6ad !important;      /* basis kleur van je siteknop */
  border:2px solid #16a6ad !important;
  color:#ffffff !important;

  border-radius:12px !important;       /* zelfde hoekradius, geen pill */
  height:52px;                         /* optisch gelijk aan siteknop */
  padding:0 26px !important;

  font-weight:700 !important;
  line-height:1 !important;
  letter-spacing:.2px;

  box-shadow:none !important;
  transform:none !important;
}

.fusion-form .fusion-form-submit-field > div > .fusion-button:hover{
  background:#1498a1 !important;       /* hover tint van je siteknop */
  border-color:#1498a1 !important;
}

/* voorkom extra binnenruimte/line-height op de tekst */
.fusion-form .fusion-form-submit-field .fusion-button .awb-button__text{
  padding:0 !important;
  line-height:1 !important;
  display:inline-block;
}
/* === Force the form #4481 submit button to match the site button === */
body .fusion-form-4481[data-form-id="4481"] .fusion-form-submit-field > div > button.fusion-button,
body form.fusion-form-4481 .fusion-form-submit-field > div > button.fusion-button,
body .cta-light .fusion-form-4481[data-form-id="4481"] .fusion-form-submit-field > div > button.fusion-button {
  /* same darker teal + smaller rounded corners as your site button (foto 1) */
  background: #18c4d8 !important;
  border: 2px solid #18c4d8 !important;
  color: #ffffff !important;

  border-radius: 12px !important;      /* NOT a pill */
  height: 52px !important;
  padding: 0 26px !important;

  font-weight: 700 !important;
  letter-spacing: .2px;
  line-height: 1 !important;

  box-shadow: none !important;
  transform: none !important;
}

body .fusion-form-4481[data-form-id="4481"] .fusion-form-submit-field > div > button.fusion-button:hover,
body form.fusion-form-4481 .fusion-form-submit-field > div > button.fusion-button:hover,
body .cta-light .fusion-form-4481[data-form-id="4481"] .fusion-form-submit-field > div > button.fusion-button:hover {
  background: #1498a1 !important;      /* hover tint */
  border-color: #1498a1 !important;
}

body .fusion-form-4481[data-form-id="4481"] .fusion-form-submit-field .fusion-button .awb-button__text,
body form.fusion-form-4481 .fusion-form-submit-field .fusion-button .awb-button__text,
body .cta-light .fusion-form-4481[data-form-id="4481"] .fusion-form-submit-field .fusion-button .awb-button__text {
  padding: 0 !important;
  line-height: 1 !important;
  display: inline-block;
}











/* CTA: vaste achtergrond, geen border, geen shadow */
.cta-boost{
  --tint:#F6FBFD;        /* ← jouw standaard achtergrondkleur (pas aan) */
  --radius:20px;         /* hoekradius behouden; pas aan of laat staan */
  --pad:clamp(18px,3vw,28px);
}

/* Als de CTA op een COLUMN staat */
.cta-boost > .fusion-column-wrapper{
  background:var(--tint) !important;
  padding:var(--pad) !important;
  border:none !important;
  box-shadow:none !important;
  border-radius:var(--radius) !important;
}

/* Als de CTA op een CONTAINER (fusion-fullwidth) staat */
.fusion-fullwidth.cta-boost > .fusion-builder-row{
  background:var(--tint) !important;
  padding:var(--pad) !important;
  border:none !important;
  box-shadow:none !important;
  border-radius:var(--radius) !important;
}





/* ===== EMHD – Form: dark-on-dark variant ===== */
/* Gebruik: zet class "cta-dark" op de CTA container/kolom */
.cta-dark{
  --ink:#eaf2f6;               /* hoofdtekst in het blok */
  --muted:#b9c7d4;             /* labels/placeholder */
  --line:rgba(255,255,255,.22);
  --line-hover:rgba(255,255,255,.32);
  --field-bg:rgba(255,255,255,.10);
  --field-bg-focus:rgba(255,255,255,.16);
  --accent:#18c4d8;            /* jouw primaire */
}

/* Titels/tekst in de CTA */
.cta-dark,
.cta-dark h1, .cta-dark h2, .cta-dark h3,
.cta-dark p, .cta-dark li { color:var(--ink); }

/* Labels */
.cta-dark .fusion-form-4481 .fusion-form-label-wrapper label{
  color:var(--muted) !important;
}

/* Inputs (text/phone/email) – glaslook + duidelijke focus */
.cta-dark .fusion-form-4481 .fusion-form-input,
.cta-dark .fusion-form-4481 .fusion-form-input-with-icon input{
  background:var(--field-bg) !important;
  border:1px solid var(--line) !important;
  border-radius:10px !important;
  color:var(--ink) !important;
  padding:12px 14px !important;
  box-shadow:none !important;
}
.cta-dark .fusion-form-4481 .fusion-form-input::placeholder,
.cta-dark .fusion-form-4481 .fusion-form-input-with-icon input::placeholder{
  color:var(--muted) !important;
}
.cta-dark .fusion-form-4481 .fusion-form-input:focus,
.cta-dark .fusion-form-4481 .fusion-form-input-with-icon input:focus{
  background:var(--field-bg-focus) !important;
  border-color:var(--accent) !important;
  outline:0 !important;
  box-shadow:0 0 0 3px rgba(24,196,216,.20) !important;
}

/* Icon in input (Avada) iets lichter */
.cta-dark .fusion-form-4481 .fusion-form-input-with-icon .awb-form-icon{
  color:#d4e2eb;
}

/* Radio 'Voorkeur contact?' – inverse pills */
.cta-dark .fusion-form-4481 .contactpref fieldset{
  display:flex; flex-wrap:wrap; gap:10px; padding:0; margin:0; border:0;
}
.cta-dark .fusion-form-4481 .contactpref .fusion-form-radio{ margin:0; }
.cta-dark .fusion-form-4481 .contactpref input[type="radio"]{
  position:absolute; opacity:0; width:0; height:0; pointer-events:none;
}
.cta-dark .fusion-form-4481 .contactpref label{
  display:inline-flex; align-items:center; justify-content:center;
  height:40px; padding:0 14px;
  border:1px solid var(--line); border-radius:999px;
  background:transparent; color:var(--ink); font-weight:600;
  transition:border-color .12s, background .12s, color .12s, box-shadow .12s;
}
.cta-dark .fusion-form-4481 .contactpref label:hover{ border-color:var(--line-hover); }
.cta-dark .fusion-form-4481 .contactpref input[type="radio"]:checked + label{
  background:var(--accent); color:#0b1320; border-color:var(--accent);
  box-shadow:0 6px 18px rgba(24,196,216,.25);
}

/* Submit-knop – gebruik je bestaande kleur, maar zorg voor voldoende contrast */
.cta-dark .fusion-form .fusion-form-submit-field > div > .fusion-button{
  background:#18c4d8 !important;
  border:2px solid #18c4d8 !important;
  color:#0b1320 !important;                 /* op donker: donker tekstje leest fijner */
  border-radius:12px !important;
  height:52px; padding:0 26px !important; font-weight:800 !important;
}
.cta-dark .fusion-form .fusion-form-submit-field > div > .fusion-button:hover{
  background:#14aec2 !important; border-color:#14aec2 !important;
}
.cta-dark .fusion-form .fusion-form-submit-field .fusion-button .awb-button__text{
  padding:0 !important; line-height:1 !important; display:inline-block;
}

/* Validatie/foutmelding goed zichtbaar */
.cta-dark .fusion-form .fusion-form-error,
.cta-dark .fusion-form .fusion-form-errors{
  color:#ffd7d7; background:rgba(255,85,85,.10); border:1px solid rgba(255,85,85,.35);
}





body .fusion-form-4481[data-form-id="4481"] .fusion-form-submit-field > div > button.fusion-button, body form.fusion-form-4481 .fusion-form-submit-field > div > button.fusion-button, body .cta-light .fusion-form-4481[data-form-id="4481"] .fusion-form-submit-field > div > button.fusion-button {
    background: #2f4858 !important;
    border: 2px solid #ffffff !important;
}

.cta-dark .fusion-form-4481 .contactpref label {
    border: 2px solid #ffffff;
}

.cta-dark .fusion-form-4481 .fusion-form-input, .cta-dark .fusion-form-4481 .fusion-form-input-with-icon input {
    border: 2px solid #ffffff !important;
}

.cta-dark .fusion-form-4481 .fusion-form-label-wrapper label {
    color: #ffffff !important;
}

.cta-dark .fusion-form-4481 .fusion-form-label-wrapper label {
    color: #ffffff !important;
    font-size: 24px;
}

.fusion-form-form-wrapper .fusion-form-field .label, .fusion-form-form-wrapper .fusion-form-field label {
    font-size: 20px;
    color: #ffffff;
}

.cta-dark .fusion-form-4481 .fusion-form-input-with-icon .awb-form-icon {
    color: #ffffff;
}






/* Donkere CTA: inputs vaste achtergrondkleur #2f4858 */
.cta-dark .fusion-form-4481 .fusion-form-input,
.cta-dark .fusion-form-4481 .fusion-form-input-with-icon input {
  background: #2f4858 !important;    /* vaste achtergrond */
  border: 1px solid rgba(255,255,255,.22) !important;
  border-radius: 10px !important;
  color: #eaf2f6 !important;          /* lichte tekstkleur */
  padding: 12px 14px !important;
  box-shadow: none !important;
}

/* Placeholder en iconen iets lichter */
.cta-dark .fusion-form-4481 .fusion-form-input::placeholder,
.cta-dark .fusion-form-4481 .fusion-form-input-with-icon input::placeholder {
  color: #b9c7d4 !important;
}
.cta-dark .fusion-form-4481 .fusion-form-input-with-icon .awb-form-icon {
  color: #d4e2eb;
}

/* Focus-state met accentkleur */
.cta-dark .fusion-form-4481 .fusion-form-input:focus,
.cta-dark .fusion-form-4481 .fusion-form-input-with-icon input:focus {
  border-color: #18c4d8 !important;
  outline: 0 !important;
  box-shadow: 0 0 0 3px rgba(24,196,216,.20) !important;
}




/* Donkere CTA: inputs met #2f4858 en witte rand van 2px */
.cta-dark .fusion-form-4481 .fusion-form-input,
.cta-dark .fusion-form-4481 .fusion-form-input-with-icon input {
  background: #2f4858 !important;     /* vaste achtergrondkleur */
  border: 2px solid #ffffff !important;/* witte rand van 2px */
  border-radius: 10px !important;
  color: #eaf2f6 !important;           /* lichte tekstkleur */
  padding: 12px 14px !important;
  box-shadow: none !important;
}

/* Placeholderkleur lichter */
.cta-dark .fusion-form-4481 .fusion-form-input::placeholder,
.cta-dark .fusion-form-4481 .fusion-form-input-with-icon input::placeholder {
  color: #dce4ea !important;
}

/* Iconen ook wit maken */
.cta-dark .fusion-form-4481 .fusion-form-input-with-icon .awb-form-icon {
  color: #ffffff !important;
}

/* Accentkleur bij focus */
.cta-dark .fusion-form-4481 .fusion-form-input:focus,
.cta-dark .fusion-form-4481 .fusion-form-input-with-icon input:focus {
  border-color: #ffffff !important;    /* behoud witte rand */
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(255,255,255,0.25) !important;
}






/* Compacter: minder verticale afstand tussen de velden */
.cta-dark .fusion-form-4481 .fusion-form-field{
  margin-bottom: 14px !important;   /* was ±24–32px; pas aan naar smaak */
}

/* Labels iets dichter op het veld */
.cta-dark .fusion-form-4481 .fusion-form-label-wrapper{
  margin-bottom: 4px !important;
}

/* Specifiek voor de radio-groep 'Voorkeur contact?' iets minder bovenruimte */
.cta-dark .fusion-form-4481 .contactpref{
  margin-top: 8px !important;
}

/* Op desktop mag er net iets meer lucht blijven */
@media (min-width: 1024px){
  .cta-dark .fusion-form-4481 .fusion-form-field{
    margin-bottom: 16px !important;
  }
}




/* Labels in formulier #2674 zwart */
.fusion-form-field[data-form-id="2674"] label,
.fusion-form-field[data-form-id="2674"] .fusion-form-label-wrapper label {
  color: #000000 !important;
}
/* 23-10-2026: Engels contactformulier 7853 (kopie van 2674) zelfde zwarte labels */
.fusion-form-field[data-form-id="7853"] label,
.fusion-form-field[data-form-id="7853"] .fusion-form-label-wrapper label {
  color: #000000 !important;
}








/* Centreer inhoud binnen elke emhd-step */
.emhd-process .emhd-step{
  display:flex;
  flex-direction:column;
  align-items:center;      /* horizontaal centreren van badge/teksten */
  text-align:center;       /* tekst centreren */
  gap:10px;                /* nette tussenruimte */
}

/* Badge exact in het midden boven de titel */
.emhd-process .emhd-step .emhd-badge{
  margin:0 auto;
}

/* Optioneel: titels/paragraaf marges strak */
.emhd-process .emhd-step h3{ margin:0 0 4px; }
.emhd-process .emhd-step p{  margin:0; max-width:36ch; } /* leesbare breedte */











/* Full-bleed achtergrond voor één container, content blijft boxed */
.emhd-bleed-bg{
  position: relative;
  overflow: visible !important;  /* voorkom afknippen */
  /* Gebruik de containerkleur (inline Avada var) of val terug op je themekleur */
  --_bg: var(--awb-background-color, var(--awb-bg-color, var(--awb-color2, #f4f6f8)));
  background: var(--_bg);                /* naadloos onder de content */
  box-shadow: 0 0 0 100vmax var(--_bg);  /* ‘verf’ buiten de container */
  clip-path: inset(0 -100vmax);          /* laat die verf horizontaal doorlopen */
  z-index: 0;
}

/* Zorg dat inhoud altijd boven de geverfde achtergrond ligt */
.emhd-bleed-bg > *{
  position: relative;
  z-index: 1;
}















@media (max-width: 767px){
.single-avada_portfolio .post-content .fusion-fullwidth.fullwidth-box,
.single-avada_portfolio .post-content .fusion-builder-row,
.single-avada_portfolio .post-content .fusion-layout-column,
.single-avada_portfolio .post-content .fusion-column-wrapper{overflow:visible !important;padding-left:0 !important;padding-right:0 !important;margin-left:0 !important;margin-right:0 !important;}
.single-avada_portfolio .post-content .fusion-image-element,
.single-avada_portfolio .post-content .fusion-imageframe{position:relative !important;left:50% !important;margin-left:-50vw !important;margin-right:-50vw !important;width:100vw !important;max-width:none !important;float:none !important;padding:0 !important;border:0 !important;box-shadow:none !important;}
.single-avada_portfolio .post-content .fusion-imageframe>a,
.single-avada_portfolio .post-content .fusion-imageframe>span{display:block !important;width:100% !important;max-width:none !important;margin:0 !important;}
.single-avada_portfolio .post-content .fusion-imageframe img,
.single-avada_portfolio .post-content .fusion-image-element img,
.single-avada_portfolio .post-content img.wp-image,
.single-avada_portfolio .post-content .img-responsive{display:block !important;width:100% !important;max-width:none !important;height:auto !important;margin:0 !important;}
.single-avada_portfolio .post-content .fusion-imageframe{margin-bottom:20px !important;}
.single-avada_portfolio .post-content .fusion-image-element+.fusion-text,
.single-avada_portfolio .post-content .fusion-text+.fusion-image-element{margin-top:16px !important;}
.single-avada_portfolio .post-content{font-size:18px !important;line-height:1.7 !important;}
.single-avada_portfolio .post-content h2{font-size:28px !important;line-height:1.25 !important;}
.single-avada_portfolio .post-content h3{font-size:22px !important;line-height:1.3 !important;}
.single-avada_portfolio .post-content p,
.single-avada_portfolio .post-content li{font-size:18px !important;line-height:1.7 !important;}
}




.fusion-builder-column-15 > .fusion-column-wrapper {
    padding-block: 0px !important;
}







.fusion-form-form-wrapper .fusion-form-field .label, .fusion-form-form-wrapper .fusion-form-field label {
    font-size: 22px;
}








/* Mega menu: linker kolom (“Wat we doen”) achtergrond fixen */
.fusion-layout-column.fusion_builder_column.fusion-builder-column-2.fusion_builder_column_1_3.\31 _3.fusion-flex-column {
    background-color: #ffffff !important;
}














/* =========================================================
   EM Hosting & Design — Over ons
   Werkende oplossing met classes (geen row-nummers)
   ========================================================= */

:root{
  --em-accent:#18c4d8;
  --em-text:rgba(0,0,0,0.72);
  --em-muted:rgba(0,0,0,0.68);
  --em-border:rgba(0,0,0,0.06);
  --em-shadow:0 10px 30px rgba(0,0,0,0.06);
  --em-shadow-hover:0 18px 45px rgba(0,0,0,0.08);
  --em-radius:14px;
}

/* =========================
   A) Sectie: Wat wij doen
   Class op row: em-wat-wij-doen
   ========================= */
.em-wat-wij-doen{
  padding: 80px 0;
  background: var(--awb-color2);
}

/* Titel + intro (geen box) */
.em-wat-wij-doen .fusion-title-heading{
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* Intro tekst */
.em-wat-wij-doen .fusion-text p{
  max-width: 820px;
  color: var(--em-muted);
  margin: 0;
  hyphens: none;
  word-break: keep-all;
}

/* Desktop: intro op 1 regel, mobiel mag breken */
@media (min-width: 769px){
  .em-wat-wij-doen .fusion-text p{ white-space: nowrap; }
}
@media (max-width: 768px){
  .em-wat-wij-doen .fusion-text p{ white-space: normal; }
}

/* ===== Service cards (alleen columns met class em-service-card) ===== */
.em-wat-wij-doen .em-service-card .fusion-column-wrapper{
  background: #fff;
  border: 1px solid var(--em-border);
  border-radius: var(--em-radius);
  padding: 40px 36px;
  box-shadow: var(--em-shadow);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.em-wat-wij-doen .em-service-card .fusion-column-wrapper:hover{
  transform: translateY(-4px);
  box-shadow: var(--em-shadow-hover);
  border-color: rgba(0,0,0,0.10);
}

/* H3’s in cards */
.em-wat-wij-doen .em-service-card h3{
  font-weight: 650;
  letter-spacing: -0.01em;
  margin: 0 0 16px 0;
}

/* Lijst styling + vinkjes ALLEEN in de service cards */
.em-wat-wij-doen .em-service-card ul{
  list-style: none;
  padding: 0;
  margin: 0;
}

.em-wat-wij-doen .em-service-card li{
  position: relative;
  padding-left: 28px;
  margin: 0 0 10px 0;
  line-height: 1.55;
  color: var(--em-text);
}

.em-wat-wij-doen .em-service-card li::before{
  content: "✓";
  position: absolute;
  left: 0;
  top: 0.05em;
  color: var(--em-accent);
  font-weight: 800;
  line-height: 1;
}

/* Responsive */
@media (max-width: 768px){
  .em-wat-wij-doen{ padding: 56px 0; }
  .em-wat-wij-doen .em-service-card .fusion-column-wrapper{
    padding: 30px 26px;
    border-radius: 12px;
  }
}

/* =========================
   B) Sectie erna: 2 kolommen tekst
   Class op row: em-over-ons-cols
   GEEN box, GEEN vinkjes (normale bullets)
   ========================= */
.em-over-ons-cols{
  padding: 60px 0;
  background: transparent;
}

/* haal de Avada shadow/box look weg die je via fusion-column-has-shadow ziet */
.em-over-ons-cols .fusion-column-wrapper{
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

/* Titels hier: override inline netjes */
.em-over-ons-cols h2.fusion-title-heading{
  margin: 0 0 14px 0 !important;
  --fontSize: 36 !important;
  font-size: 36px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
}

/* Tekst hier */
.em-over-ons-cols .fusion-text p{
  color: var(--em-muted);
  margin: 0 0 10px 0;
}

/* Normale bullets (dus géén vinkjes) */
.em-over-ons-cols .fusion-text ul{
  list-style: disc !important;
  padding-left: 1.2em !important;
  margin: 10px 0 0 0 !important;
}

.em-over-ons-cols .fusion-text ul li{
  padding-left: 0 !important;
  margin: 0 0 8px 0 !important;
}

.em-over-ons-cols .fusion-text ul li::before{
  content: none !important;
}

/* =========================================
   FIX: Row-5 H2 titels (inline + responsive)
   ========================================= */

/* 1) H2 in row-5: win van inline + calculated typography */
html body .fusion-body .fusion-builder-row-5 h2.fusion-title-heading.fusion-responsive-typography-calculated{
  /* override inline */
  margin: 0 0 14px 0 !important;
  line-height: 1.15 !important;

  /* override Avada fontSize var + force size */
  --fontSize: 36 !important;
  font-size: 36px !important;

  /* styling */
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
}

/* 2) Tablet/desktop tuning */
@media (min-width: 1025px){
  html body .fusion-body .fusion-builder-row-5 h2.fusion-title-heading.fusion-responsive-typography-calculated{
    --fontSize: 38 !important;
    font-size: 38px !important;
  }
}

/* 3) Mobiel kleiner */
@media (max-width: 768px){
  html body .fusion-body .fusion-builder-row-5 h2.fusion-title-heading.fusion-responsive-typography-calculated{
    --fontSize: 30 !important;
    font-size: 30px !important;
  }
}

/* FIX: alleen de linkerkolom titel in row-5 (fusion-title-13) */
html body .fusion-body .fusion-builder-row-5 .fusion-builder-column-12 .fusion-title.fusion-title-13 > h2.fusion-title-heading{
  margin: 0 0 14px 0 !important;
  --fontSize: 36 !important;
  font-size: 36px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
}

html body .fusion-body .fusion-builder-row-5 .fusion-builder-column-13 .fusion-title.fusion-title-14 > h2.fusion-title-heading{
  margin: 0 0 14px 0 !important;
  --fontSize: 36 !important;
  font-size: 36px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
}

/* EM Hosting & Design — eigen title class (werkt altijd) */
.em-section-title h2.fusion-title-heading{
  margin: 0 0 14px 0 !important;      /* override inline margin:0 */
  line-height: 1.15 !important;       /* override inline line-height */

  --fontSize: 36 !important;          /* override inline --fontSize */
  font-size: 36px !important;         /* extra zekerheid */

  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
}

/* Responsive tuning */
@media (max-width: 768px){
  .em-section-title h2.fusion-title-heading{
    --fontSize: 30 !important;
    font-size: 30px !important;
  }
}
@media (min-width: 1025px){
  .em-section-title h2.fusion-title-heading{
    --fontSize: 38 !important;
    font-size: 38px !important;
  }
}




/* =========================================================
   EM Hosting & Design — 2-koloms "Waarom / Voor wie"
   Doel: clean, premium, geen Avada-shadow boxes
   Scope: alleen row-5 + em-section-title
   ========================================================= */

/* 1) Row spacing */
.fusion-builder-row-5{
  padding: 70px 0;
}

/* 2) Haal Avada column shadow/box look weg (alleen in row-5) */
.fusion-builder-row-5 .fusion-column-wrapper{
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

/* 3) Titel styling (werkt ondanks inline --fontSize) */
.fusion-builder-row-5 .em-section-title h2.fusion-title-heading{
  margin: 0 0 14px 0 !important;
  line-height: 1.15 !important;

  --fontSize: 34 !important;
  font-size: 34px !important;

  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
}

/* 4) Intro zinnetje boven de lijst */
.fusion-builder-row-5 .fusion-text p{
  margin: 0 0 12px 0;
  color: rgba(0,0,0,0.68);
}

/* 5) Lijst: strak, modern, met blauwe vinkjes (alleen row-5) */
.fusion-builder-row-5 .fusion-text ul{
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.fusion-builder-row-5 .fusion-text ul li{
  position: relative;
  padding-left: 30px !important;
  margin: 0 0 10px 0 !important;
  line-height: 1.55 !important;
  color: rgba(0,0,0,0.74);
}

.fusion-builder-row-5 .fusion-text ul li::before{
  content: "✓" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0.08em !important;
  color: #18c4d8 !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

/* 6) Subtiele scheiding/structuur tussen de 2 kolommen (desktop) */
@media (min-width: 1025px){
  .fusion-builder-row-5 .fusion-builder-column-12{
    padding-right: 28px;
    border-right: 1px solid rgba(0,0,0,0.08);
  }
  .fusion-builder-row-5 .fusion-builder-column-13{
    padding-left: 28px;
  }
}

/* 7) Responsive: meer lucht, kleinere titels */
@media (max-width: 768px){
  .fusion-builder-row-5{
    padding: 52px 0;
  }
  .fusion-builder-row-5 .em-section-title h2.fusion-title-heading{
    --fontSize: 28 !important;
    font-size: 28px !important;
  }
  .fusion-builder-row-5 .fusion-builder-column-12{
    border-right: 0;
    padding-right: 0;
  }
  .fusion-builder-row-5 .fusion-builder-column-13{
    padding-left: 0;
  }
}

/* Gelijke hoogte voor titels in 2-koloms sectie */
.fusion-builder-row-5 .em-section-title{
  min-height: 88px;              /* pas aan indien nodig */
  display: flex;
  align-items: flex-end;         /* titel onderin uitlijnen */
}

/* Zorg dat H2 geen extra marge veroorzaakt */
.fusion-builder-row-5 .em-section-title h2{
  margin: 0 !important;
}

@media (max-width: 768px){
  .fusion-builder-row-5 .em-section-title{
    min-height: auto;
  }
}

/* =========================================
   MOBIEL: extra zij-padding (zodat tekst niet tegen rand plakt)
   Alleen voor deze secties: row-4 (wat wij doen) + row-5 (2 kolommen)
   ========================================= */
@media (max-width: 768px){
  .fusion-builder-row-4,
  .fusion-builder-row-5{
    padding-left: 22px !important;
    padding-right: 22px !important;
  }

  /* Extra zekerheid: inner row ook padding geven */
  .fusion-builder-row-4 .fusion-row,
  .fusion-builder-row-5 .fusion-row{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
























/* Professionele CSS verbeteringen specifiek voor de priceemhd container */

/* 1. Basis styling voor de container */
.priceemhd {
    background: linear-gradient(135deg, #f8fafc 0%, #e0f2fe 100%) !important;
    position: relative !important;
    overflow: hidden !important;
    padding-top: 80px !important;
    padding-bottom: 80px !important;
    margin: 0 !important;
}

/* Subtiele achtergrond pattern alleen voor deze container */
.priceemhd::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%2318c4d8' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    opacity: 0.6;
    z-index: 0;
}

/* 2. Titel verbeteringen alleen binnen de container */
.priceemhd .fusion-title-9 h2.fusion-title-heading {
    background: linear-gradient(90deg, #18c4d8, #15b4c6) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: #000000 !important;
    font-weight: 800 !important;
    font-size: 3.5rem !important;
    margin-bottom: 16px !important;
    letter-spacing: -0.5px !important;
    position: relative !important;
    z-index: 1 !important;
    text-align: center !important;
    width: 100% !important;
}

/* BELANGRIJK: Zorg dat de titel column zich als volle breedte gedraagt */
.priceemhd .fusion-builder-column-9 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
}

/* Zorg dat de titel container niet dezelfde styling krijgt als prijscards */
.priceemhd .fusion-builder-column-9 .fusion-column-wrapper {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    min-height: auto !important;
}

/* 3. Container verbeteringen - AANGEPAST */
.priceemhd .fusion-builder-row.fusion-row {
    position: relative !important;
    z-index: 1 !important;
    max-width: 1400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    margin-top: 20px !important; /* Minder marge boven */
    padding: 0 15px !important;
}

/* 4. Prijskaartjes verbeteringen binnen de container - AANGEPAST */
/* Zorg dat alleen de prijscolumns de 1/4 breedte krijgen */
.priceemhd .fusion-builder-column-10,
.priceemhd .fusion-builder-column-11,
.priceemhd .fusion-builder-column-12,
.priceemhd .fusion-builder-column-13 {
    padding: 6px !important;
    transition: transform 0.3s ease !important;
    margin-bottom: 20px !important;
    /* Bredere kolommen met minder tussenruimte */
    flex: 0 0 calc(25% - 12px) !important;
    max-width: calc(25% - 12px) !important;
    margin-left: 6px !important;
    margin-right: 6px !important;
}

.priceemhd .fusion-builder-column-10:hover,
.priceemhd .fusion-builder-column-11:hover,
.priceemhd .fusion-builder-column-12:hover,
.priceemhd .fusion-builder-column-13:hover {
    transform: translateY(-10px) !important;
}

/* Minimaliseer de spacing tussen kolommen */
.priceemhd .fusion-builder-column-10[style*="--awb-spacing-right-large"],
.priceemhd .fusion-builder-column-10[style*="--awb-spacing-left-large"],
.priceemhd .fusion-builder-column-11[style*="--awb-spacing-right-large"],
.priceemhd .fusion-builder-column-11[style*="--awb-spacing-left-large"],
.priceemhd .fusion-builder-column-12[style*="--awb-spacing-right-large"],
.priceemhd .fusion-builder-column-12[style*="--awb-spacing-left-large"],
.priceemhd .fusion-builder-column-13[style*="--awb-spacing-right-large"],
.priceemhd .fusion-builder-column-13[style*="--awb-spacing-left-large"] {
    --awb-spacing-right-large: 0.3% !important;
    --awb-spacing-left-large: 0.3% !important;
}

/* Algemene wrapper styling voor prijscards */
.priceemhd .fusion-column-wrapper {
    background: white !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
    transition: all 0.3s ease !important;
    border: 1px solid #e2e8f0 !important;
    height: 100% !important;
    padding: 0 !important;
    min-height: 560px !important;
}

.priceemhd .fusion-column-wrapper:hover {
    box-shadow: 0 20px 40px rgba(24, 196, 216, 0.15) !important;
    border-color: #18c4d8 !important;
}

/* 5. Header van prijskaartjes binnen de container */
.priceemhd .panel-heading {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%) !important;
    padding: 28px 20px !important;
    border-bottom: 1px solid #e2e8f0 !important;
    text-align: center !important;
}

.priceemhd .panel-heading h3 {
    color: #42494d !important;
    font-weight: 700 !important;
    font-size: 1.75rem !important;
    margin: 0 !important;
}

/* 6. Prijsweergave verbeteringen binnen de container */
.priceemhd .panel-body {
    padding: 28px 20px !important;
    text-align: center !important;
    background: white !important;
    position: relative !important;
}

.priceemhd .price {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 8px !important;
}

.priceemhd .integer-part {
    font-size: 3em !important;
    font-weight: 600 !important;
    color: #18c4d8 !important;
    line-height: 1 !important;
    order: 2 !important;
}

.priceemhd .decimal-part {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    color: #18c4d8 !important;
    align-self: flex-start !important;
    margin-top: 8px !important;
    order: 3 !important;
}

.priceemhd .currency {
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    color: #64748b !important;
    order: 1 !important;
    margin-right: 4px !important;
    align-self: flex-start !important;
    margin-top: 4px !important;
}

.priceemhd .time {
    font-size: 1rem !important;
    color: #64748b !important;
    margin-left: 8px !important;
    align-self: flex-end !important;
    margin-bottom: 12px !important;
    order: 4 !important;
}

/* 7. Features lijst verbeteringen binnen de container */
.priceemhd .list-group {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.priceemhd .list-group-item {
    padding: 14px 20px !important;
    border-bottom: 1px solid #f1f5f9 !important;
    background-color: white !important;
    color: #42494d !important;
    font-size: 1rem !important;
    position: relative !important;
    transition: background-color 0.2s ease !important;
}

.priceemhd .list-group-item:last-child {
    border-bottom: none !important;
}

.priceemhd .list-group-item:hover {
    background-color: #f8fafc !important;
}

/* Voeg checkmark icons toe aan list items binnen de container */
.priceemhd .list-group-item::before {
    content: '✓';
    color: #18c4d8 !important;
    font-weight: bold !important;
    margin-right: 12px !important;
}

/* 8. Knop verbeteringen binnen de container */
.priceemhd .panel-footer {
    padding: 20px !important;
    background: white !important;
    border-top: 1px solid #f1f5f9 !important;
}

.priceemhd .fusion-button {
    display: block !important;
    width: 100% !important;
    padding: 16px 20px !important;
    background: #18c4d8 !important;
    color: white !important;
    text-align: center !important;
    font-weight: 700 !important;
    font-size: 1.125rem !important;
    border-radius: 12px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(24, 196, 216, 0.2) !important;
    position: relative !important;
    overflow: hidden !important;
}

.priceemhd .fusion-button::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent);
    transition: left 0.5s ease;
}

.priceemhd .fusion-button:hover {
    background: #42494d !important;
    box-shadow: 0 6px 20px rgba(66, 73, 77, 0.3) !important;
    transform: translateY(-2px) !important;
}

.priceemhd .fusion-button:hover::after {
    left: 100%;
}

.priceemhd .fusion-button-text {
    position: relative !important;
    z-index: 1 !important;
}

/* 9. Highlight voor het middelste kaartje binnen de container */
.priceemhd .fusion-builder-column-11 .fusion-column-wrapper {
    border: 2px solid #18c4d8 !important;
    box-shadow: 0 20px 40px rgba(24, 196, 216, 0.15) !important;
    position: relative !important;
}

.priceemhd .fusion-builder-column-11 .fusion-column-wrapper::before {
    content: 'MEEST GEKOZEN';
    position: absolute;
    top: 0;
    right: 20px;
    background: linear-gradient(90deg, #18c4d8, #15b4c6);
    color: white;
    font-weight: 700;
    font-size: 0.75rem;
    padding: 5px 16px;
    border-radius: 0 0 12px 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 4px 12px rgba(24, 196, 216, 0.2);
    z-index: 10;
}

.priceemhd .fusion-builder-column-11 .panel-heading {
    background: linear-gradient(135deg, #e6f7fa 0%, #d0f0f5 100%) !important;
}

.priceemhd .fusion-builder-column-11 .panel-heading h3 {
    color: #42494d !important;
}

/* 10. Voeg een call-to-action tekst toe na de titel binnen de container */
.priceemhd .fusion-title-9::after {
    content: 'Een webhostingpakket voor elk idee';
    display: block;
    color: #64748b;
    font-size: 1.25rem;
    max-width: 700px;
    margin: 16px auto 0;
    text-align: center;
    font-weight: 400;
    line-height: 1.6;
}

/* 11. Responsive aanpassingen alleen voor de container - HERZIEN */
/* Desktop (standaard) */
@media (min-width: 1201px) {
    .priceemhd .fusion-builder-column-10,
    .priceemhd .fusion-builder-column-11,
    .priceemhd .fusion-builder-column-12,
    .priceemhd .fusion-builder-column-13 {
        flex: 0 0 calc(25% - 12px) !important;
        max-width: calc(25% - 12px) !important;
        margin: 0 6px 20px 6px !important;
    }
}

/* Tablet */
@media (max-width: 1200px) and (min-width: 769px) {
    .priceemhd .fusion-builder-column-10,
    .priceemhd .fusion-builder-column-11,
    .priceemhd .fusion-builder-column-12,
    .priceemhd .fusion-builder-column-13 {
        flex: 0 0 calc(50% - 16px) !important;
        max-width: calc(50% - 16px) !important;
        margin: 0 8px 20px 8px !important;
    }
    
    .priceemhd .fusion-column-wrapper {
        min-height: 540px !important;
    }
}

/* Mobiel */
@media (max-width: 768px) {
    .priceemhd {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    
    .priceemhd .fusion-title-9 h2.fusion-title-heading {
        font-size: 2.5rem !important;
    }
    
    .priceemhd .fusion-builder-column-10,
    .priceemhd .fusion-builder-column-11,
    .priceemhd .fusion-builder-column-12,
    .priceemhd .fusion-builder-column-13 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin: 0 0 20px 0 !important;
    }
    
    .priceemhd .integer-part {
        font-size: 3.5rem !important;
    }
    
    .priceemhd .fusion-builder-column-11 .fusion-column-wrapper::before {
        right: 40%;
        transform: translateX(50%);
    }
    
    .priceemhd .fusion-column-wrapper {
        min-height: auto !important;
    }
}

/* Kleine mobiele telefoons */
@media (max-width: 480px) {
    .priceemhd .fusion-title-9 h2.fusion-title-heading {
        font-size: 2rem !important;
    }
    
    .priceemhd .panel-heading,
    .priceemhd .panel-body,
    .priceemhd .list-group-item,
    .priceemhd .panel-footer {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    
    .priceemhd .integer-part {
        font-size: 3rem !important;
    }
	#wrapper .sep-boxed-pricing .panel-wrapper {
        margin-bottom: -10px;
    }
}

/* 12. Animatie voor het laden van de kaartjes binnen de container */
@keyframes priceemhdFadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.priceemhd .fusion-builder-column-10,
.priceemhd .fusion-builder-column-11,
.priceemhd .fusion-builder-column-12,
.priceemhd .fusion-builder-column-13 {
    animation: priceemhdFadeInUp 0.6s ease forwards;
}

.priceemhd .fusion-builder-column-10 { animation-delay: 0.1s; opacity: 0; }
.priceemhd .fusion-builder-column-11 { animation-delay: 0.2s; opacity: 0; }
.priceemhd .fusion-builder-column-12 { animation-delay: 0.3s; opacity: 0; }
.priceemhd .fusion-builder-column-13 { animation-delay: 0.4s; opacity: 0; }

/* 13. Subtiele hover effecten op de titel binnen de container */
.priceemhd .fusion-title-9 h2.fusion-title-heading::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 4px;
    background: linear-gradient(90deg, #18c4d8, #15b4c6);
    border-radius: 2px;
}

/* 14. Verbeter de hover effecten voor list items binnen de container */
.priceemhd .list-group-item:hover {
    padding-left: 28px !important;
}

.priceemhd .list-group-item:hover::before {
    margin-right: 16px !important;
    transform: scale(1.1);
    transition: transform 0.2s ease;
}

/* 15. Override de oorspronkelijke stijlen specifiek voor deze container */
.priceemhd .fusion-pricing-table {
    border-radius: 20px !important;
    overflow: hidden !important;
}

.priceemhd .fusion-panel {
    border: none !important;
    border-radius: 0 !important;
}

/* AANPASSING: Forceer de breedte voor desktop */
@media (min-width: 1201px) {
    .priceemhd .fusion-builder-column-10[style*="--awb-width-large"],
    .priceemhd .fusion-builder-column-11[style*="--awb-width-large"],
    .priceemhd .fusion-builder-column-12[style*="--awb-width-large"],
    .priceemhd .fusion-builder-column-13[style*="--awb-width-large"] {
        --awb-width-large: calc(25% - 12px) !important;
    }
    
    .priceemhd .fusion-builder-column-9[style*="--awb-width-large"] {
        --awb-width-large: 100% !important;
    }
	
}









/* VOEG DIT TOE AAN JE BESTAANDE CSS: */

/* 16. Subtitel toevoegen onder elke pakketnaam */
.priceemhd .panel-heading::after {
    content: '';
    display: block;
    margin-top: 8px;
    font-size: 1rem;
    font-weight: 500;
    color: #64748b;
    line-height: 1.4;
}

/* Specifieke subtitels voor elk pakket */
.priceemhd .fusion-builder-column-10 .panel-heading::after {
    content: 'Voor starters & één website';
}

.priceemhd .fusion-builder-column-11 .panel-heading::after {
    content: 'Ideaal voor zzp\'ers';
}

.priceemhd .fusion-builder-column-12 .panel-heading::after {
    content: 'Voor groeiende bedrijven';
}

.priceemhd .fusion-builder-column-13 .panel-heading::after {
    content: 'Voor agencies & webshops';
}

/* 17. Verbeter spacing voor panel-heading met subtitel */
.priceemhd .panel-heading {
    padding-bottom: 20px !important; /* Meer ruimte voor subtitel */
}

.priceemhd .panel-heading h3 {
    margin-bottom: 4px !important; /* Ruimte tussen titel en subtitel */
}


/* 26. Responsive aanpassingen voor subtitels */
@media (max-width: 768px) {
    .priceemhd .panel-heading::after {
        font-size: 0.95rem;
    }
    
    .priceemhd .fusion-builder-column-11 .fusion-column-wrapper::after {
        bottom: 110px;
        font-size: 0.8rem;
        padding: 6px 12px;
    }
    
    .priceemhd .panel-body::after {
        font-size: 0.8rem;
        max-width: 90%;
    }
    
    .priceemhd .fusion-column-wrapper::before {
        font-size: 0.7rem;
        margin: 0 16px;
    }
}

@media (max-width: 480px) {
    .priceemhd .panel-heading::after {
        font-size: 0.9rem;
        margin-top: 6px;
    }
    
    .priceemhd .fusion-builder-column-11 .fusion-column-wrapper::after {
        bottom: 100px;
    }
}

/* 27. Animatie voor subtitel op hover */
.priceemhd .panel-heading::after {
    transition: transform 0.3s ease, color 0.3s ease;
}

.priceemhd .fusion-column-wrapper:hover .panel-heading::after {
    color: #18c4d8;
    transform: translateY(-2px);
}

/* 28. Voeg een "Aanbevolen" indicator toe voor mobiel */
@media (max-width: 768px) {
    .priceemhd .fusion-builder-column-11 .fusion-column-wrapper::before {
        content: '⭐ MEEST GEKOZEN';
        font-size: 0.7rem;
        padding: 6px 14px;
    }
}





/* Optionele professionele elementen */

/* 31. Trust badges onder knoppen */
.priceemhd .panel-footer::after {
    content: '✓ 99,9% uptime garantie • ✓ NL support ';
    display: block;
    font-size: 0.75rem;
    color: #64748b;
    text-align: center;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #f1f5f9;
}



.priceemhd .fusion-title-9::before:hover {
    color: #15b4c6;
}

/* 34. Toggle voor maand/jaar prijsweergave */
.priceemhd .panel-body::before {
    content: 'Maandelijks';
    display: inline-block;
    font-size: 0.9rem;
    color: #64748b;
    background: #f1f5f9;
    padding: 4px 12px;
    border-radius: 20px;
    margin-bottom: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.priceemhd .panel-body::before:hover {
    background: #e2e8f0;
}


/* 36. Klantreviews snippet */
.priceemhd .fusion-title-9::after {
    content: '⭐⭐⭐⭐ 4,8/5 • Een webhostingpakket voor elk idee';
}












/* Start: "Start vandaag" (alleen Start met hoofdletter) */
.priceemhd .fusion-builder-column-10 .fusion-button-text::after {
    content: 'Snel online' !important;
    text-transform: none !important; /* Laat de content zoals hij is */
}

/* Basic: "Kies dit pakket" (alleen Kies met hoofdletter) */
.priceemhd .fusion-builder-column-11 .fusion-button-text::after {
    content: 'Ideaal voor ZZP' !important;
    text-transform: none !important;
}

/* Pro: "Upgrade nu" (alleen Upgrade met hoofdletter) */
.priceemhd .fusion-builder-column-12 .fusion-button-text::after {
    content: 'Groeimee' !important;
    text-transform: none !important;
}

/* Pro+: "Premium starten" (alleen Premium met hoofdletter) */
.priceemhd .fusion-builder-column-13 .fusion-button-text::after {
    content: 'Maximaal resultaat' !important;
    text-transform: none !important;
}














/* Mega menu over volledige viewport-breedte */
.awb-menu__mega-wrap {
  width: 100vw !important;
  max-width: 100vw !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
}

/* Inner containers ook echt full width */
.awb-menu__mega-wrap .fusion-fullwidth,
.awb-menu__mega-wrap .fusion-builder-row {
  max-width: 100% !important;
  width: 100% !important;
}

/* Voorkom horizontale scroll */
body {
  overflow-x: hidden;
}

/* FORCE dit specifieke mega-menu naar full width */
#awb-mega-menu-2891.awb-menu__mega-wrap{
  --awb-megamenu-width: 100vw !important;   /* override site_width */
  width: 100vw !important;
  max-width: 100vw !important;
  min-width: 100vw !important;

  left: 50% !important;                    /* centeren op viewport */
  right: auto !important;
  transform: translateX(-50%) !important;
}

/* Binnenste Avada containers niet beperken */
#awb-mega-menu-2891 .fusion-row{
  max-width: 100% !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Extra zekerheid: de fullwidth box zelf ook full */
#awb-mega-menu-2891 .fusion-fullwidth{
  width: 100% !important;
  max-width: 100% !important;
}

/* 1. Force mega menu full width (viewport) */
#awb-mega-menu-2891.awb-menu__mega-wrap {
  --awb-megamenu-width: 100vw !important;

  width: 100vw !important;
  max-width: 100vw !important;
  min-width: 100vw !important;

  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;

  position: fixed !important;     /* 🔑 los van page flow */
  top: 90px !important;           /* pas aan aan headerhoogte */
  z-index: 9999 !important;       /* 🔑 boven ALLES */
}

/* 2. Inner containers mogen geen site_width hebben */
#awb-mega-menu-2891 .fusion-row,
#awb-mega-menu-2891 .fusion-fullwidth {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* 3. Zorg dat page content er niet doorheen komt */
#awb-mega-menu-2891 {
  background: #fff !important;
  box-shadow: 0 20px 40px rgba(0,0,0,.12);
}

#awb-mega-menu-2891 .fusion-title-heading {
  text-transform: none !important;
}






/* ===== BLUR alleen bij hover "Diensten" (menu-item-259) ===== */

/* Menu boven alles */
#awb-mega-menu-2891{
  position: fixed !important;
  z-index: 10050 !important;
}

/* Overlay: alleen onder de header + wit (dus header/logo blijft wit) */
body:has(#menu-item-259:hover)::before,
body:has(#awb-mega-menu-2891:hover)::before{
  content:"";
  position: fixed;
  top: 110px;                 /* headerhoogte (evt. 100-130) */
  left: 0;
  right: 0;
  bottom: 0;

  background: rgba(255,255,255,.35); /* wit glas */
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);

  z-index: 10000;
  pointer-events: none;
}

/* Blur alleen content onder header */
body:has(#menu-item-259:hover) #main,
body:has(#awb-mega-menu-2891:hover) #main{
  filter: blur(7px);
  transition: filter .18s ease;
}
.fusion-header-wrapper,
.fusion-header,
.fusion-tb-header{
  background: #fff !important;
}

@media (max-width: 900px){
  body::before{ display:none !important; }
}

@media (max-width: 768px){
  body:has(#menu-item-259:hover)::before,
  body:has(#awb-mega-menu-2891:hover)::before{
    display: none !important;
  }

  body:has(#menu-item-259:hover) #main,
  body:has(#awb-mega-menu-2891:hover) #main{
    filter: none !important;
  }
}











/* Alleen de Offerte aanvragen knop (button-1) */
a.fusion-button.button-emhd.button-1{
  border-radius: 10px !important;
  padding: 0 22px !important;
  min-height: 44px !important;
  line-height: 44px !important;

  font-weight: 600 !important;
  letter-spacing: .2px !important;

  box-shadow: 0 10px 24px rgba(0,0,0,.14) !important;
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease !important;
}

a.fusion-button.button-emhd.button-1:hover{
  transform: translateY(-1px) !important;
  box-shadow: 0 14px 32px rgba(0,0,0,.18) !important;
  filter: brightness(.98) !important;
}

/* subtiele icon shift (alleen als icoon bestaat) */
a.fusion-button.button-emhd.button-1 .button-icon-right{
  transition: transform .15s ease !important;
}
a.fusion-button.button-emhd.button-1:hover .button-icon-right{
  transform: translateX(3px) !important;
}

/* Mega menu: iconen niet klikbaar maken (zodat alleen de juiste tegel/titel linkt) */
#awb-mega-menu-2891 a[class^="fb-icon-element"]{
  pointer-events: none !important;
  cursor: default !important;
}






/* Forceer H2 in fusion-title-13 */
.fusion-title.fusion-title-13 h2.fusion-title-heading{
  font-size: 44px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.01em !important;
}
/* Rij met titel + button centreren */
.fusion-builder-row.fusion-flex-align-items-center{
  justify-content: center !important;
}
/* Button wrapper centreren */
.fusion-builder-column-23 .fusion-column-wrapper{
  justify-content: center !important;
}

/* Verwijder right-alignment */
.fusion-builder-column-23 div[style*="text-align:right"]{
  text-align: center !important;
}




/* Forceer kleur voor: Nu inschrijven (button-6) */
button.form-form-submit.button-6,
button.form-form-submit.button-6.fusion-button{
  background: var(--awb-color5) !important;
  background-color: var(--awb-color5) !important;
  border-color: var(--awb-color5) !important;
  color: #fff !important;
}

/* Tekst in de knop */
button.form-form-submit.button-6 .fusion-button-text{
  color: #fff !important;
}

/* Hover */
button.form-form-submit.button-6:hover{
  background: var(--awb-color1) !important;
  background-color: var(--awb-color1) !important;
  border-color: var(--awb-color1) !important;
  color: #fff !important;
}


















/* ==========================================================
   EMHD – FOOTER FIX (1 versie, geen conflicts)
   - Google badge: witte pill
   - Newsletter form: input + button altijd strak naast elkaar
   - Footer hoogte: consistent op alle pagina’s/templates
========================================================== */

/* 0) Scope: alleen Avada footer */
.fusion-tb-footer.fusion-footer,
.fusion-tb-footer.fusion-footer .fusion-footer-widget-area,
.fusion-tb-footer.fusion-footer .fusion-footer-copyright-area{
  background:#2f4858 !important;
}

/* 1) Voorkom template-verschillen in hoogte door widget padding te resetten */
.fusion-tb-footer.fusion-footer .fusion-footer-widget-area{
  padding:0 !important;
}

/* 2) Hoofd-footerblok (met logo/kolommen) consistente padding */
.fusion-tb-footer.fusion-footer .newsletter-bar{
  padding:40px 0 30px 0 !important;
}

/* 3) Nieuwsbrief-rij (onderste strip) consistente padding */
.fusion-tb-footer.fusion-footer .emhd-newsletter{
  padding:22px 0 !important;
}

/* 4) Copyright consistent */
.fusion-tb-footer.fusion-footer .fusion-footer-copyright-area{
  background:#24414f !important;
  padding:18px 0 !important;
}

/* 5) Tekst/links wit (maar NIET in de Google badge) */
.fusion-tb-footer.fusion-footer .fusion-footer-widget-area,
.fusion-tb-footer.fusion-footer .fusion-footer-widget-area p,
.fusion-tb-footer.fusion-footer .fusion-footer-widget-area li,
.fusion-tb-footer.fusion-footer .fusion-footer-widget-area h1,
.fusion-tb-footer.fusion-footer .fusion-footer-widget-area h2,
.fusion-tb-footer.fusion-footer .fusion-footer-widget-area h3,
.fusion-tb-footer.fusion-footer .fusion-footer-widget-area h4,
.fusion-tb-footer.fusion-footer .fusion-footer-widget-area h5,
.fusion-tb-footer.fusion-footer .fusion-footer-widget-area h6{
  color:#fff !important;
}
.fusion-tb-footer.fusion-footer .fusion-footer-widget-area a{
  color:#fff !important;
  text-decoration:none !important;
}
.fusion-tb-footer.fusion-footer .fusion-footer-widget-area a:hover{
  color:#18c4d8 !important;
}

/* 6) Google badge terug naar “zoals was”: witte pill + oranje rand/sterren */
.fusion-tb-footer.fusion-footer #emhd-google-badge.gr-badge{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  background:#fff !important;
  border:2px solid #ff8a00 !important;
  border-radius:999px !important;
  padding:10px 14px !important;
  line-height:1 !important;
  box-shadow:0 6px 18px rgba(0,0,0,.12) !important;
}

/* Badge inhoud: donker leesbaar, sterren oranje */
.fusion-tb-footer.fusion-footer #emhd-google-badge .gr-text,
.fusion-tb-footer.fusion-footer #emhd-google-badge .gr-rating{
  color:#0f172a !important;
}
.fusion-tb-footer.fusion-footer #emhd-google-badge .gr-fill{
  fill:#ff8a00 !important;
}

/* 7) Newsletter form: dit is de kernfix (werkt op homepage + /cases/) */
.fusion-tb-footer.fusion-footer .emhd-newsletter .fusion-form-2673{
  margin:0 !important;
}



/* Avada columns in die row: NIET vasthouden aan 60/20/20 */
.fusion-tb-footer.fusion-footer .emhd-newsletter .fusion-form-2673
.fusion-builder-row.fusion-row > .fusion-layout-column{
  width:auto !important;
  flex:0 0 auto !important;
  margin:0 !important;
}

/* 1e kolom (email) mag groeien */
.fusion-tb-footer.fusion-footer .emhd-newsletter .fusion-form-2673
.fusion-builder-row.fusion-row > .fusion-layout-column:first-child{
  flex:1 1 320px !important;
}

/* 2e kolom (button) blijft strak */
.fusion-tb-footer.fusion-footer .emhd-newsletter .fusion-form-2673
.fusion-builder-row.fusion-row > .fusion-layout-column:nth-child(2){
  flex:0 0 auto !important;
}

/* 3e kolom (lege) mag niets “duwen” */
.fusion-tb-footer.fusion-footer .emhd-newsletter .fusion-form-2673
.fusion-builder-row.fusion-row > .fusion-layout-column:nth-child(3){
  flex:0 0 0 !important;
  width:0 !important;
  padding:0 !important;
}

/* Input */
.fusion-tb-footer.fusion-footer .emhd-newsletter .fusion-form-2673 input.fusion-form-input{
  height:46px !important;
  line-height:46px !important;
  border-radius:999px !important;
  padding:0 18px !important;

  width:100% !important;
  min-width:0 !important;

  background:#fff !important;
  color:#2f4858 !important;
  border:0 !important;
  box-shadow:none !important;
  outline:none !important;
}
.fusion-tb-footer.fusion-footer .emhd-newsletter .fusion-form-2673 input.fusion-form-input::placeholder{
  color:rgba(47,72,88,.65) !important;
  opacity:1 !important;
}

/* Submit wrapper reset (voorkomt “zweven”) */
.fusion-tb-footer.fusion-footer .emhd-newsletter .fusion-form-2673 .fusion-form-submit-field{
  margin:0 !important;
  padding:0 !important;
  position:static !important;
  transform:none !important;
}

/* Button */
.fusion-tb-footer.fusion-footer .emhd-newsletter .fusion-form-2673 .fusion-form-submit-field button{
  height:46px !important;
  line-height:46px !important;
  border-radius:999px !important;
  padding:0 22px !important;

  background:#18c4d8 !important;
  border:0 !important;
  color:#fff !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;

  margin:0 !important;
  top:0 !important;
}
.fusion-tb-footer.fusion-footer .emhd-newsletter .fusion-form-2673 .fusion-form-submit-field button:hover{
  filter:brightness(.92);
}

/* 8) Mobiel: netjes onder elkaar */
@media (max-width:800px){
  .fusion-tb-footer.fusion-footer .emhd-newsletter .fusion-form-2673 .fusion-builder-row.fusion-row{
    flex-wrap:wrap !important;
    gap:12px !important;
  }
  .fusion-tb-footer.fusion-footer .emhd-newsletter .fusion-form-2673
  .fusion-builder-row.fusion-row > .fusion-layout-column:first-child{
    flex:1 1 100% !important;
  }
  .fusion-tb-footer.fusion-footer .emhd-newsletter .fusion-form-2673
  .fusion-builder-row.fusion-row > .fusion-layout-column:nth-child(2){
    flex:1 1 100% !important;
  }
  .fusion-tb-footer.fusion-footer .emhd-newsletter .fusion-form-2673 .fusion-form-submit-field button{
    width:100% !important;
  }
}
.fusion-builder-row-5 {
    padding: 0px 0;
}
.fusion-tb-footer.fusion-footer .newsletter-bar {
    padding: 40px 0 0px 0 !important;
}

.fusion-builder-column-15 > .fusion-column-wrapper {
    min-height: 65px;
}

.fusion-builder-row-5 .fusion-text p {
    margin: 12px 0 12px 0;
}

.fusion-tb-footer.fusion-footer .emhd-newsletter .fusion-form-2673 .fusion-form-submit-field button {
    height: 40px !important;
    top: 42px !important;
}
.fusion-text-12 p {
    font-size: clamp(14px, 1.1vw, 18px)!important 
}




/* Google badge mag NIET 100% breed worden */
.fusion-tb-footer #emhd-google-badge.gr-badge,
.fusion-footer #emhd-google-badge.gr-badge{
  display: inline-flex !important;
  width: auto !important;
  max-width: max-content !important;
  flex: 0 0 auto !important;
  align-self: flex-start !important;
  justify-content: flex-start !important;
}

/* Als een parent/kolom hem toch oprekt */
.fusion-tb-footer #emhd-google-badge.gr-badge{
  justify-self: start !important;
}

/* Optioneel: netjes zoals screenshot (pill) */
.fusion-tb-footer #emhd-google-badge.gr-badge,
.fusion-footer #emhd-google-badge.gr-badge{
  background: #ffffff !important;
  border: 2px solid #ff8a00 !important;
  border-radius: 999px !important;
  padding: 10px 14px !important;
  gap: 10px !important;
  line-height: 1 !important;
}
.fusion-tb-footer #emhd-google-badge .gr-rating,
.fusion-tb-footer #emhd-google-badge .gr-text{
  color: #0f172a !important;
}
.fusion-tb-footer #emhd-google-badge .gr-fill{
  fill: #ff8a00 !important;
}





/* EMHD – nieuwsbrief: GEEN linker marge bij tekst */
.fusion-footer .emhd-newsletter 
.fusion-builder-column-32{
  padding-left: 0 !important;
}

/* Avada zet spacing soms op wrapper i.p.v. column */
.fusion-footer .emhd-newsletter 
.fusion-builder-column-32 > .fusion-column-wrapper{
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* Extra zekerheid: tekst zelf mag nooit inspringen */
.fusion-footer .emhd-newsletter 
.fusion-builder-column-32 .fusion-text,
.fusion-footer .emhd-newsletter 
.fusion-builder-column-32 .fusion-text p{
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* EMHD nieuwsbrief: GEEN linker inspringing (werkt op ALLE pagina's) */
.fusion-footer .emhd-newsletter .fusion-row > .fusion-layout-column:first-child{
  padding-left: 0 !important;
  margin-left: 0 !important;
}

.fusion-footer .emhd-newsletter .fusion-row > .fusion-layout-column:first-child > .fusion-column-wrapper{
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* extra zekerheid: geen padding/marge op de tekst zelf */
.fusion-footer .emhd-newsletter .fusion-row > .fusion-layout-column:first-child .fusion-text,
.fusion-footer .emhd-newsletter .fusion-row > .fusion-layout-column:first-child .fusion-text p{
  padding-left: 0 !important;
  margin-left: 0 !important;
}






/* Compenseer Avada's -2% shift (calc(-4%/2)) alleen voor naam + telefoon */
.cta-dark .fusion-form-4481 .fusion-builder-column-11,
.cta-dark .fusion-form-4481 .fusion-builder-column-12{
  position: relative !important;
  left: calc(4% / 2) !important;  /* = +2% */
}




/* Universele fix: compenseer Avada's -2% shift (calc(-4%/2)) voor de 2 halve kolommen */
.cta-dark .fusion-form-4481 form .fusion-row.fusion-flex-content-wrap[style*="width:104%"] 
> .fusion_builder_column_1_2{
  position: relative !important;
  left: calc(4% / 2) !important; /* = +2% */
}

/* Optioneel: op mobiel geen shift */
@media (max-width: 800px){
  .cta-dark .fusion-form-4481 form .fusion-row.fusion-flex-content-wrap[style*="width:104%"] 
  > .fusion_builder_column_1_2{
    left: 0 !important;
  }
}




.emhd-process-wrap{
  cursor: default;
}

.emhd-process{
  transition: transform .2s ease, box-shadow .2s ease;
}

.emhd-process-wrap:hover .emhd-process{
  transform: translateY(-2px);
}

.emhd-badge{
  transition: transform .2s ease;
}

.emhd-process-wrap:hover .emhd-badge{
  transform: scale(1.06);
}













/* =========================================
   FIX: Hover-gap vullen (werkt in sticky + normaal)
   ========================================= */

/* 1) Zorg dat het menu-item een referentie is */
#menu-item-259{
  position: relative;
}

/* 2) Bridge op HET MENU-ITEM (niet op de mega-wrap) */
#menu-item-259::after{
  content: "";
  position: absolute;
  left: -40px;          /* beetje extra zodat je niet “valt” */
  right: -40px;
  top: 100%;
  height: 24px;         /* vult de ruimte tussen header en dropdown */
  background: transparent;
}

/* 3) Hou dropdown open zolang je op item OF bridge OF mega menu zit */
#menu-item-259:hover > .awb-menu__mega-wrap,
#menu-item-259:hover > .awb-menu__sub-ul,
#menu-item-259:hover::after{
  /* niks nodig; hover blijft gewoon actief */
}

/* 4) Zorg dat bridge boven de achtergrond zit maar onder het menu */
#menu-item-259::after{
  z-index: 5;
  pointer-events: auto;
}

/* 5) Mega menu boven de bridge */
#menu-item-259 > .awb-menu__mega-wrap{
  z-index: 10 !important;
}


/* 1) Zorg dat het LI het anker is */
.fusion-header-wrapper.fusion-is-sticky li[data-item-id="259"]{
  position: relative;
}

/* 2) Vul het gat op met een hover-bridge (onzichtbaar) */
.fusion-header-wrapper.fusion-is-sticky li[data-item-id="259"]::before{
  content: "";
  position: absolute;
  left: -40px;     /* iets breder, zodat je geen ‘randje’ mist */
  right: -40px;
  top: 100%;
  height: 30px;    /* maak dit gelijk aan jouw gap + marge */
  background: transparent;
}

/* 3) Z-index zodat die bridge echt meedoet */
.fusion-header-wrapper.fusion-is-sticky li[data-item-id="259"]{
  z-index: 100000;
}
.fusion-header-wrapper.fusion-is-sticky #awb-mega-menu-2891{
  z-index: 100001;
}













/* =========================
   FIX: sticky gap mega menu (Diensten)
   ========================= */

/* 1) Haal de 5px inline margin-top variabele weg in STICKY */
.fusion-header-wrapper.fusion-is-sticky #awb-mega-menu-2891 > .fusion-fullwidth{
  --awb-margin-top: 0px !important;
  margin-top: 0 !important;
}

/* 2) Extra zekerheid: geen extra top padding in sticky (soms zit het daar) */
.fusion-header-wrapper.fusion-is-sticky #awb-mega-menu-2891 > .fusion-fullwidth{
  padding-top: 0 !important;
}

/* 3) Hover-bridge (sticky) zodat je muis niet “valt” als er tóch 1px verschil is */
.fusion-header-wrapper.fusion-is-sticky li[data-item-id="259"]{
  position: relative;
}
.fusion-header-wrapper.fusion-is-sticky li[data-item-id="259"] > #awb-mega-menu-2891::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:-14px;
  height:14px;
}







/* =========================================================
   FIX MENU (Avada) — alleen menu: zichtbaar + klikbaar
   Plak HELEMAAL ONDERAAN je CSS
   ========================================================= */

/* 1) Header en menu altijd boven alle content (hero/tiles/etc.) */
html body .fusion-header-wrapper,
html body .fusion-header,
html body .fusion-header-v1,
html body .fusion-header-v2,
html body .fusion-header-v3,
html body .fusion-header-v4,
html body .fusion-header-v5,
html body .fusion-header .fusion-row,
html body .fusion-header .fusion-main-menu,
html body .fusion-header .fusion-main-menu > ul,
html body .fusion-header .fusion-main-menu > ul > li{
  position: relative !important;
  z-index: 100000 !important;
}

/* 2) Dropdown / megamenu zelf: hoogste laag + niet afknippen */
html body .fusion-header .fusion-main-menu ul.sub-menu,
html body .fusion-header .fusion-megamenu-wrapper,
html body .fusion-header .fusion-megamenu-wrapper .fusion-megamenu,
html body .fusion-header .fusion-megamenu-wrapper .fusion-megamenu-submenu,
html body .fusion-header .fusion-megamenu-wrapper .fusion-megamenu-submenu-container{
  position: absolute !important;    /* Avada gebruikt dit meestal */
  z-index: 100001 !important;
  overflow: visible !important;
}

/* 3) Belangrijk: voorkom dat ouders van het menu afknippen (overflow hidden) */
html body .fusion-header-wrapper,
html body .fusion-header,
html body .fusion-header .fusion-row,
html body .fusion-header .fusion-container,
html body .fusion-header .fusion-main-menu,
html body .fusion-header .fusion-main-menu > ul{
  overflow: visible !important;
}

/* 4) Stacking-context killers: transform/filter/perspective op header uit
      (vaak oorzaak dat z-index "niet werkt") */
html body .fusion-header-wrapper,
html body .fusion-header,
html body .fusion-header .fusion-row,
html body .fusion-header .fusion-main-menu{
  transform: none !important;
  filter: none !important;
  perspective: none !important;
}

/* 5) Extra hard: jouw tiles/hero mogen NOOIT over het menu heen liggen */
html body .fusion-fullwidth.hero-top,
html body .fusion-fullwidth.home-2-content{
  z-index: 1 !important;
}

/* 6) Mobiel: flyout/menu-panel ook boven alles */
@media (max-width: 1024px){
  html body .fusion-mobile-menu,
  html body .fusion-mobile-nav-holder,
  html body .fusion-mobile-nav-holder > ul,
  html body .fusion-mobile-nav-item{
    position: relative !important;
    z-index: 100002 !important;
    overflow: visible !important;
  }
}

/* 7) Als Avada sticky header gebruikt: ook boven alles */
html body .fusion-is-sticky .fusion-header-wrapper,
html body .fusion-is-sticky .fusion-header{
  z-index: 100003 !important;
}














/* =========================================================
   FIX: Mobiel menu verdwijnt bij scrollen (Avada sticky)
   ========================================================= */
@media (max-width: 1024px){

  /* Mobiel menu paneel vastzetten onder de header */
  html body .fusion-mobile-nav-holder{
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: var(--emhd-header-h, 0px) !important;
    z-index: 100005 !important;
    max-height: calc(100vh - var(--emhd-header-h, 0px)) !important;
    overflow: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  /* Extra zekerheid: wrapper mag niet clippen */
  html body .fusion-mobile-nav-holder,
  html body .fusion-mobile-nav-holder > ul{
    overflow: visible !important;
  }

  /* Cruciaal: transform op header kan fixed breken */
  html body .fusion-header-wrapper,
  html body .fusion-header{
    transform: none !important;
  }
}






/* Header nooit verbergen/wegschuiven bij sticky (Avada hide-on-scroll kill) */
html body .fusion-header-wrapper{
  transform: translate3d(0,0,0) !important;
  top: 0 !important;
  opacity: 1 !important;
}

/* Megamenu direct tegen header aan (geen margin-top gap) */
html body .fusion-header-wrapper.fusion-is-sticky #menu-item-259 > .awb-menu__mega-wrap,
html body .fusion-header-wrapper.fusion-is-sticky li[data-item-id="259"] > .awb-menu__mega-wrap{
  margin-top: 0 !important;
  top: 100% !important;
}

/* Hover-bridge: vangt 1–30px afwijking altijd af */
#menu-item-259,
.fusion-header-wrapper.fusion-is-sticky li[data-item-id="259"]{
  position: relative;
}

#menu-item-259::after,
.fusion-header-wrapper.fusion-is-sticky li[data-item-id="259"]::after{
  content:"";
  position:absolute;
  left:-40px;
  right:-40px;
  top:100%;
  height:40px;
  background:transparent;
  z-index:99999;
  pointer-events:auto;
}

/* Dropdown altijd boven de bridge */
#menu-item-259 > .awb-menu__mega-wrap{
  z-index:100000 !important;
}




/* Header / kolom logo afgeronde hoeken linksboven & rechtsboven */
.fusion_builder_column_1_5 .fusion-imageframe {
    border-radius: 6px;
    overflow: hidden; /* cruciaal voor img */
}





.fusion-form .fusion-form-submit-field > div > .fusion-button {
    background: #18c4d8 !important;
    border: 2px solid #18c4d8 !important;
    color: #ffffff !important;
    border-radius: 12px !important;
    height: 52px;
    padding: 0 26px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .2px;
    box-shadow: none !important;
    transform: none !important;
}







/* =====================================================
   EMHD Portfolio CTA – FULL WIDTH + EMHD BUTTON FIX
   ===================================================== */

/* Full-bleed section (achtergrond over hele breedte) */
body section.emhd-portfolio-cta{
  /* spacing */
  margin-top: 72px !important;
  padding: 54px 0 46px !important;
  text-align: center !important;

  /* full width background */
  background: linear-gradient(
    to bottom,
    rgba(24,196,216,0.08),
    rgba(24,196,216,0.02)
  ) !important;
  border-top: 2px solid #18c4d8 !important;

  /* kill card styling */
  border-radius: 0 !important;
  box-shadow: none !important;

  /* break out of container */
  position: relative !important;
  left: 50% !important;
  right: 50% !important;
  width: 100vw !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
}

/* Houd tekst netjes (niet te breed) binnen full width band */
body section.emhd-portfolio-cta h3,
body section.emhd-portfolio-cta p{
  max-width: 980px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Typografie */
body section.emhd-portfolio-cta h3{
  margin: 0 auto 16px !important;
  font-size: 28px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
  letter-spacing: -0.4px !important;
  color: #111 !important;
}

body section.emhd-portfolio-cta p{
  margin: 0 auto 14px !important;
  font-size: 24px !important;
  line-height: 1.55 !important;
  color: #333 !important;
  padding: 0 18px !important;
}

body section.emhd-portfolio-cta p.emhd-portfolio-cta__sub{
  margin: 10px auto 22px !important;
  font-size: 20px !important;
  line-height: 1.5 !important;
  font-weight: 600 !important;
  color: #222 !important;
}

/* Button wrapper spacing */
body section.emhd-portfolio-cta .emhd-portfolio-button{
  margin-top: 10px !important;
}

/* =====================================================
   EMHD BUTTON – forceer de “site-standaard” binnen CTA
   (alleen binnen .emhd-portfolio-cta)
   ===================================================== */

body section.emhd-portfolio-cta a.fusion-button.button-emhd{
  /* reset rare inherited styling */
  text-transform: none !important;
  letter-spacing: 0 !important;

  /* consistent look */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 14px 26px !important;
  border-radius: 8px !important;

  background: #18c4d8 !important;
  border: 1px solid rgba(0,0,0,0.10) !important;
  color: #fff !important;

  box-shadow: none !important;
}

/* Text in button */
body section.emhd-portfolio-cta a.fusion-button.button-emhd .fusion-button-text{
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  color: #fff !important;
}

/* Hover */
body section.emhd-portfolio-cta a.fusion-button.button-emhd:hover{
  background: #12aabd !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
}

/* Mobiel */
@media (max-width: 768px){
  body section.emhd-portfolio-cta{
    margin-top: 48px !important;
    padding: 36px 0 30px !important;
  }

  body section.emhd-portfolio-cta h3{
    font-size: 22px !important;
    padding: 0 16px !important;
  }

  body section.emhd-portfolio-cta p{
    font-size: 17px !important;
    line-height: 1.65 !important;
  }

  body section.emhd-portfolio-cta p.emhd-portfolio-cta__sub{
    font-size: 16px !important;
  }

  body section.emhd-portfolio-cta a.fusion-button.button-emhd{
    width: calc(100% - 32px) !important;
    margin: 0 16px !important;
  }
}

/* =====================================================
   FIX: EMHD BUTTON in Portfolio CTA (force exact)
   ===================================================== */

/* Zorg dat de wrapper geen rare typografie oplegt */
body section.emhd-portfolio-cta .emhd-portfolio-button,
body section.emhd-portfolio-cta .emhd-portfolio-button *{
  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* Avada button reset + EMHD look */
body section.emhd-portfolio-cta a.fusion-button.button-emhd{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* consistent sizing */
  padding: 14px 28px !important;
  min-height: 52px !important;

  /* shape */
  border-radius: 10px !important;

  /* colors */
  background: #18c4d8 !important;
  border: 1px solid rgba(0,0,0,0.12) !important;
  color: #fff !important;

  /* remove theme effects */
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;

  /* prevent weird button width rules */
  width: auto !important;
  max-width: 100% !important;
}

/* Force button text exactly */
body section.emhd-portfolio-cta a.fusion-button.button-emhd .fusion-button-text,
body section.emhd-portfolio-cta a.fusion-button.button-emhd .awb-button__text{
  display: inline-block !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  color: #fff !important;

  /* dit is de killer voor lowercase */
  text-transform: none !important;
  letter-spacing: 0.2px !important;
}

/* Hover */
body section.emhd-portfolio-cta a.fusion-button.button-emhd:hover{
  background: #12aabd !important;
  border-color: rgba(0,0,0,0.16) !important;
  transform: translateY(-1px) !important;
}

/* Mobile: full width */
@media (max-width: 768px){
  body section.emhd-portfolio-cta a.fusion-button.button-emhd{
    width: calc(100% - 32px) !important;
    margin: 0 16px !important;
  }
}



/* =========================================================
   FIX: Form #4481 submit button exact als EMHD site-knop
   (werkt voor button én input submit, ongeacht wrappers)
   ========================================================= */
html body .fusion-form-4481[data-form-id="4481"] .fusion-form-submit-field .fusion-button,
html body form.fusion-form-4481 .fusion-form-submit-field .fusion-button,
html body .fusion-form-4481[data-form-id="4481"] .fusion-form-submit-field button[type="submit"],
html body form.fusion-form-4481 .fusion-form-submit-field button[type="submit"],
html body .fusion-form-4481[data-form-id="4481"] .fusion-form-submit-field input[type="submit"],
html body form.fusion-form-4481 .fusion-form-submit-field input[type="submit"]{
  background:#2f4858 !important;
  border:2px solid #ffffff !important;
  color:#ffffff !important;

  border-radius:12px !important;
  height:52px !important;
  padding:0 26px !important;

  width:auto !important;            /* kill span-yes 100% */
  max-width:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;

  font-weight:800 !important;
  letter-spacing:.2px !important;
  line-height:1 !important;

  box-shadow:none !important;
  transform:none !important;
  text-transform:none !important;   /* geen lowercase/first-letter trucs */
}

/* Hover */
html body .fusion-form-4481[data-form-id="4481"] .fusion-form-submit-field .fusion-button:hover,
html body form.fusion-form-4481 .fusion-form-submit-field .fusion-button:hover{
  filter:brightness(1.05) !important;
}

/* Tekstspan in de knop (Avada gebruikt soms awb-button__text) */
html body .fusion-form-4481 .fusion-form-submit-field .fusion-button .fusion-button-text,
html body .fusion-form-4481 .fusion-form-submit-field .fusion-button .awb-button__text{
  padding:0 !important;
  line-height:1 !important;
  text-transform:none !important;
}



/* Alleen de case-button, zodat niets anders stuk gaat */
.emhd-case-cta .fusion-button.button-emhd{
  text-transform: none !important;
  border-radius: 8px !important;          /* zet gelijk aan je site-buttons */
  padding: 14px 26px !important;          /* normaliseert de “bolle” look */
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 600 !important;            /* meestal wat je “professioneel” noemt */
}

/* span netjes */
.emhd-case-cta .fusion-button.button-emhd .fusion-button-text{
  line-height: 1 !important;
}



.emhd-case-cta{
  display: flex;
  gap: 16px;
  margin-top: 32px;
  flex-wrap: wrap;
}

/* secundaire knop */
.button-emhd-outline{
  background: transparent !important;
  color: #333 !important;
  border: 2px solid #333 !important;
}

.button-emhd-outline:hover{
  background: #333 !important;
  color: #fff !important;
}

/* mobiel: onder elkaar */
@media (max-width: 640px){
  .emhd-case-cta{
    flex-direction: column;
  }
}




.emhd-case-cta{
  display:flex;
  gap:16px;
  flex-wrap:wrap;
  margin-top:24px;
  align-items:center;
}

/* Outline variant gebaseerd op jouw bestaande .button-emhd */
.emhd-case-cta .button-emhd--outline{
  background: transparent !important;
  border: 2px solid #333 !important;
  color: #333 !important;
}

/* Tekst ook forceren (Avada zet dit soms apart) */
.emhd-case-cta .button-emhd--outline .fusion-button-text{
  color: #333 !important;
}

/* Hover */
.emhd-case-cta .button-emhd--outline:hover{
  background: #333 !important;
}

.emhd-case-cta .button-emhd--outline:hover .fusion-button-text{
  color: #fff !important;
}

/* Mobiel onder elkaar */
@media (max-width: 640px){
  .emhd-case-cta{flex-direction:column; align-items:stretch;}
  .emhd-case-cta a{width:100%; text-align:center;}
}





/* EMHD – verberg alleen de lege 4e kolom */
.priceemhd.priceemhd-cards .fusion-builder-column-18{
  display:none !important;
}

/* EMHD – button tekst: respecteer hoofdletters */
.priceemhd.priceemhd-cards .fusion-button,
.priceemhd.priceemhd-cards .fusion-button .fusion-button-text{
  text-transform:none !important;
}










/* === TITEL "Welk e-mailpakket past bij jou?" – SCHONE VERSIE (GEEN HOVER-BORDER) === */

/* 1. Kolom vrijmaken van witte achtergrond, schaduw en opgelegde hoogte */
.priceemhd.priceemhd-cards .fusion-builder-column-14 > .fusion-column-wrapper {
  background: transparent !important;
  box-shadow: none !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  outline: none !important;
}

/* 2. Titel-div zelf ook vrijwaren van borders */
.priceemhd.priceemhd-cards .fusion-title.priceemhd-title {
  border: none !important;
  outline: none !important;
  background: transparent !important;
}

/* 3. De titel (h2) exact dezelfde styling als de referentie */
.priceemhd.priceemhd-cards .fusion-title.priceemhd-title h2 {
  font-size: 54px !important;
  line-height: 1.14 !important;
  font-weight: 800 !important;          /* of 700, afhankelijk van je voorkeur */
  color: #212934 !important;
  margin: 20px auto 40px !important;
  text-align: center !important;
  position: relative !important;
  padding: 18px 0 0 0 !important;       /* ruimte voor het blauwe streepje */
  border: none !important;
  outline: none !important;
  transition: none !important;           /* eventuele transities uitschakelen */
}

/* 4. Blauw streepje boven de titel */
.priceemhd.priceemhd-cards .fusion-title.priceemhd-title h2::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 86px !important;
  height: 4px !important;
  background-color: #18c4d8 !important;
  border-radius: 4px !important;
}

/* 5. Mobiele verfijningen (typo gecorrigeerd) */
@media screen and (max-width: 1024px) {
  .priceemhd.priceemhd-cards .fusion-title.priceemhd-title h2 {
    font-size: 40px !important;
  }
}
@media screen and (max-width: 640px) {
  .priceemhd.priceemhd-cards .fusion-title.priceemhd-title h2 {
    font-size: 30px !important;
    margin: 15px auto 30px !important;
  }
}










/* =========================
   CTA DARK – ALLES 24PX
   ========================= */

/* Titel (h2) */
.cta-dark .cta-lead,
.cta-dark .cta-lead *{
  font-size:54px !important;
  line-height:1.48em !important;
  margin:0 !important;
}

/* Gewone tekst */
.cta-dark .fusion-text,
.cta-dark .fusion-text p,
.cta-dark .fusion-text li{
  font-size:24px !important;
  line-height:1.48em !important;
}

/* Avada variabelen overrulen */
.cta-dark .fusion-text{
  --awb-font-size:24px !important;
  --awb-line-height:1.48em !important;
}

/* Form labels */
.cta-dark .fusion-form-4481 label,
.cta-dark .fusion-form-4481 .fusion-form-label-wrapper .label{
  font-size:24px !important;
  line-height:1.48em !important;
}

/* Inputs + textarea */
.cta-dark .fusion-form-4481 .fusion-form-input,
.cta-dark .fusion-form-4481 textarea{
  font-size:24px !important;
  line-height:1.48em !important;
}

/* Succes / error melding */
.cta-dark .fusion-form-4481 .fusion-form-response .fusion-alert-content{
  font-size:24px !important;
  line-height:1.48em !important;
}

























/* ==========================================
   DESKTOP – Form 2675 button in input
   ========================================== */

@media (min-width: 801px){

  /* 1. Wrapper is position context */
  :is(.fusion-form-2675,.fusion-form-8268,.fusion-form-8269,.fusion-form-8270,.fusion-form-8271) .fusion-column-wrapper{
    position: relative;
  }

  /* 2. Input ruimte maken voor button */
  :is(.fusion-form-2675,.fusion-form-8268,.fusion-form-8269,.fusion-form-8270,.fusion-form-8271) .fusion-form-email-field .fusion-form-input{
    height: 56px;
    line-height: 56px;
    padding-right: 190px; /* ruimte voor knop */
    border-radius: 999px;
  }

  /* 3. Submit-field absolute rechts in de pill */
  :is(.fusion-form-2675,.fusion-form-8268,.fusion-form-8269,.fusion-form-8270,.fusion-form-8271) .fusion-form-submit-field{
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    margin: 0;
    padding: 0;
  }

  /* 4. Button styling */
  :is(.fusion-form-2675,.fusion-form-8268,.fusion-form-8269,.fusion-form-8270,.fusion-form-8271) .fusion-form-submit-field .fusion-button{
    height: 44px;
    line-height: 44px;
    padding: 0 20px;
    border-radius: 999px;
    margin: 0;
  }

  /* 5. Center-wrapper neutraliseren */
  :is(.fusion-form-2675,.fusion-form-8268,.fusion-form-8269,.fusion-form-8270,.fusion-form-8271) .fusion-form-submit-field > div{
    text-align: right;
  }

}








/* ===== MOBIEL FIX: footer/newsletter padding + 104% overflow kill ===== */
@media (max-width: 768px){

  /* ruimte links/rechts zodat tekst niet tegen rand plakt */
  .fusion-tb-footer .newsletter-bar,
  .fusion-tb-footer .emhd-newsletter{
    padding-left: 20px !important;
    padding-right: 20px !important;
    overflow-x: hidden;
  }

  /* Avada inner rows: 104% + negatieve margins uitschakelen (mobiel) */
  .fusion-tb-footer .newsletter-bar .fusion-builder-row,
  .fusion-tb-footer .newsletter-bar .fusion-row,
  .fusion-tb-footer .emhd-newsletter .fusion-builder-row,
  .fusion-tb-footer .emhd-newsletter .fusion-row,
  .fusion-tb-footer .newsletter-bar .fusion-builder-row-inner,
  .fusion-tb-footer .emhd-newsletter .fusion-builder-row-inner{
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}





@media (max-width: 768px) {

  /* Alleen footer mobiel centreren */
  .fusion-tb-footer {
    padding-left: 10px;
    padding-right: 10px;
  }

  .fusion-tb-footer p,
  .fusion-tb-footer h4 {
    text-align: center;
  }

}




@media (max-width: 768px) {

  .fusion-tb-footer {
    text-align: center;
  }

  .fusion-tb-footer .fusion-social-links {
    justify-content: center !important;
  }

  .fusion-tb-footer .awb-menu__main-ul {
    align-items: center;
  }

}
















/* MOBIEL: nieuwsbrief (form 2675) – knop onder input */
@media (max-width: 800px){

  /* container van form: geen rare inline/flex naast elkaar */
  :is(.fusion-form-2675,.fusion-form-8268,.fusion-form-8269,.fusion-form-8270,.fusion-form-8271) .fusion-column-wrapper{
    display: block !important;
  }

  /* email veld en submit veld: altijd blok onder elkaar */
  :is(.fusion-form-2675,.fusion-form-8268,.fusion-form-8269,.fusion-form-8270,.fusion-form-8271) .fusion-form-email-field.nieuwsbrief-email,
  :is(.fusion-form-2675,.fusion-form-8268,.fusion-form-8269,.fusion-form-8270,.fusion-form-8271) .fusion-form-submit-field.nieuwsbrief-knop{
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    clear: both !important;
    position: static !important;
  }

  /* spacing tussen input en knop */
  :is(.fusion-form-2675,.fusion-form-8268,.fusion-form-8269,.fusion-form-8270,.fusion-form-8271) .fusion-form-email-field.nieuwsbrief-email{
    margin-bottom: 14px !important;
  }

  /* input full width */
  :is(.fusion-form-2675,.fusion-form-8268,.fusion-form-8269,.fusion-form-8270,.fusion-form-8271) .fusion-form-email-field.nieuwsbrief-email input{
    width: 100% !important;
    box-sizing: border-box !important;
    display: block !important;
  }

  /* button wrapper + button full width */
  :is(.fusion-form-2675,.fusion-form-8268,.fusion-form-8269,.fusion-form-8270,.fusion-form-8271) .fusion-form-submit-field.nieuwsbrief-knop > div{
    width: 100% !important;
    text-align: center !important; /* mag blijven */
  }
  :is(.fusion-form-2675,.fusion-form-8268,.fusion-form-8269,.fusion-form-8270,.fusion-form-8271) .fusion-form-submit-field.nieuwsbrief-knop button{
    width: 100% !important;
    display: block !important;
    margin: 0 !important;
  }
}








/* MOBIEL nieuwsbrief fix */
@media (max-width: 800px){

  /* Reset rare positioning */
  :is(.fusion-form-2675,.fusion-form-8268,.fusion-form-8269,.fusion-form-8270,.fusion-form-8271) .fusion-form-submit-field.nieuwsbrief-knop{
    position: static !important;
    margin-top: 14px !important;
  }

  /* Wrapper resetten */
  :is(.fusion-form-2675,.fusion-form-8268,.fusion-form-8269,.fusion-form-8270,.fusion-form-8271) .fusion-form-submit-field.nieuwsbrief-knop > div{
    position: static !important;
    width: 100% !important;
  }

  /* Button exact zelfde breedte als input */
  :is(.fusion-form-2675,.fusion-form-8268,.fusion-form-8269,.fusion-form-8270,.fusion-form-8271) .fusion-form-submit-field.nieuwsbrief-knop button{
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    margin: 0 !important;
    border-radius: 40px; /* match input */
  }

  /* Input ook full width forceren */
  :is(.fusion-form-2675,.fusion-form-8268,.fusion-form-8269,.fusion-form-8270,.fusion-form-8271) .fusion-form-email-field.nieuwsbrief-email input{
    width: 100% !important;
    box-sizing: border-box !important;
  }
}


















/* ===============================
   Nieuwsbrief mobiel fix
   =============================== */
@media (max-width: 768px){

  /* Zet de hele rij weer op normale stacking */
  :is(.fusion-form-2675,.fusion-form-8268,.fusion-form-8269,.fusion-form-8270,.fusion-form-8271) .fusion-builder-row.fusion-row{
    display:block !important;
  }

  /* Kolommen onder elkaar */
  :is(.fusion-form-2675,.fusion-form-8268,.fusion-form-8269,.fusion-form-8270,.fusion-form-8271) .fusion-layout-column{
    width:100% !important;
    flex:none !important;
  }

  /* Input volledige breedte */
  :is(.fusion-form-2675,.fusion-form-8268,.fusion-form-8269,.fusion-form-8270,.fusion-form-8271) .fusion-form-input{
    width:100% !important;
  }

  /* Button onder input en zelfde breedte */
  :is(.fusion-form-2675,.fusion-form-8268,.fusion-form-8269,.fusion-form-8270,.fusion-form-8271) .fusion-form-submit-field{
    width:100% !important;
    margin-top:15px !important;
    text-align:center !important;
  }

  :is(.fusion-form-2675,.fusion-form-8268,.fusion-form-8269,.fusion-form-8270,.fusion-form-8271) .fusion-button{
    width:100% !important;
  }

}




/* Nieuwsbrief – alleen mobiel: knop onder het veld */
@media (max-width: 640px) {

  /* knop terug in normale flow */
  .emhd-newsletter .fusion-form .fusion-form-submit-field .fusion-button{
    position: static !important;
    top: auto !important;
    right: auto !important;
    transform: none !important;
    width: 100% !important;
    margin-top: 10px !important;
  }

  /* input hoeft geen ruimte meer te reserveren voor overlappende knop */
  .emhd-newsletter input[type="email"].fusion-form-input{
    padding-right: 20px !important; /* of 16px, net wat mooier oogt */
  }
}



/* ===== Nieuwsbrief mobiel fix ===== */
@media (max-width: 800px) {

  /* reset ALLES wat absolute positioning veroorzaakt */
  .emhd-newsletter .nieuwsbrief-knop,
  .emhd-newsletter .nieuwsbrief-knop button,
  .emhd-newsletter .fusion-form-submit-field,
  .emhd-newsletter .fusion-button {
    position: static !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    transform: none !important;
  }

  /* knop onder input */
  .emhd-newsletter .fusion-form-submit-field {
    margin-top: 12px !important;
  }

  /* knop volle breedte */
  .emhd-newsletter .fusion-form-submit-field .fusion-button {
    width: 100% !important;
  }

  /* input geen extra padding meer nodig */
  .emhd-newsletter input[type="email"] {
    padding-right: 16px !important;
  }
}







@media (min-width: 981px){
  .emhd-newsletter .fusion-form .fusion-form-submit-field .fusion-button,
  .emhd-newsletter .fusion-form .fusion-form-submit-field .fusion-button.fusion-button-span-yes{
    position:absolute !important;
    top:50% !important;
    right:var(--nl-gap-r) !important;
    left:auto !important;
    transform:translateY(-154%) !important;
  }
}



@media (max-width: 980px){
  .emhd-newsletter .fusion-form .fusion-form-submit-field,
  .emhd-newsletter .fusion-form .fusion-form-submit-field > div{
    position:static !important;
  }

  .emhd-newsletter .fusion-form .fusion-form-submit-field .fusion-button,
  .emhd-newsletter .fusion-form .fusion-form-submit-field .fusion-button.fusion-button-span-yes{
    position:static !important;
    top:auto !important;
    right:auto !important;
    left:auto !important;
    transform:none !important;
    width:100% !important;
    margin-top:10px !important;
  }
}


@media (max-width: 980px){

  .emhd-newsletter 
  .fusion-builder-column-32{
    margin-bottom: -10px !important;
  }

}




.emhd-footerbar{
  width: 100vw !important;
  max-width: 100vw !important;
  position: relative !important;
  left: 50% !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  padding: 14px 0 !important;
}
.emhd-footerbar > .fusion-row{
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 1372.8px; /* of jouw site width */
}









/* FAQ toggle: voorkom 'inspringen' door vaste layout */
.panel-heading .panel-title > a{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px;
}

/* Heading krijgt altijd dezelfde ruimte */
.panel-heading .panel-title > a .fusion-toggle-heading{
  flex: 1 1 auto !important;
  min-width: 0; /* belangrijk voor netjes afbreken */
}

/* Icon-wrapper altijd vaste breedte -> geen layout shift */
.panel-heading .panel-title > a .fusion-toggle-icon-wrapper{
  flex: 0 0 44px !important; /* vaste kolom */
  width: 44px !important;
  display: flex !important;
  justify-content: flex-end !important;
}

/* Zorg dat plus/min exact dezelfde footprint hebben */
.panel-heading .panel-title > a .fusion-toggle-icon-wrapper i{
  width: 22px !important;
  height: 22px !important;
  line-height: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}






@media (max-width: 768px){

  /* Titels moeten binnen de card blijven */
  .emhd-step__title{
    font-size: 34px !important;     /* kies 30–36 als je wil */
    line-height: 1.1 !important;

    max-width: 100% !important;
    overflow-wrap: anywhere !important; /* breekt lange woorden */
    word-break: break-word !important;
    hyphens: auto;
  }

}





@media (max-width: 768px){
  .emhd-step.pro.emhd-step--lux::before{
    color: rgba(24, 196, 216, 0.10) !important; 
  }
}








@media (max-width: 768px){
  .emhd-step.pro.emhd-step--lux::before{
    /* nóg lichter dan #18c4d82e */
    color: rgba(24,196,216,.10) !important; /* 0.10 = 10% */
    font-weight: 900 !important;
    font-size: 130px !important; /* optioneel iets kleiner mobiel */
    left: 20px !important;
    top: 20px !important;
  }
}






@media (max-width: 768px){

  /* STOP horizontale overflow (foto’s buiten scherm) */
  html, body{
    overflow-x: hidden !important;
  }

  /* Portfolio single: maak Fullwidth boxes écht full-bleed */
  body.single-avada_portfolio .project-description
  .fusion-fullwidth.fullwidth-box.nonhundred-percent-fullwidth{
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
  }

  /* Haal Avada negatieve “calc(-4%/2)” margins weg binnen portfolio */
  body.single-avada_portfolio .project-description
  .fusion-fullwidth.fullwidth-box.nonhundred-percent-fullwidth
  > .fusion-builder-row.fusion-row{
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Images nooit breder dan container */
  body.single-avada_portfolio .project-description img,
  body.single-avada_portfolio .project-description .fusion-imageframe{
    max-width: 100% !important;
    height: auto !important;
  }

  /* Avada padding op main-row weg (mobiel) */
  body.single-avada_portfolio #main > .fusion-row{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}



@media (max-width: 768px){

  /* Geef content binnen fullwidth background ruimte */
  body.single-avada_portfolio 
  .project-description 
  .fusion-fullwidth.fullwidth-box.nonhundred-percent-fullwidth 
  > .fusion-builder-row.fusion-row{
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
  }

}







@media (max-width: 767px){

  /* Reset alles wat kan “duwen” */
  .single-avada_portfolio .post-content .fusion-image-element,
  .single-avada_portfolio .post-content .fusion-imageframe{
    position: static !important;   /* weg met relative/absolute */
    left: auto !important;
    right: auto !important;
    transform: none !important;
    float: none !important;
    clear: both !important;
  }

  /* Wrapper volle breedte, zodat centering kan werken */
  .single-avada_portfolio .post-content .fusion-image-element{
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
    margin: 0 !important;
  }

  /* Frame netjes binnen viewport */
  .single-avada_portfolio .post-content .fusion-imageframe{
    display: inline-block !important; /* centreert via text-align */
    width: 90vw !important;
    max-width: 90vw !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
  }

  /* Afbeelding volgt frame */
  .single-avada_portfolio .post-content .fusion-imageframe img{
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }
}










@media (max-width: 767px){

  /* 3-koloms layout: [icoon] [tekst] [pijl] */
  .home-2-content .feature-box > .fusion-column-wrapper{
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;         /* <-- verticaal centreren */
    column-gap: 14px;
  }

  /* Linker icoon (meestal ::before) exact in het midden */
  .home-2-content .feature-box > .fusion-column-wrapper::before{
    grid-column: 1;
    align-self: center !important;
    margin: 0 !important;                  /* kill jouw -50px hack */
    position: static !important;           /* als Avada ‘m absolute maakt */
    transform: none !important;
    top: auto !important;
  }

  /* Tekst in kolom 2 */
  .home-2-content .feature-box .fusion-text{
    grid-column: 2;
    margin: 0 !important;
  }

  /* Rechter element: als het een echt element is (bij jou .fusion-image-element) */
  .home-2-content .feature-box .fusion-image-element{
    grid-column: 3;
    align-self: center !important;
    margin: 0 !important;
  }

  /* Rechter pijl: als die via ::after komt */
  .home-2-content .feature-box > .fusion-column-wrapper::after{
    grid-column: 3;
    align-self: center !important;
    margin: 0 !important;
    position: static !important;
    transform: none !important;
    top: auto !important;
  }
}










@media (max-width: 767px){

  .fusion-fullwidth.home-2-content .feature-box > .fusion-column-wrapper{
    position: relative !important;
    padding-left: calc(72px + var(--emhd-icon-gap)) !important; /* ruimte voor icoon */
  }

  .fusion-fullwidth.home-2-content .feature-box > .fusion-column-wrapper::before{
    position: absolute !important;
    left: var(--emhd-icon-left) !important;     /* jouw finetune */
    top: 40% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
  }
	.fusion-fullwidth.home-2-content .feature-box > .fusion-column-wrapper{
  --emhd-icon-left: -58px;
  --emhd-icon-gap: -2px;
}
}








@media (max-width: 767px){

  .fusion-fullwidth.home-2-content 
  .feature-box .fusion-text{
      margin-left: 12px !important;
  }

}









@media (max-width: 767px){

  /* 1) Zorg dat de achtergrond achter de kaarten grijs blijft */
  .fusion-fullwidth.tile-row{
    background: linear-gradient(180deg, var(--awb-color2) 0%, var(--awb-color2) 100%) !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }


}




@media (max-width: 767px){

  /* achtergrond achter de kaarten grijs houden */
  .fusion-fullwidth.tile-row{
    background: linear-gradient(180deg, var(--awb-color2) 0%, var(--awb-color2) 100%) !important;
  }

  

	
}














@media (max-width: 767px){

  /* 1) Kaart = 3 kolommen */
  .fusion-fullwidth.tile-row .feature-box > .fusion-column-wrapper{
    display: grid !important;
    grid-template-columns: 64px 1fr 56px !important; /* links / tekst / rechts */
    align-items: center !important;
    column-gap: 10px !important;
    position: relative !important;
    padding-left: 0 !important;   /* voorkom oude padding hacks */
  }

  /* 2) Linker icoon (FontAwesome ::before) */
  .fusion-fullwidth.tile-row .feature-box > .fusion-column-wrapper::before{
    grid-column: 1 !important;
    justify-self: center !important;
    align-self: center !important;
    position: static !important;   /* dus geen absolute */
    margin: 0 !important;
    transform: none !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
  }

  /* 3) Tekst in het midden */
  .fusion-fullwidth.tile-row .feature-box .fusion-text{
    grid-column: 2 !important;
    margin: 0 !important;
  }

  /* 4) Rechter pijl/icoon (jouw image-element) */
  .fusion-fullwidth.tile-row .feature-box .fusion-image-element{
    grid-column: 3 !important;
    justify-self: center !important;
    align-self: center !important;
    margin: 0 !important;
  }
}

@media (max-width: 767px){
  .fusion-fullwidth.tile-row .feature-box > .fusion-column-wrapper::after{
    content: none !important;
  }
}








@media (max-width: 767px){

  .fusion-fullwidth.tile-row 
  .feature-box > .fusion-column-wrapper{
      grid-template-columns: 64px 1fr 40px !important;
  }

}




@media (max-width: 767px){

  .fusion-fullwidth:not(.home-2-content) 
  .feature-box > .fusion-column-wrapper::before{
      margin-left: 10px !important;
  }

}



@media (max-width: 767px) {
    .fusion-fullwidth.tile-row .feature-box .fusion-image-element {
        margin-left: 29px !important;
    }
}





@media (max-width: 767px){

  .fusion-fullwidth:not(.home-2-content)
  .feature-box > .fusion-column-wrapper{
      grid-template-columns: 54px 1fr 20px !important;
  }

}








@media (max-width: 767px){

  /* Kaart als position container */
  .fusion-fullwidth:not(.home-2-content) .feature-box > .fusion-column-wrapper{
    position: relative !important;
  }

  /* Linker icoon (FontAwesome ::before) vast links en verticaal midden */
  .fusion-fullwidth:not(.home-2-content) .feature-box > .fusion-column-wrapper::before{
    position: absolute !important;
    left: 12px !important;
    top: 40% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
  }

  /* Rechter pijl vast rechts en verticaal midden (als element) */
  .fusion-fullwidth:not(.home-2-content) .feature-box .fusion-image-element{
    position: absolute !important;
    right: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
  }

  /* Tekst krijgt de volle “content zone” tussen links en rechts */
  .fusion-fullwidth:not(.home-2-content) .feature-box .fusion-text{
    margin: 0 !important;
    padding-left: 22px !important;   /* ruimte voor linker icoon */
    padding-right: -10px !important;  /* ruimte voor pijl */
  }
}



@media (max-width: 767px) {
    .fusion-fullwidth.tile-row .fusion-layout-column.feature-box:last-child {
        margin-bottom: 18px !important;
    }
}











/* ===== 17-10-2026: headerknop, prijzen, formulier-keuzerondjes ===== */
/* Headerknop "Gratis websitecheck": één regel, compacter */
.fusion-tb-header a.button-emhd{width:auto!important;display:inline-flex!important;align-items:center;padding:0 18px!important;font-size:15px!important;line-height:40px!important;white-space:nowrap!important}
/* Prijzen in prijstabellen (was 3em = 225px) */
.priceemhd .panel-body .price{font-size:52px!important;line-height:1.1!important;padding:10px 0!important}
.priceemhd .integer-part{font-size:1em!important}
.priceemhd .price .currency{font-size:.5em!important}
/* Formulier: legenda leesbaar en keuzerondjes/checkboxes zichtbaar */
.fusion-form-field legend .label, .fusion-form-field legend span.label{color:#17252b!important}
.fusion-form-radio label::before, .fusion-form-checkbox label::before{border:2px solid #18c4d8!important;background:#fff!important;width:18px!important;height:18px!important}






/* Meer ruimte tussen logo en menu (desktop) */
/* Meer ruimte tussen logo en menu + alles op één regel (desktop) */
@media (min-width:1025px){
  .fusion-tb-header .fusion-layout-column:has(nav.awb-menu){padding-left:24px!important}
  .fusion-tb-header nav.awb-menu{--awb-gap:8px}
  .fusion-tb-header .awb-menu__main-ul > .awb-menu__main-li > .awb-menu__main-a{font-size:18px!important;padding-left:8px!important;padding-right:8px!important}
  .fusion-tb-header .awb-menu__main-ul > li > a .menu-text{white-space:nowrap}
}/* ===== 17-10-2026: websitecheck-formulieren (7548 NL, 7539 int.) compacter en leesbaar ===== */
.fusion-form-7548, .fusion-form-7539, .fusion-form-7850, .fusion-form-7851, .fusion-form-7852{max-width:820px;margin-left:auto!important;margin-right:auto!important}.fusion-form-7548 .fusion-form-field label, .fusion-form-7548 .fusion-form-field .label, .fusion-form-7548 legend, .fusion-form-7548 legend .label, .fusion-form-7539 .fusion-form-field label, .fusion-form-7539 .fusion-form-field .label, .fusion-form-7539 legend, .fusion-form-7539 legend .label, .fusion-form-7850 .fusion-form-field label, .fusion-form-7851 .fusion-form-field label, .fusion-form-7852 .fusion-form-field label, .fusion-form-7850 .fusion-form-field .label, .fusion-form-7851 .fusion-form-field .label, .fusion-form-7852 .fusion-form-field .label, .fusion-form-7850 legend, .fusion-form-7851 legend, .fusion-form-7852 legend, .fusion-form-7850 legend .label, .fusion-form-7851 legend .label, .fusion-form-7852 legend .label{color:#17252b!important;font-size:15px!important;font-weight:500;margin-bottom:4px!important}.fusion-form-7548 .fusion-form-input, .fusion-form-7539 .fusion-form-input, .fusion-form-7850 .fusion-form-input, .fusion-form-7851 .fusion-form-input, .fusion-form-7852 .fusion-form-input{font-size:16px!important;min-height:46px!important;height:46px!important;color:#17252b!important;background:#fff!important}.fusion-form-7548 textarea.fusion-form-input, .fusion-form-7539 textarea.fusion-form-input, .fusion-form-7850 textarea.fusion-form-input, .fusion-form-7851 textarea.fusion-form-input, .fusion-form-7852 textarea.fusion-form-input{height:auto!important;min-height:90px!important}.fusion-form-7548 .fusion-form-field, .fusion-form-7539 .fusion-form-field, .fusion-form-7850 .fusion-form-field, .fusion-form-7851 .fusion-form-field, .fusion-form-7852 .fusion-form-field{margin-bottom:12px!important}.fusion-form-7548 .fusion-form-radio label, .fusion-form-7539 .fusion-form-radio label, .fusion-form-7850 .fusion-form-radio label, .fusion-form-7851 .fusion-form-radio label, .fusion-form-7852 .fusion-form-radio label{font-size:15px!important}











/* Formulier: legenda leesbaar en keuzerondjes/checkboxes zichtbaar */
.fusion-form-field legend .label, .fusion-form-field legend span.label{color:#17252b!important}
.fusion-form-form-wrapper .fusion-form-field .fusion-form-radio label::before,.fusion-form-form-wrapper .fusion-form-field .fusion-form-checkbox label::before{display:block!important;width:18px!important;height:18px!important;border:2px solid #18c4d8!important;background:#fff!important;border-radius:50%!important;box-sizing:border-box}
.fusion-form-form-wrapper .fusion-form-field .fusion-form-checkbox label::before{border-radius:4px!important}
.fusion-form-form-wrapper .fusion-form-field .fusion-form-radio label,.fusion-form-form-wrapper .fusion-form-field .fusion-form-checkbox label{padding-left:28px!important;line-height:24px}
.fusion-form-form-wrapper .fusion-form-radio input:checked+label::before,.fusion-form-form-wrapper .fusion-form-checkbox input:checked+label::before{background:#18c4d8!important;box-shadow:inset 0 0 0 3px #fff!important}
.fusion-form-form-wrapper .fusion-form-radio label::after,.fusion-form-form-wrapper .fusion-form-checkbox label::after{display:none!important}

/* Vertaalde homepages: geen witruimte tussen header en hero */
.page-id-7467 #main,.page-id-7468 #main,.page-id-7469 #main,.page-id-7470 #main{padding-top:0!important}
.post-content > p:empty{display:none!important}


/* Ankerlinks naar secties op dezelfde pagina niet als 'actief' tonen */
.awb-menu__main-ul > li.current-menu-item:has(> a[href*="/#"]) > a.awb-menu__main-a{color:var(--awb-color)!important}
.awb-menu__main-ul > li.current-menu-item:has(> a[href*="/#"]) > .awb-menu__main-background-active{opacity:0!important}
.awb-menu__main-ul > li.current-menu-item:has(> a[href*="/#"]) .awb-menu__main-background{border-color:transparent!important}

/* 19-10-2026: portfolio-blok homepage — overschrijft de oude index-gebaseerde .fusion-text-12-regel */
#work .fusion-text p{font-size:18px!important;margin-top:0!important;line-height:1.6!important}
#work .fusion-imageframe{display:block;border-radius:12px;overflow:hidden;border:1px solid #e3e9ec}

/* 22-10-2026: mega-menu Diensten direct onder de header (ook met meldingsbalk/sticky) — overschrijft de vaste top:90px hierboven */
html body #awb-mega-menu-2891.awb-menu__mega-wrap{position:absolute!important;top:100%!important;margin-top:0!important}
html body #menu-item-259,html body #menu-hoofdmenu,html body .fusion-tb-header .fusion-layout-column:has(#menu-hoofdmenu){position:static!important}
html body .fusion-tb-header .fusion-builder-row:has(#menu-hoofdmenu){position:relative}
/* 23-10-2026: Diensten-item is static (regel hierboven) → zijn hover-achtergrondspans vulden de hele headerrij en blokkeerden logo en headerknop. Verbergen. */
html body #menu-item-259 > .awb-menu__main-background-default,html body #menu-item-259 > .awb-menu__main-background-active{display:none!important}
/* 23-10-2026: turquoise lijntje onder Diensten terug (de spans hierboven tekenden het) — nu op de link zelf */
html body #menu-item-259 > a.awb-menu__main-a{transition:box-shadow .2s}
html body #menu-item-259:hover > a.awb-menu__main-a,html body #menu-item-259.current-menu-ancestor > a.awb-menu__main-a,html body #menu-item-259.current-menu-item > a.awb-menu__main-a{box-shadow:inset 0 -2px 0 #18c4d8}
html body:has(#menu-item-259:hover)::before,html body:has(#awb-mega-menu-2891:hover)::before{top:0}

/* 22-10-2026: blogoverzicht — alle uitgelichte afbeeldingen dezelfde verhouding (16:9) */
.fusion-blog-layout-grid .fusion-post-slideshow img.wp-post-image{aspect-ratio:16/9;width:100%;height:auto;object-fit:cover}









@media (max-width:1024px){
  .fusion-tb-header .fusion-sticky-transition .awb-menu.collapse-enabled.mobile-mode-collapse-to-button:not(.expanded) .awb-menu__main-ul{max-height:0!important;min-height:0!important;}
}

/* 22-10-2026: titelbalk + kicker-fix */
.fusion-text .emhd2-kicker,.fusion-text .emhd3-kicker{color:#18c4d8!important}
.fusion-page-title-bar{background:#0f1b22!important;background-image:radial-gradient(circle at 85% 20%,rgba(24,196,216,.22),transparent 55%)!important;border:0!important;box-shadow:none!important;padding:0!important;min-height:0!important;height:auto!important}
.fusion-page-title-bar .fusion-page-title-row{padding:64px 0 56px!important;max-width:1320px!important;margin:0 auto!important}
.fusion-page-title-bar .fusion-page-title-wrapper{display:block!important;text-align:left!important;padding:0 30px!important}
.fusion-page-title-bar .fusion-page-title-captions{display:flex!important;flex-direction:column-reverse!important;align-items:flex-start!important;text-align:left!important}
.fusion-page-title-bar .fusion-page-title-secondary{margin:0 0 16px!important;text-align:left!important;font-size:13px!important;letter-spacing:.4px!important;color:#9fb3bb!important;text-shadow:none!important}
.fusion-page-title-bar .fusion-breadcrumbs,.fusion-page-title-bar .fusion-breadcrumbs span{color:#9fb3bb!important;font-size:13px!important;text-transform:none!important;letter-spacing:.4px!important}
.fusion-page-title-bar .fusion-breadcrumbs a{color:#18c4d8!important;text-decoration:none!important}
.fusion-page-title-bar .fusion-breadcrumbs a:hover{color:#fff!important}
.fusion-page-title-bar .fusion-breadcrumbs .breadcrumb_last{color:#dbe6ea!important;font-weight:500!important}
.fusion-page-title-bar h1.entry-title{color:#fff!important;font-size:48px!important;line-height:1.1!important;font-weight:600!important;letter-spacing:-.02em!important;margin:0!important;text-shadow:none!important}
.fusion-page-title-bar .fusion-page-title-secondary a{color:#18c4d8!important}
@media(max-width:1024px){.fusion-page-title-bar .fusion-page-title-row{padding:48px 0 40px!important}.fusion-page-title-bar h1.entry-title{font-size:38px!important}}
@media(max-width:640px){.fusion-page-title-bar .fusion-page-title-row{padding:36px 0 32px!important}.fusion-page-title-bar .fusion-page-title-wrapper{padding:0 20px!important}.fusion-page-title-bar h1.entry-title{font-size:30px!important}}


/* 22-10-2026: witte hero's uniform (eyebrow + H1 + intro) */
.post-content .emhd-eyebrow,.post-content .emhd-case-kicker,.post-content [class*="emhd"][class*="kicker"],.post-content [class*="emhd"][class*="eyebrow"]{color:#18c4d8!important;font-size:13px!important;font-weight:700!important;letter-spacing:1.5px!important;text-transform:uppercase!important;margin:0 0 14px!important}
.post-content .emhd-eyebrow+h1,.post-content .emhd2-kicker+h1{font-size:54px!important;line-height:1.1!important;font-weight:600!important;letter-spacing:-.02em!important;margin:0 0 20px!important}
.post-content .emhd-eyebrow+h1+p,.post-content .emhd2-kicker+h1+p{font-size:20px!important;line-height:1.55!important}
@media(max-width:1024px){.post-content .emhd-eyebrow+h1,.post-content .emhd2-kicker+h1{font-size:42px!important}}
@media(max-width:640px){.post-content .emhd-eyebrow+h1,.post-content .emhd2-kicker+h1{font-size:32px!important;margin-bottom:14px!important}.post-content .emhd-eyebrow+h1+p,.post-content .emhd2-kicker+h1+p{font-size:17px!important}}


/* 22-10-2026: witte hero's — gelijke ruimte onder de header */
body.page-id-13 #main,body.page-id-20 #main,body.page-id-4414 #main,body.page-id-4422 #main,body.page-id-4420 #main,body.page-id-4418 #main,body.page-id-4416 #main,body.page-id-6596 #main,body.page-id-7439 #main,body.page-id-7568 #main,body.page-id-7570 #main,body.page-id-7723 #main,body.page-id-7721 #main,body.page-id-7719 #main,body.page-id-7725 #main,body.page-id-7564 #main,body.page-id-7572 #main,body.page-id-7574 #main{padding-top:104px!important}
@media(max-width:1024px){body.page-id-13 #main,body.page-id-20 #main,body.page-id-4414 #main,body.page-id-4422 #main,body.page-id-4420 #main,body.page-id-4418 #main,body.page-id-4416 #main,body.page-id-6596 #main,body.page-id-7439 #main,body.page-id-7568 #main,body.page-id-7570 #main,body.page-id-7723 #main,body.page-id-7721 #main,body.page-id-7719 #main,body.page-id-7725 #main,body.page-id-7564 #main,body.page-id-7572 #main,body.page-id-7574 #main{padding-top:64px!important}}
@media(max-width:640px){body.page-id-13 #main,body.page-id-20 #main,body.page-id-4414 #main,body.page-id-4422 #main,body.page-id-4420 #main,body.page-id-4418 #main,body.page-id-4416 #main,body.page-id-6596 #main,body.page-id-7439 #main,body.page-id-7568 #main,body.page-id-7570 #main,body.page-id-7723 #main,body.page-id-7721 #main,body.page-id-7719 #main,body.page-id-7725 #main,body.page-id-7564 #main,body.page-id-7572 #main,body.page-id-7574 #main{padding-top:40px!important}}

/* 23-10-2026: ruimte onder de donkere titelbalk (blog, artikelen, overig) */
body.blog #main,body.single-post #main,body.avada-has-titlebar-bar_and_content #main,body.avada-has-titlebar-content_only #main{padding-top:72px!important}
@media(max-width:1024px){body.blog #main,body.single-post #main,body.avada-has-titlebar-bar_and_content #main,body.avada-has-titlebar-content_only #main{padding-top:48px!important}}
@media(max-width:640px){body.blog #main,body.single-post #main,body.avada-has-titlebar-bar_and_content #main,body.avada-has-titlebar-content_only #main{padding-top:32px!important}}

/* 23-10-2026: geen datum bij blogs (overzicht + artikel); datePublished blijft in de verborgen schema-spans */
.fusion-single-line-meta .updated+span,.fusion-single-line-meta .updated+span+.fusion-inline-sep,.fusion-meta-info .updated+span,.fusion-meta-info .updated+span+.fusion-inline-sep{display:none!important}

/* 23-10-2026: blogartikelen leesbaar (dubbele titel weg, koppen op maat, lead) */
.single-post h2.fusion-post-title{display:none!important}
.single-post .post-content h2{font-size:32px!important;line-height:1.2!important;margin:40px 0 14px!important}
.single-post .post-content h3{font-size:24px!important;line-height:1.3!important;margin:30px 0 10px!important}
.single-post .post-content .emhd2-lead{font-size:20px!important;line-height:1.55!important}
.single-post .post-content{max-width:860px;margin:0 auto}
@media(max-width:640px){.single-post .post-content h2{font-size:26px!important}.single-post .post-content .emhd2-lead{font-size:18px!important}}


/* 23-10-2026: footer compacter + nieuwsbriefknop in de pill (overschrijft alle eerdere nieuwsbriefregels) */
html body .fusion-tb-footer .fusion-builder-row-3{padding-top:28px!important}
html body .fusion-tb-footer .fusion-builder-row-3 > .fusion-row > .fusion-layout-column{margin-top:10px!important;margin-bottom:6px!important}
html body .fusion-tb-footer .fusion-builder-row-3 .fusion-separator{margin-top:12px!important}
html body .fusion-tb-footer .fusion-builder-row-3 .fusion-title-7{margin-top:0!important;margin-bottom:10px!important}
html body .fusion-tb-footer .fusion-builder-row-3 .fusion-title-7 p{margin-bottom:10px!important}
html body .fusion-tb-footer .fusion-builder-row-3 .fusion-builder-row-inner .fusion-layout-column{margin-top:0!important;margin-bottom:0!important}
html body .fusion-tb-footer .fusion-builder-row-3 .fusion-builder-row-inner p{margin-bottom:0!important}
html body .fusion-tb-footer .emhd-newsletter{padding:14px 0!important}
html body .fusion-tb-footer .emhd-newsletter > .fusion-row > .fusion-layout-column{margin-top:8px!important;margin-bottom:8px!important}
html body .fusion-tb-footer .emhd-footerbar{padding:10px 0!important}
@media (min-width:801px){
html body .fusion-tb-footer .emhd-newsletter :is(.fusion-form-2675,.fusion-form-8268,.fusion-form-8269,.fusion-form-8270,.fusion-form-8271) .fusion-column-wrapper{position:relative!important}
html body .fusion-tb-footer .emhd-newsletter :is(.fusion-form-2675,.fusion-form-8268,.fusion-form-8269,.fusion-form-8270,.fusion-form-8271) .fusion-form-email-field{margin:0!important;position:static!important}
html body .fusion-tb-footer .emhd-newsletter :is(.fusion-form-2675,.fusion-form-8268,.fusion-form-8269,.fusion-form-8270,.fusion-form-8271)[data-form-id] input.fusion-form-input{height:52px!important;min-height:52px!important;line-height:52px!important;padding:0 196px 0 20px!important;border-radius:999px!important;margin:0!important}
html body .fusion-tb-footer .emhd-newsletter :is(.fusion-form-2675,.fusion-form-8268,.fusion-form-8269,.fusion-form-8270,.fusion-form-8271) .fusion-form-submit-field{position:absolute!important;top:6px!important;right:6px!important;bottom:auto!important;left:auto!important;width:auto!important;margin:0!important;padding:0!important;transform:none!important}
html body .fusion-tb-footer .emhd-newsletter :is(.fusion-form-2675,.fusion-form-8268,.fusion-form-8269,.fusion-form-8270,.fusion-form-8271) .fusion-form-submit-field > div{position:static!important;transform:none!important;margin:0!important}
html body .fusion-tb-footer .emhd-newsletter :is(.fusion-form-2675,.fusion-form-8268,.fusion-form-8269,.fusion-form-8270,.fusion-form-8271) .fusion-form-submit-field .fusion-button{position:static!important;top:auto!important;right:auto!important;transform:none!important;height:40px!important;line-height:40px!important;padding:0 22px!important;margin:0!important;border-radius:999px!important}
}

/* 23-10-2026: inline FAQ op Engelse pagina's (vervangt Avada FAQ-element, dat per taal filtert) */
.emhd-faq-en{max-width:900px;margin:0 auto}
.emhd-faq-en details{border-bottom:1px solid #e3e9ec;padding:14px 0}
.emhd-faq-en summary{font-weight:700;font-size:18px;cursor:pointer;color:#17252b;list-style:none;position:relative;padding-right:32px}
.emhd-faq-en summary::-webkit-details-marker{display:none}
.emhd-faq-en summary::after{content:"+";position:absolute;right:4px;top:0;color:#18c4d8;font-size:22px;line-height:1}
.emhd-faq-en details[open] summary::after{content:"\2212"}
.emhd-faq-en details p{margin:10px 0 0;color:#2b3a42;font-size:16px;line-height:1.6}


/* Polylang-taalwisselaar in hoofdmenu (23-10): bovenin alleen vlag + taalcode, dropdown volledige namen */
.pll-parent-menu-item > a .pll-switcher-label{font-size:0;line-height:0;margin-inline-start:7px!important}
.pll-parent-menu-item .sub-menu .pll-switcher-label,.pll-parent-menu-item .awb-menu__sub-ul .pll-switcher-label{margin-inline-start:8px!important}
.pll-parent-menu-item > a .pll-switcher-label::after{font-size:16px;line-height:25.6px;font-weight:500;content:"NL"}
.pll-parent-menu-item.lang-item-en > a .pll-switcher-label::after{content:"EN"}
.pll-parent-menu-item.lang-item-it > a .pll-switcher-label::after{content:"IT"}
.pll-parent-menu-item.lang-item-de > a .pll-switcher-label::after{content:"DE"}
.pll-parent-menu-item.lang-item-fr > a .pll-switcher-label::after{content:"FR"}
.pll-parent-menu-item .sub-menu .pll-switcher-label{white-space:nowrap}


/* Homepage-hero op mobiel (23-10): foto als band bovenin met het gezicht, tekst op donker vlak eronder */
@media(max-width:767px){
 .fusion-fullwidth.emhd2-hero{background-image:linear-gradient(to bottom,rgba(42,58,68,0) 0,rgba(42,58,68,0) 150px,#2a3a44 240px),url(https://emhostingendesign.nl/wp-content/uploads/2025/08/em-hosting-en-design-alles-voor-jouw-online-zichtbaarheid-1.jpg)!important;background-size:100% auto,auto 250px!important;background-position:0 0,64% 0!important;background-repeat:no-repeat,no-repeat!important;background-attachment:scroll!important;padding-top:235px!important;padding-bottom:56px!important}
}


/* Mobiel menu (23-10): volledige breedte onder de header, links uitgelijnd. De mega-menu-fix (position:static op #menu-hoofdmenu) blokkeerde Avada's eigen mobiele uitklap; :not(#…) geeft de nodige specificiteit. */
@media(max-width:1024px){
html body .fusion-tb-header .fusion-fullwidth{position:relative}
html body .fusion-tb-header .fusion-builder-row,html body .fusion-tb-header .fusion-layout-column,html body .fusion-tb-header .fusion-column-wrapper,html body .fusion-tb-header nav.awb-menu.collapse-enabled{position:static!important}
html body .fusion-tb-header nav.awb-menu.collapse-enabled ul.awb-menu__main-ul:not(#emhd-a):not(#emhd-b){position:absolute!important;left:0!important;right:0!important;top:100%!important;width:100%!important;background:#fff!important;box-shadow:0 14px 30px rgba(0,0,0,.14)!important;padding:6px 0 10px!important;z-index:1200!important;margin:0!important;opacity:1!important;visibility:visible!important}
html body .fusion-tb-header{position:relative;z-index:1100}
html body .fusion-tb-header nav.awb-menu.collapse-enabled .awb-menu__main-li,html body .fusion-tb-header nav.awb-menu.collapse-enabled .awb-menu__main-a{background:#fff!important;color:#17252b!important;opacity:1!important}
html body .fusion-tb-header nav.awb-menu.collapse-enabled .awb-menu__main-li{text-align:left}
html body .fusion-tb-header nav.awb-menu.collapse-enabled .awb-menu__main-a{justify-content:flex-start!important;padding:10px 24px!important;font-size:17px}
html body .fusion-tb-header nav.awb-menu.collapse-enabled .awb-menu__sub-ul{position:static!important;box-shadow:none;background:#f5f8fa;padding:4px 0}
html body .fusion-tb-header nav.awb-menu.collapse-enabled .awb-menu__sub-a{padding:9px 40px!important}
html body .fusion-tb-header nav.awb-menu.collapse-enabled .pll-parent-menu-item{border-top:1px solid #e6ecef;margin-top:4px;padding-top:4px}
}











/* 23-10-2026: hoofdmenu altijd op één regel (desktop) */
.awb-menu_desktop .awb-menu__main-ul{flex-wrap:nowrap}
.awb-menu_desktop .awb-menu__main-li{margin:0 9px;white-space:nowrap}

/* Hoofdmenu desktop compacter (23-10): DE/IT/FR-menu's zijn breder dan NL; voorkomt dat de headerknop over de taalkeuze valt tot 1750 px */
@media (min-width:1025px) and (max-width:1750px){
html body .fusion-tb-header nav.awb-menu .awb-menu__main-li{margin-left:4px!important;margin-right:4px!important}
html body .fusion-tb-header nav.awb-menu .awb-menu__main-ul > .awb-menu__main-li > a.awb-menu__main-a{padding-left:6px!important;padding-right:6px!important}
html body .fusion-tb-header nav.awb-menu ul.awb-menu__main-ul{padding-right:12px!important}
}


/* Taalwisselaar: bovenste item niet klikbaar (24-10). Op mobiel opent een tik op de hele rij de talenlijst; eigen chevron, sub-items links uitgelijnd. */
html body .fusion-tb-header nav.awb-menu .pll-parent-menu-item > a{pointer-events:none!important}
@media(max-width:1024px){
html body .fusion-tb-header nav.awb-menu.collapse-enabled .pll-parent-menu-item{position:relative!important}
html body .fusion-tb-header nav.awb-menu.collapse-enabled .pll-parent-menu-item > button.awb-menu__open-nav-submenu_mobile{position:absolute!important;left:0!important;top:0!important;width:100%!important;height:100%!important;background:transparent!important;z-index:2}
html body .fusion-tb-header nav.awb-menu.collapse-enabled .pll-parent-menu-item > button.awb-menu__open-nav-submenu_mobile::before{display:none!important}
html body .fusion-tb-header nav.awb-menu.collapse-enabled .pll-parent-menu-item > a{display:flex!important;align-items:center!important;width:100%!important}
html body .fusion-tb-header nav.awb-menu.collapse-enabled .pll-parent-menu-item > a::after{content:""!important;width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-left:auto;margin-right:6px;display:block}
html body .fusion-tb-header nav.awb-menu.collapse-enabled .pll-parent-menu-item .awb-menu__sub-li{text-align:left!important}
html body .fusion-tb-header nav.awb-menu.collapse-enabled .pll-parent-menu-item .awb-menu__sub-a{justify-content:flex-start!important}
}


/* Contactformulieren IT/DE/FR (24-10): zwarte labels, zoals 2674/7853 */
.fusion-form-field[data-form-id="7945"] label,.fusion-form-field[data-form-id="7945"] .fusion-form-label-wrapper label,
.fusion-form-field[data-form-id="8001"] label,.fusion-form-field[data-form-id="8001"] .fusion-form-label-wrapper label,
.fusion-form-field[data-form-id="8112"] label,.fusion-form-field[data-form-id="8112"] .fusion-form-label-wrapper label{color:#000000!important}
/* Header 1025–1750 px (24-10): DE/FR-knop viel buiten beeld; menu en knop iets kleiner */
@media (min-width:1025px) and (max-width:1750px){
html body .fusion-tb-header nav.awb-menu .awb-menu__main-ul > .awb-menu__main-li > a.awb-menu__main-a{font-size:16px!important;padding-left:5px!important;padding-right:5px!important}
html body .fusion-tb-header nav.awb-menu .awb-menu__main-li{margin-left:3px!important;margin-right:3px!important}
html body .fusion-tb-header a.fusion-button{font-size:14px!important;padding-left:16px!important;padding-right:16px!important;white-space:nowrap}
}


/* Dropdown-submenu's (24-10): breedte op inhoud i.p.v. vaste 248 px, zodat lange items (Branding, Logo & Erscheinungsbild) niet buiten het vlak vallen */
html body .fusion-tb-header nav.awb-menu .awb-menu__main-li > ul.awb-menu__sub-ul{max-width:none!important;width:max-content!important;min-width:248px!important}
html body .fusion-tb-header nav.awb-menu .awb-menu__main-li > ul.awb-menu__sub-ul > li.awb-menu__sub-li{width:auto!important;min-width:248px!important}


/* 24-10: headerkolommen flexibel (knop valt nooit over taalkeuze) */
@media (min-width:1025px){
html body .fusion-tb-header .fusion-layout-column:has(nav.awb-menu){flex:1 1 auto!important;width:auto!important;max-width:none!important;min-width:0!important}
html body .fusion-tb-header .fusion-layout-column:has(a.fusion-button){flex:0 0 auto!important;width:auto!important;max-width:none!important}
html body .fusion-tb-header .fusion-layout-column:has(nav.awb-menu) ul.awb-menu__main-ul{justify-content:flex-end!important;padding-right:16px!important}
}


/* 24-10 (3): footer compacter én rustiger. Bezoekadres verborgen, KvK/btw naar de onderbalk, kolommen verticaal gecentreerd, nieuwsbrieftekst op één lijn met het veld. */
html body .fusion-tb-footer .fusion-fullwidth:not(.emhd-newsletter):not(.emhd-footerbar){padding-top:36px!important;padding-bottom:8px!important}
html body .fusion-tb-footer .fusion-fullwidth:not(.emhd-newsletter):not(.emhd-footerbar) > .fusion-row{align-items:flex-start!important}
html body .fusion-tb-footer .fusion-fullwidth:not(.emhd-newsletter):not(.emhd-footerbar) > .fusion-row > .fusion-layout-column:not(:first-child){margin-top:10px!important}
html body .fusion-tb-footer .fusion-fullwidth:not(.emhd-newsletter):not(.emhd-footerbar) > .fusion-row > .fusion-layout-column{margin-top:0!important;margin-bottom:0!important}
html body .fusion-tb-footer .fusion-builder-row-inner,html body .fusion-tb-footer .fusion-text[style*="--awb-margin-bottom:-24px"]{display:none!important}
html body .fusion-tb-footer img{max-width:300px!important;height:auto!important}
html body .fusion-tb-footer .fusion-imageframe{margin-bottom:10px!important}
html body .fusion-tb-footer .gr-badge{margin:0 0 14px!important;transform:none}
html body .fusion-tb-footer p{font-size:15px!important;line-height:1.6!important;margin-bottom:8px!important}
html body .fusion-tb-footer .fusion-separator{display:none!important}
html body .fusion-tb-footer .fusion-title{margin:0 0 8px!important}
html body .fusion-tb-footer .fusion-title strong,html body .fusion-tb-footer .fusion-title h4{font-size:17px!important}
html body .fusion-tb-footer ul{line-height:2!important;font-size:15px!important}
html body .fusion-tb-footer .awb-menu_column .awb-menu__main-a{padding-top:4px!important;padding-bottom:4px!important;font-size:15px!important}
html body .fusion-tb-footer .emhd-newsletter{padding:6px 0 18px!important}
html body .fusion-tb-footer .emhd-newsletter > .fusion-row{align-items:center!important}
html body .fusion-tb-footer .emhd-newsletter > .fusion-row > .fusion-layout-column{margin-top:0!important;margin-bottom:0!important;align-self:center!important}
html body .fusion-tb-footer .emhd-newsletter .fusion-text p{margin:0!important}
html body .fusion-tb-footer .emhd-newsletter .fusion-social-links{margin-top:0!important}
html body .fusion-tb-footer .emhd-footerbar{padding:8px 0!important}
html body .fusion-tb-footer .emhd-footerbar p{font-size:13px!important;margin:0!important}
html body .fusion-tb-footer .emhd-footerbar p::after{content:"\00a0\00a0\00a0\00a0\00a0|\00a0\00a0\00a0\00a0\00a0 KvK 56914792\00a0\00a0\00a0\00a0\00a0|\00a0\00a0\00a0\00a0\00a0 Btw NL001735443B26";opacity:.85}


/* 24-10 (4): nieuwsbriefzin weg - veld links, social rechts (alle talen) */
html body .fusion-tb-footer .emhd-newsletter > .fusion-row > .fusion-layout-column:first-child{display:none!important}
html body .fusion-tb-footer .emhd-newsletter > .fusion-row > .fusion-layout-column:nth-child(2){flex:0 1 560px!important;max-width:560px!important;width:auto!important}
html body .fusion-tb-footer .emhd-newsletter > .fusion-row > .fusion-layout-column:last-child{flex:0 0 auto!important;width:auto!important;margin-left:auto!important}
html body .fusion-tb-footer .emhd-newsletter .fusion-social-networks-wrapper{display:flex!important;flex-wrap:nowrap!important;white-space:nowrap}
html body .fusion-tb-footer .emhd-newsletter .fusion-social-networks-wrapper > *{flex:0 0 auto}
@media (max-width:1024px){html body .fusion-tb-footer .emhd-newsletter > .fusion-row > .fusion-layout-column:last-child{margin-left:0!important;width:100%!important;flex:0 0 100%!important}html body .fusion-tb-footer .emhd-newsletter .fusion-social-networks-wrapper{justify-content:center!important}html body .fusion-tb-footer .emhd-newsletter .fusion-social-links{--awb-alignment:center;margin-top:18px!important}}


/* 24-10 (5): kopje boven nieuwsbriefveld (NL, akkoord 22:52) */
html[lang="nl-NL"] body .fusion-tb-footer .emhd-newsletter > .fusion-row > .fusion-layout-column:nth-child(2) > .fusion-column-wrapper::before{content:"Nieuwsbrief";display:block;order:-2;color:#fff;font-weight:700;font-size:17px;line-height:1.3;margin:0 0 2px 6px}
html[lang="nl-NL"] body .fusion-tb-footer .emhd-newsletter > .fusion-row > .fusion-layout-column:nth-child(2) > .fusion-column-wrapper::after{content:"Tips over websites, SEO en hosting, max. 1\00d7  per maand.";display:block;order:-1;color:#fff;opacity:.85;font-size:14px;line-height:1.5;margin:0 0 10px 6px}
html body .fusion-tb-footer .emhd-newsletter > .fusion-row{align-items:flex-end!important}
html body .fusion-tb-footer .emhd-newsletter > .fusion-row > .fusion-layout-column{align-self:flex-end!important}
html body .fusion-tb-footer .emhd-newsletter .fusion-form .fusion-fullwidth{padding:0!important}
html body .fusion-tb-footer .emhd-newsletter .fusion-form .fusion-layout-column{margin-top:0!important}
html body .fusion-tb-footer .emhd-newsletter .fusion-social-links{margin-bottom:12px!important}


/* 24-10 (6): nieuwsbriefkop EN/IT/DE/FR */
html body .fusion-tb-footer .emhd-newsletter > .fusion-row > .fusion-layout-column:nth-child(2) > .fusion-column-wrapper::before{display:block;order:-2;color:#fff;font-weight:700;font-size:17px;line-height:1.3;margin:0 0 2px 6px}
html body .fusion-tb-footer .emhd-newsletter > .fusion-row > .fusion-layout-column:nth-child(2) > .fusion-column-wrapper::after{display:block;order:-1;color:#fff;opacity:.85;font-size:14px;line-height:1.5;margin:0 0 10px 6px}
html[lang="en-US"] body .fusion-tb-footer .emhd-newsletter > .fusion-row > .fusion-layout-column:nth-child(2) > .fusion-column-wrapper::before{content:"Newsletter"}
html[lang="en-US"] body .fusion-tb-footer .emhd-newsletter > .fusion-row > .fusion-layout-column:nth-child(2) > .fusion-column-wrapper::after{content:"Tips on websites, SEO and hosting, max. once a month."}
html[lang="en-GB"] body .fusion-tb-footer .emhd-newsletter > .fusion-row > .fusion-layout-column:nth-child(2) > .fusion-column-wrapper::before{content:"Newsletter"}
html[lang="en-GB"] body .fusion-tb-footer .emhd-newsletter > .fusion-row > .fusion-layout-column:nth-child(2) > .fusion-column-wrapper::after{content:"Tips on websites, SEO and hosting, max. once a month."}
html[lang="it-IT"] body .fusion-tb-footer .emhd-newsletter > .fusion-row > .fusion-layout-column:nth-child(2) > .fusion-column-wrapper::before{content:"Newsletter"}
html[lang="it-IT"] body .fusion-tb-footer .emhd-newsletter > .fusion-row > .fusion-layout-column:nth-child(2) > .fusion-column-wrapper::after{content:"Consigli su siti web, SEO e hosting, max. una volta al mese."}
html[lang="de-DE"] body .fusion-tb-footer .emhd-newsletter > .fusion-row > .fusion-layout-column:nth-child(2) > .fusion-column-wrapper::before{content:"Newsletter"}
html[lang="de-DE"] body .fusion-tb-footer .emhd-newsletter > .fusion-row > .fusion-layout-column:nth-child(2) > .fusion-column-wrapper::after{content:"Tipps zu Websites, SEO und Hosting, max. 1× im Monat."}
html[lang="fr-FR"] body .fusion-tb-footer .emhd-newsletter > .fusion-row > .fusion-layout-column:nth-child(2) > .fusion-column-wrapper::before{content:"Newsletter"}
html[lang="fr-FR"] body .fusion-tb-footer .emhd-newsletter > .fusion-row > .fusion-layout-column:nth-child(2) > .fusion-column-wrapper::after{content:"Conseils sur les sites web, le SEO et l’hébergement, max. 1 fois par mois."}


/* 24-10 (7): nieuwsbriefformulier in EN/IT/DE/FR-footer = forms 8268/8269/8270/8271; alle .fusion-form-2675-regels hierboven gelden via :is() ook voor die forms */


/* 25-10: hoverbrug onder "Diensten" alleen actief als het menu al open is (anders opende de strook van 40px over de hele breedte het menu) */
#menu-item-259:not(:hover)::after,.fusion-header-wrapper.fusion-is-sticky li[data-item-id="259"]:not(:hover)::after{pointer-events:none!important}


/* 25-10: ruimte tussen blokken, hele site (vervangt de Over ons-regel van eerder vandaag) */
.emx>*+*{margin-top:96px!important}
.emx>.vp-band{padding-top:72px!important;padding-bottom:72px!important}
.emx .emhd-trust{margin-bottom:0!important}
.emx .w>section+section{margin-top:80px!important}
.emx .pk-combo{margin-top:32px!important}
.page-id-4420 .fusion-builder-row-2,.page-id-7723 .fusion-builder-row-2,.page-id-7952 .fusion-builder-row-2,.page-id-8008 .fusion-builder-row-2,.page-id-8121 .fusion-builder-row-2{padding-bottom:96px!important}
.page-id-4420 .fusion-builder-row-5,.page-id-7723 .fusion-builder-row-5,.page-id-7952 .fusion-builder-row-5,.page-id-8008 .fusion-builder-row-5,.page-id-8121 .fusion-builder-row-5{padding-top:64px!important}
.page-id-4414 .fusion-builder-row-5,.page-id-4416 .fusion-builder-row-5,.page-id-4418 .fusion-builder-row-5,.page-id-4422 .fusion-builder-row-5,.page-id-7568 .fusion-builder-row-5,.page-id-7570 .fusion-builder-row-5,.page-id-7719 .fusion-builder-row-5,.page-id-7721 .fusion-builder-row-5,.page-id-8002 .fusion-builder-row-5,.page-id-8004 .fusion-builder-row-5,.page-id-8006 .fusion-builder-row-5,.page-id-8010 .fusion-builder-row-5,.page-id-8115 .fusion-builder-row-5,.page-id-8117 .fusion-builder-row-5,.page-id-8119 .fusion-builder-row-5,.page-id-8123 .fusion-builder-row-5,.page-id-7946 .fusion-builder-row-5,.page-id-7948 .fusion-builder-row-5,.page-id-7950 .fusion-builder-row-5,.page-id-7954 .fusion-builder-row-5{padding-top:48px!important}
.page-id-7439 .fusion-builder-row-4,.page-id-7574 .fusion-builder-row-4,.page-id-7962 .fusion-builder-row-4,.page-id-8071 .fusion-builder-row-4,.page-id-8103 .fusion-builder-row-4{padding-top:56px!important}
.page-id-11 .fusion-builder-row-5,.page-id-7467 .fusion-builder-row-5,.page-id-7468 .fusion-builder-row-5,.page-id-7469 .fusion-builder-row-5,.page-id-7470 .fusion-builder-row-5{padding-bottom:40px!important}
@media(max-width:767px){.emx>*+*{margin-top:56px!important}.emx>.vp-band{padding-top:48px!important;padding-bottom:48px!important}.emx .w>section+section{margin-top:48px!important}.page-id-4420 .fusion-builder-row-2,.page-id-7723 .fusion-builder-row-2,.page-id-7952 .fusion-builder-row-2,.page-id-8008 .fusion-builder-row-2,.page-id-8121 .fusion-builder-row-2{padding-bottom:56px!important}}

/* 25-10: footerlogo even breed als het Google-profielblok (max 430px), alle talen */
html body .fusion-footer .fusion-imageframe:has(img.wp-image-3703),html body .fusion-footer .fusion-imageframe:has(img[src*="logo-em-hosting-en-design-2025-footer"]){width:100%!important;max-width:430px!important;display:block}
html body .fusion-footer .fusion-imageframe img.wp-image-3703,html body .fusion-footer .fusion-imageframe img[src*="logo-em-hosting-en-design-2025-footer"]{width:100%!important;max-width:100%!important;height:auto!important}


/* 25-10: taalkeuze mobiel als compact raster (2x2 knoppen) i.p.v. lange uitklaplijst */
@media (max-width:1024px){
html body .fusion-tb-header nav.awb-menu li.pll-parent-menu-item.awb-menu__main-li{padding-top:0!important;border-top:1px solid #e8eef1}
html body .fusion-tb-header nav.awb-menu li.pll-parent-menu-item.awb-menu__main-li>.awb-menu__open-nav-submenu_mobile{display:none!important}
html body .fusion-tb-header nav.awb-menu li.pll-parent-menu-item.awb-menu__main-li>a.awb-menu__main-a{pointer-events:none;min-height:0!important;height:auto!important;padding:16px 24px 10px!important;font-size:13px!important;font-weight:600!important;letter-spacing:.06em;text-transform:uppercase;color:#5b6b73!important;background:transparent!important}
html body .fusion-tb-header nav.awb-menu li.pll-parent-menu-item.awb-menu__main-li>a.awb-menu__main-a::after{display:none!important}
html body .fusion-tb-header nav.awb-menu li.pll-parent-menu-item.awb-menu__main-li>ul.awb-menu__sub-ul{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;box-sizing:border-box;width:100%!important;min-width:0!important;max-width:100%!important;background:transparent!important;padding:0 24px 20px!important;margin:0!important;position:static!important;visibility:visible!important;opacity:1!important;transform:none!important;box-shadow:none!important;border:0!important;z-index:auto!important}
html body .fusion-tb-header nav.awb-menu li.pll-parent-menu-item.awb-menu__main-li>ul.awb-menu__sub-ul>li{background:transparent!important;border:0!important;width:auto!important;min-width:0!important}
html body .fusion-tb-header nav.awb-menu li.pll-parent-menu-item.awb-menu__main-li>ul.awb-menu__sub-ul>li>a{display:flex!important;align-items:center;gap:8px;width:auto!important;min-width:0!important;min-height:0!important;height:auto!important;padding:11px 12px!important;border:1px solid #dfe7eb!important;border-radius:10px;background:#fff!important;color:#17252b!important;font-size:15px!important;line-height:1.2}
html body .fusion-tb-header nav.awb-menu li.pll-parent-menu-item.awb-menu__main-li>ul.awb-menu__sub-ul>li>a:hover{border-color:#1ec4d9!important;color:#0e9fb2!important}
}

/* 25-10: links naast een knop / telefoonnummers niet halverwege afbreken (springen in zijn geheel naar de volgende regel) */
html body #content a[href^="tel:"],html body #content a[href*="wa.me"],html body .fusion-footer a[href^="tel:"],html body .fusion-footer a[href*="wa.me"]{white-space:nowrap}
html body #content p:has(>a ~ a)>a{white-space:nowrap}


/* 25-10: footer mobiel strak links uitgelijnd, nieuwsbrief compact, nieuwe onderbalk (.emhd-legal) + knop-rijen met nette tussenruimte */

html body .fusion-tb-footer.fusion-footer .emhd-legal{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 0;font-size:13px;line-height:1.5;color:rgba(248,249,250,.75)}
html body .fusion-tb-footer.fusion-footer .emhd-legal>span{display:inline-flex;flex-wrap:wrap;align-items:center}
html body .fusion-tb-footer.fusion-footer .emhd-legal>span+span::before,html body .fusion-tb-footer.fusion-footer .emhd-legal__links a+a::before{content:"·";margin:0 12px;color:rgba(248,249,250,.4)}
html body .fusion-tb-footer.fusion-footer .emhd-legal a{color:#f8f9fa!important;text-decoration:none}
html body .fusion-tb-footer.fusion-footer .emhd-legal a:hover{color:#1ec4d9!important}
#content p:has(> a[class*="btn"]){display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px}
@media (max-width:767px){
html body .fusion-tb-footer.fusion-footer .emhd-legal{flex-direction:column;align-items:flex-start;gap:10px;text-align:left;padding:8px 0}
html body .fusion-tb-footer.fusion-footer .emhd-legal>span+span::before{display:none}
html body .fusion-tb-footer.fusion-footer .emhd-legal__links{gap:6px 0}
html body .fusion-tb-footer.fusion-footer .fusion-text:has(.emhd-legal){text-align:left!important}
html body .fusion-tb-footer.fusion-footer .fusion-builder-row-13 .fusion-builder-row{padding:0 10px}
html body .fusion-tb-footer.fusion-footer .fusion-title,html body .fusion-tb-footer.fusion-footer .fusion-title h4,html body .fusion-tb-footer.fusion-footer .fusion-title .title-heading-left{text-align:left!important;justify-content:flex-start!important}
html body .fusion-tb-footer.fusion-footer nav.awb-menu_column .awb-menu__main-ul,html body .fusion-tb-footer.fusion-footer nav.awb-menu_column li{align-items:flex-start!important;justify-content:flex-start!important;text-align:left!important}
html body .fusion-tb-footer.fusion-footer nav.awb-menu_column .awb-menu__main-a{justify-content:flex-start!important;text-align:left!important;padding-left:0!important}
html body .fusion-tb-footer.fusion-footer .emhd-nl-col{padding-top:24px!important;text-align:left!important}
html body .fusion-tb-footer.fusion-footer .emhd-nl-col .fusion-builder-row-inner{display:flex!important;flex-direction:column;align-items:flex-start!important;gap:14px}
html body .fusion-tb-footer.fusion-footer .emhd-nl-col .fusion_builder_column_inner{margin:0!important;width:96.154%!important;max-width:96.154%!important}
html body .fusion-tb-footer.fusion-footer .emhd-nl-col .fusion-text,html body .fusion-tb-footer.fusion-footer .emhd-nl-col p{text-align:left!important;margin:0!important}
html body .fusion-tb-footer.fusion-footer .emhd-nl-col .fusion-social-links,html body .fusion-tb-footer.fusion-footer .emhd-nl-col .fusion-social-networks{justify-content:flex-start!important;text-align:left!important}

html body .fusion-tb-footer.fusion-footer .emhd-nl-col form>.fusion-fullwidth{padding:0!important;min-height:0!important}
html body .fusion-tb-footer.fusion-footer .emhd-nl-col form .fusion-layout-column{margin-top:0!important}
html body .fusion-tb-footer.fusion-footer .emhd-nl-col .fusion_builder_column_inner>.fusion-column-wrapper{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
html body .fusion-tb-footer.fusion-footer .emhd-nl-col .fusion-form-field{margin-left:0!important;margin-right:0!important}
html body .fusion-tb-footer.fusion-footer .emhd-nl-col .fusion-form-submit-field{margin-bottom:0!important}
html body .fusion-tb-footer.fusion-footer .emhd-nl-col .fusion-social-links{margin-top:4px!important}
html body .fusion-tb-footer.fusion-footer .emhd-legal__links a+a::before{content:none!important}
html body .fusion-tb-footer.fusion-footer .emhd-legal__links{column-gap:20px!important}

html body .fusion-tb-footer.fusion-footer .emhd-nl-col form .fusion-row,html body .fusion-tb-footer.fusion-footer .emhd-nl-col form .fusion-column-wrapper,html body .fusion-tb-footer.fusion-footer .emhd-nl-col form .fusion-layout-column{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;width:100%!important;max-width:100%!important}
html body .fusion-tb-footer.fusion-footer .emhd-nl-col .fusion-builder-row-inner{margin-left:0!important;margin-right:0!important;width:auto!important;max-width:100%!important}
}
@media (max-width:767px){
html body .fusion-tb-footer.fusion-footer .emhd-nl-col .fusion-builder-row-inner{display:block!important}
html body .fusion-tb-footer.fusion-footer .emhd-nl-col .fusion-builder-row-inner>.fusion_builder_column_inner{display:block!important;float:none!important;width:96.154%!important;max-width:96.154%!important;margin:0 0 14px!important;align-self:auto!important}
html body .fusion-tb-footer.fusion-footer .emhd-nl-col .fusion-builder-row-inner>.fusion_builder_column_inner:last-child{margin-bottom:0!important}
}
@media (max-width:767px){html body .fusion-tb-footer.fusion-footer .emhd-gbp p,html body .fusion-tb-footer.fusion-footer .emhd-gbp .g-rate{text-align:left!important}}
@media (max-width:767px){html body .fusion-tb-footer.fusion-footer .fusion_builder_column:has(>.fusion-column-wrapper>.fusion-title h4){margin-top:28px!important}html body .fusion-tb-footer.fusion-footer .fusion-title:has(h4){margin-bottom:6px!important}html body .fusion-tb-footer.fusion-footer .emhd-nl-col{margin-top:28px!important;padding-top:28px!important;border-top:1px solid rgba(255,255,255,.12)}html body .fusion-tb-footer.fusion-footer .emhd-nl-col p{font-weight:600}}
@media (max-width:767px){html body .fusion-tb-footer.fusion-footer .emhd-footmain>.fusion-builder-row>.fusion_builder_column+.fusion_builder_column:not(.emhd-nl-col){margin-top:28px!important}}

/* 25-10: footer mobiel – ook tekst-menu's (EN/IT/DE/FR) links */
@media (max-width:767px){html body .fusion-tb-footer.fusion-footer .emhd-footmain .fusion-text,html body .fusion-tb-footer.fusion-footer .emhd-footmain .fusion-text *,html body .fusion-tb-footer.fusion-footer .emhd-footmain ul,html body .fusion-tb-footer.fusion-footer .emhd-footmain li,html body .fusion-tb-footer.fusion-footer .emhd-footmain .fusion-title *{text-align:left!important}html body .fusion-tb-footer.fusion-footer .emhd-footmain .fusion-text ul{padding-left:0!important;margin-left:0!important}html body .fusion-tb-footer.fusion-footer .emhd-footmain .fusion-text li{justify-content:flex-start!important}}

@media (max-width:767px){html body .fusion-tb-footer.fusion-footer .fusion-builder-row-13 .fusion-column-wrapper{margin-left:0!important;margin-right:0!important}html body .fusion-tb-footer.fusion-footer .fusion-builder-row-13>.fusion-builder-row{padding:0 17px!important}}

/* 25-10: knop + tekstlink op mobiel: knop over volle breedte, link gecentreerd eronder met ruimte */
@media (max-width:767px){#content p:has(> a[class*="btn"]){flex-direction:column;align-items:stretch;gap:18px}#content p:has(> a[class*="btn"])>a{text-align:center;justify-content:center}#content p:has(> a[class*="btn"])>a:not([class*="btn"]){padding:4px 0}}

/* 25-10: contactpagina's (NL/EN/IT/DE/FR) zelfde lettergroottes als de rest van de site: H1 54/42/32, tekst 18px, FAQ-kop 44/34/26, subkoppen 24/20 */
html body.page-id-22 #content h1,html body.page-id-7572 #content h1,html body.page-id-7960 #content h1,html body.page-id-8069 #content h1,html body.page-id-8127 #content h1{font-size:54px!important;line-height:1.1!important}
html body.page-id-22 #content .fusion-text p:not([style*="font-size"]),html body.page-id-7572 #content .fusion-text p:not([style*="font-size"]),html body.page-id-7960 #content .fusion-text p:not([style*="font-size"]),html body.page-id-8069 #content .fusion-text p:not([style*="font-size"]),html body.page-id-8127 #content .fusion-text p:not([style*="font-size"]),html body.page-id-22 #content .fusion-text li,html body.page-id-7572 #content .fusion-text li,html body.page-id-7960 #content .fusion-text li,html body.page-id-8069 #content .fusion-text li,html body.page-id-8127 #content .fusion-text li{font-size:18px!important;line-height:1.6!important}
html body.page-id-22 #content .fusion-text h2,html body.page-id-7572 #content .fusion-text h2,html body.page-id-7960 #content .fusion-text h2,html body.page-id-8069 #content .fusion-text h2,html body.page-id-8127 #content .fusion-text h2{font-size:30px!important;line-height:1.25!important}
html body.page-id-22 #content .fusion-title h3.title-heading-center,html body.page-id-7572 #content .fusion-title h3.title-heading-center,html body.page-id-7960 #content .fusion-title h3.title-heading-center,html body.page-id-8069 #content .fusion-title h3.title-heading-center,html body.page-id-8127 #content .fusion-title h3.title-heading-center{font-size:44px!important;line-height:1.14!important}
html body.page-id-22 #content .fusion-title h3.title-heading-left,html body.page-id-7572 #content .fusion-title h3.title-heading-left,html body.page-id-7960 #content .fusion-title h3.title-heading-left,html body.page-id-8069 #content .fusion-title h3.title-heading-left,html body.page-id-8127 #content .fusion-title h3.title-heading-left{font-size:24px!important;line-height:1.3!important}
@media (max-width:1024px){html body.page-id-22 #content h1,html body.page-id-7572 #content h1,html body.page-id-7960 #content h1,html body.page-id-8069 #content h1,html body.page-id-8127 #content h1{font-size:42px!important}html body.page-id-22 #content .fusion-title h3.title-heading-center,html body.page-id-7572 #content .fusion-title h3.title-heading-center,html body.page-id-7960 #content .fusion-title h3.title-heading-center,html body.page-id-8069 #content .fusion-title h3.title-heading-center,html body.page-id-8127 #content .fusion-title h3.title-heading-center{font-size:26px!important}}
@media (max-width:767px){html body.page-id-22 #content h1,html body.page-id-7572 #content h1,html body.page-id-7960 #content h1,html body.page-id-8069 #content h1,html body.page-id-8127 #content h1{font-size:32px!important}html body.page-id-22 #content .fusion-title h3.title-heading-center,html body.page-id-7572 #content .fusion-title h3.title-heading-center,html body.page-id-7960 #content .fusion-title h3.title-heading-center,html body.page-id-8069 #content .fusion-title h3.title-heading-center,html body.page-id-8127 #content .fusion-title h3.title-heading-center{font-size:34px!important}html body.page-id-22 #content .fusion-text h2,html body.page-id-7572 #content .fusion-text h2,html body.page-id-7960 #content .fusion-text h2,html body.page-id-8069 #content .fusion-text h2,html body.page-id-8127 #content .fusion-text h2{font-size:24px!important}html body.page-id-22 #content .fusion-title h3.title-heading-left,html body.page-id-7572 #content .fusion-title h3.title-heading-left,html body.page-id-7960 #content .fusion-title h3.title-heading-left,html body.page-id-8069 #content .fusion-title h3.title-heading-left,html body.page-id-8127 #content .fusion-title h3.title-heading-left{font-size:20px!important}}

html body.page-id-22 #content .emhd-contact-info .fusion-title h3,html body.page-id-7572 #content .emhd-contact-info .fusion-title h3,html body.page-id-7960 #content .emhd-contact-info .fusion-title h3,html body.page-id-8069 #content .emhd-contact-info .fusion-title h3,html body.page-id-8127 #content .emhd-contact-info .fusion-title h3{font-size:30px!important;line-height:1.25!important}
@media (max-width:767px){html body.page-id-22 #content .emhd-contact-info .fusion-title h3,html body.page-id-7572 #content .emhd-contact-info .fusion-title h3,html body.page-id-7960 #content .emhd-contact-info .fusion-title h3,html body.page-id-8069 #content .emhd-contact-info .fusion-title h3,html body.page-id-8127 #content .emhd-contact-info .fusion-title h3{font-size:24px!important}}

/* 25-10: lettergroottes hele site gelijkgetrokken – H1 54/42/32; grote sectiekoppen (FAQ, 'Kies je pakket', 'Zo gaat het verder') 44/34/26 zoals de andere sectiekoppen; juridische tussenkoppen 24/20 */
html body #content h1{font-size:54px!important;line-height:1.1!important}
html body #content .fusion-title :is(h2,h3).title-heading-center,html body #content .req-after h2{font-size:44px!important;line-height:1.15!important}
html body.page-id-6210 #content :is(h3,h4),html body.page-id-6215 #content :is(h3,h4),html body.page-id-6220 #content :is(h3,h4),html body.page-id-7718 #content :is(h3,h4){font-size:24px!important;line-height:1.3!important}
@media (max-width:1024px){html body #content h1{font-size:42px!important}html body #content .fusion-title :is(h2,h3).title-heading-center,html body #content .req-after h2{font-size:34px!important}}
@media (max-width:767px){html body #content h1{font-size:32px!important}html body #content .fusion-title :is(h2,h3).title-heading-center,html body #content .req-after h2{font-size:26px!important}html body.page-id-6210 #content :is(h3,h4),html body.page-id-6215 #content :is(h3,h4),html body.page-id-6220 #content :is(h3,h4),html body.page-id-7718 #content :is(h3,h4){font-size:20px!important}}

/* 25-10: aanvulling sectiekoppen – ook 'Kies jouw webhostingpakket' en contact-FAQ op 44/34/26 */
html body #content .fusion-title h2{font-size:44px!important;line-height:1.15!important}
html body.page-id-22 #content .fusion-title h3.title-heading-center,html body.page-id-7572 #content .fusion-title h3.title-heading-center,html body.page-id-7960 #content .fusion-title h3.title-heading-center,html body.page-id-8069 #content .fusion-title h3.title-heading-center,html body.page-id-8127 #content .fusion-title h3.title-heading-center{font-size:44px!important}
@media (max-width:1024px){html body #content .fusion-title h2{font-size:34px!important}html body.page-id-22 #content .fusion-title h3.title-heading-center,html body.page-id-7572 #content .fusion-title h3.title-heading-center,html body.page-id-7960 #content .fusion-title h3.title-heading-center,html body.page-id-8069 #content .fusion-title h3.title-heading-center,html body.page-id-8127 #content .fusion-title h3.title-heading-center{font-size:34px!important}}
@media (max-width:767px){html body #content .fusion-title h2{font-size:26px!important}html body.page-id-22 #content .fusion-title h3.title-heading-center,html body.page-id-7572 #content .fusion-title h3.title-heading-center,html body.page-id-7960 #content .fusion-title h3.title-heading-center,html body.page-id-8069 #content .fusion-title h3.title-heading-center,html body.page-id-8127 #content .fusion-title h3.title-heading-center{font-size:26px!important}}

html body #content .emhd-contact-info .fusion-title .title-heading-left{font-size:30px!important;line-height:1.25!important;font-weight:500!important}
@media (max-width:767px){html body #content .emhd-contact-info .fusion-title .title-heading-left{font-size:24px!important}}

/* 25-10: contact-FAQ in dezelfde stijl als 'Onze aanpak' (uitklapvragen met lijntjes en +) */
html body .emhd-faq-contact .emhd-faq-wrap{max-width:1140px;margin:0 auto}
html body .emhd-faq-contact .emhd-next{padding:64px 0 72px}
html body .emhd-faq-contact .emhd-case-kicker{letter-spacing:1.6px;font-weight:700;text-transform:uppercase;font-size:13px!important;color:#18c4d8;margin:0 0 14px}
html body .emhd-faq-contact .emhd-next h2{font-size:44px!important;line-height:1.2!important;margin:0 0 18px!important;text-align:left!important}
html body .emhd-faq-contact .faq details{border-bottom:1px solid #e6ecee;padding:18px 0}
html body .emhd-faq-contact .faq summary{cursor:pointer;font-weight:600;font-size:19px;list-style:none;color:#222}
html body .emhd-faq-contact .faq summary::-webkit-details-marker{display:none}
html body .emhd-faq-contact .faq summary::after{content:"+";float:right;color:#18c4d8;font-weight:700;font-size:22px;line-height:1}
html body .emhd-faq-contact .faq details[open] summary::after{content:"–"}
html body .emhd-faq-contact .faq details p{font-size:17px;line-height:1.65;margin:10px 0 0;color:#3d4a50}
html body .emhd-faq-contact .emhd-faq-more{margin-top:32px}
html body .emhd-faq-contact .emhd-faq-more p{font-size:17px;line-height:1.65;color:#3d4a50;margin:0}
@media (max-width:1024px){html body .emhd-faq-contact .emhd-next h2{font-size:34px!important}}
@media (max-width:767px){html body .emhd-faq-contact .emhd-next{padding:40px 0}html body .emhd-faq-contact .emhd-next h2{font-size:26px!important}html body .emhd-faq-contact .faq summary{font-size:17px;padding-right:28px}html body .emhd-faq-contact .faq summary::after{margin-right:-28px}}

html body.page-id-22 #content .emhd-faq-contact .fusion-text h2,html body.page-id-7572 #content .emhd-faq-contact .fusion-text h2,html body.page-id-7960 #content .emhd-faq-contact .fusion-text h2,html body.page-id-8069 #content .emhd-faq-contact .fusion-text h2,html body.page-id-8127 #content .emhd-faq-contact .fusion-text h2{font-size:44px!important;line-height:1.2!important}
@media (max-width:1024px){html body.page-id-22 #content .emhd-faq-contact .fusion-text h2,html body.page-id-7572 #content .emhd-faq-contact .fusion-text h2,html body.page-id-7960 #content .emhd-faq-contact .fusion-text h2,html body.page-id-8069 #content .emhd-faq-contact .fusion-text h2,html body.page-id-8127 #content .emhd-faq-contact .fusion-text h2{font-size:34px!important}}
@media (max-width:767px){html body.page-id-22 #content .emhd-faq-contact .fusion-text h2,html body.page-id-7572 #content .emhd-faq-contact .fusion-text h2,html body.page-id-7960 #content .emhd-faq-contact .fusion-text h2,html body.page-id-8069 #content .emhd-faq-contact .fusion-text h2,html body.page-id-8127 #content .emhd-faq-contact .fusion-text h2{font-size:26px!important}}

/* 25-10: nieuw Diensten-uitklapmenu (.emhd-mega, mega menu 2891) + hover-brug tussen 'Diensten' en het menu zodat het niet meer dichtklapt */
html body .awb-menu__mega-wrap:has(.emhd-mega){background:transparent!important;box-shadow:none!important;border:0!important}
html body .awb-menu__mega-wrap:has(.emhd-mega) .fusion-fullwidth,html body .awb-menu__mega-wrap:has(.emhd-mega) .fusion-column-wrapper{background:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important;border:0!important}
html body .awb-menu__mega-wrap:has(.emhd-mega) .fusion-layout-column{margin:0!important}
html body .emhd-mega{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:0;max-width:900px;margin:10px auto 0;background:#fff;border:1px solid #e3eaee;border-radius:16px;box-shadow:0 24px 60px rgba(15,27,34,.16);overflow:hidden;text-align:left;font-family:inherit}
html body .emhd-mega p{margin:0}
html body .emhd-mega__main{padding:26px 26px 22px}
html body .emhd-mega__kicker{font-size:12px!important;font-weight:700!important;letter-spacing:1.4px;text-transform:uppercase;color:#0e9fb2!important;margin:0 0 14px 10px!important}
html body .emhd-mega__grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px}
html body .emhd-mega a.emhd-mega__item{display:flex;align-items:flex-start;gap:14px;padding:12px;border-radius:12px;text-decoration:none!important;color:#17252b!important;transition:background .15s}
html body .emhd-mega a.emhd-mega__item:hover{background:#eefafc}
html body .emhd-mega__ic{flex:0 0 40px;height:40px;border-radius:10px;background:#e7f8fb;color:#0e9fb2;display:flex;align-items:center;justify-content:center}
html body .emhd-mega a.emhd-mega__item:hover .emhd-mega__ic{background:#18c4d8;color:#fff}
html body .emhd-mega__txt{display:flex;flex-direction:column;gap:3px;min-width:0}
html body .emhd-mega__t{font-size:15.5px;font-weight:600;line-height:1.3;color:#17252b}
html body .emhd-mega__s{font-size:13.5px;line-height:1.4;color:#5b6b73}
html body .emhd-mega a.emhd-mega__item--all{align-items:center;justify-content:space-between;border:1px dashed #cfe3e8}
html body .emhd-mega__arrow{color:#0e9fb2;font-weight:700;font-size:18px}
html body .emhd-mega__cta{background:#16242b;color:#e8eef1;padding:28px 26px;display:flex;flex-direction:column;gap:12px}
html body .emhd-mega__cta .emhd-mega__kicker{color:#5fe0ee!important;margin:0!important}
html body .emhd-mega__ctat{font-size:20px!important;line-height:1.3!important;font-weight:600!important;color:#fff!important}
html body .emhd-mega__ctap{font-size:14px!important;line-height:1.55!important;color:#b9c7cd!important}
html body .emhd-mega a.emhd-mega__btn{margin-top:auto;display:inline-flex;justify-content:center;align-items:center;padding:12px 16px;border-radius:10px;background:#18c4d8;color:#fff!important;font-weight:600;font-size:15px;text-decoration:none!important}
html body .emhd-mega a.emhd-mega__btn:hover{filter:brightness(.95)}
@media(min-width:1025px){
html body .fusion-tb-header nav.awb-menu_row li.awb-menu__main-li:has(>.awb-menu__mega-wrap):hover::before{content:""!important;display:block!important;position:absolute!important;left:0!important;right:0!important;top:calc(100% - 34px)!important;height:36px!important;background:transparent!important;pointer-events:auto!important;z-index:99998!important}
}
html body .awb-menu__mega-wrap .fusion-text:has(>.emhd-mega){width:100%!important;max-width:none!important;align-self:stretch!important;margin:0!important}
html body .awb-menu__mega-wrap .fusion-column-wrapper:has(.emhd-mega){width:100%!important}
html body .emhd-mega,html body .emhd-mega *{white-space:normal!important;text-transform:none}
html body .emhd-mega .emhd-mega__kicker{text-transform:uppercase!important}

/* 25-10: mobiel submenu Diensten: volle breedte, links uitgelijnd, compact */
@media (max-width:1024px){html body .fusion-tb-header nav.awb-menu li.awb-menu__main-li:not(.pll-parent-menu-item)>ul.awb-menu__sub-ul{width:100%!important;min-width:0!important;max-width:100%!important;background:#f5f8fa!important;padding:6px 0 10px!important;margin:0!important;box-shadow:none!important}html body .fusion-tb-header nav.awb-menu li.awb-menu__main-li:not(.pll-parent-menu-item)>ul.awb-menu__sub-ul>li{width:100%!important;min-width:0!important;background:transparent!important;border:0!important}html body .fusion-tb-header nav.awb-menu li.awb-menu__main-li:not(.pll-parent-menu-item)>ul.awb-menu__sub-ul>li>a{justify-content:flex-start!important;text-align:left!important;width:100%!important;min-width:0!important;min-height:0!important;padding:11px 24px 11px 40px!important;font-size:16px!important;color:#17252b!important;background:transparent!important}html body .fusion-tb-header nav.awb-menu li.awb-menu__main-li:not(.pll-parent-menu-item)>ul.awb-menu__sub-ul>li>a:hover{color:#0e9fb2!important}}

/* 25-10: hover-brug op de link zelf (werkt in alle talen, ongeacht positionering van li) */
@media(min-width:1025px){html body .fusion-tb-header nav.awb-menu_row li.awb-menu__main-li:has(>.awb-menu__mega-wrap):hover>a.awb-menu__main-a{position:relative!important}html body .fusion-tb-header nav.awb-menu_row li.awb-menu__main-li:has(>.awb-menu__mega-wrap):hover>a.awb-menu__main-a::after{content:""!important;display:block!important;position:absolute!important;left:-24px!important;right:-24px!important;top:100%!important;height:48px!important;background:transparent!important;pointer-events:auto!important;z-index:99998!important;border:0!important;transform:none!important;opacity:1!important}}

/* 25-10: taalknop mobiel in de header naast het menu (script in de 5 headers: #emhd-lang-js); taal onderin het menu verborgen zodra de knop er staat; menu-items 52px */
.emhd-lang{display:none}
@media (max-width:1024px){
html body .fusion-tb-header nav.awb-menu_row{align-items:center}
html body .fusion-tb-header nav.awb-menu_row:has(.emhd-lang){display:flex!important;flex-wrap:nowrap!important;justify-content:flex-end!important;align-items:center!important;gap:8px}
html body .emhd-lang{display:inline-flex;position:relative;flex:0 0 auto}
html body .emhd-lang__btn{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 10px;border:1px solid #dfe7eb;border-radius:10px;background:#fff;color:#243a40;font-size:15px;font-weight:600;line-height:1;cursor:pointer}
html body .emhd-lang__btn .pll-switcher-flag,html body .emhd-lang__menu .pll-switcher-flag{width:20px!important;border-radius:2px}
html body .emhd-lang__btn img,html body .emhd-lang__menu img{display:block;width:100%;height:auto}
html body .emhd-lang__btn svg{transition:transform .15s}
html body .emhd-lang.is-open .emhd-lang__btn svg{transform:rotate(180deg)}
html body .emhd-lang__menu{display:none;position:absolute;right:0;top:calc(100% + 8px);min-width:170px;background:#fff;border:1px solid #e3eaee;border-radius:12px;box-shadow:0 16px 40px rgba(15,27,34,.16);padding:6px;z-index:100000}
html body .emhd-lang.is-open .emhd-lang__menu{display:block}
html body .fusion-tb-header .emhd-lang__menu a{display:flex!important;justify-content:flex-start!important;align-items:center;gap:10px;padding:10px 12px!important;min-height:0!important;width:auto!important;border-radius:8px;color:#17252b!important;font-size:15px!important;line-height:1.2!important;text-decoration:none!important;background:transparent}
html body .emhd-lang__menu a:hover{background:#eefafc}
html.emhd-lang-ready body .fusion-tb-header nav.awb-menu li.pll-parent-menu-item{display:none!important}
html body .fusion-tb-header nav.awb-menu_row .awb-menu__main-ul>li.awb-menu__main-li>a.awb-menu__main-a{min-height:52px!important;padding-top:6px!important;padding-bottom:6px!important}
}
@media (max-width:480px){html body .fusion-tb-header .awb-menu__m-toggle .collapsed-nav-text{display:none!important}html body .fusion-tb-header .awb-menu__m-toggle{width:auto!important;padding-left:6px!important;padding-right:6px!important}}
@media (max-width:1024px){html body .fusion-tb-header nav.awb-menu .emhd-lang .emhd-lang__menu a{display:flex!important;justify-content:flex-start!important;align-items:center!important;gap:10px!important;padding:10px 12px!important;margin:0!important;min-height:0!important;height:auto!important;width:100%!important;box-sizing:border-box;text-align:left!important;font-size:15px!important;line-height:1.2!important;color:#17252b!important}html body .fusion-tb-header nav.awb-menu .emhd-lang .emhd-lang__menu a:hover{background:#eefafc!important}html body .fusion-tb-header nav.awb-menu .emhd-lang .emhd-lang__btn{margin:0!important}}

/* 25-10: mobiel – PHP-melding ingekort tot kop + link; homepage-hero: kop en knoppen direct in beeld, Ortam-foto als kaart onder de knoppen */
@media (max-width:767px){
html body #emhd-php-notice .emhd-pn-in>span{font-size:0!important;line-height:1.35!important}
html body #emhd-php-notice .emhd-pn-in>span strong,html body #emhd-php-notice .emhd-pn-in>span a{font-size:13.5px!important}
html body #emhd-php-notice .emhd-pn-in>span a{margin-left:6px;white-space:nowrap}
html body #wrapper .emhd2-hero{background-image:linear-gradient(160deg,#16242b 0%,#20323b 60%,#2a3a44 100%)!important;padding-top:40px!important;padding-bottom:48px!important}
html body #wrapper .emhd2-hero>.fusion-builder-row{flex-wrap:wrap!important}
html body #wrapper .emhd2-hero>.fusion-builder-row::after{content:""!important;display:block!important;position:static!important;order:99;flex:0 0 100%;width:100%;aspect-ratio:3/2;margin:28px 0 0;background:url(/wp-content/uploads/2025/09/ortambbqrotterdam.jpg) center/cover no-repeat;border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,.35);transform:none!important}
}

/* 25-10: menuknop mobiel in verhouding met taalknop (40px, rand, icoon 24px); logo mobiel max 190px */
@media (max-width:1024px){
html body .fusion-tb-header nav.awb-menu_row .awb-menu__m-toggle{height:40px!important;min-width:40px!important;padding:0 10px!important;border:1px solid #dfe7eb!important;border-radius:10px!important;background:#fff!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box}
html body .fusion-tb-header nav.awb-menu_row .awb-menu__m-toggle-inner{display:inline-flex!important;align-items:center!important;gap:8px}
html body .fusion-tb-header nav.awb-menu_row .awb-menu__m-collapse-icon{width:24px!important;height:24px!important;display:inline-flex!important;align-items:center;justify-content:center}
html body .fusion-tb-header nav.awb-menu_row .awb-menu__m-collapse-icon-open,html body .fusion-tb-header nav.awb-menu_row .awb-menu__m-collapse-icon-close{font-size:24px!important;line-height:24px!important}
}
@media (max-width:480px){html body .fusion-tb-header nav.awb-menu_row .awb-menu__m-toggle{width:44px!important;padding:0!important}}
@media (max-width:480px){html body .fusion-tb-header nav.awb-menu_row .awb-menu__m-toggle{margin-right:12px!important}html body .fusion-tb-header nav.awb-menu_row:has(.emhd-lang){gap:6px!important}html body .fusion-tb-header img.wp-image-3314{max-width:190px!important;height:auto!important}}

/* 25-10: eigen 404-pagina in 5 talen (opgebouwd door #emhd-lang-js in de headers) */
html.emhd-404-ready body.error404 .fusion-page-title-bar,html.emhd-404-ready body.error404 .avada-page-titlebar-wrapper{display:none!important}
html body .emhd-404{background:linear-gradient(160deg,#16242b 0%,#20323b 60%,#2a3a44 100%);padding:96px 24px 104px;margin:0}
html body .emhd-404__in{max-width:900px;margin:0 auto}
html body .emhd-404__k{color:#5fe0ee!important;font-size:13px!important;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;margin:0 0 14px!important}
html body .emhd-404 h1{color:#fff!important;font-size:54px!important;line-height:1.1!important;margin:0 0 18px!important}
html body .emhd-404__p{color:#c9d5da!important;font-size:18px!important;line-height:1.6!important;max-width:640px;margin:0 0 28px!important}
html body .emhd-404__btns{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:56px}
html body .emhd-404 a.emhd-404__btn{display:inline-flex;align-items:center;padding:15px 24px;border-radius:10px;background:#18c4d8;color:#fff!important;font-weight:600;text-decoration:none!important}
html body .emhd-404 a.emhd-404__btn--ghost{background:transparent;border:1px solid rgba(255,255,255,.5)}
html body .emhd-404__lt{color:#fff!important;font-size:20px!important;font-weight:600;margin:0 0 16px!important}
html body .emhd-404__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
html body .emhd-404__grid a{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#fff!important;font-size:16px;text-decoration:none!important;transition:background .15s}
html body .emhd-404__grid a:hover{background:rgba(24,196,216,.18)}
html body .emhd-404__grid a span{color:#5fe0ee}
@media (max-width:1024px){html body .emhd-404 h1{font-size:42px!important}}
@media (max-width:767px){html body .emhd-404{padding:56px 20px 64px}html body .emhd-404 h1{font-size:32px!important}html body .emhd-404__grid{grid-template-columns:1fr}html body .emhd-404 a.emhd-404__btn{width:100%;justify-content:center}}
html.emhd-404-ready body.error404 #main{padding:0!important}html.emhd-404-ready body.error404 #main>.fusion-row{max-width:none!important;padding:0!important}

/* 25-10: blogberichten en portfolio gelijk aan de rest – titel 54/42/32, lopende tekst portfolio 18px */
html body .fusion-page-title-bar h1.entry-title,html body .fusion-page-title-bar h1{font-size:54px!important;line-height:1.1!important}
html body.single-avada_portfolio #content .fusion-text p,html body.single-avada_portfolio #content li,html body.single-avada_portfolio #content p{font-size:18px!important;line-height:1.65!important}
@media (max-width:1024px){html body .fusion-page-title-bar h1.entry-title,html body .fusion-page-title-bar h1{font-size:42px!important}}
@media (max-width:767px){html body .fusion-page-title-bar h1.entry-title,html body .fusion-page-title-bar h1{font-size:32px!important}html body.single-avada_portfolio #content p,html body.single-avada_portfolio #content li{font-size:17px!important}}

/* 26-10-2026: Header één regel — logo, menu en knop vanaf 1025 px op één regel (DE/FR sprongen boven 1750 px naar twee regels); menu boven 1750 px 18 px */
@media (min-width:1025px){html body .fusion-tb-header .fusion-builder-row:has(.awb-menu__main-ul){flex-wrap:nowrap!important}html body .fusion-tb-header .fusion-layout-column:has(.awb-menu__main-ul){flex:1 1 0!important;min-width:0!important}}
@media (min-width:1751px){html body .fusion-tb-header .awb-menu_row .awb-menu__main-li{margin-left:6px!important;margin-right:6px!important}html body .fusion-tb-header .awb-menu_row .awb-menu__main-a{font-size:18px!important}}

/* 26-10: blogkop als eigen hero (overzicht + categorieën) en klein kruimelpad op artikelen */
body.blog .fusion-page-title-bar,body.archive .fusion-page-title-bar,body.single-post .fusion-page-title-bar{background:transparent!important;background-image:none!important;border:0!important;height:auto!important;min-height:0!important;padding:0!important;box-shadow:none!important}
body.blog .fusion-page-title-bar .fusion-page-title-row,body.archive .fusion-page-title-bar .fusion-page-title-row,body.single-post .fusion-page-title-bar .fusion-page-title-row{display:block!important;height:auto!important;margin:0 auto!important;padding:96px 0 0!important}
body.blog .fusion-page-title-bar .fusion-page-title-wrapper,body.archive .fusion-page-title-bar .fusion-page-title-wrapper,body.single-post .fusion-page-title-bar .fusion-page-title-wrapper{display:block!important;height:auto!important;padding:0!important}
body.blog .fusion-page-title-bar .fusion-page-title-captions,body.archive .fusion-page-title-bar .fusion-page-title-captions,body.single-post .fusion-page-title-bar .fusion-page-title-captions{display:flex!important;flex-direction:column!important;align-items:flex-start!important;text-align:left!important;width:100%!important;float:none!important}
body.blog .fusion-page-title-bar .fusion-page-title-secondary,body.archive .fusion-page-title-bar .fusion-page-title-secondary,body.single-post .fusion-page-title-bar .fusion-page-title-secondary{order:-1!important;margin:0 0 14px!important;float:none!important;text-align:left!important;max-width:100%}
body.blog .fusion-page-title-bar h1,body.archive .fusion-page-title-bar h1,body.single-post .fusion-page-title-bar h1{color:#222!important;font-family:Inter,Arial,sans-serif!important;text-align:left!important;margin:0!important;padding:0!important}
body.blog .fusion-page-title-bar h1,body.archive .fusion-page-title-bar h1{font-size:54px!important;line-height:1.1!important;font-weight:600!important;letter-spacing:-1.08px!important}
body.blog .fusion-page-title-bar .fusion-breadcrumbs,body.archive .fusion-page-title-bar .fusion-breadcrumbs,body.blog .fusion-page-title-bar .fusion-breadcrumbs span,body.archive .fusion-page-title-bar .fusion-breadcrumbs span,body.blog .fusion-page-title-bar .fusion-breadcrumbs a,body.archive .fusion-page-title-bar .fusion-breadcrumbs a,body.blog .fusion-page-title-bar .fusion-breadcrumbs .breadcrumb_last,body.archive .fusion-page-title-bar .fusion-breadcrumbs .breadcrumb_last{font-size:13px!important;line-height:20.8px!important;font-weight:700!important;letter-spacing:1.5px!important;text-transform:uppercase!important;color:#18c4d8!important}
body.blog .fusion-page-title-bar .fusion-breadcrumbs a:hover,body.archive .fusion-page-title-bar .fusion-breadcrumbs a:hover{text-decoration:underline}
body.blog .fusion-page-title-bar .fusion-page-title-captions::after{content:"Praktische artikelen over websites, vindbaarheid in Google en AI, hosting en onderhoud.";display:block;margin-top:20px;max-width:640px;font-size:20px;line-height:31px;color:#222}
html[lang^="en"] body.blog .fusion-page-title-bar .fusion-page-title-captions::after{content:"Practical articles on websites, visibility in Google and AI, hosting and maintenance."}
html[lang^="it"] body.blog .fusion-page-title-bar .fusion-page-title-captions::after{content:"Articoli pratici su siti web, visibilità su Google e nell'IA, hosting e manutenzione."}
html[lang^="de"] body.blog .fusion-page-title-bar .fusion-page-title-captions::after{content:"Praxisnahe Beiträge zu Websites, Auffindbarkeit in Google und KI, Hosting und Wartung."}
html[lang^="fr"] body.blog .fusion-page-title-bar .fusion-page-title-captions::after{content:"Des articles pratiques sur les sites web, la visibilité dans Google et l'IA, l'hébergement et la maintenance."}
html body.blog .fusion-page-title-bar .fusion-breadcrumbs,html body.archive .fusion-page-title-bar .fusion-breadcrumbs,html body.single-post .fusion-page-title-bar .fusion-breadcrumbs{display:block!important}
body.blog #main,body.archive #main{padding-top:56px!important}
body.single-post .fusion-page-title-bar .fusion-page-title-row{max-width:860px!important;padding-top:64px!important}
body.single-post .fusion-page-title-bar .fusion-breadcrumbs{display:block!important;font-size:14px!important;line-height:1.5!important;font-weight:500!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
body.single-post .fusion-page-title-bar .fusion-breadcrumbs,body.single-post .fusion-page-title-bar .fusion-breadcrumbs span,body.single-post .fusion-page-title-bar .fusion-breadcrumbs .breadcrumb_last{color:#5b6770!important;font-size:14px!important}
body.single-post .fusion-page-title-bar .fusion-breadcrumbs a{color:#0e8f9f!important}
body.single-post .fusion-page-title-bar .fusion-breadcrumbs a:hover{text-decoration:underline}
body.single-post .fusion-page-title-bar h1{font-size:44px!important;line-height:1.15!important;font-weight:700!important;letter-spacing:-.88px!important}
body.single-post #main{padding-top:40px!important}
@media (max-width:800px){
body.blog .fusion-page-title-bar .fusion-page-title-row,body.archive .fusion-page-title-bar .fusion-page-title-row,body.single-post .fusion-page-title-bar .fusion-page-title-row{padding:40px 30px 0!important}
body.blog .fusion-page-title-bar h1,body.archive .fusion-page-title-bar h1{font-size:38px!important;letter-spacing:-.76px!important}
body.blog .fusion-page-title-bar .fusion-page-title-captions::after{font-size:17px;line-height:27px;margin-top:14px}
body.single-post .fusion-page-title-bar h1{font-size:30px!important;letter-spacing:-.5px!important}
body.blog #main,body.archive #main,body.single-post #main{padding-top:32px!important}
}

/* EMHD: formulieren in blogartikelen leesbaar (donkere labels op lichte achtergrond) */
.single-post .post-content .fusion-form-form-wrapper .fusion-form-field label,.single-post .post-content .fusion-form-form-wrapper .fusion-form-field .label{color:#2f4858}

/* EMHD: geen publicatiedatum tonen bij blogartikelen (blog, categorieën, artikel, homepageblok, gerelateerde berichten); alleen de categorie blijft zichtbaar */
.fusion-single-line-meta>span.updated+span,.fusion-single-line-meta>span.updated+span+.fusion-inline-sep,.fusion-single-line-meta>.fusion-inline-sep:last-child,
.fusion-meta-info span.updated+span,.fusion-meta-info span.updated+span+.fusion-inline-sep,.fusion-meta-info .fusion-inline-sep:last-child,
.recent-posts-content p.meta>span.updated+span,.recent-posts-content p.meta>span.updated+span+.fusion-inline-sep,.recent-posts-content p.meta>.fusion-inline-sep:last-child{display:none!important}
.single-related-posts .fusion-carousel-meta{display:none!important}
.single-related-posts .fusion-carousel-title{padding-bottom:16px!important}

/* 29-10-2026: vlaggen taalwisselaar (voorstel A). Waarom: Polylang-vlaggen waren 18x12 px met scherpe hoeken en zonder rand, waardoor het wit van NL/FR wegviel tegen de witte header. Nu 22 px, afgeronde hoeken en een fijne rand; geldt voor desktop-dropdown, mobiele taalknop en mobiel raster. Vervangt het oude blok van 19-10 (verwees naar menu-items die niet meer bestaan). */
html body :is(.awb-menu,.emhd-lang__btn,.emhd-lang__menu) .pll-switcher-flag{width:22px!important;aspect-ratio:3/2!important;border-radius:3px!important;position:relative;overflow:hidden;flex-shrink:0}
html body :is(.awb-menu,.emhd-lang__btn,.emhd-lang__menu) .pll-switcher-flag img{display:block;width:100%!important;height:100%!important;object-fit:cover}
html body :is(.awb-menu,.emhd-lang__btn,.emhd-lang__menu) .pll-switcher-flag::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(15,27,34,.16);pointer-events:none}

/* 29-10-2026: taalkeuze voorstel 2 (vlag + taalcode, nette lijst). Waarom: Martijn wilde de talen professioneler. De lijst krijgt een kopje (Taal/Language/Lingua/Sprache/Langue), de huidige taal staat bovenaan met turquoise achtergrond en vinkje, de andere talen tonen rechts hun taalcode. Desktop: Polylang-dropdown in het hoofdmenu (huidige taal = .current-lang; "huidige taal verbergen" staat sinds 29-10 uit in menu's 23/79/80/81/82). Mobiel: .emhd-lang__menu uit #emhd-lang-js (huidige taal = a[lang] gelijk aan html[lang]). */
@media (min-width:1025px){
html body .fusion-tb-header nav.awb-menu li.pll-parent-menu-item>ul.awb-menu__sub-ul{display:flex!important;flex-direction:column;width:232px!important;min-width:232px!important;padding:6px!important;background:#fff!important;border:1px solid #e3eaee!important;border-radius:12px!important;box-shadow:0 16px 40px rgba(15,27,34,.14)!important;overflow:hidden}
html body .fusion-tb-header nav.awb-menu li.pll-parent-menu-item>ul.awb-menu__sub-ul>li.awb-menu__sub-li{order:1;border:0!important;background:transparent!important;width:auto!important;min-width:0!important;max-width:none!important;align-self:stretch}
html body .fusion-tb-header nav.awb-menu li.pll-parent-menu-item>ul.awb-menu__sub-ul>li.awb-menu__sub-li.current-lang{order:0}
html body .fusion-tb-header nav.awb-menu li.pll-parent-menu-item>ul.awb-menu__sub-ul>li>a{box-sizing:border-box;width:100%!important;min-width:0!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;padding:9px 10px!important;border-radius:8px!important;background:transparent!important;color:#17252b!important;font-size:15px!important;line-height:1.2!important}
html body .fusion-tb-header nav.awb-menu li.pll-parent-menu-item>ul.awb-menu__sub-ul>li>a>span{display:flex;align-items:center}
html body .fusion-tb-header nav.awb-menu li.pll-parent-menu-item>ul.awb-menu__sub-ul>li>a .pll-switcher-label{margin-inline-start:10px!important}
html body .fusion-tb-header nav.awb-menu li.pll-parent-menu-item>ul.awb-menu__sub-ul>li>a:hover{background:#f2f7f9!important;color:#17252b!important}
html body .fusion-tb-header nav.awb-menu li.pll-parent-menu-item>ul.awb-menu__sub-ul>li.current-lang>a{background:#e8f8fb!important;color:#0b7f8f!important;font-weight:600!important}
}
html body .fusion-tb-header .emhd-lang.is-open .emhd-lang__menu{display:flex;flex-direction:column;min-width:220px}
html body .fusion-tb-header .emhd-lang .emhd-lang__menu a{order:1}
html[lang="nl-NL"] body .fusion-tb-header .emhd-lang .emhd-lang__menu a[lang="nl-NL"],html[lang="en-GB"] body .fusion-tb-header .emhd-lang .emhd-lang__menu a[lang="en-GB"],html[lang="it-IT"] body .fusion-tb-header .emhd-lang .emhd-lang__menu a[lang="it-IT"],html[lang="de-DE"] body .fusion-tb-header .emhd-lang .emhd-lang__menu a[lang="de-DE"],html[lang="fr-FR"] body .fusion-tb-header .emhd-lang .emhd-lang__menu a[lang="fr-FR"]{order:0;background:#e8f8fb!important;color:#0b7f8f!important;font-weight:600!important}
html body .fusion-tb-header :is(li.pll-parent-menu-item>ul.awb-menu__sub-ul,.emhd-lang__menu)::before{content:"Taal";order:-1;display:block;padding:8px 10px 6px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#7d8f96;line-height:1.2}
html[lang^="en"] body .fusion-tb-header :is(li.pll-parent-menu-item>ul.awb-menu__sub-ul,.emhd-lang__menu)::before{content:"Language"}
html[lang^="it"] body .fusion-tb-header :is(li.pll-parent-menu-item>ul.awb-menu__sub-ul,.emhd-lang__menu)::before{content:"Lingua"}
html[lang^="de"] body .fusion-tb-header :is(li.pll-parent-menu-item>ul.awb-menu__sub-ul,.emhd-lang__menu)::before{content:"Sprache"}
html[lang^="fr"] body .fusion-tb-header :is(li.pll-parent-menu-item>ul.awb-menu__sub-ul,.emhd-lang__menu)::before{content:"Langue"}
html body .fusion-tb-header :is(li.pll-parent-menu-item>ul.awb-menu__sub-ul>li>a,.emhd-lang__menu a)::after{margin-left:auto;padding-left:12px;font-size:12px;font-weight:600;letter-spacing:.05em;color:#8a9aa1}
html body .fusion-tb-header :is(ul.awb-menu__sub-ul>li.lang-item-nl>a,.emhd-lang__menu a[lang^="nl"])::after{content:"NL"}
html body .fusion-tb-header :is(ul.awb-menu__sub-ul>li.lang-item-en>a,.emhd-lang__menu a[lang^="en"])::after{content:"EN"}
html body .fusion-tb-header :is(ul.awb-menu__sub-ul>li.lang-item-it>a,.emhd-lang__menu a[lang^="it"])::after{content:"IT"}
html body .fusion-tb-header :is(ul.awb-menu__sub-ul>li.lang-item-de>a,.emhd-lang__menu a[lang^="de"])::after{content:"DE"}
html body .fusion-tb-header :is(ul.awb-menu__sub-ul>li.lang-item-fr>a,.emhd-lang__menu a[lang^="fr"])::after{content:"FR"}
html body .fusion-tb-header li.pll-parent-menu-item>ul.awb-menu__sub-ul>li.current-lang>a::after,html[lang="nl-NL"] body .fusion-tb-header .emhd-lang__menu a[lang="nl-NL"]::after,html[lang="en-GB"] body .fusion-tb-header .emhd-lang__menu a[lang="en-GB"]::after,html[lang="it-IT"] body .fusion-tb-header .emhd-lang__menu a[lang="it-IT"]::after,html[lang="de-DE"] body .fusion-tb-header .emhd-lang__menu a[lang="de-DE"]::after,html[lang="fr-FR"] body .fusion-tb-header .emhd-lang__menu a[lang="fr-FR"]::after{content:"";width:16px;height:16px;padding:0;margin-left:auto;background:#0b7f8f;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat}

/* EMHD footer: nieuwsbrief + social media strak uitgelijnd (29-10-2026)
   Waarom: de social-icoontjes stonden los, lager dan het formulier en liepen buiten hun kolom
   (stapeling van eerdere footer-fixes). Dit blok legt de hele nieuwsbriefrij opnieuw vast:
   links kop "Nieuwsbrief" + subregel + formulier, rechts "Volg ons" + vier ronde knoppen,
   onderkant van de knoppen gelijk met het formulier. Geldt voor alle 5 talen (footers 1819/7525/7533/7535/7537).
   #wrapper in de selectors = hogere specificiteit dan de oudere regels in de footer-content zelf. */

html body #wrapper .fusion-tb-footer .emhd-nl-col .fusion-builder-row-inner{
  display:grid!important;grid-template-columns:minmax(0,1fr) max(28.7%,214px)!important;grid-template-rows:auto auto;
  column-gap:6.97%;row-gap:16px;align-items:end!important;justify-content:stretch!important;
  position:static!important;left:auto!important;margin:0!important;
  padding:32px 4% 0 0!important;border-top:none!important;box-sizing:border-box!important;
  background:linear-gradient(rgba(255,255,255,.14),rgba(255,255,255,.14)) top left/96.154% 1px no-repeat}
/* Avada zet inline width:104% op deze rij; padding-right 4% (van de ouder) brengt de inhoud terug op 100%,
   zodat de rij exact van "Diensten" tot de rechterkant van "Contact & Support" loopt. De rechterkolom
   (28,7% + kolomafstand 6,97%) valt precies onder "Contact & Support". */
html body #wrapper .fusion-tb-footer .emhd-footmain .emhd-nl-col>.fusion-column-wrapper{padding-top:8px!important}
html body #wrapper .fusion-tb-footer .emhd-nl-col .fusion-builder-row-inner>.fusion-layout-column{
  width:auto!important;max-width:none!important;margin:0!important;padding:0!important;float:none!important;display:block!important}
html body #wrapper .fusion-tb-footer .emhd-nl-col .fusion-builder-row-inner>.fusion-layout-column>.fusion-column-wrapper{
  margin:0!important;padding:0!important;min-height:0!important}

/* Links boven: kop + subregel (per taal), de oude zin is verborgen */
html body #wrapper .fusion-tb-footer .emhd-nl-col .fusion-builder-row-inner>.fusion-layout-column:nth-child(1){grid-column:1;grid-row:1}
html body #wrapper .fusion-tb-footer .emhd-nl-col .fusion-builder-row-inner>.fusion-layout-column:nth-child(1) p{display:none!important}
html body #wrapper .fusion-tb-footer .emhd-nl-col .fusion-builder-row-inner>.fusion-layout-column:nth-child(1) .fusion-text::before{
  content:"Nieuwsbrief";display:block;font-size:17px;font-weight:600;line-height:1.4;letter-spacing:-.016em;color:#fff;text-align:left}
html body #wrapper .fusion-tb-footer .emhd-nl-col .fusion-builder-row-inner>.fusion-layout-column:nth-child(1) .fusion-text::after{
  content:"Tips over websites, SEO en hosting. Maximaal één keer per maand.";display:block;margin-top:4px;
  font-size:14px;font-weight:400;line-height:1.5;color:rgba(255,255,255,.72);text-align:left}

/* Links onder: formulier, veld en knop even hoog (46 px) */
html body #wrapper .fusion-tb-footer .emhd-nl-col .fusion-builder-row-inner>.fusion-layout-column:nth-child(2){grid-column:1;grid-row:2;max-width:540px!important}
html body #wrapper .fusion-tb-footer .emhd-nl-col form>.fusion-fullwidth{padding:0!important;min-height:0!important}
html body #wrapper .fusion-tb-footer .emhd-nl-col form .fusion-row{margin:0!important;width:100%!important;max-width:100%!important}
html body #wrapper .fusion-tb-footer .emhd-nl-col form .fusion-layout-column{margin:0!important;padding:0!important;width:100%!important;max-width:100%!important}
html body #wrapper .fusion-tb-footer .emhd-nl-col form .fusion-column-wrapper{
  display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:10px;margin:0!important;padding:0!important}
html body #wrapper .fusion-tb-footer .emhd-nl-col form .fusion-form-email-field{flex:1 1 auto;width:auto!important;margin:0!important}
html body #wrapper .fusion-tb-footer .emhd-nl-col form .fusion-form-email-field input{height:46px!important;line-height:46px}
html body #wrapper .fusion-tb-footer .emhd-nl-col form .fusion-form-submit-field,
html body #wrapper .fusion-tb-footer .emhd-nl-col form .fusion-form-submit-field>div{
  position:static!important;top:0!important;transform:none!important;flex:0 0 auto;width:auto!important;margin:0!important}
html body #wrapper .fusion-tb-footer .emhd-nl-col form .fusion-form-submit-field button{height:46px!important;width:auto!important;white-space:nowrap}

/* Rechts: "Volg ons" boven, knoppen onder (onderkant gelijk met formulier) */
html body #wrapper .fusion-tb-footer .emhd-nl-col .fusion-builder-row-inner>.fusion-layout-column:nth-child(3){
  grid-column:2;grid-row:1/3;align-self:stretch!important;justify-self:start!important}
html body #wrapper .fusion-tb-footer .emhd-nl-col .fusion-builder-row-inner>.fusion-layout-column:nth-child(3)>.fusion-column-wrapper{
  display:flex!important;flex-direction:column!important;justify-content:space-between!important;align-items:flex-start!important;height:100%}
html body #wrapper .fusion-tb-footer .emhd-nl-col .fusion-builder-row-inner>.fusion-layout-column:nth-child(3)>.fusion-column-wrapper::before{
  content:"Volg ons";display:block;font-size:17px;font-weight:600;line-height:1.4;letter-spacing:-.016em;color:#fff}
html body #wrapper .fusion-tb-footer .emhd-nl-col .fusion-social-links{margin:0!important;padding:0!important;width:auto!important}
html body #wrapper .fusion-tb-footer .emhd-nl-col .fusion-social-networks,
html body #wrapper .fusion-tb-footer .emhd-nl-col .fusion-social-networks-wrapper{
  display:flex!important;flex-wrap:nowrap!important;gap:10px!important;margin:0!important;padding:0!important;justify-content:flex-start!important}
html body #wrapper .fusion-tb-footer .emhd-nl-col a.fusion-social-network-icon{
  display:inline-flex!important;align-items:center;justify-content:center;width:46px;height:46px;margin:0!important;
  border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(255,255,255,.04);
  color:#fff!important;font-size:17px!important;line-height:1!important;text-decoration:none!important;
  transition:background-color .2s,border-color .2s,transform .2s}
html body #wrapper .fusion-tb-footer .emhd-nl-col a.fusion-social-network-icon:hover,
html body #wrapper .fusion-tb-footer .emhd-nl-col a.fusion-social-network-icon:focus-visible{
  background:#18c4d8;border-color:#18c4d8;color:#fff!important;transform:translateY(-2px)}

/* Teksten per taal */
html:lang(en) body #wrapper .fusion-tb-footer .emhd-nl-col .fusion-builder-row-inner>.fusion-layout-column:nth-child(1) .fusion-text::before,
html:lang(it) body #wrapper .fusion-tb-footer .emhd-nl-col .fusion-builder-row-inner>.fusion-layout-column:nth-child(1) .fusion-text::before,
html:lang(de) body #wrapper .fusion-tb-footer .emhd-nl-col .fusion-builder-row-inner>.fusion-layout-column:nth-child(1) .fusion-text::before,
html:lang(fr) body #wrapper .fusion-tb-footer .emhd-nl-col .fusion-builder-row-inner>.fusion-layout-column:nth-child(1) .fusion-text::before{content:"Newsletter"}
html:lang(en) body #wrapper .fusion-tb-footer .emhd-nl-col .fusion-builder-row-inner>.fusion-layout-column:nth-child(1) .fusion-text::after{content:"Tips on websites, SEO and hosting. At most once a month."}
html:lang(it) body #wrapper .fusion-tb-footer .emhd-nl-col .fusion-builder-row-inner>.fusion-layout-column:nth-child(1) .fusion-text::after{content:"Consigli su siti web, SEO e hosting. Al massimo una volta al mese."}
html:lang(de) body #wrapper .fusion-tb-footer .emhd-nl-col .fusion-builder-row-inner>.fusion-layout-column:nth-child(1) .fusion-text::after{content:"Tipps zu Websites, SEO und Hosting. Höchstens einmal im Monat."}
html:lang(fr) body #wrapper .fusion-tb-footer .emhd-nl-col .fusion-builder-row-inner>.fusion-layout-column:nth-child(1) .fusion-text::after{content:"Conseils sur les sites web, le SEO et l'hébergement. Une fois par mois au maximum."}
html:lang(en) body #wrapper .fusion-tb-footer .emhd-nl-col .fusion-builder-row-inner>.fusion-layout-column:nth-child(3)>.fusion-column-wrapper::before{content:"Follow us"}
html:lang(it) body #wrapper .fusion-tb-footer .emhd-nl-col .fusion-builder-row-inner>.fusion-layout-column:nth-child(3)>.fusion-column-wrapper::before{content:"Seguici"}
html:lang(de) body #wrapper .fusion-tb-footer .emhd-nl-col .fusion-builder-row-inner>.fusion-layout-column:nth-child(3)>.fusion-column-wrapper::before{content:"Folgen Sie uns"}
html:lang(fr) body #wrapper .fusion-tb-footer .emhd-nl-col .fusion-builder-row-inner>.fusion-layout-column:nth-child(3)>.fusion-column-wrapper::before{content:"Suivez-nous"}

/* Tablet en mobiel: alles onder elkaar, knoppen links */
@media (max-width:1024px){
  html body #wrapper .fusion-tb-footer .emhd-nl-col .fusion-builder-row-inner{grid-template-columns:minmax(0,1fr)!important;row-gap:14px}
  html body #wrapper .fusion-tb-footer .emhd-nl-col .fusion-builder-row-inner>.fusion-layout-column:nth-child(2){max-width:100%!important}
  html body #wrapper .fusion-tb-footer .emhd-nl-col .fusion-builder-row-inner>.fusion-layout-column:nth-child(3){grid-column:1;grid-row:3;justify-self:start!important;margin-top:14px!important}
  html body #wrapper .fusion-tb-footer .emhd-nl-col .fusion-builder-row-inner>.fusion-layout-column:nth-child(3)>.fusion-column-wrapper{gap:12px}
}
@media (max-width:767px){
  /* mobiel heeft al een scheidingslijn boven de kolom (oudere footerregel), dus hier geen tweede */
  html body #wrapper .fusion-tb-footer .emhd-nl-col .fusion-builder-row-inner{background:none!important;padding-top:0!important}
}
@media (max-width:480px){
  html body #wrapper .fusion-tb-footer .emhd-nl-col form .fusion-column-wrapper{flex-wrap:wrap!important}
  html body #wrapper .fusion-tb-footer .emhd-nl-col form .fusion-form-email-field,
  html body #wrapper .fusion-tb-footer .emhd-nl-col form .fusion-form-submit-field,
  html body #wrapper .fusion-tb-footer .emhd-nl-col form .fusion-form-submit-field button{flex:1 1 100%;width:100%!important}
}


/* EM 29-10-2026: afsluitend aanvraagblok onder blogartikelen als één strakke, donkere kaart.
   Waarom: kop, tekst, formulier en knoppen stonden los van elkaar, niet uitgelijnd en in verschillende maten (Martijn: "niet professioneel").
   Werkt op alle blogartikelen in alle talen: de kaart loopt van de kop vóór het formulier tot en met de belregel. */
body.single-post .fusion-text h2:has(+ p + .fusion-form-form-wrapper),
body.single-post .fusion-text p:has(+ .fusion-form-form-wrapper),
body.single-post .fusion-text .fusion-form-form-wrapper,
body.single-post .fusion-text .fusion-form-form-wrapper + p,
body.single-post .fusion-text .fusion-form-form-wrapper + p + p{background:#0e1a1f;color:#fff;margin:0!important}
body.single-post .fusion-text h2:has(+ p + .fusion-form-form-wrapper){margin-top:56px!important;padding:46px 46px 0;border-radius:20px 20px 0 0;color:#fff!important;background:radial-gradient(300px 140px at 95% 0%,rgba(24,196,216,.2),transparent 75%),#0e1a1f;font-size:clamp(26px,2.4vw,34px)!important;line-height:1.2!important;letter-spacing:-.02em}
body.single-post .fusion-text h2:has(+ p + .fusion-form-form-wrapper):before{content:"";display:block;width:44px;height:4px;border-radius:4px;background:#18c4d8;margin:0 0 22px}
body.single-post .fusion-text p:has(+ .fusion-form-form-wrapper){padding:14px 46px 10px;color:rgba(255,255,255,.78)!important;font-size:18px;line-height:1.65}
body.single-post .fusion-text .fusion-form-form-wrapper{padding:10px 46px 0!important;max-width:none!important;width:auto!important}
body.single-post .fusion-text p:has(+ .fusion-form-form-wrapper),body.single-post .fusion-text .fusion-form-form-wrapper,body.single-post .fusion-text .fusion-form-form-wrapper + p,body.single-post .fusion-text .fusion-form-form-wrapper + p + p{box-shadow:0 -2px 0 0 #0e1a1f}
body.single-post .fusion-text .fusion-form-form-wrapper label{color:rgba(255,255,255,.88)!important;font-weight:600}
body.single-post .fusion-text .fusion-form-form-wrapper label abbr,body.single-post .fusion-text .fusion-form-form-wrapper .fusion-form-field-required{color:#18c4d8!important;text-decoration:none}
body.single-post .fusion-text .fusion-form-form-wrapper input:not([type=submit]):not([type=checkbox]):not([type=radio]){height:54px!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.14)!important;background:#fff!important;font-size:16px!important}
body.single-post .fusion-text .fusion-form-form-wrapper input:focus{outline:3px solid rgba(24,196,216,.45)!important;outline-offset:1px}
body.single-post .fusion-text .fusion-form-form-wrapper .fusion-form-input-with-icon:has(input[name=website]) i:before{content:"\f0ac"}
body.single-post .fusion-text .fusion-form-form-wrapper .fusion-button{height:54px!important;padding:0 30px!important;font-size:16px!important;font-weight:700!important;border-radius:10px!important;box-shadow:0 12px 28px -10px rgba(24,196,216,.7)}
body.single-post .fusion-text .fusion-form-form-wrapper + p{display:block;padding:14px 46px 0;font-size:0;line-height:0}
body.single-post .fusion-text .fusion-form-form-wrapper + p .emhd2-btn{font-size:16px!important;height:52px;line-height:1.3;padding:0 24px!important;display:inline-flex;vertical-align:top;align-items:center;margin:0 12px 12px 0;border-radius:10px!important;background:transparent!important;border:2px solid rgba(255,255,255,.55)!important;color:#fff!important}
body.single-post .fusion-text .fusion-form-form-wrapper + p .emhd2-btn:hover{background:rgba(255,255,255,.1)!important;border-color:#fff!important}
body.single-post .fusion-text .fusion-form-form-wrapper + p .emhd2-btn--wa{border-color:#25d366!important;color:#fff!important}
body.single-post .fusion-text .fusion-form-form-wrapper + p .emhd2-btn--wa:before{content:"";width:18px;height:18px;margin-right:2px;background:#25d366;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm5.3 14.2c-.2.6-1.3 1.2-1.8 1.2-.5.1-1 .1-3.3-.8-2.8-1.1-4.5-4-4.7-4.2-.1-.2-1.1-1.5-1.1-2.9s.7-2 1-2.3c.3-.3.6-.3.8-.3h.6c.2 0 .4 0 .6.5l.9 2.1c.1.2.1.4 0 .5l-.3.5-.4.4c-.1.1-.3.3-.1.6.2.3.8 1.3 1.7 2.1 1.2 1 2.1 1.3 2.4 1.5.3.1.5.1.6-.1l.9-1c.2-.3.4-.2.6-.1l2 .9c.3.1.4.2.5.3 0 .2 0 .8-.3 1.4z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm5.3 14.2c-.2.6-1.3 1.2-1.8 1.2-.5.1-1 .1-3.3-.8-2.8-1.1-4.5-4-4.7-4.2-.1-.2-1.1-1.5-1.1-2.9s.7-2 1-2.3c.3-.3.6-.3.8-.3h.6c.2 0 .4 0 .6.5l.9 2.1c.1.2.1.4 0 .5l-.3.5-.4.4c-.1.1-.3.3-.1.6.2.3.8 1.3 1.7 2.1 1.2 1 2.1 1.3 2.4 1.5.3.1.5.1.6-.1l.9-1c.2-.3.4-.2.6-.1l2 .9c.3.1.4.2.5.3 0 .2 0 .8-.3 1.4z'/%3E%3C/svg%3E") center/contain no-repeat}
body.single-post .fusion-text .fusion-form-form-wrapper + p .emhd2-btn--wa:hover{background:rgba(37,211,102,.14)!important}
body.single-post .fusion-text .fusion-form-form-wrapper + p + p{padding:8px 46px 44px;margin-bottom:48px!important;border-radius:0 0 20px 20px;color:rgba(255,255,255,.68)!important;font-size:16px}
body.single-post .fusion-text .fusion-form-form-wrapper + p + p a{color:#fff!important;font-weight:700;text-decoration:none}
@media (max-width:640px){
 body.single-post .fusion-text h2:has(+ p + .fusion-form-form-wrapper){padding:34px 22px 0;border-radius:16px 16px 0 0}
 body.single-post .fusion-text p:has(+ .fusion-form-form-wrapper){padding:12px 22px 6px;font-size:17px}
 body.single-post .fusion-text .fusion-form-form-wrapper{padding:6px 22px 0!important}
 body.single-post .fusion-text .fusion-form-form-wrapper .fusion-button{width:100%;justify-content:center;height:auto!important;min-height:54px;padding:12px 20px!important;line-height:1.3!important}
 body.single-post .fusion-text .fusion-form-form-wrapper + p{padding:12px 22px 0}
 /* EM 29-10-2026: op mobiel lange knopteksten (o.a. Duits) laten afbreken en geen extra witregel tussen de knoppen. */
 html body.single-post #content .fusion-text .fusion-form-form-wrapper + p{gap:0!important}
 html body.single-post .fusion-text .fusion-form-form-wrapper + p .emhd2-btn{display:inline-flex!important;width:100%;justify-content:center;text-align:center;margin-right:0;height:auto!important;min-height:52px;padding:12px 16px!important;white-space:normal!important}
 body.single-post .fusion-text .fusion-form-form-wrapper + p + p{padding:6px 22px 32px;border-radius:0 0 16px 16px}
}


/* 29-10-2026: mobiel menu v2 — alle talen. Grotere tikvlakken, Diensten met icoontegels, onderaan knop websitecheck + bellen/WhatsApp (menu-items met klasse emhd-m-only/-cta/-call/-wa, op desktop verborgen) */
html body nav.awb-menu:not(.collapse-enabled) li.emhd-m-only{display:none!important}
@media(max-width:1024px){
html body .fusion-tb-header nav.awb-menu.collapse-enabled.expanded:not(#emhd-a):not(#emhd-b) ul.awb-menu__main-ul{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-content:flex-start!important;padding:4px 20px 22px!important;max-height:calc(100vh - 140px)!important;max-height:calc(100dvh - 120px)!important;overflow-y:auto!important;overscroll-behavior:contain;border-top:1px solid #eef2f4!important;box-shadow:0 24px 40px -12px rgba(15,27,34,.28)!important}
html body .fusion-tb-header nav.awb-menu.collapse-enabled:not(#emhd-a):not(#emhd-b) ul.awb-menu__main-ul > li.awb-menu__main-li{width:100%!important;flex:0 0 100%!important;margin:0!important;border:0!important;border-bottom:1px solid #eef2f4!important;position:relative!important}
html body .fusion-tb-header nav.awb-menu.collapse-enabled:not(#emhd-a):not(#emhd-b) ul.awb-menu__main-ul > li.awb-menu__main-li > a.awb-menu__main-a{min-height:58px!important;padding:0 40px 0 2px!important;font-size:17.5px!important;font-weight:600!important;letter-spacing:-.005em;color:#0f1b22!important;background:transparent!important}
html body .fusion-tb-header nav.awb-menu.collapse-enabled:not(#emhd-a):not(#emhd-b) ul.awb-menu__main-ul > li.awb-menu__main-li:not(.menu-item-has-children):not(.emhd-m-only) > a.awb-menu__main-a{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%239aa8ae%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m9%206%206%206-6%206%22%2F%3E%3C%2Fsvg%3E") right 4px center/18px no-repeat!important}
html body .fusion-tb-header nav.awb-menu.collapse-enabled:not(#emhd-a):not(#emhd-b) ul.awb-menu__main-ul > li.awb-menu__main-li.current-menu-item > a.awb-menu__main-a,html body .fusion-tb-header nav.awb-menu.collapse-enabled:not(#emhd-a):not(#emhd-b) ul.awb-menu__main-ul > li.awb-menu__main-li.current-menu-ancestor > a.awb-menu__main-a,html body .fusion-tb-header nav.awb-menu.collapse-enabled:not(#emhd-a):not(#emhd-b) ul.awb-menu__main-ul > li.awb-menu__main-li.current_page_parent > a.awb-menu__main-a{color:#0e9fb3!important}
html body .fusion-tb-header nav.awb-menu.collapse-enabled:not(#emhd-a):not(#emhd-b) ul.awb-menu__main-ul > li.awb-menu__main-li > button.awb-menu__open-nav-submenu_mobile{color:#0f1b22!important}
html body .fusion-tb-header nav.awb-menu.collapse-enabled:not(#emhd-a):not(#emhd-b) ul.awb-menu__main-ul ul.awb-menu__sub-ul{background:#f4f8f9!important;border-radius:16px!important;margin:0 0 14px!important;padding:6px!important;width:100%!important}
html body .fusion-tb-header nav.awb-menu.collapse-enabled:not(#emhd-a):not(#emhd-b) ul.awb-menu__main-ul ul.awb-menu__sub-ul > li{border:0!important;background:transparent!important;margin:0!important}
html body .fusion-tb-header nav.awb-menu.collapse-enabled:not(#emhd-a):not(#emhd-b) ul.awb-menu__main-ul ul.awb-menu__sub-ul > li > a{display:flex!important;align-items:center!important;gap:13px!important;padding:8px 10px!important;min-height:0!important;border-radius:12px!important;font-size:15.5px!important;font-weight:600!important;line-height:1.3!important;color:#0f1b22!important;background:transparent!important}
html body .fusion-tb-header nav.awb-menu.collapse-enabled:not(#emhd-a):not(#emhd-b) ul.awb-menu__main-ul ul.awb-menu__sub-ul > li > a:active,html body .fusion-tb-header nav.awb-menu.collapse-enabled:not(#emhd-a):not(#emhd-b) ul.awb-menu__main-ul ul.awb-menu__sub-ul > li.current-menu-item > a{background:#fff!important}
html body .fusion-tb-header nav.awb-menu.collapse-enabled:not(#emhd-a):not(#emhd-b) ul.awb-menu__main-ul ul.awb-menu__sub-ul > li > a::before{content:"";flex:0 0 40px;height:40px;border-radius:11px;background:linear-gradient(145deg,#e4f8fa,#c9f0f5);background-repeat:no-repeat;background-position:center;background-size:24px,auto}
html body .fusion-tb-header nav.awb-menu.collapse-enabled:not(#emhd-a):not(#emhd-b) ul.awb-menu__main-ul ul.awb-menu__sub-ul > li:nth-child(1) > a::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Crect%20x%3D%224%22%20y%3D%226%22%20width%3D%2224%22%20height%3D%2216%22%20rx%3D%222.5%22%20fill%3D%22%2318c4d8%22%20fill-opacity%3D%22.35%22%20stroke%3D%22%230f1b22%22%20stroke-width%3D%221.8%22%2F%3E%3Crect%20x%3D%227.5%22%20y%3D%229.5%22%20width%3D%228%22%20height%3D%223%22%20rx%3D%221%22%20fill%3D%22%230f1b22%22%2F%3E%3Crect%20x%3D%227.5%22%20y%3D%2214.5%22%20width%3D%2212%22%20height%3D%222%22%20rx%3D%221%22%20fill%3D%22%230f1b22%22%20opacity%3D%22.45%22%2F%3E%3Cpath%20d%3D%22M12%2026h8M16%2022v4%22%20stroke%3D%22%230f1b22%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E"),linear-gradient(145deg,#e4f8fa,#c9f0f5)}
html body .fusion-tb-header nav.awb-menu.collapse-enabled:not(#emhd-a):not(#emhd-b) ul.awb-menu__main-ul ul.awb-menu__sub-ul > li:nth-child(2) > a::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%2214%22%20cy%3D%2214%22%20r%3D%228.5%22%20fill%3D%22%2318c4d8%22%20fill-opacity%3D%22.35%22%20stroke%3D%22%230f1b22%22%20stroke-width%3D%221.8%22%2F%3E%3Cpath%20d%3D%22M10.5%2016.5l2.5-3%202.5%202%203-4%22%20stroke%3D%22%230f1b22%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M20.5%2020.5%2027%2027%22%20stroke%3D%22%230f1b22%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E"),linear-gradient(145deg,#e4f8fa,#c9f0f5)}
html body .fusion-tb-header nav.awb-menu.collapse-enabled:not(#emhd-a):not(#emhd-b) ul.awb-menu__main-ul ul.awb-menu__sub-ul > li:nth-child(3) > a::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2213%22%20r%3D%227%22%20fill%3D%22%2318c4d8%22%20fill-opacity%3D%22.45%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2214%22%20width%3D%2213%22%20height%3D%2213%22%20rx%3D%223%22%20stroke%3D%22%230f1b22%22%20stroke-width%3D%221.8%22%2F%3E%3Cpath%20d%3D%22M6%2026l5-9%205%209z%22%20fill%3D%22%230f1b22%22%2F%3E%3C%2Fsvg%3E"),linear-gradient(145deg,#e4f8fa,#c9f0f5)}
html body .fusion-tb-header nav.awb-menu.collapse-enabled:not(#emhd-a):not(#emhd-b) ul.awb-menu__main-ul ul.awb-menu__sub-ul > li:nth-child(4) > a::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Crect%20x%3D%225%22%20y%3D%225%22%20width%3D%2222%22%20height%3D%229%22%20rx%3D%222.5%22%20fill%3D%22%2318c4d8%22%20fill-opacity%3D%22.35%22%20stroke%3D%22%230f1b22%22%20stroke-width%3D%221.8%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%2218%22%20width%3D%2222%22%20height%3D%229%22%20rx%3D%222.5%22%20fill%3D%22%2318c4d8%22%20fill-opacity%3D%22.35%22%20stroke%3D%22%230f1b22%22%20stroke-width%3D%221.8%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%229.5%22%20r%3D%221.4%22%20fill%3D%22%230f1b22%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2222.5%22%20r%3D%221.4%22%20fill%3D%22%230f1b22%22%2F%3E%3Cpath%20d%3D%22M15%209.5h7M15%2022.5h7%22%20stroke%3D%22%230f1b22%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E"),linear-gradient(145deg,#e4f8fa,#c9f0f5)}
html body .fusion-tb-header nav.awb-menu.collapse-enabled:not(#emhd-a):not(#emhd-b) ul.awb-menu__main-ul ul.awb-menu__sub-ul > li:nth-child(5) > a::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M16%204l10%203.8v7.4c0%206-4.3%2010.7-10%2012-5.7-1.3-10-6-10-12V7.8z%22%20fill%3D%22%2318c4d8%22%20fill-opacity%3D%22.35%22%20stroke%3D%22%230f1b22%22%20stroke-width%3D%221.8%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22m11.5%2016%203%203%206-6.5%22%20stroke%3D%22%230f1b22%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"),linear-gradient(145deg,#e4f8fa,#c9f0f5)}
html body .fusion-tb-header nav.awb-menu.collapse-enabled:not(#emhd-a):not(#emhd-b) ul.awb-menu__main-ul > li.awb-menu__main-li.emhd-m-only{border-bottom:0!important}
html body .fusion-tb-header nav.awb-menu.collapse-enabled:not(#emhd-a):not(#emhd-b) ul.awb-menu__main-ul > li.awb-menu__main-li.emhd-m-cta{margin-top:18px!important}
html body .fusion-tb-header nav.awb-menu.collapse-enabled:not(#emhd-a):not(#emhd-b) ul.awb-menu__main-ul > li.awb-menu__main-li.emhd-m-call,html body .fusion-tb-header nav.awb-menu.collapse-enabled:not(#emhd-a):not(#emhd-b) ul.awb-menu__main-ul > li.awb-menu__main-li.emhd-m-wa{width:calc(50% - 5px)!important;flex:0 0 calc(50% - 5px)!important;margin-top:10px!important}
html body .fusion-tb-header nav.awb-menu.collapse-enabled:not(#emhd-a):not(#emhd-b) ul.awb-menu__main-ul > li.awb-menu__main-li.emhd-m-call{margin-right:10px!important}
html body .fusion-tb-header nav.awb-menu.collapse-enabled:not(#emhd-a):not(#emhd-b) ul.awb-menu__main-ul > li.awb-menu__main-li.emhd-m-cta > a.awb-menu__main-a{justify-content:center!important;min-height:54px!important;padding:0 18px!important;border-radius:13px!important;background:#18c4d8!important;color:#05222a!important;font-weight:700!important;font-size:16.5px!important;box-shadow:0 10px 24px -10px rgba(24,196,216,.8)}
html body .fusion-tb-header nav.awb-menu.collapse-enabled:not(#emhd-a):not(#emhd-b) ul.awb-menu__main-ul > li.awb-menu__main-li.emhd-m-cta > a .menu-text::after{content:"";display:inline-block;width:18px;height:18px;margin-left:8px;vertical-align:-3px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2305222a%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2012h14M13%206l6%206-6%206%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
html body .fusion-tb-header nav.awb-menu.collapse-enabled:not(#emhd-a):not(#emhd-b) ul.awb-menu__main-ul > li.awb-menu__main-li.emhd-m-call > a.awb-menu__main-a,html body .fusion-tb-header nav.awb-menu.collapse-enabled:not(#emhd-a):not(#emhd-b) ul.awb-menu__main-ul > li.awb-menu__main-li.emhd-m-wa > a.awb-menu__main-a{justify-content:center!important;min-height:48px!important;padding:0 10px!important;border:1px solid #dfe6e9!important;border-radius:13px!important;font-size:15px!important;font-weight:600!important;background:#fff!important}
html body .fusion-tb-header nav.awb-menu.collapse-enabled:not(#emhd-a):not(#emhd-b) ul.awb-menu__main-ul > li.awb-menu__main-li.emhd-m-call > a .menu-text::before,html body .fusion-tb-header nav.awb-menu.collapse-enabled:not(#emhd-a):not(#emhd-b) ul.awb-menu__main-ul > li.awb-menu__main-li.emhd-m-wa > a .menu-text::before{content:"";display:inline-block;width:18px;height:18px;margin-right:8px;vertical-align:-3px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%230e9fb3%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M22%2016.9v3a2%202%200%200%201-2.2%202%2019.8%2019.8%200%200%201-8.6-3.1%2019.5%2019.5%200%200%201-6-6A19.8%2019.8%200%200%201%202.1%204.2%202%202%200%200%201%204.1%202h3a2%202%200%200%201%202%201.7c.1.9.4%201.8.7%202.7a2%202%200%200%201-.5%202.1L8%209.8a16%2016%200%200%200%206%206l1.3-1.3a2%202%200%200%201%202.1-.4c.9.3%201.8.6%202.7.7a2%202%200%200%201%201.7%202z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
html body .fusion-tb-header nav.awb-menu.collapse-enabled:not(#emhd-a):not(#emhd-b) ul.awb-menu__main-ul > li.awb-menu__main-li.emhd-m-wa > a .menu-text::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%2325d366%22%3E%3Cpath%20d%3D%22M12%202a10%2010%200%200%200-8.6%2015.1L2%2022l5-1.3A10%2010%200%201%200%2012%202Z%22%2F%3E%3C%2Fsvg%3E")}
html body .fusion-tb-header nav.awb-menu.collapse-enabled:not(#emhd-a):not(#emhd-b) ul.awb-menu__main-ul > li.awb-menu__main-li.pll-parent-menu-item{border-top:0!important;margin-top:0!important;padding-top:0!important}
}
/* 30-10-2026: Diensten op mobiel standaard uitgeklapt (alle talen). Waarom: Martijn — op mobiel zag je de diensten niet zonder op het kleine pijltje te tikken. */
@media(max-width:1024px){html body .fusion-tb-header nav.awb-menu.collapse-enabled:not(#emhd-a):not(#emhd-b) ul.awb-menu__main-ul > li:is(.menu-item-259,.menu-item-7474,.menu-item-7964,.menu-item-8073,.menu-item-8130) > ul.awb-menu__sub-ul{display:block!important;opacity:1!important;visibility:visible!important;max-height:none!important}html body .fusion-tb-header nav.awb-menu.collapse-enabled:not(#emhd-a):not(#emhd-b) ul.awb-menu__main-ul > li:is(.menu-item-259,.menu-item-7474,.menu-item-7964,.menu-item-8073,.menu-item-8130) > button.awb-menu__open-nav-submenu_mobile{display:none!important}html body .fusion-tb-header nav.awb-menu.collapse-enabled:not(#emhd-a):not(#emhd-b) ul.awb-menu__main-ul > li:is(.menu-item-259,.menu-item-7474,.menu-item-7964,.menu-item-8073,.menu-item-8130) > a.awb-menu__main-a{padding-right:2px!important;pointer-events:auto}}


/* 29-10-2026: mega-menu Diensten ook voor EN/IT/DE/FR (elementen 8423/8425/8427/8429 op menu-items 7474/7964/8073/8130) — afgeleid van de NL-regels voor #menu-item-259/#awb-mega-menu-2891 */
:is(#awb-mega-menu-8423,#awb-mega-menu-8425,#awb-mega-menu-8427,#awb-mega-menu-8429).awb-menu__mega-wrap { --awb-megamenu-width: 100vw !important; width: 100vw !important; max-width: 100vw !important; min-width: 100vw !important; left: 50% !important; right: auto !important; transform: translateX(-50%) !important; }
:is(#awb-mega-menu-8423,#awb-mega-menu-8425,#awb-mega-menu-8427,#awb-mega-menu-8429) .fusion-row { max-width: 100% !important; width: 100% !important; margin-left: 0px !important; margin-right: 0px !important; }
:is(#awb-mega-menu-8423,#awb-mega-menu-8425,#awb-mega-menu-8427,#awb-mega-menu-8429) .fusion-fullwidth { width: 100% !important; max-width: 100% !important; }
:is(#awb-mega-menu-8423,#awb-mega-menu-8425,#awb-mega-menu-8427,#awb-mega-menu-8429).awb-menu__mega-wrap { --awb-megamenu-width: 100vw !important; width: 100vw !important; max-width: 100vw !important; min-width: 100vw !important; left: 50% !important; right: auto !important; transform: translateX(-50%) !important; position: fixed !important; top: 90px !important; z-index: 9999 !important; }
:is(#awb-mega-menu-8423,#awb-mega-menu-8425,#awb-mega-menu-8427,#awb-mega-menu-8429) .fusion-row, :is(#awb-mega-menu-8423,#awb-mega-menu-8425,#awb-mega-menu-8427,#awb-mega-menu-8429) .fusion-fullwidth { width: 100% !important; max-width: 100% !important; margin-left: 0px !important; margin-right: 0px !important; }
:is(#awb-mega-menu-8423,#awb-mega-menu-8425,#awb-mega-menu-8427,#awb-mega-menu-8429) { box-shadow: rgba(0, 0, 0, 0.12) 0px 20px 40px; background: rgb(255, 255, 255) !important; }
:is(#awb-mega-menu-8423,#awb-mega-menu-8425,#awb-mega-menu-8427,#awb-mega-menu-8429) .fusion-title-heading { text-transform: none !important; }
:is(#awb-mega-menu-8423,#awb-mega-menu-8425,#awb-mega-menu-8427,#awb-mega-menu-8429) { position: fixed !important; z-index: 10050 !important; }
body:has(:is(#menu-item-7474,#menu-item-7964,#menu-item-8073,#menu-item-8130):hover)::before, body:has(:is(#awb-mega-menu-8423,#awb-mega-menu-8425,#awb-mega-menu-8427,#awb-mega-menu-8429):hover)::before { content: ""; position: fixed; inset: 110px 0px 0px; background: rgba(255, 255, 255, 0.35); backdrop-filter: blur(7px); z-index: 10000; pointer-events: none; }
body:has(:is(#menu-item-7474,#menu-item-7964,#menu-item-8073,#menu-item-8130):hover) #main, body:has(:is(#awb-mega-menu-8423,#awb-mega-menu-8425,#awb-mega-menu-8427,#awb-mega-menu-8429):hover) #main { filter: blur(7px); transition: filter 0.18s; }
@media (max-width: 768px){body:has(:is(#menu-item-7474,#menu-item-7964,#menu-item-8073,#menu-item-8130):hover)::before, body:has(:is(#awb-mega-menu-8423,#awb-mega-menu-8425,#awb-mega-menu-8427,#awb-mega-menu-8429):hover)::before { display: none !important; }}
@media (max-width: 768px){body:has(:is(#menu-item-7474,#menu-item-7964,#menu-item-8073,#menu-item-8130):hover) #main, body:has(:is(#awb-mega-menu-8423,#awb-mega-menu-8425,#awb-mega-menu-8427,#awb-mega-menu-8429):hover) #main { filter: none !important; }}
:is(#awb-mega-menu-8423,#awb-mega-menu-8425,#awb-mega-menu-8427,#awb-mega-menu-8429) a[class^="fb-icon-element"] { pointer-events: none !important; cursor: default !important; }
:is(#menu-item-7474,#menu-item-7964,#menu-item-8073,#menu-item-8130) { position: relative; }
:is(#menu-item-7474,#menu-item-7964,#menu-item-8073,#menu-item-8130)::after { content: ""; position: absolute; left: -40px; right: -40px; top: 100%; height: 24px; background: transparent; }
:is(#menu-item-7474,#menu-item-7964,#menu-item-8073,#menu-item-8130):hover > .awb-menu__mega-wrap, :is(#menu-item-7474,#menu-item-7964,#menu-item-8073,#menu-item-8130):hover > .awb-menu__sub-ul, :is(#menu-item-7474,#menu-item-7964,#menu-item-8073,#menu-item-8130):hover::after { }
:is(#menu-item-7474,#menu-item-7964,#menu-item-8073,#menu-item-8130)::after { z-index: 5; pointer-events: auto; }
:is(#menu-item-7474,#menu-item-7964,#menu-item-8073,#menu-item-8130) > .awb-menu__mega-wrap { z-index: 10 !important; }
.fusion-header-wrapper.fusion-is-sticky li:is([data-item-id="7474"],[data-item-id="7964"],[data-item-id="8073"],[data-item-id="8130"]) { position: relative; }
.fusion-header-wrapper.fusion-is-sticky li:is([data-item-id="7474"],[data-item-id="7964"],[data-item-id="8073"],[data-item-id="8130"])::before { content: ""; position: absolute; left: -40px; right: -40px; top: 100%; height: 30px; background: transparent; }
.fusion-header-wrapper.fusion-is-sticky li:is([data-item-id="7474"],[data-item-id="7964"],[data-item-id="8073"],[data-item-id="8130"]) { z-index: 100000; }
.fusion-header-wrapper.fusion-is-sticky :is(#awb-mega-menu-8423,#awb-mega-menu-8425,#awb-mega-menu-8427,#awb-mega-menu-8429) { z-index: 100001; }
.fusion-header-wrapper.fusion-is-sticky :is(#awb-mega-menu-8423,#awb-mega-menu-8425,#awb-mega-menu-8427,#awb-mega-menu-8429) > .fusion-fullwidth { --awb-margin-top: 0px !important; margin-top: 0px !important; }
.fusion-header-wrapper.fusion-is-sticky :is(#awb-mega-menu-8423,#awb-mega-menu-8425,#awb-mega-menu-8427,#awb-mega-menu-8429) > .fusion-fullwidth { padding-top: 0px !important; }
.fusion-header-wrapper.fusion-is-sticky li:is([data-item-id="7474"],[data-item-id="7964"],[data-item-id="8073"],[data-item-id="8130"]) { position: relative; }
.fusion-header-wrapper.fusion-is-sticky li:is([data-item-id="7474"],[data-item-id="7964"],[data-item-id="8073"],[data-item-id="8130"]) > :is(#awb-mega-menu-8423,#awb-mega-menu-8425,#awb-mega-menu-8427,#awb-mega-menu-8429)::before { content: ""; position: absolute; left: 0px; right: 0px; top: -14px; height: 14px; }
html body .fusion-header-wrapper.fusion-is-sticky :is(#menu-item-7474,#menu-item-7964,#menu-item-8073,#menu-item-8130) > .awb-menu__mega-wrap, html body .fusion-header-wrapper.fusion-is-sticky li:is([data-item-id="7474"],[data-item-id="7964"],[data-item-id="8073"],[data-item-id="8130"]) > .awb-menu__mega-wrap { margin-top: 0px !important; top: 100% !important; }
:is(#menu-item-7474,#menu-item-7964,#menu-item-8073,#menu-item-8130), .fusion-header-wrapper.fusion-is-sticky li:is([data-item-id="7474"],[data-item-id="7964"],[data-item-id="8073"],[data-item-id="8130"]) { position: relative; }
:is(#menu-item-7474,#menu-item-7964,#menu-item-8073,#menu-item-8130)::after, .fusion-header-wrapper.fusion-is-sticky li:is([data-item-id="7474"],[data-item-id="7964"],[data-item-id="8073"],[data-item-id="8130"])::after { content: ""; position: absolute; left: -40px; right: -40px; top: 100%; height: 40px; background: transparent; z-index: 99999; pointer-events: auto; }
:is(#menu-item-7474,#menu-item-7964,#menu-item-8073,#menu-item-8130) > .awb-menu__mega-wrap { z-index: 100000 !important; }
html body :is(#awb-mega-menu-8423,#awb-mega-menu-8425,#awb-mega-menu-8427,#awb-mega-menu-8429).awb-menu__mega-wrap { position: absolute !important; top: 100% !important; margin-top: 0px !important; }
html body :is(#menu-item-7474,#menu-item-7964,#menu-item-8073,#menu-item-8130), html body :is(#menu-main-menu-en,#menu-menu-principale-it,#menu-hauptmenu-de,#menu-menu-principal-fr), html body .fusion-tb-header .fusion-layout-column:has(:is(#menu-main-menu-en,#menu-menu-principale-it,#menu-hauptmenu-de,#menu-menu-principal-fr)) { position: static !important; }
html body .fusion-tb-header .fusion-builder-row:has(:is(#menu-main-menu-en,#menu-menu-principale-it,#menu-hauptmenu-de,#menu-menu-principal-fr)) { position: relative; }
html body :is(#menu-item-7474,#menu-item-7964,#menu-item-8073,#menu-item-8130) > .awb-menu__main-background-default, html body :is(#menu-item-7474,#menu-item-7964,#menu-item-8073,#menu-item-8130) > .awb-menu__main-background-active { display: none !important; }
html body :is(#menu-item-7474,#menu-item-7964,#menu-item-8073,#menu-item-8130) > a.awb-menu__main-a { transition: box-shadow 0.2s; }
html body :is(#menu-item-7474,#menu-item-7964,#menu-item-8073,#menu-item-8130):hover > a.awb-menu__main-a, html body :is(#menu-item-7474,#menu-item-7964,#menu-item-8073,#menu-item-8130).current-menu-ancestor > a.awb-menu__main-a, html body :is(#menu-item-7474,#menu-item-7964,#menu-item-8073,#menu-item-8130).current-menu-item > a.awb-menu__main-a { box-shadow: rgb(24, 196, 216) 0px -2px 0px inset; }
html body:has(:is(#menu-item-7474,#menu-item-7964,#menu-item-8073,#menu-item-8130):hover)::before, html body:has(:is(#awb-mega-menu-8423,#awb-mega-menu-8425,#awb-mega-menu-8427,#awb-mega-menu-8429):hover)::before { top: 0px; }
:is(#menu-item-7474,#menu-item-7964,#menu-item-8073,#menu-item-8130):not(:hover)::after, .fusion-header-wrapper.fusion-is-sticky li:is([data-item-id="7474"],[data-item-id="7964"],[data-item-id="8073"],[data-item-id="8130"]):not(:hover)::after { pointer-events: none !important; }


/* 30-10-2026: mobiel menu compact — alles in één scherm zonder scrollen (alle talen). Waarom: Martijn wil na het openen van het menu meteen alles zien. Diensten als 2-koloms tegels, compactere regels en knoppen. */
@media(max-width:1024px){
html body .fusion-tb-header nav.awb-menu.collapse-enabled.expanded:not(#emhd-a):not(#emhd-b):not(#emhd-c) ul.awb-menu__main-ul{padding:4px 16px 14px!important}
html body .fusion-tb-header nav.awb-menu.collapse-enabled:not(#emhd-a):not(#emhd-b):not(#emhd-c) ul.awb-menu__main-ul > li.awb-menu__main-li > a.awb-menu__main-a{min-height:44px!important;font-size:16px!important}
html body .fusion-tb-header nav.awb-menu.collapse-enabled:not(#emhd-a):not(#emhd-b):not(#emhd-c) ul.awb-menu__main-ul > li:is(.menu-item-259,.menu-item-7474,.menu-item-7964,.menu-item-8073,.menu-item-8130){border-bottom:0!important}
html body .fusion-tb-header nav.awb-menu.collapse-enabled:not(#emhd-a):not(#emhd-b):not(#emhd-c) ul.awb-menu__main-ul > li:is(.menu-item-259,.menu-item-7474,.menu-item-7964,.menu-item-8073,.menu-item-8130) > a.awb-menu__main-a{min-height:34px!important;font-size:12px!important;font-weight:700!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#0e9fb3!important;background:none!important}
html body .fusion-tb-header nav.awb-menu.collapse-enabled:not(#emhd-a):not(#emhd-b):not(#emhd-c) ul.awb-menu__main-ul > li:is(.menu-item-259,.menu-item-7474,.menu-item-7964,.menu-item-8073,.menu-item-8130) > ul.awb-menu__sub-ul{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;padding:6px!important;margin:0 0 6px!important}
html body .fusion-tb-header nav.awb-menu.collapse-enabled:not(#emhd-a):not(#emhd-b):not(#emhd-c) ul.awb-menu__main-ul > li:is(.menu-item-259,.menu-item-7474,.menu-item-7964,.menu-item-8073,.menu-item-8130) > ul.awb-menu__sub-ul > li{width:auto!important;min-width:0!important}
html body .fusion-tb-header nav.awb-menu.collapse-enabled:not(#emhd-a):not(#emhd-b):not(#emhd-c) ul.awb-menu__main-ul > li:is(.menu-item-259,.menu-item-7474,.menu-item-7964,.menu-item-8073,.menu-item-8130) > ul.awb-menu__sub-ul > li:nth-child(5){grid-column:1 / -1!important}
html body .fusion-tb-header nav.awb-menu.collapse-enabled:not(#emhd-a):not(#emhd-b):not(#emhd-c) ul.awb-menu__main-ul > li:is(.menu-item-259,.menu-item-7474,.menu-item-7964,.menu-item-8073,.menu-item-8130) > ul.awb-menu__sub-ul > li > a{gap:9px!important;padding:8px!important;min-height:54px!important;font-size:13.5px!important;line-height:1.25!important;background:#fff!important;border-radius:11px!important;box-shadow:0 1px 0 rgba(15,27,34,.05)}
html body .fusion-tb-header nav.awb-menu.collapse-enabled:not(#emhd-a):not(#emhd-b):not(#emhd-c) ul.awb-menu__main-ul > li:is(.menu-item-259,.menu-item-7474,.menu-item-7964,.menu-item-8073,.menu-item-8130) > ul.awb-menu__sub-ul > li > a::before{flex:0 0 32px!important;height:32px!important;border-radius:9px!important;background-size:20px,auto!important}
html body .fusion-tb-header nav.awb-menu.collapse-enabled:not(#emhd-a):not(#emhd-b):not(#emhd-c) ul.awb-menu__main-ul > li.awb-menu__main-li.emhd-m-cta{margin-top:12px!important}
html body .fusion-tb-header nav.awb-menu.collapse-enabled:not(#emhd-a):not(#emhd-b):not(#emhd-c) ul.awb-menu__main-ul > li.awb-menu__main-li.emhd-m-cta > a.awb-menu__main-a{min-height:48px!important}
html body .fusion-tb-header nav.awb-menu.collapse-enabled:not(#emhd-a):not(#emhd-b):not(#emhd-c) ul.awb-menu__main-ul > li.awb-menu__main-li:is(.emhd-m-call,.emhd-m-wa){margin-top:8px!important}
html body .fusion-tb-header nav.awb-menu.collapse-enabled:not(#emhd-a):not(#emhd-b):not(#emhd-c) ul.awb-menu__main-ul > li.awb-menu__main-li:is(.emhd-m-call,.emhd-m-wa) > a.awb-menu__main-a{min-height:44px!important}
}
@media(max-width:1024px) and (max-height:700px){
html body .fusion-tb-header nav.awb-menu.collapse-enabled:not(#emhd-a):not(#emhd-b):not(#emhd-c) ul.awb-menu__main-ul > li.awb-menu__main-li > a.awb-menu__main-a{min-height:40px!important;font-size:15.5px!important}
html body .fusion-tb-header nav.awb-menu.collapse-enabled:not(#emhd-a):not(#emhd-b):not(#emhd-c) ul.awb-menu__main-ul > li:is(.menu-item-259,.menu-item-7474,.menu-item-7964,.menu-item-8073,.menu-item-8130) > ul.awb-menu__sub-ul > li > a{min-height:46px!important;padding:6px 8px!important}
html body .fusion-tb-header nav.awb-menu.collapse-enabled:not(#emhd-a):not(#emhd-b):not(#emhd-c) ul.awb-menu__main-ul > li:is(.menu-item-259,.menu-item-7474,.menu-item-7964,.menu-item-8073,.menu-item-8130) > ul.awb-menu__sub-ul > li > a::before{flex-basis:28px!important;height:28px!important}
html body .fusion-tb-header nav.awb-menu.collapse-enabled:not(#emhd-a):not(#emhd-b):not(#emhd-c) ul.awb-menu__main-ul > li.awb-menu__main-li.emhd-m-cta{margin-top:8px!important}
}

/* 30-10-2026: dicht mobiel menu liet een strook van 16 px zien (padding van het oudere blok "Mobiel menu (23-10)") — padding alleen als het menu open is. */
@media(max-width:1024px){html body .fusion-tb-header nav.awb-menu.collapse-enabled:not(.expanded):not(#emhd-a):not(#emhd-b):not(#emhd-c) ul.awb-menu__main-ul{padding-top:0!important;padding-bottom:0!important;border-top:0!important}}

/* 30-10-2026: mobiel menu afwerking — achtergrond gedimd als het menu open is, pagina scrolt niet mee, zwevende WhatsApp-knop verborgen (die staat al in het menu). Waarom: het menu moet als één rustig, af scherm voelen. */
@media(max-width:1024px){
html body .fusion-tb-header nav.awb-menu.collapse-enabled.expanded:not(#emhd-a):not(#emhd-b):not(#emhd-c) ul.awb-menu__main-ul{box-shadow:0 0 0 100vmax rgba(10,19,23,.55),0 24px 40px -12px rgba(15,27,34,.28)!important;border-radius:0 0 22px 22px!important;clip-path:inset(0 -100vmax -100vmax -100vmax)!important}
html:has(.fusion-tb-header nav.awb-menu.collapse-enabled.expanded){overflow:hidden!important}
body:has(.fusion-tb-header nav.awb-menu.collapse-enabled.expanded) a.emhd-wa{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
}


/* 9-11-2026 Knopcontrast (akkoord Martijn): witte tekst op cyaan #18c4d8 haalde maar 2,1:1, WCAG vraagt minimaal 4,5:1.
   Donkere tekst #0f1b22 geeft ±8:1, net als de hero-knop en de bestelstraat. Geldt voor alle talen.
   Hover/focus (donker #2f4858 met witte tekst) blijft zoals het was. :not(#emhd-x) geeft extra gewicht boven het blok emhd-btn-system. */
html:not(#emhd-x) body :is(.emhd-home-button,.emhd2-btn:not(.emhd2-btn--ghost),a.fusion-button,button.fusion-button):not(:hover):not(:focus),
html:not(#emhd-x) body :is(.emhd-home-button,.emhd2-btn:not(.emhd2-btn--ghost),a.fusion-button,button.fusion-button):not(:hover):not(:focus) :is(.fusion-button-text,i){color:#0f1b22!important}

/* 9-11-2026 Uitzondering op knopcontrast: in het donkere CTA-blok onder blogartikelen zijn de knoppen transparant met witte rand; daar blijft de tekst wit. */
html:not(#emhd-x):not(#emhd-y) body.single-post .fusion-text .fusion-form-form-wrapper + p .emhd2-btn:not(:hover):not(:focus){color:#fff!important}