:root{--fi-nacht: #0E0D0C;--fi-nacht-text: #F5F2EC;--fi-nacht-2: #A9A397;--fi-nacht-linie: rgba(245, 242, 236, .22)}.fi-buehne,.fi-stuecke{--fi-akzent-w: var(--fi-akzent, var(--gold, #C9A84C))}.fi-buehne{background:var(--fi-nacht);color:var(--fi-nacht-text)}.fi-buehne__innen{max-width:var(--max-w, 1340px);margin:0 auto;padding:22px var(--rand, 16px) 26px}.fi-gruppe+.fi-gruppe{margin-top:18px}.fi-gruppe__name{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 10px;font:600 12px/1 var(--f-body);letter-spacing:.16em;text-transform:uppercase;color:var(--fi-nacht-2)}.fi-lauf{position:relative;overflow:hidden;margin:0 calc(-1 * var(--rand, 16px));touch-action:pan-y;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%)}.fi-lauf__reihe{display:flex;width:max-content;padding:6px 0 2px;animation:fi-lauf var(--fi-dauer, 34s) linear infinite}.fi-lauf__satz{display:flex;gap:14px;padding-right:14px}.fi-lauf.ruht .fi-lauf__reihe{animation-play-state:paused}@keyframes fi-lauf{to{transform:translate(-25%)}}.fi-kreis{display:flex;flex-direction:column;align-items:center;gap:8px;width:78px;margin:0;padding:0;border:0;background:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .16s var(--aus, cubic-bezier(.23, 1, .32, 1))}.fi-kreis:active{transform:scale(.97)}.fi-kreis__bild{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;overflow:hidden;background:#eeece7;box-shadow:0 0 0 1px var(--fi-nacht-linie);transition:box-shadow .15s ease}.fi-kreis__bild img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}.fi-kreis__alle{font:400 20px/1 var(--f-display);letter-spacing:.06em;color:var(--tinte, #141311)}.fi-kreis__name{font:600 14px/1.1 var(--f-body);letter-spacing:.02em;white-space:nowrap}.fi-kreis[aria-pressed=true] .fi-kreis__bild{box-shadow:0 0 0 2px var(--fi-nacht),0 0 0 4px var(--fi-akzent-w)}.fi-kreis[aria-pressed=true] .fi-kreis__name{color:var(--fi-akzent-w)}.fi-raster{display:grid;grid-template-columns:repeat(var(--n, 7),minmax(0,1fr));gap:6px}.fi-chip{display:inline-flex;align-items:center;justify-content:center;min-height:42px;margin:0;padding:0 14px;border:1px solid var(--w-linie-2, rgba(17, 16, 14, .18));border-radius:999px;background:var(--w-grund, #FFFFFF);color:var(--tinte-2, #3D3B37);font:600 15px/1 var(--f-body);letter-spacing:.03em;text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .16s var(--aus, cubic-bezier(.23, 1, .32, 1)),border-color .15s ease,background-color .15s ease}.fi-raster .fi-chip{padding:0 2px}.fi-chip:active{transform:scale(.97)}.fi-chip[aria-pressed=true]{border-color:var(--gold);background:#c9a84c24;color:var(--tinte, #141311)}.fi-chip.ist-leer{opacity:.35}.fi-buehne .fi-chip{border-radius:10px;border-color:var(--fi-nacht-linie);background:transparent;color:#e6e1d6}.fi-buehne .fi-chip[aria-pressed=true]{border-color:var(--fi-akzent-w);background:color-mix(in srgb,var(--fi-akzent-w) 12%,transparent);color:var(--fi-akzent-w)}.fi-buehne .ist-leer{opacity:.32}.fi-buehne .fi-chip.ist-leer{text-decoration:line-through;text-decoration-thickness:1px}.fi-marken{display:grid;grid-template-columns:repeat(var(--n, 5),minmax(0,1fr));gap:8px}.fi-marke{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;margin:0;padding:0;border:0;background:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .16s var(--aus, cubic-bezier(.23, 1, .32, 1))}.fi-marke:active{transform:scale(.97)}.fi-marke__bild{display:grid;place-items:center;width:100%;aspect-ratio:1;overflow:hidden;border-radius:12px;background:#000;box-shadow:0 0 0 1px var(--fi-nacht-linie);transition:box-shadow .15s ease}.fi-marke__bild img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}.fi-marke__ersatz{padding:6px;font:400 15px/1 var(--f-display);letter-spacing:.04em;text-align:center;color:#fff}.fi-marke__name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 13px/1.1 var(--f-body);color:#cfcac0}.fi-marke[aria-pressed=true] .fi-marke__bild{box-shadow:0 0 0 2px var(--fi-nacht),0 0 0 4px var(--fi-akzent-w)}.fi-marke[aria-pressed=true] .fi-marke__name{color:var(--fi-akzent-w)}.fi-stuecke{max-width:var(--max-w, 1340px);margin:0 auto;padding:18px var(--rand, 16px) 8px}.fi-stuecke__kopf{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.fi-stuecke__titel{margin:0;font:400 clamp(24px,6vw,34px)/1 var(--f-display);letter-spacing:.04em;color:var(--tinte)}.fi-weg{min-height:40px;padding:0;border:0;background:none;font:600 15px/1 var(--f-body);color:var(--tinte-2);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.fi-weg[hidden]{display:none}.fi-stuecke__raster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 8px}.fi-stuecke__raster>[hidden]{display:none!important}.fi-stuecke__nichts{padding:28px 0 8px;text-align:center;font:500 16px/1.4 var(--f-body);color:var(--grau)}.fi-alle[hidden]{display:none}.fi-alle{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;margin-top:18px;border-radius:0;background:var(--fi-knopf, var(--k2-bg, #141311));color:var(--fi-knopf-text, var(--k2-fg, #FFFFFF));font:700 15px/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;transition:transform .16s var(--aus, cubic-bezier(.23, 1, .32, 1))}.fi-alle:active{transform:scale(.97)}.fi-leiste{position:sticky;top:var(--fi-oben, 0px);z-index:30;background:var(--fil-grund, var(--w-grund, #FFFFFF));border-block:1px solid var(--w-linie, rgba(17, 16, 14, .1));transition:top .2s var(--aus, cubic-bezier(.23, 1, .32, 1))}.fi-leiste__innen{position:relative;max-width:var(--max-w, 1340px);margin:0 auto}.fi-leiste__reihe{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:680px}.fi-pille{position:relative;display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:46px;margin:0;padding:0 6px;border:0;background:none;color:var(--fil-text, var(--tinte, #141311));font:600 14px/1 var(--f-body);letter-spacing:.04em;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .16s var(--aus, cubic-bezier(.23, 1, .32, 1))}.fi-pille+.fi-pille{box-shadow:inset 1px 0 0 var(--w-linie, rgba(17, 16, 14, .1))}.fi-pille:active{transform:scale(.97)}.fi-pille__wert{overflow:hidden;text-overflow:ellipsis;color:var(--fil-akzent-text, var(--gold-ink))}.fi-pille svg{flex:none;transition:transform .2s var(--aus, cubic-bezier(.23, 1, .32, 1))}.fi-pille[aria-expanded=true]{background:var(--w-flaeche, #F7F6F3)}.fi-pille[aria-expanded=true] svg{transform:rotate(180deg)}.fi-klapp{position:absolute;left:0;right:0;top:100%;padding:14px var(--rand, 16px) 16px;background:var(--fil-grund, var(--w-grund, #FFFFFF));border-bottom:1px solid var(--w-linie);box-shadow:0 16px 28px -18px #11100e59;transform-origin:top center;transition:transform .18s var(--aus, cubic-bezier(.23, 1, .32, 1)),opacity .18s var(--aus, cubic-bezier(.23, 1, .32, 1))}.fi-klapp[data-zu]{opacity:0;transform:translateY(-6px) scale(.98);pointer-events:none;visibility:hidden;transition:transform .12s ease-out,opacity .12s ease-out,visibility 0s linear .12s}.fi-klapp__teil[hidden]{display:none}.fi-chips{display:flex;flex-wrap:wrap;gap:8px}.fi-aktiv{display:flex;flex-wrap:wrap;gap:6px;max-width:var(--max-w, 1340px);margin:0 auto;padding:10px var(--rand, 16px) 0}.fi-aktiv:empty{display:none}.fi-aktiv button{display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:0 10px 0 12px;border:1px solid var(--gold);border-radius:999px;background:#c9a84c1f;color:var(--tinte);font:600 14px/1 var(--f-body);cursor:pointer;transition:transform .16s var(--aus, cubic-bezier(.23, 1, .32, 1))}.fi-aktiv button:active{transform:scale(.97)}.fi-leer{padding:56px 16px;text-align:center;font:500 16px/1.4 var(--f-body);color:var(--grau)}.fi-leer button{margin-top:14px}@media(hover:hover)and (pointer:fine){.fi-kreis:hover .fi-kreis__bild,.fi-marke:hover .fi-marke__bild{box-shadow:0 0 0 1px var(--fi-akzent-w, var(--gold))}.fi-kreis[aria-pressed=true]:hover .fi-kreis__bild,.fi-marke[aria-pressed=true]:hover .fi-marke__bild{box-shadow:0 0 0 2px var(--fi-nacht),0 0 0 4px var(--fi-akzent-w, var(--gold))}.fi-chip:hover{border-color:var(--gold)}.fi-lauf:hover .fi-lauf__reihe{animation-play-state:paused}}@media(min-width:990px){.fi-buehne__innen{padding-top:34px;padding-bottom:36px}.fi-lauf__satz{gap:28px;padding-right:28px}.fi-kreis{width:110px}.fi-kreis__bild{width:98px;height:98px}.fi-raster{grid-template-columns:repeat(var(--n, 7),64px)}.fi-marken{max-width:640px}.fi-stuecke__raster{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 16px}.fi-alle{max-width:360px;margin-inline:auto}}@media(prefers-reduced-motion:reduce){.fi-lauf{-webkit-mask-image:none;mask-image:none}.fi-lauf__reihe{width:auto;animation:none}.fi-lauf__satz{flex-wrap:wrap;justify-content:center;row-gap:12px;padding:0 var(--rand, 16px)}.fi-lauf__satz+.fi-lauf__satz{display:none}.fi-klapp,.fi-klapp[data-zu]{transform:none;transition-property:opacity,visibility}.fi-leiste{transition:none}}.fi-leiste .fi-chip{border-color:var(--fil-rand, var(--w-linie-2, rgba(17, 16, 14, .18)));background:var(--fil-chip, var(--w-grund, #FFFFFF));color:var(--fil-text, var(--tinte-2, #3D3B37))}.fi-leiste .fi-chip[aria-pressed=true]{border-color:var(--fil-akzent, var(--gold));background:color-mix(in srgb,var(--fil-akzent, var(--gold)) 14%,var(--fil-chip, #FFFFFF));color:var(--fil-text, var(--tinte, #141311))}.fi-leiste .fi-chip.ist-leer{opacity:.35;text-decoration:line-through;text-decoration-thickness:1px}.fi-aktiv button{border-color:var(--fil-akzent, var(--gold));background:color-mix(in srgb,var(--fil-akzent, var(--gold)) 12%,transparent)}@media(hover:hover)and (pointer:fine){.fi-leiste .fi-chip:hover{border-color:var(--fil-akzent, var(--gold))}}.fi-kreise-fest{display:flex;justify-content:space-between;gap:8px;padding:4px 0 2px}.fi-kreise-fest .fi-kreis{flex:1 1 0;width:auto;min-width:0}.fi-kreise-fest .fi-kreis__bild{width:min(62px,100%);height:auto;aspect-ratio:1}.fi-kreise-fest .fi-kreis__name{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:13px}@media(min-width:990px){.fi-kreise-fest{justify-content:flex-start;gap:28px}.fi-kreise-fest .fi-kreis{flex:0 0 110px}.fi-kreise-fest .fi-kreis__bild{width:98px}.fi-kreise-fest .fi-kreis__name{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/90/assets/beute-finder.css.map */