@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700);body,html{font-family:Open Sans,sans-serif;font-size:14px;font-weight:400;line-height:1.5;color:#49423f}body{margin:0;background-color:#fff}a{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:300}h1,h2{font-size:2.75rem}h3{font-size:1.85rem}h4{font-size:1.5rem}.alert,.btn,.card,.form-control,.input-group-addon{border-radius:0}.btn.btn-primary{border-color:#008026;border-radius:0;background-color:#008026;color:#fff;font-size:1.25rem}.btn.btn-secondary{background-color:#a39a94;color:#fff}.text-primary{color:#008026!important}.btn.btn-light{background-color:transparent;border-color:#979797;color:#928882}.btn{font-size:1.25rem;padding:.85rem 1.71428571rem;cursor:pointer}.btn>.fa,.btn>i{margin-left:1.5rem}.btn.disabled,.btn:disabled{background-color:#f3f1f1;border-color:#ddd9d7}.lead{font-size:1.5rem;font-weight:400}.navbar.navbar-primary{-webkit-box-shadow:0 15px 25px -15px rgba(0,0,0,.5);box-shadow:0 15px 25px -15px rgba(0,0,0,.5);color:#fff;background-color:#008026;height:5rem}.navbar.navbar-primary .navbar-header .navbar-toggle{background-color:#008026;margin-top:16px}.navbar.navbar-primary a.navbar-brand{padding:0}.navbar.navbar-primary a.navbar-brand img{margin-top:30px;height:110px}.navbar.navbar-primary .nav-item{margin-left:44px;cursor:pointer}.navbar.navbar-primary .nav-item a{text-transform:uppercase;color:#fff;padding:0;position:relative;line-height:5rem}.navbar.navbar-primary .nav-item a:after{position:absolute;bottom:0;left:0;opacity:0;width:0;height:2px;content:"";background-color:#fff;-webkit-transition:all .3s ease-in-out;-o-transition:all ease-in-out .3s;transition:all .3s ease-in-out}.navbar.navbar-primary .nav-item.active a:after,.navbar.navbar-primary .nav-item:hover a:after{opacity:1;width:100%}.navbar.navbar-primary .nav-item.active:hover a:after{height:4px}.navbar.navbar-primary .nav-item.disabled{cursor:not-allowed;pointer-events:none}.navbar.navbar-primary .nav-item.disabled a{pointer-events:none;opacity:.5}.navbar.navbar-primary .nav-item.disabled a:after{content:none}.input-group.inline{display:inline-block;width:8rem}.input-group.inline .form-control{width:5rem;margin-right:-.5rem;display:inline-block}.input-group.inline .input-group-addon{display:inline-block}input.form-control{font-weight:700}input.form-control.inline{display:inline;width:5rem}input.form-control.inline.wider{width:6rem}.modal-dialog.modal-lg{max-width:75%}.modal-body,.modal-footer,.modal-header{padding:4rem 7rem 1.5rem}.modal-header{padding-bottom:3.5rem;position:relative;display:block}.modal-header .nav{position:absolute;left:6rem;width:80%;height:3.5rem}.modal-header .nav .nav-item .nav-link{height:3.5rem;color:#5c5450;font-weight:700}.modal-header .nav .nav-item .nav-link i.fa{display:none}.modal-header .nav .nav-item .nav-link.active{border-bottom:3px solid #a39a94}.modal-header .btn-close{position:absolute;top:1.7rem;right:1.7rem}.modal-footer{padding-top:1.5rem;padding-bottom:1.5rem}.modal-content{border-radius:0}.modal-content,.modal-content p{font-size:1.14285714rem}.modal-content h3{margin-top:3.28571429rem;margin-bottom:1rem}.modal-content h3:first-child{margin-top:0}.modal-content h4{color:#008026;margin-top:1.5rem;margin-bottom:1rem}.modal-title{font-size:2.75rem;color:#008026;line-height:1.4}input[type=range]{position:absolute;top:50%;left:50%;padding:0;width:100%;height:5em;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:transparent;border:0;font-size:16px;cursor:pointer}input[type=range],input[type=range]::-webkit-slider-runnable-track,input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}input[type=range]::-webkit-slider-runnable-track{margin:0 .625em;border:none;padding:0 .125em;width:100%;height:.25em;border-radius:.125em;background:#a39a94}input[type=range]::-moz-range-track{border:none;padding:0 .125em;width:100%;height:.25em;border-radius:.125em;background:#a39a94}input[type=range]::-ms-track{margin:0 .625em;border:none;padding:0 .125em;width:100%;height:.25em;border-radius:.125em;background:#a39a94;color:transparent}input[type=range]::-webkit-slider-thumb{margin-top:-.5em;-webkit-box-sizing:border-box;box-sizing:border-box;border:.25em solid #fff;width:1.25em;height:1.25em;border-radius:50%;background:#a39a94;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}input[type=range]::-moz-range-thumb{box-sizing:border-box;border:.25em solid #fff;width:1.25em;height:1.25em;border-radius:50%;background:#a39a94;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;cursor:ew-resize}input[type=range]::-ms-thumb{box-sizing:border-box;border:.25em solid #fff;width:1.25em;height:1.25em;border-radius:50%;background:#a39a94;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:transparent}input[type=range]:focus{outline:none}input[type=range]:focus::-ms-fill-lower{background:transparent}input[type=range]:focus::-webkit-slider-thumb{border:0 solid hsla(0,0%,100%,0);background:#8bc51f}input[type=range]:focus::-moz-range-thumb{border:0 solid hsla(0,0%,100%,0);background:#8bc51f}input[type=range]:focus::-ms-thumb{border:0 solid hsla(0,0%,100%,0);background:#8bc51f}input[type=range]:active::-ms-track{background:radial-gradient(circle,#fff .125em,transparent 0) 2.5em 50% content-box border-box #a39a94;background-size:5em 100%}input[type=range]:active::-ms-fill-lower{background:transparent}input[type=range]:active::-webkit-slider-thumb{border:0 solid hsla(0,0%,100%,0);background:#8bc51f}input[type=range]:active::-moz-range-thumb{border:0 solid hsla(0,0%,100%,0);background:#8bc51f}input[type=range]:active::-ms-thumb{border:0 solid hsla(0,0%,100%,0);background:#8bc51f}.relative{position:relative}.text-positive{color:#8bc51f}.text-negative{color:#008026}.text-greyish{color:rgba(92,84,80,.5)}.text-large{font-size:1.25rem}.beneath-area{margin-top:1rem}hr.bold{border-top:.5rem solid #008026;border-bottom:0;margin:5.5rem 0}.ertrag .auflistung p{font-size:1.25rem;line-height:2.21428571rem}.area{background-color:#f3f1f1;width:100%;position:relative}.area .h1.divider,.area .h2.divider,.area .h3.divider,.area .h4.divider,.area .h5.divider,.area .h6.divider,.area h1.divider,.area h2.divider,.area h3.divider,.area h4.divider,.area h5.divider,.area h6.divider{margin-top:0}.area .image{background-size:100% auto;width:100%;height:540px;position:absolute;left:0;top:0}.area .container{position:relative;z-index:1}.area.ertrag,.area.footer,.area.roofarea{padding:7rem 0}.area.ertrag .btn-info,.area.footer .btn-info,.area.roofarea .btn-info{position:absolute;right:5rem;z-index:1;color:#fff;background:#ddd9d7;border-color:#ddd9d7}.area.ertrag .btn-info:hover,.area.footer .btn-info:hover,.area.roofarea .btn-info:hover{border-color:#6f6d6c;background:#6f6d6c}.area.ertrag,.area.roofarea{padding-left:5rem;padding-right:5rem}.area.map{height:550px;padding-top:7rem}.area.map .image{background:url(assets/static_font_vector-map.svg) no-repeat 50%;background-size:auto 100%;height:550px}.area.map .box{position:relative}.area.banner-text{margin-bottom:25rem}.area.banner-text .image{background:url(assets/static_img_home.jpg) no-repeat 70%;background-size:cover;top:0}.area.banner-text .box{width:750px;position:relative;bottom:-20rem;left:-12rem}footer a{text-decoration:none;color:#49423f}.footer-image{background:url(assets/static_img_contact.jpg) no-repeat 70%;background-size:cover;height:500px;width:100%}.scroll-to-top{cursor:pointer;background:#008026;width:48px;height:48px;margin:0 auto;color:#fff;line-height:48px;font-size:1.25rem;text-align:center;position:absolute;z-index:123;left:50%;top:-24px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.scroll-to-top i{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.mb{margin-bottom:1rem}.mb-huge{margin-bottom:4rem}.no-mt{margin-top:0!important}.mt{margin-top:1rem}.mt2{margin-top:2rem}.mt3{margin-top:3rem}.mt4,.mt-huge{margin-top:4rem}.mr{margin-right:1rem}.mr-huge{margin-right:4rem}.ml{margin-left:1rem}.ml-huge{margin-left:4rem}.box{background:#fff;-webkit-box-shadow:0 15px 25px -15px rgba(0,0,0,.5);box-shadow:0 15px 25px -15px rgba(0,0,0,.5);width:80%;max-width:100%;padding:2rem 3.36rem;margin:0 auto}.box .header{font-size:2.28571429rem;font-weight:300;margin-bottom:2.28571429rem}.box .lead,.box .text,.box p{font-weight:400;margin-bottom:2.28571429rem}.box.gesamtertrag{width:100%;-webkit-box-shadow:none;box-shadow:none;margin-top:5rem}.box.gesamtertrag .lead{margin-bottom:0}.box.google.maps{position:absolute;bottom:4rem;padding:1rem;width:80%;left:10%}.box.google.maps p.lead{-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);margin:0 auto;position:relative;top:50%;font-size:1.125rem;font-weight:700}.btn-close,.btn-info{width:3rem;height:3rem;padding:0}.btn-close .fa,.btn-close i,.btn-info .fa,.btn-info i{margin:0}.btn-close:hover{border-color:#524d4a;color:#524d4a}.btn-info:hover{background-color:#524d4a;color:#524d4a}.cta.btn.btn-primary{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;max-width:100%}.v-centered{-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);margin:0 auto;display:table;position:relative;top:50%}.input-group.inline.tilt-in-a-box{position:absolute;top:0;right:0;width:6rem}.tilt-range input[type=range]{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);left:29px;top:-201px;width:202px}.tilt-range input[type=range]::-webkit-slider-runnable-track{background:transparent}.tilt-range input[type=range]::-moz-range-track{background:transparent}.tilt-range input[type=range]::-ms-track,.tilt-range input[type=range]:active::-ms-track{background:transparent}.tilt-range input[type=range]::-webkit-slider-thumb{cursor:ns-resize}.tilt-range input[type=range]::-moz-range-thumb{cursor:ns-resize}.tilt-range input[type=range]::-ms-thumb{cursor:ns-resize}.tilt-range input[type=range]:focus::-webkit-slider-thumb{cursor:ns-resize}.tilt-range input[type=range]:focus::-moz-range-thumb{cursor:ns-resize}.tilt-range input[type=range]:focus::-ms-thumb{cursor:ns-resize}.tilt-range input[type=range]:active::-webkit-slider-thumb{cursor:ns-resize}.tilt-range input[type=range]:active::-moz-range-thumb{cursor:ns-resize}.tilt-range input[type=range]:active::-ms-thumb{cursor:ns-resize}.person-svg{height:73px;margin-right:1rem;display:inline-block;margin-bottom:10rem}.person-svg .person-svg-fill{fill:#ddd9d7}.person-svg.active .person-svg-fill{fill:#a39a94}.person-svg.size-1 .size-1,.person-svg.size-1 .size-2,.person-svg.size-1 .size-3,.person-svg.size-1 .size-4,.person-svg.size-1 .size-5,.person-svg.size-1 .size-6,.person-svg.size-2 .size-1,.person-svg.size-2 .size-2,.person-svg.size-2 .size-3,.person-svg.size-2 .size-4,.person-svg.size-2 .size-5,.person-svg.size-2 .size-6,.person-svg.size-3 .size-1,.person-svg.size-3 .size-2,.person-svg.size-3 .size-3,.person-svg.size-3 .size-4,.person-svg.size-3 .size-5,.person-svg.size-3 .size-6,.person-svg.size-4 .size-1,.person-svg.size-4 .size-2,.person-svg.size-4 .size-3,.person-svg.size-4 .size-4,.person-svg.size-4 .size-5,.person-svg.size-4 .size-6,.person-svg.size-5 .size-1,.person-svg.size-5 .size-2,.person-svg.size-5 .size-3,.person-svg.size-5 .size-4,.person-svg.size-5 .size-5,.person-svg.size-5 .size-6,.person-svg.size-6 .size-1,.person-svg.size-6 .size-2,.person-svg.size-6 .size-3,.person-svg.size-6 .size-4,.person-svg.size-6 .size-5,.person-svg.size-6 .size-6{fill:none}.person-svg.size-1 .size-1,.person-svg.size-2 .size-1,.person-svg.size-2 .size-2,.person-svg.size-3 .size-1,.person-svg.size-3 .size-2,.person-svg.size-3 .size-3,.person-svg.size-4 .size-1,.person-svg.size-4 .size-2,.person-svg.size-4 .size-3,.person-svg.size-4 .size-4,.person-svg.size-5 .size-1,.person-svg.size-5 .size-2,.person-svg.size-5 .size-3,.person-svg.size-5 .size-4,.person-svg.size-5 .size-5,.person-svg.size-6 .size-1,.person-svg.size-6 .size-2,.person-svg.size-6 .size-3,.person-svg.size-6 .size-4,.person-svg.size-6 .size-5,.person-svg.size-6 .size-6{fill:inherit}.roof-skala-bg{position:absolute;z-index:auto}.roof-skala-bg line{stroke:#928882;stroke-width:1}.roof-skala-bg text{font-family:Open Sans,sans-serif;font-size:14px;stroke:none;fill:#928882}.steps{margin-bottom:2rem}.steps .step{color:#a39a94;text-align:center;font-weight:400}.steps .step .circled{width:1.75rem;height:1.75rem;display:inline-block;border-radius:50%;text-align:center;border:2px solid #a39a94;background:none}.steps .step .circled .num{color:#a39a94}.steps .step i.fa{font-size:1rem;position:relative;top:0;left:0;display:none}.steps .step.active{font-weight:700}.steps .step.active .circled{background:#a39a94}.steps .step.active .circled .num{color:#fff}.steps .step.done{font-weight:400}.steps .step.done .circled{background:none}.steps .step.done .circled .num{display:none}.steps .step.done i.fa{display:inline}section.googlemaps.roof{position:relative}svg.roof{display:block;margin-bottom:1rem}svg.roof .basement,svg.roof .wall{stroke:#d7d7d7;stroke-width:5}svg.roof .roof{stroke:#8bc51f;stroke-width:2}section.consumption{position:relative}.ehm.ad{font-size:1rem;width:12rem;height:12rem;display:block;overflow:hidden;border:1px solid #008026;background:#fff;-webkit-box-shadow:0 0 20px rgba(0,0,0,.1);box-shadow:0 0 20px rgba(0,0,0,.1);padding:1rem;z-index:1000;position:absolute;top:0;right:0;-webkit-transition:top .3s ease-in-out;-o-transition:top ease-in-out .3s;transition:top .3s ease-in-out}.ehm.ad img{max-width:100%;margin-bottom:1rem}.ehm.ad a{color:#5c5450;text-decoration:none}.h1.divider,.h2.divider,.h3.divider,.h4.divider,.h5.divider,.h6.divider,h1.divider,h2.divider,h3.divider,h4.divider,h5.divider,h6.divider{position:relative;margin-top:5rem;margin-bottom:5rem}.h1.divider:after,.h2.divider:after,.h3.divider:after,.h4.divider:after,.h5.divider:after,.h6.divider:after,h1.divider:after,h2.divider:after,h3.divider:after,h4.divider:after,h5.divider:after,h6.divider:after{position:absolute;bottom:-2.5rem;left:50%;width:80px;margin-left:-40px;height:2px;content:"";background-color:#008026;-webkit-transition:all .3s ease-in-out;-o-transition:all ease-in-out .3s;transition:all .3s ease-in-out}.h1.divider:hover:after,.h2.divider:hover:after,.h3.divider:hover:after,.h4.divider:hover:after,.h5.divider:hover:after,.h6.divider:hover:after,h1.divider:hover:after,h2.divider:hover:after,h3.divider:hover:after,h4.divider:hover:after,h5.divider:hover:after,h6.divider:hover:after{width:100px;margin-left:-50px}body{padding-top:5rem}.centered{text-align:center}.consumption .persons input[type=range]::-webkit-slider-thumb{cursor:ew-resize}.consumption .persons input[type=range]::-moz-range-thumb{cursor:ew-resize}.consumption .persons input[type=range]::-ms-thumb{cursor:ew-resize}.consumption .persons input[type=range]:focus::-webkit-slider-thumb{cursor:ew-resize}.consumption .persons input[type=range]:focus::-moz-range-thumb{cursor:ew-resize}.consumption .persons input[type=range]:focus::-ms-thumb{cursor:ew-resize}.consumption .persons input[type=range]:active::-webkit-slider-thumb{cursor:ew-resize}.consumption .persons input[type=range]:active::-moz-range-thumb{cursor:ew-resize}.consumption .persons input[type=range]:active::-ms-thumb{cursor:ew-resize}.consumption .persons .persons-consumption-skala{position:relative;height:140px}.consumption .persons .persons-consumption-skala persons-svg .person-svg{position:absolute;top:0}.consumption .persons .persons-consumption-skala persons-svg:first-child .person-svg{left:0;margin-left:-28px}.consumption .persons .persons-consumption-skala persons-svg:nth-child(2) .person-svg{left:27.5%;margin-left:-50px}.consumption .persons .persons-consumption-skala persons-svg:nth-child(3) .person-svg{left:47.5%;margin-left:-63px}.consumption .persons .persons-consumption-skala persons-svg:nth-child(4) .person-svg{left:67.5%;margin-left:-63px}.consumption .persons .persons-consumption-skala persons-svg:nth-child(5) .person-svg{left:87.5%;margin-left:-63px}.consumption .persons .persons-consumption-skala persons-svg:nth-child(6) .person-svg{left:100%;margin-left:-63px}.persons-consumption-skala persons-svg{cursor:pointer}.small-screen-persons-skala{display:none}@media (max-width:1111px){.area.banner-text .box{left:0;max-width:100%}}@media (max-width:1000px){.ehm.ad,.persons-consumption-skala{display:none}.small-screen-persons-skala{display:block}.hide-lg-down{display:none}.box{width:95%}.area.ertrag,.area.roofarea,section.contact p{padding-left:1rem;padding-right:1rem}}@media (max-width:768px){.tilt-range,svg.roof,svg.roof-skala-bg{display:none}.banner-text.area{background:transparent;margin-bottom:18rem}.banner-text.area .image{height:320px}.banner-text.area .box{bottom:-14.5rem;padding:3rem 2rem}.cta.btn.btn-primary{font-size:1.125rem}.footer-image{height:400px}}@media (max-width:767px){.area.ertrag .btn-info,.area.footer .btn-info,.area.roofarea .btn-info{top:2rem;right:2rem}.auflistung p{margin:2rem 0}.box.gesamtertrag{height:auto}.input-group.inline.tilt-in-a-box{display:block;width:100%;position:relative}.input-group.inline.tilt-in-a-box .form-control{width:100%}.modal.show .modal-dialog{width:95%;max-width:95%;margin:0 auto}.modal.show .modal-dialog .modal-body,.modal.show .modal-dialog .modal-footer,.modal.show .modal-dialog .modal-header{padding:1.5rem}.modal.show .modal-dialog .modal-header{border-bottom:0;padding-top:4em}.modal.show .modal-dialog .modal-header .nav{position:relative;left:0;height:auto;width:auto}.modal.show .modal-dialog .modal-header .nav .nav-item{display:block;width:100%}.modal.show .modal-dialog .modal-header .nav .nav-item .nav-link{height:auto}.modal.show .modal-dialog .modal-header .nav .nav-item .nav-link.active{border-bottom:0;background:#a39a94;color:#fff}.modal.show .modal-dialog .modal-header .nav .nav-item .nav-link.active i.fa{display:inline}.area.ertrag .col-md-6:nth-child(2),.area.roofarea .col-md-6:nth-child(2){margin-top:4rem}}@media (max-width:480px){.footer-image{height:230px}.banner-text.area{margin-bottom:12rem}.banner-text.area .image{height:250px}.banner-text.area .box{bottom:-10rem}}.edge .tilt-range input[type=range],.firefox .tilt-range input[type=range],.trident .tilt-range input[type=range]{left:37px;top:-205px;width:185px}.safari .box.google.maps p.lead{-webkit-transform:none;-ms-transform:none;transform:none;position:static}