.kopero-anatomie--foto .kopero-anatomie__grid{grid-template-columns:minmax(0,44rem) minmax(32rem,1fr);justify-content:center}.kopero-anatomie--foto .kopero-anatomie__visual{width:100%;max-width:44rem;justify-self:center}.kopero-anatomie--foto .kopero-anatomie__visual:before{display:none}.kopero-anatomie__canvas--foto{aspect-ratio:2 / 3;border-radius:4px;overflow:hidden;background:#efe7da;box-shadow:0 .2rem 1.4rem #24232114}.kopero-anatomie__foto{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.kopero-anatomie__masker{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .32s ease-out}.kopero-anatomie__masker path{fill:#18141099;opacity:1;transition:opacity .17s ease-out;filter:blur(.9px)}.kopero-anatomie.is-engaged .kopero-anatomie__masker{opacity:1}.kopero-anatomie--foto .kopero-anatomie__hotspot{z-index:3;width:2.3rem;height:2.3rem;background:linear-gradient(145deg,#f2b66d,#d27a3a);color:#3d1d0b;box-shadow:0 .15rem .5rem #00000052,0 0 0 .16rem #ffffffe6}.kopero-anatomie--foto .kopero-anatomie__hotspot:before{top:-.45rem;right:-.45rem;bottom:-.45rem;left:-.45rem;border-color:#f2b66dd9}.kopero-anatomie--foto .kopero-anatomie__hotspot span{width:1rem;height:1rem}.kopero-anatomie--foto .kopero-anatomie__hotspot[aria-pressed=true]{background:#fff;color:#b4581f;transform:translate(-50%,-50%) scale(1.15)}@media(hover:hover)and (pointer:fine){.kopero-anatomie--foto .kopero-anatomie__hotspot:hover{background:linear-gradient(145deg,#ffc886,#de8545);transform:translate(-50%,-50%) scale(1.12)}}.kopero-anatomie__label{position:absolute;z-index:4;top:2.2%;left:50%;transform:translate(-50%,-.4rem);max-width:88%;padding:.6rem 1.2rem;border-radius:4px;background:#1c1814db;color:#f7f2ea;font-size:1.25rem;font-weight:600;line-height:1.3;text-align:center;opacity:0;pointer-events:none;transition:opacity .22s ease-out,transform .26s cubic-bezier(.22,1,.36,1)}.kopero-anatomie__label[data-pos=r]{left:auto;right:3%;transform:translateY(-.4rem);max-width:54%}.kopero-anatomie.is-engaged .kopero-anatomie__label{opacity:1;transform:translate(-50%)}.kopero-anatomie.is-engaged .kopero-anatomie__label[data-pos=r]{transform:translate(0)}.kopero-anatomie__alles{position:absolute;z-index:5;left:1.2rem;bottom:1.2rem;display:inline-flex;align-items:center;gap:.6rem;padding:.7rem 1.3rem .7rem 1.1rem;border:0;border-radius:999px;background:#1c1814e0;color:#f7f2ea;font:inherit;font-size:1.25rem;font-weight:600;line-height:1.2;cursor:pointer;box-shadow:0 .2rem .8rem #0000004d}.kopero-anatomie__alles:before{content:"\d7";font-size:1.7rem;line-height:1;margin-top:-.1rem}.kopero-anatomie__alles[hidden]{display:none}.kopero-anatomie__alles:focus-visible{outline:3px solid rgba(242,182,109,.9);outline-offset:2px}@media(hover:hover)and (pointer:fine){.kopero-anatomie__alles:hover{background:#3c281af2}}@media screen and (max-width:899px){.kopero-anatomie--foto .kopero-anatomie__grid{grid-template-columns:minmax(0,1fr)}.kopero-anatomie--foto .kopero-anatomie__visual{max-width:38rem}}@media(prefers-reduced-motion:reduce){.kopero-anatomie__masker,.kopero-anatomie__masker path{transition:none}.kopero-anatomie__label{transition:none}}@media screen and (max-width:899px){.kopero-anatomie--foto{--ka-h: clamp(22rem, 34vh, 31rem);overflow:clip}@supports (height: 1svh){.kopero-anatomie--foto{--ka-h: clamp(22rem, 34svh, 31rem)}}.kopero-anatomie--foto .kopero-anatomie__grid{display:block}.kopero-anatomie--foto .kopero-anatomie__visual{position:sticky;top:var(--ka-top, 18.8rem);z-index:6;width:calc(var(--ka-h) * 2 / 3);max-width:none;margin:0 auto 1.6rem;box-shadow:0 0 0 100vmax var(--ka-sand);clip-path:inset(0 -100vmax -1rem -100vmax)}.kopero-anatomie--foto .kopero-anatomie__row{scroll-margin-top:calc(var(--ka-top, 18.8rem) + var(--ka-h) + 1.6rem)}.kopero-anatomie--foto .kopero-anatomie__hotspot{width:2.4rem;height:2.4rem}.kopero-anatomie--foto .kopero-anatomie__hotspot span{width:.9rem;height:.9rem}.kopero-anatomie__label{font-size:1.1rem;padding:.4rem .8rem}.kopero-anatomie__alles{left:.6rem;bottom:.6rem;padding:.5rem 1rem .5rem .8rem;font-size:1.1rem}}
/*# sourceMappingURL=/cdn/shop/t/234/assets/kopero-anatomie-foto.css.map */