@layer components{.keti-kop{align-items:start;gap:var(--space-2);text-transform:uppercase;flex-direction:column;font-size:clamp(1.75rem,3.5vw,3rem);line-height:1.05;display:flex}.alignment-center .keti-kop{align-items:center}.keti-kop_regel{background-color:var(--keti-zwart);color:var(--keti-wit);padding:.5em .6em .35em;display:inline-block;&.roze{background-color:var(--keti-roze)}&.blauw{background-color:var(--keti-blauw)}&.groen{background-color:var(--keti-groen)}&.oranje{background-color:var(--keti-oranje)}}.stappen_wrap{gap:var(--space-8);grid-template-columns:minmax(0,1fr);align-items:center;width:100%;display:grid;@media (width>=64rem){grid-template-columns:repeat(2,minmax(0,1fr))}}.stappen_items{flex-direction:column;display:flex}.stappen_item{border-bottom:var(--border-width) solid var(--border);opacity:.5;transition:opacity var(--open-duration) var(--open-ease);&[open]{opacity:1}}.stappen_toggle{align-items:baseline;gap:var(--space-4);padding-block:var(--space-5);cursor:pointer;list-style:none;display:flex;&::-webkit-details-marker{display:none}&>.heading{margin-block:0}}.stappen_sign{flex:none}.stappen_title{font-family:var(--display-family);font-weight:var(--display-black)}.stappen_body{gap:var(--space-4);padding:0 0 var(--space-6) var(--space-7);font-weight:var(--primary-medium);flex-direction:column;display:flex;&>p{margin-block:0}}.stappen_visual>.image{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto}.faq_wrap{gap:var(--space-4);flex-direction:column;width:100%;display:flex}.faq_item{border:var(--border-width) solid color-mix(in srgb, var(--text) 35%, transparent);border-radius:var(--radius-small);transition:border-color var(--open-duration) var(--open-ease);&[open]{border-color:var(--text)}@media (hover:hover){&:hover{border-color:var(--text)}}&>.accordion_toggle{padding:var(--space-5) var(--space-6)}&>.accordion_body{max-width:68ch;padding:0 var(--space-6) var(--space-6);font-weight:var(--primary-medium)}}.faq_voices{gap:var(--space-3);margin:var(--space-4) 0 0;flex-direction:column;padding:0;list-style:none;display:flex;& li{padding-left:var(--space-5);border-left:var(--border-width) solid var(--border)}}.kijklijst_wrap{gap:var(--space-4);grid-template-columns:minmax(0,1fr);width:100%;margin:0;padding:0;list-style:none;display:grid;@media (width>=48rem){grid-template-columns:repeat(2,minmax(0,1fr))}@media (width>=64rem){grid-template-columns:repeat(3,minmax(0,1fr))}}.kijklijst_item{gap:var(--space-3);height:100%;padding:var(--space-6);border:var(--border-width) solid color-mix(in srgb, var(--text) 30%, transparent);color:inherit;transition:border-color var(--hover-duration) var(--hover-ease);flex-direction:column;text-decoration:none;display:flex;&>[class]{margin-block:0}@media (hover:hover){&:hover{border-color:var(--text)}}}.kijklijst_year{opacity:.7;margin-top:auto}html:has(.modal_wrap[open]){overflow:hidden}.modal_wrap{--_leaving:calc(var(--open-duration) * .7);--_from:0 2rem;--_body:0 0;--_backdrop:lab(0% none none/.6);--_close:calc(2.75em + var(--space-4) * 2);width:100%;max-width:none;height:100%;max-height:none;padding:var(--site-margin);color:var(--text);transition:display var(--_leaving) allow-discrete, overlay var(--_leaving) allow-discrete;background:0 0;border:0;justify-content:center;align-items:center;margin:0;overflow:clip;&[open]{transition:display var(--open-duration) allow-discrete, overlay var(--open-duration) allow-discrete;display:flex}.stacki-designer &.preview,&.stacki-opened{z-index:100;background-color:var(--_backdrop);display:flex;position:fixed;inset:0}&::backdrop{background-color:var(--_backdrop);opacity:0;transition:opacity var(--_leaving) var(--open-ease)}&[open]::backdrop{opacity:1;transition:opacity var(--open-duration) var(--open-ease)}@starting-style{&[open]::backdrop{opacity:0}}&.side-panel{--_panel:28rem;--_from:var(--_panel) 0;justify-content:end;align-items:stretch;padding:0}&.full-screen{--_from:0 0;--_body:0 2rem;align-items:stretch;padding:0}}.modal_content{background-color:var(--background);border-radius:var(--radius-main);opacity:0;width:100%;max-width:34rem;max-height:100%;translate:var(--_from);transition:opacity var(--_leaving) var(--open-ease), translate var(--_leaving) var(--open-ease);flex-direction:column;display:flex;position:relative;overflow:hidden;.modal_wrap.side-panel &{max-width:var(--_panel);border-radius:0;max-height:none}.modal_wrap.full-screen &{border-radius:0;max-width:none;max-height:none}.modal_wrap:is([open],.stacki-opened) &,.stacki-designer .modal_wrap.preview &{opacity:1;transition:opacity var(--open-duration) var(--open-ease), translate var(--open-duration) var(--open-ease);translate:0}@starting-style{.modal_wrap[open] &{opacity:0;translate:var(--_from)}}}.modal_close{top:var(--space-4);z-index:1;position:absolute;inset-inline-end:var(--space-4)}.modal_scroll{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto;.modal_wrap.full-screen &{height:100%}}.modal_body{padding:var(--_close) var(--space-6) var(--space-7);translate:var(--_body);transition:translate var(--_leaving) var(--open-ease);.modal_wrap.full-screen &{align-content:center;min-height:100%;display:grid}.modal_wrap:is([open],.stacki-opened) &,.stacki-designer .modal_wrap.preview &{transition:translate var(--open-duration) var(--open-ease);translate:0}@starting-style{.modal_wrap[open] &{translate:var(--_body)}}}.pijllijst_wrap{gap:var(--space-3);font-weight:var(--primary-medium);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.pijllijst_item{padding-left:var(--space-6);position:relative;&:before{content:"→";position:absolute;top:0;left:0}&>.button_wrap{font:inherit;text-align:start}}.handreiking-hero_wrap{overflow:clip}.handreiking-hero_layout{align-items:center;gap:var(--space-8);grid-template-columns:minmax(0,1fr);display:grid;@media (width>=64rem){grid-template-columns:repeat(2,minmax(0,1fr))}}.handreiking-hero_content{align-items:start;gap:var(--space-6);padding-bottom:var(--section-space-large);flex-direction:column;display:flex;&>[class]{margin-block:0}}.handreiking-hero_partners{justify-content:start;gap:var(--space-4) var(--space-5);& .partners_logo.inkt{filter:invert()}}.handreiking-hero_wall{--_shift:40%;gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));height:34rem;display:grid;overflow:clip;@media (width>=64rem){height:70vh}}.handreiking-hero_column{gap:var(--space-4);flex-direction:column;display:flex;&:nth-child(2){margin-top:calc(-1 * var(--_shift))}}.handreiking-hero_photo{aspect-ratio:5/6;flex:none;&>.image{object-fit:cover;width:100%;height:100%}}.handreiking-inleiding_photo{overflow:clip;&>.image{object-fit:cover;width:100%;height:100%}}.testimonials_wrap{gap:var(--space-4);grid-template-columns:minmax(0,1fr);width:100%;margin:0;padding:0;list-style:none;display:grid;@media (width>=48rem){grid-template-columns:repeat(2,minmax(0,1fr))}@media (width>=64rem){grid-template-columns:repeat(3,minmax(0,1fr))}}.testimonials_card{gap:var(--space-5);padding:var(--space-6);border:var(--border-width) solid color-mix(in srgb, var(--text) 30%, transparent);flex-direction:column;display:flex;&>[class]{margin-block:0}}.testimonials_quote{font-weight:var(--primary-medium)}.testimonials_source{font-family:var(--display-family);font-weight:var(--display-black);margin-top:auto}}