/* One shared visual system on every retained Claude component. */
:root{--brand-green:#E1F340;--brand-yellow:#E1F340;--font-geist:Stroon;--font-geist-mono:StroonMono;--font-sans:Stroon,Arial,sans-serif;--font-display:Stroon,Arial,sans-serif;--font-mono:StroonMono,monospace;--color-ink:#132B09;--color-ink-2:#363730;--color-ink-3:#484940;--color-muted:#626257;--color-lime:#E1F340;--color-lime-deep:#cbd33d;--color-lime-soft:#f5fad4;--color-neon:#E1F340;--color-paper:#ffffff;--color-cream:#f5f3eb;--color-wash:#fbfaf4;--color-rule:#dddcd1;--color-on-ink:#ffffff;--color-on-ink-muted:#d3d0c2;--color-data-sun:#E1F340;--color-data-use:#132B09;--color-data-bat:#b5a018;--s-ink:#132B09;--s-paper:#ffffff;--s-lime:#E1F340;--s-muted:#626257;--s-line:#dddcd1;--spacing-section:clamp(3.5rem,5.8vw,6rem);--radius-panel:1.75rem;--radius-tile:1.35rem;--radius-card:1.25rem;--radius-field:.85rem;--shadow-card:0 15px 45px -25px #132B0925;--shadow-lift:0 15px 38px -20px #132B0935;scroll-padding-top:96px}
body.s-renewal{margin:0;font-family:Stroon,Arial,sans-serif;color:var(--color-ink);background:var(--color-paper);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
.s-renewal .wrap{max-width:1240px;padding-inline:clamp(22px,4.4vw,64px)}
.s-renewal .wrap-wide{max-width:1376px;padding-inline:clamp(14px,2.2vw,32px)}
.s-renewal h1,.s-renewal h2,.s-renewal h3,.s-renewal h4{font-family:Stroon,Arial,sans-serif;text-wrap:balance;letter-spacing:-.04em;font-weight:620}
.s-renewal h1{font-size:clamp(40px,4.7vw,68px);line-height:1.07}
.s-renewal h2{font-size:clamp(29px,3.3vw,46px);line-height:1.13}
.s-renewal h3{font-size:clamp(20px,1.7vw,25px);line-height:1.25;letter-spacing:-.025em}
.s-renewal main p{font-size:17px;line-height:1.65}
.s-renewal main p.font-display{font-size:clamp(21px,2.3vw,30px);line-height:1.25;font-weight:540;letter-spacing:-.025em}
.s-renewal main .mono,.s-renewal main .text-eyebrow{font-size:12px;line-height:1.55;letter-spacing:.06em}
.s-renewal main .text-muted{color:var(--color-muted)}
.s-renewal main .prose{max-width:72ch;font-size:18px;line-height:1.75}
.s-renewal main .prose p{font-size:18px;line-height:1.8}
.s-renewal main .prose h2{font-size:31px;line-height:1.2;margin-top:1.7em}
.s-renewal main .prose h3{font-size:24px}
.s-renewal main a:not(.v2-btn):not(.btn):not([class*="group"]):not(.s-btn):hover{text-decoration:underline;text-underline-offset:4px}
.s-renewal button:focus-visible,.s-renewal a:focus-visible,.s-renewal input:focus-visible,.s-renewal summary:focus-visible{outline:3px solid var(--color-ink);outline-offset:4px}
.s-renewal .sun-grid{background-color:var(--color-lime);background-image:linear-gradient(#132B0908 1px,transparent 1px),linear-gradient(90deg,#132B0908 1px,transparent 1px);background-size:56px 56px}
.s-renewal .soft-grid{background-color:var(--color-lime-soft);background-image:none}
.s-renewal .ink-grid{background-color:var(--color-ink);background-image:none}
.s-renewal .bg-ink{background-color:var(--color-ink)}
.s-renewal .bg-lime{background-color:var(--color-lime)}.s-renewal .bg-neon{background-color:var(--brand-yellow)}
.s-renewal .bg-lime-soft{background-color:var(--color-lime-soft)}
.s-renewal [class*="ring-ink"],.s-renewal [class*="ring-rule"]{--tw-ring-color:#132B0918}
.s-renewal .r-header{background:var(--color-lime);border-bottom:1px solid #132B0918;z-index:45}
.s-renewal .r-header>.wrap{max-width:1400px;min-height:82px;gap:22px;padding-inline:clamp(20px,3.7vw,56px)}
.r-header nav>ul{gap:0}
.r-header nav>ul>li>a,.r-nav-menu>summary,.r-header nav>ul>li>details>summary{font-size:14px;font-weight:580;padding-inline:14px;min-height:44px;display:flex;align-items:center;gap:7px;white-space:nowrap;border-radius:99px}
.r-header nav>ul>li>a:hover,.r-nav-menu>summary:hover{background:#ffffff66}
.r-header .v2-menu-panel{background:var(--color-paper);border:1px solid #132B0919;box-shadow:0 20px 48px -18px #132B0938;border-radius:20px}
.r-nav-menu{position:relative}
.r-nav-panel{position:absolute;top:100%;left:0;width:280px;padding:12px;display:grid;gap:3px;margin-top:10px}
.r-nav-panel a{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;border-radius:10px;font-size:15px;font-weight:500}
.r-nav-panel a:hover{background:var(--color-lime-soft);text-decoration:none}
.r-header [aria-current=page]{background:#ffffff77}
.s-renewal .r-home-hero .wrap{padding-top:58px;padding-bottom:64px;gap:36px 64px}
.r-home-hero h1{max-width:9ch;font-size:clamp(48px,6.3vw,87px);line-height:1.01;letter-spacing:-.047em;font-weight:650}
.r-home-hero .v2-starter{padding:30px!important;background:var(--color-paper);border-radius:26px;box-shadow:0 25px 55px -28px #6d580d65;--tw-ring-color:#132B0913}
.r-home-hero .v2-starter .mono{font-size:11px}
.r-home-hero .v2-starter legend{font-size:30px;line-height:1.12;letter-spacing:-.035em}
.r-home-hero .v2-starter p{font-size:14px}
.r-home-hero .v2-starter .v2-btn{width:100%;font-size:17px;min-height:58px}
.s-renewal .v2-btn,.s-renewal .btn{font-size:16px;letter-spacing:-.015em;min-height:50px;box-shadow:none;font-weight:600}
.s-renewal .v2-btn:hover{box-shadow:0 8px 22px #132B0912}
.s-renewal .v2-tile{border-radius:14px;min-height:66px;border-color:#d9d8cd}
.s-renewal .v2-tile:has(input:checked){background:var(--color-lime);border-color:var(--color-ink)}
.s-renewal .v2-tile .text-muted{font-size:14px}
.r-home-cinema{border-radius:26px!important;isolation:isolate}
.r-home-cinema:after{content:'Goede energie. Goed geregeld.';position:absolute;left:clamp(22px,4vw,56px);bottom:clamp(32px,5vw,64px);z-index:3;color:white;font-size:clamp(25px,3.5vw,48px);line-height:1.1;letter-spacing:-.045em;font-weight:600;max-width:9ch;text-shadow:0 2px 24px #0008;pointer-events:none}
.r-home-cinema:before{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#132B0960,transparent 70%);pointer-events:none}
.s-renewal .r-service-hero>.wrap{padding-top:48px;padding-bottom:58px;gap:32px 58px}
.s-renewal .r-service-hero h1{font-size:clamp(40px,5vw,67px);line-height:1.06;max-width:13ch}
.s-renewal .r-service-hero [data-lead-form]{background:var(--color-paper);border-radius:24px;box-shadow:0 25px 55px -35px #76630e80}
.s-renewal .r-service-hero [data-lead-form] label{font-size:14px;font-weight:560}
.s-renewal .r-service-hero [data-lead-form] p{font-size:14px}
.s-renewal [data-lead-form] input:not([type=radio]):not([type=checkbox]),.s-renewal [data-lead-form] select,.s-renewal [data-lead-form] textarea{font-size:16px;background:var(--color-paper);border-color:var(--color-rule)}
.s-renewal .s-preview-notice{font-size:12px!important;line-height:1.5!important;color:#66614a;background:#fbf4d6;border:1px solid #e9deb8;border-radius:9px;padding:10px 12px;margin:0}
.s-renewal details:not(.v2-menu)>summary{font-size:17px;line-height:1.45;font-weight:580}
.s-renewal .r-footer{background:var(--color-lime);margin-top:0}
.r-footer>.wrap{padding-top:56px;padding-bottom:48px}
.r-footer p{font-size:15px;line-height:1.65}
.r-footer li{font-size:15px;line-height:1.75}
.r-footer a:hover{text-decoration:underline;text-underline-offset:4px}
.r-footer .r-footer-software{padding-top:0;padding-bottom:38px}
.r-software-card{display:grid;grid-template-columns:1fr 300px;gap:28px;background:var(--color-paper);border:1px solid #132B0925;border-radius:24px;padding:32px;overflow:hidden;align-items:center}
.r-software-card:hover{text-decoration:none!important;box-shadow:0 12px 25px #132B0910}
.r-software-card strong{font-size:32px;font-weight:600;letter-spacing:-.04em;line-height:1.12;display:block;margin:10px 0 13px}
.r-software-card p{max-width:48ch;margin-bottom:16px;color:var(--color-muted)}
.r-eyebrow{font-size:11px;font-weight:650;letter-spacing:.1em;text-transform:uppercase}
.r-software-link{font-size:14px;font-weight:600;display:inline-flex;gap:32px;align-items:center}
.r-software-link b{display:grid;place-items:center;width:32px;height:32px;background:var(--color-lime);border-radius:50%;font-size:20px}
.r-crm-mini{border:1px solid #dbd9cf;background:#f5f3ec;display:grid;grid-template-columns:80px 1fr;border-radius:13px;overflow:hidden;transform:rotate(-3deg);box-shadow:0 15px 30px -15px #132B0935;min-height:180px}
.r-crm-mini>div{background:var(--color-lime);padding:20px 10px;font-size:8px;display:flex;align-items:flex-start;flex-direction:column;gap:24px}
.r-crm-mini>div i{background:#132B09;width:45px;height:10px;border-radius:3px}
.r-crm-mini section{padding:20px 16px;display:flex;flex-wrap:wrap;gap:9px}
.r-crm-mini section>span{font-size:11px;font-weight:600;width:100%}
.r-crm-mini section>div{border:1px solid #dedcd0;background:#ffffff;display:grid;gap:2px;padding:10px;width:calc(50% - 5px);border-radius:6px}
.r-crm-mini b{font-size:22px;font-weight:600;line-height:1.1}
.r-crm-mini section>div span{font-size:7px;color:#666}
.r-crm-mini section p{width:100%;display:grid;gap:5px;margin:0}
.r-crm-mini p i{background:#dedbd1;width:100%;height:5px;border-radius:3px}
.r-video-brand{position:absolute;right:15px;top:14px;z-index:12;background:var(--color-lime);color:var(--color-ink);border-radius:8px;padding:3px 11px 5px;font-size:21px;line-height:1.2;letter-spacing:-.06em;font-weight:750;pointer-events:none}
.r-clip-choice{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}
.r-clip-choice button{padding:8px 14px;border:1px solid var(--color-rule);border-radius:99px;background:var(--color-paper);font-size:13px;line-height:1.3;font-weight:550}
.r-clip-choice button[aria-pressed=true]{background:var(--color-lime);border-color:var(--color-ink)}
.r-clip-choice button:hover{border-color:var(--color-ink)}
.r-short-note{font-size:13px;margin-top:7px;color:var(--color-muted)}
.r-short-toolbar{display:flex;gap:12px;padding:12px 18px;background:var(--color-lime);align-items:center;justify-content:space-between;font-size:14px}
.r-short-toolbar button{background:var(--color-ink);color:var(--color-paper);padding:9px 14px;border-radius:99px;border:0;font-size:13px}
.r-service-index{padding-block:56px}
.r-service-index h1{margin:15px 0 25px}
.r-service-index p{max-width:60ch}
.r-archive-cards{padding-block:50px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.r-archive-cards>a{border:1px solid var(--color-rule);padding:28px;border-radius:20px;background:var(--color-cream)}
.r-archive-cards h2{font-size:26px;margin-bottom:22px}
.r-mobile-extra{padding:20px;display:grid;gap:7px;border-top:1px solid var(--color-rule)}
.r-mobile-extra strong{font-size:12px;text-transform:uppercase;letter-spacing:.06em;padding:7px 0}
.r-mobile-extra a{display:flex;align-items:center;justify-content:space-between;font-size:16px;padding:6px 0}
/* The added gallery and software page share the same type, spacing and colors. */
.r-custom .s-section{max-width:1376px;margin:auto;padding:60px clamp(22px,4.4vw,64px)}
.r-custom h1{font-size:clamp(40px,5.5vw,76px);line-height:1.05;letter-spacing:-.045em;margin:20px 0 30px}
.r-custom h2{font-size:clamp(29px,3.3vw,46px)}
.r-custom em{font-style:normal;color:inherit}
.r-custom .s-intro{font-size:19px;line-height:1.65;max-width:60ch}
.r-custom .s-btn,.r-custom .s-text-link{font-size:15px}
.r-custom .s-library-tools{margin-top:35px}
.r-custom .s-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.r-custom .s-film-card{border-radius:20px;aspect-ratio:1.35}
.r-custom .s-film-title{font-size:23px;line-height:1.15;text-align:left;letter-spacing:-.025em}
.r-custom .s-film-label{font-size:10px;letter-spacing:.05em}
.r-custom .s-filter-tabs button{font-size:14px}
.r-custom .s-film-search input{font-size:16px}
.r-custom .s-software-hero{background:var(--color-lime);max-width:none}
.r-custom .s-software-frame{border:1px solid #132B0922;border-radius:20px;box-shadow:0 20px 40px -20px #132B0935}
.r-custom .s-process{background:var(--color-cream);padding:55px clamp(22px,4.4vw,64px)}
.r-custom .s-software-features{gap:30px}
.r-custom .s-software-features h3{font-size:24px}
.r-custom .s-software-features p{font-size:17px}
.s-film-dialog{background:var(--color-paper);border-radius:18px;color:var(--color-ink)}
.s-film-head{font-size:16px;background:var(--color-paper)}
@media(min-width:1024px){.s-renewal .r-header{position:sticky;top:0}.r-header[data-scrolled=true]{background:#E1F340f7}}
@media(max-width:1100px) and (min-width:1024px){.s-renewal .r-header>.wrap{gap:12px;padding-inline:24px}.r-header nav>ul>li>a,.r-nav-menu>summary,.r-header nav>ul>li>details>summary{padding-inline:10px;font-size:13px}.r-header .v2-btn{font-size:14px!important}.r-header>a{width:120px}}
@media(max-width:1023px){.s-renewal .r-header>.wrap{min-height:74px}.s-renewal .r-home-hero .wrap{padding-top:36px;padding-bottom:42px;gap:26px}.r-home-hero h1{font-size:clamp(49px,8vw,70px);max-width:12ch}.r-home-hero .v2-starter{padding:25px!important}.s-renewal .r-service-hero>.wrap{padding-top:30px;padding-bottom:36px}.s-renewal .r-service-hero h1{max-width:16ch}.r-header details:not(nav details)[open]>div{max-height:calc(100svh - 74px);overflow:auto}.r-header .r-nav-panel{position:static;width:auto;box-shadow:none}.r-custom .s-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.s-renewal main p{font-size:16px;line-height:1.65}.s-renewal .wrap{padding-inline:22px}.s-renewal h1{font-size:40px}.s-renewal h2{font-size:31px}.r-home-hero h1{font-size:54px;max-width:9ch}.r-home-hero .v2-starter{padding:20px!important;border-radius:22px}.r-home-hero .v2-starter legend{font-size:27px}.r-home-hero .v2-starter .v2-btn{font-size:16px;min-height:54px}.s-renewal .r-service-hero h1{font-size:42px}.r-software-card{grid-template-columns:1fr;padding:25px;gap:25px}.r-software-card strong{font-size:29px}.r-crm-mini{width:260px;max-width:100%;justify-self:end}.r-custom .s-section{padding-block:42px}.r-custom .s-library-grid{gap:14px}.r-custom .s-film-title{font-size:20px}.r-custom .s-film-card{aspect-ratio:.95}.r-custom .s-software-features{grid-template-columns:1fr}.r-archive-cards{grid-template-columns:1fr}.r-video-brand{font-size:17px;right:11px;top:10px}.r-short-toolbar{font-size:12px}.r-short-toolbar button{font-size:11px}.r-footer p,.r-footer li{font-size:14px}.s-renewal main .prose p{font-size:17px}}
@media(max-width:420px){.r-header .v2-btn{font-size:13px!important}.r-header .v2-btn .v2-btn-chip{width:30px;height:30px}.r-header>.wrap>a svg{width:114px}.s-renewal .r-header>.wrap{gap:8px;padding-inline:18px}.r-home-hero h1{font-size:50px}.s-renewal h1,.s-renewal .r-service-hero h1{font-size:38px}.r-home-hero h1{font-size:50px}.r-home-cinema:after{font-size:28px}.r-custom .s-film-title{font-size:18px}.r-custom .s-film-label{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.r-clip-choice,.r-video-brand,.r-header,.r-footer{display:none!important}}
/* Explicit foreground colors prevent the legacy export reset from hiding button text. */
.s-renewal .text-paper,.s-renewal a.text-paper{color:var(--color-paper)}
.s-renewal .text-lime,.s-renewal a.text-lime{color:var(--color-lime)}
.s-renewal .text-ink,.s-renewal a.text-ink{color:var(--color-ink)}
.s-renewal [class~="text-paper/90"]{color:#ffffffeb}.s-renewal [class~="text-paper/70"]{color:#ffffffb3}.s-renewal [class~="text-ink/80"]{color:#132B09cc}.s-renewal [class~="text-ink/70"]{color:#132B09b3}
.s-renewal .bg-ink>.v2-btn,.s-renewal .bg-ink>a:not(.text-ink){color:var(--color-paper)}
.r-map{display:grid;place-items:center;gap:10px;min-width:0;padding:20px 10px;border:1px solid var(--color-rule);background:linear-gradient(135deg,#ffffff,#f6f4e9);border-radius:26px}
.r-nl-map{display:block;width:100%;max-width:470px;height:auto;overflow:visible}
.r-map-province{cursor:pointer;outline:none!important}
.r-map-province path{fill:#E1F340;stroke:#ffffff;stroke-width:1.5;stroke-linejoin:round;transition:fill .15s,filter .15s}
.r-map-province text{font-family:Stroon,Arial,sans-serif;font-size:14px;font-weight:650;fill:#132B09;pointer-events:none}
.r-map-province:hover path,.r-map-province:focus-visible path{fill:#132B09;stroke:#E1F340;stroke-width:2;filter:drop-shadow(0 2px 2px #132B0920)}
.r-map-province:hover text,.r-map-province:focus-visible text{fill:#E1F340}
.r-map-rotterdam{pointer-events:none;fill:#132B09}
.r-map-rotterdam .r-map-dot-halo{fill:#ffffff}
.r-map-rotterdam path{stroke:#132B09;stroke-width:1.3;fill:none}
.r-map-rotterdam text{font-family:Stroon,Arial,sans-serif;font-size:13px;font-weight:600;fill:#132B09;paint-order:stroke;stroke:#ffffff;stroke-width:3px}
.s-renewal main .r-map-instruction{font-size:14px;font-weight:550;margin:0}
.r-map-list{max-width:390px;width:100%;padding:0 16px;text-align:center}
.s-renewal .r-map-list>summary{font-size:13px;cursor:pointer;color:var(--color-muted)}
.r-map-list>div{padding-top:15px;display:flex;justify-content:center;gap:6px;flex-wrap:wrap}
.r-map-list a{display:block;border:1px solid var(--color-rule);border-radius:99px;padding:5px 10px;font-size:12px;background:var(--color-paper)}
.s-renewal main .r-map-credit{font-size:10px;margin:0;color:var(--color-muted)}
.r-map-credit a{text-decoration:underline!important;text-underline-offset:2px}
@media(max-width:700px){.r-map{max-width:420px;margin-inline:auto;width:100%;padding:10px 10px 18px}.r-nl-map{max-height:460px}}
@media(min-width:1024px){.r-home-hero h1{max-width:12ch}}
.r-job-hero{padding-block:55px 60px}.r-job-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}.r-job-copy h1{font-size:clamp(43px,4.4vw,66px);margin:20px 0 24px;max-width:15ch}.r-job-crumb{display:flex;gap:10px;font-size:12px;color:var(--color-muted);margin-bottom:38px}.r-job-lead{max-width:50ch}.r-job-cta{margin-top:28px;display:inline-flex;gap:32px;padding:13px 22px;border-radius:99px}.r-job-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:26px 0 0}.r-job-tags li{font-size:12px;border:1px solid #132B0935;border-radius:99px;padding:5px 10px}.r-job-photo{margin:0;border-radius:24px;overflow:hidden;background:var(--color-paper)}.r-job-photo img{display:block;width:100%;height:430px;object-fit:cover}.r-job-photo figcaption{font-size:13px;padding:16px 20px}.r-job-section{padding-block:65px}.r-job-section h2{margin:15px 0 30px}.r-job-intro,.r-job-fit,.r-job-apply{display:grid;grid-template-columns:1fr 1fr;gap:30px 65px}.r-job-intro>.r-eyebrow{grid-column:1/-1}.r-job-intro h2{margin-top:0}.r-job-intro p+p{margin-top:20px}.r-job-soft{background:var(--color-cream)}.r-job-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:35px}.r-job-cards article{padding:25px 22px;border:1px solid var(--color-rule);border-radius:20px;background:var(--color-paper)}.r-job-cards article>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--color-lime);font-size:12px;font-weight:600}.r-job-cards h3{margin:28px 0 13px;font-size:22px}.r-job-cards p{font-size:15px!important}.r-job-fit>ul{list-style:none;padding:10px 0;margin:0}.r-job-fit li{padding:15px 0 15px 31px;border-bottom:1px solid var(--color-rule);position:relative;font-size:16px}.r-job-fit li:before{content:'✓';position:absolute;left:0;color:var(--color-ink);background:var(--color-lime);border-radius:50%;width:22px;height:22px;display:grid;place-items:center;font-size:13px}.r-job-arrangement{border-radius:24px;background:var(--color-lime);padding:38px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.r-job-arrangement h2{margin-bottom:0}.r-job-form{background:var(--color-paper);border:1px solid var(--color-rule);border-radius:24px;padding:28px;display:grid;gap:20px}.r-job-form label{font-size:14px;font-weight:550}.r-job-form label>span{font-weight:400;color:var(--color-muted)}.r-job-form .input{width:100%;min-height:49px;padding:12px 14px;border-radius:11px;border:1px solid var(--color-rule);font-size:16px}.r-job-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.r-job-form .field{display:grid;gap:7px}.r-job-form button{display:flex;gap:20px;justify-content:space-between;padding:13px 20px;border-radius:99px}.r-job-privacy,.r-job-phone{font-size:13px!important;margin-top:20px}.r-job-privacy a,.r-job-apply>div>a{text-decoration:underline;text-underline-offset:4px}.r-job-apply>div>p{max-width:42ch;margin-bottom:24px}
@media(max-width:900px){.r-job-grid{grid-template-columns:1fr;gap:30px}.r-job-copy h1{max-width:18ch}.r-job-photo img{height:350px}.r-job-intro,.r-job-fit,.r-job-apply{grid-template-columns:1fr;gap:20px}.r-job-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.r-job-arrangement{grid-template-columns:1fr;gap:25px;padding:30px}.r-job-section{padding-block:45px}}
@media(max-width:500px){.r-job-hero{padding-block:32px 40px}.r-job-copy h1{font-size:43px}.r-job-crumb{margin-bottom:28px}.r-job-photo img{height:280px}.r-job-cards{grid-template-columns:1fr;gap:12px}.r-job-cards h3{margin-top:18px}.r-job-form{padding:22px}.r-job-fields{grid-template-columns:1fr}}

/* A single enquiry flow: choose a service, address, then contact details. */
.s-renewal .r-lead-flow{display:grid;gap:18px;padding:28px;background:var(--color-paper);border:1px solid var(--color-rule);border-radius:26px;box-shadow:0 24px 60px -36px #35391f66;color:var(--color-ink);min-width:0}
.r-lead-flow fieldset{border:0;margin:0;padding:0;min-width:0;display:grid;gap:16px}
.r-lead-flow [hidden]{display:none!important}
.r-lead-flow legend{font-size:clamp(24px,2.4vw,30px);font-weight:620;line-height:1.15;letter-spacing:-.035em;padding:0;margin-bottom:18px;max-width:20ch}
.r-lead-flow .r-flow-top{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:10px;line-height:1.5;letter-spacing:.025em}
.r-flow-time{color:var(--color-muted);white-space:nowrap;font-size:11px}
.r-lead-flow .r-flow-progress{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0;margin:0;list-style:none}
.r-flow-progress li{display:flex;align-items:center;gap:8px;border-top:3px solid var(--color-rule);padding-top:8px;font-size:11px;color:var(--color-muted)}
.r-flow-progress li[aria-current=step]{border-color:var(--brand-green);color:var(--color-ink);font-weight:600}
.r-flow-progress li>span{font-size:10px;font-family:StroonMono,monospace}
.r-service-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.r-service-option{position:relative;display:grid;grid-template-rows:auto 1fr;gap:10px;border:1px solid var(--color-rule);border-radius:14px;padding:12px 9px;min-height:94px;font-size:12px;line-height:1.3;font-weight:550;cursor:pointer;transition:background .15s,border-color .15s}
.r-service-option:hover,.r-service-option:has(input:checked){background:var(--color-lime-soft);border-color:var(--color-ink)}
.r-service-option:has(input:focus-visible){outline:3px solid var(--color-ink);outline-offset:3px}
.r-service-option input{position:absolute;width:1px;height:1px;opacity:0;left:12px;top:12px}
.r-service-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--color-lime-soft)}
.r-service-icon svg{width:20px;height:20px}
.r-service-tick{position:absolute;right:10px;top:10px;font-size:12px;color:var(--color-muted)}
.r-service-selected{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid #cdd13d;background:var(--color-lime-soft);border-radius:12px}
.r-service-selected>span{display:flex;align-items:center;gap:9px;min-width:0;font-size:14px;line-height:1.3}
.r-selection-dot{width:8px;height:8px;flex-shrink:0;background:var(--color-ink);border-radius:50%}
.r-service-selected button{background:transparent;border:0;font-size:12px;text-decoration:underline;cursor:pointer;min-height:28px;color:var(--color-ink);padding:0 4px}
.r-lead-flow .r-flow-address{gap:18px}
.r-lead-flow .r-flow-address p{font-size:14px;color:var(--color-muted);margin:0}
.r-flow-address-fields{display:grid;grid-template-columns:1.35fr 1fr;gap:12px}
.r-lead-flow .field{display:grid;gap:6px}
.r-lead-flow .field label{font-size:13px;font-weight:550;line-height:1.4}
.s-renewal .r-lead-flow .input{width:100%;min-height:50px;border:1px solid var(--color-rule);border-radius:10px;background:#ffffff;font-size:16px;padding:11px 13px;color:var(--color-ink)}
.r-lead-flow .input[aria-invalid=true]{border-color:#a53322}
.r-flow-contact-fields{display:grid;grid-template-columns:1fr;gap:14px}
.r-flow-primary{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:54px;border-radius:99px;background:var(--color-ink);color:var(--color-paper);padding:6px 6px 6px 20px;font-size:15px;font-weight:550;cursor:pointer;border:1px solid var(--color-ink);transition:transform .15s}
.r-flow-primary:hover{transform:translateY(-1px)}
.r-flow-primary>span:last-child:not([data-submit-label]){display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:50%;background:var(--brand-green);color:var(--color-ink);font-size:24px}
.r-flow-primary:disabled{opacity:.65;cursor:progress}
.r-flow-back{background:transparent;border:0;color:var(--color-muted);text-decoration:underline;font-size:12px;cursor:pointer;min-height:44px;justify-self:center;padding:4px 8px}
.r-lead-flow .r-flow-assurance{margin:0;text-align:center;font-size:11px;color:var(--color-muted)}
.r-lead-flow .r-flow-summary{border-left:3px solid var(--brand-green);padding-left:10px;font-size:13px;color:var(--color-muted);line-height:1.5;margin:0}
.r-lead-flow .r-flow-privacy{font-size:11px;line-height:1.55;color:var(--color-muted);margin:0}
.r-flow-privacy a{text-decoration:underline}
.r-lead-flow .s-preview-notice{font-size:10px;line-height:1.5;padding:0;margin:0;border:0;background:none;color:var(--color-muted)}
.r-lead-flow .r-flow-error{margin:0;font-size:13px;color:#a53322;background:#fceee9;padding:12px;border-radius:10px}
.r-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
.s-renewal [data-media-audio]{max-width:340px;padding:8px 11px 8px 8px;gap:0;border-radius:16px;box-shadow:none}
.s-renewal [data-media-audio] p.mono{font-size:9px;line-height:1.3}
.s-renewal [data-media-audio] p.font-semibold{font-size:14px;line-height:1.3}
.s-renewal [data-media-audio] .h-7{height:18px}
.s-renewal [data-media-audio] [data-audio-time]{font-size:10px}
@media(max-width:580px){.s-renewal .r-lead-flow{padding:21px;gap:16px}.r-service-option{min-height:90px;font-size:12px;padding:11px 8px}.r-lead-flow legend{font-size:25px}.r-flow-progress li{font-size:10px}.r-flow-top .mono{font-size:9px}.r-flow-address-fields{gap:10px}.s-renewal [data-media-audio]{max-width:310px}}

/* Regional guides, careers and shared footer — Stroon's exact three brand colors. */
.r-local-hero,.r-careers-hero{padding-block:38px 55px}
.r-local-hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}
.r-local-hero h1,.r-careers-hero h1{font-size:clamp(44px,5.1vw,72px);line-height:1.04;letter-spacing:-.045em;max-width:16ch;margin:20px 0 24px}
.r-local-hero p,.r-careers-hero p{max-width:52ch;font-size:18px;line-height:1.6}
.r-local-hero figure{background:#ffffffb5;padding:24px;border:1px solid #132B0920;border-radius:26px;margin:0}
.r-local-hero figcaption{display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.4;text-align:center;justify-content:center}
.r-local-map{display:block;width:100%;height:auto;max-height:320px}
.r-local-province{fill:#e8eadc;stroke:#ffffff;stroke-width:1}
.r-local-selected{fill:#E1F340;stroke:#132B09;stroke-width:1.5;stroke-linejoin:round}
.r-local-cta{display:inline-flex;align-items:center;gap:30px;background:#132B09;color:#ffffff;min-height:54px;padding:12px 20px;border-radius:99px;font-size:15px;font-weight:550;margin-block:20px 8px}
.r-local-cta:hover{background:#203c14}
.r-local-hero .r-local-meta{font-size:12px;color:#405632}
.r-local-section{padding-block:65px;display:grid;gap:18px}
.r-local-context,.r-local-apply{grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.r-local-context>div,.r-local-apply>div{display:grid;gap:20px}
.r-local-section h2,.r-careers-list h2{font-size:clamp(32px,3.4vw,46px);line-height:1.1;letter-spacing:-.04em;margin:0}
.r-local-facts{background:#f5fad4;border:1px solid #cdd9a6;border-radius:22px;padding:26px}
.r-local-facts h3{font-size:22px;margin:0 0 18px}
.r-local-facts dl{margin:0}
.r-local-facts dl>div{display:grid;grid-template-columns:1fr 1.4fr;gap:16px;border-top:1px solid #132B0920;padding:11px 0;font-size:14px}
.r-local-facts dt{color:#526346}.r-local-facts dd{margin:0;font-weight:550}
.r-local-facts p{font-size:13px;line-height:1.55;margin-top:20px}
.r-local-facts a,.r-local-all,.r-local-phone{font-size:14px;font-weight:550;text-decoration:underline;text-underline-offset:4px;min-height:44px;display:inline-flex;align-items:center;gap:10px}
.r-local-soft{background:#f7f9f1;border-block:1px solid #132B0912}
.r-local-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:12px}
.r-local-service{display:grid;position:relative;gap:18px;padding:24px;border:1px solid #d7dfcc;border-radius:20px;background:#ffffff;min-height:210px;transition:transform .15s,border-color .15s}
.r-local-service:hover{transform:translateY(-3px);border-color:#132B09}
.r-local-service h3{font-size:24px;line-height:1.15;margin:0;letter-spacing:-.035em}
.r-local-service p{font-size:14px;line-height:1.6;margin:0;padding-right:24px}
.r-local-arrow{position:absolute;right:18px;bottom:20px;border-radius:50%;background:#E1F340;width:32px;height:32px;display:grid;place-items:center}
.r-local-process{display:grid;gap:22px;padding-left:25px}
.r-local-process li{padding-left:6px;font-size:15px}
.r-local-process strong,.r-local-process span{display:block}.r-local-process strong{margin-bottom:5px}.r-local-process span{color:#526346}
.r-nearby{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:15px}
.r-nearby a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px;background:#f5fad4;border:1px solid #d7dfcc;border-radius:12px;min-height:58px;font-size:14px;line-height:1.4}
.r-nearby a:hover{background:#E1F340}
.r-local-source{font-size:11px!important;line-height:1.6;color:#526346;max-width:85ch}
.r-local-source a{text-decoration:underline}
.r-municipal-directory{padding-block:70px;background:#f7f9f1;border-top:1px solid #d7dfcc}
.r-municipal-directory h2{font-size:clamp(32px,4vw,50px);letter-spacing:-.04em;line-height:1.1;margin-block:20px}
.r-municipal-directory p{max-width:65ch}
.r-municipal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:28px}
.r-municipal-grid a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:12px 15px;border:1px solid #d7dfcc;border-radius:10px;background:#ffffff;font-size:14px;line-height:1.4;transition:background .15s}
.r-municipal-grid a:hover{background:#E1F340;border-color:#132B09}
.r-careers-list{padding-block:65px;display:grid;gap:28px}
.r-vacancy-card{display:grid;grid-template-columns:1fr auto;gap:28px;padding:34px;border:1px solid #d7dfcc;border-radius:24px;background:#f7f9f1;align-items:center}
.r-vacancy-card h3{font-size:30px;letter-spacing:-.035em;line-height:1.15;margin:14px 0}
.r-vacancy-card p{font-size:16px;max-width:62ch;margin:0}
.r-vacancy-card .r-flow-primary{width:240px}
.s-renewal .r-service-hero .r-lead-flow{padding:0;border:0;border-radius:0;box-shadow:none;background:transparent}
.r-flow-message textarea{resize:vertical;min-height:80px!important;line-height:1.5}
.r-flow-message label>span{font-weight:400;color:var(--color-muted)}
.s-renewal .r-footer-new{background:#132B09;color:#ffffff;padding:0}
.r-footer-new .r-footer-in{padding-top:55px;padding-bottom:26px}
.r-footer-lead{display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid #ffffff30;padding-bottom:34px;margin-bottom:38px}
.r-footer-lead>.r-eyebrow{display:none}
.r-footer-lead>p{font-size:clamp(24px,2.8vw,38px);font-weight:550;line-height:1.12;letter-spacing:-.035em;margin:0}
.r-footer-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#E1F340;color:#132B09!important;border-radius:99px;min-height:54px;padding:7px 7px 7px 20px;font-size:14px;font-weight:600;white-space:nowrap}
.r-footer-cta>span{display:grid;place-items:center;background:#132B09;color:#E1F340;width:40px;height:40px;border-radius:50%;font-size:23px}
.r-footer-grid{display:grid;grid-template-columns:1.15fr 3fr;gap:48px}
.r-footer-contact{display:grid;align-content:start;gap:20px;min-width:0}
.r-footer-contact>svg{max-width:136px}
.r-footer-contact>p{font-size:13px;line-height:1.65;max-width:32ch;color:#e2e9d8}
.r-footer-contact>ul{padding:0;margin:0;list-style:none;display:grid;gap:10px;font-size:12px;line-height:1.6}
.r-footer-contact>ul svg{stroke:#E1F340;flex-shrink:0}
.r-footer-new a:not(.r-footer-cta){color:#e2e9d8}
.r-footer-new a:not(.r-footer-cta):hover{color:#E1F340;text-decoration:underline;text-underline-offset:4px}
.r-footer-nav{display:grid;grid-template-columns:1.05fr 1.1fr 1fr 1fr;gap:25px;align-items:start}
.r-footer-menu{min-width:0}
.r-footer-menu>summary{font-size:14px;font-weight:600;list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:30px;color:#ffffff;cursor:pointer;gap:8px}
.r-footer-menu>summary::-webkit-details-marker{display:none}
.r-footer-menu>summary>span{display:none;font-size:20px}
.r-footer-menu>ul{display:grid;gap:5px;list-style:none;padding:0;margin:14px 0 0;font-size:13px;line-height:1.6}
.r-footer-menu li>a{display:block;padding-block:4px;min-height:29px}
.r-footer-bottom{display:flex;justify-content:space-between;gap:25px;align-items:center;border-top:1px solid #ffffff25;padding-top:23px;margin-top:35px;color:#d0dcc2;font-size:11px;line-height:1.6}
.r-footer-bottom p{margin:0}.r-footer-bottom p>span{padding-inline:6px}
.r-footer-bottom nav{display:flex;flex-wrap:wrap;gap:16px}
.s-renewal .r-header>.wrap{gap:14px}
.r-header nav>ul>li>a,.r-nav-menu>summary,.r-header nav>ul>li>details>summary{padding-inline:10px;font-size:13px}
.r-service-selected button{min-height:44px;min-width:65px}
@media(max-width:1450px){.r-header a[href^="tel:"]>.mono{display:none}.r-header a[href^="tel:"]{padding:0;width:46px;justify-content:center}}
@media(max-width:1000px){.r-footer-grid{grid-template-columns:1fr;gap:36px}.r-footer-contact{grid-template-columns:1fr 1fr;gap:20px 40px}.r-footer-contact>svg{grid-column:1}.r-footer-contact>p{grid-column:1}.r-footer-contact>ul{grid-column:2;grid-row:1/span 2}.r-local-hero-grid{gap:30px}.r-local-context,.r-local-apply{gap:30px}.r-municipal-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.r-local-hero-grid,.r-local-context,.r-local-apply{grid-template-columns:1fr;gap:30px}.r-local-hero h1,.r-careers-hero h1{font-size:44px}.r-local-section{padding-block:45px}.r-local-services{grid-template-columns:1fr 1fr}.r-nearby,.r-municipal-grid{grid-template-columns:1fr 1fr}.r-vacancy-card{grid-template-columns:1fr;padding:24px}.r-vacancy-card .r-flow-primary{width:100%}.r-footer-lead{align-items:start}.r-footer-cta{font-size:12px;gap:10px}.r-footer-nav{grid-template-columns:1fr 1fr;gap:24px}.r-footer-bottom{display:grid}}
@media(max-width:580px){.r-footer-lead{flex-direction:column;gap:22px}.r-footer-contact{grid-template-columns:1fr}.r-footer-contact>ul{grid-column:1;grid-row:auto}.r-footer-nav{grid-template-columns:1fr;gap:0}.r-footer-menu{border-bottom:1px solid #ffffff25;padding:5px 0}.r-footer-menu>summary{min-height:52px;font-size:15px}.r-footer-menu>summary>span{display:block}.r-footer-menu[open]>summary>span{transform:rotate(45deg)}.r-footer-menu li>a{min-height:44px;padding:10px 0}.r-footer-menu>ul{margin:0;padding-bottom:12px}.r-footer-contact>ul{font-size:13px}.r-footer-new .r-footer-in{padding-top:38px}.r-footer-grid{gap:28px}.r-local-services{grid-template-columns:1fr}.r-municipal-grid a{font-size:12px;padding:11px}.r-local-facts{padding:22px}.r-local-hero figure{padding:15px}.r-local-hero h1{font-size:40px}.r-local-hero .r-job-crumb{font-size:10px;gap:6px;flex-wrap:wrap}.r-local-hero p{font-size:16px}}

/* Compact footer; contact and legal information remain available. */
.r-footer-new .r-footer-in{padding-top:34px;padding-bottom:22px}.r-footer-lead{padding-bottom:22px;margin-bottom:26px}.r-footer-lead>p{font-size:23px;line-height:1.25}.r-footer-cta{min-height:46px;font-size:13px;padding:5px 5px 5px 18px}.r-footer-cta>span{width:34px;height:34px;font-size:20px}.r-footer-menu>ul{gap:1px;margin-top:10px}.r-footer-menu li>a{min-height:27px;padding-block:3px}.r-footer-bottom{margin-top:26px;padding-top:19px}.r-footer-hours{font-size:12px;line-height:1.6}.r-footer-hours>summary{display:flex;align-items:center;gap:14px;cursor:pointer;min-height:36px;list-style:none;color:#e2e9d8}.r-footer-hours>summary::-webkit-details-marker{display:none}.r-footer-hours ul{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:8px}.r-footer-hours svg{display:none}.r-footer-hours[open]>summary>span{transform:rotate(45deg)}
@media(max-width:580px){.r-footer-lead>p{font-size:22px}.r-footer-lead{gap:17px}.r-footer-menu li>a{min-height:44px;padding:10px 0}.r-footer-hours>summary{min-height:44px}.r-footer-grid{gap:22px}}


/* Readable footer identity and contact information. */
.r-footer-contact>svg{width:136px;height:auto;max-width:100%}.r-footer-contact>svg path[fill="#132B09"]{fill:#fff}.r-footer-contact>svg path[fill="#FFFFFF"]{fill:#E1F340}.r-footer-contact li{color:#e2e9d8}.r-footer-contact>ul svg{stroke:#132B09}.r-footer-contact li .bg-paper{background:#E1F340}.r-footer-hours>summary{min-height:44px}
@media(max-width:580px){.r-footer-menu li>a{min-height:44px;padding:10px 0}}

/* Compact article views and startup roles. */
.r-job-copy{min-width:0}.r-job-copy h1{overflow-wrap:anywhere;hyphens:auto}.r-job-role-summary{border-radius:28px;padding:38px;background:#fff;align-self:center;box-shadow:0 16px 40px #132b0910}.r-job-role-summary h2{font-size:42px;line-height:1.07;margin:20px 0;letter-spacing:-.045em}.r-job-role-summary p{font-size:17px;line-height:1.6}.r-job-fit>div>ul{margin-top:25px}
.prose .r-article-more{margin:16px 0 28px;border:1px solid #d9dfd1;border-radius:16px;background:#fff;padding:0;overflow:hidden}.prose .r-article-more>summary{min-height:52px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;font-size:15px;font-weight:600;padding:16px 20px;color:#132B09}.prose .r-article-more>summary::-webkit-details-marker{display:none}.r-article-more>summary>span{background:#E1F340;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;font-size:20px;font-weight:400}.r-article-more[open]>summary>span{transform:rotate(45deg)}.prose .r-article-more>div{padding:0 20px 20px}.prose .r-article-more>div>:first-child{margin-top:0}.r-article-advice{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px;border-radius:20px;background:#132B09;color:#fff}.r-article-advice strong{font-size:20px;font-weight:600;letter-spacing:-.02em}.r-article-advice p{color:#ffffffcc;margin:7px 0 0;font-size:14px}.r-article-advice .r-flow-primary{width:235px;flex-shrink:0;background:#E1F340;color:#132B09}.r-article-advice .r-flow-primary>span{background:#fff}.r-article-advice .r-flow-primary:hover{background:#edf78c}
@media(max-width:580px){.r-job-role-summary{padding:26px}.r-job-role-summary h2{font-size:34px}.r-article-advice{display:grid;padding:22px}.r-article-advice .r-flow-primary{width:100%}.prose .r-article-more>summary{padding:14px 16px}.prose .r-article-more>div{padding-inline:16px}}

/* Multiple services with one address and one enquiry. */
.r-flow-choice-hint{font-size:13px;line-height:1.5;color:#54634e;margin:-10px 0 0}.r-service-tick{border:1px solid #c9d1c1;width:19px;height:19px;border-radius:6px;display:grid;place-items:center;color:transparent;background:#fff;font-size:12px}.r-service-option:has(input:checked) .r-service-tick{background:#132B09;color:#E1F340;border-color:#132B09}.r-service-total{grid-column:1/-1;display:flex;align-items:center;min-height:78px;padding:15px}.r-service-total>span:nth-of-type(2){padding-right:25px}.r-service-total small{display:block;font-weight:400;font-size:12px;line-height:1.4;margin-top:4px}.r-service-selected{align-items:flex-start}.r-service-selected strong{overflow-wrap:anywhere}.r-service-selected button{flex-shrink:0;max-width:112px;text-align:right}.s-renewal .r-header a[href^="/offerte-aanvragen/"]{background:#132B09!important;color:#fff!important}.s-renewal .r-header a[href^="/offerte-aanvragen/"]>span{background:#E1F340;color:#132B09}

.r-footer-bottom [data-consent-settings]{font:inherit;color:inherit;background:transparent;border:0;padding:0;cursor:pointer;text-align:left}.r-footer-bottom [data-consent-settings]:hover{text-decoration:underline}.r-footer-bottom [data-consent-settings]:focus-visible{outline:2px solid #E1F340;outline-offset:4px}