product-2d-visualizer{display:none;margin:2rem 0;width:100%;max-width:750px;margin-left:auto;margin-right:auto;background-color:#f8f8f8}.product-2d-visualizer{display:none;margin-top:0}.product-2d-visualizer:has(product-2d-visualizer.visible){display:block}product-2d-visualizer.visible{display:block}product-2d-visualizer .konva-container{margin:0 auto;max-width:100%}product-2d-visualizer .konvajs-content canvas{max-width:100%;height:auto!important;display:block}.live-info-box{padding:1rem;max-width:380px;line-break:normal;background-color:#fdae4c1a;padding:16px;display:flex;flex-direction:row;gap:16px;margin-bottom:12px;display:none}.live-info-box.visible{display:flex}.live-price{display:none}.live-price.visible{display:block}.live-price-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:20px;width:100%;background:linear-gradient(to bottom,transparent 0%,transparent 10%,#F8F8F8 10%,#F8F8F8 100%)}.product-2d-visualizer{position:relative}.product-2d-visualizer .ds-direction-info{position:absolute;z-index:10;padding:16px;bottom:-8px;right:-8px}.product-2d-visualizer .ds-direction-info .ds-direction-arrow-icon{color:#89aa28;font-weight:700;font-size:22px;bottom:-3px;position:relative}@media screen and (min-width: 769px){.live-price-container{padding:0 24px}.live-price-image{width:40%}}.cl-po--input[name=v_Einbautiefe]+.cl-po--swatch{background-color:transparent!important;color:#1f1f1a!important;padding:0 16px;height:20px}@media screen and (max-width: 768px){.live-price-container{padding:12px;position:relative}.live-price-content{width:70%}.live-price-image{position:absolute;right:-50px;width:60%;bottom:0}}.price-row:not(.total){padding:6px}.live-price-content{width:60%}.price-table{margin-top:20px;width:100%}.price-row{display:flex;justify-content:space-between;padding:6px 0;font-size:16px}.price-row.total{background-color:#e8f2ed;padding:8px;border-radius:8px;margin-top:8px;font-weight:700}.price-label{font-weight:500}.price-value{text-align:right;font-weight:400}.live-price-image{flex-shrink:0;max-width:200px;padding-top:20px}#live-options-oversize-box{display:none;flex-direction:column;gap:16px;width:100%;max-width:100%}#live-options-oversize-box.visible{display:flex}.live-info-box .top-row,.live-info-box .checkbox-row{display:flex;flex-direction:row;align-items:center;gap:8px}.live-info-box .checkbox-row{align-items:flex-start}.live-info-box .top-row{font-weight:700}.live-info-box .live-divider{width:100%;display:block;height:1px;background-color:#e2e2e2}.live-info-box .checkbox-text{color:#1f1f1a!important}.live-info-box .checkbox-text a{font-weight:700}.live-info-box input{margin-top:4px}.live-info-box input:is([type=checkbox],[type=radio]):checked{--b: #75922B;border:none}.cl-po--option[data-option=_sizes_radio] label:has(input[type=radio]:checked.cl-po--input):after{display:none!important}.cl-po--option[data-option=_sizes_radio]{display:flex;border:1px solid #ccc;border-radius:6px;overflow:hidden;width:fit-content}.cl-po--option[data-option=_sizes_radio] .cl-po--radio-item{flex:1;padding:10px 20px;text-align:center;cursor:pointer;transition:background-color .3s;margin-bottom:0;white-space:nowrap}.cl-po--option[data-option=_sizes_radio] .cl-po--radio-item input[type=radio]{display:none!important}.cl-po--option[data-option=_sizes_radio] .cl-po--radio-item{font-weight:700;display:block}.cl-po--option[data-option=_sizes_radio] .cl-po--radio-item input[type=radio]:checked+label{background-color:#fff!important;color:#000}.cl-po--option[data-option=_sizes_radio] label:has(input[type=radio]){background-color:#f1f1f1!important;color:#1d1d19a7}.cl-po--option[data-option=_sizes_radio] label:has(input[type=radio]:checked.cl-po--input){background-color:#fff!important;color:#1d1d19}.cl-po--option[data-option=_predefined] .cl-po--swatch-item{padding:0!important}.cl-po--option[data-option=_predefined] .cl-po--swatch-button{padding:10px 20px}.cl-po--option[data-option=_predefined] .cl-po--input:checked+.cl-po--swatch-button{background-color:#fff!important;color:#1d1d19!important}.cl-po--option[data-option=sizes]{margin-bottom:0!important}
/*# sourceMappingURL=/cdn/shop/t/34/assets/product-2d-visualizer.css.map */