.cal-use__timeline{position:relative;list-style:none;margin:clamp(3.2rem,2rem + 3vw,5.6rem) 0 0;padding:0;display:grid;gap:2.4rem 2rem}.cal-use__timeline:before,.cal-use__timeline:after{content:"";position:absolute;border-radius:999px;pointer-events:none}.cal-use__timeline:before{background:var(--cal-line)}.cal-use__timeline:after{background:linear-gradient(90deg,var(--cal-accent-deep),var(--cal-accent));box-shadow:0 0 12px #f5b5448c;transform-origin:left top}.cal-use__step{position:relative;margin:0}.cal-use__step:before{content:"";position:absolute;width:1.4rem;height:1.4rem;border-radius:50%;background:var(--cal-white);border:3px solid var(--cal-accent-deep);box-sizing:border-box;z-index:1}.cal-use__step--end:before{background:var(--cal-navy);border-color:var(--cal-navy)}.cal-use__t{display:inline-block;font-size:1.15rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cal-accent-deep);font-variant-numeric:tabular-nums;margin-bottom:.6rem}.cal-use__step--end .cal-use__t{color:var(--cal-navy)}.cal-use__step h3{font-family:var(--cal-font-display);font-weight:500;font-size:var(--cal-text-lg);line-height:1.25;margin:0 0 .6rem;color:var(--cal-navy)}.cal-use__step p{margin:0;font-size:var(--cal-text-sm);line-height:1.6;color:var(--cal-muted);max-width:34ch}.cal-use__step--long p{max-width:44ch}.cal-use__pill{display:inline-flex;align-items:center;gap:.6rem;margin-top:1.2rem;padding:.5rem 1rem .5rem .8rem;border-radius:999px;background:var(--cal-navy);color:var(--cal-white);font-size:1.15rem;font-weight:600;letter-spacing:.02em}.cal-use__pill:before{content:"";width:.7rem;height:.7rem;border-radius:50%;background:var(--cal-accent)}.cal-use__timeline{padding-left:3.6rem}.cal-use__timeline:before,.cal-use__timeline:after{left:.6rem;top:.4rem;bottom:.4rem;width:3px}.cal-use__step:before{left:-3.6rem;top:.15rem;margin-left:.05rem}.cal-use__step--long{padding-bottom:1.6rem}@media screen and (min-width:750px){.cal-use__timeline{grid-template-columns:1.15fr 1.15fr 2fr .75fr;gap:0 2.4rem;padding-left:0;padding-top:3.2rem}.cal-use__timeline:before,.cal-use__timeline:after{left:0;right:0;top:.55rem;bottom:auto;width:auto;height:3px}.cal-use__step:before{left:0;top:-3.2rem;margin-left:0;margin-top:.55rem;transform:translateY(-50%)}.cal-use__step--long{padding-bottom:0}.cal-use__step--end:before{left:auto;right:0}.cal-use__step--end{text-align:right}.cal-use__step--end p{margin-left:auto}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.cal-use__timeline:after{animation:cal-use-fill linear both;animation-timeline:view();animation-range:entry 30% cover 55%}.cal-use__step:not(.cal-use__step--end):before{animation:cal-use-dot linear both;animation-timeline:view()}.cal-use__step:nth-child(1):before{animation-range:entry 30% entry 32%}.cal-use__step:nth-child(2):before{animation-range:entry 38% entry 42%}.cal-use__step:nth-child(3):before{animation-range:entry 46% entry 50%}@media screen and (max-width:749px){.cal-use__timeline{--cal-use-lese: 48vh}.cal-use__timeline:after{animation-range:cover calc(100vh - var(--cal-use-lese)) cover calc(100% - var(--cal-use-lese))}.cal-use__step:not(.cal-use__step--end):before,.cal-use__step:nth-child(1):before,.cal-use__step:nth-child(2):before,.cal-use__step:nth-child(3):before{animation-range:cover calc(100vh - var(--cal-use-lese) - .6rem) cover calc(100vh - var(--cal-use-lese) + .6rem)}}}}@keyframes cal-use-fill{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@media screen and (min-width:750px){@keyframes cal-use-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}}@keyframes cal-use-dot{0%{background:var(--cal-white);border-color:var(--cal-line-strong)}to{background:var(--cal-white);border-color:var(--cal-accent-deep)}}.cal-use__moments{margin-top:clamp(4rem,2.8rem + 3vw,6.4rem)}.cal-use__moments-h{display:flex;align-items:center;gap:1.2rem;margin:0 0 1.6rem;font-size:1.15rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--cal-accent-deep)}.cal-use__moments-h:after{content:"";flex:1;height:1px;background:var(--cal-line)}.cal-use__moments-list{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:min(78%,32rem);gap:1.2rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:.2rem;padding-bottom:.4rem;scrollbar-width:none}.cal-use__moments-list::-webkit-scrollbar{display:none}.cal-use__moments-list li{scroll-snap-align:start;background:var(--cal-white);border-radius:var(--cal-radius);overflow:hidden;box-shadow:0 6px 24px #0b1f3a14}.cal-use__moments-list img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block}.cal-use__moments-list p{margin:0;padding:1.2rem 1.4rem 1.4rem;font-size:var(--cal-text-sm);line-height:1.45;color:var(--cal-muted)}.cal-use__moments-list strong{color:var(--cal-navy)}@media screen and (min-width:750px){.cal-use__moments-list{grid-auto-flow:row;grid-template-columns:repeat(3,1fr);grid-auto-columns:auto;overflow:visible;gap:2rem}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/calunar-anwendung.css.map */