:root{--blue:#064ba4;--ink:#172b43;--muted:#607084;--yellow:#ffcc00;--line:#e1e6ed;--soft:#f5f7fa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;font:16px/1.6 Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:wait}img{display:block;max-width:100%}.wrap{width:calc(100% - 40px);max-width:1240px;margin-inline:auto}.topline{padding:9px 20px;text-align:center;background:var(--soft);font-size:12px;color:var(--muted)}header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line);gap:14px;flex-wrap:wrap}.logo-crop{display:block;position:relative;width:172px;aspect-ratio:1420/440;overflow:hidden}.logo-crop img{position:absolute;width:112.676%;max-width:none;left:-6.69%;top:-42.72%}.header-actions{display:flex;gap:15px;align-items:center}.cart-button,.menu-button,.icon-button{border:0;background:none;color:var(--ink)}.cart-button{position:relative;padding:5px;display:flex;align-items:center;gap:6px}.cart-button svg{width:25px;height:25px}.cart-button span{font-size:13px;background:var(--blue);color:#fff;min-width:20px;text-align:center;border-radius:12px}.menu-button{font-size:14px;padding:8px 0}nav{display:none;order:3;width:100%;padding-top:15px;gap:12px}nav.open{display:grid}nav a{font-size:15px;padding:8px 0}nav a:hover{color:var(--blue)}.intro{padding-top:46px;padding-bottom:45px}.eyebrow{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;color:var(--muted);margin-bottom:16px}h1,h2,h3{line-height:1.14;letter-spacing:-1.4px;margin:0}h1{font-size:clamp(39px,8.7vw,74px);font-weight:750}h1 span{color:var(--blue)}h2{font-size:32px}h3{font-size:24px;letter-spacing:-.7px}.intro p{font-size:17px;color:var(--muted);max-width:550px;margin:22px 0 26px}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;min-height:48px;border-radius:5px;font-weight:700;font-size:15px;border:1px solid transparent;transition:background .15s;text-align:center}.primary{background:var(--blue);color:#fff}.primary:hover{background:#04377d}.secondary{background:#fff;border-color:var(--line);color:var(--ink)}.secondary:hover{background:var(--soft)}.full{width:100%}.quiet-link{display:block;font-size:14px;margin-top:18px;text-decoration:underline;text-underline-offset:4px}.models{padding-bottom:55px}.section-heading{margin-bottom:25px}.section-heading p{color:var(--muted);max-width:430px;margin:15px 0 0}.product-grid{display:grid;gap:30px}.product-image{aspect-ratio:1.25;background:var(--soft);border-radius:8px;overflow:hidden}.product-image img{height:100%;width:100%;object-fit:contain}.product-body{padding-top:20px}.product-meta{font-size:13px;color:var(--muted);margin-bottom:8px}.product-body p{color:var(--muted);margin:13px 0 19px}.product-body .button{width:100%}.product-link{font-size:14px;margin-top:12px;display:block;text-align:center;text-decoration:underline;text-underline-offset:4px}.image-note{font-size:12px;color:var(--muted);margin-top:24px}.config-section{padding:44px 0;background:var(--soft)}.config-layout{display:grid;gap:25px}.config-form{padding:24px;background:white;border:1px solid var(--line);border-radius:9px}fieldset{padding:0;margin:0 0 26px;border:0}legend{font-size:19px;font-weight:700;padding:0;margin-bottom:20px;letter-spacing:-.5px}legend>span{font-size:13px;color:var(--blue);margin-right:12px}.model-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.model-option{position:relative;text-align:center;font-size:14px}.model-option input{position:absolute;opacity:0;width:1px;height:1px}.model-option span{display:block;border:1px solid var(--line);border-radius:5px;padding:12px 5px;cursor:pointer}.model-option input:checked+span{border:2px solid var(--blue);padding:11px 4px;color:var(--blue);background:#f0f6ff}.model-option input:focus-visible+span{outline:3px solid var(--blue);outline-offset:3px}.field-help{font-size:13px;line-height:1.6;color:var(--muted);margin:0 0 18px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{display:block;font-size:14px;font-weight:600;margin-bottom:9px}.input-wrap{position:relative;display:block;margin-top:8px}.input-wrap>span{position:absolute;right:12px;top:12px;color:var(--muted);font-weight:400}input,textarea{width:100%;padding:12px;border:1px solid #bdc8d4;border-radius:5px;background:#fff;color:var(--ink);font-size:16px}.input-wrap input{padding-right:39px}.quantity-label{margin-top:18px}.quantity-label input{display:block;width:100px;margin-top:8px}textarea{resize:vertical}.optional{font-weight:400;color:var(--muted)}.config-form>.field-help{margin:13px 0 0;text-align:center}.preview{background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden}.preview-image{background:#fff;aspect-ratio:1.35;padding:16px}.preview-image img{width:100%;height:100%;object-fit:contain}.preview-content{padding:24px;border-top:1px solid var(--line)}.preview-content .eyebrow{display:block}.preview-content dl{margin:22px 0}.preview-content dl>div{display:flex;justify-content:space-between;gap:18px;font-size:14px;padding:9px 0}.preview-content dt{color:var(--muted)}.preview-content dd{margin:0;text-align:right}.price-area{border-top:1px solid var(--line);padding:18px 0 12px;font-size:18px;font-weight:700}.preview-content .field-help{margin-bottom:0}.process{padding-top:55px;padding-bottom:55px}.steps{display:grid;gap:24px;margin-top:28px}.steps article{border-top:1px solid var(--line);padding-top:20px}.steps article>span{color:var(--blue);font-size:14px;display:block;margin-bottom:17px}.steps h3{font-size:22px}.steps p{color:var(--muted);margin-bottom:0}.faq{padding-bottom:55px}.faq h2{margin-bottom:25px}.faq details{border-bottom:1px solid var(--line);padding:17px 0}.faq summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary:after{content:'+';font-size:22px;line-height:1}.faq details[open] summary:after{content:'−'}.faq p{color:var(--muted)}.bottom-cta{border-top:1px solid var(--line);padding-top:30px;padding-bottom:45px}.bottom-cta h2{font-size:28px;margin-bottom:24px}footer{background:var(--soft);padding:30px 0;font-size:14px;color:var(--muted)}.footer-inner{display:grid;gap:20px}.footer-inner b{font-size:22px;color:var(--ink)}.footer-inner p{margin:2px 0}.footer-inner>span{font-size:12px}.footer-inner a{text-decoration:underline;text-underline-offset:3px}dialog{color:var(--ink);width:calc(100% - 24px);max-width:620px;max-height:90dvh;border:0;border-radius:12px;padding:24px;overflow:auto}dialog::backdrop{background:#172b4366}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:25px}.dialog-head h2{font-size:28px}.icon-button{font-size:30px;line-height:1;padding:8px}.cart-item{display:grid;grid-template-columns:70px 1fr;gap:16px;padding:18px 0;border-top:1px solid var(--line)}.cart-item img{width:70px;height:70px;object-fit:contain;background:var(--soft)}.cart-item h3{font-size:19px;letter-spacing:-.4px}.cart-item p{margin:6px 0;font-size:14px;color:var(--muted)}.remove{background:none;border:0;color:var(--blue);text-decoration:underline;padding:4px 0;font-size:14px}.cart-note{font-size:14px;line-height:1.6;color:var(--muted);background:var(--soft);padding:16px;border-radius:5px}#checkout,#requestOverview{padding-top:28px}#checkout h3,#requestOverview h3{margin-bottom:22px}#requestForm input{margin-bottom:20px}#requestForm>.field-help{margin:16px 0 0}#requestText{font:14px/1.6 Arial;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--soft);padding:16px;border-radius:5px}#emailRequest{margin-top:10px}#toast{position:fixed;bottom:20px;left:20px;right:20px;z-index:5;background:var(--ink);color:#fff;padding:15px 20px;border-radius:6px;text-align:center;font-size:14px;box-shadow:0 6px 25px #0002}.error{color:#a42525;font-size:14px}[hidden]{display:none!important}@media(min-width:700px){.wrap{width:calc(100% - 70px)}header{padding:20px 35px}.logo-crop{width:210px}.intro{padding-top:65px;padding-bottom:65px}.intro p{font-size:19px}.quiet-link{display:inline-block;margin-left:24px}.product-grid{grid-template-columns:repeat(3,1fr);gap:22px}.product-body h3{font-size:29px}.product-body p{font-size:15px}.product-body .button{font-size:14px;padding-inline:12px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px}.section-heading p{margin:0}.steps{grid-template-columns:repeat(3,1fr);gap:35px}h2{font-size:42px}.footer-inner{grid-template-columns:1fr 1fr;align-items:center}.bottom-cta{display:flex;justify-content:space-between;align-items:center}.bottom-cta h2{margin:0}.models,.faq{padding-bottom:75px}.process{padding-block:75px}}@media(min-width:1000px){header{padding-inline:max(35px,calc((100% - 1240px)/2));flex-wrap:nowrap;gap:30px}nav{display:flex;order:initial;width:auto;padding:0;gap:27px}.menu-button{display:none}.config-layout{grid-template-columns:minmax(0,1fr) 390px;gap:35px}.config-form{padding:35px}.preview{align-self:start;position:sticky;top:20px}.config-section{padding-block:70px}.intro{padding-block:76px}.product-image{aspect-ratio:1.12}.product-body .button{font-size:15px}.footer-inner{grid-template-columns:1fr 1fr 1fr auto}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:60px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Homepage met productvergelijking en concrete bestelstappen. */
.intro{padding-top:40px;padding-bottom:40px}.intro h1{font-size:clamp(38px,7.4vw,68px)}.models .section-heading h2{font-size:clamp(28px,4vw,39px)}.product-image{aspect-ratio:1.25;background:#f5f7fa}.product-meta{color:var(--blue);font-weight:600}.information{padding-bottom:50px}.info-grid{display:grid;gap:20px}.info-grid article{background:var(--soft);border:1px solid var(--line);padding:25px;border-radius:8px}.info-grid p,.parts p,.contact-section p{color:var(--muted);max-width:650px}.info-grid .quiet-link{margin-left:0}.parts{border-top:1px solid var(--line);padding-top:35px;padding-bottom:50px}.parts h2{font-size:30px}.parts .button{margin-top:8px}.contact-section{padding-top:45px;padding-bottom:45px}.contact-section h2{font-size:30px}select{font:inherit;width:100%;padding:12px;border:1px solid #bdc8d4;border-radius:5px;background:white;color:var(--ink);margin-bottom:20px}#mounting{margin-bottom:20px}.mounting-list{padding-left:18px;color:var(--muted)}@media(min-width:700px){.info-grid{grid-template-columns:1fr 1fr}.information{padding-bottom:65px}.parts,.contact-section{display:flex;justify-content:space-between;align-items:center;gap:45px}.parts{padding-bottom:65px}.intro{padding-top:50px;padding-bottom:50px}.product-grid{align-items:stretch}.product{display:flex;flex-direction:column}.product-body{flex:1;display:flex;flex-direction:column}.product-body .button{margin-top:auto}.product-body p{min-height:72px}}@media(min-width:1000px){nav{gap:22px}nav a{font-size:14px}.logo-crop{width:190px}.intro{padding-top:56px;padding-bottom:50px}.product-image{aspect-ratio:1.25}}
@media(max-width:420px){header .header-actions .button{font-size:12px;padding:9px 11px;min-height:40px}.logo-crop{width:145px}.header-actions{gap:10px}}

.product-image{display:block}.product-image:hover{outline:1px solid var(--blue);outline-offset:2px}.product-image:focus-visible{outline:3px solid var(--blue);outline-offset:4px}

.logo-crop{aspect-ratio:1675/480}.logo-crop img{width:105.9104%;left:-3.8806%;top:-41.6667%}.footer-brand{display:inline-block}.footer-brand .logo-crop{width:210px}

/* RB Direct: blauw en geel, geïnspireerd op de aangeleverde stijlreferentie. */
:root{--blue:#123a63;--ink:#092449;--muted:#50627a;--yellow:#ffde29;--line:#dde6ef;--soft:#f4f6f8;--electric:#0865ee}
body{background:linear-gradient(135deg,#f8fbff 0,#edf5fd 480px,#fff 1050px);color:var(--ink);font-family:'Manrope','Avenir Next',Arial,Helvetica,sans-serif}
.topline{background:transparent;color:var(--blue);font-size:14px;padding-block:10px}
header{width:calc(100% - 24px);max-width:1320px;margin:0 auto;background:#fff;border:1px solid #ffffff;border-radius:22px;padding:18px 20px;box-shadow:0 10px 40px #123a6307;position:relative;z-index:2}
nav a{font-weight:600;position:relative}nav a:hover{color:var(--electric)}
nav a:focus-visible,.quiet-link:focus-visible{outline:3px solid var(--electric);border-radius:4px}
.button{border-radius:999px;min-height:48px;padding:14px 24px;transition:background .18s,box-shadow .18s;line-height:1.35}
.primary{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}.primary:hover{background:#f5ce0e;border-color:#f5ce0e;box-shadow:0 5px 18px #123a6314}
.secondary{border-color:var(--electric);color:var(--blue);background:#fff}.secondary:hover{background:#eef5ff}
h1,h2,h3{font-weight:800;letter-spacing:-.045em}h1 span{color:var(--electric)}h1{line-height:1.04}h2{line-height:1.13}
.eyebrow{color:var(--blue);font-size:14px;font-weight:700;letter-spacing:1.4px}
.intro{position:relative;padding-block:52px 56px}.intro h1{max-width:950px;font-size:clamp(40px,7vw,78px)}.intro p{font-size:18px;max-width:600px;line-height:1.65}.intro .quiet-link{color:var(--blue)}
.section-heading h2,.process>h2,.faq>h2,.parts h2,.contact-section h2,.delivery-information>h2{position:relative;padding-bottom:17px}
.section-heading h2:after,.process>h2:after,.faq>h2:after,.parts h2:after,.contact-section h2:after,.delivery-information>h2:after{content:'';position:absolute;bottom:0;left:0;width:46px;height:4px;background:var(--yellow);border-radius:4px}
.models{background:#fff;border:1px solid #e6edf5;border-radius:24px;padding:26px 20px 24px;box-shadow:0 12px 40px #123a6305;margin-bottom:22px}
.product-grid{gap:20px}.product{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden;transition:box-shadow .18s,border-color .18s}.product:hover{border-color:#bccfe3;box-shadow:0 10px 28px #123a6310}
.product-image{border-radius:0;background:linear-gradient(140deg,#f7faff,#eaf2fa);aspect-ratio:1.25}.product-body{padding:23px 20px 20px}.product-body h3{color:var(--blue)}.product-body p{font-size:16px}.product-meta{font-size:14px;color:var(--muted)}.product-link{color:var(--blue)}.image-note{font-size:14px;line-height:1.5}
.steps article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px}.steps article>span{display:flex;align-items:center;justify-content:center;background:var(--yellow);color:var(--ink);font-weight:800;border-radius:50%;width:42px;height:42px;font-size:16px}
.info-grid article{background:#fff;border-radius:18px;padding:28px;border-color:var(--line)}.info-grid h3{color:var(--blue)}
.faq details{background:#fff;padding:20px;border:1px solid var(--line);border-radius:13px;margin-bottom:10px}.faq summary:after{color:var(--electric)}
.parts,.contact-section{border-color:var(--line)}.bottom-cta{background:var(--blue);color:#fff;border:0;border-radius:22px;padding:28px;margin-bottom:45px;gap:22px}.bottom-cta h2{line-height:1.2}.bottom-cta .button{flex-shrink:0}
footer{background:#fff;border-top:1px solid var(--line);padding-block:35px}
.config-form,.preview{border-radius:19px;border-color:var(--line);box-shadow:0 10px 35px #123a6306}.preview-content{padding:25px}.model-option span{border-radius:12px;min-height:48px}.model-option input:checked+span{border-color:var(--electric);color:var(--blue);background:#eef5ff}.model-option input:focus-visible+span{outline-color:var(--electric)}
input,textarea,select{border-radius:9px;border-color:#bbcbdc}input:focus,textarea:focus,select:focus{outline:2px solid var(--electric);outline-offset:2px}.cart-note{border-radius:12px;background:#f1f6fc}.price-area{color:var(--blue)}
@media(min-width:700px){header{width:calc(100% - 40px);padding:22px 26px}.intro{padding-block:66px 62px}.intro p{font-size:20px}.models{padding:34px 28px 28px}.product-body p{font-size:16px}.bottom-cta{padding:35px}}
@media(min-width:1000px){header{padding-inline:30px;gap:25px}nav{gap:22px}.intro{padding-block:76px 65px}.product-image{aspect-ratio:1.2}.product-body .button{font-size:15px}.models{padding:38px 32px 30px}}
@media(max-width:420px){header{padding:15px 13px;border-radius:17px}.header-actions{gap:9px}.intro{padding-top:40px}.models{padding:23px 15px}.bottom-cta{padding:25px 21px}.model-options{gap:6px}}
@media print{body{background:#fff}.preview{box-shadow:none}.models,.steps article{box-shadow:none}}

/* Kleuren rechtstreeks uit het RB Direct-logo: blauw #023882, geel #FCBC14. */
:root{--blue:#023882;--ink:#023882;--muted:#52657e;--yellow:#fcbc14;--electric:#023882}
.primary:hover{background:#e9ab0c;border-color:#e9ab0c}
.bottom-cta{background:var(--blue)}
.models-page{padding-bottom:55px}.models-page .intro{padding-bottom:40px}.models-page .models{width:100%;margin-inline:0}.models-page .intro p{max-width:690px}
.board-examples{padding-block:20px 45px}.examples-grid{display:grid;gap:24px}.examples-grid figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden}.example-photo{position:relative;overflow:hidden;background:var(--soft)}.example-photo img{position:absolute;max-width:none;width:var(--image-width);left:var(--image-left);top:var(--image-top);height:auto}.examples-grid figcaption{font-weight:700;padding:19px 20px;color:var(--blue);font-size:18px}.board-examples>.button{margin-top:10px}@media(min-width:700px){.examples-grid{grid-template-columns:repeat(3,1fr);align-items:start}.board-examples{padding-bottom:55px}}
.enhanced-photo{aspect-ratio:auto}.enhanced-photo img{position:static;width:100%;height:auto;max-width:100%}
/* Reclamebord Direct — huisstijlhandboek oktober 2026. */
:root{--blue:#0b2d5b;--ink:#0b2d5b;--electric:#0b2d5b;--yellow:#ffd200;--muted:#596372;--soft:#ebedf2;--line:#dbe0e7}
body{font-family:Montserrat,Arial,Helvetica,sans-serif;background:#fff;color:var(--ink)}
.logo-crop{width:215px;aspect-ratio:auto;overflow:visible}.logo-crop img{position:static;width:100%;max-width:100%;height:auto}.footer-brand .logo-crop{width:245px}
header{width:100%;max-width:none;margin:0;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;padding:17px 20px;gap:18px}.topline{background:var(--blue);color:#fff;font-size:14px;padding:9px 20px}
nav a{font-weight:600;font-size:14px}nav a:hover{color:#526881}.button{border-radius:7px;font-weight:700;font-size:15px;padding:15px 23px;box-shadow:none}.primary{background:var(--yellow);border-color:var(--yellow);color:var(--blue)}.primary:hover{background:#edc400;border-color:#edc400}.secondary{background:white;border-color:var(--blue)}.secondary:hover{background:var(--soft)}
h1,h2,h3{font-family:Montserrat,Arial,Helvetica,sans-serif;letter-spacing:-.04em;font-weight:700}h1{font-weight:800}.eyebrow{font-size:13px;letter-spacing:1.5px;font-weight:600}
#home>.intro{display:grid;gap:32px;background:var(--blue);color:#fff;width:100%;max-width:none;padding:38px 20px 30px;margin:0;position:relative;overflow:hidden}.intro-copy{min-width:0}#home .intro h1{font-size:clamp(38px,5.8vw,72px);line-height:1.1;color:#fff}#home .intro h1 span{color:var(--yellow)}#home .intro .eyebrow{color:#fff}#home .intro p{color:#e6ebf3;font-size:17px;line-height:1.7}#home .intro .quiet-link{color:#fff;text-decoration-color:var(--yellow)}.intro-visual{position:relative;border-radius:8px;overflow:hidden;border-bottom:6px solid var(--yellow);max-height:420px}.intro-visual img{width:100%;height:100%;object-fit:cover;object-position:center 35%;min-height:280px}.hero-image-note{position:absolute;left:0;right:0;bottom:0;background:#0b2d5bed;color:white;padding:14px 17px;font-size:13px;font-weight:600}
.board-examples{padding-top:48px}.examples-grid figure,.product,.info-grid article,.steps article,.part-card{border-radius:9px;box-shadow:none}.models{border-radius:10px;box-shadow:none;background:#fff}.product-image{background:#ebedf2}.product-body{padding:24px}.product-body h3{font-size:clamp(23px,2.8vw,32px)}.product-body p{font-size:16px}.image-note{font-size:13px}.section-heading p{line-height:1.7}
.process{margin-block:10px 50px;padding-block:35px;background:var(--blue);color:#fff;border-radius:10px;padding-inline:25px}.process .eyebrow{color:#fff}.steps article{background:transparent;border:0;border-top:1px solid #ffffff38;padding:24px 0 0}.steps article>span{background:var(--yellow);color:var(--blue);border-radius:7px}.steps p{color:#e6ebf3}.steps h3{color:white}
.info-grid article{background:#f5f6f8;border:0;border-top:4px solid var(--yellow)}.faq details{border-radius:7px;box-shadow:none}.faq summary{font-size:16px}.bottom-cta{border-radius:9px;background:var(--blue)}footer{background:#f7f8fa}
.config-form,.preview{border-radius:10px;box-shadow:none}.config-step>summary{font-size:18px}.model-option span,input,textarea,select{border-radius:7px}.cart-note{border-radius:7px}.large-illustration{border-radius:10px!important;box-shadow:none!important;background:var(--soft)!important}.preview-content .eyebrow{font-size:13px}.product-summary h3{letter-spacing:-.035em}
@media(min-width:700px){header{padding-inline:35px}.logo-crop{width:240px}#home>.intro{padding:48px 35px}.intro-visual{max-height:490px}.intro-visual img{min-height:380px}.board-examples{padding-top:65px}.process{padding-inline:35px;padding-block:45px}}
@media(min-width:1000px){header{padding-inline:max(35px,calc((100% - 1240px)/2));gap:24px}.logo-crop{width:250px}#home>.intro{grid-template-columns:1.12fr 1fr;align-items:center;gap:55px;padding:65px max(35px,calc((100% - 1240px)/2))}.intro-visual{height:470px}#home .intro p{font-size:18px}.process{padding-inline:40px;padding-block:50px}}
@media(max-width:420px){.logo-crop{width:175px}header{gap:10px;padding:13px 16px}.header-actions .button{font-size:12px;padding:10px 12px}.intro-visual{max-height:300px}.process{padding-inline:21px}.footer-brand .logo-crop{width:215px}}
@media print{body{background:#fff}.process{color:#0b2d5b}}
.examples-page{padding-bottom:25px}.examples-page .intro{padding-block:45px 30px}.examples-page .intro p{max-width:720px}.reference-note{padding:20px 24px;background:var(--soft);border-left:4px solid var(--yellow);border-radius:7px;font-size:14px;line-height:1.7}.reference-gallery{display:grid;gap:28px;padding-block:35px 50px;align-items:start}.example-card{margin:0;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fff}.example-card>a{display:block;background:#f7f8fa}.example-card img{width:100%;height:auto;max-height:650px;object-fit:contain}.example-card figcaption{padding:24px}.example-card h2{font-size:24px}.example-card p{font-size:14px;color:var(--muted);line-height:1.7}.example-card a:focus-visible{outline:3px solid var(--blue);outline-offset:-3px}.examples-footer-link{margin-top:20px;font-size:14px}@media(min-width:700px){.reference-gallery{grid-template-columns:1fr 1fr}.examples-page .intro{padding-top:55px}.example-card img{max-height:680px}}
.example-card .catalog-photo img{position:absolute;max-width:none;width:var(--image-width);left:var(--image-left);top:var(--image-top);height:auto;max-height:none;object-fit:initial}
@media(min-width:1050px){.reference-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.reference-gallery .example-card h2{font-size:22px}.reference-gallery .example-card figcaption{padding:22px}}
/* Het witte vlak in de aangeleverde logo-afbeelding vloeit in de footer. */
footer .logo-crop img{mix-blend-mode:multiply}footer .brand,footer .logo-crop{background:transparent}
footer .footer-paths{display:flex;flex-wrap:wrap;gap:10px 24px;padding-top:22px;margin-top:20px;border-top:1px solid var(--line);order:initial;font-size:13px}footer .footer-paths a{font-size:13px;padding:0}


/* Persistent shared navigation on every page; remains in normal document flow. */
body>header{position:sticky;top:0;z-index:20;background:#fff;box-shadow:0 3px 14px #0b2d5b0a}
html{scroll-padding-top:120px}
@media(max-width:699px){html{scroll-padding-top:95px}body>header nav.open{max-height:calc(100dvh - 100px);overflow-y:auto}}