.cal-mech__steps{display:grid;gap:clamp(4rem,2.4rem + 4vw,7.2rem);min-width:0}.cal-mech__step{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(2rem,1.4rem + 2vw,4.8rem);align-items:center;min-width:0}.cal-mech__media{order:-1}@media(min-width:850px){.cal-mech__step{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.cal-mech__media{order:0}.cal-mech__step:nth-child(2n) .cal-mech__media{order:-1}}.cal-mech__media{position:relative;isolation:isolate;border-radius:var(--cal-radius);overflow:hidden;background:var(--cal-white);border:1px solid var(--cal-line);aspect-ratio:4 / 3;min-width:0}.cal-mech__media picture,.cal-mech__media img{display:block;width:100%;height:100%}.cal-mech__media img{object-fit:cover;object-position:center}.cal-mech__text{min-width:0}.cal-mech__step .cal-mech__kicker{margin:0 0 1rem;font-size:1.15rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--cal-accent-deep);font-variant-numeric:tabular-nums}.cal-mech__step h3{font-family:var(--cal-font-display);font-weight:500;font-size:var(--cal-text-xl);line-height:1.25;margin:0 0 1.2rem;color:var(--cal-navy)}.cal-mech__step p{font-size:var(--cal-text-base);line-height:1.62;margin:0;max-width:44ch;color:var(--cal-ink-body)}.cal-mech__wissen{margin-top:1.6rem!important;padding:.2rem 0 .2rem 1.6rem;border-left:3px solid var(--cal-accent);color:var(--cal-navy)!important}.cal-mech__wissen strong{font-weight:700}.cal-mech__close{margin-top:clamp(4rem,3.2rem + 2vw,5.6rem);padding-top:3.2rem;border-top:1px solid var(--cal-line);font-size:var(--cal-text-lg);line-height:1.6;max-width:56ch;color:var(--cal-navy)}.cal-mech__tag{position:absolute;z-index:2;box-sizing:border-box;display:inline-flex;align-items:center;gap:.6rem;padding:.5rem 1rem;border-radius:999px;background:#ffffffeb;color:var(--cal-navy);font-family:var(--cal-font-body);font-weight:500;font-size:1.2rem;line-height:1.25;letter-spacing:.01em;white-space:nowrap;box-shadow:0 1px 2px #0b1f3a1a,0 3px 10px #0b1f3a29;pointer-events:none}@media(min-width:850px){.cal-mech__tag{font-size:1.3rem;padding:.55rem 1.1rem}}.cal-mech__buehne{position:absolute;top:0;right:0;bottom:0;left:0}@media screen and (max-width:599px){.cal-mech__media--traktion .cal-mech__buehne{transform:scale(1.45);transform-origin:50% 66%}.cal-mech__media--traktion .cal-mech__tag--luftkammer{transform:translateY(-50%) scale(.72);transform-origin:0 50%}}.cal-mech__media--traktion,.cal-mech__media--massage{container-type:inline-size}.cal-mech__anno{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;width:100%;height:100%;overflow:visible;pointer-events:none;filter:drop-shadow(0 1px 1px rgba(11,31,58,.45))}.cal-mech__strich{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.cal-mech__gold{stroke:var(--cal-accent)}.cal-mech__stop{stop-color:var(--cal-accent)}.cal-mech__punkt{fill:var(--cal-accent)}.cal-mech__strich--achse{stroke-dasharray:9 12}.cal-mech__ring{fill:none;stroke:var(--cal-accent);stroke-width:3;transform-box:fill-box;transform-origin:center}@supports (width: 1cqw){.cal-mech__ring{stroke-width:.25cqw;vector-effect:non-scaling-stroke}}.cal-mech__ring--1{transform:scale(.34)}.cal-mech__ring--2{transform:scale(.67);opacity:.62}.cal-mech__ring--3{opacity:.34}.cal-mech__tag--luftkammer{left:63.2%;top:82%;transform:translateY(-50%)}.cal-mech__tag--links{left:63.5%;top:27.5%;transform:translateY(-50%)}.cal-mech__tag--rechts{left:63.5%;top:71.5%;transform:translateY(-50%)}.cal-mech__tag--achse{left:55%;top:50%;transform:translateY(-50%)}@media(prefers-reduced-motion:no-preference){.is-running .cal-mech__pfeil{animation:cal-mech-steigen 3.6s cubic-bezier(.45,0,.35,1) infinite both;animation-delay:.24s}.is-running .cal-mech__pfeil--mitte{animation-delay:0s}.is-running .cal-mech__ring{animation:cal-mech-welle 2.7s cubic-bezier(.3,.45,.45,1) infinite both}.is-running .cal-mech__ring--2{animation-delay:-.9s}.is-running .cal-mech__ring--3{animation-delay:-1.8s}}@keyframes cal-mech-steigen{0%{opacity:0;transform:translateY(16px)}24%{opacity:1}52%{opacity:1}74%,to{opacity:0;transform:translateY(-16px)}}@keyframes cal-mech-welle{0%{opacity:0;transform:scale(.3)}14%{opacity:1}to{opacity:0;transform:scale(1)}}.cal-wv{--cal-wv: 50%}.cal-wv__ebene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.cal-wv__ebene--foto{clip-path:inset(0 calc(100% - var(--cal-wv)) 0 0)}.cal-wv__trenner{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;transform:translate(var(--cal-wv))}.cal-wv__trenner:before{content:"";position:absolute;top:0;bottom:0;left:-1px;width:2px;background:#fffffff5;box-shadow:0 0 6px #0b1f3a47}.cal-wv__griff{position:absolute;top:50%;left:0;box-sizing:border-box;width:3.6rem;height:3.6rem;margin:-1.8rem 0 0 -1.8rem;border-radius:50%;background:var(--cal-white);color:var(--cal-navy);box-shadow:0 1px 2px #0b1f3a29,0 4px 14px #0b1f3a3d;display:none;place-items:center}.cal-wv__griff svg{display:block;width:1.8rem;height:1.8rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.cal-wv.is-interaktiv{cursor:ew-resize;touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none}.cal-wv.is-interaktiv img{-webkit-user-drag:none}.cal-wv.is-interaktiv .cal-wv__griff{display:grid}.cal-wv.is-fokus .cal-wv__griff{box-shadow:0 0 0 2px var(--cal-navy),0 0 0 4px var(--cal-white),0 4px 14px #0b1f3a3d}.cal-wv__regler{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.cal-wv__tag{top:5.5%}.cal-wv__tag--aus{left:4%}.cal-wv__tag--an{right:4%}.cal-wv__tag:before{content:"";flex:none;width:.6rem;height:.6rem;border-radius:50%;background:var(--cal-line-strong)}.cal-wv__tag--an:before{background:var(--cal-accent);box-shadow:0 0 0 3px #f5b54447}@media(prefers-reduced-motion:no-preference){.cal-wv.is-einfahrt .cal-wv__ebene--foto{transition:clip-path 1.6s cubic-bezier(.61,1,.88,1) .2s}.cal-wv.is-einfahrt .cal-wv__trenner{transition:transform 1.6s cubic-bezier(.61,1,.88,1) .2s}}@media screen and (max-width:359px){.cal-mech__tag{font-size:1.05rem;padding:.4rem .8rem;gap:.4rem}.cal-mech__tag--links,.cal-mech__tag--rechts{left:61%}.cal-mech__tag--achse{left:50%}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/calunar-mechanismus.css.map */