.slideshow-slide-einsatzbereiche{isolation:isolate}section.section-slideshow .slideshow-slide-einsatzbereiche.echtools-area-active,section.section-slideshow .echtools-area-hero.has-active-card,section.section-slideshow .echtools-area-card.is-active,section.section-slideshow .echtools-area-link.is-active,section.section-slideshow .echtools-area-marker.is-active{background:transparent!important;background-color:transparent!important}.slideshow-slide-einsatzbereiche .slideshow-media{background:#0a1211;overflow:hidden}.slideshow-slide-einsatzbereiche .slideshow-media:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--echtools-area-bg-extended, var(--echtools-area-bg)) center / cover no-repeat;pointer-events:none}.slideshow-slide-einsatzbereiche .slideshow-backdrop-image{z-index:1}.slideshow-slide-einsatzbereiche .slideshow-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;opacity:1;backdrop-filter:blur(1px) saturate(.98);-webkit-backdrop-filter:blur(1px) saturate(.98);transition:backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease}.slideshow-slide-einsatzbereiche.echtools-area-active .slideshow-media:after{backdrop-filter:blur(3.6px) saturate(.9);-webkit-backdrop-filter:blur(3.6px) saturate(.9)}.slideshow-slide-einsatzbereiche .slideshow-content-wrap{position:absolute;z-index:10;pointer-events:none}.echtools-area-left{position:absolute;z-index:11;top:50%;inset-inline-start:calc(clamp(64px,9vw,176px) - max(0px,(100vw - 1420px) / 2));width:clamp(330px,22vw,430px);transform:translateY(-50%);color:#fff;text-align:start;text-shadow:0 2px 8px rgba(0,0,0,.65);pointer-events:auto}.echtools-area-left .slideshow-heading{margin-bottom:22px;font-size:clamp(31px,2.05vw,40px);line-height:1.08;letter-spacing:-.025em}.echtools-area-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 15px;padding:0;margin:0 0 28px;list-style:none;font-size:clamp(14px,.88vw,16px)}.echtools-area-list li{min-width:0;white-space:nowrap}.echtools-area-list li:last-child{grid-column:1 / -1}.slideshow .slideshow-text .echtools-area-link{display:flex;align-items:center;gap:8px;color:inherit;text-decoration:none;transform-origin:left center;transition:transform .24s cubic-bezier(.2,.7,.2,1)}.echtools-area-link span{transition:color .2s ease,text-shadow .2s ease}.echtools-area-link img{width:1.35em;height:1.35em;flex:0 0 1.35em;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));transition:transform .24s cubic-bezier(.2,.7,.2,1),filter .24s ease}.echtools-area-link:hover,.echtools-area-link.is-active,.echtools-area-link:focus-visible{transform:scale(1.12)}.echtools-area-link:hover span,.echtools-area-link.is-active span,.echtools-area-link:focus-visible span{color:#95c11f}.echtools-area-link:hover img,.echtools-area-link.is-active img,.echtools-area-link:focus-visible img{transform:scale(1.25);filter:drop-shadow(0 1px 2px rgba(0,0,0,.4)) drop-shadow(0 0 6px rgba(149,193,31,.7))}.echtools-area-left .slideshow-buttons{justify-content:flex-start}.echtools-area-hero{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.echtools-area-scene{position:absolute;left:50%;top:50%;width:min(100%,225vh);aspect-ratio:2172 / 724;transform:translate(-50%,-50%)}.echtools-area-markers,.echtools-area-cards{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.echtools-area-markers{z-index:3}.echtools-area-marker{position:absolute;left:var(--x);top:var(--y);display:grid;place-items:center;width:2.3%;aspect-ratio:1;padding:0;border:0;background:transparent;cursor:pointer;pointer-events:auto;transform:translate(-50%,-50%);transition:transform .24s ease}.echtools-area-marker:before{content:"";position:absolute;left:50%;top:50%;width:165%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#95c11f57,#95c11f3d 66%,#95c11f00 70%);opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.6);transition:opacity .22s ease,transform .26s cubic-bezier(.2,.7,.2,1)}.echtools-area-marker img{position:relative;display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.9)) drop-shadow(0 0 3px rgba(149,193,31,.28));transition:filter .24s ease}.echtools-area-marker:hover,.echtools-area-marker.is-active,.echtools-area-marker:focus-visible{z-index:2;transform:translate(-50%,-50%) scale(1.1)}.echtools-area-marker:hover:before,.echtools-area-marker.is-active:before,.echtools-area-marker:focus-visible:before{opacity:1;transform:translate(-50%,-50%) scale(1)}.echtools-area-marker:focus-visible{outline:2px solid #95c11f;outline-offset:4px}.echtools-area-marker:hover img,.echtools-area-marker.is-active img,.echtools-area-marker:focus-visible img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.92)) drop-shadow(0 0 7px rgba(149,193,31,.84))}.echtools-area-marker[data-key=motor]{--x: 49.5%;--y: 39.1%}.echtools-area-marker[data-key=brakes]{--x: 58.9%;--y: 62.4%}.echtools-area-marker[data-key=suspension]{--x: 57.3%;--y: 52.5%}.echtools-area-marker[data-key=wheel]{--x: 75%;--y: 53.9%}.echtools-area-marker[data-key=leak]{--x: 53.6%;--y: 39.1%}.echtools-area-marker[data-key=gearbox]{--x: 64.7%;--y: 58.7%}.echtools-area-marker[data-key=body]{--x: 68.5%;--y: 44.2%}.echtools-area-cards{z-index:4}.echtools-area-card{position:absolute;top:var(--y);left:var(--x);width:clamp(152px,12.4vw,250px);color:#fff;pointer-events:auto;transform:translate(-50%);transform-origin:center;transition:transform .24s ease,opacity .24s ease;isolation:isolate}.echtools-area-card:before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:92%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#3e484ebd,#3e484e99 48%,#3e484e42 62%,#3e484e00 71%);pointer-events:none;transform:translate(-50%,-50%);transition:opacity .26s ease,transform .26s ease}.echtools-area-card img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;transform:scale(var(--sku-scale));filter:drop-shadow(0 8px 12px rgba(0,0,0,.36));transition:transform .24s cubic-bezier(.2,.7,.2,1),filter .24s ease}.echtools-area-card:hover,.echtools-area-card.is-active,.echtools-area-card:focus-visible{z-index:7;transform:translate(-50%) translateY(-5px)}.echtools-area-card:hover:before,.echtools-area-card.is-active:before,.echtools-area-card:focus-visible:before{opacity:0}.echtools-area-card:hover img,.echtools-area-card.is-active img,.echtools-area-card:focus-visible img{transform:scale(calc(var(--sku-scale) * 1.2));filter:drop-shadow(0 15px 19px rgba(0,0,0,.5)) drop-shadow(0 0 8px rgba(149,193,31,.28))}.echtools-area-card:focus-visible{outline:2px solid #95c11f;outline-offset:3px}.echtools-area-hero.has-active-card .echtools-area-card:not(.is-active){opacity:.76}.echtools-area-card--motor{--x: 40.5%;--y: 11%;--sku-scale: .82}.echtools-area-card--brakes{--x: 61%;--y: 64%;--sku-scale: .84}.echtools-area-card--suspension{--x: 36.5%;--y: 49%;--sku-scale: .84}.echtools-area-card--wheel{--x: 88.5%;--y: 45.5%;--sku-scale: .84}.echtools-area-card--leak{--x: 49.5%;--y: 64%;--sku-scale: .86}.echtools-area-card--gearbox{--x: 74.8%;--y: 60.5%;--sku-scale: 1.02}.echtools-area-card--body{--x: 85.2%;--y: 8%;--sku-scale: .62}@media(min-width:750px){.slideshow-slide-einsatzbereiche .slideshow-media{container-type:size}.slideshow-slide-einsatzbereiche .slideshow-backdrop-image{object-fit:contain;object-position:center;--echtools-photo-edge: max(0px, calc((100cqh - min(100cqh, 33.333333cqw))/2) );--echtools-photo-mask: linear-gradient(to bottom, transparent calc(var(--echtools-photo-edge) - 16px), #000 calc(var(--echtools-photo-edge) + 16px), #000 calc(100cqh - var(--echtools-photo-edge) - 16px), transparent calc(100cqh - var(--echtools-photo-edge) + 16px));mask-image:var(--echtools-photo-mask);-webkit-mask-image:var(--echtools-photo-mask)}}@media(max-width:1350px)and (min-width:750px){.echtools-area-left{inset-inline-start:calc(4.5vw - max(0px,(100vw - 1420px) / 2));width:33%}.echtools-area-left .slideshow-heading{font-size:clamp(24px,2.1vw,28px)}.echtools-area-list{grid-template-columns:1fr;gap:6px;margin-bottom:15px;font-size:clamp(12px,1.15vw,14px)}.echtools-area-list li:last-child{grid-column:auto}.echtools-area-card{width:clamp(96px,11vw,140px)}.echtools-area-card--motor{--x: 43.5%;--y: 1%}.echtools-area-card--body{--x: 89%;--y: 1%}.echtools-area-card--suspension{--x: 43.5%;--y: 64%}.echtools-area-card--leak{--x: 54%;--y: 64%}.echtools-area-card--brakes{--x: 64.5%;--y: 64%}.echtools-area-card--gearbox{--x: 76%;--y: 62%}.echtools-area-card--wheel{--x: 87.5%;--y: 64%}}@media(max-width:749px){.slideshow-slide-einsatzbereiche .slideshow-media:after{backdrop-filter:blur(1.5px) brightness(.74) saturate(.9);-webkit-backdrop-filter:blur(1.5px) brightness(.74) saturate(.9)}.slideshow-slide-einsatzbereiche.echtools-area-active .slideshow-media:after{backdrop-filter:blur(3.8px) brightness(.66) saturate(.82);-webkit-backdrop-filter:blur(3.8px) brightness(.66) saturate(.82)}.echtools-area-left{top:12px;right:12px;inset-inline-start:12px;width:auto;max-height:38%;overflow-y:auto;padding:13px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#070e11c7;transform:none}.echtools-area-left .slideshow-heading{margin-bottom:13px;font-size:clamp(23px,6.3vw,30px)}.echtools-area-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 9px;margin-bottom:14px;font-size:clamp(10px,2.9vw,12px)}.echtools-area-list li{white-space:normal}.echtools-area-markers{display:none}.echtools-area-scene{left:0;top:0;width:100%;height:100%;aspect-ratio:auto;transform:none}.echtools-area-cards{top:40%;bottom:2%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:8px 14px 48px;overflow-y:auto}.echtools-area-card{position:relative;inset:auto;width:100%;min-width:0;transform:none}.echtools-area-card:hover,.echtools-area-card.is-active,.echtools-area-card:focus-visible{transform:translateY(-2px)}.echtools-area-card:hover img,.echtools-area-card.is-active img,.echtools-area-card:focus-visible img{transform:scale(calc(var(--sku-scale) * 1.1))}}@media(prefers-reduced-motion:reduce){.slideshow-slide-einsatzbereiche .slideshow-media:after,.echtools-area-link,.echtools-area-link img,.echtools-area-marker,.echtools-area-marker:before,.echtools-area-card,.echtools-area-card:before,.echtools-area-card img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/echtools-einsatzbereiche-hero-v2.css.map */