*,*::before,*::after{box-sizing:border-box}
body{margin:0}
img,svg{max-width:100%}
html{scroll-behavior:smooth}
a{color:#151A21}a:hover{color:#1A6E9E}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #1A6E9E;outline-offset:3px}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
@keyframes og-flow{to{stroke-dashoffset:-22}}
@keyframes og-spin{to{transform:rotate(360deg)}}
@keyframes og-pulse{0%,100%{opacity:1}50%{opacity:.25}}
@keyframes og-glow{0%,100%{transform:rotate(45deg) scale(1)}50%{transform:rotate(45deg) scale(1.12)}}
@keyframes og-in{from{opacity:0;translate:0 32px}to{opacity:1;translate:0 0}}
@keyframes og-grow{from{transform:scaleY(.2)}to{transform:scaleY(1)}}
@keyframes og-shine{0%,100%{opacity:1}50%{opacity:.55}}
@keyframes og-draw{0%{stroke-dashoffset:1}60%,100%{stroke-dashoffset:0}}
@keyframes og-dia{0%,100%{transform:rotate(45deg) scale(1)}50%{transform:rotate(45deg) scale(1.15)}}
.og-shine{animation:og-shine 3s ease-in-out infinite}
.og-draw{stroke-dasharray:1;animation:og-draw 4s ease-in-out infinite alternate}
.og-dia{transform-box:fill-box;transform-origin:center;animation:og-dia 3.2s ease-in-out infinite}
.og-root{--gutter:32px}
@media (max-width: 900px){.og-navlink{display:none}}
.og-sm{display:none}
@media (max-width: 600px){.og-lg{display:none}.og-sm{display:inline}.og-root{--gutter:20px}.og-hdr-logo{height:38px!important}.og-hdr-cta{padding:10px 14px!important}}
@media (max-width: 380px){.og-hdr-logo{height:32px!important}}
.og-faq summary{list-style:none;position:relative;padding-right:36px!important}
.og-faq summary::-webkit-details-marker{display:none}
.og-faq summary::after{content:"+";position:absolute;right:0;top:50%;translate:0 -50%;font-size:28px;font-weight:400;color:#1A6E9E}
.og-faq[open] summary::after{content:"\2212"}
.og-flow{animation:og-flow 1.1s linear infinite}
.og-spin{transform-box:view-box;animation:og-spin 9s linear infinite}
.og-fan{transform-box:view-box;transform-origin:376px 365px;animation:og-spin 2.4s linear infinite}
.og-pulse{animation:og-pulse 2.4s ease-in-out infinite}
.og-grow{transform-box:fill-box;transform-origin:bottom;animation:og-grow 2.8s ease-in-out infinite alternate}
.og-intro{animation:og-in .8s cubic-bezier(.2,.7,.2,1) both}
.og-lift{transition:transform .25s ease,box-shadow .25s ease}
.og-lift:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(28,37,55,.14)}
.og-btn{transition:transform .2s ease,filter .2s ease}
.og-btn:hover{transform:translateY(-2px);filter:brightness(.92)}
.og-lift:hover .og-flow{animation-duration:.5s}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* Scroll-animaties: elementen verschijnen zodra ze in beeld komen (zie main.js) */
/* Bespaarcheck: gekozen knoppen */
.bc-opt[aria-pressed="true"]{background:#151A21!important;color:#FFFFFF!important;border-color:#151A21!important}
.bc-opt[aria-pressed="true"]::before{content:"✓ "}
.bc-opt[data-type][aria-pressed="true"]::before{content:none}
.js .og-reveal{opacity:0;translate:0 28px;transition:opacity .7s ease,translate .7s cubic-bezier(.2,.7,.2,1)}
.js .og-reveal.is-visible{opacity:1;translate:0 0}
@media (prefers-reduced-motion: reduce){.js .og-reveal{opacity:1;translate:none}}