.aanpak-hero{
  position:relative;overflow:hidden;background:var(--kleur-achtergrond);
  padding:clamp(3.5rem,9vw,6.5rem) 0 clamp(8rem,20vw,13rem);
}
.aanpak-hero-in{position:relative;z-index:2}
.aanpak-hero-tekst{max-width:38rem}
.aanpak-hero-tekst h1{margin-top:.7rem}

.aanpak-hero-tekst h1 em{
  display:block;font-style:italic;font-weight:400;
  color:var(--kleur-cta-terracotta);margin-top:.12em;
}
.aanpak-hero-tekst p{margin-top:1.3rem;font-size:1.05rem;max-width:46ch}

.aanpak-scroll{
  display:inline-flex;align-items:center;gap:.6em;margin-top:2rem;
  font:700 .78rem/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;
  color:var(--kleur-inkt);border-bottom:1.5px solid var(--kleur-inkt);
  padding-bottom:.35em;transition:gap .18s ease,color .18s ease,border-color .18s ease;
}
.aanpak-scroll:hover{gap:.9em;color:var(--kleur-cta-terracotta);border-color:var(--kleur-cta-terracotta)}
.aanpak-scroll span{transition:transform .18s ease}
.aanpak-scroll:hover span{transform:translateY(.15em)}


.aanpak-hero-patroon{
  position:absolute;z-index:1;right:5%;bottom:0;
  width:clamp(320px,38vw,540px);pointer-events:none;
}
.aanpak-hero-patroon img{width:100%;height:auto;display:block}
@media (max-width:640px){
  
  .aanpak-hero{padding-bottom:20rem}
  .aanpak-hero-patroon{right:3%;bottom:0;width:70vw;max-width:320px}
}


.aanpak-kijk{background:var(--kleur-achtergrond)}
.aanpak-kijk-in{text-align:center}
.aanpak-kijk-titel{
  max-width:40rem;margin:.6rem auto 0;
  font-size:clamp(1.7rem,3vw,2.3rem);text-wrap:balance;
}
.aanpak-kijk-tekst{max-width:46rem;margin:var(--sp-4) auto 0}

.aanpak-kijk-tekst p{margin-bottom:1em;font-size:1.02rem;max-width:none;text-wrap:balance}
.aanpak-kijk-tekst p:last-child{margin-bottom:0}

.aanpak-kijk{padding-bottom:var(--sp-3)}
.aanpak-principes{padding-top:var(--sp-4)}


.principes{display:grid;gap:var(--sp-6)}
.principe{border-top:1px solid var(--kleur-lijn);padding-top:var(--sp-4)}
.principe-kop{
  display:flex;align-items:baseline;flex-wrap:wrap;gap:.5rem;margin-bottom:.6rem;
}
.principe-nr{
  font-family:var(--font-serif);font-size:1.5rem;
  color:var(--kleur-cta-terracotta);font-variation-settings:"opsz" 30;
}
.principe-kop h3{margin-bottom:0;font-size:1.15rem}
.principe p{margin:0;max-width:60ch}
@media (min-width:900px){
  .principes{
    grid-template-columns:repeat(3,1fr);gap:0;
    border-top:1px solid var(--kleur-lijn);padding-top:var(--sp-5);
  }
  .principe{border-top:0;padding:0 var(--sp-4)}
  .principe:first-child{padding-left:0}
  .principe:last-child{padding-right:0}
  .principe+.principe{border-left:1px solid var(--kleur-lijn)}
}

@media (min-width:900px) and (max-width:1199px){
  .principe-nr{flex-basis:100%}
}
@media (min-width:1200px){
  .principe{padding:0 var(--sp-5)}
  .principe:first-child{padding-left:0}
  .principe:last-child{padding-right:0}
}


.aanpak-praktijk .sectie-intro{max-width:52rem;margin-bottom:var(--sp-6)}
.aanpak-praktijk .sectie-intro h2{margin:.6rem 0 1.2rem}
.aanpak-praktijk .sectie-intro p{margin:0;max-width:70ch}



.pakketten-as{
  display:flex;align-items:center;gap:1.25rem;margin-top:1.4rem;
  font:700 .76rem/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;
  color:var(--kleur-inkt-2);
}
.pakketten-as span:first-child,.pakketten-as span:last-child{line-height:1.4}
.pakketten-as-lijn{flex:1;min-width:2rem;height:1px;background:var(--kleur-inkt-2);position:relative}
.pakketten-as-lijn::after{
  content:"";position:absolute;right:0;top:50%;width:.5rem;height:.5rem;
  border-top:1px solid var(--kleur-inkt-2);border-right:1px solid var(--kleur-inkt-2);
  transform:translateY(-50%) rotate(45deg);
}
@media (max-width:480px){
  .pakketten-as{gap:.6rem}
  .pakketten-as-lijn{min-width:1rem}
}




.aanpak-praktijk .kaart-pakket--kort{justify-content:flex-start}


.aanpak-praktijk .kaart-pakket{text-decoration:none}
.aanpak-praktijk .kaart-pakket:focus-visible{outline:2px solid currentColor;outline-offset:3px}


.aanpak-cta-pakketten{padding-top:var(--sp-4);padding-bottom:var(--sp-6)}
.aanpak-cta-pakketten .cta-balk-link h2{text-decoration:underline;text-underline-offset:.2em}


.cta-balk-link{display:block;color:inherit;text-decoration:none}
.cta-balk-link h2{transition:opacity .15s ease}
.cta-balk-link h2 span{display:inline-block;transition:transform .15s ease}
.cta-balk-link:hover h2,.cta-balk-link:focus-visible h2{opacity:.85}
.cta-balk-link:hover h2 span,.cta-balk-link:focus-visible h2 span{transform:translateX(.25em)}
.cta-balk-link:focus-visible{outline:2px solid currentColor;outline-offset:6px}
@media (prefers-reduced-motion:reduce){
  .cta-balk-link h2,.cta-balk-link h2 span{transition:none}
}

@media (prefers-reduced-motion:reduce){
  .aanpak-scroll,.aanpak-scroll span{transition:none}
}