/************************************************************
 * 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}

/* 9-11-2026 Gelijke zijmarges op mobiel: op telefoons begon de tekst per pagina op een andere afstand van de rand (homepage 32 px, blogartikelen en archieven 30 px, dienstpagina's 20 px, portfolio-overzicht 16 px, portfolio-items 50 px, footer 17 px), waardoor niet elke pagina even breed oogde. Dit blok zet alles tot 800 px schermbreedte op één lijn van 20 px links en rechts, gelijk met het logo in de kop. Ook breken lange koppen (bv. met een e-mailadres) nu af in plaats van buiten beeld te lopen. */
@media (max-width: 800px){
  /* Avada-variabelen voor de 100%-breedte-sjabloon en containers: 30/32 px -> 20 px (negatieve marge loopt mee). */
  html:root{--hundredp_padding:20px;--hundredp_padding-fallback_to_zero:20px;--hundredp_padding-fallback_to_zero_px:20px;--hundredp_padding-hundred_percent_negative_margin:-20px;--container_padding_100_left:20px;--container_padding_100_right:20px;}
  /* Blogartikelen, archieven en portfolio-items: hoofdkolom 30 px -> 20 px. */
  html body #main{padding-left:20px!important;padding-right:20px!important;}
  /* Homepage-secties die eerder op 22 px stonden (oudere regel voor row-4/row-5). */
  html body #main .fusion-builder-row-4.nonhundred-percent-fullwidth, html body #main .fusion-builder-row-5.nonhundred-percent-fullwidth{padding-left:20px!important;padding-right:20px!important;}
  /* Portfolio-items: de inhoudscontainer valt nu net als op gewone pagina's tot de rand, zodat de binnenmarge (20 px) de enige marge is. */
  html body.single-avada_portfolio #main .project-content .fusion-fullwidth{margin-left:-20px!important;margin-right:-20px!important;}
  /* Maatwerkpagina's (.emx > .w): overal 20 px binnenmarge, geen extra buitenmarge (portfolio-overzicht had 16 px marge). */
  html body #main .emx > .w{margin-left:0!important;margin-right:0!important;padding-left:20px!important;padding-right:20px!important;}
  /* Titelbalk van blog, archief en artikelen: 30 px -> 20 px (alleen daar; op de juridische pagina's zit de marge al in de binnenste wrapper). */
  html body.fusion-body:is(.blog,.archive,.single-post,.search) .fusion-page-title-bar .fusion-page-title-row{padding-left:20px!important;padding-right:20px!important;}
  /* Lange woorden of e-mailadressen in koppen mogen afbreken, zodat de kop nooit breder wordt dan het scherm. */
  html body #main h1, html body #main h2, html body .fusion-page-title-bar h1{min-width:0;max-width:100%;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;}
  /* Kop: hamburgerknop 15 px -> 20 px van de rechterrand, gelijk met de inhoud. */
  html body .fusion-tb-header header.fusion-builder-row-1{padding-right:15px!important;}
  /* Footer: kolommen 17 px -> 20 px van de rand (13 px + kolomruimte), copyrightbalk idem. */
  html body .fusion-tb-footer.fusion-footer{padding-left:13px!important;padding-right:13px!important;}
  html body .fusion-tb-footer .emhd-footerbar > .fusion-row{padding-left:20px!important;padding-right:20px!important;}
  /* Knoppen in de openingssectie mogen op 2 regels (gecentreerd), zodat een lange tekst (bv. IT "Preferisci scriverci su WhatsApp?") de kolom niet breder maakt dan het scherm. */
  html body #main .emhd-home-actions a{white-space:normal!important;max-width:100%;box-sizing:border-box;text-align:center;}
  /* Portfolio-CTA onderaan portfolio-items: tekstmarge 18 px -> 20 px. */
  html body section.emhd-portfolio-cta p{padding-left:20px!important;padding-right:20px!important;}
}

/* 9-11-2026 Gelijke zijmarges op mobiel, deel 2: na het eerste blok bleken een paar onderdelen nog smaller dan de rest, omdat binnen de sectie extra binnenmarges werden opgeteld (Avada-kolomruimte, oude 22 px-regel, kaart-in-kaart). Dit blok trekt ze tot 800 px schermbreedte gelijk met de 20 px-lijn van de rest van de site. Desktop verandert niet. */
@media (max-width: 800px){
  /* Hosting/e-mail-prijstabellen (.priceemhd): kaarten stonden op 55-66 px van de rand (main 20 + sectie 20 + rij 15 + kolom 5-6). Nu 20 px. */
  html body #main .fusion-fullwidth.priceemhd{margin-left:-20px!important;margin-right:-20px!important;padding-left:20px!important;padding-right:20px!important;}
  html body #main .fusion-fullwidth.priceemhd > .fusion-row{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;}
  html body #main .fusion-fullwidth.priceemhd > .fusion-row > .fusion-layout-column{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;}
  html body #main .fusion-fullwidth.priceemhd > .fusion-row > .fusion-layout-column > .fusion-column-wrapper{margin-left:0!important;margin-right:0!important;}
  /* De oude regel "row-4/row-5 = 22 px" (bedoeld voor de homepage) raakte ook de maatwerksecties op de aanvraag- en websitecheckpagina's: daar kwam 22 px bovenop de 20 px. */
  html body #main .fusion-builder-row-4.hundred-percent-fullwidth, html body #main .fusion-builder-row-5.hundred-percent-fullwidth{padding-left:0!important;padding-right:0!important;}
  /* Formulierblokken (.emx-formwrap): de kaart staat op 20 px; de dubbele kaart-in-kaart (wrapper + formulier + binnenrij met eigen achtergrond) vervalt, zodat de velden de breedte krijgen. */
  html body #main .emx-formwrap > .fusion-row{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;}
  html body #main .emx-formwrap > .fusion-row > .fusion-layout-column{margin-left:0!important;margin-right:0!important;}
  html body #main .emx-formwrap > .fusion-row > .fusion-layout-column > .fusion-column-wrapper{margin-left:0!important;margin-right:0!important;}
  html body #main .emx-formwrap .fusion-form-form-wrapper > form.fusion-form{padding:0!important;border:0!important;box-shadow:none!important;background:none!important;}
  html body #main .emx-formwrap .fusion-form-form-wrapper .fusion-fullwidth{padding-left:0!important;padding-right:0!important;}
  html body #main .emx-formwrap .fusion-form-form-wrapper .fusion-builder-row{background:none!important;border:0!important;border-radius:0!important;padding-left:0!important;padding-right:0!important;box-shadow:none!important;}
  /* Bestelstraat (.emhd-order): stond scheef (27 px links, 8 px rechts) doordat de stappenbalk breder was dan de kolom. Nu 20/20 en de stappen passen. */
  html body #main .fusion-layout-column > .fusion-column-wrapper:has(> .emhd-order){margin-left:0!important;margin-right:0!important;}
  html body #main .emhd-order{min-width:0;max-width:100%;}
  html body #main .emhd-order .eo-steps{gap:6px;}
  html body #main .emhd-order .eo-steps li{flex:1 1 auto;min-width:0;padding-left:8px;padding-right:8px;}
  html body #main .emhd-order .eo-steps li > span{flex-shrink:0;}
  /* Portfolio-items: secties hadden zowel sectie- als rijmarge (40 px); de rij houdt 20 px. CTA-knop onderaan 16 -> 20 px. */
  html body.single-avada_portfolio #main .project-content .fusion-fullwidth{padding-left:0!important;padding-right:0!important;}
  html body #main section.emhd-portfolio-cta a.fusion-button.button-emhd{width:calc(100% - 40px)!important;margin-left:20px!important;margin-right:20px!important;}
}


/* 9-11-2026: hosting- en e-mailpakketten (hostingpagina, alle 5 talen).
   Waarom: de oude regels hierboven gebruiken kolomnummers (.fusion-builder-column-9/10…).
   Sinds Webhosting Pro+ erbij kwam schoof de nummering op, waardoor Pro+ over de volle
   breedte liep en de kop "Welk e-mailpakket past bij jou?" als kaartje naast de
   e-mailpakketten stond. Deze regels werken op de opbouw (kop = 1_1-kolom, pakket =
   1_4-kolom) en blijven dus kloppen als er een pakket bij komt of af gaat.
   Extra gewicht via html:not(#emhd-x) zodat ze de oude !important-regels winnen. */

/* Rij: pakketten centreren en even hoog maken */
html:not(#emhd-x) .priceemhd > .fusion-builder-row {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: stretch !important;
}

/* Kop van de sectie: altijd volle breedte, boven de pakketten, zonder kaart eromheen */
html:not(#emhd-x) .priceemhd > .fusion-builder-row > .fusion_builder_column_1_1 {
  --awb-width-large: 100% !important;
  --awb-width-medium: 100% !important;
  --awb-width-small: 100% !important;
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 0 28px !important;
  padding: 0 !important;
  transform: none !important;
}
html:not(#emhd-x) .priceemhd > .fusion-builder-row > .fusion_builder_column_1_1 > .fusion-column-wrapper {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  min-height: 0 !important;
  text-align: center;
}
html:not(#emhd-x) .priceemhd > .fusion-builder-row > .fusion_builder_column_1_1 :is(h2, .fusion-title-heading) {
  font-size: clamp(28px, 3.2vw, 40px) !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em;
  color: #212934 !important;
  margin: 0 0 10px !important;
  text-align: center !important;
}
html:not(#emhd-x) .priceemhd > .fusion-builder-row > .fusion_builder_column_1_1 p {
  color: #5b6670 !important;
  font-size: 16px !important;
  margin: 0 !important;
  text-align: center !important;
}

/* Pakketkaarten: vier naast elkaar op desktop */
html:not(#emhd-x) .priceemhd > .fusion-builder-row > .fusion_builder_column_1_4 {
  --awb-width-large: calc(25% - 18px) !important;
  flex: 0 0 calc(25% - 18px) !important;
  max-width: calc(25% - 18px) !important;
  width: calc(25% - 18px) !important;
  margin: 0 9px 24px !important;
  padding: 0 !important;
  display: flex !important;
}

/* Kaart zelf: overal dezelfde rand, schaduw en breedte (Pro+ had door de oude kolomregels geen rand en een andere breedte) */
html:not(#emhd-x) .priceemhd > .fusion-builder-row > .fusion_builder_column_1_4 > .fusion-column-wrapper {
  margin: 0 !important;
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 20px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
  overflow: hidden !important;
}

/* Lege opvulkolom (onder de e-mailpakketten) verbergen */
html:not(#emhd-x) .priceemhd > .fusion-builder-row > .fusion_builder_column_1_4:not(:has(.awb-pricing-table)) {
  display: none !important;
}

/* Kaart vult de hele kolomhoogte; knop "Bestellen" staat bij elke kaart onderaan op dezelfde lijn */
html:not(#emhd-x) .priceemhd .fusion_builder_column_1_4 > .fusion-column-wrapper,
html:not(#emhd-x) .priceemhd .fusion_builder_column_1_4 .awb-pricing-table,
html:not(#emhd-x) .priceemhd .fusion_builder_column_1_4 .panel-wrapper,
html:not(#emhd-x) .priceemhd .fusion_builder_column_1_4 .panel-container,
html:not(#emhd-x) .priceemhd .fusion_builder_column_1_4 .fusion-panel {
  flex: 1 1 auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}
html:not(#emhd-x) .priceemhd .fusion_builder_column_1_4 .list-group {
  flex: 1 1 auto !important;
}
html:not(#emhd-x) .priceemhd .fusion_builder_column_1_4 .panel-footer {
  margin-top: auto !important;
}

/* Kaartinhoud gelijktrekken, zodat titels, prijzen en knoppen in alle kaarten op één lijn staan */
html:not(#emhd-x) .priceemhd .fusion_builder_column_1_4 .awb-pricing-table__title {
  font-size: clamp(18px, 1.5vw, 22px) !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
}
html:not(#emhd-x) .priceemhd .fusion_builder_column_1_4 .panel-footer {
  padding: 20px !important;
}
html:not(#emhd-x) .priceemhd .fusion_builder_column_1_4 .panel-footer .fusion-button-wrapper {
  display: block !important;
  margin: 0 !important;
}
html:not(#emhd-x) .priceemhd .fusion_builder_column_1_4 .panel-footer .fusion-button {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  padding: 15px 20px !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

/* Regel onder de knop ("✓ 99,9% uptime …", uit een ouder blok) krijgt een vaste hoogte,
   zodat de knoppen gelijk blijven als die tekst in de ene kaart op twee regels valt */
html:not(#emhd-x) .priceemhd .fusion_builder_column_1_4 .panel-footer::after {
  display: block !important;
  min-height: 2.9em !important;
}

/* 9-11-2026 (2): grijs vlak van Avada's "boxed" prijstabel weg. Waarom: .panel-container heeft
   een grijze achtergrond (#e9ecef), eigen schaduw en negatieve marges; in de nieuwe kaartbreedte
   werd dat rechts als grijze strook zichtbaar. De witte kaart (rand + schaduw) staat al op de kolom. */
html:not(#emhd-x) .priceemhd .fusion_builder_column_1_4 .panel-container {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html:not(#emhd-x) .priceemhd .fusion_builder_column_1_4 .awb-pricing-table {
  margin: 0 !important;
}
html:not(#emhd-x) .priceemhd .fusion_builder_column_1_4 .fusion-panel {
  border: 0 !important;
  box-shadow: none !important;
}

/* Tablet: twee per rij */
@media (max-width: 1200px) {
  html:not(#emhd-x) .priceemhd > .fusion-builder-row > .fusion_builder_column_1_4 {
    --awb-width-large: calc(50% - 18px) !important;
    --awb-width-medium: calc(50% - 18px) !important;
    flex: 0 0 calc(50% - 18px) !important;
    max-width: calc(50% - 18px) !important;
    width: calc(50% - 18px) !important;
  }
}

/* Mobiel: één per rij */
@media (max-width: 768px) {
  html:not(#emhd-x) .priceemhd > .fusion-builder-row > .fusion_builder_column_1_4 {
    --awb-width-small: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 0 20px !important;
  }
}

/* 9-11-2026 (3): "Meest gekozen" + "Inclusief Verploy-bewaking" op de hostingpagina (alle 5 talen).
   Waarom: Martijn wil duidelijk laten zien dat elk hostingpakket door Verploy wordt bewaakt, en de
   meest gekozen pakketten laten opvallen. "Meest gekozen" volgt de echte aantallen in HostFact
   (31-10-2026: Webhosting Start 40, Basic 5, Pro 3, Pro+ 1; E-mail Only Pro 2, Basic 1).
   Posities: kop is kind 1, pakketten kind 2..n. Start = kind 2 in #offerte, E-mail Pro = kind 3
   in de tweede prijssectie. Klopt dat niet meer (volgorde gewijzigd), dan hier aanpassen.
   Teksten per taal via html[lang]. */

/* Ruimte voor het label boven de kaart: kaart mag uitsteken, hoeken van kop/voet zelf afronden */
html:not(#emhd-x) .priceemhd > .fusion-builder-row > .fusion_builder_column_1_4 > .fusion-column-wrapper {
  overflow: visible !important;
  position: relative !important;
}
html:not(#emhd-x) .priceemhd .fusion_builder_column_1_4 .panel-heading {
  border-radius: 19px 19px 0 0 !important;
}
html:not(#emhd-x) .priceemhd .fusion_builder_column_1_4 .panel-footer {
  border-radius: 0 0 19px 19px !important;
}

/* Uitgelichte kaart: cyaan rand, iets naar voren */
html:not(#emhd-x) #offerte.priceemhd > .fusion-builder-row > .fusion_builder_column_1_4:nth-child(2) > .fusion-column-wrapper,
html:not(#emhd-x) .priceemhd:not(#offerte) > .fusion-builder-row > .fusion_builder_column_1_4:nth-child(3) > .fusion-column-wrapper {
  border: 2px solid #18c4d8 !important;
  box-shadow: 0 18px 40px rgba(24, 196, 216, 0.22) !important;
}

/* Label "Meest gekozen" op de bovenrand */
html:not(#emhd-x) #offerte.priceemhd > .fusion-builder-row > .fusion_builder_column_1_4:nth-child(2) > .fusion-column-wrapper::before,
html:not(#emhd-x) .priceemhd:not(#offerte) > .fusion-builder-row > .fusion_builder_column_1_4:nth-child(3) > .fusion-column-wrapper::before {
  content: var(--emhd-pop, "Meest gekozen");
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1001; /* boven Avada's .panel-container (z-index 1000) */
  padding: 5px 16px;
  border-radius: 999px;
  background: #18c4d8;
  color: #0f1b22;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.4;
  white-space: nowrap;
  box-shadow: 0 4px 12px rgba(24, 196, 216, 0.35);
}

/* Verploy-regel in elke hostingkaart, tussen prijs en kenmerken */
html:not(#emhd-x) #offerte.priceemhd .fusion_builder_column_1_4 .list-group::before {
  content: var(--emhd-vp, "Inclusief Verploy-bewaking (24/7)");
  display: block;
  margin: 0 18px 6px;
  padding: 10px 12px 10px 36px;
  border: 1px solid #b6edf3;
  border-radius: 10px;
  background: #ecfbfd url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2318c4d8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 3v6c0 4.5-3 7.8-7 9-4-1.2-7-4.5-7-9V6l7-3z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E") no-repeat 12px 50% / 18px 18px;
  color: #0f4f58;
  font-size: 13.5px;
  font-weight: 600;
  line-height: 1.35;
  text-align: left;
}

/* Teksten per taal (als variabele, zodat alleen de uitgelichte kaarten een label krijgen) */
html:not(#emhd-x) { --emhd-pop: "Meest gekozen"; --emhd-vp: "Inclusief Verploy-bewaking (24/7)"; }
html[lang^="en"]:not(#emhd-x) { --emhd-pop: "Most popular"; --emhd-vp: "Includes Verploy monitoring (24/7)"; }
html[lang^="it"]:not(#emhd-x) { --emhd-pop: "Il più scelto"; --emhd-vp: "Monitoraggio Verploy incluso (24/7)"; }
html[lang^="de"]:not(#emhd-x) { --emhd-pop: "Am beliebtesten"; --emhd-vp: "Inklusive Verploy-Überwachung (24/7)"; }
html[lang^="fr"]:not(#emhd-x) { --emhd-pop: "Le plus choisi"; --emhd-vp: "Surveillance Verploy incluse (24/7)"; }

/* Extra regel in de bestelknop ("Ideaal voor ZZP", "Groeimee", "Maximaal resultaat") uit een ouder blok weg.
   Waarom: plakte na de knopverbetering vast aan "Bestellen", had een tikfout en stond op alle taalpagina's in het Nederlands. */
html:not(#emhd-x) .priceemhd .fusion_builder_column_1_4 .panel-footer .fusion-button-text::after,
html:not(#emhd-x) .priceemhd .fusion_builder_column_1_4 .panel-footer .fusion-button::after {
  content: none !important;
  display: none !important;
}

/* Kop van alle pakketkaarten dezelfde lichte achtergrond. Waarom: E-mail Only Basic had nog een blauwe
   tint uit een oude uitlichting; nu valt alleen het echte "Meest gekozen"-pakket op. */
html:not(#emhd-x) .priceemhd .fusion_builder_column_1_4 .panel-heading {
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%) !important;
}

/* Ondertitels van de e-mailpakketten vertaald. Waarom: een ouder blok zet ze via ::after alleen in het Nederlands
   ("Ideaal voor zzp'ers" / "Voor groeiende bedrijven" / "Voor agencies & webshops"), ook op EN/IT/DE/FR. */
html[lang^="en"]:not(#emhd-x) .priceemhd:not(#offerte) > .fusion-builder-row > .fusion_builder_column_1_4:nth-child(2) .panel-heading::after { content: "Ideal for freelancers" !important; }
html[lang^="en"]:not(#emhd-x) .priceemhd:not(#offerte) > .fusion-builder-row > .fusion_builder_column_1_4:nth-child(3) .panel-heading::after { content: "For growing businesses" !important; }
html[lang^="en"]:not(#emhd-x) .priceemhd:not(#offerte) > .fusion-builder-row > .fusion_builder_column_1_4:nth-child(4) .panel-heading::after { content: "For agencies & webshops" !important; }
html[lang^="it"]:not(#emhd-x) .priceemhd:not(#offerte) > .fusion-builder-row > .fusion_builder_column_1_4:nth-child(2) .panel-heading::after { content: "Ideale per freelance" !important; }
html[lang^="it"]:not(#emhd-x) .priceemhd:not(#offerte) > .fusion-builder-row > .fusion_builder_column_1_4:nth-child(3) .panel-heading::after { content: "Per aziende in crescita" !important; }
html[lang^="it"]:not(#emhd-x) .priceemhd:not(#offerte) > .fusion-builder-row > .fusion_builder_column_1_4:nth-child(4) .panel-heading::after { content: "Per agenzie e webshop" !important; }
html[lang^="de"]:not(#emhd-x) .priceemhd:not(#offerte) > .fusion-builder-row > .fusion_builder_column_1_4:nth-child(2) .panel-heading::after { content: "Ideal für Selbstständige" !important; }
html[lang^="de"]:not(#emhd-x) .priceemhd:not(#offerte) > .fusion-builder-row > .fusion_builder_column_1_4:nth-child(3) .panel-heading::after { content: "Für wachsende Unternehmen" !important; }
html[lang^="de"]:not(#emhd-x) .priceemhd:not(#offerte) > .fusion-builder-row > .fusion_builder_column_1_4:nth-child(4) .panel-heading::after { content: "Für Agenturen & Webshops" !important; }
html[lang^="fr"]:not(#emhd-x) .priceemhd:not(#offerte) > .fusion-builder-row > .fusion_builder_column_1_4:nth-child(2) .panel-heading::after { content: "Idéal pour les indépendants" !important; }
html[lang^="fr"]:not(#emhd-x) .priceemhd:not(#offerte) > .fusion-builder-row > .fusion_builder_column_1_4:nth-child(3) .panel-heading::after { content: "Pour les entreprises en croissance" !important; }
html[lang^="fr"]:not(#emhd-x) .priceemhd:not(#offerte) > .fusion-builder-row > .fusion_builder_column_1_4:nth-child(4) .panel-heading::after { content: "Pour agences et boutiques en ligne" !important; }

/* 9-11-2026 (4): prijs en periode-label op de vertaalde hostingpagina's.
   Waarom: op EN/IT/DE/FR staat de prijs als 7.90; Avada zet de centen dan apart in superscript ("7 ⁹⁰"),
   terwijl NL "7,90" op één regel toont. En het label "Maandelijks" (::before van .panel-body uit een
   ouder blok) stond in elke taal in het Nederlands. Scheidingsteken per taal: EN punt, rest komma. */
html:not(#emhd-x) .priceemhd .price.price-with-decimal .decimal-part {
  position: static !important;
  top: auto !important;
  vertical-align: baseline !important;
  font-size: 52px !important;
  font-weight: 600 !important;
  line-height: 52px !important;
  color: #18c4d8 !important;
}
html:not(#emhd-x) .priceemhd .price.price-with-decimal .decimal-part::before {
  content: var(--emhd-dec, ",");
}
html:not(#emhd-x) { --emhd-dec: ","; --emhd-mo: "Maandelijks"; }
html[lang^="en"]:not(#emhd-x) { --emhd-dec: "."; --emhd-mo: "Monthly"; }
html[lang^="it"]:not(#emhd-x) { --emhd-mo: "Mensile"; }
html[lang^="de"]:not(#emhd-x) { --emhd-mo: "Monatlich"; }
html[lang^="fr"]:not(#emhd-x) { --emhd-mo: "Mensuel"; }
html:not(#emhd-x) .priceemhd .fusion_builder_column_1_4 .panel-body::before {
  content: var(--emhd-mo, "Maandelijks") !important;
}
@media (max-width: 768px) {
  html:not(#emhd-x) .priceemhd .price.price-with-decimal .decimal-part { font-size: 44px !important; line-height: 44px !important; }
}

/* 9-11-2026 (5): oud label "MEEST GEKOZEN" op E-mail Only Basic weg. Waarom: een ouder blok zette dat via ::before
   op die kaart (vroeger weggeknipt door overflow:hidden); nu de kaart mag uitsteken werd het zichtbaar. Basic is
   niet het meest gekozen e-mailpakket (HostFact: Pro). Alleen de kaarten uit blok (3) krijgen een label. */
html:not(#emhd-x) #offerte.priceemhd > .fusion-builder-row > .fusion_builder_column_1_4:not(:nth-child(2)) > .fusion-column-wrapper::before,
html:not(#emhd-x) .priceemhd:not(#offerte) > .fusion-builder-row > .fusion_builder_column_1_4:not(:nth-child(3)) > .fusion-column-wrapper::before {
  content: none !important;
  display: none !important;
}

/* 10-11-2026 (6): regel onder de bestelknoppen vertaald. Waarom: het oude blok "31. Trust badges onder knoppen"
   zet "✓ 99,9% uptime garantie • ✓ NL support" via .panel-footer::after in alle talen in het Nederlands.
   "NL support" is in de andere talen "persoonlijke support" geworden (sluit aan op de FAQ: direct contact). */
html[lang^="en"]:not(#emhd-x) .priceemhd .fusion_builder_column_1_4 .panel-footer::after { content: "✓ 99.9% uptime guarantee • ✓ Personal support" !important; }
html[lang^="it"]:not(#emhd-x) .priceemhd .fusion_builder_column_1_4 .panel-footer::after { content: "✓ Uptime garantito 99,9% • ✓ Assistenza personale" !important; }
html[lang^="de"]:not(#emhd-x) .priceemhd .fusion_builder_column_1_4 .panel-footer::after { content: "✓ 99,9 % Uptime-Garantie • ✓ Persönlicher Support" !important; }
html[lang^="fr"]:not(#emhd-x) .priceemhd .fusion_builder_column_1_4 .panel-footer::after { content: "✓ Disponibilité garantie 99,9 % • ✓ Support personnalisé" !important; }