/* V&S WerkWijs | consistente, rustige vormgeving voor alle pagina's */
:root{
 --ink:#28201c; --sub:#685d54; --dark:#241a16; --dark2:#30221d;
 --cream:#f7f4ef; --paper:#fffdf9; --soft:#f0e9e1;
 --copper:#914608; --copper-light:#ecb88c; --bordeaux:#62091b;
 --border:#ded6ce; --line:rgba(236,184,140,.2); --muted:#d1c3b7;
 --body:'Manrope',Arial,Helvetica,sans-serif; --head:'Manrope',Arial,Helvetica,sans-serif;
 --radius:12px; --shadow:0 15px 45px rgba(47,28,17,.055)
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:86px}
body{margin:0;color:var(--ink);background:var(--cream);font:400 16px/1.75 var(--body);-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}
p{margin:0 0 18px;color:var(--sub)}h1,h2,h3,h4{color:inherit;font-family:var(--head);line-height:1.25;letter-spacing:-.035em;margin:0}h1{font-size:clamp(38px,5.1vw,70px);letter-spacing:-.052em;font-weight:800}h2{font-size:clamp(30px,3.3vw,44px);font-weight:800}h3{font-size:21px;font-weight:750}small{font-size:13px}
img{max-width:100%;display:block}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #a95530;outline-offset:3px}
.container{width:min(1140px,calc(100% - 56px));margin:0 auto}
.skip-link{position:absolute;z-index:999;top:-100px;left:16px;background:white;color:black;padding:12px}.skip-link:focus{top:12px}
.eyebrow{display:inline-block;color:#a45a34;font-size:12px;font-weight:800;letter-spacing:.115em;text-transform:uppercase;line-height:1.4}
.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:49px;border:1px solid var(--copper);border-radius:8px;background:var(--copper);color:#fff;font-size:14px;font-weight:800;line-height:1.4;padding:13px 20px;transition:background .2s,transform .2s,border .2s}
.button:hover{background:#99582f;border-color:#99582f;transform:translateY(-2px)}.button-small{min-height:41px;padding:10px 15px;font-size:13px}.button-outline{background:transparent;border-color:#a59483;color:inherit}.button-outline:hover{background:rgba(184,116,66,.1);border-color:var(--copper);color:inherit}
.light-link{color:var(--copper-light);font-weight:750;font-size:14px;display:inline-flex;gap:9px;align-items:center}.light-link:hover{text-decoration:underline;text-underline-offset:5px}
/* shared header & retained logo */
.site-header{position:sticky;top:0;z-index:90;background:rgba(35,25,21,.97);border-bottom:1px solid rgba(244,220,205,.15);backdrop-filter:blur(18px);color:#fff}
.nav{min-height:80px;display:flex;justify-content:space-between;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:14px;color:white;white-space:nowrap}.brand-mark{font-size:32px;font-weight:800;letter-spacing:-.095em;line-height:1;color:#f4eee8}.brand-mark span{color:var(--copper-light)}.brand-text{display:flex;flex-direction:column;font-size:15px;font-weight:800;line-height:1.4;letter-spacing:-.015em}.brand-text small{font-size:8px;font-weight:700;letter-spacing:.065em;color:#bda99b;white-space:nowrap}
.nav-links{display:flex;gap:24px;align-items:center}.nav-links a:not(.button){font-size:12.5px;font-weight:700;color:#e9ded5;transition:color .2s;white-space:nowrap}.nav-links a:not(.button):hover{color:var(--copper-light)}
.menu-toggle{display:none;appearance:none;border:1px solid #8b6e5b;background:none;border-radius:8px;width:44px;height:44px;flex-direction:column;gap:5px;align-items:center;justify-content:center}.menu-toggle span{width:18px;height:2px;border-radius:2px;background:#faf5ed}
/* hero */
.hero{background:radial-gradient(circle at 94% 85%,rgba(124,63,29,.20),transparent 38%),linear-gradient(120deg,#241915 0%,#33231b 70%,#281a17 100%);color:#fff}
.hero-grid{min-height:520px;display:grid;grid-template-columns:1.32fr .68fr;gap:8%;align-items:center;padding:90px 0}
.hero .eyebrow,.detail-hero .eyebrow,.problem-hero .eyebrow,.audience-hero .eyebrow,.why-section .eyebrow,.approach-section .eyebrow{color:var(--copper-light)}
.hero h1{margin:18px 0 22px;max-width:750px}.hero h1 span{color:var(--copper-light)}
.hero-lead{max-width:620px;color:#e7d8cc;font-size:17px;line-height:1.8;margin-bottom:0}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.hero .button-outline,.detail-hero .button-outline,.audience-hero .button-outline{border-color:rgba(241,224,209,.45);color:white}.hero .button-outline:hover,.detail-hero .button-outline:hover{border-color:var(--copper-light)}
.hero-meta{color:#a8978a;font-weight:600;font-size:12px;margin:20px 0 0}
.hero-feature{border-left:1px solid rgba(236,184,140,.28);padding:25px 0 24px 43px}.hero-feature .eyebrow{color:var(--copper-light)}.hero-side-title{font-size:clamp(28px,3vw,42px);line-height:1.3;font-weight:750;letter-spacing:-.045em;margin:19px 0;color:#f5ece4}.hero-side-title span{color:var(--copper-light)}.hero-feature p{font-size:14px;max-width:330px;line-height:1.75;color:#d1bbac}
/* audiences */
.audiences{padding:64px 0 80px;background:var(--paper)}.audience-header{margin-bottom:26px}.audience-header h2{margin-top:10px;font-size:clamp(26px,2.8vw,36px)}
.audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.audience-card{position:relative;display:block;padding:27px 56px 27px 27px;background:var(--cream);border:1px solid var(--border);border-radius:var(--radius);min-height:160px;transition:border-color .2s,transform .2s,box-shadow .2s}.audience-card:hover{border-color:#b67c59;box-shadow:var(--shadow);transform:translateY(-2px)}.audience-card strong{display:block;font-size:19px;font-weight:800;letter-spacing:-.025em}.audience-card p{font-size:14px;line-height:1.65;margin:9px 0 0}.audience-card>span:last-child{position:absolute;top:26px;right:24px;color:#8c4d2e;font-size:20px}
/* compact heading */
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:38px;margin-bottom:30px}.section-heading h2{margin-top:10px;max-width:650px}.section-heading h2 span{color:#965130}.section-heading>p{max-width:345px;font-size:14px;margin:0 0 4px;line-height:1.8}
/* services clean equal cards */
.services{padding:88px 0 100px;background:var(--cream)}
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.service-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);min-height:295px;padding:29px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 3px 12px rgba(47,28,17,.017);transition:transform .2s,border-color .2s,box-shadow .2s}
.service-card:hover{transform:translateY(-3px);border-color:#b67c59;box-shadow:var(--shadow)}
.service-icon{height:47px;width:47px;margin-bottom:22px;display:flex;align-items:center;justify-content:center;border:1px solid #eadacb;border-radius:11px;background:#f9efe6;position:relative;color:#8a4f2d}
.service-icon::after{content:none}
.service-audience{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#a45a34}.service-heading{display:block;margin:8px 0 7px}.service-heading strong{font-size:19px;line-height:1.4;letter-spacing:-.03em;color:var(--ink)}.service-card p{font-size:14px;line-height:1.7;margin:0 0 20px}.service-cta{display:inline-flex;gap:8px;margin-top:auto;font-size:13px;font-weight:800;color:#87502e}
/* problems small */
.problems-section{padding:80px 0;background:#efeae3}.homepage-problems .problem-card{min-height:200px}.problems-section .section-heading h2{max-width:620px}
.problems-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.problem-card{border:1px solid #ddd2c6;background:#fff;display:flex;flex-direction:column;gap:8px;padding:26px;border-radius:var(--radius);min-height:202px;transition:transform .2s,border .2s}
.problem-card:hover{border-color:#b67c59;transform:translateY(-2px)}.problem-card strong{font-size:17px;line-height:1.45;font-weight:800;letter-spacing:-.025em;color:var(--ink)}.problem-card>span{font-size:14px;color:var(--sub);line-height:1.7}.problem-card em{margin-top:auto;font-size:12.5px;color:#8a4829;font-style:normal;font-weight:800}
/* why */
.why-section{padding:80px 0;background:var(--dark);color:#f7f1e9}.why-top{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:32px}.why-top h2{margin-top:12px}.why-top h2 span{color:var(--copper-light)}.why-top>p{max-width:410px;font-size:14px;color:#cebeb1}.why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.why-item{padding:27px 24px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.13);border-radius:var(--radius)}.why-symbol{display:flex;color:var(--copper-light);font-size:25px;margin-bottom:13px}.why-item h3{font-size:18px}.why-item p{margin-top:9px;font-size:14px;color:#d4c5b9;line-height:1.7}
/* pricing */
.pricing-section{padding:88px 0 94px;background:var(--paper)}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pricing-card{border-radius:var(--radius);border:1px solid var(--border);padding:30px 27px;background:var(--cream);display:flex;flex-direction:column;min-height:335px}.pricing-card:nth-child(2){background:#f3ebe2}.price-audience{font-size:11px;letter-spacing:.1em;font-weight:800;color:#91542e}.pricing-card h3{font-size:22px;margin:12px 0 0}.price-subtitle{font-size:13px;margin:0 0 24px}.price-big{font-weight:800;letter-spacing:-.055em;line-height:1.25;font-size:42px;white-space:nowrap}.price-big small{font-size:14px;font-weight:650;letter-spacing:0;color:var(--sub)}.price-vat{font-size:14px;font-weight:800;color:#8f4925;margin:4px 0 14px}.price-description{font-size:14px;line-height:1.7}.price-action{margin-top:auto;width:100%;min-height:44px;font-size:13px;padding:12px}.price-disclaimer{font-size:12px;margin:17px 0 0}
/* about */
.approach-section{padding:85px 0;background:#2d211c;color:#fff}.approach-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:10%;align-items:center}.approach-visual{padding:32px 0}.approach-visual>div{font-size:clamp(40px,5vw,68px);letter-spacing:-.06em;font-weight:800;line-height:1.15;margin-top:17px}.approach-visual>div span{color:var(--copper-light)}.approach-copy h2{margin:12px 0 22px}.approach-copy p{color:#dfd1c6;font-size:15px;line-height:1.85}.approach-copy .button{margin-top:16px}
/* contact */
.contact-section{padding:93px 0;background:var(--cream)}.contact-grid{display:grid;grid-template-columns:.8fr 1.15fr;gap:10%;align-items:start}.contact-grid h2{margin:12px 0 18px}.contact-grid h2 span{color:#9e5632}.contact-grid>div>p{font-size:15px;line-height:1.85}.direct-contact{padding-top:17px;margin-top:22px;border-top:1px solid var(--border)}.direct-contact>span{display:block;color:#92502f;text-transform:uppercase;font-size:11px;letter-spacing:.1em;font-weight:800}.direct-contact>a{display:block;font-size:17px;font-weight:800;word-break:break-word;margin:8px 0 3px}.direct-contact>a:hover{color:#85451f}.direct-contact p{font-size:13px}.privacy-short{font-size:12px!important;margin:28px 0 0}.privacy-short a,.consent a{text-decoration:underline;text-underline-offset:3px}
.contact-form{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow)}.form-row{margin-bottom:17px}.form-row label{display:block;font-size:13px;font-weight:750;margin-bottom:7px}.form-row label span{color:#9b451f}.form-row input,.form-row textarea,.form-row select{width:100%;border:1px solid #cfc5bb;border-radius:7px;color:var(--ink);background:#fff;padding:12px 14px;font-size:15px;min-height:48px}.form-row textarea{min-height:132px;resize:vertical}.form-row input::placeholder,.form-row textarea::placeholder{color:#817970}.consent{display:flex;gap:11px;margin:16px 0 20px;align-items:flex-start;font-size:12px;line-height:1.7;color:var(--sub)}.consent input{margin-top:5px;flex:0 0 17px;height:17px;width:17px;accent-color:#914608}.honey{position:absolute;left:-9999px;height:1px;width:1px;overflow:hidden}.form-button{width:100%}.form-note{font-size:12px;margin:13px 0 0}.form-feedback{border:1px solid #a15a34;padding:12px;border-radius:8px;margin-top:12px}.form-feedback.is-success{border-color:#426f4c;color:#276331}
/* location, deliberately not fake map */
.map-section{padding:62px 0 85px;background:#efe9e2}.map-grid{display:grid;grid-template-columns:1fr .85fr;gap:10%;align-items:center}.map-grid h2{margin:11px 0 18px}.map-grid p{font-size:15px}.map-grid .light-link{color:#814620}.address-card{min-height:252px;border-radius:var(--radius);border:1px solid #d6c7b8;background:linear-gradient(140deg,#fcf8f1,#eaddcf);padding:36px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.address-dot{font-size:31px;line-height:1;color:#a76a40}.address-card .eyebrow{margin:10px 0}.address-card strong{font-size:24px;letter-spacing:-.03em}.address-card>span:not(.eyebrow):not(.address-dot){font-size:16px}.address-card a{font-size:13px;font-weight:800;color:#854520;margin-top:22px}
/* footer */
.site-footer{padding:63px 0 20px;background:#1f1714;color:#fff}.footer-grid{display:grid;grid-template-columns:1.25fr .75fr .8fr;gap:65px}.footer-logo{font-size:26px;font-weight:800;letter-spacing:-.045em}.footer-logo span{color:var(--copper-light)}.footer-grid p{font-size:13px;color:#c7b8ac;margin:10px 0}.footer-mail{font-size:13px;color:var(--copper-light);font-weight:700}.footer-address{font-size:13px}.footer-grid nav{display:flex;flex-direction:column;gap:10px;font-size:13px;color:#efe3d8}.footer-grid nav a:hover,.footer-mail:hover,.footer-address a:hover{color:var(--copper-light)}.footer-social strong{font-size:14px}.footer-social a{color:var(--copper-light)}.footer-bottom{margin-top:50px;border-top:1px solid rgba(255,255,255,.14);padding-top:18px;display:flex;justify-content:space-between;gap:20px}.footer-bottom small{font-size:11px;color:#ac9b8c}.footer-bottom a{color:var(--copper-light)}.whatsapp-ready[hidden]{display:none}.whatsapp-ready{position:fixed;z-index:88;right:18px;bottom:82px;background:#176b43;color:white;padding:12px 17px;border-radius:30px;box-shadow:0 7px 25px #0003}.quick-mail{position:fixed;right:18px;bottom:18px;z-index:89;display:flex;gap:9px;align-items:center;background:#6f311f;color:#fff;border:1px solid #b88a66;border-radius:50px;padding:11px 17px;box-shadow:0 8px 25px #0002;font-size:12px;font-weight:800}.quick-mail>span:first-child{font-size:17px}
/* detail pages */
.detail-hero{background:linear-gradient(125deg,#261a16,#39261e);color:white;padding:33px 0 78px}.breadcrumb{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:#b4a294;font-size:12px;margin-bottom:52px}.breadcrumb a:hover{color:var(--copper-light)}.detail-head-grid{display:grid;grid-template-columns:1.2fr .75fr;gap:10%;align-items:center}.detail-hero h1{margin:16px 0 19px;font-size:clamp(36px,4.5vw,60px)}.detail-lead{color:#e1cfc1;font-size:17px;max-width:640px;line-height:1.78}.detail-aside{padding:30px 34px;border:1px solid rgba(238,184,140,.23);background:rgba(255,255,255,.04);border-radius:var(--radius)}.detail-aside p{color:#fff;font-size:21px;line-height:1.55;font-weight:700;letter-spacing:-.03em;margin:17px 0}.detail-aside>span:last-child{color:#cdbbad;font-size:12px}
.detail-intro{padding:78px 0;background:var(--paper)}.intro-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:10%}.intro-grid h2{margin:12px 0}.intro-grid p{font-size:16px;max-width:700px}.for-whom{border-top:1px solid var(--border);margin-top:26px;padding-top:16px;display:flex;align-items:center;gap:16px}.for-whom span{font-size:11px;letter-spacing:.06em;font-weight:800;color:#a45b35}.for-whom strong{font-size:13px}
/* functional, aligned visual explainer (no photos) */
.process-section{background:#eee7de;padding:72px 0 80px}.visual-heading{margin-bottom:28px;max-width:730px}.visual-heading h2{margin:11px 0}.visual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.visual-card{border:1px solid #ded0c3;background:var(--paper);border-radius:var(--radius);padding:25px 24px;min-height:188px}.process-number{width:40px;height:40px;border:1px solid #caa88e;color:#8e4924;background:#f6e9dd;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;margin-bottom:19px}.visual-card h3{font-size:17px;margin-bottom:8px}.visual-card p{font-size:14px;margin:0}
.examples-section{padding:85px 0;background:var(--cream)}.examples-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.example-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:27px;display:flex;flex-direction:column}.example-card h3{font-size:18px}.example-question{font-size:14px;color:var(--sub);margin:13px 0 18px}.example-answer{margin-top:auto;border-top:1px solid var(--border);padding-top:15px}.example-answer span{color:#98512c;font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:.07em}.example-answer p{font-size:14px;margin:8px 0 0}
.detail-risks{background:#eee8e0;padding:76px 0}.detail-risks-grid{display:grid;grid-template-columns:.8fr 1fr;gap:10%}.detail-risks h2{margin:14px 0}.detail-risks h2 span{color:#98512c}.detail-risks p{font-size:15px}.detail-risk-list{display:flex;flex-direction:column;gap:12px}.detail-risk-item{display:flex;gap:19px;background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);padding:19px}.risk-mark{width:31px;height:31px;border-radius:7px;display:flex;justify-content:center;align-items:center;flex-shrink:0;background:#f4e6d7;color:#894c28;font-size:15px;font-weight:800}.detail-risk-item h3{font-size:16px}.detail-risk-item p{margin:6px 0 0;font-size:14px}
.help-section{background:var(--paper);padding:78px 0}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.help-grid h2{margin:14px 0}.help-grid h2 span{color:#98512c}.help-grid p{font-size:15px}.help-list{margin:0;padding:0;list-style:none}.help-list li{font-size:15px;padding:16px 0 16px 27px;border-bottom:1px solid var(--border);position:relative}.help-list li:before{content:'✓';position:absolute;left:0;color:#995631;font-weight:800}
.detail-why{padding:54px 0;background:#35251e;color:white}.detail-why h2{margin:11px 0;font-size:32px}.detail-why h2 span{color:var(--copper-light)}.detail-why p{color:#e0cdc0;max-width:830px;font-size:15px}
.faq-section{padding:78px 0;background:var(--cream)}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:10%}.faq-grid h2{margin:10px 0}.faq-item{border-bottom:1px solid var(--border)}.faq-item summary{display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;list-style:none;padding:20px 0;font-weight:800;font-size:15px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{color:#94512e;font-size:24px;font-weight:500}.faq-item p{padding:0 20px 18px 0;margin:0;font-size:14px}
.detail-cta{padding:0 0 80px;background:var(--cream)}.cta-box{background:#2b1e19;color:#fff;padding:39px 45px;border-radius:var(--radius);display:flex;justify-content:space-between;gap:38px;align-items:center}.cta-box h2{font-size:clamp(24px,2.5vw,32px);margin:10px 0}.cta-box p{color:#ddc8b9;font-size:14px;margin:0}.cta-box .button{flex-shrink:0}
.more-services{background:#eee8e0;padding:72px 0 85px}.more-services h2{margin:12px 0 25px}.other-services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.other-service{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);padding:23px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:15px;font-weight:750}.other-service span{color:#92512e}.other-service:hover{border-color:#a96438}
/* audience pages */
.audience-hero,.problem-hero{background:linear-gradient(135deg,#241915,#35231c);color:white;padding:32px 0 83px}.audience-hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:10%;align-items:center}.audience-hero h1,.problem-hero h1{font-size:clamp(36px,4.3vw,58px);margin:15px 0 22px}.audience-hero .breadcrumb,.problem-hero .breadcrumb{margin-bottom:52px}.audience-lead{color:#e5d3c6;font-size:17px;line-height:1.8}.audience-hero-grid>div>p:not(.audience-lead){font-size:14px;color:#cdbbad}.audience-hero .button,.problem-hero .button{margin-top:18px}.audience-illustration{border:1px solid rgba(236,184,140,.25);background:rgba(255,255,255,.045);min-height:300px;border-radius:var(--radius);display:flex;flex-direction:column;justify-content:center;padding:38px}.audience-illustration strong{font-size:clamp(29px,3.2vw,43px);line-height:1.2;letter-spacing:-.045em;margin:16px 0}.audience-illustration p{color:#d9c6b8;font-size:15px;margin:0}
.section-intro{max-width:680px;font-size:15px}.problems-section.compact{padding:70px 0}.text-band{padding:80px 0;background:var(--dark);color:white}.band-layout{display:grid;grid-template-columns:1fr .85fr;gap:10%;align-items:center}.band-layout h2{margin:14px 0}.band-layout p{color:#d8c7b9;font-size:15px}.band-layout .button{margin-top:12px}.next-paths{background:var(--cream);padding:60px 0 75px}.next-paths h2{margin:12px 0 21px}.path-links{display:flex;gap:12px;flex-wrap:wrap}.path-links a{background:var(--paper);border:1px solid var(--border);padding:13px 18px;border-radius:9px;font-size:13px;font-weight:800}.path-links a:hover{border-color:#a85e37}.path-links span{color:#9e5d32;padding-left:10px}
/* question pages */
.problem-hero .container{max-width:1050px}.problem-hero h1{max-width:870px}.problem-hero .audience-lead{max-width:730px}.problem-body{padding:88px 0;background:var(--paper)}.problem-body-grid{display:grid;grid-template-columns:1fr .89fr;gap:8%;align-items:start}.problem-copy h2,.help-panel h2{font-size:30px;margin:12px 0 19px}.problem-copy p{font-size:15px}.problem-note{border-left:3px solid #b87442;background:#f8eee3;padding:17px 21px;border-radius:0 7px 7px 0;margin-top:28px}.problem-note strong{font-size:14px}.problem-note p{margin:6px 0 0;font-size:13px}.help-panel{border-radius:var(--radius);border:1px solid var(--border);background:var(--cream);padding:30px}.help-panel ul{margin:13px 0 22px;padding:0;list-style:none}.help-panel li{position:relative;border-bottom:1px solid var(--border);padding:12px 0 12px 26px;font-size:14px}.help-panel li:before{content:'✓';position:absolute;left:0;color:#99582f;font-weight:800}.help-panel>p{font-size:13px}.help-panel .button{margin-top:10px}
.legal-copy{max-width:810px}.legal-copy h2{font-size:25px;margin:28px 0 14px}.legal-copy a{text-decoration:underline;color:#9e532b}
/* tablet / mobile */
@media(max-width:1060px){.nav-links{gap:14px}.nav-links a:not(.button){font-size:12px}.brand-text small{display:none}}
@media(max-width:880px){
 .container{width:min(100% - 38px,1140px)}
 .nav{min-height:72px}.menu-toggle{display:flex;flex-shrink:0}.nav-links{display:none;position:absolute;top:71px;left:0;right:0;background:#291c17;border-top:1px solid rgba(255,255,255,.12);padding:20px max(19px,calc((100% - 1140px)/2));flex-direction:column;align-items:stretch;gap:0;box-shadow:0 20px 32px #160c0933}.nav-links.open{display:flex}.nav-links a:not(.button){font-size:15px;padding:12px 0}.nav-links .button{margin-top:12px;align-self:flex-start}
 .hero-grid,.detail-head-grid,.audience-hero-grid{grid-template-columns:1fr;gap:30px}.hero-grid{min-height:unset;padding:70px 0}.hero-feature{padding:22px 0 2px 27px;max-width:700px}.hero-side-title{font-size:30px}.hero-meta{margin-top:18px}
 .section-heading,.why-top{align-items:start;flex-direction:column;gap:12px}.section-heading>p,.why-top>p{max-width:650px}
 .service-grid,.audience-grid,.pricing-grid,.visual-grid,.examples-list,.problems-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pricing-card{min-height:320px}.pricing-card:last-child{grid-column:span 2}
 .contact-grid,.approach-layout,.map-grid,.intro-grid,.detail-risks-grid,.help-grid,.faq-grid,.problem-body-grid,.band-layout{grid-template-columns:1fr;gap:30px}
 .approach-visual{padding:0}.approach-visual>div{font-size:45px}
 .footer-grid{grid-template-columns:1.2fr 1fr;gap:28px}.footer-social{grid-column:span 2}
 .other-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:580px){
 html{scroll-padding-top:72px}.container{width:calc(100% - 32px)}body{font-size:15px;line-height:1.75}
 h1{font-size:clamp(36px,10vw,47px)}h2{font-size:clamp(27px,7.7vw,35px)}
 .brand{gap:9px}.brand-mark{font-size:30px}.brand-text{font-size:13px}
 .hero-grid{padding:58px 0 66px;gap:34px}.hero-lead,.detail-lead,.audience-lead{font-size:15px}.hero-feature{padding-left:20px}
 .hero-actions{flex-direction:column;align-items:stretch;gap:9px}.hero-actions .button{width:100%}
 .audiences,.services,.why-section,.pricing-section,.contact-section,.approach-section,.problems-section,.examples-section,.detail-intro,.detail-risks,.help-section,.faq-section,.problem-body,.process-section{padding-top:59px;padding-bottom:65px}
 .audience-grid,.service-grid,.pricing-grid,.visual-grid,.examples-list,.problems-grid,.why-grid,.other-services-grid{grid-template-columns:1fr}
 .audience-card{min-height:unset;padding:23px 48px 23px 23px}
 .service-card{min-height:250px;padding:24px}.service-icon{margin-bottom:16px}
 .problem-card{min-height:176px}.pricing-card{min-height:unset}.pricing-card:last-child{grid-column:auto}.price-big{font-size:39px}
 .why-top{margin-bottom:23px}.why-item{padding:22px}.why-grid{gap:10px}
 .approach-visual>div{font-size:40px}.approach-copy p{font-size:14px}
 .contact-form{padding:22px}.contact-grid{gap:32px}.direct-contact>a{font-size:16px}.footer-grid{grid-template-columns:1fr;gap:27px}.footer-social{grid-column:auto}.footer-bottom{flex-direction:column;gap:6px;margin-top:38px}
 .breadcrumb{margin-bottom:30px}.detail-hero,.audience-hero,.problem-hero{padding:26px 0 55px}.detail-hero h1,.audience-hero h1,.problem-hero h1{font-size:clamp(32px,9vw,46px)}.detail-aside{padding:23px}.detail-aside p{font-size:19px}
 .audience-illustration{min-height:210px;padding:25px}
 .cta-box{padding:27px;align-items:stretch;flex-direction:column}.cta-box .button{width:100%}
 .quick-mail{padding:9px 13px;right:12px;bottom:12px}.quick-mail span:last-child{display:none}.quick-mail span:first-child{font-size:22px}
 .whatsapp-ready{right:12px;bottom:72px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* ========== V&S 2026: rustige vier-doelgroepen-structuur ========== */
.nav{gap:16px;min-height:78px}.nav-links{gap:16px}.nav-links a:not(.button){font-size:12px}
.nav-links a[aria-current="page"]{color:var(--copper-light);text-decoration:underline;text-underline-offset:7px}
.clean-hero .hero-grid{min-height:490px;padding:76px 0}.clean-hero .hero-feature{max-width:390px}
.clean-hero h1{font-size:clamp(39px,5vw,65px)}
.four-cols{grid-template-columns:repeat(4,minmax(0,1fr))}.four-cols .audience-card{min-height:183px;padding:25px 28px}.four-cols .audience-card>span:last-child{right:20px;top:20px}
.section-prelude{max-width:760px;font-size:16px;line-height:1.8;margin:-5px 0 25px}
.question-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.question-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 21px;border:1px solid var(--border);border-radius:10px;background:#fff;transition:transform .18s,border-color .18s,box-shadow .18s;min-height:92px}
.question-link:hover{border-color:#b88a6b;transform:translateY(-2px);box-shadow:var(--shadow)}
.q-text{display:flex;flex-direction:column;gap:5px}.q-text strong{font-size:15px;line-height:1.55;letter-spacing:-.012em;font-weight:800}.q-text small{color:var(--sub);font-size:13px}.q-arrow{display:grid;place-items:center;background:#f6eee6;color:#814323;border-radius:50%;width:35px;height:35px;flex:none;font-size:18px}
.why-section .section-heading h2{color:#fff}.why-section .section-heading>p{color:#d8c8bd}.why-section .why-item h3{color:#fff}
.free-banner{display:flex;align-items:flex-start;gap:17px;padding:22px 24px;margin:0 0 26px;background:#f6eee6;border:1px solid #ddb998;border-radius:11px}.free-banner strong{display:block;font-size:18px;line-height:1.45}.free-banner p{margin:4px 0 0;font-size:14px}.free-star{display:flex;align-items:center;justify-content:center;flex:none;background:#784019;color:#fff;border-radius:50%;width:32px;height:32px;font-weight:800}
.pricing-section .pricing-card{min-height:300px}.pricing-section .price-action{display:none}.price-free-note{font-size:12px;font-weight:800;color:#6b391d;margin-top:auto;padding-top:15px}
.free-mini{padding:18px 20px;border-radius:10px;background:#f3e7db;border-left:4px solid var(--copper);margin:22px 0 27px}.free-mini strong{font-size:15px}.free-mini p{font-size:14px;margin:6px 0 0}
.inner-hero{background:linear-gradient(112deg,#241914,#392720);color:#fff;padding:77px 0 76px}.inner-hero .eyebrow{color:var(--copper-light)}.inner-hero h1{font-size:clamp(34px,4.2vw,53px);margin:15px 0 18px}.inner-hero .breadcrumb{font-size:13px;color:#dbc6b8;margin-bottom:28px}.inner-hero .breadcrumb a{text-decoration:underline;text-underline-offset:3px}.inner-lead{font-size:17px;color:#e6d7c9;max-width:690px;line-height:1.75;margin:0}
.narrow{width:min(800px,calc(100% - 56px));margin-inline:auto}.reading-section{background:var(--paper);padding:60px 0}.reading-copy h2{font-size:clamp(22px,2.4vw,30px);margin:28px 0 16px;line-height:1.35}.reading-copy h2:first-child{margin-top:0}.reading-copy p,.reading-intro p{font-size:16px;line-height:1.85}.reading-copy strong{color:var(--ink)}
.quote-panel{border-left:4px solid var(--copper);background:#f4eae0;padding:22px 27px;margin:30px 0;border-radius:0 10px 10px 0}.quote-panel p{font-weight:700;font-size:17px;margin:0;color:var(--ink)}
.questions-section{background:#f1ece5;padding:75px 0 90px}.questions-section .section-heading{margin-bottom:30px}
.info-band{padding:56px 0;background:#f9f6f1}.info-band h2{font-size:29px;margin:13px 0 15px}.info-band p{font-size:16px;line-height:1.85}
.result-section{padding:60px 0;background:#fff}.result-section h2{font-size:clamp(25px,3vw,34px);margin:15px 0}.result-section p{font-size:16px;line-height:1.8}
.step-list{counter-reset:steps;list-style:none;padding:0;margin:22px 0 36px}.step-list li{padding:16px 0 16px 48px;border-bottom:1px solid var(--border);position:relative}.step-list li::before{counter-increment:steps;content:counter(steps);position:absolute;left:0;top:17px;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#f0ddcb;color:#78411f;font-weight:800;font-size:13px}
.free-callout{background:var(--dark);color:#fff;padding:54px 0}.free-callout .eyebrow{color:var(--copper-light)}.free-inner{display:flex;align-items:center;justify-content:space-between;gap:36px}.free-inner>div{max-width:700px}.free-inner h2{font-size:clamp(23px,2.7vw,34px);margin:10px 0 8px}.free-inner p{color:#e1cfc1;font-size:15px;margin:0}.free-inner .button{flex:none}.free-callout-emph{padding-block:66px}
.site-footer nav{display:flex;flex-direction:column;gap:8px}
/* No decorative stock photography. One calm design language on every page. */
@media(max-width:1130px){.nav-links{gap:13px}.nav-links a:not(.button){font-size:11.4px}.brand-text small{font-size:7px}}
@media(max-width:1050px){.four-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-links{display:none;position:absolute;left:0;right:0;top:calc(100% - 1px);padding:20px max(24px,calc((100vw - 1140px)/2));background:#261b16;border-bottom:1px solid rgba(244,220,205,.2);flex-direction:column;align-items:stretch;gap:0;max-height:calc(100vh - 80px);overflow-y:auto}.nav-links.open{display:flex}.nav-links a:not(.button){font-size:15px;padding:10px 4px}.menu-toggle{display:flex}.nav{position:relative}}
@media(max-width:750px){.question-grid{grid-template-columns:1fr}.free-inner{flex-direction:column;align-items:flex-start}.free-inner .button{width:100%}.inner-hero{padding:52px 0}.reading-section{padding:44px 0}.questions-section{padding:55px 0}.free-banner{padding:16px}.four-cols .audience-card{min-height:unset}.section-prelude{font-size:14px}}
@media(max-width:480px){.four-cols{grid-template-columns:1fr}.narrow{width:calc(100% - 32px)}.inner-hero h1{font-size:35px}.question-link{padding:17px}.hero .hero-grid{min-height:unset}.free-inner h2{font-size:25px}.free-inner .button{min-height:48px}.price-big{font-size:40px}}


/* Werkgevers: compact, eenduidig en direct herkenbaar (versie vijf thema's). */
.employer-hero {padding:70px 0 65px}
.employer-hero .inner-lead{max-width:760px}
.employer-themes{background:#f8f5f0;padding:78px 0 88px}
.employer-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}
.employer-heading h2{font-size:clamp(28px,3vw,40px);margin-top:8px}
.employer-heading>p{max-width:360px;font-size:15px;line-height:1.65;margin:0}
.employer-topic-list{display:grid;grid-template-columns:1fr;gap:14px}
.employer-topic-card{display:grid;grid-template-columns:minmax(210px,.75fr) minmax(0,1.4fr) 46px;align-items:center;gap:38px;background:#fff;border:1px solid #ded6ce;border-radius:12px;padding:30px 28px;min-height:168px;transition:border-color .2s,box-shadow .2s,transform .2s}
.employer-topic-card:hover,.employer-topic-card:focus-visible{border-color:#aa7855;box-shadow:0 16px 34px rgba(42,26,18,.07);transform:translateY(-2px)}
.employer-topic-name{border-right:1px solid #e8dfd6;padding-right:22px}
.employer-topic-kicker,.employer-topic-question>span{display:block;font-weight:800;font-size:11px;letter-spacing:.08em;color:#8e4b2c;margin-bottom:9px}
.employer-topic-name h2{font-size:clamp(19px,2.2vw,24px);font-weight:800;line-height:1.3;margin:0 0 9px;letter-spacing:-.035em}
.employer-topic-name p{font-size:13px;line-height:1.55;margin:0;color:#73645b}
.employer-topic-question strong{display:block;color:#2a211b;font-size:17px;font-weight:800;line-height:1.48;letter-spacing:-.024em}
.employer-topic-question p{font-size:14px;line-height:1.65;margin:9px 0 0;color:#65594f}
.employer-topic-go{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#f4e9de;color:#814322;font-size:21px}
.employer-last-section{background:#eee6dc;padding:68px 0}
.employer-last-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}
.employer-last-inner h2{font-size:clamp(27px,3vw,37px);margin:10px 0 13px}
.employer-last-inner p{margin:0}
.employer-last-note{background:#fffaf3;padding:24px 28px;border-left:3px solid #914608;border-radius:0 8px 8px 0;color:#4c3b31!important;font-weight:600;font-size:15px}
.employer-detail-hero{padding:65px 0}
.employer-detail-summary{background:#fffaf5;padding:76px 0}
.employer-detail-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}
.employer-main-question{background:#f0e6dc;border-radius:12px;padding:36px}
.employer-main-question h2{font-size:clamp(25px,2.8vw,34px);line-height:1.32;margin:12px 0 20px}
.employer-main-question p{margin:0;font-size:15px}
.employer-action-list>.eyebrow{margin-bottom:12px}
.employer-action-list ul{list-style:none;padding:0;margin:0}
.employer-action-list li{padding:16px 0;border-bottom:1px solid #e5dbd1;display:flex;flex-direction:column;gap:3px}
.employer-action-list li strong{font-size:16px;color:#2b231e}
.employer-action-list li span{font-size:14px;line-height:1.68;color:#64584d}
.employer-outcome{padding:36px 0;background:#eee5d9}
.employer-outcome p{color:#332820;font-size:18px;font-weight:750;margin:8px 0 0}
.employer-more-cases{background:#f8f5f0;padding:72px 0 80px}
.employer-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.employer-related-card{display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid #dfd6ce;border-radius:12px;padding:26px;min-height:206px;transition:box-shadow .2s,border-color .2s}
.employer-related-card:hover{border-color:#a8704c;box-shadow:0 12px 26px rgba(42,26,18,.06)}
.employer-related-card strong{font-size:17px;font-weight:800;line-height:1.48;color:#2a211b}
.employer-related-card p{font-size:14px;line-height:1.6;margin:0}
.employer-related-card>span{margin-top:auto;color:#854321;font-weight:800;font-size:13px}
.employer-backlink{display:inline-block;margin-top:32px;font-weight:800;color:#74401f;font-size:14px;text-decoration:underline;text-underline-offset:4px}
.employer-case-note{background:#f6ede4;padding:20px 24px;border-left:4px solid #914608;border-radius:0 8px 8px 0;margin-top:25px}
.employer-case-note strong{font-size:15px}.employer-case-note p{margin:5px 0 0;font-size:14px}
@media(max-width:890px){.employer-topic-card{grid-template-columns:minmax(175px,.7fr) minmax(0,1.3fr) 40px;gap:22px;padding:24px}.employer-detail-inner{gap:35px}.employer-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:690px){.employer-themes,.employer-detail-summary,.employer-more-cases{padding:52px 0}.employer-heading{flex-direction:column;align-items:start;gap:10px}.employer-topic-card{grid-template-columns:minmax(0,1fr) 38px;column-gap:14px;row-gap:17px;min-height:0;padding:22px}.employer-topic-name{grid-column:1;grid-row:1;border-right:0;padding-right:0}.employer-topic-question{grid-column:1 / -1;grid-row:2;border-top:1px solid #ebe2d9;padding-top:15px}.employer-topic-go{grid-column:2;grid-row:1;width:38px;height:38px}.employer-topic-question strong{font-size:16px}.employer-last-inner,.employer-detail-inner{grid-template-columns:1fr;gap:25px}.employer-last-section{padding:50px 0}.employer-main-question{padding:26px}.employer-related-grid{grid-template-columns:1fr}.employer-related-card{min-height:0}.employer-outcome p{font-size:16px}}

/* V&S WerkWijs | doelgroep-kaarten, overlooppreventie en compacte navigatie */
.hero.clean-hero .hero-grid{grid-template-columns:minmax(0,1fr);max-width:980px;min-height:450px;padding:80px 0}
.hero.clean-hero h1{max-width:850px}
.hero-question{margin-top:22px;margin-bottom:8px;font-size:clamp(17px,2vw,21px);line-height:1.55;color:#fff4eb}
.hero-answer{font-size:clamp(15px,1.7vw,18px);max-width:760px;color:#e6d6c8;line-height:1.7;margin:0 0 25px}
.hero-free-note{color:#f5ddc7;font-size:13px;font-weight:700;line-height:1.6;margin:22px 0 0}
.employer-topic-kicker{display:none!important}
.employer-topic-name h2{overflow-wrap:anywhere;word-break:normal;hyphens:auto;letter-spacing:-.025em;font-size:clamp(18px,2vw,23px)}
.employer-topic-card{grid-template-columns:minmax(0,.82fr) minmax(0,1.3fr) 42px;gap:25px;min-width:0}
.employer-topic-card > div{min-width:0}
.audience-topic-section{background:#f8f5f0}
.audience-uniform-hero .inner-lead{max-width:690px}
.audience-topic-section .employer-topic-card{min-height:145px}
.audience-topic-section .employer-topic-name h2{margin:0}
.contact-section .map-block{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:30px;align-items:stretch;margin-top:52px;padding-top:42px;border-top:1px solid #e0d7cd}
.map-copy{padding:18px 0}
.map-copy h3{font-size:clamp(23px,2.8vw,31px);margin:13px 0 14px;line-height:1.3}
.map-copy p{line-height:1.85;font-size:15px}
.map-external{font-weight:800;color:#80411e;font-size:14px;display:inline-block;margin-top:12px;text-decoration:underline;text-underline-offset:4px}
.map-embed{min-width:0;min-height:275px;overflow:hidden;border-radius:12px;border:1px solid #d8c9bd;background:#e7ddd3}
.map-embed iframe{display:block;width:100%;height:100%;min-height:275px;border:0}
.values-section{padding:75px 0 70px;background:#faf6f0}
.values-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.value-panel{padding:44px 42px;background:white;border:1px solid #dfd3ca;border-radius:14px}
.value-panel h2{font-size:clamp(25px,3vw,38px);line-height:1.24;margin:16px 0}
.value-panel p{font-size:16px;line-height:1.85}
.principles-section{padding:50px 0;background:#eee4da}
.wa-float{position:fixed;right:22px;bottom:22px;z-index:150;border:0;border-radius:999px;padding:13px 19px;background:#176b43;color:#fff;font:800 13px Manrope,Arial,sans-serif;display:flex;align-items:center;gap:10px;box-shadow:0 8px 26px rgba(15,36,23,.25);cursor:pointer}
.wa-float:hover,.wa-float:focus-visible{background:#125536}
.wa-dot{display:inline-grid;place-items:center;width:20px;height:20px;border:1.6px solid #fff;border-radius:50%;font-size:13px;line-height:1}
.wa-notice[hidden]{display:none!important}
.wa-notice{position:fixed;z-index:151;right:20px;bottom:84px;max-width:min(340px,calc(100vw - 40px));padding:24px 25px;background:#fff;border:1px solid #ddd0c2;box-shadow:0 16px 45px rgba(15,15,15,.2);border-radius:13px;color:#261d18}
.wa-notice h3{font-size:18px;margin:0 0 7px}.wa-notice p{font-size:14px;line-height:1.6;margin:0 0 12px}
.wa-notice a{color:#7a3c18;font-weight:800;text-decoration:underline}
.wa-close{position:absolute;right:13px;top:10px;background:none;border:0;color:#41342d;font-size:22px;cursor:pointer}
@media(max-width:920px){.employer-topic-card{gap:20px;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr) 40px}.values-grid{grid-template-columns:1fr}}
@media(max-width:690px){.employer-topic-card{grid-template-columns:minmax(0,1fr) 38px;row-gap:14px}.employer-topic-name{grid-column:1;grid-row:1}.employer-topic-question{grid-column:1/-1;grid-row:2}.employer-topic-go{grid-column:2;grid-row:1}.contact-section .map-block{grid-template-columns:1fr;gap:18px;margin-top:35px}.map-copy{padding:0}.map-embed{height:290px}.value-panel{padding:28px}.hero.clean-hero .hero-grid{padding:62px 0;min-height:0}.wa-float{bottom:14px;right:14px}}

/* Minder herhaling in tariefkaarten, gratis kennismaken staat één keer erboven. */
.pricing-section .pricing-card{min-height:288px}


/* 2026-10 | Vernieuwd hoofdmenu, homepage en mobiele navigatie */
.site-header{overflow:visible}
.nav-links.nav-links-refined{gap:clamp(17px,2.1vw,30px);overflow:visible}
.nav-links-refined > a,
.nav-links-refined .nav-drop-btn,
.nav-links-refined .nav-about-combo > a{
  color:#eee3d9;font-family:Manrope,Arial,sans-serif;font-size:13px;font-weight:750;
  line-height:1.4;text-decoration:none;letter-spacing:-.01em;
}
.nav-links-refined a[aria-current=page]{color:#f0b47b!important}
.nav-links-refined .nav-drop-btn{appearance:none;background:transparent;border:0;cursor:pointer;padding:11px 0;white-space:nowrap;display:flex;align-items:center;gap:7px}
.nav-links-refined .nav-about-combo{display:flex;align-items:center;gap:5px}
.nav-links-refined .nav-about-combo > a{padding:11px 0}
.nav-links-refined .nav-chevron-button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;appearance:none;padding:6px 5px;background:none;border:0;color:#eee3d9}
.nav-links-refined .chevron{font-size:16px;font-weight:700;transition:transform .2s;line-height:1}
.nav-dropdown{position:relative;display:flex;align-items:center;min-width:0}
.nav-dropdown-menu{
  display:none;position:absolute;top:calc(100% + 5px);left:-17px;z-index:200;
  min-width:224px;padding:9px;background:#fffdf9;color:#251c16;
  border:1px solid #e5d8cc;border-radius:11px;
  box-shadow:0 18px 44px rgba(20,12,8,.23);
}
.nav-dropdown-menu::before{content:"";position:absolute;top:-12px;height:13px;left:0;right:0}
.nav-dropdown-menu a,
.nav-links-refined .nav-dropdown-menu a:not(.button){
  display:block;padding:12px 13px;color:#30241e!important;font-size:13px;font-weight:750;
  border-radius:7px;white-space:nowrap;
}
.nav-dropdown-menu a:hover,.nav-dropdown-menu a:focus-visible{background:#f5ebe1;color:#70340f!important}
@media(hover:hover) and (min-width:1051px){
 .nav-dropdown:hover .nav-dropdown-menu{display:block}
 .nav-dropdown:hover .chevron{transform:rotate(180deg)}
}
.nav-dropdown:focus-within .nav-dropdown-menu,.nav-dropdown.is-open .nav-dropdown-menu{display:block}
.nav-dropdown.is-open .chevron{transform:rotate(180deg)}
.nav-links-refined .nav-drop-btn:hover,.nav-links-refined .nav-drop-btn:focus-visible,.nav-links-refined .nav-about-combo > a:hover{color:#f0b47b}
.nav-dropdown:focus-within{z-index:201}
/* Homepage deliberately simple, no images or repetitive info panels */
.homepage-hero{background:radial-gradient(ellipse at 94% 62%,rgba(106,49,31,.23),transparent 50%),linear-gradient(115deg,#211712,#31221c 72%,#271b17)}
.homepage-hero-inner{padding:clamp(74px,8vw,118px) 0 clamp(78px,8.4vw,122px);max-width:1140px}
.homepage-hero .eyebrow{font-size:12px;letter-spacing:.16em;color:#efbd8a}
.homepage-hero h1{font-size:clamp(37px,4.7vw,61px);line-height:1.19;max-width:920px;margin:24px 0 28px;letter-spacing:-.042em;color:#fff6ef}
.homepage-hero h1 span{display:block;color:#e09752;margin-top:7px}
.homepage-hero-lead{max-width:820px;font-size:clamp(16px,1.8vw,19px);line-height:1.75;color:#f3e7dd;margin:0 0 14px}
.homepage-hero-description{max-width:780px;font-size:15px;line-height:1.85;color:#d9c6b8;margin:0}
.homepage-cta{display:flex;flex-direction:column;align-items:start;margin-top:32px;gap:13px}
.homepage-cta .button{min-height:48px}
.homepage-cta p{margin:0;font-size:12px;line-height:1.7;letter-spacing:.015em;color:#cdb9a9}
.homepage-cta p span{padding:0 8px;color:#b17b50}
.homepage-audiences{padding:82px 0 94px;background:#faf7f2}
.homepage-section-heading{margin-bottom:32px}
.homepage-section-heading h2{font-size:clamp(30px,3.4vw,44px);letter-spacing:-.03em}
.homepage-audience-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.homepage-audience-grid .audience-card{min-height:196px;background:#fff;border:1px solid #e2d8cf;padding:28px 31px 28px 23px;border-radius:12px;display:flex;flex-direction:column;gap:5px}
.homepage-audience-grid .audience-card strong{font-size:20px;font-weight:800;line-height:1.28;color:#261c17}
.homepage-audience-grid .audience-card p{font-size:14px;line-height:1.6;color:#685a50;max-width:240px;margin:9px 0 0}
.homepage-audience-grid .audience-card>span:last-child{color:#974d24;top:25px;right:18px}
.homepage-audience-grid .audience-card:hover,.homepage-audience-grid .audience-card:focus-visible{transform:translateY(-3px);border-color:#ad704b;box-shadow:0 15px 28px rgba(35,20,12,.075)}
.homepage-personal{background:#eee5db;padding:96px 0}
.homepage-personal-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.03fr);gap:clamp(35px,8vw,115px);align-items:start}
.homepage-personal-title h2{font-size:clamp(33px,3.65vw,48px);letter-spacing:-.04em;line-height:1.23;margin:17px 0}
.homepage-personal-title h2 span{color:#884a2d}
.homepage-personal-copy p{font-size:16px;line-height:1.9;margin:0 0 18px;color:#51463d}
.homepage-personal-copy .button{margin-top:13px}
.button-dark{background:#5c211b;color:#fff;border-color:#5c211b}
.button-dark:hover{background:#3f1817;border-color:#3f1817;color:#fff}
@media(max-width:1050px){
 .nav-links.nav-links-refined{gap:0;overflow-y:auto}
 .nav-links-refined > a{padding:14px 4px!important;font-size:15px!important}
 .nav-dropdown{display:block;border-bottom:1px solid rgba(255,255,255,.12)}
 .nav-dropdown-menu{position:static;min-width:0;box-shadow:none;border:none;border-left:2px solid #ba7a4b;border-radius:0;padding:5px 0 7px 13px;margin:0 0 14px 8px;background:transparent}
 .nav-dropdown-menu::before{display:none}
 .nav-links-refined .nav-dropdown-menu a:not(.button){color:#f0e4d8!important;font-size:14px;padding:12px 10px;white-space:normal}
 .nav-dropdown-menu a:hover,.nav-dropdown-menu a:focus-visible{background:#4b3226;color:#fff!important}
 .nav-links-refined .nav-drop-btn{width:100%;justify-content:space-between;padding:15px 4px;font-size:15px}
 .nav-about-combo{justify-content:space-between}
 .nav-about-combo > a{flex:1;padding:15px 4px!important;font-size:15px!important}
 .nav-chevron-button{padding:15px 9px!important}
 .nav-dropdown:hover .nav-dropdown-menu{display:none}
 .nav-dropdown:focus-within .nav-dropdown-menu,.nav-dropdown.is-open .nav-dropdown-menu{display:block}
 .nav-links-refined > a:last-child{border:0}
}
@media(max-width:850px){
 .homepage-audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .homepage-personal-grid{grid-template-columns:1fr;gap:20px}
 .homepage-hero-inner{padding:77px 0 88px}
}
@media(max-width:560px){
 .homepage-audience-grid{grid-template-columns:1fr}
 .homepage-audience-grid .audience-card{min-height:140px;padding:23px 44px 24px 23px}
 .homepage-hero h1{font-size:clamp(33px,9vw,43px)}
 .homepage-hero-lead{font-size:16px}
 .homepage-hero-description{font-size:15px}
 .homepage-personal,.homepage-audiences{padding:60px 0}
 .homepage-personal-copy .button{width:100%;text-align:center}
}
@media(prefers-reduced-motion:reduce){.nav-links-refined *{transition:none!important}}


/* Homepage-update: oorspronkelijke donkere hero, lichte kaarten en warme beige vlakken blijven behouden. */
.homepage-hero h1{max-width:850px}
.homepage-hero h1 span{display:block;margin-top:5px}
.homepage-hero-inner{padding-top:clamp(73px,7.6vw,108px);padding-bottom:clamp(82px,8vw,116px)}
.homepage-hero-lead{max-width:770px}
.homepage-hero-description{max-width:810px}
.homepage-section-heading h2{margin:0;max-width:810px;line-height:1.23}
.homepage-personal-copy p:last-child{margin-bottom:0}
.homepage-short-approach{background:#faf7f2;padding:84px 0 88px;border-top:1px solid #e4d8cc}
.homepage-short-approach-inner{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(32px,7vw,100px);align-items:center}
.homepage-short-approach h2{margin:16px 0 0;max-width:490px;line-height:1.25}
.homepage-short-approach h2 span{color:#884a2d}
.homepage-short-approach-copy p{font-size:16px;line-height:1.85;margin:0 0 19px;color:#554940}
.homepage-text-link{display:inline-flex;gap:12px;align-items:center;color:#793821;font-size:15px;font-weight:800;padding-bottom:5px;border-bottom:1px solid #b9896a;transition:gap .2s,color .2s}
.homepage-text-link:hover{gap:18px;color:#62091b}
.homepage-closing{padding:61px 0;background:#62091b;color:#fff}
.homepage-closing-inner{display:flex;justify-content:space-between;align-items:center;gap:44px}
.homepage-closing-inner>div{max-width:650px}
.homepage-closing .eyebrow{color:#eab382}
.homepage-closing h2{font-size:clamp(27px,3vw,40px);margin:11px 0 12px}
.homepage-closing p{color:#f0ded7;font-size:15px;line-height:1.8;margin:0}
.homepage-closing-button{flex:none;max-width:340px;background:#f7f0e8;border-color:#f7f0e8;color:#522518}
.homepage-closing-button:hover{background:#f0d8c6;border-color:#f0d8c6;color:#522518}
/* Interactieve pagina Onze aanpak met dezelfde Manrope-font, originele kleuren en zachte kaarten. */
.approach-hero h1 span{color:#e8ad76}
.approach-timeline{background:#faf7f2;padding:86px 0 95px}
.approach-timeline-heading{max-width:790px;margin-bottom:34px}
.approach-timeline-heading h2{margin:12px 0 16px;font-size:clamp(30px,3.35vw,42px)}
.approach-timeline-heading h2 span{color:#8b4a2d}
.approach-timeline-heading p{font-size:16px;line-height:1.85;margin:0}
.approach-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.approach-card{appearance:none;width:100%;min-width:0;display:flex;flex-direction:column;align-items:stretch;text-align:left;cursor:pointer;background:#fffdf9;border:1px solid #e1d4c8;border-radius:13px;padding:28px 29px 26px;color:#2b201b;box-shadow:0 7px 20px rgba(47,28,17,.03);font-family:var(--body);font-size:inherit;transition:border-color .22s,box-shadow .22s,transform .22s,background .22s}
.approach-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.approach-number{color:#8e481f;font-size:14px;font-weight:800;letter-spacing:.07em}
.approach-pictogram{height:43px;width:43px;border:1px solid #e8d9cb;background:#f6eee5;border-radius:11px;display:grid;place-items:center;color:#925128;font-size:23px;font-weight:700}
.approach-title{font-size:clamp(21px,2.4vw,28px);font-weight:800;letter-spacing:-.035em;line-height:1.28;margin-bottom:5px}
.approach-tagline{color:#6f5b50;font-size:14px;line-height:1.6;font-weight:650}
.approach-detail{max-height:0;opacity:0;overflow:hidden;display:block;font-size:14px;line-height:1.85;color:#55483f;transition:max-height .4s ease,opacity .28s ease,margin .3s ease; margin-top:0}
.approach-detail strong{color:#3b2a22;font-weight:800}
.approach-card-hint{border-top:1px solid #eee2d8;padding-top:14px;margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#8a461f;font-weight:800;font-size:12px;letter-spacing:.015em}
.approach-card .hint-open{display:none}
.approach-chevron{font-size:20px;line-height:1;transition:transform .25s}
.approach-card.is-active,.approach-card:focus-visible{background:#fffaf4;border-color:#ad704b;box-shadow:0 14px 30px rgba(47,28,17,.075);transform:translateY(-2px)}
.approach-card.is-active .approach-detail,.approach-card:focus-visible .approach-detail{max-height:650px;opacity:1;margin-top:20px}
.approach-card.is-active .hint-closed,.approach-card:focus-visible .hint-closed{display:none}
.approach-card.is-active .hint-open,.approach-card:focus-visible .hint-open{display:inline}
.approach-card.is-active .approach-chevron,.approach-card:focus-visible .approach-chevron{transform:rotate(180deg)}
@media(hover:hover) and (pointer:fine){
 .approach-card:hover{background:#fffaf4;border-color:#ad704b;box-shadow:0 14px 30px rgba(47,28,17,.075);transform:translateY(-2px)}
 .approach-card:hover .approach-detail{max-height:650px;opacity:1;margin-top:20px}
 .approach-card:hover .hint-closed{display:none}
 .approach-card:hover .hint-open{display:inline}
 .approach-card:hover .approach-chevron{transform:rotate(180deg)}
}
.approach-hint-bottom{color:#76675e;margin:23px 0 0;font-size:13px}
.about-signoff{font-weight:750;color:#683922!important;margin-top:26px!important}
@media(max-width:1050px){.nav-links.nav-links-refined{gap:0}}
@media(max-width:850px){.homepage-short-approach-inner{grid-template-columns:1fr;gap:20px}.homepage-closing-inner{flex-direction:column;align-items:flex-start;gap:24px}}
@media(max-width:620px){.homepage-short-approach{padding:64px 0 70px}.homepage-closing{padding:50px 0}.homepage-closing-button{max-width:none;width:100%}.approach-cards{grid-template-columns:1fr;gap:13px}.approach-card{padding:24px}.approach-timeline{padding:62px 0 70px}.approach-timeline-heading p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.approach-card,.approach-detail,.approach-chevron{transition:none!important}}

/* Vier interactieve stappen op homepage, met de oorspronkelijke V&S WerkWijs-huisstijl. */
.homepage-approach-steps{background:#f6f0e9;padding:78px 0 88px}
.homepage-steps-link{margin-top:27px}
.homepage-approach-steps .approach-timeline-heading{max-width:810px}
.homepage-approach-steps .approach-card{background:#fffdf9}
@media(max-width:620px){.homepage-approach-steps{padding:60px 0 68px}}

/* Een heldere, dikgedrukte toelichting op onze dienstverlening op de homepage. */
.homepage-what-title{display:block;margin-bottom:9px;font-size:20px;line-height:1.4;font-weight:800;color:#fff6ef;letter-spacing:-.01em}

/* Algemene voorwaarden en privacyverklaring: in de bestaande V&S WerkWijs-huisstijl. */
.footer-kvk{color:#ddcbbd!important;white-space:nowrap}
.footer-kvk strong{font-weight:750;color:#f3e6da}
.footer-bottom{align-items:center;flex-wrap:wrap}
.legal-hero{padding:66px 0 68px}
.legal-section{background:#f7f4ef;padding:65px 0 95px}
.legal-layout{display:grid;grid-template-columns:235px minmax(0,1fr);align-items:start;gap:40px;max-width:1100px}
.legal-sidebar{position:sticky;top:110px}
.legal-nav-inner{background:#fffdf9;border:1px solid #e3d8cf;border-radius:12px;padding:25px 20px;box-shadow:0 7px 24px rgba(40,24,14,.035)}
.legal-nav-inner>span{display:block;font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#98542b;margin-bottom:15px}
.legal-nav-inner nav{display:flex;flex-direction:column;gap:2px}
.legal-nav-inner nav a{font-size:13px;color:#675347;border-radius:7px;line-height:1.4;padding:10px 8px;transition:color .2s,background .2s}
.legal-nav-inner nav a:hover,.legal-nav-inner nav a:focus-visible{background:#f3e7dc;color:#62091b}
.legal-document{min-width:0;border:1px solid #e3d8cf;border-radius:14px;background:#fffdf9;padding:42px clamp(22px,3.3vw,51px);box-shadow:0 12px 34px rgba(40,24,14,.04)}
.legal-status{display:flex;align-items:flex-start;gap:14px;padding:17px 19px;border-left:3px solid #a86236;border-radius:8px;background:#f6ede3;margin-bottom:37px}
.legal-status p{color:#5c4637;font-size:13px;line-height:1.7;margin:0}
.legal-status a{color:#62091b;text-decoration:underline;text-underline-offset:3px;font-weight:700}
.legal-status-icon{background:#a86236;border-radius:99px;color:white;flex:0 0 21px;display:grid;place-items:center;font-weight:800;font-size:13px;height:21px}
.legal-status-privacy{background:#f3e8df}
.legal-markdown{overflow-wrap:anywhere}
.legal-markdown h2{font-size:clamp(24px,2.6vw,32px);line-height:1.3;color:#31211b;margin:53px 0 16px;padding-top:4px;scroll-margin-top:105px}
.legal-markdown h2:first-child{margin-top:0}
.legal-markdown h2[id^="deel-"]{border-bottom:1px solid #e8dad0;padding-bottom:13px;color:#62091b}
.legal-markdown h3{font-size:clamp(19px,1.9vw,23px);color:#362720;line-height:1.35;margin:35px 0 15px;scroll-margin-top:105px}
.legal-markdown p{font-size:14px;line-height:1.85;color:#554940;margin:0 0 17px}
.legal-markdown ol,.legal-markdown ul{padding-left:23px;margin:12px 0 24px}
.legal-markdown li{font-size:14px;color:#554940;line-height:1.8;padding-left:4px;margin:5px 0}
.legal-markdown li::marker{color:#8c4a23;font-weight:750}
.legal-markdown strong{color:#34231e}
.legal-markdown em{color:#685043}
.legal-markdown a{color:#884725;text-decoration:underline;text-underline-offset:3px}
.legal-markdown hr{border:0;border-top:1px solid #e9dcd2;margin:36px 0}
.legal-markdown table{width:100%;border-collapse:collapse;margin:22px 0 30px;font-size:13px;line-height:1.5}
.legal-markdown th{background:#3a2821;color:#fff;font-weight:750;text-align:left}
.legal-markdown th,.legal-markdown td{padding:12px 11px;border:1px solid #e5d8ca;vertical-align:top}
.legal-markdown tr:nth-child(even) td{background:#faf5ef}
.legal-source-meta,.legal-endnote{font-size:12px!important;color:#857269!important;border-top:1px solid #eaded4;padding-top:18px;margin-top:30px!important}
@media(max-width:850px){.legal-layout{grid-template-columns:1fr;gap:18px}.legal-sidebar{position:static}.legal-nav-inner nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.legal-document{padding:30px 23px}}
@media(max-width:560px){.legal-section{padding:38px 0 65px}.legal-nav-inner nav{grid-template-columns:1fr 1fr}.legal-nav-inner{padding:18px 15px}.legal-nav-inner nav a{padding:8px 4px;font-size:12px}.legal-markdown table{font-size:11px}.legal-markdown th,.legal-markdown td{padding:8px 6px}.legal-document{padding:24px 17px}.legal-status{padding:13px}.legal-markdown h2{margin-top:39px}.legal-markdown h3{margin-top:28px}.legal-hero{padding:44px 0 48px}}

/* Opdrachtgericht documentbeheer, aansluitend bij bestaande V&S WerkWijs-huisstijl */
.docs-hero h1 span{color:#e6ad78}.docs-section{background:#f7f2ec;padding:clamp(50px,7vw,95px) 0 100px}
.docs-lead{max-width:740px;margin-bottom:30px}.docs-lead h2{font-size:clamp(28px,3vw,40px);line-height:1.26;color:#31211d;margin:12px 0 18px}
.docs-lead p,.docs-card p,.docs-foot p,.docs-tariffs p{line-height:1.8;color:#594940}
.docs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.docs-card{padding:29px;border:1px solid #e2d4c5;border-radius:13px;background:#fffdf9;min-width:0;box-shadow:0 6px 20px rgba(35,22,17,.025)}
.docs-num{display:inline-flex;align-items:center;justify-content:center;background:#f4e9dd;color:#94492a;width:43px;height:43px;border-radius:11px;font-size:15px;font-weight:800}
.docs-card h3{margin:21px 0 9px;color:#2d1e19;font-size:21px;line-height:1.32}.docs-card p{font-size:14px;margin:0}
.docs-foot{margin-top:27px;border-left:3px solid #a16b43;background:#eee1d5;padding:clamp(22px,4vw,35px);border-radius:10px}
.docs-foot h2{font-size:clamp(23px,3vw,31px);color:#36221c;margin:0 0 12px}.docs-foot p{max-width:920px;margin:0 0 11px}
.docs-links{display:flex;flex-wrap:wrap;gap:12px 25px;margin-top:20px}.docs-links a,.docs-tariffs a,.docs-inline-link a{color:#78361f;font-weight:800;text-decoration:underline;text-underline-offset:4px}
.docs-inline-link{font-size:14px;margin-top:22px;color:#55473e}.docs-tariffs{background:#f5eee6;padding:50px 0 55px}
.docs-tariffs h2{margin:0 0 12px;font-size:clamp(23px,3vw,30px);color:#34231e}.docs-tariffs p{max-width:850px;margin:0 0 15px}
/* Extra mobile reliability and touch areas */
html,body{max-width:100%;overflow-x:clip}
.nav-links a,.nav-drop-btn,.nav-chevron-button{touch-action:manipulation}
.legal-document,.docs-card,.approach-card,.audience-card{min-width:0}
.legal-markdown table{display:block;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
.legal-markdown table th,.legal-markdown table td{min-width:86px}
@media(max-width:650px){
 .docs-section{padding:45px 0 65px}.docs-grid{grid-template-columns:1fr;gap:13px}.docs-card{padding:23px}
 .docs-foot{padding:23px}.docs-links{flex-direction:column;gap:12px}
 .legal-document{min-width:0}.legal-nav-inner nav a{min-height:40px;display:flex;align-items:center}
 .contact-form input,.contact-form textarea,.contact-form select{font-size:16px}
 .footer-bottom{align-items:flex-start}
}


/* 7 november 2026: leesbare tarieftabel en btw-id bij bedrijfsgegevens */
.legal-markdown th{background:#F2DFCC;color:#38231A;border-color:#DDC4AE;font-weight:800}
.legal-markdown th strong{color:#38231A;font-weight:800}
.legal-markdown thead tr th{background:#F2DFCC;color:#38231A}
.legal-markdown tbody td{background:#FFFDF9;color:#45362D}
.legal-markdown tbody tr:nth-child(even) td{background:#FBF4EC}
.footer-btw{color:#ddcbbd!important;white-space:nowrap}
.footer-btw strong{color:#F2DBBE;font-weight:750}
@media(max-width:560px){.footer-bottom .footer-btw{white-space:normal}}

/* V&S WerkWijs · aangepaste doelgroepen en werving, november 2026 */
.homepage-audience-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.recruitment-home{background:#fffaf4;padding:74px 0;border-top:1px solid #ebded1}
.recruitment-home-inner{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(230px,.7fr);gap:clamp(28px,6vw,72px);align-items:center}
.recruitment-home .eyebrow{color:#92501f}
.recruitment-home h2{font-size:clamp(29px,3.5vw,42px);line-height:1.2;letter-spacing:-.028em;max-width:740px;margin:15px 0}
.recruitment-home p{color:#51463d;line-height:1.82;font-size:15px;max-width:720px;margin-bottom:22px}
.recruitment-pillars{display:grid;gap:12px}
.recruitment-pillars span{display:block;padding:16px 18px;background:#f3e8dc;border-left:4px solid #a65b2e;border-radius:7px;font-weight:700;font-size:14px;line-height:1.5;color:#35211b}
.about-beliefs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:26px 0 30px}
.about-belief{background:#fff;border:1px solid #e7d9cd;padding:25px;border-radius:11px}
.about-belief h3{font-size:20px;line-height:1.4;margin:14px 0}
.about-belief p{font-size:15px;line-height:1.72}
.footer-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
.footer-bottom{flex-wrap:wrap}
/* Label and cards readable even on very small screens */
@media(max-width:1050px){.homepage-audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.recruitment-home-inner{grid-template-columns:1fr}.recruitment-home{padding:56px 0}.about-beliefs{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}}
@media(max-width:560px){.homepage-audience-grid{grid-template-columns:1fr}.container{width:calc(100% - 32px)}.homepage-hero-inner{padding:68px 0 74px}.recruitment-home h2{font-size:30px}.contact-form{padding:20px 15px}}
@media(max-width:360px){.homepage-hero h1{font-size:31px}.nav .brand-text{min-width:0}.price-big{font-size:36px}}


/* V&S WerkWijs: rustig mobiel menu en minder decoratieve tekens, november 2026 */
.nav-links-refined .chevron,
.approach-chevron {
    display:inline-block;
    width:8px;
    height:8px;
    flex:0 0 8px;
    border-right:1.7px solid currentColor;
    border-bottom:1.7px solid currentColor;
    transform:rotate(45deg);
    vertical-align:middle;
    font-size:0;
    transition:transform .2s ease;
}
.nav-dropdown:hover .chevron,
.nav-dropdown.is-open .chevron {transform:rotate(225deg)}
.approach-card.is-active .approach-chevron,
.approach-card:focus-visible .approach-chevron,
.approach-card:hover .approach-chevron {transform:rotate(225deg)}
/* Step numbering replaces the previous decorative symbols. */
.approach-card-top {align-items:center}
.approach-pictogram{display:none!important}
/* Remove unused icon-font symbols inherited from older service cards. */
.service-icon {display:none!important}
.service-icon::after {content:none!important}
/* No blank space where the arrow-in-a-box emoji used to appear. */
.audience-card>span[aria-hidden="true"] {display:none!important}
@media (max-width:1050px){
  /* Three unmistakable horizontal bars instead of an arrow/chevron. */
  .site-header .menu-toggle {
    display:flex;
    position:relative;
    flex:0 0 48px;
    width:48px;
    height:48px;
    border:1px solid #936f56;
    border-radius:10px;
    background:#35241e;
    padding:0;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:6px;
    cursor:pointer;
    z-index:220;
    touch-action:manipulation;
  }
  .site-header .menu-toggle span {
    display:block;
    flex:none;
    width:23px;
    height:2px;
    border-radius:3px;
    background:#f5eee6;
    transform-origin:center;
    transition:transform .2s ease, opacity .15s ease;
  }
  .site-header .menu-toggle:hover,
  .site-header .menu-toggle:focus-visible {border-color:#e09752;background:#402921;outline-offset:3px}
  .site-header .menu-toggle[aria-expanded="true"] span:first-child {transform:translateY(8px) rotate(45deg)}
  .site-header .menu-toggle[aria-expanded="true"] span:nth-child(2) {opacity:0}
  .site-header .menu-toggle[aria-expanded="true"] span:last-child {transform:translateY(-8px) rotate(-45deg)}
  .site-header .nav-links {z-index:210}
  .site-header .nav-links.open {display:flex}
  .nav-dropdown .chevron {width:8px;height:8px}
}
@media (min-width:1051px) {
  .site-header .menu-toggle {display:none}
}

/* Formulier: twee zichtbare, verplichte bevestigingen vóór verzending */
.request-acknowledgements{margin:18px 0 22px;padding:15px 17px;background:#f8f3ee;border:1px solid #e2d5c9;border-radius:10px}
.request-acknowledgements .consent{margin:5px 0 12px;font-size:13px;line-height:1.65;color:#51443b}
.request-acknowledgements .consent input{flex:0 0 18px;height:18px;width:18px;margin-top:3px}
.request-acknowledgements .consent strong{color:#9b451f}
.application-notice{margin:4px 0 0;font-size:12.5px;line-height:1.6;color:#67554a}
@media(max-width:600px){.request-acknowledgements{padding:13px}.request-acknowledgements .consent{font-size:13px}}


/* 10 november 2026: compacter V&S WerkWijs-logo met Recruitment, volgens aangeleverd voorbeeld. */
.site-header .brand { gap:9px; display:inline-flex; align-items:center; min-width:0; max-width:100%; flex-shrink:0; }
.site-header .brand-mark { font-size:30px; letter-spacing:-.09em; line-height:1; }
.site-header .brand-divider { width:1px; height:35px; background:#d09b72; opacity:.9; display:block; flex:0 0 1px; }
.site-header .brand-text { font-size:18px; font-weight:800; letter-spacing:-.025em; line-height:1.12; display:flex; flex-direction:column; }
.site-header .brand-text small.brand-tagline { display:block; font-size:7.3px; font-weight:600; letter-spacing:0; margin-top:4px; line-height:1.35; color:#e3d1c5; white-space:nowrap; }
.site-header .brand-tagline > span + span { margin-left:3px; }
.site-header .brand-tagline b { color:#cf9d73; font-style:normal; font-weight:500; margin:0 2px; }
@media (max-width:1140px) and (min-width:1051px) {
  .site-header .nav { gap:14px; }
  .site-header .brand-mark {font-size:27px;}
  .site-header .brand-text {font-size:16px;}
  .site-header .brand-text small.brand-tagline {font-size:6.5px;}
  .site-header .nav-links {gap:9px;}
  .site-header .nav-links a:not(.button) {font-size:11px;}
}
@media (max-width:600px) {
  .site-header .nav { gap:10px; min-height:70px; }
  .site-header .brand {gap:7px;}
  .site-header .brand-mark {font-size:28px;}
  .site-header .brand-divider {height:34px;}
  .site-header .brand-text {font-size:17px;}
  .site-header .brand-text small.brand-tagline {font-size:7px; line-height:1.28; margin-top:3px; white-space:normal;}
  .site-header .brand-tagline > span { display:block; }
  .site-header .brand-tagline > span + span {margin-left:0;}
  .site-header .brand-tagline .brand-linebreak {display:none;}
}
@media (max-width:370px) {
  .site-header .brand-mark {font-size:25px;}
  .site-header .brand-text {font-size:16px;}
  .site-header .brand-text small.brand-tagline {font-size:6.3px;}
  .site-header .brand-divider {height:31px;}
}
/* Kleinere, rustigere juridische bevestiging bij het contactformulier, ook op mobiel leesbaar. */
.request-acknowledgements {padding:11px 14px; margin:15px 0 18px; }
.request-acknowledgements .consent {font-size:12px; line-height:1.5; gap:9px; margin:4px 0 9px; }
.request-acknowledgements .consent input {flex:0 0 16px; width:16px; height:16px; margin-top:2px; }
.request-acknowledgements .application-notice {font-size:11.5px; line-height:1.5; margin-top:5px; }
@media (max-width:600px) {
  .request-acknowledgements {padding:10px 12px;}
  .request-acknowledgements .consent {font-size:12px; line-height:1.5;}
  .request-acknowledgements .application-notice {font-size:11.5px;}
}

/* Homepage: geen dubbel label boven de kop */
.homepage-hero h1{margin-top:0}

/* Regelingenscan & jaarlijkse HR-check: aansluitend op bestaande huisstijl */
.scan-promo{background:#efe5d9;padding:64px 0}.scan-promo-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,.85fr);align-items:center;gap:48px}.scan-promo .eyebrow,.scan-detail-section .eyebrow{color:#914608}.scan-promo h2,.scan-detail-section h2,.scan-faq h2{font-size:clamp(27px,3.5vw,39px);line-height:1.2;margin:10px 0 18px;color:#291e17}.scan-promo p{color:#604d41;font-size:15px;line-height:1.8;max-width:715px}.button-scan{margin-top:13px}.scan-promo-price{display:flex;flex-direction:column;gap:5px;background:#fffaf4;border:1px solid #dcc5b0;border-radius:14px;padding:33px 30px}.scan-promo-price span,.scan-price-panel span{color:#8c4a27;font-size:11px;font-weight:800;letter-spacing:.08em}.scan-promo-price strong,.scan-price-panel strong{color:#3b271e;font-weight:800;font-size:clamp(41px,5vw,55px);line-height:1.2;letter-spacing:-.035em}.scan-promo-price p,.scan-price-panel p{font-size:15px;font-weight:700;margin:0;color:#84431f}.scan-promo-price small,.scan-price-panel small{font-size:12px;line-height:1.65;color:#746050;margin-top:10px}.extra-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:34px auto 60px}.extra-prices-card{background:#f4ece3;border:1px solid #e5d4c6;border-radius:13px;padding:27px 30px}.extra-prices-card h2{font-size:24px;margin:8px 0 12px;line-height:1.35}.extra-prices-card p{font-size:14px;line-height:1.8;color:#655349}.extra-prices-card a,.scan-faq .text-link{color:#7b3c17;font-weight:800;text-decoration:underline;text-underline-offset:4px}.scan-detail-section{padding:76px 0;background:#fffaf5}.scan-detail-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.85fr);gap:56px;align-items:start}.steps-scan{list-style:none;counter-reset:s;display:grid;gap:25px;padding:0;margin:30px 0 0}.steps-scan li{counter-increment:s;position:relative;padding-left:47px}.steps-scan li::before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:0;color:#945629;font-weight:800}.steps-scan li strong{font-size:17px;color:#2a1e17}.steps-scan li p{font-size:14px;line-height:1.8;margin:5px 0 0}.scan-price-panel{background:#f3e6d9;border:1px solid #dfc3ad;border-radius:14px;padding:32px;display:flex;flex-direction:column;gap:9px}.scan-price-panel b{font-size:14px;color:#3d2b20}.scan-price-panel strong small{font-size:14px;letter-spacing:0}.scan-list{padding-left:20px;line-height:1.9}.scan-list li{margin:0 0 9px}.scan-faq{padding:55px 0 70px;background:#f4eee6}.scan-faq .container{max-width:900px}.scan-faq p{line-height:1.85;font-size:15px}.legal-boundary-note{border-left:3px solid #9b4a08;background:#f8eee4;padding:22px 26px;border-radius:0 10px 10px 0;font-size:14px;line-height:1.8;color:#483429;margin:26px auto}.annual-price{background:#f4e8df}
@media(max-width:750px){.scan-promo{padding:45px 0}.scan-promo-grid,.scan-detail-grid,.extra-prices{grid-template-columns:1fr;gap:22px}.scan-promo-price,.scan-price-panel{padding:25px}.scan-detail-section{padding:54px 0}.extra-prices{margin:24px auto 44px}.extra-prices-card{padding:23px}.scan-faq{padding:44px 0}}

/* Regelingenscan 2027: twee transparante inbegrepen vervolgroutes */
.scan-inbegrepen{margin-top:30px}.scan-inbegrepen h3{font-size:21px;line-height:1.35;color:#291e17;margin:0 0 14px}
.scan-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.scan-option{border:1px solid #dfc6b2;background:#fff;border-radius:13px;padding:21px 18px;box-shadow:0 8px 20px rgba(54,33,21,.04)}
.scan-option span{display:block;font-size:10px;line-height:1.5;letter-spacing:.06em;font-weight:800;color:#8c4a27}.scan-option h4{font-size:18px;margin:8px 0 10px;color:#291e17}.scan-option p{font-size:13px;line-height:1.72;color:#655349;margin:0}
.scan-option-note{font-size:12px;line-height:1.75;color:#685449;margin:14px 0 0}.scan-option-note a{color:#7b3c17;font-weight:800;text-decoration:underline;text-underline-offset:3px}
@media(max-width:610px){.scan-options{grid-template-columns:1fr}}