/* Huisstijl Roelants & Roelants 2026-10: header, footer en basis. Lettertypes staan in fonts/fonts.css. */
:root{--rr-green:#37B07E;--rr-green-deep:#1F8A5F;--rr-ink:#151716;--rr-paper:#F6F6F3;--rr-line:#D5D9D3;--rr-mute:#6C736F;--rr-ease:cubic-bezier(.22,1,.36,1)}

/* Header */
.l-header .l-subheader.at_middle{transition:background .4s,box-shadow .4s}
.l-header.sticky .l-subheader.at_middle{background:rgba(246,246,243,.9)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--rr-line)}
.l-header .w-nav.type_desktop .w-nav-anchor.level_1 .w-nav-title{font-family:"Instrument Sans RR",var(--font-family),sans-serif;font-weight:500;font-size:.98rem;letter-spacing:.005em}
.no-touch .w-nav.type_desktop .hover_underline .w-nav-anchor.level_1 .w-nav-title:after{background:var(--rr-green)!important;opacity:1!important;bottom:-5px!important;margin:0!important;height:2px!important;transform:scaleX(0);transform-origin:right;transition:transform .45s var(--rr-ease)!important}
.no-touch .w-nav.type_desktop .hover_underline .w-nav-item.level_1:hover .w-nav-title:after,
.w-nav.type_desktop .hover_underline .w-nav-item.level_1.current-menu-item>.w-nav-anchor .w-nav-title:after,
.w-nav.type_desktop .hover_underline .w-nav-item.level_1.current-menu-ancestor>.w-nav-anchor .w-nav-title:after{transform:scaleX(1);transform-origin:left}
.l-header .rr-nav-tel{font-family:"Instrument Sans RR",var(--font-family),sans-serif;font-weight:600;font-size:.95rem;font-variant-numeric:tabular-nums;margin:0 .4rem 0 1.4rem;white-space:nowrap}
.l-header .rr-nav-tel a{color:inherit}
.l-header .w-btn.rr-nav-btn{background:transparent!important;border:1px solid currentColor!important;color:inherit!important;padding:.78rem 1.15rem!important;font-family:"Instrument Sans RR",var(--font-family),sans-serif!important;font-size:.92rem!important;font-weight:600!important;letter-spacing:0!important;border-radius:3px!important;box-shadow:none!important;position:relative;overflow:hidden;margin-left:1rem;transition:color .3s,border-color .3s}
.l-header .w-btn.rr-nav-btn:before{display:none!important}
.l-header .w-btn.rr-nav-btn:after{content:"";position:absolute;left:0;right:0;bottom:0;height:0;background:var(--rr-green);transition:height .35s var(--rr-ease)}
.no-touch .l-header .w-btn.rr-nav-btn:hover:after{height:5px}
.l-header.bg_transparent:not(.sticky) .w-btn.rr-nav-btn,.l-header.bg_transparent:not(.sticky) .rr-nav-tel{color:#fff!important}
.l-header .w-image img{transition:opacity .3s}

/* Footer */
.l-footer{background:#0F1110}
.rr-footer-row>.l-section-h{padding:0!important;max-width:none!important}
.rr-footer-row .vc_column-inner,.rr-footer-row .wpb_wrapper{padding:0!important;margin:0!important}
.rr-footer{background:#0F1110;color:#A9B0AB;font-family:"Instrument Sans RR",var(--font-family),sans-serif;font-size:.93rem;line-height:1.6}
.rr-footer *{box-sizing:border-box}
.rr-footer-in{max-width:1360px;margin:0 auto;padding:4.5rem clamp(1.25rem,4vw,3rem) 2rem}
.rr-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:3rem}
.rr-footer h4{font-family:"Bricolage Grotesque RR",var(--h1-font-family),sans-serif;color:#F6F6F3;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;margin:0 0 1.1rem;padding:0;font-weight:600;line-height:1.2}
.rr-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.rr-footer li{margin:0;padding:0}
.rr-footer a{color:inherit;text-decoration:none;transition:color .3s}
.no-touch .rr-footer a:hover{color:#fff}
.rr-footer-regio{grid-template-columns:1fr 1fr}
.rr-footer-logo{display:flex;align-items:center;gap:.8rem;color:#F6F6F3;font-family:"Bricolage Grotesque RR",var(--h1-font-family),sans-serif;font-weight:700;font-size:1.05rem;letter-spacing:-.01em;margin-bottom:1.2rem}
.rr-footer-logo svg{width:32px;height:38px;flex:none}
.rr-footer-tagline{max-width:36ch;margin:0 0 1.2rem}
.rr-footer-nap{margin:0}
.rr-footer li small{color:#6C736F;margin-left:.35rem;font-size:.8em;letter-spacing:.04em}
.rr-footer-cta{display:inline-flex;align-items:center;gap:.6rem;margin-top:1.4rem;color:#fff;font-weight:600;border-bottom:2px solid var(--rr-green);padding-bottom:.2rem}
.rr-footer-cta svg{width:1em;height:1em;transition:transform .4s var(--rr-ease)}
.no-touch .rr-footer-cta:hover svg{transform:translateX(5px)}
.rr-footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.6rem 2rem;margin-top:3.5rem;padding-top:1.4rem;border-top:1px solid #2E3230;font-size:.82rem}
.rr-footer-bottom a{text-decoration:underline;text-underline-offset:3px}
@media (max-width:1000px){.rr-footer-grid{grid-template-columns:1fr 1fr;gap:2.5rem 2rem}}
@media (max-width:560px){.rr-footer-grid{grid-template-columns:1fr;gap:2rem}.rr-footer-in{padding-top:3.5rem}.rr-footer-regio{grid-template-columns:1fr 1fr}}

/* Vaste zijknoppen: zelfde groen, zonder oude onderrand-hover */
.fixbuttons .fixedbut.w-btn.us-btn-style_1:hover{border-bottom:0!important}
