main:is(.temp_pro_haustuer,.temp_pro_fenster,.temp_pro_metalments-paketbox) variant-selects{display:none}.cl-po--preview-wrapper{overflow:hidden;transition:box-shadow .3s;background:#fffb;border-radius:var(--media-radius);box-shadow:var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow),var(--media-shadow-opacity))}.cl-po--gallery-thumbnails .splide__list{justify-content:center}.cl-po--gallery-thumbnails .splide__track{overflow:unset}.cl-po--gallery-thumbnails.splide--nav>.splide__track>.splide__list>.splide__slide{margin:auto .5rem!important}.cl-po--gallery-thumbnails.splide--nav>.splide__track>.splide__list>.splide__slide .cl-po--gallery-thumbnail{border-radius:var(--media-radius);box-shadow:var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow),var(--media-shadow-opacity))}.cl-po--gallery-thumbnails.splide--nav>.splide__track>.splide__list>.splide__slide.is-active .cl-po--gallery-thumbnail{border-color:var(--e4m-blue)}@media screen and (max-width:749px){.cl-po--preview-wrapper,.cl-po--gallery-thumbnails{margin-bottom:2rem}.cl-po--gallery-thumbnails{margin-top:-1rem}}main.temp_pro_metalments-paketbox .cl-po--preview-wrapper{background-image:url(paketbox_bg_3.webp);background-size:cover}main.temp_pro_metalments .cl-po--preview-wrapper{background-image:url(hausnummer.webp);background-size:cover;background-color:#fff9;background-blend-mode:lighten}main.temp_pro_haustuer .cl-po--preview-wrapper{background-image:url(hausnummer.webp);background-size:cover;background-color:#fff9;background-blend-mode:lighten}.cl-po--preview-wrapper.active{box-shadow:0 0 5px #000 inset}.cl-po--preview-wrapper.active:after{opacity:0}.cl-po--preview canvas{transition:transform .3s,opacity .3s}.cl-po--preview.measurements canvas{transform:scale(.9)}.cl-po--preview .measure-canvas-overlay{opacity:0}.cl-po--preview.measurements .measure-canvas-overlay{opacity:100}.cl-po--preview .measurements-toggle-btn{background:var(--e4m-blue);border-radius:5px;padding:3px 5px;color:#fff;display:block;width:max-content;font-family:sans-serif;line-height:1;font-size:.8em;cursor:pointer;margin:-.5em auto .5em;position:relative;z-index:10}.cl-po--preview.measurements .measurements-toggle-btn{background:#fff9;color:var(--e4m-blue)}@media screen and (min-width:750px){.product__info-container{max-width:100%}main.temp_pro_fenster .product--medium:not(.product--no-media) .product__info-wrapper,main.temp_pro_fenster .product--small:not(.product--no-media) .product__media-wrapper{max-width:35%;width:calc(35% - var(--grid-desktop-horizontal-spacing) / 2)}main.temp_pro_fenster .product--medium:not(.product--no-media) .product__media-wrapper,main.temp_pro_fenster .product--small:not(.product--no-media) .product__info-wrapper{max-width:65%;width:calc(65% - var(--grid-desktop-horizontal-spacing) / 2)}main:is(.temp_pro_haustuer,.temp_pro_weinor) .product--medium:not(.product--no-media) .product__info-wrapper,main:is(.temp_pro_haustuer,.temp_pro_weinor) .product--small:not(.product--no-media) .product__media-wrapper{max-width:35%;width:calc(35% - var(--grid-desktop-horizontal-spacing) / 2)}main:is(.temp_pro_haustuer,.temp_pro_weinor) .product--medium:not(.product--no-media) .product__media-wrapper,main:is(.temp_pro_haustuer,.temp_pro_weinor) .product--small:not(.product--no-media) .product__info-wrapper{max-width:65%;width:calc(65% - var(--grid-desktop-horizontal-spacing) / 2)}}@media screen and (min-width:990px){main:is(.temp_pro_fenster) .product--medium:not(.product--no-media) .product__info-wrapper,main:is(.temp_pro_fenster) .product--small:not(.product--no-media) .product__media-wrapper{max-width:25%;width:calc(25% - var(--grid-desktop-horizontal-spacing) / 2)}main:is(.temp_pro_fenster) .product--medium:not(.product--no-media) .product__media-wrapper,main:is(.temp_pro_fenster) .product--small:not(.product--no-media) .product__info-wrapper{max-width:75%;width:calc(75% - var(--grid-desktop-horizontal-spacing) / 2)}}@media screen and (min-width:750px){.product__info-container .sticky-area.is-pinned{padding-top:90px;border-bottom:2px solid var(--e4m-blue)}.product__info-container .sticky-area.is-pinned .product__title h1{font-size:2rem}.product__info-container .sticky-area.is-pinned .product__text.subtitle{font-size:1.35rem;margin-bottom:.5rem}.product__info-container .sticky-area.is-pinned .product-collection-info,.product__info-container .sticky-area.is-pinned .custom-subtitle{display:none}}variant-selects .product-form__input{box-shadow:0 5px 5px -7px #000;padding:0rem 0 2rem;position:relative;max-width:100%;width:100%}variant-selects:has(+.vm_des_wert)>.product-form__input:last-of-type{box-shadow:none;margin-bottom:0}variant-selects .product-form__input select{height:3em}.cl-po--options .cl-po--option:not(:has(.cl-po--group)){box-shadow:0 5px 5px -7px #000;padding:0rem 0 2rem;position:relative}.cl-po--option:has(.cl-po--group){padding-bottom:0}.cl-po--option:has(+.cl-po--option .cond_opt),.cl-po--option:has(+.cl-po--option[data-option=st_aufteilung]){box-shadow:none;padding-bottom:0}.cl-po--swatch-container{grid-gap:1rem;width:auto}.cl-po--swatch-item{margin:0}.cl-po--info{background-color:var(--e4m-blue)}.cl-po--option .cl-po--label{font-size:1.3rem!important;font-weight:700;color:rgba(var(--color-foreground),.75)!important;flex-wrap:wrap;grid-gap:0 1rem;margin-bottom:.8rem!important}.cl-po--option .cl-po--label .cl-po--value,.cl-po--option .cl-po--label .cl-po--price,.product__info-container .price_extra_options span{color:#fff!important;background:var(--e4m-blue);padding:.2rem .6rem .2rem .4rem;font-size:1.15rem;font-weight:700;position:relative;border-radius:.3rem;white-space:nowrap;line-height:1.4rem}.cl-po--option .cl-po--label .cl-po--value{background:transparent!important;color:var(--e4m-blue)!important;border:1px solid var(--e4m-blue)}.cl-po--option:has(.cl-po--swatch-button,select):not(:has(.cl-po--swatch-color)) .cl-po--label .cl-po--value{display:none}.cl-po--option .cl-po--label .cl-po--price{background:var(--e4m-blue)}.cl-po--option .cl-po--label .cl-po--value+.cl-po--price{margin-left:0}.cl-po--option .cl-po--dimension-item{flex-basis:15%;min-width:150px}.cl-po--option .cl-po--swatch-img.cl-po--swatch.cl-po--large{height:100px;width:100px}.cl-po--option .cl-po--swatch-item.grow .cl-po--swatch:not(.cl-po--swatch-button){aspect-ratio:1;height:auto}.cl-po--option:has(.cl-po--help span[class*=height-5-3]) .cl-po--swatch-item.grow .cl-po--swatch:not(.cl-po--swatch-button){aspect-ratio:5/3}.cl-po--option:has(.cl-po--help span[class*=height-4-3]) .cl-po--swatch-item.grow .cl-po--swatch:not(.cl-po--swatch-button){aspect-ratio:4/3}.cl-po--option:has(.cl-po--help span[class*=height-2-1]) .cl-po--swatch-item.grow .cl-po--swatch:not(.cl-po--swatch-button){aspect-ratio:2/1}.cl-po--option:has(.cl-po--help span[class*=height-3-1]) .cl-po--swatch-item.grow .cl-po--swatch:not(.cl-po--swatch-button){aspect-ratio:3/1}.cl-po--option .cl-po--swatch-item.grow .cl-po--swatch img{object-fit:cover;max-height:none;position:relative;transform:translateY(-50%);top:50%}.cl-po--option:has(.cl-po--help span[class*=per-row-]) .cl-po--swatch-container{grid-gap:1rem 0}.cl-po--option:has(.cl-po--help span[class*=per-row-]) .cl-po--swatch-item{max-width:48.75%;margin-right:2.5%;flex-basis:auto}.cl-po--option:has(.cl-po--help span[class*=per-row-]):has(.cl-po--swatch-color) .cl-po--swatch-item{width:100%}@media screen and (max-width:749px){.cl-po--option:has(.cl-po--help span[class*=per-row-]) .cl-po--swatch-item:nth-of-type(2n){margin-right:0}}@media screen and (min-width:750px){.cl-po--option:has(.cl-po--help span.per-row-2) .cl-po--swatch-item:nth-of-type(2n),.cl-po--option:has(.cl-po--help span.per-row-3) .cl-po--swatch-item:nth-of-type(3n),.cl-po--option:has(.cl-po--help span.per-row-4) .cl-po--swatch-item:nth-of-type(4n),.cl-po--option:has(.cl-po--help span.per-row-5) .cl-po--swatch-item:nth-of-type(5n),.cl-po--option:has(.cl-po--help span.per-row-6) .cl-po--swatch-item:nth-of-type(6n),.cl-po--option:has(.cl-po--help span.per-row-10) .cl-po--swatch-item:nth-of-type(10n){margin-right:0}.cl-po--option:has(.cl-po--help span.per-row-3) .cl-po--swatch-item{max-width:calc((100% - 5%) / 3)}.cl-po--option:has(.cl-po--help span.per-row-4) .cl-po--swatch-item{max-width:23.125%}.cl-po--option:has(.cl-po--help span.per-row-5) .cl-po--swatch-item{max-width:18%}.cl-po--option:has(.cl-po--help span.per-row-6) .cl-po--swatch-item{max-width:calc((100% - 12.5%) / 6)}.cl-po--option:has(.cl-po--help span.per-row-10) .cl-po--swatch-item{max-width:7.75%}}.cl-po--option input[type=checkbox]:checked.cl-po--input{background-color:var(--e4m-blue)!important}.cl-po--checkbox-item{font-size:1.15rem}.cl-po--option .cl-po--radio-item{font-size:1.25rem}.cl-po--option .cl-po--radio-item input[type=radio]:checked.cl-po--input{background-color:var(--e4m-blue)!important;margin-top:0}.cl-po--option :is(.cl-po--swatch-img,.cl-po--swatch-button,.cl-po--swatch-color){border-color:var(--e4m-gray)!important;position:relative}.cl-po--option :is(.cl-po--swatch-img,.cl-po--swatch-button,.cl-po--swatch-color):hover,.cl-po--option .cl-po--input:checked+:is(.cl-po--swatch-img,.cl-po--swatch-button,.cl-po--swatch-color):before{border-color:var(--e4m-blue)!important}.cl-po--option .cl-po--input:checked+.cl-po--swatch-button{padding-right:30px}.cl-po--option .cl-po--input:checked+:is(.cl-po--swatch-img,.cl-po--swatch-button,.cl-po--swatch-color){border-width:2px!important;box-shadow:none!important;border-color:var(--e4m-blue)!important}.cl-po--option .cl-po--input:checked+:is(.cl-po--swatch-img,.cl-po--swatch-button,.cl-po--swatch-color):after{color:#fff!important;content:"\2713";position:absolute;z-index:2;bottom:0;right:0;padding:9px 0 0 12px;width:3rem;height:3rem;font-size:1.3rem;text-align:center}.cl-po--option .cl-po--input:checked+:is(.cl-po--swatch-img,.cl-po--swatch-button,.cl-po--swatch-color):before{content:"";background:var(--e4m-blue)!important;position:absolute;z-index:1;bottom:-3.5rem;right:-3.5rem;width:6rem;height:6rem;text-align:center;transform:rotate(45deg);border:2px solid var(--e4m-gray)}.cl-po--option .cl-po--input:checked+.cl-po--swatch-color.cl-po--small:after{padding:6px 0 0 11px;width:2rem;height:2rem;font-size:1rem}.cl-po--option .cl-po--input:checked+.cl-po--swatch-color.cl-po--small:before{bottom:-2.5rem;right:-2.5rem;width:4rem;height:4rem}.cl-po--option .cl-po--swatch-text{line-height:1.8rem;font-size:1.25rem;text-align:center}.cl-po--option:has(.cl-po--help span.fundament,.cl-po--help span.sockel,.cl-po--help span.ht_montage,.cl-po--help span[class*=desc_spez_]) .cl-po--swatch-text{background:#f5f5f5;margin:0 .5rem;padding:1rem .5rem;border-radius:0 0 1rem 1rem;border:1px solid #CCC;border-top:0}.cl-po--swatch-text .metafield-rich_text_field:before{content:"";display:block;width:75%;height:1px;background-color:#ccc;margin:1rem auto}.cl-po--swatch-text .metafield-rich_text_field p{font-size:1.15rem;color:rgba(var(--color-foreground),.75);margin:0}.cl-po--swatch-text .metafield-rich_text_field h4{color:var(--e4m-blue);margin:.5rem 0 0!important;font-size:1.25rem;font-weight:500}.cl-po--swatch-item:has(.cl-po--input:checked) .cl-po--swatch-text,.cl-po--swatch-item:hover .cl-po--swatch-text{color:var(--e4m-blue);border-color:var(--e4m-blue)!important;font-weight:700}.cl-po--option .cl-po--invalid{border-color:var(--e4m-red)!important}.cl-po--option .cl-po--error{padding-right:30px;background-color:var(--e4m-red)!important;border-color:var(--e4m-red)!important}.cl-po--option .cl-po--error:after{content:"\d7";top:0;right:10px;font-weight:700}.cl-po--option:has(span.dr-helper) .cl-po--swatch-item{flex-direction:unset}.cl-po--option:has(span.dr-helper) .cl-po--swatch-button{min-width:max-content}.cl-po--option:has(span.dr-helper) :is(.dr_left_note,.dr_right_note){flex:1;font-size:1.3rem;line-height:1.5rem;margin-left:3%;padding:0rem 1rem;border-radius:.5rem;border:1px solid var(--e4m-blue);color:#666;display:inline-block}.cl-po--option:has(span.dr-helper) :is(.dr_left_note,.dr_right_note) p{font-size:1.2rem;line-height:1.5rem}.cl-po--option:has(span.dr-helper) :is(.dr_left_note,.dr_right_note) p:first-child:before{content:"i";background:var(--e4m-blue);border-radius:.5rem;color:#fff;display:inline-block;padding:0;width:1.5em;height:1.5em;line-height:1.5em;text-align:center;font-weight:700;margin-right:.5em;vertical-align:text-bottom}.cl-po--option:has(.cl-po--help span.ht_montage,.cl-po--help span[class*=desc_spez_]) .cl-po--swatch-item{flex-direction:row;flex:0 0 100%;grid-gap:2%}.cl-po--option:has(.cl-po--help span.ht_montage,.cl-po--help span[class*=desc_spez_]) .cl-po--swatch-img.cl-po--swatch.cl-po--large{flex:0 0 120px;height:auto}.cl-po--option:has(.cl-po--help span.ht_montage,.cl-po--help span[class*=desc_spez_]) .cl-po--swatch-text{flex:1;border-radius:.5rem;border:1px solid var(--e4m-gray)}.cl-po--option[data-option=st_aufteilung]{box-shadow:0 5px 5px -7px #000}.cl-po--option[data-option=st_aufteilung] .cl-po--group{background:#fff;padding:1em;border-radius:var(--media-radius);border:1px solid #CCC;margin-bottom:2rem}.cl-po--option[data-option=st_aufteilung] .cl-po--option{box-shadow:none;margin-bottom:0!important;padding-bottom:0;align-self:end}.cl-po--option[data-option=st_aufteilung] input{cursor:default;font-size:1em!important;padding:0;border:0;box-shadow:none!important}.cl-po--option[data-option=st_aufteilung] label{border-bottom:1px solid #CCC;width:fit-content}.cl-po--option[data-option=mk_dimension] .cl-po--group{align-items:end}.cl-po--option:has(+.cl-po--option[data-option=gruppe-fotos]){margin-bottom:0!important;padding-bottom:0;box-shadow:none}.tippy-box{color:rgba(var(--color-foreground),.75)!important;background-color:#fff;border-radius:var(--media-radius);border:10px solid #CCC;box-shadow:var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) calc(var(--media-shadow-blur-radius)/2) rgba(var(--color-shadow),var(--media-shadow-opacity))}.tippy-arrow{display:block!important;transform:translate(-50%)!important;left:50%!important;color:#ccc}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-18px}.tippy-box[data-placement^=top]>.tippy-arrow:before{transform-origin:bottom;bottom:-18px}.product-popup-modal__opener.faq_btn{position:absolute;top:0;right:0}.product-popup-modal__opener.faq_btn button{min-height:0;padding:0 0 .5rem .5rem}.product-popup-modal__opener.faq_btn button svg{fill:var(--e4m-blue);transition:transform .2s ease}.product-popup-modal__opener.faq_btn button svg path:nth-child(1){stroke-width:1;stroke:var(--e4m-blue);transform:scale(.8) translate(10%,10%)}.product-popup-modal__opener.faq_btn button svg:hover{transform:scale(1.3)}@media screen and (max-width:749px){.option_collection{display:none}}.option_collection{margin-top:2rem;background:#fff;border-radius:var(--media-radius);box-shadow:var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow),var(--media-shadow-opacity));font-size:1.2rem;overflow:auto}.option_collection h4{text-align:center;margin:1rem auto 0;font-weight:600;font-size:1.1rem}.option_collection h3{text-align:center;margin:.75rem auto .5rem;color:var(--e4m-blue);border-bottom:1px solid #FFF;box-shadow:0 5px 5px -7px #000;padding-bottom:.5rem;font-weight:500}.option_collection .oc_option_value{padding:.3rem .5rem;line-height:1.5rem;display:flex;justify-content:space-between;column-gap:.5rem;font-weight:600;margin:0 .5rem}.oc_option_value:hover{box-shadow:0 0 3px #666;cursor:default;border-radius:5px}.option_collection .oc_option_value:nth-child(2n){background-color:#6661}.option_collection .oc_option_value:last-child{margin-bottom:0;padding-bottom:1rem}.option_collection .oc_option_value .oc_option:after{content:": "}.option_collection .oc_option_value .oc_value{color:var(--e4m-blue);text-align:right}.product__info-container .ud-wert{background:var(--e4m-blue);position:absolute;right:0;border-radius:0 var(--media-radius) 0 var(--media-radius);padding:1rem;color:#fff;text-align:center;font-size:1.2rem;font-weight:700;line-height:normal;top:0;z-index:6}.product__info-container .ud-wert span{font-size:2rem}.product__info-container .ud-wert .sternchen{font-size:1rem;vertical-align:top}.product__info-container .price_extra_options{font-size:1.15rem;margin-bottom:1rem}.product__info-container .price_extra_options span{padding-left:.8em}.cl-po--option .cl-po--help:not(.empty):not(.cl-po--text-help){font-size:1.15rem!important;text-align:center;background:#eee;border-radius:var(--media-radius);padding:.5em;border:1px solid #CCC;margin-top:1.5em}.cl-po--option .cl-po--help:not(.empty):not(.cl-po--text-help):before{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='54'%3E%3Cpath d='M2.083 44.191h2.083V29.143H2.083C.933 29.143 0 28.21 0 27.059v-4.976C0 20.933.933 20 2.083 20H13.75c1.151 0 2.083.933 2.083 2.083v22.107h2.083c1.151 0 2.083.933 2.083 2.083v4.976c0 1.151-.933 2.083-2.083 2.083H2.083C.933 53.333 0 52.401 0 51.25v-4.976c0-1.151.933-2.083 2.083-2.083zM10 0a7.5 7.5 0 1 0 0 15 7.5 7.5 0 1 0 0-15z' fill='%23fff'/%3E%3C/svg%3E");width:1.7rem;display:inline-block;height:1.7rem;background-size:contain;background-repeat:no-repeat;background-position:center;background-color:var(--e4m-blue);border-radius:2rem;background-size:23.7%;vertical-align:bottom;margin-right:.5rem}.cl-po--option .cl-po--help a{color:var(--e4m-blue)}.cl-po--option .cl-po--help .aktion{background-color:var(--e4m-blue);color:#fff;border-radius:var(--media-radius);padding:.5em;margin-top:1em}.ral-wrapper{display:flex;align-items:stretch}.ral-box-small{max-height:117px;overflow-y:auto;position:relative;scrollbar-color:var(--e4m-blue) #f0f0f0}.ral-scroll-btn-col{display:flex;flex-direction:column;margin-left:15px;justify-content:space-between}.ral-scroll-btn{width:40px;height:40px;border-radius:7px;border:1px solid var(--e4m-gray);background:#f0f0f0;cursor:pointer;margin-bottom:11px;transition:background .22s;color:var(--e4m-blue)}.ral-scroll-btn:last-child{margin-bottom:0}.ral-scroll-btn:hover{background:var(--e4m-gray)}.option_updated{background-color:var(--e4m-blue)!important;color:#fff!important;transition:background-color .5s cubic-bezier(.55,0,.1,1),color .5s cubic-bezier(.55,0,.1,1)}
/*# sourceMappingURL=/cdn/shop/t/20/assets/product-konfigurator.css.map */