.byg-services{background:var(--ink)}.byg-services:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.5;background-image:linear-gradient(rgba(167,139,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(167,139,255,.07) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse 70% 55% at 80% 0%,#000,transparent 72%);-webkit-mask-image:radial-gradient(ellipse 70% 55% at 80% 0%,#000,transparent 72%)}.byg-services>.byg-wrap{position:relative;z-index:1}.byg-services__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px 48px;flex-wrap:wrap;margin-bottom:clamp(36px,5vw,60px);padding-bottom:clamp(32px,3.4vw,48px);border-bottom:1px solid var(--line)}.byg-services__heading{flex:1 1 380px}.byg-services__head-text{flex:1 1 380px;max-width:56ch;color:var(--muted);margin:0}.byg-services__feature{--byg-services-grad-end: #4B16D6;position:relative;overflow:hidden;border-radius:var(--byg-r);background:linear-gradient(98deg,var(--purple-deep),var(--purple) 65%,var(--byg-services-grad-end));padding:clamp(32px,5vw,56px);margin-bottom:16px;display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(28px,4vw,56px);align-items:center}.byg-services__feature:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.35;background-image:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 80% 90% at 85% 20%,#000,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 80% 90% at 85% 20%,#000,transparent 70%)}.byg-services__feature-copy{position:relative;z-index:1}.byg-services__feature-label{color:#ffffffbf}.byg-services__feature-title{font-weight:800;font-style:italic;text-transform:uppercase;font-size:clamp(26px,3.6vw,44px);line-height:1;letter-spacing:-.01em;color:#fff;margin:14px 0 16px}.byg-services__feature-text{color:#ffffffd1;max-width:52ch;margin:0 0 28px}.byg-services__steps{position:relative;z-index:1;display:grid;gap:0;border-left:2px solid rgba(255,255,255,.25);list-style:none;margin:0;padding:0}.byg-services__step{padding:12px 0 12px 20px;position:relative}.byg-services__step:before{content:"";position:absolute;left:-5px;top:21px;width:8px;height:8px;border-radius:50%;background:var(--text)}.byg-services__step-t{color:#fff;font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:.04em}.byg-services__step-d{color:#ffffffb3;font-weight:600;font-size:13.5px;margin-top:2px}.byg-services__groups{display:grid;gap:clamp(44px,5vw,72px)}.byg-services__group-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 18px;margin-bottom:clamp(16px,2vw,22px);padding-inline:0}.byg-services__group-title{font-weight:800;font-style:italic;text-transform:uppercase;font-size:clamp(22px,2.6vw,32px);line-height:1.02;letter-spacing:-.01em;margin:0;flex:none}.byg-services__group-kurz{color:var(--muted);font-size:14.5px;margin:0;flex:1 1 260px;min-width:0}.byg-services__group-rule{flex:1 1 40px;height:1px;background:var(--line);align-self:center}.byg-services__group-count{color:var(--violet);flex:none}.byg-services__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.byg-scope .byg-services__grid{padding-inline:15px}.byg-services__grid--n1{grid-template-columns:minmax(0,620px)}.byg-services__grid--n2{grid-template-columns:repeat(2,1fr)}.byg-services__grid--n4{grid-template-columns:repeat(4,1fr)}.byg-services__grid--n5,.byg-services__grid--n6,.byg-services__grid--n7,.byg-services__grid--n8,.byg-services__grid--n9{grid-template-columns:repeat(3,1fr)}.byg-services__grid--all{grid-template-columns:minmax(0,1fr)}.byg-scope .byg-services__grid--all{padding-inline:0}.byg-services__item{display:flex}.byg-services__card{flex:1;position:relative;overflow:hidden;background:var(--carbon);border:1px solid var(--line);border-radius:var(--byg-r);padding:26px 24px;display:flex;min-height:210px;transform:skew(-8deg);transition:transform .35s cubic-bezier(.3,.7,.25,1),border-color .35s cubic-bezier(.3,.7,.25,1),background .35s cubic-bezier(.3,.7,.25,1)}a.byg-services__card:hover,a.byg-services__card:focus-visible,a.byg-services__card:focus-within{border-color:#a78bff73;background:var(--carbon-2);transform:translateY(-6px) skew(-8deg) scale(1.04);z-index:2}.byg-services__in{--byg-svc-kachel: 52px;--byg-svc-luecke: 16px;flex:1;min-width:0;position:relative;z-index:1;display:flex;gap:var(--byg-svc-luecke);transform:skew(8deg)}.byg-services__txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}.byg-services__ico-tile{flex:none;width:var(--byg-svc-kachel, 52px);height:var(--byg-svc-kachel, 52px);display:grid;place-items:center;border:1px solid rgba(167,139,255,.28);background:#3c0ab333;border-radius:var(--byg-r);transform:skew(-8deg);transition:background var(--t-1, .18s) var(--ease, cubic-bezier(.3, .7, .25, 1)),border-color var(--t-1, .18s) var(--ease, cubic-bezier(.3, .7, .25, 1)),translate var(--t-1, .18s) var(--ease, cubic-bezier(.3, .7, .25, 1))}.byg-services__ico{width:32px;height:32px;color:var(--violet);transform:skew(8deg)}a.byg-services__card:hover .byg-services__ico-tile,a.byg-services__card:focus-visible .byg-services__ico-tile,a.byg-services__card:focus-within .byg-services__ico-tile{background:#3c0ab357;border-color:#a78bff80}@media(prefers-reduced-motion:no-preference){a.byg-services__card:hover .byg-services__ico-tile{translate:0 -2px}}.byg-services__lead{color:var(--violet);font-size:12px;letter-spacing:.16em;display:block;margin-bottom:-2px}p.byg-services__card-text{color:var(--muted);font-weight:600;font-size:14.5px;line-height:1.5;margin:0}.byg-services__card .byg-link-volt{margin-top:auto}.byg-services__card>.byg-services__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:block;pointer-events:none;transform:skew(8deg)}.byg-services__media img{position:absolute;top:0;left:-12%;width:124%;height:100%;object-fit:cover;opacity:.32;transition:opacity var(--t-2, .35s) var(--ease, cubic-bezier(.3, .7, .25, 1)),scale var(--t-2, .35s) var(--ease, cubic-bezier(.3, .7, .25, 1))}.byg-services__media:after{content:"";position:absolute;top:0;right:-12%;bottom:0;left:-12%;background:linear-gradient(to top,#0a0a0ee0,#0a0a0e8f 55%,#0a0a0e4d)}a.byg-services__card--media:hover .byg-services__media img,a.byg-services__card--media:focus-visible .byg-services__media img,a.byg-services__card--media:focus-within .byg-services__media img{opacity:.5}.byg-services__card--media p.byg-services__card-text{color:var(--text)}@media(prefers-reduced-motion:no-preference){.byg-services__media img{scale:1.04}a.byg-services__card--media:hover .byg-services__media img,a.byg-services__card--media:focus-visible .byg-services__media img,a.byg-services__card--media:focus-within .byg-services__media img{scale:1}}@media(min-width:1021px){.byg-services__grid--n1 .byg-services__in,.byg-services__grid--n2 .byg-services__in{--byg-svc-luecke: 22px}.byg-services__grid--n1 .byg-services__ico,.byg-services__grid--n2 .byg-services__ico{width:32px;height:32px}}.byg-services__card--all{min-height:0;padding:22px 28px;margin-inline:7px;background:linear-gradient(98deg,rgba(60,10,179,.32),rgba(60,10,179,.1) 55%,var(--carbon));border-color:#a78bff4d}a.byg-services__card--all:hover,a.byg-services__card--all:focus-visible,a.byg-services__card--all:focus-within{transform:translateY(-4px) skew(-8deg);background:linear-gradient(98deg,rgba(60,10,179,.44),rgba(60,10,179,.16) 55%,var(--carbon-2))}.byg-services__card--all .byg-services__in{align-items:center}.byg-services__card--all .byg-services__txt{flex-direction:row;align-items:center;flex-wrap:wrap;gap:6px 28px}.byg-services__card--all .byg-services__title{flex:none}.byg-services__card--all p.byg-services__card-text{flex:1 1 300px;color:var(--text)}.byg-services__card--all .byg-link-volt{margin-top:0;margin-left:auto}@media(max-width:1020px){.byg-services__grid,.byg-services__grid--n4,.byg-services__grid--n5,.byg-services__grid--n6,.byg-services__grid--n7,.byg-services__grid--n8,.byg-services__grid--n9{grid-template-columns:repeat(2,1fr)}.byg-services__grid--n1,.byg-services__grid--all{grid-template-columns:minmax(0,1fr)}.byg-services__feature{grid-template-columns:1fr}}@media(max-width:760px){.byg-services__grid,.byg-services__grid--n2,.byg-services__grid--n4,.byg-services__grid--n5,.byg-services__grid--n6,.byg-services__grid--n7,.byg-services__grid--n8,.byg-services__grid--n9{grid-template-columns:minmax(0,1fr)}.byg-services__card{min-height:0}.byg-scope .byg-services__grid{padding-inline:19px}.byg-scope .byg-services__grid--all{padding-inline:0}.byg-services__card--all{margin-inline:17px}.byg-services__card--all .byg-services__txt{gap:10px 20px}.byg-services__card--all .byg-link-volt{margin-left:0}.byg-services__feature .byg-btn{width:100%;max-width:420px}.byg-services__group-head{gap:6px 14px}.byg-services__group-rule{display:none}}@media(max-width:560px){.byg-services__card{padding:22px 20px}.byg-services__in{flex-direction:column;gap:14px}.byg-services__card--all .byg-services__in{flex-direction:column;align-items:flex-start}}.byg-reveal-armed .byg-services__grid.byg-stagger{transform:none}@media(prefers-reduced-motion:no-preference){.byg-reveal-armed .byg-services__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-services__grid.byg-stagger>.byg-reveal-item.in{opacity:1;translate:none}}a.byg-services__card:not(#_):hover,a.byg-services__card:not(#_):focus-visible,a.byg-services__card:not(#_):focus-within{color:var(--text)}@media(max-width:989.98px)and (prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){.byg-services__item{animation:byg-svc-view linear both;animation-timeline:view();animation-range:entry 0% exit 100%}@keyframes byg-svc-view{0%{transform:scale(.92);opacity:.7}42%,58%{transform:scale(1);opacity:1}to{transform:scale(.92);opacity:.7}}}}@media(max-width:760px){.byg-scope .byg-services__grid:not(.byg-services__grid--all){grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:84%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:19px;padding-top:14px;padding-bottom:34px;margin-top:-14px;margin-bottom:-24px;scrollbar-width:none;-webkit-overflow-scrolling:touch}a.byg-services__card:hover,a.byg-services__card:focus-visible,a.byg-services__card:focus-within{transform:translateY(-4px) skew(-8deg)}.byg-scope .byg-services__grid:not(.byg-services__grid--all)::-webkit-scrollbar{display:none}.byg-services__grid:not(.byg-services__grid--all)>*{scroll-snap-align:start}.byg-services__groups{grid-template-columns:minmax(0,1fr)}.byg-services__group{min-width:0}}.byg-scope.byg-services .byg-services__card{background:linear-gradient(160deg,#7c4dff38,#3c0ab333 55%,#14141b8c);-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%);border-color:#a78bff4d;box-shadow:inset 0 1px #ecd9ff38,0 14px 34px -18px #3c0ab38c}.byg-scope.byg-services a.byg-services__card:hover,.byg-scope.byg-services a.byg-services__card:focus-visible,.byg-scope.byg-services a.byg-services__card:focus-within{background:linear-gradient(160deg,#7c4dff52,#3c0ab347 55%,#14141b80);border-color:#a78bff8c}.byg-scope.byg-services .byg-services__card--foto{flex-direction:column;padding:0}.byg-services__card--foto .byg-services__media{position:relative;inset:auto;display:block;flex:none;aspect-ratio:16 / 10;overflow:hidden}.byg-services__card--foto .byg-services__media img{position:absolute;top:0;right:0;bottom:0;left:-12%;width:124%;height:100%;object-fit:cover;opacity:1}.byg-services__card--foto .byg-services__media:after{top:0;right:-12%;bottom:0;left:-12%;background:linear-gradient(to bottom,#0a0a0e00 45%,#140c308c 78%,#140c30eb)}a.byg-services__card--foto:hover .byg-services__media img,a.byg-services__card--foto:focus-visible .byg-services__media img{opacity:1}.byg-services__card--foto .byg-services__in{position:relative;z-index:1;padding:0 24px 24px;margin-top:-30px}.byg-services__card--foto p.byg-services__card-text{color:var(--muted)}@media(max-width:760px){body.template-page .byg-scope .byg-services__grid:not(.byg-services__grid--all){grid-auto-columns:88%;margin-inline:calc(-1 * var(--byg-pad));padding-inline:calc(var(--byg-pad) + 24px);scroll-padding-inline:calc(var(--byg-pad) + 24px)}}@media(min-width:1021px)and (max-width:1279px){body.template-page .byg-services__card .byg-link-volt{margin-left:calc(-1 * (var(--byg-svc-kachel) + var(--byg-svc-luecke)));white-space:nowrap}body.template-page .byg-services__card--all .byg-link-volt{margin-left:auto}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/byg-services.css.map */