/* Zondags, premium huisstijl (oktober 2026)
   Rustig en ruim: Paper als basis, Stone voor afwisseling, Ink voor één vertrouwenssectie en de footer.
   Koppen in Instrument Serif 400 met één cursief accent, tekst en UI in Geist.
   Goud enkel als accent: de zon in het woordmerk, een punt, een dunne ring of lijn. Geen gele knoppen of vlakken.
   Afgestemd op de mailbanner v2 (ink #18221E, paper #F5F2EA, goud #E8BE56, mist #BDC4BF). */

:root{
  --ink:#18221E;        /* tekst, primaire knop, footer */
  --woud:#2B3A33;       /* hover en vlakken binnen Ink */
  --paper:#F5F2EA;      /* hoofdachtergrond */
  --linnen:#FBF9F4;     /* kaarten en formulieren */
  --stone:#ECE6DA;      /* afwisselende secties */
  --mist:#BDC4BF;       /* secundaire tekst op Ink */
  --taupe:#8C7B6B;      /* lijnen, iconen */
  --muted:#5F655F;      /* secundaire tekst op licht */
  --geel:#E8BE56;       /* goud: accent, nooit als vlak of tekst op licht */
  --brons:#8A6A22;      /* goudtint voor kleine tekst op licht */
  --line:rgba(24,34,30,.12);
  --line-strong:rgba(24,34,30,.22);
  --line-dark:rgba(245,242,234,.16);
  --f-serif:"Instrument Serif","Iowan Old Style",Georgia,serif;
  --f-body:"Geist",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --f-display:var(--f-serif);
  --gut:clamp(20px,5vw,80px);
  --max:1200px;
  --sec:clamp(96px,14vh,176px);
  --radius-img:4px;--radius-card:6px;--btn-h:52px;
  --ease:cubic-bezier(.22,1,.36,1);
  color-scheme:light;
}

/* Basis */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.65 var(--f-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
@media (max-width:760px){body{font-size:16px}}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
p{margin:0}
h1,h2,h3,h4{margin:0;font-weight:400;text-wrap:balance}
h1,h2,h3{font-family:var(--f-serif);letter-spacing:-.01em;line-height:1.06}
em.s,h1 em,h2 em,h3 em{font-family:var(--f-serif);font-style:italic;font-weight:400;letter-spacing:0}
main{overflow-x:clip}
.wrap{padding-inline:max(var(--gut),calc((100% - var(--max))/2))}
.eyebrow{font:500 12px/1.3 var(--f-body);font-size:12px!important;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.eyebrow::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--geel);margin-right:10px;vertical-align:2px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hp{position:absolute;left:-9999px}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px}

/* Knoppen: pil, 52px, rand 1px. Primair Ink, secundair Ink-omlijning */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.7em;min-height:var(--btn-h);padding:0 26px;border-radius:999px;border:1px solid var(--ink);background:transparent;color:var(--ink);font:500 15px/1 var(--f-body);letter-spacing:.01em;text-decoration:none;cursor:pointer;transition:background .3s,color .3s,border-color .3s}
.btn:hover{background:var(--ink);color:var(--paper)}
.btn--fill,.btn--zon{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.btn--fill:hover,.btn--zon:hover{background:var(--woud);border-color:var(--woud)}
.btn .arr{display:inline-block;transition:transform .4s var(--ease)}
.btn:hover .arr{transform:translateX(4px)}

/* Tekstlinks: Ink met een gouden onderlijn van 1px */
.art__body a,.phero p a,.qform>div>p a,.form__alt a,.faq a,.hero__lead a,.def a,.price a,.apply a,.jobs-strip a,.thanks-page p a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--geel);text-decoration-thickness:1px;text-underline-offset:4px}
.art__body a:hover,.form__alt a:hover,.faq a:hover{text-decoration-thickness:2px}

/* Navigatie */
.nav{position:fixed;top:env(safe-area-inset-top,0px);left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px var(--gut);transition:transform .5s var(--ease),background .4s,border-color .4s,padding .4s;border-bottom:1px solid transparent}
.nav.is-scrolled{background:rgba(245,242,234,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom-color:var(--line);padding-block:14px}
.nav.is-hidden{transform:translateY(-110%)}
.logo{display:block;text-decoration:none}
.logo img{display:block;height:28px;width:auto}
.logo .lg-paper{display:none}
.nav__links{display:flex;gap:30px;list-style:none;margin:0;padding:0;font-size:14.5px}
.nav__links a{text-decoration:none;position:relative;padding-block:6px}
.nav__links a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--geel);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}
.nav__links a:hover::after,.nav__links a[aria-current=page]::after{transform:scaleX(1)}
.nav__right{display:flex;align-items:center;gap:14px}
.nav__jobs{font-size:13.5px;color:var(--muted);text-decoration:none;white-space:nowrap}
.nav__jobs:hover{color:var(--ink)}
.nav .btn{min-height:44px;padding:0 20px;font-size:14px}
.burger{display:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--ink);background:none;cursor:pointer;position:relative}
.burger span{position:absolute;left:13px;right:13px;height:1px;background:var(--ink);transition:transform .4s var(--ease)}
.burger span:nth-child(1){top:18px}.burger span:nth-child(2){top:25px}
body.menu-open .burger span:nth-child(1){transform:translateY(3.5px) rotate(45deg)}
body.menu-open .burger span:nth-child(2){transform:translateY(-3.5px) rotate(-45deg)}
@media (max-width:1100px){.nav__jobs{display:none}}
@media (max-width:980px){.nav__links{display:none}.burger{display:block}}
@media (max-width:480px){.nav .btn{display:none}}
body.dark-top .nav:not(.is-scrolled) .nav__links,body.dark-top .nav:not(.is-scrolled) .nav__jobs{color:var(--paper)}
body.dark-top .nav:not(.is-scrolled) .btn--fill{background:var(--paper);border-color:var(--paper);color:var(--ink)}
body.dark-top .nav:not(.is-scrolled) .burger{border-color:var(--paper)}
body.dark-top .nav:not(.is-scrolled) .burger span{background:var(--paper)}
body.dark-top .nav:not(.is-scrolled) .logo .lg-ink{display:none}
body.dark-top .nav:not(.is-scrolled) .logo .lg-paper{display:block}
body.dark-top.menu-open .nav .logo .lg-ink{display:block}
body.dark-top.menu-open .nav .logo .lg-paper{display:none}
body.dark-top.menu-open .nav .burger{border-color:var(--ink)}
body.dark-top.menu-open .nav .burger span{background:var(--ink)}

/* Mobiel menu */
.mmenu{position:fixed;inset:0;z-index:49;background:var(--paper);padding:108px var(--gut) 36px;display:flex;flex-direction:column;justify-content:space-between;gap:28px;overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s}
body.menu-open .mmenu{opacity:1;visibility:visible}
.mmenu ul{list-style:none;margin:0;padding:0;display:grid}
.mmenu li{border-bottom:1px solid var(--line)}
.mmenu a{display:block;font:400 clamp(30px,8vw,44px)/1.25 var(--f-serif);text-decoration:none;padding:6px 0}
.mmenu a[aria-current=page]{font-style:italic}
.mmenu p{font-size:15px;color:var(--muted);line-height:1.8}
.mmenu p a{display:inline-block;font:500 16px var(--f-body)}
.mmenu__cta{color:var(--ink)}
.mmenu__jobs{color:var(--muted);text-decoration:underline!important;text-decoration-color:var(--geel)!important}

/* Homepage hero met infoformulier */
.hero{position:relative;padding:clamp(132px,18vh,190px) max(var(--gut),calc((100% - var(--max))/2)) clamp(72px,10vh,120px);display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,6vw,96px);align-items:center;overflow:hidden;isolation:isolate}
.hero::before{content:"";position:absolute;z-index:-1;width:clamp(420px,46vw,720px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(232,190,86,.42);left:-12vw;bottom:-30vw;pointer-events:none}
.hero__copy{min-width:0}
.hero h1{font-size:clamp(48px,6.4vw,96px);line-height:1.0;margin-top:22px;letter-spacing:-.015em}
.hero h1 .line{display:block}
.hero h1 em{color:var(--ink)}
.hero__lead{max-width:44ch;margin-top:28px;font-size:clamp(17px,1.3vw,19px);font-weight:300;line-height:1.6;color:#2E3833}
.hero__facts{list-style:none;margin:30px 0 0;padding:22px 0 0;border-top:1px solid var(--line);display:grid;gap:10px;font-size:15px;color:#2E3833}
.hero__facts li{display:flex;gap:12px;align-items:baseline}
.hero__facts li::before{content:"";flex:none;width:5px;height:5px;border-radius:50%;background:var(--geel);transform:translateY(-2px)}
.hero__ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.hero__note{margin-top:16px;font-size:13px;color:var(--muted)}
.hero__form{max-width:520px;justify-self:end;width:100%}
@media (max-width:900px){.hero{grid-template-columns:1fr;padding-top:120px}.hero__form{justify-self:stretch;max-width:none}}

/* Feitenrij (statisch) */
.factband{list-style:none;margin:0 auto;max-width:calc(var(--max) + 2*var(--gut));padding:24px var(--gut);display:flex;flex-wrap:wrap;justify-content:center;gap:10px 36px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px;color:var(--muted)}
.factband li{display:flex;align-items:center;gap:10px}
.factband li::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--geel)}

/* Doelgroepen */
.aud{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(16px,2vw,28px);padding-block:var(--sec) 0}
.aud__c{background:var(--linnen);border:1px solid var(--line);border-radius:var(--radius-card);padding:clamp(28px,3.4vw,48px);display:flex;flex-direction:column;gap:16px;text-decoration:none;color:inherit;transition:border-color .3s}
.aud__c:hover{border-color:var(--taupe)}
.aud__c h3{font-size:clamp(30px,2.8vw,42px)}
.aud__c p{color:#3A443F;max-width:48ch}
.aud__c .go{margin-top:auto;font-size:15px;font-weight:500;text-decoration:underline;text-decoration-color:var(--geel);text-underline-offset:4px}
@media (max-width:760px){.aud{grid-template-columns:1fr}}

/* Diensten als rijen */
.links{padding-block:var(--sec)}
.links__head{margin-bottom:40px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:end}
.links__head h2{font-size:clamp(40px,4.8vw,72px)}
.lrow{display:grid;grid-template-columns:132px 1fr auto;gap:clamp(18px,3vw,44px);align-items:center;padding:24px 0;border-top:1px solid var(--line);text-decoration:none}
.lrow:last-child{border-bottom:1px solid var(--line)}
.lrow__img{width:132px;aspect-ratio:3/2;border-radius:var(--radius-img);overflow:hidden;background:var(--stone)}
.lrow__img img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.lrow b{font:400 clamp(26px,2.8vw,40px)/1.1 var(--f-serif);letter-spacing:-.01em}
.lrow small{display:block;font:400 15px/1.5 var(--f-body);color:var(--muted);margin-top:8px}
.lrow .go{width:48px;height:48px;border-radius:50%;border:1px solid var(--line-strong);display:grid;place-items:center;font-size:17px;transition:background .3s,color .3s,border-color .3s}
.lrow:hover .go{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.lrow:hover .lrow__img img{transform:scale(1.04)}
@media (max-width:600px){.lrow{grid-template-columns:84px 1fr}.lrow__img{width:84px}.lrow .go{display:none}}

/* Hoe het werkt (home) en volgende stappen */
.how{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,6vw,100px);padding-block:var(--sec);align-items:start;background:var(--stone)}
.how h2{font-size:clamp(38px,4.4vw,64px);margin-top:18px}
.next{list-style:none;margin:36px 0 0;padding:0;border-top:1px solid var(--line-strong);counter-reset:n}
.how .next{margin-top:0}
.how>.steps:only-child{grid-column:1/-1}
@media (max-width:900px){.how{grid-template-columns:1fr}}
.next li{display:grid;grid-template-columns:56px 1fr;gap:4px 16px;padding:22px 0;border-bottom:1px solid var(--line-strong);counter-increment:n}
.next li::before{content:counter(n,decimal-leading-zero);grid-row:1/3;font:italic 400 26px/1 var(--f-serif);color:var(--brons);padding-top:4px}
.next b{font:400 24px/1.2 var(--f-serif)}
.next span{font-size:15.5px;color:var(--muted)}

/* Beeld met tekst (home) */
.open{position:relative;margin:0 max(var(--gut),calc((100% - var(--max))/2));border-radius:var(--radius-img);overflow:hidden;aspect-ratio:16/8;min-height:420px;color:var(--paper)}
.open__img{position:absolute;inset:0}
.open__img img{width:100%;height:100%;object-fit:cover}
.open__img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(24,34,30,0) 40%,rgba(24,34,30,.62))}
.open__txt{position:absolute;left:clamp(24px,4vw,56px);right:clamp(24px,4vw,56px);bottom:clamp(24px,4vw,52px);display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;z-index:2}
.open__txt h2{font-size:clamp(36px,4.6vw,68px);max-width:14ch}
.open__txt h2 em{color:var(--geel)}
.open__txt p{max-width:34ch;font-size:16px;color:rgba(245,242,234,.86)}
@media (max-width:700px){.open{aspect-ratio:auto;min-height:520px}}

/* Wat is een Zondag */
.def{padding-block:var(--sec);display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,6vw,110px);align-items:start}
.def h2{font-size:clamp(40px,4.8vw,72px);margin-top:18px}
.def__entry{margin-top:28px;font:400 clamp(21px,1.9vw,27px)/1.4 var(--f-serif);max-width:32ch}
.def__entry sup{display:none}
.def__right{min-width:0}
.def__right p{font-size:18px;max-width:44ch}
.proof{list-style:none;margin:36px 0 0;padding:0;border-top:1px solid var(--line-strong)}
.proof li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:20px 0;border-bottom:1px solid var(--line-strong);font:400 clamp(21px,1.8vw,26px)/1.2 var(--f-serif)}
.proof li span{font:400 13.5px var(--f-body);color:var(--muted);text-align:right}
@media (max-width:900px){.def{grid-template-columns:1fr}}

/* Vragen */
.faq{padding-block:var(--sec);display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,6vw,100px)}
.faq h2{font-size:clamp(38px,4.4vw,64px)}
.faq__list{border-top:1px solid var(--line-strong)}
.qa{border-bottom:1px solid var(--line-strong)}
.qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;align-items:center;padding:24px 0;font:400 clamp(20px,1.7vw,25px)/1.3 var(--f-serif)}
.qa summary::-webkit-details-marker{display:none}
.qa summary span{flex:0 0 auto;width:34px;height:34px;border-radius:50%;border:1px solid var(--line-strong);display:grid;place-items:center;font:300 18px var(--f-body);transition:transform .4s var(--ease),background .3s,color .3s}
.qa[open] summary span{transform:rotate(45deg);background:var(--ink);border-color:var(--ink);color:var(--paper)}
.qa p{padding:0 0 26px;max-width:62ch;color:#33403A}
@media (max-width:900px){.faq{grid-template-columns:1fr}}

/* Afsluitband en jobs */
.band{background:var(--stone);padding:var(--sec) max(var(--gut),calc((100% - var(--max))/2));display:flex;justify-content:space-between;align-items:flex-end;gap:28px;flex-wrap:wrap}
.band h2{font-size:clamp(40px,5vw,76px);max-width:14ch}
.band p{max-width:38ch;margin-bottom:20px;color:#33403A}
.band__ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.jobs-strip{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;justify-content:space-between;padding-block:24px;font-size:15px;color:var(--muted)}
.jobs-strip b{color:var(--ink);font-weight:500}

/* Paginakop */
.phero{padding:clamp(150px,22vh,220px) max(var(--gut),calc((100% - var(--max))/2)) clamp(48px,7vw,88px);display:grid;grid-template-columns:1.35fr .65fr;gap:clamp(24px,5vw,80px);align-items:end;position:relative;overflow:hidden;isolation:isolate;border-bottom:1px solid var(--line)}
.phero::after{content:"";position:absolute;z-index:-1;right:-110px;top:-120px;width:420px;aspect-ratio:1;border-radius:50%;border:1px solid rgba(232,190,86,.4);pointer-events:none}
.phero h1{font-size:clamp(42px,5.6vw,84px);line-height:1.03}
.phero p{font-size:clamp(17px,1.3vw,19px);font-weight:300;max-width:42ch;color:#2E3833}
.phero .eyebrow,.phero--dark .eyebrow{margin-bottom:22px;font-size:12px;font-weight:500;max-width:none;color:var(--muted)}
h1 .line,h2 .line{display:block}
.phero--dark{background:var(--ink);color:var(--paper)}
.phero--dark p{color:rgba(245,242,234,.78)}
.phero--dark .eyebrow{color:var(--mist)}
.phero+section[style*="padding-top:20px"]{padding-top:clamp(56px,7vw,96px)!important}
@media (max-width:900px){.phero{grid-template-columns:1fr;padding-top:130px}.phero::after{right:-140px;top:60px}}

/* Contentpagina's */
.art{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(32px,6vw,100px);padding-block:clamp(56px,8vw,112px);align-items:start}
.art__aside{position:sticky;top:104px}
.art__card{background:var(--linnen);border:1px solid var(--line);border-radius:var(--radius-card);padding:30px}
.art__card ul{list-style:none;margin:16px 0 26px;padding:0;display:grid;gap:12px}
.art__card li{padding-left:20px;position:relative;font-size:15.5px;line-height:1.5}
.art__card li::before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;border-radius:50%;background:var(--geel)}
.art__card .btn{width:100%}
.art__alt{display:block;margin-top:12px;font-size:14px;color:var(--muted)}
.art__body{min-width:0;max-width:660px}
.art__body h2{font-size:clamp(28px,2.6vw,38px);line-height:1.12;margin:56px 0 16px}
.art__body h2:first-child{margin-top:0}
.art__body h3{font-size:24px;margin:32px 0 10px}
.art__body p{font-size:17px;line-height:1.7;color:#2B3530;margin:0 0 16px}
.ticks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
.art__body .ticks{margin:8px 0 22px}
.ticks li{padding:13px 0 13px 28px;border-bottom:1px solid var(--line);position:relative;font-size:16px}
.ticks li::before{content:"";position:absolute;left:2px;top:20px;width:11px;height:6px;border-left:1px solid var(--ink);border-bottom:1px solid var(--ink);transform:rotate(-45deg)}
@media (max-width:900px){.art{grid-template-columns:1fr}.art__aside{position:static}.ticks{grid-template-columns:1fr}}

.pband{margin:0 max(var(--gut),calc((100% - var(--max))/2));aspect-ratio:16/7;max-height:620px;overflow:hidden;border-radius:var(--radius-img);background:var(--stone)}
.pband img{width:100%;height:100%;object-fit:cover}
@media (max-width:700px){.pband{aspect-ratio:4/3}}

/* Formulieren */
.qform{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,6vw,100px);padding-block:var(--sec);align-items:start}
.qform h2{font-size:clamp(38px,4.4vw,64px);margin:18px 0 20px}
.qform>div>p{font-size:17px;max-width:40ch}
.qform__tel{font-size:15px!important;color:var(--muted);margin-top:14px}
@media (max-width:900px){.qform{grid-template-columns:1fr}}
.form{background:var(--linnen);border:1px solid var(--line);border-radius:var(--radius-card);padding:clamp(24px,3vw,44px);min-width:0}
.form__title{font:400 clamp(28px,2.4vw,36px)/1.1 var(--f-serif);margin:0 0 8px}
.form__sub,.form__req{font-size:15px;color:var(--muted);margin:0 0 22px}
.form__sum{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-bottom:18px;margin-bottom:22px;border-bottom:1px solid var(--line);font:500 17px var(--f-body)}
.form__sum span{font:500 12px var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px}
.f{display:grid;gap:7px;min-width:0}
.f--full{grid-column:1/-1}
fieldset.f{border:0;margin:0;padding:0}
.f label,.f legend{font:500 14px var(--f-body);color:var(--ink)}
.f input,.f select,.f textarea{font:400 16px var(--f-body);color:var(--ink);background:#fff;border:1px solid var(--line-strong);border-radius:4px;padding:12px 14px;min-height:50px;width:100%;transition:border-color .2s,box-shadow .2s}
.f input:focus,.f select:focus,.f textarea:focus{border-color:var(--ink);box-shadow:0 0 0 3px rgba(232,190,86,.35);outline:none}
.f textarea{min-height:110px;resize:vertical}
.f select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:38px}
.f input[aria-invalid=true],.f select[aria-invalid=true],.f textarea[aria-invalid=true]{border-color:#A3321F;background:#FFF7F4}
.err{font-size:14px;color:#A3321F;margin:12px 0 0}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;position:relative}
.chips input{position:absolute;opacity:0;pointer-events:none;left:0;top:0;width:1px;height:1px}
.chips label{font:400 14.5px var(--f-body);color:var(--ink);min-height:44px;display:inline-flex;align-items:center;padding:0 16px;border-radius:999px;border:1px solid var(--line-strong);background:#fff;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.chips input:checked+label{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.chips input:focus-visible+label{outline:2px solid var(--ink);outline-offset:2px}
/* Keuzelijst (boeken: welke hulp): 2 kolommen op desktop, 1 op mobiel; tekstveld bij Iets anders verschijnt bij aanvinken */
.chips--list{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.chips--list label{display:flex;width:100%;border-radius:4px;padding:10px 16px;line-height:1.3}
.chips__other{display:none;grid-column:1/-1;gap:7px;margin-top:6px}
.chips--list input[data-other]:checked~.chips__other{display:grid}
.chips .chips__other label{display:block;min-height:0;padding:0;border:0;border-radius:0;background:none;cursor:default;font:500 14px var(--f-body)}
.chips .chips__other input{position:static;opacity:1;pointer-events:auto;width:100%;height:auto}
@media (max-width:520px){.chips--list{grid-template-columns:1fr}}
/* Waarvoor-keuzelijst: veld Iets anders blijft verborgen tot die optie gekozen is (site.js zet hidden) */
.f[hidden]{display:none}
.form__foot{margin-top:24px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}
.form__foot p{font-size:13px;color:var(--muted);max-width:36ch}
.form__alt{margin:16px 0 0;font-size:14px;color:var(--muted)}
.thanks{padding:24px 0;font:400 28px/1.2 var(--f-serif)}
.thanks:focus{outline:none}
label.consent{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.5;color:var(--muted)}
label.consent input{width:18px;height:18px;min-height:0;margin-top:2px;flex:0 0 auto;accent-color:var(--ink)}
@media (max-width:520px){.fgrid{grid-template-columns:1fr}}

/* Gerelateerd */
.rel{padding-block:0 var(--sec)}
.rel__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 32px;margin-top:20px;border-top:1px solid var(--line-strong)}
.rel__grid--hub{grid-template-columns:repeat(2,1fr)}
.rel__a{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:18px 0;border-bottom:1px solid var(--line);text-decoration:none;font-size:16px;line-height:1.4;transition:color .3s}
.rel__a span{color:var(--taupe);transition:transform .4s var(--ease)}
.rel__a:hover span{transform:translateX(4px);color:var(--ink)}
@media (max-width:760px){.rel__grid,.rel__grid--hub{grid-template-columns:1fr}}

/* Ervaringen */
.erv{padding-block:clamp(56px,8vw,110px)}
.erv__grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.erv__item{margin:0;background:var(--linnen);border:1px solid var(--line);border-radius:var(--radius-card);padding:clamp(26px,3vw,40px);display:flex;flex-direction:column;justify-content:space-between;gap:28px}
.erv__item p{font:400 clamp(21px,2vw,27px)/1.3 var(--f-serif);margin:0}
.erv__item figcaption{font-weight:500;display:flex;gap:10px;align-items:center;font-size:15px}
.erv__item figcaption::before{content:"";width:20px;height:20px;border-radius:50%;border:1px solid var(--geel)}
.erv__item figcaption span{font-weight:400;color:var(--muted)}
@media (max-width:760px){.erv__grid{grid-template-columns:1fr}}

/* Diensten (wat-we-doen): rustige kaartenrij */
.svc{background:var(--ink);color:var(--paper);position:relative;overflow:hidden}
.svc__head{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;padding:var(--sec) max(var(--gut),calc((100% - var(--max))/2)) 44px}
.svc__head h2{font-size:clamp(40px,5vw,76px);max-width:14ch}
.svc__head p{max-width:40ch;color:var(--mist)}
.svc__head .eyebrow{color:var(--mist)}
.svc__count{display:none}
.svc__track{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0 max(var(--gut),calc((100% - var(--max))/2)) var(--sec)}
.card{position:relative;min-height:440px;border-radius:var(--radius-card);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:28px;isolation:isolate;color:var(--paper)}
.card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(24,34,30,.05) 0%,rgba(24,34,30,.35) 35%,rgba(24,34,30,.9) 72%,rgba(24,34,30,.96))}
.card--zon,.card--geel,.card--blush{background:var(--woud);color:var(--paper)}
.card--zon::before,.card--geel::before,.card--blush::before,.card--end::before{display:none}
.card__big{display:block;margin-bottom:auto;padding-bottom:32px;font:italic 400 clamp(40px,3.6vw,56px)/.95 var(--f-serif);color:var(--geel)}
.card h3{font-size:clamp(28px,2.4vw,36px);margin:10px 0 14px}
.card .eyebrow{color:var(--mist)}
.card ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 .25em}
.card li{font-size:14px;color:var(--mist)}
.card:has(img) li,.card:has(img) .eyebrow{color:#E4E7E3}
.card li:not(:last-child)::after{content:","}
.card--end{grid-column:span 2;background:transparent;border:1px solid var(--line-dark);justify-content:center}
.card--end p{font:400 clamp(24px,2.2vw,30px)/1.2 var(--f-serif);margin-bottom:24px}
.card--end .btn{border-color:var(--paper);color:var(--paper)}
.card--end .btn:hover{background:var(--paper);color:var(--ink)}

/* Hoe het werkt: stappen en fiscaal */
.steps{list-style:none;margin:0;padding:0}
.steps .step{display:grid;grid-template-columns:minmax(80px,.4fr) 1fr 1fr;gap:clamp(16px,4vw,60px);padding:clamp(28px,3.4vw,48px) 0;border-top:1px solid var(--line-strong);align-items:start}
.steps .step:last-child{border-bottom:1px solid var(--line-strong)}
.step__n{font:italic 400 clamp(48px,5vw,80px)/.85 var(--f-serif);color:var(--brons)}
.steps .step h3{font-size:clamp(28px,2.8vw,40px)}
.steps .step p{font-size:17px;max-width:44ch;color:#33403A}
.step__bar{display:none}
@media (max-width:760px){.steps .step{grid-template-columns:1fr}}
.fisc{background:var(--ink);color:var(--paper);padding-block:var(--sec);position:relative;overflow:hidden}
.fisc__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,100px);align-items:start}
.fisc h2{font-size:clamp(40px,5vw,76px)}
.fisc .eyebrow{color:var(--mist)}
.fisc__num{margin-top:36px;font:400 clamp(56px,7vw,104px)/.9 var(--f-serif);color:var(--geel)}
.fisc__num small{display:block;font:400 15px/1.5 var(--f-body);color:var(--mist);margin-top:16px;max-width:32ch}
.fisc__text{min-width:0;display:grid;gap:20px;font-size:17px;color:rgba(245,242,234,.88)}
.fisc__text p{max-width:48ch}
.fisc__note{font-size:13px;color:var(--mist);border-top:1px solid var(--line-dark);padding-top:18px}
.fisc__pill{display:flex;gap:18px;align-items:center;border:1px solid var(--line-dark);border-radius:var(--radius-card);padding:20px 22px}
.fisc__pill b{font:italic 400 36px/1 var(--f-serif);color:var(--geel)}
@media (max-width:900px){.fisc__grid{grid-template-columns:1fr}}

/* Zondag worden */
.job{background:var(--stone);display:grid;grid-template-columns:1fr 1fr}
.job__img{position:relative;min-height:560px;overflow:hidden}
.job__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.job__copy{padding:var(--sec) var(--gut);min-width:0}
.job h2{font-size:clamp(40px,5vw,76px)}
.job__lead{margin-top:24px;font-size:18px;font-weight:300;max-width:42ch}
.perks{display:grid;grid-template-columns:1fr 1fr;gap:28px 32px;margin-top:44px}
.perks h3{font-size:24px;margin-bottom:6px;line-height:1.15}
.perks p{font-size:15px;color:var(--muted)}
.job .btn{margin-top:40px}
.apply{padding-block:var(--sec)}
.apply__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,6vw,100px)}
.apply h2{font-size:clamp(38px,4.4vw,64px)}
.apply__lead{margin-top:20px;max-width:38ch}
@media (max-width:900px){.job,.apply__grid{grid-template-columns:1fr}.job__img{min-height:360px}}
@media (max-width:520px){.perks{grid-template-columns:1fr}}

/* Aanvraag en boeken */
.price{padding-block:clamp(56px,8vw,110px) var(--sec)}
.price__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,6vw,100px);align-items:start}
.price h2{font-size:clamp(40px,5vw,76px)}
.price__lead{margin-top:24px;max-width:44ch;font-size:18px;font-weight:300}
.price__small{margin-top:18px;font-size:14px;color:var(--muted);max-width:50ch}
@media (max-width:900px){.price__grid{grid-template-columns:1fr}}
.contact{padding-block:clamp(56px,8vw,100px);display:grid;grid-template-columns:repeat(3,1fr);gap:24px;border-top:1px solid var(--line)}
.contact h3{font:500 12px var(--f-body);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.contact p{font:400 clamp(21px,2vw,27px)/1.3 var(--f-serif)}
@media (max-width:760px){.contact{grid-template-columns:1fr}}
.pack{background:var(--ink);color:var(--paper);border-radius:var(--radius-card);padding:clamp(26px,3vw,40px);position:relative;overflow:hidden}
.pack .eyebrow{color:var(--mist)}
.pack__h{font-size:clamp(36px,4vw,60px);margin:12px 0 8px}
.pack__price{font:400 clamp(22px,2.2vw,30px)/1.25 var(--f-serif);margin:0 0 18px}
.pack__price b{color:var(--geel);font-weight:400}
.pack__price span{display:block;font:400 14px var(--f-body);color:var(--mist);margin-top:4px}
.pack .ticks{grid-template-columns:1fr;gap:0}
.pack .ticks li{font-size:15.5px;border-color:var(--line-dark)}
.pack .ticks li::before{border-color:var(--geel)}
.bk .next{margin-top:28px}
.bk__rows{display:grid;gap:10px;margin-top:6px}
.bk__row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line-strong);border-radius:var(--radius-card);background:#fff}
.bk__row b{display:block;font:500 16px var(--f-body)}
.bk__row span{font-size:14px;color:var(--muted)}
.bk .step,.bk__row .step{display:flex;align-items:center;gap:10px}
.step button{width:44px;height:44px;border-radius:50%;border:1px solid var(--ink);background:#fff;font:300 22px/1 var(--f-body);color:var(--ink);cursor:pointer;transition:background .3s,color .3s}
.step button:hover:not(:disabled){background:var(--ink);color:var(--paper)}
.step button:disabled{opacity:.3;cursor:not-allowed}
.step output{min-width:2ch;text-align:center;font:500 20px var(--f-body)}
.tot{margin-top:22px;padding:16px 18px;background:var(--stone);border-radius:var(--radius-card);display:grid;gap:6px}
.tot__r{display:flex;justify-content:space-between;gap:12px;font-size:16px}
.tot__r--s{color:var(--muted);font-size:14px}
.tot__r--t{border-top:1px solid var(--line);padding-top:10px;margin-top:4px;font:500 19px var(--f-body)}

/* Bedankt en 404 */
.thanks-page{min-height:78vh;display:grid;place-items:center;text-align:center;padding:170px var(--gut) 96px;position:relative;overflow:hidden;isolation:isolate}
.thanks-page::before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:min(80vw,620px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(232,190,86,.42);transform:translate(-50%,-50%)}
.thanks-page h1{font-size:clamp(48px,7vw,104px)}
.thanks-page p{margin:24px auto 32px;max-width:42ch;font-size:18px}

/* Footer, in de lijn van de mailbanner */
.foot{position:relative;overflow:hidden;isolation:isolate;background:var(--ink);color:var(--paper);padding:clamp(80px,10vw,136px) max(var(--gut),calc((100% - var(--max))/2)) 32px;margin-top:0}
.foot__sun{position:absolute;z-index:-1;right:-90px;bottom:-120px;width:260px;aspect-ratio:1;border-radius:50%;background:var(--geel);pointer-events:none}
.foot__sun::before{content:"";position:absolute;inset:-58px;border-radius:50%;border:1px solid rgba(232,190,86,.38)}
.foot__sun::after{content:"";position:absolute;inset:-140px;border-radius:50%;border:1px solid rgba(232,190,86,.16)}
.foot__top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:32px}
.foot__cta{font:400 clamp(36px,3.6vw,54px)/1.02 var(--f-serif);max-width:11ch}
.foot__cta em{color:var(--geel)}
.foot h4{font:500 11.5px var(--f-body);letter-spacing:.16em;text-transform:uppercase;color:var(--mist);margin:0 0 16px}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:14.5px;color:rgba(245,242,234,.9)}
.foot a{text-decoration:none}
.foot a:hover{text-decoration:underline;text-decoration-color:var(--geel);text-underline-offset:4px}
.foot__logo{margin-top:clamp(64px,8vw,104px);padding-top:32px;border-top:1px solid var(--line-dark);display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.foot__logo img{width:150px;height:auto}
.foot__rule{width:1px;height:34px;background:var(--line-dark)}
.foot__slogan{font:italic 400 22px/1 var(--f-serif)}
.foot__slogan em{color:var(--geel)}
.foot__legal{margin-top:22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12.5px;color:var(--mist)}
.foot__id{margin-left:6px;opacity:.8}
@media (max-width:900px){.foot__top{grid-template-columns:1fr 1fr}.foot__cta{grid-column:1/-1}.foot__sun{width:180px;right:-70px;bottom:-90px}}

/* WhatsApp */
.wa{position:fixed;left:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:45;width:52px;height:52px;border-radius:50%;background:var(--ink);border:1px solid rgba(232,190,86,.5);display:grid;place-items:center;box-shadow:0 8px 22px rgba(24,34,30,.18);transition:transform .3s var(--ease)}
.wa:hover{transform:translateY(-2px)}
.wa svg{width:24px;fill:var(--paper)}

/* Cookiemelding */
.consent{position:fixed;left:16px;bottom:16px;z-index:90;max-width:340px;background:var(--ink);color:var(--paper);padding:18px 20px;border-radius:var(--radius-card);box-shadow:0 10px 30px rgba(0,0,0,.2);font-size:14px;line-height:1.5}
.consent p{margin:0 0 12px}
.consent div{display:flex;gap:8px;flex-wrap:wrap}
.consent button{font:500 14px var(--f-body);min-height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--paper);background:transparent;color:var(--paper);cursor:pointer}
.consent button[data-c="ja"]{background:var(--paper);color:var(--ink)}
@media (max-width:520px){.consent{left:12px;right:12px;bottom:12px;max-width:none}}
label.consent{position:static;max-width:none;background:none;padding:0;border-radius:0;box-shadow:none;z-index:auto}

/* Beweging: hoogstens 12px opschuiven en invagen in 600ms */
.fx{opacity:0;transform:translateY(12px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.fx.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.fx{opacity:1;transform:none;transition:none}*{scroll-behavior:auto!important}}
@media (max-width:900px){.svc__track{grid-template-columns:1fr 1fr}.card--end{grid-column:1/-1}}
@media (max-width:600px){.svc__track{grid-template-columns:1fr}.card{min-height:380px}}

/* Chat-teaser niet over formulieren (klasse gezet door site.js) */
html.form-in-view .zc-teaser,html.form-in-view .zc-teaser.is-on{opacity:0!important;transform:translateY(12px)!important;pointer-events:none!important;visibility:hidden}

/* /boeken is zelf het aanvraagformulier: op mobiel geen chat-teaser die over de inhoud schuift (klasse pg-boeken via site.js; :has als vangnet) */
@media (max-width:560px){html.pg-boeken .zc-teaser,body:has(input[name="Pagina"][value="boeken.html"]) .zc-teaser{display:none!important}}
/* ---- B2B-focus (23/10/2026) ---- */
.zd-b2b .zc-pill--w{display:none!important}
@media print{.fx{opacity:1!important;transform:none!important}}
/* Doelgroepen met beeld */
.aud--img .aud__c{padding:0;overflow:hidden;gap:0}
.aud__img{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--stone)}
.aud__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s var(--ease)}
.aud__c:hover .aud__img img{transform:scale(1.03)}
.aud__c--art .aud__img img{object-position:50% 30%}
.aud__txt{display:flex;flex-direction:column;gap:14px;padding:clamp(26px,3vw,44px);flex:1}
.aud__txt .eyebrow{color:var(--muted)}
/* Waarom Zondags */
.trust{padding-block:var(--sec);display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,6vw,100px);align-items:start}
.trust h2{font-size:clamp(38px,4.4vw,64px)}
.trust__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line-strong)}
.trust__list li{padding:24px 24px 26px 0;border-bottom:1px solid var(--line-strong)}
.trust__list b{display:block;font:400 clamp(21px,1.8vw,25px)/1.2 var(--f-serif);margin-bottom:8px}
.trust__list span{display:block;font-size:15px;color:var(--muted);max-width:36ch}
@media (max-width:900px){.trust{grid-template-columns:1fr}}
@media (max-width:560px){.trust__list{grid-template-columns:1fr}.trust__list li{padding-right:0}}
/* Voordelen per doelgroep */
.gain{padding-block:var(--sec) 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,6vw,100px);align-items:start}
.gain h2{font-size:clamp(34px,3.8vw,56px);margin-top:18px}
.gain__head .eyebrow{color:var(--muted)}
.gain__head p:not(.eyebrow){margin-top:20px;max-width:40ch;color:#33403A}
.gain__head .btn{margin-top:28px}
.gain__list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-strong)}
.gain__list li{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:12px 32px;padding:22px 0;border-bottom:1px solid var(--line-strong)}
.gain__list b{font:400 clamp(20px,1.7vw,24px)/1.25 var(--f-serif)}
.gain__list span{font-size:15.5px;color:#3A443F}
@media (max-width:900px){.gain{grid-template-columns:1fr}}
@media (max-width:600px){.gain__list li{grid-template-columns:1fr}}
/* CTA in de paginakop */
.phero__side{display:flex;flex-direction:column;gap:24px;align-items:flex-start}
.phero__cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}
.phero__cta a:not(.btn){font-size:15px;color:var(--ink);text-decoration:underline;text-decoration-color:var(--geel);text-underline-offset:4px}
.phero--dark .phero__cta a:not(.btn){color:var(--paper)}
.phero--dark .phero__cta .btn--zon{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.open__img::after{background:linear-gradient(180deg,rgba(24,34,30,0) 25%,rgba(24,34,30,.5) 62%,rgba(24,34,30,.82))}
.open__txt p{color:rgba(245,242,234,.94)}
.phero p a.btn,.art__body a.btn--zon,.price a.btn--zon,.def a.btn--zon,.faq a.btn--zon{color:var(--paper);text-decoration:none}
.phero.phero--dark p a.btn--zon{color:var(--ink)}

/* Chat-teaser: onder 560px nooit (de ronde chatknoppen blijven); op desktop verborgen zolang hij tekst zou raken (klasse teaser-over-tekst via site.js) */
@media (max-width:560px){.zc-teaser,.zc-teaser.is-on{display:none!important}}
html.teaser-over-tekst .zc-teaser,html.teaser-over-tekst .zc-teaser.is-on{opacity:0!important;transform:translateY(12px)!important;pointer-events:none!important;visibility:hidden}