:root{--blue:#0867df;--blue-dark:#054fae;--ink:#172b3e;--text:#42566a;--orange:#ff8b16;--pale:#f0f6fc;--line:#dce6ef;--green:#09856a;--radius:18px;--max:1180px}*{box-sizing:border-box}html{font-size:17px;scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--text);background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.65;-webkit-font-smoothing:antialiased}h1,h2,h3,p,ul,ol{margin:0}h1,h2,h3{color:var(--ink);letter-spacing:-.035em;line-height:1.13;font-weight:750}h1{font-size:clamp(2.6rem,4.5vw,4.2rem)}h1 span{color:var(--blue)}h2{font-size:clamp(2rem,3vw,2.8rem)}h3{font-size:1.35rem;letter-spacing:-.02em}p+p{margin-top:1rem}a{color:var(--blue);text-underline-offset:4px}a:hover{text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}svg{width:24px;height:24px;flex-shrink:0}img{display:block;max-width:100%;height:auto}.wrap{max-width:var(--max);margin:0 auto;width:calc(100% - 64px)}.narrow{max-width:840px}.skip{position:absolute;left:20px;top:-100px;z-index:100;background:white;padding:12px}.skip:focus{top:8px}.topbar{background:#f1f5f9;border-bottom:1px solid #e5ecf2;font-size:.94rem;color:#516579}.topbar .wrap{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.topbar a{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink);font-weight:700}.topbar svg{width:14px;height:14px}.header{background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 3px 16px #17304708}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:36px;min-height:105px}.brand{width:250px;flex-shrink:0}.brand img{width:100%}.header nav{display:flex;align-items:center;gap:26px}.header nav a{color:var(--ink);text-decoration:none;font-size:.94rem;font-weight:650;white-space:nowrap}.header nav a:hover,.header nav a[aria-current=page]{color:var(--blue)}.header nav .nav-cta{display:flex;align-items:center;gap:12px;background:var(--blue);padding:12px 19px;border-radius:7px;color:white}.nav-cta svg{width:19px}.header nav .nav-cta:hover{background:var(--blue-dark);color:white}.menu-toggle{display:none}.hero{background:linear-gradient(105deg,#f0f6fd,#fff);padding:72px 0 82px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:54px;align-items:center}.eyebrow{color:var(--blue);font-size:.94rem;letter-spacing:.11em;text-transform:uppercase;font-weight:750;margin-bottom:20px}.lead{font-size:1.13rem;line-height:1.7;margin:26px 0;color:#435b70}.hero h1{max-width:none}.actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:1.5px solid transparent;border-radius:7px;padding:15px 22px;text-decoration:none;font-size:.94rem;font-weight:750;line-height:1.35;min-height:54px;transition:background .15s,box-shadow .15s}.button svg{width:19px;height:19px}.button.primary{color:#fff;background:var(--blue);box-shadow:0 5px 14px #0867df16}.button.primary:hover{background:var(--blue-dark)}.button.secondary{color:var(--ink);border-color:#acbfd0;background:transparent}.button.secondary:hover{border-color:var(--blue);color:var(--blue);background:#ffffff80}.micro{font-size:.94rem;line-height:1.6;color:#587085;margin-top:20px}.hero-visual{position:relative;padding-bottom:30px}.hero-visual:before{content:'';position:absolute;inset:-16px -18px 12px 30px;border:1px solid #c5dbf3;border-radius:120px 22px 22px 22px;z-index:0}.hero-visual>img{position:relative;width:100%;height:450px;object-fit:cover;object-position:38% center;border-radius:100px 12px 12px 12px}.visual-note{position:absolute;bottom:0;left:-24px;display:flex;gap:16px;align-items:center;background:#fff;box-shadow:0 12px 45px #102e4a20;padding:22px 28px;border-radius:12px;line-height:1.5;font-size:.94rem}.visual-note strong{color:var(--ink);font-size:1rem}.visual-note>svg{width:40px;height:40px;color:var(--blue);background:#eaf3ff;padding:7px;box-sizing:content-box;border-radius:50%}.proof-strip{background:white;border-block:1px solid var(--line)}.proof-strip .wrap{display:flex;justify-content:space-between;gap:24px;padding:22px 0}.proof-strip span{display:flex;align-items:center;gap:10px;font-size:.94rem;font-weight:650;color:var(--ink)}.proof-strip svg{width:19px;height:19px;color:var(--green)}.section{padding:90px 0}.section-heading{max-width:760px;margin-bottom:42px}.section-heading p:not(.eyebrow){font-size:1.08rem;margin-top:22px;max-width:690px}.section-heading.row{max-width:none;display:flex;align-items:end;justify-content:space-between;gap:30px}.section-heading.row>.text-link{flex-shrink:0}.audience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.audience{padding:38px 38px 40px;border-radius:var(--radius);display:flex;flex-direction:column;align-items:flex-start}.audience.mkb{background:var(--ink);color:#cfdfed;position:relative;overflow:hidden}.audience.mkb h3{color:white}.audience.mkb .audience-label{color:#8ebfff}.audience h3{font-size:1.9rem;line-height:1.2;margin:18px 0}.audience>p{max-width:490px}.audience.zzp{background:#f0f6fd;border:1px solid #e0ebf8}.audience-label{font-size:.94rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase;color:var(--blue)}.audience .button{margin-top:auto}.check-list{list-style:none;padding:0;display:grid;gap:15px;margin:25px 0 30px;font-size:.94rem}.check-list li{display:flex;align-items:flex-start;gap:12px;line-height:1.55}.check-list svg{width:19px;height:19px;margin-top:2px;color:var(--green)}.mkb .check-list svg{color:#67d8bb}.tint{background:var(--pale)}.problem-list{display:grid;gap:0}.problem-list>div{display:grid;grid-template-columns:60px .85fr 1.15fr;gap:26px;border-top:1px solid #cdddea;padding:32px 0;align-items:start}.problem-list>div:last-child{padding-bottom:0}.problem-list>div>span{color:var(--blue);font-size:.94rem;font-weight:750;padding-top:3px}.problem-list h3{font-size:1.45rem;line-height:1.25}.problem-list p{font-size:.97rem}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:34px}.service-card,.plain-card{border:1px solid var(--line);padding:32px;border-radius:12px;text-decoration:none;display:flex;flex-direction:column;align-items:flex-start;color:var(--text);background:#fff;min-width:0}.service-card{transition:box-shadow .2s,border-color .2s}.service-card:hover{border-color:#a1bfe6;box-shadow:0 12px 30px #1730470c}.service-icon{display:inline-flex;background:#edf5ff;padding:12px;color:var(--blue);border-radius:10px;margin-bottom:24px}.service-icon svg{width:29px;height:29px}.service-card h3,.plain-card h3{margin-bottom:15px;font-size:1.3rem;line-height:1.25}.service-card p,.plain-card p{font-size:.96rem;margin-bottom:26px}.text-link{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-weight:700;font-size:.94rem;color:var(--blue)}.text-link svg{width:18px;height:18px}.service-card .text-link,.plain-card .text-link{margin-top:auto}.approach{background:#f9fafb;border-top:1px solid #edf1f5}.steps{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;margin-top:38px}.step-number{display:block;color:var(--blue);font-weight:750;font-size:1rem;margin-bottom:22px;padding-top:20px;border-top:2px solid #b6d4fa}.steps h3{margin-bottom:15px}.steps p{font-size:.96rem}.cta-band{background:var(--blue);padding:64px 0;color:#e2efff}.cta-inner{display:grid;grid-template-columns:1.6fr 1fr;gap:70px;align-items:center}.cta-inner h2{color:white;max-width:640px}.cta-inner .eyebrow{color:#b6d5ff}.cta-inner p:not(.eyebrow){margin-top:22px;max-width:650px;font-size:1.02rem}.cta-inner>div:last-child{display:flex;align-items:flex-start;flex-direction:column;gap:16px}.cta-inner .button{background:#ffc078;color:var(--ink);box-shadow:none}.cta-inner .button:hover{background:#ffad52}.cta-phone{color:white;font-size:.94rem;text-decoration:none}.footer{background:#112438;color:#9eb2c7;padding:65px 0 22px;font-size:.94rem}.footer-grid{display:grid;grid-template-columns:1.1fr 1fr 1.15fr 1fr;gap:36px}.footer h2{font-size:.94rem;color:#fff;letter-spacing:0;line-height:1.5;margin-bottom:20px}.footer a{color:#d5e3f0;text-decoration:none;display:block;margin:10px 0}.footer a:hover{color:white;text-decoration:underline}.footer p{font-size:.94rem;margin:16px 0;line-height:1.7}.footer .footer-logo{font-size:2.3rem;font-weight:800;color:white;line-height:1;margin:0;letter-spacing:-.06em}.footer-logo span{color:var(--orange)}.footer-phone{font-weight:750;color:white!important}.footer-bottom{border-top:1px solid #2a3c50;margin-top:44px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;font-size:.94rem}.footer-bottom a{margin:0}.page-hero{background:linear-gradient(110deg,#eef5fd,#f8fafc);padding:74px 0 80px}.page-hero h1{font-size:clamp(2.5rem,4vw,3.8rem);line-height:1.13}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:65px;align-items:start}.split>.focus-panel,.split>.package{margin-top:13px}.focus-panel{border-left:3px solid var(--orange);background:white;padding:32px;border-radius:0 12px 12px 0;box-shadow:0 12px 36px #17304705}.focus-panel h2{font-size:1.25rem;letter-spacing:-.02em}.focus-panel .check-list{margin-bottom:0;font-size:.94rem}.white-panel{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:34px}.white-panel h3{margin-bottom:20px}.white-panel h2{font-size:1.45rem;margin-bottom:22px}.white-panel p{font-size:.96rem}.white-panel .button{margin-top:24px}.split>div>h2+p{margin-top:25px}.package{background:white;border:2px solid var(--blue);border-radius:14px;padding:32px;box-shadow:0 12px 40px #0867df0d}.package-label{background:#eaf3ff;color:var(--blue);font-size:.94rem;letter-spacing:.08em;font-weight:700;display:inline-block;padding:5px 11px;border-radius:5px;text-transform:uppercase;margin-bottom:20px}.package h2{font-size:1.75rem}.package ul{list-style:none;padding:0;margin:25px 0;display:grid;gap:15px}.package li{display:flex;gap:12px;align-items:center;font-size:.94rem;color:var(--ink)}.package li svg{color:var(--blue);width:21px;height:21px}.package p{font-size:.94rem;margin-bottom:22px}.package .button{width:100%;font-size:.94rem;padding-inline:12px}.editorial{display:grid;grid-template-columns:.85fr 1.45fr;gap:85px}.editorial aside h2{font-size:2.05rem}.editorial aside>p:not(.eyebrow){margin:25px 0}.editorial .check-list{margin-top:28px}.article-content>section+section{margin-top:42px}.article-content h2{font-size:1.7rem;letter-spacing:-.025em;margin-bottom:20px}.article-content p{font-size:1.02rem}.faq{background:#fff}.faq-list{margin-top:30px;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:21px 0}summary{color:var(--ink);font-size:1.05rem;font-weight:650;cursor:pointer;position:relative;padding-right:40px;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:6px;top:0;font-size:1.3rem;color:var(--blue)}details[open] summary:after{content:'−'}details p{margin:17px 35px 0 0;font-size:.96rem}.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:75px}.contact-grid h2{font-size:1.85rem;margin-bottom:18px}.contact-options{display:grid;gap:14px;margin-top:30px}.contact-options>a{display:flex;align-items:center;gap:18px;background:#f0f6fd;border:1px solid #e0ebf6;border-radius:10px;padding:20px;text-decoration:none;color:var(--blue)}.contact-options>a>svg:last-child{margin-left:auto;width:19px}.contact-options small{display:block;color:var(--text);font-size:.94rem}.contact-options strong{display:block;font-size:1.2rem;color:var(--ink)}.contact-options>a:hover{border-color:#87b6ed}.contact-aside{background:#f9fbfd}.contact-aside address{font-style:normal;font-size:.94rem;border-top:1px solid var(--line);padding-top:24px;margin-top:24px}.contact-aside .check-list{margin-top:0}.contact-aside>p{font-size:.95rem}
@media(min-width:1280px){:root{--max:clamp(1180px,84vw,1600px)}}
@media(min-width:1450px){.hero{padding-top:90px;padding-bottom:100px}.hero-visual>img{height:470px}}
@media(max-width:1050px){.header nav{gap:16px}.header nav a{font-size:.94rem}.brand{width:210px}.header-inner{gap:20px}.hero-grid{gap:32px;grid-template-columns:1.1fr .9fr}.hero-visual>img{height:400px}.hero .actions{align-items:stretch;flex-direction:column;max-width:320px}.hero .button{font-size:.94rem}.split{gap:35px;grid-template-columns:1.1fr .9fr}.service-card,.plain-card{padding:24px}.footer-grid{gap:24px}.visual-note{left:-15px;padding:18px}.editorial{gap:45px}.cta-inner{gap:40px}.hero h1{font-size:3.1rem}}
@media(max-width:1000px){.wrap{width:calc(100% - 40px)}.header-inner{min-height:87px}.brand{width:225px}.menu-toggle{display:flex;align-items:center;gap:12px;background:white;border:1px solid #b9cbdc;border-radius:6px;padding:9px 14px;color:var(--ink);font-weight:650;cursor:pointer}.header nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;border-top:1px solid var(--line);padding:15px 20px 25px;box-shadow:0 15px 20px #122a4410}.header nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.header nav a{font-size:1rem;padding:13px 10px;white-space:normal}.header nav .nav-cta{justify-content:space-between;margin-top:10px;padding:14px}.hero{padding:48px 0 55px}.hero-grid{grid-template-columns:1fr;gap:40px}.hero h1{font-size:clamp(2.6rem,7vw,3.7rem)}.hero-copy{max-width:660px}.hero .actions{flex-direction:row;max-width:none;align-items:center}.hero-visual{max-width:600px;margin:0 15px 0 15px}.hero-visual>img{height:330px;object-position:center 42%;border-radius:70px 12px 12px 12px}.visual-note{bottom:4px;left:-15px}.proof-strip .wrap{flex-wrap:wrap;gap:13px 25px;justify-content:flex-start;padding:20px 0}.proof-strip span{font-size:.94rem}.section{padding:62px 0}.audience-grid{grid-template-columns:1fr 1fr;gap:18px}.audience{padding:28px}.audience h3{font-size:1.6rem}.audience .button{padding:14px 15px;font-size:.94rem}.audience .check-list{font-size:.94rem}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.problem-list>div{grid-template-columns:35px 1fr;gap:15px}.problem-list p{grid-column:2}.steps{gap:24px}.steps h3{font-size:1.15rem}.steps p{font-size:.94rem}.cta-inner{grid-template-columns:1fr;gap:30px}.cta-band{padding:50px 0}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.page-hero{padding:50px 0 58px}.split{grid-template-columns:1fr;gap:30px}.focus-panel{max-width:650px}.package{max-width:520px;width:100%}.editorial{grid-template-columns:1fr;gap:40px}.editorial aside .check-list{grid-template-columns:1fr 1fr}.contact-grid{grid-template-columns:1fr;gap:35px}.section-heading.row{display:block}.section-heading.row>.text-link{margin-top:25px}.contact-options strong{font-size:1.1rem}}
@media(max-width:520px){html{font-size:16.5px}body{font-size:17px}.topbar .wrap{justify-content:center}.topbar .wrap>span{display:none}.topbar a{font-size:.94rem}.brand{width:clamp(180px,52vw,210px)}.header-inner{min-height:88px;gap:12px}.menu-toggle{font-size:.94rem}.eyebrow{font-size:.84rem;letter-spacing:.07em;margin-bottom:16px}.hero h1,.page-hero h1{font-size:2.5rem;letter-spacing:-.04em;line-height:1.15}.lead{font-size:1.03rem;margin:21px 0}.hero .actions{display:grid;grid-template-columns:1fr;width:100%;gap:12px}.button{font-size:.94rem;padding:14px 18px}.hero-visual>img{height:260px}.visual-note{padding:15px 18px;gap:12px;max-width:95%;font-size:.94rem}.visual-note strong{font-size:.94rem}.visual-note>svg{height:27px;width:27px}.proof-strip .wrap{display:grid;gap:12px}.section{padding:50px 0}.section-heading{margin-bottom:29px}.section-heading h2,h2{font-size:1.9rem;line-height:1.2}.section-heading p:not(.eyebrow){font-size:1rem}.audience-grid,.service-grid,.steps{grid-template-columns:1fr}.audience{padding:28px}.audience h3{font-size:1.7rem}.audience .check-list{font-size:.94rem}.audience .button{margin-top:6px}.audience-label{font-size:.88rem}.service-grid{gap:17px;margin-top:25px}.service-card,.plain-card{padding:27px}.service-icon{margin-bottom:20px}.service-card p,.plain-card p{margin-bottom:20px}.problem-list>div{padding:24px 0}.problem-list h3{font-size:1.25rem}.problem-list p{font-size:.94rem}.steps{gap:25px}.step-number{margin-bottom:14px;padding-top:13px}.steps h3{font-size:1.25rem;margin-bottom:12px}.steps p{font-size:.96rem}.cta-inner h2{font-size:1.95rem}.cta-inner p:not(.eyebrow){font-size:.96rem}.footer{padding-top:45px}.footer-grid{column-gap:24px;row-gap:28px}.footer h2{font-size:.94rem;margin-bottom:14px}.footer a,.footer p{font-size:.94rem}.footer-bottom{flex-direction:column;gap:10px;margin-top:30px}.focus-panel,.white-panel,.package{padding:26px}.focus-panel h2{font-size:1.2rem}.package h2{font-size:1.65rem}.package .button{font-size:.94rem}.editorial aside .check-list{grid-template-columns:1fr}.article-content h2{font-size:1.5rem}.article-content p{font-size:.98rem}summary{font-size:.98rem}.contact-options>a{gap:13px;padding:17px}.contact-options strong{font-size:1.02rem}.contact-grid h2{font-size:1.65rem}.contact-aside h2{font-size:1.45rem}.contact-grid{gap:30px}}
/* Keep larger supporting text comfortable in narrow cards and contact links. */
@media(max-width:640px){.audience-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer h2{font-size:.94rem}.footer a,.footer p{font-size:.94rem}}
@media(max-width:400px){.footer-grid{grid-template-columns:1fr}.contact-options>a{gap:10px;padding:14px}.contact-options strong{font-size:1rem}.contact-options>a>svg:last-child{display:none}}
.contact-options>a>span{min-width:0;overflow-wrap:anywhere}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{.topbar,.menu-toggle,.nav-cta,.footer,.actions,.cta-band{display:none!important}.header{position:static;box-shadow:none}.section,.page-hero,.hero{padding:25px 0}.wrap{width:100%}body{font-size:11pt}.hero-grid,.split,.editorial,.contact-grid{display:block}.hero-visual{display:none}.check-list{break-inside:avoid}a{color:inherit}.service-card,.plain-card{break-inside:avoid}}

/* Visible navigation matches the structured breadcrumbs. */
.breadcrumbs{padding-block:16px;font-size:.94rem;line-height:1.5}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:6px 12px;list-style:none;padding:0}.breadcrumbs li{display:flex;gap:12px;align-items:baseline}.breadcrumbs li+li:before{content:'/';color:#708397}.breadcrumbs [aria-current=page]{color:var(--ink)}#werkgebied p{margin-top:22px}#werkgebied{scroll-margin-top:110px}

.hero .button.secondary{background:#ffc078;border-color:#ffc078;color:var(--ink);box-shadow:none}.hero .button.secondary:hover{background:#ffad52;border-color:#ffad52;color:var(--ink)}

/* A calmer homepage introduction with one primary action. */
@media(min-width:1001px){.hero h1{font-size:clamp(2.5rem,3.5vw,3.8rem);line-height:1.13}.hero-copy{min-width:0}}

/* About XL1 follows the same reading width as its introduction and service area. */
.about-story .article-content>section+section{margin-top:32px}.about-contact{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);margin-top:36px;padding-top:24px}.about-contact p{margin:0}.about-contact strong{color:var(--ink)}.about-contact .text-link{flex-shrink:0}
@media(max-width:520px){.about-contact{align-items:flex-start;flex-direction:column;gap:16px}}