/*-----------ALLGEMEIN-----------*/
@font-face {font-family: 'ITCOfficinaSansW01';src: url('../fonts/ITCOfficinaSans-LTe52475.eot');src: url('../fonts/ITCOfficinaSans-LTe52475.eot?#iefix') format('embedded-opentype'),url('../fonts/ITCOfficinaSans-LTe52475.woff2') format('woff2'),url('../fonts/ITCOfficinaSans-LTe52475.woff') format('woff'),url('../fonts/ITCOfficinaSans-LTe52475.ttf') format('truetype');}
@font-face {font-family: 'ITCOfficinaSansW02';src: url('../fonts/ITCOfficinaSerif-LTe52481.eot');src: url('../fonts/ITCOfficinaSerif-LTe52481.eot?#iefix') format('embedded-opentype'),url('../fonts/ITCOfficinaSerif-LTe52481.eot') format('woff2'),url('../fonts/ITCOfficinaSerif-LTe52481.woff') format('woff'),url('../fonts/ITCOfficinaSerif-LTe52481.ttf') format('truetype');}
body, textarea, select {font-family: 'ITCOfficinaSansW01', sans-serif;  }
body {font-size: 1.3rem;  background-color: #fff;}
body, html {background-color: #fff;}
#headerframe, #footerframe {display: none;  }
#mainframe {box-shadow: none; width: 1180px;}
p {color: #666766; line-height: 1.8rem;font-weight: 400; }
h1 {color: #0f8e38; font-size: 2rem; font-weight: 600;margin-bottom: 0.5rem;font-family: 'ITCOfficinaSansW02', sans-serif; }
h2, h3 {color: #0f8e38;  }
h4 {color: #666867;font-size: 1.3rem;}
em {color: #666766;}

/*-----------LOGIN SEITE-----------*/
#login_steps {float: right; width: 50%; margin-bottom: 0px;}
.tab.instructions {float: left; width: 50%; margin-bottom: 1rem;padding-right: 5rem;box-sizing: border-box;}
.tab.login {float: unset; width: 100%; }
.one, .two, .three {background-color: #0f8e38; text-align: center;position: absolute;left: 0;top: 0;width: 14%;height: 100%;font-size: 2.4rem;border-radius: 10px;}
.one {background-image: url('../elements/download.svg');background-repeat: no-repeat;background-position: center center;background-size: 30px;}
.two {background-image: url('../elements/download.svg');background-repeat: no-repeat;background-position: center center;background-size: 30px;}
.three {background-image: url('../elements/download.svg');background-repeat: no-repeat;background-position: center center;background-size: 30px;}
.step {padding: 2rem 3rem 2rem 7rem;}
.step p {margin: 0;padding: 0;color: #fff; font-weight: 300;font-size: 1.3rem;}
.step_one, .step_two, .step_three {background-color: #0f8e38; border-radius: 10px; margin-bottom: 0.5rem;position: relative;}
label#required_fields_info {display: none;}
#instructions_container h2 {color: #0f8e38; margin-bottom: 10px;}
#instructions_wrapper p {font-weight: 400; }

.layout_area {top: -200px;background: white;}


/*-----------FOOTER-----------*/
#footer_wrapper {background-image: url("../elements/bg_footer.jpg");background-position: center top;background-repeat: no-repeat;background-size: cover;width: 100%;}
#footer_inner_wrapper {font-size: 1.29em;height: auto;margin: 0 auto;width: 1180px;padding: 1rem 0 2rem 0;}
#footernav {list-style: outside none none;margin: 0;padding: 0 1.5rem;}
#footernav li.first {margin-left: 0;}
#footernav li {display: list-item;display: inline-block;margin: 0 4px;}
#footernav li a {color: white;display: block;font-size: 1.6rem;letter-spacing: .05em;line-height: normal;text-decoration: none;}
/*-----------HEADER-----------*/
#header_wrapper {background-image: url("../elements/bg_header_wide.jpg");background-position: center top;background-repeat: no-repeat;box-sizing: border-box;height: 515px;margin-bottom: 10px;}
#header_inner_wrapper {margin: 0 auto;max-width: 100%;width: 1180px;padding-top: 11.5rem;}
#logo {background-image: url("../elements/Logo_Schaumburg.jpg");background-position: 0 0;background-repeat: no-repeat;display: block;float: left;height: 94px;text-decoration: none;width: 274px;margin-top: -10rem;background-size: contain;}
#menu_header_wrapper {float: right;font-size: .857em;list-style: outside none none;margin-top: -11rem;}
#menu_header_wrapper li.first {margin-left: 0;}
#menu_header_wrapper li {display: list-item;float: left;font-size: 100%;margin: 0 0 0 10px;}
#menu_header_wrapper li a, #menu_header_wrapper li a:hover {color: #666;text-decoration: none;font-size: 1.1rem;letter-spacing: 0.5px;}
#header_img {background-image: url("../elements/header.jpg");background-repeat: no-repeat;background-size: 100% auto;border: 5px solid #fff;-moz-box-shadow: 0 0 3px 0 #ccc;-webkit-box-shadow: 0 0 3px 0 #ccc;-o-box-shadow: 0 0 3px 0 #ccc;-moz-box-shadow: 0 0 3px 0 #ccc;-webkit-box-shadow: 0 0 3px 0 #ccc;-o-box-shadow: 0 0 3px 0 #ccc;-moz-box-shadow: 0 0 3px 0 #ccc;-webkit-box-shadow: 0 0 3px 0 #ccc;-o-box-shadow: 0 0 3px 0 #ccc;-moz-box-shadow: 0 0 3px 0 #ccc;-webkit-box-shadow: 0 0 3px 0 #ccc;-o-box-shadow: 0 0 3px 0 #ccc;-moz-box-shadow: 0 0 3px 0 #ccc;-webkit-box-shadow: 0 0 3px 0 #ccc;-o-box-shadow: 0 0 3px 0 #ccc;box-shadow: 0 0 3px 0 #ccc;box-sizing: border-box;height: 376px;width: 100%;}
#header_img_overlay {background-color: rgba(255,255,255,.6);color: #000;box-sizing: border-box;margin: 20px 0 0 20px;min-height: 104px;padding: 28px 30px;width: 460px;}
#header_img_overlay h4 {font-family: 'ITCOfficinaSansW02', sans-serif; font-size: 2rem;font-weight: 700;margin: 0 0 5px;color: #000;}
#header_img_overlay span {font-size: 1.5rem;font-family: 'ITCOfficinaSansW01', sans-serif; }
.clear_left, .clear_right, .clear_both {float: none!important;height: 0!important;width: 0!important;padding: 0!important;margin: 0!important;visibility: hidden!important;}
/*-----------MEDIA QUERIE-----------*/
@media (max-width: 1180px) {#footer_inner_wrapper, #header_inner_wrapper, #header_img_overlay {width: 100%;}#header_img {background-size: cover;}#header_img_overlay {margin: 0;}
}@media (max-width: 900px) {#result_dialog,.ecp_dialog {width: calc(100% - 20px);margin-left: 0;left: 10px !important;top: 10px !important;max-height: calc(100% - 20px);overflow: scroll;}.ecp_dialog_controls {padding-left: calc(50% - 55px) !important;}
}@media (max-width: 740px) {#frame_all {padding: 2rem;}#frame_customer_data, #frame_location_select, #login_steps {float: unset; width: 100%;}#login_steps {margin-bottom: 2rem;}#frame_customer_data {margin-bottom: 2rem;}#frm_readings, h3.heading_meters {padding: 0;}h4.location, h3.heading_meters, .list_meters p {padding: 0;}.tab.login {float: unset; width: 100%; }.tab.instructions {float: unset; width: 100%; /*EINSPALTIG TEXT LOGIN */ }.step {padding: 1.5rem 2rem 1.5rem 9rem;}input[type="submit"], input[type="button"], a.button, input[type="submit"]:hover, input[type="button"]:hover, a.button:hover {padding: 0.8rem 3rem;}}@media (max-width: 575px) {#meter_number_wrapper, #customer_number_wrapper, #customer_name_wrapper {float: unset; width: 100%;}#login_wrapper {padding: 2rem;}.step {padding: 1.5rem 2rem 1.5rem 9rem;}#footernav li {display: block;}#footernav li.first {margin: 0 4px;}
}@media (max-width: 440px) {.step {padding: 0.5rem 2rem 0.5rem 5rem;}
}