@charset "UTF-8";
.subtemplate.erneuerbare-energien{z-index:2}@media (max-width:979px){.subtemplate.erneuerbare-energien .blocked{padding:0}}.subtemplate.erneuerbare-energien .holder{display:none}.subtemplate.erneuerbare-energien .template-img button{position:absolute;border-radius:50%;width:40px;height:40px;display:block;text-align:center;line-height:40px;color:#fff;border:none;background:none;background-color:var(--Blau);font-size:25px;cursor:pointer;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;transform-origin:left top;transform:scale(0.1);z-index:0}.subtemplate.erneuerbare-energien .template-img button.show{transform:scale(1)}.subtemplate.erneuerbare-energien .template-img button:hover,.subtemplate.erneuerbare-energien .template-img button.open{background-color:var(--Gruen)}@media (min-width:980px){.subtemplate.erneuerbare-energien .template-img button{background-color:var(--Gruen);width:60px;height:60px;line-height:60px;font-size:36px}.subtemplate.erneuerbare-energien .template-img button.open{background-color:var(--violett);transform:scale(1.7);z-index:5}}.subtemplate.erneuerbare-energien .template-img.iframe-holder img{opacity:0;pointer-events:none}.subtemplate.erneuerbare-energien .template-img.iframe-holder iframe{position:absolute;left:0;top:0;height:100%;width:100%;z-index:2;border:none}.subtemplate.erneuerbare-energien .details{background:var(--Gruen-Radial);overflow:hidden;z-index:0}.subtemplate.erneuerbare-energien .details .container{padding:0px 23px;color:#fff;height:auto;max-height:0;max-width:480px;margin:0;display:flex;flex-direction:row;gap:30px;opacity:0;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}.subtemplate.erneuerbare-energien .details .container h3{color:#fff}.subtemplate.erneuerbare-energien .details .container p{font:var(--extra);margin-top:10px}.subtemplate.erneuerbare-energien .details .container a.button:hover{background-color:#fff;color:var(--violett)}@media (max-width:979px){.subtemplate.erneuerbare-energien .details .container .txt{flex:1;width:75%}.subtemplate.erneuerbare-energien .details .container .img{width:25% !important;display:block}.subtemplate.erneuerbare-energien .details .container .img img{width:100% !important;height:auto !important;margin:0 !important;top:0 !important;left:0 !important;right:auto !important;bottom:auto !important}}.subtemplate.erneuerbare-energien .details.show{overflow:visible;z-index:2}.subtemplate.erneuerbare-energien .details.show .container{max-height:600px;padding:25px 23px;opacity:1}@media (min-width:980px){.subtemplate.erneuerbare-energien .details.show .container{margin:25px 0;padding:0px 23px}}@media (min-width:980px){.subtemplate.erneuerbare-energien .details{position:absolute;margin:60px 0 0 60px;background:var(--Gruen-Radial);border-radius:10px;padding:20px 0 20px 60px}.subtemplate.erneuerbare-energien .details .img{width:33%;flex:1;flex-basis:33%}.subtemplate.erneuerbare-energien .details .img img{-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}.subtemplate.erneuerbare-energien .details.content-left{margin:60px -55px 0 0}.subtemplate.erneuerbare-energien .details.content-left .container .img{order:1}.subtemplate.erneuerbare-energien .details.content-left .container .txt{order:2}}.subtemplate.schrittfolge{width:100vw;color:var(--Blau);display:none}.subtemplate.schrittfolge.show{display:block}.subtemplate.schrittfolge a.button{margin:40px auto 0}@media (min-width:980px){.subtemplate.schrittfolge a.button{z-index:22;top:-9999px;bottom:-9999px;left:-9999px;right:-9999px;height:30px;width:30px;text-align:center;margin:auto;position:absolute;width:auto;height:auto;top:auto;bottom:0px;margin:0 auto}}.subtemplate.schrittfolge .component{text-align:center}.subtemplate.schrittfolge .schritt{display:flex;gap:45px;flex-direction:row;padding:0 20px;text-align:left;cursor:pointer}.subtemplate.schrittfolge .schritt .icon span{display:block;border-radius:50%;background-color:#009F5F;width:50px;height:50px;text-align:center;color:#fff;font-size:25px;line-height:55px;position:relative;z-index:1}.subtemplate.schrittfolge .schritt .icon:after{content:"";display:block;height:calc(100% - 46px);width:12px;margin:0 auto;pointer-events:none;position:relative;z-index:0;top:-2px;background-color:#009F5F;min-height:20px}.subtemplate.schrittfolge .schritt:last-of-type{border:none !important}.subtemplate.schrittfolge .schritt:last-of-type .icon::after{display:none}.subtemplate.schrittfolge .schritt:last-of-type>div:not(.icon){padding-bottom:0px}.subtemplate.schrittfolge .schritt>div:not(.icon){display:flex;flex-direction:column;justify-content:center;padding-bottom:20px}.subtemplate.schrittfolge .schritt .title{font:var(--h5);font-family:var(--fett)}.subtemplate.schrittfolge .schritt .txt{overflow:hidden;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}.subtemplate.schrittfolge .schritt .txt p{padding:12px 0 0}.subtemplate.schrittfolge .schritt:not(.show) .txt{height:0 !important}.subtemplate.schrittfolge .schritt.show .icon:after{background:linear-gradient(180deg, #009F5F 0%, #006059 100%)}.subtemplate.schrittfolge .schritt.show~* .icon span{background-color:#006059}.subtemplate.schrittfolge .schritt.show~* .icon:after{background-color:#006059}.subtemplate.schrittfolge .image{display:none}@media (min-width:980px){.subtemplate.schrittfolge{padding-bottom:30px;color:#fff}.subtemplate.schrittfolge .image{display:block;position:absolute;width:100%;object-fit:cover;height:calc(100% - 30px);top:0;left:0;z-index:0}.subtemplate.schrittfolge .image .template-img{height:100%;width:100%}.subtemplate.schrittfolge .image img{position:absolute;width:100%;object-fit:cover;height:100%;z-index:1;max-height:none}.subtemplate.schrittfolge .image img.prev{z-index:0}.subtemplate.schrittfolge .component{width:100%;height:100%;padding:0 !important}.subtemplate.schrittfolge .component .container{display:flex;flex-direction:row;height:100%;align-items:stretch;position:relative;overflow:hidden;min-height:450px}.subtemplate.schrittfolge .component .container::before{content:"";display:block;top:-9999px;bottom:-9999px;left:-9999px;right:-9999px;height:30px;width:30px;text-align:center;margin:auto;position:absolute;width:100%;height:100%;background:linear-gradient(0deg, rgba(0, 0, 0, 0.82) 0%, rgba(0, 0, 0, 0) 77.5%)}.subtemplate.schrittfolge .component .container .schritt{flex:1 1 0px;padding:20px 15px 50px;gap:0;flex-direction:column;text-align:center;align-items:stretch;justify-content:end;border-right:1px solid #fff;position:relative;z-index:1}.subtemplate.schrittfolge .component .container .schritt .icon{height:90px;position:relative;margin-bottom:30px}.subtemplate.schrittfolge .component .container .schritt .icon span{background:none;font-size:70px;top:-9999px;bottom:-9999px;left:-9999px;right:-9999px;height:30px;width:30px;text-align:center;margin:auto;position:absolute;width:100%;height:auto;bottom:0;top:auto;line-height:1;padding-bottom:0px}.subtemplate.schrittfolge .component .container .schritt .icon::after{display:none}.subtemplate.schrittfolge .component .container .schritt .title{text-align:top}}@media (min-width:980px) and (min-width:1200px){.subtemplate.schrittfolge .component .container{min-height:600px}}@media (min-width:980px) and (min-width:1200px){.subtemplate.schrittfolge .component .container .schritt{padding:60px 30px}}@media (min-width:980px) and (min-width:1200px){.subtemplate.schrittfolge .component .container .schritt .icon span{font-size:80px}}@media (min-width:980px) and (min-width:1400px){.subtemplate.schrittfolge .component .container .schritt .icon span{font-size:90px}}@media (min-width:980px) and (min-width:1200px){.subtemplate.schrittfolge .component .container .schritt .title{font:var(--h3)}}@media (min-width:980px) and (min-width:1400px){.subtemplate.schrittfolge .component .container .schritt .title{font:var(--h2)}}body.preview .erneuerbare-energien,.subtemplate-editor .erneuerbare-energien{display:block !important}body.preview .erneuerbare-energien .blocked,.subtemplate-editor .erneuerbare-energien .blocked{background-image:url("../../grafiken/placeholder-erneuerbare.jpg");background-position:bottom center;background-size:cover;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center;width:100%;height:720px}body.preview .erneuerbare-energien[data-id="1"] .blocked,.subtemplate-editor .erneuerbare-energien[data-id="1"] .blocked{background-image:url("../../grafiken/placeholder-erneuerbare2.jpg")}body.preview .erneuerbare-energien .holder,.subtemplate-editor .erneuerbare-energien .holder{display:block}body.preview .erneuerbare-energien .holder span,.subtemplate-editor .erneuerbare-energien .holder span{text-align:center;font:var(--h3);color:#fff;padding:20px;width:100%;border:1px solid #fff;background-color:rgba(0, 0, 0, 0.75);max-width:500px;display:block;margin:20px auto}body.preview .erneuerbare-energien .holder span::before,.subtemplate-editor .erneuerbare-energien .holder span::before{content:"Virtuelles Haus: ";background-color:#fff;color:#000;display:block;border:1px solid #000;padding:10px;margin-bottom:10px}body.preview .erneuerbare-energien .holder.edit,.subtemplate-editor .erneuerbare-energien .holder.edit{padding:20px;background-color:rgba(0, 0, 0, 0.75);text-align:center;font:var(--h3);color:#fff;padding:20px;width:100%;border:1px solid #fff}body.preview .erneuerbare-energien .holder.edit select,.subtemplate-editor .erneuerbare-energien .holder.edit select{font-size:24px;width:100%;margin-top:10px;max-width:500px}body.preview .erneuerbare-energien .holder.edit label,.subtemplate-editor .erneuerbare-energien .holder.edit label{display:block}body.preview .schrittfolge,.subtemplate-editor .schrittfolge{display:block !important;display:flex;justify-content:center;align-items:center;width:100%;height:600px}body.preview .schrittfolge .media-el-overlay,.subtemplate-editor .schrittfolge .media-el-overlay{z-index:8}body.preview .schrittfolge .holder,.subtemplate-editor .schrittfolge .holder{height:100%;width:100%;position:absolute;background-image:url("../../grafiken/Schrittfolge_placeholder.png");background-position:bottom center;background-size:cover;background-repeat:no-repeat;z-index:9;pointer-events:none}body.preview .schrittfolge .holder select,.subtemplate-editor .schrittfolge .holder select{pointer-events:all}body.preview .schrittfolge .holder span,.subtemplate-editor .schrittfolge .holder span{text-align:center;font:var(--h3);color:#fff;padding:20px;width:100%;border:1px solid #fff;background-color:rgba(0, 0, 0, 0.75);max-width:500px;display:block;margin:20px auto}body.preview .schrittfolge .holder span::before,.subtemplate-editor .schrittfolge .holder span::before{content:"Ausgewählte Schrittfolge:";background-color:#fff;color:#000;display:block;border:1px solid #000;padding:10px;margin-bottom:10px}body.preview .schrittfolge .holder.edit,.subtemplate-editor .schrittfolge .holder.edit{padding:20px;border:1px solid #fff;text-align:center;font:var(--h3);color:#fff;padding:20px;width:100%;border:1px solid #fff}body.preview .schrittfolge .holder.edit select,.subtemplate-editor .schrittfolge .holder.edit select{font-size:24px;width:100%;margin-top:10px;max-width:500px}body.preview .schrittfolge .holder.edit label,.subtemplate-editor .schrittfolge .holder.edit label{display:block}body.preview .schrittfolge .image,.subtemplate-editor .schrittfolge .image{height:100%}/*# sourceMappingURL=./style.css.map */