.cs-zwh .cs-only-desktop{display:none}.cs-zwh .cs-only-mobiel{display:inline}@media screen and (min-width:990px){.cs-zwh .cs-only-desktop{display:inline}.cs-zwh .cs-only-mobiel{display:none}}.cs-zwh{background:var(--cs-white);font-family:var(--cs-font-ui)}.cs-zwh--interactief{border-top:1px solid var(--cs-border)}.cs-zwh__inner{padding:36px 18px;display:flex;flex-direction:column;gap:16px}.cs-zwh__beeld{position:relative;height:200px;border-radius:14px;overflow:hidden;background:var(--cs-photo-bg)}.cs-zwh__foto{position:absolute;top:0;right:0;bottom:0;left:0}.cs-zwh__foto{display:none}.cs-zwh__foto:first-child,.cs-zwh__foto.is-actief{display:block}.cs-zwh__beeld:has(.cs-zwh__foto.is-actief) .cs-zwh__foto:first-child:not(.is-actief){display:none}@media screen and (max-width:989px){.cs-zwh--interactief .cs-zwh__stap{cursor:pointer;border-radius:12px;padding:10px 12px;margin:0 -12px;width:calc(100% + 24px);transition:background .15s ease}.cs-zwh--interactief .cs-zwh__stap:focus-visible{outline:2px solid var(--cs-green);outline-offset:2px}}@media screen and (max-width:989px){.cs-zwh--interactief .cs-zwh__rechts{display:contents}.cs-zwh--interactief .cs-zwh__h2{order:-1}}.cs-zwh__img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.cs-zwh__gloed{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 18% 88%,var(--cs-tape),transparent 52%);pointer-events:none}.cs-zwh__schaduw{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#05050500 55%,#05050599);pointer-events:none}.cs-zwh__caption{position:absolute;left:20px;bottom:16px;display:flex;align-items:center;gap:8px;color:var(--cs-cream);font-size:12.5px;font-weight:500}.cs-zwh__caption svg{width:13px;height:13px;color:var(--cs-gold);flex:none}.cs-zwh__rechts{display:flex;flex-direction:column;gap:16px}.cs-zwh__h2{font-family:var(--cs-font-ui);font-size:23px;font-weight:600;line-height:1.15;color:var(--cs-dark);margin:0}.cs-zwh__stappen{display:flex;flex-direction:column;gap:14px;margin:0;padding:0;list-style:none}.cs-zwh__item{display:flex}.cs-zwh__stap{width:100%;display:flex;gap:12px;align-items:flex-start;text-align:left;background:transparent;border:0;padding:0;margin:0;font-family:inherit;color:inherit}.cs-zwh--interactief .cs-zwh__stap.is-actief{background:var(--cs-offwhite)}.cs-zwh__nummer{width:28px;height:28px;border-radius:50%;background:var(--cs-cream);color:var(--cs-green);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex:none}.cs-zwh__stap-tekst{display:flex;flex-direction:column;gap:2px}.cs-zwh__stap-titel{font-size:14px;font-weight:600;color:var(--cs-dark)}.cs-zwh__stap-body{font-size:12.5px;line-height:1.5;color:var(--cs-text-soft)}@media screen and (min-width:990px){.cs-zwh--interactief{border-bottom:1px solid var(--cs-border)}.cs-zwh--interactief .cs-zwh__inner{max-width:1260px;margin:0 auto;padding:64px;display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}.cs-zwh--kolommen .cs-zwh__inner{max-width:1260px;margin:0 auto;padding:72px 64px;gap:36px}.cs-zwh__beeld{height:480px;border-radius:18px}.cs-zwh__foto,.cs-zwh__foto:first-child{display:block;visibility:hidden}.cs-zwh__foto.is-actief{visibility:visible}.cs-zwh .cs-zwh__caption.cs-only-desktop{display:flex}.cs-zwh__rechts{gap:14px}.cs-zwh__h2{font-size:34px}.cs-zwh--interactief .cs-zwh__h2{margin:0 0 8px 16px}.cs-zwh--interactief .cs-zwh__stappen{gap:0}.cs-zwh--interactief .cs-zwh__stap{gap:16px;cursor:pointer;border-radius:14px;padding:14px 16px}.cs-zwh--interactief .cs-zwh__stap:focus-visible{outline:2px solid var(--cs-green);outline-offset:2px}.cs-zwh--kolommen .cs-zwh__stappen{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.cs-zwh--kolommen .cs-zwh__stap{flex-direction:column;gap:12px;border-top:2px solid var(--cs-green);padding-top:20px;height:100%}.cs-zwh__nummer{width:34px;height:34px;font-size:15px}.cs-zwh__stap-tekst{gap:3px}.cs-zwh--kolommen .cs-zwh__stap-tekst{display:contents}.cs-zwh__stap-titel{font-size:16.5px}.cs-zwh--kolommen .cs-zwh__stap-titel{font-size:17px}.cs-zwh__stap-body{font-size:14.5px;line-height:1.55}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/cs-zo-werkt-het.css.map */