.pcon-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background-color:#0d0d0d78;overflow:hidden}.pcon-open{height:100%;overflow:hidden;position:fixed;width:100%}.pcon-open .pcon-modal{display:block}.pcon-modal .modal-inner{position:absolute;top:36px;bottom:36px;left:48px;right:48px;max-width:1600px;margin:0 auto;background:#fff;border-radius:0;box-shadow:0 12px 40px #0000002e;display:flex;flex-direction:column;overflow:hidden}.pcon-modal .modal-inner .close-modal{flex:0 0 auto;align-self:stretch;height:60px;border-bottom:1px solid #F5F5F5;display:flex;align-items:center;justify-content:flex-end;padding:0 16px;font-size:0;color:transparent;cursor:default;width:auto;position:relative;pointer-events:none}.pcon-modal .modal-inner .close-modal:after{pointer-events:auto}.pcon-modal .modal-inner .close-modal:before{content:"Individuell konfigurieren";position:absolute;left:28px;font:500 16px/1 Work Sans,Helvetica,Arial,sans-serif;color:#0d0d0d}.pcon-modal .modal-inner .close-modal:after{content:"";width:40px;height:40px;border-radius:50%;background:#f5f5f5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M2 2l12 12M14 2L2 14' stroke='%232e2e2e' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center / 16px no-repeat;border:1px solid #e6e6e6;cursor:pointer;transition:background-color .15s,border-color .15s}.pcon-modal .modal-inner .close-modal:hover:after{background-color:#f5f5f5;border-color:#3e7e7d}.pcon-modal .pcon-iframe{flex:1 1 auto;width:100%;height:auto;border:0}#loading-layer{display:flex;justify-content:center;align-items:center;position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;background:#fffc}#loading-layer .loading-ring{width:48px;height:48px;border-radius:50%;border-top:3px solid #3e7e7d;border-right:3px solid transparent;box-sizing:border-box;animation:pcon-rotation 1s linear infinite}@keyframes pcon-rotation{to{transform:rotate(360deg)}}@media screen and (max-width:1024px){.pcon-modal .modal-inner{top:16px;bottom:16px;left:16px;right:16px}}@media screen and (max-width:640px){.pcon-modal .modal-inner{top:0;bottom:0;left:0;right:0;box-shadow:none}.pcon-modal .modal-inner .close-modal{height:56px;padding:0 12px}.pcon-modal .modal-inner .close-modal:before{left:16px;font-size:16px;font-weight:500;color:#0d0d0d;content:"Individuell konfigurieren"}.pcon-modal .modal-inner .close-modal:after{width:36px;height:36px}.pcon-modal .modal-inner{height:100dvh}}
/*# sourceMappingURL=/cdn/shop/t/85/assets/configurator.css.map */