.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}:root {
--ink: #15181b;
--ink-70: #4a5057;
--ink-45: #868c93;
--paper: #eeefea;
--card: #ffffff;
--rule: #cfd1c9;
--stamp: #c2392c;
--ledger: #14503c;
--ledger-wash: #e4ece8;
--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
--step-0: 1rem;
--step-1: 1.125rem;
--step-2: clamp(1.35rem, 1.1rem + 1vw, 1.75rem);
--step-3: clamp(1.7rem, 1.2rem + 2.2vw, 2.6rem);
--step-4: clamp(2.3rem, 1.2rem + 4.6vw, 4.6rem);
--gap: clamp(1.25rem, 3vw, 2.5rem);
--bleed: clamp(1.15rem, 5vw, 4rem);
--max: 68rem;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
*, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}
body {
margin: 0;
background: var(--paper);
color: var(--ink);
font-family: var(--font-sans);
font-size: var(--step-0);
line-height: 1.6;
-webkit-font-smoothing: antialiased;
}
img { max-width: 100%; height: auto; display: block; }
a { color: var(--ink); text-decoration-thickness: 1px; text-underline-offset: .18em; }
a:hover { color: var(--stamp); }
:focus-visible {
outline: 3px solid var(--stamp);
outline-offset: 2px;
}
.sw-skip {
position: absolute; left: -9999px; top: 0;
background: var(--ink); color: var(--paper); padding: .75rem 1rem; z-index: 100;
}
.sw-skip:focus { left: 0; }
.sw-wrap { width: 100%; max-width: var(--max); margin-inline: auto; padding-inline: var(--bleed); } h1, h2, h3 { line-height: 1.05; letter-spacing: -0.025em; font-weight: 800; margin: 0 0 .5em; }
h1 { font-size: var(--step-4); }
h2 { font-size: var(--step-3); }
h3 { font-size: var(--step-2); letter-spacing: -0.015em; }
p { margin: 0 0 1em; max-width: 62ch; }
.sw-eyebrow {
font-family: var(--font-mono);
font-size: .78rem;
letter-spacing: .14em;
text-transform: uppercase;
color: var(--ink-45);
margin: 0 0 1.4rem;
display: flex;
align-items: center;
gap: .8rem;
}
.sw-eyebrow::after {
content: "";
flex: 1;
height: 1px;
background: var(--rule);
}
.sw-lead { font-size: var(--step-1); color: var(--ink-70); } .sw-head {
border-bottom: 1px solid var(--rule);
background: var(--paper);
position: sticky;
top: 0;
z-index: 40;
}
.sw-head__in {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
min-height: 4.25rem;
}
.sw-logo {
font-family: var(--font-mono);
font-weight: 700;
font-size: 1rem;
letter-spacing: -.02em;
text-decoration: none;
}
.sw-logo span { color: var(--stamp); }
.sw-nav { display: flex; align-items: center; gap: clamp(.9rem, 2.5vw, 1.75rem); }
.sw-nav a { font-size: .9rem; text-decoration: none; color: var(--ink-70); }
.sw-nav a:hover { color: var(--ink); text-decoration: underline; }
.sw-nav__cta { display: none; }
@media (min-width: 40em) { .sw-nav__cta { display: inline-flex; } }
.sw-foot {
border-top: 1px solid var(--rule);
margin-top: clamp(3rem, 8vw, 6rem);
padding-block: clamp(2rem, 5vw, 3.5rem);
font-size: .875rem;
color: var(--ink-70);
}
.sw-foot__grid { display: grid; gap: 1.75rem; }
@media (min-width: 46em) { .sw-foot__grid { grid-template-columns: 1.4fr 1fr 1fr; } }
.sw-foot h4 { font-family: var(--font-mono); font-size: .75rem; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-45); margin: 0 0 .7rem; }
.sw-foot ul { list-style: none; margin: 0; padding: 0; display: grid; gap: .4rem; } .sw-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: .55rem;
font-family: var(--font-mono);
font-size: .9rem;
font-weight: 600;
letter-spacing: .01em;
padding: .85rem 1.5rem;
border: 1px solid var(--ink);
border-radius: 2px;
background: var(--ink);
color: var(--paper);
text-decoration: none;
cursor: pointer;
transition: transform .12s ease, box-shadow .12s ease, background .12s ease;
}
.sw-btn:hover { color: var(--paper); background: var(--stamp); border-color: var(--stamp); transform: translateY(-1px); }
.sw-btn:active { transform: translateY(0); }
.sw-btn--ghost { background: transparent; color: var(--ink); }
.sw-btn--ghost:hover { background: var(--ink); color: var(--paper); border-color: var(--ink); }
.sw-btn--lg { padding: 1.05rem 2rem; font-size: 1rem; width: 100%; }
@media (min-width: 34em) { .sw-btn--lg { width: auto; } }
.sw-btn[disabled] { opacity: .45; pointer-events: none; } .sw-sect { padding-block: clamp(3rem, 8vw, 6rem); }
.sw-sect + .sw-sect { border-top: 1px solid var(--rule); }
.sw-sect--tight { padding-block: clamp(2.25rem, 5vw, 3.5rem); } .sw-hero { padding-block: clamp(2.5rem, 7vw, 5.5rem) clamp(3rem, 8vw, 6rem); }
.sw-hero__grid { display: grid; gap: clamp(2rem, 5vw, 3.5rem); align-items: start; }
@media (min-width: 56em) { .sw-hero__grid { grid-template-columns: 1.15fr .85fr; } }
.sw-hero h1 { text-wrap: balance; margin-bottom: .45em; }
.sw-hero__sub { font-size: var(--step-1); color: var(--ink-70); max-width: 34ch; }
.sw-hero__acts { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 2rem; }
.sw-hero__note { font-family: var(--font-mono); font-size: .8rem; color: var(--ink-45); margin-top: 1.25rem; } .sw-bon {
background: var(--card);
border: 1px solid var(--rule);
padding: 1.6rem 1.4rem 0;
font-family: var(--font-mono);
font-size: .875rem;
box-shadow: 0 1px 0 var(--rule), 0 14px 34px -22px rgba(21, 24, 27, .5);
position: relative;
}
.sw-bon::after {
content: "";
display: block;
height: 12px;
margin: 0 -1.4rem;
background:
radial-gradient(circle at 6px -2px, transparent 7px, var(--card) 7.5px) repeat-x;
background-size: 14px 14px;
filter: drop-shadow(0 1px 0 var(--rule));
}
.sw-bon__head {
text-align: center;
padding-bottom: 1.1rem;
border-bottom: 1px dashed var(--rule);
margin-bottom: 1.1rem;
}
.sw-bon__head strong { display: block; letter-spacing: .16em; text-transform: uppercase; font-size: .75rem; }
.sw-bon__head span { color: var(--ink-45); font-size: .75rem; }
.sw-bon__line {
display: grid;
grid-template-columns: 1fr auto;
align-items: baseline;
gap: .5rem;
padding: .38rem 0;
}
.sw-bon__line dt { margin: 0; position: relative; overflow: hidden; }
.sw-bon__line dt::after {
content: " ....................................................................";
color: var(--rule);
white-space: nowrap;
}
.sw-bon__line dd { margin: 0; font-variant-numeric: tabular-nums; white-space: nowrap; }
.sw-bon__line--muted dt, .sw-bon__line--muted dd { color: var(--ink-45); }
.sw-bon dl { margin: 0; }
.sw-bon__tot {
border-top: 1px solid var(--ink);
margin-top: 1rem;
padding-top: .9rem;
}
.sw-bon__tot .sw-bon__line { font-size: 1.05rem; font-weight: 700; }
.sw-bon__tot .sw-bon__line--muted { font-size: .82rem; font-weight: 400; }
.sw-bon__tot .sw-bon__line dt::after { content: ""; }
.sw-bon__big { font-size: 1.5rem !important; }
.sw-bon__big dd { color: var(--stamp); }
.sw-bon__foot {
border-top: 1px dashed var(--rule);
margin-top: 1rem;
padding: 1rem 0 1.4rem;
color: var(--ink-45);
font-size: .75rem;
line-height: 1.5;
text-align: center;
} .sw-stamp {
display: inline-block;
font-family: var(--font-mono);
font-size: .7rem;
letter-spacing: .13em;
text-transform: uppercase;
color: var(--stamp);
border: 2px solid var(--stamp);
border-radius: 3px;
padding: .32rem .6rem;
transform: rotate(-4deg);
opacity: .85;
} .sw-cols { display: grid; gap: var(--gap); }
@media (min-width: 44em) { .sw-cols--2 { grid-template-columns: 1fr 1fr; } }
@media (min-width: 52em) { .sw-cols--3 { grid-template-columns: repeat(3, 1fr); } }
.sw-check { list-style: none; margin: 0; padding: 0; display: grid; gap: .6rem; }
.sw-check li { display: grid; grid-template-columns: 1.4rem 1fr; gap: .55rem; align-items: start; line-height: 1.5; }
.sw-check li::before {
content: "+";
font-family: var(--font-mono);
font-weight: 700;
color: var(--ledger);
line-height: 1.5;
}
.sw-check--no li::before { content: "\2013"; color: var(--ink-45); }
.sw-check--no li { color: var(--ink-70); }
.sw-card {
background: var(--card);
border: 1px solid var(--rule);
padding: clamp(1.25rem, 3vw, 1.9rem);
border-radius: 2px;
}
.sw-card h3 { margin-bottom: .4rem; }
.sw-card p:last-child { margin-bottom: 0; } .sw-steps { list-style: none; counter-reset: s; margin: 0; padding: 0; display: grid; gap: 0; }
.sw-steps li {
counter-increment: s;
display: grid;
grid-template-columns: 3.25rem 1fr;
gap: 1rem;
padding: 1.25rem 0;
border-top: 1px solid var(--rule);
align-items: start;
}
.sw-steps li:last-child { border-bottom: 1px solid var(--rule); }
.sw-steps li::before {
content: counter(s, decimal-leading-zero);
font-family: var(--font-mono);
font-size: .8rem;
color: var(--stamp);
padding-top: .35rem;
letter-spacing: .05em;
}
.sw-steps h3 { font-size: var(--step-1); margin-bottom: .2rem; letter-spacing: -.01em; }
.sw-steps p { margin: 0; color: var(--ink-70); } .sw-tbl-scroll { overflow-x: auto; margin-inline: calc(var(--bleed) * -1); padding-inline: var(--bleed); }
.sw-tbl {
width: 100%;
min-width: 34rem;
border-collapse: collapse;
font-family: var(--font-mono);
font-size: .875rem;
background: var(--card);
}
.sw-tbl th, .sw-tbl td { padding: .8rem 1rem; text-align: right; border-bottom: 1px solid var(--rule); font-variant-numeric: tabular-nums; }
.sw-tbl th:first-child, .sw-tbl td:first-child { text-align: left; font-family: var(--font-sans); }
.sw-tbl thead th { font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-45); border-bottom: 1px solid var(--ink); }
.sw-tbl tbody tr:last-child td { border-bottom: none; }
.sw-tbl tfoot td { font-weight: 700; border-top: 1px solid var(--ink); border-bottom: none; }
.sw-tbl__hi { background: var(--ledger-wash); } .sw-tbl--opties th, .sw-tbl--opties td { text-align: left; font-family: var(--font-sans); }
.sw-tbl--opties th:last-child, .sw-tbl--opties td:last-child { text-align: right; font-family: var(--font-mono); white-space: nowrap; } .sw-faq { border-top: 1px solid var(--rule); }
.sw-faq details { border-bottom: 1px solid var(--rule); }
.sw-faq summary {
cursor: pointer;
padding: 1.1rem 2.5rem 1.1rem 0;
font-weight: 600;
list-style: none;
position: relative;
}
.sw-faq summary::-webkit-details-marker { display: none; }
.sw-faq summary::after {
content: "+";
position: absolute;
right: .35rem;
top: 1rem;
font-family: var(--font-mono);
font-size: 1.2rem;
color: var(--stamp);
}
.sw-faq details[open] summary::after { content: "\2013"; }
.sw-faq details > div { padding-bottom: 1.2rem; color: var(--ink-70); }
.sw-faq details > div p:last-child { margin-bottom: 0; } .sw-form-layout { display: grid; gap: clamp(1.75rem, 4vw, 3rem); align-items: start; }
@media (min-width: 60em) { .sw-form-layout { grid-template-columns: 1fr 21rem; } }
.sw-panel { position: static; }
@media (min-width: 60em) { .sw-panel { position: sticky; top: 5.5rem; } }
.sw-fs {
border: 1px solid var(--rule);
background: var(--card);
padding: clamp(1.25rem, 3vw, 2rem);
margin: 0 0 1.25rem;
border-radius: 2px;
}
.sw-fs > legend {
font-family: var(--font-mono);
font-size: .75rem;
letter-spacing: .13em;
text-transform: uppercase;
color: var(--ink-45);
padding: 0 .6rem;
margin-inline-start: -.6rem;
}
.sw-fs__hint { color: var(--ink-70); font-size: .9rem; margin: .3rem 0 1.4rem; }
.sw-grid { display: grid; gap: 1rem; }
@media (min-width: 38em) { .sw-grid--2 { grid-template-columns: 1fr 1fr; } }
.sw-grid--2 .sw-span2 { grid-column: 1 / -1; }
.sw-f { display: grid; gap: .35rem; }
.sw-f > label, .sw-legend {
font-size: .82rem;
font-weight: 600;
letter-spacing: .01em;
}
.sw-f .sw-help { font-size: .78rem; color: var(--ink-45); }
.sw-req { color: var(--stamp); }
input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="number"], select, textarea {
font: inherit;
font-size: .95rem;
width: 100%;
padding: .7rem .8rem;
border: 1px solid var(--rule);
border-radius: 2px;
background: var(--paper);
color: var(--ink);
}
textarea { min-height: 6.5rem; resize: vertical; line-height: 1.5; }
input:focus, select:focus, textarea:focus { border-color: var(--ink); background: var(--card); }
input[aria-invalid="true"], textarea[aria-invalid="true"], select[aria-invalid="true"] { border-color: var(--stamp); background: #fdf3f2; }
.sw-opts { display: grid; gap: .55rem; margin: 0; padding: 0; border: 0; }
.sw-opt {
display: grid;
grid-template-columns: 1.15rem 1fr auto;
gap: .7rem;
align-items: start;
padding: .8rem .9rem;
border: 1px solid var(--rule);
border-radius: 2px;
cursor: pointer;
background: var(--paper);
transition: border-color .12s ease, background .12s ease;
}
.sw-opt:hover { border-color: var(--ink-45); }
.sw-opt:has(input:checked) { border-color: var(--ink); background: var(--card); }
.sw-opt input { margin: .28rem 0 0; accent-color: var(--stamp); width: 1.05rem; height: 1.05rem; }
.sw-opt__t { font-size: .92rem; font-weight: 600; }
.sw-opt__d { font-size: .8rem; color: var(--ink-70); display: block; font-weight: 400; margin-top: .1rem; }
.sw-opt__p { font-family: var(--font-mono); font-size: .85rem; white-space: nowrap; padding-top: .1rem; }
.sw-chips { display: flex; flex-wrap: wrap; gap: .5rem; }
.sw-chip {
display: inline-flex;
align-items: center;
gap: .45rem;
padding: .5rem .8rem;
border: 1px solid var(--rule);
border-radius: 999px;
font-size: .85rem;
cursor: pointer;
background: var(--paper);
}
.sw-chip:has(input:checked) { border-color: var(--ink); background: var(--ink); color: var(--paper); }
.sw-chip input { accent-color: var(--stamp); }
.sw-akkoord { display: grid; gap: .9rem; }
.sw-akkoord label { display: grid; grid-template-columns: 1.15rem 1fr; gap: .7rem; align-items: start; font-size: .875rem; line-height: 1.5; }
.sw-akkoord input { margin-top: .25rem; accent-color: var(--stamp); width: 1.05rem; height: 1.05rem; }
.sw-err {
border: 1px solid var(--stamp);
background: #fdf3f2;
color: #7d2119;
padding: 1rem 1.15rem;
border-radius: 2px;
margin-bottom: 1.5rem;
font-size: .9rem;
}
.sw-err ul { margin: .5rem 0 0; padding-inline-start: 1.2rem; }
.sw-err p { margin: 0; }
.sw-veld-err { color: var(--stamp); font-size: .78rem; }
.sw-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.sw-count { font-family: var(--font-mono); font-size: .75rem; color: var(--ink-45); } .sw-done { max-width: 40rem; margin-inline: auto; text-align: center; padding-block: clamp(3rem, 9vw, 6rem); }
.sw-done .sw-bon { text-align: left; margin-top: 2.5rem; } .sw-keuze { display: flex; flex-wrap: wrap; gap: .5rem; margin: .35rem 0 .4rem; }
.sw-keuze__optie {
display: inline-flex;
align-items: center;
gap: .5rem;
padding: .6rem .95rem;
border: 1px solid var(--rule);
border-radius: 2px;
background: var(--paper);
font-size: .88rem;
cursor: pointer;
transition: border-color .12s ease, background .12s ease, color .12s ease;
}
.sw-keuze__optie:hover { border-color: var(--ink-45); }
.sw-keuze__optie:has(input:checked) { background: var(--ink); border-color: var(--ink); color: var(--paper); }
.sw-keuze__optie input { accent-color: var(--stamp); margin: 0; }
.sw-keuze__optie:has(input:focus-visible) { outline: 3px solid var(--stamp); outline-offset: 2px; } .sw-f[hidden] { display: none; }.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}