/* Huisstijl 2026-10: pagina's, blog, realisaties, formulieren, dock. Werkt samen met home-rr.css (tokens, knoppen, labels, secties). */

/* ---------- Hero op pagina's ---------- */
.rr-hero-page{min-height:min(64svh,680px)}
.rr-hero-page .rr-hero-inner{padding-top:2.5rem;padding-bottom:2.8rem}
.rr-hero-page h1{font-size:clamp(2rem,4.6vw,4.2rem);font-weight:700;text-transform:none;letter-spacing:-.03em;line-height:1.02;max-width:22ch;font-variation-settings:"wdth" 92,"opsz" 96}
.rr-hero-page h1 .line>span{transform:none;animation:none}
.rr-hero-page h1 em{font-style:normal;position:relative;z-index:0;display:inline-block}
.rr-hero-page h1 em::before{content:"";position:absolute;right:-.04em;width:62%;bottom:.06em;height:.26em;background:var(--green);z-index:-1;transform:scaleX(0);transform-origin:right;animation:rr-bar .8s var(--ease) .7s forwards}
.rr-hero-page .rr-eyebrow{animation-delay:.2s}
.rr-hero-page .rr-lede{animation-delay:.45s;max-width:58ch}
.rr-hero-page .rr-cta-row{animation-delay:.6s}
.rr-hero-page .rr-hero-media img{animation-duration:9s}
.rr-hero-compact{min-height:0;background:var(--ink)}
.rr-hero-compact .rr-hero-inner{padding-top:3rem;padding-bottom:3.4rem}
.rr-crumbs{opacity:0;animation:rr-fade .8s var(--ease) .1s forwards;margin-bottom:1.6rem}
.rr-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem .6rem;font-size:.82rem;color:rgba(255,255,255,.72)}
.rr-crumbs li{margin:0;display:flex;align-items:center;gap:.6rem}
.rr-crumbs li+li::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--green);display:inline-block}
.rr-crumbs a{color:rgba(255,255,255,.72);transition:color .3s}
.rr-crumbs a:hover{color:#fff}
.rr-crumbs span{color:#fff}
.rr-hero-meta{display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;margin-top:1.4rem;font-size:.9rem;color:rgba(255,255,255,.8);opacity:0;animation:rr-fade .8s var(--ease) .5s forwards}
.rr-hero-meta>span,.rr-hero-meta>a{display:inline-flex;align-items:center;gap:.5rem}
.rr-hero-meta .cat{color:var(--ink);background:var(--green);padding:.35rem .7rem;border-radius:3px;font-weight:600;font-size:.78rem;letter-spacing:.04em}
.rr-facts{display:flex;flex-wrap:wrap;gap:1rem 2.4rem}
.rr-facts span{display:grid;gap:.15rem;font-family:var(--fd);font-size:1.05rem;font-weight:600;color:#fff}
.rr-facts small{font-family:var(--fb);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--green);font-weight:600}

/* ---------- WPBakery-inhoud in de huisstijl ---------- */
.rr-content{background:var(--paper);color:var(--ink)}
.rr-content .l-section{background:transparent}
.rr-content .l-section>.l-section-h{max-width:1360px;margin:0 auto;padding-left:var(--gut);padding-right:var(--gut)}
.rr-content .l-section.width_full>.l-section-h{max-width:none;padding-left:0;padding-right:0}
.rr-content .l-section:not(.height_auto)>.l-section-h{padding-top:clamp(2.6rem,5vw,4.5rem);padding-bottom:clamp(2.6rem,5vw,4.5rem)}
.rr-content .l-section.height_small>.l-section-h{padding-top:clamp(2rem,4vw,3.2rem);padding-bottom:clamp(2rem,4vw,3.2rem)}
.rr-content .l-section.height_medium>.l-section-h,.rr-content .l-section.height_large>.l-section-h,.rr-content .l-section.height_huge>.l-section-h{padding-top:clamp(3rem,6vw,5.5rem);padding-bottom:clamp(3rem,6vw,5.5rem)}
.rr-content .l-section.color_alternate{background:var(--stone)}
.rr-content .l-section.color_primary{background:var(--ink);color:var(--paper)}
.rr-content .l-section.color_primary h2,.rr-content .l-section.color_primary h3{color:#fff}
.rr-content-narrow .l-section>.l-section-h{max-width:900px}
.rr-content .wpb_text_column,.rr-content .w-text{font-size:1.06rem;line-height:1.65}
.rr-content h2,.rr-content .w-text h2{font-size:clamp(1.7rem,3vw,2.6rem);font-weight:700;letter-spacing:-.025em;line-height:1.08;padding-top:0;margin:0 0 1.1rem;text-wrap:balance}
.rr-content h3{font-size:clamp(1.2rem,1.8vw,1.5rem);font-weight:600;letter-spacing:-.015em;line-height:1.2;padding-top:0;margin:0 0 .7rem}
.rr-content h4{font-size:1.05rem;font-weight:600;padding-top:0;margin:0 0 .5rem}
.rr-content .wpb_text_column h2:not(:first-child),.rr-content .wpb_text_column h3:not(:first-child){margin-top:2.2rem}
.rr-content p{margin:0 0 1.15rem}
.rr-content .wpb_text_column>:last-child{margin-bottom:0}
.rr-content ul:not(.w-nav-list):not(.w-tabs-list),.rr-content ol{margin:0 0 1.3rem;padding-left:1.3rem}
.rr-content li{margin:0 0 .45rem;padding-left:.2rem}
.rr-content ul:not(.w-nav-list):not(.w-tabs-list)>li::marker{color:var(--green)}
.rr-content a:not(.w-btn):not(.w-grid-item-anchor):not(.w-tabs-section-header){color:var(--ink);text-decoration:underline;text-decoration-color:var(--green);text-decoration-thickness:2px;text-underline-offset:3px;transition:color .25s,text-decoration-color .25s}
.no-touch .rr-content a:not(.w-btn):not(.w-grid-item-anchor):not(.w-tabs-section-header):hover{color:var(--green-deep);text-decoration-color:var(--green-deep)}
.rr-content p.rr-kort{font-family:var(--fd);font-size:clamp(1.2rem,1.9vw,1.55rem);line-height:1.35;letter-spacing:-.012em;font-weight:500;padding:1.6rem 0 1.6rem 1.6rem;border-left:4px solid var(--green);margin-bottom:2rem;max-width:62ch}
.rr-content p.rr-kort strong{color:var(--green-deep);font-weight:700}
.rr-content .w-separator{margin:0;height:1.2rem}
.rr-content .w-separator.size_small{height:.7rem}
.rr-content .w-separator.size_large{height:2.4rem}
.rr-content .w-separator.size_huge{height:3rem}
/* knoppen uit WPBakery */
.rr-content .w-btn{font-family:var(--fb)!important;font-weight:600!important;font-size:.98rem!important;letter-spacing:0!important;padding:1rem 1.6rem!important;border-radius:3px!important;line-height:1!important;box-shadow:none!important;text-transform:none!important}
.rr-content .w-btn.us-btn-style_1,.rr-content .w-btn.us-btn-style_3{background:var(--green)!important;color:var(--ink)!important;border:0!important}
.rr-content .w-btn.us-btn-style_1:before,.rr-content .w-btn.us-btn-style_3:before{display:none!important}
.no-touch .rr-content .w-btn.us-btn-style_1:hover,.no-touch .rr-content .w-btn.us-btn-style_3:hover{background:#4BC48F!important;color:var(--ink)!important;border-bottom:0!important}
.rr-content .w-btn.us-btn-style_2{background:transparent!important;border:1px solid var(--ink)!important;color:var(--ink)!important}
.rr-content .w-btn .w-btn-label{position:relative}
.rr-content .w-btn i{transition:transform .5s var(--ease)}
.no-touch .rr-content .w-btn:hover i{transform:translateX(4px)}
/* accordeons (FAQ) */
.rr-content .w-tabs.accordion{border-top:1px solid var(--line)}
.rr-content .w-tabs.accordion .w-tabs-section{border-bottom:1px solid var(--line);background:transparent;margin:0}
.rr-content .w-tabs.accordion .w-tabs-section-header{background:transparent!important;padding:1.3rem 0!important;font-family:var(--fd)!important;font-size:1.12rem!important;font-weight:600!important;letter-spacing:-.01em;color:var(--ink)!important;transition:color .3s}
.no-touch .rr-content .w-tabs.accordion .w-tabs-section-header:hover{color:var(--green-deep)!important}
.rr-content .w-tabs.accordion .w-tabs-section-title{padding:0!important}
.rr-content .w-tabs.accordion .w-tabs-section-control{color:var(--ink);transition:color .3s,transform .5s var(--ease)}
.rr-content .w-tabs.accordion .w-tabs-section.active .w-tabs-section-control{color:var(--green-deep)}
.rr-content .w-tabs.accordion .w-tabs-section-content{padding:0 0 1.5rem!important;background:transparent!important;color:var(--mute)}
.rr-content .w-tabs.accordion .w-tabs-section-content p{max-width:68ch}
/* afbeeldingen en grids */
.rr-content .w-image{border-radius:4px;overflow:hidden}
.rr-content .w-image img,.rr-content .w-grid-item-h img{transition:transform 1.3s var(--ease)}
.no-touch .rr-content .w-image:hover img,.no-touch .rr-content .w-grid-item:hover img{transform:scale(1.05)}
.rr-content .w-grid-item-h{border-radius:4px;overflow:hidden}
.rr-content .w-grid .w-grid-item .w-post-elm.post_title{font-family:var(--fd);font-weight:600;letter-spacing:-.01em}
.rr-content .w-iconbox-title{font-family:var(--fd);font-weight:600}
.rr-content .w-iconbox-icon{color:var(--green)!important}
.rr-content .w-hwrapper .w-btn{margin-right:.6rem}
/* motion */
.js .rr-content .l-section{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease),transform 1s var(--ease)}
.js .rr-content .l-section.in{opacity:1;transform:none}

/* ---------- Gerelateerd / tegels ---------- */
.rr-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}
.rr-tiles:has(> :nth-child(4)):not(:has(> :nth-child(5))){grid-template-columns:repeat(4,1fr)}
.rr-tiles:has(> :nth-child(5)){grid-template-columns:repeat(3,1fr)}
.rr-tile{display:block;color:var(--ink)}
.rr-tile .ph{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:4px;background:var(--stone);position:relative}
.rr-tile .ph img{width:100%;height:100%;object-fit:cover;transition:transform 1.3s var(--ease)}
.rr-tile .ph::after{content:"";position:absolute;inset:0;background:var(--green);mix-blend-mode:multiply;opacity:0;transition:opacity .5s}
.no-touch .rr-tile:hover .ph img{transform:scale(1.06)}
.no-touch .rr-tile:hover .ph::after{opacity:.18}
.rr-tile .cap{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.2rem 1rem;margin-top:1rem}
.rr-tile .cap b{font-family:var(--fd);font-weight:600;font-size:1.1rem;letter-spacing:-.01em;line-height:1.2}
.rr-tile .cap small{grid-column:1;font-size:.8rem;color:var(--mute);letter-spacing:.04em}
.rr-tile .cap .arr{grid-column:2;grid-row:1/3;width:1.2rem;height:1.2rem;opacity:.35;transition:opacity .3s,transform .5s var(--ease)}
.no-touch .rr-tile:hover .cap .arr{opacity:1;transform:translateX(5px)}
.rr-tail-area.rr-sec>.l-section-h{padding-top:clamp(3.5rem,6vw,5.5rem)}

/* ---------- Formulierpagina's ---------- */
.rr-form-sec.rr-sec>.l-section-h{padding-top:clamp(3rem,5vw,4.5rem)}
.rr-form-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(2.5rem,6vw,6rem);align-items:start}
.rr-form-steps{list-style:none;margin:0 0 2.6rem;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;counter-reset:rrstep}
.rr-form-steps li{position:relative;padding:1.3rem 0 0;border-top:2px solid var(--line);margin:0}
.rr-form-steps li::before{content:"";position:absolute;top:-2px;left:0;width:0;height:2px;background:var(--green);transition:width 1s var(--ease)}
.in .rr-form-steps li::before,.rr-form-steps li.lit::before{width:100%}
.rr-form-steps li:nth-child(2)::before{transition-delay:.25s}.rr-form-steps li:nth-child(3)::before{transition-delay:.5s}
.rr-form-steps b{display:block;font-family:var(--fd);font-weight:600;font-size:1.05rem;letter-spacing:-.01em;line-height:1.2;margin-bottom:.4rem}
.rr-form-steps span{display:block;font-size:.92rem;color:var(--mute);line-height:1.45}
.rr-form .w-form{max-width:none}
.rr-form .w-form-row{margin-bottom:1.3rem!important}
.rr-form .w-form-row-label{font-family:var(--fb);font-weight:600;font-size:.92rem;color:var(--ink);margin-bottom:.45rem;display:block}
.rr-form .w-form-row-label span{position:relative}
.rr-form .w-form-row-field input:not([type=checkbox]):not([type=radio]):not([type=file]),.rr-form .w-form-row-field textarea,.rr-form .w-form-row-field select,.rr-form .w-form-row.for_select .w-form-row-field>div>select{width:100%;background:#fff!important;border:1px solid var(--line)!important;border-radius:4px!important;padding:1rem 1.1rem!important;font-family:var(--fb)!important;font-size:1rem!important;color:var(--ink)!important;box-shadow:none!important;transition:border-color .25s,box-shadow .25s;height:auto!important;line-height:1.4!important}
.rr-form .w-form-row-field textarea{min-height:150px}
.rr-form .w-form-row-field input:focus,.rr-form .w-form-row-field textarea:focus,.rr-form .w-form-row-field select:focus{border-color:var(--green)!important;box-shadow:0 0 0 4px rgba(55,176,126,.18)!important;outline:none}
.rr-form .w-form-row-field ::placeholder{color:#9AA19C;opacity:1}
.rr-form .w-form-row.check_wrong .w-form-row-field input,.rr-form .w-form-row.check_wrong .w-form-row-field textarea,.rr-form .w-form-row.check_wrong .w-form-row-field select{border-color:#D14343!important;box-shadow:0 0 0 4px rgba(209,67,67,.14)!important}
.rr-form .w-form-row-state{font-size:.85rem;color:#D14343;margin-top:.35rem}
.rr-form .w-form-row-field-bar{display:none}
.rr-form .w-form-row.for_file .w-form-row-field{border:2px dashed var(--line);border-radius:6px;padding:1rem;background:#fff;transition:border-color .25s,background .25s}
.rr-form .w-form-row.for_file .w-form-row-field:hover{border-color:var(--green);background:#F8FBF9}
.rr-form .w-form-row.for_file input[type=file]{width:100%;font-size:.9rem;color:var(--mute)}
.rr-form .w-form-row.for_file input[type=file]::file-selector-button{font:inherit;font-weight:600;color:var(--ink);background:#fff;border:1px solid var(--ink);border-radius:3px;padding:.6rem 1rem;margin-right:1rem;cursor:pointer;transition:background .3s,color .3s}
.rr-form .w-form-row.for_file input[type=file]::file-selector-button:hover{background:var(--green);border-color:var(--green)}
.rr-form .w-form-row.for_agreement{font-size:.92rem;color:var(--mute)}
.rr-form .w-form-row.for_agreement label{display:grid;grid-template-columns:22px 1fr;gap:.8rem;align-items:start;cursor:pointer}
.rr-form .w-form-row.for_agreement input[type=checkbox]{appearance:auto;-webkit-appearance:checkbox;opacity:1;position:static;width:22px;height:22px;margin:2px 0 0;accent-color:var(--green);cursor:pointer;border:1px solid var(--line);border-radius:4px}
.rr-form .w-form-row.for_agreement span{line-height:1.5}
.rr-form .w-form-row.for_agreement a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.rr-form .w-form-row.for_submit{margin-top:.6rem!important}
.rr-form .w-form-row.for_submit .w-btn{width:100%;justify-content:center;background:var(--green)!important;color:var(--ink)!important;border:0!important;border-radius:3px!important;padding:1.15rem 1.6rem!important;font-family:var(--fb)!important;font-weight:600!important;font-size:1.05rem!important;letter-spacing:0!important;box-shadow:none!important;transition:background .3s,transform .5s var(--ease)}
.rr-form .w-form-row.for_submit .w-btn:before{display:none!important}
.no-touch .rr-form .w-form-row.for_submit .w-btn:hover{background:#4BC48F!important;border-bottom:0!important}
.rr-form .w-form-row.for_submit .w-btn-label{position:relative}
.rr-form .w-form-message{margin-top:1rem;padding:1rem 1.2rem;border-radius:4px;background:#E6F5EE;color:var(--green-ink,#0E3B2A);font-weight:600;display:none}
.rr-form .w-form-message:not(:empty){display:block}
.rr-form .w-form-row.cols_2{width:calc(50% - .65rem)!important}
.rr-form .w-form-row.cols_2:nth-of-type(odd){margin-right:1.3rem!important}
.rr-form-aside{position:sticky;top:120px}
.rr-aside-card{background:var(--ink);color:var(--paper);border-radius:6px;overflow:hidden;padding:0 0 1.6rem}
.rr-aside-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;margin-bottom:1.4rem}
.rr-aside-card .rr-label{color:var(--green);margin:0 1.6rem .9rem}
.rr-aside-card .tel{display:grid;gap:.1rem;padding:.6rem 1.6rem;color:#fff}
.rr-aside-card .tel small{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#A9B0AB;font-weight:600}
.rr-aside-card .tel b{font-family:var(--fd);font-size:1.4rem;font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums;transition:color .3s}
.no-touch .rr-aside-card .tel:hover b{color:var(--green)}
.rr-aside-card .rr-btn{margin:1rem 1.6rem .6rem;border-color:rgba(255,255,255,.55);color:#fff}
.rr-aside-card .mail{display:block;padding:.4rem 1.6rem 0;color:#A9B0AB;font-size:.95rem}
.no-touch .rr-aside-card .mail:hover{color:#fff}
.rr-aside-facts{margin-top:1.6rem;display:grid;gap:.9rem;font-size:.95rem;color:var(--mute);line-height:1.5}
.rr-aside-facts b{color:var(--ink);font-weight:600}
.rr-aside-facts p{margin:0}

/* ---------- Bedankt ---------- */
.rr-thanks{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.5rem,6vw,6rem);align-items:start}
.rr-thanks .rr-form-steps{grid-template-columns:1fr;gap:1.4rem;margin-bottom:0}
.rr-mini-posts{display:grid;gap:1rem}
.rr-mini{display:grid;grid-template-columns:96px 1fr;gap:1rem;align-items:center;color:var(--ink);padding-bottom:1rem;border-bottom:1px solid var(--line)}
.rr-mini img{width:96px;height:72px;object-fit:cover;border-radius:3px}
.rr-mini b{display:block;font-family:var(--fd);font-weight:600;font-size:1.02rem;line-height:1.2;letter-spacing:-.01em}
.rr-mini small{display:block;color:var(--mute);margin-top:.25rem;font-size:.8rem}
.no-touch .rr-mini:hover b{color:var(--green-deep)}

/* ---------- Realisaties overzicht ---------- */
.rr-filter{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:2.4rem}
.rr-filter button,.rr-filter a{border:1px solid var(--ink);background:transparent;color:var(--ink);padding:.6rem 1rem;border-radius:999px;font-weight:600;font-size:.9rem;line-height:1;cursor:pointer;transition:background .3s,color .3s,border-color .3s,transform .4s var(--ease)}
.no-touch .rr-filter button:hover,.no-touch .rr-filter a:hover{background:var(--green);border-color:var(--green);transform:translateY(-2px)}
.rr-filter .on{background:var(--ink);color:var(--paper)}
.rr-projects{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;align-items:start}
.rr-project{display:block;color:var(--ink);transition:opacity .4s,transform .5s var(--ease)}
.rr-project.hide{display:none}
.rr-project .ph{display:block;position:relative;overflow:hidden;border-radius:4px;background:var(--stone);aspect-ratio:3/4}
.rr-project.wide .ph{aspect-ratio:4/3}
.rr-project .ph img{width:100%;height:100%;object-fit:cover;transition:transform 1.3s var(--ease)}
.no-touch .rr-project:hover .ph img{transform:scale(1.06)}
.rr-project .pill{position:absolute;left:1rem;top:1rem;background:var(--green);color:var(--ink);font-size:.78rem;font-weight:600;letter-spacing:.04em;padding:.45rem .7rem;border-radius:3px;transform:translateY(-8px);opacity:0;transition:opacity .4s,transform .5s var(--ease)}
.no-touch .rr-project:hover .pill{opacity:1;transform:none}
.rr-project .cap{display:block;margin-top:1rem}
.rr-project .cap b{display:block;font-family:var(--fd);font-weight:600;font-size:1.12rem;letter-spacing:-.01em}
.rr-project .cap small{display:block;font-size:.82rem;color:var(--mute);margin-top:.25rem}
.rr-project-content .l-section>.l-section-h{max-width:1360px}
.rr-prevnext{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1.6rem 0}
.rr-prevnext a{color:var(--ink);display:grid;gap:.2rem}
.rr-prevnext .next{text-align:right}
.rr-prevnext small{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);font-weight:600}
.rr-prevnext b{font-family:var(--fd);font-weight:600;font-size:1.1rem;letter-spacing:-.01em;transition:color .3s}
.no-touch .rr-prevnext a:hover b{color:var(--green-deep)}
.rr-prevnext .all{font-weight:600;font-size:.92rem;border-bottom:2px solid var(--green);padding-bottom:.15rem}

/* ---------- Blog ---------- */
.rr-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem 2rem}
.rr-blog-grid .rr-post{display:block;color:var(--ink)}
.rr-blog-grid .rr-post.featured{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:0 clamp(2rem,4vw,4rem);align-items:center;margin-bottom:1rem}
.rr-blog-grid .rr-post.featured .ph{grid-row:1/5;aspect-ratio:4/3}
.rr-blog-grid .rr-post.featured h2{font-size:clamp(1.6rem,3vw,2.6rem)}
.rr-blog-grid .rr-post.featured p{font-size:1.05rem}
.rr-blog-grid .rr-post .ph{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:4px;background:var(--stone);position:relative}
.rr-blog-grid .rr-post .ph img{width:100%;height:100%;object-fit:cover;transition:transform 1.3s var(--ease)}
.no-touch .rr-blog-grid .rr-post:hover .ph img{transform:scale(1.05)}
.rr-blog-grid .rr-post time{display:block;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin:1.3rem 0 .6rem;font-weight:600}
.rr-blog-grid .rr-post h2{font-size:1.3rem;line-height:1.2;letter-spacing:-.02em;margin:0;padding:0;display:inline;background:linear-gradient(var(--green),var(--green)) no-repeat 0 100%/0 2px;transition:background-size .5s var(--ease)}
.no-touch .rr-blog-grid .rr-post:hover h2{background-size:100% 2px}
.rr-blog-grid .rr-post p{margin:.7rem 0 0;font-size:.95rem;color:var(--mute);line-height:1.5}
.rr-blog-grid .rr-post .rr-more{margin-top:1rem;font-size:.9rem}
.rr-pagination{margin-top:3.5rem}
.rr-pagination .nav-links{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.rr-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 .9rem;border:1px solid var(--line);border-radius:999px;font-weight:600;font-size:.92rem;color:var(--ink);transition:background .3s,border-color .3s,color .3s}
.rr-pagination .page-numbers.current{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.no-touch .rr-pagination a.page-numbers:hover{background:var(--green);border-color:var(--green)}
/* artikel */
.rr-article{background:var(--paper)}
.rr-article-grid{max-width:1360px;margin:0 auto;padding:clamp(3rem,6vw,5rem) var(--gut);display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(2.5rem,6vw,6rem);align-items:start}
.rr-article-body .l-section>.l-section-h{max-width:none;padding-left:0;padding-right:0}
.rr-article-body .l-section:first-child>.l-section-h{padding-top:0}
.rr-article-body{max-width:72ch}
.rr-article-body .wpb_text_column{font-size:1.1rem;line-height:1.7}
.rr-article-body .w-image{margin:1.4rem 0 2rem}
.rr-article-body .w-image+.w-image{margin-top:0}
.rr-article-body h2{font-size:clamp(1.55rem,2.6vw,2.1rem)}
.rr-sticky{position:sticky;top:120px;display:grid;gap:1.4rem}
.rr-author{display:grid;grid-template-columns:72px 1fr;gap:1rem;align-items:start;padding:1.4rem;border:1px solid var(--line);border-radius:6px;background:#fff}
.rr-author img{width:72px;height:72px;object-fit:cover;border-radius:50%}
.rr-author small{display:block;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--green-deep);font-weight:600}
.rr-author b{display:block;font-family:var(--fd);font-weight:600;font-size:1.05rem;margin:.2rem 0 .3rem;letter-spacing:-.01em}
.rr-author span{display:block;font-size:.88rem;color:var(--mute);line-height:1.45}
.rr-aside-cta{background:var(--ink);color:var(--paper);padding:1.6rem;border-radius:6px}
.rr-aside-cta .rr-label{color:var(--green);margin-bottom:.8rem}
.rr-aside-cta p{margin:0 0 1.2rem;font-size:.95rem;color:#A9B0AB;line-height:1.5}
.rr-aside-cta .rr-btn{width:100%;justify-content:center}
.rr-aside-cta .tel{display:block;text-align:center;margin-top:.9rem;font-family:var(--fd);font-weight:600;color:#fff;font-size:1.1rem;font-variant-numeric:tabular-nums}
.rr-share{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.88rem}
.rr-share small{width:100%;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);font-weight:600;margin-bottom:.2rem}
.rr-share a,.rr-share button{border:1px solid var(--line);border-radius:999px;padding:.5rem .9rem;font-weight:600;color:var(--ink);background:transparent;cursor:pointer;font:inherit;transition:background .3s,border-color .3s}
.no-touch .rr-share a:hover,.no-touch .rr-share button:hover{background:var(--green);border-color:var(--green)}
.rr-share button.done{background:var(--ink);color:var(--paper);border-color:var(--ink)}

/* ---------- 404 ---------- */
.rr-search{max-width:720px;margin-bottom:3rem}
.rr-search .row{display:flex;gap:.6rem;margin-top:.8rem}
.rr-search input{flex:1;min-width:0;border:1px solid var(--line);border-radius:4px;padding:1rem 1.1rem;font:inherit;font-size:1rem;background:#fff}
.rr-search input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 4px rgba(55,176,126,.18)}

/* ---------- Dock (vaste contactknoppen) ---------- */
.rr-dock{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:max(18px,env(safe-area-inset-bottom,0px));z-index:900;display:flex;flex-direction:column;align-items:flex-end;gap:.6rem;font-family:"Instrument Sans RR",var(--font-family),sans-serif}
.rr-dock-btn{display:inline-flex;align-items:center;gap:.6rem;height:48px;padding:0 1.1rem 0 .95rem;border-radius:999px;background:#fff;color:#151716;font-weight:600;font-size:.92rem;line-height:1;box-shadow:0 10px 30px rgba(0,0,0,.18);border:1px solid #E3E6E1;transition:transform .5s cubic-bezier(.22,1,.36,1),background .3s,color .3s,box-shadow .3s;text-decoration:none}
.rr-dock-btn svg{width:20px;height:20px;flex:none}
.rr-dock-btn .arr{width:1em;height:1em;transition:transform .5s cubic-bezier(.22,1,.36,1)}
.no-touch .rr-dock-btn:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(0,0,0,.22);color:#151716}
.rr-dock-primary{background:#37B07E;border-color:#37B07E;color:#151716;padding:0 1.2rem}
.no-touch .rr-dock-primary:hover{background:#4BC48F}
.no-touch .rr-dock-primary:hover .arr{transform:translateX(4px)}
.rr-dock-call svg,.rr-dock-wa svg{color:#1F8A5F}
.rr-dock.rr-dock-hidden{opacity:0;pointer-events:none;transform:translateY(12px)}
.rr-dock{transition:opacity .4s,transform .5s cubic-bezier(.22,1,.36,1)}
@media (max-width:767px){
  .rr-dock{left:0;right:0;bottom:0;flex-direction:row;align-items:stretch;gap:0;background:rgba(21,23,22,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:.55rem .6rem calc(.55rem + env(safe-area-inset-bottom,0px));border-top:1px solid #2E3230}
  .rr-dock-btn{flex:1;justify-content:center;height:46px;border-radius:3px;box-shadow:none;border:1px solid #3A3E3C;background:transparent;color:#fff;font-size:.86rem;padding:0 .4rem;margin:0 .25rem}
  .rr-dock-call svg,.rr-dock-wa svg{color:#37B07E}
  .rr-dock-primary{background:#37B07E;border-color:#37B07E;color:#151716;flex:1.5}
  body.rr-site{padding-bottom:70px}
  .rr-dock-x{display:none}
  .l-cookie{bottom:70px!important}
}

/* ---------- Responsive ---------- */
@media (max-width:1100px){
  .rr-article-grid{grid-template-columns:1fr}
  .rr-article-aside{max-width:520px}
  .rr-sticky{position:static}
  .rr-tiles{grid-template-columns:repeat(2,1fr)!important}
  .rr-projects{grid-template-columns:repeat(2,1fr)}
  .rr-blog-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  .rr-form-grid,.rr-thanks{grid-template-columns:1fr}
  .rr-form-aside{position:static;max-width:560px}
  .rr-form-steps{grid-template-columns:1fr;gap:1rem}
  .rr-blog-grid .rr-post.featured{grid-template-columns:1fr}
  .rr-blog-grid .rr-post.featured .ph{grid-row:auto}
  .rr-hero-page{min-height:min(56svh,560px)}
}
@media (max-width:600px){
  .rr-tiles{grid-template-columns:1fr!important}
  .rr-projects{grid-template-columns:1fr}
  .rr-blog-grid{grid-template-columns:1fr}
  .rr-prevnext{grid-template-columns:1fr;text-align:left}
  .rr-prevnext .next{text-align:left}
  .rr-form .w-form-row.cols_2{width:100%!important;margin-right:0!important}
  .rr-hero-page h1{font-size:clamp(1.8rem,8vw,2.6rem)}
  .rr-content .wpb_text_column,.rr-content .w-text{font-size:1rem}
  .rr-search .row{flex-direction:column}
}
@media (prefers-reduced-motion:reduce){
  .js .rr-content .l-section{opacity:1;transform:none}
  .rr-hero-page h1 em::before,.rr-crumbs,.rr-hero-meta{animation:none;opacity:1;transform:none}
}