/* login */
@media only screen and (max-width: 767.9px) {
  .page--login,
  .page--forgotten-password,
  .page--authentication,
  .page--authenticationMail,
  .page--sendPassword,
  .page--signupSendPassword {
    background-color: #daf2ef;
  }
}
.page--login .l-container,
.page--forgotten-password .l-container,
.page--authentication .l-container,
.page--authenticationMail .l-container,
.page--sendPassword .l-container,
.page--signupSendPassword .l-container {
  padding: 3.2rem 1.6rem 6.4rem;
}
@media print, screen and (min-width: 768px) {
  .page--login .l-container,
  .page--forgotten-password .l-container,
  .page--authentication .l-container,
  .page--authenticationMail .l-container,
  .page--sendPassword .l-container,
  .page--signupSendPassword .l-container {
    padding: 3.2rem 0 6.4rem;
  }
}
.page--login .l-main,
.page--forgotten-password .l-main,
.page--authentication .l-main,
.page--authenticationMail .l-main,
.page--sendPassword .l-main,
.page--signupSendPassword .l-main {
  max-width: 60rem;
  margin: 0 auto;
  padding-bottom: 0.4rem;
}
@media only screen and (max-width: 767.9px) {
  .page--login .l-main,
  .page--forgotten-password .l-main,
  .page--authentication .l-main,
  .page--authenticationMail .l-main,
  .page--sendPassword .l-main,
  .page--signupSendPassword .l-main {
    border-radius: 1.6rem;
    -webkit-box-shadow: 0.2rem 0.2rem 0.8rem 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0.2rem 0.2rem 0.8rem 0 rgba(0, 0, 0, 0.15);
  }
}
@media only screen and (max-width: 767.9px) {
  .page--login .c-heading-lv1,
  .page--forgotten-password .c-heading-lv1,
  .page--authentication .c-heading-lv1,
  .page--authenticationMail .c-heading-lv1,
  .page--sendPassword .c-heading-lv1,
  .page--signupSendPassword .c-heading-lv1 {
    padding-top: 1.6rem;
  }
}

.p-login {
  padding: 0 2.4rem;
}
@media print, screen and (min-width: 768px) {
  .p-login {
    padding: 0 5.6rem;
  }
}
.p-login .c-form-set a {
  display: block;
  margin-top: 0.8rem;
  font-size: 1.2rem;
  color: #00ac97;
}

.p-authentication {
  padding: 0 2.4rem 5.6rem;
}
@media print, screen and (min-width: 768px) {
  .p-authentication {
    padding: 0 4rem 5.6rem;
  }
}