.rechner_tabcontainer { 
    height: 40px;
}
.rechner_tab.active {
    box-shadow: 0 -4px 15px -4px rgb(0 0 0 / 18%);
    position: relative;
    height: 36px;
    z-index: 99998;
}
.rechner_tab.active a{
    background:#fff; 
    height:40px; 
    display:block; 
    font-weight:normal;
    border-radius: 5px 5px 0px 0px;
}
.rechner_tab {
    background: #fff none repeat scroll 0 0;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    border-radius: 5px 5px 0px 0px;
    text-align: center;
    width: calc(15% - 2px);

}
.rechner_tab.inactive{
       box-shadow: 1.5px -1.5px 15px 0.5px rgba(0, 0, 0, 0.09), -1.5px -1.5px 2.5px 0.5px rgba(0, 0, 0, 0.09);
       z-index: 1;
}
.rechner-zip{
    width: 50%;
    margin-top: 10px;
}
.rechner_modal_email_first .rechner_modal_email_image, .rechner_modal_email_second .rechner_modal_email_image, rechner_modal_tariff_monitor_image{
    margin: 20px;
    max-width: 130px;
}
.rechner_modal_error_email_first .rechner_modal_email_image, .rechner_modal_email_second .rechner_modal_email_image, rechner_modal_tariff_monitor_image{
    margin: 20px;
    max-width: 130px;
}
.rechner_modal_email_first .rechner_modal_email_image img, .rechner_modal_email_second .rechner_modal_email_image img{
    margin-left: 50px;
}
.rechner_modal_error_email_first .rechner_modal_email_image img, .rechner_modal_email_second .rechner_modal_email_image img{
    margin-left: 50px;
}
.rechner_modal_tariff_monitor_image{
    margin-bottom: 15px;
}
.rechner_modal_email_image.bucket {
    margin: 20px 0px;
    max-width: 100%
}
.rechner_modal_email_image.bucket img{
    margin: 0px;
}
.rechner_modal_email_image.bucket img {
    max-width: 10%;
}
.rechner-city{
    width: 50%;
}
.rechner_fieldcontainer input{
    background-color: rgb(242, 242, 242);
    color: rgb(204, 204, 204);
}
.rechner_modal_email_cancel, .rechner_modal_email_ok, .rechner_modal_error_email_cancel, .rechner_modal_error_email_ok{
    text-align: center;
    margin-top: 15px;
    color: #677080;
    cursor: pointer;
}
input.rechner_input{
    background-color: rgb(242, 242, 242);
    color: rgb(204, 204, 204);
}
.rechner_modal_email_title, .rechner_modal_tariff_monitor_title {
    font-size: x-large;
    text-align: center;
    margin-bottom: 30px;
}
.rechner_modal_tariff_monitor_subtitle{
    margin-bottom: 10px;
    font-size: smaller;
    margin-top: -20px;
}
.rechner_modal_email_image, .rechner_modal_tariff_monitor_image {
    text-align: center;
}
.rechner_monitor_tariff_modal_on{
    margin: 20px;
}
.rechner_monitor_second .rechner_modal_email_ok{
    width: 100%
}
.rechner-zip, .rechner-kwh-amount, .rechner-city, 
.rechner-kwh-night-amount, .rechner-supplier_name, .rechner-name_rate, 
.rechner-usage_price, .rechner-usage_price_night, .rechner-base_price, .rechner-name, 
.rechner-surname, .rechner-firma, .rechner-tariff_monitor-email, rechner-tariff_monitor-firma,
.rechner-tariff_monitor-name, .rechner-tariff_monitor-surname, .rechner-error-name, 
.rechner-error-surname, .rechner-error-email, .rechner-error-firma{
    margin-top: -25px;
    padding: 20px 0px 0px 0px;
    height: 60px;
    position: relative;
    box-sizing: unset;
}
.rechner-email{
    margin-top: -10px;
    padding: 20px 0px 0px 0px;
    height: 60px;
    position: relative;
    box-sizing: unset;
}
.rechner_modal_email_first, .rechner_modal_email_second, .rechner_modal_error_email_first, .rechner_modal_error_email_second, .rechner_modal_tariff_not_found, .rechner_modal_city_select_again, .rechner_modal_tariff_monitor, .rechner_monitor_second, .rechner_modal_tariff_no_found{
    display: none;
    position: absolute;
    width: 350px;
    background: white;
    top: 200px;
    left: calc(50% - 150px);
    border-radius: 10px;
    padding: 40px;
    z-index: 9999999;
}

.rechner_modal_error_email_first, .rechner_modal_error_email_second{
    top: 0px;
}

.rechner_modal_tariff_no_found {
    display: block;
    border: rgb(242, 148, 36)  1px solid;
    padding: 15px;
    width: 300px;
    font-size: large;
    top: 0px;
    left: 60%;
}

.rechner_field_centered .button.default.rechner_modal_tariff_no_found_close{
    margin-top: 15px;
    width: 50%;
    font-size: medium;
}


.rechner_modal_tariff_monitor, .rechner_monitor_second{
    width: 290px;
    -webkit-box-shadow: 0px 0px 15px 5px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 0px 0px 15px 5px rgba(34, 60, 80, 0.2);
    box-shadow: 0px 0px 15px 5px rgba(34, 60, 80, 0.2);
}

.button.default.rechner_monitor_activate{
    padding: 13px 5px;
}

.rechner_modal_city_select_again{
        box-shadow: 0 0 25px 2px rgba(0, 0, 0, 0.18);
            text-align: center;
    padding: 15px;
}


td .rechner_info_icon{
   float:right;
}
 .rechner_info_icon {
    margin-left: -25px;
    cursor:help;
    width: 15px;
    display: block;
    min-height: 15px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/calculator_icons/Energie_sparen_eSave_Info.png);
}
.rechner-info-item {
    position: relative;    
}
.rechner-info-item .hidden-info {
    position: absolute;
    background: #ffffff;
    padding: 15px;
    border: 1px solid #cccccc;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    right: -240px;
    left: 35px;
    top: -30px;
    max-width: 250px;
    z-index: 9999;
    -webkit-border-radius: 10px;
            border-radius: 10px;
    display: none;
    font-size: small;
    font-weight: normal;
    text-align: left;
}
.rechner-info-item .hidden-info h6 {
    position: relative;
}
.rechner-info-item .hidden-info h6::after {
    content: '';
    position: absolute;
    border: 20px solid transparent;
    border-right: 20px solid #ffffff;
    left: -42px;
}
.rechner-info-item:hover .hidden-info {
    display: block;
}
.rechner-info-item .hidden-info-set {
    left: -150px;
    right: -50px;
    top: 25px;
}
.rechner-info-item .hidden-info-set h6::after {
    left: 122px;
    top: -44px;
    transform: rotate(90deg);
}
 .rechner_close_icon {
    min-width: 15px;
    display: block;
    min-height: 15px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/calculator_icons/Energie_sparen_eSave_Info-medium.png);
   margin-left: 30px;
}
.secondary_row td{
   display:none;
}
.rechner_field_back{
margin-top: -20px;
margin-bottom: 20px;
cursor: pointer;
}
.rechner_next_button_area span{
    display: inline-grid;
    margin-bottom: 40px;
}
.rechner_next_button_area p{
    display: none;
}
.rechner_next_button_wrapper{
    float: right;
    display: inline-grid;
}
.rechner_block, .rechner_modal_info{
display:none;
}
.rechner_modal_cancel, .rechner_modal_tariff_monitor_cancel{
cursor:pointer;
}
.rechner_modal_cancel, .rechner_modal_confirm, .rechner_modal_confirm_1, .rechner_modal_tariff_monitor_cancel{
   display: inline-grid;
    width: 45%;
}
.rechner_modal_confirm, .rechner_modal_confirm_1{
margin-left: calc(10% - 4px);
}
.rechner_modal_info_body table{
    width: 95%;
    margin-left: 5%;
    margin-top: -50px;
}
.rechner_modal_info_body table th{
    border-bottom: 2px solid #717375;
 text-align: center;
    font-size: initial;
    font-weight: 600;
}

.rechner_modal_info_body tr.last_row td:nth-of-type(1) {
    font-size: larger;
    border-bottom: none;
    color: black;
}
.rechner_modal_info_body tr.last_row td:nth-of-type(2) {
    border-bottom-width: 3px;
    border-bottom-color: black;
    font-weight: bold;
    color: black;
}
.rechner_modal_info_body tr.last_row td:nth-of-type(3) {
    border-bottom: none;
}
.rechner_modal_info_body tr.last_row td:nth-of-type(4) {
    font-weight: bold;
    border-bottom-width: 3px;
    color: #f29521;
    border-bottom-color: #f29521;
}
.rechner_modal_info_body td.first_col {
    font-size: inherit;
    font-weight: 400;
 text-align: left;
}
.rechner_modal_info_body td {
border-bottom: 1px solid #5153553d;
    text-align: center;
    font-size: initial;
    height: 30px;
}
.rechner_modal_info_title_title {
    display: inline-grid;
    width: calc(95% - 50px);
    font-size: x-large;
    font-weight: 600;
}
.rechner_modal_error_email_title {
    font-size: inherit;
    font-weight: 600;
    margin: 0px -5px;
}
.rechner_modal_info_body, .rechner_modal_info_footer{
margin-top:40px;
}
.title_signs{
    display: inline-flex;
    width: 50px;
}
.rechner_modal_info{
top:230px;
left:50%;
margin-left: -440px;
position:absolute;
background-color: #fff;
width:730px;
opacity:1;
z-index: 99999;
border-radius:10px;
padding: 40px 80px;
}
.rechner_block{
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: gray;
    opacity: 0.5;
    top: 0px;
    left: 0px;
    z-index: 99999;
}
.rechner_more_info{
    border: 3px solid #717375;
    padding: 10px 5px;
    border-radius: 5px;
    margin: 52% 0 0;
    font-weight: bold;
    text-align: center;
    font-size: initial;
    cursor: pointer;
}
.rechner_more_info a {
    color: #717375;
}
.rechner_more_info a:hover{
    color: #f29521
}
#rechner_result_five_year_sum {
    font-size: xx-large;
    font-weight:bold;
    color: #7f7f7f;
}
.rechner_five_year_result{
    max-width: 184px;
    width: 100%;
    font-weight: normal;
    margin-left: 20px;
    color: #9f9f9f;
    font-size: 15px;
    line-height: 18px;
}
.wrap-graph .rechner_five_year_result .rechner_text_with_info {
    margin-bottom: 20px;
    line-height: 26px;
}
.hidden-info h6 span{
    display:flex;
}
.rechner_result {
    padding-top: 10px;
}
#rechner_result_details{
    display: block;
    font-size: 14px;
    margin: 12px 0;
    font-weight: bold;
}
#rechner_send_email, .rechner_send_email{
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    color: #d2d2d2;
    font-size: 15px;
}
#myChart{
    width: 100%!important;
    height: 250px!important;
}
.rechner_register_wrap {
    max-width: 335px;
    text-align: center;
}
.rechner_register_wrap button.button.default{
   font-size: large;
   padding: 12px 35px;
   min-width: 100%;
   margin-bottom: 4px;
}
.rechner_result_sum_wrapper {
    width: 50%;
    color: #9f9f9f;
    font-size: 15px;
}
.rechner_result_sum_wrapper span {
    font-size: 42px;
    font-weight: bold;
    display: block;
    color: #7f7f7f;
    margin-bottom: 8px;
}
.rechner_result_select_wrap {
   display:inline-block;
   width:calc(50% - 22px);
   font-size:medium;
}
.rechner_supplier_title{
   margin-right:40px;
}
.rechner_result select, .rechner_detail_input select, .rechner_city_selector{
    background-color: #f3f3f2;
    color: #7f7f7f;
    background-image: url(/wp-content/uploads/calculator_icons/esave_dropdown_medium.png);
    background-position: right;
    background-size: 30px 30px;
    background-repeat: repeat-y;
    width:100%;
    font-size: 14px;
    padding: 10px 40px 10px 11px;
}
.rechner_result label {
    font-weight: bold;
}
.rechner_spinner{
    display: none;
    text-align: center;
    margin: 27%;
    vertical-align: middle;
}
.rechner_spinner_1{
    display: none;
    text-align: center;
    vertical-align: middle;
    position: fixed;
    top: 40%;
    left: 60%;
    z-index: 99;
}
.rechner_modal_info_body{
    position: relative
}
.rechner_modal_info_body .rechner_spinner_1{
    display: none;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    top: 20%;
    left: 49%;
    z-index: 99;
}
.rechner_benefit_check img {
    max-width: 32px;
    padding-bottom: 10px;
    margin-right: 10px;
}
.rechner_tab img{
   max-width:70%;
}
.rechner_button_wrapper{
    margin: 20px 0px 30px;
}
.rechner_benefit{
margin:20px 0px;
}
.rechner_benefit_check{
    display:inline-block;
}
.rechner_benefit_text{
    font-size: x-large;
    display:inline-block;
}
.rechner_type {
    font-size: x-large;
    padding: 40px 0px 5px 0px;
    text-align: start;
}
.rechner_title{
    font-size: 31px;
    padding: 30px 0px 10px 0px;
    letter-spacing: 1px;
}
.rechner_info{
font-size: 15px;
margin-top: 25px;
}
.rechner_benefits {
    margin-top: 50px;
}
.inside-par {
    margin-top: 20px;
}
.rechner-zip, .rechner-kwh-amount, .rechner-city, .rechner-kwh-night-amount {
    padding: 20px 0px 0px 0px;
    height:60px;
}
.rechner_field{
   margin: 0px 30px;
}
.rechner_field_centered{
   text-align:center;
}
.rechner-city, .rechner-zip, .rechner-kwh-amount, .rechner-kwh-night-amount{
  width:100%
}
.info_image_container {
    display: inline-block;
    float: right;
    margin-right: 0px;
}
.info_image_container img{
    max-height: 18px;
}
.display_inline{
    display:inline-block;
}
.display_inline b {
    font-size: 15px;
}
.rechner_house_icon span, .rechner_house_icon span sup{
font-size:x-small;
}
.rechner_people_icon, .rechner_house_icon{
display:inline-block;
}
/* custom checkbox */
.rechner-eco input, .rechner-eco label{
display:inline-block;
font-size: small;
}

.rechner-eco {
    display: block;
    position: relative;
    padding-left: 28px;
    margin-bottom: 12px;
    margin-top: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.rechner-graphs {
    flex: 1 0;
    height: 360px;
}

.rechner-eco input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

    .checkmark {
        position: absolute;
        top: 3px;
        left: 0;
        height: 16px;
        width: 16px;
        background-color: rgb(242, 242, 242);
        border: 1px solid #e8e8e8;
        border-radius: 2px;
    }

    .checkmark::after {
        content: '';
        position: absolute;
        display: none;
    }

.rechner-eco input:checked ~ .checkmark::after {
    display: block;
}

.rechner-eco .checkmark::after {
    left: 5px;
    top: 0;
    width: 5px;
    height: 11px;
    border: solid rgb(242, 148, 36);
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* ./custom checkbox */
.rechner_field_centered .button.default{
width:100%;
font-size:larger;
}
.rechner_to_business {
    position: absolute;
    top: 5px;
    right: 20px;
    line-height: 10px;
    font-size: small;
}
.rechner_to_private {
    position: absolute;
    top: 5px;
    right: 14%;
    line-height: 10px;
    font-size: small;
}
.wrap-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: flex-start;
}
.wrap-m-t {
    margin-top: 30px;
}
.wrap-graph {
    margin-top: 20px;
}
.rechner_text_with_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
      	-ms-flex-align: center;
        align-items: center;
}
.rechner_text_with_info b,
.rechner_checkboxes-title b {
    font-size: 14px;
}
.separator_line.central_line {
    left: 50%;
    margin-left: -15px;
    width: 40px;
}
.rechner_tabholder{
   /* width:90%; */
   width: 100%;
   margin-bottom: 50px;
}
.rechner_infoholder, .rechner_result{
   margin-left:50px;
   margin-bottom: 40px;
}
.rechner_fieldcontainer {
    background-color: white;
    box-shadow: 0 0 25px 2px rgba(0, 0, 0, 0.18);
    margin-top: 0;
    min-height: 50px;
    position: relative;
    z-index: 999;
    border-radius: 0px 10px 10px 10px;
    height: 100%;
}
.rechner_tab a {
    background: #fff;
    height: 40px;
    display: block;
    font-weight: normal;
    border-radius: 5px 5px 0px 0px;
   
}
.rechner_tab.electricity a{
    background-image: url(/wp-content/uploads/calculator_icons/Energie_sparen_eSave-09.png);
 background-repeat: no-repeat;
    background-size: 80%;
    background-position: center;
}
.rechner_tab.gas a{
    background-image: url(/wp-content/uploads/calculator_icons/Energie_sparen_eSave-08.png);
 background-repeat: no-repeat;
    background-size: 80%;
    background-position: center;
}
.rechner_tab.electricity_gas a{
    background-image: url(/wp-content/uploads/calculator_icons/Energie_sparen_eSave-11.png);
 background-repeat: no-repeat;
    background-size: 80%;
    background-position: center;
}
.rechner_tab.heat_pump a{
    background-image: url(/wp-content/uploads/calculator_icons/Energie_sparen_eSave-12.png);
 background-repeat: no-repeat;
    background-size: 80%;
    background-position: center;
}
.rechner_people_icons{
margin: 10px 0px;
width:100%
}
.rechner_people_icon, .rechner_house_icon{
width:20%;
height:20%;
}
.rechner_people_icon a, .rechner_house_icon a{
background: #fff;
    height: 60px;
    display: block;
    font-weight: normal;
}
.rechner_people_icon.one a{
 background-image: url(/wp-content/uploads/calculator_icons/Energie_sparen_eSave-04.png);
 background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
.rechner_people_icon.one.active a{
 background-image: url(/wp-content/uploads/calculator_icons/Energie_sparen_eSave_Person1_on.png);
 background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
.rechner_people_icon.two a{
 background-image: url(/wp-content/uploads/calculator_icons/Energie_sparen_eSave-05.png);
 background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
.rechner_people_icon.two.active a{
 background-image: url(/wp-content/uploads/calculator_icons/Energie_sparen_eSave_Person2_on.png);
 background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
.rechner_people_icon.three a{
 background-image: url(/wp-content/uploads/calculator_icons/Energie_sparen_eSave-06.png);
 background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
.rechner_people_icon.three.active a{
 background-image: url(/wp-content/uploads/calculator_icons/Energie_sparen_eSave_Person3_on.png);
 background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
.rechner_people_icon.four a{
 background-image: url(/wp-content/uploads/calculator_icons/Energie_sparen_eSave-07.png);
 background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
.rechner_people_icon.four.active a{
 background-image: url(/wp-content/uploads/calculator_icons/Energie_sparen_eSave_Person4_on.png);
 background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
.rechner_house_icon.one a{
 background-image: url(/wp-content/uploads/calculator_icons/Energie_sparen_eSave_Haus1_off.jpg);
 background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
.rechner_house_icon.one.active a{
 background-image: url(/wp-content/uploads/calculator_icons/Energie_sparen_eSave_Haus1_on.png);
 background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
.rechner_house_icon.two a{
 background-image: url(/wp-content/uploads/calculator_icons/Energie_sparen_eSave_Haus2_off.jpg);
 background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
.rechner_house_icon.two.active a{
 background-image: url(/wp-content/uploads/calculator_icons/Energie_sparen_eSave_Haus2_on.png);
 background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
.rechner_house_icon.three a{
 background-image: url(/wp-content/uploads/calculator_icons/Energie_sparen_eSave_Haus3_off.jpg);
 background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
.rechner_house_icon.three.active a{
 background-image: url(/wp-content/uploads/calculator_icons/Energie_sparen_eSave_Haus3_on.png);
 background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
.rechner_house_icon.four a{
 background-image: url(/wp-content/uploads/calculator_icons/Energie_sparen_eSave_Haus4_off.jpg);
 background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
.rechner_house_icon.four.active a{
 background-image: url(/wp-content/uploads/calculator_icons/Energie_sparen_eSave_Haus4_on.png);
 background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
.rechner_people_icon.two, .rechner_house_icon.two{
    margin: 0% 4% 0% 4%;
}
.rechner_people_icon.three, .rechner_house_icon.three{
    margin: 0% 4% 0% 0%;
}
.rechner_input:focus ~ .rechner_floating_label,
.rechner_input:not(:focus):valid ~ .rechner_floating_label{
  top: 16px;
  bottom: 10px;
  left: 20px;
  font-size: x-small;
  opacity: 1;
}
.rechner_input.valid ~ .rechner_kwh_ok_label{
    display: block;
    position: absolute;
    top: 28px;
    right: -25px;
    max-width: 20px;
}
.rechner_input.valid ~ .rechner_zip_ok_label, .rechner_selector.valid ~ .rechner_zip_ok_label{
    display: block;
    position: absolute;
    top: 28px;
    right: -25px;
    max-width: 20px;
}
.rechner_zip_not_ok_label, .rechner_zip_upload_label{
    display: none;
    position: absolute;
    top: 28px;
    right: -25px;
    max-width: 20px;
}
.rechner_input:focus ~ .rechner_kwh_label, .rechner_input:not(:focus):valid ~ .rechner_kwh_label {
    position: absolute;
    display: block;
    top: 36px;
    left: 70px;
    font-size: medium;
    opacity: 1;
    color: rgb(204, 204, 204);
}
.rechner_input{
  font-size:medium;
}
.rechner_input:focus,
.rechner_input:not(:focus):valid{
    padding-bottom: 0px;
    padding-top: 16px;
    background-color: #fafafa !important;
    color: #555555 !important;
    font-size: medium;
}
.rechner-zip, .rechner-kwh-amount, .rechner-city, 
.rechner-kwh-night-amount, .rechner-supplier_name, .rechner-name_rate, 
.rechner-usage_price, .rechner-usage_price_night, .rechner-base_price{
  position:relative;
}

.rechner_modal_tariff_title {
    font-size: x-large;
    text-align: center;
    margin-bottom: 30px;
}

.rechner_floating_label {
    position: absolute;
    pointer-events: none;
    left: 10px;
    top: 28px;
    transition: 0.2s ease all;
}
.rechner_city_selector{
  width:100%
}
button.button.default.rechner_submit_button:disabled, button.button.default.rechner_next_button:disabled, .rechner_modal_email_first button:disabled, .rechner_tariff_add:disabled, .rechner_monitor_activate:disabled, .rechner_send_error_offer_email:disabled{
    background-color: #f9c876;
    cursor:default;
}
button.button.default.rechner_submit_button:disabled:hover, button.button.default.rechner_next_button:disabled:hover,.rechner_modal_email_first button:disabled:hover, .rechner_tariff_add:disabled:hover, .rechner_monitor_activate:disabled:hover, .rechner_send_error_offer_email:disabled:hover {
    background-color: #f9c876 !important;
    cursor:default;
}
.info_image_container-hidden {
    display: none;
}
#chart_legend ul {
    display: flex;
    flex-flow: row-reverse nowrap;
    justify-content: space-between;
    margin-left: 0;
    margin-right: 18px;
}
#chart_legend li {
    display: flex;
    align-items: center;
    margin-top: 6px;
}
.chart_legend_label {
    width: 25px;
    height: 25px;
    margin-right: 6px;
    border-radius: 5px;
    /* box-shadow: 0px 0px 5px 1px rgba(154, 147, 140, 0.5); */
}
.chart_legend_text{
    font-size: 12px;
    line-height: 14px;
    /* margin-right: 6px; */
}
#chart_legend_info{
    max-width: 16px;
    margin-top: -5px;
    display: none;
}
.rechner_house_icon span{
    margin-left: -10px;
}
.rechner_modal_info .fa-pencil, .rechner_modal_info .fpencil{
    cursor: pointer;
    margin-right: 3px;
}
.rechner_detail_input{
    display: none;
}
.rechner_detail_input input{
    max-width: 50px;
}
.rechner_next_button_area {
    margin-top: 60px;
}
.wrap-info-m {
    margin-top: 20px;
}

.wrap-inputs-mt {
    margin-top: 50px;
}
.section-checkbox-c {
    margin: 8px 0 20px;
}
/* INPUT RADIO */
.checkbox-wrap input[type=radio].privat-checkbox {
    display: none;
} 
.checkbox-wrap .label-text {
    background-color: rgb(242, 242, 242);
    color: rgb(113, 115, 117);
    border-radius: 1px;
    font-size: 12px;
    font-weight: bold;
    padding: 8px 13px;
}
.checkbox-wrap input[type=radio]:checked.privat-checkbox + label {
    display: inline-block;
}
.checkbox-wrap input[type=radio].privat-checkbox + label {
    cursor: pointer;
    display: inline-block;
}
.checkbox-wrap input[type=radio]:checked.privat-checkbox + label.label-text {
    background-color: rgb(242, 148, 36);
    color: #ffffff;
}
.checkbox-wrap .label-icon {
    -webkit-background-size: 70px 70px;
            background-size: 70px 70px;
    width: 70px;
    height: 70px;
}
.checkbox-wrap .one-eintarif-icon {
    background-image: url(/wp-content/uploads/calculator_icons/Energie_sparen_eSave_Eintarif_off.png);
}

.checkbox-wrap .two-doppeltarif-icon {
    background-image: url(/wp-content/uploads/calculator_icons/Energie_sparen_eSave_Doppeltarif_off.png);
}

.checkbox-wrap .one-separat-icon {
    background-image: url(/wp-content/uploads/calculator_icons/Energie_sparen_eSave_Gemeinsamerzaehler_off.png);
}

.checkbox-wrap .two-gemeinsam-icon {
    background-image: url(/wp-content/uploads/calculator_icons/Energie_sparen_eSave_Separaterzaehler_off.png);
}

.checkbox-wrap input[type=radio]:checked.privat-checkbox + label {
    display: inline-block;
}

.checkbox-wrap input[type=radio]:checked.privat-checkbox + label.one-separat-icon {
    background-image: url(/wp-content/uploads/calculator_icons/Energie_sparen_eSave_Gemeinsamerzaehler_on.png);
}

.checkbox-wrap input[type=radio]:checked.privat-checkbox + label.two-gemeinsam-icon {
    background-image: url(/wp-content/uploads/calculator_icons/Energie_sparen_eSave_Separaterzaehler_on.png);
}

.checkbox-wrap input[type=radio]:checked.privat-checkbox + label.one-eintarif-icon {
    background-image: url(/wp-content/uploads/calculator_icons/Energie_sparen_eSave_Eintarif_on.png);
}
.checkbox-wrap input[type=radio]:checked.privat-checkbox + label.two-doppeltarif-icon {
    background-image: url(/wp-content/uploads/calculator_icons/Energie_sparen_eSave_Doppeltarif_on.png);
}
.checkbox-wrap input[type=radio].privat-checkbox + label {
    cursor: pointer;
    display: inline-block;
}
.rechner_tarif_centered .section-checkbox {
    justify-content: flex-start;
    margin-top: 10px;
}
.rechner_tarif_centered .section-checkbox .checkbox-wrap {
    margin-right: 15px;
    text-align: center;
}
.button-weiter-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 24px;
}
.button-weiter-wrap button {
    max-width: 140px;
}
.schritt-descr {
    margin: 0;
}

.rechner_info-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 25px;
    margin-bottom: -10px;
}
.rechner-zip-wrap {
    margin-top: 0;
}
.rechner-btn-link {
    text-align: left;
}

.rechner-btn-link button {
    margin-bottom: 12px;
}
.rechner-btn-link a {
    color: rgb(113, 115, 117);
}
.rechner-checkbox-wrap {
    margin-top: 100px;
}
.rechner-zip-lch {
    margin-top: -20px;
}
.display_inline-width {
    max-width: 212px;
}

.step5-rechner .rechner_tarif_centered .section-checkbox {
    margin-top: 20px!important;
}

.step5-rechner .rechner_tarif_centered .section-checkbox p {
    margin: 0!important;
}

.step5-rechner .rechner_info-wrap {
    margin-top: 15px!important;
}
.step5-rechner .rechner-checkbox-wrap {
    margin-top: 10px!important;
}
.rechner_modal_info_body table thead th:first-of-type {
    font-size: x-large;
    text-align: left;
    
}
.rechner_modal_info_body table thead.strom_compare:not(.show_before) .strom_cell{
    display:none;
}
.rechner_modal_info_body table thead.strom_compare.show_before:before {
    content: ' ';
    position: relative;
    width: 60px;
    height: 60px;
    display: inline-block;
    left: -60px;
    top: 40px;
    background-position: center;
    background-image: url(/wp-content/uploads/calculator_icons/Energie_sparen_eSave-09.png);
    -webkit-background-size: 24px 20px;
    background-size: cover;
}    
.rechner_modal_info_body table thead.gas_compare:before{
    content: ' ';
    position: relative;
    width: 60px;
    height: 60px;
    display: inline-block;
    left: -60px;
    top: 40px;
    background-position: center;
    background-image: url(/wp-content/uploads/calculator_icons/Energie_sparen_eSave-08.png);
    -webkit-background-size: 24px 20px;
    background-size: cover;
}

.rechner_modal_info_body table thead.heat_pump_compare:before{
    content: ' ';
    position: relative;
    width: 50px;
    min-height: 30px;
    display: inline-block;
    left: -60px;
    top: 40px;
    background-position: center;
    background-image: url(/wp-content/uploads/calculator_icons/Energie_sparen_eSave-12.png);
    -webkit-background-size: 24px 20px;
    background-size: cover;
}

input.rechner-alert{
    border-color: red;
}

#rechner_result_details, .rechner_to_business, .rechner_to_private, .rechner_modal_tariff_cancel{
    cursor: pointer;
}

.rechner_modal_email_content .rechner_field_centered .button.default{
    font-size: small;
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
}

.rechner_detail_input select{
    margin-bottom: 5px;
    margin-top: -15px;
}

.mask_holder {
    display: inline-flex;
    position: relative;
}
.rectangle_4 {
    width: 128px;
    height: 28px;
    font-size: 11px;
    font-weight: 600;
    color: white;
    background: rgba(140, 140, 140, 0.9);
    backdrop-filter: blur(2.5px);
    border-radius: 3px 0px 0px 3px;
}

.rectangle_5 {
    padding-top: 4px;
    text-align: left;
    width: 73px;
    height: 28px;
    font-size: 9px;
    line-height: 10px;
    font-weight: 600;
    color: white;
    text-transform: uppercase;
    left: 0px;
    top: 0px;
    background: rgba(10, 10, 10, 0.3);
    backdrop-filter: blur(2.5px);
    border-radius: 0px 3px 3px 0px;
}

.alert-alert-info {
    margin-top: 20px;
    padding: 6px;
    padding-left: 15px;
    position: relative;
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
    border: 1px solid transparent;
    border-radius: 4px;
    text-align: left;
    font-size: small;
}

.alert-alert-info > i {
    position: absolute;
    left: -15px;
    top: -15px;
    width: 35px;
    height: 35px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    line-height: 35px;
    text-align: center;
    background: inherit;
    border: inherit;
}

#old_kwh_price_limited, #old_kwh_price_limited_2, #new_kwh_price_limited, #new_kwh_price_limited_2{
        font-size: inherit;
}
#old_kwh_price_not_limited, #old_kwh_price_not_limited_2, #new_kwh_price_not_limited, #new_kwh_price_not_limited_2{
        font-size: inherit;
}
.rechner_modal_info_body td.nl_lightbox_info{
    padding-top:10px;
    border:none;
    text-align: right;
}
.nl_lightbox_info_div{
    border:1px solid grey;
    border-radius:3px;
    display: inline-flex;
}
.nl_lightbox_info_span{
    line-height: initial;
    padding: 7px;
    font-size: smaller;
}
.nl_lightbox_info_sum{
    font-size: larger; 
    padding: 14px; 
    padding-top: 16px; 
    color: #f29424; 
    font-weight: 600;
}
.nl_lightbox_info_icon{
    max-height:50px
}
.nl_double_image{
    display: flex;
}
.nl_double_image_plus{
    font-size: x-large;
    padding-top: 12px;
    font-weight: 800;
    color: #f29424;
}

@media screen and (min-width: 1000px) {
    #calculation-data .container {
        height: 640px;
        z-index:1;
    }
    #calculation-data .span8 {
        height: 510px;
        z-index: 2;    
    }
}

@media screen and (max-width: 1208px) {
    .rechner_register_wrap {
        max-width: 46%;
    }
}

@media screen and (max-width: 1000px) {
    .rechner_to_business {
        right: 0px;
        font-size: x-small;
    }
    .rechner_to_private {
        right: 0px;
        font-size: x-small;
    }
}
@media screen and (max-width: 1100px) {
	
	.rechner_fieldcontainer {
		min-width: 290px;
	}
}
@media screen and (max-width: 975px) {
	.rechner_people_icons {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
      	-ms-flex-pack: justify;
        justify-content: space-between;
	}
	
	.rechner_type {
		font-size: 20px;
    }
    
    .rechner_result {
        margin-left: 0;
    }

    /* modal */
    .rechner_modal_info {
        padding: 40px;
        width: 600px;
        margin-left: -340px;
    }
    .nl_lightbox_info_span{
        font-size: small;
    }
    .nl_lightbox_info_sum{
        font-size: large;
    }
}
@media screen and (max-width: 940px) {
	.post-6659 .container {
        display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
  		-webkit-box-direction: normal;
      	-ms-flex-direction: column;
        flex-direction: column;
		-webkit-box-pack: center;
      	-ms-flex-pack: center;
        justify-content: center;
		-webkit-box-align: center;
      	-ms-flex-align: center;
        align-items: center;
	}
	.rechner_benefit {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin: 0;
    }

    .rechner_tabholder{
        width:100%;
        margin-right: 0;
     }
    
    .post-6659 .rechner_infoholder {
        margin-top: 20px;
    }

    .post-6659 .rechner_result {
        margin-top: 40px;
    }
}
@media screen and (max-width: 915px) {
	.rechner_info p {
		margin-bottom: 10px;
	}
	.rechner_benefit_check img {
		max-width: 24px;
	}
	
	.rechner_benefit_text {
		font-size: 20px;
	}
}
@media screen and (max-width: 898px) { 
    .rechner_register_wrap {
        max-width: 45%;
    }
}
@media screen and (max-width: 837px) {
	.rechner_title {
		font-size: 22px;
	}
}
@media screen and (max-width: 790px) {
    .rechner-info-item .hidden-info {
        right: 30px;
        left: -230px;
    }
    .rechner-info-item .hidden-info h6::after {
        left: 190px;
        border-right: 0;
        border-left: 20px solid #ffffff;
    }

    .rechner-info-item .hidden-info-set {
        left: -285px;
        right: 25px;
        top: -66px;
    }
    .rechner-info-item .hidden-info-set h6::after {
        transform: rotate(0);
        top: 37px;
        left: 247px;
    }
    .nl_double_image{
        display: initial;
    }
    .nl_double_image_plus{
        display: none;
    }
    .nl_lightbox_info .button{
        font-size: smaller;
        padding: 10px;
    }
}
@media screen and (max-width: 767px) {

	.rechner_infoholder .rechner_title {
		font-size: 20px;
    }
    
    .rechner_to_business {
        right: 10px;
        font-size: x-small;
    }
    .rechner_to_private {
        right: 10px;
        font-size: x-small;
    }
    
    .rechner_result {
        display: -webkit-box;
		display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
  		-webkit-box-direction: normal;
      	-ms-flex-direction: column;
        flex-direction: column;
		-webkit-box-pack: center;
      	-ms-flex-pack: center;
        justify-content: center;
		-webkit-box-align: center;
      	-ms-flex-align: center;
        align-items: center;
        display: none;
    }
    .rechner_result .rechner_result_select_wrap,
    .rechner_result .rechner_result_sum_wrapper {
        margin-right: 0;
        width: 100%;
    }

    .rechner_result .rechner_result_sum_wrapper {
        text-align: center;
    }

    .rechner_result .rechner_register_wrap {
        max-width: 100%;
    }
    .rechner-graphs {
        width: 100%!important;
    }
    .rechner_result .rechner_five_year_result {
        margin-left: 0;
        width: 100%;
        text-align: center;
    }
    .rechner_result .rechner_more_info {
        margin-top: 40px;
    }
    /* modal */
    .rechner_modal_info {
        padding: 20px;
        width: 500px;
        margin-left: -270px;
        top: 720px;
    }

    .rechner_modal_info_body td {
        font-size: 14px;
    }

    .wrap-row {
        flex-direction: column;
        align-items: center;
    }

    #chart_legend ul {
        margin: 0;
    }

    #chart_legend li:last-child {
        margin: 0;
    }

    .rechner_five_year_result {
        max-width: 100%;
        text-align: center;
        margin: 0px 0 40px;
    }

    #rechner_result_five_year_sum {
        margin: 0 auto;
    }
    .nl_lightbox_info_span{
        font-size: x-small;
        padding-top: 12px;
    }
    .nl_lightbox_info_sum{
        font-size: small;
        padding: 0px;
        padding-top: 16px;
    }
}
@media screen and (max-width: 579px) {
    
    .rectangle_4 {
        width: 100px;
        font-size: 8px;
    }
    
    .rectangle_5 {
        width: 60px;
        font-size: 7px;
    }
    
    .rechner_modal_info_body td.first_col {
        font-size: 12px;
    }
    #old_kwh_price_limited, #old_kwh_price_limited_2, #new_kwh_price_limited, #new_kwh_price_limited_2{
        font-size: 10px;
    }
    #old_kwh_price_not_limited, #old_kwh_price_not_limited_2, #new_kwh_price_not_limited, #new_kwh_price_not_limited_2{
        font-size: 10px;
    }
    
    .rechner_modal_info {
        margin-left: -210px;
        width: 380px;
        padding: 10px 20px;
    }

    .rechner_modal_info_body td {
        font-size: 10px;
    }

    .rechner_modal_info_body table th {
        font-size: 12px;
    }

    .rechner_modal_info_title_title {
        font-size: 21px;
    }
    nl_lightbox_info_div .button{
        font-size: smaller;
        padding: 10px;
    }
}

@media screen and (max-width: 479px) {
	.rechner_type {
		font-size: 17px;
	}
	.rechner_infoholder .rechner_title {
		font-size: 18px;
	}
	.rechner_benefit_check img {
		max-width: 20px;
		padding-bottom: 4px;
	}
	.rechner_benefit_text {
		font-size: 18px;
	}
}

.rechner_message {
    color: red;
    padding-bottom: 5px;
    padding-left: 10px;
    margin-top: -10px;
}

.heat_pump_tab_message{
    text-align: justify;
    text-indent: 10px;
    margin-top: 30px;
    margin-bottom: 30px;
    font-weight: 600;
}

.rechner_modal_info.rechner_modal{
    box-sizing: content-box;
}

.result_tariff_monitor{
    display: none;
}

.result_tariff_monitor_title{
    font-size: medium;
    font-weight: bold;
    margin: 20px;
}

.result_tariff_monitor img{
    float: left;
    max-width: 140px;
}


/* Second screen mobile */