@charset "UTF-8";
* {
  box-sizing: border-box;
}
*:before, *:after {
  box-sizing: inherit;
}

figure {
  margin: 0;
}

picture, video {
  display: block;
  max-width: 100%;
}

:root {
  --current-breakpoint: desktop;
  --breakpoint-laptop: 87.5rem;
  --breakpoint-tablet: 57.4375rem;
  --breakpoint-mobile: 37.4375rem;
  --header-height: 12.375rem;
  --color-black: #000000;
  --color-white: #ffffff;
  --color-grey-light: #e5e5e5;
  --color-grey: #808080;
  --color-blue-dark: #1b4d6e;
  --svg-icon-color-red: #ba0d0d;
  --svg-icon-color-yellow: #faba00;
  --svg-icon-color-cyan: #00a6d1;
  --svg-icon-color-grey: #3b3b3a;
  --color-print: #000;
  --color-border: var(--color-grey);
  --color-grey-dark: #353535;
  --max-width-content: 92.813rem;
  --font-family-main: "Source Sans 3";
  --line-height-main: 1.3;
  --font-family-heading: "Nunito";
  --line-height-heading: 1.15;
  --font-size-default: 1.875rem;
  --font-size-large: 2.5rem;
  --font-size-small: 1.563rem;
  --font-size-smaller: 1.25rem;
  --font-size-hero-headline: 4.5rem;
  --font-size-hero-text: 2.188rem;
  --font-size-module-heading-title: 2.813rem;
  --font-size-module-heading-subtitle: 2.188rem;
  --font-size-l: 3.5rem;
  --font-size-m: 2.813rem;
  --font-size-s: 2.2rem;
  --font-weight-normal: 400;
  --font-weight-bold: 600;
  --svg-fill-color: currentColor;
  --media-border-radius: 1rem;
  --page-spacing-inner: 3.125rem;
  --transition-duration: 200ms;
  --transition-duration-svg: var(--transition-duration);
  --grid-gap-vertical: 2rem;
  --grid-gap-horizontal: 2rem;
  --button-bg-color: var(--color-blue-dark);
  --button-border-width: 0.125rem;
  --button-border-style: solid;
  --button-border-color: var(--button-bg-color);
  --button-border-radius: 0.75rem;
  --button-color: var(--color-white);
  --button-font-size: 2.0rem;
  --button-icon-gap: 0.5rem;
  --button-padding-block: 0.5rem;
  --button-padding-inline: 2.5rem;
  --form-field-background-color: transparent;
  --form-field-border-color: var(--color-grey);
  --form-field-border-radius: 0.75rem;
  --form-field-border-width: 0.063rem;
  --form-field-font-size: clamp(16px, 1em, 1em);
  --form-field-line-height: var(--line-height-main);
  --form-field-padding-horizontal: 0.75rem;
  --form-field-padding-vertical: 0.5rem;
  --form-field-placeholder-color: var(--color-grey-light);
  --form-control-icon-size: 1em;
  --form-color-disabled-bg: var(--color-grey-light);
  --form-color-disabled: var(--color-grey);
  --form-select-border-width: 0.063rem;
  --form-select-border-color: var(--form-field-border-color);
  --form-select-outline-width: var(--focus-outline-width);
  --form-select-outline-style: var(--focus-outline-style);
  --form-select-outline-color: var(--focus-outline-color);
  --form-select-outline-offset: var(--focus-outline-offset);
  --form-select-option-default-background-color: transparent;
  --form-select-option-default-color: var(--color-black);
  --form-select-option-hover-background-color: var(--color-grey);
  --form-select-option-hover-color: var(--color-white);
  --form-select-option-active-background-color: var(--color-blue-dark);
  --form-select-option-active-color: var(--color-white);
  --form-field-error-color: #ba0d0d;
  --color-error: #ba0d0d;
  --focus-outline-color: var(--color-blue-dark);
  --focus-outline-style: solid;
  --focus-outline-transition-duration: var(--transition-duration);
  --focus-outline-width: var(--form-field-border-width);
  --z-index-header: 1000;
}
@media (max-width:87.5rem) {
  :root {
    --header-height: 4.438rem;
    --page-spacing-inner: 2rem;
    --current-breakpoint: laptop;
  }
}
@media (max-width:57.4375rem) {
  :root {
    --current-breakpoint: tablet;
    --font-size-default: 1.167rem;
    --font-size-large: 1.5rem;
    --font-size-small: 1.167rem;
    --font-size-smaller: 1rem;
    --font-size-hero-headline: 2.9rem;
    --font-size-hero-text: 1.333rem;
    --font-size-module-heading-title: 1.7rem;
    --font-size-module-heading-subtitle: 1.333rem;
    --font-size-l: 2.2rem;
    --font-size-m: 1.7rem;
    --font-size-s: 1.3rem;
    --line-height-main: 1.4;
    --button-font-size: 1.167rem;
  }
}
@media (max-width:37.4375rem) {
  :root {
    --current-breakpoint: mobile;
  }
}
html, body {
  display: flex;
  font-family: var(--font-family-main), sans-serif;
  flex-flow: column;
  line-height: var(--line-height-main);
  margin: 0;
  min-height: 100%;
}

html {
  background-color: #fff;
  font-size: 100%;
  overflow-y: scroll;
}

body {
  font-size: var(--font-size-default);
  overflow-x: hidden;
}

body, main {
  flex-grow: 1;
}

main,
footer,
main > *[id] {
  scroll-margin-top: var(--header-height);
}

#main > .m-slider--hero + .m-bg {
  margin-block-start: 0;
}

#main > .m-bg:last-child {
  margin-block-end: 0;
}
#main > .m-bg + .m-bg {
  margin-block-start: -2em;
}

.l-wrapper {
  margin-inline: auto;
  max-width: var(--max-width-content);
}

.is-visually-hidden {
  background-color: var(--color-white) !important;
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  color: var(--color-black) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
} /* Example
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	src: local(''),
	url('../../Fonts/Frontend/open-sans-v14-latin-300.woff2') format('woff2'),
	url('../../Fonts/Frontend/open-sans-v14-latin-300.woff') format('woff');
}
*/
/* source-sans-3-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: "Source Sans 3";
  font-style: normal;
  font-weight: 400;
  src: url("../../Fonts/Frontend/source-sans-3/source-sans-3-v18-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-italic - 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: "Source Sans 3";
  font-style: italic;
  font-weight: 400;
  src: url("../../Fonts/Frontend/source-sans-3/source-sans-3-v18-latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-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: "Source Sans 3";
  font-style: normal;
  font-weight: 600;
  src: url("../../Fonts/Frontend/source-sans-3/source-sans-3-v18-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-600italic - 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: "Source Sans 3";
  font-style: italic;
  font-weight: 600;
  src: url("../../Fonts/Frontend/source-sans-3/source-sans-3-v18-latin-600italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-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: "Nunito";
  font-style: normal;
  font-weight: 700;
  src: url("../../Fonts/Frontend/nunito/nunito-v26-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-700italic - 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: "Nunito";
  font-style: italic;
  font-weight: 700;
  src: url("../../Fonts/Frontend/nunito/nunito-v26-latin-700italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
body {
  hyphens: auto;
}

ul:first-child, ol:first-child, li:first-child, p:first-child {
  margin-top: var(--margin-top, 0);
}
ul:last-child, ol:last-child, li:last-child, p:last-child {
  margin-bottom: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-family-heading), sans-serif;
  font-size: var(--x-headline-font-size, inherit);
  font-weight: 600;
  line-height: var(--x-headline-line-height, inherit);
  margin-block-end: 0;
}

a {
  --text-decoration-color: transparent;
  text-decoration-color: var(--text-decoration-color);
  transition: text-decoration-color var(--transition-duration);
}
@media (hover: hover) {
  a:hover {
    --text-decoration-color: currentColor;
  }
}

.link, .m-list__item-title, .m-list-events__item-title {
  --focus-outline-width: 0.125rem;
  --text-decoration-thickness: 0.125rem;
  --text-underline-offset: 0.125rem;
  --text-decoration-color: var(--color-blue-dark);
  --link-icon-display: none;
  --link-icon-size: 0.8em;
  --link-icon-spacing: calc(var(--link-icon-size) + 0.3em);
  color: var(--color-blue-dark);
  text-decoration: underline;
  text-decoration-thickness: var(--text-decoration-thickness);
  text-underline-offset: var(--text-underline-offset);
  transition: text-decoration 150ms;
}
.link[class*="--"]:not(.link--internal):has(> .m-list-link__item-title > .link__icon), [class*="--"].m-list__item-title:not(.link--internal):has(> .m-list-link__item-title > .link__icon), [class*="--"].m-list-events__item-title:not(.link--internal):has(> .m-list-link__item-title > .link__icon), .link[class*="--"]:not(.link--internal):has(> .link__icon), [class*="--"].m-list__item-title:not(.link--internal):has(> .link__icon), [class*="--"].m-list-events__item-title:not(.link--internal):has(> .link__icon) {
  --link-icon-display: inline-flex;
  padding-right: var(--link-icon-spacing);
}
.link__icon {
  display: var(--link-icon-display);
  margin-left: calc(-1 * var(--link-icon-size));
  position: relative;
  text-decoration: none;
  transform: translateX(var(--link-icon-spacing));
}
.link__icon:before {
  content: "⁠";
  display: inline-flex;
  padding-right: var(--link-icon-size);
  visibility: hidden;
}
.link__icon:after {
  align-items: center;
  content: var(--link-icon-content, "");
  display: inline-flex;
  font-size: var(--link-icon-font-size, var(--link-icon-size));
  font-weight: var(--link-icon-font-weight, var(--font-weight-normal));
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(calc(-50% + var(--link-icon-shift-x, -0.125em)), calc(-50% + var(--link-icon-shift-y, 0em)));
}
.link--external {
  --link-icon-content: "↗";
  --link-icon-font-size: 1em;
  --link-icon-font-weight: var(--font-weight-bold);
}
.link--mail {
  --link-icon-content: "✉";
}
.link--phone {
  --link-icon-content: "✆";
}
.link--fax {
  --link-icon-content: "🖷";
}
.link--download {
  --link-icon-content: "↓";
  --link-icon-shift-y: -0.125em;
}
.link--download .link__icon:after {
  text-decoration: 0.063em underline;
  text-underline-offset: 0.063em;
}
.link:focus-visible, .m-list__item-title:focus-visible, .m-list-events__item-title:focus-visible {
  outline: var(--focus-outline-width) var(--focus-outline-style) var(--focus-outline-color);
  outline-offset: var(--focus-outline-offset--link);
}
@media (hover: hover) {
  .link:hover, .m-list__item-title:hover, .m-list-events__item-title:hover {
    --text-decoration-thickness: 0.188rem;
  }
}
@media (max-width:57.4375rem) {
  .link, .m-list__item-title, .m-list-events__item-title {
    --text-decoration-thickness: 0.063rem;
  }
}
@media (max-width:57.4375rem) and (hover: hover) {
  .link:hover, .m-list__item-title:hover, .m-list-events__item-title:hover {
    --text-decoration-thickness: 0.125rem;
  }
}

figcaption {
  font-size: var(--font-size-smaller);
  padding-top: 0.75rem;
}

form .a-button {
  --button-font-size: var(--font-size-default);
}

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

legend {
  font-family: var(--font-family-heading), sans-serif;
  font-size: var(--font-size-large);
  font-weight: var(--font-weight-bold);
}
input:not([type=checkbox]):not([type=radio]):not([type=button]), select, option, textarea {
  appearance: none;
  -webkit-appearance: none;
  background-color: var(--form-field-background-color);
  border: var(--form-field-border);
  border-radius: var(--form-field-border-radius);
  font: inherit;
  font-size: var(--form-field-font-size);
  font-weight: var(--font-weight-normal);
  line-height: var(--line-height-main);
}
input:not([type=checkbox]):not([type=radio]):not([type=button])[disabled], select[disabled], option[disabled], textarea[disabled] {
  background-color: var(--form-color-disabled-bg);
  color: var(--color-disabled);
  cursor: not-allowed;
}
input:not([type=checkbox]):not([type=radio]):not([type=button])[disabled]::placeholder, select[disabled]::placeholder, option[disabled]::placeholder, textarea[disabled]::placeholder {
  color: inherit !important;
}

input::placeholder, input::-webkit-input-placeholder, textarea::placeholder, textarea::-webkit-input-placeholder {
  color: currentColor;
  opacity: 0.4;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}

textarea {
  --textarea-lines: 4;
  min-height: calc(var(--textarea-lines) * var(--form-field-font-size) * var(--form-field-line-height) + 2 * var(--form-field-padding-vertical));
  min-width: 100%;
  width: 100% !important;
}

queo-select {
  --handle-size: 1.5rem;
  --handle-text-spacing: 0.5rem;
  --handle-rotation: 90deg;
  --handle-rotation-open: -90deg;
  --select-border-color: var(--form-select-border-color);
  --select-border-width: var(--form-select-border-width);
  --select-border-radius: var(--form-field-border-radius);
  --select-color: var(--color-font-main);
  --select-color-bg: var(--color-white);
  --select-disabled-border-color: var(--form-select-border-color);
  --select-disabled-color: var(--color-disabled);
  --select-disabled-color-bg: var(--color-disabled-bg);
  --select-padding-left: var(--form-field-padding-horizontal);
  --select-padding-right: calc(var(--form-field-padding-horizontal) + var(--handle-text-spacing) + var(--handle-size));
  --select-padding-y: var(--form-field-padding-vertical);
  --select-font-family: var(--font-family-main);
  --select-font-size: var(--form-field-font-size);
  --select-line-height: var(--line-height-main);
  --select-open-filter: drop-shadow(0 4px 5px #0002);
  --select-focus-color: var(--focus-outline-color);
  --select-focus-width: var(--focus-outline-width);
  --select-focus-offset: var(--focus-outline-offset);
  --select-focus-transition-duration: var(--focus-outline-transition-duration);
  --option-color: var(--color-font-main);
  --option-color-bg: var(--color-white);
  --option-hover-color: var(--color-white);
  --option-hover-color-bg: var(--color-grey);
  --option-active-color: var(--color-white);
  --option-active-color-bg: var(--color-blue-dark);
  --option-disabled-color: #666;
  --option-disabled-color-bg: var(--color-grey-lighter);
  --option-padding-x: var(--form-field-padding-horizontal);
  --option-padding-y: var(--form-field-padding-vertical);
  --multiple-check-char: "✓";
  --multiple-check-font-family: monospace;
  --multiple-check-gap: 0.5rem;
  --multiple-check-size: 1rem;
  --layer-color-bg: var(--color-white);
  --layer-border-color: var(--color-black);
  --layer-border-width: 2px;
  pointer-events: none;
}
queo-select > * {
  pointer-events: auto;
}
queo-select select {
  appearance: none;
  background-color: var(--select-color-bg);
  border: none;
  box-shadow: inset 0 0 0 var(--form-select-border-width) var(--form-select-border-color);
  color: var(--select-color);
  font-family: var(--select-font-family);
  font-size: var(--select-font-size);
  line-height: var(--select-line-height);
  outline: var(--select-focus-width) solid transparent;
  outline-offset: var(--select-focus-offset);
  padding: var(--select-padding-y) var(--select-padding-right) var(--select-padding-y) var(--select-padding-left);
  text-overflow: ellipsis;
  transition: outline-color var(--select-focus-transition-duration);
}
queo-select select:focus {
  outline-color: var(--select-focus-color);
}
queo-select select[multiple] {
  height: calc(var(--select-font-size) * var(--select-line-height) + 2 * var(--select-padding-y));
}
queo-select select[disabled] + .ph-formfield__handle {
  --svg-fill-color-stroke: var(--color-disabled);
}
queo-select option {
  background-color: var(--option-color-bg);
  color: var(--option-color);
}
queo-select option.is-placeholder {
  display: none;
}
@media (hover: hover) {
  queo-select option:hover {
    background-color: var(--option-hover-color-bg);
    color: var(--option-hover-color);
  }
}
queo-select .ph-formfield__handle {
  --svg-stroke-color: transparent;
  --svg-fill-color-stroke: var(--form-select-color, currentColor);
  pointer-events: none;
  position: absolute;
  right: var(--select-padding-y);
  top: 50%;
  transform: translate(0, -50%);
}
queo-select .ph-formfield__handle .svg-icon {
  height: auto;
  transform: rotate(var(--handle-rotation));
  transition: transform var(--transition-duration-short);
  width: var(--handle-size);
}

queo-select,
.ph-formfield {
  display: grid;
  grid-template-areas: "label label" "form-field addon" "error error" "note note";
  grid-template-columns: minmax(0, 100%) minmax(0, min-content);
  grid-template-rows: minmax(0, auto) minmax(0, max-content) minmax(0, min-content) minmax(0, min-content);
}
queo-select .ph-formfield__label,
queo-select label,
.ph-formfield .ph-formfield__label,
.ph-formfield label {
  align-self: end;
  grid-area: label;
  margin-bottom: 0.25rem;
  margin-inline: 0 auto;
}
queo-select > .ph-formfield__checkboxes,
queo-select > .ph-formfield__radios,
queo-select > .ph-formfield__element,
.ph-formfield > .ph-formfield__checkboxes,
.ph-formfield > .ph-formfield__radios,
.ph-formfield > .ph-formfield__element {
  align-self: end;
  grid-area: form-field;
  width: auto !important;
}
queo-select__errors,
.ph-formfield__errors {
  color: var(--color-error);
  font-size: var(--font-size-smaller);
  font-weight: var(--font-weight-bold);
  grid-area: error;
  list-style: none;
  margin-top: 0.25rem;
  padding: 0;
}

.ph-formfield input:not([type=checkbox]):not([type=radio]):not([type=button]), .ph-formfield textarea {
  box-shadow: inset 0 0 0 var(--form-field-border-width) var(--form-field-border-color);
  padding: var(--form-field-padding-vertical) var(--form-field-padding-horizontal);
  outline: var(--focus-outline-width) var(--focus-outline-style) transparent;
  outline-offset: var(--focus-outline-offset);
  transition: outline-color var(--focus-outline-transition-duration);
}
.ph-formfield input:not([type=checkbox]):not([type=radio]):not([type=button]):focus-visible, .ph-formfield textarea:focus-visible {
  outline-color: var(--focus-outline-color);
}
.ph-formfield input:not([type=checkbox]):not([type=radio]):not([type=button])::placeholder, .ph-formfield textarea::placeholder {
  color: var(--form-field-placeholder-color);
  opacity: 1;
}
@media print {
  .ph-formfield input:not([type=checkbox]):not([type=radio]):not([type=button]), .ph-formfield textarea {
    background-color: var(--form-field-background-color) !important;
    box-shadow: inset 0 0 0 0.063rem var(--form-field-border-color) !important;
    page-break-inside: avoid;
  }
}
.ph-formfield label,
.ph-formfield legend.ph-formfield__label, .ph-formfield > .ph-formfield__label {
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  font-weight: var(--font-weight-normal);
  line-height: inherit;
  padding: 0;
  user-select: none;
}
.ph-formfield__checkboxes, .ph-formfield__radios {
  --checked-color: currentColor;
  --control-border-width: 0.063rem;
  --control-border-color: var(--form-field-border-color);
  --control-color-bg: var(--color-white);
  --control-size: var(--form-control-icon-size);
  --control-spacing: 0.45rem;
  --column-gap: 1rem;
  --row-gap: 0.5rem;
  --check-color: transparent;
  --control-top-offset: calc(0.5 * var(--form-field-line-height) * var(--form-field-font-size) - 0.5 * var(--control-size) - 0.5 * var(--control-border-width));
  --radio-inner-spacing: 0.25rem;
  --columns: 1;
  display: grid;
  font-size: var(--font-size-smaller);
  gap: var(--row-gap) var(--column-gap);
  grid-template-columns: repeat(var(--columns), var(--control-size) minmax(min-content, 100%));
}
.ph-formfield__checkboxes label, .ph-formfield__radios label {
  align-self: unset;
  font-weight: var(--font-weight-main);
  grid-area: unset;
  margin-bottom: 0;
  margin-left: calc(-1 * var(--column-gap) + var(--control-spacing));
  max-width: 40rem;
}
.ph-formfield__checkboxes .ph-formfield__label-description, .ph-formfield__radios .ph-formfield__label-description {
  margin-left: calc(-1 * var(--column-gap) + var(--control-spacing));
}
.ph-formfield__checkboxes input, .ph-formfield__radios input {
  opacity: 0;
}
.ph-formfield__checkboxes input + div label,
.ph-formfield__checkboxes input + label, .ph-formfield__radios input + div label,
.ph-formfield__radios input + label {
  position: relative;
}
.ph-formfield__checkboxes input + div label:before, .ph-formfield__checkboxes input + div label:after,
.ph-formfield__checkboxes input + label:before,
.ph-formfield__checkboxes input + label:after, .ph-formfield__radios input + div label:before, .ph-formfield__radios input + div label:after,
.ph-formfield__radios input + label:before,
.ph-formfield__radios input + label:after {
  left: calc(-1 * var(--control-size) - var(--control-spacing));
  position: absolute;
  top: var(--control-top-offset);
}
.ph-formfield__checkboxes input + div label:before,
.ph-formfield__checkboxes input + label:before, .ph-formfield__radios input + div label:before,
.ph-formfield__radios input + label:before {
  background-color: var(--control-color-bg);
  border: var(--control-border-width) solid var(--control-border-color);
  border-radius: 0.175em;
  content: "";
  display: inline-flex;
  height: var(--control-size);
  outline: var(--focus-outline-width) var(--focus-outline-style) var(--x-focus-outline-color, transparent);
  outline-offset: var(--focus-outline-offset);
  transition: border-color var(--focus-outline-transition-duration), outline-color var(--focus-outline-transition-duration);
  width: var(--control-size);
}
.ph-formfield__checkboxes input + div label:after,
.ph-formfield__checkboxes input + label:after, .ph-formfield__radios input + div label:after,
.ph-formfield__radios input + label:after {
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--transition-duration-short);
}
.ph-formfield__checkboxes input:disabled + div label,
.ph-formfield__checkboxes input:disabled + label, .ph-formfield__radios input:disabled + div label,
.ph-formfield__radios input:disabled + label {
  --control-color-bg: var(--color-disabled-bg);
  --checked-color: var(--color-disabled);
}
.ph-formfield__checkboxes input:disabled + div label:before,
.ph-formfield__checkboxes input:disabled + label:before, .ph-formfield__radios input:disabled + div label:before,
.ph-formfield__radios input:disabled + label:before {
  cursor: not-allowed;
}
.ph-formfield__checkboxes input:checked + div label:after,
.ph-formfield__checkboxes input:checked + label:after, .ph-formfield__radios input:checked + div label:after,
.ph-formfield__radios input:checked + label:after {
  opacity: 1;
}
.ph-formfield__checkboxes input:focus-visible + div label,
.ph-formfield__checkboxes input:focus-visible + label, .ph-formfield__radios input:focus-visible + div label,
.ph-formfield__radios input:focus-visible + label {
  --control-border-color: currentColor;
  --x-focus-outline-color: currentColor;
}
@media (hover: hover) {
  .ph-formfield__checkboxes input:not([disabled]) + div label:hover,
  .ph-formfield__checkboxes input:not([disabled]) + label:hover, .ph-formfield__radios input:not([disabled]) + div label:hover,
  .ph-formfield__radios input:not([disabled]) + label:hover {
    --control-border-color: currentColor;
  }
}
.ph-formfield__checkboxes--25, .ph-formfield__radios--25 {
  --columns: 4;
}
.ph-formfield__checkboxes--33, .ph-formfield__radios--33 {
  --columns: 3;
}
.ph-formfield__checkboxes--50, .ph-formfield__radios--50 {
  --columns: 2;
}
@media (max-width:37.4375rem) {
  .ph-formfield__checkboxes, .ph-formfield__radios {
    --columns: 1;
  }
}
.ph-formfield__checkboxes input + div label:after,
.ph-formfield__checkboxes input + label:after {
  align-items: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg id='icon-cross'%3E%3Cline x1='32' y1='30.66' x2='168.43' y2='167.09' stroke='%23000' stroke-width='20'%3E%3C/line%3E%3Cline x1='32' y1='167.09' x2='168.43' y2='30.66' stroke='%23000' stroke-width='20'%3E%3C/line%3E%3C/g%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 0.75em;
  color: var(--checked-color);
  content: "";
  display: inline-flex;
  height: var(--control-size);
  justify-content: center;
  width: var(--control-size);
}
.ph-formfield__radios {
  --inline-transform: none;
}
.ph-formfield__radios input + div label:before, .ph-formfield__radios input + div label:after,
.ph-formfield__radios input + label:before,
.ph-formfield__radios input + label:after {
  border-radius: 50%;
}
.ph-formfield__radios input + div label:after,
.ph-formfield__radios input + label:after {
  background-color: var(--checked-color);
  background-clip: content-box;
  content: "";
  height: var(--control-size);
  padding: var(--radio-inner-spacing);
  width: var(--control-size);
}
.ph-formfield.has-error {
  --form-field-border-color: var(--form-field-error-color);
  --form-select-border-color: var(--form-field-error-color);
  --form-select-color: var(--color-error);
  --focus-outline-color: var(--form-field-error-color);
}

svg {
  stroke-linejoin: bevel;
  stroke-linecap: round;
}

.fill-color-main {
  fill: var(--svg-fill-color);
  transition: fill var(--transition-duration-svg);
}

@media print {
  :root {
    --svg-stroke-color: var(--color-print);
    --svg-stroke-width: 0.625rem !important;
    --svg-fill-color: var(--color-print);
  }
}
/* Accessibility: hide screen reader texts (and prefer "top" for RTL languages).
Reference: http://blog.rrwd.nl/2015/04/04/the-screen-reader-text-class-why-and-how/ */
.mejs__offscreen {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal;
}
@media print {
  .mejs__offscreen {
    display: none;
  }
}

.mejs__container {
  background: var(--color-grey-dark);
  box-sizing: border-box;
  font-family: var(--font-family-main);
  min-height: 2.5rem;
  position: relative;
  text-align: left;
  text-indent: 0;
  vertical-align: top;
}
@media print {
  .mejs__container {
    display: none;
  }
}

.mejs__container * {
  box-sizing: border-box;
}

/* Hide native play button and control bar from iOS to favor plugin button */
.mejs__container video::-webkit-media-controls,
.mejs__container video::-webkit-media-controls-panel,
.mejs__container video::-webkit-media-controls-panel-container,
.mejs__container video::-webkit-media-controls-start-playback-button {
  -webkit-appearance: none;
  display: none !important;
}

.mejs__fill-container,
.mejs__fill-container .mejs__container {
  height: 100%;
  width: 100%;
}

.mejs__fill-container {
  background: transparent;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

.mejs__container:focus {
  outline: none;
}

.mejs__iframe-overlay {
  height: 100%;
  position: absolute;
  width: 100%;
}

.mejs__embed,
.mejs__embed body {
  background: var(--color-grey-dark);
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

.mejs__fullscreen {
  overflow: hidden !important;
}

.mejs__container-fullscreen {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000;
}

.mejs__container-fullscreen .mejs__mediaelement,
.mejs__container-fullscreen video {
  height: 100% !important;
  width: 100% !important;
}

/* Start: LAYERS */
.mejs__background {
  left: 0;
  position: absolute;
  top: 0;
}

.mejs__mediaelement {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}

.mejs__poster {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 1;
}

:root .mejs__poster-img {
  display: none;
}

.mejs__poster-img {
  border: 0;
  padding: 0;
}

.mejs__overlay {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
}

.mejs__layer {
  z-index: 1;
}

.mejs__overlay-play {
  cursor: pointer;
}

.mejs__overlay-button {
  background: url("../../Images/Frontend/mejs-controls.svg") no-repeat;
  background-position: 0 -39px;
  height: 80px;
  width: 80px;
}

.mejs__overlay:hover > .mejs__overlay-button {
  background-position: -80px -39px;
}

.mejs__overlay-loading {
  height: 80px;
  width: 80px;
}

.mejs__overlay-loading-bg-img {
  -webkit-animation: mejs__loading-spinner 1s linear infinite;
  animation: mejs__loading-spinner 1s linear infinite;
  background: transparent url("../../Images/Frontend/mejs-controls.svg") -160px -40px no-repeat;
  display: block;
  height: 80px;
  width: 80px;
  z-index: 1;
}

@-webkit-keyframes mejs__loading-spinner {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes mejs__loading-spinner {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* End: LAYERS */
/* Start: CONTROL BAR */
.mejs__controls {
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  left: 0;
  list-style-type: none;
  margin: 0;
  padding: 0 10px;
  position: absolute;
  width: 100%;
  z-index: 3;
}

.mejs__controls:not([style*="display: none"]) {
  background: var(--color-grey-dark);
}

.mejs__button,
.mejs__time,
.mejs__time-rail {
  font-size: 10px;
  height: 40px;
  line-height: 10px;
  margin: 0;
  width: 32px;
}

.mejs__button > button {
  background: transparent url("../../Images/Frontend/mejs-controls.svg");
  border: 0;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0;
  margin: 10px 6px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  text-decoration: none;
  width: 20px;
}

/* :focus for accessibility */
.mejs__button > button:focus {
  outline: dotted 1px #999;
}

.mejs__container-keyboard-inactive a,
.mejs__container-keyboard-inactive a:focus,
.mejs__container-keyboard-inactive button,
.mejs__container-keyboard-inactive button:focus,
.mejs__container-keyboard-inactive [role=slider],
.mejs__container-keyboard-inactive [role=slider]:focus {
  outline: 0;
}

/* End: CONTROL BAR */
/* Start: Time (Current / Duration) */
.mejs__time {
  box-sizing: content-box;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  height: 24px;
  overflow: hidden;
  padding: 15px 6px 0;
  text-align: center;
  width: auto;
}

/* End: Time (Current / Duration) */
/* Start: Play/Pause/Stop */
.mejs__play > button {
  background-position: 0 0;
}

.mejs__pause > button {
  background-position: -20px 0;
}

.mejs__replay > button {
  background-position: -160px 0;
}

/* End: Play/Pause/Stop */
/* Start: Progress Bar */
.mejs__time-rail {
  direction: ltr;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 40px;
  margin: 0 10px;
  padding-top: 10px;
  position: relative;
}

.mejs__time-total,
.mejs__time-buffering,
.mejs__time-loaded,
.mejs__time-current,
.mejs__time-float,
.mejs__time-hovered,
.mejs__time-float-current,
.mejs__time-float-corner,
.mejs__time-marker {
  border-radius: 0;
  cursor: pointer;
  display: block;
  height: 10px;
  position: absolute;
}

.mejs__time-total {
  background: rgba(255, 255, 255, 0.2);
  margin: 5px 0 0;
  width: 100%;
}

.mejs__time-buffering {
  -webkit-animation: buffering-stripes 2s linear infinite;
  animation: buffering-stripes 2s linear infinite;
  background: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
  background-size: 15px 15px;
  width: 100%;
}

@-webkit-keyframes buffering-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 30px 0;
  }
}
@keyframes buffering-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 30px 0;
  }
}
.mejs__time-loaded {
  background: rgba(var(--color-white-rgb), 0.4);
}

.mejs__time-current,
.mejs__time-handle-content {
  background: rgba(var(--color-white-rgb), 1);
}

.mejs__time-hovered {
  background: rgba(var(--color-white-rgb), 0);
  z-index: 10;
}

.mejs__time-hovered.negative {
  background: rgba(var(--color-white-rgb), 1);
}

.mejs__time-current,
.mejs__time-buffering,
.mejs__time-loaded,
.mejs__time-hovered {
  left: 0;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transition: 0.15s ease-in all;
  transition: 0.15s ease-in all;
  width: 100%;
}

.mejs__time-buffering {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}

.mejs__time-hovered {
  -webkit-transition: height 0.1s cubic-bezier(0.44, 0, 1, 1);
  transition: height 0.1s cubic-bezier(0.44, 0, 1, 1);
}

.mejs__time-hovered.no-hover {
  -webkit-transform: scaleX(0) !important;
  -ms-transform: scaleX(0) !important;
  transform: scaleX(0) !important;
}

.mejs__time-handle,
.mejs__time-handle-content {
  border: 4px solid transparent;
  cursor: pointer;
  left: 0;
  position: absolute;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  z-index: 11;
}

.mejs__time-handle-content {
  border: 5px solid var(--color-white);
  border-radius: 0;
  height: 10px;
  left: -7px;
  top: -4px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  width: 10px;
}

.mejs__time-rail:hover .mejs__time-handle-content,
.mejs__time-rail .mejs__time-handle-content:focus,
.mejs__time-rail .mejs__time-handle-content:active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.mejs__time-float {
  background: #eee;
  border: solid 1px #333;
  bottom: 100%;
  color: #111;
  display: none;
  height: 17px;
  margin-bottom: 9px;
  position: absolute;
  text-align: center;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 36px;
}

.mejs__time-float-current {
  display: block;
  left: 0;
  margin: 2px;
  text-align: center;
  width: 30px;
}

.mejs__time-float-corner {
  border: solid 5px #eee;
  border-color: #eee transparent transparent;
  border-radius: 0;
  display: block;
  height: 0;
  left: 50%;
  line-height: 0;
  position: absolute;
  top: 100%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
}

.mejs__long-video .mejs__time-float {
  margin-left: -23px;
  width: 64px;
}

.mejs__long-video .mejs__time-float-current {
  width: 60px;
}

.mejs__broadcast {
  color: #fff;
  height: 10px;
  position: absolute;
  top: 15px;
  width: 100%;
}

/* End: Progress Bar */
/* Start: Fullscreen */
.mejs__fullscreen-button > button {
  background-position: -80px 0;
}

.mejs__unfullscreen > button {
  background-position: -100px 0;
}

/* End: Fullscreen */
/* Start: Mute/Volume */
.mejs__mute > button {
  background-position: -60px 0;
}

.mejs__unmute > button {
  background-position: -40px 0;
}

.mejs__volume-button {
  position: relative;
}

.mejs__volume-button > .mejs__volume-slider {
  -webkit-backface-visibility: hidden;
  background: var(--color-grey-dark);
  border-radius: 0;
  bottom: 100%;
  display: none;
  height: 115px;
  left: 50%;
  margin: 0;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 25px;
  z-index: 1;
}

.mejs__volume-button:hover {
  border-radius: 0;
}

.mejs__volume-total {
  background: var(--color-grey-dark);
  height: 100px;
  left: 50%;
  margin: 0;
  position: absolute;
  top: 8px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 2px;
}

.mejs__volume-current {
  background: var(--color-white);
  left: 0;
  margin: 0;
  position: absolute;
  width: 100%;
}

.mejs__volume-handle {
  background: var(--color-white);
  border-radius: 0;
  cursor: ns-resize;
  height: 6px;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 16px;
}

.mejs__horizontal-volume-slider {
  display: block;
  height: 36px;
  position: relative;
  vertical-align: middle;
  width: 56px;
}

.mejs__horizontal-volume-total {
  background: var(--color-font-main);
  border-radius: 0;
  font-size: 1px;
  height: 8px;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 16px;
  width: 50px;
}

.mejs__horizontal-volume-current {
  background: var(--color-white);
  border-radius: 0;
  font-size: 1px;
  height: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.mejs__horizontal-volume-handle {
  display: none;
}

/* End: Mute/Volume */
/* Start: Track (Captions and Chapters) */
.mejs__captions-button,
.mejs__chapters-button {
  position: relative;
}

.mejs__captions-button > button {
  background-position: -140px 0;
}

.mejs__chapters-button > button {
  background-position: -180px 0;
}

.mejs__captions-button > .mejs__captions-selector,
.mejs__chapters-button > .mejs__chapters-selector {
  background: rgba(50, 50, 50, 0.7);
  border: solid 1px transparent;
  border-radius: 0;
  bottom: 100%;
  margin-right: -43px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 50%;
  visibility: visible;
  width: 86px;
}

.mejs__chapters-button > .mejs__chapters-selector {
  margin-right: -55px;
  width: 110px;
}

.mejs__captions-selector-list,
.mejs__chapters-selector-list {
  list-style-type: none !important;
  margin: 0;
  overflow: hidden;
  padding: 0;
}

.mejs__captions-selector-list-item,
.mejs__chapters-selector-list-item {
  color: #fff;
  cursor: pointer;
  display: block;
  list-style-type: none !important;
  margin: 0 0 6px;
  overflow: hidden;
  padding: 0;
}

.mejs__captions-selector-list-item:hover,
.mejs__chapters-selector-list-item:hover {
  background-color: rgb(200, 200, 200) !important;
  background-color: rgba(255, 255, 255, 0.4) !important;
}

.mejs__captions-selector-input,
.mejs__chapters-selector-input {
  clear: both;
  float: left;
  left: -1000px;
  margin: 3px 3px 0 5px;
  position: absolute;
}

.mejs__captions-selector-label,
.mejs__chapters-selector-label {
  cursor: pointer;
  float: left;
  font-size: 10px;
  line-height: 15px;
  padding: 4px 10px 0;
  width: 100%;
}

.mejs__captions-selected,
.mejs__chapters-selected {
  color: rgb(33, 248, 248);
}

.mejs__captions-translations {
  font-size: 10px;
  margin: 0 0 5px;
}

.mejs__captions-layer {
  bottom: 0;
  color: #fff;
  font-size: 16px;
  left: 0;
  line-height: 20px;
  position: absolute;
  text-align: center;
}

.mejs__captions-layer a {
  color: #fff;
  text-decoration: underline;
}

.mejs__captions-layer[lang=ar] {
  font-size: 20px;
  font-weight: normal;
}

.mejs__captions-position {
  bottom: 15px;
  left: 0;
  position: absolute;
  width: 100%;
}

.mejs__captions-position-hover {
  bottom: 35px;
}

.mejs__captions-text,
.mejs__captions-text * {
  background: rgba(20, 20, 20, 0.5);
  box-shadow: 5px 0 0 rgba(20, 20, 20, 0.5), -5px 0 0 rgba(20, 20, 20, 0.5);
  padding: 0;
  white-space: pre-wrap;
}

.mejs__container.mejs__hide-cues video::-webkit-media-text-track-container {
  display: none;
}

/* End: Track (Captions and Chapters) */
/* Start: Error */
.mejs__overlay-error {
  position: relative;
}

.mejs__overlay-error > img {
  left: 0;
  max-width: 100%;
  position: absolute;
  top: 0;
  z-index: -1;
}

.mejs__cannotplay,
.mejs__cannotplay a {
  color: #fff;
  font-size: 0.8em;
}

.mejs__cannotplay {
  position: relative;
}

.mejs__cannotplay p,
.mejs__cannotplay a {
  display: inline-block;
  padding: 0 15px;
  width: 100%;
}

/* End: Error */
button {
  cursor: pointer;
}

.a-button {
  align-items: center;
  appearance: none;
  background-color: var(--button-bg-color);
  border: var(--button-border-width) var(--button-border-style) var(--button-border-color);
  border-radius: var(--button-border-radius);
  color: var(--button-color);
  display: inline-flex;
  font-size: var(--button-font-size);
  gap: var(--button-icon-gap);
  padding: var(--button-padding-block) var(--button-padding-inline);
  text-decoration: none;
  transition: background-color var(--transition-duration), border var(--transition-duration), color var(--transition-duration);
}
@media (hover: hover) {
  .a-button:hover {
    --x-button-color: var(--color-white);
    --button-border-color: var(--color-grey-dark);
    --button-bg-color: var(--color-grey-dark);
  }
}
.a-button--transparent {
  --button-bg-color: transparent;
  --button-border-width: 0.125rem;
  --button-border-color: currentColor;
  --button-color: var(--x-button-color, var(--color-blue-dark));
}
@media (hover: hover) {
  .a-button--transparent:hover {
    --x-button-color: var(--color-white);
    --button-border-color: var(--color-blue-dark);
    --button-bg-color: var(--color-blue-dark);
  }
}

.a-required:after {
  content: " *";
}

.a-icon--warning:before {
  content: "⚠";
  font-style: normal;
  font-weight: var(--font-weight-normal);
}

.c-audio__player audio {
  width: 100%;
}
.c-audio__caption {
  caption-side: bottom;
  padding-bottom: 0.313rem;
  width: 100%;
}

.c-grid {
  --width-small: 12.5rem;
  align-items: baseline;
  display: flex;
  flex-flow: row wrap;
  row-gap: var(--grid-gap-vertical);
  column-gap: var(--grid-gap-horizontal);
}
.c-grid__item {
  flex-grow: 1;
  width: 100%;
}
.c-grid__item--attached:not(:first-child) {
  margin-top: calc(-0.5 * var(--grid-gap-vertical));
}
.c-grid__item--small {
  max-width: var(--width-small);
  width: calc(100% - var(--grid-gap-horizontal));
}
.c-grid__item--auto {
  min-width: calc(100% - var(--width-small) - var(--grid-gap-horizontal));
  width: auto;
}
.c-grid__item--button {
  align-self: flex-end;
  flex-grow: 1;
  flex-shrink: 0;
  width: auto;
}
.c-grid__item--button .ph-button {
  width: 100%;
}
.c-grid__item--25 {
  max-width: calc(25% - var(--grid-gap-horizontal) * 0.75);
  width: calc(25% - var(--grid-gap-horizontal));
}
.c-grid__item--33 {
  max-width: calc(33.33% - var(--grid-gap-horizontal) * 0.66);
  width: calc(33.33% - var(--grid-gap-horizontal));
}
.c-grid__item--50 {
  max-width: calc(50% - var(--grid-gap-horizontal) * 0.5);
  width: calc(50% - var(--grid-gap-horizontal));
}
.c-grid__item--66 {
  max-width: calc(67% - var(--grid-gap-horizontal) * 0.33);
  width: calc(66.66% - var(--grid-gap-horizontal));
}
.c-grid__item--75 {
  max-width: calc(75% - var(--grid-gap-horizontal) * 0.25);
  width: calc(75% - var(--grid-gap-horizontal));
}
.c-grid__item--20 {
  max-width: calc(20% - var(--grid-gap-horizontal) * 0.8);
  width: calc(20% - var(--grid-gap-horizontal));
}
@media (max-width:87.5rem) {
  .c-grid__item--20 {
    max-width: calc(50% - var(--grid-gap-horizontal) * 0.5);
    width: calc(50% - var(--grid-gap-horizontal));
  }
}
.c-grid__item--form-spacer {
  align-items: center;
  display: flex;
  flex-grow: 1;
  gap: 1rem;
  justify-content: space-between;
  margin-top: var(--form-spacer-top, 3rem);
}
.c-grid__item--form-spacer .m-form__notice {
  margin: 0;
}
.c-grid__item--form-spacer .ph-button {
  flex-shrink: 0;
}
.c-grid__item--form-spacer .ph-button:last-child {
  margin-left: auto;
}
@media (max-width:37.4375rem) {
  .c-grid__item--form-spacer {
    flex-wrap: wrap;
  }
}
@media (max-width:57.4375rem) {
  .c-grid__item {
    max-width: none;
    width: 100%;
  }
  .c-grid__item--small {
    max-width: var(--width-small);
  }
  .c-grid__item--auto {
    max-width: calc(100% - var(--width-small) - var(--grid-gap-horizontal));
  }
  .c-grid__item--button {
    margin-top: 2rem;
  }
}
@media (max-width:37.4375rem) {
  .c-grid__item--small, .c-grid__item--auto {
    max-width: none;
  }
  .c-grid__item--button {
    margin-top: 1rem;
  }
}
.c-grid:not(:first-child) {
  margin-top: var(--grid-gap-vertical);
}
.c-grid + .c-grid {
  margin-top: var(--grid-gap-vertical);
}

.c-heading {
  line-height: var(--line-height-heading);
  margin-bottom: var(--margin-bottom-heading, 1.5em);
}
.c-heading:last-child {
  --margin-bottom-heading: 0;
}
.c-heading__title {
  font-family: var(--font-family-heading), sans-serif;
  font-weight: 600;
  font-size: var(--font-size-module-heading-title);
  margin-block-start: 1.5em;
}
.c-heading__title.font-size-l {
  --font-size-module-heading-title: var(--font-size-l);
}
.c-heading__title.font-size-m {
  --font-size-module-heading-title: var(--font-size-m);
}
.c-heading__title.font-size-s {
  --font-size-module-heading-title: var(--font-size-s);
}
.c-heading__title h1, .c-heading__title h2, .c-heading__title h3, .c-heading__title h4, .c-heading__title h5, .c-heading__title h6, .c-heading__title p, .c-heading__title ul, .c-heading__title ol, .c-heading__title li {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.c-heading__title h1:first-child, .c-heading__title h2:first-child, .c-heading__title h3:first-child, .c-heading__title h4:first-child, .c-heading__title h5:first-child, .c-heading__title h6:first-child, .c-heading__title p:first-child, .c-heading__title ul:first-child, .c-heading__title ol:first-child, .c-heading__title li:first-child {
  margin-top: 0;
}
.c-heading__subtitle {
  font-size: var(--font-size-module-heading-subtitle);
  font-weight: 400;
  margin-top: var(--margin-top-subtitle, 1rem);
}
.c-heading__subtitle h1, .c-heading__subtitle h2, .c-heading__subtitle h3, .c-heading__subtitle h4, .c-heading__subtitle h5, .c-heading__subtitle h6, .c-heading__subtitle p, .c-heading__subtitle ul, .c-heading__subtitle ol, .c-heading__subtitle li {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.c-heading__subtitle:first-child {
  --margin-top-subtitle: 0;
}
.c-heading__text,
.c-heading .c-rte-content {
  font-size: var(--font-size-module-heading-text);
  font-weight: 400;
  margin-top: var(--margin-top-text, 1rem);
}
.c-heading__text p, .c-heading__text ul, .c-heading__text ol, .c-heading__text li,
.c-heading .c-rte-content p,
.c-heading .c-rte-content ul,
.c-heading .c-rte-content ol,
.c-heading .c-rte-content li {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.c-heading__text:first-child,
.c-heading .c-rte-content:first-child {
  --margin-top-text: 0;
}
.c-heading .a-button {
  margin-top: var(--margin-top-button, 3rem);
}
.c-heading .a-button:first-child {
  --margin-top-button: 0;
}
.c-heading:has(+ .c-rte-content) {
  margin-bottom: 0;
}
.c-heading:has(+ .c-rte-content) + .c-rte-content {
  margin-top: var(--margin-top-text, 1rem);
}

.c-image {
  margin: 0;
}
.c-image__wrapper {
  position: relative;
}
.c-image picture {
  border-radius: var(--media-border-radius);
  overflow: hidden;
}
.c-image img {
  display: block;
  height: auto;
  width: 100%;
}
.c-image queo-popover {
  --icon-bg-color: var(--color-white);
  bottom: 1rem;
  position: absolute;
  right: 1rem;
}

.c-page-browser {
  --icon-content: "";
  --icon-size: 0.75rem;
  user-select: none;
}
.c-page-browser__wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
}
.c-page-browser a {
  color: inherit;
  cursor: pointer;
  display: inline-flex;
  padding: 0 0.5rem;
  text-decoration: none;
}
.c-page-browser a:focus-visible {
  --focus-outline-width: 0.125rem;
  outline: var(--focus-outline-width) var(--focus-outline-style) var(--focus-outline-color);
  outline-offset: 0;
}
.c-page-browser__first, .c-page-browser__last, .c-page-browser__prev, .c-page-browser__next {
  align-items: center;
  height: 1.3em;
  margin: 0 0.25rem;
  transition: background-color var(--transition-duration-short), color var(--transition-duration-short);
}
.c-page-browser__first span, .c-page-browser__last span, .c-page-browser__prev span, .c-page-browser__next span {
  border: 0;
  clip: rect(0 0 0 0);
  height: 0.063rem;
  margin: -0.063rem;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 0.063rem;
}
.c-page-browser__first:before, .c-page-browser__first:after, .c-page-browser__last:before, .c-page-browser__last:after, .c-page-browser__prev:before, .c-page-browser__prev:after, .c-page-browser__next:before, .c-page-browser__next:after {
  align-items: center;
  border: 0.125rem solid currentColor;
  border-bottom: none;
  border-left: none;
  content: var(--icon-content);
  display: inline-flex;
  height: var(--icon-size);
  transform: translateX(var(--x-offset, -0.25rem)) rotate(var(--rotation, 45deg));
  width: var(--icon-size);
}
.c-page-browser__first:after, .c-page-browser__last:after, .c-page-browser__prev:after, .c-page-browser__next:after {
  content: var(--end-icon-content, none);
  margin-left: calc(-0.5 * var(--icon-size));
}
@media (hover: hover) {
  .c-page-browser__first:hover, .c-page-browser__last:hover, .c-page-browser__prev:hover, .c-page-browser__next:hover {
    background-color: var(--color-blue-dark);
    color: var(--color-white);
  }
}
.c-page-browser__first--inactive, .c-page-browser__last--inactive, .c-page-browser__prev--inactive, .c-page-browser__next--inactive {
  visibility: hidden;
}
.c-page-browser__first, .c-page-browser__last {
  --end-icon-content: var(--icon-content);
  margin: 0;
  white-space: nowrap;
}
.c-page-browser__first, .c-page-browser__prev {
  --rotation: 225deg;
  --x-offset: 0.25rem;
}
.c-page-browser__pages {
  display: flex;
  flex-flow: row wrap;
  font-size: var(--font-size-default);
  gap: 0.25rem 0;
  justify-content: center;
}
.c-page-browser__page {
  background-color: transparent;
  border-radius: var(--border-radius-small);
  margin: 0 0.125rem;
  padding: 0 0.5rem;
  transition: background-color var(--transition-duration-short), color var(--transition-duration-short);
}
@media (hover: hover) {
  .c-page-browser__page:hover {
    background-color: var(--color-blue-dark);
    color: var(--color-white);
  }
}
.c-page-browser__page--current {
  background-color: var(--color-grey-light);
  cursor: default;
  pointer-events: none;
}
.c-page-browser__page--more {
  pointer-events: none;
}
@media (max-width:37.4375rem) {
  .c-page-browser__page--more {
    display: none;
  }
}
@media print {
  .c-page-browser__first span, .c-page-browser__last span, .c-page-browser__prev span, .c-page-browser__next span {
    display: none;
  }
  .c-page-browser__page--current {
    border: 0.063rem solid var(--color-print);
  }
}

queo-popover {
  --icon-size: 2rem;
  --icon-color: currentColor;
  --icon-color-hover: currentColor;
  --icon-bg-color: transparent;
  --icon-bg-color-hover: var(--color-white);
  --icon-border-radius: 50%;
  --popover-color: var(--color-black);
  --popover-bg-color: var(--color-grey-light);
  --popover-border-color: var(--color-black);
  --popover-border-width: 0.063rem;
  --popover-border-radius: 0.25rem;
  --popover-font-size: var(--font-size-smaller);
  --popover-line-height: var(--line-height-small);
  --popover-spacing: 0.313rem;
  --notch-height: 0.5rem;
  --notch-width: 0.375rem;
  --notch-start: calc(0.5 * var(--icon-size));
  --notch-end: calc(100% - 0.5 * var(--icon-size));
  border-radius: var(--icon-border-radius);
  display: inline-flex;
  max-width: min-content;
  outline: none;
}
queo-popover button {
  cursor: pointer;
}
queo-popover:before {
  align-items: center;
  background-color: var(--icon-bg-color);
  border-radius: var(--icon-border-radius);
  box-shadow: inset 0 0 0 0.063rem currentColor;
  color: var(--icon-color);
  content: "?";
  display: inline-flex;
  font-size: var(--icon-font-size, 1.5rem);
  font-weight: var(--icon-font-weight, var(--font-weight-main));
  height: var(--icon-size);
  justify-content: center;
  transition: background-color var(--transition-duration-short), color var(--transition-duration-short);
  width: var(--icon-size);
}
queo-popover[data-icon]:before {
  content: attr(data-icon);
}
@media (hover: hover) {
  queo-popover:hover {
    --icon-color: var(--icon-color-hover);
    --icon-bg-color: var(--icon-bg-color-hover);
  }
}
queo-popover.is-active {
  --icon-color: var(--icon-color-hover);
  --icon-bg-color: var(--icon-bg-color-hover) !important;
}
queo-popover[data-icon=error] {
  --icon-bg-color: var(--color-error);
  --popover-bg-color: var(--color-error);
  --popover-color: var(--color-error-bg);
  color: var(--color-error-bg);
}
queo-popover[data-icon=error]:before {
  box-shadow: none;
  content: "!";
}
queo-popover[data-icon=copyright] {
  --icon-bg-color: rgba(var(--color-white-rgb), 0.7);
  --icon-bg-color-hover: var(--color-white);
  --icon-font-size: calc(var(--icon-size) - 0.375rem);
  --icon-font-weight: 600;
  --icon-line-height: 2rem;
  --icon-size: 1.875rem;
  --popover-color: var(--color-white);
  --popover-bg-color: var(--color-font-main);
  --popover-line-height: var(--line-height-smallest);
}
queo-popover[data-icon=copyright]:before {
  box-shadow: none;
  content: "©";
  display: inline-block;
  line-height: var(--icon-line-height);
  text-align: center;
}
queo-popover[data-icon=copyright] .c-popover {
  padding: 0.5rem 0.75rem;
}
queo-popover .c-popover {
  --font-size: var(--popover-font-size);
  background-color: var(--popover-bg-color);
  border-radius: var(--popover-border-radius);
  color: var(--popover-color);
  filter: drop-shadow(0 0 var(--popover-border-width) var(--popover-border-color)) drop-shadow(0 0.25rem 0.313rem rgba(0, 0, 0, 0.1333333333));
  font-size: var(--popover-font-size);
  font-weight: var(--font-weight-light);
  line-height: var(--popover-line-height);
  left: var(--left, -200vw);
  max-width: 18.75rem;
  padding: 1rem;
  pointer-events: none;
  position: absolute;
  top: var(--top, -100vh);
  width: max-content;
  user-select: none;
  z-index: var(--z-index-modal);
}
queo-popover .c-popover:before {
  border-left: var(--notch-width) solid transparent;
  border-right: var(--notch-width) solid transparent;
  border-top: var(--notch-height) solid var(--popover-bg-color);
  content: "";
  display: block;
  height: 0;
  left: var(--notch-left, auto);
  padding-top: var(--popover-spacing);
  position: absolute;
  top: var(--notch-top, auto);
  transform: rotate(var(--notch-rotation, 0deg)) translate(var(--notch-x, 0), var(--notch-y, 0));
  transform-origin: 0 0;
  width: 0;
}
queo-popover .c-popover--bottom, queo-popover .c-popover--bottom-start, queo-popover .c-popover--bottom-end {
  --notch-left: 50%;
  --notch-top: 0;
  --notch-rotation: 180deg;
  --notch-x: calc(-1 * var(--notch-width));
  --notch-y: calc(50% - 0.5 * var(--notch-height) - 0.5 * var(--popover-spacing));
}
queo-popover .c-popover--left, queo-popover .c-popover--left-start, queo-popover .c-popover--left-end {
  --notch-left: 100%;
  --notch-top: 50%;
  --notch-rotation: -90deg;
  --notch-x: -50%;
  --notch-y: calc(50% - 0.5 * var(--notch-height) - 0.5 * var(--popover-spacing));
}
queo-popover .c-popover--right, queo-popover .c-popover--right-start, queo-popover .c-popover--right-end {
  --notch-left: 0;
  --notch-top: 50%;
  --notch-rotation: 90deg;
  --notch-x: -50%;
  --notch-y: calc(-50% + 0.5 * var(--notch-height) + 0.5 * var(--popover-spacing));
}
queo-popover .c-popover--top, queo-popover .c-popover--top-start, queo-popover .c-popover--top-end {
  --notch-left: 50%;
  --notch-top: 100%;
  --notch-rotation: 0deg;
  --notch-x: calc(-1 * var(--notch-width));
  --notch-y: calc(50% - 0.5 * var(--notch-height) - 0.5 * var(--popover-spacing));
}
queo-popover .c-popover--bottom-start, queo-popover .c-popover--top-start {
  --notch-left: var(--notch-start);
}
queo-popover .c-popover--bottom-end, queo-popover .c-popover--top-end {
  --notch-left: var(--notch-end);
}
queo-popover .c-popover--left-start, queo-popover .c-popover--right-start {
  --notch-top: var(--notch-start);
}
queo-popover .c-popover--left-end, queo-popover .c-popover--right-end {
  --notch-top: var(--notch-end);
}
queo-popover button {
  background-color: transparent;
  border: none;
  border-radius: var(--icon-border-radius);
  height: var(--icon-size);
  outline: var(--focus-outline-width) var(--focus-outline-style) transparent;
  outline-offset: var(--focus-outline-offset);
  padding: 0;
  position: absolute;
  transition: outline-color var(--focus-outline-transition-duration);
  width: var(--icon-size);
}
queo-popover button + .c-popover {
  pointer-events: auto;
}
queo-popover button:focus-visible {
  outline-color: var(--focus-outline-color);
}
@media print {
  queo-popover .c-popover {
    --popover-font-size: 9pt;
    background-color: var(--color-white) !important;
    filter: none !important;
    left: 0 !important;
    padding: 0.15rem 0.35rem 0.1rem !important;
    top: 0 !important;
  }
  queo-popover .c-popover:before {
    content: none;
  }
}

queo-media-player {
  display: block;
}

.c-rte-content {
  font-size: var(--font-size-default);
}
.c-rte-content > * + * {
  margin-block-start: var(--flow-space, 1em);
}
.c-rte-content h2 {
  --x-headline-font-size: 2.813rem;
  --flow-space: 2em;
}
.c-rte-content h3 {
  --x-headline-font-size: 2.188rem;
  --flow-space: 2em;
}
.c-rte-content h4 {
  --x-headline-font-size: 1.875rem;
  --flow-space: 1em;
}
.c-rte-content h5 {
  --x-headline-font-size: 1.875rem;
  --flow-space: 1em;
}
.c-rte-content h6 {
  --x-headline-font-size: 1.875rem;
  --flow-space: 1em;
}
@media (max-width:57.4375rem) {
  .c-rte-content h2 {
    --x-headline-font-size: 2.2rem;
    --flow-space: 2em;
  }
  .c-rte-content h3 {
    --x-headline-font-size: 1.7rem;
    --flow-space: 2em;
  }
  .c-rte-content h4 {
    --x-headline-font-size: 1.3rem;
    --flow-space: 1em;
  }
  .c-rte-content h5 {
    --x-headline-font-size: 1.3rem;
    --flow-space: 1em;
  }
  .c-rte-content h6 {
    --x-headline-font-size: 1.3rem;
    --flow-space: 1em;
  }
}
.c-rte-content u {
  text-decoration: underline;
  text-decoration-thickness: 0.05em;
  text-underline-offset: 0.15em;
}
.c-rte-content sub,
.c-rte-content sup {
  line-height: 1;
}
.c-rte-content p:last-child {
  margin-bottom: 0;
}
.c-rte-content ul, .c-rte-content ol {
  --spacer-li: 0.65em;
  display: flow-root;
  list-style-position: inside;
  list-style-type: none;
}
@media print {
  .c-rte-content ul, .c-rte-content ol {
    --spacer-li: 0.5em !important;
  }
}
.c-rte-content ul ul li:first-child, .c-rte-content ol ul li:first-child {
  margin-top: var(--spacer-li);
}
.c-rte-content > ul > li:first-child,
.c-rte-content > ol > li:first-child {
  margin-top: 0;
}
.c-rte-content li {
  margin-top: 0.5em;
}
.c-rte-content ul {
  --shift: 0.8em;
  --dot-size: 0.3em;
  --dot-size-level-2: 0.25em;
  --dot-size-level-3: 0.2em;
  padding-left: var(--shift);
}
.c-rte-content ul li:before {
  --dot-half-size: calc(0.5 * var(--dot-size));
  --dot-shift: calc(0.5lh + var(--dot-half-size) - 0.063rem);
  background-color: currentColor;
  border-radius: 50%;
  display: block;
  content: "";
  height: var(--dot-size);
  left: calc(-1 * var(--shift) + var(--dot-size));
  margin-left: calc(-1 * var(--dot-size));
  position: relative;
  transform: translateY(var(--dot-shift));
  width: var(--dot-size);
}
@media print {
  .c-rte-content ul li:before {
    background-color: black;
  }
}
.c-rte-content ul li li {
  --dot-size: var(--dot-size-level-2);
}
.c-rte-content ul li li li {
  --dot-size: var(--dot-size-level-3);
}
.c-rte-content ol {
  --shift: 0rem;
  --spacing: 2.1ch;
  counter-reset: item;
  padding-left: 0;
}
.c-rte-content ol li {
  padding-left: calc(var(--spacing) + var(--shift));
  position: relative;
}
.c-rte-content ol li:before {
  color: currentColor;
  content: counters(item, ".") ". ";
  counter-increment: item;
  background-color: transparent;
  font-weight: 600;
  left: 0;
  letter-spacing: 0.063rem;
  position: absolute;
  top: 0;
}
.c-rte-content ol li:nth-child(n+10) {
  --shift: 1.1ch;
}
.c-rte-content ol ol {
  --spacing: 3.8ch;
}
.c-rte-content ol ol li:first-child {
  margin-top: var(--spacer-li);
}
.c-rte-content ol ol ol {
  --spacing: 5.5ch;
}
.c-rte-content ol ol ol ol {
  --spacing: 7.6ch;
}
.c-rte-content ol ol ol ol ol {
  --spacing: 8.2ch;
}
.c-rte-content ol ol ol ol ol ol {
  --spacing: 9.7ch;
}
.c-rte-content blockquote {
  border-bottom: 0.25rem solid var(--color-blue-dark);
  border-top: 0.25rem solid var(--color-blue-dark);
  display: flow-root;
  font-style: italic;
  padding: 1em;
}
.c-rte-content:has(+ ul), .c-rte-content:has(+ .m-queo-filter), .c-rte-content:has(+ queo-filter), .c-rte-content:has(+ queo-tab-content), .c-rte-content:has(+ .m-teaser-tab-content__tabs), .c-rte-content:has(+ [class*=__wrapper]) {
  line-height: var(--line-height-heading);
  margin-bottom: var(--margin-bottom-heading, 1.5em);
}

.c-table {
  --color-border: var(--color-grey);
  --line-height-small: var(--line-height-heading);
  border-collapse: collapse;
  border-spacing: 0;
  hyphens: none;
  text-align: left;
  width: 100%;
}
.c-table__wrapper {
  flex-grow: 1;
}
.c-table__wrapper + figcaption {
  --line-height-small: var(--line-height-heading);
}
.c-table p {
  hyphens: none;
}
.c-table thead tr {
  border-bottom: 0.188rem solid var(--color-grey);
}
.c-table tbody tr {
  background-color: transparent;
  border-bottom: 0.063rem solid var(--color-border);
}
.c-table tr > * + * {
  border-left: 0.063rem solid var(--color-border);
}
.c-table__wrapper + figcaption,
.c-table caption {
  caption-side: bottom;
  font-size: var(--font-size-smaller);
  line-height: var(--line-height-small);
  padding-top: 1em;
  text-align: left;
}
.c-table th,
.c-table td {
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  padding: 0.5em;
  vertical-align: top;
}
.c-table th:first-child,
.c-table td:first-child {
  padding-left: 0;
}
.c-table th:last-child,
.c-table td:last-child {
  padding-right: 0;
}
.c-table tbody tr.hidden {
  display: none;
}
@media print {
  .c-table tr {
    page-break-inside: avoid;
  }
}

.c-video {
  display: block;
  margin-right: auto;
  width: 100%;
}
.c-video iframe {
  border: none;
  display: block;
  height: 100%;
  width: 100%;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.c-video video {
  display: block;
  max-width: 100%;
  width: 100%;
}
.c-video__wrapper {
  background-color: var(--color-grey);
  border-radius: var(--media-border-radius);
  overflow: hidden;
  position: relative;
}
.c-video__video-embed {
  --ratio-padding: 56.25%;
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
}
.c-video__video-embed:after {
  content: "";
  display: block;
  overflow: hidden;
  padding-bottom: var(--ratio-padding);
  width: 0;
}
.c-video__video-embed--vimeo {
  --ratio-padding: 53.33%;
}
@media print {
  .c-video video {
    display: none !important;
  }
  .c-video__wrapper[data-local-video-path*="www."]:after {
    content: attr(data-local-video-path);
    width: 100%;
  }
  .c-video__video-embed {
    align-items: flex-start !important;
  }
  .c-video__video-embed:after {
    content: "https://youtu.be/" attr(data-video-id) " ";
    padding-bottom: 0 !important;
    width: 100%;
  }
  .c-video__video-embed iframe {
    display: none !important;
  }
}

.m-table {
  --table-boder-color: var(--color-grey-light);
  --th-background-color: var(--color-blue-dark);
  --th-color: var(--color-white);
  --th-font-weight: var(--font-weight-bold);
  --th-padding: 2rem 2rem;
  --td-background-color: var(--color-white);
  --td-color: currentColor;
  --td-font-weight: var(--font-weight-normal);
  --td-padding: 2rem 1rem;
  --cell-background-color-hover: var(--color-grey-light);
  padding-block: 3rem;
  padding-inline: var(--page-spacing-inner);
}
.m-table a {
  color: var(--color-blue-dark);
  transition: text-decoration-color var(--transition-duration);
}
.m-table table {
  border-collapse: collapse;
}
.m-table tr {
  position: relative;
}
.m-table th {
  background-color: var(--th-background-color);
  background-clip: padding-box;
  border: 0.063rem solid var(--table-boder-color);
  color: var(--th-color);
  font-weight: var(--th-font-weight);
  padding: var(--th-padding);
}
.m-table td {
  background-color: var(--td-background-color);
  background-clip: padding-box;
  border: 0.063rem solid var(--table-boder-color);
  color: var(--td-color);
  font-weight: var(--td-font-weight);
  padding: var(--td-padding);
  transition: background-color var(--transition-duration);
}
.m-table__wrapper {
  margin-inline: auto;
  max-width: var(--max-width-content);
  overflow: auto;
}
.m-table thead {
  --td-color: var(--th-color);
  --td-background-color: var(--th-background-color);
  --td-padding: var(--th-padding);
  --td-font-weight: var(--th-font-weight);
}
.m-table .is-center {
  text-align: center;
}
.m-table .is-left {
  text-align: left;
}
.m-table .is-right {
  text-align: right;
}
@media (hover: hover) {
  .m-table tr:has(a[download]:hover) {
    --td-background-color: var(--cell-background-color-hover);
    --link-text-decoration-color-hover: currentColor;
  }
}

.m-breadcrumb {
  margin-block: 1em 2em;
  padding-inline: var(--page-spacing-inner);
}
.m-breadcrumb__wrapper {
  margin-inline: auto;
  max-width: var(--max-width-content);
}
.m-breadcrumb__items {
  --spacing-items: 0.383rem;
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}
.m-breadcrumb__item {
  color: var(--color-blue-dark);
  display: inline;
  font-size: var(--font-size-smaller);
}
.m-breadcrumb__item:not(:only-child):not(:last-child) {
  margin-right: var(--spacing-items);
  padding-right: var(--spacing-items);
  border-right: 0.094rem solid currentColor;
}
.m-breadcrumb__item:last-child {
  font-weight: var(--font-weight-bold);
}
.m-breadcrumb a {
  color: inherit;
  font-weight: inherit;
}

.m-contact {
  background-color: var(--color-grey-light);
  margin-block: var(--flow-module, 2em);
  padding-block: 0.063rem;
  padding-inline: var(--page-spacing-inner);
}
.m-contact .c-heading__title {
  margin-block-start: 0;
}
.m-contact__wrapper {
  margin-block: 2em;
  margin-inline: auto;
  max-width: var(--max-width-content);
}
.m-contact__wrapper > .c-heading {
  text-align: center;
}
.m-contact__details a {
  color: inherit;
}
.m-contact__details-wrapper {
  display: flex;
  gap: 2rem;
  justify-content: space-between;
}
.m-contact__details-wrapper:before, .m-contact__details-wrapper:after {
  content: "";
}
.m-contact__detail {
  align-items: center;
  display: flex;
}
.m-contact__detail:not(:first-child) {
  margin-top: 1em;
}
.m-contact__detail .svg-icon {
  --icon-size: 3rem;
  flex-shrink: 0;
  height: auto;
  margin-right: 1rem;
  width: var(--icon-size);
}
.m-contact__detail a:focus-visible {
  --focus-outline-width: 0.125rem;
  outline: var(--focus-outline-width) var(--focus-outline-style) var(--focus-outline-color);
  outline-offset: var(--focus-outline-offset--link);
}

.m-ccm {
  font-size: var(--font-size-main);
}
.m-ccm [hidden] {
  display: none;
}
.m-ccm__settings-layer {
  background-color: var(--color-white);
  max-width: 60rem;
  padding: 1em;
}
.m-ccm__settings-layer::backdrop {
  background-color: rgba(0, 0, 0, 0.6);
}
.m-ccm__settings-layer-headline {
  margin-bottom: 0.5rem;
  margin-top: calc(-0.5lh + 0.5em);
}
.m-ccm__settings-layer-headline > *:first-child {
  margin-top: 0;
}
.m-ccm__settings-layer-headline:last-child {
  margin-bottom: 0;
}
.m-ccm__settings-layer-categories {
  margin-top: 1.5rem;
}
.m-ccm__settings-layer-categories[aria-expanded=false] {
  display: none;
}
.m-ccm__settings-layer-categories-headline {
  margin-bottom: 0.5rem;
}
.m-ccm__settings-layer-categories-headline h1, .m-ccm__settings-layer-categories-headline h2, .m-ccm__settings-layer-categories-headline h3, .m-ccm__settings-layer-categories-headline h4, .m-ccm__settings-layer-categories-headline h5, .m-ccm__settings-layer-categories-headline h6 {
  font-weight: var(--font-weight-boldest);
  font-size: var(--font-size-largest);
}
.m-ccm__settings-layer-categories-headline:last-child {
  margin-bottom: 0;
}
.m-ccm__settings-layer-categories-text {
  margin-bottom: 1rem;
}
.m-ccm__settings-layer-categories .ph-formfield__text {
  font-weight: 400;
}
.m-ccm__settings-layer-categories input[type=checkbox][disabled] + div label:before, .m-ccm__settings-layer-categories input[type=checkbox][disabled] + div label:after {
  --control-border-color: #000;
  opacity: 0.4;
}
.m-ccm__settings-layer-categories:has(.ph-formfield__label-description) label {
  font-weight: var(--font-weight-bold);
}
.m-ccm__settings-layer-buttons {
  margin-bottom: calc(0.5lh - 0.5em);
  margin-top: 3rem;
}
.m-ccm__settings-layer-buttons-wrapper {
  align-items: center;
  column-gap: 1rem;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  row-gap: 1rem;
}
@media (max-width:37.4375rem) {
  .m-ccm__settings-layer-buttons-wrapper {
    flex-flow: row wrap;
  }
}
.m-ccm__settings-layer-buttons .a-button {
  flex-basis: 50%;
  flex-grow: 1;
  justify-content: center;
}
@media (max-width:37.4375rem) {
  .m-ccm__settings-layer-buttons .a-button {
    flex-basis: 100%;
  }
}
.m-ccm__settings-layer .ph-formfield__checkboxes {
  font-size: var(--font-size-small);
}
.m-ccm__component-layer {
  align-items: center;
  background-color: var(--color-grey-light);
  bottom: 0;
  display: flex;
  font-size: var(--font-size-small);
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.m-ccm__component-layer-wrapper {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  justify-content: center;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
}
.m-ccm__component-layer-text {
  --font-size: var(--font-size-small);
  color: var(--color-black);
  line-height: var(--line-height-small);
  margin: auto 10% 0;
  max-width: var(--text-max-width);
  padding: 1.5rem 0;
}
@media (max-width:37.4375rem) {
  .m-ccm__component-layer-text {
    padding: 0.75rem 0;
  }
}
.m-ccm__component-layer-button {
  margin-bottom: auto;
  padding-bottom: 1.5rem;
  text-align: center;
  width: 100%;
}
.m-ccm__component-layer-button .a-button {
  --form-field-padding-vertical: 0.5rem;
}
@media (max-width:37.4375rem) {
  .m-ccm__component-layer-button .a-button {
    --override-button-line-height: 1;
  }
}
@media print {
  .m-ccm__component-layer {
    display: none !important;
  }
}

.m-footer {
  background-color: var(--color-grey-light);
  font-size: var(--font-size-small);
  padding-inline: var(--page-spacing-inner);
}
.m-footer a {
  color: var(--color-black);
}
.m-footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.m-footer__wrapper {
  margin-inline: auto;
  max-width: var(--max-width-content);
  padding-block: 3.625rem 2.25rem;
}
.m-footer__nav-items {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}
.m-footer__nav-items > li {
  flex-basis: 100%;
}
.m-footer__nav-items a {
  font-weight: inherit;
}
.m-footer__nav-items p {
  font-weight: var(--font-weight-bold);
  margin: 0;
}
.m-footer__nav-items a, .m-footer__nav-items p {
  user-select: none;
}
.m-footer__nav-sub-items:first-child {
  font-weight: var(--font-weight-bold);
}
.m-footer__nav-sub-items:first-child li:first-child a {
  margin-top: 0;
}
.m-footer__nav-sub-items a {
  display: block;
  margin-top: 0.25rem;
  max-width: fit-content;
}
.m-footer__copyright {
  color: var(--color-grey);
  font-size: var(--font-size-smaller);
  margin-block: 5.5rem 0;
  margin-inline: 2rem;
  text-align: center;
}
@media (max-width:87.5rem) {
  .m-footer .m-footer__nav-item:not(:last-child) {
    display: none;
  }
  .m-footer .m-footer__nav-item:last-child .m-footer__nav-sub-items {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin: 0 auto;
    max-width: fit-content;
  }
  .m-footer .m-footer__nav-item:last-child .m-footer__nav-sub-item {
    flex-basis: calc(50% - 0.5rem);
  }
  .m-footer .m-footer__nav-item:last-child .m-footer__nav-sub-item a {
    margin-inline: auto;
  }
}
@media (max-width:57.4375rem) {
  .m-footer .m-footer__nav-item:last-child .m-footer__nav-sub-items {
    margin-left: 0;
  }
  .m-footer .m-footer__nav-item:last-child .m-footer__nav-sub-item a {
    margin-inline: unset;
  }
  .m-footer__copyright {
    margin-block: 2.5rem 0;
    margin-inline: unset;
    text-align: left;
  }
}
@media (max-width:37.4375rem) {
  .m-footer .m-footer__nav-item:last-child .m-footer__nav-sub-items {
    flex-direction: column;
    flex-basis: unset;
  }
}

.m-form {
  margin-block: 1em;
  padding-inline: var(--page-spacing-inner);
}
.m-form__wrapper {
  margin-inline: auto;
  max-width: var(--max-width-content);
}
.m-form--search-page legend {
  font-size: var(--font-size-small);
}
.m-form--search-page legend + .c-grid {
  margin-top: 1rem;
}
.m-form--search-page .ph-formfield__checkboxes {
  display: flex;
  flex-wrap: wrap;
}
.m-form--search-page .ph-formfield__checkboxes input {
  margin-inline: 0 calc(-1 * var(--column-gap));
  width: 0;
}
.m-form--search-page .ph-formfield__checkboxes label {
  margin-inline: calc(0.25rem + var(--control-size) + var(--control-spacing)) 0;
}
.m-form__combined--search-page {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr auto;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.m-form__combined--search-page:last-child {
  margin-bottom: 0;
}
.m-form__notice {
  font-size: var(--font-size-smaller);
  margin-top: 1.5rem;
}

.m-glossary {
  --tabs-gap: 0.25rem;
  --tab-border: 0.125rem solid currentColor;
  --tab-border-radius: 0.5rem;
  --tab-font-size: var(--font-size-smaller);
  --tab-entry-spacing: 2rem;
  margin-block: 2em;
  padding-inline: var(--page-spacing-inner);
}
.m-glossary__wrapper {
  margin-inline: auto;
  max-width: var(--max-width-content);
}
.m-glossary queo-tab-content {
  display: block;
}
.m-glossary__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: var(--tabs-gap);
  justify-content: space-between;
}
.m-glossary__tab {
  appearance: none;
  background-color: var(--color-white);
  border: 0.125rem solid currentColor;
  border-radius: var(--tab-border-radius) var(--tab-border-radius) 0 0;
  border-bottom: none;
  color: var(--color-grey);
  cursor: pointer;
  font-family: inherit;
  font-size: var(--tab-font-size);
  font-weight: var(--font-weight-bold);
  line-height: inherit;
  padding: 0.25rem 1rem;
  transition: background-color var(--transition-duration), border-color var(--transition-duration), color var(--transition-duration);
  user-select: none;
}
.m-glossary__tab.is-active {
  background-color: var(--color-blue-dark);
  border-color: var(--color-blue-dark);
  color: var(--color-white);
}
.m-glossary__tab:is(span) {
  cursor: not-allowed;
  opacity: 0.6;
  text-align: center;
}
.m-glossary__tab-panels {
  background-color: var(--color-blue-dark);
  color: var(--color-white);
  list-style: none;
  margin: 0;
  padding: 2.5rem;
}
.m-glossary__tab-panel {
  display: none;
}
.m-glossary__tab-panel.is-active {
  display: block;
}
.m-glossary__group:not(:first-child) {
  border-top: 0.063rem solid currentColor;
  margin-top: var(--tab-entry-spacing);
  padding-top: var(--tab-entry-spacing);
}
.m-glossary__group-label {
  font-weight: var(--font-weight-bold);
}
.m-glossary__group-item {
  margin-left: 0;
  margin-top: 1rem;
}
@media (max-width:87.5rem) {
  .m-glossary__tabs {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(12, 1fr);
    margin-bottom: 1rem;
  }
  .m-glossary__tab {
    border-bottom: var(--tab-border);
    border-radius: var(--tab-border-radius);
  }
}
@media (max-width:57.4375rem) {
  .m-glossary__tabs {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media (max-width:37.4375rem) {
  .m-glossary__tabs {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (max-width: 474px) {
  .m-glossary__tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .m-glossary__tab {
    flex-basis: 4.375rem;
  }
}

.m-glossary-OLD {
  --tab-border-radius: 0.5rem;
  --tab-font-size: var(--font-size-smaller);
  --tab-entry-spacing: 2rem;
  padding-block: 5rem;
  padding-inline: var(--page-spacing-inner);
}
.m-glossary-OLD__wrapper {
  margin-inline: auto;
  max-width: var(--max-width-content);
}
.m-glossary-OLD queo-tab-content {
  display: grid;
  gap: 0;
  grid-template-areas: "tabs tab-panels";
  grid-template-columns: auto minmax(0, 100%);
}
.m-glossary-OLD__tabs {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 0.75rem;
  grid-area: tabs;
}
.m-glossary-OLD__tab {
  appearance: none;
  background-color: var(--color-white);
  border: 0.125rem solid currentColor;
  border-radius: var(--tab-border-radius) 0 0 var(--tab-border-radius);
  border-right: none;
  color: var(--color-grey);
  cursor: pointer;
  font-family: inherit;
  font-size: var(--tab-font-size);
  font-weight: var(--font-weight-bold);
  line-height: inherit;
  padding: 0.25rem 1rem;
  transition: background-color var(--transition-duration), border-color var(--transition-duration), color var(--transition-duration);
  user-select: none;
}
.m-glossary-OLD__tab.is-active {
  background-color: var(--color-blue-dark);
  border-color: var(--color-blue-dark);
  color: var(--color-white);
}
.m-glossary-OLD__tab-panels {
  background-color: var(--color-blue-dark);
  color: var(--color-white);
  grid-area: tab-panels;
  list-style: none;
  margin: 0;
  padding: 2.5rem;
}
.m-glossary-OLD__tab-panel {
  display: none;
}
.m-glossary-OLD__tab-panel.is-active {
  display: block;
}
.m-glossary-OLD__group:not(:first-child) {
  border-top: 0.063rem solid currentColor;
  margin-top: var(--tab-entry-spacing);
  padding-top: var(--tab-entry-spacing);
}
.m-glossary-OLD__group-label {
  font-weight: var(--font-weight-bold);
}
.m-glossary-OLD__group-item {
  margin-left: 0;
  margin-top: 1rem;
}

.m-header {
  --nav-layout: classic;
  --nav-border-top-size: 2.5rem;
  --nav-logo-padding-block: 0.5rem;
  --nav-logo-size: 8rem;
  --nav-icon-size: 2.5rem;
  --nav-icon-search-size: 2.5rem;
  --nav-icon-gap: 0.5rem;
  --nav-margin-block-start: auto;
  --nav-margin-block-end: 2rem;
  --nav-margin-block: var(--nav-margin-block-start) var(--nav-margin-block-end);
  --nav-display-desktop-search-toggle: flex;
  --nav-display-mobile-search-toggle: none;
  --nav-display-nav-toggle: none;
  --nav-display-nav-close: flex;
  --nav-display-mobile-layer-close: none;
  --nav-display-search-layer-close: flex;
  --nav-position-search-layer: absolute;
  --nav-transform-search-layer: translateY(-100%);
  --nav-order-menu: row;
  --nav-order-menu-3rd-level: column;
  --nav-gap-menu-items: 4rem;
  --nav-panel-padding: 2.5rem var(--page-spacing-inner);
  --nav-border-radius-item-label: 0.5rem 0.5rem 0 0;
  --label-icon-size: 0.5em;
  --label-icon-factor: 0.75;
  --label-icon-rotation: 0deg;
  --label-icon-gap: 0.75rem;
  --label-icon-content-first-level: none;
  background-color: var(--color-white);
  box-shadow: 0 0.125rem 0.313rem rgba(0, 0, 0, 0.2666666667);
  height: var(--header-height);
  padding-inline: var(--page-spacing-inner);
  position: sticky;
  top: 0;
  z-index: var(--z-index-header);
}
.m-header:before {
  border-top: var(--nav-border-top-size) solid var(--color-black);
  content: "";
  display: block;
  margin-inline: calc(-1 * var(--page-spacing-inner));
}
.m-header:after {
  background-color: rgba(0, 0, 0, 0.2666666667);
  bottom: 0;
  content: "";
  left: 0;
  opacity: var(--nav-backdrop-opacity, 0);
  pointer-events: var(--nav-backdrop-pointer-events, none);
  position: fixed;
  right: 0;
  top: 0;
  transition: opacity var(--transition-duration);
  z-index: -3;
}
.m-header.is-layer-open {
  --nav-backdrop-opacity: 1;
  --nav-backdrop-pointer-events: auto;
}
.m-header a {
  color: currentColor;
}
.m-header button {
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  padding: 0;
  text-align: left;
}
.m-header ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.m-header__wrapper {
  align-items: center;
  display: flex;
  gap: 2rem;
  margin-inline: auto;
  max-width: var(--max-width-content);
}
.m-header__wrapper:before {
  background-color: var(--color-white);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.m-header__logo {
  margin-right: auto;
  padding-block: var(--nav-logo-padding-block);
  width: var(--nav-logo-size);
}
.m-header__logo a {
  display: flex;
}
.m-header__layer {
  display: flex;
  gap: 2rem;
  margin-top: auto;
}
.m-header__layer-close {
  appearance: none;
  background-color: transparent;
  border: none;
  color: var(--color-white);
  display: var(--nav-display-mobile-layer-close);
  right: var(--page-spacing-inner);
  position: absolute;
  top: 1.219rem;
}
.m-header__layer-close .svg-icon {
  height: auto;
  width: var(--nav-icon-search-size);
}
.m-header__nav-toggle, .m-header__search-toggle {
  align-items: center;
  appearance: none;
  background-color: transparent;
  border: none;
  border-radius: 0;
  cursor: pointer;
  display: flex;
  gap: 0.5rem;
  margin-block: var(--nav-margin-block);
}
.m-header__nav-toggle .svg-icon, .m-header__search-toggle .svg-icon {
  height: auto;
  width: var(--nav-icon-search-size);
}
.m-header__nav {
  margin-block: var(--nav-margin-block);
}
.m-header__nav-items {
  display: flex;
  flex-direction: var(--nav-order-menu);
  gap: var(--nav-gap-menu-items);
}
.m-header__nav-item {
  --nav-close-transition: transform var(--transition-duration), visibility 0s var(--transition-duration);
  --nav-close-visibility: hidden;
}
.m-header__nav-item-label {
  --toggle-offset-block: -0.5rem;
  --toggle-offset-inline: -1rem;
  --text-decoration-color: transparent;
  align-items: center;
  appearance: none;
  background-color: transparent;
  border: none;
  border-radius: 0;
  color: var(--toggle-color);
  display: flex;
  gap: var(--nav-icon-gap);
  position: relative;
  text-decoration: underline var(--text-decoration-color);
  transition: text-decoration-color var(--transition-duration);
}
.m-header__nav-item-label .svg-icon {
  height: auto;
  width: var(--nav-icon-size);
}
.m-header__nav-item-label:after {
  background-color: var(--toggle-background-color);
  border-radius: var(--nav-border-radius-item-label);
  bottom: calc(-1 * var(--nav-margin-block-end));
  content: "";
  left: var(--toggle-offset-inline);
  position: absolute;
  right: var(--toggle-offset-inline);
  top: var(--toggle-offset-block);
  transition: background-color var(--transition-duration);
  z-index: -1;
}
.m-header__nav-item-label:before {
  align-self: baseline;
  background-color: currentColor;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  content: "";
  flex-shrink: 0;
  height: var(--label-icon-size);
  margin-top: calc(0.5lh - 0.5em + 0.5 * var(--label-icon-size));
  transform: rotate(var(--label-icon-rotation));
  transition: transform var(--transition-duration);
  width: calc(var(--label-icon-size) * var(--label-icon-factor));
}
.m-header__nav-item-label[data-toggle=menu-main] + .m-header__nav-panel ul ul {
  --nav-order-menu: var(--nav-order-menu-3rd-level);
}
.m-header__nav-item-label[data-toggle=menu-main]:before {
  content: var(--label-icon-content-first-level);
}
.m-header__nav-item-label[aria-expanded=true] {
  --toggle-background-color: var(--color-blue-dark);
  --toggle-color: var(--color-white);
  --svg-monochrome-color: var(--toggle-color);
  --text-decoration-color: currentColor;
  --label-icon-rotation: 90deg;
}
@media (hover: hover) {
  .m-header__nav-item-label:hover {
    --text-decoration-color: currentColor;
  }
}
.m-header__nav-panel {
  --panel-y-offset: -100%;
  background-color: var(--color-blue-dark);
  color: var(--color-white);
  left: 0;
  padding: var(--nav-panel-padding);
  position: absolute;
  right: 0;
  top: 100%;
  transform: translateY(var(--panel-y-offset));
  transition: transform var(--transition-duration), visibility 0s var(--transition-duration);
  visibility: hidden;
  z-index: -2;
}
button[aria-expanded=true] + .m-header__nav-panel {
  --panel-y-offset: 0;
  transition: transform var(--transition-duration);
  visibility: visible;
}
.m-header__nav-panel ul {
  margin-inline: auto;
  max-width: var(--max-width-content);
}
.m-header__nav-toggle {
  display: var(--nav-display-nav-toggle);
}
.m-header__nav-mobile-search-icon {
  display: var(--nav-display-mobile-search-toggle);
}
.m-header__nav-close {
  appearance: none;
  background-color: transparent;
  border: none;
  color: var(--color-white);
  display: var(--nav-display-nav-close);
  position: absolute;
  right: 1rem;
  top: 1rem;
  transition: var(--nav-close-transition);
  visibility: var(--nav-close-visibility);
  z-index: -2;
}
.m-header__nav-close .svg-icon {
  height: auto;
  width: 1.5rem;
}
button[aria-expanded=true] + .m-header__nav-panel > .m-header__nav-close {
  --nav-close-transition: transform var(--transition-duration);
  --nav-close-visibility: visible;
}
.m-header__search {
  display: grid;
  gap: 2rem;
  grid-template-areas: "input button";
  grid-template-columns: minmax(0, 100%) auto;
  margin-inline: auto;
  max-width: var(--max-width-content);
}
.m-header__search:after {
  border-bottom: var(--form-field-border-width) solid var(--form-field-border-color);
  content: "";
  grid-area: input;
  margin-inline: var(--form-field-padding-horizontal);
  z-index: -1;
}
.m-header__search-input {
  grid-area: input;
}
.m-header__search-button {
  appearance: none;
  background-color: transparent;
  border: 0.125rem solid currentColor;
  border-radius: var(--button-border-radius);
  color: var(--color-white);
  grid-area: button;
  padding: var(--button-padding-block) var(--button-padding-inline) !important;
}
.m-header__search-button .svg-icon {
  display: none;
}
.m-header__search-toggle {
  --toggle-background-color: transparent;
  --toggle-color: currentColor;
  --toggle-offset-block: -0.5rem;
  --toggle-offset-inline: -0.5rem;
  color: var(--toggle-color);
  display: var(--nav-display-desktop-search-toggle);
  position: relative;
  transition: color var(--transition-duration);
}
.m-header__search-toggle:after {
  background-color: var(--toggle-background-color);
  border-radius: var(--nav-border-radius-item-label);
  bottom: calc(-1 * var(--nav-margin-block-end));
  content: "";
  left: var(--toggle-offset-inline);
  position: absolute;
  right: var(--toggle-offset-inline);
  top: var(--toggle-offset-block);
  transition: background-color var(--transition-duration);
  z-index: -1;
}
.m-header__search-toggle[aria-expanded=true] {
  --toggle-background-color: var(--color-blue-dark);
  --toggle-color: var(--color-white);
  --svg-monochrome-color: var(--toggle-color);
}
.m-header__search-layer {
  background-color: var(--color-blue-dark);
  color: var(--color-white);
  left: 0;
  padding: var(--nav-panel-padding);
  position: var(--nav-position-search-layer);
  right: 0;
  top: 100%;
  transform: var(--nav-transform-search-layer);
  transition: transform var(--transition-duration), visibility 0s var(--transition-duration);
  visibility: hidden;
  z-index: -2;
}
.m-header__search-layer input {
  --form-field-border-color: currentColor;
  color: inherit;
  display: block;
  outline: var(--focus-outline-width) var(--focus-outline-style) transparent;
  padding: var(--form-field-padding-vertical) var(--form-field-padding-horizontal);
  transition: box-shadow var(--transition-duration);
  width: 100%;
}
.m-header__search-layer input:focus {
  box-shadow: inset 0 0 0 0.125rem var(--form-field-border-color);
}
.m-header__search-toggle[aria-expanded=true] ~ .m-header__search-layer {
  transform: translateY(0);
  transition: transform var(--transition-duration);
  visibility: visible;
}
.m-header__search-close {
  appearance: none;
  background-color: transparent;
  border: none;
  color: var(--color-white);
  display: var(--nav-display-search-layer-close);
  position: absolute;
  right: 1rem;
  top: 1rem;
}
.m-header__search-close .svg-icon {
  height: auto;
  width: 1.5rem;
}
@media (min-width:calc(87.5rem + 1px)) {
  .m-header {
    --nav-second-level-max-width: 1200px;
  }
  .m-header button[data-toggle=menu-main] + .m-header__nav-panel a {
    position: relative;
  }
  .m-header button[data-toggle=menu-main] + .m-header__nav-panel:before {
    background-color: var(--color-blue-dark);
    bottom: 3rem;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
  .m-header button[data-toggle=menu-main] + .m-header__nav-panel .m-header__nav-item-label:after {
    content: none;
  }
  .m-header button[data-toggle=menu-main] + .m-header__nav-panel > .m-header__nav-items {
    --sub-nav-columns: 4;
    --column-gap: 2rem;
    --panel-padding-bottom: 2rem;
    font-size: var(--font-size-small);
    display: grid;
    gap: 2rem var(--column-gap);
    grid-template-columns: repeat(var(--sub-nav-columns), 1fr);
    max-width: var(--nav-second-level-max-width);
  }
  .m-header button[data-toggle=menu-main] + .m-header__nav-panel > .m-header__nav-items:not(:has(.m-header__nav-panel)) {
    display: flex;
    flex-flow: wrap;
  }
  .m-header button[data-toggle=menu-main] + .m-header__nav-panel > .m-header__nav-items .m-header__nav-panel {
    --sub-panel-y-offset: 7rem;
    max-height: calc(100dvh - var(--header-height) - var(--sub-panel-y-offset));
    overflow: auto;
    overscroll-behavior: contain;
    padding-block: 0 var(--panel-padding-bottom);
    padding-inline: 0;
    position: absolute;
    top: var(--sub-panel-y-offset);
  }
  .m-header button[data-toggle=menu-main] + .m-header__nav-panel > .m-header__nav-items .m-header__nav-items {
    --left-offset: calc(var(--label-icon-size) * var(--label-icon-factor) + var(--nav-icon-gap) + 0.5 * var(--scrollbar-width, 0px));
    gap: 1rem;
    max-width: var(--nav-second-level-max-width);
    padding-left: var(--left-offset);
  }
  .m-header button[data-toggle=menu-main] + .m-header__nav-panel > .m-header__nav-items .m-header__nav-items .m-header__nav-item {
    margin-left: calc((100% + 1rem) * 1 / var(--sub-nav-columns) * var(--col-index) + 0.5rem * var(--col-index));
    max-width: calc(100% / var(--sub-nav-columns) - var(--column-gap));
  }
  .m-header button[data-toggle=menu-main] + .m-header__nav-panel > .m-header__nav-items .m-header__nav-items:after {
    background-image: linear-gradient(180deg, transparent, var(--color-blue-dark) 100%);
    bottom: 0;
    content: "";
    height: var(--panel-padding-bottom);
    left: 0;
    margin-top: calc(-1rem - var(--panel-padding-bottom));
    position: sticky;
    right: 0;
    transform: translateY(100%);
  }
  .m-header button[data-toggle=menu-main] + .m-header__nav-panel > .m-header__nav-items > .m-header__nav-item {
    --col-index: 0;
  }
  .m-header button[data-toggle=menu-main] + .m-header__nav-panel > .m-header__nav-items > .m-header__nav-item:nth-child(2n) {
    --col-index: 1;
  }
  .m-header button[data-toggle=menu-main] + .m-header__nav-panel > .m-header__nav-items > .m-header__nav-item:nth-child(3n) {
    --col-index: 2;
  }
  .m-header button[data-toggle=menu-main] + .m-header__nav-panel > .m-header__nav-items > .m-header__nav-item:nth-child(4n) {
    --col-index: 3;
  }
  .m-header button[data-toggle=menu-main] + .m-header__nav-panel .m-header__nav-close {
    z-index: 0;
  }
}
@media (max-width:87.5rem) {
  .m-header {
    --nav-layout: modern;
    --nav-border-top-size: 0.5rem;
    --nav-logo-padding-block: 0.125rem 0.5rem;
    --nav-logo-size: 3rem;
    --nav-display-desktop-search-toggle: none;
    --nav-display-mobile-search-toggle: flex;
    --nav-display-nav-close: none;
    --nav-display-nav-toggle: flex;
    --nav-display-mobile-layer-close: flex;
    --nav-display-search-layer-close: none;
    --nav-order-menu: column;
    --nav-order-menu-3rd-level: var(--nav-order-menu);
    --nav-gap-menu-items: 0.5rem;
    --nav-margin-block: 0;
    --label-icon-content-first-level: "";
  }
  .m-header__layer {
    background-color: var(--color-blue-dark);
    bottom: 0;
    color: var(--color-white);
    flex-direction: column;
    left: 0;
    opacity: 0;
    padding-inline: var(--page-spacing-inner);
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity var(--transition-duration), visibility 0s var(--transition-duration);
    visibility: hidden;
  }
  button[aria-expanded=true] ~ .m-header__layer {
    opacity: 1;
    pointer-events: auto;
    transition: opacity var(--transition-duration);
    visibility: visible;
  }
  .m-header__search-layer {
    --nav-position-search-layer: static;
    --nav-transform-search-layer: none;
    margin-top: 4rem;
    order: -1;
    padding: 1rem 0 0;
    transition: visibility 0s var(--transition-duration);
    visibility: hidden;
  }
  button[aria-expanded=true] ~ .m-header__layer .m-header__search-layer {
    opacity: 1;
    pointer-events: auto;
    transition: none;
    visibility: visible;
  }
  .m-header__nav {
    overflow: auto;
    overscroll-behavior: contain;
  }
  .m-header__nav:after {
    content: "";
    display: block;
    margin-top: 0.063rem;
  }
  .m-header__nav-item-label {
    display: flex;
    gap: var(--label-icon-gap);
  }
  .m-header__nav-item-label .svg-icon {
    display: none;
  }
  .m-header__nav-item-label:before {
    align-self: baseline;
    background-color: currentColor;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    content: "";
    flex-shrink: 0;
    height: var(--label-icon-size);
    margin-top: calc(0.5lh - 0.5em + 0.5 * var(--label-icon-size));
    transform: rotate(var(--label-icon-rotation));
    transition: transform var(--transition-duration);
    width: calc(var(--label-icon-size) * var(--label-icon-factor));
  }
  .m-header__nav-item-label:after {
    content: none;
  }
  .m-header__nav-item-label[aria-expanded=true] {
    --label-icon-rotation: 90deg;
  }
  .m-header__nav-panel {
    display: none;
    padding-block: 0.5rem 0;
    padding-inline: calc(var(--label-icon-gap) + var(--label-icon-size) * var(--label-icon-factor)) 0;
    position: static;
    transform: none;
  }
  button[aria-expanded=true] + .m-header__nav-panel {
    display: block;
  }
  .m-header__search-button {
    padding-inline: var(--button-padding-block) !important;
  }
  .m-header__search-button span {
    background-color: var(--color-white) !important;
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    color: var(--color-black) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
  .m-header__search-button .svg-icon {
    --svg-monochrome-color: currentColor;
    display: block;
    height: auto;
    width: 2.5rem;
  }
}

.m-hero {
  --hero-background-color: var(--color-grey-light);
  --hero-color: currentColor;
  --hero-min-height: 0;
  --button-border-radius: 1em;
  --button-font-size: var(--font-size-default);
  background-color: var(--hero-background-color);
  color: var(--hero-color);
}
.m-hero--dark-bg {
  --hero-background-color: var(--color-blue-dark);
  --hero-color: var(--color-white);
  --x-button-color: var(--color-white);
}
.m-hero__wrapper {
  display: flex;
  overflow: hidden;
  padding-inline: var(--page-spacing-inner);
  position: relative;
}
.m-hero img {
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
.m-hero__contents {
  --contents-wrapper-max-width: none;
  display: flex;
  margin-inline: auto;
  max-width: var(--max-width-content);
  min-height: var(--hero-min-height);
  padding-block: 1.5em;
  width: 100%;
  z-index: 0;
}
figure + .m-hero__contents {
  --hero-min-height: 35rem;
  --contents-wrapper-max-width: 55%;
}
.m-hero__contents-wrapper {
  align-items: center;
  display: flex;
  max-width: var(--contents-wrapper-max-width);
}
.m-hero__contents:only-child .m-hero__contents-meta {
  font-weight: var(--font-weight-bold);
  border-bottom: 2px solid var(--svg-icon-color-yellow);
}
.m-hero__contents:only-child .m-hero__contents-meta + .c-heading {
  margin-block-start: 0.5em;
}
.m-hero__contents:only-child .m-hero__contents-wrapper {
  align-items: flex-start;
  flex-direction: column;
}
.m-hero .c-heading {
  --font-size-module-heading-title: var(--font-size-hero-headline);
  --font-size-module-heading-subtitle: var(--font-size-hero-text);
  --margin-top-subtitle: 1rem;
  --margin-top-button: 3rem;
}
.m-hero .c-heading__title {
  margin-block-start: 0;
}
@media (max-width:57.4375rem) {
  figure + .m-hero__contents {
    --hero-min-height: 25rem;
    --contents-wrapper-max-width: 75%;
  }
}
@media (max-width:37.4375rem) {
  figure + .m-hero__contents {
    --hero-min-height: 17.5rem;
    --contents-wrapper-max-width: none;
  }
}

.m-list-downloads {
  --item-meta-font-size: inherit;
  --item-meta-text-align: right;
  --item-grid-template-areas: "label date filesize";
  --item-grid-template-columns: 1fr 10rem 7rem;
  --item-label-font-size: var(--font-size-default);
  --item-label-font-weight: normal;
  --item-icon-order: 1;
  --item-icon-transform: none;
  --icon-size: 2.5rem;
  --item-icon-label-color: var(--color-grey-dark);
  --item-icon-label-font-size: 0.563rem;
  --item-icon-label-font-weight: inherit;
  --item-icon-label-left: auto;
  --item-icon-label-right: 0.125rem;
  --item-icon-label-top: 1.625rem;
  --item-icon-label-width: 1.938rem;
  background-color: var(--color-black);
  color: var(--color-white);
  margin-block: 2em;
  padding-block: 0.063rem;
  padding-inline: var(--page-spacing-inner);
}
.m-list-downloads__wrapper {
  margin-block: 2em;
  margin-inline: auto;
  max-width: var(--max-width-content);
}
.m-list-downloads__items {
  list-style: none;
  padding: 0;
}
.m-list-downloads__item {
  align-items: center;
  border-bottom: 0.125rem solid var(--color-grey);
  display: flex;
  gap: 2rem;
  justify-content: space-between;
  padding-bottom: 0.5rem;
  position: relative;
}
.m-list-downloads__item:not(:first-child) {
  margin-top: 1rem;
}
.m-list-downloads__item a {
  color: inherit;
  display: grid;
  gap: 0.25rem 1rem;
  grid-template-areas: var(--item-grid-template-areas);
  grid-template-columns: var(--item-grid-template-columns);
  width: 100%;
}
.m-list-downloads__item a:before {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.m-list-downloads__item .svg-icon {
  align-self: baseline;
  flex-shrink: 0;
  height: auto;
  order: var(--item-icon-order);
  transform: var(--item-icon-transform);
  width: var(--icon-size);
}
.m-list-downloads__item-label {
  font-size: var(--item-label-font-size);
  font-weight: var(--item-label-font-weight);
  grid-area: label;
}
.m-list-downloads__item-date {
  font-size: var(--item-meta-font-size);
  grid-area: date;
  text-align: var(--item-meta-text-align);
}
.m-list-downloads__item-filesize {
  font-size: var(--item-meta-font-size);
  grid-area: filesize;
  text-align: var(--item-meta-text-align);
}
.m-list-downloads__item-icon-label {
  color: var(--item-icon-label-color);
  font-size: var(--item-icon-label-font-size);
  font-weight: var(--item-icon-label-font-weight);
  left: var(--x-item-icon-label-left, var(--item-icon-label-left));
  line-height: 1;
  padding-inline: 0.125rem;
  pointer-events: none;
  position: absolute;
  right: var(--x-item-icon-label-right, var(--item-icon-label-right));
  text-align: center;
  text-transform: var(--item-icon-label-text-transform, none);
  top: var(--x-item-icon-label-top, var(--item-icon-label-top));
  user-select: none;
  width: var(--x-item-icon-label-width, var(--item-icon-label-width));
}
.m-list-downloads__item-icon-label:after {
  content: attr(data-label);
}
.m-list-downloads__item-icon-label[data-label=pspimage], .m-list-downloads__item-icon-label[data-label=youtube] {
  font-size: 0.375rem;
}
.m-list-downloads__item:has(svg use[href="#icon-zip"]) {
  --item-icon-label-color: var(--color-white);
  --item-icon-label-font-size: 0.75rem;
  --item-icon-label-font-weight: var(--font-weight-bold);
  --item-icon-label-text-transform: uppercase;
  --x-item-icon-label-top: 1.281rem;
  --x-item-icon-label-right: 0.438rem;
  --x-item-icon-label-width: 1.938rem;
}
.m-list-downloads__item:has(svg use[href="#icon-pdf"]) .m-list-downloads__item-icon-label, .m-list-downloads__item:has(svg use[href="#icon-word"]) .m-list-downloads__item-icon-label, .m-list-downloads__item:has(svg use[href="#icon-excel"]) .m-list-downloads__item-icon-label, .m-list-downloads__item:has(svg use[href="#icon-powerpoint"]) .m-list-downloads__item-icon-label {
  display: none;
}
.m-list-downloads__item:has(svg use[href="#icon-pdf"]) {
  --item-icon-transform: translateX(0.188rem);
}
@media (max-width:57.4375rem) {
  .m-list-downloads {
    --item-label-font-size: var(--font-size-small);
    --item-label-font-weight: var(--font-weight-bold);
    --item-meta-font-size: var(--font-size-smaller);
    --item-meta-text-align: left;
    --item-grid-template-areas: "label label" "date filesize";
    --item-grid-template-columns: auto 1fr;
    --item-icon-order: -1;
    --item-icon-transform: translateY(calc(1lh - var(--font-size-default)));
    --item-icon-label-left: 0.469rem;
    --item-icon-label-right: auto;
    --item-icon-label-top: 2.125rem;
    --item-icon-label-width: 1.875rem;
  }
  .m-list-downloads__item:has(svg use[href="#icon-zip"]) {
    --x-item-icon-label-top: 1.75rem;
    --x-item-icon-label-left: 0.125rem;
    --x-item-icon-label-right: auto;
    --x-item-icon-label-width: 1.938rem;
  }
}

.m-list-events {
  --margin-bottom-heading: 1em;
  --content-border-radius: 2rem;
  --content-padding: 2rem 3rem;
  --content-background: transparent;
  --icon-size: 1.4rem;
  --icon-shift: 0.25rem;
  --spacing-items: 2rem;
  --space-inside: 0.75rem;
  --font-size-large: 2.5rem;
  --row-gap: 1rem;
  margin-block: var(--flow-module, 2em);
  padding-inline: var(--page-spacing-inner);
}
.m-list-events__wrapper {
  margin-inline: auto;
  max-width: var(--max-width-content);
}
.m-list-events__list {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-items);
  list-style: none;
  margin: 0;
  padding: 0;
}
.m-list-events__item {
  --focus-outline-width: 0.125rem;
  background-color: var(--content-background);
  border-radius: var(--content-border-radius);
  border: 0.063rem solid var(--color-grey-light);
  color: var(--color-black);
  display: flex;
  flex-direction: column;
  padding: var(--content-padding);
  row-gap: var(--row-gap);
  text-decoration: none;
  outline: var(--focus-outline-width) var(--focus-outline-style) transparent;
  outline-offset: var(--focus-outline-offset);
  transition: background-color var(--transition-duration) outline-color var(--focus-outline-transition-duration);
}
.m-list-events__item:focus-visible {
  outline-color: var(--focus-outline-color);
}
@media (hover: hover) {
  .m-list-events__item:hover {
    --content-background: var(--color-grey-light);
  }
  .m-list-events__item:hover .m-list-events__item-title {
    --text-decoration-thickness: 0.188rem;
  }
  .m-list-events__item:hover .m-list-events__item-meta-wrapper {
    border-top-color: var(--color-white);
  }
}
.m-list-events__item-top {
  display: flex;
}
.m-list-events__item-title-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: var(--row-gap);
}
.m-list-events__item-title {
  font-weight: var(--font-weight-bold);
}
.m-list-events__item-description {
  font-size: var(--font-size-small);
}
.m-list-events__item-meta-wrapper {
  --color-meta: #666;
  border-top: 1px solid var(--color-grey-light);
  color: var(--color-meta);
  display: flex;
  font-size: var(--font-size-smaller);
  gap: 1rem;
  padding-top: 0.75rem;
  transition: border-color var(--transition-duration);
}
.m-list-events__item-meta {
  align-items: flex-start;
  display: flex;
  gap: 0.25rem;
}
.m-list-events__item-meta .svg-icon {
  --svg-fill-color: var(--color-meta);
  flex-grow: 0;
  flex-shrink: 0;
  width: var(--icon-size);
}
.m-list-events__item-date {
  font-family: var(--font-family-heading);
  font-size: var(--font-size-large);
  font-weight: var(--font-weight-bold);
}
.m-list-events .c-page-browser {
  padding-top: var(--spacing-items);
}
@media (max-width:87.5rem) {
  .m-list-events {
    --content-border-radius: 1.5rem;
    --content-padding: 1.5rem 2.5rem;
  }
}
@media (max-width:57.4375rem) {
  .m-list-events {
    --content-padding: 1rem 1.5rem;
    --font-size-large: 2.0rem;
    --spacing-items: 1.25rem;
  }
  .m-list-events__item {
    --text-decoration-thickness: 0.063rem;
  }
}
@media (max-width:57.4375rem) and (hover: hover) {
  .m-list-events__item:hover .m-list-events__item-title {
    --text-decoration-thickness: 0.125rem;
  }
}
@media (max-width:37.4375rem) {
  .m-list-events {
    --content-border-radius: 1rem;
    --content-padding: 1rem;
    --row-gap: 0.75rem;
  }
}

.m-list-icon-text {
  --icon-size: 1.4rem;
  --icon-shift: 0.25rem;
  --list-row-gap: 1rem;
  --list-col-gap: 3rem;
  --item-width: calc(33.33% - (var(--list-col-gap) * 2 / 3));
  margin-block: var(--flow-module, 1em);
  padding-inline: var(--page-spacing-inner);
}
.m-list-icon-text__wrapper {
  border-top: 0.125rem solid var(--svg-icon-color-yellow);
  border-bottom: 0.125rem solid var(--color-grey-light);
  padding-block: 1rem;
}
.m-list-icon-text__list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--list-row-gap) var(--list-col-gap);
  list-style: none;
  margin: 0;
  padding: 0;
}
.m-list-icon-text__item {
  align-items: flex-start;
  display: flex;
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-bold);
  gap: 0.5rem;
  width: var(--item-width);
}
.m-list-icon-text__item .svg-icon {
  --svg-fill-color: var(--color-black);
  flex-grow: 0;
  flex-shrink: 0;
  position: relative;
  top: var(--icon-shift);
  width: var(--icon-size);
}
@media (max-width:57.4375rem) {
  .m-list-icon-text {
    --icon-size: 1.0rem;
    --icon-shift: 0.125rem;
    --item-width: calc(50% - (var(--list-col-gap) * 1 / 2));
  }
}
.m-list-link {
  --margin-bottom-heading: 1em;
  --icon-size: 2rem;
  --space-between-icon-text: 0.75rem;
  --space-between-items: 1rem;
  margin-block: var(--flow-module, 1em);
  padding-inline: var(--page-spacing-inner);
}
.m-list-link__list {
  display: flex;
  flex-direction: column;
  row-gap: var(--space-between-items);
  list-style: none;
  margin: 0;
  padding: 0;
}
.m-list-link__item {
  align-items: flex-start;
  display: flex;
  column-gap: var(--space-between-icon-text);
}
.m-list-link__item .svg-icon {
  --svg-fill-color: var(--color-blue-dark);
  flex-grow: 0;
  flex-shrink: 0;
  position: relative;
  top: 0.125rem;
  width: var(--icon-size);
}
.m-list-link__item-content {
  --focus-outline-width: 0.125rem;
  --text-decoration-color: transparent;
  --text-decoration-thickness: 0.125rem;
  --text-underline-offset: 0.125rem;
  display: flex;
  flex-direction: column;
  text-decoration: none;
}
.m-list-link__item-content:focus-visible {
  outline: var(--focus-outline-width) var(--focus-outline-style) var(--focus-outline-color);
  outline-offset: var(--focus-outline-offset--link);
}
@media (hover: hover) {
  .m-list-link__item-content:hover {
    --text-decoration-thickness: 0.188rem;
  }
}
.m-list-link__item-title {
  --text-decoration-color: var(--color-blue-dark);
  color: var(--color-blue-dark);
  font-weight: var(--font-weight-bold);
  text-decoration: underline;
  text-decoration-thickness: var(--text-decoration-thickness);
  text-underline-offset: var(--text-underline-offset);
}
.m-list-link__item-text {
  color: var(--color-black);
}
.m-list-link__item .link--download .link__icon {
  --icon-shift-top: 0.5em;
}
@media (max-width:57.4375rem) {
  .m-list-link {
    --icon-size: 1.25rem;
    --space-between-icon-text: 0.5rem;
    --space-between-items: 0.75rem;
  }
}

.m-list {
  --spacing-items: 3rem;
  --row-gap: 0.75rem;
  --column-gap: 1rem;
  margin-block: var(--flow-module, 2em);
  padding-inline: var(--page-spacing-inner);
}
.m-list li:not(:first-child):before {
  background-color: var(--color-grey-light);
  content: "";
  display: block;
  height: 0.063rem;
  position: absolute;
  top: calc(var(--spacing-items) * -0.5);
  width: 100%;
}
.m-list .results-highlight {
  --spacing-content: " ⁠";
  background-color: var(--color-grey-light);
  font-weight: var(--font-weight-bold);
}
.m-list .results-highlight:before, .m-list .results-highlight:after {
  content: var(--spacing-content);
  text-decoration: inherit;
}
.m-list .results-highlight:after {
  --spacing-content: "⁠ ";
}
.m-list__wrapper {
  margin-inline: auto;
  max-width: var(--max-width-content);
}
.m-list__header:has(.m-list__header-link) {
  align-items: center;
  display: flex;
  gap: 1rem 2rem;
  justify-content: space-between;
  margin-block-start: 1.5em;
  margin-bottom: var(--margin-bottom-heading, 1.5em);
}
.m-list__header:has(.m-list__header-link) .c-heading {
  --margin-bottom-heading: 0;
}
.m-list__header:has(.m-list__header-link) .c-heading__title {
  margin-block-start: 0;
}
.m-list__header:has(.m-list__header-link):has(.font-size-l) {
  margin-block-start: calc(var(--font-size-l) * 1.5);
}
.m-list__header:has(.m-list__header-link):has(.font-size-m) {
  margin-block-start: calc(var(--font-size-m) * 1.5);
}
.m-list__header:has(.m-list__header-link):has(.font-size-s) {
  margin-block-start: calc(var(--font-size-s) * 1.5);
}
@media (max-width:57.4375rem) {
  .m-list__header:has(.m-list__header-link) {
    align-items: flex-start;
    flex-direction: column;
  }
}
.m-list__header-link {
  flex-shrink: 0;
}
.m-list__list {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-items);
  list-style: none;
  margin: 0;
  padding: 0;
}
.m-list__item {
  color: inherit;
  display: flex;
  flex-direction: column;
  gap: var(--row-gap) var(--column-gap);
  position: relative;
}
.m-list__item-title {
  --text-decoration-thickness: 0.125rem;
  --text-underline-offset: 0.125rem;
  font-weight: var(--font-weight-bold);
}
@media (hover: hover) {
  .m-list__item-title:hover {
    --text-decoration-thickness: 0.188rem;
  }
}
.m-list__item-description {
  font-size: var(--font-size-small);
}
.m-list__item-date {
  font-size: var(--font-size-small);
}
.m-list__item-meta {
  font-size: var(--font-size-smaller);
}
.m-list .c-page-browser {
  border-top: 0.063rem solid var(--color-grey-light);
  margin-top: calc(var(--spacing-items) * 0.5);
  padding-top: calc(var(--spacing-items) * 0.5);
}
@media (max-width:57.4375rem) {
  .m-list {
    --spacing-items: 2rem;
    --row-gap: 0.5rem;
    --column-gap: 0.5rem;
  }
  .m-list__item-title {
    --text-decoration-thickness: 0.063rem;
  }
}
@media (max-width:57.4375rem) and (hover: hover) {
  .m-list__item-title:hover {
    --text-decoration-thickness: 0.125rem;
  }
}
.m-queo-filter {
  --content-border-radius: 2rem;
  --content-padding: 3rem 0;
  --list-gap: 2rem;
  margin-block: var(--flow-module, 1em);
  padding-inline: var(--page-spacing-inner);
  /* below is base definition, should not be touched OR extended unless its the "gap" */
  /************************************************************************************/
  /************************************/
}
.m-queo-filter queo-filter {
  --qf-list-header-display: none;
  --qf-list-display: flex;
  --qf-paginator-display: flex;
  --qf-empty-display: block;
  display: flex;
  flex-flow: column nowrap;
  gap: 2rem;
}
.m-queo-filter [slot=filters] + [slot=list-header] {
  --qf-list-header-display: flex;
}
.m-queo-filter [slot=list-header] {
  display: var(--x-qf-list-header-display, none);
}
.m-queo-filter [slot=list] {
  display: var(--x-qf-list-display, none);
}
.m-queo-filter [slot=paginator] {
  display: var(--x-qf-paginator-display, none);
}
.m-queo-filter [slot=empty]:not([hidden]) {
  display: var(--x-qf-empty-display, none);
}
.m-queo-filter [slot=empty].hide-text .c-rte-content {
  display: none;
}
.m-queo-filter ul[slot=list] {
  flex-flow: column nowrap;
  gap: var(--list-gap);
  list-style: none;
  margin: 0;
}
.m-queo-filter li.is-hidden,
.m-queo-filter li[hidden] {
  display: none;
}
.m-queo-filter .a-button {
  --button-font-size: var(--font-size-default);
}
.m-queo-filter queo-paginator {
  --color-hover: var(--color-white);
  --color-bg-hover: var(--color-blue-dark);
  display: inline-flex;
  font-size: var(--font-size-default);
  justify-content: space-between;
  margin: 0 auto;
  user-select: none;
}
.m-queo-filter queo-paginator[hidden] {
  display: none;
}
.m-queo-filter queo-paginator::part(trigger) {
  --icon-content: "";
  --icon-size: 0.75rem;
  align-items: center;
  appearance: none;
  background-color: var(--x-color-bg, transparent);
  border: none;
  color: var(--x-color, currentColor);
  cursor: pointer;
  display: flex;
  flex-flow: row nowrap;
  gap: 0;
  transition: background-color var(--transition-duration-short), color var(--transition-duration-short);
}
.m-queo-filter queo-paginator::part(trigger):before, .m-queo-filter queo-paginator::part(trigger):after {
  align-items: center;
  border: 0.125rem solid currentColor;
  border-bottom: none;
  border-left: none;
  content: var(--icon-content);
  display: inline-flex;
  height: var(--icon-size);
  transform: translateX(var(--x-offset, -0.25rem)) rotate(var(--rotation, 45deg));
  width: var(--icon-size);
}
.m-queo-filter queo-paginator::part(trigger):after {
  content: var(--end-icon-content, none);
  margin-left: calc(-0.5 * var(--icon-size));
}
@media (hover: hover) {
  .m-queo-filter queo-paginator::part(trigger):hover {
    --x-color: var(--color-hover);
    --x-color-bg: var(--color-bg-hover);
  }
}
.m-queo-filter queo-paginator::part(trigger disabled) {
  visibility: hidden;
}
.m-queo-filter queo-paginator::part(first), .m-queo-filter queo-paginator::part(prev) {
  --x-offset: 0.25rem;
  --rotation: 225deg;
}
.m-queo-filter queo-paginator::part(first), .m-queo-filter queo-paginator::part(last) {
  --end-icon-content: var(--icon-content);
}
.m-queo-filter queo-paginator::part(pages) {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
  font-size: inherit;
  gap: 0.25rem 0;
  justify-content: center;
}
.m-queo-filter queo-paginator::part(page) {
  appearance: none;
  background-color: var(--x-color-bg, transparent);
  border: none;
  border-radius: var(--border-radius-small);
  color: var(--x-color, currentColor);
  cursor: pointer;
  font-family: var(--font-family-main);
  font-size: inherit;
  font-weight: var(--font-weight-main);
  line-height: var(--line-height-main);
  margin-inline: 0.125rem;
  padding-block: 0;
  padding-inline: 0.5rem;
  transition: background-color var(--transition-duration-short), color var(--transition-duration-short);
}
@media (hover: hover) {
  .m-queo-filter queo-paginator::part(page):hover {
    --x-color-bg: var(--color-blue-dark);
    --x-color: var(--color-white);
  }
}
.m-queo-filter queo-paginator::part(page current) {
  background-color: var(--color-grey-light);
  color: currentColor;
  cursor: default;
  pointer-events: none;
}
.m-queo-filter queo-paginator::part(omitted) {
  flex-shrink: 0;
}
.m-queo-filter queo-paginator::part(omitted):after {
  content: "…";
}
@media (max-width:37.4375rem) {
  .m-queo-filter queo-paginator::part(omitted) {
    display: none;
  }
}
.m-queo-filter queo-filter {
  gap: 1em;
}
.m-queo-filter queo-filter form {
  padding: var(--content-padding);
  position: relative;
  width: 100%;
}
.m-queo-filter queo-filter form:before {
  background-color: var(--color-grey-light);
  content: "";
  height: 100%;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: calc(200% + var(--page-spacing-inner) * 2);
  z-index: -1;
}
.m-queo-filter [slot=filters] {
  --form-control-icon-size: 1.25em;
}
.m-queo-filter [slot=filters] legend.ph-formfield__label {
  margin-bottom: 0.5em;
}
.m-queo-filter [slot=filters] .ph-formfield__checkboxes {
  font-size: var(--font-size-small);
}
.m-queo-filter [slot=list-header] {
  align-items: center;
  font-size: var(--font-size-smaller);
  gap: 0.75em;
}
.m-queo-filter [slot=list-header] queo-select .ph-formfield__handle {
  top: 70%;
  transform: translate(0, -70%);
}
.m-queo-filter queo-filter-count {
  margin-right: auto;
}
.m-queo-filter ul[slot=list] {
  padding: 0;
}
.m-queo-filter ul[slot=list] .m-teaser-downloads__item {
  --content-padding: 2rem 3rem;
  --space-inside: 0.75rem;
  --icon-size: 2rem;
  --row-gap: 1rem;
  --column-gap: 1rem;
}
.m-queo-filter [slot=empty] {
  text-align: center;
}
.m-queo-filter [slot=empty] > * + * {
  margin-top: 0.5em;
}
@media (max-width:87.5rem) {
  .m-queo-filter {
    --content-border-radius: 1.5rem;
    --content-padding: 2rem 0;
  }
  .m-queo-filter ul[slot=list] .m-teaser-downloads__item {
    --content-padding: 1.5rem 2.5rem;
    --space-inside: 0.75rem;
    --icon-size: 2rem;
    --row-gap: 1rem;
    --column-gap: 1rem;
  }
}
@media (max-width:57.4375rem) {
  .m-queo-filter {
    --content-padding: 1rem 0;
    --icon-size: 1.25rem;
    --list-gap: 1.25rem;
  }
  .m-queo-filter ul[slot=list] .m-teaser-downloads__item {
    --content-padding: 1rem 1.5rem;
    --space-inside: 0.75rem;
    --icon-size: 1.25rem;
    --row-gap: 1rem;
    --column-gap: 1rem;
  }
  .m-queo-filter__item {
    --text-decoration-thickness: 0.063rem;
  }
}
@media (max-width:57.4375rem) and (hover: hover) {
  .m-queo-filter__item:hover {
    --text-decoration-thickness: 0.125rem;
  }
}
@media (max-width:37.4375rem) {
  .m-queo-filter {
    --content-border-radius: 1rem;
    --content-padding: 1rem 0;
    --row-gap: 0.75rem;
    --column-gap: 0.5rem;
  }
}

.m-quote {
  --content-border-radius: 2rem;
  --content-padding: 3rem 5rem 3rem 5rem;
  --quote-icon-offset-right: -7.6rem;
  --quote-icon-offset-top: -7.5rem;
  --quote-icon-spacing-text-bottom: 1rem;
  --quote-icon-spacing-text-left: 2rem;
  --quote-icon-size: 9rem;
  margin-block: 3em 2em;
  padding-inline: var(--page-spacing-inner);
}
.m-quote__wrapper {
  margin-inline: auto;
  max-width: var(--max-width-content);
  position: relative;
}
.m-quote__media {
  background-color: var(--color-black);
  border-radius: 50%;
  float: right;
  height: var(--quote-icon-size);
  margin-block: var(--quote-icon-offset-top) var(--quote-icon-spacing-text-bottom);
  margin-inline: var(--quote-icon-spacing-text-left) var(--quote-icon-offset-right);
  padding: 1rem;
  width: var(--quote-icon-size);
}
.m-quote__media .svg-icon {
  transform: translateY(5%);
}
.m-quote__media .c-image {
  height: 100%;
}
.m-quote__media .c-image__wrapper {
  height: 100%;
}
.m-quote__media .c-image picture {
  border-radius: unset;
  height: 100%;
}
.m-quote__media .c-image img {
  border-radius: 50%;
  height: 100%;
  object-fit: cover;
}
.m-quote__content {
  border: 0.125rem solid currentColor;
  border-radius: var(--content-border-radius);
  padding: var(--content-padding);
}
.m-quote__headline > *, .m-quote__text > * {
  margin-bottom: 0;
  margin-top: 1rem;
}
.m-quote__headline > *:first-child, .m-quote__text > *:first-child {
  margin-top: 0;
}
.m-quote__headline {
  font-family: var(--font-family-heading), sans-serif;
  font-size: var(--font-size-module-heading-title);
  line-height: var(--line-height-heading);
}
.m-quote__headline.font-size-l {
  --font-size-module-heading-title: var(--font-size-l);
}
.m-quote__headline.font-size-m {
  --font-size-module-heading-title: var(--font-size-m);
}
.m-quote__headline.font-size-s {
  --font-size-module-heading-title: var(--font-size-s);
}
.m-quote__text {
  margin-top: 1em;
}
.m-quote__text:first-child {
  margin-top: 0;
}
@media (max-width:87.5rem) {
  .m-quote {
    --content-border-radius: 1.5rem;
    --content-padding: 2.5rem;
    --quote-icon-offset-right: -4.6rem;
    --quote-icon-offset-top: -6.2rem;
  }
}
@media (max-width:57.4375rem) {
  .m-quote {
    --content-border-radius: 1.5rem;
    --content-padding: 1.5rem;
    --quote-icon-offset-right: -3.1rem;
    --quote-icon-offset-top: -4.1rem;
    --quote-icon-size: 7rem;
  }
}
@media (max-width:37.4375rem) {
  .m-quote {
    --content-border-radius: 1rem;
    --content-padding: 1rem;
    --quote-icon-offset-right: -2.1rem;
    --quote-icon-offset-top: -2.9rem;
    --quote-icon-size: 5rem;
  }
}

.m-slider {
  --columns: 1;
  --gap: 0;
  --dots-gap: 0.5rem;
  --dots-size: 1.25rem;
  --dots-size-active: 1.875rem;
  --dots-padding: 0.5rem;
  --autoplay-size: 1.5rem;
  display: block;
}
.m-slider__wrapper {
  overflow: hidden;
}
.m-slider__slides {
  display: flex;
  flex-wrap: nowrap;
}
.m-slider__slide {
  align-items: center;
  display: flex;
  flex-basis: 100%;
  flex-shrink: 0;
  height: var(--slide-height, auto);
  padding: var(--slide-padding, 0);
  position: relative;
}
.m-slider__slide--dark-bg {
  --x-button-color: var(--color-white);
  color: var(--color-white);
}
@media (hover: hover) {
  .m-slider__slide--dark-bg .a-button--transparent {
    --button-border-color: var(--color-white);
  }
}
.m-slider__nav {
  display: none;
  position: relative;
}
.is-slider-nav-visible .m-slider__nav {
  display: block;
}
.m-slider__nav-dots {
  align-items: center;
  background-color: var(--color-grey);
  border-radius: var(--dots-size-active);
  bottom: 3rem;
  display: flex;
  gap: var(--dots-gap);
  height: calc(var(--dots-padding) * 2 + var(--dots-size-active));
  left: 50%;
  margin-inline: 2rem;
  padding: var(--dots-padding);
  position: absolute;
  transform: translateX(-50%);
}
.m-slider__nav-dots span:not(.swiper-pagination-bullet-active) {
  cursor: pointer;
}
.m-slider__nav-dots .swiper-pagination-bullet {
  background: var(--color-white);
  border-radius: 50%;
  height: var(--dots-size);
  transition: height var(--transition-duration), width var(--transition-duration);
  width: var(--dots-size);
}
.m-slider__nav-dots .swiper-pagination-bullet-active {
  --dots-size: var(--dots-size-active);
  background-color: var(--color-black);
}
.m-slider__nav-dots .swiper-pagination-autoplay-toggle {
  align-items: center;
  color: var(--color-white);
  display: flex;
  height: var(--autoplay-size);
  margin-left: 0.125rem;
  justify-content: center;
  width: var(--autoplay-size);
}
.m-slider__nav-dots .swiper-pagination-autoplay-toggle:before {
  border-bottom: calc(var(--autoplay-size) * 0.416) solid transparent;
  border-left: calc(var(--autoplay-size) * 0.67) solid currentColor;
  border-top: calc(var(--autoplay-size) * 0.416) solid transparent;
  content: "";
  height: 0;
  width: 0;
}
.m-slider__nav-dots .swiper-pagination-autoplay-toggle.is-playing:before {
  border-bottom: none;
  border-left: calc(var(--autoplay-size) * 0.208) solid currentColor;
  border-right: calc(var(--autoplay-size) * 0.208) solid currentColor;
  border-top: none;
  box-sizing: border-box;
  height: calc(var(--autoplay-size) * 0.83);
  width: calc(var(--autoplay-size) * 0.67);
}
.m-slider.m-slider--hero {
  --slide-height: 60rem;
  --slide-padding: 3rem var(--page-spacing-inner);
  --contents-wrapper-max-width: 55%;
  --button-border-radius: 1em;
  --button-font-size: var(--font-size-default);
}
.m-slider.m-slider--hero.is-slider-nav-visible {
  --slide-padding: 3rem var(--page-spacing-inner) calc(3rem + var(--dots-size-active) + var(--dots-padding) * 2 + 2rem);
}
.m-slider.m-slider--hero .m-slider__slide img {
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.m-slider.m-slider--hero .m-slider__slide-contents {
  flex-grow: 1;
  margin-inline: auto;
  max-width: var(--max-width-content);
}
.m-slider.m-slider--hero .m-slider__slide-contents-wrapper {
  max-width: var(--contents-wrapper-max-width);
}
.m-slider.m-slider--hero .c-heading {
  --font-size-module-heading-title: var(--font-size-hero-headline);
  --font-size-module-heading-subtitle: var(--font-size-hero-text);
  --margin-top-subtitle: 1rem;
  --margin-top-button: 3rem;
}
@media (max-width:87.5rem) {
  .m-slider.m-slider--hero {
    --slide-height: auto;
    --contents-wrapper-max-width: none;
  }
}
@media (max-width:87.5rem) {
  .m-slider {
    --dots-gap: 0.313rem;
    --dots-size: 0.75rem;
    --dots-size-active: 1.313rem;
    --dots-padding: 0.313rem;
    --autoplay-size: 1.25rem;
  }
}
@media (max-width:37.4375rem) {
  .m-slider {
    --dots-gap: 0.25rem;
    --dots-size: 0.625rem;
    --dots-size-active: 1rem;
    --dots-padding: 0.25rem;
    --autoplay-size: 1rem;
  }
}

.m-teaser-downloads {
  --margin-bottom-heading: 1em;
  --content-border-radius: 2rem;
  --content-padding: 2rem 3rem;
  --content-background: transparent;
  --spacing-items: 2rem;
  --space-inside: 0.75rem;
  --icon-size: 2rem;
  --column-gap: 1rem;
  margin-block: var(--flow-module, 1em);
  padding-inline: var(--page-spacing-inner);
}
.m-teaser-downloads__wrapper {
  margin-inline: auto;
  max-width: var(--max-width-content);
}
.m-teaser-downloads__list {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-items);
  list-style: none;
  margin: 0;
  padding: 0;
}
.m-teaser-downloads__item {
  --text-decoration-thickness: 0.125rem;
  --text-underline-offset: 0.125rem;
  --focus-outline-width: 0.125rem;
  --row-gap: 0.5rem;
  background-color: var(--content-background);
  border-radius: var(--content-border-radius);
  border: 0.063rem solid var(--color-grey-light);
  color: inherit;
  display: grid;
  gap: var(--row-gap) var(--column-gap);
  grid-template-columns: var(--icon-size) auto;
  grid-template-areas: "icon title" "icon content" "icon meta";
  padding: var(--content-padding);
  text-decoration: none;
  outline: var(--focus-outline-width) var(--focus-outline-style) transparent;
  outline-offset: var(--focus-outline-offset);
  transition: background-color var(--transition-duration) outline-color var(--focus-outline-transition-duration);
}
.m-teaser-downloads__item:focus-visible {
  outline-color: var(--focus-outline-color);
}
.m-teaser-downloads__item:has(.m-teaser-downloads__content) {
  --row-gap: 1rem;
}
.m-teaser-downloads__icon {
  grid-area: icon;
  padding-top: 0.25rem;
}
.m-teaser-downloads__icon svg {
  width: var(--icon-size);
}
.m-teaser-downloads__title {
  color: var(--color-blue-dark);
  font-weight: var(--font-weight-bold);
  grid-area: title;
  text-decoration: underline;
  text-decoration-color: var(--color-blue-dark);
  text-decoration-thickness: var(--text-decoration-thickness);
  text-underline-offset: var(--text-underline-offset);
  transition: text-decoration var(--transition-duration);
}
.m-teaser-downloads__content {
  font-size: var(--font-size-small);
  grid-area: content;
}
.m-teaser-downloads__meta {
  border-top: 0.063rem solid var(--color-grey-light);
  font-size: var(--font-size-smaller);
  grid-area: meta;
  padding-top: var(--space-inside);
  transition: border-color var(--transition-duration);
}
.m-teaser-downloads__meta > * + * {
  display: inline;
}
.m-teaser-downloads__meta > * + *:before {
  content: ",";
  display: inline-block;
  padding-right: 0.5rem;
}
@media (hover: hover) {
  .m-teaser-downloads__item:hover {
    --content-background: var(--color-grey-light);
    --text-decoration-thickness: 0.188rem;
  }
  .m-teaser-downloads__item:hover .m-teaser-downloads__meta {
    border-top-color: var(--color-white);
  }
}
@media (max-width:87.5rem) {
  .m-teaser-downloads {
    --content-border-radius: 1.5rem;
    --content-padding: 1.5rem 2.5rem;
  }
}
@media (max-width:57.4375rem) {
  .m-teaser-downloads {
    --content-padding: 1rem 1.5rem;
    --icon-size: 1.25rem;
    --spacing-items: 1.25rem;
  }
  .m-teaser-downloads__item {
    --text-decoration-thickness: 0.063rem;
  }
}
@media (max-width:57.4375rem) and (hover: hover) {
  .m-teaser-downloads__item:hover {
    --text-decoration-thickness: 0.125rem;
  }
}
@media (max-width:37.4375rem) {
  .m-teaser-downloads {
    --content-border-radius: 1rem;
    --content-padding: 1rem;
    --row-gap: 0.75rem;
    --column-gap: 0.5rem;
  }
}

.m-teaser-tab-content {
  --spacing-text-link: 1rem;
  --tab-button-padding: 0.5rem;
  background-color: var(--color-black);
  color: var(--color-white);
  display: block;
  margin-block: var(--flow-module, 2em);
  padding-block: 0.063rem;
  padding-inline: var(--page-spacing-inner);
}
.m-teaser-tab-content__wrapper {
  margin-block: 2em;
  margin-inline: auto;
  max-width: var(--max-width-content);
}
.m-teaser-tab-content__wrapper > .c-heading {
  text-align: center;
}
.m-teaser-tab-content__tabs {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  margin-bottom: 2em;
}
.m-teaser-tab-content__tab {
  align-items: center;
  appearance: none;
  background-color: var(--tab-button-bg-color, transparent);
  border: var(--tab-button-border-width, 0.125rem) var(--tab-button-border-style, solid) var(--tab-button-border-color, currentColor);
  border-radius: var(--tab-button-border-radius, 1rem);
  color: var(--tab-button-color, currentColor);
  display: inline-flex;
  font-family: inherit;
  font-size: var(--font-size-default);
  flex-basis: 100%;
  gap: var(--tab-button-icon-gap, 0.5rem);
  justify-content: center;
  padding: var(--tab-button-padding);
  transition: background-color var(--transition-duration), color var(--transition-duration);
}
@media (hover: hover) {
  .m-teaser-tab-content__tab:not(.is-active):hover {
    --tab-button-bg-color: var(--color-blue-dark);
  }
}
.m-teaser-tab-content__tab.is-active {
  --tab-button-bg-color: var(--color-blue-dark);
  --tab-button-border-color: var(--color-white);
  cursor: default;
}
.m-teaser-tab-content__tab-panels {
  list-style: none;
  padding: 0;
}
.m-teaser-tab-content__tab-panel {
  display: none;
}
.m-teaser-tab-content__tab-panel.is-active {
  display: block;
}
.m-teaser-tab-content__content {
  align-items: center;
  display: grid;
  gap: 0 5rem;
  grid-template-areas: "text media" "link link";
  grid-template-columns: 1fr 39%;
  margin-top: calc(-1 * var(--spacing-text-link));
}
.m-teaser-tab-content__content-media {
  grid-area: media;
}
.m-teaser-tab-content__content-text {
  grid-area: text;
  margin-block: var(--spacing-text-link);
}
.m-teaser-tab-content__content-link {
  align-items: center;
  color: inherit;
  display: flex;
  font-size: var(--font-size-smaller);
  font-weight: var(--font-weight-bold);
  grid-area: link;
  max-width: fit-content;
}
.m-teaser-tab-content__content-link .svg-icon {
  height: auto;
  margin-left: 0.75em;
  width: 3rem;
}
@media (max-width:87.5rem) {
  .m-teaser-tab-content__tabs {
    flex-wrap: wrap;
  }
  .m-teaser-tab-content__tab {
    flex-basis: calc(50% - 0.5rem);
    width: 100%;
  }
}
@media (max-width:57.4375rem) {
  .m-teaser-tab-content {
    --spacing-text-link: 0rem;
  }
  .m-teaser-tab-content__tabs {
    flex-wrap: wrap;
  }
  .m-teaser-tab-content__tab {
    flex-basis: calc(50% - 0.5rem);
    width: 100%;
  }
  .m-teaser-tab-content__content {
    gap: 0;
    grid-template-areas: "text" "link" "media";
    grid-template-columns: none;
  }
  .m-teaser-tab-content__content-link {
    margin-left: auto;
    margin-top: 1rem;
  }
  .m-teaser-tab-content__content-media {
    margin-top: 2rem;
  }
}

.m-teaser-text-media {
  --module-background-color: transparent;
  --media-order: 1;
  --media-width: calc(100% + var(--page-spacing-inner));
  --gap-media-text: 6.25rem;
  background-color: var(--module-background-color);
  margin-block: var(--flow-module, 2em);
  padding-block: 0.063rem;
  padding-inline: var(--page-spacing-inner);
}
.m-teaser-text-media--light-bg {
  --module-background-color: var(--color-grey-light);
}
.m-teaser-text-media--light-bg .m-teaser-text-media__wrapper {
  margin-block: 2em;
}
.m-teaser-text-media__wrapper {
  align-items: center;
  display: flex;
  gap: var(--gap-media-text);
  margin-inline: auto;
  max-width: var(--max-width-content);
}
.m-teaser-text-media__media {
  flex-basis: 50%;
  order: var(--media-order);
}
.m-teaser-text-media__media .c-image {
  width: var(--media-width);
}
.m-teaser-text-media__content {
  width: 100%;
}
.m-teaser-text-media__media + .m-teaser-text-media__content {
  flex-basis: 50%;
}
.m-teaser-text-media .c-heading .c-heading__title {
  margin-top: 0;
}
.m-teaser-text-media .c-rte-content {
  --margin-top-text: 1em;
  margin-top: 1em;
}
.m-teaser-text-media .c-rte-content:first-child {
  margin-top: 0;
}
@media (max-width:87.5rem) {
  .m-teaser-text-media {
    --gap-media-text: 3.125rem;
  }
}
@media (max-width:57.4375rem) {
  .m-teaser-text-media {
    --gap-media-text: 2rem;
    --media-width: 100%;
  }
  .m-teaser-text-media__wrapper {
    flex-direction: column;
  }
}

.m-teaser-tiles {
  --link-icon-size: 3rem;
  --link-spacing-text-icon: 0.75em;
  --link-box-inline-padding: 2rem;
  --img-aspect-ratio: 16/9;
  margin-block: var(--flow-module, 2em);
  padding-inline: var(--page-spacing-inner);
}
.m-teaser-tiles__wrapper {
  margin-inline: auto;
  max-width: var(--max-width-content);
}
.m-teaser-tiles__header:has(.m-teaser-tiles__header-link) {
  align-items: center;
  display: flex;
  gap: 1rem 2rem;
  justify-content: space-between;
  margin-block-start: 1.5em;
  margin-bottom: var(--margin-bottom-heading, 1.5em);
}
.m-teaser-tiles__header:has(.m-teaser-tiles__header-link) .c-heading {
  --margin-bottom-heading: 0;
}
.m-teaser-tiles__header:has(.m-teaser-tiles__header-link) .c-heading__title {
  margin-block-start: 0;
}
.m-teaser-tiles__header:has(.m-teaser-tiles__header-link):has(.font-size-l) {
  margin-block-start: calc(var(--font-size-l) * 1.5);
}
.m-teaser-tiles__header:has(.m-teaser-tiles__header-link):has(.font-size-m) {
  margin-block-start: calc(var(--font-size-m) * 1.5);
}
.m-teaser-tiles__header:has(.m-teaser-tiles__header-link):has(.font-size-s) {
  margin-block-start: calc(var(--font-size-s) * 1.5);
}
@media (max-width:57.4375rem) {
  .m-teaser-tiles__header:has(.m-teaser-tiles__header-link) {
    align-items: flex-start;
    flex-direction: column;
  }
}
.m-teaser-tiles__header-link {
  flex-shrink: 0;
}
.m-teaser-tiles__items {
  --spacing-heading: 0.125rem;
  display: flex;
  gap: 2rem;
  list-style: none;
  padding: 0;
}
.m-teaser-tiles__items:has(> :last-child:nth-child(1)) .m-teaser-tiles__item {
  flex-basis: calc(50% - 1rem);
}
.m-teaser-tiles__items:has(> :last-child:nth-child(3)) {
  --img-aspect-ratio: 4/3;
}
.m-teaser-tiles__items:has(> :last-child:nth-child(4)) {
  --img-aspect-ratio: 1;
}
@media (max-width:87.5rem) {
  .m-teaser-tiles__items:has(> :last-child:nth-child(1)) .m-teaser-tiles__item {
    flex-basis: calc(50% - 1rem);
  }
  .m-teaser-tiles__items:has(> :last-child:nth-child(3)) {
    --img-aspect-ratio: 16/9;
  }
  .m-teaser-tiles__items:has(> :last-child:nth-child(4)) {
    --img-aspect-ratio: 16/9;
  }
}
@media (max-width:57.4375rem) {
  .m-teaser-tiles__items:has(> :last-child:nth-child(1)) {
    --img-aspect-ratio: 4/3;
  }
  .m-teaser-tiles__items:has(> :last-child:nth-child(1)) .m-teaser-tiles__item {
    flex-basis: 100%;
  }
  .m-teaser-tiles__items:has(> :last-child:nth-child(2)) {
    --img-aspect-ratio: 4/3;
  }
  .m-teaser-tiles__items:has(> :last-child:nth-child(3)) {
    --img-aspect-ratio: 4/3;
  }
  .m-teaser-tiles__items:has(> :last-child:nth-child(4)) {
    --img-aspect-ratio: 4/3;
  }
}
.m-teaser-tiles__item {
  flex-basis: 100%;
}
.m-teaser-tiles__tile {
  --tile-title-font-weight: var(--font-weight-bold);
}
@media (hover: hover) {
  .m-teaser-tiles__tile a:hover {
    --text-decoration-color: transparent;
  }
  .m-teaser-tiles__tile a:hover .m-teaser-tiles__tile-title {
    --text-decoration-color: var(--color-blue-dark);
  }
  .m-teaser-tiles__tile a:hover img {
    opacity: 0.75;
  }
}
.m-teaser-tiles__tile .c-image {
  margin-bottom: 2rem;
}
.m-teaser-tiles__tile .c-image__picture {
  aspect-ratio: var(--img-aspect-ratio);
  background-color: var(--color-black);
}
.m-teaser-tiles__tile .c-image__picture img {
  height: 100%;
  object-fit: cover;
  opacity: 1;
  transition: opacity var(--transition-duration);
}
.m-teaser-tiles__tile .c-image:last-child {
  margin-bottom: 0;
}
.m-teaser-tiles__tile-title {
  color: var(--color-blue-dark);
  font-weight: var(--tile-title-font-weight);
  text-decoration: underline;
  text-decoration-color: var(--text-decoration-color);
}
.m-teaser-tiles__tile-subtitle + .m-teaser-tiles__tile-title {
  margin-top: var(--spacing-heading);
}
.m-teaser-tiles__tile-subtitle {
  color: var(--color-black);
  font-size: var(--font-size-smaller);
  text-decoration: none;
}
.m-teaser-tiles__tile-link {
  align-items: center;
  color: var(--color-blue-dark);
  display: flex;
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-smaller);
  margin-top: auto;
  max-width: fit-content;
}
.m-teaser-tiles__tile-link .svg-icon {
  height: auto;
  margin-left: var(--link-spacing-text-icon);
  width: var(--link-icon-size);
}
@media (max-width:87.5rem) {
  .m-teaser-tiles__items {
    flex-wrap: wrap;
  }
  .m-teaser-tiles__item {
    flex-basis: calc(50% - 1rem);
  }
}
@media (max-width:57.4375rem) {
  .m-teaser-tiles__item {
    flex-basis: 100%;
  }
  .m-teaser-tiles__tile a {
    --spacing-heading: 0;
    display: grid;
    gap: 0 1.5rem;
    grid-template-areas: "media subtitle" "media title";
    grid-template-columns: 39%;
    grid-template-rows: minmax(0, 100%) 1fr;
  }
  .m-teaser-tiles__tile a .c-image {
    grid-area: media;
    margin-bottom: 0;
  }
  .m-teaser-tiles__tile a-subtitle {
    grid-area: subtitle;
  }
  .m-teaser-tiles__tile a-title {
    grid-area: title;
  }
}

.m-text-media {
  --img-width: 38%;
  --img-horizontal-margin: 2rem;
  --img-bottom-margin: 1.5rem;
  margin-block: var(--flow-module, 1em);
  padding-inline: var(--page-spacing-inner);
}
.m-text-media__wrapper {
  display: flow-root;
}
.m-text-media__wrapper:not(:first-child) {
  margin-top: var(--spacer-p-ul-ol-top) !important;
}
.m-text-media__media {
  margin-bottom: var(--img-bottom-margin);
  width: var(--img-width);
}
.m-text-media__media--left {
  float: left;
  margin-right: var(--img-horizontal-margin);
}
.m-text-media__media--right {
  float: right;
  margin-left: var(--img-horizontal-margin);
}
.m-text-media__media--full {
  --img-width: 100%;
}
.m-text-media__media--full:last-child:not(:only-child) {
  margin-bottom: 0;
  margin-top: var(--img-bottom-margin);
}
@media (max-width:37.4375rem) {
  .m-text-media__media {
    float: none;
    margin-inline: 0;
  }
}
@media (max-width:87.5rem) {
  .m-text-media {
    --img-width: 45%;
  }
}
@media (max-width:57.4375rem) {
  .m-text-media {
    --img-width: 45%;
    --img-horizontal-margin: 1.5rem;
  }
}
@media (max-width:37.4375rem) {
  .m-text-media {
    --img-width: 100%;
  }
}