@layer sections{.cta-v{background:var(--section-bg);color:var(--color-text);position:relative;overflow:clip}.cta-v__vlak{gap:var(--space-4) var(--space-6);padding-block:clamp(var(--space-7), 8vw, var(--space-10));isolation:isolate;display:grid;position:relative}.cta-v__titel{max-inline-size:13ch;font-size:var(--text-h1);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);text-wrap:balance;margin:0;line-height:1.02}.cta-v__tekst{align-content:start;justify-items:start;gap:var(--space-2);display:grid}.cta-v__acties{align-content:end;justify-items:start;gap:var(--space-3);display:grid}.cta-v :is(.cta-v__acties,.cta-v__tekst) p{max-inline-size:26rem;font-size:var(--text-lead);margin:0}.cta-v__bel{min-block-size:2.75rem;font-weight:var(--weight-ui);color:var(--color-text);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, currentcolor 35%, transparent);text-decoration-color:color-mix(in srgb, currentcolor 35%, transparent);text-underline-offset:.28em;transition:text-decoration-color var(--dur-basis) var(--ease-out);align-items:center;gap:.5rem;display:inline-flex}.cta-v__bel:hover{text-decoration-color:currentColor}.cta-v__bel .icon{--icon-size:1.125rem}.cta-merk{display:block;overflow:visible}.cta-merk__ring{fill:var(--uzp-bladgroen)}.cta-merk__straal{fill:var(--uzp-solar);transform-box:view-box;transform-origin:var(--zx) var(--zy)}.cta-v--horizon .cta-v__vlak{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:end;min-block-size:clamp(22rem,34vw,30rem)}.cta-v--horizon .cta-v__zon{z-index:-1;aspect-ratio:542.05/303.92;inline-size:clamp(20rem,42vw,44rem);position:absolute;inset-block-end:0;inset-inline-end:calc(-1 * var(--space-gutter) - clamp(2rem, 4vw, 6rem));overflow:hidden}.cta-v--horizon .cta-merk{aspect-ratio:1;inline-size:100%;position:absolute;inset:0 0 auto}.cta-v--horizon .cta-merk__straal,.cta-v--horizon .cta-merk__ring{fill:color-mix(in srgb, var(--uzp-kalk) 28%, transparent)}.cta-v--horizon.cta-actief .cta-merk{translate:0 22%}.cta-v--horizon.cta-actief .cta-merk__straal{opacity:0;scale:.55}.cta-v--horizon.cta-actief.is-in .cta-merk{transition:translate 1.5s var(--ease-zacht);translate:0}.cta-v--horizon.cta-actief.is-in .cta-merk__straal{opacity:1;transition:opacity .5s var(--ease-out) calc(.3s + var(--m) * .11s), scale 1.1s var(--ease-spring) calc(.3s + var(--m) * .11s);scale:1}@media not (min-width:56rem){.cta-v--horizon .cta-v__vlak{grid-template-columns:minmax(0,1fr);padding-block-end:clamp(9rem,40vw,14rem)}.cta-v--horizon .cta-v__zon{inline-size:min(100%,26rem);margin-inline:auto;inset-inline:0}}.cta-v--project .cta-v__vlak{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;padding-block-end:0}.cta-v--project .cta-v__tekst{padding-block-end:clamp(var(--space-7), 8vw, var(--space-10))}.cta-v__knoppen{align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;margin-block-start:var(--space-2);display:flex}.cta-v__foto{place-self:end;inline-size:min(100%,27rem);margin:0;position:relative;container-type:inline-size}.cta-v__boog{aspect-ratio:4/5;border-radius:50cqi 50cqi 0 0;overflow:hidden}.cta-v__boog img{object-fit:cover;block-size:100%;inline-size:100%;display:block}.cta-v__foto figcaption{position:absolute;inset-block-end:var(--space-3);inset-inline-start:var(--space-3)}.cta-v__foto figcaption a{border-radius:var(--radius-pill);background:var(--uzp-kalk);min-block-size:2.75rem;color:var(--uzp-energiegroen);font-size:var(--text-small);font-weight:var(--weight-ui);box-shadow:var(--shadow-sm);align-items:center;gap:.5rem;padding-inline:1rem .875rem;text-decoration:none;display:inline-flex}.cta-v__foto figcaption .icon{--icon-size:1rem;transition:translate var(--dur-basis) var(--ease-zacht)}.cta-v__foto figcaption a:hover .icon{translate:.2rem}.cta-v__label{font-size:var(--text-label);font-weight:var(--weight-sterk);letter-spacing:var(--tracking-label);text-transform:uppercase;color:color-mix(in srgb, var(--uzp-energiegroen) 70%, transparent)}.cta-v--project.cta-actief .cta-v__boog{clip-path:inset(100% 0 0)}.cta-v--project.cta-actief .cta-v__boog img{scale:1.14}.cta-v--project.cta-actief figcaption{opacity:0;translate:0 .5rem}.cta-v--project.cta-actief.is-in .cta-v__boog{clip-path:inset(0);transition:clip-path 1.3s var(--ease-zacht)}.cta-v--project.cta-actief.is-in .cta-v__boog img{transition:scale 2.2s var(--ease-zacht);scale:1}.cta-v--project.cta-actief.is-in figcaption{opacity:1;transition:opacity .5s var(--ease-out) .9s, translate .7s var(--ease-zacht) .9s;translate:0}@media not (min-width:56rem){.cta-v--project .cta-v__vlak{grid-template-columns:minmax(0,1fr)}.cta-v--project .cta-v__tekst{padding-block-end:0}.cta-v__foto{justify-self:center}}.cta-v--keuze .cta-v__vlak{grid-template-columns:minmax(0,1fr)}.cta-v--keuze .cta-v__titel{max-inline-size:18ch}.cta-v__wegen{gap:var(--space-3);grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);margin-block-start:var(--space-3);display:grid}@media not (min-width:48rem){.cta-v__wegen{grid-template-columns:minmax(0,1fr)}}.cta-v__weg{align-content:end;gap:var(--space-1);min-block-size:clamp(13rem,20vw,17rem);padding:clamp(var(--space-4), 3vw, var(--space-5));border-radius:var(--radius-lg);isolation:isolate;transition:translate .42s var(--ease-zacht), box-shadow .42s var(--ease-zacht);padding-inline-end:calc(clamp(var(--space-4), 3vw, var(--space-5)) + 3.5rem);text-decoration:none;display:grid;position:relative;overflow:hidden}.cta-v__weg:hover{box-shadow:var(--shadow-lg);translate:0 -.25rem}.cta-v__weg--advies{background:var(--section-bg);color:var(--color-text)}.cta-v__weg--bel{background:var(--uzp-kalk);color:var(--uzp-energiegroen);padding-inline-end:clamp(var(--space-4), 3vw, var(--space-5))}.cta-v__weg--bel :is(.cta-v__weg-titel span,.cta-v__weg-tekst){white-space:nowrap}.cta-v__weg-label{font-size:var(--text-label);font-weight:var(--weight-sterk);letter-spacing:var(--tracking-label);text-transform:uppercase}.cta-v__weg-titel{font-size:var(--text-h3);font-weight:var(--weight-kop);letter-spacing:var(--tracking-kop);align-items:center;gap:.4em;line-height:1.08;display:inline-flex}.cta-v__weg-titel .icon{--icon-size:.8em}.cta-v__weg-tekst{max-inline-size:26rem;font-size:var(--text-ui);opacity:.8}.cta-v__weg-pijl{aspect-ratio:1;background:var(--uzp-solar);inline-size:3rem;color:var(--uzp-energiegroen);transition:rotate .42s var(--ease-zacht);border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-start:clamp(var(--space-4), 3vw, var(--space-5));inset-inline-end:clamp(var(--space-4), 3vw, var(--space-5))}.cta-v__weg-pijl .icon{--icon-size:1.25rem}.cta-v__weg:hover .cta-v__weg-pijl{rotate:-45deg}.cta-v__weg-merk{z-index:-1;inline-size:58%;position:absolute;inset-block-end:-36%;inset-inline-end:-10%}.cta-v__weg-merk .cta-merk__ring{fill:color-mix(in srgb, var(--uzp-bladgroen) 14%, transparent)}.cta-v__weg-merk .cta-merk__straal{fill:color-mix(in srgb, var(--uzp-solar) 18%, transparent);transition:fill .36s var(--ease-out) calc(var(--i) * 60ms)}.cta-v__weg--advies:is(:hover,:focus-visible) .cta-merk__straal{fill:var(--uzp-solar)}.cta-v__weg--advies:is(:hover,:focus-visible) .cta-merk__ring{fill:color-mix(in srgb, var(--uzp-bladgroen) 40%, transparent)}.cta-v--keuze.cta-actief .cta-v__weg{opacity:0;translate:0 1rem}.cta-v--keuze.cta-actief.is-in .cta-v__weg{opacity:1;transition:opacity .6s var(--ease-out), translate .9s var(--ease-zacht);translate:0}.cta-v--keuze.cta-actief.is-in .cta-v__weg+.cta-v__weg{transition-delay:.12s}.cta-v--keuze.cta-actief.is-in .cta-v__weg:hover{transition:translate .42s var(--ease-zacht), box-shadow .42s var(--ease-zacht);translate:0 -.25rem}.cta-schakelaar{justify-content:center;align-items:center;gap:var(--space-1) var(--space-2);padding:var(--space-2) var(--space-gutter);background:var(--color-surface-muted);font-size:var(--text-small);flex-wrap:wrap;display:flex}.cta-schakelaar span{font-weight:var(--weight-sterk)}.cta-schakelaar ul{gap:var(--space-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.cta-schakelaar a{min-block-size:2.75rem;min-inline-size:2.75rem;padding-inline:var(--space-2);border-radius:var(--radius-pill);color:var(--color-text);place-items:center;text-decoration:none;display:inline-grid}.cta-schakelaar a:hover{background:var(--color-surface-raised)}.cta-schakelaar a[aria-current]{background:var(--color-primary);color:var(--color-on-primary)}.lab-cta__titel{margin-block:var(--space-3);font-size:var(--text-h1);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);line-height:.95}.lab-cta__index{gap:var(--space-2);margin:var(--space-5) 0 0;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));padding:0;list-style:none;display:grid}.lab-cta__index li{align-content:start;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-raised);display:grid}.lab-cta__index li>span:not(.lab-cta__links){font-size:var(--text-small);color:var(--color-text-muted)}.lab-cta__links{gap:0 var(--space-3);flex-wrap:wrap;display:flex}.lab-cta__links a{min-block-size:2.75rem;color:var(--color-text);align-items:center;gap:.25rem;display:inline-flex}.lab-cta__label{padding-block:var(--space-4);background:var(--color-surface-muted)}.lab-cta__label .container{align-items:baseline;gap:var(--space-1) var(--space-3);flex-wrap:wrap;display:flex}.lab-cta__label strong{font-size:var(--text-h4)}.lab-cta__label span{max-inline-size:48rem;color:var(--color-text-muted)}}
