@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-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;
}
@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 */
/* use @color-primary instead */
/* use @color-secondary instead */
/* use @color-copy for font color definitions */
.button-theme-default {
  --theme-button-primary-bg-color-default: var(--color-red);
  --theme-button-primary-bg-color-hover: var(--color-light-red-2);
  --theme-button-primary-bg-color-active: var(--color-dark-red);
  --theme-button-primary-bg-color-disabled: var(--color-grey-05);
  --theme-button-primary-border-color-active: var(--color-dark-red);
  --theme-button-primary-text-color-default: var(--color-white);
  --theme-button-primary-text-color-hover: var(--color-white);
  --theme-button-primary-text-color-active: var(--color-white);
  --theme-button-primary-text-color-disabled: var(--color-white);
  --theme-button-secondary-bg-color-default: var(--color-white);
  --theme-button-secondary-bg-color-hover: var(--color-light-red);
  --theme-button-secondary-bg-color-active: var(--color-light-red);
  --theme-button-secondary-bg-color-disabled: var(--color-white);
  --theme-button-secondary-border-color-default: var(--color-red);
  --theme-button-secondary-border-color-hover: var(--color-light-red-2);
  --theme-button-secondary-border-color-active: var(--color-dark-red);
  --theme-button-secondary-border-color-disabled: var(--color-grey-05);
  --theme-button-secondary-text-color-default: var(--color-red);
  --theme-button-secondary-text-color-hover: var(--color-light-red-2);
  --theme-button-secondary-text-color-active: var(--color-dark-red);
  --theme-button-secondary-text-color-disabled: var(--color-grey-05);
  --theme-button-text-text-color-default: var(--color-black);
  --theme-button-text-text-color-hover: var(--color-light-red-2);
  --theme-button-text-text-color-active: var(--color-dark-red);
  --theme-button-text-text-color-disabled: var(--color-grey-05);
  --theme-button-text-border-color-default: var(--color-black);
  --theme-button-text-border-color-hover: var(--color-light-red-2);
  --theme-button-text-border-color-active: var(--color-dark-red);
  --theme-button-text-border-color-disabled: var(--color-grey-05);
}
.button-theme-yellow {
  --theme-button-primary-bg-color-default: var(--color-red);
  --theme-button-primary-bg-color-hover: var(--color-light-red-2);
  --theme-button-primary-bg-color-active: var(--color-dark-red);
  --theme-button-primary-bg-color-disabled: var(--color-dark-yellow);
  --theme-button-primary-border-color-active: var(--color-dark-red);
  --theme-button-primary-text-color-default: var(--color-white);
  --theme-button-primary-text-color-hover: var(--color-white);
  --theme-button-primary-text-color-active: var(--color-white);
  --theme-button-primary-text-color-disabled: var(--color-yellow);
  --theme-button-secondary-bg-color-default: var(--color-white);
  --theme-button-secondary-bg-color-hover: var(--color-light-red);
  --theme-button-secondary-bg-color-active: var(--color-light-red);
  --theme-button-secondary-bg-color-disabled: var(--color-white);
  --theme-button-secondary-border-color-default: var(--color-red);
  --theme-button-secondary-border-color-hover: var(--color-light-red-2);
  --theme-button-secondary-border-color-active: var(--color-dark-red);
  --theme-button-secondary-border-color-disabled: var(--color-grey-05);
  --theme-button-secondary-text-color-default: var(--color-red);
  --theme-button-secondary-text-color-hover: var(--color-light-red-2);
  --theme-button-secondary-text-color-active: var(--color-dark-red);
  --theme-button-secondary-text-color-disabled: var(--color-grey-05);
  --theme-button-text-text-color-default: var(--color-black);
  --theme-button-text-text-color-hover: var(--color-grey-02);
  --theme-button-text-text-color-active: var(--color-black);
  --theme-button-text-text-color-disabled: var(--color-dark-yellow);
  --theme-button-text-border-color-default: var(--color-black);
  --theme-button-text-border-color-hover: var(--color-grey-02);
  --theme-button-text-border-color-active: var(--color-black);
  --theme-button-text-border-color-disabled: var(--color-dark-yellow);
}
.button-theme-red {
  --theme-button-primary-bg-color-default: var(--color-white);
  --theme-button-primary-bg-color-hover: var(--color-light-red);
  --theme-button-primary-bg-color-active: var(--color-light-red);
  --theme-button-primary-bg-color-disabled: var(--color-dark-red);
  --theme-button-primary-border-color-active: var(--color-light-red);
  --theme-button-primary-text-color-default: var(--color-red);
  --theme-button-primary-text-color-hover: var(--color-light-red-2);
  --theme-button-primary-text-color-active: var(--color-red);
  --theme-button-primary-text-color-disabled: var(--color-red);
  --theme-button-secondary-bg-color-default: var(--color-red);
  --theme-button-secondary-bg-color-hover: var(--color-light-red-2);
  --theme-button-secondary-bg-color-active: var(--color-dark-red);
  --theme-button-secondary-bg-color-disabled: var(--color-red);
  --theme-button-secondary-border-color-default: var(--color-white);
  --theme-button-secondary-border-color-hover: var(--color-white);
  --theme-button-secondary-border-color-active: var(--color-white);
  --theme-button-secondary-border-color-disabled: var(--color-dark-red);
  --theme-button-secondary-text-color-default: var(--color-white);
  --theme-button-secondary-text-color-hover: var(--color-white);
  --theme-button-secondary-text-color-active: var(--color-white);
  --theme-button-secondary-text-color-disabled: var(--color-dark-red);
  --theme-button-text-text-color-default: var(--color-white);
  --theme-button-text-text-color-hover: var(--color-grey-06);
  --theme-button-text-text-color-active: var(--color-white);
  --theme-button-text-text-color-disabled: var(--color-dark-red);
  --theme-button-text-border-color-default: var(--color-white);
  --theme-button-text-border-color-hover: var(--color-grey-06);
  --theme-button-text-border-color-active: var(--color-white);
  --theme-button-text-border-color-disabled: var(--color-dark-red);
}
.tabs-theme-default {
  --theme-tab-bg-default: var(--color-light-grey);
  --theme-tab-bg-hover: var(--color-grey-05);
  --theme-tab-bg-active: var(--color-white);
  --theme-tab-label-default: var(--color-black);
  --theme-tab-label-hover: var(--color-black);
  --theme-tab-label-active: var(--color-black);
  --theme-tab-icon-default: var(--color-black);
  --theme-tab-icon-hover: var(--color-black);
  --theme-tab-icon-active: var(--color-black);
  --theme-tabs-border-focused: var(--color-black);
  --theme-tabs-border-default: var(--color-grey-03);
}
.tabs-theme-yellow {
  --theme-tab-bg-default: var(--color-light-yellow);
  --theme-tab-bg-hover: var(--color-dark-yellow);
  --theme-tab-bg-active: var(--color-red);
  --theme-tab-label-default: var(--color-black);
  --theme-tab-label-hover: var(--color-black);
  --theme-tab-label-active: var(--color-white);
  --theme-tab-icon-default: var(--color-black);
  --theme-tab-icon-hover: var(--color-black);
  --theme-tab-icon-active: var(--color-white);
  --theme-tabs-border-focused: var(--color-red);
  --theme-tabs-border-default: var(--color-grey-03);
}
.tabs-theme-red {
  --theme-tab-bg-default: var(--color-light-red);
  --theme-tab-bg-hover: var(--color-light-red-2);
  --theme-tab-bg-active: var(--color-white);
  --theme-tab-label-default: var(--color-red);
  --theme-tab-label-hover: var(--color-white);
  --theme-tab-label-active: var(--color-red);
  --theme-tab-icon-default: var(--color-red);
  --theme-tab-icon-hover: var(--color-white);
  --theme-tab-icon-active: var(--color-red);
  --theme-tabs-border-focused: var(--color-white);
  --theme-tabs-border-default: var(--color-grey-05);
}
.textlink-theme-default {
  --theme-textlink-color-default: var(--color-black);
  --theme-textlink-color-hover: var(--color-light-red-2);
  --theme-textlink-color-active: var(--color-dark-red);
  --theme-textlink-color-visited: var(--color-grey-03);
}
.textlink-theme-yellow {
  --theme-textlink-color-default: var(--color-black);
  --theme-textlink-color-hover: var(--color-grey-02);
  --theme-textlink-color-active: var(--color-black);
  --theme-textlink-color-visited: var(--color-grey-02);
}
.textlink-theme-red {
  --theme-textlink-color-default: var(--color-white);
  --theme-textlink-color-hover: var(--color-grey-06);
  --theme-textlink-color-active: var(--color-white);
  --theme-textlink-color-visited: var(--color-light-red);
}
.theme-default,
.theme-red,
.theme-yellow {
  --color-yellow: #fff02d;
  --color-red: #e6002d;
  --color-light-grey: #e2e8ed;
  --color-black: #000000;
  --color-white: #ffffff;
  --color-light-yellow: #fffac8;
  --color-light-yellow-2: #fffcd9;
  --color-dark-yellow: #fff082;
  --color-light-red: #fdebf0;
  --color-light-red-2: #fa0041;
  --color-dark-red: #b70030;
  --color-grey-02: #425866;
  --color-grey-03: #72828d;
  --color-grey-04: #a0abb2;
  --color-grey-05: #d0d5d9;
  --color-grey-06: #e2e8ed;
  --color-grey-07: #f0f3f6;
  --color-error: #fa0041;
  --color-success: #00bb2d;
  --opacity-black: rgba(0, 0, 0, 0.5);
  --opacity-disabled: 0.4;
  --border-width-m: 2px;
  --border-radius-none: 0px;
  --border-radius-boxed: 2px;
  --border-radius-rounded: 5px;
  --border-radius-modern: 8px;
  --border-radius-outline: 10px;
  --border-radius-max: 100px;
  --component-spacing-xs: 2px;
  --component-spacing-s: 5px;
  --component-spacing-m: 10px;
  --component-spacing-l: 12px;
  --component-spacing-xl: 20px;
  --component-spacing-xxl: 40px;
  --block-spacing-xxs: 5px;
  --block-spacing-xs: 8px;
  --block-spacing-s: 10px;
  --block-spacing-m: 16px;
  --block-spacing-l: 20px;
  --block-spacing-xl: 40px;
  --block-spacing-xl-2: 48px;
  --block-spacing-xxl: 60px;
  --shadow-s: 0px 5px 25px -5px rgba(0, 0, 0, 0.15);
  --z-index-dropdown: 1000;
}
.theme-default {
  --theme-text-color-primary: var(--color-black);
  --theme-text-color-secondary: var(--color-black);
  --theme-text-color-accent: var(--color-red);
  --theme-text-color-subtle: var(--color-grey-03);
  --theme-text-color-error: var(--color-error);
  --theme-text-color-success: var(--color-success);
  --theme-bg-color-primary: var(--color-white);
  --theme-bg-color-secondary: var(--color-light-grey);
  --theme-bg-color-tertiary: var(--color-grey-07);
  --theme-bg-color-bold: var(--color-yellow);
  --theme-bg-color-overlay: var(--opacity-black);
  --theme-border-color-primary: var(--color-black);
  --theme-border-color-secondary: var(--color-black);
  --theme-border-color-accent: var(--color-red);
  --theme-border-color-subtle: var(--color-grey-05);
  --theme-border-color-subtle-secondary: var(--color-grey-05);
  --theme-icon-color-primary: var(--color-black);
  --theme-icon-color-inverted: var(--color-white);
  --theme-icon-color-accent: var(--color-red);
  --theme-icon-color-error: var(--color-error);
  --theme-icon-color-success: var(--color-success);
  --theme-forms-background: var(--color-white);
  --theme-forms-default: var(--color-grey-03);
  --theme-forms-hover-filled: var(--color-black);
  --theme-form-controls-filled: var(--color-white);
  --theme-forms-error: var(--color-dark-red);
  --theme-divider-standard: var(--color-grey-05);
  --theme-divider-secondary: var(--color-grey-04);
  --color-yellow: #fff02d;
  --color-red: #e6002d;
  --color-light-grey: #e2e8ed;
  --color-black: #000000;
  --color-white: #ffffff;
  --color-light-yellow: #fffac8;
  --color-light-yellow-2: #fffcd9;
  --color-dark-yellow: #fff082;
  --color-light-red: #fdebf0;
  --color-light-red-2: #fa0041;
  --color-dark-red: #b70030;
  --color-grey-02: #425866;
  --color-grey-03: #72828d;
  --color-grey-04: #a0abb2;
  --color-grey-05: #d0d5d9;
  --color-grey-06: #e2e8ed;
  --color-grey-07: #f0f3f6;
  --color-error: #fa0041;
  --color-success: #00bb2d;
  --opacity-black: rgba(0, 0, 0, 0.5);
  --opacity-disabled: 0.4;
  --border-width-m: 2px;
  --border-radius-none: 0px;
  --border-radius-boxed: 2px;
  --border-radius-rounded: 5px;
  --border-radius-modern: 8px;
  --border-radius-outline: 10px;
  --border-radius-max: 100px;
  --component-spacing-xs: 2px;
  --component-spacing-s: 5px;
  --component-spacing-m: 10px;
  --component-spacing-l: 12px;
  --component-spacing-xl: 20px;
  --component-spacing-xxl: 40px;
  --block-spacing-xxs: 5px;
  --block-spacing-xs: 8px;
  --block-spacing-s: 10px;
  --block-spacing-m: 16px;
  --block-spacing-l: 20px;
  --block-spacing-xl: 40px;
  --block-spacing-xl-2: 48px;
  --block-spacing-xxl: 60px;
  --shadow-s: 0px 5px 25px -5px rgba(0, 0, 0, 0.15);
  --z-index-dropdown: 1000;
  --theme-button-primary-bg-color-default: var(--color-red);
  --theme-button-primary-bg-color-hover: var(--color-light-red-2);
  --theme-button-primary-bg-color-active: var(--color-dark-red);
  --theme-button-primary-bg-color-disabled: var(--color-grey-05);
  --theme-button-primary-border-color-active: var(--color-dark-red);
  --theme-button-primary-text-color-default: var(--color-white);
  --theme-button-primary-text-color-hover: var(--color-white);
  --theme-button-primary-text-color-active: var(--color-white);
  --theme-button-primary-text-color-disabled: var(--color-white);
  --theme-button-secondary-bg-color-default: var(--color-white);
  --theme-button-secondary-bg-color-hover: var(--color-light-red);
  --theme-button-secondary-bg-color-active: var(--color-light-red);
  --theme-button-secondary-bg-color-disabled: var(--color-white);
  --theme-button-secondary-border-color-default: var(--color-red);
  --theme-button-secondary-border-color-hover: var(--color-light-red-2);
  --theme-button-secondary-border-color-active: var(--color-dark-red);
  --theme-button-secondary-border-color-disabled: var(--color-grey-05);
  --theme-button-secondary-text-color-default: var(--color-red);
  --theme-button-secondary-text-color-hover: var(--color-light-red-2);
  --theme-button-secondary-text-color-active: var(--color-dark-red);
  --theme-button-secondary-text-color-disabled: var(--color-grey-05);
  --theme-button-text-text-color-default: var(--color-black);
  --theme-button-text-text-color-hover: var(--color-light-red-2);
  --theme-button-text-text-color-active: var(--color-dark-red);
  --theme-button-text-text-color-disabled: var(--color-grey-05);
  --theme-button-text-border-color-default: var(--color-black);
  --theme-button-text-border-color-hover: var(--color-light-red-2);
  --theme-button-text-border-color-active: var(--color-dark-red);
  --theme-button-text-border-color-disabled: var(--color-grey-05);
  --theme-tab-bg-default: var(--color-light-grey);
  --theme-tab-bg-hover: var(--color-grey-05);
  --theme-tab-bg-active: var(--color-white);
  --theme-tab-label-default: var(--color-black);
  --theme-tab-label-hover: var(--color-black);
  --theme-tab-label-active: var(--color-black);
  --theme-tab-icon-default: var(--color-black);
  --theme-tab-icon-hover: var(--color-black);
  --theme-tab-icon-active: var(--color-black);
  --theme-tabs-border-focused: var(--color-black);
  --theme-tabs-border-default: var(--color-grey-03);
  --theme-textlink-color-default: var(--color-black);
  --theme-textlink-color-hover: var(--color-light-red-2);
  --theme-textlink-color-active: var(--color-dark-red);
  --theme-textlink-color-visited: var(--color-grey-03);
}
.theme-red {
  --theme-text-color-primary: var(--color-white);
  --theme-text-color-secondary: var(--color-black);
  --theme-text-color-accent: var(--color-white);
  --theme-text-color-subtle: var(--color-light-red);
  --theme-text-color-error: var(--color-white);
  --theme-text-color-success: var(--color-white);
  --theme-bg-color-primary: var(--color-red);
  --theme-bg-color-secondary: var(--color-light-red);
  --theme-bg-color-tertiary: var(--color-grey-07);
  --theme-bg-color-bold: var(--color-white);
  --theme-bg-color-overlay: var(--opacity-black);
  --theme-border-color-primary: var(--color-white);
  --theme-border-color-secondary: var(--color-black);
  --theme-border-color-accent: var(--color-white);
  --theme-border-color-subtle: var(--color-light-red);
  --theme-border-color-subtle-secondary: var(--color-light-red-2);
  --theme-icon-color-primary: var(--color-white);
  --theme-icon-color-inverted: var(--color-red);
  --theme-icon-color-accent: var(--color-white);
  --theme-icon-color-error: var(--color-white);
  --theme-icon-color-success: var(--color-white);
  --theme-forms-background: var(--color-white);
  --theme-forms-default: var(--color-dark-red);
  --theme-forms-hover-filled: var(--color-red);
  --theme-form-controls-filled: var(--color-black);
  --theme-forms-error: var(--color-dark-red);
  --theme-divider-standard: var(--color-light-red);
  --theme-divider-secondary: var(--color-red);
  --color-yellow: #fff02d;
  --color-red: #e6002d;
  --color-light-grey: #e2e8ed;
  --color-black: #000000;
  --color-white: #ffffff;
  --color-light-yellow: #fffac8;
  --color-light-yellow-2: #fffcd9;
  --color-dark-yellow: #fff082;
  --color-light-red: #fdebf0;
  --color-light-red-2: #fa0041;
  --color-dark-red: #b70030;
  --color-grey-02: #425866;
  --color-grey-03: #72828d;
  --color-grey-04: #a0abb2;
  --color-grey-05: #d0d5d9;
  --color-grey-06: #e2e8ed;
  --color-grey-07: #f0f3f6;
  --color-error: #fa0041;
  --color-success: #00bb2d;
  --opacity-black: rgba(0, 0, 0, 0.5);
  --opacity-disabled: 0.4;
  --border-width-m: 2px;
  --border-radius-none: 0px;
  --border-radius-boxed: 2px;
  --border-radius-rounded: 5px;
  --border-radius-modern: 8px;
  --border-radius-outline: 10px;
  --border-radius-max: 100px;
  --component-spacing-xs: 2px;
  --component-spacing-s: 5px;
  --component-spacing-m: 10px;
  --component-spacing-l: 12px;
  --component-spacing-xl: 20px;
  --component-spacing-xxl: 40px;
  --block-spacing-xxs: 5px;
  --block-spacing-xs: 8px;
  --block-spacing-s: 10px;
  --block-spacing-m: 16px;
  --block-spacing-l: 20px;
  --block-spacing-xl: 40px;
  --block-spacing-xl-2: 48px;
  --block-spacing-xxl: 60px;
  --shadow-s: 0px 5px 25px -5px rgba(0, 0, 0, 0.15);
  --z-index-dropdown: 1000;
  --theme-button-primary-bg-color-default: var(--color-white);
  --theme-button-primary-bg-color-hover: var(--color-light-red);
  --theme-button-primary-bg-color-active: var(--color-light-red);
  --theme-button-primary-bg-color-disabled: var(--color-dark-red);
  --theme-button-primary-border-color-active: var(--color-light-red);
  --theme-button-primary-text-color-default: var(--color-red);
  --theme-button-primary-text-color-hover: var(--color-light-red-2);
  --theme-button-primary-text-color-active: var(--color-red);
  --theme-button-primary-text-color-disabled: var(--color-red);
  --theme-button-secondary-bg-color-default: var(--color-red);
  --theme-button-secondary-bg-color-hover: var(--color-light-red-2);
  --theme-button-secondary-bg-color-active: var(--color-dark-red);
  --theme-button-secondary-bg-color-disabled: var(--color-red);
  --theme-button-secondary-border-color-default: var(--color-white);
  --theme-button-secondary-border-color-hover: var(--color-white);
  --theme-button-secondary-border-color-active: var(--color-white);
  --theme-button-secondary-border-color-disabled: var(--color-dark-red);
  --theme-button-secondary-text-color-default: var(--color-white);
  --theme-button-secondary-text-color-hover: var(--color-white);
  --theme-button-secondary-text-color-active: var(--color-white);
  --theme-button-secondary-text-color-disabled: var(--color-dark-red);
  --theme-button-text-text-color-default: var(--color-white);
  --theme-button-text-text-color-hover: var(--color-grey-06);
  --theme-button-text-text-color-active: var(--color-white);
  --theme-button-text-text-color-disabled: var(--color-dark-red);
  --theme-button-text-border-color-default: var(--color-white);
  --theme-button-text-border-color-hover: var(--color-grey-06);
  --theme-button-text-border-color-active: var(--color-white);
  --theme-button-text-border-color-disabled: var(--color-dark-red);
  --theme-tab-bg-default: var(--color-light-red);
  --theme-tab-bg-hover: var(--color-light-red-2);
  --theme-tab-bg-active: var(--color-white);
  --theme-tab-label-default: var(--color-red);
  --theme-tab-label-hover: var(--color-white);
  --theme-tab-label-active: var(--color-red);
  --theme-tab-icon-default: var(--color-red);
  --theme-tab-icon-hover: var(--color-white);
  --theme-tab-icon-active: var(--color-red);
  --theme-tabs-border-focused: var(--color-white);
  --theme-tabs-border-default: var(--color-grey-05);
  --theme-textlink-color-default: var(--color-white);
  --theme-textlink-color-hover: var(--color-grey-06);
  --theme-textlink-color-active: var(--color-white);
  --theme-textlink-color-visited: var(--color-light-red);
}
.theme-yellow {
  --theme-text-color-primary: var(--color-black);
  --theme-text-color-secondary: var(--color-black);
  --theme-text-color-accent: var(--color-dark-red);
  --theme-text-color-subtle: var(--color-grey-02);
  --theme-text-color-error: var(--color-error);
  --theme-text-color-success: var(--color-success);
  --theme-bg-color-primary: var(--color-yellow);
  --theme-bg-color-secondary: var(--color-light-yellow-2);
  --theme-bg-color-tertiary: var(--color-grey-07);
  --theme-bg-color-bold: var(--color-white);
  --theme-bg-color-overlay: var(--opacity-black);
  --theme-border-color-primary: var(--color-black);
  --theme-border-color-secondary: var(--color-black);
  --theme-border-color-accent: var(--color-red);
  --theme-border-color-subtle: var(--color-grey-03);
  --theme-border-color-subtle-secondary: var(--color-dark-yellow);
  --theme-icon-color-primary: var(--color-black);
  --theme-icon-color-inverted: var(--color-white);
  --theme-icon-color-accent: var(--color-red);
  --theme-icon-color-error: var(--color-error);
  --theme-icon-color-success: var(--color-success);
  --theme-forms-background: var(--color-white);
  --theme-forms-default: var(--color-grey-02);
  --theme-forms-hover-filled: var(--color-black);
  --theme-form-controls-filled: var(--color-white);
  --theme-forms-error: var(--color-dark-red);
  --theme-divider-standard: var(--color-grey-03);
  --theme-divider-secondary: var(--color-dark-yellow);
  --color-yellow: #fff02d;
  --color-red: #e6002d;
  --color-light-grey: #e2e8ed;
  --color-black: #000000;
  --color-white: #ffffff;
  --color-light-yellow: #fffac8;
  --color-light-yellow-2: #fffcd9;
  --color-dark-yellow: #fff082;
  --color-light-red: #fdebf0;
  --color-light-red-2: #fa0041;
  --color-dark-red: #b70030;
  --color-grey-02: #425866;
  --color-grey-03: #72828d;
  --color-grey-04: #a0abb2;
  --color-grey-05: #d0d5d9;
  --color-grey-06: #e2e8ed;
  --color-grey-07: #f0f3f6;
  --color-error: #fa0041;
  --color-success: #00bb2d;
  --opacity-black: rgba(0, 0, 0, 0.5);
  --opacity-disabled: 0.4;
  --border-width-m: 2px;
  --border-radius-none: 0px;
  --border-radius-boxed: 2px;
  --border-radius-rounded: 5px;
  --border-radius-modern: 8px;
  --border-radius-outline: 10px;
  --border-radius-max: 100px;
  --component-spacing-xs: 2px;
  --component-spacing-s: 5px;
  --component-spacing-m: 10px;
  --component-spacing-l: 12px;
  --component-spacing-xl: 20px;
  --component-spacing-xxl: 40px;
  --block-spacing-xxs: 5px;
  --block-spacing-xs: 8px;
  --block-spacing-s: 10px;
  --block-spacing-m: 16px;
  --block-spacing-l: 20px;
  --block-spacing-xl: 40px;
  --block-spacing-xl-2: 48px;
  --block-spacing-xxl: 60px;
  --shadow-s: 0px 5px 25px -5px rgba(0, 0, 0, 0.15);
  --z-index-dropdown: 1000;
  --theme-button-primary-bg-color-default: var(--color-red);
  --theme-button-primary-bg-color-hover: var(--color-light-red-2);
  --theme-button-primary-bg-color-active: var(--color-dark-red);
  --theme-button-primary-bg-color-disabled: var(--color-dark-yellow);
  --theme-button-primary-border-color-active: var(--color-dark-red);
  --theme-button-primary-text-color-default: var(--color-white);
  --theme-button-primary-text-color-hover: var(--color-white);
  --theme-button-primary-text-color-active: var(--color-white);
  --theme-button-primary-text-color-disabled: var(--color-yellow);
  --theme-button-secondary-bg-color-default: var(--color-white);
  --theme-button-secondary-bg-color-hover: var(--color-light-red);
  --theme-button-secondary-bg-color-active: var(--color-light-red);
  --theme-button-secondary-bg-color-disabled: var(--color-white);
  --theme-button-secondary-border-color-default: var(--color-red);
  --theme-button-secondary-border-color-hover: var(--color-light-red-2);
  --theme-button-secondary-border-color-active: var(--color-dark-red);
  --theme-button-secondary-border-color-disabled: var(--color-grey-05);
  --theme-button-secondary-text-color-default: var(--color-red);
  --theme-button-secondary-text-color-hover: var(--color-light-red-2);
  --theme-button-secondary-text-color-active: var(--color-dark-red);
  --theme-button-secondary-text-color-disabled: var(--color-grey-05);
  --theme-button-text-text-color-default: var(--color-black);
  --theme-button-text-text-color-hover: var(--color-grey-02);
  --theme-button-text-text-color-active: var(--color-black);
  --theme-button-text-text-color-disabled: var(--color-dark-yellow);
  --theme-button-text-border-color-default: var(--color-black);
  --theme-button-text-border-color-hover: var(--color-grey-02);
  --theme-button-text-border-color-active: var(--color-black);
  --theme-button-text-border-color-disabled: var(--color-dark-yellow);
  --theme-tab-bg-default: var(--color-light-yellow);
  --theme-tab-bg-hover: var(--color-dark-yellow);
  --theme-tab-bg-active: var(--color-red);
  --theme-tab-label-default: var(--color-black);
  --theme-tab-label-hover: var(--color-black);
  --theme-tab-label-active: var(--color-white);
  --theme-tab-icon-default: var(--color-black);
  --theme-tab-icon-hover: var(--color-black);
  --theme-tab-icon-active: var(--color-white);
  --theme-tabs-border-focused: var(--color-red);
  --theme-tabs-border-default: var(--color-grey-03);
  --theme-textlink-color-default: var(--color-black);
  --theme-textlink-color-hover: var(--color-grey-02);
  --theme-textlink-color-active: var(--color-black);
  --theme-textlink-color-visited: var(--color-grey-02);
}
.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) {
  appearance: none;
  background: transparent;
  border: none;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--component-spacing-s);
  mix-blend-mode: normal;
  padding: 0;
  background: var(--theme-button-primary-bg-color-default);
  border-radius: var(--border-radius-max);
  min-height: 40px;
  padding: var(--component-spacing-m) var(--component-spacing-xxl);
  font-family: 'Fuchs-Bold', Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  width: 100%;
}
button:not(.buttonStyleOverride),
button:not(.buttonStyleOverride):link,
button:not(.buttonStyleOverride):visited {
  color: var(--theme-button-primary-text-color-default);
}
button:not(.buttonStyleOverride):hover {
  color: var(--theme-button-primary-text-color-hover);
  background: var(--theme-button-primary-bg-color-hover);
}
button:not(.buttonStyleOverride):active {
  color: var(--theme-button-primary-text-color-active);
  background: var(--theme-button-primary-bg-color-active);
}
button:not(.buttonStyleOverride):focus-visible {
  outline: var(--theme-button-primary-border-color-active) solid var(--border-width-m);
  outline-offset: 3px;
  border-color: var(--theme-button-primary-border-color-active);
  background: var(--theme-button-primary-bg-color-active);
}
button:not(.buttonStyleOverride):disabled,
button:not(.buttonStyleOverride)[disabled='true'] {
  color: var(--theme-button-primary-text-color-disabled);
  background: var(--theme-button-primary-bg-color-disabled);
  cursor: not-allowed;
}
button:not(.buttonStyleOverride):disabled,
button:not(.buttonStyleOverride)[aria-disabled="true"] {
  cursor: default;
  background-color: #D0D5D9;
  outline-color: #D0D5D9;
}
button:not(.buttonStyleOverride) svg {
  height: 24px;
  width: 24px;
  color: #FFFFFF;
}
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);
}
.closeButton {
  position: absolute;
  right: 0;
  background: none;
  padding: 0;
  border: 0;
  width: 44px;
  height: 24px;
  border-radius: 100px;
}
.closeButton svg {
  width: 24px;
  height: 24px;
}
.closeButton:hover {
  cursor: pointer;
  color: #425866;
}
@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-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;
}
@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;
}
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,
.self_asserted_container .row .panel-default .panel-body {
  position: relative;
}
.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;
}
.create {
  font-family: "Fuchs-Bold", Arial, Helvetica, sans-serif;
}
.create a {
  font-family: "Fuchs-Regular", Arial, Helvetica, sans-serif;
  margin-left: 10px;
}
label:has( ~ :is([disabled])) {
  color: #999;
}
*:focus-visible {
  outline: var(--theme-forms-hover-filled) solid 1px;
  outline-offset: 4px;
  border-color: var(--theme-forms-hover-filled);
}
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: var(--theme-forms-hover-filled) solid 1px;
  outline-offset: 4px;
  border-color: var(--theme-forms-hover-filled);
}
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;
}
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;
}
.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;
}
#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;
}
.date {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
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;
}
#cacheHint {
  display: none;
}
.unified_container:has(form#localAccountForm) #cacheHint {
  display: block;
  margin-top: 40px;
  margin-bottom: -60px;
  font-size: 14px;
  color: #999;
}
#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;
}