.mds-main-navigation ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: var(--spacer-default, 1rem);
  align-items: center;
}
.mds-main-navigation li {
  margin: 0;
}
.mds-main-navigation a,
.mds-main-navigation button {
  display: inline-block;
  padding: var(--spacer-half, 0.5rem) var(--spacer-default, 1rem);
  text-decoration: none;
  color: var(--color-body, #333);
  font-size: var(--font-text--size, 1rem);
  font-weight: 500;
  transition: color 0.2s, background-color 0.2s;
  border-radius: 4px;
  cursor: pointer;
  background: transparent;
  border: none;
}
.mds-main-navigation a:hover,
.mds-main-navigation button:hover {
  color: var(--color-medi-magenta-100, #6a1b49);
  background-color: var(--color-medi-light-grey-25, #f5f5f5);
}
.mds-main-navigation a[aria-current=page],
.mds-main-navigation button[aria-current=page] {
  color: var(--color-medi-magenta-100, #6a1b49);
  font-weight: 700;
  background-color: var(--color-medi-light-grey-25, #f5f5f5);
}.loading {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  font-size: 1.125rem;
}

.app {
  display: flex;
  flex-direction: column;
  height: 100vh;
  overflow: hidden;
}
.app .app-main {
  flex: 1;
  overflow-y: auto;
}
.app .mds-main-navigation,
.app footer {
  flex-shrink: 0;
}

.auth-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  flex-direction: column;
  gap: 1rem;
}
.auth-container .auth-title {
  font-size: 1.5rem;
  font-weight: bold;
}
.auth-container .auth-message {
  font-size: 1rem;
}

.app-footer .mds-g-wrap {
  padding-top: 10px !important;
}

.mds-m-alert-no-margin {
  margin: 0 !important;
}

.mds-m-alert-as-hint {
  margin: 0 !important;
  opacity: 1 !important;
}:root {
  --mds-a-headline--color: inherit;
  --mds-a-headline--font-size: var(--font-h3--size);
  --mds-a-headline--line-height: var(--font-h3--height);
  --mds-a-headline--margin-top: var(--font-h3--top-margin);
  --mds-a-headline--margin-bottom: var(--font-h3--bottom-margin);
}

.mds-a-headline {
  display: block;
  width: 100%;
}
.mds-a-headline > * {
  display: block;
  color: var(--mds-a-headline--color);
  font-size: var(--mds-a-headline--font-size);
  line-height: var(--mds-a-headline--line-height);
  font-weight: 600;
  margin-top: var(--mds-a-headline--margin-top);
  margin-bottom: var(--mds-a-headline--margin-bottom);
}
.mds-a-headline > * sup {
  font-size: 0.6em;
  font-weight: 400;
}
.mds-a-headline[data-headline-size=h1] {
  --mds-a-headline--font-size: var(--font-h2--size);
  --mds-a-headline--line-height: var(--font-h2--height);
  --mds-a-headline--margin-top: var(--font-h2--top-margin);
  --mds-a-headline--margin-bottom: var(--font-h2--bottom-margin);
}
@media (min-width: 768px) {
  .mds-a-headline[data-headline-size=h1] {
    --mds-a-headline--font-size: var(--font-h1--size);
    --mds-a-headline--line-height: var(--font-h1--height);
    --mds-a-headline--margin-top: var(--font-h1--top-margin);
    --mds-a-headline--margin-bottom: var(--font-h1--bottom-margin);
  }
}
.mds-a-headline[data-headline-size=h2] {
  --mds-a-headline--font-size: var(--font-h3--size);
  --mds-a-headline--line-height: var(--font-h3--height);
  --mds-a-headline--margin-top: var(--font-h3--top-margin);
  --mds-a-headline--margin-bottom: var(--font-h3--bottom-margin);
}
@media (min-width: 768px) {
  .mds-a-headline[data-headline-size=h2] {
    --mds-a-headline--font-size: var(--font-h2--size);
    --mds-a-headline--line-height: var(--font-h2--height);
    --mds-a-headline--margin-top: var(--font-h2--top-margin);
    --mds-a-headline--margin-bottom: var(--font-h2--bottom-margin);
  }
}
.mds-a-headline[data-headline-size=h3] {
  --mds-a-headline--font-size: var(--font-h4--size);
  --mds-a-headline--line-height: var(--font-h4--height);
  --mds-a-headline--margin-top: var(--font-h4--top-margin);
  --mds-a-headline--margin-bottom: var(--font-h4--bottom-margin);
}
@media (min-width: 768px) {
  .mds-a-headline[data-headline-size=h3] {
    --mds-a-headline--font-size: var(--font-h3--size);
    --mds-a-headline--line-height: var(--font-h3--height);
    --mds-a-headline--margin-top: var(--font-h3--top-margin);
    --mds-a-headline--margin-bottom: var(--font-h3--bottom-margin);
  }
}
.mds-a-headline[data-headline-size=h4] {
  --mds-a-headline--font-size: var(--font-h5--size);
  --mds-a-headline--line-height: var(--font-h5--height);
  --mds-a-headline--margin-top: var(--font-h5--top-margin);
  --mds-a-headline--margin-bottom: var(--font-h5--bottom-margin);
}
@media (min-width: 768px) {
  .mds-a-headline[data-headline-size=h4] {
    --mds-a-headline--font-size: var(--font-h4--size);
    --mds-a-headline--line-height: var(--font-h4--height);
    --mds-a-headline--margin-top: var(--font-h4--top-margin);
    --mds-a-headline--margin-bottom: var(--font-h4--bottom-margin);
  }
}
.mds-a-headline[data-headline-size=h5] {
  --mds-a-headline--font-size: var(--font-h6--size);
  --mds-a-headline--line-height: var(--font-h6--height);
  --mds-a-headline--margin-top: var(--font-h6--top-margin);
  --mds-a-headline--margin-bottom: var(--font-h6--bottom-margin);
}
@media (min-width: 768px) {
  .mds-a-headline[data-headline-size=h5] {
    --mds-a-headline--font-size: var(--font-h5--size);
    --mds-a-headline--line-height: var(--font-h5--height);
    --mds-a-headline--margin-top: var(--font-h5--top-margin);
    --mds-a-headline--margin-bottom: var(--font-h5--bottom-margin);
  }
}
.mds-a-headline[data-headline-size=h5]:has(+ .mds-o-slider) {
  --mds-a-headline--margin-bottom: var(--spacer-single);
}
.mds-a-headline[data-headline-size=h6] {
  --mds-a-headline--font-size: var(--font-h6--size);
  --mds-a-headline--line-height: var(--font-h6--height);
  --mds-a-headline--margin-top: var(--font-h6--top-margin);
  --mds-a-headline--margin-bottom: var(--font-h6--bottom-margin);
}
.mds-a-headline:first-child {
  --mds-a-headline--margin-top: 0;
}
h1:not(.mds-a-headline > *), h2:not(.mds-a-headline > *), h3:not(.mds-a-headline > *), h4:not(.mds-a-headline > *), h5:not(.mds-a-headline > *), h6:not(.mds-a-headline > *) {
  font-size: var(--mds-a-headline--font-size);
  font-weight: 600;
  line-height: var(--mds-a-headline--line-height);
  margin-top: var(--mds-a-headline--margin-top);
  margin-bottom: var(--mds-a-headline--margin-bottom);
}

h1:not(.mds-a-headline > *) {
  --mds-a-headline--font-size: var(--font-h2--size);
  --mds-a-headline--line-height: var(--font-h2--height);
  --mds-a-headline--margin-top: var(--font-h2--top-margin);
  --mds-a-headline--margin-bottom: var(--font-h2--bottom-margin);
}
@media (min-width: 768px) {
  h1:not(.mds-a-headline > *) {
    --mds-a-headline--font-size: var(--font-h1--size);
    --mds-a-headline--line-height: var(--font-h1--height);
    --mds-a-headline--margin-top: var(--font-h1--top-margin);
    --mds-a-headline--margin-bottom: var(--font-h1--bottom-margin);
  }
}

h2:not(.mds-a-headline > *) {
  --mds-a-headline--font-size: var(--font-h3--size);
  --mds-a-headline--line-height: var(--font-h3--height);
  --mds-a-headline--margin-top: var(--font-h3--top-margin);
  --mds-a-headline--margin-bottom: var(--font-h3--bottom-margin);
}
@media (min-width: 768px) {
  h2:not(.mds-a-headline > *) {
    --mds-a-headline--font-size: var(--font-h2--size);
    --mds-a-headline--line-height: var(--font-h2--height);
    --mds-a-headline--margin-top: var(--font-h2--top-margin);
    --mds-a-headline--margin-bottom: var(--font-h2--bottom-margin);
  }
}

h3:not(.mds-a-headline > *) {
  --mds-a-headline--font-size: var(--font-h4--size);
  --mds-a-headline--line-height: var(--font-h4--height);
  --mds-a-headline--margin-top: var(--font-h4--top-margin);
  --mds-a-headline--margin-bottom: var(--font-h4--bottom-margin);
}
@media (min-width: 768px) {
  h3:not(.mds-a-headline > *) {
    --mds-a-headline--font-size: var(--font-h3--size);
    --mds-a-headline--line-height: var(--font-h3--height);
    --mds-a-headline--margin-top: var(--font-h3--top-margin);
    --mds-a-headline--margin-bottom: var(--font-h3--bottom-margin);
  }
}

h4:not(.mds-a-headline > *) {
  --mds-a-headline--font-size: var(--font-h5--size);
  --mds-a-headline--line-height: var(--font-h5--height);
  --mds-a-headline--margin-top: var(--font-h5--top-margin);
  --mds-a-headline--margin-bottom: var(--font-h5--bottom-margin);
}
@media (min-width: 768px) {
  h4:not(.mds-a-headline > *) {
    --mds-a-headline--font-size: var(--font-h4--size);
    --mds-a-headline--line-height: var(--font-h4--height);
    --mds-a-headline--margin-top: var(--font-h4--top-margin);
    --mds-a-headline--margin-bottom: var(--font-h4--bottom-margin);
  }
}

h5:not(.mds-a-headline > *) {
  --mds-a-headline--font-size: var(--font-h6--size);
  --mds-a-headline--line-height: var(--font-h6--height);
  --mds-a-headline--margin-top: var(--font-h6--top-margin);
  --mds-a-headline--margin-bottom: var(--font-h6--bottom-margin);
}
@media (min-width: 768px) {
  h5:not(.mds-a-headline > *) {
    --mds-a-headline--font-size: var(--font-h5--size);
    --mds-a-headline--line-height: var(--font-h5--height);
    --mds-a-headline--margin-top: var(--font-h5--top-margin);
    --mds-a-headline--margin-bottom: var(--font-h5--bottom-margin);
  }
}

h6:not(.mds-a-headline > *) {
  --mds-a-headline--font-size: var(--font-h6--size);
  --mds-a-headline--line-height: var(--font-h6--height);
  --mds-a-headline--margin-top: var(--font-h6--top-margin);
  --mds-a-headline--margin-bottom: var(--font-h6--bottom-margin);
}
:root {
  --mds-a-icon--size: 32px;
  --mds-a-icon--color: currentColor;
  --mds-a-icon--color--hover: currentColor;
}

.mds-a-icon {
  display: inline-block;
  vertical-align: middle;
  height: var(--mds-a-icon--size);
  width: var(--mds-a-icon--size);
}
.mds-a-icon .mds-a-icon__icon {
  fill: var(--mds-a-icon--color);
}
.mds-a-icon:hover .mds-a-icon__icon {
  fill: var(--mds-a-icon--color--hover);
}
.mds-a-icon[data-icon*=language-flags], .mds-a-icon[data-icon*=country-flags] {
  clip-path: circle(31.25% at 50% 50%);
}
.mds-a-icon[data-icon*=language-flags] > svg, .mds-a-icon[data-icon*=country-flags] > svg {
  display: block;
  width: 100%;
  height: 100%;
}
:root {
  --mds-a-image--aspect-ratio: 16 / 9;
}

.mds-a-image {
  display: block;
  background-color: inherit;
  text-align: left;
}
.mds-a-image .mds-a-image__content {
  padding-top: calc(1 / (var(--mds-a-image--aspect-ratio)) * 100%);
  position: relative;
  overflow: hidden;
}
.mds-a-image .mds-a-image__content .mds-a-image__image {
  display: block;
  width: 100%;
  max-width: 100%;
  position: absolute;
  top: 0;
  background: transparent;
}
.mds-a-image .mds-a-image__content .mds-a-image__image.is-not-yet-loaded {
  opacity: 0;
}
.mds-a-image .mds-a-image__caption:not(:empty) {
  background-color: inherit;
  display: block;
  position: relative;
  margin: 0;
  padding-top: var(--spacer-half);
}
.mds-a-image[data-aspect-ratio="2:3"] {
  --mds-a-image--aspect-ratio: 2 / 3;
}
.mds-a-image[data-aspect-ratio="1:1"] {
  --mds-a-image--aspect-ratio: 1 / 1;
}
.mds-a-image[data-open-in-modal=true] .mds-a-image__content {
  cursor: pointer;
}
.mds-a-image[data-open-in-modal=true] .mds-a-image__content .mds-a-image__zoom-icon-wrap {
  display: block;
  position: absolute;
  right: var(--spacer-half);
  bottom: var(--spacer-half);
  background-color: var(--color-black-transparency-70);
  line-height: var(--spacer-double);
  color: var(--color-white-negative);
}
.mds-a-image[data-open-in-modal=true] .mds-a-image__content .mds-a-image__zoom-icon-wrap .mds-a-icon {
  display: block;
}
.mds-a-image[data-open-in-modal=true] .mds-a-image__content:hover .mds-a-image__zoom-icon-wrap {
  background-color: var(--color-black-transparency-50);
}
:root {
  --mds-a-logo--width: 48px;
}

.mds-a-logo {
  display: inline-block;
  width: var(--mds-a-logo--width);
  height: auto;
}
.mds-a-logo > svg {
  display: block;
}
:root {
  --mds-a-rating-input--value-width: 0% ;
}

.mds-a-rating-input {
  display: flex;
  position: relative;
  background: linear-gradient(to right, var(--color-medi-grey-100) 0%, var(--color-medi-grey-100) var(--mds-a-rating-input--value-width), transparent var(--mds-a-rating-input--value-width), transparent 100%);
}
.mds-a-rating-input[data-readonly=true] {
  pointer-events: none;
}
.mds-a-rating-input .mds-a-rating-input__input {
  position: absolute;
  z-index: -1;
  margin: 0;
  top: 13px;
  left: 21px;
  opacity: 0;
}
.mds-a-rating-input .mds-a-rating-input__input + .mds-a-rating-input__label {
  margin: 0;
  padding: 0;
  flex: 1 0 20%;
  aspect-ratio: 1;
  background-image: url("data:image/svg+xml;utf8,<svg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M40 40H0V0H40V40ZM19.9971 7.87988C19.5614 7.87994 19.164 8.12649 18.9746 8.51953L15.7256 15.2109L8.46973 16.2861C8.04348 16.3477 7.68827 16.6466 7.55566 17.0586C7.42312 17.4706 7.53193 17.9157 7.83496 18.2188L13.0967 23.4336L11.8555 30.7979C11.7845 31.224 11.9603 31.6554 12.3154 31.9111C12.6706 32.1667 13.1349 32.1948 13.5137 31.9912L20.002 28.5244L26.4902 31.9912H26.4854C26.8688 32.1948 27.3332 32.1666 27.6836 31.9111C28.034 31.6554 28.2145 31.224 28.1436 30.7979L26.8975 23.4336L32.1641 18.2139C32.4719 17.9108 32.576 17.461 32.4434 17.0537C32.3107 16.6464 31.9555 16.3485 31.5293 16.2822L24.2695 15.2109L21.0205 8.51953C20.8311 8.12644 20.4328 7.87988 19.9971 7.87988Z' fill='white'/> </svg>");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
.mds-g-wrap[data-variant=medi-light-grey-25] .mds-a-rating-input .mds-a-rating-input__input + .mds-a-rating-input__label {
  background-image: url("data:image/svg+xml;utf8,<svg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M40 40H0V0H40V40ZM19.9971 7.87988C19.5614 7.87994 19.164 8.12649 18.9746 8.51953L15.7256 15.2109L8.46973 16.2861C8.04348 16.3477 7.68827 16.6466 7.55566 17.0586C7.42312 17.4706 7.53193 17.9157 7.83496 18.2188L13.0967 23.4336L11.8555 30.7979C11.7845 31.224 11.9603 31.6554 12.3154 31.9111C12.6706 32.1667 13.1349 32.1948 13.5137 31.9912L20.002 28.5244L26.4902 31.9912H26.4854C26.8688 32.1948 27.3332 32.1666 27.6836 31.9111C28.034 31.6554 28.2145 31.224 28.1436 30.7979L26.8975 23.4336L32.1641 18.2139C32.4719 17.9108 32.576 17.461 32.4434 17.0537C32.3107 16.6464 31.9555 16.3485 31.5293 16.2822L24.2695 15.2109L21.0205 8.51953C20.8311 8.12644 20.4328 7.87988 19.9971 7.87988Z' fill='%23E9EDF0'/> </svg>");
}

.mds-a-rating-input .mds-a-rating-input__input + .mds-a-rating-input__label:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  border: 0;
}
.mds-a-rating-input .mds-a-rating-input__input + .mds-a-rating-input__label:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url("data:image/svg+xml;utf8,<svg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M17.0893 15.8744L19.9972 9.88335L22.9052 15.8744C23.123 16.3244 23.5493 16.637 24.0465 16.7127L30.5539 17.6741L25.8273 22.3534C25.4768 22.6991 25.3158 23.1964 25.4011 23.6842L26.514 30.291L20.7124 27.1889C20.2672 26.9521 19.732 26.9521 19.2821 27.1889L13.4757 30.291L14.5887 23.6842C14.6692 23.1964 14.5129 22.7038 14.1624 22.3534L9.44057 17.6741L15.9479 16.7127C16.4452 16.6417 16.8714 16.3244 17.0893 15.8744ZM26.4856 31.9912C26.8692 32.1949 27.3334 32.1665 27.6838 31.9107C28.0343 31.655 28.2143 31.224 28.1432 30.7977L26.8976 23.4332L32.1641 18.2141C32.472 17.9109 32.5762 17.461 32.4436 17.0537C32.3109 16.6464 31.9557 16.3481 31.5295 16.2817L24.2691 15.2114L21.0202 8.51937C20.8308 8.12628 20.4329 7.88 19.9972 7.88C19.5615 7.88 19.1637 8.12628 18.9742 8.51937L15.7253 15.2114L8.46968 16.2865C8.04344 16.3481 7.68823 16.6464 7.55563 17.0585C7.42302 17.4705 7.53195 17.9157 7.83505 18.2188L13.0968 23.4332L11.856 30.7977C11.7849 31.224 11.9601 31.655 12.3154 31.9107C12.6706 32.1665 13.1347 32.1949 13.5136 31.9912L20.002 28.5244L26.4903 31.9912H26.4856Z' fill='%2348586A'/></svg>");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
.mds-a-rating-input .mds-a-rating-input__input + .mds-a-rating-input__label + .mds-a-rating-input__input {
  margin: 0;
}
.mds-a-rating-input .mds-a-rating-input__input + .mds-a-rating-input__label + .mds-a-rating-input__input + .mds-a-rating-input__label {
  margin: 0;
}
.mds-a-rating-input .mds-a-rating-input__input + .mds-a-rating-input__label:hover, .mds-a-rating-input .mds-a-rating-input__input + .mds-a-rating-input__label:has(~ .mds-a-rating-input__input:hover) {
  background-color: var(--color-medi-magenta-100);
}
.mds-a-rating-input .mds-a-rating-input__input + .mds-a-rating-input__label:hover:after, .mds-a-rating-input .mds-a-rating-input__input + .mds-a-rating-input__label:has(~ .mds-a-rating-input__input:hover):after {
  display: none;
}
.mds-a-rating-input .mds-a-rating-input__input:checked + .mds-a-rating-input__label, .mds-a-rating-input .mds-a-rating-input__input:has(~ .mds-a-rating-input__input:checked) + .mds-a-rating-input__label {
  background-color: var(--color-medi-grey-100);
}
.mds-a-rating-input .mds-a-rating-input__input:checked + .mds-a-rating-input__label:hover, .mds-a-rating-input .mds-a-rating-input__input:checked + .mds-a-rating-input__label:has(~ .mds-a-rating-input__input:hover), .mds-a-rating-input .mds-a-rating-input__input:has(~ .mds-a-rating-input__input:checked) + .mds-a-rating-input__label:hover, .mds-a-rating-input .mds-a-rating-input__input:has(~ .mds-a-rating-input__input:checked) + .mds-a-rating-input__label:has(~ .mds-a-rating-input__input:hover) {
  background-color: var(--color-medi-magenta-100);
}
.mds-a-rating-input .mds-a-rating-input__input:focus:not(:focus-visible) + .mds-a-rating-input__label:before {
  outline: 0;
}
.mds-a-rating-input:has(.mds-a-rating-input__input:checked) .mds-a-rating-input__input:focus-visible + .mds-a-rating-input__label,
.mds-a-rating-input:has(.mds-a-rating-input__input:checked) .mds-a-rating-input__input:has(~ .mds-a-rating-input__input:focus-visible) + .mds-a-rating-input__label {
  background-color: var(--color-medi-magenta-100);
}
.mds-a-rating-input + .mds-m-alert {
  opacity: 0;
  max-height: 0;
  margin: 0;
  transition: opacity 0.3s linear, max-height 0.3s linear;
}
.mds-a-rating-input + .mds-m-alert .mds-m-alert__wrap .mds-m-alert__icon-wrap .mds-m-alert__icon {
  --mds-a-icon--size: 18px;
}
.mds-a-rating-input:has(.mds-a-rating-input__input:invalid) + .mds-m-alert {
  opacity: 1;
  max-height: 100px;
}
.mds-a-text {
  display: block;
  text-align: left;
}
.mds-a-text p .mds-m-button, .mds-a-text li .mds-m-button {
  vertical-align: middle;
}
.mds-a-text .mds-a-icon {
  --mds-a-icon--size: 26px;
  margin-right: var(--spacer-quarter);
  vertical-align: bottom;
}
.mds-a-text .mds-a-icon:has(+ p) {
  float: left;
  margin-top: -1px;
}
.mds-a-text .mds-a-icon:has(+ p) + p {
  overflow: hidden;
}
.mds-a-text:first-child > *:first-child {
  margin-top: 0;
}
.mds-a-text:last-child > *:last-child {
  margin-bottom: 0;
}
:root {
  --mds-g-block-grid--spacing: var(--spacer-single);
  --mds-g-block-grid--column-count: 1;
}

.mds-g-block-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  width: 100%;
  background-color: inherit;
  gap: var(--mds-g-block-grid--spacing);
  --mds-g-block-grid--gap-count: calc(var(--mds-g-block-grid--column-count) - 1);
}
.mds-g-block-grid > .mds-g-block-grid__item {
  width: calc((100% - var(--mds-g-block-grid--spacing) * var(--mds-g-block-grid--gap-count)) / var(--mds-g-block-grid--column-count));
  background-color: inherit;
}
.mds-g-block-grid > .mds-g-block-grid__item > * {
  width: 100%;
}
.mds-g-block-grid[data-xs="2"] {
  --mds-g-block-grid--column-count: 2;
}
@media (min-width: 576px) {
  .mds-g-block-grid[data-sm="1"] {
    --mds-g-block-grid--column-count: 1;
  }
  .mds-g-block-grid[data-sm="2"] {
    --mds-g-block-grid--column-count: 2;
  }
}
@media (min-width: 768px) {
  .mds-g-block-grid[data-md="1"] {
    --mds-g-block-grid--column-count: 1;
  }
  .mds-g-block-grid[data-md="2"] {
    --mds-g-block-grid--column-count: 2;
  }
  .mds-g-block-grid[data-md="3"] {
    --mds-g-block-grid--column-count: 3;
  }
  .mds-g-block-grid[data-md="4"] {
    --mds-g-block-grid--column-count: 4;
  }
}
@media (min-width: 992px) {
  .mds-g-block-grid {
    --mds-g-block-grid--spacing: var(--spacer-bigger);
  }
  .mds-g-block-grid[data-lg="1"] {
    --mds-g-block-grid--column-count: 1;
  }
  .mds-g-block-grid[data-lg="2"] {
    --mds-g-block-grid--column-count: 2;
  }
  .mds-g-block-grid[data-lg="3"] {
    --mds-g-block-grid--column-count: 3;
  }
  .mds-g-block-grid[data-lg="4"] {
    --mds-g-block-grid--column-count: 4;
  }
  .mds-g-block-grid[data-lg="6"] {
    --mds-g-block-grid--column-count: 6;
  }
}
@media (min-width: 1200px) {
  .mds-g-block-grid[data-xl="1"] {
    --mds-g-block-grid--column-count: 1;
  }
  .mds-g-block-grid[data-xl="2"] {
    --mds-g-block-grid--column-count: 2;
  }
  .mds-g-block-grid[data-xl="3"] {
    --mds-g-block-grid--column-count: 3;
  }
  .mds-g-block-grid[data-xl="4"] {
    --mds-g-block-grid--column-count: 4;
  }
  .mds-g-block-grid[data-xl="6"] {
    --mds-g-block-grid--column-count: 6;
  }
}
@media (min-width: 1600px) {
  .mds-g-block-grid[data-xxl="1"] {
    --mds-g-block-grid--column-count: 1;
  }
  .mds-g-block-grid[data-xxl="2"] {
    --mds-g-block-grid--column-count: 2;
  }
  .mds-g-block-grid[data-xxl="3"] {
    --mds-g-block-grid--column-count: 3;
  }
  .mds-g-block-grid[data-xxl="4"] {
    --mds-g-block-grid--column-count: 4;
  }
  .mds-g-block-grid[data-xxl="6"] {
    --mds-g-block-grid--column-count: 6;
  }
}
.mds-g-block-grid[data-items-align=center] {
  justify-content: center;
}
.mds-g-block-grid[data-equal-height-items=true] > .mds-g-block-grid__item {
  display: flex;
}
.mds-g-block-grid[data-items-horizontally-centered=true] {
  align-items: center;
}
:root {
  --mds-g-wrap--background-color: transparent;
  --mds-g-wrap--max-width: 100%;
}

.mds-g-wrap {
  display: block;
  width: 100%;
  background-color: var(--mds-g-wrap--background-color);
  background-repeat: no-repeat;
  background-position: center;
  color: inherit;
  text-align: left;
}
.mds-g-wrap .mds-g-wrap__container {
  background-color: inherit;
  margin: auto;
  max-width: var(--mds-g-wrap--max-width);
  padding: 0 var(--spacer-single);
}
@media (min-width: 768px) {
  .mds-g-wrap .mds-g-wrap__container {
    padding: 0 var(--spacer-double);
  }
}
@media (min-width: 992px) {
  .mds-g-wrap .mds-g-wrap__container {
    padding: 0 var(--spacer-two-and-half);
  }
}
@media (min-width: 1200px) {
  .mds-g-wrap .mds-g-wrap__container {
    padding: 0;
  }
}
.mds-g-wrap[data-top-spacing=default] {
  padding-top: var(--spacer-double);
}
@media (min-width: 768px) {
  .mds-g-wrap[data-top-spacing=default] {
    padding-top: var(--spacer-three-and-half);
  }
}
@media (min-width: 1200px) {
  .mds-g-wrap[data-top-spacing=default] {
    padding-top: var(--spacer-four-and-half);
  }
}
.mds-g-wrap[data-top-spacing=half] {
  padding-top: calc(var(--spacer-double) / 2);
}
@media (min-width: 768px) {
  .mds-g-wrap[data-top-spacing=half] {
    padding-top: calc(var(--spacer-three-and-half) / 2);
  }
}
@media (min-width: 1200px) {
  .mds-g-wrap[data-top-spacing=half] {
    padding-top: calc(var(--spacer-four-and-half) / 2);
  }
}
.mds-g-wrap[data-bottom-spacing=default] {
  padding-bottom: var(--spacer-double);
}
@media (min-width: 768px) {
  .mds-g-wrap[data-bottom-spacing=default] {
    padding-bottom: var(--spacer-three-and-half);
  }
}
@media (min-width: 1200px) {
  .mds-g-wrap[data-bottom-spacing=default] {
    padding-bottom: var(--spacer-four-and-half);
  }
}
.mds-g-wrap[data-bottom-spacing=half] {
  padding-bottom: calc(var(--spacer-double) / 2);
}
@media (min-width: 768px) {
  .mds-g-wrap[data-bottom-spacing=half] {
    padding-bottom: calc(var(--spacer-three-and-half) / 2);
  }
}
@media (min-width: 1200px) {
  .mds-g-wrap[data-bottom-spacing=half] {
    padding-bottom: calc(var(--spacer-four-and-half) / 2);
  }
}
.mds-g-wrap[data-variant=medi-light-grey-25] {
  --mds-g-wrap--background-color: var(--color-medi-light-grey-25);
}
.mds-g-wrap[data-variant=medi-grey-100] {
  --mds-g-wrap--background-color: var(--color-medi-grey-100);
  color: var(--color-white-negative);
}
.mds-g-wrap[data-full-width=true] .mds-g-wrap__container {
  --mds-g-wrap--max-width: none;
  padding: 0;
}
@media (min-width: 992px) {
  .mds-g-wrap[data-narrow-content=true]:not([data-full-width=true]) .mds-g-wrap__container {
    --mds-g-wrap--max-width: 678px;
    padding: 0;
  }
}
@media (min-width: 1200px) {
  .mds-g-wrap[data-narrow-content=true]:not([data-full-width=true]) .mds-g-wrap__container {
    --mds-g-wrap--max-width: 920px;
  }
}
@media (min-width: 1200px) {
  .mds-g-wrap[data-narrow-content=xl] .mds-g-wrap__container {
    --mds-g-wrap--max-width: 920px;
  }
}

@media (min-width: 0) {
  .mds-g-wrap .mds-g-wrap__container {
    --mds-g-wrap--max-width: 100%;
  }
}
@media (min-width: 576px) {
  .mds-g-wrap .mds-g-wrap__container {
    --mds-g-wrap--max-width: 100%;
  }
}
@media (min-width: 768px) {
  .mds-g-wrap .mds-g-wrap__container {
    --mds-g-wrap--max-width: 768px;
  }
}
@media (min-width: 992px) {
  .mds-g-wrap .mds-g-wrap__container {
    --mds-g-wrap--max-width: 992px;
  }
}
@media (min-width: 1200px) {
  .mds-g-wrap .mds-g-wrap__container {
    --mds-g-wrap--max-width: 1120px;
  }
}
@media (min-width: 1600px) {
  .mds-g-wrap .mds-g-wrap__container {
    --mds-g-wrap--max-width: 1392px;
  }
}
:root {
  --mds-m-accordion-item--font-color: inherit;
  --mds-m-accordion-item--background-color: transparent;
  --mds-m-accordion-item--border-color: var(--color-medi-grey-50);
  --mds-m-accordion-item--headline-color: inherit;
  --mds-m-accordion-item--number-color: var(--color-white-negative);
  --mds-m-accordion-item--number-background-color: var(--color-medi-grey-100);
  --mds-m-accordion-item--toggle-icon-color: currentColor;
}

.mds-m-accordion-item {
  display: block;
  text-align: left;
  position: relative;
  background-color: var(--mds-m-accordion-item--background-color);
}
.mds-m-accordion-item:before {
  display: block;
  background: var(--mds-m-accordion-item--number-background-color);
  color: var(--mds-m-accordion-item--number-color);
  border-radius: 13px;
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  position: absolute;
  top: 11px;
  left: 11px;
}
.mds-m-accordion-item .mds-m-accordion-item__headline-wrap {
  cursor: pointer;
  overflow: hidden;
  border-bottom: 1px solid var(--mds-m-accordion-item--border-color);
  padding-left: var(--spacer-half);
}
.mds-m-accordion-item .mds-m-accordion-item__headline-wrap .mds-m-accordion-item__toggle-icon {
  float: right;
  margin: var(--spacer-half);
  color: var(--mds-m-accordion-item--toggle-icon-color);
}
.mds-m-accordion-item .mds-m-accordion-item__headline-wrap .mds-a-headline {
  --mds-a-headline--color: var(--mds-m-accordion-item--headline-color);
  --mds-a-headline--margin-top: 12px;
  --mds-a-headline--margin-bottom: 12px;
}
.mds-m-accordion-item[data-item-number]:before {
  content: attr(data-item-number);
}
.mds-m-accordion-item[data-item-number] .mds-m-accordion-item__headline-wrap {
  padding-left: var(--spacer-triple);
}
.mds-m-accordion-item .mds-m-accordion-item__content-wrap {
  overflow: hidden;
  padding: 0 var(--spacer-single);
  color: var(--mds-m-accordion-item--font-color);
  max-height: 0;
  transition: max-height 200ms linear;
}
.mds-m-accordion-item .mds-m-accordion-item__content-wrap .mds-m-accordion-item__content {
  overflow: hidden;
  padding: var(--spacer-single) 0 var(--spacer-bigger);
}
.mds-m-accordion-item .mds-m-accordion-item__content-wrap .mds-m-accordion-item__content .mds-a-image.mds-m-accordion-item__content-item {
  margin-bottom: var(--spacer-single);
}
.mds-m-accordion-item .mds-m-accordion-item__content-wrap .mds-m-accordion-item__content .mds-a-image.mds-m-accordion-item__content-item[data-aspect-ratio="1:1"], .mds-m-accordion-item .mds-m-accordion-item__content-wrap .mds-m-accordion-item__content .mds-a-image.mds-m-accordion-item__content-item[data-aspect-ratio="2:3"] {
  width: 33%;
  float: right;
  margin-left: var(--spacer-half);
}
.mds-m-accordion-item .mds-m-accordion-item__content-wrap .mds-m-accordion-item__content .mds-a-image.mds-m-accordion-item__content-item[data-aspect-ratio="1:1"] + .mds-a-text > *:first-child, .mds-m-accordion-item .mds-m-accordion-item__content-wrap .mds-m-accordion-item__content .mds-a-image.mds-m-accordion-item__content-item[data-aspect-ratio="2:3"] + .mds-a-text > *:first-child {
  margin-top: 0;
}
.mds-m-accordion-item .mds-m-accordion-item__content-wrap .mds-m-accordion-item__content .mds-a-text.mds-m-accordion-item__content-item:first-child > *:first-child {
  margin-top: 0;
}
.mds-m-accordion-item .mds-m-accordion-item__content-wrap .mds-m-accordion-item__content .mds-a-text.mds-m-accordion-item__content-item:last-child > *:last-child {
  margin-bottom: 0;
}
.mds-m-accordion-item[data-is-active=true] {
  --mds-m-accordion-item--background-color: var(--color-medi-light-grey-25);
  --mds-m-accordion-item--border-color: transparent;
  --mds-m-accordion-item--number-background-color: var(--color-medi-magenta-100);
  --mds-m-accordion-item--headline-color: var(--color-medi-magenta-100);
}
.mds-m-accordion-item[data-is-active=true] .mds-m-accordion-item__content-wrap {
  max-height: 500px;
}
.mds-g-wrap[data-variant=medi-light-grey-25] .mds-m-accordion-item[data-is-active=true] {
  --mds-m-accordion-item--font-color: var(--color-body);
  --mds-m-accordion-item--background-color: var(--color-white-negative);
  --mds-m-accordion-item--border-color: transparent;
  --mds-m-accordion-item--number-color: var(--color-white-negative);
  --mds-m-accordion-item--number-background-color: var(--color-medi-magenta-100);
  --mds-m-accordion-item--headline-color: var(--color-medi-magenta-100);
}

.mds-g-wrap[data-variant=medi-grey-100] .mds-m-accordion-item {
  --mds-m-accordion-item--border-color: var(--color-white-negative);
  --mds-m-accordion-item--headline-color: var(--color-white-negative);
  --mds-m-accordion-item--number-color: var(--color-medi-grey-100);
  --mds-m-accordion-item--number-background-color: var(--color-white-negative);
  --mds-m-accordion-item--font-color: var(--color-white-negative);
}
.mds-g-wrap[data-variant=medi-grey-100] .mds-m-accordion-item[data-is-active=true] {
  --mds-m-accordion-item--font-color: var(--color-body);
  --mds-m-accordion-item--background-color: var(--color-white-negative);
  --mds-m-accordion-item--border-color: transparent;
  --mds-m-accordion-item--number-color: var(--color-white-negative);
  --mds-m-accordion-item--number-background-color: var(--color-medi-magenta-100);
  --mds-m-accordion-item--headline-color: var(--color-medi-magenta-100);
  --mds-m-accordion-item--toggle-icon-color: var(--color-body);
}

.mds-m-accordion-item:not([data-is-active=true]) .mds-m-accordion-item__content-wrap {
  max-height: 0 !important;
}
:root {
  --mds-m-alert--background-color: var(--color-signal-blue-50);
  --mds-m-alert--border-color: var(--color-signal-blue-100);
  --mds-m-alert--color: var(--color-signal-blue-100);
  --mds-m-alert--max-height: auto;
}

.mds-m-alert {
  display: block;
  margin-bottom: var(--spacer-bigger);
  transition: opacity 300ms ease-out, max-height 300ms ease-out;
  max-height: var(--mds-m-alert--max-height);
}
.mds-m-alert .mds-m-alert__wrap {
  display: inline-flex;
  gap: var(--spacer-half);
  border: 1px solid;
  border-radius: var(--spacer-bigger);
  border-color: var(--mds-m-alert--border-color);
  background-color: var(--mds-m-alert--background-color);
  color: var(--mds-m-alert--color);
  font-size: 16px;
  line-height: 16px;
  padding: var(--spacer-half) var(--spacer-single);
  text-align: left;
}
.mds-m-alert .mds-m-alert__wrap .mds-m-alert__content-wrap {
  flex-grow: 1;
}
.mds-m-alert .mds-m-alert__wrap .mds-m-alert__content-wrap a {
  display: inline-block;
  font-weight: bold;
}
.mds-m-alert .mds-m-alert__wrap .mds-m-alert__content-wrap a:hover {
  color: var(--color-medi-grey-100);
}
.mds-m-alert .mds-m-alert__wrap .mds-m-alert__content-wrap p {
  margin-bottom: var(--spacer-half);
}
.mds-m-alert .mds-m-alert__wrap .mds-m-alert__content-wrap p:first-child {
  margin-top: 0;
}
.mds-m-alert .mds-m-alert__wrap .mds-m-alert__content-wrap p:last-of-type {
  margin: 0;
}
.mds-m-alert .mds-m-alert__wrap .mds-m-alert__content-wrap ul {
  padding-left: var(--spacer-single);
}
.mds-m-alert .mds-m-alert__wrap .mds-m-alert__icon-wrap .mds-a-icon {
  display: block;
  --mds-a-icon--size: 24px;
}
.mds-m-alert .mds-m-alert__wrap .mds-m-alert__close-wrap .mds-m-alert__close-button {
  display: block;
  border: none;
  --mds-m-button--color: var(--mds-m-alert--color);
  line-height: 24px;
}
.mds-m-alert .mds-m-alert__wrap .mds-m-alert__close-wrap .mds-m-alert__close-button:hover {
  opacity: 0.6;
}
.mds-m-alert[data-level=success] {
  --mds-m-alert--background-color: var(--color-signal-green-50);
  --mds-m-alert--border-color: var(--color-signal-green-100);
  --mds-m-alert--color: var(--color-signal-green-100);
}
.mds-m-alert[data-level=warning] {
  --mds-m-alert--background-color: var(--color-signal-yellow-50);
  --mds-m-alert--border-color: var(--color-signal-yellow-100);
  --mds-m-alert--color: var(--color-signal-yellow-100);
}
.mds-m-alert[data-level=error] {
  --mds-m-alert--background-color: var(--color-signal-red-50);
  --mds-m-alert--border-color: var(--color-signal-red-100);
  --mds-m-alert--color: var(--color-signal-red-100);
}
.mds-m-alert[data-close-button=false] .mds-m-alert__close-wrap {
  display: none;
}
.mds-m-alert[data-is-message=true] {
  --mds-m-alert--background-color: transparent;
}
.mds-m-alert[data-is-message=true] .mds-m-alert__wrap {
  border: 0;
  padding: 0;
}
.mds-m-alert[data-is-message=true] .mds-m-alert__wrap .mds-m-alert__icon-wrap {
  padding: 0;
}
.mds-m-alert[data-is-message=true] .mds-m-alert__wrap .mds-m-alert__close-wrap {
  display: none;
}
.mds-m-alert.is-removed {
  opacity: 0;
  max-height: 0;
}
:root {
  --mds-m-badge--background-color: var(--color-medi-light-grey-25);
  --mds-m-badge--color: var(--color-medi-grey-100);
}

.mds-m-badge {
  display: inline-block;
  padding: 1px var(--spacer-three-quarter) 3px;
  border-radius: 12px;
  background-color: var(--mds-m-badge--background-color);
  color: var(--mds-m-badge--color);
}
.mds-m-badge .mds-m-badge__label {
  font-size: var(--font-small--size);
  line-height: var(--font-small--height);
  font-weight: 600;
}
.mds-m-badge .mds-m-badge__icon {
  --mds-a-icon--size: 16px;
  margin-top: -2px;
  margin-right: var(--spacer-quarter);
}
.mds-m-badge .mds-m-badge__icon use {
  fill: currentColor;
}
.mds-m-badge + .mds-m-badge {
  margin-left: var(--spacer-half);
}
.mds-m-badge[data-icon] {
  padding-left: var(--spacer-half);
}
.mds-m-badge[data-background=white] {
  --mds-m-badge--background-color: var(--color-white-negative);
}
.mds-m-badge[data-background=medi-grey-100] {
  --mds-m-badge--background-color: var(--color-medi-grey-100);
  --mds-m-badge--color: var(--color-white-negative);
}
.mds-m-badge[data-background=medi-clear-bordeaux-50] {
  --mds-m-badge--background-color: var(--color-medi-clear-bordeaux-50);
  --mds-m-badge--color: var(--color-medi-clear-bordeaux-150);
}
.mds-m-badge[data-background=medi-clear-light-blue-50] {
  --mds-m-badge--background-color: var(--color-medi-clear-light-blue-50);
  --mds-m-badge--color: var(--color-medi-blue-150);
}
.mds-m-badge:has(+ .mds-a-headline) + .mds-a-headline[data-headline-size] > * {
  margin-top: var(--spacer-single);
}
:root {
  --mds-m-button--background-color: var(--color-medi-magenta-100);
  --mds-m-button--border-color: var(--color-medi-magenta-100);
  --mds-m-button--color: var(--color-white-negative);
  --mds-m-button--background-color--hover: var(--color-white-negative);
  --mds-m-button--border-color--hover: var(--color-medi-magenta-100);
  --mds-m-button--color--hover: var(--color-medi-magenta-100);
}

.mds-m-button {
  display: inline-flex;
  align-items: center;
  background-color: var(--mds-m-button--background-color);
  border: 1px solid var(--mds-m-button--border-color);
  color: var(--mds-m-button--color);
  border-radius: 0;
  flex: 0 1 auto;
  justify-content: center;
  line-height: 40px;
  overflow: hidden;
  position: relative;
  text-align: center;
  text-decoration: none;
  user-select: none;
  vertical-align: middle;
}
.mds-m-button .mds-m-button__action-element {
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: transparent;
  padding: 0;
  border: 0;
  cursor: pointer;
  outline: none;
}
.mds-m-button:has(.mds-m-button__action-element:focus-visible) {
  box-shadow: 0 0 3px 0.5px var(--color-focus-visible);
}
.mds-m-button .mds-m-button__label {
  background: transparent;
  border: 0;
  font-family: inherit;
  display: inline-block;
  color: currentColor;
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: 600;
  flex: 1 1 auto;
}
.mds-m-button .mds-m-button__label:not(:empty) {
  padding: var(--spacer-half) var(--spacer-single);
}
.mds-m-button .mds-m-button__label:not(:empty):has(+ .mds-a-icon.mds-m-button__icon-right), .mds-m-button .mds-m-button__label:not(:empty):has(+ .mds-a-icon[data-child=iconRight]) {
  padding-right: 0;
}
.mds-m-button .mds-m-button__label {
  /*&:empty {
     height: 40px;
  }*/
}
.mds-m-button .mds-a-icon.mds-m-button__icon-left ~ .mds-m-button__label:not(:empty),
.mds-m-button .mds-a-icon[data-child=iconLeft] ~ .mds-m-button__label:not(:empty) {
  padding-left: 0;
}
.mds-m-button .mds-a-icon {
  --mds-a-icon--size: 24px;
  float: left;
  flex: 0 0 var(--mds-a-icon--size);
  margin: 0 var(--spacer-half) 0;
  line-height: var(--mds-a-icon--size);
  text-align: center;
}
.mds-m-button:has(.mds-m-button__action-element[href]), .mds-m-button:has(button.mds-m-button__action-element) {
  cursor: pointer;
}
@media (hover: hover) {
  .mds-m-button:has(.mds-m-button__action-element[href]):hover, .mds-m-button:has(button.mds-m-button__action-element):hover {
    background-color: var(--mds-m-button--background-color--hover);
    border-color: var(--mds-m-button--border-color--hover);
    color: var(--mds-m-button--color--hover);
    transition: background-color 0.2s, border-color 0.2s, color 0.2s;
  }
}
.mds-m-button[data-color=medi-grey-100]:not([data-variant]) {
  --mds-m-button--background-color: var(--color-medi-grey-100);
  --mds-m-button--border-color: var(--color-medi-grey-100);
  --mds-m-button--color: var(--color-white-negative);
  --mds-m-button--background-color--hover: var(--color-white-negative);
  --mds-m-button--border-color--hover: var(--color-medi-grey-100);
  --mds-m-button--color--hover: var(--color-medi-grey-100);
}
.mds-m-button[data-color=medi-light-grey-25]:not([data-variant]) {
  --mds-m-button--background-color: var(--color-medi-light-grey-25);
  --mds-m-button--border-color: var(--color-medi-light-grey-25);
  --mds-m-button--color: var(--color-medi-grey-100);
  --mds-m-button--background-color--hover: var(--color-white-negative);
  --mds-m-button--border-color--hover: var(--color-medi-grey-100);
  --mds-m-button--color--hover: var(--color-medi-grey-100);
}
.mds-m-button[data-color=white]:not([data-variant]) {
  --mds-m-button--background-color: var(--color-white-negative);
  --mds-m-button--border-color: var(--color-white-negative);
  --mds-m-button--color: var(--color-medi-grey-100);
  --mds-m-button--background-color--hover: var(--color-medi-white-negative);
  --mds-m-button--border-color--hover: var(--color-medi-grey-150);
  --mds-m-button--color--hover: var(--color-medi-grey-100);
}
.mds-m-button[data-variant=secondary] {
  --mds-m-button--background-color: var(--color-white-negative);
  --mds-m-button--border-color: var(--color-medi-magenta-100);
  --mds-m-button--color: var(--color-medi-magenta-100);
  --mds-m-button--background-color--hover: var(--color-white-negative);
  --mds-m-button--border-color--hover: var(--color-medi-magenta-150);
  --mds-m-button--color--hover: var(--color-medi-magenta-150);
}
.mds-m-button[data-variant=secondary][data-color=medi-grey-100] {
  --mds-m-button--border-color: var(--color-medi-grey-100);
  --mds-m-button--color: var(--color-medi-grey-100);
  --mds-m-button--border-color--hover: var(--color-medi-magenta-150);
  --mds-m-button--color--hover: var(--color-medi-magenta-150);
}
.mds-m-button[data-variant=ghost] {
  --mds-m-button--background-color: transparent;
  --mds-m-button--border-color: transparent;
  --mds-m-button--color: var(--color-medi-grey-100);
  --mds-m-button--background-color--hover: transparent;
  --mds-m-button--border-color--hover: transparent;
  --mds-m-button--color--hover: var(--color-medi-magenta-100);
  --mds-m-button--ghost--bottom-border-color: var(--color-medi-grey-100);
  border-width: 1px 0;
}
.mds-m-button[data-variant=ghost][data-underlined=true] {
  border-bottom-color: var(--mds-m-button--ghost--bottom-border-color);
}
@media (hover: hover) {
  .mds-m-button[data-variant=ghost][data-underlined=true]:hover {
    --mds-m-button--ghost--bottom-border-color: var(--color-medi-magenta-100);
  }
}
.mds-m-button[data-variant=ghost][data-underlined=true].is-active {
  --mds-m-button--color: var(--color-medi-magenta-100);
  --mds-m-button--ghost--bottom-border-color: var(--color-medi-magenta-100);
}
.mds-m-button[data-variant=ghost][data-underlined=true].is-active:after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid var(--color-medi-magenta-100);
}
.mds-m-button[data-variant=icons-card] {
  --mds-m-button--background-color: var(--color-white-negative);
  --mds-m-button--border-color: var(--color-medi-light-grey-100);
  --mds-m-button--color: var(--color-medi-grey-100);
  --mds-m-button--background-color--hover: var(--color-medi-light-grey-25);
  --mds-m-button--border-color--hover: var(--color-medi-grey-100);
  --mds-m-button--color--hover: var(--color-medi-grey-100);
  --mds-m-button--icons-card--left-icon-background: var(--color-white-negative);
  --mds-m-button--icons-card--left-icon-fill: var(--color-medi-magenta-100);
  --mds-m-button--icons-card--left-icon-border-color: var(--color-medi-grey-100);
  text-align: left;
  padding: var(--spacer-single);
  border-radius: 6px;
  align-items: flex-start;
  line-height: 24px;
}
.mds-m-button[data-variant=icons-card] .mds-m-button__label {
  font-size: var(--font-h5--size);
  color: currentColor;
  padding: 0;
  align-self: center;
}
.mds-m-button[data-variant=icons-card][data-title] .mds-m-button__label:after {
  content: attr(title);
  display: block;
  text-align: left;
  font-size: var(--font-text--size);
  font-weight: 400;
  margin-top: var(--spacer-half);
}
.mds-m-button[data-variant=icons-card][data-title] .mds-m-button__label:after:empty {
  display: none;
}
.mds-m-button[data-variant=icons-card] .mds-a-icon {
  --mds-a-icon--size: 32px;
}
.mds-m-button[data-variant=icons-card] .mds-a-icon use {
  fill: currentColor;
}
.mds-m-button[data-variant=icons-card] .mds-a-icon.mds-m-button__icon-left {
  background-color: var(--mds-m-button--icons-card--left-icon-background);
  --mds-a-icon--size: 44px;
  margin-left: 0;
  margin-right: var(--spacer-three-quarter);
}
.mds-m-button[data-variant=icons-card] .mds-a-icon.mds-m-button__icon-left use {
  fill: var(--mds-m-button--icons-card--left-icon-fill);
}
.mds-m-button[data-variant=icons-card] .mds-a-icon.mds-m-button__icon-left {
  border: 1px solid var(--mds-m-button--icons-card--left-icon-border-color);
  border-radius: 50%;
}
.mds-m-button[data-variant=icons-card] .mds-a-icon.mds-m-button__icon-right {
  margin-right: 0;
  margin-left: var(--spacer-three-quarter);
}
.mds-m-button[data-variant=icons-card][data-color=medi-light-grey-25] {
  --mds-m-button--background-color: var(--color-medi-light-grey-25);
  --mds-m-button--background-color--hover: var(--color-white-negative);
}
.mds-m-button[data-disabled=true], .mds-m-button[data-disabled=true][data-color] {
  --mds-m-button--background-color: var(--color-white-negative);
  --mds-m-button--border-color: var(--color-black-25);
  --mds-m-button--color: var(--color-black-25);
  --mds-m-button--ghost--bottom-border-color: var(--color-black-25);
  --mds-m-button--icons-card--left-icon-background: var(--color-white-negative);
  --mds-m-button--icons-card--left-icon-fill: var(--color-black-25);
  --mds-m-button--icons-card--left-icon-border-color: var(--color-black-25);
  box-shadow: none;
  pointer-events: none;
}
.mds-m-button[data-disabled=true][data-variant=ghost] {
  --mds-m-button--border-color: transparent;
}
.mds-m-button[data-full-width=true] {
  width: 100%;
}
.mds-m-button[data-full-width=true] .mds-m-button__action-element {
  width: 100%;
}
.mds-m-button[data-text-align=left] {
  text-align: left;
}
.mds-m-button[data-text-align=right] {
  text-align: right;
}
.mds-m-button[data-small-size=true] .mds-m-button__label {
  padding: 0 6px;
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 400;
}
.mds-m-button[data-small-size=true] .mds-m-button__label:empty {
  height: 22px;
  padding: 0;
}
.mds-m-button[data-small-size=true] .mds-a-icon {
  --mds-a-icon--size: 20px;
}
.mds-m-button + .mds-m-button {
  margin-left: var(--spacer-quarter);
}
.mds-m-content-tab {
  display: block;
  text-align: left;
}
.mds-m-footer-section {
  text-align: left;
  display: block;
  margin-bottom: var(--spacer-single);
}
.mds-m-footer-section .mds-m-footer-section__headline-wrap {
  padding: var(--spacer-half) 0 var(--spacer-half) var(--spacer-half);
  border-bottom: 1px solid var(--color-body);
}
.mds-m-footer-section .mds-m-footer-section__headline-wrap .mds-m-footer-section__toggle-icon {
  float: right;
  margin-top: calc(var(--spacer-quarter) * -1);
  cursor: pointer;
}
.mds-m-footer-section .mds-m-footer-section__headline-wrap .mds-a-headline {
  --mds-a-headline--font-size: var(--font-h6--size);
  --mds-a-headline--line-height: var(--font-h6--height);
  --mds-a-headline--margin-top: 0;
  --mds-a-headline--margin-bottom: 0;
}
@media (min-width: 992px) {
  .mds-m-footer-section .mds-m-footer-section__headline-wrap .mds-a-headline {
    --mds-a-headline--font-size: var(--font-h5--size);
    --mds-a-headline--line-height: var(--font-h5--height);
  }
}
.mds-m-footer-section .mds-m-footer-section__headline-wrap .mds-a-headline {
  word-wrap: break-word;
}
.mds-m-footer-section .mds-m-footer-section__content-wrap {
  display: none;
  padding: var(--spacer-half) var(--spacer-half) 0;
  margin-bottom: var(--spacer-single);
}
@media (min-width: 768px) {
  .mds-m-footer-section .mds-m-footer-section__content-wrap {
    margin-bottom: 0;
  }
}
.mds-m-footer-section .mds-m-footer-section__content-wrap p, .mds-m-footer-section .mds-m-footer-section__content-wrap ul, .mds-m-footer-section .mds-m-footer-section__content-wrap li, .mds-m-footer-section .mds-m-footer-section__content-wrap a {
  font-size: var(--font-middle--size);
  line-height: var(--font-text--height);
}
.mds-m-footer-section .mds-m-footer-section__content-wrap ul, .mds-m-footer-section .mds-m-footer-section__content-wrap li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mds-m-footer-section .mds-m-footer-section__content-wrap a {
  text-decoration: none;
}
.mds-m-footer-section .mds-m-footer-section__content-wrap a:hover, .mds-m-footer-section .mds-m-footer-section__content-wrap a:focus {
  color: inherit;
  text-decoration: underline;
}
.mds-m-footer-section .mds-m-footer-section__content-wrap p {
  margin: 0;
}
.mds-m-footer-section .mds-m-footer-section__content-wrap p .mds-a-icon {
  margin-top: -5px;
}
.mds-m-footer-section .mds-m-footer-section__content-wrap p + p {
  margin-top: var(--spacer-single);
}
.mds-m-footer-section .mds-m-footer-section__content-wrap .mds-a-image {
  margin-top: var(--spacer-half);
}
.mds-m-footer-section .mds-m-footer-section__content-wrap:has(.mds-a-logo) {
  gap: var(--spacer-single);
  padding-top: var(--spacer-single);
}
.mds-m-footer-section .mds-m-footer-section__content-wrap:has(.mds-a-logo) .mds-a-logo {
  width: calc((100% - (var(--spacer-single)) * 3) / 4);
}
.mds-m-footer-section .mds-m-footer-section__content-wrap:has(.mds-a-logo) .mds-a-logo use {
  fill: currentColor;
}
@media (min-width: 768px) {
  .mds-m-footer-section .mds-m-footer-section__content-wrap:has(.mds-a-logo) {
    gap: var(--spacer-half);
    flex-wrap: wrap;
  }
  .mds-m-footer-section .mds-m-footer-section__content-wrap:has(.mds-a-logo) .mds-a-logo {
    flex-basis: calc((100% - var(--spacer-half)) / 2);
  }
}
@media (min-width: 992px) {
  .mds-m-footer-section .mds-m-footer-section__content-wrap:has(.mds-a-logo) {
    gap: var(--spacer-half) var(--spacer-single);
  }
  .mds-m-footer-section .mds-m-footer-section__content-wrap:has(.mds-a-logo) .mds-a-logo {
    flex-basis: calc((100% - var(--spacer-single)) / 2);
  }
}
.mds-m-footer-section[data-is-active=true] .mds-m-footer-section__content-wrap {
  display: block;
}
.mds-m-footer-section[data-is-active=true] .mds-m-footer-section__content-wrap:has(.mds-a-logo) {
  display: flex;
}
@media (min-width: 768px) {
  .mds-m-footer-section[data-double-column=true] .mds-m-footer-section__content-wrap p {
    float: left;
  }
  .mds-m-footer-section[data-double-column=true] .mds-m-footer-section__content-wrap p + p {
    float: right;
    margin: 0;
    width: calc((100% - var(--spacer-single)) / 2 - var(--spacer-half));
  }
  .mds-m-footer-section[data-double-column=true] .mds-m-footer-section__content-wrap ul {
    clear: both;
  }
}
:root {
  --mds-m-info-box--border-and-shadow-color: var(--color-medi-grey-50);
  --mds-m-info-box--background-color: var(--color-white-negative);
  --mds-m-info-box--font-color: var(--color-body);
}

.mds-m-info-box {
  display: block;
  text-align: left;
  padding: var(--spacer-bigger);
  border: 2px solid var(--mds-m-info-box--border-and-shadow-color);
  border-radius: 14px;
  box-shadow: 3px 3px 0 0 var(--mds-m-info-box--border-and-shadow-color);
  background-color: var(--mds-m-info-box--background-color);
  color: var(--mds-m-info-box--font-color);
}
.mds-m-info-box .mds-a-icon.mds-m-info-box__icon {
  float: right;
  margin-left: var(--spacer-three-quarter);
}
.mds-m-info-box .mds-a-headline.mds-m-info-box__headline {
  --mds-a-headline--font-size: var(--font-h5--size);
  --mds-a-headline--line-height: var(--font-h5--height);
  --mds-a-headline--margin-top: 0;
  --mds-a-headline--margin-bottom: 0;
}
@media (min-width: 992px) {
  .mds-m-info-box .mds-a-headline.mds-m-info-box__headline {
    --mds-a-headline--font-size: var(--font-h4--size);
    --mds-a-headline--line-height: var(--font-h4--height);
  }
}
.mds-m-info-box .mds-a-text.mds-m-info-box__text {
  margin-top: var(--spacer-single);
}
.mds-m-info-box .mds-a-text.mds-m-info-box__text *:last-child {
  margin-bottom: 0;
}
.mds-m-info-box[data-variant=info][data-color=medi-grey-100] {
  --mds-m-info-box--border-and-shadow-color: var(--color-medi-grey-100);
}
.mds-m-info-box[data-variant=note] {
  --mds-m-info-box--background-color: var(--color-medi-light-grey-25);
}
.mds-m-info-box[data-variant=tip] {
  --mds-m-info-box--background-color: var(--color-medi-magenta-100);
  --mds-m-info-box--border-and-shadow-color: var(--color-medi-magenta-150);
  --mds-m-info-box--font-color: var(--color-white-negative);
}
.mds-m-info-box[data-variant=tip] a {
  color: var(--color-white-negative);
}
.mds-o-accordion {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  gap: var(--spacer-single);
}
@media (min-width: 992px) {
  .mds-o-accordion {
    gap: var(--spacer-bigger);
  }
}
.mds-o-accordion .mds-o-accordion__image-wrap {
  flex: 1 0 100%;
}
.mds-o-accordion .mds-o-accordion__image-wrap:has(.mds-a-image[data-aspect-ratio="2:3"]) {
  text-align: center;
}
.mds-o-accordion .mds-o-accordion__image-wrap:has(.mds-a-image[data-aspect-ratio="2:3"]) .mds-a-image {
  width: 36%;
  margin: auto;
}
@media (min-width: 768px) {
  .mds-o-accordion .mds-o-accordion__image-wrap:has(.mds-a-image[data-aspect-ratio="2:3"]) .mds-a-image {
    width: auto;
  }
}
@media (min-width: 768px) {
  .mds-o-accordion .mds-o-accordion__image-wrap {
    flex-basis: 36%;
  }
}
@media (min-width: 992px) {
  .mds-o-accordion .mds-o-accordion__image-wrap {
    flex-basis: 30%;
  }
}
@media (min-width: 1200px) {
  .mds-o-accordion .mds-o-accordion__image-wrap {
    flex-basis: 23%;
  }
}
.mds-o-accordion .mds-o-accordion__items-wrap {
  flex: 1 0 calc(64% - var(--spacer-single));
}
@media (min-width: 992px) {
  .mds-o-accordion .mds-o-accordion__items-wrap {
    flex: 1 0 calc(70% - var(--spacer-bigger));
  }
}
@media (min-width: 1200px) {
  .mds-o-accordion .mds-o-accordion__items-wrap {
    flex: 1 0 calc(77% - var(--spacer-bigger));
  }
}
:root {
  --mds-o-breadcrumb--max-item-width: 576px ;
}

.mds-o-breadcrumb {
  display: block;
  padding: var(--spacer-half) 0;
}
@media (min-width: 768px) {
  .mds-o-breadcrumb {
    padding: var(--spacer-bigger) 0;
  }
}
.mds-o-breadcrumb .mds-m-button[data-variant=ghost] {
  margin: 0;
}
.mds-o-breadcrumb .mds-m-button[data-variant=ghost] .mds-a-icon {
  --mds-a-icon--size: 32px;
  margin-left: -2px;
  margin-right: -4px;
}
.mds-o-breadcrumb .mds-m-button[data-variant=ghost] .mds-m-button__label:not(:empty) {
  color: var(--color-medi-light-grey-150);
  padding-left: 0;
  font-size: var(--font-middle--size);
}
.mds-o-breadcrumb .mds-m-button[data-variant=ghost]:hover .mds-m-button__label {
  text-decoration: underline;
}
.mds-o-breadcrumb .mds-m-button[data-variant=ghost]:last-child {
  pointer-events: none;
}
.mds-o-breadcrumb .mds-m-button[data-variant=ghost]:last-child .mds-m-button__link {
  cursor: default;
}
.mds-o-breadcrumb .mds-m-button[data-variant=ghost]:last-child .mds-m-button__label {
  color: var(--color-medi-grey-100);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: var(--mds-o-breadcrumb--max-item-width);
}
.mds-o-breadcrumb .mds-o-breadcrumb__dots-button {
  display: none;
}
.mds-o-breadcrumb.is-compact .mds-o-breadcrumb__dots-button {
  display: inline-flex;
}
.mds-o-breadcrumb.is-compact .mds-o-breadcrumb__dots-button ~ .mds-m-button {
  display: none;
}
.mds-o-breadcrumb.is-compact .mds-o-breadcrumb__dots-button ~ .mds-m-button:last-child {
  display: inline-flex;
}
.mds-o-footer {
  display: block;
  text-align: left;
  background-color: var(--color-medi-anthracite-100);
  color: var(--color-white-negative);
}
.mds-o-footer .mds-o-footer__claim {
  padding: var(--spacer-half) 0 var(--spacer-single);
  --mds-a-headline--font-size: var(--font-h5--size);
  --mds-a-headline--line-height: var(--font-h5--height);
}
@media (min-width: 992px) {
  .mds-o-footer .mds-o-footer__claim {
    --mds-a-headline--font-size: var(--font-h3--size);
    --mds-a-headline--line-height: var(--font-h3--height);
    --mds-a-headline--margin-bottom: 0;
  }
}
.mds-o-footer .mds-o-footer__sections-wrap {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .mds-o-footer .mds-o-footer__sections-wrap {
    gap: var(--spacer-single);
  }
}
@media (min-width: 992px) {
  .mds-o-footer .mds-o-footer__sections-wrap {
    gap: var(--spacer-double);
  }
}
.mds-o-footer .mds-o-footer__sections-wrap .mds-m-footer-section {
  flex-basis: 100%;
}
.mds-o-footer .mds-o-footer__sections-wrap .mds-m-footer-section:nth-child(1) {
  order: 1;
}
.mds-o-footer .mds-o-footer__sections-wrap .mds-m-footer-section:nth-child(2) {
  order: 2;
}
.mds-o-footer .mds-o-footer__sections-wrap .mds-m-footer-section:nth-child(3) {
  order: 3;
}
.mds-o-footer .mds-o-footer__sections-wrap .mds-m-footer-section:nth-child(4) {
  order: 4;
}
.mds-o-footer .mds-o-footer__sections-wrap .mds-m-footer-section:nth-child(5) {
  order: 5;
}
.mds-o-footer .mds-o-footer__sections-wrap .mds-m-footer-section:nth-child(6) {
  order: 6;
}
.mds-o-footer .mds-o-footer__sections-wrap .mds-m-footer-section:nth-child(7) {
  order: 7;
}
.mds-o-footer .mds-o-footer__sections-wrap .mds-m-footer-section:nth-child(8) {
  order: 8;
}
.mds-o-footer .mds-o-footer__sections-wrap .mds-m-footer-section:nth-child(9) {
  order: 9;
}
.mds-o-footer .mds-o-footer__sections-wrap .mds-m-footer-section .mds-m-footer-section__headline-wrap {
  border-color: var(--color-white-negative);
}
.mds-o-footer .mds-o-footer__sections-wrap .mds-m-footer-section .mds-m-footer-section__content-wrap > .mds-a-icon,
.mds-o-footer .mds-o-footer__sections-wrap .mds-m-footer-section .mds-m-footer-section__content-wrap p .mds-a-icon {
  --mds-a-icon--size: 16px;
  margin-right: 4px;
}
.mds-o-footer .mds-o-footer__sections-wrap .mds-m-footer-section .mds-m-footer-section__content-wrap .mds-a-icon:has(+ p) {
  float: left;
  margin-top: 5px;
}
.mds-o-footer .mds-o-footer__sections-wrap .mds-m-footer-section .mds-m-footer-section__content-wrap .mds-a-icon:has(+ p) + p {
  overflow: hidden;
}
@media (min-width: 768px) {
  .mds-o-footer .mds-o-footer__sections-wrap .mds-m-footer-section {
    flex-basis: calc((100% - var(--spacer-single) * 3) / 4);
  }
  .mds-o-footer .mds-o-footer__sections-wrap .mds-m-footer-section[data-double-column=true] {
    flex-basis: calc((100% - var(--spacer-single) * 2) / 2);
  }
}
@media (min-width: 992px) {
  .mds-o-footer .mds-o-footer__sections-wrap .mds-m-footer-section {
    flex-basis: calc((100% - var(--spacer-double) * 3) / 4);
  }
  .mds-o-footer .mds-o-footer__sections-wrap .mds-m-footer-section[data-double-column=true] {
    flex-basis: calc((100% - var(--spacer-double) * 2) / 2);
  }
  .mds-o-footer .mds-o-footer__sections-wrap .mds-m-footer-section .mds-m-footer-section__headline-wrap .mds-m-footer-section__toggle-icon {
    display: none;
  }
  .mds-o-footer .mds-o-footer__sections-wrap .mds-m-footer-section .mds-m-footer-section__content-wrap {
    display: block;
  }
  .mds-o-footer .mds-o-footer__sections-wrap .mds-m-footer-section .mds-m-footer-section__content-wrap:has(.mds-a-logo) {
    display: flex;
  }
}
.mds-o-footer .mds-o-footer__sections-wrap .mds-m-footer-section .mds-o-language-switch .mds-m-button .mds-a-icon {
  --mds-a-icon--size: 16px;
  margin: 0 var(--spacer-quarter);
}
.mds-o-footer .mds-o-footer__sections-wrap .mds-m-footer-section .mds-o-language-switch .mds-m-button .mds-m-button__label {
  padding: 0 var(--spacer-half) 0 0;
  line-height: 24px;
  font-weight: 400;
}
.mds-o-footer .mds-o-footer__sections-wrap .mds-m-footer-section .mds-o-language-switch .mds-o-language-switch__items-wrap {
  gap: var(--spacer-half);
  padding: var(--spacer-half) 0;
  background-color: var(--color-medi-light-grey-25);
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 8px 0 rgba(0, 0, 0, 0.2);
}
.mds-o-footer .mds-o-footer__sections-wrap .mds-m-footer-section .mds-o-language-switch .mds-o-language-switch__items-wrap .mds-m-button .mds-m-button__icon-left {
  margin-left: var(--spacer-quarter);
}
.mds-o-footer .mds-o-footer__sections-wrap .mds-m-footer-section .mds-o-language-switch .mds-o-language-switch__items-wrap .mds-m-button .mds-m-button__icon-right {
  display: none;
}
.mds-o-footer .mds-o-footer__sections-wrap .mds-m-footer-section .mds-o-language-switch .mds-o-language-switch__items-wrap .mds-m-button .mds-m-button__label {
  padding-right: var(--spacer-half);
}
.mds-o-footer .mds-o-footer__sections-wrap .mds-m-footer-section .mds-o-language-switch .mds-m-button.mds-o-language-switch__current {
  --mds-m-button--color: var(--color-white-negative);
  --mds-m-button--color--hover: var(--color-white-negative);
  vertical-align: middle;
}
.mds-o-footer .mds-o-footer__sections-wrap .mds-m-footer-section .mds-o-language-switch .mds-m-button.mds-o-language-switch__current .mds-m-button__label {
  font-weight: 400;
}
.mds-o-footer .mds-o-footer__sections-wrap .mds-m-footer-section .mds-o-language-switch .mds-m-button.mds-o-language-switch__current:hover {
  text-decoration: underline;
}
.mds-o-footer .mds-o-footer__sections-wrap .mds-m-footer-section .mds-o-language-switch .mds-m-button.mds-o-language-switch__current .mds-m-button__icon-right {
  margin-right: var(--spacer-quarter);
}
.mds-o-footer .mds-o-footer__sections-wrap .mds-m-footer-section .mds-o-language-switch[data-list-position-on-top=true] .mds-o-language-switch__items-wrap {
  bottom: 24px;
}
.mds-o-footer-secondary {
  display: block;
  text-align: center;
  background: var(--color-medi-anthracite-150);
}
@media (min-width: 768px) {
  .mds-o-footer-secondary .mds-o-footer-secondary__wrap {
    text-align: left;
    display: flex;
    padding: 0;
  }
}
.mds-o-footer-secondary .mds-o-footer-secondary__social-icons {
  padding: var(--spacer-double) var(--spacer-single) var(--spacer-single);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--spacer-half) var(--spacer-single);
}
@media (min-width: 768px) {
  .mds-o-footer-secondary .mds-o-footer-secondary__social-icons {
    padding: var(--spacer-double) 0;
    justify-content: start;
    width: 39.3%;
  }
}
@media (min-width: 1200px) {
  .mds-o-footer-secondary .mds-o-footer-secondary__social-icons {
    width: 50%;
  }
}
.mds-o-footer-secondary .mds-o-footer-secondary__social-icons .mds-m-button[data-variant=ghost] {
  border: 0;
}
.mds-o-footer-secondary .mds-o-footer-secondary__social-icons .mds-m-button[data-variant=ghost] .mds-m-button__label {
  display: none;
}
.mds-o-footer-secondary .mds-o-footer-secondary__social-icons .mds-m-button[data-variant=ghost] .mds-a-icon {
  flex: none;
  --mds-a-icon--size: 32px;
  margin: 0;
}
.mds-o-footer-secondary .mds-o-footer-secondary__social-icons .mds-m-button[data-variant=ghost] .mds-a-icon use {
  fill: var(--color-white-negative);
}
.mds-o-footer-secondary .mds-o-footer-secondary__social-icons .mds-m-button[data-variant=ghost]:hover:not(:focus):not(.is-focused):not([disabled]) use {
  fill: var(--color-medi-light-grey-50);
}
.mds-o-footer-secondary .mds-o-footer-secondary__links {
  padding: var(--spacer-single) var(--spacer-single) var(--spacer-double);
  display: flex;
  flex-direction: column;
  text-align: center;
}
@media (min-width: 768px) {
  .mds-o-footer-secondary .mds-o-footer-secondary__links {
    padding: var(--spacer-double) var(--spacer-double) var(--spacer-double) var(--spacer-single);
    text-align: right;
    justify-content: center;
    flex-wrap: wrap;
    width: 60.7%;
  }
}
@media (min-width: 1200px) {
  .mds-o-footer-secondary .mds-o-footer-secondary__links {
    width: 50%;
  }
}
.mds-o-footer-secondary .mds-o-footer-secondary__links ul {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: var(--spacer-bigger);
  font-size: var(--font-middle--size);
}
.mds-o-footer-secondary .mds-o-footer-secondary__links ul:last-child li:last-child:before {
  content: none;
}
.mds-o-footer-secondary .mds-o-footer-secondary__links li {
  list-style: none;
  position: relative;
  display: inline-block;
  margin: 0;
}
.mds-o-footer-secondary .mds-o-footer-secondary__links li:before {
  content: "";
  height: 16px;
  width: 1px;
  background-color: var(--color-white-negative);
  display: block;
  position: absolute;
  right: -1px;
  top: 4px;
}
.mds-o-footer-secondary .mds-o-footer-secondary__links li a {
  display: inline-block;
  border-bottom: 0;
  margin: 0 var(--spacer-half);
  text-decoration: none;
  color: var(--color-white-negative);
}
.mds-o-footer-secondary .mds-o-footer-secondary__links li a:hover {
  text-decoration: underline;
}
.mds-o-footer-secondary .mds-o-footer-secondary__links li:first-child a {
  margin-left: 0;
}
.mds-o-footer-secondary .mds-o-footer-secondary__links li:last-child:before {
  content: none;
}
.mds-o-footer-secondary .mds-o-footer-secondary__links li:last-child a {
  margin-right: 0;
}
.mds-o-language-switch {
  display: block;
  text-align: left;
  position: relative;
}
.mds-o-language-switch .mds-o-language-switch__items-wrap {
  display: none;
  flex-direction: column;
  padding: var(--spacer-half);
  gap: var(--spacer-single);
  background-color: var(--color-white-negative);
  box-shadow: 0 4px 8px 0 rgba(72, 88, 106, 0.16);
  position: absolute;
  top: 40px;
  z-index: 10;
}
.mds-o-language-switch .mds-o-language-switch__items-wrap .mds-o-language-switch__active {
  --mds-m-button--background-color: var(--color-medi-light-grey-25);
  --mds-m-button--background-color--hover: var(--color-medi-light-grey-25);
}
.mds-o-language-switch .mds-o-language-switch__items-wrap .mds-m-button {
  display: flex;
  margin: 0;
}
.mds-o-language-switch .mds-o-language-switch__items-wrap .mds-m-button .mds-m-button__icon-right {
  visibility: hidden;
  margin-right: var(--spacer-quarter);
  --mds-a-icon--size: 32px;
}
.mds-o-language-switch .mds-o-language-switch__items-wrap .mds-m-button .mds-m-button__icon-right use {
  fill: var(--color-signal-green-100);
}
.mds-o-language-switch .mds-o-language-switch__items-wrap .mds-m-button .mds-m-button__icon-left {
  margin-left: 0;
}
.mds-o-language-switch .mds-o-language-switch__items-wrap .mds-m-button.mds-o-language-switch__active .mds-m-button__icon-right {
  visibility: visible;
}
.mds-o-language-switch .mds-o-language-switch__items-wrap .mds-m-button .mds-a-icon {
  --mds-a-icon--size: 38px;
}
.mds-o-language-switch .mds-m-button .mds-a-icon {
  --mds-a-icon--size: 22px;
}
.mds-o-language-switch .mds-m-button .mds-m-button__label {
  font-size: var(--font-middle--size);
}
.mds-o-language-switch .mds-m-button.mds-o-language-switch__current .mds-m-button__icon-left {
  margin-left: 0;
}
.mds-o-language-switch .mds-m-button.mds-o-language-switch__current .mds-m-button__icon-right {
  margin-right: 0;
}
.mds-o-language-switch[data-is-active=true] .mds-o-language-switch__items-wrap {
  display: flex;
}
.mds-o-language-switch[data-list-position-on-top=true] .mds-o-language-switch__items-wrap {
  top: auto;
  bottom: 40px;
}
.mds-o-tabbed-content {
  display: block;
}
.mds-o-tabbed-content .mds-o-tabbed-content__labels {
  display: flex;
  gap: var(--spacer-single);
  padding-bottom: var(--spacer-single);
  overflow: auto;
  scroll-behavior: smooth;
}
.mds-o-tabbed-content .mds-o-tabbed-content__labels::-webkit-scrollbar { /* Hide scrollbar for Chrome, Safari and Opera */
  display: none;
}
.mds-o-tabbed-content .mds-o-tabbed-content__labels {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.mds-o-tabbed-content .mds-o-tabbed-content__labels .mds-m-button.mds-o-tabbed-content__label {
  flex: 1 0 auto;
  margin: 0;
}
.mds-o-tabbed-content .mds-o-tabbed-content__labels .mds-m-button.mds-o-tabbed-content__label.is-active {
  border-bottom-color: var(--color-medi-magenta-100);
}
.mds-o-tabbed-content .mds-o-tabbed-content__labels .mds-m-button.mds-o-tabbed-content__label.is-active .mds-m-button__label {
  color: var(--color-medi-magenta-100);
}
.mds-o-tabbed-content .mds-m-content-tab {
  display: none;
}
.mds-o-tabbed-content .mds-o-tabbed-content__content-wrap .mds-o-tabbed-content__tab {
  display: none;
}
.mds-o-tabbed-content .mds-o-tabbed-content__content-wrap .mds-o-tabbed-content__tab.is-active {
  display: block;
}
.mds-o-tooltip {
  display: inline-block;
  position: relative;
}
.mds-o-tooltip .mds-o-tooltip__label {
  opacity: 0;
  transition: opacity 300ms;
  display: block;
  text-align: center;
  background-color: var(--color-medi-anthracite-100);
  color: var(--color-white-negative);
  padding: var(--spacer-quarter);
  border-radius: 3px;
  min-width: 100px;
  max-width: 320px;
  font-size: var(--font-middle--size);
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 0;
  transform: translate(-50%, calc(-100% - 10px));
  pointer-events: none;
}
.mds-o-tooltip .mds-o-tooltip__label i {
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  z-index: -1;
  top: calc(100% - 6px);
  left: calc(50% - 6px);
  border: 6px solid var(--color-medi-anthracite-100);
  border-bottom-right-radius: 3px;
  transform: rotate(45deg);
}
.mds-o-tooltip[data-position=left] .mds-o-tooltip__label {
  left: 0;
  right: auto;
  top: 50%;
  transform: translate(calc(-100% - 10px), -50%);
}
.mds-o-tooltip[data-position=left] .mds-o-tooltip__label i {
  top: calc(50% - 6px);
  left: calc(100% - 6px);
  transform: rotate(-45deg);
}
.mds-o-tooltip[data-position=right] .mds-o-tooltip__label {
  left: auto;
  right: 0;
  top: 50%;
  transform: translate(calc(100% + 10px), -50%);
}
.mds-o-tooltip[data-position=right] .mds-o-tooltip__label i {
  top: calc(50% - 6px);
  left: auto;
  right: calc(100% - 6px);
  transform: rotate(135deg);
}
.mds-o-tooltip[data-position=bottom] .mds-o-tooltip__label {
  top: auto;
  bottom: 0;
  transform: translate(-50%, calc(100% + 10px));
}
.mds-o-tooltip[data-position=bottom] .mds-o-tooltip__label i {
  top: -6px;
  left: calc(50% - 6px);
  transform: rotate(225deg);
}
@media (min-width: 768px) {
  @media not all and (pointer: coarse) {
    .mds-o-tooltip[data-label] > *:not(.mds-o-tooltip__label):hover + .mds-o-tooltip__label {
      opacity: 1;
    }
    .mds-o-tooltip[data-label]:focus-visible .mds-o-tooltip__label {
      opacity: 1;
    }
  }
}
/* Base styles and resets */
:root {
  --spacer: 1rem;
  --spacer-quarter: calc(var(--spacer) * .25);
  --spacer-half: calc(var(--spacer) * .5);
  --spacer-three-quarter: calc(var(--spacer) * .75);
  --spacer-single: var(--spacer);
  --spacer-bigger: calc(var(--spacer) * 1.5);
  --spacer-double: calc(var(--spacer) * 2);
  --spacer-two-and-half: calc(var(--spacer) * 2.5);
  --spacer-triple: calc(var(--spacer) * 3);
  --spacer-three-and-half: calc(var(--spacer) * 3.5);
  --spacer-quad: calc(var(--spacer) * 4);
  --spacer-four-and-half: calc(var(--spacer) * 4.5);
  --spacer-fivetimes: calc(var(--spacer) * 5);
  --spacer-sixtimes: calc(var(--spacer) * 6);
  --spacer-six-and-half: calc(var(--spacer) * 6.5);
  --spacer-seventimes: calc(var(--spacer) * 7);
  --stage-xl-max-width: 1120px;
  --stage-xxl-max-width: 1156px;
}
:root {
  --color-medi-magenta-50: #FF7EC0;
  --color-medi-magenta-100: #E20074;
  --color-medi-magenta-150: #C70066;
  --color-black-100: #000000;
  --color-black-75: #333333;
  --color-black-50: #767676;
  --color-black-25: #BFBFBF;
  --color-white-negative: #FFF;
  --color-medi-anthracite-50: #ADB2B6;
  --color-medi-anthracite-100: #333F48;
  --color-medi-anthracite-150: #1F272D;
  --color-medi-blue-50: #80B7CC;
  --color-medi-blue-100: #01709A;
  --color-medi-blue-150: #00507B;
  --color-medi-bordeaux-50: #B78492;
  --color-medi-bordeaux-100: #700926;
  --color-medi-bordeaux-150: #5A0416;
  --color-medi-bright-orange-50: #F6C57F;
  --color-medi-bright-orange-100: #ED8B00;
  --color-medi-bright-orange-150: #E46B00;
  --color-medi-bright-red-50: #F18099;
  --color-medi-bright-red-100: #E40134;
  --color-medi-bright-red-150: #B3001A;
  --color-medi-clear-bordeaux-50: #C67FA5;
  --color-medi-clear-bordeaux-100: #8D004C;
  --color-medi-clear-bordeaux-150: #70133D;
  --color-medi-clear-green-50: #C6D186;
  --color-medi-clear-green-100: #8EA40D;
  --color-medi-clear-green-150: #6E8607;
  --color-medi-clear-light-blue-50: #BFE3F1;
  --color-medi-clear-light-blue-100: #80C8E4;
  --color-medi-clear-light-blue-150: #60B2D8;
  --color-medi-cold-beige-50: #E5E3E3;
  --color-medi-cold-beige-100: #CBC8C7;
  --color-medi-cold-beige-150: #B3ADAB;
  --color-medi-cool-beige-50: #F4F2EF;
  --color-medi-cool-beige-100: #D4CCBD;
  --color-medi-cool-beige-150: #BFB29C;
  --color-medi-dark-blue-50: #8A9EC0;
  --color-medi-dark-blue-100: #163D82;
  --color-medi-dark-blue-150: #0C2662;
  --color-medi-dark-green-50: #93B396;
  --color-medi-dark-green-100: #27682E;
  --color-medi-dark-green-150: #16491B;
  --color-medi-grey-50: #B6C2CE;
  --color-medi-grey-100: #48586A;
  --color-medi-grey-150: #354E60;
  --color-medi-light-grey-25: #E9EDF0;
  --color-medi-light-grey-50: #D7DEE2;
  --color-medi-light-grey-100: #AEBCC5;
  --color-medi-light-grey-150: #84949E;
  --color-medi-medium-red-50: #AE8999;
  --color-medi-medium-red-100: #5D1333;
  --color-medi-medium-red-150: #3F0A1E;
  --color-medi-turquoise-50: #7FC5C9;
  --color-medi-turquoise-100: #008B93;
  --color-medi-turquoise-150: #006B74;
  --color-medi-warm-beige-50: #E6D4CA;
  --color-medi-warm-beige-100: #CEAA95;
  --color-medi-warm-beige-150: #B17E64;
  --color-signal-blue-50: #DCEEFF;
  --color-signal-blue-100: #0768CF;
  --color-signal-green-50: #DBF6CB;
  --color-signal-green-100: #1E7B46;
  --color-signal-red-50: #FEE2E3;
  --color-signal-red-100: #C32929;
  --color-signal-yellow-50: #FFE6CC;
  --color-signal-yellow-100: #995900;
  --color-trend-lilac-50: #A7AAC4;
  --color-trend-lilac-100: #757BB0;
  --color-trend-lilac-150: #4D5497;
  --color-trend-sage-green-50: #A8B3AE;
  --color-trend-sage-green-100: #788D82;
  --color-trend-sage-green-150: #3F6652;
  --color-trend-russet-red-50: #C28782;
  --color-trend-russet-red-100: #AB3C2B;
  --color-trend-russet-red-150: #7F352A;
  --color-trend-light-blue-50: #A3B8CB;
  --color-trend-light-blue-100: #688DAF;
  --color-trend-light-blue-150: #40698E;
  --color-stocking-sand: #D7B896;
  --color-stocking-cashmere: #BC9A79;
  --color-stocking-caramel: #9D826C;
  --color-stocking-beige: #957453;
  --color-stocking-brown: #3A2828;
  --color-stocking-anthracite: #282934;
  --color-stocking-marine: #191F36;
  --color-stocking-black: #191F36;
  --color-stocking-grey: #78757D;
  --color-brace-silver: #2E3846;
  --color-campaign-emotion-yellow-50: #D7C16D;
  --color-campaign-emotion-yellow-100: #D6B900;
  --color-campaign-emotion-yellow-150: #ACA500;
  --color-campaign-emotion-grey-50: #B3B3B3;
  --color-campaign-emotion-grey-100: #6F6F6E;
  --color-campaign-emotion-grey-150: #373737;
  --color-campaign-emotion-black-50: #333;
  --color-campaign-emotion-black-100: #000;
  --color-cep-green-50: #DEE28E;
  --color-cep-green-100: #CCD500;
  --color-cep-green-150: #808600;
  --color-black-transparency-50: rgba(0, 0, 0, 0.5);
  --color-black-transparency-70: rgba(0, 0, 0, 0.7);
  --color-white-transparency-80: rgba(255, 255, 255, 0.8);
  --color-body: var(--color-medi-grey-100);
  --color-focus-visible: #5E9ED6;
}
:root {
  --font-h1--size: 2.25rem;
  --font-h1--height: 2.5rem;
  --font-h1--top-margin: 3rem;
  --font-h1--bottom-margin: 2rem;
  --font-h2--size: 2rem;
  --font-h2--height: 2.5rem;
  --font-h2--top-margin: 2.5rem;
  --font-h2--bottom-margin: 1.5rem;
  --font-h3--size: 1.75rem;
  --font-h3--height: 2rem;
  --font-h3--top-margin: 2rem;
  --font-h3--bottom-margin: 1rem;
  --font-h4--size: 1.5rem;
  --font-h4--height: 2rem;
  --font-h4--top-margin: 1.5rem;
  --font-h4--bottom-margin: 1rem;
  --font-h5--size: 1.25rem;
  --font-h5--height: 1.5rem;
  --font-h5--top-margin: 1rem;
  --font-h5--bottom-margin: 0.5rem;
  --font-h6--size: 1rem;
  --font-h6--height: 1.5rem;
  --font-h6--top-margin: 1rem;
  --font-h6--bottom-margin: 0.5rem;
  --font-lead--size: var(--font-h5--size);
  --font-lead--height: var(--font-h5--height);
  --font-lead--top-margin: 2rem;
  --font-lead--bottom-margin: 1.5rem;
  --font-text--size: var(--font-h6--size);
  --font-text--height: var(--font-h6--height);
  --font-text--top-margin: 0.5rem;
  --font-text--bottom-margin: 1.5rem;
  --font-middle--size: 0.875rem;
  --font-middle--height: 1.25rem;
  --font-small--size: 0.75rem;
  --font-small--height: 1rem;
  --font-small--top-margin: 1rem;
  --font-small--bottom-margin: 1rem;
}
@font-face {
  font-family: "Skolar Sans PE";
  src: url("/assets/SkolarSansPEWeb-Lt-DPwmzzE9.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Skolar Sans PE";
  src: url("/assets/SkolarSansPEWeb-Rg-ClBo4elN.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Skolar Sans PE";
  src: url("/assets/SkolarSansPEWeb-Me-EEX_3QZs.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Skolar Sans PE";
  src: url("/assets/SkolarSansPEWeb-Sb-D5u9QmW1.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Skolar Sans PE";
  src: url("/assets/SkolarSansPEWeb-Sb-D5u9QmW1.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Skolar Sans PE";
  src: url("/assets/SkolarSansPEWeb-LtIt-bAjkqzP0.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Skolar Sans PE";
  src: url("/assets/SkolarSansPEWeb-It-BZxSDXSI.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Skolar Sans PE";
  src: url("/assets/SkolarSansPEWeb-MeIt-SpxBCA4v.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Skolar Sans PE";
  src: url("/assets/SkolarSansPEWeb-SbIt-BgpY2ICn.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Skolar Sans PE";
  src: url("/assets/SkolarSansPEWeb-SbIt-BgpY2ICn.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
*, *::before, *::after {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
html:has(body[inert]), html:has(dialog[open]) {
  overflow: hidden;
  scrollbar-gutter: stable;
}
html:has(body[inert]) body, html:has(dialog[open]) body {
  min-height: 100vh;
}
html body {
  margin: 0;
  max-width: 100%;
  overflow-x: hidden;
  font-family: "Skolar Sans PE", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  color: var(--color-body);
}
html body ~ svg {
  height: 0 !important;
  width: 0 !important;
  position: absolute;
  z-index: -5;
}
html #mds-button-scroll-to-top {
  position: fixed;
  right: var(--spacer-single);
  bottom: var(--spacer-single);
  z-index: 99;
  opacity: 0;
  transition: opacity 0.3s;
}
html #mds-button-scroll-to-top.is-visible {
  opacity: 1;
}
:root {
  --mds-breakpoint-xs: 0;
  --mds-breakpoint-sm: 576px;
  --mds-breakpoint-md: 768px;
  --mds-breakpoint-lg: 992px;
  --mds-breakpoint-xl: 1200px;
  --mds-breakpoint-xxl: 1600px;
}
html:focus-visible {
  outline-color: var(--color-focus-visible);
}
html p {
  font-size: var(--font-text--size);
  line-height: var(--font-text--height);
  font-weight: 400;
  margin-top: var(--font-text--top-margin);
  margin-bottom: var(--font-text--bottom-margin);
  word-break: break-word;
}
html lead {
  display: block;
  font-size: var(--font-lead--size);
  line-height: var(--font-lead--height);
  margin-top: var(--font-lead--top-margin);
  margin-bottom: var(--font-lead--bottom-margin);
}
html small {
  font-size: var(--font-small--size);
  line-height: var(--font-small--height);
  margin-top: var(--font-small--top-margin);
  margin-bottom: var(--font-small--bottom-margin);
  font-weight: 600;
}
html a {
  color: currentColor;
  text-decoration: underline;
}
html a:hover, html a:focus {
  text-decoration: none;
}
html mark {
  background-color: color-mix(in srgb, var(--color-medi-magenta-50) 60%, transparent);
  font-weight: 600;
}
html sub, html sup {
  line-height: 0;
}
html ul, html ol {
  font-size: var(--font-text--size);
  line-height: var(--font-text--height);
  padding-left: var(--spacer-bigger);
  margin: var(--spacer-single) 0;
}
html ul li, html ol li {
  margin-bottom: var(--spacer-half);
}
html ul li:last-child, html ol li:last-child {
  margin-bottom: 0;
}
html ul li ul, html ul li ol, html ol li ul, html ol li ol {
  margin: var(--spacer-half) 0 0;
  padding-left: calc(var(--spacer-single) * 1.2);
}
html ul li ul, html ol li ul {
  list-style-type: disc;
}
html ul li ol, html ol li ol {
  list-style-type: lower-alpha;
}
html ul.with-checkmarks {
  padding-left: 0;
}
html ul.with-checkmarks li {
  list-style-type: none;
  padding-left: calc(var(--spacer-bigger));
  line-height: var(--spacer-bigger);
  margin: 0 0 var(--spacer-half);
  background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 32 30' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M25.7924 9.20764C26.0692 9.48448 26.0692 9.93994 25.7924 10.2168L13.6468 22.3624C13.3699 22.6392 12.9145 22.6392 12.6376 22.3624L6.20764 15.9324C5.93079 15.6555 5.93079 15.2 6.20764 14.9232C6.48448 14.6463 6.93994 14.6463 7.21679 14.9232L13.1422 20.8486L24.7832 9.20764C25.0601 8.93079 25.5155 8.93079 25.7924 9.20764Z' fill='%236E8607'/></svg>");
  background-repeat: no-repeat;
}
html blockquote {
  margin-left: 0;
  padding: 0 0 0 var(--spacer-double);
  background-position: top left;
  background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M26 18.2857C26 21.0491 23.7634 23.2857 21 23.2857H19.5714C19.1786 23.2857 18.8571 22.9643 18.8571 22.5714C18.8571 22.1786 19.1786 21.8571 19.5714 21.8571H21C22.9732 21.8571 24.5714 20.2589 24.5714 18.2857V17.1875C24.1518 17.4286 23.6652 17.5714 23.1429 17.5714H20.2857C18.7098 17.5714 17.4286 16.2902 17.4286 14.7143V11.8571C17.4286 10.2812 18.7098 9 20.2857 9H23.1429C24.7188 9 26 10.2812 26 11.8571V13.2857V14.7143V18.2857ZM14.5714 18.2857C14.5714 21.0491 12.3348 23.2857 9.57143 23.2857H8.14286C7.75 23.2857 7.42857 22.9643 7.42857 22.5714C7.42857 22.1786 7.75 21.8571 8.14286 21.8571H9.57143C11.5446 21.8571 13.1429 20.2589 13.1429 18.2857V17.1875C12.7232 17.4286 12.2366 17.5714 11.7143 17.5714H8.85714C7.28125 17.5714 6 16.2902 6 14.7143V11.8571C6 10.2812 7.28125 9 8.85714 9H11.7143C13.2902 9 14.5714 10.2812 14.5714 11.8571V13.2857V14.7143V18.2857Z' fill='%2348586A'/></svg>");
  background-repeat: no-repeat;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
}
@media (min-width: 768px) {
  html blockquote {
    font-size: 1.25rem;
  }
}
html blockquote strong, html blockquote b {
  display: block;
  font-size: 1rem;
  margin-top: var(--spacer-single);
  font-weight: 400;
}
[data-variant=medi-grey-100] blockquote {
  background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M26 18.2857C26 21.0491 23.7634 23.2857 21 23.2857H19.5714C19.1786 23.2857 18.8571 22.9643 18.8571 22.5714C18.8571 22.1786 19.1786 21.8571 19.5714 21.8571H21C22.9732 21.8571 24.5714 20.2589 24.5714 18.2857V17.1875C24.1518 17.4286 23.6652 17.5714 23.1429 17.5714H20.2857C18.7098 17.5714 17.4286 16.2902 17.4286 14.7143V11.8571C17.4286 10.2812 18.7098 9 20.2857 9H23.1429C24.7188 9 26 10.2812 26 11.8571V13.2857V14.7143V18.2857ZM14.5714 18.2857C14.5714 21.0491 12.3348 23.2857 9.57143 23.2857H8.14286C7.75 23.2857 7.42857 22.9643 7.42857 22.5714C7.42857 22.1786 7.75 21.8571 8.14286 21.8571H9.57143C11.5446 21.8571 13.1429 20.2589 13.1429 18.2857V17.1875C12.7232 17.4286 12.2366 17.5714 11.7143 17.5714H8.85714C7.28125 17.5714 6 16.2902 6 14.7143V11.8571C6 10.2812 7.28125 9 8.85714 9H11.7143C13.2902 9 14.5714 10.2812 14.5714 11.8571V13.2857V14.7143V18.2857Z' fill='%23fff'/></svg>");
}
html q {
  display: block;
  font-size: var(--font-lead--size);
  line-height: var(--font-lead--height);
  font-weight: 600;
  margin-bottom: var(--spacer-bigger);
  border-left: 4px solid var(--color-medi-magenta-100);
  padding: var(--spacer-half) 0 var(--spacer-half) calc(var(--spacer-double) - 4px);
}
html q:before, html q:after {
  content: "";
}
label {
  position: relative;
  line-height: 0.875rem;
  font-size: var(--font-middle--size);
  font-weight: 600;
  display: inline-block;
}
label[for] {
  cursor: pointer;
}
label + input {
  margin-top: var(--spacer-quarter);
}
textarea,
input[type=date], input[type=datetime-local], input[type=email], input[type=month], input[type=number],
input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week] {
  font-family: inherit;
  font-size: inherit;
  color: var(--color-medi-grey-100);
  height: 42px;
  line-height: 24px;
  padding: var(--spacer-half) var(--spacer-single);
  width: 100%;
}
textarea::placeholder,
input[type=date]::placeholder, input[type=datetime-local]::placeholder, input[type=email]::placeholder, input[type=month]::placeholder, input[type=number]::placeholder,
input[type=password]::placeholder, input[type=search]::placeholder, input[type=tel]::placeholder, input[type=text]::placeholder, input[type=time]::placeholder, input[type=url]::placeholder, input[type=week]::placeholder {
  color: var(--color-medi-light-grey-100);
}
textarea,
input[type=date], input[type=datetime-local], input[type=email], input[type=month], input[type=number],
input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week] {
  border: 1px solid var(--color-medi-grey-50);
}
textarea:invalid,
input[type=date]:invalid, input[type=datetime-local]:invalid, input[type=email]:invalid, input[type=month]:invalid, input[type=number]:invalid,
input[type=password]:invalid, input[type=search]:invalid, input[type=tel]:invalid, input[type=text]:invalid, input[type=time]:invalid, input[type=url]:invalid, input[type=week]:invalid {
  border-color: var(--color-signal-red-100);
}
textarea:invalid:not(:focus),
input[type=date]:invalid:not(:focus), input[type=datetime-local]:invalid:not(:focus), input[type=email]:invalid:not(:focus), input[type=month]:invalid:not(:focus), input[type=number]:invalid:not(:focus),
input[type=password]:invalid:not(:focus), input[type=search]:invalid:not(:focus), input[type=tel]:invalid:not(:focus), input[type=text]:invalid:not(:focus), input[type=time]:invalid:not(:focus), input[type=url]:invalid:not(:focus), input[type=week]:invalid:not(:focus) {
  box-shadow: none;
}
textarea,
input[type=date], input[type=datetime-local], input[type=email], input[type=month], input[type=number],
input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week] {
  background: var(--color-white-negative);
  display: inline-block;
  vertical-align: bottom;
}
textarea:focus-visible,
input[type=date]:focus-visible, input[type=datetime-local]:focus-visible, input[type=email]:focus-visible, input[type=month]:focus-visible, input[type=number]:focus-visible,
input[type=password]:focus-visible, input[type=search]:focus-visible, input[type=tel]:focus-visible, input[type=text]:focus-visible, input[type=time]:focus-visible, input[type=url]:focus-visible, input[type=week]:focus-visible {
  outline-color: var(--color-focus-visible);
}
textarea:focus-visible:invalid,
input[type=date]:focus-visible:invalid, input[type=datetime-local]:focus-visible:invalid, input[type=email]:focus-visible:invalid, input[type=month]:focus-visible:invalid, input[type=number]:focus-visible:invalid,
input[type=password]:focus-visible:invalid, input[type=search]:focus-visible:invalid, input[type=tel]:focus-visible:invalid, input[type=text]:focus-visible:invalid, input[type=time]:focus-visible:invalid, input[type=url]:focus-visible:invalid, input[type=week]:focus-visible:invalid {
  outline-color: var(--color-signal-red-100);
}
input[data-type=mds-password] {
  padding-right: 42px;
}
input[data-type=mds-password] + .password-toggle-icon {
  display: inline-block;
  position: absolute;
  margin: 5px 0 0 -43px;
  cursor: pointer;
}
input[data-type=mds-password] + .password-toggle-icon:hover {
  opacity: 0.9;
}
input[data-type=mds-password] + .password-toggle-icon + .strong-password-indicator {
  display: block;
  margin-top: var(--spacer-quarter);
  height: var(--spacer-half);
  background-color: var(--color-black-25);
}
input[data-type=mds-password] + .password-toggle-icon + .strong-password-indicator:after {
  content: "";
  display: block;
  height: 100%;
  width: 33%;
  transition: width 0.3s;
}
input[data-type=mds-password] + .password-toggle-icon + .strong-password-indicator + .mds-m-alert .mds-m-alert__wrap .mds-m-alert__icon-wrap .mds-m-alert__icon {
  --mds-a-icon--size: 18px;
}
input[data-type=mds-password] + .password-toggle-icon + .mds-m-alert .mds-m-alert__wrap .mds-m-alert__icon-wrap .mds-m-alert__icon {
  --mds-a-icon--size: 18px;
}
input[data-type=mds-password]:not(:invalid) + .password-toggle-icon + .strong-password-indicator:after {
  background-color: var(--color-signal-red-100);
}
input[data-type=mds-password][data-password-strength=middle]:not(:invalid) + .password-toggle-icon + .strong-password-indicator:after {
  width: 66%;
  background-color: var(--color-signal-yellow-100);
}
input[data-type=mds-password][data-password-strength=strong]:not(:invalid) + .password-toggle-icon + .strong-password-indicator:after {
  width: 100%;
  background-color: var(--color-signal-green-100);
}
label + input[data-type=mds-password] + .password-toggle-icon {
  margin-top: 9px;
}
input[type=radio],
input[type=checkbox] {
  width: 15px;
  height: 15px;
  margin: 4.5px;
  vertical-align: top;
}
input[type=radio]:checked,
input[type=checkbox]:checked {
  filter: hue-rotate(8deg) brightness(0.81) saturate(0.17);
}
input[type=radio] + label,
input[type=checkbox] + label {
  line-height: 24px;
  margin-left: var(--spacer-half);
  padding-right: var(--spacer-half);
  display: inline-block;
  max-width: calc(100% - 36px);
}
input[type=radio] + label + input[type=checkbox],
input[type=radio] + label + input[type=radio],
input[type=checkbox] + label + input[type=checkbox],
input[type=checkbox] + label + input[type=radio] {
  margin-left: var(--spacer-bigger);
}
input[type=radio] + label,
input[type=checkbox] + label {
  position: relative;
}
input[type=radio] + label:before,
input[type=checkbox] + label:before {
  display: block;
  width: calc(100% + 34px);
  height: calc(100% + 8px);
  content: "";
  position: absolute;
  z-index: -1;
  left: -34px;
  top: -4px;
  border: 1px solid transparent;
}
input[type=radio] + label + .mds-m-alert,
input[type=checkbox] + label + .mds-m-alert {
  margin-top: var(--spacer-half);
}
input[type=radio] + label + br + input[type=checkbox],
input[type=radio] + label + br + input[type=radio],
input[type=checkbox] + label + br + input[type=checkbox],
input[type=checkbox] + label + br + input[type=radio] {
  margin-top: 12.5px;
}
input[type=radio] + label + br + input[type=checkbox] + label,
input[type=radio] + label + br + input[type=radio] + label,
input[type=checkbox] + label + br + input[type=checkbox] + label,
input[type=checkbox] + label + br + input[type=radio] + label {
  margin-top: 8px;
}
input[type=radio]:focus,
input[type=checkbox]:focus {
  outline: none;
}
input[type=radio]:focus + label:before,
input[type=checkbox]:focus + label:before {
  outline: 1px auto var(--color-focus-visible);
}
input[type=radio]:focus:required:invalid + label:before,
input[type=checkbox]:focus:required:invalid + label:before {
  border-color: transparent;
  outline-color: var(--color-signal-red-100);
}
:root {
  --checkbox-switch-size: 32px;
}
input[type=checkbox][data-variant=switch] {
  --checkbox-switch-width: calc(var(--checkbox-switch-size) * 52 / 32);
  appearance: none;
  margin: 0;
  vertical-align: middle;
  width: var(--checkbox-switch-width);
  height: var(--checkbox-switch-size);
  border-radius: calc(var(--checkbox-switch-size) / 2);
  background-color: var(--color-medi-light-grey-100);
  transition: background-color 0.3s;
}
input[type=checkbox][data-variant=switch]:before {
  content: "";
  display: block;
  width: calc(var(--checkbox-switch-size) * 24 / 32);
  height: calc(var(--checkbox-switch-size) * 24 / 32);
  border-radius: 50%;
  background: var(--color-white-negative);
  position: relative;
  top: calc(var(--checkbox-switch-size) * 4 / 32);
  left: calc(var(--checkbox-switch-size) * 4 / 32);
  transition: left 0.3s;
}
input[type=checkbox][data-variant=switch]:checked {
  filter: none;
  background-color: var(--color-medi-magenta-100);
}
input[type=checkbox][data-variant=switch]:checked:before {
  left: calc(var(--checkbox-switch-size) * 24 / 32);
}
label:has(+ input[type=checkbox][data-variant=switch]) {
  --checkbox-switch-width: calc(var(--checkbox-switch-size) * 52 / 32);
  display: inline-block;
  vertical-align: middle;
  position: relative;
  line-height: var(--checkbox-switch-size);
  padding-right: var(--spacer-half);
}
label:has(+ input[type=checkbox][data-variant=switch]):before {
  display: block;
  width: calc(100% + var(--checkbox-switch-width) + var(--spacer-half) + var(--spacer-half));
  height: calc(100% + var(--spacer-half));
  content: "";
  position: absolute;
  z-index: -1;
  left: calc(-1 * var(--spacer-half));
  top: calc(-1 * var(--spacer-quarter));
  border: 1px solid transparent;
}
label:has(+ input[type=checkbox][data-variant=switch]):has(+ input[type=checkbox][data-variant=switch]:focus) {
  outline: none;
}
label:has(+ input[type=checkbox][data-variant=switch]):has(+ input[type=checkbox][data-variant=switch]:focus):before {
  outline: 1px auto var(--color-focus-visible);
}
label:has(+ input[type=checkbox][data-variant=switch]):has(+ input[type=checkbox][data-variant=switch]:focus:required:invalid):before {
  border-color: transparent;
  outline-color: var(--color-signal-red-100);
}
textarea {
  height: auto;
  resize: vertical;
}
select {
  appearance: none;
  font-family: inherit;
  font-size: inherit;
  color: var(--color-medi-grey-100);
  height: 42px;
  line-height: 24px;
  padding: var(--spacer-half) var(--spacer-double) var(--spacer-half) var(--spacer-single);
  width: 100%;
  border: 1px solid var(--color-medi-grey-50);
  display: inline-block;
  vertical-align: bottom;
  background: var(--color-white-negative) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 32 32'><path fill='%2348586A' d='M16.4496 20.8304C16.2029 21.0565 15.7971 21.0565 15.5504 20.8304L9.185 14.994C8.93834 14.7678 8.93834 14.3958 9.185 14.1696C9.43166 13.9435 9.83745 13.9435 10.0841 14.1696L16 19.5938L21.9159 14.1696C22.1625 13.9435 22.5683 13.9435 22.815 14.1696C23.0617 14.3958 23.0617 14.7678 22.815 14.994L16.4496 20.8304Z'></path></svg>") no-repeat center right var(--spacer-half);
}
select:focus-visible {
  outline-color: var(--color-focus-visible);
}
select[required]:invalid {
  border-color: var(--color-signal-red-100);
}
select[required]:invalid:focus-visible {
  outline-color: var(--color-signal-red-100);
}
form input + .mds-m-alert,
form input + small + .mds-m-alert, form input[data-type=mds-password] + .password-toggle-icon + .mds-m-alert, form input[data-type=mds-password] + .password-toggle-icon + .strong-password-indicator + .mds-m-alert,
form input + label + .mds-m-alert {
  opacity: 0;
  max-height: 0;
  margin: 0;
  transition: opacity 0.3s linear, max-height 0.3s linear;
}
form input + .mds-m-alert .mds-m-alert__wrap,
form input + small + .mds-m-alert .mds-m-alert__wrap, form input[data-type=mds-password] + .password-toggle-icon + .mds-m-alert .mds-m-alert__wrap, form input[data-type=mds-password] + .password-toggle-icon + .strong-password-indicator + .mds-m-alert .mds-m-alert__wrap,
form input + label + .mds-m-alert .mds-m-alert__wrap {
  gap: var(--spacer-quarter);
}
form input + .mds-m-alert .mds-m-alert__wrap .mds-m-alert__icon-wrap .mds-m-alert__icon,
form input + small + .mds-m-alert .mds-m-alert__wrap .mds-m-alert__icon-wrap .mds-m-alert__icon, form input[data-type=mds-password] + .password-toggle-icon + .mds-m-alert .mds-m-alert__wrap .mds-m-alert__icon-wrap .mds-m-alert__icon, form input[data-type=mds-password] + .password-toggle-icon + .strong-password-indicator + .mds-m-alert .mds-m-alert__wrap .mds-m-alert__icon-wrap .mds-m-alert__icon,
form input + label + .mds-m-alert .mds-m-alert__wrap .mds-m-alert__icon-wrap .mds-m-alert__icon {
  --mds-a-icon--size: 18px;
}
form input + .mds-m-alert {
  margin-top: var(--spacer-quarter);
}
form input:invalid + .mds-m-alert,
form input:invalid + label + .mds-m-alert, form input:invalid[data-type=mds-password] + .password-toggle-icon + .mds-m-alert, form input:invalid[data-type=mds-password] + .password-toggle-icon + .strong-password-indicator + .mds-m-alert,
form input:invalid + small + .mds-m-alert {
  max-height: 100px;
  opacity: 1;
}
form:has(input:invalid) .mds-m-button[data-type=submit] {
  --mds-m-button--color: var(--color-white-negative);
  --mds-m-button--color--hover: var(--color-white-negative);
  --mds-m-button--background-color: var(--color-black-25);
  --mds-m-button--background-color--hover: var(--color-black-25);
  --mds-m-button--border-color: var(--color-black-25);
  --mds-m-button--border-color--hover: var(--color-black-25);
  pointer-events: none;
}.dialog-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

.dialog-container {
  background-color: white;
  padding: 1.5rem;
  border-radius: 4px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  min-width: 400px;
  max-width: 90vw;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
}

.dialog-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
.dialog-header .mds-a-headline {
  margin: 0;
}

.dialog-close-button {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: inherit;
}
.dialog-close-button:hover {
  opacity: 0.7;
}

.dialog-content {
  overflow-y: auto;
}

.confirmation-dialog-footer {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
  margin-top: 1.5rem;
}