/* Site-wide colour rotation: six accessible palettes, one palette per browser tab session. */
:root{--rv-main:#0a4e9a;--rv-deep:#092d5a;--rv-accent:#7db9ff;--rv-pale:#edf5ff;--rv-link:#0a59aa}
body{--ink:var(--rv-deep);--accent:var(--rv-accent);--blue:var(--rv-link);--area:var(--rv-link)}
.hero,.heroSection,.pageHero,.hero-banner{background:linear-gradient(125deg,var(--rv-deep),var(--rv-main))!important;color:#fff!important}
.hero h1,.hero h2,.hero p,.hero .eyebrow,.hero .herolead{color:#fff}
.hero .lime{color:var(--rv-accent)!important}
.darksection,.darkSection,.dark-section{background:var(--rv-deep)!important;color:#fff}
footer,.foot{background:var(--rv-deep)!important;color:#fff}
.aiHighlight,.contact,.intro,.highlight{background:var(--rv-pale)!important}
.aiHighlight h2 span,.aiOverline,.aboutMerged .photoCopy h2 span,.aboutMerged .eyebrow,
.card a,.blog a,.textlink,.copy a,.sitebrand,.nav a:hover{color:var(--rv-link)!important}
.aiHighlights div,.aboutMerged .aboutQuote{border-left-color:var(--rv-accent)!important}
.btn-dark,.aiHighlight .btn-lime{background:var(--rv-main)!important;color:white!important}
.btn-lime{background:var(--rv-accent)!important;color:#15222b!important}
.btn-outline:hover{border-color:var(--rv-accent)}
.strip span:before{background:var(--rv-main)!important}
.sitebrand small{color:var(--rv-link)!important}
.cards .card:before{background:var(--rv-main)!important}
.nav .logo,.logo,.header .nav strong{color:var(--rv-deep)!important}
.photoStory.aboutMerged{background:var(--rv-pale)!important}
a:focus-visible,button:focus-visible{outline-color:var(--rv-accent)!important}
/* Contactballon bij de twee actieknoppen in de homepage-hero. */
.heroBtns .heroContactBubble{display:inline-flex;align-items:center;justify-content:center;position:relative;align-self:center;padding:12px 20px;margin:0 2px 6px 3px;border:2px solid var(--rv-deep,#15243a);border-radius:17px;background:var(--rv-accent,#f2b76b);box-shadow:3px 4px 0 rgba(0,0,0,.25);color:#102238!important;text-decoration:none!important;font-size:15px;font-weight:850;line-height:1.2;white-space:nowrap;transition:transform .2s}
.heroBtns .heroContactBubble:hover{transform:translateY(-2px)}
.heroBtns .heroContactBubble:after{content:"";position:absolute;width:10px;height:10px;bottom:-7px;right:17px;background:inherit;border-right:2px solid var(--rv-deep,#15243a);border-bottom:2px solid var(--rv-deep,#15243a);transform:rotate(45deg)}
.heroBtns .heroContactBubble:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(max-width:650px){.heroBtns .heroContactBubble{font-size:14px;padding:12px 17px}}



/* Compact typography across Dutch and English pages. */
body{font-size:14px!important}
body h1,body .hero h1,body .heroSection h1,body .pageHero h1,body .hero-banner h1{font-size:clamp(28px,3.7vw,44px)!important;line-height:1.15!important;letter-spacing:-.035em!important}
body h2,body .section h2,body .copy h2,body .photoStory h2,body .end h2,body .aiHighlight h2{font-size:clamp(25px,2.9vw,38px)!important;line-height:1.22!important;letter-spacing:-.03em!important}
body h3,body .card h3,body .blog h3,body .topic h3,body .panel h3,body .formbox h3{font-size:21px!important;line-height:1.3!important;letter-spacing:-.02em!important}
body p,body .copy p,body .hero p,body .herolead,body .hero .herolead{font-size:14px!important;line-height:1.7!important}
body p.intro,body .copy .intro,body .home-introduction p,body .aboutQuote{font-size:15px!important;line-height:1.7!important}
body .btn,body .heroBtns .heroContactBubble{font-size:13px!important}
body .navlinks a,body .navlinks summary,body .rvNav .rvLinks a,body .rvNav .rvLinks summary{font-size:12px!important}
body .strip .stripIn a{font-size:11px!important}
@media(max-width:650px){
 body h1,body .hero h1,body .heroSection h1,body .pageHero h1{font-size:30px!important}
 body h2,body .section h2,body .copy h2,body .photoStory h2,body .end h2,body .aiHighlight h2{font-size:26px!important}
 body h3,body .card h3,body .blog h3,body .topic h3,body .panel h3,body .formbox h3{font-size:19px!important}
 body input,body textarea,body select{font-size:16px}
}