.samenspel{--samenspel-dim: .8;--samenspel-dim-beeld: .55;--samenspel-foto-h: min(44rem, 56svh);display:grid;gap:var(--ritme-klein)}.samenspel__kop{margin:0;color:var(--marr-tobacco);text-wrap:pretty}.samenspel__inleiding{margin:0;max-width:var(--marr-body-measure)}.samenspel__product{display:grid;justify-items:start;gap:1.2rem}.samenspel__moment{margin:0;color:var(--marr-ash-brown);letter-spacing:.04em}.samenspel__beeld{display:block;height:var(--samenspel-foto-h);max-width:100%}.samenspel__foto{display:block;height:100%;width:auto;max-width:100%;object-fit:contain}.samenspel__naam{margin:0;font-family:var(--marr-sans);font-weight:500;font-stretch:var(--marr-width-condensed);font-size:1.9rem;line-height:2.4rem;color:var(--marr-tobacco)}.samenspel__naam a{color:inherit;text-decoration:none}.samenspel__naam a:hover,.samenspel__naam a:focus-visible{text-decoration:underline;text-underline-offset:3px}.samenspel__regel{margin:0;max-width:44ch}.samenspel__prijs{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .6rem}.samenspel__prijs .prijs__besparing{flex-basis:100%;margin:0}.samenspel__vanaf{color:var(--marr-ash-brown)}.samenspel__toneel{position:relative;display:grid;gap:var(--ritme)}.samenspel__dag{margin:0;padding:0;list-style:none;display:grid}.samenspel__stap+.samenspel__stap{border-top:1px solid var(--marr-tobacco-20);padding-top:var(--ritme);margin-top:var(--ritme)}.samenspel__lijn{display:none}.samenspel__samen{display:grid;gap:var(--gap);align-items:center;justify-items:start;padding:clamp(3.2rem,5vw,6.4rem);border-radius:var(--marr-radius-surface)}.samenspel__samen-beeld{display:block;height:min(32rem,40svh);max-width:100%}.samenspel__samen-tekst{display:grid;justify-items:start;gap:1.2rem}.samenspel__editor{margin:0;padding:.8rem 1.2rem;border:1px solid var(--marr-marjolein-deep);border-radius:var(--marr-radius-surface);color:var(--marr-marjolein-deep);max-width:44ch}@media(min-width:1024px){.samenspel__toneel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:calc(var(--gap) * 2);align-items:start}.samenspel__toneel--zonder-olie{grid-template-columns:minmax(0,1fr)}.samenspel__avond{grid-column:1;align-self:stretch}.samenspel__vast{position:sticky;top:calc(var(--header-group-height, 12rem) + var(--ritme-klein))}.samenspel__toneel--zonder-olie .samenspel__dag,.samenspel__dag{grid-column:2}.samenspel__toneel--zonder-olie .samenspel__dag{grid-column:1}.samenspel__stap{min-height:calc(var(--samenspel-foto-h) + 12rem);display:grid;align-content:center}.samenspel__lijn{display:block;position:absolute;top:0;bottom:0;left:50%;width:1px;background:var(--marr-tobacco-20);pointer-events:none}.samenspel__stip{--stip-y: 0px;position:absolute;left:50%;top:0;width:1rem;height:1rem;border-radius:50%;background:var(--marr-tobacco);transform:translate(-50%,calc(var(--stip-y) - 50%));opacity:0;transition:transform var(--marr-duur) var(--marr-ease),opacity var(--marr-duur) var(--marr-ease)}.samenspel__samen{grid-template-columns:auto minmax(0,48ch);justify-content:center;column-gap:calc(var(--gap) * 2)}}.samenspel--loopt .samenspel__stip{opacity:1}.samenspel--loopt .samenspel__stap{opacity:var(--samenspel-dim);transition:opacity var(--marr-duur) var(--marr-ease)}.samenspel--loopt .samenspel__stap .samenspel__foto{opacity:var(--samenspel-dim-beeld);transition:opacity var(--marr-duur) var(--marr-ease)}.samenspel--loopt .samenspel__stap[data-actief],.samenspel--loopt .samenspel__stap[data-actief] .samenspel__foto{opacity:1}@media(prefers-reduced-motion:reduce){.samenspel--loopt .samenspel__stap,.samenspel--loopt .samenspel__stap .samenspel__foto{opacity:1}.samenspel--loopt .samenspel__stip{opacity:0}}@media(max-width:749px){.samenspel{--samenspel-foto-h: min(36rem, 48svh)}.samenspel__samen-beeld{height:min(24rem,32svh)}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/samenspel.css.map */