

#configuratorOverlayWrapper .configurator .configurator-controls,#configuratorOverlayWrapper .configurator .configurator-header{margin:1rem 0}#configuratorOverlayWrapper .configurator .configurator-controls .configuratorButton,#configuratorOverlayWrapper .configurator .configurator-header .configuratorButton{border-radius:50px;padding:.5rem 1.5rem;background:#fff;border:none;letter-spacing:2px;background:linear-gradient(to left,#1a3880 0,#401a80 100%);background-clip:border-box;text-shadow:2px 1px 2px #000;transition:.3s cubic-bezier(0,.13,0,.99)}#configuratorOverlayWrapper .configurator .configurator-controls .configuratorButton:focus,#configuratorOverlayWrapper .configurator .configurator-controls .configuratorButton:hover,#configuratorOverlayWrapper .configurator .configurator-header .configuratorButton:focus,#configuratorOverlayWrapper .configurator .configurator-header .configuratorButton:hover{transform:translateY(-3px);box-shadow:0 2px 4px #bbb;background-clip:border-box}#configuratorOverlayWrapper .configurator .configurator-controls .progressbar,#configuratorOverlayWrapper .configurator .configurator-header .progressbar{border-radius:100px;overflow:hidden;margin:1rem 0}#configuratorOverlayWrapper .configurator .configurator-controls .progressbar>span,#configuratorOverlayWrapper .configurator .configurator-header .progressbar>span{background:linear-gradient(to left,#1a3880 0,#401a80 100%);border-radius:10px;padding:0}@media screen and (max-width:992px){#configuratorOverlayWrapper .configurator .configurator-controls .progressbar,#configuratorOverlayWrapper .configurator .configurator-header .progressbar{margin:0 0 1rem}}#configuratorOverlayWrapper .configurator label:before{font-size:1.5em;z-index:999;transform:translateY(20px);background:linear-gradient(to left,#1a3880 0,#401a80 100%);animation:.2s cubic-bezier(.25,.46,.45,.94) both fadeIn;box-shadow:0 5px 20px #bbb;text-shadow:0 0 10px #000}#configuratorOverlayWrapper .configurator label .textInputContainer{padding:0 0 1rem;text-align:center}#configuratorOverlayWrapper .configurator label .textInputContainer .textInput{width:clamp(30%,50%,100%);border-radius:13px;text-align:center;box-sizing:border-box;border:none;box-shadow:inset 0 1px 4px #999}#configuratorOverlayWrapper .configurator label .textInputContainer .textInput::focus{border:5px red}#configuratorOverlayWrapper .configurator label .range{margin:1rem auto;width:60%;-webkit-appearance:none;border-radius:20px;height:10px;background:#ddd;outline:0;opacity:.5;-webkit-transition:.2s;transition:opacity .2s}#configuratorOverlayWrapper .configurator label .range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:25px;background:linear-gradient(to left,#1a3880 0,#401a80 100%);cursor:pointer}#configuratorOverlayWrapper .configurator label .range:hover{opacity:1}#configuratorOverlayWrapper .configurator label .inlineFancyboxTriggerQ .fancyboxBtn{position:relative;background:linear-gradient(to left,#1a3880 0,#401a80 100%);border-radius:40px!important;padding:1.12rem!important;border:none;display:flex;align-items:center;justify-content:center}#configuratorOverlayWrapper .configurator label .inlineFancyboxTriggerQ .fancyboxBtn:before{position:absolute}#configuratorOverlayWrapper .configurator .answer{margin:1rem 0;border-radius:15px;background-color:#fff;box-shadow:0 15px 35px rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,.07);transition:.3s cubic-bezier(0,.13,0,.99);overflow:hidden}#configuratorOverlayWrapper .configurator .answer .itemInputLabel .answer_label_desc{margin:1rem 0;text-align:center;display:block;letter-spacing:1px;font-size:15px}@media screen and (max-width:600px){#configuratorOverlayWrapper .configurator .answer .itemInputLabel .answer_label_desc{min-height:0;font-size:11.5px;font-weight:600;margin:1rem 0;display:flex;flex-direction:row;justify-content:center}}#configuratorOverlayWrapper .configurator .answer .configurator_input_container{position:relative}#configuratorOverlayWrapper .configurator .answer .configurator_input_container .range{position:absolute}#configuratorOverlayWrapper .configurator .answer:focus,#configuratorOverlayWrapper .configurator .answer:hover{transform:translateY(-4px);box-shadow:0 5px 20px #bbb}#configuratorOverlayWrapper .configurator .answer p{text-align:center;padding:.5rem 0 0}#configuratorOverlayWrapper .configurator .preset{box-shadow:0 5px 20px #bbb;background:#f1f1f1;transition:.3s cubic-bezier(0,.13,0,.99);border-radius:15px}#configuratorOverlayWrapper .configurator .preset>span{text-align:center;margin:1rem;display:block}#configuratorOverlayWrapper .configurator .preset>p{text-align:center;padding:.4rem 0 1rem;color:#555}@media screen and (max-width:576px){#configuratorOverlayWrapper .configurator label .inlineFancyboxTriggerQ .fancyboxBtn{padding:.4rem}#configuratorOverlayWrapper .configurator .preset>span{font-size:14px;font-weight:600;display:flex;flex-direction:column;justify-content:center}#configuratorOverlayWrapper .configurator .preset>p{margin-left:auto;margin-right:auto;font-size:14px}}.q0_fileuploadq_trigger.iconSetQ.iconSetQ-upload{min-height:40px;border:1px solid #bbb;position:relative;overflow:hidden;border-radius:5px;transition:background 50ms ease-in-out;background:#f3f3f3;color:transparent}.q0_fileuploadq_trigger.iconSetQ.iconSetQ-upload:after{position:absolute;content:'Datei auswählen';display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#555}.q0_fileuploadq_trigger.iconSetQ.iconSetQ-upload:focus,.q0_fileuploadq_trigger.iconSetQ.iconSetQ-upload:hover{background:#eee}.img_frame{border-radius:25px;overflow:hidden;box-shadow:0 15px 35px rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,.07)}.fancybox-title .child{border-radius:25px!important;backdrop-filter:blur(2px);box-shadow:0 0 10px #ddd;padding:1rem 2.5rem!important;line-height:2rem!important}@media screen and (max-width:576px){.fancybox-title .child{padding:.5rem 1.5rem!important;font-size:14px!important;line-height:1.25rem!important}}.insertcaptcha_button{border-radius:50px!important;padding:.75rem!important;border:none!important;line-height:1.5!important;background:linear-gradient(to left,#1a3880 0,#401a80 100%)!important;text-shadow:2px 1px 2px #000!important;transition:.3s cubic-bezier(0,.13,0,.99)!important}.insertcaptcha_button:focus,.insertcaptcha_button:hover{transform:translateY(-3px);box-shadow:0 2px 4px #bbb;background-clip:border-box}.print,.submitButton{margin:.5rem 0;border-radius:50px!important;line-height:2!important;padding:.5rem .75rem!important;font-size:14px!important;border:none!important;letter-spacing:3px!important;background:linear-gradient(to left,#1a3880 0,#401a80 100%)!important;text-shadow:2px 1px 2px #000!important;transition:.3s cubic-bezier(0,.13,0,.99)!important;color:#fff!important}.print:focus,.print:hover,.submitButton:focus,.submitButton:hover{transform:translateY(-3px);box-shadow:0 2px 4px #bbb;background-clip:border-box}.desktopQ #configuratorOverlayWrapper.open .configurator{max-width:95vw;margin:20px auto;background:#fff;padding:20px;-webkit-box-shadow:0 0 22px -4px rgba(0,0,0,.69);-moz-box-shadow:0 0 22px -4px rgba(0,0,0,.69);box-shadow:0 0 22px -4px rgba(0,0,0,.69);height:95vh;-webkit-overflow-scrolling:touch;overflow:auto;color:#555}#configuratorOverlayWrapper.activated.open #btnCloseOverlay{right:3vh;top:1vh;position:absolute;z-index:1}.desktopQ #configuratorOverlayWrapper.activated:not(.open){display:none!important}.desktopQ #configuratorOverlayWrapper.open{position:fixed;top:0;left:0;background:rgba(0,0,0,.4);width:100vw;height:100vh;z-index:1040}.fancybox-title-float-wrap{top:30px;left:30px;text-align:left;margin-bottom:0}.fancybox-title-float-wrap .child{white-space:normal;line-height:2em;border-radius:0;padding:40px 80px;background:rgba(255,255,255,.8);text-shadow:none;color:#000;font-weight:400;font-size:1.4em}.inlineFancyboxTriggerQ{display:inline-block;right:5%;position:absolute;top:8%;z-index:1}#configuratorOverlayWrapper.activated.open .inlineFancyboxTriggerQ{right:2%;top:3%}.mobileQ #configuratorOverlayWrapper .configurator a.inlineFancyboxTriggerQ:not(.showTriggerOnMobile){display:none}.configurator div.progressbar{height:20px;background:#eee;width:100%;color:#fff;font-size:.8em;padding:0;margin:0;position:relative}.configurator div.progressbar span{display:block;background:#1a3880;padding:2px;text-align:center;position:absolute;left:0;height:100%}.configurator .configuratorButton{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;user-select:none;background-color:#1a3880;color:#fff!important;padding:6px 12px;white-space:nowrap;font-size:14px;line-height:1.42857143;border-radius:4px;border:1px solid transparent;font-weight:400;text-align:center;vertical-align:middle;cursor:pointer;margin-bottom:2%}.configurator .configuratorButton.forward{float:right}.configurator .configuratorButton.disabled{pointer-events:none;opacity:.7}.desktopQ #configuratorOverlayWrapper:not(.activated) .configuratorButton.overview{left:45%}.desktopQ #configuratorOverlayWrapper.activated .configuratorButton.overview{left:48%}.configurator .configuratorButton.overview{position:relative}.configurator .configuratorButton.hidden,.configurator .controlpanel.hidden,.configurator .progressBar.hidden{pointer-events:none;opacity:0}.configurator .summary{display:block}#printversionQ .summary{height:auto}#printversionQ .summary .summaryList{list-style:none}#printversionQ .summary .summaryList li>*{padding:2px}.configurator .summaryList{display:flex;flex-direction:column;flex-wrap:wrap;list-style:none;margin-left:-47px}.configurator .summaryList li .number{margin-right:10px;display:inline;vertical-align:middle}.configurator .summaryList li{position:relative;font-size:16px;padding:5px;z-index:1}.configurator .summaryList li span.priceEntry-title,.summaryList li span.question-title{font-weight:700}.configurator .summaryList li.priceEntry{list-style:none}.configurator .summaryList li.priceEntry:before{background:0 0}.mobileQ .summary{height:auto}.mobileQ .summaryList{padding-left:0;margin-left:0}.mobileQ .configurator .summary:before{width:5%}.configurator .configurator-content .disabled:not(.configuratorButton),.configurator .configurator-content .slide.slideWrapper:not(.active){display:none}.slide{position:relative}.imageCheckbox{display:inline-block;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;user-select:none}.mobileQ .configurator label.pictureInput input[type=checkbox],.mobileQ .configurator label.pictureInput input[type=radio]{display:inline}.desktopQ .configurator label.pictureInput input[type=checkbox],.desktopQ .configurator label.pictureInput input[type=radio]{display:none}.configurator label{display:block;position:relative;cursor:pointer;font-weight:initial}.configurator label:before{display:flex;align-items:center;justify-content:center;left:50%;bottom:50%;position:absolute;z-index:1;font-size:1.9em;line-height:115%;translate:-50%;width:40px;height:40px;color:#fff;border-radius:50%}.configurator label img{transition-duration:.2s;transform-origin:50% 50%}.configurator label.checked:not(.noPicture):before{content:"✓";background-color:#1a3880;transform:scale(1)}.mobileQ .configurator label:not(.mobilePicture).checked:before{display:none}.mobileQ .configurator label input{margin-right:10px}.configurator label.notChecked picture{opacity:.5}#configuratorOverlayWrapper:not(.activated) #btnCloseOverlay,.mobileQ #configuratorOverlayWrapper #btnCloseOverlay,.mobileQ .configurator label.mobilePicture input[type=checkbox],.mobileQ .configurator label.mobilePicture input[type=radio],.mobileQ .configurator label:not(.mobilePicture) picture,.mobileQ button.btnOpenConfiguratorModal,button.btnOpenConfiguratorModal:not(.activated){display:none}.mobileQ .configurator .configurator-controls{padding-top:25px}.configurator .summary .summaryJumpButton{background:0 0;border:none;position:absolute}.configurator .summary .summaryJumpButton:before{border:1px solid #ccc;font-size:.7em;color:#000;border-radius:5px;padding:4px}.mobileQ .configurator input[type=range]:not(.fullWidth){width:initial}.desktopQ #configuratorOverlayWrapper.open .containerQ{max-width:100%}section.roof_SelectorQWrapper{padding:0}