/* 2026-09-01 v1.3
 * - Kept the technical-panel heading solid white above the global heading gradient.
 *
 * 2026-09-01 v1.2
 * - Kept the intended heading scale above the inherited standard-page wireframe rule.
 *
 * 2026-09-01 v1.1
 * - Loaded Doto through the page stylesheet without CMS URL rewriting.
 *
 * 2026-09-01 v1.0
 * - Added the responsive Progress & DWP content journey.
 * - Applied Doto to restrained technical labels and sequence details.
 */

@import url("https://fonts.googleapis.com/css2?family=Doto:wght@500;600;700&display=swap");

.template-standaardpagina_met_image { overflow-x:clip; }
.template-standaardpagina_met_image .content { display:block; gap:0; overflow-x:clip; }
.template-standaardpagina_met_image .netsetup-progress-page { display:block; width:100%; overflow:clip; }
.template-standaardpagina_met_image .netsetup-progress-page section { width:100%; max-width:none; min-height:0; margin:0; box-sizing:border-box; }
.template-standaardpagina_met_image .netsetup-progress-page section > * { width:auto; min-height:0; margin:0; }
.template-standaardpagina_met_image .netsetup-progress-page h1,
.template-standaardpagina_met_image .netsetup-progress-page h2,
.template-standaardpagina_met_image .netsetup-progress-page p { margin-top:0; }
.template-standaardpagina_met_image .netsetup-progress-page h1,
.template-standaardpagina_met_image .netsetup-progress-page h2 { max-width:none; font-weight:500; letter-spacing:-.045em; text-wrap:balance; }
.template-standaardpagina_met_image .netsetup-progress-page p { color:var(--textcolor); }
.template-standaardpagina_met_image .netsetup-progress-page .button-group { flex-wrap:wrap; }
.template-standaardpagina_met_image .netsetup-progress-page .button:focus-visible { outline:3px solid var(--yellow); outline-offset:5px; }

.netsetup-progress-system-label,
.netsetup-progress-status span,
.netsetup-progress-core-item span,
.netsetup-progress-capability > span { font-family:"Doto",monospace; font-variation-settings:"ROND" 0; }
.netsetup-progress-system-label { margin-bottom:24px; color:var(--frontcolor_dark)!important; font-size:14px; font-weight:700; letter-spacing:.08em; line-height:1.4; }

.template-standaardpagina_met_image .netsetup-progress-hero { display:grid; min-height:100svh; padding:190px max(90px,calc((100vw - 1480px)/2)) 120px; align-items:center; }
.netsetup-progress-hero-copy { display:flex; flex-direction:column; width:min(1160px,78vw)!important; max-width:none!important; gap:0!important; }
.template-standaardpagina_met_image .netsetup-progress-hero h1 { margin-bottom:42px; font-size:clamp(68px,8vw,128px); line-height:.91; }
.netsetup-progress-lead { max-width:800px; margin-bottom:34px; font-size:clamp(20px,1.75vw,28px); line-height:1.5; }

.template-standaardpagina_met_image .netsetup-progress-status { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding:0 max(90px,calc((100vw - 1480px)/2)); background:var(--lightblue); }
.netsetup-progress-status-item { display:flex; min-width:0; min-height:190px; padding:38px 34px; border-left:1px solid var(--bordercolor_dark); box-sizing:border-box; justify-content:center; gap:18px!important; }
.netsetup-progress-status-item:last-child { border-right:1px solid var(--bordercolor_dark); }
.netsetup-progress-status-item span { color:var(--frontcolor_dark); font-size:24px; font-weight:700; line-height:1; }
.netsetup-progress-status-item strong { max-width:190px; color:var(--textcolor); font-family:"neue-haas-unica","Inter",sans-serif; font-size:16px; font-weight:500; line-height:1.35; }

.template-standaardpagina_met_image .netsetup-progress-story { display:grid; grid-template-columns:minmax(0,.92fr) minmax(360px,1fr); min-height:92svh; padding:130px max(90px,calc((100vw - 1480px)/2)); align-items:center; gap:clamp(64px,8vw,140px); }
.netsetup-progress-story-copy { display:flex; width:100%!important; max-width:none!important; gap:0!important; }
.template-standaardpagina_met_image .netsetup-progress-story h2 { margin-bottom:34px; font-size:clamp(52px,5.5vw,88px); line-height:.96; }
.netsetup-progress-story-copy > p:not(.netsetup-progress-system-label) { max-width:680px; margin-bottom:0; font-size:clamp(18px,1.35vw,22px); line-height:1.65; }
.netsetup-progress-image { position:relative; aspect-ratio:1; overflow:hidden; }
.netsetup-progress-image::before { position:absolute; z-index:1; top:20px; left:20px; width:54px; height:1px; background:var(--yellow); content:""; }
.netsetup-progress-image img { display:block; width:100%; height:100%; object-fit:cover; }
.netsetup-progress-story-reverse { background:color-mix(in srgb,var(--lightcolor_light) 82%,transparent); }
.netsetup-progress-story-reverse .netsetup-progress-story-copy { grid-column:2; grid-row:1; }
.netsetup-progress-story-reverse .netsetup-progress-image { grid-column:1; grid-row:1; }

.template-standaardpagina_met_image .netsetup-progress-core { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(440px,.85fr); min-height:88svh; padding:130px max(90px,calc((100vw - 1480px)/2)); background:var(--frontcolor); align-items:center; gap:clamp(70px,8vw,150px); }
.netsetup-progress-core-intro { display:flex; width:100%!important; max-width:none!important; gap:0!important; }
.netsetup-progress-core .netsetup-progress-system-label,
.netsetup-progress-core h2,
.netsetup-progress-core p,
.netsetup-progress-core strong { color:var(--lightcolor_light)!important; -webkit-text-fill-color:currentColor; }
.template-standaardpagina_met_image .netsetup-progress-core h2 { margin-bottom:34px; background-image:none; background-clip:border-box; -webkit-background-clip:border-box; font-size:clamp(54px,5.7vw,92px); line-height:.95; }
.template-standaardpagina_met_image .netsetup-progress-core h2 { -webkit-text-fill-color:var(--lightcolor_light)!important; }
.netsetup-progress-core-intro > p:not(.netsetup-progress-system-label) { max-width:720px; margin-bottom:0; font-size:clamp(18px,1.35vw,22px); line-height:1.65; }
.netsetup-progress-core-grid { display:grid!important; grid-template-columns:1fr 1fr; width:100%; max-width:none!important; border-top:1px solid rgba(255,253,251,.35); border-left:1px solid rgba(255,253,251,.35); gap:0!important; }
.netsetup-progress-core-item { display:flex; min-height:190px; padding:28px; border-right:1px solid rgba(255,253,251,.35); border-bottom:1px solid rgba(255,253,251,.35); box-sizing:border-box; justify-content:space-between; gap:22px!important; }
.netsetup-progress-core-item span { color:var(--yellow); font-size:14px; font-weight:700; letter-spacing:.05em; }
.netsetup-progress-core-item strong { max-width:180px; font-family:"neue-haas-unica","Inter",sans-serif; font-size:20px; font-weight:500; line-height:1.3; }

.template-standaardpagina_met_image .netsetup-progress-capabilities { display:block; padding:130px max(90px,calc((100vw - 1480px)/2)) 150px; background:var(--lightblue); }
.netsetup-progress-capabilities-heading { display:flex; width:min(940px,72vw)!important; max-width:none!important; margin:0 0 70px!important; gap:0!important; }
.template-standaardpagina_met_image .netsetup-progress-capabilities-heading h2 { margin-bottom:0; font-size:clamp(54px,6vw,94px); line-height:.95; }
.netsetup-progress-capability-list { display:block!important; width:100%; max-width:none!important; border-top:1px solid var(--bordercolor_dark); gap:0!important; }
.netsetup-progress-capability { display:grid!important; grid-template-columns:90px minmax(0,1fr); min-height:150px; padding:34px 0; border-bottom:1px solid var(--bordercolor_dark); box-sizing:border-box; align-items:center; gap:24px!important; }
.netsetup-progress-capability > span { color:var(--frontcolor_dark); font-size:30px; font-weight:700; }
.netsetup-progress-capability strong { max-width:900px; color:var(--frontcolor_dark); font-family:"neue-haas-unica","Inter",sans-serif; font-size:clamp(30px,3.2vw,52px); font-weight:500; letter-spacing:-.03em; line-height:1.05; }

.template-standaardpagina_met_image .netsetup-progress-contact { display:grid; min-height:74svh; padding:130px max(90px,calc((100vw - 1480px)/2)); align-items:center; }
.netsetup-progress-contact-copy { display:flex; width:min(1050px,78vw)!important; max-width:none!important; gap:0!important; }
.template-standaardpagina_met_image .netsetup-progress-contact h2 { margin-bottom:34px; font-size:clamp(58px,6.8vw,106px); line-height:.94; }
.netsetup-progress-contact-copy > p:not(.netsetup-progress-system-label) { max-width:720px; margin-bottom:28px; font-size:clamp(18px,1.45vw,23px); line-height:1.62; }

@media (max-width:1000px) {
	.template-standaardpagina_met_image .netsetup-progress-story,
	.template-standaardpagina_met_image .netsetup-progress-core { grid-template-columns:1fr 1fr; gap:50px; }
	.netsetup-progress-core-grid { grid-template-columns:1fr; }
	.netsetup-progress-core-item { min-height:130px; }
}

@media (max-width:820px) {
	.template-standaardpagina_met_image .netsetup-progress-hero { min-height:90svh; padding:145px 20px 76px; }
	.netsetup-progress-hero-copy { width:100%!important; }
	.template-standaardpagina_met_image .netsetup-progress-hero h1 { margin-bottom:28px; font-size:clamp(50px,14vw,72px); }
	.netsetup-progress-lead { margin-bottom:26px; font-size:18px; }
	.template-standaardpagina_met_image .netsetup-progress-page .button-group { flex-direction:column!important; gap:8px; align-items:flex-start; }
	.template-standaardpagina_met_image .netsetup-progress-status { grid-template-columns:1fr 1fr; padding:0 20px; }
	.netsetup-progress-status-item { min-height:130px; padding:26px 18px; }
	.netsetup-progress-status-item:nth-child(2) { border-right:1px solid var(--bordercolor_dark); }
	.netsetup-progress-status-item:nth-child(n+3) { border-top:1px solid var(--bordercolor_dark); }
	.template-standaardpagina_met_image .netsetup-progress-story,
	.template-standaardpagina_met_image .netsetup-progress-core { grid-template-columns:1fr; min-height:0; padding:86px 20px 100px; gap:48px; }
	.template-standaardpagina_met_image .netsetup-progress-story h2,
	.template-standaardpagina_met_image .netsetup-progress-core h2 { margin-bottom:26px; font-size:clamp(46px,12.5vw,66px); }
	.netsetup-progress-story-copy > p:not(.netsetup-progress-system-label),
	.netsetup-progress-core-intro > p:not(.netsetup-progress-system-label) { font-size:17px; }
	.netsetup-progress-story-reverse .netsetup-progress-story-copy,
	.netsetup-progress-story-reverse .netsetup-progress-image { grid-column:1; }
	.netsetup-progress-story-reverse .netsetup-progress-story-copy { grid-row:1; }
	.netsetup-progress-story-reverse .netsetup-progress-image { grid-row:2; }
	.netsetup-progress-core-grid { grid-template-columns:1fr 1fr; }
	.netsetup-progress-core-item { min-height:150px; padding:20px; }
	.netsetup-progress-core-item strong { font-size:17px; }
	.template-standaardpagina_met_image .netsetup-progress-capabilities { padding:86px 20px 100px; }
	.netsetup-progress-capabilities-heading { width:100%!important; margin-bottom:48px!important; }
	.template-standaardpagina_met_image .netsetup-progress-capabilities-heading h2 { font-size:clamp(46px,12.5vw,66px); }
	.netsetup-progress-capability { grid-template-columns:48px minmax(0,1fr); min-height:110px; padding:26px 0; gap:14px!important; }
	.netsetup-progress-capability > span { font-size:22px; }
	.netsetup-progress-capability strong { font-size:clamp(27px,8vw,38px); }
	.template-standaardpagina_met_image .netsetup-progress-contact { min-height:70svh; padding:90px 20px 120px; }
	.netsetup-progress-contact-copy { width:100%!important; }
	.template-standaardpagina_met_image .netsetup-progress-contact h2 { font-size:clamp(48px,13vw,70px); }
}

@media (max-width:480px) {
	.netsetup-progress-system-label { font-size:12px; }
	.netsetup-progress-status-item { min-height:120px; }
	.netsetup-progress-status-item span { font-size:20px; }
	.netsetup-progress-status-item strong { font-size:14px; }
	.netsetup-progress-core-grid { grid-template-columns:1fr; }
	.netsetup-progress-core-item { min-height:116px; }
}

@media (prefers-reduced-motion:reduce) {
	.template-standaardpagina_met_image .netsetup-progress-page * { scroll-behavior:auto; }
}