@font-face {
  font-family: 'Fuchs-Regular';
  src: url(https://login.schwaebisch-hall.de/mkloginpage/465a858e2e7d76570d4b.woff2) format("woff2"), url(https://login.schwaebisch-hall.de/mkloginpage/46ef72ed6f73b8f8a084.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fuchs-Bold';
  src: url(https://login.schwaebisch-hall.de/mkloginpage/a771cf739f2cf940b057.woff2) format("woff2"), url(https://login.schwaebisch-hall.de/mkloginpage/1f5935229516a7dfb5ab.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* use @color-primary instead */
/* use @color-secondary instead */
/* use @color-copy for font color definitions */
body {
  font-family: "Fuchs-Regular", Arial, Helvetica, sans-serif;
  background-attachment: fixed;
  background-color: #FFFAC8;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: left;
  font: -apple-system-body;
}
.container {
  text-align: center;
  width: 100%;
  display: table;
  height: 70vh;
  padding: 0;
}
.container .entry-item,
.container .attrEntry {
  text-align: left;
  padding-bottom: 20px;
}
#simplemodal-container .simplemodal-data {
  padding: 5px 8px;
  overflow: hidden;
  background-color: #fff;
  border-radius: 3px;
  font-style: italic;
}
.row {
  width: 100%;
  margin: 0;
  display: table-cell;
  vertical-align: middle;
}
.col-lg-6 {
  max-width: 470px;
  width: 100%;
  float: none;
  display: inline-block;
  vertical-align: top;
  padding: 0;
}
.error {
  color: #B70030;
}
.error.pageLevel {
  margin-bottom: 20px;
  text-align: left;
}
.error.itemLevel {
  display: none;
  font-size: 12px;
  margin-top: 10px;
}
.error.itemLevel.show {
  display: block;
}
.error.itemLevel svg {
  vertical-align: middle;
}
.error.itemLevel p {
  vertical-align: middle;
  display: inline;
}
.error[aria-hidden="false"] {
  position: relative;
  padding-left: 21px;
}
.error[aria-hidden="false"]::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  height: 16px;
  width: 16px;
  background-image: url(https://login.schwaebisch-hall.de/mkloginpage/4a0fe0e864abc6f5b665.svg);
}
.attrEntry:has(.error[aria-hidden=false]) input {
  border-color: #B70030;
}
.unified_container .row .panel-default,
.self_asserted_container .row .panel-default {
  padding: 30px 60px 40px;
  margin-top: 40px;
  margin-bottom: auto;
  height: 100%;
  background-color: #FFFFFF;
  box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 600px) {
  .unified_container .row .panel-default,
  .self_asserted_container .row .panel-default {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.unified_container .row .panel-default .panel-body .companyName,
.self_asserted_container .row .panel-default .panel-body .companyName {
  font-size: 1.5em;
  margin-bottom: 45px;
}
.unified_container .row .panel-default .panel-body .companyLogo,
.self_asserted_container .row .panel-default .panel-body .companyLogo {
  display: block;
}
.unified_container .row .panel-default .panel-body img,
.self_asserted_container .row .panel-default .panel-body img {
  max-width: 100%;
  width: auto;
  height: 60px;
  margin: 0 auto;
  display: block;
}
.heading h1 {
  font-family: "Fuchs-Bold", Arial, Helvetica, sans-serif;
  margin-top: 10px;
  margin-bottom: 30px;
  line-height: 30px;
  font-size: 24px;
}
.divider {
  display: none;
}
.divider h2 {
  font-size: 12px;
  display: block;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-weight: normal;
  unicode-bidi: isolate;
}
.create {
  font-family: "Fuchs-Bold", Arial, Helvetica, sans-serif;
}
.create a {
  font-family: "Fuchs-Regular", Arial, Helvetica, sans-serif;
  margin-left: 10px;
}
#emailVerificationControl_but_send_new_code,
#CustomEmailVerificationControl_but_send_new_code,
#CustomEmailVerificationControl-PasswordReset_but_send_new_code,
#forgotPassword,
#createAccount,
#AgreeToTermsOfUseConsentYes_option a {
  position: relative;
  color: #000000;
  text-decoration-line: none;
  font-size: 16px;
  line-height: 24px;
  font-weight: initial;
  border: 0;
  border-bottom: 1px solid #000000;
  padding-right: 0;
  padding-left: 15px;
}
#emailVerificationControl_but_send_new_code::before,
#CustomEmailVerificationControl_but_send_new_code::before,
#CustomEmailVerificationControl-PasswordReset_but_send_new_code::before,
#forgotPassword::before,
#createAccount::before,
#AgreeToTermsOfUseConsentYes_option a::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 6px;
  height: 12px;
  width: 12px;
  transform: rotate(90deg);
  background-image: url(https://login.schwaebisch-hall.de/mkloginpage/bed4912040bf28aea605.svg);
}
#forgotPassword {
  float: right;
  margin-top: 3px;
  margin-bottom: 30px;
}
#AgreeToTermsOfUseConsentYes_option a::before,
#createAccount::before {
  top: 3px;
}
#AgreeToTermsOfUseConsentYes_option a,
#AgreeToNewsletterConsentYes_option a,
#responseRegister3_label a {
  color: #000000;
}
label {
  display: inline-block;
  margin-bottom: 5px;
  font-size: 12px;
  line-height: 16px;
}
#responseRegister3_label {
  font-size: 14px;
  line-height: 20px;
}
.attrEntry:has(#responseRegister3_label) {
  padding-bottom: 30px;
}
#extension_NewsletterConsentChoice_label {
  font-family: "Fuchs-Bold", Arial, Helvetica, sans-serif;
  padding-bottom: 10px;
}
#AgreeToNewsletterConsentYes_option {
  font-size: 12px;
  line-height: 16px;
}
label:has( ~ :is([disabled])) {
  color: #999;
}
input {
  /* Input Field */
  font-family: "Fuchs-Regular", Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  box-sizing: border-box;
  /* Auto layout */
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px 12px;
  gap: 8px;
  width: 100%;
  height: 45px;
  background: #FFFFFF;
  border: 2px solid #72828D;
  border-radius: 8px;
  /* Inside auto layout */
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
  /* Override default autofill behavior (e.g. Safari yellow highlights) */
}
input:focus-visible,
input:hover {
  border-color: #000000;
  outline-color: #000000;
}
input:focus-visible {
  outline-offset: 3px;
  outline-style: solid;
  outline-width: thin;
}
input.highlightError:not(:focus-visible):not(:hover) {
  border-color: #B70030;
}
input:disabled,
input[aria-disabled="true"] {
  border-color: #72828D;
  opacity: 0.4;
}
input:disabled ~ label,
input[aria-disabled="true"] ~ label {
  color: #999;
}
input[data-autocompleted] {
  background-color: transparent !important;
}
input:-webkit-autofill,
input:-webkit-autofill:focus {
  transition: background-color 0s 0s, color 0s 0s;
  transition-delay: 10000s;
}
input[type="checkbox"] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
input[type="checkbox"] ~ label {
  margin: 0;
  padding-left: 26px;
  outline-offset: 4px;
  position: relative;
  cursor: pointer;
}
input[type="checkbox"] ~ label::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 2px;
  height: 16px;
  width: 16px;
  background-color: #FFFFFF;
  border: 2px solid #72828D;
  border-radius: 2px;
}
input[type="checkbox"] ~ label:hover::before {
  border-color: #000000;
}
input[type="checkbox"]:focus-visible ~ label::before {
  border-color: #000000;
}
input[type="checkbox"]:checked ~ label::before {
  border-color: #000000;
  background: #000000 url(https://login.schwaebisch-hall.de/mkloginpage/ec616ceb6d8f9915d13b.svg);
}
input[type="checkbox"]:checked:hover ~ label::before {
  border-color: #72828D;
  background-color: #72828D;
}
input[type="checkbox"]:checked:disabled ~ label::before,
input[type="checkbox"]:checked[aria-disabled="true"] ~ label::before {
  border-color: #999;
  background-color: #999;
}
input[type="checkbox"]:disabled ~ label,
input[type="checkbox"][aria-disabled="true"] ~ label {
  cursor: default;
  color: #999;
}
input[type="checkbox"]:disabled ~ label::before,
input[type="checkbox"][aria-disabled="true"] ~ label::before {
  border-color: #999;
}
.date {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
select {
  font-family: "Fuchs-Regular", Arial, Helvetica, sans-serif;
  /* Input Field */
  box-sizing: border-box;
  /* Auto layout */
  display: flex;
  align-items: center;
  padding: 10px 12px;
  gap: 8px;
  width: 30%;
  height: 44px;
  background: #FFFFFF;
  border: 2px solid #72828D;
  border-radius: 8px;
  /* Inside auto layout */
  order: 1;
  align-self: stretch;
  flex-grow: 0;
}
.buttons {
  padding-bottom: 30px;
}
.buttons:not(:has(*)) {
  display: none;
}
.buttons:has(#emailVerificationControl_but_send_new_code, #CustomEmailVerificationControl_but_send_new_code, #CustomEmailVerificationControl-PasswordReset_but_send_new_code) {
  text-align: center;
}
button:not(.buttonStyleOverride) {
  cursor: pointer;
  font-family: "Fuchs-Bold", Arial, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 20px;
  border: none;
  background: #E6002D;
  color: #FFFFFF;
  outline-width: 2px;
  outline-offset: 3px;
  outline-color: #E6002D;
  /* Auto layout */
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 100%;
  min-height: 44px;
  mix-blend-mode: normal;
  border-radius: 100px;
  /* Inside auto layout */
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
  z-index: 0;
}
button:not(.buttonStyleOverride):hover {
  background-color: #FA0041;
}
button:not(.buttonStyleOverride):active {
  background-color: #B70030;
}
button:not(.buttonStyleOverride):disabled,
button:not(.buttonStyleOverride)[aria-disabled="true"] {
  cursor: default;
  background-color: #D0D5D9;
}
button:not(.buttonStyleOverride) svg {
  height: 24px;
  width: 24px;
  color: #FFFFFF;
}
#attributeVerification:has(#extension_termsOfUseConsentChoice_AgreeToTermsOfUseConsentYes:not(:checked)) #continue {
  cursor: default;
  background-color: #D0D5D9;
}
button:not(.buttonStyleOverride)[form="localAccountForm"]#next::before,
.login-button::before,
.self_asserted_container:has( #extension_OKN) #continue::before {
  content: "";
  display: block;
  height: 20px;
  width: 20px;
  background-image: url(https://login.schwaebisch-hall.de/mkloginpage/ae5dfdb4434cc32ec017.svg);
}
.self_asserted_container:has(.CustomEmailVerificationControl_li, .emailVerificationControl_li) #continue::before {
  content: "";
  display: block;
  height: 20px;
  width: 20px;
  background-image: url(https://login.schwaebisch-hall.de/mkloginpage/ca911714601d5dcfe936.svg);
  transform: rotate(90deg);
}
.self_asserted_container:has(.extension_termsOfUseConsentChoice_li) #continue::before {
  content: "";
  display: block;
  height: 20px;
  width: 20px;
  background-image: url(https://login.schwaebisch-hall.de/mkloginpage/7060a9093f17be5a619d.svg);
}
ul {
  display: block;
  list-style-type: disc;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-inline-start: 0;
  unicode-bidi: isolate;
}
li {
  list-style: none;
}
p {
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  unicode-bidi: isolate;
}
#cancel,
#email_ver_but_edit,
.helpLink,
.intro {
  display: none;
}
.changeClaims {
  display: none !important;
}
.svg-icon {
  fill: currentColor;
  width: 16px;
  height: 16px;
}
.logo-svg {
  width: 50px;
  height: 26px;
}
.legal {
  margin-top: 80px;
  color: #999;
  font-size: 12px;
}
.legal a {
  color: #999;
}
#extension_termsOfUseConsentChoice_label {
  font-family: "Fuchs-Bold", Arial, Helvetica, sans-serif;
  margin-bottom: 15px;
}
.extension_termsOfUseConsentChoice_li fieldset,
.extension_NewsletterConsentChoice_li fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
.extension_termsOfUseConsentChoice_li label,
.extension_NewsletterConsentChoice_li label {
  margin-bottom: 0;
  margin-left: 10px;
  font-size: 16px;
  line-height: 24px;
}
#emailVerificationControl_but_send_new_code,
#CustomEmailVerificationControl_but_send_new_code,
#CustomEmailVerificationControl-PasswordReset_but_send_new_code {
  margin-top: 20px;
  font-family: "Fuchs-Regular", Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  background: inherit;
  cursor: pointer;
}
#email:has(~ .buttons) {
  margin-bottom: 30px;
}
.verificationInfoText:has(div[aria-hidden="false"]),
.verificationSuccessText:has(div[aria-hidden="false"]) {
  margin-bottom: 30px;
}
.extension_dateOfBirth_li .error:empty {
  display: none;
}
#attributeList li:first-of-type.Paragraph label {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
#attributeList:has( #CustomEmailVerificationControl_info_message[aria-hidden=false],
#CustomEmailVerificationControl_success_message[aria-hidden=false],
#CustomEmailVerificationControl_error_message[aria-hidden=false]) .attrEntry:has(#responseRegister1_label) {
  display: none;
}
.verificationSuccessText {
  text-align: center;
}
#responseMsg,
#responseMsgLabel {
  text-align: center;
  padding-bottom: 40px;
}
.attrEntry:has(#responseMsg) {
  position: relative;
}
#responseMsg {
  font-family: "Fuchs-Bold", Arial, Helvetica, sans-serif;
  font-size: 24px;
  line-height: 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  padding-bottom: 0;
  padding-top: 78px;
}
#responseMsg::before {
  content: "";
  position: absolute;
  top: 10px;
  height: 48px;
  width: 48px;
  background-image: url(https://login.schwaebisch-hall.de/mkloginpage/bad1db57e80d86c2632d.svg);
}
#responseRegister1_label {
  display: block;
  text-align: left !important;
}
#responseRegister1_label span:first-child {
  display: block;
  text-align: center;
}
#responseRegister1_label span:nth-of-type(2) {
  display: inline-block;
  margin-bottom: 10px;
}
#responseRegister1_label svg {
  width: 24px;
  height: 24px;
  float: left;
  margin-right: 10px;
}
#CustomEmailVerificationControl-PasswordReset_info_message {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
.hint {
  margin-top: 54px;
}