.mv-bt{--mv-bt-tussen: 32px;--mv-bt-beeld-max: 520px;display:grid;gap:var(--mv-bt-tussen);justify-items:center;align-items:center;max-width:580px;margin-inline:auto;min-width:0}.mv-bt--collage,.mv-bt--scattered{--mv-bt-beeld-max: 390px}.mv-bt__beelden{display:grid;width:100%;min-width:0}.mv-bt__beeld{min-width:0}.mv-bt__img{display:block;width:100%;max-width:var(--mv-bt-beeld-max);height:auto;margin-inline:auto;border-radius:16px}.mv-bt__img--leeg{aspect-ratio:1;background:#0000000d}.mv-bt--stacked .mv-bt__beelden{place-items:center}.mv-bt--stacked .mv-bt__beeld{grid-area:1 / 1;width:100%}.mv-bt--stacked .mv-bt__beeld:not(.is-actief){opacity:0;visibility:hidden}.mv-bt--collage .mv-bt__beelden,.mv-bt--scattered .mv-bt__beelden{grid-template-columns:minmax(0,.75fr) minmax(0,1fr);grid-template-rows:repeat(2,auto);gap:20px;align-items:center}:is(.mv-bt--collage,.mv-bt--scattered):is(.mv-bt--top,.mv-bt--shifted) .mv-bt__beelden{align-items:start}.mv-bt--collage .mv-bt__beeld,.mv-bt--scattered .mv-bt__beeld{grid-column:1}.mv-bt--collage .mv-bt__beeld.is-actief,.mv-bt--scattered .mv-bt__beeld.is-actief{grid-column:2;grid-row:1 / -1}:is(.mv-bt--collage,.mv-bt--scattered).mv-bt--shifted .mv-bt__beeld.is-actief{margin-block-start:min(145px,14vw)}.mv-bt--scattered .mv-bt__img{transform:rotate(var(--mv-bt-draai, 0deg))}.mv-bt__beeld{transition:opacity var(--animation-speed-slow, .2s) ease,visibility var(--animation-speed-slow, .2s) ease}.mv-bt__tekst{display:grid;row-gap:32px;justify-items:center;width:100%;max-width:600px;min-width:0;text-align:center}.mv-bt__teksten{display:grid;width:100%}.mv-bt__item{grid-area:1 / 1;min-width:0;overflow-wrap:anywhere}.mv-bt__item[hidden]{display:none}.mv-bt__item.is-actief{animation:mv-bt-in .4s var(--animation-timing-fade-in, ease-out)}.mv-bt__subkop{display:inline-block;margin:0;padding:6px 13px 5px;border-radius:999px;background:var(--mv-bt-label, var(--mv-indigo, #2c1d80));color:var(--mv-bt-label-tekst, #fae6cd);font-size:11px;font-weight:500;line-height:11px;letter-spacing:.12em;text-transform:uppercase}.mv-bt__kop{margin:10px 0 0;font-family:var(--font-heading--family);font-size:28px;font-weight:500;line-height:1.1;letter-spacing:-.02em}.mv-bt .mv-bt__item>:first-child{margin-top:0}.mv-bt__inhoud{margin-top:18px;font-size:14px;line-height:1.5}.mv-bt__inhoud>*{margin:0}.mv-bt__inhoud>*+*{margin-top:1em}.mv-bt__knop{margin-top:24px;background:var(--mv-bt-knop, var(--mv-indigo, #2c1d80));color:var(--mv-bt-knop-tekst, #fff);border-color:var(--mv-bt-knop, var(--mv-indigo, #2c1d80))}.mv-bt__pijlen{display:flex;gap:12px}.mv-bt__pijl{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid rgb(0 0 0 / .15);border-radius:50%;background:transparent;color:inherit;cursor:pointer;transition:border-color var(--animation-speed-slow, .2s) ease,transform var(--animation-speed-slow, .2s) ease}.mv-bt__pijl:hover{border-color:currentColor}.mv-bt__pijl:active{transform:scale(.94)}.mv-bt__pijl:focus-visible{outline:2px solid currentColor;outline-offset:2px}@keyframes mv-bt-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media screen and (min-width:700px){.mv-bt{--mv-bt-tussen: 48px}.mv-bt__kop{font-size:36px}.mv-bt--collage .mv-bt__beelden,.mv-bt--scattered .mv-bt__beelden{gap:24px}}@media screen and (max-width:999px){.mv-bt--stacked{grid-template-columns:minmax(min(var(--mv-bt-kolom, 100%),100%),max-content);justify-content:center}}@media screen and (min-width:1000px){.mv-bt--stacked{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);column-gap:80px;max-width:1050px}.mv-bt--stacked .mv-bt__tekst{justify-items:start;justify-self:start;text-align:start}.mv-bt--collage,.mv-bt--scattered{max-width:690px}}@media screen and (min-width:1150px){.mv-bt{column-gap:96px}.mv-bt--collage,.mv-bt--scattered{grid-template-columns:minmax(0,1fr) minmax(0,.7fr);max-width:none}.mv-bt--collage .mv-bt__tekst,.mv-bt--scattered .mv-bt__tekst{justify-items:start;justify-self:start;text-align:start}}@media screen and (min-width:1400px){.mv-bt{column-gap:112px}.mv-bt__kop{font-size:48px}}@media(prefers-reduced-motion:reduce){.mv-bt__beeld,.mv-bt__pijl{transition:none}.mv-bt__item.is-actief{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/mv-beelden-tekst.css.map */