#master_content 	{ display: block; text-align: left; }
.content_inner { display: block; position: relative; width: 100%; height: inherit; box-sizing: border-box;  }
.content_inner2 { display: block; position: relative; width: 100%; height: inherit; margin: 0 auto; box-sizing: border-box; max-width: 1400px; margin: 0 auto; box-sizing: border-box; padding: 80px 40px; text-align: left; }


.sticky .content_inner2 { display: flex; width: 100%; align-items: stretch;  }
.sticky .content_inner2 .zweiteiler { width: 49%; padding: 40px;  box-sizing: border-box; }
.sticky .test1 { position: sticky; top: 80px; }
.sticky .test2b { position: sticky; top: 80px; }


.content_inner2 ul.aufzaehlung { display: block; margin: 30px 0 0 0; padding: 0; }
.content_inner2 ul.aufzaehlung li { background-image: url('../../img/check_icon_orange.svg'); background-size: auto 32px; background-position: left top 2px; background-repeat: no-repeat; display: block; margin: 20px 0; padding: 0 0 0 50px; min-height: 32px; max-width: 75% }



.content_inner2 h2 { max-width: 75%; }
.content_inner2 h3 { max-width: 75%; }


/* ANPASSUNGEN GLOBALE KLASSEN BEGINN */

.parallax {
    min-height: 600px;
    height: 600px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    }

.parallax .content_inner, .parallax .weiter { display: none; }

.parallax::after {
    content: '';
    position: relative;
    margin-top: 0;
    width: 100vw;
    height: 100%;
    clip-path: polygon(0 0, 25% 0, 75% 100%, 0% 100%);
    overflow: hidden;
    background-image: linear-gradient(#168290, #50A1AC);
    mix-blend-mode: multiply;
    display: block;
    margin-left: -1px;
    margin-top: 0;
}


.zweiteiler { display: inline-block; width: 49%; vertical-align: middle; text-align: left; padding-right: 40px; box-sizing: border-box; }

.zweiteiler p { max-width: 93%; }

.dreiteiler { display: inline-block; width: 33%; vertical-align: middle; text-align: left; padding-right: 30px; box-sizing: border-box;}
.vierteiler { display: inline-block; width: 24%; vertical-align: middle; text-align: left; padding-right: 20px; box-sizing: border-box;}
.fuenfteiler { display: inline-block; width: 19%; vertical-align: top; text-align: center; padding-right: 20px; box-sizing: border-box;}
.einruecker { display: block; max-width: 1200px; margin: 0 auto; }
.einruecker2 { display: block; max-width: 1320px; margin: 0 auto; background-color: #fff; }
.left { text-align: left; }
.center { text-align: center; }
.center .content_inner2 { text-align: center; }
.right { text-align: right; }
.top { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }
.hidden { display: none; }
.show { display: block; }
.nomargin { margin-top: 0; }
.nm { margin: 0; }
.w33 { width: 33% !important; }
.w66 { width: 66% !important; }
.inaktiv { pointer-events: none; }
.button { display: inline-block; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; font-family: inherit; }
.button:hover { font-size: 24px; }


.info { font-size: 24px; color: #168290; font-weight: 700; margin-top: 30px; }
.klein { font-size: 18px; line-height: 26px; margin: 0; padding: 0; }
.enger .content_inner2 { max-width: 800px !important; }
.referenzen .content_inner2 { max-width: 900px !important; }

.zitat { font-style: italic; font-size: 30px; line-height: 36px; max-width: 90%; }


.nomargin p { margin: 0; }

.text_orange { color: var(--orange2); }
.text_hellblau { color: #0066B3; }

video { display: block; position: relative; max-width: 100%; height: auto; }

.ecke { position: relative; display: block; }
.ecke p { margin: 0; padding: 0; }
.ecke img { display: block; }
.ecke::after { content: ''; display: block; background-image: url('../../img/schraege_tuerkis.png'); background-size: 100px auto; width: 100px; height: 100px; background-position: bottom center; background-repeat: no-repeat;     position: absolute; left: 0; bottom: 0; }


.click, .click_aktiv { font-size: 32px; color: #07505F; line-height: 46px; text-transform: none; font-weight: 300; text-transform: uppercase; font-weight: 600; padding-left: 70px; cursor: pointer; }
.click:before, .click_aktiv:before { color: #fff; display: inline-block; content: '+'; width: 46px; height: 46px; border: 3px solid #07505F; border-radius: 100%; line-height: 40px; text-align: center; margin-right: 18px; margin-left: -70px; }
.click_aktiv:before { content: '\2013';  }
.click span, .click_aktiv span { color: #fff; font-size: 32px; line-height: 46px; text-transform: none;text-transform: none; font-weight: 300; }


.orange {  background-image: url('../../img/back_orange.jpg'); background-size: 1850px auto; background-position: center; background-repeat: no-repeat; background-attachment: fixed; }
.orange, .orange .content_inner, .orange .content_inner2  { min-height: 700px; }
.Xorange .content_inner:before { content: ''; display: block; background-image: url('../../img/gestaltungselement_orange.svg'); background-size: 300px auto; width: 400px; height: 700px; background-position: left 50px center; background-repeat: no-repeat;  position: absolute; left: 0; top: 0;  }
.Xorange .content_inner:after { content: ''; display: block; background-image: url('../../img/gestaltungselement_orange.svg'); background-size: 300px auto; width: 400px; height: 700px; background-position: right 50px center; background-repeat: no-repeat;  position: absolute; right: 0; top: 0; transform: scaleX(-1); }
.orange .content_inner2 { max-width: 1100px; }


.blau, .blau .content_inner, .blau .content_inner2  { color: #fff; padding-bottom: 80px; }
.blau, .blau2 { background: transparent linear-gradient(90deg, #002D67 0%, #004E94 59%, #0066B3 100%) 0% 0% no-repeat padding-box; }

.blau:before { content: ''; display: block; background-image: url('../../img/maske_form_oben.png'); background-size: 100%; width: 100%; height: 131px; background-position: top center; position: relative; background-repeat: no-repeat; background-size: contain; left: 0; top: -1px; }

.blau .content_inner  { background-image: url('../../img/maske_form_unten.png'); background-size: 100%; background-position: bottom center; background-repeat: no-repeat; padding-top: 0px; margin-top: -90px; margin-bottom: -80px; }
.blau .content_inner2 .zweiteiler p { max-width: 100%; }
.blau h2 { color: #fff; }
.blau h3 { color: #fff; }
.blau h4, .blau .h4 { color: #fff; }
.blau h5, .blau .h5 { color: var(--orange2); }
.blau .button span { background: none; -webkit-background-clip: unset; -webkit-text-fill-color: unset; color: #fff; }
.blau .konfigurator { background-image: url('../../img/konfigurator_icon_farbig_weiss@2x.png'); color: #fff; }
.blau .konfigurator strong { color: var(--orange2); }

.blau .rueckruf { background-image: url('../../img/rueckruf_icon_weiss@2x.png'); color: #fff; }
.blau .rueckruf strong { color: var(--orange2); }


.weiss .content_inner2 .zweiteiler p { max-width: 100%; }


.verlauf2_bg { background: linear-gradient(270deg,rgba(245, 150, 30, 1) 0%, rgba(245, 150, 30, 1) 29%, rgba(255, 102, 0, 1) 60%); }
.verlauf2_bg h2 { color: var(--dunkelblau); }
.verlauf2_bg .h3 { color: #fff;  }
.verlauf2_bg .content_inner2 .zweiteiler p { max-width: 100%; }
.verlauf2_bg .button { background-image: url('../../img/button_icon_blau.svg'); color: var(--weiss); }
.verlauf2_bg .content_inner2 ul li { background-image: url('../../img/check_icon_weiss.png') !important; }



.bg_logos { display: inline-block; background-color: var(--weiss); max-width: 300px; padding: 15px; margin: 40px 30px 15px 0; box-sizing: border-box; }
.bg_logos img { display: block; max-height: 70px; }



.anlagen { display: block; padding-left: 80px; background-size: auto 60px; background-position: left center; background-repeat: no-repeat; font-size: 20px; }
.anlagen.klein { background-image: url('../../img/kleine_anlagen_icon_weiss.svg'); }
.anlagen.mittel { background-image: url('../../img/mittlere_anlagen_icon_weiss.svg'); }
.anlagen.gross { background-image: url('../../img/grosse_anlagen_icon_weiss.svg'); }



.konfig { display: block; padding-left: 110px; background-size: auto 70px; background-position: left center; background-repeat: no-repeat; font-size: 20px; }
.konfig p { margin: 0; }
.konfig h3 { color: var(--dunkelblau); font-weight: 700; margin-top: 25px; }
.konfig h3 span { color: var(--orange2); }
.konfig.s1 { background-image: url('../../img/dachform_icon_farbig_verlauf.svg'); }
.konfig.s2 { background-image: url('../../img/personen_haushalt_icon_farbig_verlauf.svg'); }
.konfig.s3 { background-image: url('../../img/speicher_icon_farbig_verlauf.svg'); }
.konfig.s4 { background-image: url('../../img/waermepumpe_icon_farbig_verlauf.svg'); }



.test1 { display: block; mask-image: url('../../img/bildmaske_1.svg'); mask-repeat: no-repeat; mask-position: center; mask-size: auto 100%; position: relative;  }
.test1 img { display: block; width: auto; height: auto; }

.test1b { display: block; mask-image: url('../../img/bildmaske_1.svg'); mask-repeat: no-repeat; mask-position: center; mask-size: auto 100%; transform: scaleX(-1); position: relative; }
.test1b img { display: block; width: auto; height: auto; transform: scaleX(-1);  }

.test2 { display: block; mask-image: url('../../img/bildmaske_2.svg'); mask-repeat: no-repeat; mask-position: center; mask-size: auto 100%; transform: scaleX(-1); position: relative; }
.test2 img { display: block; width: auto; height: auto; transform: scaleX(-1); }

.test2b { display: block; mask-image: url('../../img/bildmaske_2.svg'); mask-repeat: no-repeat; mask-position: center; mask-size: auto 100%; position: relative; }
.test2b img { display: block; width: auto; height: auto; }

.test3 { display: block; mask-image: url('../../img/bildmaske_3.svg'); mask-repeat: no-repeat; mask-position: center; mask-size: auto 100%; position: relative; }
.test3 img { display: block; width: auto; height: auto; }

.test3b { display: block; mask-image: url('../../img/bildmaske_3.svg'); mask-repeat: no-repeat; mask-position: center; mask-size: auto 100%; transform: scaleY(-1); position: relative; }
.test3b img { display: block; width: auto; height: auto; transform: scaleY(-1); }


.weiter {
    position: absolute;
    left: 50%;
    margin-left: -18px;
    margin-top: -70px;
    background-image: url('../../img/scroll_down.svg');
    background-size: auto 36px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    color: #fff;
    font-size: 0;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    z-index: 100;
    opacity: 0.9;
    animation-name: move;
    animation-duration: 1s;
    animation-delay: 2s;
    border-radius: 100%;
}

.weiter:hover {
    transform: scale(1.2);
    opacity: 1;
}


.footer .content_inner { background-image: none !important; padding-bottom: 0; }
.footer .content_inner2 { padding-top: 120px; padding-bottom: 0; }
.footer ul.links_footer { display: block; margin: 0; padding: 0; }
.footer ul.links_footer li  { display: block; margin: 5px 0 0 -13px !important; padding: 0 !important; text-align: left; background-image: none !important;  }
.footer ul.links_footer li A { display: inline-block;  background-size: auto 60px; background-position: left top; background-repeat: no-repeat; color: var(--weiss); line-height: 80px; font-size: 22px; font-weight: 700; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; text-transform: uppercase; padding-left: 70px; }
.footer ul.links_footer li A em { color: var(--orange2); font-style: normal; }

#xlink_5-500 { background-image: url('../../img/konfigurator_icon_weiss.svg'); }
#xlink_5-501 { background-image: url('../../img/rueckruf_icon_weiss.svg'); }
#xlink_5-502 { background-image: url('../../img/anrufen_icon_weiss.svg'); }
#xlink_5-503 { background-image: url('../../img/e_mail_icon_weiss.svg'); }


.footer .zweiteiler { margin: 15px 0; vertical-align: top; }
.footer #kontaktform_inner input[type="date"], .footer #kontaktform_inner input[type="text"], .footer #kontaktform_inner input[type="input"], .footer #kontaktform_inner input[type="email"], .footer #kontaktform_inner textarea { border: none; width: 100%; background-color: #fff; color: var(--dunkelblau); }
.footer #kontaktform_inner { font-size: 20px; margin-top: 40px; }
.footer #kontaktform_inner label { display: block; text-align: center; font-weight: 700; margin-bottom: 5px; }
.footer #kontaktform_inner label span { color: var(--orange2); }
.footer button span { background-image: none !important; }
.footer #kontaktform_inner a { font-weight: 400; color: #fff; text-decoration: underline; }
.footer #kontaktform_inner .hinweis { margin-top: 0; }
.footer h3, .footer .h3 { color: var(--orange2); max-width: 100%; }
.footer h4 { font-weight: 400; }
.footer .test3 { display: inline-block; mask-size: contain; }
.footer .test3 img { max-width: 300px; margin: auto }



.footer #rueckruf_inner input[type="date"], .footer #rueckruf_inner input[type="text"], .footer #rueckruf_inner input[type="input"], .footer #rueckruf_inner input[type="email"], .footer #rueckruf_inner textarea { border: none; width: 100%; background-color: #fff; color: var(--dunkelblau); }
.footer #rueckruf_inner { font-size: 20px; margin-top: 40px; }
.footer #rueckruf_inner label { display: block; text-align: center; font-weight: 700; margin-bottom: 5px; }
.footer #rueckruf_inner label span { color: var(--orange2); }
.footer button span { background-image: none !important; }
.footer #rueckruf_inner a { font-weight: 400; color: #fff; text-decoration: underline; }
.footer #rueckruf_inner .hinweis { margin-top: 0; }


.hersteller-banner { margin: 40px 0; }
.hersteller-banner img {  max-height: 60px;  display: inline-block; vertical-align: middle; width: auto; padding: 0; box-sizing: border-box; filter: grayscale(1); opacity: 0.75; object-fit: contain; margin: 20px 0;
margin-left: 0px; max-width: 150px; }

.hersteller-banner img:hover { filter: grayscale(0); opacity: 1; }



#content_800 .content_inner2 { padding-top: 10px; }

#content_800 .fragen { position: sticky; top: 80px; display: flex; background-image: url('../../img/maske_faq.svg'); background-size: contain; background-position: center; height: 600px; background-repeat: no-repeat; vertical-align: middle; align-content: center; justify-content: center; align-items: center; }
#content_800 .fragen .h2 { padding-right: 200px; font-size: 80px; line-height: 80px; }
#content_800 .fragen .h2:after { content: '?'; position: absolute; color: #fff; font-size: 200px; line-height: 200px; margin-top: -100px; height: 200px; margin-left: 20px; text-shadow: 0px 0px 10px var(--schwarz);  }

#content_801 .content_inner2 { padding-bottom: 10px; }



#content_802 .menu_referenzen { display: block; margin-top: 40px; }
#content_802 .menu_referenzen ul li { display: block; margin: 0; padding: 0; background-image: none !important;  }
#content_802 .menu_referenzen ul li a.ref_links { width: 30%; text-align: center; display: inline-block; margin-right: 3%; vertical-align: top; }
#content_802 .menu_referenzen ul li a.ref_links img { display: block; }
#content_802 .menu_referenzen ul li a.ref_links span.button { color: var(--dunkelblau); background-image: url('../../img/button_icon_weiss.svg');  }


.intro { height: 100vh; }
.intro .content_inner2 { max-width: 1700px; height: 100vh; padding-top: 100px; }
.intro .zweiteiler { vertical-align: middle; }
.intro .zweiteiler p { max-width: 100%; }
.intro .dreiteiler { text-align: center; font-size: 20px; width: 32%; vertical-align: top; }
.intro .dreiteiler img { display: block; margin: auto; width: auto; height: 70px;  }
.intro video { max-height: 75vh; }


#content_10000, #content_10000 .content_inner2 { height: calc(100vh - 80px); }


#content_10001 h2 { max-width: 70%; }

#content_10001 form { display: block; margin: 30px 0; }
#content_10001 label { display: block; margin: 10px auto; font-weight: 700; }
#content_10001 label span { color: var(--orange2); }


#content_10003 { margin-top: -60px; }
#content_10003 .content_inner2 { padding-top: 0; }
#content_10003 .content_inner2 h2 { max-width: 100%; }
#content_10003 h3 { font-style: italic; max-width: 720px; margin: 40px auto; }






#content_11204 .content_inner2 .zweiteiler .fragen { position: sticky; top: 80px; display: flex; background-image: url('../../img/maske_faq.svg'); background-size: contain; background-position: center; height: 600px; background-repeat: no-repeat; vertical-align: middle; align-content: center; justify-content: center; align-items: center; transform: rotate(180deg); }
#content_11204 .fragen .h2 { padding-left: 0; font-size: 80px; line-height: 80px; transform: rotate(180deg); }
#content_11204 .fragen .h2:after { content: '?'; position: absolute; color: #fff; font-size: 200px; line-height: 200px; margin-top: -100px; height: 200px; margin-left: 20px  }







#vorteile { font-size: 18px; -webkit-transition: 0.1s ease-in-out; -moz-transition: 0.1s ease-in-out; -o-transition: 0.1s ease-in-out; transition: 0.1s ease-in-out;  }
#vorteile p { margin: 0; }
#vorteile .hidden1 { display: none; padding-left: 40px; }
#vorteile .hidden2 { display: none; }
#vorteile .show1 { display: block !important; }
#vorteile .show1 p { display: block !important; margin: 10px 0; }
#vorteile .show2 { display: block !important; }
#vorteile .show2 p { display: block !important; margin: 10px 0; line-height: 26px; }
#vorteile a.h2 { display: block; font-size: 28px; font-weight: 700; line-height: 40px; border-bottom: 2px solid var(--dunkelblau); padding: 8px 0; padding-left: 40px; }
#vorteile a.h2:before { content: ''; display: inline-block; background-image: url('../../img/slider_pfeil_orange_r.png'); background-size: auto 32px; width: 40px; height: 40px; background-position: center; background-repeat: no-repeat; line-height: inherit; vertical-align: bottom; margin-left: -40px; }
#vorteile a.h2_aktiv { color: var(--orange2); border-bottom: 0; }
#vorteile a.h2_aktiv:before { transform: rotate(270deg); background-size: auto 26px; }


#vorteile a.h3 { display: block; font-size: 20px; font-weight: 700; line-height: 30px; padding: 3px 0; color: var(--dunkelblau); }
#vorteile a.h3:before { content: ''; display: inline-block; background-image: url('../../img/slider_pfeil_orange_r.png'); background-size: auto 20px; width: 30px; height: 30px; background-position: center; background-repeat: no-repeat; line-height: inherit; vertical-align: bottom; margin-left: -30px; }
#vorteile a.h3_aktiv { color: var(--orange2); }
#vorteile a.h3_aktiv:before { transform: rotate(270deg); background-size: auto 20px; }


.header_30 { background-color: #fff; }
.wrapper_30 { margin-top: 100px !important; }
.wrapper_30 a { color: var(--orange2); }
.wrapper_30 .weiter { display: none; }


.screenreader { display: none; }



#faq { font-size: 18px; -webkit-transition: 0.1s ease-in-out; -moz-transition: 0.1s ease-in-out; -o-transition: 0.1s ease-in-out; transition: 0.1s ease-in-out;  }
#faq p { margin: 0; }
#faq .hidden1 { display: none; padding-left: 60px; }
#faq .hidden2 { display: none; }
#faq .show1 { display: block !important; }
#faq .show1 p { display: block !important; margin: 10px 0; }
#faq .show2 { display: block !important; }
#faq .show2 p { display: block !important; margin: 10px 0; line-height: 26px; }
#faq a.h2 { display: block; font-size: 28px; font-weight: 700; line-height: 40px; border-bottom: 2px solid var(--dunkelblau); padding: 8px 0; }
#faq a.h2:before { content: ''; display: inline-block; background-image: url('../../img/slider_pfeil_orange_r.png'); background-size: auto 32px; width: 40px; height: 40px; background-position: center; background-repeat: no-repeat; line-height: inherit; vertical-align: bottom }
#faq a.h2_aktiv { color: var(--orange2); }
#faq a.h2_aktiv:before { transform: rotate(270deg); background-size: auto 26px; }
#faq a.h3 { display: block; font-size: 20px; font-weight: 700; line-height: 30px; padding: 3px 0; color: var(--dunkelblau); }
#faq a.h3:before { content: ''; display: inline-block; background-image: url('../../img/slider_pfeil_orange_r.png'); background-size: auto 20px; width: 30px; height: 30px; background-position: center; background-repeat: no-repeat; line-height: inherit; vertical-align: bottom; margin-left: -30px; }
#faq a.h3_aktiv { color: var(--orange2); }
#faq a.h3_aktiv:before { transform: rotate(270deg); background-size: auto 20px; }