.b3__karte{position:relative;overflow:hidden;display:grid;min-height:32rem;border:1px solid var(--color-line);border-radius:16px;background:color-mix(in srgb,var(--color-dark) 96%,transparent);color:var(--color-on-dark)}.b3__licht{position:absolute;left:0;top:0;width:26rem;height:26rem;border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(circle at center,color-mix(in srgb,var(--color-accent-on-dark) 40%,transparent),color-mix(in srgb,var(--color-key) 22%,transparent) 40%,transparent 70%);will-change:transform;transform:translate3d(var(--x, -50%),var(--y, -50%),0) translate(-50%,-50%);transition:opacity .3s var(--ease-out)}.b3__karte.licht-an .b3__licht{opacity:1}.b3__text{position:relative;z-index:1;display:grid;align-content:center;gap:1.2rem;padding:clamp(2rem,4vw,3.5rem)}.b3__text p{margin:0;max-width:32rem;color:var(--color-on-dark-muted)}.b3__titel{margin:0;font-size:var(--size-h2);line-height:.95;background:linear-gradient(180deg,var(--color-on-dark),var(--color-on-dark-muted));-webkit-background-clip:text;background-clip:text;color:transparent}.b3__text .button{justify-self:start}.b3__szene{position:relative;min-height:22rem;display:none}.motion .b3__szene{display:block}.b3__szene canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;opacity:0;transition:opacity .6s var(--ease-out)}.b3__karte.geladen canvas{opacity:1}.b3__lader{position:absolute;left:50%;top:50%;width:2.4rem;height:2.4rem;margin:-1.2rem 0 0 -1.2rem;border:2px solid var(--color-line);border-top-color:var(--color-accent-on-dark);border-radius:50%;animation:b3-drehen .9s linear infinite}.b3__karte.geladen .b3__lader,.b3__karte.ohne3d .b3__lader{display:none}@keyframes b3-drehen{to{transform:rotate(1turn)}}@media(min-width:990px){.motion .b3__karte{grid-template-columns:1fr 1fr;min-height:34rem}.b3__szene{min-height:0}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/buehne-3d.css.map */