@font-face{font-family:Poppins;font-weight:400;font-style:normal;font-display:swap;src:url(fonts/poppins-regular.woff) format("woff")}
@font-face{font-family:Poppins;font-weight:500;font-style:normal;font-display:swap;src:url(fonts/poppins-medium.woff) format("woff")}
@font-face{font-family:Poppins;font-weight:700;font-style:normal;font-display:swap;src:url(fonts/poppins-bold.woff) format("woff")}

:root{
	--blauw:#2270a4;
	--blauw-donker:#144a70;
	--inkt:#10324c;
	--tekst:#35506a;
	--oranje:#f6921e;
	--oranje-rood:#f05a28;
	--tint:#e9f3fa;
	--lijn:#cfe0ec;
	--wit:#fff;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body.dcrm-site{display:flex;flex-direction:column;min-height:100vh;margin:0;background:var(--wit);color:var(--tekst);font:400 17px/1.65 Poppins,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.dcrm-site h1,.dcrm-site h2,.dcrm-site h3{color:var(--inkt);font-family:Poppins,Helvetica,Arial,sans-serif;font-weight:700;margin:0 0 .5em;padding:0}
.dcrm-site h1{font-size:clamp(2.5rem,5.6vw,4.4rem);line-height:1.06;letter-spacing:-.025em}
.dcrm-site h2{font-size:clamp(1.8rem,3.4vw,2.7rem);line-height:1.14;letter-spacing:-.018em}
.dcrm-site h3{font-size:1.2rem;line-height:1.3}
.dcrm-site p{margin:0 0 1em}
.dcrm-site a{color:var(--blauw)}
:where(.dcrm-site) img{max-width:100%;height:auto;display:block}
.dcrm-site ul,.dcrm-site ol{margin:0;padding:0;list-style:none}
.dcrm-site :focus-visible{outline:3px solid var(--oranje-rood);outline-offset:3px}
.wrap{width:min(1160px,100%);margin:0 auto;padding:0 24px}
main{flex:1 0 auto;width:100%}
.skip{position:absolute;left:-999px;top:8px;background:#fff;padding:8px 16px;z-index:100}
.skip:focus{left:8px}
.preview-bar{background:var(--inkt);color:#fff;text-align:center;font-size:.85rem;padding:6px 12px;margin:0!important}
.preview-bar a{color:var(--oranje)}

/* knoppen */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:12px 28px;border:2px solid transparent;border-radius:8px;font:700 1rem/1.2 Poppins,Helvetica,Arial,sans-serif;text-decoration:none;cursor:pointer;transition:background-color .15s,color .15s,transform .15s}
.dcrm-site .btn-demo{background:var(--oranje);color:var(--inkt)}
.dcrm-site .btn-demo:hover{background:#ffa53c;transform:translateY(-1px)}
.dcrm-site .btn-ghost{background:transparent;color:var(--blauw-donker);border-color:var(--blauw)}
.dcrm-site .btn-ghost:hover{background:var(--blauw);color:#fff}
.btn-small{min-height:44px;padding:8px 18px;font-size:.92rem}
.btn-full{width:100%}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 14px}

/* kop */
.site-header{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 1px 0 var(--lijn)}
.admin-bar .site-header{top:32px}
.header-in{display:flex;align-items:center;gap:10px;min-height:76px}
.brand{margin-right:auto;flex:none}
.brand img{width:196px}
.nav{display:flex;gap:2px;align-items:center}
.dcrm-site .nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:8px;color:var(--inkt);font-size:.95rem;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s}
.dcrm-site .nav a{background:#eef5fa;margin-left:6px;font-weight:600}
.dcrm-site .nav a:hover{background:var(--blauw);color:#fff}
.dcrm-site .nav a[aria-current]{background:var(--blauw);color:#fff}
.tel-ico{display:inline-block;flex:none;width:18px;height:18px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15 15 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25c1.1.37 2.3.57 3.6.57a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.3.2 2.5.57 3.6a1 1 0 0 1-.25 1z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15 15 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25c1.1.37 2.3.57 3.6.57a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.3.2 2.5.57 3.6a1 1 0 0 1-.25 1z'/%3E%3C/svg%3E") center/contain no-repeat}
.dcrm-site .header-tel{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:2px solid var(--blauw);border-radius:8px;color:var(--blauw-donker);font-weight:700;font-size:.95rem;text-decoration:none;white-space:nowrap;transition:background-color .15s,color .15s}
.dcrm-site .header-tel:hover{background:var(--blauw);color:#fff}
.btn-tel,.btn-call{gap:8px}
.mobile-nav{display:none;position:relative}
.mobile-nav summary{list-style:none;cursor:pointer;width:44px;height:44px;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:10px}
.mobile-nav summary::-webkit-details-marker{display:none}
.mobile-nav summary span{display:block;height:3px;background:var(--inkt);border-radius:2px}
.mobile-nav nav{position:absolute;right:0;top:52px;background:#fff;border:1px solid var(--lijn);border-radius:8px;min-width:210px;padding:8px;box-shadow:0 12px 30px rgba(16,50,76,.16)}
.dcrm-site .mobile-nav a{display:block;padding:13px 12px;border-radius:6px;color:var(--inkt);text-decoration:none;font-weight:500}
.dcrm-site .mobile-nav a:hover{background:var(--tint)}

/* hero */
.hero{position:relative;overflow:hidden;background:var(--tint)}
.hero-in{position:relative;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:32px;align-items:end;min-height:600px}
.hero-copy{padding:72px 0}
.hero-copy .lead{max-width:37em}
.lead{font-size:1.15rem;color:var(--tekst)}
.hero-proof li{position:relative;padding:3px 0 3px 22px;font-size:.95rem;font-weight:500;color:var(--blauw-donker)}
.hero-proof li::before{content:"";position:absolute;left:2px;top:12px;width:10px;height:10px;border-radius:50%;background:var(--oranje-rood)}
.hero-henri{height:504px;width:auto;margin:0 0 -6px;position:relative}
.hero-visual{position:relative;display:flex;justify-content:center;align-self:end;padding-top:56px}
.arc{position:absolute;left:50%;top:18px;transform:translateX(-50%);width:min(100%,470px);height:auto}
.hero-page .hero-in{min-height:0;align-items:center}
.hero-page .hero-copy{padding:64px 0}
.hero-photo{width:100%;max-width:480px;justify-self:center;align-self:end}

/* cijfers */
.stats{background:var(--blauw);color:#fff}
.wrap.stats-in{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:0 auto;padding-top:34px;padding-bottom:34px}
.stats-in div{display:flex;flex-direction:column}
.stats dd{order:-1;margin:0;font-size:clamp(1.8rem,3.2vw,2.5rem);font-weight:700;line-height:1.1;color:#fff}
.stats dt{font-size:.92rem;color:#e6f0f7}

/* secties */
.band{padding:96px 0}
.band-tint{background:var(--tint)}
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}
.split-img-left{grid-template-columns:.8fr 1.2fr}
.split-top{grid-template-columns:1fr 1fr;align-items:start}
.section-lead{max-width:40em;font-size:1.1rem}
.side-henri{max-height:520px;width:auto;margin:0 auto}
.photo{width:100%;border-radius:8px}
.photo-free{border-radius:0;max-width:440px;margin:0 auto;-webkit-mask-image:linear-gradient(to right,#000 80%,transparent),linear-gradient(to top,transparent,#000 14%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,#000 80%,transparent),linear-gradient(to top,transparent,#000 14%);mask-composite:intersect}
.dcrm-site .punch{font-size:1.3rem;font-weight:700;color:var(--blauw-donker);line-height:1.3;margin:22px 0 12px}
.big-claim{font-size:clamp(2rem,4.2vw,3.2rem);font-weight:700;line-height:1.08;letter-spacing:-.02em;color:var(--oranje-rood);margin:6px 0 20px!important}
.problem h2{margin-bottom:.6em}
.dcrm-site .sub-h{font-size:1.2rem;margin:22px 0 8px}
.problem .btn{margin-top:6px}
.section-cta{margin:36px 0 0!important}
.why{text-align:center}
.why .section-lead{margin:0 auto}
.dcrm-site .why-list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:32px}
.why .punch{margin-top:28px;margin-bottom:0}
.why-list li{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;color:var(--blauw);padding:22px 8px;border-top:3px solid var(--oranje);border-bottom:3px solid var(--oranje)}

.dots li,.checks li{position:relative;padding:7px 0 7px 34px}
.dots li::before{content:"";position:absolute;left:4px;top:15px;width:12px;height:12px;border-radius:50%;background:var(--oranje-rood)}
.checks li::before{content:"";position:absolute;left:0;top:11px;width:22px;height:22px;border-radius:50%;background:var(--blauw) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M6 11.5l3.4 3.4L16 8' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
.dcrm-site .checks{margin-bottom:24px}
.checks-2{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}
.dcrm-site .checks li{color:var(--inkt)}

/* de route: het vaste beeld van de site */
.route{background:var(--blauw-donker);color:#e6f0f7;padding:96px 0}
.dcrm-site .route h2,.dcrm-site .route h3{color:#fff}
.route-lead{font-size:1.15rem;max-width:36em}
.dcrm-site .stops{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin:48px 0 36px;position:relative;counter-reset:s}
.stops::before{content:"";position:absolute;left:20px;right:calc(25% - 10px);top:27px;border-top:6px dotted rgba(255,255,255,.45)}
.stops li{position:relative;padding-top:80px}
.stops li::before{content:"";position:absolute;left:0;top:10px;width:40px;height:40px;border-radius:50%;background:#fff;box-shadow:0 0 0 7px var(--blauw-donker)}
.stops li:nth-child(1)::before{width:24px;height:24px;top:18px}
.stops li:nth-child(2)::before{width:32px;height:32px;top:14px}
.stops li:nth-child(4)::before{width:56px;height:56px;top:2px;background:linear-gradient(90deg,var(--oranje),var(--oranje-rood))}
.stops h3{font-size:1.4rem}
.stops p{font-size:.98rem;margin:0}
.dcrm-site .route .punch-light{color:#fff;margin-bottom:0}
.route-plain{padding:80px 0}
.route-plain p{color:#e6f0f7}

/* voor wie */
.who{padding-bottom:0}
.who-head{max-width:44em;margin:0 auto 24px;text-align:center}
.lineup{display:flex;justify-content:center;align-items:flex-end;gap:clamp(8px,4vw,64px)}
.lineup img{height:clamp(190px,30vw,400px);width:auto;margin-bottom:-14px;position:relative;z-index:1}
.brands{background:#fff;padding:34px 0;border-top:6px dotted var(--blauw)}
.brands-in{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px}
.brands img{height:46px;width:auto}
.screen{display:block;width:100%;max-width:440px;margin:0 auto;border:1px solid var(--lijn);border-radius:8px;overflow:hidden;box-shadow:0 14px 34px rgba(16,50,76,.14)}

/* stappen */
.dcrm-site .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:32px;counter-reset:stap}
.steps li{counter-increment:stap;padding-top:16px;border-top:3px solid var(--blauw)}
.steps li::before{content:counter(stap);display:block;font-size:2.6rem;font-weight:700;line-height:1.1;color:var(--blauw);margin-bottom:8px}
.steps p{margin:0}
.deal{display:grid;grid-template-columns:1.5fr 1fr;gap:48px;margin-top:64px;align-items:stretch}
.dcrm-site .deal .checks{margin:0}
.guarantee{background:var(--oranje);color:var(--inkt);padding:32px;border-radius:8px}
.dcrm-site .guarantee h3{font-size:1.5rem}
.guarantee p{margin:0;font-weight:500;font-size:1.1rem;line-height:1.5;color:var(--inkt)}

.offer{background:var(--oranje);color:var(--inkt);padding:44px 0}
.offer-in{display:flex;align-items:center;justify-content:space-between;gap:40px}
.dcrm-site .offer h2{margin-bottom:.2em}
.offer p{margin:0;max-width:40em;color:var(--inkt);font-weight:500}
.offer-actions{display:flex;flex-direction:column;align-items:center;gap:8px;flex:none}
.dcrm-site .offer .btn-demo{background:var(--inkt);color:#fff}
.dcrm-site .offer .btn-demo:hover{background:var(--blauw-donker)}
.dcrm-site .offer-link{color:var(--inkt);font-weight:500}
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:36px}
.quotes blockquote{margin:0}

.calc-field{margin:22px 0}
.calc-field label{display:block;font-weight:500;color:var(--inkt);margin-bottom:6px}
.calc-field output{font-weight:700;color:var(--blauw)}
.calc-field input{width:100%;accent-color:var(--blauw);height:32px}
.calc-result{background:var(--blauw-donker);color:#fff;padding:32px;border-radius:8px}
.calc-result p{color:#fff;margin-bottom:6px}
.dcrm-site .calc-amount{font-size:clamp(2.8rem,6vw,4rem);font-weight:700;line-height:1.1;color:var(--oranje);letter-spacing:-.02em;margin-bottom:6px}
.calc-result .btn{margin:16px 0 12px}
.dcrm-site .calc-note{font-size:.82rem;margin:0;color:#d6e4ee}
.price-sub{font-size:.92rem;font-weight:500;text-align:center;margin:10px 0 0!important}

/* video */
.videos{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}
.video-card{display:flex;flex-direction:column;justify-content:flex-end;min-height:230px;width:100%;padding:24px;border:0;border-radius:8px;background:var(--blauw);color:#fff;text-align:left;font-family:inherit;font-size:.95rem;cursor:pointer;position:relative}
.video-card:hover{background:var(--blauw-donker)}
.video-card strong{font-size:1.25rem;line-height:1.3}
.play{position:absolute;left:24px;top:24px;width:64px;height:64px;border-radius:50%;background:var(--oranje)}
.play::after{content:"";position:absolute;left:25px;top:19px;border-style:solid;border-width:13px 0 13px 21px;border-color:transparent transparent transparent var(--inkt)}
.video-card-light{background:#fff;color:var(--inkt)}
.video-card-light:hover{background:var(--tint)}

/* afsluiter met formulier */
.closing{position:relative;background:var(--blauw);color:#fff;padding:88px 0 0;overflow:hidden}
.closing-in{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:stretch}
.dcrm-site .closing h2{color:#fff}
.dcrm-site .closing .lead{color:#fff}
.closing-copy{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto 1fr;column-gap:16px;align-items:end}
.closing-copy h2,.closing-copy .lead{grid-column:1/-1}
.closing-henri{height:340px;width:auto;margin-bottom:-8px;grid-column:2;align-self:end}
.dcrm-site .checks-light li{color:#fff}
.checks-light li::before{background-color:var(--oranje);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M6 11.5l3.4 3.4L16 8' fill='none' stroke='%2310324c' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.dcrm-site .closing .checks{align-self:start;margin-bottom:64px;grid-column:1}
.closing>.closing-in>.demo-form{margin-bottom:72px;align-self:center}
.closing-short{padding-top:64px}
.closing-short .closing-in{grid-template-columns:1.4fr .6fr;align-items:end}
.closing-short .closing-copy{display:block;padding-bottom:64px}
.closing-short .closing-henri{justify-self:center}

.demo-form{background:#fff;color:var(--tekst);padding:30px;border-radius:8px;box-shadow:0 20px 50px rgba(16,50,76,.22)}
.field{margin-bottom:16px}
.field label{display:block;color:var(--inkt);font-weight:500;font-size:.92rem;margin-bottom:5px}
.field label span{font-weight:400;color:var(--tekst)}
.field input{width:100%;min-height:50px;padding:10px 13px;background:#fff;color:var(--inkt);border:1.5px solid #8ba8bd;border-radius:6px;font:400 1rem Poppins,Helvetica,Arial,sans-serif}
.field input:focus{border-color:var(--blauw);outline:2px solid var(--blauw);outline-offset:0}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-note{font-size:.85rem;margin:12px 0 0!important;text-align:center}
.form-error{background:#fdeee8;color:#9a2f0b;border-left:4px solid var(--oranje-rood);padding:10px 14px;font-size:.95rem}
.hp{position:absolute;left:-9999px;height:1px;overflow:hidden}

/* prijzen */
.price-hero{display:grid;grid-template-columns:1.25fr .85fr;gap:56px;align-items:center}
.price-hero .hero-copy{padding:64px 0}
.dcrm-site .price-hero .checks{margin:0}
.price-card{background:#fff;padding:32px;border-radius:8px;box-shadow:0 20px 50px rgba(16,50,76,.16);border-top:8px solid var(--oranje)}
.price-label{font-weight:500;color:var(--inkt);margin-bottom:6px!important}
.dcrm-site .price{font-size:3rem;font-weight:700;line-height:1.1;color:var(--inkt);letter-spacing:-.02em;margin-bottom:20px}
.price small{display:block;font-size:1rem;font-weight:500;letter-spacing:0;color:var(--tekst)}
.price-note{font-size:.95rem;margin:18px 0 0!important;line-height:1.55}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 40px;margin-top:36px}
.feature-grid article{padding-top:16px;border-top:3px solid var(--blauw)}
.feature-grid p{margin:0;font-size:.98rem;max-width:44em}
.feature-grid article:last-child:nth-child(3n+1){grid-column:1/-1}
.feature-grid.safe-grid{grid-template-columns:repeat(4,1fr)}
.feature-grid.safe-grid article:last-child{grid-column:auto}
.bonus{width:100%;border-collapse:collapse;margin:8px 0 26px}
.bonus th,.bonus td{padding:12px 0;text-align:left;border-bottom:1px solid var(--lijn);color:var(--inkt)}
.bonus td:last-child,.bonus th:last-child{text-align:right;white-space:nowrap}
.bonus thead th{font-size:.9rem;font-weight:500;color:var(--tekst)}
.bonus tfoot th,.bonus tfoot td{font-weight:700;font-size:1.2rem;border-bottom:0;color:var(--oranje-rood)}
.bonus tfoot th{color:var(--inkt)}
.faq details{border-top:1px solid var(--lijn);padding:14px 0}
.faq details:last-child{border-bottom:1px solid var(--lijn)}
.faq summary{cursor:pointer;font-weight:500;color:var(--inkt)}
.faq details p{margin:10px 0 0}
.split-top .video-card{margin-top:8px}

/* systeem */
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}
.dcrm-site .trio h2{font-size:1.5rem}
.trio p{margin:0}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}
.shot{display:block;border:1px solid var(--lijn);border-radius:6px;overflow:hidden}

/* demo */
.wrap.demo-in{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:start;padding-top:56px;padding-bottom:72px}
.demo-in .hero-copy{padding:0}
.dcrm-site .demo-in h1{font-size:clamp(2.3rem,4.4vw,3.5rem)}
.dcrm-site .demo-in .hero-copy h2{font-size:1.5rem;margin-top:30px}
.form-panel{position:relative}
.dcrm-site .form-panel h2{font-size:1.5rem;padding-right:120px;min-height:112px;display:flex;align-items:center;margin:0 0 12px}
.form-henri{position:absolute;right:6px;top:-22px;height:150px;width:auto;z-index:0}
.form-panel .demo-form{position:relative;z-index:1}
.form-alt{text-align:center;margin:14px 0 0!important;font-weight:500}
blockquote{margin:0 0 14px;padding:0 0 0 18px;border-left:4px solid var(--oranje);font-size:1.1rem;font-weight:500;color:var(--inkt)}
.thanks .hero-henri{height:420px}

/* voet */
.site-footer{background:var(--blauw-donker);color:#e6f0f7;padding:64px 0 40px;font-size:.93rem}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1.1fr 1.2fr .7fr;gap:32px}
.branche-logo{height:64px;width:auto;margin:0 0 14px -2px;mix-blend-mode:multiply}
.hero-copy{min-width:0}
.branche-hero h1{hyphens:auto;overflow-wrap:break-word}
.branche-hero .hero-in{align-items:end}
.branche-hero .hero-henri{height:440px}
.brands a{display:block;border-radius:6px}
.brands a:hover{opacity:.75}
.dcrm-site .faq-solo{max-width:820px}
.dcrm-site .site-footer h2{color:#fff;font-size:1rem;letter-spacing:0;margin-bottom:10px}
.dcrm-site .site-footer a{color:#fff}
.footer-logo{width:196px;margin-bottom:16px}

/* cookiemelding */
.cookiebar{position:fixed;left:16px;bottom:16px;z-index:80;width:min(440px,calc(100vw - 32px));background:#fff;color:var(--tekst);padding:20px;border-radius:8px;box-shadow:0 16px 40px rgba(16,50,76,.28);font-size:.9rem;line-height:1.5}
.cookiebar p{margin:0 0 12px}
.cookiebar strong{color:var(--inkt)}
.cookiebar-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dcrm-site .cookiebar .btn{min-height:44px;padding:8px 12px;font-size:.92rem;background:var(--blauw);color:#fff}
.link-button{background:none;border:0;padding:0;font:inherit;color:#fff;text-decoration:underline;cursor:pointer}
.link-button-dark{color:var(--blauw)}

/* tekstpagina */
.text-page{max-width:46em}
.dcrm-site .text-page h2{font-size:1.4rem;margin-top:1.6em}
.text-page ul{list-style:disc;padding-left:1.3em;margin-bottom:1em}

/* video- en afbeeldingsvenster */
.viewer{width:min(960px,calc(100vw - 24px));padding:0;border:0;border-radius:8px;background:#000;overflow:visible}
.viewer::backdrop{background:rgba(16,50,76,.82)}
.viewer iframe{display:block;width:100%;aspect-ratio:16/9;border:0}
.viewer img{display:block;width:100%}
.viewer-close{position:absolute;right:0;top:-48px;width:44px;height:44px;background:#fff;color:var(--inkt);border:0;border-radius:50%;font-size:1.6rem;line-height:1;cursor:pointer}
.mobile-cta{display:none}

@media (max-width:980px){
	.nav{display:none}
	.mobile-nav{display:block}
	.header-in{gap:8px}
	.dcrm-site .header-tel{padding:0 10px}
	.hero-in,.price-hero,.wrap.demo-in,.split,.split-img-left,.split-top,.deal,.closing-in,.closing-short .closing-in{grid-template-columns:1fr;gap:32px}
	.hero-copy,.hero-page .hero-copy,.price-hero .hero-copy{padding:48px 0 0}
	.hero-henri{height:360px}
	.branche-hero .hero-henri{height:340px}
	.hero-page .hero-photo{max-width:320px}
	.price-card{margin-bottom:48px}
	.hero-visual{padding-top:44px}
	.arc{top:8px;width:min(100%,340px)}
	.hero-in{min-height:0}
	.band,.route{padding:64px 0}
	.who{padding-bottom:0}
	.side-henri{max-height:320px}
	.dcrm-site .stops{grid-template-columns:1fr;gap:26px}
	.stops::before{left:26px;right:auto;top:20px;bottom:30px;border-top:0;border-left:6px dotted rgba(255,255,255,.45)}
	.stops li{padding:0 0 0 76px;min-height:56px}
	.stops li::before,.stops li:nth-child(1)::before,.stops li:nth-child(2)::before{left:17px;top:6px;width:24px;height:24px}
	.stops li:nth-child(2)::before{left:13px;width:32px;height:32px}
	.stops li:nth-child(3)::before{left:9px;width:40px;height:40px}
	.stops li:nth-child(4)::before{left:1px;width:56px;height:56px}
	.dcrm-site .steps,.feature-grid,.trio,.feature-grid.safe-grid{grid-template-columns:1fr;gap:28px}
	.videos,.quotes{grid-template-columns:1fr}
	.dcrm-site .why-list{grid-template-columns:1fr 1fr}
	.offer-in{flex-direction:column;align-items:flex-start;gap:20px}
	.offer-actions{align-items:stretch;width:100%}
	.offer-link{text-align:center}
	.quotes{gap:14px;margin-top:24px}
	.gallery{grid-template-columns:repeat(2,1fr)}
	.footer-grid{grid-template-columns:1fr 1fr}
	.footer-grid>div:first-child{grid-column:1/-1}
	.closing-henri{height:240px}
	.closing>.closing-in>.demo-form{margin-bottom:56px}
	.dcrm-site .closing .checks{margin-bottom:0}
	.closing-short .closing-copy{padding-bottom:0}
	.demo-in .form-panel{order:-1}
	.site-footer{padding-bottom:112px}
	body:has(.form-panel) .mobile-cta{display:none}
	body:has(.form-panel) .site-footer{padding-bottom:40px}
	.mobile-cta{display:grid;grid-template-columns:1fr auto;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:10px 12px;background:#fff;box-shadow:0 -2px 12px rgba(16,50,76,.16)}
	.dcrm-site .btn-call{background:var(--blauw);color:#fff}
	.cookiebar{bottom:84px}
}
@media (max-width:640px){
	.brand img{width:132px}
	.dcrm-site .branche-hero h1{font-size:clamp(1.65rem,8.2vw,2.3rem)}
	.branche-logo{height:48px}
	.dcrm-site .header-tel{font-size:.86rem}
	body.dcrm-site{font-size:16px}
	.wrap{padding:0 16px}
	.header-in{min-height:64px}
	.site-header .btn-small{display:none}
	.header-tel-nr{display:inline}
	.brand{margin-right:auto}
	.actions .btn{width:100%}
	.wrap.stats-in{grid-template-columns:1fr 1fr;gap:20px}
	.checks-2,.field-row{grid-template-columns:1fr;gap:0}
	.field-row{gap:0}
	.demo-form{padding:20px}
	.closing-copy{grid-template-columns:1fr;grid-template-rows:none}
	.closing-henri{justify-self:center;grid-column:1}
	.closing .demo-form{margin-bottom:48px}
	.footer-grid{grid-template-columns:1fr}
	.brands-in{display:grid;grid-template-columns:1fr 1fr;justify-items:center;gap:14px 8px}
	.brands img{height:32px}
	.lineup{gap:4px}
	.lineup img{height:44vw}
	.price-card{padding:24px}
	.deal .guarantee{padding:24px}
}
@media (max-width:380px){
	.header-tel-nr{display:none}
	.dcrm-site .header-tel{width:44px;justify-content:center;padding:0}
	.brands img{height:27px}
}