/* Global css (mainly used to provide sensible defaults and helper classes) */

html {
  /* Enable font smoothing */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  /* Remove default body spacing */
  margin: 0;
  padding: 0;
}

[hidden] {
  display: none !important;
}

@media print {
  img {
    page-break-inside: avoid;
    -moz-column-break-inside: avoid;
         -webkit-column-break-inside: avoid;
         break-inside: avoid;
  }

  .stzh-print-show {
    display: block !important;
  }

  .stzh-print-hide {
    display: none !important;
  }

  .stzh-print-exact-color {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }
}

/* Helper for enabling smooth scrolling */

.stzh-scrolling-smooth {
  scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {
  .stzh-scrolling-smooth {
    scroll-behavior: auto;
  }
}

/* Helper used to introduce scroll margin top in size of sticky header */

.stzh-header-scroll-margin-top {
  scroll-margin-top: var(--stzh-header-metabar-height, 0);
}

.stzh-global-header-scroll-margin-top * {
  scroll-margin-top: var(--stzh-header-metabar-height, 0);
}

/* Sticky footer layout */

.stzh-layout-sticky-footer {
  display: grid;
  grid-template-rows: auto 1fr auto;
  grid-template-columns: 100%;
  min-height: 100vh;
}

/* Helper class when dialog components are opened */

.stzh-dialog-open,
.stzh-overlay-open {
  -ms-touch-action: none;
  touch-action: none;
  -webkit-overflow-scrolling: none;
  overflow: hidden;
  padding-right: var(--stzh-scrollbar-width);
  -ms-scroll-chaining: none;
  overscroll-behavior: none;
}

@media screen and (max-width: 599px) {
  .stzh-popover-open {
    -ms-touch-action: none;
    touch-action: none;
    -webkit-overflow-scrolling: none;
    overflow: hidden;
    padding-right: var(--stzh-scrollbar-width);
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
  }
}

/* Flying Focus */

/* default outline value, which will be applied to all elements receiving focus
the .has-focus class is used by the focus target */
.has-focus {
  outline: var(--stzh-flyingfocus-color) solid 0.125rem;
  outline-offset: 0.3125rem;
}

.stzh-fylingfocus-focused {
  outline-style: none !important;
}

.stzh-fylingfocus-focused::-moz-focus-inner {
  border: 0 !important;
}

/* Global css for shadow component slots */

stzh-toast stzh-link[slot="link"] {
  --color: var(--stzh-toast-link-color);
  --hover-color: var(--stzh-toast-hover-link-color);
}

stzh-toast[type="success"] stzh-link[slot="link"] {
  --color: var(--stzh-toast-success-link-color);
  --hover-color: var(--stzh-toast-success-hover-link-color);
}

stzh-toast[type="warning"] stzh-link[slot="link"] {
  --color: var(--stzh-toast-warning-link-color);
  --hover-color: var(--stzh-toast-warning-hover-link-color);
}

stzh-toast[type="error"] stzh-link[slot="link"] {
  --color: var(--stzh-toast-error-link-color);
  --hover-color: var(--stzh-toast-error-hover-link-color);
}

/* AEM/STZH Website specifix css */

.section.has-invert {
  /* Font curve: big */
  margin-top: var(--stzh-space-xxxlarge);
  margin-bottom: var(--stzh-space-xxxlarge);
}

@media screen and (min-width: 600px) {
  .section.has-invert {
    margin-top: var(--stzh-space-xxxxlarge);
    margin-bottom: var(--stzh-space-xxxxlarge);
  }
}

@media screen and (min-width: 1024px) {
  .section.has-invert {
    margin-top: var(--stzh-space-big);
    margin-bottom: var(--stzh-space-big);
  }
}

@media screen and (min-width: 1260) {
  .section.has-invert {
    margin-top: var(--stzh-space-xbig);
    margin-bottom: var(--stzh-space-xbig);
  }
}

.section.has-invert stzh-invert stzh-container {
  /* Font curve: large */
  padding-top: var(--stzh-space-xxlarge);
  padding-bottom: var(--stzh-space-xxlarge);
}

@media screen and (min-width: 1024px) {
  .section.has-invert stzh-invert stzh-container {
    padding-top: var(--stzh-space-xxxlarge);
    padding-bottom: var(--stzh-space-xxxlarge);
  }
}

@media screen and (min-width: 1260) {
  .section.has-invert stzh-invert stzh-container {
    padding-top: var(--stzh-space-xxxxlarge);
    padding-bottom: var(--stzh-space-xxxxlarge);
  }
}

.section.has-sticky {
  display: contents;
}

/* Global CSS properties */

:root {
  /* Colors */
  --stzh-color-zueriblue-rgb: 15 5 160;
  --stzh-color-zueriblue: rgba(var(--stzh-color-zueriblue-rgb) / 1);

  --stzh-color-zueriblue60op: rgba(111 105 198 / 1);
  --stzh-color-zueriblue88: rgba(var(--stzh-color-zueriblue-rgb) / 0.88);
  --stzh-color-zueriblue72: rgba(var(--stzh-color-zueriblue-rgb) / 0.72);
  --stzh-color-zueriblue64: rgba(var(--stzh-color-zueriblue-rgb) / 0.64);
  --stzh-color-zueriblue56: rgba(var(--stzh-color-zueriblue-rgb) / 0.56);
  --stzh-color-zueriblue48: rgba(var(--stzh-color-zueriblue-rgb) / 0.48);
  --stzh-color-zueriblue32: rgba(var(--stzh-color-zueriblue-rgb) / 0.32);
  --stzh-color-zueriblue16: rgba(var(--stzh-color-zueriblue-rgb) / 0.16);
  --stzh-color-zueriblue8: rgba(var(--stzh-color-zueriblue-rgb) / 0.08);
  --stzh-color-zueriblue4: rgba(var(--stzh-color-zueriblue-rgb) / 0.04);

  --stzh-color-zueribluedark-rgb: 7 2 80;
  --stzh-color-zueribluedark: rgba(var(--stzh-color-zueribluedark-rgb) / 1);

  --stzh-color-white-rgb: 255 255 255;
  --stzh-color-white: rgba(var(--stzh-color-white-rgb) / 1);
  --stzh-color-white88: rgba(var(--stzh-color-white-rgb) / 0.88);
  --stzh-color-white72: rgba(var(--stzh-color-white-rgb) / 0.72);
  --stzh-color-white64: rgba(var(--stzh-color-white-rgb) / 0.64);
  --stzh-color-white56: rgba(var(--stzh-color-white-rgb) / 0.56);
  --stzh-color-white48: rgba(var(--stzh-color-white-rgb) / 0.48);
  --stzh-color-white32: rgba(var(--stzh-color-white-rgb) / 0.32);
  --stzh-color-white16: rgba(var(--stzh-color-white-rgb) / 0.16);
  --stzh-color-white8: rgba(var(--stzh-color-white-rgb) / 0.08);

  --stzh-color-black-rgb: 0 0 0;
  --stzh-color-black: rgba(var(--stzh-color-black-rgb) / 1);
  --stzh-color-black88: rgba(var(--stzh-color-black-rgb) / 0.88);
  --stzh-color-black72: rgba(var(--stzh-color-black-rgb) / 0.72);
  --stzh-color-black64: rgba(var(--stzh-color-black-rgb) / 0.64);
  --stzh-color-black56: rgba(var(--stzh-color-black-rgb) / 0.56);
  --stzh-color-black48: rgba(var(--stzh-color-black-rgb) / 0.48);
  --stzh-color-black32: rgba(var(--stzh-color-black-rgb) / 0.32);
  --stzh-color-black16: rgba(var(--stzh-color-black-rgb) / 0.16);
  --stzh-color-black8: rgba(var(--stzh-color-black-rgb) / 0.08);

  --stzh-color-cucumber-rgb: 128 173 82;
  --stzh-color-cucumber: rgba(var(--stzh-color-cucumber-rgb) / 1);
  --stzh-color-truegreen-rgb: 0 128 0;
  --stzh-color-truegreen: rgba(var(--stzh-color-truegreen-rgb) / 1);
  --stzh-color-shiraz-rgb: 192 13 35;
  --stzh-color-shiraz: rgba(var(--stzh-color-shiraz-rgb) / 1);
  --stzh-color-error-rgb: 208 2 27;
  --stzh-color-error: rgba(var(--stzh-color-error-rgb) / 1);
  --stzh-color-warning-rgb: 219 126 0;
  --stzh-color-warning: rgba(var(--stzh-color-warning-rgb) / 1);
  --stzh-color-active-rgb: 164 196 0;
  --stzh-color-active: rgba(var(--stzh-color-active-rgb) / 1);

  --stzh-color-grey5-rgb: 242 242 242;
  --stzh-color-grey5: rgba(var(--stzh-color-grey5-rgb) / 1);
  --stzh-color-grey13-rgb: 222 222 222;
  --stzh-color-grey13: rgba(var(--stzh-color-grey13-rgb) / 1);
  --stzh-color-grey25-rgb: 191 191 191;
  --stzh-color-grey25: rgba(var(--stzh-color-grey25-rgb) / 1);
  --stzh-color-grey40-rgb: 153 153 153;
  --stzh-color-grey40: rgba(var(--stzh-color-grey40-rgb) / 1);
  --stzh-color-grey55-rgb: 115 115 115;
  --stzh-color-grey55: rgba(var(--stzh-color-grey55-rgb) / 1);
  --stzh-color-grey61-rgb: 100 100 100;
  --stzh-color-grey61: rgba(var(--stzh-color-grey61-rgb) / 1);
  --stzh-color-grey70-rgb: 77 77 77;
  --stzh-color-grey70: rgba(var(--stzh-color-grey70-rgb) / 1);
  --stzh-color-grey87-rgb: 34 34 34;
  --stzh-color-grey87: rgba(var(--stzh-color-grey87-rgb) / 1);

    --stzh-color-aoz-agenda-rgb: 47 142 135;
    --stzh-color-aoz-agenda: rgba(var(--stzh-color-aoz-agenda-rgb) / 1);
    --stzh-color-aoz-agenda-hover-rgb: 33 102 100;
    --stzh-color-aoz-agenda-hover: rgba(var(--stzh-color-aoz-agenda-hover-rgb) / 1);

    --stzh-color-cool-grey60-rgb: 92 119 129;
    --stzh-color-cool-grey60: rgba(var(--stzh-color-cool-grey60-rgb) / 1);
    --stzh-color-cool-grey60-hover-rgb: 52 79 89;
    --stzh-color-cool-grey60-hover: rgba(var(--stzh-color-cool-grey60-hover-rgb) / 1);

    --stzh-color-cobalt-blue60-rgb: 3 83 220;
    --stzh-color-cobalt-blue60: rgba(var(--stzh-color-cobalt-blue60-rgb) / 1);
    --stzh-color-cobalt-blue60-hover-rgb: 0 51 141;
    --stzh-color-cobalt-blue60-hover: rgba(var(--stzh-color-cobalt-blue60-hover-rgb) / 1);

    --stzh-color-shamrock-green70-rgb: 6 117 30;
    --stzh-color-shamrock-green70: rgba(var(--stzh-color-shamrock-green70-rgb) / 1);
    --stzh-color-shamrock-green70-hover-rgb: 5 77 20;
    --stzh-color-shamrock-green70-hover: rgba(var(--stzh-color-shamrock-green70-hover-rgb) / 1);

    --stzh-color-lime-green80-rgb: 58 100 19;
    --stzh-color-lime-green80: rgba(var(--stzh-color-lime-green80-rgb) / 1);
    --stzh-color-lime-green80-hover-rgb: 38 65 12;
    --stzh-color-lime-green80-hover: rgba(var(--stzh-color-lime-green80-hover-rgb) / 1);

    --stzh-color-magenta70-rgb: 150 0 85;
    --stzh-color-magenta70: rgba(var(--stzh-color-magenta70-rgb) / 1);
    --stzh-color-magenta70-hover-rgb: 102 0 51;
    --stzh-color-magenta70-hover: rgba(var(--stzh-color-magenta70-hover-rgb) / 1);

    --stzh-color-ocher70-rgb: 154 91 1;
    --stzh-color-ocher70: rgba(var(--stzh-color-ocher70-rgb) / 1);
    --stzh-color-ocher70-hover-rgb: 90 54 0;
    --stzh-color-ocher70-hover: rgba(var(--stzh-color-ocher70-hover-rgb) / 1);

    --stzh-color-orange-rgb: 242 139 0;
    --stzh-color-orange: rgba(var(--stzh-color-orange-rgb) / 1);
    --stzh-color-orange-hover-rgb: 145 83 0;
    --stzh-color-orange-hover: rgba(var(--stzh-color-orange-hover-rgb) / 1);

    --stzh-color-orange70-rgb: 178 58 1;
    --stzh-color-orange70: rgba(var(--stzh-color-orange70-rgb) / 1);
    --stzh-color-orange70-hover-rgb: 111 38 31;
    --stzh-color-orange70-hover: rgba(var(--stzh-color-orange70-hover-rgb) / 1);

    --stzh-color-red-rgb: 165 26 15;
    --stzh-color-red: rgba(var(--stzh-color-red-rgb) / 1);
    --stzh-color-red-hover-rgb: 99 15 9;
    --stzh-color-red-hover: rgba(var(--stzh-color-red-hover-rgb) / 1);

    --stzh-color-red60-rgb: 220 3 14;
    --stzh-color-red60: rgba(var(--stzh-color-red60-rgb) / 1);
    --stzh-color-red60-hover-rgb: 162 3 9;
    --stzh-color-red60-hover: rgba(var(--stzh-color-red60-hover-rgb) / 1);

    --stzh-color-violet70-rgb: 81 35 128;
    --stzh-color-violet70: rgba(var(--stzh-color-violet70-rgb) / 1);
    --stzh-color-violet70-hover-rgb: 45 19 72;
    --stzh-color-violet70-hover: rgba(var(--stzh-color-violet70-hover-rgb) / 1);

    --stzh-color-winered-rgb: 137 7 42;
    --stzh-color-winered: rgba(var(--stzh-color-winered-rgb) / 1);
    --stzh-color-winered-hover-rgb: 82 4 25;
    --stzh-color-winered-hover: rgba(var(--stzh-color-winered-hover-rgb) / 1);

  --stzh-color-primary-rgb: var(--stzh-color-zueriblue-rgb);
  --stzh-color-primary: rgba(var(--stzh-color-primary-rgb) / 1);
  --stzh-color-primary-hover-rgb: var(--stzh-color-zueribluedark-rgb);
  --stzh-color-primary-hover: rgba(var(--stzh-color-primary-hover-rgb) / 1);
  --stzh-color-primary60op: var(--stzh-color-zueriblue60op);

  --stzh-color-primary88: rgba(var(--stzh-color-primary-rgb) / 0.88);
  --stzh-color-primary72: rgba(var(--stzh-color-primary-rgb) / 0.72);
  --stzh-color-primary64: rgba(var(--stzh-color-primary-rgb) / 0.64);
  --stzh-color-primary56: rgba(var(--stzh-color-primary-rgb) / 0.56);
  --stzh-color-primary48: rgba(var(--stzh-color-primary-rgb) / 0.48);
  --stzh-color-primary32: rgba(var(--stzh-color-primary-rgb) / 0.32);
  --stzh-color-primary16: rgba(var(--stzh-color-primary-rgb) / 0.16);
  --stzh-color-primary8: rgba(var(--stzh-color-primary-rgb) / 0.08);
  --stzh-color-primary4: rgba(var(--stzh-color-primary-rgb) / 0.04);

    /* AOZ */
    --stzh-color-tabasco-rgb: 165 26 15;
    --stzh-color-tabasco: rgba(var(--stzh-color-tabasco-rgb) / 1);
    --stzh-color-mahogany-rgb: 99 15 9;
    --stzh-color-mahogany: rgba(var(--stzh-color-mahogany-rgb) / 1);

    /* UVZ */
    --stzh-color-monza-rgb: 195 0 36;
    --stzh-color-monza: rgba(var(--stzh-color-monza-rgb) / 1);
    --stzh-color-venetianred-rgb: 117 0 21;
    --stzh-color-venetianred: rgba(var(--stzh-color-venetianred-rgb) / 1);
    --stzh-color-scienceblue-rgb: 0 109 197;
    --stzh-color-scienceblue: rgba(var(--stzh-color-scienceblue-rgb) / 1);

    /* VBZ */
    --stzh-color-deepcerulean-rgb: 5 127 172;
    --stzh-color-deepcerulean: rgba(var(--stzh-color-deepcerulean-rgb) / 1);
    --stzh-color-regalblue-rgb: 3 76 103;
    --stzh-color-regalblue: rgba(var(--stzh-color-regalblue-rgb) / 1);
    --stzh-color-coral-rgb: 228 105 76;
    --stzh-color-coral: rgba(var(--stzh-color-coral-rgb) / 1);

    /* PKZH */
    --stzh-color-shakespeare-rgb: 74 150 200;
    --stzh-color-shakespeare: rgba(var(--stzh-color-shakespeare-rgb) / 1);
    --stzh-color-chambray-rgb: 44 90 120;
    --stzh-color-chambray: rgba(var(--stzh-color-chambray-rgb) / 1);

  /* Font */
  --stzh-font-family-light: 'HelveticaNeueLTW01_41488878', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --stzh-font-family-regular: 'HelveticaNeueLTW01_55Roman', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --stzh-font-family-medium: 'HelveticaNeueLTW05_65Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --stzh-font-family-bold: 'HelveticaNeueLTW01_71488914', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --stzh-font-family-heavy: 'HelveticaNeueLTW05_85Heavy', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --stzh-font-family-title: var(--stzh-font-family-heavy);

  --stzh-font-weight-light: normal;
  --stzh-font-weight-regular: normal;
  --stzh-font-weight-medium: normal;
  --stzh-font-weight-bold: normal;
  --stzh-font-weight-heavy: normal;
  --stzh-font-weight-title: normal;

  --stzh-font-style-light: normal;
  --stzh-font-style-regular: normal;
  --stzh-font-style-medium: normal;
  --stzh-font-style-bold: normal;
  --stzh-font-style-heavy: normal;
  --stzh-font-style-title: normal;

  --stzh-font-femto-font-size: 0.625rem;
  --stzh-font-femto-text-line-height: 1;

  --stzh-font-pico-font-size: 0.75rem;
  --stzh-font-pico-text-line-height: 1.6;
  --stzh-font-pico-heading-letter-spacing: 0.01em;

  --stzh-font-nano-font-size: 0.8125rem;
  --stzh-font-nano-text-line-height: 1.6;
  --stzh-font-nano-heading-line-height: 1.4;
  --stzh-font-nano-heading-letter-spacing: 0.01em;

  --stzh-font-micro-font-size: 0.875rem;
  --stzh-font-micro-text-line-height: 1.6;
  --stzh-font-micro-heading-line-height: 1.4;
  --stzh-font-micro-heading-letter-spacing: 0.01em;

  --stzh-font-milli-font-size: 1rem;
  --stzh-font-milli-text-line-height: 1.6;
  --stzh-font-milli-heading-line-height: 1.4;

  --stzh-font-centi-font-size: 1.125rem;
  --stzh-font-centi-text-line-height: 1.6;
  --stzh-font-centi-heading-line-height: 1.4;

  --stzh-font-deci-font-size: 1.25rem;
  --stzh-font-deci-text-line-height: 1.6;
  --stzh-font-deci-heading-line-height: 1.4;

  --stzh-font-regular-font-size: 1.375rem;
  --stzh-font-regular-text-line-height: 1.6;
  --stzh-font-regular-heading-line-height: 1.4;

  --stzh-font-deca-font-size: 1.5rem;
  --stzh-font-deca-text-line-height: 1.2;
  --stzh-font-deca-text-letter-spacing: -0.01em;

  --stzh-font-hecto-font-size: 1.75rem;
  --stzh-font-hecto-text-line-height: 1.2;
  --stzh-font-hecto-text-letter-spacing: -0.01em;

  --stzh-font-kilo-font-size: 2rem;
  --stzh-font-kilo-text-line-height: 1.2;
  --stzh-font-kilo-text-letter-spacing: -0.01em;

  --stzh-font-mega-font-size: 2.5rem;
  --stzh-font-mega-text-line-height: 1.2;
  --stzh-font-mega-text-letter-spacing: -0.01em;

  --stzh-font-giga-font-size: 2.8125rem;
  --stzh-font-giga-text-line-height: 1.2;
  --stzh-font-giga-text-letter-spacing: -0.01em;

  --stzh-font-hero-font-size: 3.75rem;
  --stzh-font-hero-text-line-height: 1.1;
  --stzh-font-hero-text-letter-spacing: -0.01em;

  /* Z-Index */
  --stzh-z-index-deep: -999999;
  --stzh-z-index-default: 1;
  --stzh-z-index-masked: 100;
  --stzh-z-index-mask: 200;
  --stzh-z-index-sticky: 300;
  --stzh-z-index-header: 400;
  --stzh-z-index-toast: 500;
  --stzh-z-index-popover: 600;
  --stzh-z-index-dialog: 700;
  --stzh-z-index-popup: 800;
  --stzh-z-index-overlay: 900;

  /* Spaces */
  --stzh-space-xxxsmall: 0.125rem;
  --stzh-space-xxsmall: 0.25rem;
  --stzh-space-xsmall: 0.5rem;
  --stzh-space-small: 0.75rem;
  --stzh-space-medium: 1rem;
  --stzh-space-large: 1.25rem;
  --stzh-space-xlarge: 1.5rem;
  --stzh-space-xxlarge: 2rem;
  --stzh-space-xxxlarge: 2.5rem;
  --stzh-space-xxxxlarge: 3rem;
  --stzh-space-big: 3.5rem;
  --stzh-space-xbig: 4rem;
  --stzh-space-huge: 5rem;
  --stzh-space-xhuge: 6rem;

  --stzh-space-none: 0.0001px;

  --stzh-space-default: var(--stzh-space-medium);

  /* Box Shadows */
  --stzh-box-shadow-header: 0px -0.125rem 1rem rgba(0 0 0 / 0.16);
  --stzh-box-shadow-popover: 0px 0px 0.25rem rgba(0 0 0 / 0.24);
  --stzh-box-shadow-message: 0px 0px 0.5rem rgba(0 0 0 / 0.24);
  --stzh-box-shadow-overlay: 0px 0.25rem 0.9375rem rgba(0 0 0 / 0.32);

  /* Icon sizes */
  --stzh-icon-size-xxsmall: 0.75rem;
  --stzh-icon-size-xsmall: 1rem;
  --stzh-icon-size-small: 1.25rem;
  --stzh-icon-size-medium: 1.5rem;
  --stzh-icon-size-large: 2.25rem;
  --stzh-icon-size-xlarge: 3rem;

  --stzh-icon-size-default: var(--stzh-icon-size-small);

  /* Gutter */
  --stzh-grid-gutter: 1rem;
  --stzh-grid-gutter-small: 1.25rem;
  --stzh-grid-gutter-medium: 1.5rem;

  /* Base */
  --stzh-base-color: var(--stzh-color-grey61);

  --stzh-base-invert-color-rgb: var(--stzh-color-white-rgb);
  --stzh-base-invert-color: rgba(var(--stzh-color-white-rgb) / 1);
  --stzh-base-invert-color72-alpha: 0.72;
  --stzh-base-invert-color72: rgba(var(--stzh-color-white-rgb) / var(--stzh-base-invert-color72-alpha));
  --stzh-base-invert-color32-alpha: 0.32;
  --stzh-base-invert-color32: rgba(var(--stzh-color-white-rgb) / var(--stzh-base-invert-color32-alpha));
  --stzh-base-invert-color16-alpha: 0.16;
  --stzh-base-invert-color16: rgba(var(--stzh-color-white-rgb) / var(--stzh-base-invert-color16-alpha));
  --stzh-base-invert-background-color: var(--stzh-color-primary);

  --stzh-base-lead-color: var(--stzh-color-grey70);
  --stzh-base-border-color: var(--stzh-color-grey13);
  --stzh-base-transition-animation-speed: 0.3s;

  /* Flyingfocus */
  --stzh-flyingfocus-color: var(--stzh-color-primary);

  /* Links */
  --stzh-link-color: var(--stzh-color-primary);
  --stzh-link-hover-color: var(--stzh-color-primary-hover);
  --stzh-link-text-decoration-thickness: calc(1em / 16);
  --stzh-link-text-underline-offset: calc(2.5em / 16);
  --stzh-link-icon-wrapper-height: 1em;

  /* Buttons */
  --stzh-button-border-radius: 0.1875rem;
  --stzh-button-text-hover-background: rgba(15 5 160 / 0.08);

  /* Richttext */
  --stzh-richtext-blockquote-color: var(--stzh-color-primary);
  --stzh-richtext-blockquote-line-color: var(--stzh-color-primary);
  --stzh-richtext-blockquote-footer-color: var(--stzh-color-grey55);

  /* Section */
  --stzh-section-highlight-color: var(--stzh-color-grey61);
  --stzh-section-highlight-background-color: var(--stzh-color-grey5);
  --stzh-section-highlight-horizontal-padding: var(--stzh-space-medium);

  /* Heading */
  --stzh-heading-color: var(--stzh-color-primary);

  /* Table */
  --stzh-table-max-height: none;
  --stzh-table-min-width: 43.75rem;
  --stzh-table-cell-padding: var(--stzh-space-small) var(--stzh-space-medium);
  --stzh-table-search-input-width: 11rem;

  /* Menu Item */
  --stzh-menu-item-height: 2.375rem;

  /* Inputs / Buttons / Select */
  --stzh-form-input-border-radius: 0.125rem;
  --stzh-form-input-height: 3rem;
  --stzh-form-input-small-height: 2.5rem;
  --stzh-form-input-tiny-height: 2rem;

  /* Popover */
  --stzh-popover-width: 13.9375rem;
  --stzh-popover-min-width: initial;
  --stzh-popover-max-width: initial;
  --stzh-popover-padding: 0px;
  --stzh-popover-border-radius: 0.1875rem;

  /* Tooltips */
  --stzh-tooltip-width: auto;
  --stzh-tooltip-min-width: initial;
  --stzh-tooltip-max-width: 20.875rem;
  --stzh-tooltip-padding: var(--stzh-space-small);
  --stzh-tooltip-border-radius: 0.1875rem;
  --stzh-tooltip-drop-shadow: drop-shadow(0px 0.125rem 0.625rem rgba(0 0 0 / 0.16));

  /* Accordion */
  --stzh-accordion-content-background: var(--stzh-color-grey5);

  /* Overlays / Dialogs */
  --stzh-overlay-backdrop-opacity: 0.8;

  /* Ratios */
  --stzh-ratio-background-color: var(--stzh-color-grey13);

  /** Toasts */
  --stzh-toast-label-font-family: var(--stzh-font-family-heavy);
  --stzh-toast-label-font-weight: var(--stzh-font-weight-heavy);
  --stzh-toast-label-font-style: var(--stzh-font-style-heavy);

  --stzh-toast-background-color: var(--stzh-base-color);
  --stzh-toast-label-color: var(--stzh-base-invert-color);
  --stzh-toast-link-color: var(--stzh-base-invert-color);
  --stzh-toast-button-color: var(--stzh-base-invert-color);
  --stzh-toast-button-invert-background-color-rgb: var(--stzh-base-invert-color-rgb);
  --stzh-toast-hover-link-color: var(--stzh-base-invert-color);

  --stzh-toast-success-background-color: var(--stzh-color-truegreen);
  --stzh-toast-success-label-color: var(--stzh-base-invert-color);
  --stzh-toast-success-link-color: var(--stzh-base-invert-color);
  --stzh-toast-success-button-color: var(--stzh-base-invert-color);
  --stzh-toast-success-button-invert-background-color-rgb: var(--stzh-base-invert-color-rgb);
  --stzh-toast-success-hover-link-color: var(--stzh-base-invert-color);

  --stzh-toast-error-background-color: var(--stzh-color-error);
  --stzh-toast-error-label-color: var(--stzh-base-invert-color);
  --stzh-toast-error-link-color: var(--stzh-base-invert-color);
  --stzh-toast-error-button-color: var(--stzh-base-invert-color);
  --stzh-toast-error-button-invert-background-color-rgb: var(--stzh-base-invert-color-rgb);
  --stzh-toast-error-hover-link-color: var(--stzh-base-invert-color);

  --stzh-toast-warning-background-color: var(--stzh-color-warning);
  --stzh-toast-warning-label-color: var(--stzh-color-grey87);
  --stzh-toast-warning-link-color: var(--stzh-color-grey87);
  --stzh-toast-warning-button-color: var(--stzh-color-grey87);
  --stzh-toast-warning-button-invert-background-color-rgb: var(--stzh-color-grey87-rgb);
  --stzh-toast-warning-hover-link-color: var(--stzh-color-grey87);
}

/* High Retina Mode Color Overwrites */

:root {
  @media (forced-colors: active), (-ms-high-contrast: active) {
    --stzh-base-border-color: CanvasText;
  }
}

.stzh-theme-aoz {
  --stzh-color-primary-rgb: var(--stzh-color-tabasco-rgb);
  --stzh-color-primary-hover-rgb: var(--stzh-color-mahogany-rgb);
  --stzh-color-primary60op: rgba(203 122 115 / 1);

  --stzh-button-text-hover-background: rgba(165 26 15 / 0.08);
}

.stzh-theme-vbz {
  --stzh-color-primary-rgb: var(--stzh-color-deepcerulean-rgb);
  --stzh-color-primary-hover-rgb: var(--stzh-color-regalblue-rgb);
  --stzh-color-primary60op: rgba(123 178 206 / 1);

  --stzh-font-family-heavy: var(--stzh-font-family-bold);
  --stzh-font-family-title: var(--stzh-font-family-light);

  --stzh-button-text-hover-background: rgba(5 127 172 / 0.08);

  /** Toasts */
  --stzh-toast-label-font-family: var(--stzh-font-family-regular);
  --stzh-toast-label-font-weight: var(--stzh-font-weight-regular);
  --stzh-toast-label-font-style: var(--stzh-font-style-regular);

  --stzh-toast-background-color: var(--stzh-color-white);
  --stzh-toast-label-color: var(--stzh-base-color);
  --stzh-toast-link-color: var(--stzh-color-primary);
  --stzh-toast-button-color: var(--stzh-color-primary);
  --stzh-toast-button-invert-background-color-rgb: var(--stzh-color-primary-rgb);

  --stzh-toast-hover-link-color: var(--stzh-color-primary-hover);
}

.stzh-theme-uvz {
  --stzh-color-primary-rgb: var(--stzh-color-monza-rgb);
  --stzh-color-primary-hover-rgb: var(--stzh-color-venetianred-rgb);
  --stzh-color-primary60op: rgba(223 119 126 / 1);

  --stzh-button-text-hover-background: rgba(195 0 36 / 0.08);
  --stzh-link-color: var(--stzh-color-scienceblue);
  --stzh-heading-color: var(--stzh-color-grey70);
}

.stzh-theme-pkzh {
  --stzh-pkzh-font-family: Verdana, 'Geneva', 'Helvetica Neue', Helvetica, Arial, sans-serif;

  --stzh-color-primary-rgb: var(--stzh-color-shakespeare-rgb);
  --stzh-color-primary-hover-rgb: var(--stzh-color-chambray-rgb);
  --stzh-color-primary60op: rgba(149 192 222 / 1);

  --stzh-font-family-light: var(--stzh-pkzh-font-family);
  --stzh-font-family-regular: var(--stzh-pkzh-font-family);
  --stzh-font-family-medium: var(--stzh-pkzh-font-family);
  --stzh-font-family-bold: var(--stzh-pkzh-font-family);
  --stzh-font-family-heavy: var(--stzh-pkzh-font-family);

  --stzh-font-weight-light: 300;
  --stzh-font-weight-regular: normal;
  --stzh-font-weight-medium: 500;
  --stzh-font-weight-bold: 700;
  --stzh-font-weight-heavy: 800;

  --stzh-button-text-hover-background: rgba(74 150 200 / 0.08);
}

.stzh-theme-ms-aoz-agenda {
  --stzh-color-primary-rgb: var(--stzh-color-aoz-agenda-rgb);
  --stzh-color-primary-hover-rgb: var(--stzh-color-aoz-agenda-hover-rgb);
  --stzh-color-primary60op: rgba(136 187 184 / 1);
}

.stzh-theme-ms-cool-grey60 {
  --stzh-color-primary-rgb: var(--stzh-color-cool-grey60-rgb);
  --stzh-color-primary-hover-rgb: var(--stzh-color-cool-grey60-hover-rgb);
  --stzh-color-primary60op: rgba(157 174 180 / 1);
}

.stzh-theme-ms-cobalt-blue60 {
  --stzh-color-primary-rgb: var(--stzh-color-cobalt-blue60-rgb);
  --stzh-color-primary-hover-rgb: var(--stzh-color-cobalt-blue60-hover-rgb);
  --stzh-color-primary60op: rgba(114 152 235 / 1);
}

.stzh-theme-ms-shamrock-green70 {
  --stzh-color-primary-rgb: var(--stzh-color-shamrock-green70-rgb);
  --stzh-color-primary-hover-rgb: var(--stzh-color-shamrock-green70-hover-rgb);
  --stzh-color-primary60op: rgba(122 172 124 / 1);
}

.stzh-theme-ms-lime-green80 {
  --stzh-color-primary-rgb: var(--stzh-color-lime-green80-rgb);
  --stzh-color-primary-hover-rgb: var(--stzh-color-lime-green80-hover-rgb);
  --stzh-color-primary60op: rgba(139 162 118 / 1);
}

.stzh-theme-ms-magenta70 {
  --stzh-color-primary-rgb: var(--stzh-color-magenta70-rgb);
  --stzh-color-primary-hover-rgb: var(--stzh-color-magenta70-hover-rgb);
  --stzh-color-primary60op: rgba(195 113 155 / 1);
}

.stzh-theme-ms-ocher70 {
  --stzh-color-primary-rgb: var(--stzh-color-ocher70-rgb);
  --stzh-color-primary-hover-rgb: var(--stzh-color-ocher70-hover-rgb);
  --stzh-color-primary60op: rgba(195 157 114 / 1);
}

.stzh-theme-ms-orange {
  --stzh-color-primary-rgb: var(--stzh-color-orange-rgb);
  --stzh-color-primary-hover-rgb: var(--stzh-color-orange-hover-rgb);
  --stzh-color-primary60op: rgba(249 185 125 / 1);
}

.stzh-theme-ms-orange70 {
  --stzh-color-primary-rgb: var(--stzh-color-orange70-rgb);
  --stzh-color-primary-hover-rgb: var(--stzh-color-orange70-hover-rgb);
  --stzh-color-primary60op: rgba(211 139 113 / 1);
}

.stzh-theme-ms-red {
  --stzh-color-primary-rgb: var(--stzh-color-red-rgb);
  --stzh-color-primary-hover-rgb: var(--stzh-color-red-hover-rgb);
  --stzh-color-primary60op: rgba(204 123 116 / 1);
}

.stzh-theme-ms-red60 {
  --stzh-color-primary-rgb: var(--stzh-color-red60-rgb);
  --stzh-color-primary-hover-rgb: var(--stzh-color-red60-hover-rgb);
  --stzh-color-primary60op: rgba(237 122 120 / 1);
}

.stzh-theme-ms-violet70 {
  --stzh-color-primary-rgb: var(--stzh-color-violet70-rgb);
  --stzh-color-primary-hover-rgb: var(--stzh-color-violet70-hover-rgb);
  --stzh-color-primary60op: rgba(151 124 180 / 1);
}

.stzh-theme-ms-winered {
  --stzh-color-primary-rgb: var(--stzh-color-winered-rgb);
  --stzh-color-primary-hover-rgb: var(--stzh-color-winered-hover-rgb);
  --stzh-color-primary60op: rgba(187 115 128 / 1);
}

.stzh-theme-ma {
  --stzh-section-highlight-background-color: var(--stzh-color-white);

  background-color: var(--stzh-color-grey5);
}