.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-installation-date{
position: relative;
margin-top: 10px;
padding: 20px 0px 0px 0px;
height: 60px;
}
.rechner-installation-date .ui-datepicker-title{
min-width: 80%;
}
.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, .rechner-installation-date{
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(//www.esave.de/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(//www.esave.de/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(//www.esave.de/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, .rechner-installation-date {
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, .rechner-installation-date{
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;
} .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);
} .rechner_field_centered .button.default{
width:100%;
font-size:larger;
}
.rechner_to_business {
position: absolute;
top: -25px;
right: 20px;
line-height: 10px;
font-size: small;
}
.rechner_to_private {
position: absolute;
top: -25px;
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: 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(//www.esave.de/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(//www.esave.de/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(//www.esave.de/wp-content/uploads/calculator_icons/Energie_sparen_eSave-11.png);
background-repeat: no-repeat;
background-size: 80%;
background-position: center;
}
.rechner_tab.heat_pump_1 a{
background-image: url(//www.esave.de/wp-content/uploads/calculator_icons/Energie_sparen_eSave-12.png);
background-repeat: no-repeat;
background-size: 80%;
background-position: center;
}
.rechner_tab.heat_pump a{
background-image: url(//www.esave.de/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(//www.esave.de/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(//www.esave.de/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(//www.esave.de/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(//www.esave.de/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(//www.esave.de/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(//www.esave.de/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(//www.esave.de/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(//www.esave.de/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(//www.esave.de/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(//www.esave.de/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(//www.esave.de/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(//www.esave.de/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(//www.esave.de/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(//www.esave.de/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(//www.esave.de/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(//www.esave.de/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, .rechner-installation-date{
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; }
.chart_legend_text{
font-size: 12px;
line-height: 14px; }
#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;
} .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(//www.esave.de/wp-content/uploads/calculator_icons/Energie_sparen_eSave_Eintarif_off.png);
}
.checkbox-wrap .two-doppeltarif-icon {
background-image: url(//www.esave.de/wp-content/uploads/calculator_icons/Energie_sparen_eSave_Doppeltarif_off.png);
}
.checkbox-wrap .one-separat-icon {
background-image: url(//www.esave.de/wp-content/uploads/calculator_icons/Energie_sparen_eSave_Gemeinsamerzaehler_off.png);
}
.checkbox-wrap .two-gemeinsam-icon {
background-image: url(//www.esave.de/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(//www.esave.de/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(//www.esave.de/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(//www.esave.de/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(//www.esave.de/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(//www.esave.de/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(//www.esave.de/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(//www.esave.de/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;
} .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;
} .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;
}@media only screen and (max-width: 782px) {
.r-steps{
margin: 0px auto 0px;
width: 100%;
}
.r-steps ul.r-steps-block li.r-steps-item{
float: none;
width: auto;
}
.r-main {
width: auto;
padding: 5px;
}
.r-input-block.r-input-block-changed{
float:none;
width: 100%;
}
.r-confirm-text{
width: auto;
}
.r-overview-address-delivery-block, .r-overview-address-billing-block, .r-overview-details-block{
width:271px;
}
}
@media only screen and (max-width: 479px) {
.lead-main {
width: 280px;
padding: 20px 5px 10px 5px;
}
.lead-fieldset-city, .lead-fieldset-energy{
padding: 5px;
}
.lead-legend-city, .lead-legend-energy{
width:240px;
}
.lead-zip, .lead-city {
width: 270px !important;
}
.lead-energy-icons-block-first {
padding: 0 15px 0 15px;
}
.lead-energy-icons-block-last {
padding: 0 15px 0 15px;
}
.lead-energy-icons-block-first-responsive {
padding: 0 15px 0 15px;
}
.lead-energy-icons-block-last-responsive {
padding: 0 15px 0 15px;
}
.lead-electricity {
padding-left: 5px;
}
.lead-gas {
padding-left: 5px;
}
.lead-footer-submit-button {
margin-top: 10px !important;
width: 270px !important;
}
.r-input-block{
float:none;
width: 100%;
}
.r-overview-address-delivery-block, .r-overview-address-billing-block, .r-overview-details-block {
width:auto;
}
.r-overview-gas-provider-block, .r-overview-electricity-provider-block, .r-overview-owner-block, .r-overview-credit-block {
width:auto;  
}
.r-footer-submit{
float:none;
width: 100%;
padding-top: 20px;
}
.r-footer-back{
float:none;
width: 100%;
}
}