.byg-process{background:var(--ink-2)}.byg-process:before,.byg-process:after{content:"";position:absolute;left:0;right:0;height:clamp(64px,8vw,120px);pointer-events:none}.byg-process:before{top:0;background:linear-gradient(180deg,var(--ink),var(--ink-2))}.byg-process:after{bottom:0;background:linear-gradient(0deg,var(--ink),var(--ink-2))}.byg-process__lead{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,5vw,72px);align-items:end;view-timeline-name:--byg-proc-lead}.byg-process__claim{position:relative;margin:0;padding-left:clamp(18px,2vw,28px);font-weight:800;font-style:italic;text-transform:uppercase;font-size:var(--t-say, clamp(28px, 3.2vw, 44px));line-height:var(--lh-say, 1.06);letter-spacing:var(--ls-say, -.015em);max-width:24ch;text-wrap:balance}.byg-process__claim:before,.byg-process__claim:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:var(--byg-r)}.byg-process__claim:before{background:#3c0ab38c}.byg-process__claim:after{background:linear-gradient(180deg,var(--violet),var(--purple));transform-origin:top;box-shadow:0 0 16px #a78bff59}.byg-process__claim em{color:var(--violet);font-style:italic;background-image:linear-gradient(90deg,var(--violet),rgba(167,139,255,0));background-repeat:no-repeat;background-position:0 100%;background-size:100% 3px;padding-bottom:.06em;-webkit-box-decoration-break:clone;box-decoration-break:clone}.byg-process__sub{margin:0;font-weight:600;line-height:1.55;max-width:44ch;align-self:end}@media(max-width:860px){.byg-process__lead{grid-template-columns:1fr;align-items:start;gap:clamp(18px,3vw,26px)}.byg-process__sub{align-self:start}}.byg-photo-slot.byg-process__media{margin-top:clamp(30px,4vw,52px);aspect-ratio:3 / 1}.byg-photo-slot.byg-process__media.byg-photo-slot--filled{border-color:transparent;-webkit-mask-image:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent),linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent),linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-composite:intersect}@media(max-width:760px){.byg-photo-slot.byg-process__media{aspect-ratio:16 / 9}}.byg-process__track{position:relative;margin-top:clamp(44px,6vw,84px)}.byg-process__track:before{content:"";position:absolute;top:-14%;right:0;bottom:-18%;left:0;z-index:0;pointer-events:none;background:radial-gradient(56% 120% at 14% 24%,rgba(60,10,179,.38),transparent 68%),radial-gradient(46% 110% at 76% 74%,rgba(167,139,255,.14),transparent 70%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 22%,#000 74%,transparent),linear-gradient(90deg,transparent,#000 7%,#000 88%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,transparent,#000 22%,#000 74%,transparent),linear-gradient(90deg,transparent,#000 7%,#000 88%,transparent);mask-composite:intersect}.byg-process__grid{--byg-proc-gap: clamp(12px, 1.4vw, 20px);position:relative;z-index:1;margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:var(--byg-proc-gap)}@media(max-width:1020px){.byg-process__grid{grid-template-columns:repeat(2,1fr)}}.byg-process__step{position:relative;display:flex;flex-direction:column;padding-top:16px;view-timeline-name:--byg-proc-step}.byg-process__step:after{content:"";position:absolute;top:26px;right:-8px;bottom:-12px;left:-8px;z-index:0;pointer-events:none;opacity:0;background:radial-gradient(72% 74% at 50% 100%,rgba(60,10,179,.62),transparent 72%);filter:blur(12px);transition:opacity var(--t-1, .18s) var(--ease, cubic-bezier(.3, .7, .25, 1))}.byg-process__step:hover:after,.byg-process__step:focus-within:after{opacity:1}.byg-process__rail{position:absolute;top:0;left:0;right:calc(-1 * var(--byg-proc-gap));height:3px;z-index:1;background:#f4f3f824}.byg-process__step:last-child .byg-process__rail{right:0}@media(max-width:1020px){.byg-process__step:nth-child(2n) .byg-process__rail{right:0}}.byg-process__rail-fill{position:absolute;top:0;right:0;bottom:0;left:0;display:block;transform-origin:left center;background:linear-gradient(90deg,var(--purple),var(--violet) 86%,var(--text));box-shadow:0 0 14px #a78bff73}.byg-process__node{font-weight:800;font-style:italic;font-size:15px;letter-spacing:.02em;color:var(--violet);position:absolute;top:1px;left:3px;z-index:3;width:44px;height:44px;display:grid;place-items:center;translate:0 -50%;transform:skew(-8deg);background:var(--carbon);border:1px solid rgba(167,139,255,.55);border-radius:var(--byg-r);box-shadow:inset 0 1px #f4f3f81a,0 0 18px #3c0ab373;transition:border-color var(--t-1, .18s) var(--ease, cubic-bezier(.3, .7, .25, 1)),box-shadow var(--t-1, .18s) var(--ease, cubic-bezier(.3, .7, .25, 1)),scale var(--t-1, .18s) var(--ease, cubic-bezier(.3, .7, .25, 1)),color var(--t-1, .18s) var(--ease, cubic-bezier(.3, .7, .25, 1))}.byg-process__node>span{display:block;line-height:1;transform:skew(8deg);opacity:.85;transition:opacity var(--t-1, .18s) var(--ease, cubic-bezier(.3, .7, .25, 1))}.byg-process__step:hover .byg-process__node,.byg-process__step:focus-within .byg-process__node{border-color:#a78bfff2;box-shadow:inset 0 1px #f4f3f829,0 0 26px #a78bff73;scale:1.06}.byg-process__step:hover .byg-process__node,.byg-process__step:focus-within .byg-process__node{color:var(--text)}.byg-process__step:hover .byg-process__node>span,.byg-process__step:focus-within .byg-process__node>span{opacity:1}.byg-process__card{position:relative;z-index:1;flex:1;overflow:hidden;padding:24px;background:var(--carbon);border-radius:var(--byg-r);box-shadow:inset 0 0 0 1px var(--line),inset 0 1px #f4f3f817;transition:translate var(--t-1, .18s) var(--ease, cubic-bezier(.3, .7, .25, 1)),box-shadow var(--t-1, .18s) var(--ease, cubic-bezier(.3, .7, .25, 1))}@supports ((-webkit-backdrop-filter: blur(6px)) or (backdrop-filter: blur(6px))){.byg-process__card{background:linear-gradient(180deg,#f4f3f813,#f4f3f806 46%,#3c0ab31f);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%)}}.byg-process__card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;pointer-events:none;background:linear-gradient(90deg,rgba(167,139,255,.85),rgba(167,139,255,.18) 58%,transparent)}.byg-process__sheen{position:absolute;top:-45%;right:-65%;bottom:-45%;left:-65%;z-index:0;pointer-events:none;opacity:0;translate:-115% 0;background:linear-gradient(98deg,transparent 40%,rgba(244,243,248,.13) 47%,rgba(167,139,255,.22) 51%,transparent 60%);transition:translate var(--t-2, .35s) var(--ease, cubic-bezier(.3, .7, .25, 1)),opacity var(--t-2, .35s) var(--ease, cubic-bezier(.3, .7, .25, 1))}.byg-process__step:hover .byg-process__sheen,.byg-process__step:focus-within .byg-process__sheen{opacity:1;translate:115% 0}.byg-process__step:hover .byg-process__card,.byg-process__step:focus-within .byg-process__card{translate:0 -5px;box-shadow:inset 0 0 0 1px #a78bff57,inset 0 1px #f4f3f82e}.byg-process__step:nth-child(3) .byg-process__card{background-image:linear-gradient(#a78bff1a,#a78bff00 62%);background-color:#14141bb8}.byg-scope .byg-process__step:nth-child(3) .byg-process__card{box-shadow:inset 0 0 0 1px var(--line-strong),inset 0 1px #f4f3f824,var(--eb-1, 0 1px 2px rgba(0, 0, 0, .34), 0 10px 28px rgba(0, 0, 0, .3))}.byg-process__step:nth-child(3) .byg-process__title{color:var(--text)}.byg-process__step:nth-child(3) .byg-process__node{border-color:#f4f3f8bf;color:var(--text);box-shadow:inset 0 1px #f4f3f82e,0 0 22px #f4f3f829}.byg-process__step:nth-child(3) .byg-process__node>span{opacity:1}@media(hover:hover)and (pointer:fine){.byg-scope .byg-process__step:nth-child(3):hover .byg-process__card,.byg-scope .byg-process__step:nth-child(3):focus-within .byg-process__card{box-shadow:inset 0 0 0 1px #a78bff73,inset 0 1px #f4f3f833,var(--eb-2, 0 2px 6px rgba(0, 0, 0, .4), 0 20px 48px rgba(0, 0, 0, .44))}}.byg-process__title,.byg-process__text{position:relative;z-index:1}.byg-process__title{margin:0 0 10px;font-weight:800;font-style:italic;text-transform:uppercase;font-size:var(--t-card, clamp(18px, 1.5vw, 21px));line-height:var(--lh-card, 1.06);letter-spacing:-.005em}.byg-process__text{margin:0;font-weight:600;line-height:1.55}.byg-scope.byg-process p.byg-process__sub{color:var(--muted);font-size:var(--t-lead, clamp(17px, 1.4vw, 20px))}.byg-scope.byg-process p.byg-process__text{color:var(--muted);font-size:var(--t-body, 15px);line-height:1.6;max-width:34ch}@media(max-width:620px){.byg-process__grid{grid-template-columns:1fr;--byg-proc-gap: 20px}.byg-process__step{padding-top:0;padding-left:58px}.byg-process__rail{top:0;bottom:calc(-1 * var(--byg-proc-gap));left:24px;right:auto;width:2px;height:auto}.byg-process__step:last-child .byg-process__rail{bottom:0}.byg-process__rail-fill{transform-origin:top center;background:linear-gradient(180deg,var(--purple),var(--violet) 86%,var(--text))}.byg-process__node{top:12px;translate:none}.byg-process__step:after{top:12px;right:-8px;bottom:-12px;left:-8px}.byg-process__track:before{top:-5%;right:0;bottom:-7%;left:0;background:radial-gradient(76% 24% at 28% 9%,rgba(60,10,179,.32),transparent 72%),radial-gradient(84% 20% at 64% 88%,rgba(167,139,255,.1),transparent 74%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 9%,#000 86%,transparent),linear-gradient(90deg,transparent,#000 12%,#000 82%,transparent);mask-image:linear-gradient(180deg,transparent,#000 9%,#000 86%,transparent),linear-gradient(90deg,transparent,#000 12%,#000 82%,transparent)}}.byg-process__actions{margin-top:clamp(38px,5vw,62px);display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px}@media(prefers-reduced-motion:no-preference){.byg-reveal-armed .byg-process__grid.byg-stagger>.byg-reveal-item{opacity:0;translate:0 14px;transition:opacity var(--t-2, .35s) var(--ease, cubic-bezier(.3, .7, .25, 1)),translate var(--t-2, .35s) var(--ease, cubic-bezier(.3, .7, .25, 1))}.byg-reveal-armed .byg-process__grid.byg-stagger>.byg-reveal-item.in{opacity:1;translate:none}}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){.byg-process__claim:after{animation:byg-proc-grow-y linear both;animation-timeline:--byg-proc-lead;animation-range:cover 10% cover 38%}.byg-process__claim em{animation:byg-proc-mark linear both;animation-timeline:--byg-proc-lead;animation-range:cover 24% cover 46%}.byg-process__rail-fill{animation:byg-proc-grow-x linear both;animation-timeline:--byg-proc-step;animation-range:cover 6% cover 26%}.byg-process__step:nth-child(2) .byg-process__rail-fill{animation-range:cover 12% cover 32%}.byg-process__step:nth-child(3) .byg-process__rail-fill{animation-range:cover 18% cover 38%}.byg-process__step:nth-child(4) .byg-process__rail-fill{animation-range:cover 24% cover 44%}.byg-process__node{animation:byg-proc-ignite linear both;animation-timeline:--byg-proc-step;animation-range:cover 18% cover 32%}.byg-process__step:nth-child(2) .byg-process__node{animation-range:cover 24% cover 38%}.byg-process__step:nth-child(3) .byg-process__node{animation-range:cover 30% cover 44%}.byg-process__step:nth-child(4) .byg-process__node{animation-range:cover 36% cover 50%}@media(max-width:620px){.byg-process__rail-fill,.byg-process__step:nth-child(2) .byg-process__rail-fill,.byg-process__step:nth-child(3) .byg-process__rail-fill,.byg-process__step:nth-child(4) .byg-process__rail-fill{animation-name:byg-proc-grow-y;animation-range:cover 10% cover 45%}.byg-process__node,.byg-process__step:nth-child(2) .byg-process__node,.byg-process__step:nth-child(3) .byg-process__node,.byg-process__step:nth-child(4) .byg-process__node{animation-range:cover 22% cover 52%}}}}@keyframes byg-proc-grow-x{0%{scale:0 1}}@keyframes byg-proc-grow-y{0%{scale:1 0}}@keyframes byg-proc-mark{0%{background-size:0% 3px}}@keyframes byg-proc-ignite{0%{opacity:.45;border-color:#a78bff1f;box-shadow:inset 0 1px #f4f3f800,0 0 #3c0ab300}}.byg-process{--byg-proc-fortschritt: 100%}.byg-process__meter{display:flex;align-items:center;gap:clamp(12px,1.6vw,20px);margin-bottom:clamp(20px,2.6vw,32px)}body.template-page .byg-process__meter{margin-top:clamp(28px,3vw,44px)}@media(min-width:750px){.byg-process__meter{margin-top:clamp(28px,3vw,44px)}}@media(min-width:761px){.byg-process__meter+.byg-process__track{margin-top:clamp(44px,4vw,60px)}}.byg-process__meter-label{flex:none;color:var(--muted)}.byg-process__meter-bar{position:relative;flex:1;height:6px;min-width:60px;overflow:hidden;border-radius:var(--byg-r);background:#f4f3f81a;transform:skew(var(--byg-skew))}.byg-process__meter-fill{position:absolute;inset:0 auto 0 0;width:var(--byg-proc-fortschritt);background:linear-gradient(90deg,var(--purple) 0%,var(--violet) 72%,var(--volt) 100%);box-shadow:0 0 16px #a78bff80;transition:width .22s var(--ease, cubic-bezier(.3, .7, .25, 1))}.byg-process__meter-wert{flex:none;min-width:4.5ch;color:var(--text);font-family:var(--byg-font);font-size:clamp(22px,2.2vw,32px);font-style:italic;font-weight:800;letter-spacing:-.03em;line-height:1;text-align:right}.byg-process__meter-wert b{font-weight:inherit;color:var(--volt)}@media(max-width:560px){.byg-process__meter{flex-wrap:wrap;gap:8px 14px}.byg-process__meter-bar{order:3;flex-basis:100%}}@media(prefers-reduced-motion:reduce){.byg-process__meter-fill{transition:none}}@media(max-width:760px){body:not(.template-index) .byg-process__actions{flex-direction:column;align-items:stretch}body:not(.template-index) .byg-process__actions .byg-btn{width:auto;max-width:420px}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/byg-process.css.map */