.finder{--finder-accent: var(--ebc-red);--finder-accent-strong: var(--ebc-red-strong);--finder-blue: var(--ebc-navy);--finder-primary: var(--ebc-primary);--finder-primary-hover: var(--ebc-primary-hover);--finder-surface: var(--ebc-tile);--finder-border: var(--ebc-input-border);--finder-ink: var(--ebc-ink);--finder-line: rgba(8, 8, 8, .12);margin:0 auto;max-width:130rem}.finder__panel{background:var(--finder-surface);color:var(--finder-ink);padding:3.2rem 3.2rem 2.8rem;border-radius:var(--ebc-radius-xl)}.finder__panel--card{background:var(--ebc-paper);border:1px solid var(--ebc-hairline)}.finder__panel--hero{background:var(--ebc-paper);box-shadow:var(--ebc-shadow-lg)}.finder__title{margin:0 0 .4rem;color:var(--finder-ink);font-size:2.2rem;font-weight:500;letter-spacing:-.02em}.finder__subtitle{margin:0 0 2.4rem;font-size:1.4rem;color:var(--ebc-muted)}.finder__areas{position:relative;isolation:isolate;--finder-thumb-lag: 0ms}.finder__areas:before{content:"";position:absolute;top:0;left:0;z-index:-1;width:var(--thumb-w, 0);height:var(--thumb-h, 0);border-radius:var(--ebc-radius-pill);background:var(--finder-thumb-bg);box-shadow:var(--finder-thumb-shadow, none);opacity:0;pointer-events:none;transform:translate3d(var(--thumb-x, 0),var(--thumb-y, 0),0) scale(var(--thumb-press, 1))}@supports (translate: 0px){.finder__areas:before{transform:none;translate:var(--thumb-x, 0) var(--thumb-y, 0);scale:var(--thumb-press, 1)}}.finder__areas.has-thumb:before{opacity:1}.finder__areas.is-ready:before{transition:translate var(--ebc-dur-slow) var(--ebc-ease-glide),transform var(--ebc-dur-slow) var(--ebc-ease-glide),width var(--ebc-dur-slow) var(--ebc-ease-glide),height var(--ebc-dur-base) var(--ebc-ease-out),scale var(--ebc-dur-fast) var(--ebc-ease-out),opacity var(--ebc-dur-base) linear}.finder__areas.is-ready{--finder-thumb-lag: calc(var(--ebc-dur-slow) * .42)}.finder__areas:has(.finder__area.is-active:active){--thumb-press: .96}.finder__areas{display:inline-flex;gap:.3rem;margin-bottom:2rem;padding:.4rem;border:none;border-radius:var(--ebc-radius-pill);background:#0808080d;--finder-thumb-bg: var(--ebc-paper);--finder-thumb-shadow: var(--ebc-shadow-sm)}.finder__panel--card .finder__areas,.finder__panel--hero .finder__areas{background:var(--ebc-tile);--finder-thumb-bg: var(--finder-primary);--finder-thumb-shadow: none}.finder__area{position:relative;display:inline-flex;align-items:center;gap:.8rem;padding:1rem 2rem;border:0;border-radius:var(--ebc-radius-pill);background:transparent;color:var(--ebc-muted);cursor:pointer;font-size:1.4rem;font-weight:500;line-height:1;transition:color var(--ebc-dur-base) var(--ebc-ease-out),transform var(--ebc-dur-slow) var(--ebc-ease-spring)}.finder__area svg{width:1.9rem;height:1.9rem;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform var(--ebc-dur-slow) var(--ebc-ease-spring)}.finder__area:hover{color:var(--finder-ink)}.finder__area:active{transform:scale(.955);transition-duration:var(--ebc-dur-fast);transition-timing-function:var(--ebc-ease-out)}.finder__area.is-active{color:var(--finder-ink);font-weight:500;transition-delay:var(--finder-thumb-lag),0s}.finder__areas.is-ready .finder__area.is-active svg{animation:finder-icon-pop var(--ebc-dur-slow) var(--ebc-ease-spring)}.finder__areas:not(.has-thumb) .finder__area.is-active{background:var(--ebc-paper);box-shadow:var(--ebc-shadow-sm)}.finder__panel--card .finder__area.is-active,.finder__panel--hero .finder__area.is-active{color:#fff}.finder__panel--card .finder__areas:not(.has-thumb) .finder__area.is-active,.finder__panel--hero .finder__areas:not(.has-thumb) .finder__area.is-active{background:var(--finder-primary);box-shadow:none}@keyframes finder-icon-pop{0%{transform:scale(1)}40%{transform:scale(1.16)}to{transform:scale(1)}}.finder__tabs{display:flex;gap:.6rem;margin-bottom:2.4rem;flex-wrap:wrap;border-bottom:none}.finder__tab{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 1.6rem;border:1px solid var(--ebc-hairline-strong);border-radius:var(--ebc-radius-pill);background:var(--ebc-paper);color:var(--ebc-muted);cursor:pointer;font-size:1.3rem;font-weight:500;line-height:1;transition:border-color var(--ebc-dur-base) var(--ebc-ease-out),color var(--ebc-dur-base) var(--ebc-ease-out),transform var(--ebc-dur-slow) var(--ebc-ease-spring)}.finder__tab svg{width:1.6rem;height:1.6rem;fill:none;stroke:currentColor;stroke-width:1.6}.finder__tab:hover{color:var(--finder-ink);border-color:var(--ebc-input-border)}.finder__tab:active{transform:scale(.965);transition-duration:var(--ebc-dur-fast);transition-timing-function:var(--ebc-ease-out)}.finder__tab.is-active{border-color:var(--finder-primary);color:#fff}.finder__tab:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:-1;border-radius:inherit;background:var(--finder-primary);opacity:0;transform:scale(.8);pointer-events:none;transition:transform var(--ebc-dur-slow) var(--ebc-ease-spring),opacity var(--ebc-dur-fast) linear}.finder__tab.is-active:before{opacity:1;transform:scale(1)}.finder__tab[hidden],.finder__area[hidden],.finder__areas[hidden],[data-finder-panel][hidden],[data-cf-panel][hidden]{display:none!important}[data-finder-panel]:not([hidden]),[data-cf-panel]:not([hidden]){animation:finder-panel-in var(--ebc-dur-slow) var(--ebc-ease-out) backwards}@keyframes finder-panel-in{0%{opacity:0;transform:translate3d(0,.8rem,0)}to{opacity:1;transform:none}}.finder__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.finder__row--four{grid-template-columns:repeat(4,minmax(0,1fr))}.finder__row--inputs{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end}.finder__panel--hero .finder__areas{display:flex;width:100%;margin-bottom:1.2rem}.finder__panel--hero .finder__area{flex:1 1 0;min-width:0;justify-content:center;padding:1rem 1.2rem}.finder__panel--hero .finder__tabs{display:flex;flex-wrap:nowrap;gap:.6rem;width:100%}.finder__panel--hero .finder__tab{flex:1 1 0;min-width:0;justify-content:center;padding:1rem .6rem;font-size:1.25rem;white-space:nowrap}.finder__panel--hero .finder__tab svg{display:none}@media screen and (max-width:749px){.finder__panel--hero .finder__tabs{flex-wrap:wrap}.finder__panel--hero .finder__tab{flex:0 1 auto}}.finder__panel--hero .finder__schein{display:none}.finder__panel--hero .finder__row,.finder__panel--hero .finder__row--four,.finder__panel--hero .finder__row--inputs{grid-template-columns:minmax(0,1fr);gap:1.4rem}.finder__panel--hero .finder__row--inputs{align-items:stretch}.finder__panel--hero .finder__row--inputs>.finder__submit{justify-self:start}.finder__panel--hero .finder__row--inputs>div:empty{display:none}.finder__sku-area{display:inline-block;margin-left:.6rem;padding:.15rem .6rem;border:1px solid var(--ebc-hairline-strong);border-radius:var(--ebc-radius-sm);font-size:1.05rem;color:var(--ebc-muted)}.finder__step{display:grid;gap:.5rem}.finder__step-label{font-size:1.1rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ebc-faint);display:flex;align-items:center;gap:.6rem;font-weight:500}.finder__step-num{display:inline-grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:50%;background:#08080814;color:var(--finder-ink);font-size:1.1rem;font-weight:500;transition:background-color var(--ebc-dur-base) var(--ebc-ease-out),color var(--ebc-dur-base) var(--ebc-ease-out)}.finder__step.is-done .finder__step-num{background:var(--finder-accent);color:#fff;animation:finder-step-pop var(--ebc-dur-slow) var(--ebc-ease-spring)}@keyframes finder-step-pop{0%{transform:scale(1)}45%{transform:scale(1.24)}to{transform:scale(1)}}.finder select,.finder input[type=text]{width:100%;padding:1.15rem 3.4rem 1.15rem 1.3rem;font-size:1.5rem;border:1px solid var(--finder-border);border-radius:var(--ebc-radius-md);background:#fff;color:var(--finder-ink);-webkit-appearance:none;appearance:none;min-height:4.8rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23080808' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.3rem center;transition:border-color .15s ease}.finder input[type=text]{background-image:none;padding-right:1.3rem}.finder select:hover:not(:disabled),.finder input[type=text]:hover{border-color:#08080873}.finder select:focus-visible,.finder input[type=text]:focus-visible{outline:2px solid var(--finder-primary);outline-offset:0;border-color:var(--finder-primary)}.finder select:disabled{opacity:.45;cursor:not-allowed;background-color:#f0f0f0}.finder__hint{font-size:1.25rem;color:var(--ebc-faint);margin:1.2rem 0 0}.finder__submit{padding:1.3rem 2.6rem;min-height:4.8rem;font-size:1.45rem;font-weight:500;cursor:pointer;border:1px solid var(--finder-primary);border-radius:var(--ebc-radius-pill);background:var(--finder-primary);color:#fff;white-space:nowrap;transition:background-color var(--ebc-dur-base) var(--ebc-ease-out),border-color var(--ebc-dur-base) var(--ebc-ease-out),box-shadow var(--ebc-dur-base) var(--ebc-ease-out),transform var(--ebc-dur-slow) var(--ebc-ease-spring)}.finder__submit:hover{background:var(--finder-primary-hover);border-color:var(--finder-primary-hover);box-shadow:var(--ebc-shadow-md)}.finder__submit:active{transform:scale(.97);box-shadow:none;transition-duration:var(--ebc-dur-fast);transition-timing-function:var(--ebc-ease-out)}.finder__loading{color:var(--ebc-muted)}.finder__error{color:var(--ebc-error);font-size:1.35rem}.finder__schein{display:flex;gap:1.6rem;align-items:center;margin-top:1.4rem;padding:1.2rem;background:#fff;border:1px solid var(--ebc-hairline-strong);border-radius:var(--ebc-radius-md)}.finder__schein svg{flex:0 0 auto}.finder__schein p{margin:0;font-size:1.25rem;color:#080808a6}.finder__hsn-hits,.finder__sku-hits{list-style:none;padding:0;display:grid;gap:.6rem;margin-top:1.2rem}.finder__hsn-hit{width:100%;text-align:left;padding:1rem 1.3rem;border:1px solid var(--finder-border);border-radius:var(--ebc-radius-md);background:#fff;color:var(--finder-ink);cursor:pointer;font-size:1.4rem;transition:border-color var(--ebc-dur-base) var(--ebc-ease-out),background-color var(--ebc-dur-base) var(--ebc-ease-out),transform var(--ebc-dur-slow) var(--ebc-ease-spring)}.finder__hsn-hit:hover{border-color:var(--finder-ink);background:var(--ebc-surface-soft)}.finder__hsn-hit:active{transform:scale(.99);transition-duration:var(--ebc-dur-fast);transition-timing-function:var(--ebc-ease-out)}.finder__sku-hits a{color:var(--finder-ink)}.finder__results{margin-top:2.8rem}.finder__vehicle-bar{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;padding:1.6rem 2rem;border:none;border-radius:var(--ebc-radius-lg);margin-bottom:2rem;background:var(--ebc-tile)}.finder__vehicle-bar svg{width:2.6rem;height:2.6rem;flex:0 0 auto}.finder__vehicle-label{font-weight:500;font-size:1.6rem;letter-spacing:-.01em}.finder__vehicle-meta{font-size:1.25rem;color:var(--ebc-faint)}.finder__vehicle-saved{margin-left:auto;font-size:1.2rem;color:var(--ebc-success);white-space:nowrap}.finder__chips{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:2.4rem}.finder__chip{position:relative;isolation:isolate;padding:.85rem 1.6rem;border:1px solid var(--ebc-hairline-strong);border-radius:var(--ebc-radius-pill);background:var(--ebc-paper);color:#080808a6;font-size:1.3rem;cursor:pointer;font-weight:500;transition:border-color var(--ebc-dur-base) var(--ebc-ease-out),color var(--ebc-dur-base) var(--ebc-ease-out),transform var(--ebc-dur-slow) var(--ebc-ease-spring)}.finder__chip:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:-1;border-radius:inherit;background:var(--finder-primary);opacity:0;transform:scale(.8);pointer-events:none;transition:transform var(--ebc-dur-slow) var(--ebc-ease-spring),opacity var(--ebc-dur-fast) linear}.finder__chip:hover{color:var(--finder-ink);border-color:var(--ebc-input-border)}.finder__chip:active{transform:scale(.965);transition-duration:var(--ebc-dur-fast);transition-timing-function:var(--ebc-ease-out)}.finder__chip.is-active{border-color:var(--finder-primary);color:#fff}.finder__chip.is-active:before{opacity:1;transform:scale(1)}.finder__chip-count{opacity:.5;margin-left:.3rem;font-weight:400}.finder__group{margin-bottom:2.6rem}.finder__group[hidden]{display:none}.finder__group{margin-top:2.4rem}.finder__group-title{display:flex;align-items:center;gap:.9rem;margin:0 0 1rem;font-size:1.7rem;letter-spacing:-.015em}.finder__group-title svg{flex:0 0 auto}.finder__group-count{font-size:1.25rem;font-weight:400;color:#08080880}.finder__axle-icon .body,.finder__axle-icon .wheel{fill:currentColor}.finder__axle-icon .wheel.on{fill:var(--ebc-red, #e21617)}.finder__items{list-style:none;margin:0;padding:0;display:grid;gap:.8rem;background:transparent}.finder__item{border-radius:var(--ebc-radius-lg);background:var(--ebc-paper);border:1px solid var(--ebc-hairline);overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease}.finder__item:hover{border-color:var(--ebc-hairline-strong);box-shadow:var(--ebc-shadow-sm)}.finder__item-link{display:grid;grid-template-columns:8rem 1fr auto;gap:1.8rem;align-items:center;padding:1.4rem 1.8rem;text-decoration:none;color:inherit}.finder__item-img{width:8rem;height:8rem;display:flex;align-items:center;justify-content:center;background:var(--finder-surface);border-radius:var(--ebc-radius-md);overflow:hidden}.finder__item-img img{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply}.finder__item-main{display:grid;gap:.25rem;min-width:0}.finder__item-line{font-weight:500;font-size:1.5rem;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;letter-spacing:-.01em}.finder__dot{display:inline-block;width:1rem;height:1rem;border-radius:50%;border:1px solid rgba(0,0,0,.15);flex:0 0 auto}.finder__item-sku{font-size:1.25rem;color:var(--ebc-muted)}.finder__item-zusatz{font-size:1.25rem;color:var(--ebc-faint)}.finder__item-lager{font-size:1.15rem;color:var(--ebc-muted)}.finder__item-lager:empty{display:none}.finder__item-lager:before{content:"";display:inline-block;width:.6rem;height:.6rem;margin-right:.5rem;border-radius:50%;background:currentColor;vertical-align:.1em}.finder__item-lager.ist-lagernd{color:var(--ebc-success)}.finder__item-lager.ist-knapp{color:#b45309}.finder__item-lager.ist-gesperrt{color:var(--ebc-error)}.finder__badge{display:inline-block;font-size:1rem;padding:.25rem .8rem;border:1px solid var(--ebc-hairline-strong);border-radius:var(--ebc-radius-pill);background:var(--ebc-tile);font-weight:500;color:#080808b3}.finder__price{display:grid;justify-items:end;gap:.15rem;white-space:nowrap}.finder__price-old{font-size:1.25rem;color:#08080873}.finder__price-now{font-size:1.8rem;font-weight:500;letter-spacing:-.01em}.finder__price-uvp{font-size:1.25rem;color:#08080873}.finder__skeleton{display:grid;gap:.8rem;border:none;border-radius:var(--ebc-radius-lg)}.finder__skeleton-row{height:9.6rem;background:linear-gradient(90deg,#f6f6f6 25%,#ededed 37%,#f6f6f6 63%);background-size:400% 100%;animation:finder-shimmer 1.3s ease infinite;border-radius:var(--ebc-radius-lg)}@keyframes finder-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.finder-chip-mount{display:flex;align-items:center}.finder-chip{display:inline-flex;align-items:center;gap:.5rem;max-width:28rem;border:1px solid var(--ebc-hairline-strong);border-radius:var(--ebc-radius-pill);padding:.6rem 1.2rem;font-size:1.2rem;background:var(--ebc-tile)}.finder-chip__label{text-decoration:none;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.finder-chip__clear{border:none;background:transparent;cursor:pointer;font-size:1.5rem;line-height:1;padding:0 .2rem;opacity:.55}.finder-chip__clear:hover{opacity:1}.finder-chip--empty{text-decoration:none;color:inherit}.finder-badge{display:inline-block;font-size:1.25rem;font-weight:500;padding:.6rem 1.4rem;margin:.5rem 0;border-radius:var(--ebc-radius-pill)}.finder-badge--fit{background:#106b2112;color:var(--ebc-success)}.finder-badge--nofit{background:#c800000d;color:#8f1616}.finder-badge--nofit a{color:inherit}.finder-line-info{--line-color: var(--ebc-navy);display:grid;grid-template-columns:minmax(26rem,38rem) minmax(0,1fr);gap:5.6rem;align-items:center;margin:2rem 0 2.4rem}.finder-line-info__img img{display:block;width:100%;max-width:38rem;height:auto;mix-blend-mode:multiply}.finder-line-info__hue{display:block;width:3.2rem;height:.5rem;border-radius:var(--ebc-radius-pill);background:var(--line-color);margin-bottom:1.6rem}.finder-line-info__name{margin:0 0 1rem;font-size:2.8rem;font-weight:500;letter-spacing:-.02em;line-height:1.15}.finder-line-info__claim{margin:0 0 1.2rem;font-weight:500;font-size:1.6rem;color:var(--ebc-ink)}.finder-line-info__desc{margin:0;font-size:1.5rem;line-height:1.75;color:var(--ebc-muted);max-width:68ch}.finder-apps table{width:100%;border-collapse:collapse;font-size:1.3rem}.finder-apps th,.finder-apps td{text-align:left;padding:.7rem .8rem;border-bottom:1px solid var(--ebc-hairline);vertical-align:top}.finder-apps summary{cursor:pointer;padding:.6rem 0}.finder-apps__expand{margin-top:1rem;padding:.9rem 1.8rem;font-size:1.4rem;cursor:pointer;border:1px solid var(--ebc-hairline-strong);border-radius:var(--ebc-radius-pill);background:var(--ebc-paper);color:inherit}@media screen and (max-width:989px){.finder__row--four{grid-template-columns:1fr 1fr}}@media screen and (max-width:749px){.finder__panel{padding:2rem 1.8rem}.finder__row,.finder__row--four,.finder__row--inputs{grid-template-columns:1fr}.finder__areas{display:flex;width:100%}.finder__area{flex:1;justify-content:center}.finder__item-link{grid-template-columns:5.4rem 1fr;grid-template-areas:"img main" "img price"}.finder__item-img{grid-area:img;width:5.4rem;height:5.4rem}.finder__item-main{grid-area:main}.finder__price{grid-area:price;justify-items:start;margin-top:.4rem}.finder-chip{max-width:15rem}.finder__vehicle-saved{margin-left:0}.finder-line-info{grid-template-columns:1fr;gap:2.4rem}.finder-line-info__img img{max-width:26rem}.finder-line-info__name{font-size:2.2rem}}@media(prefers-reduced-motion:reduce){.finder__areas:before,.finder__area,.finder__area svg,.finder__tab,.finder__tab:before,.finder__chip,.finder__chip:before,.finder__submit,.finder__hsn-hit,.finder__step-num,[data-finder-panel]:not([hidden]),[data-cf-panel]:not([hidden]){transition-duration:1ms!important;animation:none!important}.finder__areas.is-ready{--finder-thumb-lag: 0ms}.finder__areas:has(.finder__area.is-active:active){--thumb-press: 1}.finder__area:active,.finder__tab:active,.finder__chip:active,.finder__submit:active,.finder__hsn-hit:active{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/finder.css.map */