.obflow{background:var(--paper);padding-block:var(--section)}.obflow-grid{margin-top:clamp(20px,2.6vw,36px);display:grid;grid-template-columns:300px minmax(0,1fr) 312px;gap:clamp(20px,2.2vw,34px);align-items:center}.obflow-kaart{background:var(--kleur-zand-licht);border-radius:20px;padding:clamp(22px,2.4vw,30px);display:flex;flex-direction:column;align-items:flex-start;gap:12px}.obflow-kaart>*{margin:0}.obflow-bob{width:68px;height:68px;border-radius:50%;overflow:hidden;background:var(--kleur-lichtoranje);box-shadow:0 0 0 3px var(--kleur-salie);display:grid;place-items:end center}.obflow-bob img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.obflow-kaart-kop{font-family:var(--font-kop);font-weight:700;font-size:1.125rem;letter-spacing:-.5px}.obflow-zegt{display:grid;width:100%}.obflow-zeg{grid-area:1 / 1;opacity:0;pointer-events:none;transition:opacity .4s ease}.obflow-zeg.is-active{opacity:1;pointer-events:auto}.obflow-zeg b{display:block;font-family:var(--font-kop);font-weight:700;font-size:.9375rem;letter-spacing:-.3px;color:var(--kleur-inkt);margin-bottom:6px}.obflow-zeg p{margin:0;font-size:.9375rem;line-height:1.6;color:var(--tekst-70)}.obflow-kaart .btn{margin-top:4px}.obflow-photo{position:relative}.obflow-stage{position:relative;width:100%;height:min(52vh,460px)}.obflow-shot{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;transition:opacity .45s ease}.obflow-shot.is-active{opacity:1}.obflow-shot img,.obflow-shot svg{display:block;width:100%;height:100%;object-fit:contain}.obflow-shot--nobg img{scale:1.32}.obflow-stapels{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:clamp(24px,2.8vw,38px)}.obflow-step{display:flex;gap:20px;align-items:flex-start}.obflow-num{flex:none;width:48px;height:48px;border-radius:var(--r-pill);display:grid;place-items:center;background:var(--kleur-lichtoranje);color:var(--cta);font-family:var(--font-kop);font-weight:700;font-size:1.0625rem;line-height:1}.obflow-body{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:5px}.obflow-body h4{font-size:1.1875rem;line-height:1.3;letter-spacing:-.5px;font-weight:600;color:var(--kleur-inkt)}.obflow-body p{margin:0;font-size:.9375rem;line-height:1.55;color:var(--tekst-70)}@media(max-width:1100px){.obflow-grid{grid-template-columns:minmax(0,1fr);gap:clamp(24px,4vw,40px)}.obflow-col{order:1}.obflow-photo{order:2}.obflow-steps{order:3}.obflow-stage{height:min(40vh,360px)}}@media(max-width:760px){.obflow-step{gap:16px}}bob-obflow{display:block}.obflow--flow .obflow-kaart{border-radius:var(--r-lg);transition:background-color .45s ease}.obflow-kaart[data-kleur=warm]{background:var(--kleur-lichtoranje)}.obflow-kaart[data-kleur=bluish]{background:var(--kleur-ijsblauw-licht)}.obflow-kaart[data-kleur=zand]{background:var(--kleur-zand)}.obflow-kaart[data-kleur=salie]{background:var(--kleur-salie-licht)}@media(prefers-reduced-motion:reduce){.obflow--flow .obflow-kaart{transition:none}}.obflow--flow .obflow-bob{background:var(--paper);box-shadow:0 0 0 3px var(--paper)}.obflow-knop{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;cursor:pointer;background:var(--paper);color:var(--kleur-inkt);box-shadow:0 8px 22px -10px #0814128c;transition:background-color .2s ease,transform .2s ease}.obflow-knop:hover{background:var(--paper);transform:translateY(-50%) scale(1.06)}@media(prefers-reduced-motion:reduce){.obflow-knop:hover{transform:translateY(-50%)}}.obflow-knop--vorige{left:clamp(4px,.8vw,12px)}.obflow-knop--volgende{right:clamp(4px,.8vw,12px)}@media(max-width:1100px){.obflow-knop--vorige{left:0}.obflow-knop--volgende{right:0}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/bob-obflow.css.map */