/* DGUV Reference Tokens */
/* These are the foundational design tokens from Figma */
/* Auto-generated - do not edit manually */
:root {
  /* Reference tokens will be synced here */
  /*  */
  /* Custom */
  --ref-color-custom-10: #f1d9ea;
  --ref-color-custom-20: #edbad9;
  --ref-color-custom-30: #cb5d9f;
  --ref-color-custom-50: #b81178;
  --ref-color-custom-60: #881861;
  /*  */
  /* Error */
  --ref-color-error-10: #fdeded;
  --ref-color-error-20: #f8c7c8;
  --ref-color-error-30: #f35449;
  --ref-color-error-50: #d51317;
  --ref-color-error-60: #9b1c18;
  /*  */
  /* Font Weights */
  --ref-font-weight-400: 400;
  --ref-font-weight-600: 600;
  /*  */
  /* Info */
  --ref-color-info-10: #ebf6f6;
  --ref-color-info-20: #a4d8de;
  --ref-color-info-30: #6ebcc9;
  --ref-color-info-50: #007c84;
  --ref-color-info-60: #006169;
  /*  */
  /* Neutral */
  --ref-color-neutral-0: #ffffff;
  --ref-color-neutral-05: #f6f6f6;
  --ref-color-neutral-10: #ededed;
  --ref-color-neutral-20: #d9d9d9;
  --ref-color-neutral-30: #c6c6c6;
  --ref-color-neutral-50: #9c9c9c;
  --ref-color-neutral-60: #818181;
  --ref-color-neutral-70: #6b6b6b;
  --ref-color-neutral-80: #555555;
  --ref-color-neutral-90: #3c3c3c;
  /*  */
  /* Other */
  /*  */
  /* Primary */
  --ref-color-primary-10: #d4edfc;
  --ref-color-primary-20: #a1daf8;
  --ref-color-primary-30: #4ebfef;
  --ref-color-primary-50: #0095db;
  --ref-color-primary-60: #0063af;
  /*  */
  /* Secondary */
  --ref-color-secondary-10: #ecf3da;
  --ref-color-secondary-20: #d5df95;
  --ref-color-secondary-30: #afca0b;
  --ref-color-secondary-50: #4ca22f;
  --ref-color-secondary-60: #00812c;
  /*  */
  /* Sizes */
  --ref-size-01: 0.0625rem;
  --ref-size-02: 0.125rem;
  --ref-size-04: 0.25rem;
  --ref-size-08: 0.5rem;
  --ref-size-12: 0.75rem;
  --ref-size-16: 1rem;
  --ref-size-20: 1.25rem;
  --ref-size-24: 1.5rem;
  --ref-size-28: 1.75rem;
  --ref-size-32: 2rem;
  --ref-size-36: 2.25rem;
  --ref-size-40: 2.5rem;
  --ref-size-44: 2.75rem;
  --ref-size-48: 3rem;
  --ref-size-52: 3.25rem;
  --ref-size-56: 3.5rem;
  --ref-size-60: 3.75rem;
  --ref-size-64: 4rem;
  --ref-size-72: 4.5rem;
  --ref-size-80: 5rem;
  /*  */
  /* Success */
  --ref-color-success-10: #ecf3da;
  --ref-color-success-20: #d5df95;
  --ref-color-success-30: #afca0b;
  --ref-color-success-50: #4ca22f;
  --ref-color-success-60: #00812c;
  /*  */
  /* Warning */
  --ref-color-warning-10: #faf4d6;
  --ref-color-warning-20: #ffe4b2;
  --ref-color-warning-30: #ffc670;
  --ref-color-warning-50: #f7a600;
  --ref-color-warning-60: #dd7500;
  --ref-color-warning-70: #b55103;
  --ref-color-success-70: #006226;
  --ref-size-90: 5.625rem;
  --ref-color-secondary-70: #006226;
  --ref-color-primary-70: #004994;
  --ref-font-family: "Source Sans 3";
  --ref-color-neutral-100: #000000;
  --ref-color-info-70: #004433;
  --ref-font-weight-700: 700;
  --ref-color-error-70: #681c16;
  --ref-color-custom-70: #56184a;
}

/* DGUV System Tokens */
/* These are semantic tokens that reference foundation tokens */
/* Auto-generated - do not edit manually */
:root {
  /* System tokens will be synced here */
  /*  */
  /* Borders */
  --sys-border-radius-50-: 62.5rem;
  --sys-border-radius-l: var(--ref-size-08);
  --sys-border-radius-m: var(--ref-size-04);
  --sys-border-radius-none: var(--ref-size-00);
  --sys-border-radius-s: var(--ref-size-02);
  --sys-border-radius-xl: var(--ref-size-16);
  --sys-border-radius-xs: var(--ref-size-01);
  --sys-border-size-l: var(--ref-size-04);
  --sys-border-size-m: var(--ref-size-02);
  /*  */
  /* Color Contrast */
  --sys-color-contrast-bold-error-fg: var(--ref-color-neutral-90);
  --sys-color-contrast-bold-error-fill: var(--ref-color-error-30);
  --sys-color-contrast-bold-neutral-fg: var(--ref-color-neutral-90);
  --sys-color-contrast-bold-neutral-fill: var(--ref-color-neutral-30);
  --sys-color-contrast-bold-primary-fg: var(--ref-color-neutral-90);
  --sys-color-contrast-bold-primary-fill: var(--ref-color-primary-30);
  --sys-color-contrast-bold-secondary-fg: var(--ref-color-neutral-90);
  --sys-color-contrast-bold-secondary-fill: var(--ref-color-secondary-30);
  --sys-color-contrast-bright-error-fg: var(--ref-color-error-60);
  --sys-color-contrast-bright-error-fill: var(--ref-color-neutral-0);
  --sys-color-contrast-bright-neutral-fg: var(--ref-color-neutral-80);
  --sys-color-contrast-bright-neutral-fill: var(--ref-color-neutral-0);
  --sys-color-contrast-bright-primary-fg: var(--ref-color-primary-60);
  --sys-color-contrast-bright-primary-fill: var(--ref-color-neutral-0);
  --sys-color-contrast-bright-secondary-fg: var(--ref-color-secondary-60);
  --sys-color-contrast-bright-secondary-fill: var(--ref-color-neutral-0);
  --sys-color-contrast-rich-error-fg: var(--ref-color-error-70);
  --sys-color-contrast-rich-error-fill: var(--ref-color-error-20);
  --sys-color-contrast-rich-neutral-fg: var(--ref-color-neutral-80);
  --sys-color-contrast-rich-neutral-fill: var(--ref-color-neutral-20);
  --sys-color-contrast-rich-primary-fg: var(--ref-color-primary-70);
  --sys-color-contrast-rich-primary-fill: var(--ref-color-primary-20);
  --sys-color-contrast-rich-secondary-fg: var(--ref-color-success-70);
  --sys-color-contrast-rich-secondary-fill: var(--ref-color-secondary-20);
  --sys-color-contrast-soft-error-background: var(--ref-color-error-10);
  --sys-color-contrast-soft-error-fg: var(--ref-color-error-60);
  --sys-color-contrast-soft-neutral-fg: var(--ref-color-neutral-80);
  --sys-color-contrast-soft-neutral-fill: var(--ref-color-neutral-10);
  --sys-color-contrast-soft-primary-fg: var(--ref-color-primary-60);
  --sys-color-contrast-soft-primary-fill: var(--ref-color-primary-10);
  --sys-color-contrast-soft-secondary-fg: var(--ref-color-secondary-70);
  /*  */
  /* Container Colors */
  /* error */
  --sys-color-container-on-base-error-active-border: var(--ref-color-error-70);
  --sys-color-container-on-base-error-active-fg: var(--ref-color-error-70);
  --sys-color-container-on-base-error-active-fill: var(--sys-color-surface-highlight-error-fill);
  --sys-color-container-on-base-error-default-border: var(--ref-color-error-60);
  --sys-color-container-on-base-error-default-fg: var(--ref-color-error-60);
  --sys-color-container-on-base-error-default-fill: var(--sys-color-surface-default-fill);
  --sys-color-container-on-base-error-disabled-border: var(--ref-color-neutral-50);
  --sys-color-container-on-base-error-disabled-fg: var(--ref-color-neutral-50);
  --sys-color-container-on-base-error-disabled-fill: var(--sys-color-surface-default-fill);
  --sys-color-container-on-base-error-focus-border: var(--ref-color-error-70);
  --sys-color-container-on-base-error-focus-fg: var(--ref-color-error-70);
  --sys-color-container-on-base-error-focus-fill: var(--sys-color-surface-neutral-fill);
  --sys-color-container-on-base-error-hover-border: var(--ref-color-error-70);
  --sys-color-container-on-base-error-hover-fg: var(--ref-color-error-70);
  --sys-color-container-on-base-error-hover-fill: var(--sys-color-surface-neutral-fill);
  --sys-color-container-on-inverted-error-active-border: var(--ref-color-neutral-0);
  --sys-color-container-on-inverted-error-active-fg: var(--ref-color-neutral-0);
  --sys-color-container-on-inverted-error-active-fill: var(--ref-color-error-50);
  --sys-color-container-on-inverted-error-default-border: var(--sys-color-surface-inverted-fg);
  --sys-color-container-on-inverted-error-default-fg: var(--sys-color-surface-inverted-fg);
  --sys-color-container-on-inverted-error-default-fill: var(
      --sys-color-surface-inverted-error-fill
  );
  --sys-color-container-on-inverted-error-disabled-border: var(--ref-color-neutral-50);
  --sys-color-container-on-inverted-error-disabled-fg: var(--ref-color-neutral-50);
  --sys-color-container-on-inverted-error-disabled-fill: var(
      --sys-color-surface-inverted-error-fill
  );
  --sys-color-container-on-inverted-error-focus-border: var(--ref-color-error-10);
  --sys-color-container-on-inverted-error-focus-fg: var(--ref-color-error-10);
  --sys-color-container-on-inverted-error-focus-fill: var(--ref-color-error-60);
  --sys-color-container-on-inverted-error-hover-border: var(--ref-color-error-10);
  --sys-color-container-on-inverted-error-hover-fg: var(--ref-color-error-10);
  /*  */
  /* Container Colors */
  /* neutral */
  --sys-color-container-on-base-neutral-active-border: var(--ref-color-neutral-90);
  --sys-color-container-on-base-neutral-active-fg: var(--ref-color-neutral-90);
  --sys-color-container-on-base-neutral-active-fill: var(
      --sys-color-surface-highlight-neutral-fill
  );
  --sys-color-container-on-base-neutral-default-border: var(--ref-color-neutral-90);
  --sys-color-container-on-base-neutral-default-fg: var(--ref-color-neutral-90);
  --sys-color-container-on-base-neutral-default-fill: var(--sys-color-surface-default-fill);
  --sys-color-container-on-base-neutral-disabled-border: var(--ref-color-neutral-50);
  --sys-color-container-on-base-neutral-disabled-fg: var(--ref-color-neutral-50);
  --sys-color-container-on-base-neutral-disabled-fill: var(--sys-color-surface-default-fill);
  --sys-color-container-on-base-neutral-focus-border: var(--ref-color-neutral-80);
  --sys-color-container-on-base-neutral-focus-fg: var(--ref-color-neutral-80);
  --sys-color-container-on-base-neutral-focus-fill: var(--sys-color-surface-neutral-fill);
  --sys-color-container-on-base-neutral-hover-border: var(--ref-color-neutral-80);
  --sys-color-container-on-base-neutral-hover-fg: var(--ref-color-neutral-80);
  --sys-color-container-on-base-neutral-hover-fill: var(--sys-color-surface-neutral-fill);
  --sys-color-container-on-inverted-neutral-active-border: var(--ref-color-neutral-0);
  --sys-color-container-on-inverted-neutral-active-fg: var(--ref-color-neutral-0);
  --sys-color-container-on-inverted-neutral-active-fill: var(--ref-color-neutral-50);
  --sys-color-container-on-inverted-neutral-default-border: var(--sys-color-surface-inverted-fg);
  --sys-color-container-on-inverted-neutral-default-fg: var(--sys-color-surface-inverted-fg);
  --sys-color-container-on-inverted-neutral-default-fill: var(
      --sys-color-surface-inverted-neutral-fill
  );
  --sys-color-container-on-inverted-neutral-disabled-border: var(--ref-color-neutral-50);
  --sys-color-container-on-inverted-neutral-disabled-fg: var(--ref-color-neutral-50);
  --sys-color-container-on-inverted-neutral-disabled-fill: var(
      --sys-color-surface-inverted-neutral-fill
  );
  --sys-color-container-on-inverted-neutral-focus-border: var(--ref-color-neutral-10);
  --sys-color-container-on-inverted-neutral-focus-fg: var(--ref-color-neutral-10);
  --sys-color-container-on-inverted-neutral-focus-fill: var(--ref-color-neutral-90);
  --sys-color-container-on-inverted-neutral-hover-border: var(--ref-color-neutral-10);
  --sys-color-container-on-inverted-neutral-hover-fg: var(--ref-color-neutral-10);
  /*  */
  /* Container Colors */
  /* primary */
  --sys-color-container-on-base-primary-active-border: var(--ref-color-primary-60);
  --sys-color-container-on-base-primary-active-fg: var(--ref-color-primary-60);
  --sys-color-container-on-base-primary-active-fill: var(
      --sys-color-surface-highlight-primary-fill
  );
  --sys-color-container-on-base-primary-default-border: var(--ref-color-primary-60);
  --sys-color-container-on-base-primary-default-fg: var(--ref-color-primary-60);
  --sys-color-container-on-base-primary-default-fill: var(--sys-color-surface-default-fill);
  --sys-color-container-on-base-primary-disabled-border: var(--ref-color-neutral-50);
  --sys-color-container-on-base-primary-disabled-fg: var(--ref-color-neutral-50);
  --sys-color-container-on-base-primary-disabled-fill: var(--sys-color-surface-default-fill);
  --sys-color-container-on-base-primary-focus-border: var(--ref-color-primary-70);
  --sys-color-container-on-base-primary-focus-fg: var(--ref-color-primary-70);
  --sys-color-container-on-base-primary-focus-fill: var(--sys-color-surface-neutral-fill);
  --sys-color-container-on-base-primary-hover-border: var(--ref-color-primary-70);
  --sys-color-container-on-base-primary-hover-fg: var(--ref-color-primary-70);
  --sys-color-container-on-base-primary-hover-fill: var(--sys-color-surface-neutral-fill);
  --sys-color-container-on-inverted-primary-active-border: var(--ref-color-primary-20);
  --sys-color-container-on-inverted-primary-active-fg: var(--ref-color-primary-20);
  --sys-color-container-on-inverted-primary-active-fill: var(--ref-color-primary-70);
  --sys-color-container-on-inverted-primary-default-border: var(--sys-color-surface-inverted-fg);
  --sys-color-container-on-inverted-primary-default-fg: var(--sys-color-surface-inverted-fg);
  --sys-color-container-on-inverted-primary-default-fill: var(
      --sys-color-surface-inverted-primary-fill
  );
  --sys-color-container-on-inverted-primary-disabled-border: var(--ref-color-primary-60);
  --sys-color-container-on-inverted-primary-disabled-fg: var(--ref-color-primary-60);
  --sys-color-container-on-inverted-primary-disabled-fill: var(
      --sys-color-surface-inverted-primary-fill
  );
  --sys-color-container-on-inverted-primary-focus-border: var(--sys-color-surface-inverted-fg);
  --sys-color-container-on-inverted-primary-focus-fg: var(--sys-color-surface-inverted-fg);
  --sys-color-container-on-inverted-primary-focus-fill: var(--ref-color-primary-60);
  --sys-color-container-on-inverted-primary-hover-border: var(--sys-color-surface-inverted-fg);
  --sys-color-container-on-inverted-primary-hover-fg: var(--sys-color-surface-inverted-fg);
  /*  */
  /* Container Colors */
  /* secondary */
  --sys-color-container-on-base-secondary-active-border: var(--ref-color-secondary-70);
  --sys-color-container-on-base-secondary-active-fg: var(--ref-color-secondary-70);
  --sys-color-container-on-base-secondary-active-fill: var(
      --sys-color-surface-highlight-secondary-fill
  );
  --sys-color-container-on-base-secondary-default-border: var(--ref-color-secondary-60);
  --sys-color-container-on-base-secondary-default-fg: var(--ref-color-secondary-60);
  --sys-color-container-on-base-secondary-default-fill: var(--sys-color-surface-default-fill);
  --sys-color-container-on-base-secondary-disabled-border: var(--ref-color-neutral-50);
  --sys-color-container-on-base-secondary-disabled-fg: var(--ref-color-neutral-50);
  --sys-color-container-on-base-secondary-disabled-fill: var(--sys-color-surface-default-fill);
  --sys-color-container-on-base-secondary-focus-border: var(--ref-color-secondary-70);
  --sys-color-container-on-base-secondary-focus-fg: var(--ref-color-secondary-70);
  --sys-color-container-on-base-secondary-focus-fill: var(--sys-color-surface-neutral-fill);
  --sys-color-container-on-base-secondary-hover-border: var(--ref-color-secondary-70);
  --sys-color-container-on-base-secondary-hover-fg: var(--ref-color-secondary-70);
  --sys-color-container-on-base-secondary-hover-fill: var(--sys-color-surface-neutral-fill);
  --sys-color-container-on-inverted-secondary-active-border: var(--ref-color-neutral-0);
  --sys-color-container-on-inverted-secondary-active-fg: var(--ref-color-neutral-0);
  --sys-color-container-on-inverted-secondary-active-fill: var(--ref-color-secondary-50);
  --sys-color-container-on-inverted-secondary-default-border: var(
      --sys-color-surface-inverted-fg
  );
  --sys-color-container-on-inverted-secondary-default-fg: var(--sys-color-surface-inverted-fg);
  --sys-color-container-on-inverted-secondary-default-fill: var(
      --sys-color-surface-inverted-secondary-fill
  );
  --sys-color-container-on-inverted-secondary-disabled-border: var(--ref-color-neutral-50);
  --sys-color-container-on-inverted-secondary-disabled-fg: var(--ref-color-neutral-50);
  --sys-color-container-on-inverted-secondary-disabled-fill: var(
      --sys-color-surface-inverted-secondary-fill
  );
  --sys-color-container-on-inverted-secondary-focus-border: var(--ref-color-secondary-10);
  --sys-color-container-on-inverted-secondary-focus-fg: var(--ref-color-secondary-10);
  --sys-color-container-on-inverted-secondary-focus-fill: var(--ref-color-secondary-60);
  --sys-color-container-on-inverted-secondary-hover-border: var(--ref-color-secondary-10);
  --sys-color-container-on-inverted-secondary-hover-fg: var(--ref-color-secondary-10);
  /*  */
  /* Container Colors */
  /* unbound Container (text style buttons) */
  --sys-color-container-unbound-on-highlight-error-active-fill: var(
      --sys-color-contrast-rich-error-fill
  );
  --sys-color-container-unbound-on-highlight-error-focus-fill: var(
      --sys-color-contrast-bright-error-fill
  );
  --sys-color-container-unbound-on-highlight-error-hover-fill: var(
      --sys-color-contrast-bright-error-fill
  );
  --sys-color-container-unbound-on-highlight-neutral-active-fill: var(
      --sys-color-contrast-rich-neutral-fill
  );
  --sys-color-container-unbound-on-highlight-neutral-focus-fill: var(
      --sys-color-contrast-bright-neutral-fill
  );
  --sys-color-container-unbound-on-highlight-neutral-hover-fill: var(
      --sys-color-contrast-bright-neutral-fill
  );
  --sys-color-container-unbound-on-highlight-primary-active-fill: var(
      --sys-color-contrast-rich-primary-fill
  );
  --sys-color-container-unbound-on-highlight-primary-focus-fill: var(
      --sys-color-contrast-bright-primary-fill
  );
  --sys-color-container-unbound-on-highlight-primary-hover-fill: var(
      --sys-color-contrast-bright-primary-fill
  );
  --sys-color-container-unbound-on-highlight-secondary-active-fill: var(
      --sys-color-contrast-rich-secondary-fill
  );
  --sys-color-container-unbound-on-highlight-secondary-focus-fill: var(
      --sys-color-contrast-bright-secondary-fill
  );
  --sys-color-container-unbound-on-highlight-secondary-hover-fill: var(
      --sys-color-contrast-bright-secondary-fill
  );
  --sys-color-container-unbound-on-neutral-active-fill: var(
      --sys-color-contrast-rich-neutral-fill
  );
  --sys-color-container-unbound-on-neutral-focus-fill: var(
      --sys-color-contrast-bright-neutral-fill
  );
  /*  */
  /* Focus */
  --sys-focus-outline-offset: var(--ref-size-02);
  --sys-focus-outline-on-default: var(--ref-color-primary-70);
  --sys-focus-outline-on-inverted: var(--ref-color-neutral-0);
  /*  */
  /* Other */
  /*  */
  /* Spacing */
  --sys-spacing-0: var(--ref-size-00);
  --sys-spacing-1: var(--ref-size-04);
  --sys-spacing-2: var(--ref-size-08);
  --sys-spacing-3: var(--ref-size-12);
  --sys-spacing-4: var(--ref-size-16);
  --sys-spacing-5: var(--ref-size-20);
  --sys-spacing-6: var(--ref-size-24);
  --sys-spacing-7: var(--ref-size-28);
  --sys-spacing-8: var(--ref-size-32);
  --sys-spacing-10: var(--ref-size-40);
  /*  */
  /* Surface Colors */
  --sys-color-surface-default-accent: var(--ref-color-primary-70);
  --sys-color-surface-default-border: var(--ref-color-neutral-10);
  --sys-color-surface-default-fg: var(--ref-color-neutral-90);
  --sys-color-surface-default-fill: var(--ref-color-neutral-0);
  --sys-color-surface-error-accent: var(--ref-color-error-60);
  --sys-color-surface-highlight-error-accent: var(--sys-color-surface-error-accent);
  --sys-color-surface-highlight-error-border: var(--ref-color-error-20);
  --sys-color-surface-highlight-error-fill: var(--ref-color-error-10);
  --sys-color-surface-highlight-fg: var(--ref-color-neutral-90);
  --sys-color-surface-highlight-neutral-accent: var(--sys-color-surface-neutral-accent);
  --sys-color-surface-highlight-neutral-border: var(--ref-color-neutral-20);
  --sys-color-surface-highlight-neutral-fill: var(--ref-color-neutral-10);
  --sys-color-surface-highlight-primary-accent: var(--sys-color-surface-primary-accent);
  --sys-color-surface-highlight-primary-border: var(--ref-color-primary-20);
  --sys-color-surface-highlight-primary-fill: var(--ref-color-primary-10);
  --sys-color-surface-highlight-secondary-accent: var(--sys-color-surface-secondary-accent);
  --sys-color-surface-highlight-secondary-border: var(--ref-color-secondary-20);
  --sys-color-surface-highlight-secondary-fill: var(--ref-color-secondary-10);
  --sys-color-surface-inverted-accent: var(--ref-color-neutral-0);
  --sys-color-surface-inverted-error-border: var(--ref-color-error-60);
  --sys-color-surface-inverted-error-fill: var(--ref-color-error-70);
  --sys-color-surface-inverted-fg: var(--ref-color-neutral-0);
  --sys-color-surface-inverted-neutral-border: var(--ref-color-neutral-60);
  --sys-color-surface-inverted-neutral-fill: var(--ref-color-neutral-80);
  --sys-color-surface-inverted-primary-border: var(--ref-color-primary-60);
  --sys-color-surface-inverted-primary-fill: var(--ref-color-primary-70);
  --sys-color-surface-inverted-secondary-border: var(--ref-color-secondary-60);
  --sys-color-surface-inverted-secondary-fill: var(--ref-color-secondary-70);
  --sys-color-surface-neutral-accent: var(--ref-color-primary-70);
  --sys-color-surface-neutral-border: var(--ref-color-neutral-20);
  --sys-color-surface-neutral-fg: var(--ref-color-neutral-90);
  --sys-color-surface-neutral-fill: var(--ref-color-neutral-05);
  --sys-color-surface-primary-accent: var(--ref-color-primary-60);
  /*  */
  /* Typography */
  --sys-typography-body-regular-font-size: var(--responsive-typography-body-md-font-size);
  --sys-typography-body-regular-font-weight: var(--ref-font-weight-400);
  --sys-typography-body-regular-line-height: var(--responsive-typography-body-md-line-height);
  --sys-typography-body-strong-font-size: var(--responsive-typography-body-md-font-size);
  --sys-typography-body-strong-font-weight: var(--ref-font-weight-600);
  --sys-typography-body-strong-line-height: var(--responsive-typography-body-md-line-height);
  --sys-typography-button-font-weight: var(--ref-font-weight-600);
  --sys-typography-caption-font-size: var(--responsive-typography-body-sm-font-size);
  --sys-typography-caption-font-weight: var(--ref-font-weight-400);
  --sys-typography-caption-line-height: var(--responsive-typography-body-sm-line-height);
  --sys-typography-H1-font-size: var(--responsive-typography-display-font-size);
  --sys-typography-H1-font-weight: var(--ref-font-weight-700);
  --sys-typography-H1-line-height: var(--responsive-typography-display-line-height);
  --sys-typography-H2-font-size: var(--responsive-typography-headline-xl-font-size);
  --sys-typography-H2-font-weight: var(--ref-font-weight-600);
  --sys-typography-H2-line-height: var(--responsive-typography-headline-xl-line-height);
  --sys-typography-H3-font-size: var(--responsive-typography-headline-l-font-size);
  --sys-typography-H3-font-weight: var(--ref-font-weight-600);
  --sys-typography-H3-line-height: var(--responsive-typography-headline-l-line-height);
  --sys-typography-H4-font-size: var(--responsive-typography-headline-m-font-size);
  --sys-typography-H4-font-weight: var(--ref-font-weight-600);
  --sys-typography-H4-line-height: var(--responsive-typography-headline-m-line-height);
  --sys-typography-H5-font-size: var(--responsive-typography-headline-s-font-size);
  --sys-typography-H5-font-weight: var(--ref-font-weight-600);
  --sys-typography-H5-line-height: var(--responsive-typography-headline-s-line-height);
  --sys-typography-H6-font-size: var(--responsive-typography-headline-xs-font-size);
  --sys-typography-H6-font-weight: var(--ref-font-weight-600);
  --sys-typography-H6-line-height: var(--responsive-typography-headline-xs-line-height);
  --sys-typography-label-font-size: var(--responsive-typography-body-sm-font-size);
  --sys-typography-label-font-weight: var(--ref-font-weight-600);
  --sys-typography-label-line-height: var(--responsive-typography-body-sm-line-height);
  --sys-typography-link-block-font-weight: var(--ref-font-weight-600);
  --sys-typography-link-font-weight: var(--ref-font-weight-600);
  --sys-typography-link-inline-font-weight: var(--ref-font-weight-400);
  --sys-typography-link-plain-font-weight: var(--ref-font-weight-400);
  --sys-typography-tag-font-size: var(--responsive-typography-overline-font-size);
  --sys-typography-tag-font-weight: var(--ref-font-weight-600);
  --sys-typography-tag-line-height: var(--responsive-typography-overline-line-height);
  --sys-color-surface-secondary-accent: var(--ref-color-secondary-60);
  --sys-spacing-12: var(--ref-size-48);
  --sys-elevation-TBD: "String value";
  --sys-focus-outline-width: var(--ref-size-02);
  --sys-color-container-unbound-on-neutral-hover-fill: var(
      --sys-color-contrast-bright-neutral-fill
  );
  --sys-color-container-on-inverted-secondary-hover-fill: var(--ref-color-secondary-60);
  --sys-color-container-on-inverted-primary-hover-fill: var(--ref-color-primary-60);
  --sys-color-container-on-inverted-neutral-hover-fill: var(--ref-color-neutral-90);
  --sys-color-container-on-inverted-error-hover-fill: var(--ref-color-error-60);
  --sys-color-contrast-soft-secondary-fill: var(--ref-color-secondary-10);
  --sys-border-size-s: var(--ref-size-01);
}

/* DGUV Component Tokens */
/* These are component-specific tokens */
/* Auto-generated - do not edit manually */
:root {
  /* Component tokens will be synced here */
  /*  */
  /* General */
  --comp-button-border-radius: var(--sys-border-radius-none);
  --comp-button-border-width: var(--sys-border-size-s);
  --comp-button-error-contained-default-fg: var(--ref-color-neutral-100);
  --comp-button-error-contained-default-fill: var(--ref-color-error-30);
  --comp-button-error-contained-disabled-fg: var(--ref-color-neutral-50);
  --comp-button-error-contained-disabled-fill: var(--ref-color-neutral-20);
  --comp-button-error-contained-focus-fg: var(--ref-color-neutral-100);
  --comp-button-error-contained-focus-fill: var(--ref-color-error-20);
  --comp-button-error-contained-hover-fg: var(--ref-color-neutral-100);
  --comp-button-error-contained-hover-fill: var(--ref-color-error-20);
  --comp-button-error-contained-press-fg: var(--ref-color-neutral-0);
  --comp-button-error-contained-press-fill: var(--ref-color-error-50);
  --comp-button-neutral-contained-default-fg: var(--ref-color-neutral-100);
  --comp-button-neutral-contained-default-fill: var(--ref-color-neutral-30);
  --comp-button-neutral-contained-disabled-fg: var(--ref-color-neutral-50);
  --comp-button-neutral-contained-disabled-fill: var(--ref-color-neutral-20);
  --comp-button-neutral-contained-focus-fg: var(--ref-color-neutral-100);
  --comp-button-neutral-contained-focus-fill: var(--ref-color-neutral-20);
  --comp-button-neutral-contained-hover-fg: var(--ref-color-neutral-100);
  --comp-button-neutral-contained-hover-fill: var(--ref-color-neutral-20);
  --comp-button-neutral-contained-press-fg: var(--ref-color-neutral-100);
  --comp-button-neutral-contained-press-fill: var(--ref-color-neutral-50);
  --comp-button-primary-contained-default-fg: var(--ref-color-neutral-100);
  --comp-button-primary-contained-default-fill: var(--ref-color-primary-30);
  --comp-button-primary-contained-disabled-fg: var(--ref-color-neutral-50);
  --comp-button-primary-contained-disabled-fill: var(--ref-color-neutral-20);
  --comp-button-primary-contained-focus-fg: var(--ref-color-neutral-100);
  --comp-button-primary-contained-focus-fill: var(--ref-color-primary-20);
  --comp-button-primary-contained-hover-fg: var(--ref-color-neutral-100);
  --comp-button-primary-contained-hover-fill: var(--ref-color-primary-20);
  --comp-button-primary-contained-press-fg: var(--ref-color-neutral-100);
  --comp-button-primary-contained-press-fill: var(--ref-color-primary-50);
  --comp-button-secondary-contained-default-fg: var(--ref-color-neutral-100);
  --comp-button-secondary-contained-default-fill: var(--ref-color-secondary-30);
  --comp-button-secondary-contained-disabled-fg: var(--ref-color-neutral-50);
  --comp-button-secondary-contained-disabled-fill: var(--ref-color-neutral-20);
  --comp-button-secondary-contained-focus-fg: var(--ref-color-neutral-100);
  --comp-button-secondary-contained-focus-fill: var(--ref-color-secondary-20);
  --comp-button-secondary-contained-hover-fg: var(--ref-color-neutral-100);
  --comp-button-secondary-contained-hover-fill: var(--ref-color-secondary-20);
  --comp-button-secondary-contained-press-fg: var(--ref-color-neutral-100);
  --comp-button-secondary-contained-press-fill: var(--ref-color-secondary-50);
  --comp-card-border-radius: var(--sys-border-radius-none);
  --comp-card-gap: var(--responsive-gap-m);
  /*  */
  /* Link */
  /*  */
  /* Other */
  --comp-chip-border-radius: var(--sys-border-radius-50-);
  /*  */
  /* Radio */
  --comp-form-radio-bullet-size: var(--ref-size-12);
  --comp-form-radio-circle-size: var(--ref-size-24);
  --comp-form-radio-default-border-width: var(--sys-border-size-s);
  --comp-form-radio-focus-circle-size: var(--ref-size-28);
  /*  */
  /* Tag */
  /*  */
  /* Textfield */
  --comp-form-error-message--dep--padding-vertical: var(--sys-spacing-0);
  --comp-form-error-message--deprecated--padding-horizontal: var(--sys-spacing-0);
  --comp-form-error-message-border-radius: var(--sys-border-radius-xs);
  --comp-form-textfield-active-border-width: var(--sys-border-size-s);
  --comp-form-textfield-border-radius: var(--sys-border-radius-xs);
  --comp-form-textfield-default-border-width: var(--sys-border-size-s);
  --comp-form-textfield-disabled-border-width: var(--sys-border-size-s);
  --comp-form-textfield-error-border-width: var(--sys-border-size-m);
  --comp-form-textfield-focus-border-width: var(--sys-border-size-m);
  --comp-form-textfield-hover-border-width: var(--sys-border-size-m);
  --comp-form-textfield-min-height: var(--ref-size-48);
  --comp-form-textfield-option-select-background: var(--ref-color-neutral-20);
  --comp-form-textfield-set-border-width: var(--sys-border-size-s);
  --comp-tag-border-radius: var(--sys-border-radius-m);
  --comp-form-radio-label-gap: var(--sys-spacing-3);
  --comp-chip-border-width: var(--sys-border-size-s);
  --comp-link-border-radius: var(--sys-border-radius-xs);
  --comp-card-padding: var(--responsive-spacing-m);
}

html, body {
  min-height: 100%;
}

body {
  max-width: 1200px;
  margin: auto !important;
  padding: 82px 10px 0;
}

.plone-icon, .controlPanelSection svg {
  width: 16px;
  height: 16px;
}

#portal-column-content {
  padding-bottom: 20px;
}

#portal-logo img {
  max-height: 55px;
}

nav.navbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 4000;
}

footer {
  position: absolute;
  left: 0;
  width: 100%;
  margin: 0;
}
footer * {
  max-width: 100%;
}

.offcanvas-body {
  margin-top: 3rem;
}

/*# sourceMappingURL=overrides.css.map */