ul.multi-results__list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;white-space:nowrap}section.multi-results{max-width:100svw;width:100%;border-bottom:var(--rule-grey-light)}html{scroll-padding-top:calc(var(--header-height) + 3rem)}.show-banner html{scroll-padding-top:calc(var(--header-height-banner) + 3rem)}li.multi-results__list--item.card-multi{width:calc(100svw - 2rem);min-width:calc(100svw - 1.66rem);padding-left:1rem;scroll-snap-align:start;padding-bottom:1rem;background-color:var(--color-white);position:relative}li.multi-results__list--item.card-multi:nth-child(2n){background-color:var(--color-offset)}li.multi-results__list--item.card-multi:last-child{width:100%}.card-multi__title{padding:1rem 1rem 1rem 0;display:flex;justify-content:flex-start;gap:1rem}.card-multi__title.show-desktop{display:none}.card-multi__headline.h1{text-wrap:balance;text-wrap:pretty;line-height:1.1;padding:1rem 0;max-width:20ch}figure.card-multi__column--media{aspect-ratio:1}img.card-multi__media{width:100%;height:100%;object-fit:cover;border-radius:1rem 0 0 1rem}.card-multi__list--item--percentage.h1{width:fit-content}ul.card-multi__list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}li.card-multi__list--item{display:flex;flex:0 0;flex-direction:column;padding:0 0 .5rem;border-bottom:var(--rule-grey-light)}p.card-multi__list--item--text{margin-bottom:0;width:100%;display:flex;text-wrap:auto;font-size:.9rem;max-width:30em;text-wrap:pretty;color:var(--color-main)}.card-multi__column--info{margin-right:1rem}.card-multi details{border-bottom:none}.metafield-rich_text_field p{text-wrap:auto}.card-multi.observed{opacity:1}.card-multi.observed.in-view{animation:none}li.multi-results__list--item.observed.card-multi--2.out-of-view{opacity:1;animation:none}li.multi-results__list--item.observed .card-multi__headline,li.multi-results__list--item.observed li.card-multi__list--item,li.multi-results__list--item.observed .card-multi__further--container{opacity:0}li.multi-results__list--item.observed.in-view .card-multi__headline,li.multi-results__list--item.observed.in-view li.card-multi__list--item,li.multi-results__list--item.observed.in-view .card-multi__further--container{animation:fadeIn .8s ease-in-out forwards}.card-multi__further--link.btn.btn--tertiary{justify-content:flex-start;color:var(--color-main);font-size:.9rem}@media screen and (min-width: 1024px){.card-multi__title.show-mobile{display:none}.card-multi__title.show-desktop{display:flex;flex-direction:row;justify-content:flex-start;gap:2rem}section.multi-results{max-width:100%;position:relative}ul.multi-results__list{display:block;scroll-snap-type:none;height:var(--multi-parent-height);overflow:visible}li.multi-results__list--item.card-multi{position:sticky;top:var(--header-height);height:var(--multi-height);z-index:1;overflow:visible;width:100%;min-width:100%;padding:0;scroll-snap-align:none;display:grid;grid-template-columns:repeat(2,50%);grid-auto-flow:column;border-top:var(--rule)}.show-banner li.multi-results__list--item.card-multi{top:var(--header-height-banner)}figure.card-multi__column--media{grid-column:2;height:var(--multi-height);width:100%;aspect-ratio:auto;overflow:hidden}img.card-multi__media{border-radius:0;height:var(--multi-height);width:100%;aspect-ratio:auto}.card-multi__column--info{grid-column:1;max-width:calc(var(--max-width) / 2);height:var(--multi-height);margin:0 0 0 auto;width:100%;padding:0 3rem 1rem;display:flex;flex-direction:column;overflow:hidden}.card-multi__headline.h1{padding:clamp(1rem,2dvw,2rem) 0 clamp(2rem,2dvw,3rem) 0;font-size:clamp(2rem,2dvw,3rem)}.card-multi__list--item--percentage.h1{font-size:clamp(2rem,2dvw,3rem)}p.card-multi__list--item--text{font-size:var(--font-body-size)}li.card-multi__list--item{border-bottom:var(--rule-grey-light);padding:0 0 1rem;gap:.125rem}.card-multi__further--container summary{display:block;text-align:left;align-items:flex-start}.card-multi__further--container small,.card-multi__further--container details,.card-multi__further--container summary{display:flex;flex-direction:column;height:auto;font-size:var(--font-body-size-xs)}.card-multi__further--container{display:flex;flex:0 1 auto;height:fit-content}.card-multi__further--container p{margin-bottom:0}.card-multi.observed.in-view figure.card-multi__column--media img{transform:scale(1.05);transition:transform .8s ease}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-multi-results.css.map */