
main.hp.hp--zand :is(.hp-open,.hp-zw,.hp-loc)::before,
main.hp.hp--zand :is(.hp-open,.hp-zw,.hp-loc)::after{ content:none; animation:none; }

main.hp.hp--zand{ --zand-lijn:rgba(90,72,48,.10); }
main.hp.hp--zand .hp-open{ background:
  radial-gradient(130% 95% at 0% 0%, rgba(236,221,192,.55), rgba(236,221,192,0) 62%),
  linear-gradient(180deg, #f2e9da 0%, #f8f3ea 100%); }
main.hp.hp--zand .hp-zw{ background:
  linear-gradient(180deg, #faf6ef 0%, #f5eee2 55%, #ede3d4 100%); }
main.hp.hp--zand .hp-loc{ background:
  radial-gradient(120% 90% at 100% 0%, rgba(240,228,204,.6), rgba(240,228,204,0) 60%),
  linear-gradient(180deg, #ede3d4 0%, #e3d7c5 100%); }
main.hp.hp--zand .zw-cta{ border-color:var(--zand-lijn);
  background:linear-gradient(135deg, #f7f0e5 0%, #ece2d3 100%); }
main.hp.hp--zand > section:is(.hp-open,.hp-zw,.hp-loc){ border-bottom-color:var(--zand-lijn); }

main.hp.hp--zand .hp-link,
main.hp.hp--zand .hp-loc__maps{ color:#165a1c; }
main.hp.hp--zand .hp-link:hover,
main.hp.hp--zand .hp-loc__maps:hover{ color:#0f4514; }

main.hp--zand :is(.hp-stat__num,.hp-fact__num){ position:relative; }
main.hp--zand :is(.cr-wacht,.cr-rolt) .cr-cijfer{ color:transparent; }
main.hp--zand .cr-laag{ position:absolute; inset:0; pointer-events:none; }
main.hp--zand .cr-kol{ position:absolute; top:0; overflow:hidden; }
main.hp--zand .cr-strook{ position:absolute; left:0; right:0; top:0; display:flex; flex-direction:column;
  text-align:center; will-change:transform; }
main.hp--zand .cr-strook > span{ display:block; }

main.hp--zand .zw-stappen{ list-style:none; margin:0 0 28px; padding:0; display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
main.hp--zand .zw-stap{ display:flex; flex-direction:column; gap:10px; padding:20px 18px 22px; border-radius:16px;
  background:rgba(255,255,255,.72); border:1px solid rgba(90,72,48,.16); }
main.hp--zand .zw-stap__nr{ width:32px; height:32px; border-radius:9px; display:inline-flex; align-items:center;
  justify-content:center; font:700 15px/1 'Plus Jakarta Sans',system-ui,sans-serif; background:#ece4d4; color:#1f5a26; }
main.hp--zand .zw-stap__h{ margin:0; font:700 16px/1.35 'Plus Jakarta Sans',system-ui,sans-serif; color:#16281b; }
main.hp--zand .zw-stap p{ margin:0; font-size:14.5px; line-height:1.55; color:#4f5d54; }
@media (max-width:1000px){ main.hp--zand .zw-stappen{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:600px){ main.hp--zand .zw-stappen{ grid-template-columns:1fr; gap:10px; }
  main.hp--zand .zw-stap{ flex-direction:row; flex-wrap:wrap; align-items:flex-start; column-gap:14px; padding:16px; }
  main.hp--zand .zw-stap__h{ flex:1 1 0; min-width:0; }
  main.hp--zand .zw-stap p{ flex-basis:100%; padding-left:46px; } }
