.kopero-anatomie{--ka-copper: #b66a3c;--ka-copper-dark: #743f27;--ka-ink: #24211e;--ka-muted: #6d655d;--ka-sand: #f7f1e8;--ka-line: #ddcfbd;--ka-accent: #e4b04e;background:radial-gradient(circle at 14% 22%,rgba(182,106,60,.1),transparent 31rem),var(--ka-sand);color:var(--ka-ink);overflow:hidden}.kopero-anatomie__inner{max-width:124rem;margin:0 auto;padding:7.2rem 5rem 8rem}.kopero-anatomie__header{max-width:76rem;margin:0 auto 4.4rem;text-align:center}.kopero-anatomie__eyebrow{margin:0 0 1.2rem;color:var(--ka-copper-dark);font-size:1.2rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.kopero-anatomie__title{margin:0;color:var(--ka-ink);font-size:clamp(3rem,4.2vw,5.2rem);line-height:1.06;letter-spacing:-.035em}.kopero-anatomie__intro{max-width:66rem;margin:1.6rem auto 0;color:var(--ka-muted);font-size:1.65rem;line-height:1.65}.kopero-anatomie__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(32rem,.85fr);gap:clamp(3.2rem,6vw,8rem);align-items:center}.kopero-anatomie__visual{position:relative;isolation:isolate;min-width:0}.kopero-anatomie__visual:before{position:absolute;z-index:-1;top:8%;right:8%;bottom:8%;left:8%;border:1px solid rgba(182,106,60,.18);border-radius:50%;content:""}.kopero-anatomie__canvas{position:relative;width:100%;aspect-ratio:640 / 430}.kopero-anatomie__canvas svg{display:block;width:100%;height:100%;overflow:visible}.kopero-anatomie [data-variant-only]{display:none}.kopero-anatomie[data-current-variant=glad] [data-variant-only=glad],.kopero-anatomie[data-current-variant=gehamerd] [data-variant-only=gehamerd],.kopero-anatomie[data-current-variant=gedraaid] [data-variant-only=gedraaid],.kopero-anatomie[data-current-variant=rond] [data-variant-only=rond],.kopero-anatomie[data-current-variant=klein-14-56-cm] [data-variant-only=klein-14-56-cm],.kopero-anatomie[data-current-variant=groot-23-56-cm] [data-variant-only=groot-23-56-cm],.kopero-anatomie[data-current-variant="30-cm"] [data-variant-only="30-cm"],.kopero-anatomie[data-current-variant="60-cm"] [data-variant-only="60-cm"]{display:inline}.kopero-anatomie__laag{opacity:1;transform-box:fill-box;transform-origin:center;transition:opacity .26s cubic-bezier(.22,1,.36,1),transform .34s cubic-bezier(.22,1,.36,1),filter .26s cubic-bezier(.22,1,.36,1)}.kopero-anatomie[data-active-layer] .kopero-anatomie__laag{opacity:.2}.kopero-anatomie[data-active-layer=body] [data-laag=body],.kopero-anatomie[data-active-layer=cap] [data-laag=cap],.kopero-anatomie[data-active-layer=base] [data-laag=base],.kopero-anatomie[data-active-layer=pouch] [data-laag=pouch],.kopero-anatomie[data-active-layer=finish] [data-laag=finish],.kopero-anatomie[data-active-layer=test] [data-laag=test],.kopero-anatomie[data-active-layer=handle] [data-laag=handle],.kopero-anatomie[data-active-layer=lid] [data-laag=lid],.kopero-anatomie[data-active-layer=spout] [data-laag=spout],.kopero-anatomie[data-active-layer=shape] [data-laag=shape],.kopero-anatomie[data-active-layer=sizes] [data-laag=sizes],.kopero-anatomie[data-active-layer=geometry] [data-laag=geometry],.kopero-anatomie[data-active-layer=material] [data-laag=material],.kopero-anatomie[data-active-layer=ring] [data-laag=ring],.kopero-anatomie[data-active-layer=cubit] [data-laag=cubit],.kopero-anatomie[data-active-layer=use] [data-laag=use],.kopero-anatomie[data-active-layer=edge] [data-laag=edge],.kopero-anatomie[data-active-layer=grip] [data-laag=grip],.kopero-anatomie[data-active-layer=origin] [data-laag=origin],.kopero-anatomie[data-active-layer=spiral] [data-laag=spiral],.kopero-anatomie[data-active-layer=length] [data-laag=length],.kopero-anatomie[data-active-layer=set] [data-laag=set]{opacity:1;transform:translateY(-.5rem) scale(1.025);filter:drop-shadow(0 0 .5rem rgba(228,176,78,.9)) drop-shadow(0 0 1.4rem rgba(228,176,78,.55))}.kopero-anatomie__hotspots{position:absolute;top:0;right:0;bottom:0;left:0}.kopero-anatomie__hotspot{position:absolute;z-index:2;top:var(--y);left:var(--x);display:grid;width:3.8rem;height:3.8rem;padding:0;place-items:center;border:0;border-radius:50%;background:var(--ka-copper-dark);box-shadow:0 .8rem 2.2rem #40251838;color:#fff;cursor:pointer;transform:translate(-50%,-50%);transition:background-color .18s ease-out,color .18s ease-out,transform .22s cubic-bezier(.22,1,.36,1)}.kopero-anatomie__hotspot:before{position:absolute;top:-.6rem;right:-.6rem;bottom:-.6rem;left:-.6rem;border:1px solid rgba(116,63,39,.42);border-radius:inherit;content:"";animation:kopero-anatomie-pulse 2.8s ease-out infinite;animation-delay:var(--delay, 0ms)}.kopero-anatomie.is-engaged .kopero-anatomie__hotspot:before{animation:none;opacity:0}.kopero-anatomie__hotspot span{display:block;width:1.4rem;height:1.4rem;background:linear-gradient(currentColor,currentColor) center / 100% 2px no-repeat,linear-gradient(currentColor,currentColor) center / 2px 100% no-repeat;transition:transform .22s cubic-bezier(.22,1,.36,1)}.kopero-anatomie__hotspot[aria-pressed=true]{background:var(--ka-accent);color:var(--ka-ink);transform:translate(-50%,-50%) scale(1.1)}.kopero-anatomie__hotspot[aria-pressed=true] span{transform:rotate(45deg)}.kopero-anatomie__hotspot:focus-visible,.kopero-anatomie__row-button:focus-visible{outline:3px solid rgba(182,106,60,.36);outline-offset:4px}.kopero-anatomie__list{border-top:1px solid var(--ka-line)}.kopero-anatomie__row{border-bottom:1px solid var(--ka-line);border-radius:.8rem;transition:background-color .22s ease-out}.kopero-anatomie__row:has(>.kopero-anatomie__row-button[aria-expanded=true]){background:#e4b04e29}.kopero-anatomie__row-button{display:grid;width:100%;padding:2.1rem 0;grid-template-columns:4.4rem minmax(0,1fr) 2.4rem;gap:1.4rem;align-items:center;border:0;background:transparent;color:inherit;font-family:inherit;cursor:pointer;text-align:left}.kopero-anatomie__row-title,.kopero-anatomie__row-kicker{font-family:inherit}.kopero-anatomie__number{display:grid;width:3.4rem;height:3.4rem;place-items:center;border:1px solid rgba(182,106,60,.44);border-radius:50%;color:var(--ka-copper-dark);font-size:1.2rem;font-weight:700}.kopero-anatomie__row-title{display:block;font-size:1.8rem;font-weight:650;line-height:1.25}.kopero-anatomie__row-kicker{display:block;margin-top:.4rem;color:var(--ka-muted);font-size:1.35rem;line-height:1.4}.kopero-anatomie__chevron{width:1rem;height:1rem;justify-self:end;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translate(-.2rem,-.2rem);transition:transform .22s cubic-bezier(.22,1,.36,1)}.kopero-anatomie__row-button[aria-expanded=true] .kopero-anatomie__chevron{transform:rotate(225deg) translate(-.1rem,-.1rem)}.kopero-anatomie__panel{padding:0 3rem 2.2rem 5.8rem;color:var(--ka-muted);font-size:1.5rem;line-height:1.65}.kopero-anatomie__panel p{max-width:48rem;margin:0}@keyframes kopero-anatomie-pulse{0%{opacity:.72;transform:scale(.76)}70%,to{opacity:0;transform:scale(1.5)}}@media(hover:hover)and (pointer:fine){.kopero-anatomie__hotspot:hover{background:var(--ka-copper);transform:translate(-50%,-50%) scale(1.08)}.kopero-anatomie__row-button:hover .kopero-anatomie__row-title{color:var(--ka-copper-dark)}}@media screen and (max-width:899px){.kopero-anatomie__inner{padding:5.6rem 2rem 6.4rem}.kopero-anatomie__header{margin-bottom:2.4rem}.kopero-anatomie__grid{grid-template-columns:minmax(0,1fr);gap:2.4rem}.kopero-anatomie__visual,.kopero-anatomie__list{width:min(100%,68rem);margin:0 auto}}@media screen and (max-width:519px){.kopero-anatomie__inner{padding-right:1.6rem;padding-left:1.6rem}.kopero-anatomie__intro{font-size:1.5rem}.kopero-anatomie__hotspot{width:3.5rem;height:3.5rem}.kopero-anatomie__row-button{padding:1.7rem 0;grid-template-columns:3.8rem minmax(0,1fr) 2rem;gap:1rem}.kopero-anatomie__number{width:3rem;height:3rem}.kopero-anatomie__row-title{font-size:1.65rem}.kopero-anatomie__panel{padding-right:1rem;padding-left:4.8rem}}@media(prefers-reduced-motion:reduce){.kopero-anatomie__laag,.kopero-anatomie__hotspot,.kopero-anatomie__hotspot span,.kopero-anatomie__chevron{transition:none}.kopero-anatomie__hotspot:before{animation:none;opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/kopero-anatomie.css.map */