body.protected #right .subnavigation .mod_navigation {
  display: none;
}
/* MAIN LOGIN START */
.login_left, .login_right, .left_side, .right_side {
  width: 50%;
  float: left;
}
@media only screen and (max-width: 60em) {
  .login_left, .login_right, .left_side, .right_side {
    width: 100%;
    float: none;
  }
}
.login_left h3.ce_headline, .left_side h3.ce_headline {
  margin: 2em 0 0 2.2em;
}
.login-area {
  margin: 0.5em 0.5em 1em 0.5em;
}
.login_innerform, .not_logged_in, .forgotten_password {
  background: #f2f2f2;
  width: 100%;
  float: left;
  margin-bottom: 1em;
}
.login_right .mod_login {
  margin: 2em 0.5em 3.2em 0.5em;
}
@media only screen and (max-width: 60em) {
  .login_right .mod_login {
    margin-left: 2.5em;
  }
}
.login_innerform .mod_login input#username, .login_innerform .mod_login input#password, .not_logged_in .mod_login input#username, .not_logged_in .mod_login input#password {
  width: 50%;
  padding: 0.125em 0.3em;
  margin: auto;
  width: 70%;
  box-sizing: border-box;
  clear: both;
  -webkit-appearance: none;
  border: 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.375);
  color: #a1a1a1;
  font-size: 1.25em;
  line-height: 1.25em;
  height: 2.5em;
  outline: none;
}
@media only screen and (max-width: 30em) {
  .login_innerform .mod_login input#username, .login_innerform .mod_login input#password, .not_logged_in .mod_login input#username, .not_logged_in .mod_login input#password {
    width: 90%;
  }
}
.login_innerform .mod_login label, .not_logged_in .mod_login label {
  display: inline-block;
  width: 100%;
  margin-bottom: 0.378em;
}
.login_innerform .mod_login label[for="password"], .not_logged_in .mod_login label[for="password"] {
  margin-top: 1em;
}
.mod_login .submit_container input.submit, .mod_login .widget-submit button, .mod_lostPassword .widget-submit button, .mod_lostPassword .submit_container input.submit {
  padding: 1em 1.4em;
}
.mod_login .widget-submit button, .mod_login .submit_container input.submit {
  position: absolute;
  right: 0;
  bottom: 2.8em;
}
@media only screen and (max-width: 30em) {
  .mod_login .widget-submit button, .mod_login .submit_container input.submit {
    position: static;
    margin-right: 10%;
    margin-bottom: 2em;
    float: right;
  }
}
.mod_lostPassword .widget-submit button, .mod_lostPassword .submit_container input.submit {
  margin-top: 1em;
}
@media only screen and (max-width: 60em) {
  .mod_lostPassword .widget-submit button, .mod_lostPassword .submit_container input.submit {
    position: static;
    margin-right: 10%;
    margin-bottom: 2em;
    float: right;
  }
}
#container .mod_login .formbody .ce_text .innerbox {
  margin: 0.5em 0 0 0;
}
#container .mod_login .formbody .ce_text .textcontainer {
  padding: 0;
}
.mod_login .widget-submit, .mod_login .submit_container {
  position: relative;
  margin-right: 2em;
}
@media and screen(min-width: 30em) {
  .mod_login .widget-submit, .mod_login .submit_container {
    overflow: hidden;
  }
}
@media only screen and (max-width: 30em) {
  .mod_login .widget-submit, .mod_login .submit_container {
    margin-right: 0;
  }
}
body.contactpage #container #main .login_innerform .login_left .ce_text .innerbox {
  margin-top: 0;
}
body.contactpage #container #main .login_innerform .login_left .ce_text .textcontainer {
  padding-top: 1em;
}
body.contactpage #container #main .login_innerform .login_left .ce_text .textcontainer p {
  max-width: 43em;
}
.login_innerform .login_right .mod_login .ce_text {
  width: 50%;
  font-size: 0.75em;
}
body.contactpage #container #main .login_innerform .login_right .mod_login .ce_text .textcontainer {
  padding: 0;
}
body.contactpage #container #main .login_innerform .login_right .mod_login .ce_text .textcontainer p a {
  color: #848484;
}
body.contactpage #container #main .login_innerform .login_right .mod_login .ce_text .innerbox {
  margin-left: 0;
  margin-top: 0.5em;
  margin-bottom: 0;
}
/* MAIN LOGIN END */
/* FORGOTTEN PASSWORD START */
#container .left_side .ce_text .innerbox {
  margin-top: 0;
}
#container .left_side .ce_text .textcontainer {
  padding-top: 1em;
}
.login_innerform .login_right .mod_login .ce_text {
  width: 50%;
  font-size: 0.75em;
}
.forgotten_password .mod_lostPassword .widget {
  margin-bottom: 1em;
}
.forgotten_password .mod_lostPassword label {
  display: inline-block;
  width: 100%;
  margin-bottom: 0.378em;
}
.forgotten_password .right_side .mod_lostPassword .ce_text {
  width: 50%;
  font-size: 0.75em;
}
.right_side .mod_lostPassword {
  margin: 2em 0.5em 3.2em 0.5em;
}
@media only screen and (max-width: 60em) {
  .right_side .mod_lostPassword {
    margin-left: 2.5em;
  }
}
.forgotten_password .mod_lostPassword input#ctrl_email, .forgotten_password .mod_lostPassword input#ctrl_lost_password, .forgotten_password .mod_lostPassword input#ctrl_password, .forgotten_password .mod_lostPassword input#ctrl_password_confirm {
  width: 50%;
  padding: 0.125em 0.3em;
  margin: auto;
  width: 70%;
  box-sizing: border-box;
  clear: both;
  -webkit-appearance: none;
  border: 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.375);
  color: #a1a1a1;
  font-size: 1.25em;
  line-height: 1.25em;
  height: 2.5em;
  outline: none;
}
@media only screen and (max-width: 60em) {
  .forgotten_password .mod_lostPassword input#ctrl_email, .forgotten_password .mod_lostPassword input#ctrl_lost_password, .forgotten_password .mod_lostPassword input#ctrl_password, .forgotten_password .mod_lostPassword input#ctrl_password_confirm {
    width: 90%;
  }
}
.mod_lostPassword .widget-submit, .mod_lostPassword .submit_container {
  position: relative;
  margin-bottom: 2em;
  margin-right: 30%;
  float: right;
}
@media and screen(min-width: 30em) {
  .mod_lostPassword .widget-submit, .mod_lostPassword .submit_container {
    overflow: hidden;
  }
}
@media only screen and (max-width: 60em) {
  .mod_lostPassword .widget-submit, .mod_lostPassword .submit_container {
    margin-right: 0;
    margin-bottom: 0;
    width: 100%;
  }
}
/* FORGOTTEN PASSWORD END */
#login-aenderungswunsch-erhalten, #login-neues-passwort-gespeichert {
  background-color: #f2f2f2;
  margin: 2em 0.5em 3.2em 0.5em;
}
/* WHEN USER LOGED IN  */
.logout {
  background-color: #f2f2f2;
  padding-left: 2em;
  padding-bottom: 2em;
  padding-top: 2.5em;
  padding-right: 2em;
}
.logout .widget-submit, .logout .submit_container {
  margin-right: 0;
  text-align: left;
}
.logout .widget-submit input.submit, .logout .widget-submit button, .logout .submit_container input.submit, .logout .submit_container button {
  position: static;
  padding: 0.5em 1em;
}
#right .menu-customer {
  background-color: #fff;
}
#right .menu-customer ul.level_1:before {
  display: none;
}
#right .menu-customer h4 {
  margin-bottom: 0;
  padding-top: 1.75em;
  padding-left: 1.7778em;
  color: #4f4f4f;
}
#right .mod_contentbox .innerbox .menu-customer ul.level_1 li a {
  color: #676767;
  font-weight: 500;
}
#right .mod_contentbox .innerbox .menu-customer ul.level_1 li.active a, #right .mod_contentbox .innerbox .menu-customer ul.level_1 li.trail a, #right .mod_contentbox .innerbox .menu-customer ul.level_1 li.active:hover a, #right .mod_contentbox .innerbox .menu-customer ul.level_1 li.trail:hover a, #right .mod_contentbox .innerbox .menu-customer ul.level_1 li:hover a {
  color: #002f87;
}
#right .mod_contentbox .innerbox .menu-customer .mod_navigation {
  padding-top: 0.75em;
}
/* 403 PAGE START */
.not_logged_in .right_side .mod_login {
  margin: 2em 0.5em 3.2em 0.5em;
}
#container #main .not_logged_in .right_side .mod_login .ce_text .textcontainer {
  padding: 0;
}
#container #main .not_logged_in .right_side .mod_login .ce_text .textcontainer p a {
  color: #848484;
}
#container #main .not_logged_in .right_side .mod_login .ce_text .innerbox {
  margin-left: 0;
  margin-top: 0.5em;
  margin-bottom: 0;
}
.not_logged_in .right_side .mod_login .ce_text {
  width: 50%;
  font-size: 0.75em;
}
/* 403 PAGE END */
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22var%2Fwww%2Fvirtual%2Fhnvg.abnahme-server.de%2Fhtdocs%2Ffiles%2Fcss%2Fcustomer_login.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AACA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMJ%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASA%3BAAAA%3BAAAA%3BAAEI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAkBI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAKJ%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOJ%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASH%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAKD%3BAAAA%3BAAAA%3BAAAA%3BAAEI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAEI%3BAAAA%3BAAAA%3BAAMR%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAEI%3BAAAA%3BAAAA%3BAAIJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAArJA%3BAAAA%3BAAgKI%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAKJ%3BAAAA%3BAAAA%3BAAAA%3BAAMC%3BAAAA%3BAAAA%3BAAGG%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOJ%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAEI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAeI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMR%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAEI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAnOJ%3BAA8OA%3BAAAA%3BAAAA%3BAAAA%3BAA9OA%3BAAsPA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMI%3BAAAA%3BAAAA%3BAAAA%3BAAII%3BAAAA%3BAAAA%3BAAAA%3BAAQR%3BAAAA%3BAAAA%3BAAEI%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUH%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAUD%3BAAAA%3BAAAA%3BAArSA%3BAA2SA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAEI%3BAAAA%3BAAAA%3BAAIJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAA3TA%22%7D */