@charset "UTF-8";.offer-configurator .lds-spinner{color:official;display:block;margin:auto;margin-bottom:20px;position:relative;width:80px;height:80px}.offer-configurator .lds-spinner.hidden{display:none}.offer-configurator .lds-spinner div{transform-origin:40px 40px;animation:lds-spinner 1.2s linear infinite}.offer-configurator .lds-spinner div:after{content:" ";display:block;position:absolute;top:3px;left:37px;width:6px;height:18px;border-radius:20%;background:#000}.offer-configurator .lds-spinner div:nth-child(1){transform:rotate(0deg);animation-delay:-1.1s}.offer-configurator .lds-spinner div:nth-child(2){transform:rotate(30deg);animation-delay:-1s}.offer-configurator .lds-spinner div:nth-child(3){transform:rotate(60deg);animation-delay:-0.9s}.offer-configurator .lds-spinner div:nth-child(4){transform:rotate(90deg);animation-delay:-0.8s}.offer-configurator .lds-spinner div:nth-child(5){transform:rotate(120deg);animation-delay:-0.7s}.offer-configurator .lds-spinner div:nth-child(6){transform:rotate(150deg);animation-delay:-0.6s}.offer-configurator .lds-spinner div:nth-child(7){transform:rotate(180deg);animation-delay:-0.5s}.offer-configurator .lds-spinner div:nth-child(8){transform:rotate(210deg);animation-delay:-0.4s}.offer-configurator .lds-spinner div:nth-child(9){transform:rotate(240deg);animation-delay:-0.3s}.offer-configurator .lds-spinner div:nth-child(10){transform:rotate(270deg);animation-delay:-0.2s}.offer-configurator .lds-spinner div:nth-child(11){transform:rotate(300deg);animation-delay:-0.1s}.offer-configurator .lds-spinner div:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes lds-spinner{0%{opacity:1}100%{opacity:0}}.offer-configurator .status_icon_ok{margin-bottom:10px;text-align:center;display:none}.offer-configurator .status_icon_ok img{max-width:120px}@media (max-width:991px){.offer-configurator .status_icon_ok img{max-width:80px}}.offer-configurator .status{margin-top:20px;margin-bottom:50px;text-align:center;display:none}.offer-configurator .header .logo-bar{background:#08293C;text-align:center;padding-top:20px;padding-bottom:20px}.offer-configurator .header .logo-bar img{max-width:120px}@media (max-width:991px){.offer-configurator .header .logo-bar img{max-width:90px}}.offer-configurator .header .progress-bar{background:#E7E6E6;height:10px;position:relative;margin-bottom:20px}.offer-configurator .header .progress-bar .filled{background:#3DA434;left:0;top:0;bottom:0;width:0%;position:absolute;transition:all 1s ease-in}.offer-configurator .header .back-button{color:#D0CECE;margin-top:10px;text-align:left;font-weight:600;display:block}.offer-configurator .footer{text-align:center}.offer-configurator .footer .forward-button,.offer-configurator .footer .submit-button{display:inline-block;background:#3DA434;padding:15px;min-width:250px;color:#fff;border-radius:30px;font-weight:700;transition:all 0.3s ease-in}@media (max-width:991px){.offer-configurator .footer .forward-button,.offer-configurator .footer .submit-button{padding:10px}}.offer-configurator .footer .forward-button:hover,.offer-configurator .footer .submit-button:hover{background:rgba(61,164,52,.768627451)}.offer-configurator .footer .submit-button{display:none}.offer-configurator .steps{padding-top:20px}.offer-configurator .steps .step{display:none}.offer-configurator .steps .step h2{font-size:35px;text-align:center;margin-bottom:10px;font-weight:600}@media (max-width:991px){.offer-configurator .steps .step h2{font-size:26px}}.offer-configurator .steps .step .instructions{color:#D0CECE;text-align:center;font-weight:600}.offer-configurator .steps .step .form-container{margin-left:auto;margin-right:auto;margin-top:30px;margin-bottom:30px;text-align:center}@media (min-width:992px){.offer-configurator .steps .step .form-container{max-width:65%}}.offer-configurator .steps .step .form-field{margin-bottom:1rem;text-align:left}.offer-configurator .steps .step .form-field input[type=text],.offer-configurator .steps .step .form-field input[type=email]{width:100%}.offer-configurator .steps .step .form-field-row{display:flex;flex-flow:row wrap;margin:0 0 0 -1rem;box-sizing:border-box}@media (max-width:575px){.offer-configurator .steps .step .form-field-row{margin-left:0;margin-right:0}}.offer-configurator .steps .step .form-field-row .form-field{flex:1 0 45%;flex-direction:column;margin:0 0 1rem 1rem;text-align:left;vertical-align:middle;display:flex;position:relative}@media (max-width:575px){.offer-configurator .steps .step .form-field-row .form-field{flex:1 0 100%;margin-left:0;margin-right:0}}.offer-configurator .steps .step .form-field-row .form-field.form-field-small{flex:1 0 10%}.offer-configurator .steps .step .image-uploader-container{display:flex;flex-flow:row wrap;margin:0 0 0 -1rem;box-sizing:border-box}@media (max-width:575px){.offer-configurator .steps .step .image-uploader-container{margin-left:0;margin-right:0}}.offer-configurator .steps .step .image-uploader-container .image-col,.offer-configurator .steps .step .image-uploader-container .image-uploader-col{flex:1 0 30.7692307692%;flex-direction:column;padding:0 1rem 1rem;margin:0 0 1rem 1rem;text-align:center;min-height:200px;vertical-align:middle;display:flex;position:relative;border:2px solid #eee}@media (max-width:575px){.offer-configurator .steps .step .image-uploader-container .image-col,.offer-configurator .steps .step .image-uploader-container .image-uploader-col{flex:1 0 100%;margin-left:0;margin-right:0}}@media (max-width:575px){.offer-configurator .steps .step .image-uploader-container .image-col,.offer-configurator .steps .step .image-uploader-container .image-uploader-col{min-height:150px}}.offer-configurator .steps .step .image-uploader-container .image-col{width:35%;display:flex}.offer-configurator .steps .step .image-uploader-container .image-col img{max-height:70px;width:auto;margin:auto}.offer-configurator .steps .step .image-uploader-container .image-uploader-col{width:60%}.offer-configurator .steps .step .filepond{margin-top:10px}.offer-configurator .steps .step .image-choice{display:flex;flex-flow:row wrap;margin:0 0 0 -1rem;box-sizing:border-box}@media (max-width:575px){.offer-configurator .steps .step .image-choice{margin-left:0;margin-right:0}}.offer-configurator .steps .step .image-choice .choice{flex:1 0 30.7692307692%;flex-direction:column;padding:0 1rem 1rem;margin:0 0 1rem 1rem;text-align:center;min-height:200px;vertical-align:middle;display:flex;position:relative;border:2px solid #eee;transition:all 0.3s ease-in}@media (max-width:575px){.offer-configurator .steps .step .image-choice .choice{flex:1 0 100%;margin-left:0;margin-right:0}}@media (max-width:575px){.offer-configurator .steps .step .image-choice .choice{min-height:150px}}.offer-configurator .steps .step .image-choice .choice.selected{border:2px solid #3DA434}.offer-configurator .steps .step .image-choice .choice img{max-height:120px;width:auto;margin:auto;padding-top:30px;padding-bottom:30px}.offer-configurator .steps .step .image-choice .choice .infotext{margin-top:auto;padding-left:10px;padding-right:10px;padding-bottom:0;text-align:center;color:#D0CECE;font-weight:600}.offer-configurator .steps .step .image-choice.four-per-row .choice{flex:1 0 22%;flex-direction:column}@media (max-width:575px){.offer-configurator .steps .step .image-choice.four-per-row .choice{flex:1 0 100%}}.offer-configurator .steps .step.step3 .form-container .field-kWh{position:relative;display:inline-block}.offer-configurator .steps .step.step3 .form-container .field-kWh:after{position:absolute;right:-40px;top:5px;bottom:0;content:"kWh"}.offer-configurator .steps .step.step5 .form-container img{max-width:200px;display:block;margin:auto;margin-top:10px;margin-bottom:30px}.offer-configurator .steps .step.step5 .form-container .field-dachneigung{position:relative;display:inline-block}.offer-configurator .steps .step.step5 .form-container .field-dachneigung:after{position:absolute;right:-15px;top:5px;bottom:0;content:"°"}.offer-configurator .steps .step.step7 #stoerfaktoren-container{color:#EF3E46;margin-bottom:20px;text-align:center}.offer-configurator .steps .step.step7 .form-container .columns{text-align:left}.offer-configurator .steps .step.step7 .form-container .columns .bp-checkbox-wrap label{border:1px solid #eee;width:100%;padding:10px}.offer-configurator .steps .step.step7 .form-container .columns .bp-checkbox-wrap label:after{left:13px;top:13px}.offer-configurator .steps .step.step7 .form-container .field-stoerfaktoren-freitextfeld{width:100%;margin-top:20px}.offer-configurator .steps .step.step7 .form-container .field-stoerfaktoren-freitextfeld textarea{width:100%}.offer-configurator .steps .step.step8 .form-container .field-dach-alter{width:100%}.offer-configurator .steps .step.step8 .form-container .field-dach-alter input{width:100%}.offer-configurator .steps .step.step10 .choice img{max-height:150px}.offer-configurator .steps .step.step12 #stoerfaktoren-container{color:#EF3E46;margin-bottom:20px;text-align:center}.offer-configurator .steps .step.step12 .form-container .columns{text-align:left}.offer-configurator .steps .step.step12 .form-container .columns .bp-checkbox-wrap label{border:1px solid #eee;width:100%;padding:10px}.offer-configurator .steps .step.step12 .form-container .columns .bp-checkbox-wrap label:after{left:13px;top:13px}.offer-configurator .steps .step.step12 .form-container .field-stoerfaktoren-freitextfeld{width:100%;margin-top:20px}.offer-configurator .steps .step.step12 .form-container .field-stoerfaktoren-freitextfeld textarea{width:100%}.offer-configurator .steps .step.step15 .image-uploader-container .image-col img{max-height:none;margin-top:15px}.offer-configurator .steps .step.step16 .image-uploader-container .image-col img{max-height:none;width:100%}.offer-configurator .steps .step.step14 .bp-checkbox-wrap{text-align:left}