@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;1,9..144,400&family=DM+Sans:opsz,wght@9..40,400;9..40,500&display=swap";:root{--ink: #1a1a2e;--ink2: #4a4a6a;--surf: #f0f4f7;--white: #ffffff;--teal: #0f9e78;--teal-lt: #e1f5ee;--teal-dk: #085041;--teal-mid: #1d9e75;--coral: #d85a30;--coral-lt: #faece7;--coral-dk: #993c1d;--purple: #534ab7;--purple-lt: #eeedfe;--purple-dk: #3c3489;--amber: #ba7517;--amber-lt: #faeeda;--border: rgba(26,26,46,.09);--radius: 16px;--radius-sm: 10px;--radius-xs: 8px;--max: 1100px}.skip-to-content-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-to-content-link:focus{position:static;width:auto;height:auto}::selection{background-color:#0f9e78;color:#fff}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:DM Sans,system-ui,sans-serif;font-size:16px;line-height:1.65;background:var(--surf);color:var(--ink)}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}ul{list-style:none;padding:0}h1,h2,h3,h4{font-family:Fraunces,Georgia,serif;font-weight:600;line-height:1.2;letter-spacing:-.02em;color:var(--ink)}h1{font-size:clamp(32px,5vw,48px)}h2{font-size:clamp(20px,3vw,27px)}h3{font-size:17px;font-family:DM Sans,sans-serif;font-weight:500}p{color:var(--ink2)}.wrap{max-width:var(--max);margin:0 auto;padding:0 32px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}.span-4,.span-6,.span-8,.span-12{grid-column:span 12}@media(min-width:860px){.span-4{grid-column:span 4}.span-6{grid-column:span 6}.span-8{grid-column:span 8}}header{background:var(--surf);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;height:68px}.brand{display:flex}.logo{width:150px;height:auto;object-fit:cover}nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:100px;border:1.5px solid transparent;font-family:DM Sans,sans-serif;font-weight:500;font-size:14px;transition:background .15s,border-color .15s,transform .1s,color .15s;cursor:pointer;text-decoration:none!important;color:var(--ink2)}.btn:hover{background:var(--teal-lt);color:var(--teal-dk);text-decoration:none;transform:translateY(-1px)}.btn.primary{background:var(--teal);color:#fff!important;border-color:var(--teal)}.btn.primary:hover{background:var(--teal-dk);border-color:var(--teal-dk);transform:translateY(-1px)}.btn.white{background:#fff;color:var(--teal-dk)!important;border-color:transparent}.btn.white:hover{background:var(--teal-lt)}.kicker{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:var(--teal);background:var(--teal-lt);padding:5px 14px;border-radius:100px;margin-bottom:18px}.kicker:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--teal);flex-shrink:0}.hero{padding:56px 0 0}.hero-banner{display:grid;grid-template-columns:1fr;gap:40px;background:var(--white);border:1px solid var(--border);border-radius:20px;padding:40px;box-shadow:0 12px 40px #1a1a2e12}@media(min-width:860px){.hero-banner{grid-template-columns:1.2fr .8fr;align-items:center}}.hero-banner h1{margin-bottom:16px}.hero-banner>div>p{font-size:17px;max-width:520px;margin-bottom:24px}.hero-banner>div>p strong{color:var(--ink);font-weight:500}.hero-illustration{position:relative;height:380px}.hero-blob{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:40% 60% 55% 45%/45% 40% 60% 55%;background:linear-gradient(135deg,var(--teal-lt),var(--purple-lt))}.hero-img{position:absolute;top:20px;left:10px;right:10px;bottom:20px;border-radius:20px;overflow:hidden;border:1px solid var(--border);box-shadow:0 14px 40px #1a1a2e24}.hero-img img{width:100%;height:100%;object-fit:cover}.float-card{position:absolute;background:#fff;border-radius:12px;padding:9px 14px;box-shadow:0 8px 24px #1a1a2e24;z-index:2}.float-card .fc-label{font-size:11px;color:var(--ink2);margin-bottom:2px}.float-card .fc-val{font-weight:600;color:var(--ink);font-size:14px}.float-card.tl{top:28px;left:-6px;border-left:4px solid var(--teal)}.float-card.br{bottom:36px;right:-6px;border-left:4px solid var(--purple)}.hero-dots{position:absolute;top:4px;right:12px;display:grid;grid-template-columns:repeat(5,7px);gap:5px;z-index:0}.hero-dots span{width:7px;height:7px;border-radius:50%;background:var(--teal);opacity:.18}.page-hero{padding:48px 0 32px;border-bottom:1px solid var(--border);margin-bottom:32px}.page-hero h1{margin-top:8px;margin-bottom:12px}.page-hero>p{font-size:17px;max-width:600px;color:var(--ink2)}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:32px;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--teal),var(--purple))}.card h2{margin-bottom:8px}.card h3{margin-bottom:6px}.card p{margin-bottom:12px}.card ul{margin-top:8px;display:flex;flex-direction:column;gap:7px}.card ul li{font-size:14px;color:var(--ink2);padding-left:20px;position:relative}.card ul li:before{content:"\2192";position:absolute;left:0;color:var(--teal);font-size:13px}.card.teal{background:var(--teal);color:#fff;border-color:transparent}.card.teal:before{background:#ffffff40}.card.teal h2{color:#fff}.card.teal p,.card.teal ul li{color:#ffffffd9}.card.teal ul li:before{color:#fff9}.card.coral{background:var(--coral-lt);border-color:#d85a3026}.card.coral:before{background:linear-gradient(90deg,var(--coral),var(--amber))}.card.coral ul li:before{color:var(--coral)}.card.purple{background:var(--purple-lt);border-color:#534ab726}.card.purple:before{background:linear-gradient(90deg,var(--purple),#a78bfa)}.card.purple ul li:before{color:var(--purple)}.card.dark{background:var(--ink);border-color:transparent}.card.dark:before{background:linear-gradient(90deg,var(--teal),var(--purple))}.card.dark h2{color:#fff}.card.dark p,.card.dark ul li{color:#ffffffa6}.card.dark ul li:before{color:var(--teal)}.photo{width:100%;height:100%;object-fit:cover;border-radius:14px;display:block;min-height:240px}.badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.badge{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:500;color:var(--ink2);background:var(--white);border:1px solid var(--border);border-radius:100px;padding:6px 14px}.badge .dot{width:8px;height:8px;border-radius:50%;background:var(--teal);flex-shrink:0}.notice{border-left:4px solid var(--teal);padding:12px 16px;background:var(--teal-lt);border-radius:0 var(--radius-xs) var(--radius-xs) 0;font-size:14px;color:var(--ink2);line-height:1.6}.notice a{color:var(--teal-dk);text-decoration:underline}.cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.section-label{font-size:11px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--teal);display:block;margin-bottom:6px}.icon-circle{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;flex-shrink:0}.icon-circle svg{width:22px;height:22px}.steps{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#ffffff14;border-radius:var(--radius);overflow:hidden;margin-top:24px}@media(min-width:700px){.steps{grid-template-columns:repeat(4,1fr)}}.step{background:var(--ink);padding:24px}.step-num{font-family:Fraunces,serif;font-size:40px;font-weight:600;color:#ffffff80;line-height:1;margin-bottom:8px}.step-accent{width:24px;height:3px;border-radius:2px;margin-bottom:12px}.step h3{color:#fff;font-size:15px;margin-bottom:5px}.step p{font-size:13px;color:#ffffff80}.accent-band{background:var(--teal);border-radius:var(--radius);padding:40px 48px;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;margin-top:24px}.accent-band strong{display:block;color:#fff;font-family:Fraunces,serif;font-size:21px;margin-bottom:5px}.accent-band p{color:#ffffffd9;font-size:15px;margin:0}.accent-band a.underline{color:#ffffffe6;text-decoration:underline}.checklist{display:flex;flex-direction:column;gap:10px;margin-top:12px}.checklist li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--ink2);padding-left:0!important}.checklist li:before{display:none!important}.check-icon{width:20px;height:20px;border-radius:50%;background:var(--teal-lt);color:var(--teal);font-size:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.info-row{display:flex;align-items:flex-start;gap:14px;padding:18px 0;border-bottom:1px solid var(--border)}.info-row:last-child{border-bottom:none}.info-row .ir-icon{width:38px;height:38px;border-radius:10px;background:var(--teal-lt);display:flex;align-items:center;justify-content:center;flex-shrink:0}.info-row .ir-icon svg{width:17px;height:17px;stroke:var(--teal);fill:none}.info-row .ir-label{font-size:12px;color:var(--ink2);margin-bottom:2px}.info-row .ir-value{font-size:15px;color:var(--ink);font-weight:500}.info-row .ir-value a{color:var(--teal-dk);text-decoration:underline}form{display:grid;gap:14px}label{font-weight:500;font-size:14px;color:var(--ink);display:block;margin-bottom:5px}input,select,textarea{width:100%;padding:11px 14px;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--surf);color:var(--ink);font-family:DM Sans,sans-serif;font-size:15px;transition:border-color .15s,background .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--teal);background:var(--white)}textarea{min-height:120px;resize:vertical}select{cursor:pointer}.field{display:flex;flex-direction:column}.field .hint{font-size:12px;color:var(--ink2);margin-top:5px}footer{background:#e8eaf2aa;margin-top:80px;padding:64px 0 0}.footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;align-items:start;padding-bottom:48px}@media(max-width:700px){.footer-inner{grid-template-columns:1fr}}.footer-brand{display:flex;margin-bottom:12px}.footer-brand img{width:150px;height:auto;object-fit:contain}.footer-desc{font-size:14px;color:#000000a6;line-height:1.7}.footer-col h4{font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#000;margin-bottom:16px}.footer-col a{display:block;font-size:14px;color:#000000a6;margin-bottom:9px;transition:color .15s;text-decoration:none!important}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(0,0,0,.1);padding:24px 0 32px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}.footer-bottom span,.footer-bottom a{font-size:13px;color:#000000a6;text-decoration:none!important}.footer-bottom a:hover{color:#0009}.small{font-size:13px;color:var(--ink2)}.mt-1{margin-top:16px}.mt-2{margin-top:24px}.mt-3{margin-top:40px}section+section{margin-top:24px}main.wrap{padding-bottom:48px}@media(max-width:640px){.topbar{height:auto;padding:12px 0;flex-wrap:wrap}nav{gap:4px}.btn{padding:6px 12px;font-size:13px}.hero-banner{padding:24px}.accent-band{padding:28px}.card{padding:24px}}.nav-toggle-input{display:none}.nav-toggle-label{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;cursor:pointer;padding:4px;border-radius:var(--radius-xs);transition:background .15s}.nav-toggle-label:hover{background:var(--teal-lt)}.nav-toggle-label span{display:block;width:100%;height:2px;background:var(--ink);border-radius:2px;transition:transform .2s,opacity .2s}@media(max-width:768px){.nav-toggle-label{display:flex}.nav-menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--white);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:16px 32px;flex-direction:column;gap:8px;z-index:99;box-shadow:0 8px 24px #1a1a2e14}.nav-menu .btn{justify-content:flex-start;width:100%}.nav-toggle-input:checked~.nav-menu{display:flex}.nav-toggle-input:checked+.nav-toggle-label span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle-input:checked+.nav-toggle-label span:nth-child(2){opacity:0}.nav-toggle-input:checked+.nav-toggle-label span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.site-header{position:relative}}@media(max-width:860px){.hero-illustration{display:none}.hero-banner{grid-template-columns:1fr}}@media(max-width:640px){.logo{width:120px}.brand{flex-shrink:0}.wrap{padding:0 20px}.topbar{padding:20px 15px}}.vvb-emblem{display:block;width:120px;aspect-ratio:797 / 700;height:auto;max-width:100%;background-image:url(vvb-beeldmerk.png);background-size:157.340025% auto;background-position:50.765864% 50.541516%;background-repeat:no-repeat;mix-blend-mode:multiply}.site-header .topbar{height:auto;min-height:108px;padding-top:12px;padding-bottom:12px}.site-header .brand{flex-shrink:0}.footer-brand{display:inline-flex}@media(max-width:640px){.site-header .brand{max-width:96px}.site-header .topbar{min-height:100px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/styles.css.map */