.byg-b3{position:relative;height:clamp(300px,50svh,520px);overflow:hidden;isolation:isolate;perspective:900px;perspective-origin:50% 40%;background:var(--ink);--tilt: calc((1 - var(--p)) * 46deg - 8deg);--dreh: calc((var(--p) - .5) * -26deg)}.byg-b3__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:-1px}.byg-b3__glow{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:0;pointer-events:none;background:radial-gradient(38% 30% at 50% calc(52% - var(--p) * 10%),rgba(124,77,255,calc(.25 + var(--p) * .3)),transparent 70%),radial-gradient(30% 22% at 50% 82%,rgba(237,255,0,.06),transparent 70%)}.byg-b3__boden{position:absolute;left:-60%;right:-60%;bottom:-8%;height:70%;z-index:0;pointer-events:none;transform-origin:50% 100%;transform:rotateX(74deg);-webkit-mask-image:linear-gradient(0deg,#000 10%,transparent 92%);mask-image:linear-gradient(0deg,#000 10%,transparent 92%)}.byg-b3__flagge{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-conic-gradient(#f4f3f86b 0% 25%,#0a0a0ef2 0% 50%) 0 0 / 64px 64px;background-position:0 calc(var(--p) * 640px);box-shadow:inset 0 0 120px 40px var(--ink)}@media(prefers-reduced-motion:no-preference){.byg-b3__flagge{animation:byg-b3-fahrt 1.6s linear infinite}}@keyframes byg-b3-fahrt{0%{translate:0 0}to{translate:0 64px}}.byg-b3__tempo{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.byg-b3__tempo span{position:absolute;top:calc(18% + var(--i) * 7%);left:50%;width:34%;height:2px;background:linear-gradient(90deg,transparent,rgba(167,139,255,.65),transparent);transform-origin:0 50%;opacity:0}@media(prefers-reduced-motion:no-preference){.byg-b3__tempo span{animation:byg-b3-tempo 2.2s cubic-bezier(.3,.7,.25,1) infinite;animation-delay:calc(var(--i) * -.27s)}.byg-b3__tempo span:nth-child(2n){left:auto;right:50%;transform-origin:100% 50%;animation-name:byg-b3-tempo-l}}@keyframes byg-b3-tempo{0%{opacity:0;transform:translate(0) scaleX(.2) skew(-8deg)}20%{opacity:1}to{opacity:0;transform:translate(160%) scaleX(1) skew(-8deg)}}@keyframes byg-b3-tempo-l{0%{opacity:0;transform:translate(0) scaleX(.2) skew(-8deg)}20%{opacity:1}to{opacity:0;transform:translate(-160%) scaleX(1) skew(-8deg)}}.byg-b3__funken{position:absolute;left:50%;top:58%;z-index:3;pointer-events:none}.byg-b3__funken i{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--volt);box-shadow:0 0 8px #edff00e6;opacity:0}@media(prefers-reduced-motion:no-preference){.byg-b3__funken i{animation:byg-b3-funke 1.8s ease-out infinite;animation-delay:calc(var(--i) * -.15s);--dx: calc((var(--i) - 6.5) * 26px)}}@keyframes byg-b3-funke{0%{opacity:0;transform:translate(0) scale(1)}10%{opacity:1}to{opacity:0;transform:translate(var(--dx),70px) scale(.3)}}.byg-b3__buehne{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;transform-style:preserve-3d}.byg-b3__wort{position:relative;display:grid;transform-style:preserve-3d;transform:rotateX(var(--tilt)) rotateY(var(--dreh)) translateZ(calc(var(--p) * 40px));font-family:var(--byg-font);font-weight:800;font-style:italic;text-transform:uppercase;font-size:clamp(38px,11.5vw,150px);line-height:.9;letter-spacing:-.02em;white-space:nowrap}.byg-b3__wort sup{font-size:.26em;vertical-align:top;position:relative;top:.25em;margin-left:.06em;letter-spacing:0}.byg-b3__lage,.byg-b3__front,.byg-b3__licht{grid-area:1 / 1}.byg-b3__lage{color:color-mix(in srgb,#7C4DFF calc(100% - var(--z) * 8%),var(--ink));transform:translate3d(calc(var(--z) * .5px),calc(var(--z) * 1.1px),calc(var(--z) * -2px))}.byg-b3__lage:last-of-type{text-shadow:0 18px 40px rgba(0,0,0,.65)}.byg-b3__front{background:linear-gradient(180deg,#fff,#ecd9ff 45%,#a78bff);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 calc(6px + var(--p) * 18px) rgba(167,139,255,.45))}.byg-b3__licht{background:linear-gradient(105deg,transparent 0%,transparent calc(var(--p) * 120% - 30%),rgba(255,255,255,.95) calc(var(--p) * 120% - 22%),rgba(237,255,0,.7) calc(var(--p) * 120% - 18%),transparent calc(var(--p) * 120% - 10%),transparent 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;transform:translateZ(1px);mix-blend-mode:screen}.byg-b3__mass{display:flex;gap:6%;width:min(78vw,980px);margin-top:clamp(14px,2vw,26px);transform:scaleX(calc(.3 + var(--p) * .7))}.byg-b3__mass span{flex:1;height:10px;border-left:1px solid rgba(167,139,255,.6);border-right:1px solid rgba(167,139,255,.6);background:linear-gradient(#a78bff99,#a78bff99) 0 50% / 100% 1px no-repeat}@media(prefers-reduced-motion:reduce){.byg-b3__flagge,.byg-b3__tempo span,.byg-b3__funken i{animation:none}}@media(max-width:749px){.byg-b3{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 86%,transparent 100%)}}@media(min-width:750px){.byg-b3{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 78%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 78%,transparent 100%)}}.byg-b3__lage{color:color-mix(in srgb,#7C4DFF calc(100% - var(--z) * 5.5%),var(--ink));transform:translate3d(calc(var(--z) * .32px),calc(var(--z) * .7px),calc(var(--z) * -1.25px))}.byg-b3__front{background:linear-gradient(180deg,#fff,#f1e6ff 38%,#b9a0ff);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 calc(4px + var(--p) * 14px) rgba(167,139,255,.4))}.byg-b3__flagge{background:repeating-conic-gradient(#f4f3f842 0% 25%,#0a0a0ef2 0% 50%) 0 0 / 64px 64px}.byg-b3__horizont{position:absolute;left:0;right:0;z-index:1;top:76%;height:1px;background:linear-gradient(90deg,transparent,rgba(167,139,255,.55) 30%,rgba(237,255,0,.35) 50%,rgba(167,139,255,.55) 70%,transparent);box-shadow:0 0 18px #7c4dff99;pointer-events:none}.byg-b3__streifen{display:flex;flex-direction:column;gap:7px;width:min(70vw,900px);margin-top:clamp(18px,2.4vw,32px)}.byg-b3__streifen span{display:block;height:6px;transform-origin:0 50%;transform:skew(-24deg) scaleX(calc(.15 + var(--p) * .85));border-radius:1px}.byg-b3__streifen-v{width:46%;background:var(--volt);box-shadow:0 0 16px #edff0059}.byg-b3__streifen-l{width:100%;height:10px!important;background:linear-gradient(90deg,#3c0ab3,#7c4dff 60%,#7c4dff00)}@media(max-width:749px){.byg-b3__streifen{width:82vw;gap:5px}.byg-b3__streifen span{height:4px}.byg-b3__streifen-l{height:7px!important}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/byg-build3d.css.map */