.kapitalen{display:grid;grid-template-columns:1fr 1fr;position:relative;z-index:1;@media (max-width:768px){display:flex;flex-direction:column}&:after{background-color:var(--so-color-mint-mist);content:"";height:100%;left:0;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);position:absolute;top:0;width:100vw;z-index:-3}.kapitalen-content{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;padding-bottom:var(--so-group-spacing);padding-top:var(--so-group-spacing);position:relative;@media (max-width:1120px){.h1{font-size:var(--so-fontsize-h2);letter-spacing:var(--so-fontsize-h2-letterspacing);line-height:var(--so-fontsize-h2-line-height)}}@media (min-width:768px){max-width:528px;padding-right:32px}@media (max-width:768px){padding-bottom:12px;padding-top:32px;p span{font-size:var(--so-fontsize-body)!important}}@media (max-width:576px){p,p span{font-size:14px!important}h2:has(+p){margin-bottom:0}}.kapitalen-toggle{padding-top:64px;@media (max-width:900px){padding-top:24px}@media (max-width:768px){display:none}}}}.kapitalen-toggle{display:flex;flex-direction:column;flex-wrap:wrap;gap:24px;@media (max-width:900px){gap:16px;.h4{font-size:var(--so-fontsize-h5);letter-spacing:var(--so-fontsize-h5-letterspacing);line-height:var(--so-fontsize-h5-line-height)}}.kapitalen-toggle-option{cursor:pointer;margin:0;opacity:.6;padding-left:24px;position:relative;transition:var(--so-transition-speed) ease all;width:fit-content;@media (max-width:900px){padding-left:18px}&:before{background:var(--kapitaal-kleur,var(--so-color-sunflower));content:"";height:12px;left:0;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:var(--so-transition-speed) ease all;width:12px;@media (max-width:900px){height:8px;width:8px}}&.active,&.active:before,&:hover{opacity:1}}}.kapitalen-cards{position:relative;@media (min-width:768px){display:grid}}.kapitalen-card{background-color:var(--so-color-white);display:flex;flex-direction:column;gap:32px;height:calc(100% - var(--so-group-spacing)*2);margin-bottom:var(--so-group-spacing);margin-left:64px;margin-top:var(--so-group-spacing);opacity:1;padding:48px;transition:var(--so-transition-speed) ease opacity;@media (max-width:1120px){margin-left:var(--so-body-spacing);padding-bottom:32px;padding-left:32px;padding-right:32px;padding-top:32px}@media (max-width:900px){padding-bottom:24px;padding-left:24px;padding-right:24px;padding-top:24px}@media (max-width:768px){margin-bottom:0;margin-left:calc(var(--so-body-spacing)*-1);margin-right:calc(var(--so-body-spacing)*-1);margin-top:0;padding-bottom:0;padding-left:24px;padding-right:24px;padding-top:24px;&:after{aspect-ratio:2/1;background:var(--kapitaal-bg);background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";display:block;margin-left:calc(var(--so-body-spacing)*-2);margin-right:calc(var(--so-body-spacing)*-2)}}@media (max-width:576px){gap:18px;p{font-size:14px}}>*{margin:0;position:relative;z-index:1}@media (min-width:768px){grid-area:1/1;height:auto;&:before{background-color:var(--so-color-white);inset:var(--so-group-spacing) 0 var(--so-group-spacing) 64px;z-index:-1}&:after,&:before{content:"";position:absolute}&:after{background:var(--kapitaal-bg);background-position:50%;background-size:cover;inset:0;opacity:1;transition:var(--so-transition-speed) ease opacity;width:50vw;z-index:-2}&:not(.active){opacity:0;pointer-events:none;visibility:hidden;&:after{opacity:0}}}nav{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;a{border:1px solid #000;color:var(--so-color-navy);font-family:var(--so-font-family-heading);font-size:14px;font-weight:700;letter-spacing:-.02em;line-height:1;padding:12px;text-decoration:none;transition:var(--so-transition-speed) ease all;&:hover{background-color:var(--so-color-dark-green);color:var(--so-color-white)}}}.kapitalen-snel-naar{display:flex;flex-direction:column;flex-wrap:wrap;gap:8px;p{color:var(--so-color-stone-gray);font-size:12px;line-height:1.3333333333333333;margin:0;text-transform:uppercase}@media (max-width:576px){a{font-size:12px;padding:8px}}}.kapitalen-knop{&:last-child{margin-top:auto}a{background-color:var(--kapitaal-kleur);color:var(--kapitaal-tekst-kleur,var(--so-color-navy));display:block;font-size:14px;font-weight:700;letter-spacing:-.02em;line-height:1.285714285714286;padding:16px;text-align:center;text-decoration:none;transition:var(--so-transition-speed) ease all;&:hover{background-color:var(--so-color-dark-green);color:var(--so-color-white)}}}.kapitalen-teamlid{border-top:1px solid #c6ccc8;display:flex;flex-direction:row;gap:12px;margin-top:auto;padding-top:24px;img{aspect-ratio:1/1;background-color:#d6ebe0;height:48px;object-fit:cover;width:48px}.kapitalen-teamlid-content{display:flex;flex-direction:column;justify-content:center;*{color:var(--so-color-green);font-size:16px;font-weight:700;margin:0}.kapitalen-teamlid-content-functie{color:var(--so-color-stone-gray);font-size:12px;font-weight:500;text-transform:uppercase}}&+.kapitalen-knop{margin-top:0}}}