@charset "UTF-8";
/*!
 * Hej! Die Agentur
 * Starterkit for Contao 5.3
 * Copyright 2024 @julianhenn
 */
:root {
  --color-neutral-50: #fafafa;
  --color-neutral-100: #f5f5f5;
  --color-neutral-200: #eeeeee;
  --color-neutral-300: #e0e0e0;
  --color-neutral-400: #bdbdbd;
  --color-neutral-500: #9e9e9e;
  --color-neutral-600: #757575;
  --color-neutral-700: #616161;
  --color-neutral-800: #424242;
  --color-neutral-900: #212121;
  --color-blue-50: #e8eaf6;
  --color-blue-100: #c5cae9;
  --color-blue-200: #9fa8da;
  --color-blue-300: #7986cb;
  --color-blue-400: #5c6bc0;
  --color-blue-500: #3f51b5;
  --color-blue-600: #3949ab;
  --color-blue-700: #303f9f;
  --color-blue-800: #283593;
  --color-blue-900: #1a237e;
  --color-red-50: #ffebee;
  --color-red-100: #ffcdd2;
  --color-red-200: #ef9a9a;
  --color-red-300: #e57373;
  --color-red-400: #ef5350;
  --color-red-500: #f44336;
  --color-red-600: #e53935;
  --color-red-700: #d32f2f;
  --color-red-800: #c62828;
  --color-red-900: #b71c1c;
  --color-orange-50: #fff3e0;
  --color-orange-100: #ffe0b2;
  --color-orange-200: #ffcc80;
  --color-orange-300: #ffb74d;
  --color-orange-400: #ffa726;
  --color-orange-500: #ff9800;
  --color-orange-600: #fb8c00;
  --color-orange-700: #f57c00;
  --color-orange-800: #ef6c00;
  --color-orange-900: #e65100;
  --color-yellow-50: #fffde7;
  --color-yellow-100: #fff9c4;
  --color-yellow-200: #fff59d;
  --color-yellow-300: #fff176;
  --color-yellow-400: #ffee58;
  --color-yellow-500: #ffeb3b;
  --color-yellow-600: #fdd835;
  --color-yellow-700: #fbc02d;
  --color-yellow-800: #f9a825;
  --color-yellow-900: #f57f17;
  --color-green-50: #e8f5e9;
  --color-green-100: #c8e6c9;
  --color-green-200: #a5d6a7;
  --color-green-300: #81c784;
  --color-green-400: #66bb6a;
  --color-green-500: #4caf50;
  --color-green-600: #43a047;
  --color-green-700: #388e3c;
  --color-green-800: #2e7d32;
  --color-green-900: #1b5e20;
  --color-cyan-50: #e0f7fa;
  --color-cyan-100: #b2ebf2;
  --color-cyan-200: #80deea;
  --color-cyan-300: #4dd0e1;
  --color-cyan-400: #26c6da;
  --color-cyan-500: #00bcd4;
  --color-cyan-600: #00acc1;
  --color-cyan-700: #0097a7;
  --color-cyan-800: #00838f;
  --color-cyan-900: #006064;
  --color-primary: var(--color-blue-500);
  --color-primary-variant: var(--color-blue-800);
  --color-error: var(--color-red-500);
  --color-error-light: var(--color-red-300);
  --color-page-bg: #fff;
  --color-text: var(--color-neutral-900);
  --color-text--inverted: var(--color-page-bg);
  --color-text--muted: var(--color-neutral-500);
  --color-overlay-bg: rgba(0, 0, 0, 0.6);
  --spacing-base: 1rem;
  --spacing-xs: calc(var(--spacing-base) * 0.25);
  --spacing-sm: calc(var(--spacing-base) * 0.5);
  --spacing-md: calc(var(--spacing-base) * 1.5);
  --spacing-lg: calc(var(--spacing-base) * 2);
  --spacing-xl: calc(var(--spacing-base) * 3);
  --spacing-xxl: calc(var(--spacing-base) * 5);
  --container-padding: clamp(1rem, 0.6471rem + 1.7647vw, 2.5rem);
  --grid-columns: 12;
  --grid-gutter: 2rem;
  --grid-gutter-half: calc(var(--grid-gutter) / 2);
  --link-color: var(--color-primary);
  --link-hover-color: var(--color-primary-variant);
  --link-visited-color: var(--link-hover-color);
  --link-decoration: underline;
  --link-hover-decoration: none;
  --link-outline-focus: 2px dotted
      var(--link-outline-color, var(--color-primary));
  --link-outline-active: none;
  --font-family-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto,
      "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif,
      "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
      "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
      "Liberation Mono", "Courier New", monospace;
  --font-family-base: var(--font-family-sans-serif);
  --font-family-code: var(--font-family-monospace);
  --font-size-base: 1rem;
  --font-size-xs: calc(var(--font-size-base) * 0.75);
  --font-size-sm: calc(var(--font-size-base) * 0.875);
  --font-size-md: calc(var(--font-size-base) * 1.125);
  --font-size-lg: calc(var(--font-size-base) * 1.25);
  --font-size-xl: calc(var(--font-size-base) * 1.5);
  --line-height-base: 1.5;
  --line-height-sm: 1.2;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 600;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --font-weight-base: var(--font-weight-regular);
  --headings-font-family: inherit;
  --headings-font-weight: var(--font-weight-bold);
  --headings-line-height: var(--line-height-sm);
  --headings-color: inherit;
  --h1-font-family: var(--headings-font-family);
  --h1-font-weight: var(--headings-font-weight);
  --h1-color: var(--headings-color);
  --h1-font-size: clamp(2.5rem, 2.2059rem + 1.4706vw, 3.75rem);
  --h1-font-size-sm: var(--h1-font-size);
  --h1-font-size-md: var(--h1-font-size);
  --h1-font-size-lg: var(--h1-font-size);
  --h1-font-size-xl: var(--h1-font-size);
  --h1-line-height: var(--headings-line-height);
  --h1-spacing-top: 0;
  --h1-spacing-bottom: 0.5rem;
  --h2-font-family: var(--headings-font-family);
  --h2-font-weight: var(--headings-font-weight);
  --h2-color: var(--headings-color);
  --h2-font-size: clamp(1.5rem, 1.2647rem + 1.1765vw, 2.5rem);
  --h2-font-size-sm: var(--h2-font-size);
  --h2-font-size-md: var(--h2-font-size);
  --h2-font-size-lg: var(--h2-font-size);
  --h2-font-size-xl: var(--h2-font-size);
  --h2-line-height: var(--headings-line-height);
  --h2-spacing-top: 0;
  --h2-spacing-bottom: 0.5rem;
  --h3-font-family: var(--headings-font-family);
  --h3-font-weight: var(--headings-font-weight);
  --h3-color: var(--headings-color);
  --h3-font-size: clamp(1.375rem, 1.3456rem + 0.1471vw, 1.5rem);
  --h3-font-size-sm: var(--h3-font-size);
  --h3-font-size-md: var(--h3-font-size);
  --h3-font-size-lg: var(--h3-font-size);
  --h3-font-size-xl: var(--h3-font-size);
  --h3-line-height: var(--headings-line-height);
  --h3-spacing-top: 0;
  --h3-spacing-bottom: 0.5rem;
  --h4-font-family: var(--headings-font-family);
  --h4-font-weight: var(--headings-font-weight);
  --h4-color: var(--headings-color);
  --h4-font-size: clamp(1.25rem, 1.2206rem + 0.1471vw, 1.375rem);
  --h4-font-size-sm: var(--h4-font-size);
  --h4-font-size-md: var(--h4-font-size);
  --h4-font-size-lg: var(--h4-font-size);
  --h4-font-size-xl: var(--h4-font-size);
  --h4-line-height: var(--line-height-base);
  --h4-spacing-top: 0;
  --h4-spacing-bottom: 0.5rem;
  --h5-font-family: var(--headings-font-family);
  --h5-font-weight: var(--headings-font-weight);
  --h5-color: var(--headings-color);
  --h5-font-size: clamp(1.125rem, 1.0956rem + 0.1471vw, 1.25rem);
  --h5-font-size-sm: var(--h5-font-size);
  --h5-font-size-md: var(--h5-font-size);
  --h5-font-size-lg: var(--h5-font-size);
  --h5-font-size-xl: var(--h5-font-size);
  --h5-line-height: var(--line-height-base);
  --h5-spacing-top: 0;
  --h5-spacing-bottom: 0.5rem;
  --h6-font-family: var(--headings-font-family);
  --h6-font-weight: var(--headings-font-weight);
  --h6-color: var(--headings-color);
  --h6-font-size: clamp(1rem, 0.9706rem + 0.1471vw, 1.125rem);
  --h6-font-size-sm: var(--h6-font-size);
  --h6-font-size-md: var(--h6-font-size);
  --h6-font-size-lg: var(--h6-font-size);
  --h6-font-size-xl: var(--h6-font-size);
  --h6-line-height: var(--line-height-base);
  --h6-spacing-top: 0;
  --h6-spacing-bottom: 0.5rem;
  --hr-border: var(--border-base);
  --hr-spacing: var(--spacing-lg);
  --code-color: var(--color-neutral-600);
  --pre-background: var(--color-neutral-100);
  --pre-color: var(--color-neutral-700);
  --pre-border-color: transparent;
  --pre-border-radius: var(--border-radius-sm);
  --border-width: 1px;
  --border-style: solid;
  --border-color: var(--color-neutral-300);
  --border-base: var(--border-width) var(--border-style) var(--border-color);
  --border-radius-xs: 0.25rem;
  --border-radius-sm: 0.5rem;
  --border-radius-md: 1rem;
  --border-radius-lg: 1.25rem;
  --border-radius-xl: 1.5rem;
  --border-radius-pill: 100vw;
  --border-radius-base: var(--border-radius-xs);
  --transition-base: 0.2s ease-in-out;
}

:root {
  --color-neutral-50: #fcfbfa;
  --color-neutral-100: #f8f7f5;
  --color-neutral-200: #f1efeb;
  --color-neutral-300: #eae6e0;
  --color-neutral-400: #e3ded7;
  --color-neutral-500: #ddd6ce;
  --color-neutral-600: #b0aba4;
  --color-neutral-700: #84807c;
  --color-neutral-800: #585652;
  --color-neutral-900: #2c2b29;
  --color-brand-primary-50: #eaeff1;
  --color-brand-primary-100: #d6dfe4;
  --color-brand-primary-200: #afbfca;
  --color-brand-primary-300: #87a0af;
  --color-brand-primary-400: #5f8094;
  --color-brand-primary-500: #37617a;
  --color-brand-primary-600: #2d4d61;
  --color-brand-primary-700: #223a4a;
  --color-brand-primary-800: #162731;
  --color-brand-primary-900: #0b1319;
  --color-primary: var(--color-brand-primary-500);
  --color-primary-variant: var(--color-brand-primary-300);
  --color-text: var(--color-brand-primary-800);
  --color-text--muted: var(--color-neutral-600);
  --hero-bg-color: var(--color-brand-primary-900);
  --hero-color: var(--color-text--inverted);
  --color-overlay-bg: rgba(0, 0, 0, 0.8);
  --link-opacity: 0.6;
  --link-outline-focus: 2px solid
      var(--link-outline-color, var(--color-primary));
  --spacing-base: 1rem;
  --spacing-xs: calc(var(--spacing-base) * 0.25);
  --spacing-sm: calc(var(--spacing-base) * 0.5);
  --spacing-md: calc(var(--spacing-base) * 1.5);
  --spacing-lg: calc(var(--spacing-base) * 2);
  --spacing-xl: calc(var(--spacing-base) * 3);
  --spacing-xxl: calc(var(--spacing-base) * 5);
  --spacing-3xl: calc(var(--spacing-base) * 8);
  --font-size-xs: clamp(0.75rem, 0.7206rem + 0.1471vw, 0.875rem);
  --font-size-sm: clamp(0.875rem, 0.8456rem + 0.1471vw, 1rem);
  --font-size-md: clamp(1rem, 0.9706rem + 0.1471vw, 1.125rem);
  --font-size-lg: clamp(1.125rem, 1.0956rem + 0.1471vw, 1.25rem);
  --font-size-xl: clamp(1.25rem, 1.1912rem + 0.2941vw, 1.5rem);
  --font-size-xxl: clamp(1.5rem, 1.3824rem + 0.5882vw, 2rem);
  --headings-font-family: inherit;
  --headings-font-weight: var(--font-weight-bold);
  --headings-line-height: var(--line-height-sm);
  --headings-color: var(--color-brand-primary-500);
  --h1-font-family: var(--headings-font-family);
  --h1-font-weight: var(--headings-font-weight);
  --h1-color: var(--headings-color);
  --h1-font-size: clamp(2.5rem, 2.2059rem + 1.4706vw, 3.75rem);
  --h1-line-height: var(--headings-line-height);
  --h1-spacing-top: 0;
  --h1-spacing-bottom: 2.5rem;
  --h2-font-family: var(--headings-font-family);
  --h2-font-weight: var(--headings-font-weight);
  --h2-color: var(--headings-color);
  --h2-font-size: clamp(1.5rem, 1.2647rem + 1.1765vw, 2.5rem);
  --h2-font-size-sm: var(--h2-font-size);
  --h2-font-size-md: var(--h2-font-size);
  --h2-font-size-lg: var(--h2-font-size);
  --h2-font-size-xl: var(--h2-font-size);
  --h2-line-height: var(--headings-line-height);
  --h2-spacing-top: 2.5rem;
  --h2-spacing-bottom: 2.5rem;
  --h3-font-family: var(--headings-font-family);
  --h3-font-weight: var(--headings-font-weight);
  --h3-color: var(--headings-color);
  --h3-font-size: clamp(1.375rem, 1.3456rem + 0.1471vw, 1.5rem);
  --h3-font-size-sm: var(--h3-font-size);
  --h3-font-size-md: var(--h3-font-size);
  --h3-font-size-lg: var(--h3-font-size);
  --h3-font-size-xl: var(--h3-font-size);
  --h3-line-height: var(--headings-line-height);
  --h3-spacing-top: 2rem;
  --h3-spacing-bottom: 0.5rem;
  --h4-font-family: var(--headings-font-family);
  --h4-font-weight: var(--headings-font-weight);
  --h4-color: var(--headings-color);
  --h4-font-size: clamp(1.25rem, 1.2206rem + 0.1471vw, 1.375rem);
  --h4-font-size-sm: var(--h4-font-size);
  --h4-font-size-md: var(--h4-font-size);
  --h4-font-size-lg: var(--h4-font-size);
  --h4-font-size-xl: var(--h4-font-size);
  --h4-line-height: var(--line-height-base);
  --h4-spacing-top: 2rem;
  --h4-spacing-bottom: 0.5rem;
  --h5-font-family: var(--headings-font-family);
  --h5-font-weight: var(--headings-font-weight);
  --h5-color: var(--headings-color);
  --h5-font-size: clamp(1.125rem, 1.0956rem + 0.1471vw, 1.25rem);
  --h5-font-size-sm: var(--h5-font-size);
  --h5-font-size-md: var(--h5-font-size);
  --h5-font-size-lg: var(--h5-font-size);
  --h5-font-size-xl: var(--h5-font-size);
  --h5-line-height: var(--line-height-base);
  --h5-spacing-top: 2rem;
  --h5-spacing-bottom: 0.5rem;
  --h6-font-family: var(--headings-font-family);
  --h6-font-weight: var(--headings-font-weight);
  --h6-color: var(--headings-color);
  --h6-font-size: clamp(1rem, 0.9706rem + 0.1471vw, 1.125rem);
  --h6-font-size-sm: var(--h6-font-size);
  --h6-font-size-md: var(--h6-font-size);
  --h6-font-size-lg: var(--h6-font-size);
  --h6-font-size-xl: var(--h6-font-size);
  --h6-line-height: var(--line-height-base);
  --h6-spacing-top: 2rem;
  --h6-spacing-bottom: 0.5rem;
  --selection-background: var(--color-brand-primary-400);
  --selection-color: var(--color-brand-primary-100);
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
     ========================================================================== */
/**
   * Remove the margin in all browsers.
   */
body {
  margin: 0;
}

/**
   * Render the `main` element consistently in IE.
   */
main {
  display: block;
}

/**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
     ========================================================================== */
/**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
     ========================================================================== */
/**
   * Remove the gray background on active links in IE 10.
   */
a {
  background-color: transparent;
}

/**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted; /* 2 */
}

/**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
b,
strong {
  font-weight: bolder;
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
   * Add the correct font size in all browsers.
   */
small {
  font-size: 80%;
}

/**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
     ========================================================================== */
/**
   * Remove the border on images inside links in IE 10.
   */
img {
  border-style: none;
}

/* Forms
     ========================================================================== */
/**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
   * Correct the inability to style clickable types in iOS and Safari.
   */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
   * Remove the inner border and padding in Firefox.
   */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
   * Restore the focus styles unset by the previous rule.
   */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
   * Correct the padding in Firefox.
   */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
progress {
  vertical-align: baseline;
}

/**
   * Remove the default vertical scrollbar in IE 10+.
   */
textarea {
  overflow: auto;
}

/**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
     ========================================================================== */
/*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
details {
  display: block;
}

/*
   * Add the correct display in all browsers.
   */
summary {
  display: list-item;
}

/* Misc
     ========================================================================== */
/**
   * Add the correct display in IE 10+.
   */
template {
  display: none;
}

/**
   * Add the correct display in IE 10.
   */
[hidden] {
  display: none;
}

/** END normalize.css ========================================================================== */
.float_left {
  float: left;
}

.float_right {
  float: right;
}

.invisible:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.invisible:not(:focus):not(:focus-within):not(caption) {
  position: absolute !important;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*, *::before, *::after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

h1, h2, h3, h4, h5, h6 {
  -webkit-margin-before: 0;
  margin-block-start: 0;
  -webkit-margin-after: var(--spacing-sm);
  margin-block-end: var(--spacing-sm);
}

ul,
ol,
dl,
blockquote,
p,
address,
hr,
fieldset,
figure,
pre {
  -webkit-margin-after: var(--spacing-base);
  margin-block-end: var(--spacing-base);
}

*[class^=ce_]:not(:last-child),
*[class^=content-]:not(:last-child) {
  -webkit-margin-after: var(--spacing-base);
  margin-block-end: var(--spacing-base);
}

ul,
ol,
dd {
  -webkit-margin-start: var(--spacing-base);
  margin-inline-start: var(--spacing-base);
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.visually-hidden {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.visually-hidden:not(caption) {
  position: absolute !important;
}

.visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
  position: absolute !important;
}

a {
  color: var(--link-color);
  -webkit-text-decoration: var(--link-decoration);
  text-decoration: var(--link-decoration);
}
a:is(:hover, :focus-visible) {
  color: var(--link-hover-color);
  -webkit-text-decoration: var(--link-hover-decoration);
  text-decoration: var(--link-hover-decoration);
}
a:visited {
  color: var(--link-visited-color);
}

a:focus-visible,
[tabindex="0"]:focus-visible {
  outline: var(--link-outline-focus);
}
a:active,
[tabindex="0"]:active {
  outline: var(--link-outline-active);
}

:not(p a) {
  text-decoration: none;
}

figure {
  margin: 0;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  font-style: italic;
}

a {
  text-underline-offset: 0.3em;
}

a,
button {
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
a:focus-visible,
button:focus-visible {
  outline: var(--link-outline-focus);
  outline-offset: 2px;
}

.margin--none, .margin--none > .inside {
  margin: 0 !important;
}
.margin-block-start--none, .margin-block-start--none > .inside {
  -webkit-margin-before: 0 !important;
  margin-block-start: 0 !important;
}
.margin-block-end--none, .margin-block-end--none > .inside {
  -webkit-margin-after: 0 !important;
  margin-block-end: 0 !important;
}
.margin-block--none, .margin-block--none > .inside {
  margin-block: 0 !important;
}
.margin-inline-start--none, .margin-inline-start--none > .inside {
  -webkit-margin-start: 0 !important;
  margin-inline-start: 0 !important;
}
.margin-inline-end--none, .margin-inline-end--none > .inside {
  -webkit-margin-end: 0 !important;
  margin-inline-end: 0 !important;
}
.margin-inline--none, .margin-inline--none > .inside {
  margin-inline: 0 !important;
}

.padding--none, .padding--none > .inside {
  padding: 0 !important;
}
.padding-block-start--none, .padding-block-start--none > .inside {
  -webkit-padding-before: 0 !important;
  padding-block-start: 0 !important;
}
.padding-block-end--none, .padding-block-end--none > .inside {
  -webkit-padding-after: 0 !important;
  padding-block-end: 0 !important;
}
.padding-block--none, .padding-block--none > .inside {
  padding-block: 0 !important;
}
.padding-inline-start--none, .padding-inline-start--none > .inside {
  -webkit-padding-start: 0 !important;
  padding-inline-start: 0 !important;
}
.padding-inline-end--none, .padding-inline-end--none > .inside {
  -webkit-padding-end: 0 !important;
  padding-inline-end: 0 !important;
}
.padding-inline--none, .padding-inline--none > .inside {
  padding-inline: 0 !important;
}

.margin--base, .margin--base > .inside {
  margin: var(--spacing-base) !important;
}
.margin-block-start--base, .margin-block-start--base > .inside {
  -webkit-margin-before: var(--spacing-base) !important;
  margin-block-start: var(--spacing-base) !important;
}
.margin-block-end--base, .margin-block-end--base > .inside {
  -webkit-margin-after: var(--spacing-base) !important;
  margin-block-end: var(--spacing-base) !important;
}
.margin-block--base, .margin-block--base > .inside {
  margin-block: var(--spacing-base) !important;
}
.margin-inline-start--base, .margin-inline-start--base > .inside {
  -webkit-margin-start: var(--spacing-base) !important;
  margin-inline-start: var(--spacing-base) !important;
}
.margin-inline-end--base, .margin-inline-end--base > .inside {
  -webkit-margin-end: var(--spacing-base) !important;
  margin-inline-end: var(--spacing-base) !important;
}
.margin-inline--base, .margin-inline--base > .inside {
  margin-inline: var(--spacing-base) !important;
}

.padding--base, .padding--base > .inside {
  padding: var(--spacing-base) !important;
}
.padding-block-start--base, .padding-block-start--base > .inside {
  -webkit-padding-before: var(--spacing-base) !important;
  padding-block-start: var(--spacing-base) !important;
}
.padding-block-end--base, .padding-block-end--base > .inside {
  -webkit-padding-after: var(--spacing-base) !important;
  padding-block-end: var(--spacing-base) !important;
}
.padding-block--base, .padding-block--base > .inside {
  padding-block: var(--spacing-base) !important;
}
.padding-inline-start--base, .padding-inline-start--base > .inside {
  -webkit-padding-start: var(--spacing-base) !important;
  padding-inline-start: var(--spacing-base) !important;
}
.padding-inline-end--base, .padding-inline-end--base > .inside {
  -webkit-padding-end: var(--spacing-base) !important;
  padding-inline-end: var(--spacing-base) !important;
}
.padding-inline--base, .padding-inline--base > .inside {
  padding-inline: var(--spacing-base) !important;
}

.margin--xs, .margin--xs > .inside {
  margin: var(--spacing-xs) !important;
}
.margin-block-start--xs, .margin-block-start--xs > .inside {
  -webkit-margin-before: var(--spacing-xs) !important;
  margin-block-start: var(--spacing-xs) !important;
}
.margin-block-end--xs, .margin-block-end--xs > .inside {
  -webkit-margin-after: var(--spacing-xs) !important;
  margin-block-end: var(--spacing-xs) !important;
}
.margin-block--xs, .margin-block--xs > .inside {
  margin-block: var(--spacing-xs) !important;
}
.margin-inline-start--xs, .margin-inline-start--xs > .inside {
  -webkit-margin-start: var(--spacing-xs) !important;
  margin-inline-start: var(--spacing-xs) !important;
}
.margin-inline-end--xs, .margin-inline-end--xs > .inside {
  -webkit-margin-end: var(--spacing-xs) !important;
  margin-inline-end: var(--spacing-xs) !important;
}
.margin-inline--xs, .margin-inline--xs > .inside {
  margin-inline: var(--spacing-xs) !important;
}

.padding--xs, .padding--xs > .inside {
  padding: var(--spacing-xs) !important;
}
.padding-block-start--xs, .padding-block-start--xs > .inside {
  -webkit-padding-before: var(--spacing-xs) !important;
  padding-block-start: var(--spacing-xs) !important;
}
.padding-block-end--xs, .padding-block-end--xs > .inside {
  -webkit-padding-after: var(--spacing-xs) !important;
  padding-block-end: var(--spacing-xs) !important;
}
.padding-block--xs, .padding-block--xs > .inside {
  padding-block: var(--spacing-xs) !important;
}
.padding-inline-start--xs, .padding-inline-start--xs > .inside {
  -webkit-padding-start: var(--spacing-xs) !important;
  padding-inline-start: var(--spacing-xs) !important;
}
.padding-inline-end--xs, .padding-inline-end--xs > .inside {
  -webkit-padding-end: var(--spacing-xs) !important;
  padding-inline-end: var(--spacing-xs) !important;
}
.padding-inline--xs, .padding-inline--xs > .inside {
  padding-inline: var(--spacing-xs) !important;
}

.margin--sm, .margin--sm > .inside {
  margin: var(--spacing-sm) !important;
}
.margin-block-start--sm, .margin-block-start--sm > .inside {
  -webkit-margin-before: var(--spacing-sm) !important;
  margin-block-start: var(--spacing-sm) !important;
}
.margin-block-end--sm, .margin-block-end--sm > .inside {
  -webkit-margin-after: var(--spacing-sm) !important;
  margin-block-end: var(--spacing-sm) !important;
}
.margin-block--sm, .margin-block--sm > .inside {
  margin-block: var(--spacing-sm) !important;
}
.margin-inline-start--sm, .margin-inline-start--sm > .inside {
  -webkit-margin-start: var(--spacing-sm) !important;
  margin-inline-start: var(--spacing-sm) !important;
}
.margin-inline-end--sm, .margin-inline-end--sm > .inside {
  -webkit-margin-end: var(--spacing-sm) !important;
  margin-inline-end: var(--spacing-sm) !important;
}
.margin-inline--sm, .margin-inline--sm > .inside {
  margin-inline: var(--spacing-sm) !important;
}

.padding--sm, .padding--sm > .inside {
  padding: var(--spacing-sm) !important;
}
.padding-block-start--sm, .padding-block-start--sm > .inside {
  -webkit-padding-before: var(--spacing-sm) !important;
  padding-block-start: var(--spacing-sm) !important;
}
.padding-block-end--sm, .padding-block-end--sm > .inside {
  -webkit-padding-after: var(--spacing-sm) !important;
  padding-block-end: var(--spacing-sm) !important;
}
.padding-block--sm, .padding-block--sm > .inside {
  padding-block: var(--spacing-sm) !important;
}
.padding-inline-start--sm, .padding-inline-start--sm > .inside {
  -webkit-padding-start: var(--spacing-sm) !important;
  padding-inline-start: var(--spacing-sm) !important;
}
.padding-inline-end--sm, .padding-inline-end--sm > .inside {
  -webkit-padding-end: var(--spacing-sm) !important;
  padding-inline-end: var(--spacing-sm) !important;
}
.padding-inline--sm, .padding-inline--sm > .inside {
  padding-inline: var(--spacing-sm) !important;
}

.margin--md, .margin--md > .inside {
  margin: var(--spacing-md) !important;
}
.margin-block-start--md, .margin-block-start--md > .inside {
  -webkit-margin-before: var(--spacing-md) !important;
  margin-block-start: var(--spacing-md) !important;
}
.margin-block-end--md, .margin-block-end--md > .inside {
  -webkit-margin-after: var(--spacing-md) !important;
  margin-block-end: var(--spacing-md) !important;
}
.margin-block--md, .margin-block--md > .inside {
  margin-block: var(--spacing-md) !important;
}
.margin-inline-start--md, .margin-inline-start--md > .inside {
  -webkit-margin-start: var(--spacing-md) !important;
  margin-inline-start: var(--spacing-md) !important;
}
.margin-inline-end--md, .margin-inline-end--md > .inside {
  -webkit-margin-end: var(--spacing-md) !important;
  margin-inline-end: var(--spacing-md) !important;
}
.margin-inline--md, .margin-inline--md > .inside {
  margin-inline: var(--spacing-md) !important;
}

.padding--md, .padding--md > .inside {
  padding: var(--spacing-md) !important;
}
.padding-block-start--md, .padding-block-start--md > .inside {
  -webkit-padding-before: var(--spacing-md) !important;
  padding-block-start: var(--spacing-md) !important;
}
.padding-block-end--md, .padding-block-end--md > .inside {
  -webkit-padding-after: var(--spacing-md) !important;
  padding-block-end: var(--spacing-md) !important;
}
.padding-block--md, .padding-block--md > .inside {
  padding-block: var(--spacing-md) !important;
}
.padding-inline-start--md, .padding-inline-start--md > .inside {
  -webkit-padding-start: var(--spacing-md) !important;
  padding-inline-start: var(--spacing-md) !important;
}
.padding-inline-end--md, .padding-inline-end--md > .inside {
  -webkit-padding-end: var(--spacing-md) !important;
  padding-inline-end: var(--spacing-md) !important;
}
.padding-inline--md, .padding-inline--md > .inside {
  padding-inline: var(--spacing-md) !important;
}

.margin--lg, .margin--lg > .inside {
  margin: var(--spacing-lg) !important;
}
.margin-block-start--lg, .margin-block-start--lg > .inside {
  -webkit-margin-before: var(--spacing-lg) !important;
  margin-block-start: var(--spacing-lg) !important;
}
.margin-block-end--lg, .margin-block-end--lg > .inside {
  -webkit-margin-after: var(--spacing-lg) !important;
  margin-block-end: var(--spacing-lg) !important;
}
.margin-block--lg, .margin-block--lg > .inside {
  margin-block: var(--spacing-lg) !important;
}
.margin-inline-start--lg, .margin-inline-start--lg > .inside {
  -webkit-margin-start: var(--spacing-lg) !important;
  margin-inline-start: var(--spacing-lg) !important;
}
.margin-inline-end--lg, .margin-inline-end--lg > .inside {
  -webkit-margin-end: var(--spacing-lg) !important;
  margin-inline-end: var(--spacing-lg) !important;
}
.margin-inline--lg, .margin-inline--lg > .inside {
  margin-inline: var(--spacing-lg) !important;
}

.padding--lg, .padding--lg > .inside {
  padding: var(--spacing-lg) !important;
}
.padding-block-start--lg, .padding-block-start--lg > .inside {
  -webkit-padding-before: var(--spacing-lg) !important;
  padding-block-start: var(--spacing-lg) !important;
}
.padding-block-end--lg, .padding-block-end--lg > .inside {
  -webkit-padding-after: var(--spacing-lg) !important;
  padding-block-end: var(--spacing-lg) !important;
}
.padding-block--lg, .padding-block--lg > .inside {
  padding-block: var(--spacing-lg) !important;
}
.padding-inline-start--lg, .padding-inline-start--lg > .inside {
  -webkit-padding-start: var(--spacing-lg) !important;
  padding-inline-start: var(--spacing-lg) !important;
}
.padding-inline-end--lg, .padding-inline-end--lg > .inside {
  -webkit-padding-end: var(--spacing-lg) !important;
  padding-inline-end: var(--spacing-lg) !important;
}
.padding-inline--lg, .padding-inline--lg > .inside {
  padding-inline: var(--spacing-lg) !important;
}

.margin--xl, .margin--xl > .inside {
  margin: var(--spacing-xl) !important;
}
.margin-block-start--xl, .margin-block-start--xl > .inside {
  -webkit-margin-before: var(--spacing-xl) !important;
  margin-block-start: var(--spacing-xl) !important;
}
.margin-block-end--xl, .margin-block-end--xl > .inside {
  -webkit-margin-after: var(--spacing-xl) !important;
  margin-block-end: var(--spacing-xl) !important;
}
.margin-block--xl, .margin-block--xl > .inside {
  margin-block: var(--spacing-xl) !important;
}
.margin-inline-start--xl, .margin-inline-start--xl > .inside {
  -webkit-margin-start: var(--spacing-xl) !important;
  margin-inline-start: var(--spacing-xl) !important;
}
.margin-inline-end--xl, .margin-inline-end--xl > .inside {
  -webkit-margin-end: var(--spacing-xl) !important;
  margin-inline-end: var(--spacing-xl) !important;
}
.margin-inline--xl, .margin-inline--xl > .inside {
  margin-inline: var(--spacing-xl) !important;
}

.padding--xl, .padding--xl > .inside {
  padding: var(--spacing-xl) !important;
}
.padding-block-start--xl, .padding-block-start--xl > .inside {
  -webkit-padding-before: var(--spacing-xl) !important;
  padding-block-start: var(--spacing-xl) !important;
}
.padding-block-end--xl, .padding-block-end--xl > .inside {
  -webkit-padding-after: var(--spacing-xl) !important;
  padding-block-end: var(--spacing-xl) !important;
}
.padding-block--xl, .padding-block--xl > .inside {
  padding-block: var(--spacing-xl) !important;
}
.padding-inline-start--xl, .padding-inline-start--xl > .inside {
  -webkit-padding-start: var(--spacing-xl) !important;
  padding-inline-start: var(--spacing-xl) !important;
}
.padding-inline-end--xl, .padding-inline-end--xl > .inside {
  -webkit-padding-end: var(--spacing-xl) !important;
  padding-inline-end: var(--spacing-xl) !important;
}
.padding-inline--xl, .padding-inline--xl > .inside {
  padding-inline: var(--spacing-xl) !important;
}

.margin--xxl, .margin--xxl > .inside {
  margin: var(--spacing-xxl) !important;
}
.margin-block-start--xxl, .margin-block-start--xxl > .inside {
  -webkit-margin-before: var(--spacing-xxl) !important;
  margin-block-start: var(--spacing-xxl) !important;
}
.margin-block-end--xxl, .margin-block-end--xxl > .inside {
  -webkit-margin-after: var(--spacing-xxl) !important;
  margin-block-end: var(--spacing-xxl) !important;
}
.margin-block--xxl, .margin-block--xxl > .inside {
  margin-block: var(--spacing-xxl) !important;
}
.margin-inline-start--xxl, .margin-inline-start--xxl > .inside {
  -webkit-margin-start: var(--spacing-xxl) !important;
  margin-inline-start: var(--spacing-xxl) !important;
}
.margin-inline-end--xxl, .margin-inline-end--xxl > .inside {
  -webkit-margin-end: var(--spacing-xxl) !important;
  margin-inline-end: var(--spacing-xxl) !important;
}
.margin-inline--xxl, .margin-inline--xxl > .inside {
  margin-inline: var(--spacing-xxl) !important;
}

.padding--xxl, .padding--xxl > .inside {
  padding: var(--spacing-xxl) !important;
}
.padding-block-start--xxl, .padding-block-start--xxl > .inside {
  -webkit-padding-before: var(--spacing-xxl) !important;
  padding-block-start: var(--spacing-xxl) !important;
}
.padding-block-end--xxl, .padding-block-end--xxl > .inside {
  -webkit-padding-after: var(--spacing-xxl) !important;
  padding-block-end: var(--spacing-xxl) !important;
}
.padding-block--xxl, .padding-block--xxl > .inside {
  padding-block: var(--spacing-xxl) !important;
}
.padding-inline-start--xxl, .padding-inline-start--xxl > .inside {
  -webkit-padding-start: var(--spacing-xxl) !important;
  padding-inline-start: var(--spacing-xxl) !important;
}
.padding-inline-end--xxl, .padding-inline-end--xxl > .inside {
  -webkit-padding-end: var(--spacing-xxl) !important;
  padding-inline-end: var(--spacing-xxl) !important;
}
.padding-inline--xxl, .padding-inline--xxl > .inside {
  padding-inline: var(--spacing-xxl) !important;
}

.margin--3xl, .margin--3xl > .inside {
  margin: var(--spacing-3xl) !important;
}
.margin-block-start--3xl, .margin-block-start--3xl > .inside {
  -webkit-margin-before: var(--spacing-3xl) !important;
  margin-block-start: var(--spacing-3xl) !important;
}
.margin-block-end--3xl, .margin-block-end--3xl > .inside {
  -webkit-margin-after: var(--spacing-3xl) !important;
  margin-block-end: var(--spacing-3xl) !important;
}
.margin-block--3xl, .margin-block--3xl > .inside {
  margin-block: var(--spacing-3xl) !important;
}
.margin-inline-start--3xl, .margin-inline-start--3xl > .inside {
  -webkit-margin-start: var(--spacing-3xl) !important;
  margin-inline-start: var(--spacing-3xl) !important;
}
.margin-inline-end--3xl, .margin-inline-end--3xl > .inside {
  -webkit-margin-end: var(--spacing-3xl) !important;
  margin-inline-end: var(--spacing-3xl) !important;
}
.margin-inline--3xl, .margin-inline--3xl > .inside {
  margin-inline: var(--spacing-3xl) !important;
}

.padding--3xl, .padding--3xl > .inside {
  padding: var(--spacing-3xl) !important;
}
.padding-block-start--3xl, .padding-block-start--3xl > .inside {
  -webkit-padding-before: var(--spacing-3xl) !important;
  padding-block-start: var(--spacing-3xl) !important;
}
.padding-block-end--3xl, .padding-block-end--3xl > .inside {
  -webkit-padding-after: var(--spacing-3xl) !important;
  padding-block-end: var(--spacing-3xl) !important;
}
.padding-block--3xl, .padding-block--3xl > .inside {
  padding-block: var(--spacing-3xl) !important;
}
.padding-inline-start--3xl, .padding-inline-start--3xl > .inside {
  -webkit-padding-start: var(--spacing-3xl) !important;
  padding-inline-start: var(--spacing-3xl) !important;
}
.padding-inline-end--3xl, .padding-inline-end--3xl > .inside {
  -webkit-padding-end: var(--spacing-3xl) !important;
  padding-inline-end: var(--spacing-3xl) !important;
}
.padding-inline--3xl, .padding-inline--3xl > .inside {
  padding-inline: var(--spacing-3xl) !important;
}

html {
  background-color: var(--color-page-bg, #fff);
  color: var(--color-text, #000);
  font-family: var(--font-family-base, sans-serif);
  font-size: var(--font-size-base, 1rem);
  font-weight: var(--font-weight-base, 400);
  line-height: var(--line-height-base, 1.4);
  overflow-y: scroll;
  min-height: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}

/* material-symbols-outlined-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Material Symbols Outlined";
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/material-symbols-outlined/material-symbols-outlined-v226-latin-100.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* material-symbols-outlined-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Material Symbols Outlined";
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/material-symbols-outlined/material-symbols-outlined-v226-latin-200.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* material-symbols-outlined-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Material Symbols Outlined";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/material-symbols-outlined/material-symbols-outlined-v226-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* material-symbols-outlined-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Material Symbols Outlined";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/material-symbols-outlined/material-symbols-outlined-v226-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* material-symbols-outlined-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Material Symbols Outlined";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/material-symbols-outlined/material-symbols-outlined-v226-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* material-symbols-outlined-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Material Symbols Outlined";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/material-symbols-outlined/material-symbols-outlined-v226-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* material-symbols-outlined-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Material Symbols Outlined";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/material-symbols-outlined/material-symbols-outlined-v226-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
.heading--1 h1, .heading--1 h2, .heading--1 h3, .heading--1 h4, .heading--1 h5, .heading--1 h6, .heading--1.content-headline, .heading--1.ce_headline, h1 {
  font-family: var(--h1-font-family);
  font-size: var(--h1-font-size);
  font-weight: var(--h1-font-weight);
  line-height: var(--h1-line-height);
  color: var(--h1-color);
  margin-top: var(--h1-spacing-top);
  margin-bottom: var(--h1-spacing-bottom);
}
@media screen and (min-width: 36em) {
  .heading--1 h1, .heading--1 h2, .heading--1 h3, .heading--1 h4, .heading--1 h5, .heading--1 h6, .heading--1.content-headline, .heading--1.ce_headline, h1 {
    --h1-font-size: var(--h1-font-size-sm);
  }
}
@media screen and (min-width: 48em) {
  .heading--1 h1, .heading--1 h2, .heading--1 h3, .heading--1 h4, .heading--1 h5, .heading--1 h6, .heading--1.content-headline, .heading--1.ce_headline, h1 {
    --h1-font-size: var(--h1-font-size-md);
  }
}
@media screen and (min-width: 62em) {
  .heading--1 h1, .heading--1 h2, .heading--1 h3, .heading--1 h4, .heading--1 h5, .heading--1 h6, .heading--1.content-headline, .heading--1.ce_headline, h1 {
    --h1-font-size: var(--h1-font-size-lg);
  }
}
@media screen and (min-width: 75em) {
  .heading--1 h1, .heading--1 h2, .heading--1 h3, .heading--1 h4, .heading--1 h5, .heading--1 h6, .heading--1.content-headline, .heading--1.ce_headline, h1 {
    --h1-font-size: var(--h1-font-size-xl);
  }
}

.heading--2 h1, .heading--2 h2, .heading--2 h3, .heading--2 h4, .heading--2 h5, .heading--2 h6, .heading--2.content-headline, .heading--2.ce_headline, h2 {
  font-family: var(--h2-font-family);
  font-size: var(--h2-font-size);
  font-weight: var(--h2-font-weight);
  line-height: var(--h2-line-height);
  color: var(--h2-color);
  margin-top: var(--h2-spacing-top);
  margin-bottom: var(--h2-spacing-bottom);
}
@media screen and (min-width: 36em) {
  .heading--2 h1, .heading--2 h2, .heading--2 h3, .heading--2 h4, .heading--2 h5, .heading--2 h6, .heading--2.content-headline, .heading--2.ce_headline, h2 {
    --h2-font-size: var(--h2-font-size-sm);
  }
}
@media screen and (min-width: 48em) {
  .heading--2 h1, .heading--2 h2, .heading--2 h3, .heading--2 h4, .heading--2 h5, .heading--2 h6, .heading--2.content-headline, .heading--2.ce_headline, h2 {
    --h2-font-size: var(--h2-font-size-md);
  }
}
@media screen and (min-width: 62em) {
  .heading--2 h1, .heading--2 h2, .heading--2 h3, .heading--2 h4, .heading--2 h5, .heading--2 h6, .heading--2.content-headline, .heading--2.ce_headline, h2 {
    --h2-font-size: var(--h2-font-size-lg);
  }
}
@media screen and (min-width: 75em) {
  .heading--2 h1, .heading--2 h2, .heading--2 h3, .heading--2 h4, .heading--2 h5, .heading--2 h6, .heading--2.content-headline, .heading--2.ce_headline, h2 {
    --h2-font-size: var(--h2-font-size-xl);
  }
}

.heading--3 h1, .heading--3 h2, .heading--3 h3, .heading--3 h4, .heading--3 h5, .heading--3 h6, .heading--3.content-headline, .heading--3.ce_headline, h3 {
  font-family: var(--h3-font-family);
  font-size: var(--h3-font-size);
  font-weight: var(--h3-font-weight);
  line-height: var(--h3-line-height);
  color: var(--h3-color);
  margin-top: var(--h3-spacing-top);
  margin-bottom: var(--h3-spacing-bottom);
}
@media screen and (min-width: 36em) {
  .heading--3 h1, .heading--3 h2, .heading--3 h3, .heading--3 h4, .heading--3 h5, .heading--3 h6, .heading--3.content-headline, .heading--3.ce_headline, h3 {
    --h3-font-size: var(--h3-font-size-sm);
  }
}
@media screen and (min-width: 48em) {
  .heading--3 h1, .heading--3 h2, .heading--3 h3, .heading--3 h4, .heading--3 h5, .heading--3 h6, .heading--3.content-headline, .heading--3.ce_headline, h3 {
    --h3-font-size: var(--h3-font-size-md);
  }
}
@media screen and (min-width: 62em) {
  .heading--3 h1, .heading--3 h2, .heading--3 h3, .heading--3 h4, .heading--3 h5, .heading--3 h6, .heading--3.content-headline, .heading--3.ce_headline, h3 {
    --h3-font-size: var(--h3-font-size-lg);
  }
}
@media screen and (min-width: 75em) {
  .heading--3 h1, .heading--3 h2, .heading--3 h3, .heading--3 h4, .heading--3 h5, .heading--3 h6, .heading--3.content-headline, .heading--3.ce_headline, h3 {
    --h3-font-size: var(--h3-font-size-xl);
  }
}

.heading--4 h1, .heading--4 h2, .heading--4 h3, .heading--4 h4, .heading--4 h5, .heading--4 h6, .heading--4.content-headline, .heading--4.ce_headline, h4 {
  font-family: var(--h4-font-family);
  font-size: var(--h4-font-size);
  font-weight: var(--h4-font-weight);
  line-height: var(--h4-line-height);
  color: var(--h4-color);
  margin-top: var(--h4-spacing-top);
  margin-bottom: var(--h4-spacing-bottom);
}
@media screen and (min-width: 36em) {
  .heading--4 h1, .heading--4 h2, .heading--4 h3, .heading--4 h4, .heading--4 h5, .heading--4 h6, .heading--4.content-headline, .heading--4.ce_headline, h4 {
    --h4-font-size: var(--h4-font-size-sm);
  }
}
@media screen and (min-width: 48em) {
  .heading--4 h1, .heading--4 h2, .heading--4 h3, .heading--4 h4, .heading--4 h5, .heading--4 h6, .heading--4.content-headline, .heading--4.ce_headline, h4 {
    --h4-font-size: var(--h4-font-size-md);
  }
}
@media screen and (min-width: 62em) {
  .heading--4 h1, .heading--4 h2, .heading--4 h3, .heading--4 h4, .heading--4 h5, .heading--4 h6, .heading--4.content-headline, .heading--4.ce_headline, h4 {
    --h4-font-size: var(--h4-font-size-lg);
  }
}
@media screen and (min-width: 75em) {
  .heading--4 h1, .heading--4 h2, .heading--4 h3, .heading--4 h4, .heading--4 h5, .heading--4 h6, .heading--4.content-headline, .heading--4.ce_headline, h4 {
    --h4-font-size: var(--h4-font-size-xl);
  }
}

.heading--5 h1, .heading--5 h2, .heading--5 h3, .heading--5 h4, .heading--5 h5, .heading--5 h6, .heading--5.content-headline, .heading--5.ce_headline, h5 {
  font-family: var(--h5-font-family);
  font-size: var(--h5-font-size);
  font-weight: var(--h5-font-weight);
  line-height: var(--h5-line-height);
  color: var(--h5-color);
  margin-top: var(--h5-spacing-top);
  margin-bottom: var(--h5-spacing-bottom);
}
@media screen and (min-width: 36em) {
  .heading--5 h1, .heading--5 h2, .heading--5 h3, .heading--5 h4, .heading--5 h5, .heading--5 h6, .heading--5.content-headline, .heading--5.ce_headline, h5 {
    --h5-font-size: var(--h5-font-size-sm);
  }
}
@media screen and (min-width: 48em) {
  .heading--5 h1, .heading--5 h2, .heading--5 h3, .heading--5 h4, .heading--5 h5, .heading--5 h6, .heading--5.content-headline, .heading--5.ce_headline, h5 {
    --h5-font-size: var(--h5-font-size-md);
  }
}
@media screen and (min-width: 62em) {
  .heading--5 h1, .heading--5 h2, .heading--5 h3, .heading--5 h4, .heading--5 h5, .heading--5 h6, .heading--5.content-headline, .heading--5.ce_headline, h5 {
    --h5-font-size: var(--h5-font-size-lg);
  }
}
@media screen and (min-width: 75em) {
  .heading--5 h1, .heading--5 h2, .heading--5 h3, .heading--5 h4, .heading--5 h5, .heading--5 h6, .heading--5.content-headline, .heading--5.ce_headline, h5 {
    --h5-font-size: var(--h5-font-size-xl);
  }
}

.heading--6 h1, .heading--6 h2, .heading--6 h3, .heading--6 h4, .heading--6 h5, .heading--6 h6, .heading--6.content-headline, .heading--6.ce_headline, h6 {
  font-family: var(--h6-font-family);
  font-size: var(--h6-font-size);
  font-weight: var(--h6-font-weight);
  line-height: var(--h6-line-height);
  color: var(--h6-color);
  margin-top: var(--h6-spacing-top);
  margin-bottom: var(--h6-spacing-bottom);
}
@media screen and (min-width: 36em) {
  .heading--6 h1, .heading--6 h2, .heading--6 h3, .heading--6 h4, .heading--6 h5, .heading--6 h6, .heading--6.content-headline, .heading--6.ce_headline, h6 {
    --h6-font-size: var(--h6-font-size-sm);
  }
}
@media screen and (min-width: 48em) {
  .heading--6 h1, .heading--6 h2, .heading--6 h3, .heading--6 h4, .heading--6 h5, .heading--6 h6, .heading--6.content-headline, .heading--6.ce_headline, h6 {
    --h6-font-size: var(--h6-font-size-md);
  }
}
@media screen and (min-width: 62em) {
  .heading--6 h1, .heading--6 h2, .heading--6 h3, .heading--6 h4, .heading--6 h5, .heading--6 h6, .heading--6.content-headline, .heading--6.ce_headline, h6 {
    --h6-font-size: var(--h6-font-size-lg);
  }
}
@media screen and (min-width: 75em) {
  .heading--6 h1, .heading--6 h2, .heading--6 h3, .heading--6 h4, .heading--6 h5, .heading--6 h6, .heading--6.content-headline, .heading--6.ce_headline, h6 {
    --h6-font-size: var(--h6-font-size-xl);
  }
}

h1, h2, h3, h4, h5, h6 {
  text-wrap: balance;
}

p,
ul,
ol {
  text-wrap: pretty;
  -webkit-margin-before: 0;
  margin-block-start: 0;
}
p:last-child,
ul:last-child,
ol:last-child {
  -webkit-margin-after: 0;
  margin-block-end: 0;
}

b,
strong {
  font-weight: var(--font-weight-bold);
}

small {
  font-size: var(--font-size-sm);
}

code {
  color: var(--code-color);
}

pre {
  background: var(--pre-background);
  color: var(--pre-color);
  padding: var(--spacing-base);
  overflow-x: scroll;
  border: 1px solid var(--pre-border-color);
  border-radius: var(--pre-border-radius);
}
pre code {
  background: transparent !important;
  color: inherit !important;
}

hr {
  margin-block: var(--hr-spacing);
  border: 0;
  border-top: var(--hr-border);
}

.ce_text,
.content-text,
.ce_table,
.content-table,
.ce_code,
.content-code {
  -webkit-margin-after: var(--spacing-base);
  margin-block-end: var(--spacing-base);
}

::-moz-selection {
  background: var(--selection-background);
  color: var(--selection-color);
  opacity: var(--selection-opacity);
}

::selection {
  background: var(--selection-background);
  color: var(--selection-color);
  opacity: var(--selection-opacity);
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
  -webkit-margin-before: 0;
  margin-block-start: 0;
}

.section-heading {
  -webkit-margin-after: var(--spacing-3xl);
  margin-block-end: var(--spacing-3xl);
}

blockquote {
  margin: 0;
  border-left: 4px solid var(--color-brand-primary-200);
  padding: var(--spacing-sm) var(--spacing-base);
}

.font-size--base {
  font-size: var(--font-size-base);
}

.font-size--xs {
  font-size: var(--font-size-xs);
}

.font-size--sm {
  font-size: var(--font-size-sm);
}

.font-size--md {
  font-size: var(--font-size-md);
}

.font-size--lg {
  font-size: var(--font-size-lg);
}

.font-size--xl {
  font-size: var(--font-size-xl);
}

.font-size--xxl {
  font-size: var(--font-size-xxl);
}

.text--left {
  text-align: left;
}

.text--right {
  text-align: right;
}

.text--center {
  text-align: center;
}

.row {
  display: grid;
  grid-template-columns: repeat(var(--grid-columns), minmax(0, 1fr));
  -webkit-column-gap: var(--grid-gutter);
  -moz-column-gap: var(--grid-gutter);
  column-gap: var(--grid-gutter);
  row-gap: var(--grid-gutter);
  grid-auto-columns: 1fr;
}
@supports not (display: grid) {
  .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: calc(-1 * var(--grid-gutter-half));
    margin-right: calc(-1 * var(--grid-gutter-half));
  }
}

.row--gap-y {
  row-gap: var(--grid-gutter);
}

.ce_gallery > ul li, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col-xs-12, .col-xs-11, .col-xs-10, .col-xs-9, .col-xs-8, .col-xs-7, .col-xs-6, .col-xs-5, .col-xs-4, .col-xs-3, .col-xs-2, .col-xs-1 {
  display: grid;
  grid-column: 1/-1;
  max-width: 100%;
}
@supports not (display: grid) {
  .ce_gallery > ul li, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col-xs-12, .col-xs-11, .col-xs-10, .col-xs-9, .col-xs-8, .col-xs-7, .col-xs-6, .col-xs-5, .col-xs-4, .col-xs-3, .col-xs-2, .col-xs-1 {
    padding-left: var(--grid-gutter-half);
    padding-right: var(--grid-gutter-half);
  }
}

.col {
  grid-column: 1/-1;
}

.col-1 {
  grid-column: span 1/span 1;
}
@supports not (display: grid) {
  .col-1 {
    width: 8.3333333333%;
  }
}

.row-start-1 {
  grid-row-start: 1;
}

.row-span-1 {
  grid-row: span 1/span 1;
}

.col-2 {
  grid-column: span 2/span 2;
}
@supports not (display: grid) {
  .col-2 {
    width: 16.6666666667%;
  }
}

.row-start-2 {
  grid-row-start: 2;
}

.row-span-2 {
  grid-row: span 2/span 2;
}

.col-3 {
  grid-column: span 3/span 3;
}
@supports not (display: grid) {
  .col-3 {
    width: 25%;
  }
}

.row-start-3 {
  grid-row-start: 3;
}

.row-span-3 {
  grid-row: span 3/span 3;
}

.col-4 {
  grid-column: span 4/span 4;
}
@supports not (display: grid) {
  .col-4 {
    width: 33.3333333333%;
  }
}

.row-start-4 {
  grid-row-start: 4;
}

.row-span-4 {
  grid-row: span 4/span 4;
}

.col-5 {
  grid-column: span 5/span 5;
}
@supports not (display: grid) {
  .col-5 {
    width: 41.6666666667%;
  }
}

.row-start-5 {
  grid-row-start: 5;
}

.row-span-5 {
  grid-row: span 5/span 5;
}

.col-6 {
  grid-column: span 6/span 6;
}
@supports not (display: grid) {
  .col-6 {
    width: 50%;
  }
}

.row-start-6 {
  grid-row-start: 6;
}

.row-span-6 {
  grid-row: span 6/span 6;
}

.col-7 {
  grid-column: span 7/span 7;
}
@supports not (display: grid) {
  .col-7 {
    width: 58.3333333333%;
  }
}

.row-start-7 {
  grid-row-start: 7;
}

.row-span-7 {
  grid-row: span 7/span 7;
}

.col-8 {
  grid-column: span 8/span 8;
}
@supports not (display: grid) {
  .col-8 {
    width: 66.6666666667%;
  }
}

.row-start-8 {
  grid-row-start: 8;
}

.row-span-8 {
  grid-row: span 8/span 8;
}

.col-9 {
  grid-column: span 9/span 9;
}
@supports not (display: grid) {
  .col-9 {
    width: 75%;
  }
}

.row-start-9 {
  grid-row-start: 9;
}

.row-span-9 {
  grid-row: span 9/span 9;
}

.col-10 {
  grid-column: span 10/span 10;
}
@supports not (display: grid) {
  .col-10 {
    width: 83.3333333333%;
  }
}

.row-start-10 {
  grid-row-start: 10;
}

.row-span-10 {
  grid-row: span 10/span 10;
}

.col-11 {
  grid-column: span 11/span 11;
}
@supports not (display: grid) {
  .col-11 {
    width: 91.6666666667%;
  }
}

.row-start-11 {
  grid-row-start: 11;
}

.row-span-11 {
  grid-row: span 11/span 11;
}

.col-12 {
  grid-column: span 12/span 12;
}
@supports not (display: grid) {
  .col-12 {
    width: 100%;
  }
}

.row-start-12 {
  grid-row-start: 12;
}

.row-span-12 {
  grid-row: span 12/span 12;
}

@media screen and (min-width: 0) {
  .col-xs-1 {
    grid-column: span 1/span 1;
  }
  @supports not (display: grid) {
    .col-xs-1 {
      width: 8.3333333333%;
    }
  }
  .col-xs-2 {
    grid-column: span 2/span 2;
  }
  @supports not (display: grid) {
    .col-xs-2 {
      width: 16.6666666667%;
    }
  }
  .col-xs-3 {
    grid-column: span 3/span 3;
  }
  @supports not (display: grid) {
    .col-xs-3 {
      width: 25%;
    }
  }
  .col-xs-4 {
    grid-column: span 4/span 4;
  }
  @supports not (display: grid) {
    .col-xs-4 {
      width: 33.3333333333%;
    }
  }
  .col-xs-5 {
    grid-column: span 5/span 5;
  }
  @supports not (display: grid) {
    .col-xs-5 {
      width: 41.6666666667%;
    }
  }
  .col-xs-6 {
    grid-column: span 6/span 6;
  }
  @supports not (display: grid) {
    .col-xs-6 {
      width: 50%;
    }
  }
  .col-xs-7 {
    grid-column: span 7/span 7;
  }
  @supports not (display: grid) {
    .col-xs-7 {
      width: 58.3333333333%;
    }
  }
  .col-xs-8 {
    grid-column: span 8/span 8;
  }
  @supports not (display: grid) {
    .col-xs-8 {
      width: 66.6666666667%;
    }
  }
  .col-xs-9 {
    grid-column: span 9/span 9;
  }
  @supports not (display: grid) {
    .col-xs-9 {
      width: 75%;
    }
  }
  .col-xs-10 {
    grid-column: span 10/span 10;
  }
  @supports not (display: grid) {
    .col-xs-10 {
      width: 83.3333333333%;
    }
  }
  .col-xs-11 {
    grid-column: span 11/span 11;
  }
  @supports not (display: grid) {
    .col-xs-11 {
      width: 91.6666666667%;
    }
  }
  .col-xs-12 {
    grid-column: span 12/span 12;
  }
  @supports not (display: grid) {
    .col-xs-12 {
      width: 100%;
    }
  }
}
@media screen and (min-width: 0) {
  .row-span-xs-1 {
    grid-row: span 1/span 1;
  }
  .row-span-xs-2 {
    grid-row: span 2/span 2;
  }
  .row-span-xs-3 {
    grid-row: span 3/span 3;
  }
  .row-span-xs-4 {
    grid-row: span 4/span 4;
  }
  .row-span-xs-5 {
    grid-row: span 5/span 5;
  }
  .row-span-xs-6 {
    grid-row: span 6/span 6;
  }
  .row-span-xs-7 {
    grid-row: span 7/span 7;
  }
  .row-span-xs-8 {
    grid-row: span 8/span 8;
  }
  .row-span-xs-9 {
    grid-row: span 9/span 9;
  }
  .row-span-xs-10 {
    grid-row: span 10/span 10;
  }
  .row-span-xs-11 {
    grid-row: span 11/span 11;
  }
  .row-span-xs-12 {
    grid-row: span 12/span 12;
  }
}
@media screen and (min-width: 0) {
  .col-start-xs-1 {
    grid-column-start: 1;
  }
  .row-start-xs-1 {
    grid-row-start: 1;
  }
  .col-start-xs-2 {
    grid-column-start: 2;
  }
  .row-start-xs-2 {
    grid-row-start: 2;
  }
  .col-start-xs-3 {
    grid-column-start: 3;
  }
  .row-start-xs-3 {
    grid-row-start: 3;
  }
  .col-start-xs-4 {
    grid-column-start: 4;
  }
  .row-start-xs-4 {
    grid-row-start: 4;
  }
  .col-start-xs-5 {
    grid-column-start: 5;
  }
  .row-start-xs-5 {
    grid-row-start: 5;
  }
  .col-start-xs-6 {
    grid-column-start: 6;
  }
  .row-start-xs-6 {
    grid-row-start: 6;
  }
  .col-start-xs-7 {
    grid-column-start: 7;
  }
  .row-start-xs-7 {
    grid-row-start: 7;
  }
  .col-start-xs-8 {
    grid-column-start: 8;
  }
  .row-start-xs-8 {
    grid-row-start: 8;
  }
  .col-start-xs-9 {
    grid-column-start: 9;
  }
  .row-start-xs-9 {
    grid-row-start: 9;
  }
  .col-start-xs-10 {
    grid-column-start: 10;
  }
  .row-start-xs-10 {
    grid-row-start: 10;
  }
  .col-start-xs-11 {
    grid-column-start: 11;
  }
  .row-start-xs-11 {
    grid-row-start: 11;
  }
  .col-start-xs-12 {
    grid-column-start: 12;
  }
  .row-start-xs-12 {
    grid-row-start: 12;
  }
}
@media screen and (min-width: 0) {
  .pull-right-xs {
    grid-column-end: -1;
  }
  .pull-left-xs {
    grid-row-start: 1;
    grid-column-end: inherit;
  }
}
@media screen and (min-width: 36em) {
  .col-sm-1 {
    grid-column: span 1/span 1;
  }
  @supports not (display: grid) {
    .col-sm-1 {
      width: 8.3333333333%;
    }
  }
  .col-sm-2 {
    grid-column: span 2/span 2;
  }
  @supports not (display: grid) {
    .col-sm-2 {
      width: 16.6666666667%;
    }
  }
  .col-sm-3 {
    grid-column: span 3/span 3;
  }
  @supports not (display: grid) {
    .col-sm-3 {
      width: 25%;
    }
  }
  .col-sm-4 {
    grid-column: span 4/span 4;
  }
  @supports not (display: grid) {
    .col-sm-4 {
      width: 33.3333333333%;
    }
  }
  .col-sm-5 {
    grid-column: span 5/span 5;
  }
  @supports not (display: grid) {
    .col-sm-5 {
      width: 41.6666666667%;
    }
  }
  .col-sm-6 {
    grid-column: span 6/span 6;
  }
  @supports not (display: grid) {
    .col-sm-6 {
      width: 50%;
    }
  }
  .col-sm-7 {
    grid-column: span 7/span 7;
  }
  @supports not (display: grid) {
    .col-sm-7 {
      width: 58.3333333333%;
    }
  }
  .col-sm-8 {
    grid-column: span 8/span 8;
  }
  @supports not (display: grid) {
    .col-sm-8 {
      width: 66.6666666667%;
    }
  }
  .col-sm-9 {
    grid-column: span 9/span 9;
  }
  @supports not (display: grid) {
    .col-sm-9 {
      width: 75%;
    }
  }
  .col-sm-10 {
    grid-column: span 10/span 10;
  }
  @supports not (display: grid) {
    .col-sm-10 {
      width: 83.3333333333%;
    }
  }
  .col-sm-11 {
    grid-column: span 11/span 11;
  }
  @supports not (display: grid) {
    .col-sm-11 {
      width: 91.6666666667%;
    }
  }
  .col-sm-12 {
    grid-column: span 12/span 12;
  }
  @supports not (display: grid) {
    .col-sm-12 {
      width: 100%;
    }
  }
}
@media screen and (min-width: 36em) {
  .row-span-sm-1 {
    grid-row: span 1/span 1;
  }
  .row-span-sm-2 {
    grid-row: span 2/span 2;
  }
  .row-span-sm-3 {
    grid-row: span 3/span 3;
  }
  .row-span-sm-4 {
    grid-row: span 4/span 4;
  }
  .row-span-sm-5 {
    grid-row: span 5/span 5;
  }
  .row-span-sm-6 {
    grid-row: span 6/span 6;
  }
  .row-span-sm-7 {
    grid-row: span 7/span 7;
  }
  .row-span-sm-8 {
    grid-row: span 8/span 8;
  }
  .row-span-sm-9 {
    grid-row: span 9/span 9;
  }
  .row-span-sm-10 {
    grid-row: span 10/span 10;
  }
  .row-span-sm-11 {
    grid-row: span 11/span 11;
  }
  .row-span-sm-12 {
    grid-row: span 12/span 12;
  }
}
@media screen and (min-width: 36em) {
  .col-start-sm-1 {
    grid-column-start: 1;
  }
  .row-start-sm-1 {
    grid-row-start: 1;
  }
  .col-start-sm-2 {
    grid-column-start: 2;
  }
  .row-start-sm-2 {
    grid-row-start: 2;
  }
  .col-start-sm-3 {
    grid-column-start: 3;
  }
  .row-start-sm-3 {
    grid-row-start: 3;
  }
  .col-start-sm-4 {
    grid-column-start: 4;
  }
  .row-start-sm-4 {
    grid-row-start: 4;
  }
  .col-start-sm-5 {
    grid-column-start: 5;
  }
  .row-start-sm-5 {
    grid-row-start: 5;
  }
  .col-start-sm-6 {
    grid-column-start: 6;
  }
  .row-start-sm-6 {
    grid-row-start: 6;
  }
  .col-start-sm-7 {
    grid-column-start: 7;
  }
  .row-start-sm-7 {
    grid-row-start: 7;
  }
  .col-start-sm-8 {
    grid-column-start: 8;
  }
  .row-start-sm-8 {
    grid-row-start: 8;
  }
  .col-start-sm-9 {
    grid-column-start: 9;
  }
  .row-start-sm-9 {
    grid-row-start: 9;
  }
  .col-start-sm-10 {
    grid-column-start: 10;
  }
  .row-start-sm-10 {
    grid-row-start: 10;
  }
  .col-start-sm-11 {
    grid-column-start: 11;
  }
  .row-start-sm-11 {
    grid-row-start: 11;
  }
  .col-start-sm-12 {
    grid-column-start: 12;
  }
  .row-start-sm-12 {
    grid-row-start: 12;
  }
}
@media screen and (min-width: 36em) {
  .pull-right-sm {
    grid-column-end: -1;
  }
  .pull-left-sm {
    grid-row-start: 1;
    grid-column-end: inherit;
  }
}
@media screen and (min-width: 48em) {
  .col-md-1 {
    grid-column: span 1/span 1;
  }
  @supports not (display: grid) {
    .col-md-1 {
      width: 8.3333333333%;
    }
  }
  .col-md-2 {
    grid-column: span 2/span 2;
  }
  @supports not (display: grid) {
    .col-md-2 {
      width: 16.6666666667%;
    }
  }
  .col-md-3 {
    grid-column: span 3/span 3;
  }
  @supports not (display: grid) {
    .col-md-3 {
      width: 25%;
    }
  }
  .col-md-4 {
    grid-column: span 4/span 4;
  }
  @supports not (display: grid) {
    .col-md-4 {
      width: 33.3333333333%;
    }
  }
  .col-md-5 {
    grid-column: span 5/span 5;
  }
  @supports not (display: grid) {
    .col-md-5 {
      width: 41.6666666667%;
    }
  }
  .col-md-6 {
    grid-column: span 6/span 6;
  }
  @supports not (display: grid) {
    .col-md-6 {
      width: 50%;
    }
  }
  .col-md-7 {
    grid-column: span 7/span 7;
  }
  @supports not (display: grid) {
    .col-md-7 {
      width: 58.3333333333%;
    }
  }
  .col-md-8 {
    grid-column: span 8/span 8;
  }
  @supports not (display: grid) {
    .col-md-8 {
      width: 66.6666666667%;
    }
  }
  .col-md-9 {
    grid-column: span 9/span 9;
  }
  @supports not (display: grid) {
    .col-md-9 {
      width: 75%;
    }
  }
  .col-md-10 {
    grid-column: span 10/span 10;
  }
  @supports not (display: grid) {
    .col-md-10 {
      width: 83.3333333333%;
    }
  }
  .col-md-11 {
    grid-column: span 11/span 11;
  }
  @supports not (display: grid) {
    .col-md-11 {
      width: 91.6666666667%;
    }
  }
  .col-md-12 {
    grid-column: span 12/span 12;
  }
  @supports not (display: grid) {
    .col-md-12 {
      width: 100%;
    }
  }
}
@media screen and (min-width: 48em) {
  .row-span-md-1 {
    grid-row: span 1/span 1;
  }
  .row-span-md-2 {
    grid-row: span 2/span 2;
  }
  .row-span-md-3 {
    grid-row: span 3/span 3;
  }
  .row-span-md-4 {
    grid-row: span 4/span 4;
  }
  .row-span-md-5 {
    grid-row: span 5/span 5;
  }
  .row-span-md-6 {
    grid-row: span 6/span 6;
  }
  .row-span-md-7 {
    grid-row: span 7/span 7;
  }
  .row-span-md-8 {
    grid-row: span 8/span 8;
  }
  .row-span-md-9 {
    grid-row: span 9/span 9;
  }
  .row-span-md-10 {
    grid-row: span 10/span 10;
  }
  .row-span-md-11 {
    grid-row: span 11/span 11;
  }
  .row-span-md-12 {
    grid-row: span 12/span 12;
  }
}
@media screen and (min-width: 48em) {
  .col-start-md-1 {
    grid-column-start: 1;
  }
  .row-start-md-1 {
    grid-row-start: 1;
  }
  .col-start-md-2 {
    grid-column-start: 2;
  }
  .row-start-md-2 {
    grid-row-start: 2;
  }
  .col-start-md-3 {
    grid-column-start: 3;
  }
  .row-start-md-3 {
    grid-row-start: 3;
  }
  .col-start-md-4 {
    grid-column-start: 4;
  }
  .row-start-md-4 {
    grid-row-start: 4;
  }
  .col-start-md-5 {
    grid-column-start: 5;
  }
  .row-start-md-5 {
    grid-row-start: 5;
  }
  .col-start-md-6 {
    grid-column-start: 6;
  }
  .row-start-md-6 {
    grid-row-start: 6;
  }
  .col-start-md-7 {
    grid-column-start: 7;
  }
  .row-start-md-7 {
    grid-row-start: 7;
  }
  .col-start-md-8 {
    grid-column-start: 8;
  }
  .row-start-md-8 {
    grid-row-start: 8;
  }
  .col-start-md-9 {
    grid-column-start: 9;
  }
  .row-start-md-9 {
    grid-row-start: 9;
  }
  .col-start-md-10 {
    grid-column-start: 10;
  }
  .row-start-md-10 {
    grid-row-start: 10;
  }
  .col-start-md-11 {
    grid-column-start: 11;
  }
  .row-start-md-11 {
    grid-row-start: 11;
  }
  .col-start-md-12 {
    grid-column-start: 12;
  }
  .row-start-md-12 {
    grid-row-start: 12;
  }
}
@media screen and (min-width: 48em) {
  .pull-right-md {
    grid-column-end: -1;
  }
  .pull-left-md {
    grid-row-start: 1;
    grid-column-end: inherit;
  }
}
@media screen and (min-width: 62em) {
  .col-lg-1 {
    grid-column: span 1/span 1;
  }
  @supports not (display: grid) {
    .col-lg-1 {
      width: 8.3333333333%;
    }
  }
  .col-lg-2 {
    grid-column: span 2/span 2;
  }
  @supports not (display: grid) {
    .col-lg-2 {
      width: 16.6666666667%;
    }
  }
  .col-lg-3 {
    grid-column: span 3/span 3;
  }
  @supports not (display: grid) {
    .col-lg-3 {
      width: 25%;
    }
  }
  .col-lg-4 {
    grid-column: span 4/span 4;
  }
  @supports not (display: grid) {
    .col-lg-4 {
      width: 33.3333333333%;
    }
  }
  .col-lg-5 {
    grid-column: span 5/span 5;
  }
  @supports not (display: grid) {
    .col-lg-5 {
      width: 41.6666666667%;
    }
  }
  .col-lg-6 {
    grid-column: span 6/span 6;
  }
  @supports not (display: grid) {
    .col-lg-6 {
      width: 50%;
    }
  }
  .col-lg-7 {
    grid-column: span 7/span 7;
  }
  @supports not (display: grid) {
    .col-lg-7 {
      width: 58.3333333333%;
    }
  }
  .col-lg-8 {
    grid-column: span 8/span 8;
  }
  @supports not (display: grid) {
    .col-lg-8 {
      width: 66.6666666667%;
    }
  }
  .col-lg-9 {
    grid-column: span 9/span 9;
  }
  @supports not (display: grid) {
    .col-lg-9 {
      width: 75%;
    }
  }
  .col-lg-10 {
    grid-column: span 10/span 10;
  }
  @supports not (display: grid) {
    .col-lg-10 {
      width: 83.3333333333%;
    }
  }
  .col-lg-11 {
    grid-column: span 11/span 11;
  }
  @supports not (display: grid) {
    .col-lg-11 {
      width: 91.6666666667%;
    }
  }
  .col-lg-12 {
    grid-column: span 12/span 12;
  }
  @supports not (display: grid) {
    .col-lg-12 {
      width: 100%;
    }
  }
}
@media screen and (min-width: 62em) {
  .row-span-lg-1 {
    grid-row: span 1/span 1;
  }
  .row-span-lg-2 {
    grid-row: span 2/span 2;
  }
  .row-span-lg-3 {
    grid-row: span 3/span 3;
  }
  .row-span-lg-4 {
    grid-row: span 4/span 4;
  }
  .row-span-lg-5 {
    grid-row: span 5/span 5;
  }
  .row-span-lg-6 {
    grid-row: span 6/span 6;
  }
  .row-span-lg-7 {
    grid-row: span 7/span 7;
  }
  .row-span-lg-8 {
    grid-row: span 8/span 8;
  }
  .row-span-lg-9 {
    grid-row: span 9/span 9;
  }
  .row-span-lg-10 {
    grid-row: span 10/span 10;
  }
  .row-span-lg-11 {
    grid-row: span 11/span 11;
  }
  .row-span-lg-12 {
    grid-row: span 12/span 12;
  }
}
@media screen and (min-width: 62em) {
  .col-start-lg-1 {
    grid-column-start: 1;
  }
  .row-start-lg-1 {
    grid-row-start: 1;
  }
  .col-start-lg-2 {
    grid-column-start: 2;
  }
  .row-start-lg-2 {
    grid-row-start: 2;
  }
  .col-start-lg-3 {
    grid-column-start: 3;
  }
  .row-start-lg-3 {
    grid-row-start: 3;
  }
  .col-start-lg-4 {
    grid-column-start: 4;
  }
  .row-start-lg-4 {
    grid-row-start: 4;
  }
  .col-start-lg-5 {
    grid-column-start: 5;
  }
  .row-start-lg-5 {
    grid-row-start: 5;
  }
  .col-start-lg-6 {
    grid-column-start: 6;
  }
  .row-start-lg-6 {
    grid-row-start: 6;
  }
  .col-start-lg-7 {
    grid-column-start: 7;
  }
  .row-start-lg-7 {
    grid-row-start: 7;
  }
  .col-start-lg-8 {
    grid-column-start: 8;
  }
  .row-start-lg-8 {
    grid-row-start: 8;
  }
  .col-start-lg-9 {
    grid-column-start: 9;
  }
  .row-start-lg-9 {
    grid-row-start: 9;
  }
  .col-start-lg-10 {
    grid-column-start: 10;
  }
  .row-start-lg-10 {
    grid-row-start: 10;
  }
  .col-start-lg-11 {
    grid-column-start: 11;
  }
  .row-start-lg-11 {
    grid-row-start: 11;
  }
  .col-start-lg-12 {
    grid-column-start: 12;
  }
  .row-start-lg-12 {
    grid-row-start: 12;
  }
}
@media screen and (min-width: 62em) {
  .pull-right-lg {
    grid-column-end: -1;
  }
  .pull-left-lg {
    grid-row-start: 1;
    grid-column-end: inherit;
  }
}
@media screen and (min-width: 75em) {
  .col-xl-1 {
    grid-column: span 1/span 1;
  }
  @supports not (display: grid) {
    .col-xl-1 {
      width: 8.3333333333%;
    }
  }
  .col-xl-2 {
    grid-column: span 2/span 2;
  }
  @supports not (display: grid) {
    .col-xl-2 {
      width: 16.6666666667%;
    }
  }
  .col-xl-3 {
    grid-column: span 3/span 3;
  }
  @supports not (display: grid) {
    .col-xl-3 {
      width: 25%;
    }
  }
  .col-xl-4 {
    grid-column: span 4/span 4;
  }
  @supports not (display: grid) {
    .col-xl-4 {
      width: 33.3333333333%;
    }
  }
  .col-xl-5 {
    grid-column: span 5/span 5;
  }
  @supports not (display: grid) {
    .col-xl-5 {
      width: 41.6666666667%;
    }
  }
  .col-xl-6 {
    grid-column: span 6/span 6;
  }
  @supports not (display: grid) {
    .col-xl-6 {
      width: 50%;
    }
  }
  .col-xl-7 {
    grid-column: span 7/span 7;
  }
  @supports not (display: grid) {
    .col-xl-7 {
      width: 58.3333333333%;
    }
  }
  .col-xl-8 {
    grid-column: span 8/span 8;
  }
  @supports not (display: grid) {
    .col-xl-8 {
      width: 66.6666666667%;
    }
  }
  .col-xl-9 {
    grid-column: span 9/span 9;
  }
  @supports not (display: grid) {
    .col-xl-9 {
      width: 75%;
    }
  }
  .col-xl-10 {
    grid-column: span 10/span 10;
  }
  @supports not (display: grid) {
    .col-xl-10 {
      width: 83.3333333333%;
    }
  }
  .col-xl-11 {
    grid-column: span 11/span 11;
  }
  @supports not (display: grid) {
    .col-xl-11 {
      width: 91.6666666667%;
    }
  }
  .col-xl-12 {
    grid-column: span 12/span 12;
  }
  @supports not (display: grid) {
    .col-xl-12 {
      width: 100%;
    }
  }
}
@media screen and (min-width: 75em) {
  .row-span-xl-1 {
    grid-row: span 1/span 1;
  }
  .row-span-xl-2 {
    grid-row: span 2/span 2;
  }
  .row-span-xl-3 {
    grid-row: span 3/span 3;
  }
  .row-span-xl-4 {
    grid-row: span 4/span 4;
  }
  .row-span-xl-5 {
    grid-row: span 5/span 5;
  }
  .row-span-xl-6 {
    grid-row: span 6/span 6;
  }
  .row-span-xl-7 {
    grid-row: span 7/span 7;
  }
  .row-span-xl-8 {
    grid-row: span 8/span 8;
  }
  .row-span-xl-9 {
    grid-row: span 9/span 9;
  }
  .row-span-xl-10 {
    grid-row: span 10/span 10;
  }
  .row-span-xl-11 {
    grid-row: span 11/span 11;
  }
  .row-span-xl-12 {
    grid-row: span 12/span 12;
  }
}
@media screen and (min-width: 75em) {
  .col-start-xl-1 {
    grid-column-start: 1;
  }
  .row-start-xl-1 {
    grid-row-start: 1;
  }
  .col-start-xl-2 {
    grid-column-start: 2;
  }
  .row-start-xl-2 {
    grid-row-start: 2;
  }
  .col-start-xl-3 {
    grid-column-start: 3;
  }
  .row-start-xl-3 {
    grid-row-start: 3;
  }
  .col-start-xl-4 {
    grid-column-start: 4;
  }
  .row-start-xl-4 {
    grid-row-start: 4;
  }
  .col-start-xl-5 {
    grid-column-start: 5;
  }
  .row-start-xl-5 {
    grid-row-start: 5;
  }
  .col-start-xl-6 {
    grid-column-start: 6;
  }
  .row-start-xl-6 {
    grid-row-start: 6;
  }
  .col-start-xl-7 {
    grid-column-start: 7;
  }
  .row-start-xl-7 {
    grid-row-start: 7;
  }
  .col-start-xl-8 {
    grid-column-start: 8;
  }
  .row-start-xl-8 {
    grid-row-start: 8;
  }
  .col-start-xl-9 {
    grid-column-start: 9;
  }
  .row-start-xl-9 {
    grid-row-start: 9;
  }
  .col-start-xl-10 {
    grid-column-start: 10;
  }
  .row-start-xl-10 {
    grid-row-start: 10;
  }
  .col-start-xl-11 {
    grid-column-start: 11;
  }
  .row-start-xl-11 {
    grid-row-start: 11;
  }
  .col-start-xl-12 {
    grid-column-start: 12;
  }
  .row-start-xl-12 {
    grid-row-start: 12;
  }
}
@media screen and (min-width: 75em) {
  .pull-right-xl {
    grid-column-end: -1;
  }
  .pull-left-xl {
    grid-row-start: 1;
    grid-column-end: inherit;
  }
}
.justify-start {
  justify-self: start;
  text-align: left;
}

.justify-center {
  justify-self: center;
  text-align: center;
}

.justify-end {
  justify-self: end;
  text-align: right;
}

@media screen and (min-width: 0) {
  .justify-xs-start {
    justify-self: start;
    text-align: left;
  }
  .justify-xs-center {
    justify-self: center;
    text-align: center;
  }
  .justify-xs-end {
    justify-self: end;
    text-align: right;
  }
}
@media screen and (min-width: 36em) {
  .justify-sm-start {
    justify-self: start;
    text-align: left;
  }
  .justify-sm-center {
    justify-self: center;
    text-align: center;
  }
  .justify-sm-end {
    justify-self: end;
    text-align: right;
  }
}
@media screen and (min-width: 48em) {
  .justify-md-start {
    justify-self: start;
    text-align: left;
  }
  .justify-md-center {
    justify-self: center;
    text-align: center;
  }
  .justify-md-end {
    justify-self: end;
    text-align: right;
  }
}
@media screen and (min-width: 62em) {
  .justify-lg-start {
    justify-self: start;
    text-align: left;
  }
  .justify-lg-center {
    justify-self: center;
    text-align: center;
  }
  .justify-lg-end {
    justify-self: end;
    text-align: right;
  }
}
@media screen and (min-width: 75em) {
  .justify-xl-start {
    justify-self: start;
    text-align: left;
  }
  .justify-xl-center {
    justify-self: center;
    text-align: center;
  }
  .justify-xl-end {
    justify-self: end;
    text-align: right;
  }
}
.align-start {
  -ms-flex-item-align: start;
  align-self: start;
}

.align-center {
  -ms-flex-item-align: center;
  align-self: center;
}

.align-end {
  -ms-flex-item-align: end;
  align-self: end;
}

@media screen and (min-width: 0) {
  .align-xs-start {
    -ms-flex-item-align: start;
    align-self: start;
  }
  .align-xs-center {
    -ms-flex-item-align: center;
    align-self: center;
  }
  .align-xs-end {
    -ms-flex-item-align: end;
    align-self: end;
  }
}
@media screen and (min-width: 36em) {
  .align-sm-start {
    -ms-flex-item-align: start;
    align-self: start;
  }
  .align-sm-center {
    -ms-flex-item-align: center;
    align-self: center;
  }
  .align-sm-end {
    -ms-flex-item-align: end;
    align-self: end;
  }
}
@media screen and (min-width: 48em) {
  .align-md-start {
    -ms-flex-item-align: start;
    align-self: start;
  }
  .align-md-center {
    -ms-flex-item-align: center;
    align-self: center;
  }
  .align-md-end {
    -ms-flex-item-align: end;
    align-self: end;
  }
}
@media screen and (min-width: 62em) {
  .align-lg-start {
    -ms-flex-item-align: start;
    align-self: start;
  }
  .align-lg-center {
    -ms-flex-item-align: center;
    align-self: center;
  }
  .align-lg-end {
    -ms-flex-item-align: end;
    align-self: end;
  }
}
@media screen and (min-width: 75em) {
  .align-xl-start {
    -ms-flex-item-align: start;
    align-self: start;
  }
  .align-xl-center {
    -ms-flex-item-align: center;
    align-self: center;
  }
  .align-xl-end {
    -ms-flex-item-align: end;
    align-self: end;
  }
}
.show-grid {
  background-color: var(--color-primary);
  padding-top: var(--spacing-lg);
  padding-bottom: var(--spacing-base);
  margin-bottom: var(--spacing-base);
  position: relative;
}

.show-grid::before {
  font-size: var(--font-size-sm);
  padding: 0 var(--spacing-sm);
  border-radius: 0 var(--border-radius-base) var(--border-radius-base) 0;
  background-color: var(--overlay-background);
  color: var(--color-text--inverted);
  position: absolute;
  top: 0;
  content: "screen-xs";
}

@media screen and (min-width: 36em) {
  .show-grid::before {
    content: "screen-sm";
  }
}
@media screen and (min-width: 48em) {
  .show-grid::before {
    content: "screen-md";
  }
}
@media screen and (min-width: 62em) {
  .show-grid::before {
    content: "screen-lg";
  }
}
@media screen and (min-width: 75em) {
  .show-grid::before {
    content: "screen-xl";
  }
}
.show-grid [class*=col-] > * {
  background-color: var(--color-neutral-100);
  padding: var(--spacing-xs);
  border-radius: var(--border-radius-base);
  border: var(--border-base);
  margin: unset;
}

:root {
  --layout-wrapper-background: transparent;
  --layout-header-background: var(--color-page-bg);
  --layout-header-color: var(--color-text);
  --layout-footer-background: transparent;
  --layout-footer-color: var(--color-text);
}

[id=wrapper] {
  min-height: 100vh;
  display: grid;
  grid-template-rows: -webkit-min-content auto -webkit-min-content;
  grid-template-rows: min-content auto min-content;
  grid-template-columns: 100%;
  -webkit-margin-start: auto;
  margin-inline-start: auto;
  -webkit-margin-end: auto;
  margin-inline-end: auto;
  background: var(--layout-wrapper-background);
}

[id=header] {
  background: var(--layout-header-background);
  color: var(--layout-header-color);
}
[id=header] > .inside {
  max-width: 105em;
  width: 100%;
  -webkit-margin-start: auto;
  margin-inline-start: auto;
  -webkit-margin-end: auto;
  margin-inline-end: auto;
  -webkit-padding-start: var(--container-padding);
  padding-inline-start: var(--container-padding);
  -webkit-padding-end: var(--container-padding);
  padding-inline-end: var(--container-padding);
}

[id=footer] {
  background: var(--layout-footer-background);
  color: var(--layout-footer-color);
}
[id=footer] > .inside {
  max-width: 105em;
  width: 100%;
  -webkit-margin-start: auto;
  margin-inline-start: auto;
  -webkit-margin-end: auto;
  margin-inline-end: auto;
  -webkit-padding-start: var(--container-padding);
  padding-inline-start: var(--container-padding);
  -webkit-padding-end: var(--container-padding);
  padding-inline-end: var(--container-padding);
}

:root {
  --layout-footer-background: var(--color-brand-primary-500);
  --layout-footer-color: var(--color-text--inverted);
}

.html--fixed {
  overflow: hidden;
  position: fixed;
  height: 100%;
  width: 100%;
}

[id=wrapper] {
  min-width: 320px;
}

[id=header] > .inside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--spacing-base);
  padding-block: var(--spacing-base);
}

[id=footer] > .inside {
  max-width: none;
  width: 100%;
  -webkit-margin-start: auto;
  margin-inline-start: auto;
  -webkit-margin-end: auto;
  margin-inline-end: auto;
  -webkit-padding-start: 0;
  padding-inline-start: 0;
  -webkit-padding-end: 0;
  padding-inline-end: 0;
}
[id=footer] .footer-main > .inside {
  max-width: 105em;
  width: 100%;
  -webkit-margin-start: auto;
  margin-inline-start: auto;
  -webkit-margin-end: auto;
  margin-inline-end: auto;
  -webkit-padding-start: var(--container-padding);
  padding-inline-start: var(--container-padding);
  -webkit-padding-end: var(--container-padding);
  padding-inline-end: var(--container-padding);
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: var(--grid-gutter);
  grid-auto-columns: 1fr;
  padding: var(--spacing-lg);
}
@supports not (display: grid) {
  [id=footer] .footer-main > .inside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-margin-start: calc(-1 * var(--grid-gutter) / 2);
    margin-inline-start: calc(-1 * var(--grid-gutter) / 2);
    -webkit-margin-end: calc(-1 * var(--grid-gutter) / 2);
    margin-inline-end: calc(-1 * var(--grid-gutter) / 2);
  }
}
@media screen and (min-width: 62em) {
  [id=footer] .footer-main > .inside {
    padding: var(--spacing-xl);
  }
}
[id=footer] .footer-main .logo {
  grid-column: 1/-1;
  grid-column: span 12/span 12;
  -webkit-margin-after: var(--spacing-lg);
  margin-block-end: var(--spacing-lg);
}
@supports not (display: grid) {
  [id=footer] .footer-main .logo {
    -webkit-padding-before: calc(var(--grid-gutter) / 2);
    padding-block-start: calc(var(--grid-gutter) / 2);
    -webkit-padding-after: calc(var(--grid-gutter) / 2);
    padding-block-end: calc(var(--grid-gutter) / 2);
  }
}
@supports not (display: grid) {
  [id=footer] .footer-main .logo {
    width: 100%;
  }
}
@media screen and (min-width: 36em) {
  [id=footer] .footer-main .logo {
    grid-column: 1/-1;
    grid-column: span 12/span 12;
  }
  @supports not (display: grid) {
    [id=footer] .footer-main .logo {
      -webkit-padding-before: calc(var(--grid-gutter) / 2);
      padding-block-start: calc(var(--grid-gutter) / 2);
      -webkit-padding-after: calc(var(--grid-gutter) / 2);
      padding-block-end: calc(var(--grid-gutter) / 2);
    }
  }
  @supports not (display: grid) {
    [id=footer] .footer-main .logo {
      width: 100%;
    }
  }
}
@media screen and (min-width: 62em) {
  [id=footer] .footer-main .logo {
    grid-column: 1/-1;
    grid-column: span 12/span 12;
  }
  @supports not (display: grid) {
    [id=footer] .footer-main .logo {
      -webkit-padding-before: calc(var(--grid-gutter) / 2);
      padding-block-start: calc(var(--grid-gutter) / 2);
      -webkit-padding-after: calc(var(--grid-gutter) / 2);
      padding-block-end: calc(var(--grid-gutter) / 2);
    }
  }
  @supports not (display: grid) {
    [id=footer] .footer-main .logo {
      width: 100%;
    }
  }
}
[id=footer] .footer-main .address {
  grid-column: 1/-1;
  grid-column: span 12/span 12;
  -webkit-margin-after: var(--spacing-lg);
  margin-block-end: var(--spacing-lg);
}
@supports not (display: grid) {
  [id=footer] .footer-main .address {
    -webkit-padding-before: calc(var(--grid-gutter) / 2);
    padding-block-start: calc(var(--grid-gutter) / 2);
    -webkit-padding-after: calc(var(--grid-gutter) / 2);
    padding-block-end: calc(var(--grid-gutter) / 2);
  }
}
@supports not (display: grid) {
  [id=footer] .footer-main .address {
    width: 100%;
  }
}
@media screen and (min-width: 36em) {
  [id=footer] .footer-main .address {
    grid-column: 1/-1;
    grid-column: span 12/span 12;
  }
  @supports not (display: grid) {
    [id=footer] .footer-main .address {
      -webkit-padding-before: calc(var(--grid-gutter) / 2);
      padding-block-start: calc(var(--grid-gutter) / 2);
      -webkit-padding-after: calc(var(--grid-gutter) / 2);
      padding-block-end: calc(var(--grid-gutter) / 2);
    }
  }
  @supports not (display: grid) {
    [id=footer] .footer-main .address {
      width: 100%;
    }
  }
}
@media screen and (min-width: 62em) {
  [id=footer] .footer-main .address {
    grid-column: 1/-1;
    grid-column: span 6/span 6;
  }
  @supports not (display: grid) {
    [id=footer] .footer-main .address {
      -webkit-padding-before: calc(var(--grid-gutter) / 2);
      padding-block-start: calc(var(--grid-gutter) / 2);
      -webkit-padding-after: calc(var(--grid-gutter) / 2);
      padding-block-end: calc(var(--grid-gutter) / 2);
    }
  }
  @supports not (display: grid) {
    [id=footer] .footer-main .address {
      width: 50%;
    }
  }
}
[id=footer] .footer-main .address a {
  color: inherit;
}
[id=footer] .footer-main .address a:is(:hover, :focus) {
  color: var(--color-brand-primary-800);
}
[id=footer] .footer-main .footer-nav--main {
  grid-column: 1/-1;
  grid-column: span 12/span 12;
  -webkit-margin-after: var(--spacing-lg);
  margin-block-end: var(--spacing-lg);
}
@supports not (display: grid) {
  [id=footer] .footer-main .footer-nav--main {
    -webkit-padding-before: calc(var(--grid-gutter) / 2);
    padding-block-start: calc(var(--grid-gutter) / 2);
    -webkit-padding-after: calc(var(--grid-gutter) / 2);
    padding-block-end: calc(var(--grid-gutter) / 2);
  }
}
@supports not (display: grid) {
  [id=footer] .footer-main .footer-nav--main {
    width: 100%;
  }
}
@media screen and (min-width: 36em) {
  [id=footer] .footer-main .footer-nav--main {
    grid-column: 1/-1;
    grid-column: span 6/span 6;
  }
  @supports not (display: grid) {
    [id=footer] .footer-main .footer-nav--main {
      -webkit-padding-before: calc(var(--grid-gutter) / 2);
      padding-block-start: calc(var(--grid-gutter) / 2);
      -webkit-padding-after: calc(var(--grid-gutter) / 2);
      padding-block-end: calc(var(--grid-gutter) / 2);
    }
  }
  @supports not (display: grid) {
    [id=footer] .footer-main .footer-nav--main {
      width: 50%;
    }
  }
}
@media screen and (min-width: 62em) {
  [id=footer] .footer-main .footer-nav--main {
    grid-column: 1/-1;
    grid-column: span 3/span 3;
  }
  @supports not (display: grid) {
    [id=footer] .footer-main .footer-nav--main {
      -webkit-padding-before: calc(var(--grid-gutter) / 2);
      padding-block-start: calc(var(--grid-gutter) / 2);
      -webkit-padding-after: calc(var(--grid-gutter) / 2);
      padding-block-end: calc(var(--grid-gutter) / 2);
    }
  }
  @supports not (display: grid) {
    [id=footer] .footer-main .footer-nav--main {
      width: 25%;
    }
  }
}
[id=footer] .footer-main .footer-nav--main h1, [id=footer] .footer-main .footer-nav--main h2, [id=footer] .footer-main .footer-nav--main h3, [id=footer] .footer-main .footer-nav--main h4, [id=footer] .footer-main .footer-nav--main h5, [id=footer] .footer-main .footer-nav--main h6 {
  font-size: var(--font-size-xs);
  text-transform: uppercase;
  color: var(--color-brand-primary-300);
}
[id=footer] .footer-main .footer-nav--main ul {
  -webkit-margin-start: -1rem;
  margin-inline-start: -1rem;
}
[id=footer] .footer-main .footer-nav--legal {
  grid-column: 1/-1;
  grid-column: span 12/span 12;
}
@supports not (display: grid) {
  [id=footer] .footer-main .footer-nav--legal {
    -webkit-padding-before: calc(var(--grid-gutter) / 2);
    padding-block-start: calc(var(--grid-gutter) / 2);
    -webkit-padding-after: calc(var(--grid-gutter) / 2);
    padding-block-end: calc(var(--grid-gutter) / 2);
  }
}
@supports not (display: grid) {
  [id=footer] .footer-main .footer-nav--legal {
    width: 100%;
  }
}
@media screen and (min-width: 36em) {
  [id=footer] .footer-main .footer-nav--legal {
    grid-column: 1/-1;
    grid-column: span 6/span 6;
  }
  @supports not (display: grid) {
    [id=footer] .footer-main .footer-nav--legal {
      -webkit-padding-before: calc(var(--grid-gutter) / 2);
      padding-block-start: calc(var(--grid-gutter) / 2);
      -webkit-padding-after: calc(var(--grid-gutter) / 2);
      padding-block-end: calc(var(--grid-gutter) / 2);
    }
  }
  @supports not (display: grid) {
    [id=footer] .footer-main .footer-nav--legal {
      width: 50%;
    }
  }
}
@media screen and (min-width: 62em) {
  [id=footer] .footer-main .footer-nav--legal {
    grid-column: 1/-1;
    grid-column: span 3/span 3;
  }
  @supports not (display: grid) {
    [id=footer] .footer-main .footer-nav--legal {
      -webkit-padding-before: calc(var(--grid-gutter) / 2);
      padding-block-start: calc(var(--grid-gutter) / 2);
      -webkit-padding-after: calc(var(--grid-gutter) / 2);
      padding-block-end: calc(var(--grid-gutter) / 2);
    }
  }
  @supports not (display: grid) {
    [id=footer] .footer-main .footer-nav--legal {
      width: 25%;
    }
  }
}
[id=footer] .footer-main .footer-nav--legal h1, [id=footer] .footer-main .footer-nav--legal h2, [id=footer] .footer-main .footer-nav--legal h3, [id=footer] .footer-main .footer-nav--legal h4, [id=footer] .footer-main .footer-nav--legal h5, [id=footer] .footer-main .footer-nav--legal h6 {
  font-size: var(--font-size-xs);
  text-transform: uppercase;
  color: var(--color-brand-primary-300);
}
[id=footer] .footer-main .footer-nav--legal ul {
  -webkit-margin-start: -1rem;
  margin-inline-start: -1rem;
}
[id=footer] .footer-bottom > .inside {
  max-width: 105em;
  width: 100%;
  -webkit-margin-start: auto;
  margin-inline-start: auto;
  -webkit-margin-end: auto;
  margin-inline-end: auto;
  -webkit-padding-start: var(--container-padding);
  padding-inline-start: var(--container-padding);
  -webkit-padding-end: var(--container-padding);
  padding-inline-end: var(--container-padding);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 var(--spacing-lg) var(--spacing-lg);
}
@media screen and (min-width: 36em) {
  [id=footer] .footer-bottom > .inside {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
@media screen and (min-width: 62em) {
  [id=footer] .footer-bottom > .inside {
    padding: 0 var(--spacing-xl) var(--spacing-xl);
  }
}
[id=footer] .footer-bottom .copyright {
  font-size: var(--font-size-xs);
  color: var(--color-brand-primary-300);
}
[id=footer] .footer-bottom .copyright a {
  color: inherit;
}
[id=footer] .footer-bottom .copyright a::after {
  opacity: 0;
}
[id=footer] .footer-bottom .copyright a:is(:hover, :focus) {
  text-decoration: underline;
}
[id=footer] .footer-bottom .copyright a:is(:hover, :focus)::after {
  opacity: 1;
}

:root {
  --article-spacing-top: var(--spacing-xl);
  --article-spacing-bottom: var(--spacing-xl);
}

.mod_article {
  position: relative;
}
.mod_article > .inside {
  max-width: 105em;
  width: 100%;
  -webkit-margin-start: auto;
  margin-inline-start: auto;
  -webkit-margin-end: auto;
  margin-inline-end: auto;
  -webkit-padding-start: var(--container-padding);
  padding-inline-start: var(--container-padding);
  -webkit-padding-end: var(--container-padding);
  padding-inline-end: var(--container-padding);
  -webkit-padding-before: var(--article-spacing-top);
  padding-block-start: var(--article-spacing-top);
  -webkit-padding-after: var(--article-spacing-bottom);
  padding-block-end: var(--article-spacing-bottom);
}

.article--full > .inside {
  max-width: none;
  width: 100%;
  -webkit-margin-start: auto;
  margin-inline-start: auto;
  -webkit-margin-end: auto;
  margin-inline-end: auto;
  -webkit-padding-before: 0;
  padding-block-start: 0;
  -webkit-padding-after: 0;
  padding-block-end: 0;
}

:root {
  --article-spacing-top: var(--spacing-xxl);
  --article-spacing-bottom: var(--spacing-xxl);
}

.article--full > .inside {
  padding: 0;
}

.article--hero {
  position: relative;
  padding-block: 0;
  z-index: 0;
}
.article--hero > .inside {
  max-width: none;
  width: 100%;
  -webkit-margin-start: auto;
  margin-inline-start: auto;
  -webkit-margin-end: auto;
  margin-inline-end: auto;
  padding: 0;
}

.article--tint {
  background-color: var(--color-neutral-100);
}

.process-content > .inside {
  max-width: none;
  width: 100%;
  -webkit-margin-start: auto;
  margin-inline-start: auto;
  -webkit-margin-end: auto;
  margin-inline-end: auto;
  padding: 0;
  display: grid;
  gap: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  -ms-flex-line-pack: start;
  align-content: start;
  background-color: var(--color-neutral-300);
}
@media screen and (min-width: 48em) {
  .process-content > .inside {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 62em) {
  .process-content > .inside {
    grid-template-columns: 1fr 0.75fr;
  }
}
.process-content > .row > div {
  padding: 5vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  gap: 4vw;
}
.process-content .process-image {
  overflow: hidden;
  grid-column: 1/-1;
  border-radius: var(--border-radius-xs);
}
@media screen and (min-width: 48em) {
  .process-content .process-image {
    height: 100vh;
    position: sticky;
    top: 0;
    grid-column: 1/2;
    -webkit-margin-end: 1px;
    margin-inline-end: 1px;
  }
}
.process-content .process-image figure {
  margin: 0;
  height: 100%;
}
.process-content .process-card,
.process-content .process-headline {
  padding: 5vw;
  -webkit-margin-after: 0;
  margin-block-end: 0;
  background-color: var(--color-neutral-50);
  border-radius: var(--border-radius-xs);
  -webkit-margin-start: 1px;
  margin-inline-start: 1px;
  margin-block: 1px;
}
.process-content .process-card h1, .process-content .process-card h2, .process-content .process-card h3, .process-content .process-card h4, .process-content .process-card h5, .process-content .process-card h6,
.process-content .process-headline h1,
.process-content .process-headline h2,
.process-content .process-headline h3,
.process-content .process-headline h4,
.process-content .process-headline h5,
.process-content .process-headline h6 {
  -webkit-margin-before: 0;
  margin-block-start: 0;
  -webkit-margin-after: var(--spacing-xxl);
  margin-block-end: var(--spacing-xxl);
}
.process-content .process-card p,
.process-content .process-headline p {
  max-width: 45ch;
}

:root {
  --figcaption-font-size: var(--font-size-sm);
  --figcaption-padding: var(--spacing-sm) 0;
  --gallery-gutter: var(--grid-gutter);
}

.image--left img {
  text-align: left;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
}

.image--right img {
  text-align: right;
  -webkit-margin-end: 0;
  margin-inline-end: 0;
}

.image--center img {
  text-align: center;
  margin-inline: auto;
}

.image--fullwidth img {
  max-width: none;
  width: 100%;
}

figcaption {
  font-size: var(--figcaption-font-size);
  padding: var(--figcaption-padding);
}

.ce_gallery {
  -webkit-margin-after: var(--spacing-base);
  margin-block-end: var(--spacing-base);
}
.ce_gallery > ul {
  gap: var(--gallery-gutter);
  padding: 0;
  margin: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: var(--grid-gutter);
  grid-auto-columns: 1fr;
}
@supports not (display: grid) {
  .ce_gallery > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-margin-start: calc(-1 * var(--grid-gutter) / 2);
    margin-inline-start: calc(-1 * var(--grid-gutter) / 2);
    -webkit-margin-end: calc(-1 * var(--grid-gutter) / 2);
    margin-inline-end: calc(-1 * var(--grid-gutter) / 2);
  }
}
.ce_gallery > ul li {
  position: relative;
}
.ce_gallery .cols_1 {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-column-gap: var(--grid-gutter);
  grid-auto-columns: 1fr;
}
@supports not (display: grid) {
  .ce_gallery .cols_1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-margin-start: calc(-1 * var(--grid-gutter) / 2);
    margin-inline-start: calc(-1 * var(--grid-gutter) / 2);
    -webkit-margin-end: calc(-1 * var(--grid-gutter) / 2);
    margin-inline-end: calc(-1 * var(--grid-gutter) / 2);
  }
}
.ce_gallery .cols_2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: var(--grid-gutter);
  grid-auto-columns: 1fr;
}
@supports not (display: grid) {
  .ce_gallery .cols_2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-margin-start: calc(-1 * var(--grid-gutter) / 2);
    margin-inline-start: calc(-1 * var(--grid-gutter) / 2);
    -webkit-margin-end: calc(-1 * var(--grid-gutter) / 2);
    margin-inline-end: calc(-1 * var(--grid-gutter) / 2);
  }
}
.ce_gallery .cols_3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: var(--grid-gutter);
  grid-auto-columns: 1fr;
}
@supports not (display: grid) {
  .ce_gallery .cols_3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-margin-start: calc(-1 * var(--grid-gutter) / 2);
    margin-inline-start: calc(-1 * var(--grid-gutter) / 2);
    -webkit-margin-end: calc(-1 * var(--grid-gutter) / 2);
    margin-inline-end: calc(-1 * var(--grid-gutter) / 2);
  }
}
.ce_gallery .cols_4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: var(--grid-gutter);
  grid-auto-columns: 1fr;
}
@supports not (display: grid) {
  .ce_gallery .cols_4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-margin-start: calc(-1 * var(--grid-gutter) / 2);
    margin-inline-start: calc(-1 * var(--grid-gutter) / 2);
    -webkit-margin-end: calc(-1 * var(--grid-gutter) / 2);
    margin-inline-end: calc(-1 * var(--grid-gutter) / 2);
  }
}
.ce_gallery .cols_5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-column-gap: var(--grid-gutter);
  grid-auto-columns: 1fr;
}
@supports not (display: grid) {
  .ce_gallery .cols_5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-margin-start: calc(-1 * var(--grid-gutter) / 2);
    margin-inline-start: calc(-1 * var(--grid-gutter) / 2);
    -webkit-margin-end: calc(-1 * var(--grid-gutter) / 2);
    margin-inline-end: calc(-1 * var(--grid-gutter) / 2);
  }
}
.ce_gallery .cols_6 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-column-gap: var(--grid-gutter);
  grid-auto-columns: 1fr;
}
@supports not (display: grid) {
  .ce_gallery .cols_6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-margin-start: calc(-1 * var(--grid-gutter) / 2);
    margin-inline-start: calc(-1 * var(--grid-gutter) / 2);
    -webkit-margin-end: calc(-1 * var(--grid-gutter) / 2);
    margin-inline-end: calc(-1 * var(--grid-gutter) / 2);
  }
}
.ce_gallery .cols_7 {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-column-gap: var(--grid-gutter);
  grid-auto-columns: 1fr;
}
@supports not (display: grid) {
  .ce_gallery .cols_7 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-margin-start: calc(-1 * var(--grid-gutter) / 2);
    margin-inline-start: calc(-1 * var(--grid-gutter) / 2);
    -webkit-margin-end: calc(-1 * var(--grid-gutter) / 2);
    margin-inline-end: calc(-1 * var(--grid-gutter) / 2);
  }
}
.ce_gallery .cols_8 {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-column-gap: var(--grid-gutter);
  grid-auto-columns: 1fr;
}
@supports not (display: grid) {
  .ce_gallery .cols_8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-margin-start: calc(-1 * var(--grid-gutter) / 2);
    margin-inline-start: calc(-1 * var(--grid-gutter) / 2);
    -webkit-margin-end: calc(-1 * var(--grid-gutter) / 2);
    margin-inline-end: calc(-1 * var(--grid-gutter) / 2);
  }
}
.ce_gallery .cols_9 {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-column-gap: var(--grid-gutter);
  grid-auto-columns: 1fr;
}
@supports not (display: grid) {
  .ce_gallery .cols_9 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-margin-start: calc(-1 * var(--grid-gutter) / 2);
    margin-inline-start: calc(-1 * var(--grid-gutter) / 2);
    -webkit-margin-end: calc(-1 * var(--grid-gutter) / 2);
    margin-inline-end: calc(-1 * var(--grid-gutter) / 2);
  }
}
.ce_gallery .cols_10 {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-column-gap: var(--grid-gutter);
  grid-auto-columns: 1fr;
}
@supports not (display: grid) {
  .ce_gallery .cols_10 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-margin-start: calc(-1 * var(--grid-gutter) / 2);
    margin-inline-start: calc(-1 * var(--grid-gutter) / 2);
    -webkit-margin-end: calc(-1 * var(--grid-gutter) / 2);
    margin-inline-end: calc(-1 * var(--grid-gutter) / 2);
  }
}
.ce_gallery .cols_11 {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-column-gap: var(--grid-gutter);
  grid-auto-columns: 1fr;
}
@supports not (display: grid) {
  .ce_gallery .cols_11 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-margin-start: calc(-1 * var(--grid-gutter) / 2);
    margin-inline-start: calc(-1 * var(--grid-gutter) / 2);
    -webkit-margin-end: calc(-1 * var(--grid-gutter) / 2);
    margin-inline-end: calc(-1 * var(--grid-gutter) / 2);
  }
}
.ce_gallery .cols_12 {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: var(--grid-gutter);
  grid-auto-columns: 1fr;
}
@supports not (display: grid) {
  .ce_gallery .cols_12 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-margin-start: calc(-1 * var(--grid-gutter) / 2);
    margin-inline-start: calc(-1 * var(--grid-gutter) / 2);
    -webkit-margin-end: calc(-1 * var(--grid-gutter) / 2);
    margin-inline-end: calc(-1 * var(--grid-gutter) / 2);
  }
}
.ce_gallery figure {
  margin: 0;
}
.ce_gallery img {
  max-width: none;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.content-gallery {
  -webkit-margin-after: var(--spacing-base);
  margin-block-end: var(--spacing-base);
}
.content-gallery ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.content-gallery a {
  text-decoration: none;
}
.content-gallery nav[data-pagination] {
  grid-template-columns: 1fr !important;
}
.content-gallery nav[data-pagination] ol {
  -webkit-margin-start: 0;
  margin-inline-start: 0;
}
.content-gallery ul {
  gap: var(--gallery-gutter) !important;
}
.content-gallery--cols-1 ul {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-column-gap: var(--grid-gutter);
  grid-auto-columns: 1fr;
}
@supports not (display: grid) {
  .content-gallery--cols-1 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-margin-start: calc(-1 * var(--grid-gutter) / 2);
    margin-inline-start: calc(-1 * var(--grid-gutter) / 2);
    -webkit-margin-end: calc(-1 * var(--grid-gutter) / 2);
    margin-inline-end: calc(-1 * var(--grid-gutter) / 2);
  }
}
.content-gallery--cols-2 ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: var(--grid-gutter);
  grid-auto-columns: 1fr;
}
@supports not (display: grid) {
  .content-gallery--cols-2 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-margin-start: calc(-1 * var(--grid-gutter) / 2);
    margin-inline-start: calc(-1 * var(--grid-gutter) / 2);
    -webkit-margin-end: calc(-1 * var(--grid-gutter) / 2);
    margin-inline-end: calc(-1 * var(--grid-gutter) / 2);
  }
}
.content-gallery--cols-3 ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: var(--grid-gutter);
  grid-auto-columns: 1fr;
}
@supports not (display: grid) {
  .content-gallery--cols-3 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-margin-start: calc(-1 * var(--grid-gutter) / 2);
    margin-inline-start: calc(-1 * var(--grid-gutter) / 2);
    -webkit-margin-end: calc(-1 * var(--grid-gutter) / 2);
    margin-inline-end: calc(-1 * var(--grid-gutter) / 2);
  }
}
.content-gallery--cols-4 ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: var(--grid-gutter);
  grid-auto-columns: 1fr;
}
@supports not (display: grid) {
  .content-gallery--cols-4 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-margin-start: calc(-1 * var(--grid-gutter) / 2);
    margin-inline-start: calc(-1 * var(--grid-gutter) / 2);
    -webkit-margin-end: calc(-1 * var(--grid-gutter) / 2);
    margin-inline-end: calc(-1 * var(--grid-gutter) / 2);
  }
}
.content-gallery--cols-5 ul {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-column-gap: var(--grid-gutter);
  grid-auto-columns: 1fr;
}
@supports not (display: grid) {
  .content-gallery--cols-5 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-margin-start: calc(-1 * var(--grid-gutter) / 2);
    margin-inline-start: calc(-1 * var(--grid-gutter) / 2);
    -webkit-margin-end: calc(-1 * var(--grid-gutter) / 2);
    margin-inline-end: calc(-1 * var(--grid-gutter) / 2);
  }
}
.content-gallery--cols-6 ul {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-column-gap: var(--grid-gutter);
  grid-auto-columns: 1fr;
}
@supports not (display: grid) {
  .content-gallery--cols-6 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-margin-start: calc(-1 * var(--grid-gutter) / 2);
    margin-inline-start: calc(-1 * var(--grid-gutter) / 2);
    -webkit-margin-end: calc(-1 * var(--grid-gutter) / 2);
    margin-inline-end: calc(-1 * var(--grid-gutter) / 2);
  }
}
.content-gallery--cols-7 ul {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-column-gap: var(--grid-gutter);
  grid-auto-columns: 1fr;
}
@supports not (display: grid) {
  .content-gallery--cols-7 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-margin-start: calc(-1 * var(--grid-gutter) / 2);
    margin-inline-start: calc(-1 * var(--grid-gutter) / 2);
    -webkit-margin-end: calc(-1 * var(--grid-gutter) / 2);
    margin-inline-end: calc(-1 * var(--grid-gutter) / 2);
  }
}
.content-gallery--cols-8 ul {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-column-gap: var(--grid-gutter);
  grid-auto-columns: 1fr;
}
@supports not (display: grid) {
  .content-gallery--cols-8 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-margin-start: calc(-1 * var(--grid-gutter) / 2);
    margin-inline-start: calc(-1 * var(--grid-gutter) / 2);
    -webkit-margin-end: calc(-1 * var(--grid-gutter) / 2);
    margin-inline-end: calc(-1 * var(--grid-gutter) / 2);
  }
}
.content-gallery--cols-9 ul {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-column-gap: var(--grid-gutter);
  grid-auto-columns: 1fr;
}
@supports not (display: grid) {
  .content-gallery--cols-9 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-margin-start: calc(-1 * var(--grid-gutter) / 2);
    margin-inline-start: calc(-1 * var(--grid-gutter) / 2);
    -webkit-margin-end: calc(-1 * var(--grid-gutter) / 2);
    margin-inline-end: calc(-1 * var(--grid-gutter) / 2);
  }
}
.content-gallery--cols-10 ul {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-column-gap: var(--grid-gutter);
  grid-auto-columns: 1fr;
}
@supports not (display: grid) {
  .content-gallery--cols-10 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-margin-start: calc(-1 * var(--grid-gutter) / 2);
    margin-inline-start: calc(-1 * var(--grid-gutter) / 2);
    -webkit-margin-end: calc(-1 * var(--grid-gutter) / 2);
    margin-inline-end: calc(-1 * var(--grid-gutter) / 2);
  }
}
.content-gallery--cols-11 ul {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-column-gap: var(--grid-gutter);
  grid-auto-columns: 1fr;
}
@supports not (display: grid) {
  .content-gallery--cols-11 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-margin-start: calc(-1 * var(--grid-gutter) / 2);
    margin-inline-start: calc(-1 * var(--grid-gutter) / 2);
    -webkit-margin-end: calc(-1 * var(--grid-gutter) / 2);
    margin-inline-end: calc(-1 * var(--grid-gutter) / 2);
  }
}
.content-gallery--cols-12 ul {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: var(--grid-gutter);
  grid-auto-columns: 1fr;
}
@supports not (display: grid) {
  .content-gallery--cols-12 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-margin-start: calc(-1 * var(--grid-gutter) / 2);
    margin-inline-start: calc(-1 * var(--grid-gutter) / 2);
    -webkit-margin-end: calc(-1 * var(--grid-gutter) / 2);
    margin-inline-end: calc(-1 * var(--grid-gutter) / 2);
  }
}
.content-gallery figure {
  margin: 0;
}
.content-gallery img {
  max-width: none;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.ce_player .video_container,
.ce_youtube .video_container {
  position: relative;
  -webkit-padding-after: 56.25%;
  padding-block-end: 56.25%;
  width: 100%;
  height: auto;
}

.content-player figure:has(video),
.content-player figure:has(iframe),
.content-youtube figure:has(video),
.content-youtube figure:has(iframe) {
  position: relative;
  -webkit-padding-after: 56.25%;
  padding-block-end: 56.25%;
  width: 100%;
  height: auto;
}

.ce_player video,
.content-player video {
  border: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100% !important;
  height: 100% !important;
}

.ce_youtube iframe,
.ce_youtube a,
.content-youtube iframe,
.content-youtube a {
  border: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100% !important;
  height: 100% !important;
}
.ce_youtube button,
.content-youtube button {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  padding: 0;
}
.ce_youtube button img,
.content-youtube button img {
  grid-column: 1/-1;
  grid-row: 1;
}
.ce_youtube button p,
.content-youtube button p {
  grid-column: 2;
  grid-row: 1;
  align-self: center;
  padding: var(--spacing-base);
  background: var(--color-overlay-bg);
  color: var(--color-text--inverted);
}

figure {
  -webkit-margin-after: var(--spacing-lg);
  margin-block-end: var(--spacing-lg);
}

img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

figcaption {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
}

:root {
  --button-spacing: 0.75rem 1.5rem;
  --button-icon-gap: var(--spacing-sm);
  --button-font-family: var(--font-family-base);
  --button-font-size: var(--font-size-base);
  --button-font-weight: var(--font-weight-medium);
  --button-line-height: var(--line-height-base);
  --button-text-decoration: none;
  --button-hover-text-decoration: none;
  --button-border-width: 1px;
  --button-border-style: solid;
  --button-border-color: transparent;
  --button-border-radius: var(--border-radius-base);
  --button-icon-size: 1.125rem;
  --button-background: transparent;
  --button-hover-background: var(--color-neutral-100);
  --button-color: var(--link-color);
  --button-hover-color: var(--link-color-variant);
}

.top-banner .banner-close, .ce_comments .submit, input.submit,
button.submit, .back > a, .more > a, .link--mail > a, .link--tel > a, div.btn > a,
div.btn > button, a.btn,
span.btn,
button.btn {
  font-family: var(--button-font-family);
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
  line-height: var(--button-line-height);
  text-align: center;
  -webkit-text-decoration: var(--button-text-decoration);
  text-decoration: var(--button-text-decoration);
  padding: var(--button-spacing);
  background-color: var(--button-background);
  color: var(--button-color);
  border: var(--button-border-width) var(--button-border-style) var(--button-border-color);
  border-radius: var(--button-border-radius);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-column-gap: var(--button-icon-gap);
  -moz-column-gap: var(--button-icon-gap);
  column-gap: var(--button-icon-gap);
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  background-image: none;
  white-space: nowrap;
  -webkit-transition: var(--transition-base);
  transition: var(--transition-base);
}
.top-banner .banner-close:is(:hover, :focus-visible), .ce_comments .submit:is(:hover, :focus-visible), input.submit:is(:hover, :focus-visible),
button.submit:is(:hover, :focus-visible), .back > a:is(:hover, :focus-visible), .more > a:is(:hover, :focus-visible), .link--mail > a:is(:hover, :focus-visible), .link--tel > a:is(:hover, :focus-visible), div.btn > a:is(:hover, :focus-visible),
div.btn > button:is(:hover, :focus-visible), a.btn:is(:hover, :focus-visible),
span.btn:is(:hover, :focus-visible),
button.btn:is(:hover, :focus-visible) {
  --button-background: var(--button-hover-background);
  --button-color: var(--button-hover-color);
  --button-text-decoration: var(--button-hover-text-decoration);
}
.top-banner .banner-close::before, .ce_comments .submit::before, input.submit::before,
button.submit::before, .back > a::before, .more > a::before, .link--mail > a::before, .link--tel > a::before, div.btn > a::before,
div.btn > button::before, a.btn::before,
span.btn::before,
button.btn::before, .top-banner .banner-close::after, .ce_comments .submit::after, input.submit::after,
button.submit::after, .back > a::after, .more > a::after, .link--mail > a::after, .link--tel > a::after, div.btn > a::after,
div.btn > button::after, a.btn::after,
span.btn::after,
button.btn::after {
  width: var(--button-icon-size);
  height: var(--button-icon-size);
  font-size: var(--button-icon-size);
  line-height: 1;
}

.ce_comments .submit, input.submit,
button.submit, div.btn--primary > a,
div.btn--primary > button, a.btn--primary,
span.btn--primary,
button.btn--primary {
  --button-background: var(--color-primary);
  --button-color: var(--color-text--inverted);
}
.ce_comments .submit:is(:hover, :focus-visible), input.submit:is(:hover, :focus-visible),
button.submit:is(:hover, :focus-visible), div.btn--primary > a:is(:hover, :focus-visible),
div.btn--primary > button:is(:hover, :focus-visible), a.btn--primary:is(:hover, :focus-visible),
span.btn--primary:is(:hover, :focus-visible),
button.btn--primary:is(:hover, :focus-visible) {
  --button-background: var(--color-primary-variant);
  --button-color: var(--color-text--inverted);
}

div.btn--secondary > a,
div.btn--secondary > button, a.btn--secondary,
span.btn--secondary,
button.btn--secondary {
  --button-background: transparent;
  --button-color: var(--color-primary);
  --button-border-color: var(--button-color);
}
div.btn--secondary > a:is(:hover, :focus-visible),
div.btn--secondary > button:is(:hover, :focus-visible), a.btn--secondary:is(:hover, :focus-visible),
span.btn--secondary:is(:hover, :focus-visible),
button.btn--secondary:is(:hover, :focus-visible) {
  --button-background: var(--color-primary-variant);
  --button-color: var(--color-text--inverted);
}

div.btn--left {
  text-align: left;
}

div.btn--center {
  text-align: center;
}

div.btn--right {
  text-align: right;
}

.btn--floated {
  float: left;
  margin-right: var(--spacing-sm);
}

.ce_hyperlink > a,
.content-hyperlink > a {
  -webkit-text-decoration: var(--link-decoration);
  text-decoration: var(--link-decoration);
}
.ce_hyperlink > a:is(:hover, :focus),
.content-hyperlink > a:is(:hover, :focus) {
  -webkit-text-decoration: var(--link-hover-decoration);
  text-decoration: var(--link-hover-decoration);
}

a[target=_blank]::after {
  content: " ↗";
}

.ce_toplink,
.content-toplink,
.toplink {
  -webkit-margin-before: var(--spacing-base);
  margin-block-start: var(--spacing-base);
}
.ce_toplink > a,
.content-toplink > a,
.toplink > a {
  text-decoration: none;
}
.ce_toplink > a::after,
.content-toplink > a::after,
.toplink > a::after {
  content: " ↑";
}

.more > a {
  text-decoration: none;
}
.more > a::after {
  content: " ›";
}

.back {
  border-top: var(--border-base);
  -webkit-margin-before: var(--spacing-lg);
  margin-block-start: var(--spacing-lg);
  padding-block: var(--spacing-base);
}
.back > a {
  text-decoration: none;
}
.back > a::before {
  content: "← ";
}

:root {
  --button-spacing: 0.75rem 1.5rem;
  --button-icon-gap: var(--spacing-sm);
  --button-font-family: var(--font-family-base);
  --button-font-size: var(--font-size-base);
  --button-font-weight: var(--font-weight-medium);
  --button-line-height: var(--line-height-base);
  --button-text-decoration: none;
  --button-hover-text-decoration: none;
  --button-border-width: 1px;
  --button-border-style: solid;
  --button-border-color: transparent;
  --button-border-radius: var(--border-radius-pill);
  --button-icon-size: 1.5rem;
  --button-background: transparent;
  --button-hover-background: transparent;
  --button-color: var(--color-brand-primary-700);
  --button-hover-color: var(--color-brand-primary-500);
}

.ce_comments .submit, input.submit,
button.submit, a.btn--primary,
span.btn--primary,
button.btn--primary, div.btn--primary > a,
div.btn--primary > button {
  --button-background: var(--color-brand-primary-700);
  --button-color: var(--color-text--inverted);
}
.ce_comments .submit:is(:hover, :focus-visible), input.submit:is(:hover, :focus-visible),
button.submit:is(:hover, :focus-visible), a.btn--primary:is(:hover, :focus-visible),
span.btn--primary:is(:hover, :focus-visible),
button.btn--primary:is(:hover, :focus-visible), div.btn--primary > a:is(:hover, :focus-visible),
div.btn--primary > button:is(:hover, :focus-visible) {
  --button-background: var(--color-brand-primary-400);
  --button-color: var(--color-text--inverted);
}

a.btn--secondary,
span.btn--secondary,
button.btn--secondary, div.btn--secondary > a,
div.btn--secondary > button {
  --button-background: var(--color-brand-primary-50);
  --button-color: var(--color-brand-primary-600);
  --button-border-color: transparent;
}
a.btn--secondary:is(:hover, :focus-visible),
span.btn--secondary:is(:hover, :focus-visible),
button.btn--secondary:is(:hover, :focus-visible), div.btn--secondary > a:is(:hover, :focus-visible),
div.btn--secondary > button:is(:hover, :focus-visible) {
  --button-background: var(--color-brand-primary-200);
  --button-color: var(--color-brand-primary-700);
}

.btn {
  -webkit-margin-before: var(--spacing-base);
  margin-block-start: var(--spacing-base);
}

[id=header] .btn:is(:hover, :focus-visible) {
  --button-background: var(--color-brand-primary-50);
}

[id=footer] .btn:is(:hover, :focus-visible) {
  --button-background: var(--color-page-bg);
}

.btn-menu::after {
  content: "\e5d2";
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em; /* Preferred icon size */
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
}

.btn-close::after {
  content: "\e5cd";
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em; /* Preferred icon size */
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
}

.link--tel > a {
  padding: 0;
}
.link--tel > a::before {
  content: "\e0b0";
  font-family: "Material Symbols Outlined";
  font-weight: 300;
  font-style: normal;
  font-size: 1.5em; /* Preferred icon size */
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
}

.link--mail > a {
  padding: 0;
}
.link--mail > a::before {
  content: "\e158";
  font-family: "Material Symbols Outlined";
  font-weight: 300;
  font-style: normal;
  font-size: 1.5em; /* Preferred icon size */
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
}

.more {
  -webkit-margin-before: var(--spacing-md);
  margin-block-start: var(--spacing-md);
}
.more > a {
  padding-inline: 0;
  gap: var(--spacing-xs);
}
.more > a::after {
  content: "\e5cc";
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em; /* Preferred icon size */
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-transition: var(--transition-base);
  transition: var(--transition-base);
}
.more > a:is(:hover, :focus)::after {
  -webkit-transform: translateX(0.15em);
  transform: translateX(0.15em);
}

.back {
  -webkit-margin-before: var(--spacing-xl);
  margin-block-start: var(--spacing-xl);
  -webkit-margin-after: var(--spacing-lg);
  margin-block-end: var(--spacing-lg);
}
.back > a {
  padding-inline: 0;
  gap: 0;
}
.back > a::before {
  content: "\e5e0";
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em; /* Preferred icon size */
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
}

:root {
  --nav-item-padding: 1.5rem;
  --nav-border: var(--border-base);
  --pagination-border: var(--border-width) solid transparent;
}

.nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.nav a {
  text-decoration: none;
}

.nav--horizontal ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (min-width: 65em) {
  .nav--horizontal ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.nav--horizontal a,
.nav--horizontal strong.active,
.nav--horizontal strong.trail,
.nav--horizontal strong.forward {
  display: block;
  padding: calc(var(--nav-item-padding) / 2) var(--nav-item-padding);
}

.nav--vertical ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.nav--vertical a,
.nav--vertical strong.active,
.nav--vertical strong.trail,
.nav--vertical strong.forward {
  display: block;
  padding: calc(var(--nav-item-padding) / 2) var(--nav-item-padding);
}

.nav--border {
  border-top: var(--nav-border);
}
.nav--border li {
  border-bottom: var(--nav-border);
}
.nav--border a,
.nav--border strong.active,
.nav--border strong.trail,
.nav--border strong.forward {
  padding: calc(var(--nav-item-padding) / 2) var(--nav-item-padding);
}

.nav--breadcrumb {
  border: var(--nav-border);
  padding: var(--spacing-sm) var(--spacing-base);
}
.nav--breadcrumb ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.nav--breadcrumb a,
.nav--breadcrumb li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.nav--breadcrumb a::after {
  content: "►";
  font-size: var(--font-size-xs);
  -webkit-margin-start: var(--spacing-sm);
  margin-inline-start: var(--spacing-sm);
}

.nav--select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: var(--nav-border);
  padding: var(--spacing-xs) var(--spacing-sm);
}
.nav--select .submit {
  vertical-align: middle;
  padding: var(--spacing-xs) var(--spacing-sm);
}

.nav--pager ul {
  text-align: center;
}
.nav--pager li {
  display: inline-block;
}
.nav--pager .empty {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.nav--pager .empty:not(caption) {
  position: absolute !important;
}
.nav--pager a {
  padding: var(--spacing-sm);
}

.pagination ul, .content-gallery nav[data-pagination] ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.pagination a, .content-gallery nav[data-pagination] a {
  text-decoration: none;
}
.pagination, .content-gallery nav[data-pagination] {
  display: grid;
  grid-column: 1/-1;
  -webkit-margin-before: var(--spacing-base);
  margin-block-start: var(--spacing-base);
  text-align: center;
  line-height: 1;
}
@supports not (display: grid) {
  .pagination, .content-gallery nav[data-pagination] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media screen and (min-width: 36em) {
  .pagination, .content-gallery nav[data-pagination] {
    grid-template-columns: 1fr 1fr;
  }
}
.pagination p, .content-gallery nav[data-pagination] p {
  padding: var(--spacing-xs);
  -webkit-padding-start: 0;
  padding-inline-start: 0;
  margin: var(--spacing-xs);
  -webkit-margin-start: 0;
  margin-inline-start: 0;
  border-top: var(--pagination-border);
}
.pagination li, .content-gallery nav[data-pagination] li {
  display: inline;
}
.pagination a, .content-gallery nav[data-pagination] a,
.pagination strong,
.content-gallery nav[data-pagination] strong {
  display: inline-block;
  padding: var(--spacing-xs);
  margin: var(--spacing-xs);
}
.pagination strong, .content-gallery nav[data-pagination] strong {
  border: var(--border-base);
}
.pagination a.next, .content-gallery nav[data-pagination] a.next {
  -webkit-margin-end: 0;
  margin-inline-end: 0;
  -webkit-padding-end: 0;
  padding-inline-end: 0;
}
@media screen and (min-width: 36em) {
  .pagination p, .content-gallery nav[data-pagination] p {
    justify-self: start;
  }
  .pagination p + ul, .content-gallery nav[data-pagination] p + ul {
    justify-self: end;
  }
}

.nav a {
  color: var(--color-text);
}
.nav a,
.nav strong.active,
.nav strong.trail,
.nav strong.forward {
  font-weight: var(--font-weight-medium);
  padding: 0.5rem 1rem;
}
.nav strong.active,
.nav strong.trail,
.nav strong.forward {
  color: var(--color-primary);
  pointer-events: none;
}

@media screen and (max-width: 64.99875em) {
  .header-nav--main {
    display: none;
  }
}
.header-nav--main ul:hover > li {
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
.header-nav--main ul:hover:has(> li:hover) > li:not(:hover, .active) {
  opacity: 0.3;
}
.header-nav--main .level_2 {
  display: none;
}
.header-nav--main a {
  color: var(--color-brand-primary-800);
}
.header-nav--main a:is(:hover, :focus) {
  color: inherit;
}
.header-nav--main strong.active,
.header-nav--main strong.trail,
.header-nav--main strong.forward {
  color: var(--color-brand-primary-500);
  pointer-events: none;
  text-decoration: underline;
  text-underline-offset: 0.75em;
}

.footer-nav--main a,
.footer-nav--legal a {
  color: inherit;
}
.footer-nav--main a:is(:hover, :focus),
.footer-nav--legal a:is(:hover, :focus) {
  color: var(--color-brand-primary-800);
}
.footer-nav--main strong.active,
.footer-nav--main strong.trail,
.footer-nav--main strong.forward,
.footer-nav--legal strong.active,
.footer-nav--legal strong.trail,
.footer-nav--legal strong.forward {
  color: var(--color-brand-primary-800);
}

.mobile-navigation {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 990;
  width: 100%;
  height: 100lvh;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 0s 0.5s, pointer-events 0s 0.5s;
  transition: opacity 0s 0.5s, pointer-events 0s 0.5s;
}
.mobile-navigation .overlay {
  position: absolute;
  inset: 0;
  z-index: 990;
  width: 100%;
  height: 100%;
  background-color: var(--color-overlay-bg);
  opacity: 0;
  -webkit-transition: opacity 0.3s 0.2s ease-in-out;
  transition: opacity 0.3s 0.2s ease-in-out;
}
.mobile-navigation .floating-container {
  position: fixed;
  top: 0;
  right: -100%;
  bottom: 0;
  z-index: 999;
  background-color: var(--color-page-bg);
  width: 100%;
  max-width: 40rem;
  height: 100%;
  opacity: 0;
  -webkit-transition: right 0.3s 0s ease-in-out, opacity 0.3s 0s ease-in-out;
  transition: right 0.3s 0s ease-in-out, opacity 0.3s 0s ease-in-out;
}
.mobile-navigation .floating-container > .inside {
  padding: var(--spacing-3xl) var(--spacing-lg) var(--spacing-xl);
  overflow-x: hidden;
  overflow-y: scroll;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: var(--spacing-xl);
}
.mobile-navigation .floating-container .btn-close {
  position: absolute;
  top: var(--spacing-lg);
  right: var(--spacing-lg);
}
.mobile-navigation .floating-container .mobile-nav--main .level_1 {
  font-size: var(--font-size-xl);
}
.mobile-navigation .floating-container .mobile-nav--main .level_2 {
  font-size: var(--font-size-base);
  -webkit-margin-start: var(--spacing-md);
  margin-inline-start: var(--spacing-md);
}
.mobile-navigation .floating-container .mobile-nav--main a {
  color: var(--color-brand-primary-500);
}
.mobile-navigation .floating-container .mobile-nav--main a:is(:hover, :focus) {
  color: var(--color-brand-primary-200);
}
.mobile-navigation .floating-container .mobile-nav--main strong.active,
.mobile-navigation .floating-container .mobile-nav--main strong.trail,
.mobile-navigation .floating-container .mobile-nav--main strong.forward {
  color: var(--color-brand-primary-800);
}
.mobile-navigation .floating-container .mobile-nav--legal a {
  color: var(--color-brand-primary-500);
}
.mobile-navigation .floating-container .mobile-nav--legal a:is(:hover, :focus) {
  color: var(--color-brand-primary-200);
}
.mobile-navigation .floating-container .mobile-nav--legal strong.active,
.mobile-navigation .floating-container .mobile-nav--legal strong.trail,
.mobile-navigation .floating-container .mobile-nav--legal strong.forward {
  color: var(--color-brand-primary-800);
}
.mobile-navigation .floating-container .address {
  padding-inline: var(--spacing-base);
  justify-self: flex-end;
  -webkit-margin-before: auto;
  margin-block-start: auto;
  color: var(--color-text);
}

body.mobile-navigation--open .mobile-navigation {
  pointer-events: inherit;
  opacity: 1;
  -webkit-transition: opacity 0s 0s, pointer-events 0s 0s;
  transition: opacity 0s 0s, pointer-events 0s 0s;
}
body.mobile-navigation--open .mobile-navigation .overlay {
  opacity: 1;
  -webkit-transition: opacity 0.3s 0s ease-in-out;
  transition: opacity 0.3s 0s ease-in-out;
}
body.mobile-navigation--open .mobile-navigation .floating-container {
  right: 0;
  opacity: 1;
  -webkit-transition: right 0.3s 0s ease-in-out, opacity 0.3s 0s ease-in-out;
  transition: right 0.3s 0s ease-in-out, opacity 0.3s 0s ease-in-out;
}

:root {
  --slider-arrow-color: inherit;
  --slider-arrow-size: 2rem;
  --slider-arrow-font-family: "Arial";
  --slider-menu-point-size: 2rem;
  --slider-menu-point-color: inherit;
  --slider-menu-point-color-active: var(--color-primary);
}

.content-swiper .swiper-button-prev,
.content-swiper .swiper-button-next {
  border: none;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.slider {
  position: relative;
}
.slider .slider-control {
  position: static;
  height: 0;
}
.slider .slider-control a {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: var(--slider-arrow-size);
  line-height: 1;
  position: absolute;
  display: block;
  color: var(--slider-arrow-color);
  font-family: var(--slider-arrow-font-family);
}
.slider .slider-control a::before {
  padding: var(--spacing-sm);
  display: block;
}
.slider .slider-control a:is(:hover, :focus-visible) {
  opacity: 0.5;
}
.slider .slider-prev::before {
  content: "◄";
}
.slider .slider-next::before {
  content: "►";
}
.slider .slider-menu {
  font-size: var(--slider-menu-point-size);
  line-height: 1;
  top: auto;
  bottom: 0;
}
.slider .slider-menu b {
  color: var(--slider-menu-point-color);
}
.slider .slider-menu b.active {
  color: var(--slider-menu-point-color-active);
}
.slider .slider-menu b:is(:hover, :focus-visible) {
  opacity: 0.5;
}

:root {
  --swiper-theme-color: var(--color-brand-primary-500);
}

.swiper-container {
  -webkit-padding-after: var(--spacing-xxl);
  padding-block-end: var(--spacing-xxl);
}

.swiper-button-prev,
.swiper-button-next {
  top: calc(50% - var(--spacing-xxl) / 2);
}

:root {
  --news-grid-columns-sm: 2;
  --news-grid-columns-md: 2;
  --news-grid-columns-lg: 3;
  --news-grid-columns-xl: 3;
  --news-border: var(--border-base);
}

.news-list {
  -webkit-margin-after: var(--spacing-base);
  margin-block-end: var(--spacing-base);
}
.news-list > h1, .news-list > h2, .news-list > h3, .news-list > h4, .news-list > h5, .news-list > h6 {
  -webkit-margin-after: 0;
  margin-block-end: 0;
}
.news-list .info {
  font-size: var(--font-size-sm);
  -webkit-margin-before: var(--spacing-base);
  margin-block-start: var(--spacing-base);
  opacity: 0.5;
}
.news-list .float_left {
  -webkit-margin-end: var(--spacing-base);
  margin-inline-end: var(--spacing-base);
}
.news-list .float_right {
  -webkit-margin-start: var(--spacing-base);
  margin-inline-start: var(--spacing-base);
}
.news-list .layout_short,
.news-list .layout_latest,
.news-list .layout_simple {
  border-bottom: var(--news-border);
  -webkit-padding-after: var(--spacing-lg);
  padding-block-end: var(--spacing-lg);
  -webkit-margin-after: var(--spacing-lg);
  margin-block-end: var(--spacing-lg);
}
.news-list .layout_short > h1, .news-list .layout_short > h2, .news-list .layout_short > h3, .news-list .layout_short > h4, .news-list .layout_short > h5, .news-list .layout_short > h6,
.news-list .layout_latest > h1,
.news-list .layout_latest > h2,
.news-list .layout_latest > h3,
.news-list .layout_latest > h4,
.news-list .layout_latest > h5,
.news-list .layout_latest > h6,
.news-list .layout_simple > h1,
.news-list .layout_simple > h2,
.news-list .layout_simple > h3,
.news-list .layout_simple > h4,
.news-list .layout_simple > h5,
.news-list .layout_simple > h6 {
  -webkit-margin-before: var(--spacing-base);
  margin-block-start: var(--spacing-base);
}
.news-list .layout_simple,
.news-list .layout_upcoming {
  border-bottom: var(--news-border);
  -webkit-padding-after: var(--spacing-base);
  padding-block-end: var(--spacing-base);
  -webkit-margin-after: var(--spacing-base);
  margin-block-end: var(--spacing-base);
}
.news-list .layout_simple time,
.news-list .layout_simple a,
.news-list .layout_upcoming time,
.news-list .layout_upcoming a {
  display: inline-block;
}
.news-list .header {
  -webkit-margin-before: var(--spacing-base);
  margin-block-start: var(--spacing-base);
}

.news-grid {
  display: grid;
  grid-gap: var(--grid-gutter);
  -webkit-margin-after: var(--spacing-base);
  margin-block-end: var(--spacing-base);
}
@media screen and (min-width: 36em) {
  .news-grid {
    grid-template-columns: repeat(var(--news-grid-columns-sm), 1fr);
  }
}
@media screen and (min-width: 48em) {
  .news-grid {
    grid-template-columns: repeat(var(--news-grid-columns-md), 1fr);
  }
}
@media screen and (min-width: 62em) {
  .news-grid {
    grid-template-columns: repeat(var(--news-grid-columns-lg), 1fr);
  }
}
@media screen and (min-width: 75em) {
  .news-grid {
    grid-template-columns: repeat(var(--news-grid-columns-xl), 1fr);
  }
}
.news-grid > h1, .news-grid > h2, .news-grid > h3, .news-grid > h4, .news-grid > h5, .news-grid > h6 {
  grid-column: 1/-1;
}
.news-grid .layout_simple time {
  display: block;
}

.news-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.news-menu a {
  text-decoration: none;
}
.news-menu .year {
  -webkit-margin-after: var(--spacing-base);
  margin-block-end: var(--spacing-base);
}
.news-menu .year > a,
.news-menu .year > .active {
  color: inherit;
  font-weight: var(--headings-font-weight);
  font-family: var(--headings-font-family);
}
.news-menu .level_2 li {
  -webkit-margin-after: var(--spacing-xs);
  margin-block-end: var(--spacing-xs);
}

:root {
  --events-grid-columns-sm: 1;
  --events-grid-columns-md: 2;
  --events-grid-columns-lg: 3;
  --events-grid-columns-xl: 3;
}

.events-list {
  -webkit-margin-after: var(--spacing-base);
  margin-block-end: var(--spacing-base);
}
.events-list > h1, .events-list > h2, .events-list > h3, .events-list > h4, .events-list > h5, .events-list > h6 {
  -webkit-margin-after: 0;
  margin-block-end: 0;
}
.events-list .image_container {
  -webkit-margin-before: var(--spacing-base);
  margin-block-start: var(--spacing-base);
  -webkit-margin-after: var(--spacing-base);
  margin-block-end: var(--spacing-base);
}
.events-list .float_left {
  -webkit-margin-end: var(--spacing-base);
  margin-inline-end: var(--spacing-base);
}
.events-list .float_right {
  -webkit-margin-start: var(--spacing-base);
  margin-inline-start: var(--spacing-base);
}
.events-list .event {
  border-bottom: var(--news-border);
  -webkit-padding-after: var(--spacing-base);
  padding-block-end: var(--spacing-base);
  -webkit-margin-after: var(--spacing-base);
  margin-block-end: var(--spacing-base);
}
.events-list .event > h1, .events-list .event > h2, .events-list .event > h3, .events-list .event > h4, .events-list .event > h5, .events-list .event > h6 {
  -webkit-margin-before: var(--spacing-base);
  margin-block-start: var(--spacing-base);
}
.events-list .layout_upcoming {
  border-bottom: var(--news-border);
  -webkit-padding-after: var(--spacing-base);
  padding-block-end: var(--spacing-base);
  -webkit-margin-after: var(--spacing-base);
  margin-block-end: var(--spacing-base);
}
.events-list .layout_upcoming time,
.events-list .layout_upcoming a {
  display: inline-block;
}
.events-list .header {
  -webkit-margin-before: var(--spacing-base);
  margin-block-start: var(--spacing-base);
}

.events-grid {
  display: grid;
  grid-gap: var(--grid-gutter);
  -webkit-margin-after: var(--spacing-base);
  margin-block-end: var(--spacing-base);
}
@media screen and (min-width: 36em) {
  .events-grid {
    grid-template-columns: repeat(var(--events-grid-columns-sm), 1fr);
  }
}
@media screen and (min-width: 48em) {
  .events-grid {
    grid-template-columns: repeat(var(--events-grid-columns-md), 1fr);
  }
}
@media screen and (min-width: 62em) {
  .events-grid {
    grid-template-columns: repeat(var(--events-grid-columns-lg), 1fr);
  }
}
@media screen and (min-width: 75em) {
  .events-grid {
    grid-template-columns: repeat(var(--events-grid-columns-xl), 1fr);
  }
}

.events-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.events-menu a {
  text-decoration: none;
}
.events-menu .year {
  -webkit-margin-after: var(--spacing-base);
  margin-block-end: var(--spacing-base);
}
.events-menu .year > a,
.events-menu .year > .active {
  color: inherit;
  font-weight: var(--headings-font-weight);
  font-family: var(--headings-font-family);
}
.events-menu .level_2 li {
  -webkit-margin-after: var(--spacing-xs);
  margin-block-end: var(--spacing-xs);
}

:root {
  --forms-input-border-width: var(--border-width);
  --forms-input-border-radius: var(--border-radius-base);
  --forms-input-border-color: rgba(0, 0, 0, 0.25);
  --forms-input-background: var(--color-page-bg);
  --forms-input-line-height: normal;
  --forms-mandatory-color: var(--color-primary);
  --forms-error-color: var(--color-error);
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}

label {
  display: inline-block;
  max-width: 100%;
  -webkit-margin-after: var(--spacing-xs);
  margin-block-end: var(--spacing-xs);
  font-weight: var(--font-weight-bold);
}

input.text,
input.captcha,
textarea.textarea,
select.select {
  display: block;
  width: 100%;
  padding: var(--spacing-sm);
  border-radius: var(--forms-input-border-radius);
  border: var(--forms-input-border-width) solid var(--forms-input-border-color);
  background-clip: padding-box;
  background-image: none;
  background-color: var(--forms-input-background);
  line-height: var(--forms-input-line-height);
}

textarea.textarea {
  height: auto;
  resize: vertical;
}

.widget-text,
.widget-textarea,
.widget-password {
  -webkit-margin-after: var(--spacing-base);
  margin-block-end: var(--spacing-base);
}

input[type=search] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=file] {
  display: block;
  line-height: 1;
}

input.radio,
input.checkbox {
  -webkit-margin-start: 1px;
  margin-inline-start: 1px;
  -webkit-margin-end: var(--spacing-xs);
  margin-inline-end: var(--spacing-xs);
  line-height: var(--line-height-base);
  vertical-align: middle;
}
input.radio + label,
input.checkbox + label {
  -webkit-margin-end: var(--spacing-xs);
  margin-inline-end: var(--spacing-xs);
  -webkit-margin-after: 0;
  margin-block-end: 0;
  font-weight: normal;
}

.widget-radio,
.widget-checkbox,
.widget-select,
.widget-upload {
  -webkit-margin-after: var(--spacing-base);
  margin-block-end: var(--spacing-base);
}
.widget-radio legend,
.widget-checkbox legend,
.widget-select legend,
.widget-upload legend {
  font-weight: var(--font-weight-bold);
}

.radio_container > span,
.checkbox_container > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

span.mandatory {
  color: var(--forms-mandatory-color);
}

p.error {
  -webkit-margin-after: 0;
  margin-block-end: 0;
  color: var(--forms-error-color);
}

:root {
  --accordion-border: var(--border-base);
  --accordion-toggler-padding: var(--spacing-md) var(--spacing-lg);
  --accordion-toggler-font-size: var(--spacing-md);
  --accordion-toggler-background: transparent;
  --accordion-toggler-color: inherit;
  --accordion-toggler-color--hover: var(--color-link);
  --accordion-toggler-icon-size: 2rem;
  --accordion-content-padding: var(--spacing-lg);
  --accordion-content-background: var(--color-neutral-100);
}

.ce_accordion {
  -webkit-margin-after: 0 !important;
  margin-block-end: 0 !important;
}
.ce_accordion:first-of-type {
  border-top: var(--accordion-border);
}
.ce_accordion:not(.handorgel) {
  border-bottom: var(--accordion-border);
}
.ce_accordion:not(.handorgel) .toggler {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  cursor: pointer;
  padding: var(--accordion-toggler-padding);
  font-size: var(--accordion-toggler-font-size);
  background: var(--accordion-toggler-background);
  color: var(--accordion-toggler-color);
}
.ce_accordion:not(.handorgel) .toggler:hover {
  color: var(--accordion-toggler-color--hover);
}
.ce_accordion:not(.handorgel) .toggler:focus:not(:focus-visible) {
  outline: 0;
}
.ce_accordion.handorgel {
  border-bottom: var(--accordion-border);
}
.ce_accordion.handorgel .toggler {
  position: relative;
}
.ce_accordion.handorgel .toggler button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  cursor: pointer;
  text-align: left;
  padding: var(--accordion-toggler-padding);
  font-size: var(--accordion-toggler-font-size);
  background: var(--accordion-toggler-background);
  color: var(--accordion-toggler-color);
}
.ce_accordion.handorgel .toggler button:hover {
  color: var(--accordion-toggler-color--hover);
}
.ce_accordion.handorgel .toggler button:focus:not(:focus-visible) {
  outline: 0;
}
.ce_accordion.handorgel .toggler::after {
  content: "+";
  width: var(--accordion-toggler-icon-size);
  height: var(--accordion-toggler-icon-size);
  font-size: var(--accordion-toggler-icon-size);
  font-weight: var(--font-weight-light);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 50%;
  right: var(--spacing-lg);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ce_accordion.handorgel .toggler.open::after {
  content: "–";
}
.ce_accordion .accordion {
  background: var(--accordion-content-background);
  border-top: var(--accordion-border);
  overflow: hidden;
}
.ce_accordion .accordion > div {
  padding: var(--accordion-content-padding);
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.ce_accordion .accordion.active > div {
  opacity: 1;
}

.content-accordion {
  border-top: var(--accordion-border);
  border-bottom: none;
}
.content-accordion .handorgel__header {
  border-bottom: var(--accordion-border);
  position: relative;
}
.content-accordion .handorgel__header::after {
  content: "+";
  width: var(--accordion-toggler-icon-size);
  height: var(--accordion-toggler-icon-size);
  font-size: var(--accordion-toggler-icon-size);
  font-weight: var(--font-weight-light);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 50%;
  right: var(--spacing-lg);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.content-accordion .handorgel__header--open::after {
  content: "–";
}
.content-accordion .handorgel__header__button {
  border-top: none;
  padding: var(--accordion-toggler-padding);
  font-size: var(--accordion-toggler-font-size);
  background: var(--accordion-toggler-background);
  color: var(--accordion-toggler-color);
}
.content-accordion .handorgel__header__button:hover {
  color: var(--accordion-toggler-color--hover);
}
.content-accordion .handorgel__header__button:focus:not(:focus-visible) {
  outline: 0;
}
.content-accordion .handorgel__content {
  border-bottom: var(--accordion-border);
  background: var(--accordion-content-background);
}
.content-accordion .handorgel__content > div {
  padding: var(--accordion-content-padding);
}

.content-accordion {
  border-top: 0;
}
.content-accordion .handorgel__header::after {
  pointer-events: none;
}

:root {
  --download-link-color: var(--color-text);
  --download-link-hover-color: var(--color-text--muted);
  --download-link-decoration: none;
  --download-link-hover-decoration: none;
}

.ce_download,
.ce_downloads,
.content-download,
.content-downloads {
  -webkit-margin-after: var(--spacing-base);
  margin-block-end: var(--spacing-base);
}
.ce_download .mime_icon,
.ce_downloads .mime_icon,
.content-download .mime_icon,
.content-downloads .mime_icon {
  display: inline-block;
  vertical-align: middle;
}
.ce_download a,
.ce_downloads a,
.content-download a,
.content-downloads a {
  display: inline-block;
  color: var(--download-link-color);
  -webkit-text-decoration: var(--download-link-decoration);
  text-decoration: var(--download-link-decoration);
}
.ce_download a:is(:hover, :focus-visible),
.ce_downloads a:is(:hover, :focus-visible),
.content-download a:is(:hover, :focus-visible),
.content-downloads a:is(:hover, :focus-visible) {
  color: var(--download-link-hover-color);
  -webkit-text-decoration: var(--download-link-hover-decoration);
  text-decoration: var(--download-link-hover-decoration);
}

.ce_downloads ul,
.content-downloads ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.ce_downloads a,
.content-downloads a {
  text-decoration: none;
}

.content-download,
.content-downloads {
  -webkit-margin-after: var(--spacing-base);
  margin-block-end: var(--spacing-base);
}
.content-download .mime_icon,
.content-downloads .mime_icon {
  display: inline-block;
  vertical-align: middle;
}
.content-download a,
.content-downloads a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: var(--download-link-color);
  -webkit-text-decoration: var(--download-link-decoration);
  text-decoration: var(--download-link-decoration);
  padding: var(--spacing-base);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.content-download a:is(:hover, :focus-visible),
.content-downloads a:is(:hover, :focus-visible) {
  color: var(--download-link-hover-color);
  -webkit-text-decoration: var(--download-link-hover-decoration);
  text-decoration: var(--download-link-hover-decoration);
}
.content-download a::after,
.content-downloads a::after {
  content: "\f090";
  font-family: "Material Symbols Outlined";
  font-weight: 200;
  font-style: normal;
  font-size: 1.5em; /* Preferred icon size */
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  font-size: 2em;
}
.content-download .download-element:nth-child(odd),
.content-downloads .download-element:nth-child(odd) {
  background-color: var(--color-neutral-100);
}

:root {
  --table-border-width: var(--border-width);
  --table-border-style: solid;
  --table-border-color: var(--color-neutral-300);
  --table-background-light: var(--color-neutral-100);
}

table {
  -webkit-margin-after: var(--base-spacing-unit);
  margin-block-end: var(--base-spacing-unit);
  width: 100%;
  padding: 0;
  border-spacing: 0;
  border-left: var(--table-border-width) var(--table-border-style) var(--table-border-color);
  border-top: var(--table-border-width) var(--table-border-style) var(--table-border-color);
}
table th,
table td {
  border-right: var(--table-border-width) var(--table-border-style) var(--table-border-color);
  border-bottom: var(--table-border-width) var(--table-border-style) var(--table-border-color);
  padding: var(--spacing-sm);
}

thead {
  text-align: left;
  background: var(--table-background-light);
}

tfoot {
  font-style: italic;
}

.table--striped .even {
  background: var(--table-background-light);
}

.table--overflow {
  overflow-x: scroll;
  -ms-overflow-x: auto;
}

:root {
  --newsletter-list-border: var(--border-base);
  --newsletter-reader-width: 600px;
  --newsletter-reader-border: var(--border-base);
}

.newsletter-subscribe,
.newsletter-unsubscribe {
  -webkit-margin-after: var(--spacing-base);
  margin-block-end: var(--spacing-base);
}
.newsletter-subscribe .formbody,
.newsletter-unsubscribe .formbody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.newsletter-subscribe .text,
.newsletter-subscribe .widget-text,
.newsletter-unsubscribe .text,
.newsletter-unsubscribe .widget-text {
  -webkit-margin-after: 0;
  margin-block-end: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.newsletter-subscribe .widget-explanation,
.newsletter-unsubscribe .widget-explanation {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -webkit-padding-before: var(--spacing-xs);
  padding-block-start: var(--spacing-xs);
  font-size: var(--font-size-sm);
}
.newsletter-subscribe .error,
.newsletter-unsubscribe .error {
  -webkit-margin-after: 0;
  margin-block-end: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1 100%;
  flex: 1 100%;
  font-weight: 700;
}
.newsletter-subscribe .widget-captcha,
.newsletter-unsubscribe .widget-captcha {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
  width: 100%;
  -webkit-margin-after: var(--spacing-base);
  margin-block-end: var(--spacing-base);
}
.newsletter-subscribe .widget-checkbox,
.newsletter-unsubscribe .widget-checkbox {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  width: 100%;
}
.newsletter-subscribe .submit,
.newsletter-unsubscribe .submit {
  -webkit-margin-start: var(--spacing-xs);
  margin-inline-start: var(--spacing-xs);
}

.newsletter-list ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.newsletter-list a {
  text-decoration: none;
}
.newsletter-list li {
  border-bottom: var(--newsletter-list-border);
  -webkit-padding-before: var(--spacing-base);
  padding-block-start: var(--spacing-base);
  -webkit-padding-after: var(--spacing-base);
  padding-block-end: var(--spacing-base);
  display: block;
}
.newsletter-list li:first-of-type {
  border-top: var(--newsletter-list-border);
}
@media screen and (min-width: 36em) {
  .newsletter-list li {
    font-size: var(--h4-font-size);
    line-height: var(--h4-line-height);
  }
}
@media screen and (min-width: 48em) {
  .newsletter-list li {
    font-size: var(--h3-font-size);
    line-height: var(--h3-line-height);
  }
}
.newsletter-list li a:is(:hover, :focus-visible) {
  opacity: 0.5;
}

.newsletter-reader {
  max-width: var(--newsletter-reader-width);
  margin-inline: auto;
  border: var(--newsletter-reader-border);
  padding: 0 var(--spacing-base);
}

:root {
  --faq-border: var(--border-base);
}

.faq-list ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.faq-list a {
  text-decoration: none;
}
.faq-list > ul {
  -webkit-margin-before: 2rem;
  margin-block-start: 2rem;
}
.faq-list li {
  -webkit-margin-after: var(--spacing-sm);
  margin-block-end: var(--spacing-sm);
}
.faq-list li a {
  display: inline-block;
}
.faq-list > h1, .faq-list > h2, .faq-list > h3, .faq-list > h4, .faq-list > h5, .faq-list > h6 {
  -webkit-margin-after: 0;
  margin-block-end: 0;
}
.faq-list > h1::after, .faq-list > h2::after, .faq-list > h3::after, .faq-list > h4::after, .faq-list > h5::after, .faq-list > h6::after {
  border-top: var(--faq-border);
  content: "";
  display: block;
}
.faq-list article > h1, .faq-list article > h2, .faq-list article > h3, .faq-list article > h4, .faq-list article > h5, .faq-list article > h6 {
  -webkit-margin-after: 0;
  margin-block-end: 0;
}
.faq-list article > h1::after, .faq-list article > h2::after, .faq-list article > h3::after, .faq-list article > h4::after, .faq-list article > h5::after, .faq-list article > h6::after {
  border-top: var(--faq-border);
  content: "";
  display: block;
}
.faq-list .info {
  font-size: var(--font-size-sm);
  -webkit-margin-before: var(--spacing-base);
  margin-block-start: var(--spacing-base);
  opacity: 0.5;
}

.faq-page > h1, .faq-page > h2, .faq-page > h3, .faq-page > h4, .faq-page > h5, .faq-page > h6 {
  -webkit-margin-after: 0;
  margin-block-end: 0;
}
.faq-page > h1::after, .faq-page > h2::after, .faq-page > h3::after, .faq-page > h4::after, .faq-page > h5::after, .faq-page > h6::after {
  border-top: var(--faq-border);
  content: "";
  display: block;
}
.faq-page article > h1, .faq-page article > h2, .faq-page article > h3, .faq-page article > h4, .faq-page article > h5, .faq-page article > h6 {
  -webkit-margin-after: 0;
  margin-block-end: 0;
}
.faq-page article > h1::after, .faq-page article > h2::after, .faq-page article > h3::after, .faq-page article > h4::after, .faq-page article > h5::after, .faq-page article > h6::after {
  border-top: var(--faq-border);
  content: "";
  display: block;
}
.faq-page .info {
  font-size: var(--font-size-sm);
  -webkit-margin-before: var(--spacing-base);
  margin-block-start: var(--spacing-base);
  opacity: 0.5;
}
.faq-page section {
  padding: var(--spacing-base) 0;
  border-bottom: var(--faq-border);
}
.faq-page section.last {
  -webkit-margin-after: var(--spacing-base);
  margin-block-end: var(--spacing-base);
}

.faq-reader .info {
  font-size: var(--font-size-sm);
  -webkit-margin-before: var(--spacing-base);
  margin-block-start: var(--spacing-base);
  opacity: 0.5;
}

.ce_comments {
  overflow: visible;
}
.ce_comments .widget {
  -webkit-margin-after: var(--spacing-base);
  margin-block-end: var(--spacing-base);
}
.ce_comments p.error {
  -webkit-margin-after: 0;
  margin-block-end: 0;
  color: var(--color-error);
}
.ce_comments .error {
  border-color: var(--color-error-light);
}
.comment_default {
  padding: var(--spacing-base);
  -webkit-margin-after: var(--spacing-base);
  margin-block-end: var(--spacing-base);
  border: var(--base-border);
}
.comment_default .info {
  -webkit-padding-after: var(--spacing-base);
  padding-block-end: var(--spacing-base);
  -webkit-border-after: var(--base-border);
  border-block-end: var(--base-border);
}
.comment_default.last {
  -webkit-margin-after: var(--spacing-lg);
  margin-block-end: var(--spacing-lg);
}

:root {
  --search-relevance-color: var(--color-neutral-500);
  --search-url-color: var(--color-neutral-500);
}

.search .formbody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.search .widget-text {
  -webkit-margin-after: var(--spacing-sm);
  margin-block-end: var(--spacing-sm);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.search .widget-text label {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.search .widget-text label:not(caption) {
  position: absolute !important;
}
.search .widget-submit {
  -webkit-margin-after: var(--spacing-sm);
  margin-block-end: var(--spacing-sm);
  -webkit-margin-start: var(--spacing-xs);
  margin-inline-start: var(--spacing-xs);
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.search .widget-submit .submit {
  -webkit-margin-start: 0;
  margin-inline-start: 0;
}
.search .relevance {
  color: var(--search-relevance-color);
}
.search .context {
  -webkit-margin-after: var(--spacing-xs);
  margin-block-end: var(--spacing-xs);
}
.search .highlight {
  font-weight: bold;
}
.search .url {
  color: var(--search-url-color);
}

.logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

[id=header] .logo {
  width: 14.25rem;
}
@media screen and (min-width: 36em) {
  [id=header] .logo {
    width: 16rem;
  }
}
@media screen and (min-width: 62em) {
  [id=header] .logo {
    width: 18rem;
  }
}

[id=footer] .logo {
  width: 14.25rem;
}
@media screen and (min-width: 36em) {
  [id=footer] .logo {
    width: 16rem;
  }
}
@media screen and (min-width: 62em) {
  [id=footer] .logo {
    width: 18rem;
  }
}

.card {
  padding: var(--spacing-lg);
  margin: 0;
  border-radius: var(--border-radius-sm);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-transition: -webkit-box-shadow 1s ease;
  transition: -webkit-box-shadow 1s ease;
  transition: box-shadow 1s ease;
  transition: box-shadow 1s ease, -webkit-box-shadow 1s ease;
  min-height: 20rem;
  background-color: var(--color-neutral-100);
}
.card:hover {
  -webkit-box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.1);
}
.card.card-image {
  padding: 0;
  overflow: hidden;
}
.card.card-image figure,
.card.card-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  margin: 0;
}
.article--tint .card {
  background-color: var(--color-page-bg);
}

.ce_hero {
  width: 100%;
  display: grid;
  grid-template-columns: [image-start] minmax(var(--container-padding), 1fr) [main-start] minmax(0, calc(105em - 2 * var(--container-padding))) [main-end] minmax(var(--container-padding), 1fr) [image-end];
  background-color: var(--hero-bg-color);
  color: var(--hero-color);
  overflow: hidden;
}
.ce_hero .hero__background {
  grid-column: image;
  grid-row: 1/-1;
  position: relative;
  margin: 0;
  max-height: 70dvh;
}
.ce_hero .hero__background img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.ce_hero .hero__content {
  display: grid;
  grid-column: main;
  grid-row: 1/-1;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 48em) {
  .ce_hero .hero__content {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: var(--grid-gutter);
    grid-auto-columns: 1fr;
  }
  @supports not (display: grid) {
    .ce_hero .hero__content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-margin-start: calc(-1 * var(--grid-gutter) / 2);
      margin-inline-start: calc(-1 * var(--grid-gutter) / 2);
      -webkit-margin-end: calc(-1 * var(--grid-gutter) / 2);
      margin-inline-end: calc(-1 * var(--grid-gutter) / 2);
    }
  }
}
.ce_hero .hero__text {
  grid-column: 1/-1;
  position: relative;
  z-index: 1;
  text-align: left;
  align-self: flex-end;
  color: var(--hero-color);
  padding-block: var(--spacing-lg);
}
@media screen and (min-width: 48em) {
  .ce_hero .hero__text {
    grid-column: 1/-1;
    grid-column: span 8/span 8;
    padding-block: var(--spacing-xl);
  }
  @supports not (display: grid) {
    .ce_hero .hero__text {
      -webkit-padding-before: calc(var(--grid-gutter) / 2);
      padding-block-start: calc(var(--grid-gutter) / 2);
      -webkit-padding-after: calc(var(--grid-gutter) / 2);
      padding-block-end: calc(var(--grid-gutter) / 2);
    }
  }
  @supports not (display: grid) {
    .ce_hero .hero__text {
      width: 66.6666666667%;
    }
  }
}
@media screen and (min-width: 62em) {
  .ce_hero .hero__text {
    padding-block: var(--spacing-xxl);
  }
}
.ce_hero .hero__links {
  margin-top: var(--spacing-lg);
}

:root {
  --back-top-button-size: 3rem;
  --back-top-button-spacing: clamp(1.5rem, 0.9483rem + 2.7586vw, 2.5rem);
  --back-top-button-border-radius: var(--border-radius-pill);
  --back-top-button-bg: var(--color-text--inverted);
  --back-top-button-color: var(--color-primary-500);
  --back-top-button-shadow: 0 0.25em 1em rgba(0, 0, 0, 0.3);
  --back-top-button-transition: all 0.3s var(--transition-base);
}

.back-to-top {
  width: var(--back-top-button-size);
  height: var(--back-top-button-size);
  background-color: var(--back-top-button-bg);
  color: var(--back-top-button-color);
  position: fixed;
  bottom: var(--back-top-button-spacing);
  right: var(--back-top-button-spacing);
  border-radius: var(--back-top-button-border-radius);
  -webkit-box-shadow: var(--back-top-button-shadow);
  box-shadow: var(--back-top-button-shadow);
  -webkit-transition: var(--back-top-button-transition);
  transition: var(--back-top-button-transition);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.back-to-top:is(:hover, :focus-visible) {
  --back-top-button-bg: var(--color-primary);
  --back-top-button-color: var(--color-text--inverted);
}
.back-to-top::before {
  content: "\e316";
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 1.5em; /* Preferred icon size */
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  font-size: 2rem;
}

.top-banner {
  position: sticky;
  top: 0;
  z-index: 900;
  width: 100%;
  background-color: var(--color-brand-primary-50);
  color: var(--color-brand-primary-500);
  height: 0;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: height 0.8s ease-out, opacity 0.8s ease-out;
  transition: height 0.8s ease-out, opacity 0.8s ease-out;
}
.top-banner > .inside {
  max-width: 105em;
  width: 100%;
  -webkit-margin-start: auto;
  margin-inline-start: auto;
  -webkit-margin-end: auto;
  margin-inline-end: auto;
  -webkit-padding-start: var(--container-padding);
  padding-inline-start: var(--container-padding);
  -webkit-padding-end: var(--container-padding);
  padding-inline-end: var(--container-padding);
  min-height: inherit;
}
.top-banner .content-text {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: var(--spacing-base);
  -moz-column-gap: var(--spacing-base);
  column-gap: var(--spacing-base);
  padding-block: var(--spacing-base);
  font-size: var(--font-size-sm);
}
.top-banner .content-text::before {
  content: "\e7f4";
  font-family: "Material Symbols Outlined";
  font-weight: 300;
  font-style: normal;
  font-size: 1.5em; /* Preferred icon size */
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
}
.top-banner .banner-close {
  padding: 0.25rem;
}
.top-banner .banner-close .button-label:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.top-banner .banner-close .button-label:not(:focus):not(:focus-within):not(caption) {
  position: absolute !important;
}
.top-banner .banner-close::before {
  content: "\e5cd";
  font-family: "Material Symbols Outlined";
  font-weight: 300;
  font-style: normal;
  font-size: 1.5em; /* Preferred icon size */
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
}
.top-banner .banner-close:is(:hover, :focus-visible) {
  background-color: var(--color-brand-primary-100);
}
/*# sourceMappingURL=styles.css.map */