.m3d{margin:var(--s7) 0 0}.m3d__hinweis{margin:var(--s3) 0 0;color:var(--text-2);max-width:52ch}.m3d__buehne{margin:var(--s5) 0 0;position:relative}.m3d__buehne model-viewer{width:100%;height:min(70vh,620px);background:var(--grund-2);border-radius:var(--ecke-flaeche)}.auf-dunkel .m3d__buehne model-viewer{background:var(--grund-dunkel-2)}.m3d__leisten{display:flex;flex-wrap:wrap;gap:var(--s4) var(--s6);margin:var(--s4) 0 0}.m3d__leiste{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2)}.m3d__leiste-titel{color:var(--text-2);margin-right:var(--s1)}.m3d__knopf{min-height:var(--tap);padding:0 var(--s4);border:1px solid var(--linie);border-radius:var(--ecke-pille);background:transparent;color:var(--text);font:inherit;font-size:.875rem;cursor:pointer;transition:background var(--zeit-kurz) var(--kurve-aus),border-color var(--zeit-kurz) var(--kurve-aus),color var(--zeit-kurz) var(--kurve-aus)}.m3d__knopf:hover{border-color:var(--linie-stark)}.m3d__knopf.ist-aktiv{background:var(--blau-knopf);border-color:var(--blau-knopf);color:#fff}.auf-dunkel .m3d__knopf{border-color:var(--linie-invers);color:var(--text-invers)}.auf-dunkel .m3d__knopf.ist-aktiv{background:var(--blau-dunkel);border-color:var(--blau-dunkel);color:#000}.m3d__marke{display:block;max-width:17rem;text-align:left;cursor:default;padding:var(--s2) var(--s3);background:#ffffffeb;border:1px solid var(--linie);border-radius:var(--ecke-karte);box-shadow:0 2px 10px #0000001a;font:inherit;color:var(--text);-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px)}.m3d__marke-titel{display:block;font-weight:600;font-size:.875rem}.m3d__marke-text{display:block;font-size:.8125rem;color:var(--text-2)}.m3d__kammer{width:128px;height:152px;pointer-events:none;border-radius:50% 50% 46% 46%/44% 44% 56% 56%;background:radial-gradient(ellipse at 50% 42%,#0071e36b,#0071e333 58%,#0071e300 78%);border:1.5px solid rgba(0,113,227,.75);opacity:0;transform:scale(.94);transition:opacity var(--zeit-mittel) var(--kurve-aus),transform var(--zeit-mittel) var(--kurve-aus)}.m3d__kammer.ist-an{opacity:1;transform:scale(1)}@media(prefers-reduced-motion:reduce){.m3d__knopf,.m3d__kammer{transition:none}}@media(max-width:640px){.m3d__buehne model-viewer{height:min(62vh,460px)}.m3d__leisten{gap:var(--s3)}.m3d__leiste-titel{width:100%}.m3d__marke{max-width:13rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/modell-3d.css.map */