.cal-try{--cal-try-box: 2.4rem;--cal-try-luft: 1.4rem;--cal-try-ueberstand: 1.2rem;--cal-try-name: var(--cal-text-lg);--cal-try-gruppenabstand: clamp(2.4rem, 1.8rem + 1.6vw, 4rem)}.cal-try__raster{position:relative;display:grid;grid-template-columns:minmax(0,1fr)}.cal-try__kopf{min-width:0}.cal-try__gruppen,.cal-try__spalte{display:grid;grid-template-columns:minmax(0,1fr);row-gap:var(--cal-try-gruppenabstand);align-items:start;min-width:0}.cal-try__gruppe{min-width:0}.cal-try__gruppe-h{margin:0;padding:0 0 .8rem;border-bottom:1px solid var(--cal-navy);font-family:var(--cal-font-display);font-style:italic;font-weight:400;font-size:var(--cal-text-lg);line-height:1.3;letter-spacing:0;color:var(--cal-navy);word-break:normal}.cal-try__liste{list-style:none;margin:0;padding:0}.cal-try__punkt{position:relative;padding:1.4rem 0;border-bottom:1px solid var(--cal-line)}.cal-try__name{display:block;font-size:var(--cal-try-name);font-weight:600;line-height:1.3;color:var(--cal-navy);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.cal-try__warum{display:block;margin-top:.4rem;max-width:60ch;font-size:var(--cal-text-base);line-height:1.55;color:var(--cal-ink-body);text-wrap:pretty;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.is-bereit .cal-try__liste{margin-inline:calc(-1 * var(--cal-try-ueberstand))}.is-bereit .cal-try__punkt{padding:0;border-bottom:0}.is-bereit .cal-try__punkt:after{content:"";position:absolute;left:var(--cal-try-ueberstand);right:var(--cal-try-ueberstand);bottom:0;height:1px;background:var(--cal-line)}.cal-try__zeile{position:relative;isolation:isolate;display:grid;grid-template-columns:var(--cal-try-box) minmax(0,1fr);column-gap:var(--cal-try-luft);align-items:start;min-height:4.8rem;padding:1.4rem var(--cal-try-ueberstand);border-radius:var(--cal-radius-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.cal-try__zeile:before{content:"";position:absolute;top:.3rem;right:0;bottom:.3rem;left:0;z-index:-1;border-radius:inherit;background:var(--cal-paper);opacity:0;transition:opacity var(--cal-duration) var(--cal-ease)}.cal-try__zeile .cal-try__check{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer}.cal-try__box{position:relative;display:block;width:var(--cal-try-box);height:var(--cal-try-box);margin-top:calc((var(--cal-try-name) * 1.3 - var(--cal-try-box)) / 2);border:2px solid var(--cal-line-strong);border-radius:calc(var(--cal-radius-sm) * .75);background:var(--cal-white);transition:transform var(--cal-duration) var(--cal-ease)}.cal-try__box:before,.cal-try__box:after{content:"";position:absolute;opacity:0;transition:opacity var(--cal-duration) var(--cal-ease),transform var(--cal-duration) var(--cal-ease)}.cal-try__box:before{top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:var(--cal-navy);transform:scale(.6)}.cal-try__box:after{left:50%;top:50%;width:1.2rem;height:.65rem;border-left:2.5px solid var(--cal-accent);border-bottom:2.5px solid var(--cal-accent);transform:translate(-50%,-70%) rotate(-45deg) scale(.4)}.cal-try__text{min-width:0}.is-bereit .cal-try__warum{margin-top:.6rem}.cal-try__warum[hidden]{display:none}.cal-try__check:checked+.cal-try__box:before{opacity:1;transform:none}.cal-try__check:checked+.cal-try__box:after{opacity:1;transform:translate(-50%,-70%) rotate(-45deg)}.cal-try__punkt.is-gewaehlt .cal-try__zeile:before{opacity:1}.is-bereit .cal-try__punkt.is-gewaehlt:after{opacity:0}@media(hover:hover){.cal-try__zeile:hover:before{opacity:.55}.cal-try__punkt.is-gewaehlt .cal-try__zeile:hover:before{opacity:1}.cal-try__zeile:hover .cal-try__box{border-color:var(--cal-navy)}}.cal-try__zeile:active .cal-try__box{transform:scale(.88)}.cal-try__zeile:has(.cal-try__check:focus-visible){outline:3px solid var(--cal-navy);outline-offset:-2px}@supports not selector(:has(*)){.cal-try__check:focus-visible+.cal-try__box{outline:3px solid var(--cal-navy);outline-offset:3px}}.cal-try__warum.is-neu{animation:cal-try-satz .26s var(--cal-ease) both}@keyframes cal-try-satz{0%{opacity:0;transform:translateY(-.4rem)}to{opacity:1;transform:none}}.cal-try__ergebnis{margin-top:clamp(2.8rem,2rem + 2vw,4rem);padding:clamp(2.2rem,1.8rem + 1vw,3.2rem) clamp(2rem,1.6rem + 1vw,3.2rem) clamp(2.4rem,2rem + 1vw,3.2rem);border-radius:var(--cal-radius);background:var(--cal-navy);color:var(--cal-paper);box-shadow:0 2.4rem 4.8rem -2.4rem color-mix(in srgb,var(--cal-navy) 60%,transparent)}.cal-try__ergebnis[hidden]{display:none}.cal-try__ergebnis:before{content:"";display:block;width:4rem;height:3px;margin-bottom:1.6rem;border-radius:2px;background:var(--cal-accent)}.cal-try__ergebnis-kopf{margin:0 0 1.2rem;font-family:var(--cal-font-display);font-weight:400;font-size:var(--cal-text-xl);line-height:1.15;letter-spacing:-.01em;color:var(--cal-white);text-wrap:balance}.cal-try__ergebnis-text{margin:0;font-size:var(--cal-text-base);line-height:1.6;color:var(--cal-paper);text-wrap:pretty}.cal-try__ergebnis.is-neu{animation:cal-try-ein .32s var(--cal-ease) both}.cal-try__ergebnis-kopf.is-neu{animation:cal-try-zahl .36s var(--cal-ease) both}@keyframes cal-try-ein{0%{opacity:0;transform:translateY(.8rem)}to{opacity:1;transform:none}}@keyframes cal-try-zahl{0%{opacity:.2}to{opacity:1}}.cal-try .cal-try__status{display:block;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}@media screen and (min-width:750px){.cal-try__gruppen{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(3.2rem,1.6rem + 2.4vw,5.6rem)}.cal-try__ergebnis{max-width:64ch}}@media screen and (min-width:1100px){.cal-try__raster{grid-template-columns:minmax(0,4fr) minmax(0,8fr);grid-template-rows:auto 1fr;grid-template-areas:"kopf     gruppen" "ergebnis gruppen";column-gap:clamp(4.8rem,1.6rem + 3.2vw,8rem)}.cal-try__kopf{grid-area:kopf}.cal-try__gruppen{grid-area:gruppen}.cal-try__ergebnis{grid-area:ergebnis;align-self:start;margin-top:0;max-width:none}}@media(prefers-reduced-motion:reduce){.cal-try__zeile:before,.cal-try__box,.cal-try__box:before,.cal-try__box:after{transition:none}.cal-try__zeile:active .cal-try__box{transform:none}.cal-try__warum.is-neu,.cal-try__ergebnis.is-neu,.cal-try__ergebnis-kopf.is-neu{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/calunar-probiert.css.map */