/* DRV-Designsystem Version: v7.7.0 */

/* stylelint-disable */
@layer drv.base, drv.components, drv.theme, drv.utilities, drv.overrides;
@layer drv.base {
  *,
  ::after,
  ::before {
    box-sizing: border-box;
  }
  html {
    max-inline-size: 100%;
    overflow-x: hidden;
    color-scheme: light dark;
    interpolate-size: allow-keywords;
  }
  body {
    font-size: var(--drv-font-body-01-sm-font-size, 1rem);
    line-height: var(--drv-font-body-01-sm-line-height, 1.5);
    letter-spacing: var(--drv-font-body-01-sm-letter-spacing, 0.4px);
    font-weight: var(--drv-font-body-01-sm-font-weight, var(--drv-font-weight-normal, 400));
    max-inline-size: 100%;
    margin: 0;
    background-color: var(--drv-color-ui-01, #ffffff);
    color: var(--drv-color-text-01, #000000);
    font-family: var(--drv-font-family, "Barlow"), Bahnschrift, "Barlow Fallback", "DIN Alternate", "Franklin Gothic Medium", "Nimbus Sans Narrow", sans-serif-condensed, sans-serif;
  }
  @media (min-width: 64.0625rem) {
    body {
      font-size: var(--drv-font-body-01-lg-font-size, 1.125rem);
      line-height: var(--drv-font-body-01-lg-line-height, 1.5);
      letter-spacing: var(--drv-font-body-01-lg-letter-spacing, 0.3px);
    }
  }
  img {
    display: inline-block;
    block-size: auto;
    max-inline-size: 100%;
  }
  p {
    margin-block: 0;
    hyphens: auto;
  }
  b,
  strong {
    font-weight: var(--drv-font-weight-bold, 600);
  }
  legend {
    padding: 0;
  }
  fieldset {
    margin: 0;
    padding: 0;
    border: 0;
  }
  input,
  textarea,
  keygen,
  select,
  button {
    margin: 0;
  }
  button,
  input,
  select,
  textarea {
    font: inherit;
    letter-spacing: inherit;
  }
  button > * {
    pointer-events: none;
  }
  a {
    transition-timing-function: cubic-bezier(0.5, 0, 1, 1);
    transition-property: text-decoration-thickness, text-underline-offset, color;
    transition-duration: 100ms;
    color: var(--drv-color-interactive-01, #083163);
    font: inherit;
    font-weight: var(--drv-font-weight-bold, 600);
    text-decoration-thickness: 0.0625rem;
    text-underline-offset: 0.1875rem;
  }
  a::after {
    transition-timing-function: cubic-bezier(0.5, 0, 1, 1);
    display: inline-block;
    block-size: var(--drv-icon-default-size, 1.5rem);
    inline-size: var(--drv-icon-default-size, 1.5rem);
    margin-inline-start: var(--drv-spacing-02, 0.25rem);
    transition-property: transform, filter;
    transition-duration: 100ms;
    background-repeat: no-repeat;
    background-position: right -0.0625rem;
    background-size: var(--drv-icon-default-size, 1.5rem);
    vertical-align: bottom;
    filter: var(--drv-color-interactive-01-filter, invert(16%) sepia(18%) saturate(4977%) hue-rotate(191deg) brightness(96%) contrast(103%));
  }
  a:hover, a:focus {
    color: var(--drv-color-interactive-01-hover, #000000);
    text-decoration-color: var(--drv-color-interactive-01-hover, #000000);
    text-decoration-thickness: 0.125rem;
    text-underline-offset: 0.125rem;
  }
  a:hover::after, a:focus::after {
    transform: translateX(-0.1875rem);
    filter: var(--drv-color-interactive-01-hover-filter, invert(0%));
  }
  a:focus-visible {
    border-radius: 0.5rem;
    outline: 0.0625rem solid var(--drv-color-interactive-01-hover, #000000);
    outline-offset: var(--drv-spacing-02, 0.25rem);
    box-shadow: 0 0 0 var(--drv-spacing-02, 0.25rem) var(--drv-color-ui-01, #ffffff);
  }
  a:focus:not(:focus-visible) {
    outline: none;
  }
  /* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
  @media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
      transition-duration: 0.01ms !important;
      transition-delay: 0.01ms !important;
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      scroll-behavior: auto !important;
    }
  }
  kbd {
    display: inline-block;
    padding-block: 2px;
    padding-inline: 4px;
    border: 1px solid #b4b4b4;
    border-radius: 3px;
    background-color: #eee;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 0 0 rgba(255, 255, 255, 0.7) inset;
    color: #333;
    font-size: 0.85em;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
  }
  @keyframes fadeIn {
    from {
      opacity: 0;
    }
  }
  .drv-divider {
    margin-block: 1rem;
    margin-inline: 0;
    border: 0;
    border-block-end: 0.125rem solid var(--drv-color-ui-04, #b4c1d0);
  }
}
/* stylelint-disable */
@layer drv.base {
  h1 {
    font-size: var(--drv-font-title-regular-sm-font-size, 1.3125rem);
    line-height: var(--drv-font-title-regular-sm-line-height, 1.3333333333);
    letter-spacing: var(--drv-font-title-regular-sm-letter-spacing, 0.2px);
    font-weight: var(--drv-font-title-regular-sm-font-weight, var(--drv-font-weight-bold, 600));
  }
  @media (min-width: 37.5rem) {
    h1 {
      font-size: var(--drv-font-title-regular-md-font-size, 1.625rem);
      line-height: var(--drv-font-title-regular-md-line-height, 1.3076923077);
    }
  }
  @media (min-width: 90rem) {
    h1 {
      font-size: var(--drv-font-title-regular-xlg-font-size, 2rem);
      line-height: var(--drv-font-title-regular-xlg-line-height, 1.28125);
    }
  }
  h2 {
    font-size: var(--drv-font-title-regular-sm-font-size, 1.3125rem);
    line-height: var(--drv-font-title-regular-sm-line-height, 1.3333333333);
    letter-spacing: var(--drv-font-title-regular-sm-letter-spacing, 0.2px);
    font-weight: var(--drv-font-title-regular-sm-font-weight, var(--drv-font-weight-bold, 600));
  }
  @media (min-width: 37.5rem) {
    h2 {
      font-size: var(--drv-font-title-regular-md-font-size, 1.625rem);
      line-height: var(--drv-font-title-regular-md-line-height, 1.3076923077);
    }
  }
  @media (min-width: 90rem) {
    h2 {
      font-size: var(--drv-font-title-regular-xlg-font-size, 2rem);
      line-height: var(--drv-font-title-regular-xlg-line-height, 1.28125);
    }
  }
  h3 {
    font-size: var(--drv-font-title-medium-sm-font-size, 1.125rem);
    line-height: var(--drv-font-title-medium-sm-line-height, 1.5);
    letter-spacing: var(--drv-font-title-medium-sm-letter-spacing, 0.3px);
    font-weight: var(--drv-font-title-medium-sm-font-weight, var(--drv-font-weight-bold, 600));
  }
  @media (min-width: 37.5rem) {
    h3 {
      font-size: var(--drv-font-title-medium-md-font-size, 1.25rem);
      line-height: var(--drv-font-title-medium-md-line-height, 1.5);
    }
  }
  @media (min-width: 90rem) {
    h3 {
      font-size: var(--drv-font-title-medium-xlg-font-size, 1.3125rem);
      line-height: var(--drv-font-title-medium-xlg-line-height, 1.5238095238);
    }
  }
  h4 {
    font-size: var(--drv-font-title-small-sm-font-size, 1rem);
    line-height: var(--drv-font-title-small-sm-line-height, 1.5);
    letter-spacing: var(--drv-font-title-small-sm-letter-spacing, 0.4px);
    font-weight: var(--drv-font-title-small-sm-font-weight, var(--drv-font-weight-bold, 600));
  }
  @media (min-width: 64.0625rem) {
    h4 {
      font-size: var(--drv-font-title-small-lg-font-size, 1.125rem);
      line-height: var(--drv-font-title-small-lg-line-height, 1.5);
      letter-spacing: var(--drv-font-title-small-lg-letter-spacing, 0.3px);
    }
  }
  h5 {
    font-size: var(--drv-font-body-01-sm-font-size, 1rem);
    line-height: var(--drv-font-body-01-sm-line-height, 1.5);
    letter-spacing: var(--drv-font-body-01-sm-letter-spacing, 0.4px);
    font-weight: var(--drv-font-body-01-sm-font-weight, var(--drv-font-weight-normal, 400));
  }
  @media (min-width: 64.0625rem) {
    h5 {
      font-size: var(--drv-font-body-01-lg-font-size, 1.125rem);
      line-height: var(--drv-font-body-01-lg-line-height, 1.5);
      letter-spacing: var(--drv-font-body-01-lg-letter-spacing, 0.3px);
    }
  }
  h6 {
    font-size: var(--drv-font-label-01-sm-font-size, 0.875rem);
    line-height: var(--drv-font-label-01-sm-line-height, 1.5);
    letter-spacing: var(--drv-font-label-01-sm-letter-spacing, 0.5px);
    font-weight: var(--drv-font-label-01-sm-font-weight, var(--drv-font-weight-bold, 600));
  }
  @media (min-width: 64.0625rem) {
    h6 {
      font-size: var(--drv-font-label-01-lg-font-size, 0.9375rem);
      line-height: var(--drv-font-label-01-lg-line-height, 1.5333333333);
    }
  }
  h6,
  h5,
  h4,
  h3,
  h2,
  h1 {
    margin: 0;
    color: var(--drv-color-text-01, #000000);
  }
  h1,
  h2,
  h3,
  h4,
  .drv-title-large,
  .drv-title-regular,
  .drv-title-medium,
  .drv-title-small {
    color: var(--drv-color-text-05, #000000);
  }
  .drv-body-01,
  .drv-label-01,
  .drv-label-02 {
    color: var(--drv-color-text-01, #000000);
  }
}
/* stylelint-disable */
@layer drv.components.icon {
  .drv-icon-host {
    display: inline-flex;
  }
  .drv-icon {
    box-sizing: content-box;
    flex-shrink: 0;
    block-size: 1.25em;
    block-size: var(--drv-icon-size, 1.25em);
    min-block-size: var(--drv-icon-default-size, 1.5rem);
    max-block-size: 100%;
    inline-size: 1.25em;
    inline-size: var(--drv-icon-size, 1.25em);
    min-inline-size: var(--drv-icon-default-size, 1.5rem);
    font-size: inherit;
    aspect-ratio: 1/1;
  }
}
/* stylelint-disable */
@layer drv.components.pictogram {
  .drv-pictogram-host {
    display: block;
  }
  .drv-pictogram {
    display: block;
    flex-shrink: 0;
    block-size: 1em;
    block-size: var(--drv-pictogram-size, 1em);
    min-block-size: 4.375rem;
    max-block-size: 100%;
    inline-size: 1em;
    inline-size: var(--drv-pictogram-size, 1em);
    min-inline-size: 4.375rem;
    max-inline-size: 100%;
    font-size: inherit;
    aspect-ratio: 1/1;
  }
}
/* stylelint-disable */
@layer drv.components.symbols {
  .drv-symbols-host {
    display: inline-flex;
  }
  .drv-symbols {
    box-sizing: content-box;
    flex-shrink: 0;
    block-size: 1.25em;
    block-size: var(--drv-icon-size, 1.25em);
    min-block-size: var(--drv-icon-default-size, 1.5rem);
    max-block-size: 100%;
    inline-size: 1.25em;
    inline-size: var(--drv-icon-size, 1.25em);
    min-inline-size: var(--drv-icon-default-size, 1.5rem);
    font-size: inherit;
    aspect-ratio: 1/1;
  }
  .drv-symbols--status-success {
    color: var(--drv-color-interactive-state-success-01, #048a01);
  }
  .drv-symbols--status-stop, .drv-symbols--status-error {
    color: var(--drv-color-interactive-state-error-01, #c9193d);
  }
  .drv-symbols--status-warning {
    color: var(--drv-color-interactive-state-warning-01, #f9ca1e);
  }
  .drv-symbols--status-info {
    color: var(--drv-color-interactive-state-info-01, #004faf);
  }
  .drv-symbols--status-open {
    color: var(--drv-color-interactive-01, #083163);
  }
  .drv-symbols--status-locked {
    color: var(--drv-color-interactive-state-info-01, #004faf);
  }
  .drv-symbols--status-in-progress {
    color: var(--drv-color-interactive-01, #083163);
  }
  .drv-symbols--status-processing {
    color: var(--drv-color-interactive-state-processing-01, #9747FF);
  }
  .drv-symbols--status-protected {
    color: var(--drv-color-interactive-state-info-01, #004faf);
  }
  .drv-symbols--status-unknown {
    color: var(--drv-color-ui-10, #505050);
  }
}
@layer drv.utilities {
  /* stylelint-disable */
  .drv-bg--ui-01 {
    --drv-bg--color: var(--drv-color-ui-01, #ffffff);
    background-color: var(--drv-bg--color);
  }
  .drv-bg--ui-02 {
    --drv-bg--color: var(--drv-color-ui-02, #d3db2b);
    background-color: var(--drv-bg--color);
  }
  .drv-bg--ui-03 {
    --drv-bg--color: var(--drv-color-ui-03, #6983a1);
    background-color: var(--drv-bg--color);
  }
  .drv-bg--ui-04 {
    --drv-bg--color: var(--drv-color-ui-04, #b4c1d0);
    background-color: var(--drv-bg--color);
  }
  .drv-bg--ui-05 {
    --drv-bg--color: var(--drv-color-ui-05, #e1e6ec);
    background-color: var(--drv-bg--color);
  }
  .drv-bg--ui-06 {
    --drv-bg--color: var(--drv-color-ui-06, #f0f2f5);
    background-color: var(--drv-bg--color);
  }
  .drv-bg--ui-07 {
    --drv-bg--color: var(--drv-color-ui-07, #083163);
    background-color: var(--drv-bg--color);
  }
  .drv-bg--ui-08 {
    --drv-bg--color: var(--drv-color-ui-08, #2e517b);
    background-color: var(--drv-bg--color);
  }
  .drv-bg--ui-09 {
    --drv-bg--color: var(--drv-color-ui-09, #000000);
    background-color: var(--drv-bg--color);
  }
  /* stylelint-disable */
  .drv-vh,
  .cdk-visually-hidden {
    position: absolute;
    block-size: 1px;
    inline-size: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    white-space: nowrap;
    clip-path: inset(100%);
  }
  .drv-hide {
    display: none !important;
  }
  .drv-show {
    display: var(--display, block) !important;
  }
  .drv-show--sm {
    display: var(--display, block) !important;
  }
  .drv-hide--sm {
    display: none !important;
  }
  @media (min-width: 37.5rem) {
    .drv-show--md {
      display: var(--display, block) !important;
    }
    .drv-hide--md {
      display: none !important;
    }
  }
  @media (min-width: 64.0625rem) {
    .drv-show--lg {
      display: var(--display, block) !important;
    }
    .drv-hide--lg {
      display: none !important;
    }
  }
  @media (min-width: 90rem) {
    .drv-show--xlg {
      display: var(--display, block) !important;
    }
    .drv-hide--xlg {
      display: none !important;
    }
  }
  @media (min-width: 112.5rem) {
    .drv-show--max {
      display: var(--display, block) !important;
    }
    .drv-hide--max {
      display: none !important;
    }
  }
  .drv-title-large {
    font-size: var(--drv-font-title-large-sm-font-size, 1.625rem);
    line-height: var(--drv-font-title-large-sm-line-height, 1.3076923077);
    letter-spacing: var(--drv-font-title-large-sm-letter-spacing, 0.2px);
    font-weight: var(--drv-font-title-large-sm-font-weight, var(--drv-font-weight-bold, 600));
  }
  @media (min-width: 37.5rem) {
    .drv-title-large {
      font-size: var(--drv-font-title-large-md-font-size, 2.25rem);
      line-height: var(--drv-font-title-large-md-line-height, 1.2777777778);
    }
  }
  @media (min-width: 64.0625rem) {
    .drv-title-large {
      font-size: var(--drv-font-title-large-lg-font-size, 2.625rem);
      line-height: var(--drv-font-title-large-lg-line-height, 1.2857142857);
    }
  }
  @media (min-width: 90rem) {
    .drv-title-large {
      font-size: var(--drv-font-title-large-xlg-font-size, 3.125rem);
      line-height: var(--drv-font-title-large-xlg-line-height, 1.28);
    }
  }
  .drv-title-regular {
    font-size: var(--drv-font-title-regular-sm-font-size, 1.3125rem);
    line-height: var(--drv-font-title-regular-sm-line-height, 1.3333333333);
    letter-spacing: var(--drv-font-title-regular-sm-letter-spacing, 0.2px);
    font-weight: var(--drv-font-title-regular-sm-font-weight, var(--drv-font-weight-bold, 600));
  }
  @media (min-width: 37.5rem) {
    .drv-title-regular {
      font-size: var(--drv-font-title-regular-md-font-size, 1.625rem);
      line-height: var(--drv-font-title-regular-md-line-height, 1.3076923077);
    }
  }
  @media (min-width: 90rem) {
    .drv-title-regular {
      font-size: var(--drv-font-title-regular-xlg-font-size, 2rem);
      line-height: var(--drv-font-title-regular-xlg-line-height, 1.28125);
    }
  }
  .drv-title-medium {
    font-size: var(--drv-font-title-medium-sm-font-size, 1.125rem);
    line-height: var(--drv-font-title-medium-sm-line-height, 1.5);
    letter-spacing: var(--drv-font-title-medium-sm-letter-spacing, 0.3px);
    font-weight: var(--drv-font-title-medium-sm-font-weight, var(--drv-font-weight-bold, 600));
  }
  @media (min-width: 37.5rem) {
    .drv-title-medium {
      font-size: var(--drv-font-title-medium-md-font-size, 1.25rem);
      line-height: var(--drv-font-title-medium-md-line-height, 1.5);
    }
  }
  @media (min-width: 90rem) {
    .drv-title-medium {
      font-size: var(--drv-font-title-medium-xlg-font-size, 1.3125rem);
      line-height: var(--drv-font-title-medium-xlg-line-height, 1.5238095238);
    }
  }
  .drv-title-small {
    font-size: var(--drv-font-title-small-sm-font-size, 1rem);
    line-height: var(--drv-font-title-small-sm-line-height, 1.5);
    letter-spacing: var(--drv-font-title-small-sm-letter-spacing, 0.4px);
    font-weight: var(--drv-font-title-small-sm-font-weight, var(--drv-font-weight-bold, 600));
  }
  @media (min-width: 64.0625rem) {
    .drv-title-small {
      font-size: var(--drv-font-title-small-lg-font-size, 1.125rem);
      line-height: var(--drv-font-title-small-lg-line-height, 1.5);
      letter-spacing: var(--drv-font-title-small-lg-letter-spacing, 0.3px);
    }
  }
  .drv-title-mini {
    font-size: var(--drv-font-title-mini-sm-font-size, 0.875rem);
    line-height: var(--drv-font-title-mini-sm-line-height, 1.5);
    letter-spacing: var(--drv-font-title-mini-sm-letter-spacing, 0.5px);
    font-weight: var(--drv-font-title-mini-sm-font-weight, var(--drv-font-weight-bold, 600));
  }
  @media (min-width: 64.0625rem) {
    .drv-title-mini {
      font-size: var(--drv-font-title-mini-lg-font-size, 0.9375rem);
      line-height: var(--drv-font-title-mini-lg-line-height, 1.5333333333);
    }
  }
  .drv-body-01 {
    font-size: var(--drv-font-body-01-sm-font-size, 1rem);
    line-height: var(--drv-font-body-01-sm-line-height, 1.5);
    letter-spacing: var(--drv-font-body-01-sm-letter-spacing, 0.4px);
    font-weight: var(--drv-font-body-01-sm-font-weight, var(--drv-font-weight-normal, 400));
  }
  @media (min-width: 64.0625rem) {
    .drv-body-01 {
      font-size: var(--drv-font-body-01-lg-font-size, 1.125rem);
      line-height: var(--drv-font-body-01-lg-line-height, 1.5);
      letter-spacing: var(--drv-font-body-01-lg-letter-spacing, 0.3px);
    }
  }
  .drv-body-02 {
    font-size: var(--drv-font-body-02-sm-font-size, 1.125rem);
    line-height: var(--drv-font-body-02-sm-line-height, 1.5);
    letter-spacing: var(--drv-font-body-02-sm-letter-spacing, 0.2px);
    font-weight: var(--drv-font-body-02-sm-font-weight, var(--drv-font-weight-normal, 400));
  }
  @media (min-width: 37.5rem) {
    .drv-body-02 {
      font-size: var(--drv-font-body-02-md-font-size, 1.25rem);
      line-height: var(--drv-font-body-02-md-line-height, 1.5);
    }
  }
  @media (min-width: 64.0625rem) {
    .drv-body-02 {
      font-size: var(--drv-font-body-02-lg-font-size, 1.3125rem);
      line-height: var(--drv-font-body-02-lg-line-height, 1.5238095238);
    }
  }
  .drv-quote-01 {
    font-size: var(--drv-font-quote-01-sm-font-size, 1.25rem);
    line-height: var(--drv-font-quote-01-sm-line-height, 1.5);
    letter-spacing: var(--drv-font-quote-01-sm-letter-spacing, 0.3px);
    font-weight: var(--drv-font-quote-01-sm-font-weight, 300);
  }
  @media (min-width: 37.5rem) {
    .drv-quote-01 {
      font-size: var(--drv-font-quote-01-md-font-size, 1.3125rem);
      line-height: var(--drv-font-quote-01-md-line-height, 1.5238095238);
    }
  }
  @media (min-width: 64.0625rem) {
    .drv-quote-01 {
      font-size: var(--drv-font-quote-01-lg-font-size, 1.5rem);
      line-height: var(--drv-font-quote-01-lg-line-height, 1.5);
    }
  }
  .drv-label-01 {
    font-size: var(--drv-font-label-01-sm-font-size, 0.875rem);
    line-height: var(--drv-font-label-01-sm-line-height, 1.5);
    letter-spacing: var(--drv-font-label-01-sm-letter-spacing, 0.5px);
    font-weight: var(--drv-font-label-01-sm-font-weight, var(--drv-font-weight-bold, 600));
  }
  @media (min-width: 64.0625rem) {
    .drv-label-01 {
      font-size: var(--drv-font-label-01-lg-font-size, 0.9375rem);
      line-height: var(--drv-font-label-01-lg-line-height, 1.5333333333);
    }
  }
  .drv-label-02 {
    font-size: var(--drv-font-label-02-sm-font-size, 0.875rem);
    line-height: var(--drv-font-label-02-sm-line-height, 1.5);
    letter-spacing: var(--drv-font-label-02-sm-letter-spacing, 0.5px);
    font-weight: var(--drv-font-label-02-sm-font-weight, var(--drv-font-weight-normal, 400));
  }
  @media (min-width: 64.0625rem) {
    .drv-label-02 {
      font-size: var(--drv-font-label-02-lg-font-size, 0.9375rem);
      line-height: var(--drv-font-label-02-lg-line-height, 1.5333333333);
    }
  }
  .drv-action-01 {
    font-size: var(--drv-font-action-01-sm-font-size, 1rem);
    line-height: var(--drv-font-action-01-sm-line-height, 1.5);
    letter-spacing: var(--drv-font-action-01-sm-letter-spacing, 0.4px);
    font-weight: var(--drv-font-action-01-sm-font-weight, var(--drv-font-weight-bold, 600));
  }
  @media (min-width: 64.0625rem) {
    .drv-action-01 {
      font-size: var(--drv-font-action-01-lg-font-size, 1.125rem);
      line-height: var(--drv-font-action-01-lg-line-height, 1.5);
      letter-spacing: var(--drv-font-action-01-lg-letter-spacing, 0.3px);
    }
  }
  .drv-prevent-scroll,
  .drv-prevent-scroll body {
    block-size: calc(var(--window-inner-height) - 1px);
    overflow: hidden;
  }
}