.sbf-suchfilter{--sbf-rot: 215, 30, 56;--sbf-text: 77, 38, 48;--sbf-rand: 233, 203, 208;position:absolute;top:100%;left:0;right:0;z-index:3;max-height:70vh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:1.4rem 0 1.6rem;background-color:#fff;border-top:.1rem solid rgba(var(--color-foreground),.08);box-shadow:0 1.2rem 2.4rem rgba(var(--color-shadow),.14);text-align:left;line-height:1.4}details:not([open]) .sbf-suchfilter{display:none}.sbf-suchfilter__gruppe{padding:0 1.5rem;margin-bottom:1.2rem}.sbf-suchfilter__titel{display:block;margin-bottom:.6rem;font-size:1.3rem;font-weight:600;letter-spacing:.06rem;text-transform:uppercase;color:rgb(var(--sbf-text))}.sbf-suchfilter__chips{display:flex;gap:.8rem;overflow-x:auto;scrollbar-width:none;margin:0 -1.5rem;padding:0 1.5rem .2rem}.sbf-suchfilter__chips::-webkit-scrollbar{display:none}.sbf-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:.5rem;min-height:4.4rem;padding:0 1.6rem;border:.1rem solid rgb(var(--sbf-rand));border-radius:99rem;background-color:#fff;color:rgb(var(--sbf-text));font-family:inherit;font-size:1.5rem;font-weight:600;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .12s ease}.sbf-chip:active:not(:disabled){transform:scale(.95)}.sbf-chip[hidden]{display:none}.sbf-chip[aria-pressed=true]{background-color:rgb(var(--sbf-rot));border-color:rgb(var(--sbf-rot));color:#fff}.sbf-chip:focus-visible{outline:.2rem solid rgb(var(--sbf-rot));outline-offset:.2rem}.sbf-chip:disabled{opacity:.4;cursor:default}.sbf-chip__zahl{font-size:1.3rem;font-weight:400;opacity:.8}.sbf-chip__zahl:empty{display:none}.sbf-suchfilter__status{margin:.4rem 0 .8rem;padding:0 1.5rem;font-size:1.4rem;color:rgb(var(--sbf-text))}.sbf-suchfilter__liste{display:grid;grid-template-columns:1fr;gap:1.6rem;list-style:none;margin:0;padding:0 1.5rem}.sbf-treffer{position:relative;display:block;aspect-ratio:3 / 2;overflow:hidden;border-radius:1.2rem;background-color:#fff}.sbf-treffer img,.sbf-treffer__ohne-bild{display:block;width:100%;height:100%;object-fit:cover}.sbf-treffer:focus-visible{outline:.3rem solid rgb(var(--sbf-rot));outline-offset:.2rem}.sbf-treffer img,.sbf-treffer .sbf-treffer__ohne-bild{-webkit-mask-image:linear-gradient(to bottom,#000 76%,rgba(0,0,0,.1) 85.6%,transparent 89.2%);mask-image:linear-gradient(to bottom,#000 76%,rgba(0,0,0,.1) 85.6%,transparent 89.2%)}.sbf-treffer .sbf-bildinfo__preis{z-index:1;top:1rem;right:1rem;padding:.5rem 1.1rem;font-size:1.5rem}.sbf-treffer .sbf-bildinfo__name{z-index:1;left:1rem;right:1rem;bottom:.4rem;padding:.2rem .6rem;background:none;box-shadow:none;font-size:1.8rem;font-size:clamp(1.4rem,calc((100cqi - 3.2rem) / (var(--sbf-zeichen, 10) * .64)),1.8rem)}.sbf-suchfilter__mehr{display:flex;width:calc(100% - 3rem);margin:1.4rem 1.5rem 0}.sbf-suchfilter__mehr[hidden]{display:none}details[open] .sbf-suchfilter{animation:sbfPanelAuf .28s cubic-bezier(.2,.7,.3,1)}.sbf-suchfilter__liste--wechsel>li{animation:sbfKachelRein .3s cubic-bezier(.2,.7,.3,1) backwards}.sbf-suchfilter__liste--wechsel>li:nth-child(2){animation-delay:.05s}.sbf-suchfilter__liste--wechsel>li:nth-child(3){animation-delay:.1s}.sbf-suchfilter__liste--wechsel>li:nth-child(n+4){animation-delay:.15s}details-modal.sbf-schliesst>details[open]>.search-modal{animation:sbfSucheZu .18s ease-in forwards}@keyframes sbfPanelAuf{0%{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:none}}@keyframes sbfKachelRein{0%{opacity:0;transform:translateY(1.2rem)}to{opacity:1;transform:none}}@keyframes sbfSucheZu{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-1.5rem)}}@media(prefers-reduced-motion:reduce){details[open] .sbf-suchfilter,.sbf-suchfilter__liste--wechsel>li,details-modal.sbf-schliesst>details[open]>.search-modal{animation:none}.sbf-chip{transition:none}}@media screen and (min-width:750px){.sbf-suchfilter{left:6rem;right:6rem;max-width:74.2rem;margin:0 auto;border:.1rem solid rgba(var(--color-foreground),.08);border-top:none;border-radius:0 0 var(--popup-corner-radius, 0) var(--popup-corner-radius, 0)}.sbf-suchfilter__liste{grid-template-columns:1fr 1fr}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/sbf-suchfilter.css.map */