/* Gigya Forms General -------------------------------------------------------------------*/
.gigya-screen-dialog:focus-visible {
  outline: none;
}

.screensetHeaderSpacer {
  height: 10px !important;
}

.gigya-composite-control-image {
  display: flex;
  align-items: center;
  justify-content: center;
}

.gigya-input-text,
.gigya-input-password,
select {
  font-size: 1em;
  padding: 0.4em;
  background-color: #f1f1f1;
  border: solid 1px #ddd;
  border-radius: 4px;
}

.gigya-input-submit {
  font-size: 1em;
  margin: 0.2em;
  padding: 0.6em 2em;
  background-color: #001d46;
  font-family: Bull;
  color: #fff;
  border: none;
  text-transform: uppercase;
  margin-bottom: 2em;
  margin-top: 2em;
  width: 200px;
}

.gigya-composite-control label {
  display: block;
}

label.gigya-required-display {
  display: inline;
}

.gigya-composite-control-checkbox {
  text-align: left;
  margin: 1em 0;
  color: #222;
  margin-top: 20px;
}

.gigya-composite-control-checkbox label {
  display: inline;
}

.screensetHeaderLogo {
  margin-top: -13px;
}

.screensetHeader {
  margin-top: 0px;
  margin-bottom: 30px;
  display: flex;
}

screensetHeaderLogin {
  text-align: center !important;
}

.screensetHeaderBody {
  text-align: center !important;
  font-size: 1em;
  font-weight: 400;
}

.gigya-screen-dialog-top {
  display: none;
}

#gigya-screen-dialog-page-overlay {
  display: none !important;
}

.gigya-composite-control-captcha-widget {
  display: flex;
  justify-content: center;
}

.gigya-composite-control-form-error {
  margin: 0.1em 0 1em 0;
}

/* Register Confirm / Resend / Screen ------------------------------------------------- */
.gigya-resend-verification-code-form .screensetHeaderBody,
.gigya-resend-verification-code-form .cdcForm__h2--text {
  text-align: left !important;
  display: inline-block !important;
}
.gigya-resend-verification-code-form .cdcForm__input--large label {
  text-align: center;
}

/* Login Form  --------------------------------------------------------------------- */
.gigya-login-form {
  margin-bottom: 0em;
}
.gigya-forgotPassword {
  color: #aaa;
}

/* Register */
.gigya-register-form .gigya-composite-control-textbox,
.gigya-register-form .gigya-composite-control-dropdown,
.gigya-register-form .gigya-composite-control-password,
.gigya-profile-form .gigya-composite-control-textbox,
.gigya-profile-form .gigya-composite-control-dropdown,
.gigya-profile-form .gigya-composite-control-password,
.xxx {
  display: flex;
}

.gigya-login-form .gigya-input-text,
.gigya-login-form .gigya-input-password,
.gigya-resend-verification-code-form .gigya-input-text,
.gigya-reset-password-form .gigya-input-text {
  width: 100%;
}

.gigya-register-form .gigya-composite-control-textbox,
.gigya-profile-form .gigya-composite-control-textbox,
.gigya-register-form .gigya-composite-control-dropdown,
.gigya-profile-form .gigya-composite-control-dropdown,
.gigya-register-form .gigya-composite-control-password,
.gigya-profile-form .gigya-composite-control-password,
.gigya-edit-form .gigya-composite-control-textbox,
.gigya-edit-form .gigya-composite-control-dropdown,
.gigya-edit-form .gigya-composite-control-password,
.xxx {
  display: block;
  text-align: left;
}

.gigya-composite-control > label {
  min-width: auto;
  text-align: left;
}

.gigya-register-form .gigya-input-text,
.gigya-register-form .gigya-input-password,
.gigya-profile-form .gigya-input-text,
.gigya-profile-form .gigya-input-password,
select {
  font-size: 0.85em;
  margin: 0;
  padding: 0.2em;
  background-color: #f1f1f1;
  border: solid 1px #ddd;
  border-radius: 4px;
  width: 100%;
  display: block;
  height: 1.8em;
}

.gigya-input-checkbox {
  margin-left: 1px;
  margin-right: 1px;
  position: relative;
  top: 1px;
}

.screensetFooterLeft {
  float: left !important;
  text-align: left;
  width: 5% !important;
  font-size: 14px;
}

.screensetFooterRight {
  float: left !important;
  text-align: left;
  width: 95% !important;
  font-size: 14px;
  margin-bottom: 40px;
}

.gigya-multi-choice-item {
  text-align: left;
  display: flex;
  align-items: center;
  margin-top: -5px;
}

.gigya-multi-choice-item label {
  width: 100%;
  display: block;
}

.gigya-register-form .gigya-composite-control.gigya-composite-control-label {
  text-align: left !important;
  display: inline-block;
}
.gigya-profile-form .gigya-composite-control.gigya-composite-control-label {
  text-align: left !important;
  display: inline-block;
}

.gigya-show-checkmark.gigya-valid {
  background: transparent !important;
}

.gigya-link-accounts-form .gigya-input-text,
.gigya-link-accounts-form .gigya-input-password {
  font-size: 1em;
  margin: 0px !important;
  padding: 0.4em;
  background-color: #f1f1f1;
  border: solid 1px #ddd;
  border-radius: 4px;
  width: 100%;
}

.gigya-login-provider button {
  display: none !important;
}

.gigya-login-providers-container,
.gigya-login-providers-container tbody,
.gigya-login-providers-list-container,
.gigya-login-providers-list-container .gigya-active,
.gigya-login-providers-list {
  width: 100% !important;
  display: flex;
  justify-content: center;
}

.gigya-login-providers-container tr {
  width: 100%;
}

.gigya-login-providers-list {
  gap: 16px;
  padding: 0 12px;
}

.gigya-login-providers-list .gigya-login-provider-row {
  height: unset !important;
  width: 100%;
  display: flex;
  justify-content: center;
}

.gigya-login-provider.gigya-login-provider-last {
  border: 1px solid #09174a;
  width: 100% !important;
  height: 50px !important;
  justify-content: center;
  align-items: center;
  position: relative;
}

.gigya-login-provider[data-gigya-provider="googleplus"] {
  background: url(/assets/img/google-button.svg) no-repeat;
  background-position: 16px center;
  border-radius: unset;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.gigya-login-provider[data-gigya-provider="googleplus"]::before {
  content: "mit Google anmelden";
  position: absolute;
  top: 50%;
  left: 55%;
  transform: translate(-50%, -50%);
  color: #09174a;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}

.gigya-login-provider[data-gigya-provider="apple"] {
  background: url(/assets/img/apple-button.svg) no-repeat;
  background-position: 16px center;
  border-radius: unset;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.gigya-login-provider[data-gigya-provider="apple"]::before {
  content: "mit Apple anmelden";
  position: absolute;
  top: 50%;
  left: 55%;
  transform: translate(-50%, -50%);
  color: #09174a;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}

a.linkButton {
  cursor: pointer;
  font-size: 1em;
  font-weight: 700;
  line-height: 12px;
  margin: 0 !important;
  padding: 12px !important;
  text-decoration: none;
  text-transform: uppercase;
  width: 200px;
  border: 2px solid;
  border-color: #001d46;
}

a.linkButtonSendAgain {
  background-color: #001d46;
  font-family: Bull;
  color: #fff;
  cursor: pointer;
  font-size: 1em;
  font-weight: 700;
  line-height: 12px;
  margin: 0 !important;
  padding: 12px !important;
  text-decoration: none;
  text-transform: uppercase;
  width: 200px;
  border: 2px solid;
  border-color: #001d46;
}

#cdc-container_content {
  width: 100%;
}

.submitButton > input,
a.backToLoginLink {
  background-color: #001d46;
  font-family: Bull;
  color: #fff;
  cursor: pointer;
  font-size: 1em;
  font-weight: 700;
  line-height: 12px;
  margin: 0 !important;
  padding: 12px !important;
  text-decoration: none;
  text-transform: uppercase;
  width: 200px;
  border: 2px solid;
  border-color: #001d46;
  border-radius: unset;
}

.gigya-social-login-container {
  width: 100% !important;
  height: 100% !important;
}

.gigya-social-login-container > div {
  width: 100% !important;
  height: 100% !important;
}

.gigya-login-providers-list {
  display: flex !important;
  gap: 16px;
}

a.forgotPasswordLink {
  color: #001d46;
  text-align: right;
  display: block;
}

.inputField > input {
  border-radius: unset;
  border: none;
  border-bottom: 2px solid #09174a;
  outline: none;
  background-color: transparent;
  margin-bottom: 10px;
  font-size: 17px;
}

.inputFieldPasswordLogin > .cdc-password-container > input {
  border-radius: unset;
  border: none;
  border-bottom: 2px solid #09174a;
  outline: none;
  background-color: transparent;
  margin-bottom: 30px;
  font-size: 1em;
}

.gigya-screen
  .gigya-composite-control-password-peek[data-peek-password="true"][data-peek-password-mode="icon"]
  .gigya-input-password {
  border: none;
  background: transparent;
  width: 100%;
}

/*.gigya-password-input-container {
  border-radius: unset;
  border: none;
  border-bottom-width: medium;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
  border-bottom: 2px solid #09174A;
  outline: none;
  background-color: transparent;
}*/

.gigya-screen
  .gigya-composite-control-password-peek[data-show-password="false"]
  .gigya-password-icon {
  content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxOSAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNzE4NzUgNC4wMzEyNUM5LjgxMjUgNC4wMzEyNSA5LjkwNjI1IDQgMTAgNEMxMS42NTYyIDQgMTMgNS4zNDM3NSAxMyA3QzEzIDguNjU2MjUgMTEuNjU2MiAxMCAxMCAxMEM4LjMxMjUgMTAgNyA4LjY1NjI1IDcgN0M3IDYuOTM3NSA3IDYuODQzNzUgNyA2Ljc1QzcuMjgxMjUgNi45MDYyNSA3LjYyNSA3IDggN0M5LjA5Mzc1IDcgMTAgNi4xMjUgMTAgNUMxMCA0LjY1NjI1IDkuODc1IDQuMzEyNSA5LjcxODc1IDQuMDMxMjVaTTE2IDIuNTMxMjVDMTcuNDY4OCAzLjg3NSAxOC40Mzc1IDUuNSAxOC45MDYyIDYuNjI1QzE5IDYuODc1IDE5IDcuMTU2MjUgMTguOTA2MiA3LjQwNjI1QzE4LjQzNzUgOC41IDE3LjQ2ODggMTAuMTI1IDE2IDExLjVDMTQuNTMxMiAxMi44NzUgMTIuNSAxNCAxMCAxNEM3LjQ2ODc1IDE0IDUuNDM3NSAxMi44NzUgMy45Njg3NSAxMS41QzIuNSAxMC4xMjUgMS41MzEyNSA4LjUgMS4wNjI1IDcuNDA2MjVDMC45Njg3NSA3LjE1NjI1IDAuOTY4NzUgNi44NzUgMS4wNjI1IDYuNjI1QzEuNTMxMjUgNS41IDIuNSAzLjg3NSAzLjk2ODc1IDIuNTMxMjVDNS40Mzc1IDEuMTU2MjUgNy40Njg3NSAwIDEwIDBDMTIuNSAwIDE0LjUzMTIgMS4xNTYyNSAxNiAyLjUzMTI1Wk0xMCAyLjVDNy41IDIuNSA1LjUgNC41MzEyNSA1LjUgN0M1LjUgOS41IDcuNSAxMS41IDEwIDExLjVDMTIuNDY4OCAxMS41IDE0LjUgOS41IDE0LjUgN0MxNC41IDQuNTMxMjUgMTIuNDY4OCAyLjUgMTAgMi41WiIgZmlsbD0iIzA5MTc0QSIvPgo8L3N2Zz4K");
}

.gigya-screen
  .gigya-composite-control-password-peek[data-show-password="true"]
  .gigya-password-icon {
  content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyMiAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuNjg3NSAzLjkwNjI1QzcuMDkzNzUgMi44NDM3NSA4Ljg0Mzc1IDIgMTEgMkMxMy41IDIgMTUuNTMxMiAzLjE1NjI1IDE3IDQuNTMxMjVDMTguNDY4OCA1Ljg3NSAxOS40Mzc1IDcuNSAxOS45MDYyIDguNjI1QzIwIDguODc1IDIwIDkuMTU2MjUgMTkuOTA2MiA5LjQwNjI1QzE5LjUgMTAuNDA2MiAxOC42NTYyIDExLjg0MzggMTcuNDA2MiAxMy4wOTM4TDIwLjY4NzUgMTUuNjg3NUMyMS4wMzEyIDE1LjkzNzUgMjEuMDkzOCAxNi40MDYyIDIwLjgxMjUgMTYuNzE4OEMyMC41NjI1IDE3LjA2MjUgMjAuMDkzOCAxNy4xMjUgMTkuNzgxMiAxNi44NDM4TDEuMjgxMjUgMi4zNDM3NUMwLjkzNzUgMi4wOTM3NSAwLjg3NSAxLjYyNSAxLjE1NjI1IDEuMzEyNUMxLjQwNjI1IDAuOTY4NzUgMS44NzUgMC45MDYyNSAyLjE4NzUgMS4xODc1TDUuNjg3NSAzLjkwNjI1Wk03Ljk2ODc1IDUuNjg3NUwxMC43ODEyIDcuOTA2MjVDMTAuOTA2MiA3LjYyNSAxMSA3LjM0Mzc1IDExIDdDMTEgNi42NTYyNSAxMC44NzUgNi4zMTI1IDEwLjcxODggNi4wMzEyNUMxMC44MTI1IDYuMDMxMjUgMTAuOTA2MiA2IDExIDZDMTIuNjU2MiA2IDE0IDcuMzQzNzUgMTQgOUMxNCA5LjQzNzUgMTMuOTA2MiA5Ljg0Mzc1IDEzLjcxODggMTAuMjE4OEwxNC45Mzc1IDExLjE1NjJDMTUuMjgxMiAxMC41MzEyIDE1LjUgOS43ODEyNSAxNS41IDlDMTUuNSA2LjUzMTI1IDEzLjQ2ODggNC41IDExIDQuNUM5LjgxMjUgNC41IDguNzUgNC45Njg3NSA3Ljk2ODc1IDUuNjg3NVpNMTEgMTZDOC40Njg3NSAxNiA2LjQzNzUgMTQuODc1IDQuOTY4NzUgMTMuNUMzLjUgMTIuMTI1IDIuNTMxMjUgMTAuNSAyLjA2MjUgOS40MDYyNUMxLjk2ODc1IDkuMTU2MjUgMS45Njg3NSA4Ljg3NSAyLjA2MjUgOC42MjVDMi4zNzUgNy45MDYyNSAyLjg3NSA3IDMuNTkzNzUgNi4wNjI1TDYuNTMxMjUgOC4zNzVDNi41IDguNTkzNzUgNi41IDguODEyNSA2LjUgOUM2LjUgMTEuNSA4LjUgMTMuNSAxMSAxMy41QzExLjU2MjUgMTMuNSAxMi4xMjUgMTMuNDA2MiAxMi42NTYyIDEzLjE4NzVMMTQuOTM3NSAxNUMxMy43ODEyIDE1LjYyNSAxMi40Njg4IDE2IDExIDE2WiIgZmlsbD0iIzA5MTc0QSIvPgo8L3N2Zz4K");
}

.gigya-screen .gigya-terms-error,
.gigya-screen input.gigya-error,
.gigya-screen input[type="text"].gigya-error,
.gigya-screen input[type="password"].gigya-error,
.gigya-screen input[type="email"].gigya-error,
.gigya-screen select.gigya-error {
  border-radius: unset;
  border: none;
  border-bottom-width: medium;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
  outline: none;
  background-color: transparent;
  padding: 0.4em;
  margin-bottom: 10px;
  font-size: 17px;
  border-color: #d2003c !important;
}

.gigya-composite-control.gigya-composite-control-checkbox.loyaltyConsent.gigya-terms-error {
  padding: 0.9em;
}

.gigya-screen .gigya-error-msg-active.gigya-form-error-msg::before {
  /*content: '*';*/
  content: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.25 22V15H16.75V22H15.25Z' fill='%23D2003C'/%3E%3Cpath d='M16 10L14.5 11.5L16 13L17.5 11.5L16 10Z' fill='%23D2003C'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 28C22.6274 28 28 22.6274 28 16C28 9.37258 22.6274 4 16 4C9.37258 4 4 9.37258 4 16C4 22.6274 9.37258 28 16 28ZM16 26.5C21.799 26.5 26.5 21.799 26.5 16C26.5 10.201 21.799 5.5 16 5.5C10.201 5.5 5.5 10.201 5.5 16C5.5 21.799 10.201 26.5 16 26.5Z' fill='%23D2003C'/%3E%3C/svg%3E ");
  font-family: "MF-Iconset-bold";
  padding-right: 5px;
  font-size: 15px;
  line-height: 15px;
}

.gigya-required-display {
  color: #09174a;
}

span.inputFieldPasswordLogin {
  font-size: 1em;
}

.wrapper-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between !important;
  width: 100%;
  margin-top: 24px;
}

.wrapper-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between !important;
  width: 100%;
  margin-top: 40px;
}

.gigya-error-display.gigya-error-display-active {
  background-color: rgba(210, 0, 60, 0.1);
  border: 1px solid #d2003c;
  padding: 16px;
  line-height: calc(2 * 15px);
  margin-top: 16px;
}

.gigya-captcha-wrapper.gigya-error-display {
  background-color: transparent;
}

.gigya-screen
  .gigya-composite-control-password-peek[data-peek-password="true"][data-peek-password-mode="icon"]
  .gigya-input-password {
  border-radius: unset;
  border: none;
  border-bottom-width: medium;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
  border-bottom: 2px solid #09174a;
  outline: none;
  background-color: transparent;
  font-size: 17px;
}

.gigya-input-password .gigya-empty .gigya-error {
  border-bottom: 2px solid #4a0919;
}

.gigya-screen .gigya-error-msg.gigya-error-msg-active,
.gigya-error-msg.gigya-error-msg-active.gigya-error-code-400027.gigya-error-type-server {
  color: #dc003e;
  font-size: 14px !important;
  display: flex !important;
  visibility: visible;
  display: flex;
  align-items: center;
  line-height: 15px;
  text-align: left;
  font-family: BullReg !important;
  width: 100%;
  word-break: break-word;
}

.inputFieldLarge input[type="text"].gigya-input-text,
.inputFieldLarge input[type="password"].gigya-input-password {
  border-radius: unset;
  border: none;
  border-bottom-width: medium;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
  border-bottom: 2px solid #09174a;
  outline: none;
  background-color: transparent;
  font-size: 17px;
  width: 100%;
}

.inputFieldMedium input[type="text"].gigya-input-text,
.inputFieldSmall input[type="text"].gigya-input-text {
  border-radius: unset;
  border: none;
  border-bottom-width: medium;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
  border-bottom: 2px solid #09174a;
  outline: none;
  background-color: transparent;
  font-size: 17px;
}

.dropdownFieldLarge select,
.dropdownFieldSmall select {
  border: 1px solid #999;
  background: #fff;
  border-radius: unset;
  height: 40px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 12L16 21L25 12" stroke="%2309174A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg> ');
  background-repeat: no-repeat;
  background-position-x: 98%;
  background-position-y: 50%;
  font-size: 17px;
  padding-left: 10px;
  -webkit-text-fill-color: black !important;
}

.dropdownFieldSmall select[name="profile.birthDay"],
.dropdownFieldSmall select[name="profile.birthMonth"],
.dropdownFieldSmall select[name="profile.birthYear"] {
  background-position-x: 90% !important;
}

.gigya-screen
  .gigya-composite-control.gigya-composite-control-phone-number-widget
  select.gigya-country-code-select {
  border: 1px solid #999;
  background: #fff;
  border-radius: unset;
  height: 40px;
  padding-left: 10px;
  /*color: var(--rbm-silverw, #999);*/
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 12L16 21L25 12" stroke="%2309174A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg> ');
  background-repeat: no-repeat;
  background-position-x: 90%;
  background-position-y: 50%;
  font-size: 17px !important;
}

.gigya-screen
  .gigya-composite-control.gigya-composite-control-phone-number-widget
  input.gigya-input-text.gigya-subscriber-phone-number-input {
  border-radius: unset;
  border: none;
  border-bottom-width: medium;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
  border-bottom: 2px solid #09174a;
  outline: none;
  background-color: transparent;
  font-size: 17px !important;
  position: relative;
  top: 7px;
}

.labelScreen {
  display: flex !important;
  justify-content: left !important;
  font-size: 15px;
}

.labelScreenInformation {
  display: flex !important;
  justify-content: center !important;
  margin-bottom: 10px;
  font-size: 15px;
  margin-top: 20px;
}

.wrapper-birthDate,
.wrapper-city-zip,
.wrapper-street-houseNo {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}

.birthDay,
.birthMonth,
.birthYear,
.zip,
.houseNo {
  width: 30%;
}

.city,
.street {
  width: 60%;
}

.gigya-composite-control-dropdown::before {
  color: var(--blue);
  /*content: url(a98d8c678156bc3271e5.svg);*/
  font-size: 20px;
  position: absolute;
  right: 15px;
  top: 30px;
}

input[type="checkbox" i] {
  display: none;
}

.gigya-input-checkbox:not(.checkbox-switch) ~ .gigya-label {
  cursor: pointer;
  margin-bottom: 0;
  padding-left: 30px;
  display: flex;
  font-size: 1em;
}

input[type="checkbox"] ~ .gigya-label,
input[type="checkbox"] ~ label {
  position: relative;
}

.gigya-input-checkbox:not(.checkbox-switch) ~ .gigya-label::before {
  background-color: #fff;
  border: 2px solid black;
  border-radius: unset;
  height: 20px;
  left: 1px;
  top: 0;
  width: 20px;
}

.gigya-input-checkbox:not(.checkbox-switch) ~ .gigya-label::after {
  background-color: #fff;
}

input[type="checkbox"] ~ .gigya-label::before,
input[type="checkbox"] ~ label::before {
  content: "";
  display: block;
  pointer-events: none;
  position: absolute;
}

.gigya-label-text.gigya-checkbox-text {
  position: relative;
  top: 2px;
  left: 2px;
}

.gigya-input-checkbox:checked:not(.checkbox-switch) ~ .gigya-label::after {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='m6.564.75-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E")
    no-repeat;
  height: 20px;
  left: 0.38em;
  top: 0.2rem;
  width: 15px;
}

input[type="checkbox"] ~ .gigya-label::after,
input[type="checkbox"] ~ label::after {
  content: "";
  display: block;
  pointer-events: none;
  position: absolute;
}

input[type="checkbox"] ~ .gigya-label::after {
  content: "";
  display: block;
  pointer-events: none;
  position: absolute;
}

.consent {
  margin-bottom: 40px;
}

#ehcrbm-complete-registration-screen .consent {
  margin-bottom: 0 !important;
}

#ehcrbm-link-account-screen .wrapper-mandatoryContainer {
  margin-bottom: 0px !important;
}

#ehcrbm-link-account-screen .gigya-login-providers {
  height: 120px !important;
}

#ehcrbm-link-account-screen .gigya-composite-control-social-login {
  margin-top: 24px;
}

.wrapper-mandatoryContainer {
  margin-top: 40px;
}

.wrapper-mandatoryContainerPendingScreen {
  margin-bottom: 0px;
  margin-top: 10px;
}

.gigya-screen
  .gigya-composite-control.gigya-composite-control-phone-number-widget
  .gigya-phone-number-widget-wrapper {
  margin-top: 20px;
}

.gigya-phone-number-widget-wrapper > fieldset > legend {
  position: relative;
  left: 110px;
  top: 18px;
}

.gigya-phone-number-widget-wrapper > fieldset > legend > span {
  font-size: 15px;
}

.passwordField label span,
.passwordField label label {
  font-size: 15px !important;
  font-family: BullReg !important;
}

.loyaltyConsent label {
  display: block !important;
}

.loyaltyConsent label label {
  position: relative;
  top: 0;
  display: unset !important;
}

.gigya-screen input[disabled],
.gigya-screen input:disabled {
  border-radius: unset;
  border: none;
  border-bottom: 2px solid #09174a;
  outline: none;
  margin-bottom: 10px;
  font-size: 17px;
}

.labelInfo {
  display: flex;
}

.gigya-screen
  .gigya-composite-control-password-peek
  .gigya-error-msg.gigya-error-msg-active {
  margin-top: 10px;
}

.emailImage {
  display: flex;
  background: url(data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M35%207.5H5C4.33696%207.5%203.70107%207.76339%203.23223%208.23223C2.76339%208.70107%202.5%209.33696%202.5%2010V30C2.5%2030.663%202.76339%2031.2989%203.23223%2031.7678C3.70107%2032.2366%204.33696%2032.5%205%2032.5H35C35.663%2032.5%2036.2989%2032.2366%2036.7678%2031.7678C37.2366%2031.2989%2037.5%2030.663%2037.5%2030V10C37.5%209.33696%2037.2366%208.70107%2036.7678%208.23223C36.2989%207.76339%2035.663%207.5%2035%207.5ZM32.25%2010L20%2018.475L7.75%2010H32.25ZM5%2030V11.1375L19.2875%2021.025C19.4967%2021.1702%2019.7453%2021.2479%2020%2021.2479C20.2547%2021.2479%2020.5033%2021.1702%2020.7125%2021.025L35%2011.1375V30H5Z%22%20fill%3D%22%2309174A%22%2F%3E%3C%2Fsvg%3E);
  height: 40px;
  width: 100%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: 20px;
}

.emailError {
  border-bottom: 2px solid #d2003c !important;
}

.gigya-phone-number-widget > span {
  position: relative;
  left: 110px;
}

.gigya-input-checkbox:not(.checkbox-switch) ~ .gigya-label::after {
  background-color: blue;
}

.birthDay > label {
  visibility: hidden;
}

.birthMonth > label {
  visibility: hidden;
}

.birthYear > label {
  visibility: hidden;
}

.country > label,
.salutation > label {
  margin-bottom: 10px;
}

.salutation select::before {
  content: "Salutation";
  color: grey;
  display: block;
  position: absolute;
  pointer-events: none;
}

select[name="data.Salutation"] option[value=""],
select[name="profile.birthDay"] option[value=""],
select[name="profile.birthMonth"] option[value=""],
select[name="profile.birthYear"] option[value=""],
select[name="profile.country"] option[value=""] {
  color: #999;
}

select.gigya-error {
  border: 1px solid #d2003c !important;
}

select:has(> option[value=""]:checked) {
  -webkit-text-fill-color: #999 !important;
}

.gigya-screen
  .gigya-composite-control-password-peek.gigya-composite-control.gigya-composite-control-password {
  font-size: 15px !important;
}

.emailHint {
  display: flex !important;
  justify-content: left;
  color: #999;
  margin-top: -10px;
  margin-bottom: 10px;
}

.passwordHint {
  display: flex !important;
  justify-content: left;
  color: #999;
  margin-top: -10px;
  margin-bottom: 10px;
}

.phoneHint {
  color: #999;
  left: 110px;
  position: relative;
  margin-top: 10px;
  font-size: 14px;
  width: 70%;
}

.hidden {
  visibility: hidden;
  margin-top: -20px;
  margin-bottom: 0px;
}

.hiddenPassword {
  visibility: hidden;
  margin-top: -50px;
  margin-bottom: 16px;
}

.margin-bottom {
  margin-bottom: 16px !important;
}

.margin-top {
  margin-top: 16px !important;
}

.gigya-screen
  .gigya-composite-control.gigya-composite-control-phone-number-widget
  .gigya-fieldset.gigya-phone-number-input {
  margin-top: -20px;
}

span.gigya-error-msg[data-bound-to="profile.phones.number"] {
  width: 70% !important;
}

#ehcrbm-forgot-password-screen .wrapper-mandatoryContainer {
  margin-bottom: 60px;
}

.marketingConsent label label {
  display: none;
}

.gigya-input-radio[value="true"] ~ .gigya-label-text {
  margin-left: 5px;
}

.gigya-input-radio[value="true"] {
  align-self: start;
}

.gigya-error-code-400027 {
  margin-bottom: 10px;
}

.marketingConsent input[type="radio"] {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  margin: 0;
  margin-right: 10px;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2211%22%20fill%3D%22white%22%20stroke%3D%22%2309174A%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E")
    no-repeat center center;
  background-size: contain;
}

.marketingConsent input[type="radio"]:checked {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='11' fill='white' stroke='%2309174A' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='8' fill='%2309174A'/%3E%3C/svg%3E");
}

.marketingConsent
  .gigya-multi-choice-item
  > label
  + .gigya-multi-choice-item
  > label {
  margin-top: 1em;
}

.marketingConsent *,
.marketingConsent *:before,
.marketingConsent *:after {
  box-sizing: border-box;
}

a.cancelButton {
  text-align: center;
  color: #09174a;
  font-size: 1em;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.registerformOption input[type="radio"],
.updateformOption input[type="radio"] {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  margin: 0;
  margin-right: 0px;
  margin-right: 10px;
  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='11' fill='white' stroke='%2309174A' stroke-width='2'/%3E%3C/svg%3E");
}

.registerformOption input[type="radio"]:checked,
.updateformOption input[type="radio"]:checked {
  content: url("data:image/svg+xml;charset=UTF-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='11' fill='white' stroke='%2309174A' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='8' fill='%2309174A'/%3E%3C/svg%3E");
}

.registerformOption,
.updateformOption {
  display: flex;
  margin-bottom: 20px;
}

.registerformOption .gigya-multi-choice-item,
.updateformOption .gigya-multi-choice-item {
  margin-right: 40px;
}

input[type="radio"] {
  cursor: pointer;
}

select {
  cursor: pointer;
}

.gigya-screen input[disabled],
.gigya-screen input:disabled {
  border-color: #09174a !important;
  color: #8d8d8d;
}

.emailField label {
  margin-bottom: 3px;
}

.codeInputField input {
  display: none;
}

.codeInputField label {
  margin-bottom: 20px;
}

#gigya-email-code-verification-screen .gigya-error-type-server {
  margin-top: 20px;
  justify-content: center;
}

#ehcrbm-link-account-screen .screensetFooterRight {
  margin-bottom: 10px;
}

.wrapper-email-input {
  display: flex;
  width: 100%;
  gap: 4px;
}

.changeEmailLinkDiv {
  border: 2px solid #d2003c;
  height: 52px;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  width: 50px;
}

.changeEmailLink {
  background-image: url("/assets/img/edit-button.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
  border: none;
  padding: 0;
  padding-bottom: 0px;
  width: 24px;
  height: 24px;
  text-indent: -9999px;
  display: inline-block;
  cursor: pointer;
}

#ehcrbm-update-profile-screen .emailField {
  flex: 9;
}

.wrapper-newsletter-header,
.wrapper-birthday-header,
.wrapper-loyalty-header,
.wrapper-mobileOrder-header {
  display: flex;
  padding: 8px 16px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  background: #09174a;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  font-size: 16px;
}

.wrapper-newsletter-container,
.wrapper-loyalty-container {
  background: #f0f2f5;
  margin-bottom: 32px;
}

.newsletterHeaderHeader,
.birthdayHeaderHeader,
.loyaltyHeaderHeader,
.mobileOrderHeaderHeader {
  color: #fff;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
}

.newsletterHeaderImage {
  width: 32px;
  height: 32px;
  margin-left: auto;
  background: url(/assets/img/mail-icon.svg);
  background-size: cover;
  background-repeat: no-repeat;
}

.birthdayHeaderImage {
  width: 32px;
  height: 32px;
  margin-left: auto;
  background: url(/assets/img/birthday-icon.svg);
  background-size: cover;
  background-repeat: no-repeat;
}

.loyaltyHeaderImage {
  width: 64px;
  height: 32px;
  background: url(/assets/img/check-back-icon.svg);
  background-size: cover;
  background-repeat: no-repeat;
  margin-left: auto;
}

.mobileOrderHeaderImage {
  width: 32px;
  height: 32px;
  background: url(/assets/img/mobile-order-icon.svg);
  background-size: cover;
  background-repeat: no-repeat;
  margin-left: auto;
}

.newsletterHeader {
  display: flex !important;
  padding: 16px;
  font-size: 16px;
  font-weight: 700;
  line-height: 28px;
}

.marketingConsent {
  padding: 16px;
  padding-top: 0px;
}

#ehcrbm-register-screen .gigya-multi-choice-item:nth-child(2),
#ehcrbm-complete-registration-screen .gigya-multi-choice-item:nth-child(2) {
  margin-bottom: 16px;
}

.birthdayInfoLabel,
.loyaltyInfoLabelOne {
  padding: 16px;
  padding-bottom: 0;
}

.loyaltyInfoLabelTwo {
  padding: 16px;
  padding-top: 0;
}

#ehcrbm-register-screen .loyaltyConsent,
#ehcrbm-complete-registration-app-screen .loyaltyConsent,
#ehcrbm-complete-registration-loyalty-screen .loyaltyConsent {
  margin: 0;
  padding: 16px;
}

.birthdayLabelLabel {
  display: flex !important;
  padding: 16px;
  padding-bottom: 0;
}

#ehcrbm-register-screen .wrapper-birthDate,
#ehcrbm-complete-registration-app-screen .wrapper-birthDate,
#ehcrbm-complete-registration-loyalty-screen .wrapper-birthDate {
  padding: 16px;
  margin-bottom: 0;
  padding-top: 0;
}

#ehcrbm-complete-registration-app-screen .submitButton > input {
  width: 100%;
}

.headerH3 {
  display: flex !important;
  justify-content: left;
}

.labelAppCompletion {
  margin-bottom: 32px;
}

.wrapper-birthday-surprise-container {
  background: #f0f2f5;
}

.marketingConsent .gigya-screen .gigya-error-msg.gigya-error-msg-active,
.gigya-error-msg.gigya-error-msg-active.gigya-error-code-400027.gigya-error-type-server,
.gigya-composite-control.gigya-composite-control-checkbox.loyaltyConsent.gigya-terms-error {
  margin-top: 20px;
}

.mobileOrderInfoLabel {
  padding: 16px;
  margin-bottom: 32px;
  background: #f0f2f5;
}

#ehcrbm-complete-registration-loyalty-screen .loyaltyConsent {
  margin-top: 20px;
}

.birthdayInfoLabel a {
  color: #09174a;
  font-family: BullReg !important;
}

#ehcrbm-complete-registration-app-screen .country {
  margin-bottom: 16px;
}

#ehcrbm-complete-registration-loyalty-screen .country {
  margin-bottom: 32px;
}

#ehcrbm-complete-registration-screen .wrapper-newsletter-header {
  margin-top: 32px;
}

#ehcrbm-login-screen .passwordField {
  margin-bottom: 24px;
}

#ehcrbm-login-screen h2 {
  margin-top: 0px;
  margin-bottom: 24px;
}

.orLabel {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 24px 0;
}

@media (max-width: 518px) {
  a.linkButton {
    width: 100%;
    margin-bottom: 10px !important;
  }

  a.linkButtonSendAgain {
    width: 100%;
    margin-bottom: 10px !important;
  }

  .gigya-login-providers-list {
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 8px;
    padding: 0 40px;
  }

  .wrapper-buttons {
    justify-content: unset;
    margin-top: 16px;
  }

  .wrapper-links {
    justify-content: unset;
  }

  .gigya-input-submit {
    width: 100% !important;
  }

  .gigya-composite-control.gigya-composite-control-submit.submitButton {
    width: 100%;
    margin-bottom: 10px !important;
  }

  .gigya-composite-control.gigya-composite-control-dropdown.dropdownFieldLarge.element-nr-0 {
    width: 100%;
  }

  .wrapper-birthDate {
    flex-wrap: wrap !important;
  }

  .birthDay {
    width: 45%;
  }

  .birthMonth {
    width: 45%;
  }

  .birthYear {
    width: 100%;
  }

  .zip,
  .houseNo {
    width: 35%;
  }

  .wrapper-mandatoryContainer {
    margin-bottom: 60px;
  }

  .gigya-phone-number-widget > span {
    display: flex;
    flex-wrap: wrap;
  }

  .gigya-login-provider-row .gigya-login-provider {
    margin-bottom: 0px !important;
  }

  .hiddenPassword {
    margin-bottom: 0px;
  }

  .dropdownFieldLarge select,
  .dropdownFieldSmall select {
    font-size: 13px;
  }

  .gigya-input-checkbox:not(.checkbox-switch) ~ .gigya-label::before {
    height: 15px;
    width: 15px;
  }

  .gigya-input-checkbox:checked:not(.checkbox-switch) ~ .gigya-label::after {
    left: 0.29em;
    top: 0.22em;
    width: 13px;
  }

  .gigya-label-text.gigya-checkbox-text {
    top: 0px;
    left: 0px;
  }

  .dropdownFieldSmall select[name="profile.birthYear"] {
    background-position-x: 98% !important;
  }

  #ehcrbm-login-screen h2 {
    margin-top: 0px;
  }
}