body{overflow-x:hidden;background:#fff}
:root{
  --paars:#321C53; --zand:#EDD9C6; --rood:#D42027; --groen:#64AA91;
  --mint:#D7E7E2;  --off:#F3F8F7;  --grijs:#A6A6A6; --magenta:#C21E5B;
  --rand:clamp(14px,2.083vw,40px);          
  --ronding:clamp(18px,1.67vw,32px);
  --kader:min(1520px,79.1667vw);            
  --kaders:min(1300px,67.7vw);              
  --slide:88.1vw;
  --goot:calc((100vw - var(--slide))/2);
}.la4blok,
.la4blok *{box-sizing:border-box}html{scroll-behavior:smooth}.la4blok{margin:0;color:var(--paars);-webkit-font-smoothing:antialiased}.la4blok img,
.la4blok svg{max-width:100%}.la4blok a{color:inherit}.la4blok .mid,
.la4blok.mid{width:var(--kaders);max-width:calc(100% - 2*var(--rand));margin:0 auto}.la4blok h1{margin:0 0 .83em}.la4blok h2{margin:0 0 .9em}.la4blok .serif,
.la4blok.serif{font-family:'Bitter',Georgia,serif;font-weight:300;
  font-size:clamp(30px,3.958vw,76px);line-height:1.16;letter-spacing:-.01em;margin:.15em 0 .7em}.la4blok .lead,
.la4blok.lead{font-weight:500;font-size:clamp(18px,1.25vw,24px);line-height:1.375}.la4blok .klein,
.la4blok.klein{font-size:clamp(14px,.9375vw,18px)}.la4blok .bloem,
.la4blok.bloem{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0;
  opacity:var(--bloem-zicht,1)}.la4blok .bloem svg,
.la4blok.bloem svg{position:absolute;top:-30vw;right:-30vw;width:90vw;height:90vw;
  max-width:1400px;max-height:1400px;overflow:visible}.la4blok .bloem use,
.la4blok.bloem use{fill:var(--groen);opacity:.2}.la4blok .kop,
.la4blok.kop{position:absolute;top:0;left:0;right:0;z-index:20;pointer-events:none;
  padding:calc(var(--rand) + clamp(12px,2.9vw,56px)) calc(var(--rand) + clamp(12px,2.9vw,56px)) 0}.la4blok .kop-in,
.la4blok.kop-in{max-width:1760px;margin:0 auto;position:relative;display:flex;align-items:flex-start;
  min-height:clamp(64px,8.44vw,162px)}.la4blok .merk,
.la4blok.merk{width:clamp(72px,8.44vw,162px);flex:none;pointer-events:auto}.la4blok .merk svg,
.la4blok.merk svg{display:block;border-radius:clamp(12px,1.6vw,31px)}.la4blok .hulpbalk,
.la4blok.hulpbalk{position:fixed;z-index:40;left:calc(50% + 1.125vw);transform:translateX(-50%);
  top:var(--hulp-top);
  display:flex;align-items:center;gap:clamp(7px,.78vw,15px);pointer-events:auto;
  transition:top .28s cubic-bezier(.4,0,.2,1),box-shadow .28s;
  background:#fff;border-radius:999px;padding:clamp(6px,.78vw,15px) clamp(8px,.63vw,12px);
  box-shadow:0 10px 30px -18px rgba(50,28,83,.45);white-space:nowrap}.la4blok{--hulp-top:calc(var(--rand) + clamp(12px,2.9vw,56px) - .46vw)}body.gescrold{--hulp-top:clamp(10px,1.04vw,20px)}body.gescrold .hulpbalk{box-shadow:0 14px 34px -16px rgba(50,28,83,.42)}.la4blok #carousel,
.la4blok#carousel,
.la4blok #aanpak,
.la4blok#aanpak,
.la4blok #organisatie,
.la4blok#organisatie{scroll-margin-top:calc(clamp(10px,1.04vw,20px) + var(--hulph,58px) + 18px)}.la4blok .hulpbalk b,
.la4blok.hulpbalk b{font-weight:400;color:#000;font-size:clamp(13px,1.0417vw,20px);padding:0 clamp(6px,.83vw,16px)}.la4blok .knop113,
.la4blok.knop113{display:inline-flex;align-items:center;gap:.5em;background:var(--rood);color:#fff;
  text-decoration:none;border-radius:999px;padding:clamp(6px,.57vw,11px) clamp(11px,1.15vw,22px);
  font-weight:500;font-size:clamp(11px,.78vw,15px);transition:filter .2s,transform .2s}.la4blok .knop113:hover,
.la4blok.knop113:hover{filter:brightness(1.07);transform:translateY(-1px)}.la4blok .knop113 svg,
.la4blok.knop113 svg{width:1.05em;height:1.05em;fill:currentColor;flex:none}.la4blok .hero,
.la4blok.hero{position:relative;z-index:2;padding:var(--rand)}.la4blok .hero-kaart,
.la4blok.hero-kaart{position:relative;background:var(--zand);border-radius:var(--ronding);overflow:hidden;
  min-height:clamp(560px,58.75vw,1128px);display:flex;flex-direction:column;
  padding:clamp(16px,2.9vw,56px)}.la4blok .uitsnede,
.la4blok.uitsnede{position:absolute;top:.3vw;right:.32vw;width:min(47%,866px);pointer-events:none;line-height:0}.la4blok .uitsnede svg,
.la4blok.uitsnede svg{width:100%;height:auto;display:block}.la4blok .hero-in,
.la4blok.hero-in{position:relative;z-index:2;width:var(--kader);max-width:100%;margin:0 auto;
  display:flex;flex-direction:column;flex:1;
  padding-top:clamp(96px,12.8vw,246px)}.la4blok .hero-body,
.la4blok.hero-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);
  gap:clamp(24px,3.6vw,70px);align-items:center;flex:1;
  padding-bottom:clamp(30px,5.2vw,100px)}.la4blok .hero-tekst,
.la4blok.hero-tekst{align-self:start}.la4blok .hero-tekst .lead,
.la4blok.hero-tekst .lead{max-width:25.2em;margin:0 0 1.1em}.la4blok .hero-tekst p:not(.lead),
.la4blok.hero-tekst p:not(.lead){max-width:30em;margin:0}.la4blok .video,
.la4blok.video{position:relative;margin:0 0 2.98vw;align-self:end;border-radius:clamp(10px,1.04vw,20px);overflow:hidden;
  background:#2A2320 var(--still) center/cover no-repeat;aspect-ratio:1.92;display:grid;
  place-items:end start;padding:clamp(12px,1.25vw,24px);
  box-shadow:0 40px 70px -40px rgba(50,28,83,.55)}.la4blok .video .play,
.la4blok.video .play{width:clamp(44px,3.65vw,70px);height:clamp(44px,3.65vw,70px);border-radius:50%;border:0;
  cursor:pointer;background:rgba(255,255,255,.82);color:var(--paars);display:grid;place-items:center;
  transition:transform .25s,background .25s;backdrop-filter:blur(2px)}.la4blok .video .play:hover,
.la4blok.video .play:hover{transform:scale(1.07);background:#fff}.la4blok .video .play svg,
.la4blok.video .play svg{width:38%;height:38%;fill:currentColor;margin-left:8%}.la4blok .video figcaption,
.la4blok.video figcaption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip-path:inset(50%);white-space:nowrap;border:0}.la4blok .omlaag,
.la4blok.omlaag{align-self:center;background:none;border:0;cursor:pointer;color:var(--paars);
  padding:6px 20px 10px;animation:wip 2.4s ease-in-out infinite}.la4blok .omlaag svg,
.la4blok.omlaag svg{width:clamp(30px,2.5vw,48px);height:auto;stroke:currentColor;stroke-width:2.2;fill:none;
  stroke-linecap:round;stroke-linejoin:round}
@keyframes wip{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}.la4blok main{position:relative;z-index:2}.la4blok .sectie,
.la4blok.sectie,
.la4blok .car,
.la4blok.car{position:relative;z-index:2;background:#fff}.la4blok #aanpak,
.la4blok#aanpak{background:transparent}.la4blok .sectie,
.la4blok.sectie{padding:clamp(48px,6.25vw,120px) 0}.la4blok .sectie-boven,
.la4blok.sectie-boven{padding-bottom:0}.la4blok .sectie-onder,
.la4blok.sectie-onder{padding-top:0}.la4blok .kolommen,
.la4blok.kolommen{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:clamp(24px,3.6vw,70px)}.la4blok .kolommen p,
.la4blok.kolommen p{margin:0 0 1.1em}.la4blok .exlink,
.la4blok.exlink{display:flex;align-items:flex-start;gap:.65em;text-decoration:none;margin-bottom:.55em;font-weight:400}.la4blok .exlink span,
.la4blok.exlink span{text-decoration:underline;text-underline-offset:.24em}.la4blok .exlink svg,
.la4blok.exlink svg{width:1.05em;height:1.05em;flex:none;margin-top:.24em;fill:currentColor}.la4blok .exlink:hover span,
.la4blok.exlink:hover span{text-decoration-thickness:2px}.la4blok .duo,
.la4blok.duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,3.6vw,70px);
  align-items:center;margin-top:clamp(30px,4.2vw,80px)}.la4blok .wiel,
.la4blok.wiel{position:relative;width:123%;margin-left:-5%;aspect-ratio:1/1}.la4blok .wiel>div,
.la4blok.wiel>div{position:absolute;inset:0}.la4blok .wiel svg,
.la4blok.wiel svg{position:absolute;inset:0;width:100%;height:100%;display:block}.la4blok .wiel .laag,
.la4blok.wiel .laag{opacity:0;transition:opacity .4s cubic-bezier(.4,0,.2,1);pointer-events:none}.la4blok .wiel .laag.aan,
.la4blok.wiel .laag.aan{opacity:1}.la4blok .treflaag,
.la4blok.treflaag{position:absolute;inset:0;z-index:5}.la4blok .treflaag .tref,
.la4blok.treflaag .tref{fill:transparent;pointer-events:all;cursor:pointer}.la4blok .panelen,
.la4blok.panelen{display:flex;flex-direction:column;gap:clamp(10px,1.56vw,30px)}.la4blok .paneel,
.la4blok.paneel{position:relative;border:0;text-align:left;cursor:pointer;border-radius:clamp(12px,1.04vw,20px);
  background:var(--vlak);padding:clamp(13px,1.04vw,20px) clamp(18px,1.67vw,32px);overflow:hidden;
  font:inherit;color:inherit;display:block;width:100%;
  transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s}.la4blok .paneel::before,
.la4blok.paneel::before{content:"";position:absolute;left:0;top:0;bottom:0;width:clamp(6px,.63vw,12px);
  background:var(--acc);transform:scaleX(.5);transform-origin:left;transition:transform .3s}.la4blok .paneel .pill,
.la4blok.paneel .pill{display:inline-flex;align-items:center;gap:.6em;background:var(--acc);color:#fff;
  border-radius:999px;padding:.2em .85em;font-weight:600;font-size:clamp(15px,1.0417vw,20px);
  margin-bottom:.45em;transition:background .3s}.la4blok .paneel .pijl,
.la4blok.paneel .pijl{display:inline-flex;text-decoration:none;transition:transform .25s}.la4blok .paneel .pijl:hover,
.la4blok.paneel .pijl:hover,
.la4blok .paneel .pijl:focus-visible,
.la4blok.paneel .pijl:focus-visible{transform:translateX(4px)}.la4blok .pijlicoon,
.la4blok.pijlicoon{width:1.7em;height:.7em;display:block}.la4blok .paneel .ptxt,
.la4blok.paneel .ptxt{display:block;opacity:.5;transition:opacity .3s;font-size:clamp(14px,.9375vw,18px)}.la4blok .paneel.aan,
.la4blok.paneel.aan{transform:translateX(6px);box-shadow:0 14px 34px -16px rgba(50,28,83,.35)}.la4blok .paneel.aan::before,
.la4blok.paneel.aan::before{transform:scaleX(1)}.la4blok .paneel.aan .pill,
.la4blok.paneel.aan .pill{background:var(--paars)}.la4blok .paneel.aan .ptxt,
.la4blok.paneel.aan .ptxt{opacity:1}.la4blok .paneel:focus-visible,
.la4blok.paneel:focus-visible{outline:3px solid var(--paars);outline-offset:3px}.la4blok .car,
.la4blok.car{padding:clamp(20px,2.6vw,50px) 0 clamp(14px,1.04vw,20px)}.la4blok .dots,
.la4blok.dots{display:flex;gap:clamp(6px,.42vw,8px);align-items:center;
  width:var(--slide);max-width:calc(100% - 2*var(--rand));margin:0 auto clamp(14px,1.25vw,24px)}.la4blok .dot,
.la4blok.dot{width:clamp(9px,.63vw,12px);height:clamp(9px,.63vw,12px);padding:0;border:0;border-radius:50%;
  background:#DED8E6;cursor:pointer;transition:background .25s,transform .25s}.la4blok .dot.aan,
.la4blok.dot.aan{background:var(--acc);transform:scale(1.35)}.la4blok .spoorwrap,
.la4blok.spoorwrap{position:relative;width:100vw;margin-left:calc(50% - 50vw)}.la4blok .spoor,
.la4blok.spoor{overflow:hidden;padding:8px 0}.la4blok .rail,
.la4blok.rail{display:flex;gap:clamp(10px,1.25vw,24px);transition:transform .6s cubic-bezier(.4,0,.2,1)}.la4blok .slide,
.la4blok.slide{flex:0 0 var(--slide);background:var(--acc);color:var(--tekst);
  border-radius:clamp(14px,1.67vw,32px);transition:opacity .45s}.la4blok .slide-in,
.la4blok.slide-in{padding:clamp(24px,5.94vw,114px) 7% clamp(24px,5.94vw,114px) 13.1%}.la4blok .slide:not(.actief),
.la4blok.slide:not(.actief){opacity:.55}.la4blok .spook,
.la4blok.spook{pointer-events:none}.la4blok .slide-in,
.la4blok.slide-in{display:grid;column-gap:clamp(20px,2.6vw,50px);align-items:center;
  grid-template-columns:minmax(0,1.27fr) minmax(0,1fr);
  grid-template-areas:"kop kop" "titel titel" "kaart ill"}.la4blok .slide-kop,
.la4blok.slide-kop{grid-area:kop;display:flex;align-items:center;gap:clamp(10px,.83vw,16px);
  font-weight:600;font-size:clamp(15px,1.25vw,24px)}.la4blok .pl,
.la4blok.pl{font-size:1.18em}.la4blok .serif,
.la4blok.serif{grid-area:titel}.la4blok .kaart,
.la4blok.kaart{grid-area:kaart}.la4blok .ill,
.la4blok.ill{grid-area:ill}.la4blok .chiprij,
.la4blok.chiprij{display:contents}.la4blok .mnav,
.la4blok.mnav{display:none}.la4blok .chip,
.la4blok.chip{background:var(--chipbg);color:var(--chiptxt);border-radius:999px;padding:.28em 1em}.la4blok .kaart,
.la4blok.kaart{background:#fff;color:var(--paars);border-radius:clamp(12px,1.25vw,24px);
  padding:clamp(20px,5.2vw,100px)}.la4blok .kaart p,
.la4blok.kaart p{margin:0 0 1em}.la4blok .kaart .lbl,
.la4blok.kaart .lbl{margin-bottom:.8em}.la4blok .tags,
.la4blok.tags{display:flex;flex-wrap:wrap;gap:.55em;margin-bottom:1.6em}.la4blok .tag,
.la4blok.tag{background:var(--acc);color:#fff;border-radius:.5em;
  padding:.34em .9em;font-size:clamp(13px,.9375vw,18px);line-height:1.3}.la4blok .acc-btn,
.la4blok.acc-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1em;
  background:none;border:0;border-bottom:2px solid var(--paars);padding:.6em 0;cursor:pointer;
  font:inherit;font-weight:500;color:var(--paars);text-align:left}.la4blok .acc-btn .chev,
.la4blok.acc-btn .chev{width:1.95em;height:1.95em;flex:none;border-radius:.55em;background:var(--acc);color:#fff;
  display:grid;place-items:center;transition:transform .3s}.la4blok .acc-btn .chev svg,
.la4blok.acc-btn .chev svg{width:56%;height:56%;fill:none;stroke:currentColor;stroke-width:2.6;
  stroke-linecap:round;stroke-linejoin:round}.la4blok .acc-btn[aria-expanded="true"] .chev,
.la4blok.acc-btn[aria-expanded="true"] .chev{transform:rotate(180deg)}.la4blok .acc-body,
.la4blok.acc-body{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1)}.la4blok .acc-body p,
.la4blok.acc-body p{margin:1em 0 0}.la4blok .ill svg,
.la4blok.ill svg{width:100%;height:auto;display:block}.la4blok .zij,
.la4blok.zij{position:absolute;top:50%;transform:translateY(-50%);z-index:4;
  border:0;background:none;color:var(--tekst);cursor:pointer;padding:0;opacity:.92;
  display:grid;place-items:center;
  width:clamp(22px,2.4vw,46px);height:clamp(34px,3.8vw,73px);
  transition:transform .22s cubic-bezier(.4,0,.2,1),opacity .2s}.la4blok .zij svg,
.la4blok.zij svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.4;
  stroke-linecap:round;stroke-linejoin:round}.la4blok .zij:hover,
.la4blok.zij:hover{opacity:1}.la4blok .zij.l:hover,
.la4blok.zij.l:hover{transform:translateY(-50%) translateX(-5px)}.la4blok .zij.r:hover,
.la4blok.zij.r:hover{transform:translateY(-50%) translateX(5px)}.la4blok .zij.l,
.la4blok.zij.l{left:calc(var(--goot) + clamp(6px,2.6vw,50px))}.la4blok .zij.r,
.la4blok.zij.r{right:calc(var(--goot) + clamp(6px,2.6vw,50px))}.la4blok .swipe,
.la4blok.swipe{display:none;align-items:center;gap:.6em;opacity:.55;margin:1em auto 0;
  width:var(--slide);max-width:calc(100% - 2*var(--rand))}.la4blok .swipe svg,
.la4blok.swipe svg{width:1.5em;height:1.5em;fill:currentColor}.la4blok .org,
.la4blok.org{margin-top:clamp(28px,3.6vw,70px)}.la4blok .org svg,
.la4blok.org svg{width:100%;height:auto;display:block}.la4blok .orgblok,
.la4blok.orgblok{transform-box:view-box;transform:scale(1);cursor:default;
  transition:transform .42s cubic-bezier(.33,1,.68,1)}.la4blok .orgblok:hover,
.la4blok.orgblok:hover{transform:scale(1.045)}
@media (hover:none){.la4blok .orgblok,
.la4blok.orgblok{pointer-events:none}}.la4blok .org-m,
.la4blok.org-m{display:none}.la4blok footer{position:relative;z-index:2;background:#fff;padding:0}.la4blok .f-in,
.la4blok.f-in{background:var(--zand);border-radius:0;display:flow-root;
  padding:0 0 clamp(22px,2.5vw,48px)}.la4blok .f-merk,
.la4blok.f-merk{width:clamp(60px,4.79vw,92px);margin-bottom:clamp(18px,2.3vw,44px);
  
  margin-top:calc(-0.38 * clamp(60px,4.79vw,92px))}.la4blok .f-merk svg,
.la4blok.f-merk svg{display:block;border-radius:clamp(10px,1vw,19px)}.la4blok .f-grid,
.la4blok.f-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:clamp(24px,3.1vw,60px)}.la4blok .f-grid h3,
.la4blok.f-grid h3{font-weight:600;font-size:clamp(18px,1.25vw,24px);margin:0 0 .6em}.la4blok .f-grid h3 svg,
.la4blok.f-grid h3 svg{width:.72em;height:.72em;fill:currentColor;margin-left:.35em;
  display:inline-block;vertical-align:baseline}.la4blok .f-grid p,
.la4blok.f-grid p{margin:0 0 1em}.la4blok .f-links,
.la4blok.f-links{display:grid;grid-template-columns:1fr 1fr;gap:.2em 1.4em}.la4blok .f-links a,
.la4blok.f-links a{display:inline-block;padding:.15em 0;text-decoration:underline;text-underline-offset:.24em}.la4blok .merk113,
.la4blok.merk113{font-weight:600;font-size:clamp(34px,3.02vw,58px);color:var(--rood);line-height:.9;
  letter-spacing:-.02em}.la4blok .stippen,
.la4blok.stippen{display:flex;gap:.38em;margin:.5em 0 1em}.la4blok .stippen i,
.la4blok.stippen i{width:.5em;height:.5em;border-radius:50%;background:var(--rood);display:block;font-size:20px}.la4blok .stippen i:last-child,
.la4blok.stippen i:last-child{background:none;box-shadow:inset 0 0 0 1.6px var(--rood)}.la4blok .contact,
.la4blok.contact{display:inline-block;border:1.6px solid var(--paars);border-radius:999px;
  padding:.5em 1.5em;text-decoration:none;transition:background .25s,color .25s}.la4blok .contact:hover,
.la4blok.contact:hover{background:var(--paars);color:var(--zand)}.la4blok .f-onder,
.la4blok.f-onder{display:flex;justify-content:flex-end;gap:1.4em;margin-top:1.6em}.la4blok .f-onder a,
.la4blok.f-onder a{text-decoration:underline;text-underline-offset:.24em}.la4blok .menuknop,
.la4blok.menuknop{display:none;width:clamp(40px,10vw,52px);height:clamp(28px,7vw,36px);border:0;background:none;
  cursor:pointer;padding:0;pointer-events:auto;flex-direction:column;justify-content:space-between}.la4blok .menuknop span,
.la4blok.menuknop span{display:block;height:3px;border-radius:2px;background:var(--paars);
  transition:transform .28s cubic-bezier(.4,0,.2,1),opacity .2s}.la4blok .menuknop[aria-expanded="true"] span:nth-child(1),
.la4blok.menuknop[aria-expanded="true"] span:nth-child(1){transform:translateY(11px) rotate(45deg)}.la4blok .menuknop[aria-expanded="true"] span:nth-child(2),
.la4blok.menuknop[aria-expanded="true"] span:nth-child(2){opacity:0}.la4blok .menuknop[aria-expanded="true"] span:nth-child(3),
.la4blok.menuknop[aria-expanded="true"] span:nth-child(3){transform:translateY(-11px) rotate(-45deg)}.la4blok .menu,
.la4blok.menu{display:none}.la4blok .menu-kop,
.la4blok.menu-kop{font-weight:600;margin:0 0 .6em}.la4blok .menu-kop-ext svg,
.la4blok.menu-kop-ext svg{width:.72em;height:.72em;fill:currentColor;margin-left:.35em;vertical-align:.02em}.la4blok .menu-113,
.la4blok.menu-113{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:1.6em}.la4blok .menu-links,
.la4blok.menu-links{display:grid;grid-template-columns:1fr 1fr;gap:.35em 1.2em}.la4blok .menu-links a,
.la4blok.menu-links a{padding:.2em 0;text-decoration:underline;text-underline-offset:.24em}.la4blok .meer,
.la4blok.meer{display:none;align-items:center;gap:.5em;margin-top:.2em;padding:0;border:0;background:none;
  font:inherit;font-weight:500;color:inherit;cursor:pointer;
  text-decoration:underline;text-underline-offset:.24em}.la4blok .meer svg,
.la4blok.meer svg{width:1.1em;height:1.1em;fill:none;stroke:currentColor;stroke-width:2.2;
  stroke-linecap:round;stroke-linejoin:round;transition:transform .3s}.la4blok .meer[aria-expanded="true"] svg,
.la4blok.meer[aria-expanded="true"] svg{transform:rotate(180deg)}

/* --- Elementor: containers rond de LA4-blokken op volle breedte zetten --- */
.elementor-widget-html:has(.la4blok) > .elementor-widget-container{margin:0;padding:0}
.e-con:has(> .e-con-inner > .elementor-element .la4blok),
.e-con:has(> .e-con-inner > .elementor-element .la4blok) > .e-con-inner,
.elementor-section:has(.la4blok) > .elementor-container{
  max-width:none !important;padding-left:0 !important;padding-right:0 !important;
  padding-top:0 !important;padding-bottom:0 !important;--gap:0px}
.la4blok{position:relative}

/* --- Elementor: widgets en containers binnen onze blokken neutraal zetten --- */
.la4blok .elementor-widget-container{margin:0;padding:0}
.la4blok .elementor-widget{width:100%;margin:0}
.la4blok .elementor-element{--widgets-spacing:0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px}
.la4blok .elementor-widget-heading h1.elementor-heading-title{margin:0 0 .83em}
.la4blok .elementor-widget-heading h2.elementor-heading-title{margin:0 0 .9em}
.la4blok .elementor-widget-heading h3.elementor-heading-title{margin:0 0 .7em}
.la4blok .elementor-widget-text-editor p:last-child{margin-bottom:0}
.la4blok .hero-tekst .elementor-widget-text-editor{margin-bottom:1.1em}
.la4blok .hero-tekst .elementor-widget-text-editor:last-child{margin-bottom:0}
.la4blok .kolommen > .e-con{display:block}
.la4blok .la4-decor{position:absolute;inset:0;pointer-events:none;z-index:0}
.la4blok .omlaag{display:block;margin-inline:auto}
.la4blok .hero-in > .elementor-widget{width:100%}
.la4blok .la4-scripts,.la4-scripts{display:none}
.logo-cls-1 {
        fill: #321c53;
      }

      .logo-cls-2 {
        fill: #d7e7e2;
      }
/* Alleen de bovenrand van de oorspronkelijke footer; de inhoud bouw je in Elementor. */
.la4blok .footer-top-only .f-in{padding-bottom:clamp(14px,1.5vw,28px)}
.la4blok .footer-top-only .f-merk{margin-bottom:0}
.logo-cls-1 {
        fill: #321c53;
      }

      .logo-cls-2 {
        fill: #d7e7e2;
      }

/* ==========================================================
   LA4 v2.0.0 — CLEAN RESPONSIVE LAYER
   Figma is de visuele referentie; responsive gedrag is fluid.
   Elementor blijft de tekstbron. Layout/spacing wordt hier beheerd.
   ========================================================== */
:root{
  --la4-purple:#321c53;
  --la4-sand:#edd9c6;
  --la4-green:#64aa91;
  --la4-page-pad:clamp(20px,5vw,56px);
  --la4-content:min(1300px,calc(100vw - 2*var(--la4-page-pad)));
  --la4-mobile-pad:18px;
  --la4-section-y:clamp(52px,6vw,92px);
}

/* ---------- shared Elementor ownership ---------- */
#aanpak,
#organisatie,
.la4-footer{box-sizing:border-box;color:var(--la4-purple)}
#aanpak *,#organisatie *,.la4-footer *{box-sizing:border-box}
#aanpak .e-con,#organisatie .e-con,.la4-footer .e-con{min-width:0}
#aanpak .elementor-widget-container,
#organisatie .elementor-widget-container{margin:0}
#aanpak a,#aanpak a:link,#aanpak a:visited,#aanpak a:hover,#aanpak a:focus{
  color:var(--la4-purple);text-decoration-color:currentColor;-webkit-text-decoration-color:currentColor
}

/* ---------- desktop: editable Elementor text sections ---------- */
@media (min-width:1001px){
  #aanpak,#organisatie{
    width:var(--la4-content)!important;max-width:var(--la4-content)!important;
    margin-inline:auto!important;padding-inline:0!important
  }
  #aanpak{padding-top:clamp(54px,5vw,86px)!important;padding-bottom:clamp(30px,3vw,50px)!important}
  #aanpak > .e-con-inner,#aanpak > .e-con,
  #organisatie > .e-con-inner,#organisatie > .e-con{width:100%!important;max-width:100%!important}
  #aanpak h2,#aanpak .elementor-heading-title{letter-spacing:-.025em}

  /* LifeSpan-model + panelen: duidelijke lucht tussen de twee kolommen. */
  #aanpak .duo{grid-template-columns:minmax(0,.94fr) minmax(0,1fr);gap:clamp(72px,6vw,118px);margin-top:clamp(36px,4vw,62px)}
  #aanpak .wiel{width:110%;margin-left:-5%}

  /* Samen bouwen: geen onnodige viewport-hoogte tussen tekst en organogram. */
  #organisatie{padding-top:clamp(58px,5vw,86px)!important;padding-bottom:clamp(48px,4vw,70px)!important}
  #organisatie .org,.la4blok .org{margin-top:clamp(34px,3vw,52px)}
}

/* ---------- tablet ---------- */
@media (min-width:721px) and (max-width:1000px){
  :root{--slide:92vw}
  .la4blok .duo,.la4blok.duo,.la4blok .hero-body,.la4blok.hero-body{grid-template-columns:1fr}
  .la4blok .slide-in,.la4blok.slide-in{grid-template-columns:1fr;grid-template-areas:'ill' 'kop' 'titel' 'kaart';padding:clamp(30px,6vw,70px) 7%;row-gap:clamp(16px,3vw,28px)}
  .la4blok .wiel,.la4blok.wiel{width:100%;margin-left:0}
  .la4blok .ill,.la4blok.ill{max-width:400px;margin:0 auto;justify-self:center}
  .la4blok .zij,.la4blok.zij{display:none}
  .la4blok .swipe,.la4blok.swipe{display:flex}
  .la4blok .org-d,.la4blok.org-d{display:none}
  .la4blok .org-m,.la4blok.org-m{display:block}
  .la4blok .uitsnede,.la4blok.uitsnede{width:70%;right:-14%}
  .la4blok .hulpbalk,.la4blok.hulpbalk{left:var(--rand);right:var(--rand);transform:none;justify-content:center}
  .la4blok{--hulp-top:var(--rand)}
  body.gescrold{--hulp-top:12px}
  .la4blok .kop,.la4blok.kop{padding-top:calc(var(--rand) + var(--hulph,58px) + 14px)}
  .la4blok .hero-in,.la4blok.hero-in{padding-top:calc(var(--kophoogte,190px) + 20px)}
  #aanpak,#organisatie{width:calc(100% - 48px)!important;max-width:900px!important;margin-inline:auto!important}
}

/* ---------- mobile foundation ---------- */
@media (max-width:720px){
  :root{
    --rand:var(--la4-mobile-pad);--ronding:20px;--kaartpad:22px;
    --slide:100%;--kader:100%;--kaders:100%
  }
  html,body{overflow-x:hidden}
  .la4blok{letter-spacing:0}

  /* Header: compact, predictable, no inherited Elementor spacing. */
  .la4blok .kop,.la4blok.kop{
    position:sticky;top:0;z-index:50;background:#fff;pointer-events:auto;
    padding:12px 18px 10px;box-shadow:none
  }
  body.gescrold .kop{box-shadow:0 8px 22px -18px rgba(50,28,83,.45)}
  .la4blok .kop-in,.la4blok.kop-in{min-height:0;align-items:center;justify-content:space-between;gap:14px}
  .la4blok .merk,.la4blok.merk{width:clamp(72px,19vw,84px)}
  .la4blok .hulpbalk,.la4blok.hulpbalk{display:none}
  .la4blok .menuknop,.la4blok.menuknop{display:flex;width:44px;height:30px}
  .la4blok .menuknop span,.la4blok.menuknop span{height:3px}
  .la4blok .menu,.la4blok.menu{display:block;max-height:0;overflow:hidden;transition:max-height .28s ease}
  .la4blok .kop.open .menu,.la4blok.kop.open .menu{max-height:78vh;overflow:auto}
  .la4blok .knop113,.la4blok.knop113{height:36px;padding:0 13px;font-size:11px}

  /* Hero: Elementor only needs editable text; plugin owns spacing. */
  .la4blok .hero,.la4blok.hero{padding:0 18px}
  .la4blok .hero-kaart,.la4blok.hero-kaart{min-height:0;padding:clamp(26px,7vw,38px) 22px 0;border-radius:20px}
  .la4blok .hero-in,.la4blok.hero-in{padding-top:0}
  .la4blok .hero-body,.la4blok.hero-body{display:grid;grid-template-columns:1fr;gap:0;padding-bottom:0}
  .la4blok .hero-tekst,.la4blok.hero-tekst{width:100%;max-width:none}
  .la4blok .hero-tekst .lead,.la4blok.hero-tekst .lead,
  .la4blok .hero-tekst p:not(.lead),.la4blok.hero-tekst p:not(.lead){max-width:none}
  .la4blok .hero-tekst .lead,.la4blok.hero-tekst .lead{font-size:clamp(18px,4.8vw,20px);line-height:1.48;margin-bottom:1.5em}
  .la4blok .hero-tekst p:not(.lead),.la4blok.hero-tekst p:not(.lead){font-size:clamp(16px,4.25vw,18px);line-height:1.5}
  .la4blok .hero h1,.la4blok.hero h1{font-size:clamp(38px,10.3vw,48px);line-height:1.08;letter-spacing:-.035em;margin-bottom:.95em}
  .la4blok .uitsnede,.la4blok.uitsnede,.la4blok .omlaag,.la4blok.omlaag{display:none}
  .la4blok .video,.la4blok.video{
    width:calc(100% + 44px);margin:clamp(24px,6vw,34px) -22px 0;
    aspect-ratio:1.78;border-radius:0 0 20px 20px;box-shadow:none;align-self:auto
  }

  /* Aanpak: full width, fixed content gutters; Elementor margin controls are ignored. */
  #aanpak{
    width:100%!important;max-width:none!important;margin:0!important;
    padding:clamp(46px,11vw,62px) 18px clamp(22px,6vw,34px)!important;background:#fff!important
  }
  #aanpak .e-con,#aanpak .elementor-element,#aanpak .elementor-widget,
  #aanpak .elementor-widget-container{width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important}
  #aanpak .e-con .e-con{padding-left:0!important;padding-right:0!important}
  #aanpak h2,#aanpak .elementor-widget-heading h2.elementor-heading-title{
    font-size:clamp(29px,8vw,36px)!important;line-height:1.16!important;letter-spacing:-.025em!important;margin:0 0 22px!important
  }
  #aanpak .elementor-widget-text-editor,#aanpak .elementor-widget-text-editor p{
    font-size:clamp(17px,4.6vw,19px)!important;line-height:1.48!important;letter-spacing:0!important
  }
  #aanpak .elementor-widget-text-editor p{margin-top:0}
  #aanpak .la4-auto-more{
    display:inline-flex;align-items:center;gap:10px;margin:16px 0 0;padding:0;border:0;background:none;
    font:inherit;font-size:clamp(17px,4.6vw,19px);font-weight:500;color:var(--la4-purple);
    text-decoration:underline;text-decoration-color:currentColor;text-underline-offset:4px;cursor:pointer
  }
  #aanpak .la4-auto-more svg{width:18px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .25s}
  #aanpak .la4-auto-more[aria-expanded='true'] svg{transform:rotate(180deg)}
  #aanpak [data-la4-extra][hidden]{display:none!important}

  /* Wheel: it is never allowed to collapse because of Elementor wrappers. */
  #aanpak .la4blok:has(.wiel),#aanpak .la4blok:has(.wiel) .sectie,
  #aanpak .la4blok:has(.wiel) .mid,#aanpak .la4blok:has(.wiel) .duo{
    display:block!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;
    padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;overflow:visible!important
  }
  #aanpak .la4blok:has(.wiel) .sectie{padding:clamp(28px,8vw,44px) 0 clamp(30px,8vw,46px)!important}
  #aanpak .wiel,#aanpak .la4blok .wiel,#aanpak .la4blok.wiel{
    display:block!important;position:relative!important;width:min(88vw,520px)!important;max-width:none!important;
    aspect-ratio:1/1!important;height:auto!important;margin:0 auto!important;overflow:visible!important
  }
  #aanpak .panelen{display:none!important}

  /* Carousel: one contained card, no 100vw inside Elementor. */
  .la4blok .car,.la4blok.car{padding:0 0 clamp(34px,9vw,54px);overflow:hidden}
  .la4blok .dots,.la4blok.dots,.la4blok .swipe,.la4blok.swipe{display:none}
  .la4blok .spoorwrap,.la4blok.spoorwrap{width:100%;max-width:100%;margin:0;overflow:hidden}
  .la4blok .spoor,.la4blok.spoor{width:100%;padding:0;overflow:hidden}
  .la4blok .rail,.la4blok.rail{display:flex;gap:0;width:100%;align-items:stretch}
  .la4blok .slide,.la4blok.slide{flex:0 0 100%;width:100%;max-width:100%;border-radius:0;overflow:hidden;opacity:1}
  .la4blok .slide-in,.la4blok.slide-in{
    display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:'ill' 'kop' 'titel' 'kaart';
    width:100%;max-width:100%;padding:0 18px clamp(30px,8vw,46px);row-gap:14px;overflow:hidden
  }
  .la4blok .ill,.la4blok.ill{grid-area:ill;width:min(82vw,430px);max-width:100%;margin:0 auto;justify-self:center;transform:none}
  .la4blok .slide-kop,.la4blok.slide-kop{grid-area:kop;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;font-size:18px;line-height:1.2}
  .la4blok .chiprij,.la4blok.chiprij{display:flex;align-items:center;justify-content:center;gap:22px}
  .la4blok .mnav,.la4blok.mnav{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;background:none;color:var(--la4-purple)}
  .la4blok .mnav svg,.la4blok.mnav svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2}
  .la4blok .chip,.la4blok.chip{font-size:20px;line-height:1.1;padding:.34em 1.25em}
  .la4blok .serif,.la4blok.serif{grid-area:titel;font-size:clamp(40px,11.5vw,54px);line-height:1.08;letter-spacing:-.025em;margin:16px 0 22px;max-width:100%;overflow-wrap:anywhere}
  .la4blok .kaart,.la4blok.kaart{grid-area:kaart;width:100%;max-width:100%;padding:clamp(24px,7vw,34px);border-radius:18px;overflow:hidden}
  .la4blok .kaart p,.la4blok.kaart p{font-size:clamp(17px,4.5vw,19px);line-height:1.48}
  .la4blok .tags,.la4blok.tags{gap:8px;margin-bottom:20px}
  .la4blok .tag,.la4blok.tag{font-size:14px;padding:.35em .8em}
  .la4blok .acc-btn,.la4blok.acc-btn{font-size:clamp(16px,4.4vw,19px);line-height:1.35;white-space:normal;min-width:0}
  .la4blok .zij,.la4blok.zij{display:none}

  /* Samen bouwen + organogram: plugin owns spacing, Elementor owns copy. */
  #organisatie{
    width:100%!important;max-width:none!important;margin:0!important;
    padding:clamp(54px,13vw,72px) 18px clamp(30px,8vw,46px)!important;background:#fff
  }
  #organisatie .e-con,#organisatie .elementor-element,#organisatie .elementor-widget,
  #organisatie .elementor-widget-container{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}
  #organisatie h2,#organisatie .elementor-heading-title{font-size:clamp(29px,8vw,36px)!important;line-height:1.16!important;letter-spacing:-.025em!important;margin:0 0 24px!important}
  #organisatie .elementor-widget-text-editor,#organisatie .elementor-widget-text-editor p{font-size:clamp(17px,4.6vw,19px)!important;line-height:1.5!important;letter-spacing:0!important}
  .la4blok .org-d,.la4blok.org-d{display:none}
  .la4blok .org-m,.la4blok.org-m{display:block}
  .la4blok .org,.la4blok.org{margin-top:clamp(32px,8vw,46px)}
  .la4blok:has(.org) .sectie,.la4blok:has(.org).sectie{padding:0 0 clamp(34px,9vw,50px)}

  /* Elementor footer: mobile is a deliberate composition, not desktop grid stacked. */
  .la4-footer{
    width:100%!important;max-width:none!important;margin:0!important;padding:0 18px 32px!important;
    background:var(--la4-sand)!important;display:flex!important;flex-direction:column!important;gap:0!important;
    align-items:stretch!important;min-height:0!important;height:auto!important
  }
  .la4-footer > .e-con-inner,.la4-footer > .e-con,.la4-footer .e-con{
    width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;
    margin:0!important;transform:none!important;box-sizing:border-box!important
  }
  .la4-footer .elementor-widget-image:first-child,.la4-footer .la4-footer-logo,.la4-footer .f-merk{
    width:clamp(82px,23vw,104px)!important;align-self:flex-start!important;margin:-28px 0 34px!important
  }
  .la4-footer h2,.la4-footer h3,.la4-footer .elementor-heading-title{
    color:var(--la4-purple)!important;letter-spacing:-.015em!important
  }
  .la4-footer h2,.la4-footer .elementor-heading-title{font-size:clamp(22px,6vw,27px)!important;line-height:1.2!important}
  .la4-footer .elementor-widget-text-editor,.la4-footer .elementor-widget-text-editor p,.la4-footer a{
    font-size:clamp(17px,4.6vw,20px)!important;line-height:1.48!important;letter-spacing:0!important;color:var(--la4-purple)!important
  }
  .la4-footer .la4-footer-links{
    display:grid!important;grid-template-columns:1fr 1fr!important;column-gap:clamp(26px,8vw,56px)!important;row-gap:14px!important;
    border-top:2px solid rgba(255,255,255,.9)!important;border-bottom:2px solid rgba(255,255,255,.9)!important;
    margin-top:30px!important;padding:30px 0!important
  }
  .la4-footer .la4-footer-links > *:first-child{grid-column:1/-1}
  .la4-footer .la4-footer-bottom{
    display:grid!important;grid-template-columns:1fr auto auto!important;align-items:end!important;
    column-gap:clamp(24px,7vw,46px)!important;row-gap:24px!important;padding-top:34px!important
  }
  .la4-footer .la4-footer-bottom .elementor-widget-image,
  .la4-footer .la4-footer-bottom .merk113,.la4-footer .la4-footer-bottom .la4-113{grid-column:1/-1;justify-self:end}
  .la4-footer .la4-footer-bottom .contact{justify-self:start}
  .la4-footer .la4-footer-bottom a{text-underline-offset:4px}
}

/* ---------- desktop Elementor footer, faithful but compact ---------- */
@media (min-width:721px){
  .la4-footer{
    width:100%!important;max-width:none!important;margin:0!important;
    padding:0 clamp(28px,7.8vw,156px) clamp(30px,3vw,54px)!important;background:var(--la4-sand)!important;
    min-height:0!important;height:auto!important
  }
  .la4-footer > .e-con-inner,.la4-footer > .e-con,.la4-footer .e-con{
    max-width:100%!important;margin-left:0!important;margin-right:0!important;transform:none!important;box-sizing:border-box!important
  }
  .la4-footer .elementor-widget-image:first-child,.la4-footer .la4-footer-logo,.la4-footer .f-merk{
    width:clamp(62px,4.5vw,88px)!important;margin-top:calc(-.38 * clamp(62px,4.5vw,88px))!important;margin-bottom:clamp(28px,2.3vw,42px)!important
  }
  .la4-footer h2,.la4-footer h3,.la4-footer .elementor-heading-title{
    font-size:clamp(17px,1.05vw,20px)!important;line-height:1.25!important;letter-spacing:-.01em!important
  }
  .la4-footer .elementor-widget-text-editor,.la4-footer .elementor-widget-text-editor p,.la4-footer a{
    font-size:clamp(13px,.78vw,15px)!important;line-height:1.45!important;letter-spacing:0!important;color:var(--la4-purple)!important
  }
  .la4-footer .la4-footer-links{align-self:stretch!important}
  .la4-footer .la4-footer-bottom{align-self:stretch!important}
}

@media (prefers-reduced-motion:reduce){
  .la4blok,.la4blok *{transition-duration:.01ms!important;animation:none!important}
  .la4blok .rail,.la4blok.rail{transition:none!important}
  html{scroll-behavior:auto}
}


/* ==========================================================
   LA4 v2.0.3 — FOOTER RESTORE + ALIGNMENT ONLY
   Gebaseerd op v2.0.0 clean.
   Geen brede layout-resets.
   ========================================================== */

/* LifeSpan externe links: één underline i.p.v. theme + plugin dubbel. */
.la4blok a.exlink,
.la4blok .exlink {
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

.la4blok a.exlink span,
.la4blok .exlink span {
  text-decoration-line: underline !important;
  text-decoration-style: solid !important;
  text-decoration-thickness: 1px !important;
  text-decoration-color: currentColor !important;
  -webkit-text-decoration-color: currentColor !important;
  text-underline-offset: .22em !important;
}

/* Externe link icoon: iets steviger, maar niet overdreven groot. */
.la4blok a.exlink svg,
.la4blok .exlink svg {
  width: 1.08em !important;
  height: 1.08em !important;
  min-width: 1.08em !important;
  flex: 0 0 1.08em !important;
}

/* ==========================================================
   DESKTOP FOOTER
   Figma-verhouding qua formaat, alleen de content-as gecorrigeerd.
   ========================================================== */
@media (min-width: 721px) {

  /* Buitenste footer gebruikt dezelfde linker/rechter content-as
     als het organisatieschema erboven. */
  .la4-footer {
    padding-left: clamp(24px, 7.2vw, 144px) !important;
    padding-right: clamp(24px, 7.2vw, 144px) !important;
  }

  /* Alleen de eerste Elementor-laag mag geen extra interne
     linker padding toevoegen. Kolomverdeling blijft volledig intact. */
  .la4-footer > .e-con-inner,
  .la4-footer > .e-con {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Footer typografie terug naar het grotere formaat van vóór v2. */
  .la4-footer h2,
  .la4-footer h3,
  .la4-footer .elementor-heading-title {
    font-size: clamp(20px, 1.25vw, 24px) !important;
    line-height: 1.25 !important;
    letter-spacing: -0.01em !important;
  }

  .la4-footer .elementor-widget-text-editor,
  .la4-footer .elementor-widget-text-editor p,
  .la4-footer a {
    font-size: clamp(16px, .98vw, 19px) !important;
    line-height: 1.45 !important;
    letter-spacing: 0 !important;
    color: var(--la4-purple) !important;
  }

  /* Het 113-logo in de rechter footerkolom terug naar normale schaal. */
  .la4-footer .la4-footer-bottom .elementor-widget-image {
    width: clamp(76px, 5vw, 98px) !important;
    max-width: clamp(76px, 5vw, 98px) !important;
  }

  .la4-footer .la4-footer-bottom .elementor-widget-image img {
    width: 100% !important;
    height: auto !important;
  }

  /* Het groene SMS-logo boven de footer deelt exact dezelfde linker as. */
  .footer-top-only .mid {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-left: clamp(24px, 7.2vw, 144px) !important;
    padding-right: clamp(24px, 7.2vw, 144px) !important;
    box-sizing: border-box !important;
  }

  .footer-top-only .f-merk {
    margin-left: 0 !important;
    margin-right: auto !important;
  }
}

/* Mobiel: alleen de shortcode-gutter gelijk houden aan de footer.
   Mobiele footer-layout van v2.0.0 blijft verder onaangeraakt. */
@media (max-width: 720px) {
  .footer-top-only .mid {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    box-sizing: border-box !important;
  }
}


/* ==========================================================
   LA4 v2.0.7 — MOBILE STABLE POLISH
   Basis: v2.0.3 clean. Mobile only.
   ========================================================== */
@media (max-width:720px){

  /* HEADER — compact, logo/menu optisch gecentreerd */
  .la4blok .kop,
  .la4blok.kop{
    padding-top:9px !important;
    padding-bottom:9px !important;
  }
  .la4blok .kop-in,
  .la4blok.kop-in{
    min-height:0 !important;
    align-items:center !important;
  }
  .la4blok .merk,
  .la4blok.merk{
    width:72px !important;
    transform:translate(3px,4px) !important;
  }
  .la4blok .menuknop,
  .la4blok.menuknop{
    align-self:center !important;
    transform:translateY(2px) !important;
  }

  /* HERO — oorspronkelijke grote mobiele H1 terug.
     Alleen verticale containerhoogtes neutraliseren; video zelf ongemoeid. */
  body h1,
  body .elementor-widget-heading h1.elementor-heading-title{
    font-size:clamp(36px,10vw,42px) !important;
    line-height:1.16 !important;
    letter-spacing:-.02em !important;
  }
  .e-con:has(h1):has(.elementor-widget-video),
  .e-con:has(h1):has(video){
    min-height:0 !important;
    height:auto !important;
    justify-content:flex-start !important;
    padding-bottom:0 !important;
  }
  .e-con:has(h1):has(.elementor-widget-video) h1,
  .e-con:has(h1):has(video) h1{
    margin-bottom:20px !important;
  }

  /* AANPAK — geen vaste hoogtes; heading en copy dichter bijeen */
  #aanpak,
  #aanpak > .e-con,
  #aanpak .e-con{
    min-height:0 !important;
    height:auto !important;
    justify-content:flex-start !important;
  }
  #aanpak .elementor-widget-heading{
    margin-bottom:0 !important;
  }
  #aanpak h2,
  #aanpak h2.elementor-heading-title{
    margin:0 0 14px !important;
  }
  #aanpak .elementor-widget-text-editor{
    margin-top:0 !important;
    margin-bottom:0 !important;
  }
  #aanpak .elementor-widget-text-editor p:first-child{ margin-top:0 !important; }
  #aanpak .elementor-widget-text-editor p:last-child{ margin-bottom:0 !important; }

  /* LEES VERDER — minder erboven, iets meer eronder */
  #aanpak .la4-auto-more{
    margin-top:10px !important;
    margin-bottom:28px !important;
  }
  #aanpak .la4-auto-more[aria-expanded="true"]{
    margin-bottom:18px !important;
  }

  /* LIFESPAN — herstel de originele wielgeometrie.
     Belangrijk: interne lagen NIET absoluut/inset forceren. */
  .la4blok .sectie-onder,
  .la4blok.sectie-onder{
    display:block !important;
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
    padding-bottom:26px !important;
  }
  .la4blok .sectie-onder .mid,
  .la4blok .sectie-onder .duo{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
  }
  .la4blok .wiel,
  .la4blok.wiel{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    width:min(88vw,430px) !important;
    max-width:430px !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:1/1 !important;
    margin:22px auto 0 !important;
    overflow:visible !important;
  }
  .la4blok .wiel svg{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    width:100% !important;
    height:auto !important;
    max-width:100% !important;
  }

  /* SLIDES — illustratie nooit afknippen */
  .la4blok .car,
  .la4blok.car{
    margin-top:0 !important;
    padding-top:0 !important;
    overflow:visible !important;
  }
  .la4blok .car .beeld,
  .la4blok .car .visual,
  .la4blok .car .illustratie{
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
  }
  .la4blok .car img,
  .la4blok.car img{
    max-width:100% !important;
    height:auto !important;
    object-fit:contain !important;
  }

  /* ORGANISATIE — voorkom overlappende tekst door geforceerde hoogtes */
  #organisatie,
  #organisatie .e-con,
  #organisatie .elementor-widget-text-editor{
    min-height:0 !important;
    height:auto !important;
  }
  #organisatie .e-con{
    justify-content:flex-start !important;
  }
  #organisatie .elementor-widget-text-editor p{
    position:static !important;
    transform:none !important;
  }
  #organisatie .elementor-widget-text-editor p + p{
    margin-top:.9em !important;
  }

  /* FOOTER BOTTOM — mobiele 113-sectie volle breedte */
  .la4-footer .la4-footer-bottom{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:18px !important;
    width:100% !important;
    max-width:100% !important;
    padding-top:30px !important;
  }
  .la4-footer .la4-footer-bottom > .elementor-widget-image{
    width:78px !important;
    max-width:78px !important;
    align-self:flex-end !important;
    margin:8px 0 2px !important;
  }
  .la4-footer .la4-footer-bottom > .elementor-widget-image img{
    width:100% !important;
    height:auto !important;
  }
  .la4-footer .la4-footer-bottom > .elementor-widget-text-editor{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
  }
  .la4-footer .la4-footer-bottom > .e-con{
    width:100% !important;
    max-width:100% !important;
    min-height:0 !important;
    height:auto !important;
  }
}

/* ==========================================================
   LA4 v2.0.8 — mobiele afstemming op het Figma-prototype
   Hero, aanpak, LifeSpanmodel en slides staan nu als losse
   Elementor-secties/shortcodes naast elkaar; deze laag houdt
   daar rekening mee in plaats van met de oude nesting.
   ========================================================== */
@media (max-width:720px){

  /* --- Hero: meer lucht boven de titel --- */
  #hero{width:100%!important;max-width:none!important;margin:0!important}
  #hero > .e-con > .e-con{padding-top:clamp(24px,6.6vw,32px)!important}
  #hero .elementor-widget-spacer{display:none!important}

  /* --- Aanpak: strak verticaal ritme, ruimte komt uit de tekstmarges --- */
  #aanpak > .e-con,#aanpak .e-con{row-gap:0!important}
  #aanpak h2,#aanpak .elementor-widget-heading h2.elementor-heading-title{margin:0 0 20px!important}
  #aanpak .elementor-widget-text-editor p:last-child{margin-bottom:0!important}
  #aanpak .la4-auto-more{margin:20px 0 0!important}
  #aanpak [data-la4-extra]{margin-top:18px!important}

  /* --- LifeSpanmodel: werkt ook als los shortcode-blok --- */
  .la4blok:has(.wiel),
  .la4blok:has(.wiel) .sectie,
  .la4blok:has(.wiel) .mid,
  .la4blok:has(.wiel) .duo{
    display:block!important;width:100%!important;max-width:100%!important;
    height:auto!important;min-height:0!important;
    padding-left:0!important;padding-right:0!important;
    margin-left:0!important;margin-right:0!important;overflow:visible!important
  }
  .la4blok:has(.wiel) .sectie{padding:0 0 clamp(26px,7vw,38px)!important}
  .la4blok:has(.wiel) .duo{margin-top:0!important}
  .la4blok .wiel,.la4blok.wiel{
    display:block!important;position:relative!important;
    width:min(94vw,540px)!important;max-width:none!important;
    aspect-ratio:1/1!important;height:auto!important;margin:0 auto!important;overflow:visible!important
  }
  /* de panelen zijn de desktopvariant; op mobiel kies je in het wiel zelf */
  .la4blok .panelen,.la4blok.panelen{display:none!important}



  /* --- Witruimte boven "Samen bouwen" gelijk aan die boven "Zo werken we" --- */
  .la4blok .car,.la4blok.car{padding-bottom:0!important}
  #organisatie{padding-top:clamp(46px,11vw,62px)!important}

  /* --- Mobiel menu: meer lucht onder het logo --- */
  .la4blok .kop.open .menu,.la4blok.kop.open .menu{padding-top:clamp(18px,5vw,26px)!important}
  .la4blok .menu .menu-kop:first-child,.la4blok.menu .menu-kop:first-child{margin-top:0!important}

  /* --- Slides: illustratie volledig in beeld --- */
  .la4blok .slide-in,.la4blok.slide-in{padding-top:clamp(22px,6vw,32px)!important}
  .la4blok .ill,.la4blok.ill{
    margin:0 auto!important;width:min(76vw,340px)!important;max-width:100%!important;transform:none!important
  }
}


/* ==========================================================
   LA4 v2.1.0 — externe links en het ritme rond de tekstsecties
   ========================================================== */

/* Externe links in de Elementor-tekstsecties krijgen hetzelfde
   uiterlijk als .exlink in het prototype: pictogram, onderstreepte
   tekst, vaste tussenruimte. Geldt op elk schermformaat. */
#aanpak .elementor-icon-list-items,
#organisatie .elementor-icon-list-items{margin:0;padding:0;list-style:none}
#aanpak .elementor-icon-list-item,
#organisatie .elementor-icon-list-item{padding:0;margin:0 0 .55em}
#aanpak .elementor-icon-list-item:last-child,
#organisatie .elementor-icon-list-item:last-child{margin-bottom:0}
#aanpak .elementor-icon-list-item > a,
#organisatie .elementor-icon-list-item > a{
  display:flex;align-items:flex-start;gap:.65em;text-decoration:none;
  color:var(--la4-purple)
}
#aanpak .elementor-icon-list-icon,
#organisatie .elementor-icon-list-icon{width:1.05em;height:1.05em;flex:none;margin:.24em 0 0}
#aanpak .elementor-icon-list-icon svg,
#organisatie .elementor-icon-list-icon svg{width:100%;height:100%;fill:currentColor}
#aanpak .elementor-icon-list-text,
#organisatie .elementor-icon-list-text{
  text-decoration:underline;text-decoration-color:currentColor;
  -webkit-text-decoration-color:currentColor;text-underline-offset:.24em
}
#aanpak .elementor-icon-list-item > a:hover .elementor-icon-list-text,
#organisatie .elementor-icon-list-item > a:hover .elementor-icon-list-text{text-decoration-thickness:2px}

/* Staat er in Elementor geen pictogram bij het item, dan zetten we het
   pictogram uit het ontwerp er zelf voor. */
#aanpak .elementor-icon-list-item > a:not(:has(.elementor-icon-list-icon svg)):not(:has(.elementor-icon-list-icon i))::before,
#organisatie .elementor-icon-list-item > a:not(:has(.elementor-icon-list-icon svg)):not(:has(.elementor-icon-list-icon i))::before{
  content:'';flex:none;width:1.05em;height:1.05em;margin-top:.24em;
  background-color:currentColor;
  -webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 3h7v7h-2V6.41l-9.29 9.3-1.42-1.42 9.3-9.29H14V3z'/%3E%3Cpath d='M19 19H5V5h6V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-6h-2v6z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 3h7v7h-2V6.41l-9.29 9.3-1.42-1.42 9.3-9.29H14V3z'/%3E%3Cpath d='M19 19H5V5h6V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-6h-2v6z'/%3E%3C/svg%3E") center/contain no-repeat
}

@media (max-width:720px){
  /* Ruimte boven en onder "Samen bouwen aan de Landelijke Agenda"
     gelijk aan die rond "Zo werken we aan onze gezamenlijke aanpak". */
  .la4blok .car,.la4blok.car{padding-bottom:0!important}
  #organisatie{
    padding-top:clamp(46px,11vw,62px)!important;
    padding-bottom:clamp(22px,6vw,34px)!important
  }
  .la4blok:has(.org) .sectie,.la4blok:has(.org).sectie{padding-top:0!important}
  .la4blok .org,.la4blok.org{margin-top:0!important}
}

/* ==========================================================
   LA4 v2.1.1 — tekstsecties op één lijn met de shortcode-blokken
   De blokken (LifeSpanmodel, organogram) staan in var(--kaders),
   min(1300px,67.7vw). De Elementor-tekstsecties stonden in een
   ander kader, waardoor kop en model tussen 1000 en 1920px niet
   op dezelfde lijn begonnen.
   ========================================================== */
@media (min-width:721px){
  #aanpak,#organisatie{
    width:min(1300px,67.7vw)!important;
    max-width:calc(100% - 2*clamp(14px,2.083vw,40px))!important;
    margin-inline:auto!important;
    padding-inline:0!important
  }
}

/* ==========================================================
   LA4 v2.1.2 — verticaal ritme in "Samen bouwen" gelijk aan
   dat in "Zo werken we"
   ========================================================== */
@media (max-width:720px){
  #organisatie > .e-con,#organisatie .e-con{row-gap:0!important}
  #organisatie .elementor-widget:not(:last-child){margin-bottom:0!important}
  #organisatie h2,#organisatie .elementor-widget-heading h2.elementor-heading-title{margin:0 0 20px!important}
  #aanpak .elementor-widget-text-editor p,
  #organisatie .elementor-widget-text-editor p{margin:0 0 1.1em!important}
  #aanpak .elementor-widget-text-editor p:last-child,
  #organisatie .elementor-widget-text-editor p:last-child{margin-bottom:0!important}
  /* twee gestapelde tekstkolommen houden onderling een alinea-afstand */
  #organisatie .e-con > .e-con + .e-con{margin-top:1.1em!important}
}

/* ==========================================================
   LA4 v2.1.3 — kaarttekst, footer-uitlijning en extern icoon
   ========================================================== */

/* De tekst in de programmalijn-kaarten staat in het ontwerp op
   normale dikte. De 600 kwam uit de globale bodytypografie van
   het Elementor-kit; hier alleen voor de kaart teruggezet, zodat
   de rest van de site ongemoeid blijft. */
.la4blok .kaart p,
.la4blok .kaart li,
.la4blok.kaart p,
.la4blok.kaart li{font-weight:400}

/* Footer: het externe pictogram hoort direct naast "Wat kan ik doen?",
   niet uiterst rechts in de kolom. */
.la4-footer .elementor-icon-box-wrapper{
  justify-content:flex-end!important;
  align-items:center!important;
  gap:.5em!important
}
.la4-footer .elementor-icon-box-content{flex:0 1 auto!important;width:max-content!important;max-width:100%!important}
.la4-footer .elementor-icon-box-title{margin:0!important}
.la4-footer .elementor-icon-box-icon{margin:0!important}

/* Footer: Contact en Pers/Privacy op één regel, zoals in het ontwerp. */
@media (min-width:721px){
  .la4-footer .la4-footer-bottom{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    align-content:end!important;
    align-items:center!important;
    row-gap:20px!important;
    column-gap:clamp(20px,2.4vw,44px)!important
  }
  .la4-footer .la4-footer-bottom > .elementor-widget-image,
  .la4-footer .la4-footer-bottom > .elementor-widget-text-editor,
  .la4-footer .la4-footer-bottom > .elementor-widget-heading{grid-column:1/-1!important}
  .la4-footer .la4-footer-bottom > .elementor-widget-button{grid-column:1!important;justify-self:start!important}
  .la4-footer .la4-footer-bottom > .elementor-icon-list--layout-inline,
  .la4-footer .la4-footer-bottom > .elementor-widget-icon-list{grid-column:2!important;justify-self:end!important}
}

/* Mobiel: zelfde footerlogica als desktop — pictogram naast de titel,
   Contact en Pers/Privacy op één regel. */
@media (max-width:720px){
  .la4-footer .elementor-icon-box-wrapper{
    flex-direction:row-reverse!important;
    justify-content:flex-end!important;
    align-items:center!important;
    gap:.5em!important;
    text-align:left!important
  }
  .la4-footer .elementor-icon-box-icon{width:auto!important;margin:0!important}
  .la4-footer .la4-footer-bottom{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    align-items:center!important;
    row-gap:22px!important;
    column-gap:20px!important
  }
  .la4-footer .la4-footer-bottom > .elementor-widget-image,
  .la4-footer .la4-footer-bottom > .elementor-widget-text-editor{grid-column:1/-1!important}
  .la4-footer .la4-footer-bottom > .elementor-widget-button{grid-column:1!important;justify-self:start!important}
  .la4-footer .la4-footer-bottom > .elementor-icon-list--layout-inline,
  .la4-footer .la4-footer-bottom > .elementor-widget-icon-list{grid-column:2!important;justify-self:end!important}
}

/* ==========================================================
   LA4 v2.1.4 — footer: drie kolommen op één bovenlijn,
   en de "Wat kan ik doen?"-links ook op mobiel in twee kolommen
   ========================================================== */
@media (min-width:721px){
  /* De rechterkolom begint bovenaan, gelijk met de twee koppen. */
  .la4-footer .la4-footer-bottom{align-content:start!important}
  /* Het 113-logo had nog de overlap-marge van het oude footerblok. */
  .la4-footer .la4-footer-bottom > .elementor-widget-image,
  .la4-footer .la4-footer-bottom > .elementor-widget-image:first-child{margin-top:0!important}
}

@media (max-width:720px){
  /* De kolom zelf is een gewone stapel; alleen de linklijsten staan
     naast elkaar, zoals in het ontwerp. */
  .la4-footer .la4-footer-links{
    display:flex!important;flex-direction:column!important;
    grid-template-columns:none!important;row-gap:14px!important
  }
  .la4-footer .la4-footer-links > .e-con{
    display:grid!important;grid-template-columns:1fr 1fr!important;
    column-gap:clamp(12px,3.2vw,20px)!important;row-gap:0!important;
    width:100%!important;align-items:start!important
  }
  .la4-footer .la4-footer-links > .e-con > .e-con{
    width:auto!important;min-width:0!important;padding-left:0!important;padding-right:0!important
  }
}

/* ==========================================================
   LA4 v2.1.5 — lucht rond het organogram op mobiel en gelijke
   ruimte onder de twee footerkoppen
   ========================================================== */

/* De koppen "Landelijke Agenda" en "Wat kan ik doen?" krijgen boven
   en onder dezelfde ruimte; de afstand tot wat eronder staat komt
   uit de kolom-gap, niet uit een eigen kopmarge. */
.la4-footer .elementor-widget-heading .elementor-heading-title,
.la4-footer .elementor-icon-box-title{margin:0!important}

@media (max-width:720px){
  /* Het organogram liep tot tegen de schermranden. */
  .la4blok:has(.org) .mid,
  .la4blok:has(.org) .sectie > .mid{
    padding-left:12px!important;
    padding-right:12px!important;
    box-sizing:border-box!important
  }
}

/* ==========================================================
   LA4 v2.1.6 — mobiel: even veel ruimte boven beide footerkoppen
   Boven "Landelijke Agenda" zat de bovenmarge van de footer (42px),
   boven "Wat kan ik doen?" de scheidingslijn met 29px. Nu gelijk.
   ========================================================== */
@media (max-width:720px){
  .la4-footer > .e-con-inner{padding-top:20px!important}
}

/* ==========================================================
   LA4 v2.1.7 — LifeSpanmodel: panelen terug op de maat uit het
   ontwerp. Opgemeten op het Figma-scherm (1920): wiel 605,
   lucht 126, panelen 615 breed; paneel 99 hoog met 22 ruimte
   ertussen en de tekst op één regel.
   ========================================================== */

/* De paneeltekst staat in het ontwerp op normale dikte. */
.la4blok .paneel .ptxt,
.la4blok.paneel .ptxt{font-weight:400}

@media (min-width:1001px){
  /* verhouding wiel : lucht : panelen = 44,9 : 9,4 : 45,7 */
  .la4blok .duo,.la4blok.duo{
    grid-template-columns:45% 45.7%!important;
    column-gap:9.3%!important;
    row-gap:0!important;
    align-items:center!important
  }
  /* Het zichtbare wiel is 81,77% van zijn SVG-kader; het kader steekt
     daarom links en rechts even ver buiten de kolom, zodat de cirkel
     zelf exact 45% van de contentbreedte meet, net als in het ontwerp. */
  .la4blok .wiel,.la4blok.wiel{width:122.3%!important;margin-left:-11.15%!important}

  .la4blok .panelen,.la4blok.panelen{gap:clamp(12px,1.09vw,21px)!important}
  .la4blok .paneel,.la4blok.paneel{
    padding:clamp(14px,1.05vw,21px) clamp(18px,2.29vw,44px)!important
  }
  /* De tag staat in het ontwerp op normale dikte en is groter dan
     hierboven stond: kaphoogte 14 tegen 11 op hetzelfde scherm. */
  .la4blok .paneel .pill,.la4blok.paneel .pill{
    font-size:clamp(15px,1.0417vw,20px)!important;
    font-weight:400!important;
    line-height:1.2!important;
    padding:.16em .8em!important;
    margin-bottom:.45em!important
  }
  .la4blok .paneel .ptxt,.la4blok.paneel .ptxt{
    font-size:clamp(12px,.78vw,15px)!important;
    line-height:1.45!important
  }
}

/* ==========================================================
   LA4 v2.2.0 — de carrouselknoppen laten voelen dat ze knoppen zijn
   In rust blijven het kale chevrons, zoals in het ontwerp. De
   herkenbaarheid komt uit een groter raakvlak, een zachte halo bij
   aanwijzen/indrukken, een duidelijke toetsenbordrand en een
   eenmalige wenk zodra de carrousel in beeld komt.
   ========================================================== */

.la4blok .mnav,.la4blok.mnav,
.la4blok .zij,.la4blok.zij{
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
  cursor:pointer
}
.la4blok .mnav::before,.la4blok.mnav::before,
.la4blok .zij::before,.la4blok.zij::before{
  content:"";position:absolute;border-radius:999px;
  background:var(--paars);opacity:0;transform:scale(.72);
  transition:opacity .22s ease,transform .22s cubic-bezier(.4,0,.2,1);
  pointer-events:none;z-index:0
}
.la4blok .mnav,.la4blok.mnav{position:relative}
.la4blok .mnav::before,.la4blok.mnav::before{inset:3px}
.la4blok .zij::before,.la4blok.zij::before{inset:-12px -16px}
.la4blok .mnav svg,.la4blok.mnav svg,
.la4blok .zij svg,.la4blok.zij svg{position:relative;z-index:1}

.la4blok .mnav:hover::before,.la4blok.mnav:hover::before,
.la4blok .zij:hover::before,.la4blok.zij:hover::before{opacity:.07;transform:scale(1)}
.la4blok .mnav:active::before,.la4blok.mnav:active::before,
.la4blok .zij:active::before,.la4blok.zij:active::before{opacity:.16;transform:scale(1)}
.la4blok .mnav:active,.la4blok.mnav:active{transform:scale(.92)}
.la4blok .zij.l:active,.la4blok.zij.l:active{transform:translateY(-50%) translateX(-5px) scale(.94)}
.la4blok .zij.r:active,.la4blok.zij.r:active{transform:translateY(-50%) translateX(5px) scale(.94)}

.la4blok .mnav:focus-visible,.la4blok.mnav:focus-visible,
.la4blok .zij:focus-visible,.la4blok.zij:focus-visible{
  outline:2px solid var(--paars);outline-offset:4px;border-radius:999px
}

/* Eenmalige wenk: de chevron naar rechts knikt twee keer zodra de
   carrousel voor het eerst in beeld komt. */
@keyframes la4-wenk{
  0%,100%{transform:translateX(0)}
  18%{transform:translateX(6px)}
  36%{transform:translateX(0)}
  54%{transform:translateX(6px)}
  72%{transform:translateX(0)}
}
.la4blok .car.la4-wenk .mnav.mnext svg,
.la4blok .car.la4-wenk .zij.r svg{animation:la4-wenk 1.5s ease-in-out .25s 1}

@media (prefers-reduced-motion:reduce){
  .la4blok .car.la4-wenk .mnav.mnext svg,
  .la4blok .car.la4-wenk .zij.r svg{animation:none}
}

/* Groter raakvlak op mobiel; de chevron zelf blijft even groot. */
@media (max-width:720px){
  .la4blok .mnav,.la4blok.mnav{width:44px!important;height:44px!important}
  .la4blok .mnav svg,.la4blok.mnav svg{width:21px!important;height:34px!important}
}

/* ==========================================================
   LA4 v2.2.1 - organogram op ontwerpbreedte
   In het ontwerp is het schema breder dan de tekstkolom: de
   brede balken lopen gelijk met de tekst en het losse blokje
   RvB 113 steekt links buiten het kader. Gemeten uit de
   Figma-uitsnede: schema = 110,1% van de kolom, het overschot
   valt volledig links.
   ========================================================== */
@media (min-width:1001px){
  .la4blok .org-d,.la4blok.org-d{
    width:110.1%!important;
    margin-left:-10.1%!important;
    max-width:none!important
  }
}

/* ==========================================================
   LA4 v2.3.0 - de parallaxbloem loopt door tot onderaan
   In het voorbeeld is alleen het beige herokader ondoorzichtig;
   daaronder is de pagina doorzichtig, zodat de uitwaaierende
   blaadjes over de witte vlakken heen te zien blijven. De
   secties en de carrousel kregen hier nog een witte vulling.
   ========================================================== */
.la4blok .sectie,.la4blok.sectie,
.la4blok .car,.la4blok.car{background:transparent!important}

/* ==========================================================
   LA4 v2.4.0 - tekstcorrecties uit de klantfeedback
   Koppen een stap lichter (600 -> 500, Medium), de LifeSpan-
   links op de maat van de platte tekst en onderaan uitgelijnd
   met de linkerkolom, en een strakker verticaal ritme in de
   organogramsectie. De uitklappers in de carrousel bevatten nu
   opsommingen in plaats van een losse alinea.
   ========================================================== */

/* --- koppen minder vet --- */
#hero h1,#aanpak h2,#organisatie h2,
.la4blok .pl,.la4blok.pl{font-weight:500!important}

/* --- opsommingen in de uitklappers --- */
.la4blok .acc-body ul,.la4blok.acc-body ul{margin:1em 0 0;padding:0 0 0 1.15em}
.la4blok .acc-body li,.la4blok.acc-body li{margin:0 0 .4em}
.la4blok .acc-body li:last-child,.la4blok.acc-body li:last-child{margin-bottom:0}

@media (min-width:1001px){
  /* De twee LifeSpan-links stonden op 20px; ze krijgen nu de grootte
     van de platte tekst eromheen en zakken naar de onderkant van de
     kolom, zodat ze gelijk eindigen met de linkerkolom. */
  #aanpak .elementor-icon-list-item,
  #aanpak .elementor-icon-list-item > a,
  #aanpak .elementor-icon-list-item > .elementor-icon-list-text{font-size:inherit!important}
  #aanpak .elementor-icon-list-icon{width:1.15em!important}
  #aanpak .elementor-icon-list-icon svg{width:1.05em!important;height:1.05em!important}
  #aanpak .elementor-widget-icon-list{margin-top:auto!important}
  #aanpak .elementor-widget-text-editor p:last-child{margin-bottom:0!important}

  /* Ruimte tussen kop en tekst van 80 naar 50, en de aanloop naar het
     schema van 219 naar 141 gemeten tot aan de eerste vorm. */
  #organisatie h2{margin-bottom:10px!important}
  #organisatie{padding-bottom:12px!important}
  .la4blok .sectie.sectie-onder,.la4blok.sectie.sectie-onder{padding-top:0!important}
  .la4blok .org,.la4blok.org{margin-top:clamp(14px,1.5vw,30px)!important}
}

/* ==========================================================
   LA4 v2.4.1 - beschrijving in de LifeSpan-kaarten op de
   gewone tekstgrootte, gelijk aan de platte tekst eromheen.
   ========================================================== */
.la4blok .paneel .ptxt,.la4blok.paneel .ptxt{
  font-size:inherit!important;
  line-height:1.45!important
}

/* ==========================================================
   LA4 v2.4.2 - lange uitklapkoppen breken nu netjes af
   De kop stond als los tekstknooppunt in de flexknop en kon
   daardoor niet krimpen; de chevron werd het kader uitgeduwd.
   De kop zit nu in een eigen span die wel mag afbreken.
   ========================================================== */
.la4blok .acc-btn .acclbl,.la4blok.acc-btn .acclbl{
  flex:1 1 auto;
  min-width:0;
  text-wrap:balance
}
.la4blok .acc-btn,.la4blok.acc-btn{align-items:center}
.la4blok .acc-btn .chev,.la4blok.acc-btn .chev{flex:none;align-self:center}

/* ==========================================================
   LA4 v2.6.0 - knoppen voor professionals zijn links geworden
   en de titels van programma 2 en 3 breken op een vaste plek af.
   Bij "niet alleen voor staan" past de groep onder 600px niet in
   de kolom; daar laten we hem gewoon meelopen.
   ========================================================== */
.la4blok a.tag,.la4blok.tag{text-decoration:none;transition:filter .2s}
.la4blok a.tag:hover,.la4blok.tag:hover{filter:brightness(1.1)}
.la4blok a.tag:focus-visible,.la4blok.tag:focus-visible{outline:2px solid currentColor;outline-offset:2px}

.la4blok .serif .bij,.la4blok.serif .bij{white-space:nowrap}
@media (max-width:600px){
  .la4blok .serif .bij.lang,.la4blok.serif .bij.lang{white-space:normal}
}