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

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

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

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

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

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

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

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

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@font-face {
  font-family: "Open Sans";
  src: url("../fonts/main-website/OpenSans-VariableFont_wdth,wght.woff2") format("woff2-variations");
  font-weight: 300 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/main-website/OpenSans-Italic-VariableFont_wdth,wght.woff2") format("woff2-variations");
  font-weight: 300 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Archivo";
  src: url("../fonts/main-website/Archivo-VariableFont_wdth,wght.woff2") format("woff2-variations");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Archivo";
  src: url("../fonts/main-website/Archivo-Italic-VariableFont_wdth,wght.woff2") format("woff2-variations");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "eige-icons";
  src: url("../fonts/icons/eige-icons.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
*,
*:before,
*:after {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: clip;
}

a {
  color: var(--link-default-fg-color, #13293f);
  text-decoration: none;
  transition: 250ms ease-out;
}
a:focus, a:focus-visible {
  outline: 0px;
}

ul, ol {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

dl {
  margin: 0px;
}
dl dd {
  margin: 0px;
}

button {
  background-color: transparent;
  border: 0px;
  outline: 0px;
  transition: 250ms ease-out;
  padding: 0px;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
}

strong {
  font-weight: 700;
}

img {
  max-width: 100%;
  height: auto;
}

iframe {
  border: 0px;
  width: 100%;
}

figure {
  margin: 0px;
}

:root {
  --fluid-screen: 360px;
  --admin-menu-height:	0px;
}
@media screen and (min-width: 22.5625em) {
  :root {
    --fluid-screen: 100vw;
  }
}
@media screen and (min-width: 120.0625em) {
  :root {
    --fluid-screen: 1920px;
  }
}
:root body.user-logged-in {
  --admin-menu-height:	39px;
}
@media screen and (min-width: 61em) {
  :root body.user-logged-in.toolbar-tray-open {
    --admin-menu-height:	79px;
  }
}

:root {
  --d1-font-size: calc(
  	((32 / 16) * 1rem) + (72 - 32) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --d1-line-height: calc(
  	((40 / 16) * 1rem) + (90 - 40) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --d1-margin: calc(
  	((40 / 16) * 1rem) + (90 - 40) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --d0-font-size: calc(
  	((26 / 16) * 1rem) + (50 - 26) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --d0-line-height: calc(
  	((33 / 16) * 1rem) + (63 - 33) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --d0-margin: calc(
  	((33 / 16) * 1rem) + (63 - 33) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --d-h2-font-size: calc(
  	((24 / 16) * 1rem) + (42 - 24) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --d-h2-line-height: calc(
  	((31 / 16) * 1rem) + (55 - 31) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --d-h2-margin: calc(
  	((31 / 16) * 1rem) + (55 - 31) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --d-h3-font-size: calc(
  	((22 / 16) * 1rem) + (35 - 22) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --d-h3-line-height: calc(
  	((30 / 16) * 1rem) + (47 - 30) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --d-h3-margin: calc(
  	((30 / 16) * 1rem) + (47 - 30) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --h1-font-size: calc(
  	((26 / 16) * 1rem) + (50 - 26) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --h1-line-height: calc(
  	((34 / 16) * 1rem) + (65 - 34) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --h1-margin: calc(
  	((34 / 16) * 1rem) + (65 - 34) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --h2-font-size: calc(
  	((24 / 16) * 1rem) + (42 - 24) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --h2-line-height: calc(
  	((32 / 16) * 1rem) + (55 - 32) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --h2-margin: calc(
  	((31 / 16) * 1rem) + (55 - 31) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --h3-font-size: calc(
  	((22 / 16) * 1rem) + (35 - 22) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --h3-line-height: calc(
  	((30 / 16) * 1rem) + (47 - 30) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --h3-margin: calc(
  	((30 / 16) * 1rem) + (47 - 30) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --h4-font-size: calc(
  	((20 / 16) * 1rem) + (29 - 20) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --h4-line-height: calc(
  	((29 / 16) * 1rem) + (41 - 29) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --h4-margin: calc(
  	((29 / 16) * 1rem) + (41 - 29) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --h5-font-size: calc(
  	((18 / 16) * 1rem) + (24 - 18) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --h5-line-height: calc(
  	((26 / 16) * 1rem) + (34 - 26) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --h5-margin: calc(
  	((26 / 16) * 1rem) + (34 - 26) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --h6-font-size: calc(
  	((16 / 16) * 1rem) + (20 - 16) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --h6-line-height: calc(
  	((23 / 16) * 1rem) + (29 - 23) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --h6-margin: calc(
  	((23 / 16) * 1rem) + (29 - 23) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --body-font-size: calc(
  	((16 / 16) * 1rem) + (20 - 16) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --body-line-height: calc(
  	((27 / 16) * 1rem) + (34 - 27) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --body-margin: calc(
  	((27 / 16) * 1rem) + (34 - 27) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --body-s-font-size: calc(
  	((15 / 16) * 1rem) + (17 - 15) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --body-s-line-height: calc(
  	((23 / 16) * 1rem) + (28 - 23) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --body-s-margin: calc(
  	((23 / 16) * 1rem) + (28 - 23) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --body-xs-font-size: calc(
  	((14 / 16) * 1rem) + (14 - 14) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --body-xs-line-height: calc(
  	((22 / 16) * 1rem) + (22 - 22) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --body-xs-margin: calc(
  	((22 / 16) * 1rem) + (22 - 22) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --ui-font-size: calc(
  	((16 / 16) * 1rem) + (20 - 16) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --ui-line-height: calc(
  	((16 / 16) * 1rem) + (20 - 16) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --ui-s-font-size: calc(
  	((15 / 16) * 1rem) + (17 - 15) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --ui-s-line-height: calc(
  	((15 / 16) * 1rem) + (17 - 15) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --ui-xs-font-size: calc(
  	((14 / 16) * 1rem) + (14 - 14) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --ui-xs-line-height: calc(
  	((15 / 16) * 1rem) + (15 - 15) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --header-height:	64px;
  --mobile-header-height:	64px;
  --header-gap:	calc(
  	((8 / 16) * 1rem) + (30 - 8) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --content-column-width: 72.171fr;
  --sidebar-column-width: 27.829fr;
  --headings-primary-color:	#222327;
  --headings-secondary-color:	#75767D;
  --link-default-fg-color:	#13293f;
  --link-focus-fg-color:	white;
  --link-focus-bg-color:	#175551;
  --link-hover-fg-color:	white;
  --link-hover-bg-color:	#13293f;
  --download-link-icon-fg-color:	#1e6d68;
  --download-link-icon-bg-color:	#9dd1cd;
  --decor-primary-color:	#2a9a93;
  --divider-color:	#dbdbdb;
  --active-fg-color:	#3e4047;
  --active-br-color:	#2a9a93;
  --table-br-color:	#1e6d68;
  --table-th-fg-color:	#12413e;
  --table-th-bg-color:	#70bbb7;
  --table-body-bg-color:	#175551;
  --table-body-th-fg-color:	#175551;
  --table-body-th-bg-color:	#bde0de;
  --table-body-th-zebra-fg-color:	#175551;
  --table-body-th-zebra-bg-color:	#9dd1cd;
  --button-height:	calc(
  	((40 / 16) * 1rem) + (50 - 40) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --button-height-s:	calc(
  	((31 / 16) * 1rem) + (37 - 31) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --link-text-icon-spacing:	var(--spacing-xs);
  --sticky-elements-bottom:	14px;
  --sticky-elements-right:	var(--header-gap);
}
@media screen and (min-width: 64.0625em) {
  :root {
    --header-height:	120px;
    --mobile-header-height:	0px;
  }
}
@media screen and (min-width: 103.8125em) {
  :root {
    --content-column-width: 59rem;
    --sidebar-column-width: 1fr;
  }
}
@media screen and (min-width: 64.0625em) {
  :root {
    --sticky-elements-bottom:	var(--spacing-m);
  }
}

:root {
  --spacing-3xs: calc(
  	((4 / 16) * 1rem) + (5 - 4) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --spacing-2xs: calc(
  	((8 / 16) * 1rem) + (10 - 8) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --spacing-xs: calc(
  	((12 / 16) * 1rem) + (15 - 12) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --spacing-s: calc(
  	((16 / 16) * 1rem) + (20 - 16) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --spacing-m: calc(
  	((24 / 16) * 1rem) + (30 - 24) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --spacing-l: calc(
  	((32 / 16) * 1rem) + (40 - 32) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --spacing-xl: calc(
  	((48 / 16) * 1rem) + (60 - 48) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --spacing-2xl: calc(
  	((64 / 16) * 1rem) + (80 - 64) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --spacing-3xl: calc(
  	((96 / 16) * 1rem) + (120 - 96) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --page-padding-tb: calc(
  	((32 / 16) * 1rem) + (80 - 32) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --page-padding-lr: calc(
  	((32 / 16) * 1rem) + (120 - 32) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --page-gap: calc(
  	((32 / 16) * 1rem) + (80 - 32) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --section-padding-tb: calc(
  	((32 / 16) * 1rem) + (120 - 32) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --section-gap: calc(
  	((24 / 16) * 1rem) + (80 - 24) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --box-padding: calc(
  	((32 / 16) * 1rem) + (80 - 32) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --teaser-list-gap-small: calc(
  	((24 / 16) * 1rem) + (40 - 24) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --teaser-list-gap-large: calc(
  	((24 / 16) * 1rem) + (60 - 24) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
}

body {
  background-color: white;
  font-family: "Open Sans", sans-serif;
  color: var(--tx-color, #3e4047);
}

@media (hover: hover) and (pointer: fine) {
  html::-webkit-scrollbar,
  body::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
  html::-webkit-scrollbar-thumb,
  body::-webkit-scrollbar-thumb {
    background: #1e6d68;
  }
  html::-webkit-scrollbar-track,
  body::-webkit-scrollbar-track {
    background: #dbdbdb;
  }
  html,
  body {
    scrollbar-width: thin;
    scrollbar-color: #1e6d68 #dbdbdb;
  }
}

@media screen and (max-width: 64em) {
  body:has(.main-menu.open) {
    overflow-y: hidden;
  }
}
@media screen and (max-width: 64em) {
  body:has(.view-filters.open) {
    overflow-y: hidden;
  }
  body:has(.view-filters.open) main:not(.view-filters),
  body:has(.view-filters.open) footer {
    visibility: hidden;
  }
}
body:has(.pswp) {
  overflow-y: hidden;
}

html.apply-smooth-scroll {
  scroll-behavior: smooth;
}

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

main > .region h1, main > .region h2, main > .region h3, main > .region h4, main > .region h5, main > .region h6 {
  color: var(--headings-primary-color);
}

.section-header:after {
  content: " ";
  display: block;
  margin-top: var(--spacing-m);
  width: 60px;
  height: 5px;
  background-color: var(--decor-primary-color);
}

.ajax-progress.ajax-progress-throbber {
  display: none;
}

@keyframes arrow-animation {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translate(var(--arrow-translate-x, 30%), var(--arrow-translate-y, 0));
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes scale-animation {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(var(--scale-animation-value, 1.2), var(--scale-animation-value, 1.2));
  }
  100% {
    transform: scale(1, 1);
  }
}
:root {
  --admin-theme-color:	#75767D;
}

.environment-production {
  --admin-theme-color:	#b00000;
}

.environment-staging {
  --admin-theme-color:	#326b31;
}

.environment-eworx-staging {
  --admin-theme-color:	#db933e;
}

#toolbar-administration > nav {
  background-color: var(--admin-theme-color) !important;
}

#block-eige-primary-local-tasks ul.tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}
#block-eige-primary-local-tasks ul.tabs:before {
  content: " ";
  position: absolute;
  right: -100vw;
  left: -100vw;
  margin: auto;
  height: 100%;
  width: 200vw;
  background: var(--admin-theme-color);
  z-index: -1;
  top: 0px;
}
#block-eige-primary-local-tasks ul.tabs a {
  display: flex;
  text-align: center;
  padding: var(--spacing-xs) var(--spacing-s);
  color: white;
  text-transform: uppercase;
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 400;
  font-size: var(--ui-xs-font-size);
  line-height: var(--ui-xs-line-height);
  font-weight: 700;
}
#block-eige-primary-local-tasks ul.tabs a:focus-visible {
  background-image: linear-gradient(rgba(255, 255, 255, 0.125) 20%, transparent 200%);
  text-decoration: underline;
}
@media (hover: hover) and (pointer: fine) {
  #block-eige-primary-local-tasks ul.tabs a:hover {
    background-image: linear-gradient(rgba(255, 255, 255, 0.125) 20%, transparent 200%);
    text-decoration: underline;
  }
}

body.user-not-logged-in #block-eige-primary-local-tasks {
  display: none;
}

.node--unpublished:before {
  content: "Unpublished";
  display: block;
  width: 100%;
  padding: var(--spacing-2xs);
  text-transform: uppercase;
  text-align: center;
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 400;
  font-size: var(--ui-xs-font-size);
  line-height: var(--ui-xs-line-height);
  font-weight: 700;
  color: white;
  background-color: #d00000;
  order: -2;
  margin-bottom: var(--spacing-xl);
}

div[data-contextual-id] {
  position: absolute !important;
  padding: 0px !important;
}
div[data-contextual-id]:before, div[data-contextual-id]:after {
  content: none !important;
}

div.messages {
  --padding-lr: var(--spacing-xs);
  padding: var(--spacing-xs) var(--padding-lr) var(--spacing-xs) calc((
		((22 / 16) * 1rem) + (28 - 22) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	) + var(--spacing-s) + var(--padding-lr));
  background-color: var(--message-bg-color);
  border: 0px;
  border-radius: 0px;
  box-shadow: none;
  background-image: none;
  position: relative;
}
.region-administrative-links div.messages {
  position: relative;
  --padding-lr: 0px;
}
.region-administrative-links div.messages:after {
  content: " ";
  position: absolute;
  right: -100vw;
  left: -100vw;
  margin: auto;
  height: 100%;
  width: 200vw;
  background: var(--message-bg-color);
  z-index: -1;
  top: 0px;
}
div.messages, div.messages p {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: var(--body-s-font-size);
  line-height: var(--body-s-line-height);
  letter-spacing: 0em;
  font-weight: 600;
  color: var(--message-fg-color);
}
div.messages p {
  margin: 0px;
}
div.messages em {
  font-style: normal;
}
div.messages a {
  border-bottom: 1px solid var(--link-br-color, var(--link-default-fg-color));
  transition: 250ms ease-out;
  background-image: linear-gradient(transparent, transparent 50%, var(--link-hover-bg-color) 50%, var(--link-hover-bg-color));
  background-size: 100% 200%;
}
div.messages a:focus-visible {
  color: var(--link-focus-fg-color);
  background-color: var(--link-focus-bg-color);
  --link-br-color: var(--link-focus-bg-color);
}
@media (hover: hover) and (pointer: fine) {
  div.messages a:hover {
    background-position: 0 100%;
    color: var(--link-hover-fg-color);
  }
}
@media (hover: hover) and (pointer: fine) {
  div.messages a:hover {
    --link-br-color: var(--link-hover-bg-color);
  }
}
div.messages::before {
  color: inherit;
  font-size: calc(
		((22 / 16) * 1rem) + (28 - 22) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
  line-height: 1;
  font-family: "eige-icons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
div.messages:before {
  position: absolute;
  left: var(--padding-lr);
  top: calc(
		((12 / 16) * 1rem) + (17 - 12) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
}
div.messages.messages--status:before {
  content: "\e973";
}
div.messages.messages--error:before {
  content: "\e96d";
  font-size: calc(
		((20 / 16) * 1rem) + (26 - 20) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
  top: calc(
		((14 / 16) * 1rem) + (19 - 14) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
}
div.messages.messages--warning:before {
  content: "\e974";
}
div.messages.messages--info:before {
  content: "\e93d";
}
div.messages.messages--status {
  --message-fg-color:	#1b401b;
  --message-bg-color:	#daf3da;
}
div.messages.messages--error {
  --message-fg-color:	#4b0000;
  --message-bg-color:	#fabbbb;
}
div.messages.messages--warning {
  --message-fg-color:	#3f2200;
  --message-bg-color:	#fcdebc;
}
div.messages.messages--info {
  --message-fg-color:	#12413e;
  --message-bg-color:	#bde0de;
}

.page-header {
  padding-bottom: var(--page-padding-tb);
  position: relative;
}
.page-header:before {
  content: " ";
  position: absolute;
  right: -100vw;
  left: -100vw;
  margin: auto;
  height: 3px;
  width: 200vw;
  background: #dbdbdb;
  z-index: -1;
  bottom: 0px;
}
@media screen and (min-width: 80.0625em) {
  .page-header:has(.region-title-right) {
    display: grid;
    grid-template-columns: 1fr max-content;
    -moz-column-gap: var(--spacing-2xl);
         column-gap: var(--spacing-2xl);
  }
  .page-header:has(.region-title-right) .region-title-top,
  .page-header:has(.region-title-right) .region-title-bottom {
    grid-column: 1/span 2;
  }
}
.page-header .region-title-top {
  margin-bottom: var(--spacing-s);
}
.page-header .region-title-bottom {
  margin-top: var(--spacing-l);
}
.page-header .block-block-content,
.page-header .block-views-block-node-subtitle-block {
  max-width: 59rem;
}
.page-header .block-page-title-block + div:before {
  content: " ";
  display: block;
  margin: var(--spacing-s) 0;
  width: 72px;
  height: 3px;
  background-color: var(--decor-primary-color);
}
.page-header .region-title-top .block-block-content,
.page-header .region-title .block-block-content {
  margin-top: var(--spacing-xs);
}
.page-header .block-views-block-node-subtitle-block + *,
.page-header .block-page-title-block + .block-block-content {
  margin-top: var(--spacing-s);
}
.page-header h1.page-title {
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 300;
  font-size: var(--d1-font-size);
  line-height: var(--d1-line-height);
  letter-spacing: -0.02em;
  color: #3e4047;
}
.page-header .block-views-block-node-subtitle-block {
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 700;
  font-size: var(--h5-font-size);
  line-height: var(--h5-line-height);
  letter-spacing: 0em;
  font-weight: 600;
  color: #75767D;
}
.page-header .region-title-right {
  display: flex;
  -moz-column-gap: var(--spacing-s);
       column-gap: var(--spacing-s);
  row-gap: var(--spacing-2xs);
  align-items: flex-start;
}
@media screen and (max-width: 80em) {
  .page-header .region-title-right {
    flex-wrap: wrap;
    margin-top: var(--spacing-s);
  }
}
.page-header .language-switcher-language-content-entity {
  display: flex;
  -moz-column-gap: var(--spacing-xs);
       column-gap: var(--spacing-xs);
}
.page-header .language-switcher-language-content-entity h2 {
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 400;
  font-size: var(--ui-font-size);
  line-height: var(--ui-line-height);
  font-weight: 700;
}
.page-header .print-pdf-links-block > nav > ul {
  display: flex;
}
.page-header .region-title-bottom {
  display: flex;
  flex-direction: column;
}
.page-header .metadata dl {
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 400;
  font-size: var(--ui-s-font-size);
  line-height: var(--ui-s-line-height);
  --meta-items-column-gap:	var(--spacing-m);
  --meta-items-row-gap:	0;
  --meta-term-definition-gap:	var(--spacing-2xs);
}
@media screen and (max-width: 40em) {
  .page-header .metadata dl {
    flex-direction: column;
  }
}
.page-header .metadata dl > div {
  padding: var(--spacing-2xs) 0;
}
@media screen and (min-width: 40.0625em) {
  .page-header .metadata dl > div {
    padding-right: var(--spacing-m);
    border-right: 1px solid var(--decor-primary-color);
  }
  .page-header .metadata dl > div:last-child {
    padding-right: 0px;
    border-right: 0px;
  }
}
.page-header .metadata dl > div:after {
  content: none;
}
.page-header .metadata dl time {
  display: flex;
  align-items: center;
}
.page-header .metadata dl time span {
  display: flex;
  align-items: center;
}
.page-header .metadata dl time span:before {
  content: " ";
  margin: 0 var(--spacing-3xs);
  display: inline-block;
  width: var(--spacing-3xs);
  height: var(--spacing-3xs);
  background-color: var(--decor-primary-color);
  border-radius: 50%;
}
.page-header .metadata dl .daterange time span:before {
  content: none;
}
.page-header .metadata dl .field--name-type dt {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  display: block !important;
}
.page-header .metadata dl .field--name-type dd {
  text-transform: uppercase;
  font-weight: 700;
}
.page-header .metadata dl .field--name-field-organiser dt {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  display: block !important;
}
.page-header .block-menu.navigation {
  margin-top: auto;
  margin-bottom: calc(-1 * var(--page-padding-tb));
}
.page-header .block-menu.navigation > nav {
  position: relative;
}
.page-header .block-menu.navigation > nav:before {
  content: " ";
  position: absolute;
  right: -100vw;
  left: -100vw;
  margin: auto;
  height: calc(
		((3 / 16) * 1rem) + (5 - 3) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
  width: 200vw;
  background: #dbdbdb;
  z-index: -1;
  bottom: 0px;
}
.page-header .block-menu.navigation > nav > ul {
  width: 100%;
  display: flex;
  align-items: flex-end;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
}
@media (hover: hover) and (pointer: fine) {
  .page-header .block-menu.navigation > nav > ul {
    transform: rotateX(-180deg);
  }
  .page-header .block-menu.navigation > nav > ul::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
  .page-header .block-menu.navigation > nav > ul::-webkit-scrollbar-thumb {
    background: #1e6d68;
  }
  .page-header .block-menu.navigation > nav > ul::-webkit-scrollbar-track {
    background: #dbdbdb;
  }
  .page-header .block-menu.navigation > nav > ul {
    scrollbar-width: thin;
    scrollbar-color: #1e6d68 #dbdbdb;
  }
  .page-header .block-menu.navigation > nav > ul > li {
    transform: rotateX(180deg);
  }
}
.page-header .block-menu.navigation > nav > ul > li {
  scroll-snap-align: start;
}
.page-header .block-menu.navigation > nav > ul li > a:not(.button) {
  position: relative;
  display: flex;
  justify-content: center;
  -moz-column-gap: var(--spacing-3xs);
       column-gap: var(--spacing-3xs);
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 400;
  font-size: var(--ui-font-size);
  line-height: var(--ui-line-height);
  padding: var(--spacing-xs) var(--spacing-xs) calc(var(--spacing-l) - calc(
		((3 / 16) * 1rem) + (5 - 3) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	)) var(--spacing-xs);
  margin-bottom: calc(
		((3 / 16) * 1rem) + (5 - 3) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
  white-space: nowrap;
  text-align: center;
  color: var(--link-default-fg-color);
}
.page-header .block-menu.navigation > nav > ul li > a:not(.button):before {
  color: var(--decor-primary-color);
}
.page-header .block-menu.navigation > nav > ul li > a:not(.button):after {
  content: " ";
  position: absolute;
  top: 100%;
  left: 0px;
  width: 100%;
  height: calc(
		((3 / 16) * 1rem) + (5 - 3) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
  background-color: var(--active-br-color);
  z-index: 2;
  opacity: 0;
  pointer-events: none;
}
.page-header .block-menu.navigation > nav > ul li > a:not(.button) span, .page-header .block-menu.navigation > nav > ul li > a:not(.button) strong {
  color: var(--link-default-fg-color);
}
.page-header .block-menu.navigation > nav > ul li.menu-item--active-trail > a {
  font-weight: 700;
  color: var(--active-fg-color);
}
.page-header .block-menu.navigation > nav > ul li.menu-item--active-trail > a:after {
  opacity: 1;
}
.page-header .block-menu.navigation > nav > ul li.menu-item--active-trail > a span, .page-header .block-menu.navigation > nav > ul li.menu-item--active-trail > a strong {
  color: var(--active-fg-color);
}
.page-header .block-menu.navigation > nav > ul li > a:focus-visible, .page-header .block-menu.navigation > nav > ul li.ui-state-focus:focus-visible > a {
  color: var(--link-focus-fg-color);
  background-color: var(--link-focus-bg-color);
}
.page-header .block-menu.navigation > nav > ul li > a:focus-visible:before, .page-header .block-menu.navigation > nav > ul li.ui-state-focus:focus-visible > a:before {
  color: var(--link-focus-fg-color);
}
.page-header .block-menu.navigation > nav > ul li > a:focus-visible span, .page-header .block-menu.navigation > nav > ul li > a:focus-visible strong, .page-header .block-menu.navigation > nav > ul li.ui-state-focus:focus-visible > a span, .page-header .block-menu.navigation > nav > ul li.ui-state-focus:focus-visible > a strong {
  color: inherit;
}
@media (hover: hover) and (pointer: fine) {
  .page-header .block-menu.navigation > nav > ul li > a:hover {
    color: var(--link-hover-fg-color);
    background-color: var(--link-hover-bg-color);
  }
  .page-header .block-menu.navigation > nav > ul li > a:hover:before {
    color: var(--link-hover-fg-color);
  }
  .page-header .block-menu.navigation > nav > ul li > a:hover span, .page-header .block-menu.navigation > nav > ul li > a:hover strong {
    color: inherit;
  }
}
.page-node-type-article .page-header .region-title-bottom #block-eige-main-menu-level-2 {
  display: none;
}

#cookie-consent-banner > div[class$=-container] {
  padding: 0px;
  background-color: var(--panel-bg-color);
  color: var(--panel-fg-color);
  --tx-color:	var(--panel-fg-color);
  --headings-primary-color:	var(--panel-headings-color);
  --headings-secondary-color:	var(--panel-headings-color);
  --decor-primary-color:	var(--panel-decor-color);
  --download-link-icon-fg-color:	white;
  --download-link-icon-bg-color:	var(--panel-decor-color);
  --divider-color:	var(--panel-decor-color);
  --panel-headings-color:	white;
  --panel-fg-color:	white;
  --panel-decor-color:	#b6bdc3;
  --link-default-fg-color:	#bde0de;
  --link-focus-fg-color:	#13293f;
  --link-focus-bg-color:	white;
  --link-hover-fg-color:	#112539;
  --link-hover-bg-color:	#70bbb7;
  --download-link-icon-fg-color:	#13293f;
  --panel-bg-color:	#13293f;
  z-index: 75;
}
@media screen and (max-width: 64em) {
  #cookie-consent-banner > div[class$=-container] {
    bottom: var(--header-height) !important;
  }
}
#cookie-consent-banner > div[class$=-container] > div[class$=-wrapper] {
  max-width: 120rem;
  padding: var(--spacing-l) var(--page-padding-lr);
  display: flex;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: var(--spacing-l);
       column-gap: var(--spacing-l);
  row-gap: var(--spacing-m);
}
@media screen and (max-width: 40em) {
  #cookie-consent-banner > div[class$=-container] > div[class$=-wrapper] {
    flex-direction: column;
  }
}
#cookie-consent-banner > div[class$=-container] div[class$=-content-icon] {
  display: none;
}
#cookie-consent-banner > div[class$=-container] > div[class$=-wrapper] > div[class$=-content] {
  margin: 0px;
  gap: 0px;
}
#cookie-consent-banner > div[class$=-container] > div[class$=-wrapper] > div[class$=-content]::before {
  content: "\e934";
  color: var(--panel-decor-color);
  font-size: calc(
		((40 / 16) * 1rem) + (60 - 40) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
  line-height: 1;
  font-family: "eige-icons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#cookie-consent-banner > div[class$=-container] > div[class$=-wrapper] > div[class$=-content]:before {
  margin-right: calc(
		((16 / 16) * 1rem) + (30 - 16) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
}
#cookie-consent-banner > div[class$=-container] div[class$=-content-content] {
  margin: 0px;
  max-width: 59rem;
}
#cookie-consent-banner > div[class$=-container] div[class$=-content-content] p {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: var(--body-s-font-size);
  line-height: var(--body-s-line-height);
  letter-spacing: 0em;
  margin: 0px;
}
#cookie-consent-banner > div[class$=-container] div[class$=-content-content] a {
  color: var(--link-default-fg-color);
  text-decoration: none;
  border-bottom: 1px solid var(--link-br-color, var(--link-default-fg-color));
  transition: 250ms ease-out;
  background-image: linear-gradient(transparent, transparent 50%, var(--link-hover-bg-color) 50%, var(--link-hover-bg-color));
  background-size: 100% 200%;
  outline: 0px;
  border-radius: 0px;
}
#cookie-consent-banner > div[class$=-container] div[class$=-content-content] a:focus-visible {
  color: var(--link-focus-fg-color);
  background-color: var(--link-focus-bg-color);
  --link-br-color: var(--link-focus-bg-color);
}
@media (hover: hover) and (pointer: fine) {
  #cookie-consent-banner > div[class$=-container] div[class$=-content-content] a:hover {
    background-position: 0 100%;
    color: var(--link-hover-fg-color);
  }
}
@media (hover: hover) and (pointer: fine) {
  #cookie-consent-banner > div[class$=-container] div[class$=-content-content] a:hover {
    --link-br-color: var(--link-hover-bg-color);
  }
}
#cookie-consent-banner > div[class$=-container] div[class$=-actions] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  -moz-column-gap: var(--spacing-m);
       column-gap: var(--spacing-m);
  row-gap: var(--spacing-xs);
}
#cookie-consent-banner > div[class$=-container] div[class$=-actions] > a {
  text-shadow: none;
  margin: 0px;
  background-image: none;
  display: inline-block;
  outline: none;
  border: 0px;
  border-radius: 1.875rem;
  text-align: center;
  padding: var(--action-padding);
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 400;
  font-size: var(--ui-font-size);
  line-height: var(--ui-line-height);
  color: var(--action-fg-color);
  background-color: var(--action-bg-color);
  box-shadow: inset 0px 0px 0px var(--action-br-width, 0) var(--action-br-color, transparent);
  cursor: pointer;
  transition: background-color 250ms ease-out, color 250ms ease-out, box-shadow 250ms ease-out;
  --action-padding:	var(--spacing-xs) var(--spacing-s);
  --action-icon-size:	var(--spacing-s);
  --action-fg-color:	#13293f;
  --action-bg-color:	#9dd1cd;
  --action-icon-color:	#1e6d68;
  --action-hover-fg-color:	white;
  --action-hover-bg-color:	#2a9a93;
  --action-hover-icon-color:	white;
  font-size: var(--ui-s-font-size);
  line-height: var(--ui-s-line-height);
  --action-padding:	var(--spacing-2xs) var(--spacing-xs);
  --action-icon-size:	calc(
  	((15 / 16) * 1rem) + (17 - 15) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --action-padding-icon-only: var(--spacing-2xs);
  min-height: auto;
}
#cookie-consent-banner > div[class$=-container] div[class$=-actions] > a:focus-visible {
  color: var(--action-focus-fg-color, white);
  background-color: var(--action-focus-bg-color, #175551);
  box-shadow: inset 0px 0px 0px var(--action-br-width, 0) #175551;
}
#cookie-consent-banner > div[class$=-container] div[class$=-actions] > a:focus-visible:before {
  --action-icon-color: var(--action-focus-icon-color, #bde0de);
}
@media (hover: hover) and (pointer: fine) {
  #cookie-consent-banner > div[class$=-container] div[class$=-actions] > a:hover {
    color: var(--action-hover-fg-color);
    background-color: var(--action-hover-bg-color);
    box-shadow: inset 0px 0px 0px var(--action-br-width, 0) var(--action-hover-br-color, transparent);
  }
  #cookie-consent-banner > div[class$=-container] div[class$=-actions] > a:hover:before {
    --action-icon-color: var(--action-hover-icon-color);
  }
}

.breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-3xs);
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 400;
  font-size: var(--ui-xs-font-size);
  line-height: var(--ui-xs-line-height);
}
.breadcrumb ol li {
  display: flex;
  align-items: center;
  -moz-column-gap: var(--spacing-3xs);
       column-gap: var(--spacing-3xs);
  color: #75767D;
}
.breadcrumb ol li::after {
  content: "\e902";
  color: var(--decor-primary-color);
  font-size: var(--spacing-xs);
  line-height: 1;
  font-family: "eige-icons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.breadcrumb ol li:first-child::before {
  content: "\e90c";
  color: var(--decor-primary-color);
  font-size: var(--spacing-xs);
  line-height: 1;
  font-family: "eige-icons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.breadcrumb ol li:first-child:before {
  margin-right: var(--spacing-3xs);
}
.breadcrumb ol a {
  color: #75767D;
  transition: 250ms ease-out;
  background-image: linear-gradient(transparent, transparent 50%, var(--link-hover-bg-color) 50%, var(--link-hover-bg-color));
  background-size: 100% 200%;
}
.breadcrumb ol a:focus-visible {
  color: var(--link-focus-fg-color);
  background-color: var(--link-focus-bg-color);
  --link-br-color: var(--link-focus-bg-color);
}
@media (hover: hover) and (pointer: fine) {
  .breadcrumb ol a:hover {
    background-position: 0 100%;
    color: var(--link-hover-fg-color);
  }
}
@media (hover: hover) and (pointer: fine) {
  .breadcrumb ol a:hover {
    --link-br-color: var(--link-hover-bg-color);
  }
}
@media screen and (max-width: 64em) {
  .breadcrumb ol li:not(:last-child) {
    display: none;
  }
  .breadcrumb ol li:after {
    order: -1;
    transform: rotate(-180deg);
  }
  .breadcrumb ol li:first-child:before {
    content: none;
  }
}

.text-formatted-extended h2,
.text-formatted-extended .h2 {
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 700;
  font-size: var(--h2-font-size);
  line-height: var(--h2-line-height);
  letter-spacing: -0.02em;
  margin-top: var(--h2-margin);
  margin-bottom: var(--h2-margin);
}
.text-formatted-extended h3,
.text-formatted-extended .h3 {
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 700;
  font-size: var(--h3-font-size);
  line-height: var(--h3-line-height);
  letter-spacing: 0em;
  margin-top: var(--h3-margin);
  margin-bottom: var(--h3-margin);
}
.text-formatted-extended h4,
.text-formatted-extended .h4 {
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 700;
  font-size: var(--h4-font-size);
  line-height: var(--h4-line-height);
  letter-spacing: 0em;
  margin-top: var(--h4-margin);
  margin-bottom: var(--h4-margin);
}
.text-formatted-extended h5,
.text-formatted-extended .h5 {
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 700;
  font-size: var(--h5-font-size);
  line-height: var(--h5-line-height);
  letter-spacing: 0em;
  margin-top: var(--h5-margin);
  margin-bottom: var(--h5-margin);
}
.text-formatted-extended h6,
.text-formatted-extended .h6 {
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 700;
  font-size: var(--h6-font-size);
  line-height: var(--h6-line-height);
  letter-spacing: 0em;
  margin-top: var(--h6-margin);
  margin-bottom: var(--h6-margin);
}
.text-formatted-extended .display-1 {
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 300;
  font-size: var(--d1-font-size);
  line-height: var(--d1-line-height);
  letter-spacing: -0.02em;
  margin-top: var(--d1-margin);
  margin-bottom: var(--d1-margin);
}
.text-formatted-extended .display-0 {
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 300;
  font-size: var(--d0-font-size);
  line-height: var(--d0-line-height);
  letter-spacing: -0.02em;
  margin-top: var(--d0-margin);
  margin-bottom: var(--d0-margin);
}
.text-formatted-extended .display-h2 {
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 300;
  font-size: var(--d-h2-font-size);
  line-height: var(--d-h2-line-height);
  letter-spacing: -0.02em;
  margin-top: var(--d-h2-margin);
  margin-bottom: var(--d-h2-margin);
}
.text-formatted-extended .display-h3 {
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 300;
  font-size: var(--d-h3-font-size);
  line-height: var(--d-h3-line-height);
  letter-spacing: -0.02em;
  margin-top: var(--d-h3-margin);
  margin-bottom: var(--d-h3-margin);
}
.text-formatted-extended h2, .text-formatted-extended h3, .text-formatted-extended h4, .text-formatted-extended h5, .text-formatted-extended h6,
.text-formatted-extended .h1, .text-formatted-extended .h2, .text-formatted-extended .h3, .text-formatted-extended .h4, .text-formatted-extended .h5, .text-formatted-extended .h6,
.text-formatted-extended .display-1, .text-formatted-extended .display-0, .text-formatted-extended .display-h2, .text-formatted-extended .display-h3 {
  color: var(--headings-primary-color);
}
.text-formatted-extended h1 {
  color: #b00000;
}
.text-formatted-extended h2 > span.text-above-heading, .text-formatted-extended h3 > span.text-above-heading, .text-formatted-extended h4 > span.text-above-heading, .text-formatted-extended h5 > span.text-above-heading, .text-formatted-extended h6 > span.text-above-heading {
  display: block;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: var(--body-xs-font-size);
  line-height: var(--body-xs-line-height);
  letter-spacing: 0em;
  color: var(--headings-secondary-color);
  text-transform: uppercase;
}
.text-formatted-extended p {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: var(--body-font-size);
  line-height: var(--body-line-height);
  letter-spacing: 0em;
  margin-top: var(--body-margin);
  margin-bottom: var(--body-margin);
  color: var(--tx-color, #3e4047);
}
.text-formatted-extended p.small-text {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: var(--body-s-font-size);
  line-height: var(--body-s-line-height);
  letter-spacing: 0em;
  margin-top: var(--body-s-margin);
  margin-bottom: var(--body-s-margin);
  --link-text-icon-spacing: var(--spacing-2xs);
}
.text-formatted-extended p.xsmall-text {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: var(--body-xs-font-size);
  line-height: var(--body-xs-line-height);
  letter-spacing: 0em;
  margin-top: var(--body-xs-margin);
  margin-bottom: var(--body-xs-margin);
  --link-text-icon-spacing: var(--spacing-2xs);
}
.text-formatted-extended span.small-text {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: var(--body-s-font-size);
  line-height: var(--body-s-line-height);
  letter-spacing: 0em;
}
.text-formatted-extended span.xsmall-text {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: var(--body-xs-font-size);
  line-height: var(--body-xs-line-height);
  letter-spacing: 0em;
}
.text-formatted-extended p:not(.teaser-title) > a:not(.highlighted-link, .button, .special-link, .ui-tabs-anchor, .file-download, .decorative-icon-link, .ck-anchor),
.text-formatted-extended li > a:not(.highlighted-link, .button, .special-link, .ui-tabs-anchor, .file-download, .decorative-icon-link, .ck-anchor),
.text-formatted-extended p > strong > a:not(.highlighted-link, .button, .special-link, .ui-tabs-anchor, .file-download, .decorative-icon-link, .ck-anchor),
.text-formatted-extended p > em > a:not(.highlighted-link, .button, .special-link, .ui-tabs-anchor, .file-download, .decorative-icon-link, .ck-anchor),
.text-formatted-extended p > u > a:not(.highlighted-link, .button, .special-link, .ui-tabs-anchor, .file-download, .decorative-icon-link, .ck-anchor),
.text-formatted-extended h1 > a:not(.highlighted-link, .button, .special-link, .ui-tabs-anchor, .file-download, .decorative-icon-link, .ck-anchor), .text-formatted-extended h2:not(.teaser-title) > a:not(.highlighted-link, .button, .special-link, .ui-tabs-anchor, .file-download, .decorative-icon-link, .ck-anchor), .text-formatted-extended h3:not(.teaser-title) > a:not(.highlighted-link, .button, .special-link, .ui-tabs-anchor, .file-download, .decorative-icon-link, .ck-anchor), .text-formatted-extended h4:not(.teaser-title) > a:not(.highlighted-link, .button, .special-link, .ui-tabs-anchor, .file-download, .decorative-icon-link, .ck-anchor), .text-formatted-extended h5:not(.teaser-title) > a:not(.highlighted-link, .button, .special-link, .ui-tabs-anchor, .file-download, .decorative-icon-link, .ck-anchor),
.text-formatted-extended td > a:not(.highlighted-link, .button, .special-link, .ui-tabs-anchor, .file-download, .decorative-icon-link, .ck-anchor), .text-formatted-extended th > a:not(.highlighted-link, .button, .special-link, .ui-tabs-anchor, .file-download, .decorative-icon-link, .ck-anchor) {
  border-bottom: 1px solid var(--link-br-color, var(--link-default-fg-color));
  transition: 250ms ease-out;
  background-image: linear-gradient(transparent, transparent 50%, var(--link-hover-bg-color) 50%, var(--link-hover-bg-color));
  background-size: 100% 200%;
  word-wrap: break-word;
}
.text-formatted-extended p:not(.teaser-title) > a:not(.highlighted-link, .button, .special-link, .ui-tabs-anchor, .file-download, .decorative-icon-link, .ck-anchor):focus-visible,
.text-formatted-extended li > a:not(.highlighted-link, .button, .special-link, .ui-tabs-anchor, .file-download, .decorative-icon-link, .ck-anchor):focus-visible,
.text-formatted-extended p > strong > a:not(.highlighted-link, .button, .special-link, .ui-tabs-anchor, .file-download, .decorative-icon-link, .ck-anchor):focus-visible,
.text-formatted-extended p > em > a:not(.highlighted-link, .button, .special-link, .ui-tabs-anchor, .file-download, .decorative-icon-link, .ck-anchor):focus-visible,
.text-formatted-extended p > u > a:not(.highlighted-link, .button, .special-link, .ui-tabs-anchor, .file-download, .decorative-icon-link, .ck-anchor):focus-visible,
.text-formatted-extended h1 > a:not(.highlighted-link, .button, .special-link, .ui-tabs-anchor, .file-download, .decorative-icon-link, .ck-anchor):focus-visible, .text-formatted-extended h2:not(.teaser-title) > a:not(.highlighted-link, .button, .special-link, .ui-tabs-anchor, .file-download, .decorative-icon-link, .ck-anchor):focus-visible, .text-formatted-extended h3:not(.teaser-title) > a:not(.highlighted-link, .button, .special-link, .ui-tabs-anchor, .file-download, .decorative-icon-link, .ck-anchor):focus-visible, .text-formatted-extended h4:not(.teaser-title) > a:not(.highlighted-link, .button, .special-link, .ui-tabs-anchor, .file-download, .decorative-icon-link, .ck-anchor):focus-visible, .text-formatted-extended h5:not(.teaser-title) > a:not(.highlighted-link, .button, .special-link, .ui-tabs-anchor, .file-download, .decorative-icon-link, .ck-anchor):focus-visible,
.text-formatted-extended td > a:not(.highlighted-link, .button, .special-link, .ui-tabs-anchor, .file-download, .decorative-icon-link, .ck-anchor):focus-visible, .text-formatted-extended th > a:not(.highlighted-link, .button, .special-link, .ui-tabs-anchor, .file-download, .decorative-icon-link, .ck-anchor):focus-visible {
  color: var(--link-focus-fg-color);
  background-color: var(--link-focus-bg-color);
  --link-br-color: var(--link-focus-bg-color);
}
@media (hover: hover) and (pointer: fine) {
  .text-formatted-extended p:not(.teaser-title) > a:not(.highlighted-link, .button, .special-link, .ui-tabs-anchor, .file-download, .decorative-icon-link, .ck-anchor):hover,
  .text-formatted-extended li > a:not(.highlighted-link, .button, .special-link, .ui-tabs-anchor, .file-download, .decorative-icon-link, .ck-anchor):hover,
  .text-formatted-extended p > strong > a:not(.highlighted-link, .button, .special-link, .ui-tabs-anchor, .file-download, .decorative-icon-link, .ck-anchor):hover,
  .text-formatted-extended p > em > a:not(.highlighted-link, .button, .special-link, .ui-tabs-anchor, .file-download, .decorative-icon-link, .ck-anchor):hover,
  .text-formatted-extended p > u > a:not(.highlighted-link, .button, .special-link, .ui-tabs-anchor, .file-download, .decorative-icon-link, .ck-anchor):hover,
  .text-formatted-extended h1 > a:not(.highlighted-link, .button, .special-link, .ui-tabs-anchor, .file-download, .decorative-icon-link, .ck-anchor):hover, .text-formatted-extended h2:not(.teaser-title) > a:not(.highlighted-link, .button, .special-link, .ui-tabs-anchor, .file-download, .decorative-icon-link, .ck-anchor):hover, .text-formatted-extended h3:not(.teaser-title) > a:not(.highlighted-link, .button, .special-link, .ui-tabs-anchor, .file-download, .decorative-icon-link, .ck-anchor):hover, .text-formatted-extended h4:not(.teaser-title) > a:not(.highlighted-link, .button, .special-link, .ui-tabs-anchor, .file-download, .decorative-icon-link, .ck-anchor):hover, .text-formatted-extended h5:not(.teaser-title) > a:not(.highlighted-link, .button, .special-link, .ui-tabs-anchor, .file-download, .decorative-icon-link, .ck-anchor):hover,
  .text-formatted-extended td > a:not(.highlighted-link, .button, .special-link, .ui-tabs-anchor, .file-download, .decorative-icon-link, .ck-anchor):hover, .text-formatted-extended th > a:not(.highlighted-link, .button, .special-link, .ui-tabs-anchor, .file-download, .decorative-icon-link, .ck-anchor):hover {
    background-position: 0 100%;
    color: var(--link-hover-fg-color);
  }
}
@media (hover: hover) and (pointer: fine) {
  .text-formatted-extended p:not(.teaser-title) > a:not(.highlighted-link, .button, .special-link, .ui-tabs-anchor, .file-download, .decorative-icon-link, .ck-anchor):hover,
  .text-formatted-extended li > a:not(.highlighted-link, .button, .special-link, .ui-tabs-anchor, .file-download, .decorative-icon-link, .ck-anchor):hover,
  .text-formatted-extended p > strong > a:not(.highlighted-link, .button, .special-link, .ui-tabs-anchor, .file-download, .decorative-icon-link, .ck-anchor):hover,
  .text-formatted-extended p > em > a:not(.highlighted-link, .button, .special-link, .ui-tabs-anchor, .file-download, .decorative-icon-link, .ck-anchor):hover,
  .text-formatted-extended p > u > a:not(.highlighted-link, .button, .special-link, .ui-tabs-anchor, .file-download, .decorative-icon-link, .ck-anchor):hover,
  .text-formatted-extended h1 > a:not(.highlighted-link, .button, .special-link, .ui-tabs-anchor, .file-download, .decorative-icon-link, .ck-anchor):hover, .text-formatted-extended h2:not(.teaser-title) > a:not(.highlighted-link, .button, .special-link, .ui-tabs-anchor, .file-download, .decorative-icon-link, .ck-anchor):hover, .text-formatted-extended h3:not(.teaser-title) > a:not(.highlighted-link, .button, .special-link, .ui-tabs-anchor, .file-download, .decorative-icon-link, .ck-anchor):hover, .text-formatted-extended h4:not(.teaser-title) > a:not(.highlighted-link, .button, .special-link, .ui-tabs-anchor, .file-download, .decorative-icon-link, .ck-anchor):hover, .text-formatted-extended h5:not(.teaser-title) > a:not(.highlighted-link, .button, .special-link, .ui-tabs-anchor, .file-download, .decorative-icon-link, .ck-anchor):hover,
  .text-formatted-extended td > a:not(.highlighted-link, .button, .special-link, .ui-tabs-anchor, .file-download, .decorative-icon-link, .ck-anchor):hover, .text-formatted-extended th > a:not(.highlighted-link, .button, .special-link, .ui-tabs-anchor, .file-download, .decorative-icon-link, .ck-anchor):hover {
    --link-br-color: var(--link-hover-bg-color);
  }
}
.text-formatted-extended ul:not(.button-group, .highlighted-links-list, .tabs-list, .layout, .checklist, .remove-list-styling, .menu, .submenu) {
  display: flex;
  flex-direction: column;
  row-gap: var(--list-row-gap);
  list-style-type: none;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: var(--body-font-size);
  line-height: var(--body-line-height);
  letter-spacing: 0em;
  margin-top: var(--body-margin);
  margin-bottom: var(--body-margin);
  --list-row-gap: var(--spacing-xs);
  --list-decor-space-left: calc(
  	((16 / 16) * 1rem) + (40 - 16) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --list-decor-space-right: var(--spacing-m);
  --list-decor-size: calc(
  	((10 / 16) * 1rem) + (12 - 10) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
}
.text-formatted-extended ul:not(.button-group, .highlighted-links-list, .tabs-list, .layout, .checklist, .remove-list-styling, .menu, .submenu) > li {
  position: relative;
  color: var(--tx-color, #3e4047);
}
.text-formatted-extended ul:not(.button-group, .highlighted-links-list, .tabs-list, .layout, .checklist, .remove-list-styling, .menu, .submenu) > li > *:first-child {
  margin-top: 0px;
}
.text-formatted-extended ul:not(.button-group, .highlighted-links-list, .tabs-list, .layout, .checklist, .remove-list-styling, .menu, .submenu) > li > *:last-child {
  margin-bottom: 0px;
}
.text-formatted-extended ul:not(.button-group, .highlighted-links-list, .tabs-list, .layout, .checklist, .remove-list-styling, .menu, .submenu) > li:before {
  position: absolute;
  display: inline-block;
}
.text-formatted-extended ul:not(.button-group, .highlighted-links-list, .tabs-list, .layout, .checklist, .remove-list-styling, .menu, .submenu) > li > ul, .text-formatted-extended ul:not(.button-group, .highlighted-links-list, .tabs-list, .layout, .checklist, .remove-list-styling, .menu, .submenu) > li > ol {
  margin: 0px;
  padding-top: var(--spacing-2xs);
}
.text-formatted-extended ul:not(.button-group, .highlighted-links-list, .tabs-list, .layout, .checklist, .remove-list-styling, .menu, .submenu):first-child {
  margin-top: 0px;
}
.text-formatted-extended ul:not(.button-group, .highlighted-links-list, .tabs-list, .layout, .checklist, .remove-list-styling, .menu, .submenu):last-child {
  margin-bottom: 0px;
}
.text-formatted-extended ul:not(.button-group, .highlighted-links-list, .tabs-list, .layout, .checklist, .remove-list-styling, .menu, .submenu) > li {
  padding-left: calc(var(--list-decor-space-left) + var(--list-decor-size) + var(--list-decor-space-right));
}
.text-formatted-extended ul:not(.button-group, .highlighted-links-list, .tabs-list, .layout, .checklist, .remove-list-styling, .menu, .submenu) > li:before {
  content: " ";
  top: var(--list-decor-top, calc( 		((8.5 / 16) * 1rem) + (11 - 8.5) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360)) 	));
  left: var(--list-decor-space-left);
  width: var(--list-decor-size);
  height: var(--list-decor-size);
  border-radius: 50%;
  background-color: var(--decor-primary-color);
}
.text-formatted-extended ul:not(.button-group, .highlighted-links-list, .tabs-list, .layout, .checklist, .remove-list-styling, .menu, .submenu).small-text {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: var(--body-s-font-size);
  line-height: var(--body-s-line-height);
  letter-spacing: 0em;
  margin-top: var(--body-s-margin);
  margin-bottom: var(--body-s-margin);
  --list-row-gap:	var(--spacing-2xs);
  --list-decor-space-left:	calc(
  	((16 / 16) * 1rem) + (30 - 16) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --list-decor-space-right:	var(--spacing-s);
  --list-decor-size:	calc(
  	((6 / 16) * 1rem) + (8 - 6) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --list-decor-top:	calc(
  	((6.8 / 16) * 1rem) + (11 - 6.8) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
}
.text-formatted-extended ul:not(.button-group, .highlighted-links-list, .tabs-list, .layout, .checklist, .remove-list-styling, .menu, .submenu).xsmall-text {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: var(--body-xs-font-size);
  line-height: var(--body-xs-line-height);
  letter-spacing: 0em;
  margin-top: var(--body-xs-margin);
  margin-bottom: var(--body-xs-margin);
  --list-row-gap:	var(--spacing-3xs);
  --list-decor-space-left:	var(--spacing-s);
  --list-decor-space-right:	var(--spacing-xs);
  --list-decor-size:	calc(
  	((6 / 16) * 1rem) + (8 - 6) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --list-decor-top:	calc(
  	((5.5 / 16) * 1rem) + (7 - 5.5) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
}
.text-formatted-extended ol:not(.layout, .remove-list-styling, .highlighted-links-list) {
  display: flex;
  flex-direction: column;
  row-gap: var(--list-row-gap);
  list-style-type: none;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: var(--body-font-size);
  line-height: var(--body-line-height);
  letter-spacing: 0em;
  margin-top: var(--body-margin);
  margin-bottom: var(--body-margin);
  --list-row-gap: var(--spacing-xs);
  --list-decor-space-left: calc(
  	((16 / 16) * 1rem) + (40 - 16) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --list-decor-space-right: var(--spacing-m);
  counter-reset: counter calc(var(--list-numbering-start, 1) - 1);
}
.text-formatted-extended ol:not(.layout, .remove-list-styling, .highlighted-links-list) > li {
  position: relative;
  color: var(--tx-color, #3e4047);
}
.text-formatted-extended ol:not(.layout, .remove-list-styling, .highlighted-links-list) > li > *:first-child {
  margin-top: 0px;
}
.text-formatted-extended ol:not(.layout, .remove-list-styling, .highlighted-links-list) > li > *:last-child {
  margin-bottom: 0px;
}
.text-formatted-extended ol:not(.layout, .remove-list-styling, .highlighted-links-list) > li:before {
  position: absolute;
  display: inline-block;
}
.text-formatted-extended ol:not(.layout, .remove-list-styling, .highlighted-links-list) > li > ul, .text-formatted-extended ol:not(.layout, .remove-list-styling, .highlighted-links-list) > li > ol {
  margin: 0px;
  padding-top: var(--spacing-2xs);
}
.text-formatted-extended ol:not(.layout, .remove-list-styling, .highlighted-links-list):first-child {
  margin-top: 0px;
}
.text-formatted-extended ol:not(.layout, .remove-list-styling, .highlighted-links-list):last-child {
  margin-bottom: 0px;
}
.text-formatted-extended ol:not(.layout, .remove-list-styling, .highlighted-links-list) > li {
  padding-left: calc(var(--list-decor-space-left) + var(--list-decor-space-right));
}
.text-formatted-extended ol:not(.layout, .remove-list-styling, .highlighted-links-list) > li:before {
  content: counter(counter);
  counter-increment: counter;
  top: 0px;
  right: calc(100% - var(--list-decor-space-left));
  font-weight: 700;
  text-align: right;
  color: var(--decor-primary-color);
}
.text-formatted-extended ol:not(.layout, .remove-list-styling, .highlighted-links-list).small-text {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: var(--body-s-font-size);
  line-height: var(--body-s-line-height);
  letter-spacing: 0em;
  margin-top: var(--body-s-margin);
  margin-bottom: var(--body-s-margin);
  --list-row-gap:	var(--spacing-2xs);
  --list-decor-space-left:	calc(
  	((16 / 16) * 1rem) + (30 - 16) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --list-decor-space-right:	var(--spacing-s);
  --list-decor-size:	calc(
  	((6 / 16) * 1rem) + (8 - 6) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --list-decor-top:	calc(
  	((6.8 / 16) * 1rem) + (11 - 6.8) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
}
.text-formatted-extended ol:not(.layout, .remove-list-styling, .highlighted-links-list).xsmall-text {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: var(--body-xs-font-size);
  line-height: var(--body-xs-line-height);
  letter-spacing: 0em;
  margin-top: var(--body-xs-margin);
  margin-bottom: var(--body-xs-margin);
  --list-row-gap:	var(--spacing-3xs);
  --list-decor-space-left:	var(--spacing-s);
  --list-decor-space-right:	var(--spacing-xs);
  --list-decor-size:	calc(
  	((6 / 16) * 1rem) + (8 - 6) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --list-decor-top:	calc(
  	((5.5 / 16) * 1rem) + (7 - 5.5) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
}
.text-formatted-extended dl dt p,
.text-formatted-extended dl dd p {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0px;
  font-weight: inherit;
  color: inherit;
}
.text-formatted-extended .remove-list-styling > li > *:first-child {
  margin-top: 0px;
}
.text-formatted-extended .remove-list-styling > li > *:last-child {
  margin-bottom: 0px;
}
.text-formatted-extended hr {
  margin-top: var(--page-gap);
  margin-bottom: var(--page-gap);
  border: 0px;
  border-top: 1px solid var(--divider-color);
}
.text-formatted-extended .media--type-image,
.text-formatted-extended p:has(> img:first-child:last-child) {
  line-height: 0;
}
.text-formatted-extended .align-left,
.text-formatted-extended .drupal-media-style-align-left {
  float: none;
}
@media screen and (min-width: 50.0625em) {
  .text-formatted-extended .align-left,
  .text-formatted-extended .drupal-media-style-align-left {
    float: left;
    margin-right: var(--section-gap);
    margin-bottom: var(--body-margin);
    max-width: 50%;
  }
}
.text-formatted-extended .align-right,
.text-formatted-extended .drupal-media-style-align-right {
  float: none;
}
@media screen and (min-width: 50.0625em) {
  .text-formatted-extended .align-right,
  .text-formatted-extended .drupal-media-style-align-right {
    float: right;
    margin-left: var(--section-gap);
    margin-bottom: var(--body-margin);
    max-width: 50%;
  }
}
.text-formatted-extended .align-center,
.text-formatted-extended .drupal-media-style-align-center {
  display: table;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: var(--body-margin);
}
.text-formatted-extended figure.caption {
  margin-bottom: var(--body-margin);
}
.text-formatted-extended figure.caption.align-center {
  display: table;
  text-align: center;
}
.text-formatted-extended h2,
.text-formatted-extended h3,
.text-formatted-extended div,
.text-formatted-extended blockquote,
.text-formatted-extended hr,
.text-formatted-extended table {
  clear: both;
}
.text-formatted-extended blockquote,
.text-formatted-extended .box,
.text-formatted-extended .note-box,
.text-formatted-extended .border-box,
.text-formatted-extended .contact-card,
.text-formatted-extended .table-wrapper,
.text-formatted-extended .layout,
.text-formatted-extended .teaser,
.text-formatted-extended .video-wrapper,
.text-formatted-extended .tabs,
.text-formatted-extended .icon-list,
.text-formatted-extended .steps-list,
.text-formatted-extended .binary-checklist,
.text-formatted-extended .checklist,
.text-formatted-extended .matching-game,
.text-formatted-extended ul.teaser-grid {
  margin-top: calc(var(--section-gap) / 2);
  margin-bottom: var(--section-gap);
}
.text-formatted-extended .icon-list:has(> li:first-child:last-child) {
  margin-top: var(--body-margin);
  margin-bottom: var(--body-margin);
}
.text-formatted-extended .expandable:not(.read-more),
.text-formatted-extended .accordion {
  margin: var(--spacing-l) 0;
}
.text-formatted-extended .expandable:not(.read-more):last-child,
.text-formatted-extended .accordion:last-child {
  margin-bottom: 0px;
}
.text-formatted-extended div > .expandable:first-child {
  margin-top: 0px;
}
.text-formatted-extended div > .expandable:last-child {
  margin-bottom: 0px;
}
.text-formatted-extended div.accordion > .expandable {
  margin: -1px;
}
.text-formatted-extended div.accordion > .expandable.expanded {
  position: relative;
  z-index: 2;
}
.text-formatted-extended .expandable .expandable-title > * {
  margin-top: 0px;
  margin-bottom: 0px;
}
.text-formatted-extended div.content-carousel,
.text-formatted-extended div.carousel {
  margin-top: var(--section-gap);
  margin-bottom: var(--section-gap);
}
.text-formatted-extended > *:first-child, .text-formatted-extended > span:first-child + * {
  margin-top: 0px !important;
}
.text-formatted-extended > *:last-child {
  margin-bottom: 0px !important;
}
.text-formatted-extended .layout > * {
  margin: 0px;
}
.text-formatted-extended > * {
  max-width: 59rem;
}
.text-formatted-extended > hr, .text-formatted-extended > .layout:not(.columns-1), .text-formatted-extended > .country-teaser-grid, .text-formatted-extended > div.video-wrapper, .text-formatted-extended > div.content-carousel, .text-formatted-extended > div.slick-slider, .text-formatted-extended > div.tabs, .text-formatted-extended > ul.teaser-grid {
  max-width: none;
}
@media screen and (min-width: 56.3125em) {
  .text-formatted-extended .layout.columns-2 > * > .teaser.media-background:first-child:last-child {
    height: 100%;
  }
  .text-formatted-extended .layout.columns-2:has(> .box) .media--type-image,
  .text-formatted-extended .layout.columns-2:has(> .box) .video-wrapper {
    height: 100%;
  }
  .text-formatted-extended .layout.columns-2:has(> .box) .media--type-image img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.text-formatted-extended .expandable-menu nav > ul.menu:not(:has(button)) > li {
  grid-template-columns: var(--spacing-s) 1fr;
}
.text-formatted-extended .expandable-menu nav > ul.menu:not(:has(button)) > li > span, .text-formatted-extended .expandable-menu nav > ul.menu:not(:has(button)) > li > a {
  grid-column: 1/span 2;
}
.text-formatted-extended .expandable-menu nav > ul.menu a {
  border-bottom: 0px;
  background-image: none;
}
html.js .text-formatted-extended .expandable .expandable-body {
  display: none;
}
.text-formatted-extended .media--view-mode-inline-gallery {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.text-formatted-extended .media--view-mode-inline-gallery a {
  display: block;
  position: relative;
}
.text-formatted-extended .media--view-mode-inline-gallery a::after {
  content: "\e95c";
  color: var(--full-screen-icon-fg-color, white);
  font-size: var(--body-xs-font-size);
  line-height: 1;
  font-family: "eige-icons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.text-formatted-extended .media--view-mode-inline-gallery a:after {
  position: absolute;
  bottom: 0px;
  right: 0px;
  padding: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--full-screen-icon-bg-color, #13293f);
  transition: 250ms ease-out;
}
@media (hover: hover) and (pointer: fine) {
  .text-formatted-extended .media--view-mode-inline-gallery a:hover:after {
    --full-screen-icon-fg-color: var(--full-screen-icon-fg-color-hover, white);
    --full-screen-icon-bg-color: var(--full-screen-icon-bg-color-hover, #61707e);
  }
}
.text-formatted-extended .media--view-mode-inline-gallery:after {
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  pointer-events: none;
  transition: 250ms ease-out;
  box-sizing: content-box;
  padding: var(--spacing-3xs);
  box-shadow: 0 0 0 var(--focus-br-width, 0) var(--full-screen-icon-br-color-focus, #175551);
}
.text-formatted-extended .media--view-mode-inline-gallery:has(a:focus-visible) {
  --full-screen-icon-bg-color: var(--full-screen-icon-bg-color-focus, #175551);
}
.text-formatted-extended .media--view-mode-inline-gallery:has(a:focus-visible):after {
  --focus-br-width: calc(
  	((2 / 16) * 1rem) + (3 - 2) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
}

.video-wrapper {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.video-wrapper iframe,
.video-wrapper video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
}

video {
  width: 100%;
  max-width: 100%;
  background-color: #222327;
}

figure.caption,
figure.drupal-media {
  line-height: 0;
  margin-bottom: var(--step0-margin);
}

figure.caption figcaption,
figure.drupal-media figcaption,
p.caption {
  position: relative;
  padding-left: calc(var(--spacing-s) + var(--spacing-xs));
  margin-top: var(--spacing-xs);
  color: var(--tx-color, #75767D);
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: var(--body-xs-font-size);
  line-height: var(--body-xs-line-height);
  letter-spacing: 0em;
  text-align: left;
}
figure.caption figcaption::before,
figure.drupal-media figcaption::before,
p.caption::before {
  content: "\e93d";
  color: var(--decor-primary-color);
  font-size: var(--spacing-s);
  line-height: 1;
  font-family: "eige-icons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
figure.caption figcaption:before,
figure.drupal-media figcaption:before,
p.caption:before {
  position: absolute;
  top: 0px;
  left: 0px;
}

a.external:not(.button, .highlighted-link)::after {
  content: "\e904";
  color: inherit;
  font-size: inherit;
  line-height: 1;
  font-family: "eige-icons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a.external:not(.button, .highlighted-link):after {
  margin-left: var(--link-text-icon-spacing);
  margin-right: 2px;
  position: relative;
  top: 1px;
}

a.highlighted-link {
  position: relative;
  display: block;
  padding: var(--h-link-padding);
  padding-right: calc(var(--h-link-padding) + var(--h-link-icon-size) + var(--h-link-icon-text-gap));
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 400;
  font-size: var(--ui-font-size);
  line-height: var(--ui-line-height);
  font-weight: 700;
  color: var(--h-link-fg-color);
  background-color: var(--h-link-bg-color);
  --h-link-padding: var(--spacing-m);
  --h-link-icon-size: var(--spacing-s);
  --h-link-icon-text-gap: var(--spacing-s);
  --h-link-fg-color:	white;
  --h-link-bg-color:	#13293f;
  --h-link-icon-color:	#bde0de;
  --h-link-focus-bg-color:	#08111a;
  --h-link-hover-bg-color:	#0d1d2d;
  --h-link-alt-bg-color:	#425465;
}
a.highlighted-link::after {
  content: "\e900";
  color: var(--h-link-icon-color);
  font-size: var(--h-link-icon-size);
  line-height: 1;
  font-family: "eige-icons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a.highlighted-link:after {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: var(--h-link-padding);
  margin: auto;
  height: var(--h-link-icon-size);
}
a.highlighted-link.external:after {
  content: "\e904";
}
a.highlighted-link:focus-visible {
  background-color: var(--h-link-focus-bg-color);
  color: var(--h-link-focus-fg-color, var(--h-link-fg-color));
}
a.highlighted-link:focus-visible:after {
  color: var(--h-link-focus-icon-color, var(--h-link-icon-color));
}
@media (hover: hover) and (pointer: fine) {
  a.highlighted-link:hover {
    color: var(--h-link-hover-fg-color, var(--h-link-fg-color));
    background-color: var(--h-link-hover-bg-color);
  }
  a.highlighted-link:hover:after {
    color: var(--h-link-hover-icon-color, var(--h-link-icon-color));
    animation: arrow-animation 1s ease-in-out infinite;
  }
}
a.highlighted-link.yellow {
  --h-link-fg-color:	#13293f;
  --h-link-bg-color:	#9dd1cd;
  --h-link-icon-color:	#1e6d68;
  --h-link-alt-bg-color:	#bde0de;
  --h-link-focus-fg-color:	white;
  --h-link-focus-bg-color:	#12413e;
  --h-link-focus-icon-color:	white;
  --h-link-hover-fg-color:	white;
  --h-link-hover-bg-color:	#268c86;
  --h-link-hover-icon-color:	white;
}
a.highlighted-link.alt {
  --h-link-bg-color: var(--h-link-alt-bg-color);
}
a.highlighted-link span.above,
a.highlighted-link span.below {
  display: block;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: var(--body-xs-font-size);
  line-height: var(--body-xs-line-height);
  letter-spacing: 0em;
}
a.highlighted-link span.below {
  margin-top: var(--spacing-2xs);
}

ul.highlighted-links-list li:nth-child(even) .highlighted-link,
ol.highlighted-links-list li:nth-child(even) .highlighted-link {
  --h-link-bg-color: var(--h-link-alt-bg-color);
}
ul.highlighted-links-list > li > *,
ol.highlighted-links-list > li > * {
  margin: 0px;
}

ol.highlighted-links-list {
  counter-reset: counter;
}
ol.highlighted-links-list a:before {
  content: counter(counter) ". ";
  counter-increment: counter;
}

.special-link {
  position: relative;
  display: inline-block;
  padding: var(--s-link-padding);
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 400;
  font-size: var(--ui-font-size);
  line-height: var(--ui-line-height);
  font-weight: 400;
  text-decoration: underline;
  --s-link-padding:	var(--spacing-2xs);
  --s-link-icon-text-gap:	var(--spacing-s);
  --s-link-icon-size:	var(--spacing-s);
}
.special-link:focus-visible {
  color: var(--link-focus-fg-color);
  background-color: var(--link-focus-bg-color);
  --decor-primary-color: var(--link-focus-fg-color);
}
@media (hover: hover) and (pointer: fine) {
  .special-link:hover {
    color: var(--link-hover-fg-color);
    background-color: var(--link-hover-bg-color);
    --decor-primary-color: var(--link-hover-fg-color);
  }
}
.special-link:before, .special-link:after {
  position: absolute;
  top: 0px;
  bottom: 0px;
  margin: auto;
  display: flex;
  align-items: center;
}
.special-link.back {
  padding-left: calc(var(--s-link-padding) + var(--s-link-icon-size) + var(--s-link-icon-text-gap));
}
.special-link.back::before {
  content: "\e920";
  color: var(--decor-primary-color);
  font-size: var(--s-link-icon-size, var(--spacing-s));
  line-height: 1;
  font-family: "eige-icons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.special-link.back:before {
  left: var(--s-link-padding);
}
.special-link.more {
  padding-right: calc(var(--s-link-padding) + var(--s-link-icon-size) + var(--s-link-icon-text-gap));
}
.special-link.more::after {
  content: "\e900";
  color: var(--decor-primary-color);
  font-size: var(--s-link-icon-size, var(--spacing-s));
  line-height: 1;
  font-family: "eige-icons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.special-link.more:after {
  right: var(--s-link-padding);
}
.special-link.small {
  --s-link-padding:	var(--spacing-3xs);
  --s-link-icon-text-gap:	1rem;
  --s-link-icon-size:	0.9375rem;
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 400;
  font-size: var(--ui-s-font-size);
  line-height: var(--ui-s-line-height);
}

a.thesaurus-reference::before {
  content: "\e940";
  color: inherit;
  font-size: inherit;
  line-height: 1;
  font-family: "eige-icons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a.thesaurus-reference:before {
  margin-right: var(--link-text-icon-spacing);
  margin-left: 2px;
  position: relative;
  top: 2px;
}

.decorative-icon-link {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 700;
  font-size: var(--h5-font-size);
  line-height: var(--h5-line-height);
  letter-spacing: 0em;
  padding: var(--spacing-2xs);
  height: 100%;
  box-shadow: 0 0 0 0 var(--link-focus-bg-color);
  transition: all 0.35s ease;
  max-width: calc(
		((380 / 16) * 1rem) + (430 - 380) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
  margin-right: auto;
  margin-left: auto;
}
.decorative-icon-link::before {
  color: var(--icon-color, var(--panel-decor-color, #70bbb7));
  font-size: var(--spacing-3xl);
  line-height: 1;
  font-family: "eige-icons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.decorative-icon-link:before {
  width: var(--spacing-3xl);
  height: var(--spacing-3xl);
  margin-bottom: var(--h5-margin);
  transition: 600ms ease-in-out;
}
.decorative-icon-link.icon-number-one:before {
  content: "\e942";
}
.decorative-icon-link.icon-number-two:before {
  content: "\e943";
}
.decorative-icon-link.icon-number-three:before {
  content: "\e947";
}
.decorative-icon-link.icon-number-four:before {
  content: "\e948";
}
.decorative-icon-link.icon-books:before {
  content: "\e949";
}
.decorative-icon-link.icon-text:before {
  content: "\e94a";
}
.decorative-icon-link.icon-check:before {
  content: "\e903";
}
.decorative-icon-link.icon-x:before {
  content: "\e924";
}
.decorative-icon-link.icon-info:before {
  content: "\e93d";
}
.decorative-icon-link.icon-question:before {
  content: "\e94b";
}
.decorative-icon-link.icon-gei:before {
  content: "\e94c";
}
.decorative-icon-link.icon-publication:before {
  content: "\e94d";
}
.decorative-icon-link.icon-toolkit:before {
  content: "\e94e";
}
.decorative-icon-link.icon-video:before {
  content: "\e94f";
}
.decorative-icon-link.icon-lightbulb:before {
  content: "\e950";
}
.decorative-icon-link.icon-contract:before {
  content: "\e960";
}
.decorative-icon-link.icon-gender-equality:before {
  content: "\e961";
}
.decorative-icon-link.icon-evaluator:before {
  content: "\e996";
}
.decorative-icon-link.icon-commissioner:before {
  content: "\e997";
}
.decorative-icon-link.icon-calendar:before {
  content: "\e911";
}
.decorative-icon-link.icon-share:before {
  content: "\e96b";
}
.decorative-icon-link.icon-image:before {
  content: "\e981";
}
.decorative-icon-link.icon-voice-over:before {
  content: "\e998";
}
.decorative-icon-link.icon-organisation-large:before {
  content: "\e912";
}
.decorative-icon-link.icon-organisation-small:before {
  content: "\e916";
}
.decorative-icon-link.icon-organisation-micro:before {
  content: "\e915";
}
.decorative-icon-link:focus-visible {
  color: var(--link-focus-bg-color);
  box-shadow: 0 0 0 calc(
		((2 / 16) * 1rem) + (3 - 2) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	) var(--link-focus-bg-color);
}
.decorative-icon-link:focus-visible:before {
  color: var(--link-focus-bg-color);
}
@media (hover: hover) and (pointer: fine) {
  .decorative-icon-link:hover {
    transform: translateY(-10px) scale(1);
  }
  .decorative-icon-link:hover:before {
    transform: rotateY(360deg);
  }
}
.decorative-icon-link span.small-text {
  margin-top: var(--spacing-3xs);
}

*:has(> .decorative-icon-link) {
  text-align: center;
}

.button {
  display: inline-block;
  outline: none;
  border: 0px;
  border-radius: 1.875rem;
  text-align: center;
  padding: var(--action-padding);
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 400;
  font-size: var(--ui-font-size);
  line-height: var(--ui-line-height);
  color: var(--action-fg-color);
  background-color: var(--action-bg-color);
  box-shadow: inset 0px 0px 0px var(--action-br-width, 0) var(--action-br-color, transparent);
  cursor: pointer;
  transition: background-color 250ms ease-out, color 250ms ease-out, box-shadow 250ms ease-out;
  --action-padding:	var(--spacing-xs) var(--spacing-s);
  --action-icon-size:	var(--spacing-s);
  --action-fg-color:	white;
  --action-bg-color:	#13293f;
  --action-icon-color:	#bde0de;
  --action-hover-fg-color:	white;
  --action-hover-bg-color:	#61707e;
  --action-hover-icon-color:	#eaf5f4;
}
.button:focus-visible {
  color: var(--action-focus-fg-color, white);
  background-color: var(--action-focus-bg-color, #175551);
  box-shadow: inset 0px 0px 0px var(--action-br-width, 0) #175551;
}
.button:focus-visible:before {
  --action-icon-color: var(--action-focus-icon-color, #bde0de);
}
@media (hover: hover) and (pointer: fine) {
  .button:hover {
    color: var(--action-hover-fg-color);
    background-color: var(--action-hover-bg-color);
    box-shadow: inset 0px 0px 0px var(--action-br-width, 0) var(--action-hover-br-color, transparent);
  }
  .button:hover:before {
    --action-icon-color: var(--action-hover-icon-color);
  }
}
.button.secondary {
  --action-fg-color:	#13293f;
  --action-bg-color:	#9dd1cd;
  --action-icon-color:	#1e6d68;
  --action-hover-fg-color:	white;
  --action-hover-bg-color:	#2a9a93;
  --action-hover-icon-color:	white;
}
.button.outlined {
  --action-fg-color:	#13293f;
  --action-bg-color:	white;
  --action-br-color:	#13293f;
  --action-br-width:	calc(
  	((1 / 16) * 1rem) + (2 - 1) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --action-icon-color:	inherit;
  --action-hover-fg-color:	#61707e;
  --action-hover-bg-color:	white;
  --action-hover-br-color:	#61707e;
  --action-hover-icon-color:	inherit;
}
.button.outlined.secondary {
  --action-fg-color:	#13293f;
  --action-bg-color:	#9dd1cd;
  --action-icon-color:	#1e6d68;
  --action-hover-fg-color:	white;
  --action-hover-bg-color:	#2a9a93;
  --action-hover-icon-color:	white;
  --action-fg-color:	#13293f;
  --action-bg-color:	white;
  --action-br-color:	#13293f;
  --action-br-width:	calc(
  	((1 / 16) * 1rem) + (2 - 1) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --action-icon-color:	inherit;
  --action-hover-fg-color:	#61707e;
  --action-hover-bg-color:	white;
  --action-hover-br-color:	#61707e;
  --action-hover-icon-color:	inherit;
  --action-fg-color:	#13293f;
  --action-br-color:	#2a9a93;
  --action-hover-fg-color:	#61707e;
  --action-hover-bg-color:	white;
  --action-hover-br-color:	#9dd1cd;
  --action-hover-icon-color:	inherit;
}
.button.hollow {
  --action-fg-color:	#13293f;
  --action-bg-color:	transparent;
  --action-icon-color:	#2a9a93;
  --action-hover-fg-color:	#61707e;
  --action-hover-bg-color:	transparent;
  --action-hover-icon-color:	inherit;
}
.button.small {
  font-size: var(--ui-s-font-size);
  line-height: var(--ui-s-line-height);
  --action-padding:	var(--spacing-2xs) var(--spacing-xs);
  --action-icon-size:	calc(
  	((15 / 16) * 1rem) + (17 - 15) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --action-padding-icon-only: var(--spacing-2xs);
}
.button.icon-left::before, .button.icon-right::before, .button.icon-only::before {
  color: var(--action-icon-color);
  font-size: var(--action-icon-size);
  line-height: 1;
  font-family: "eige-icons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.button.icon-left:before, .button.icon-right:before, .button.icon-only:before {
  transition: 250ms ease-out;
}
.button.icon-left {
  display: inline-grid;
  -moz-column-gap: var(--spacing-2xs);
       column-gap: var(--spacing-2xs);
  align-items: center;
  grid-template-columns: var(--action-icon-size) 1fr;
  text-align: left;
}
.button.icon-right {
  display: inline-grid;
  -moz-column-gap: var(--spacing-2xs);
       column-gap: var(--spacing-2xs);
  align-items: center;
  grid-template-columns: 1fr var(--action-icon-size);
  grid-template-rows: 1fr;
  text-align: left;
}
.button.icon-right:before {
  grid-column: 2;
  grid-row: 1;
}
.button.icon-only {
  font-size: 0px;
  display: inline-flex;
  align-items: center;
  --action-padding: var(--action-padding-icon-only, var(--spacing-xs));
  --action-icon-color: inherit;
  --action-hover-icon-color: inherit;
  --action-focus-icon-color: white;
}
.button.more:before {
  content: "\e900";
}
.button.arrow-right:before {
  content: "\e900";
}
.button.arrow-left:before {
  content: "\e941";
}
.button.arrow-up:before {
  content: "\e90b";
}
.button.arrow-down:before {
  content: "\e95d";
}
.button.caret-left:before {
  content: "\e920";
}
.button.caret-right:before {
  content: "\e902";
}
.button.caret-double-left:before {
  content: "\e932";
}
.button.caret-double-right:before {
  content: "\e936";
}
.button.external:before {
  content: "\e904";
}
.button.search:before {
  content: "\e923";
}
.button.close:before {
  content: "\e924";
}
.button.download:before {
  content: "\e938";
}
.button.export:before {
  content: "\e938";
}
.button.menu:before {
  content: "\e921";
}
.button.reset:before {
  content: "\e930";
}
.button.print:before {
  content: "\e929";
}
.button.pdf:before {
  content: "\e925";
}
.button.feed-icon:before {
  content: "\e93b";
}
.button.add-to-calendar:before {
  content: "\e93c";
}
.button.reminder:before {
  content: "\e965";
}
.button.info:before {
  content: "\e93d";
}
.button.settings:before {
  content: "\e969";
}
.button.share:before {
  content: "\e96b";
}
.button.view:before {
  content: "\e96e";
}
.button.document:before {
  content: "\e94d";
}
.button.linkedin:before {
  content: "\e907";
}
.button.filters:before {
  content: "\e953";
}
.button.my-schedule:before {
  content: "\e95a";
}
.button.success:before {
  content: "\e973";
}
.button.cookie:before {
  content: "\e934";
}
.button.instagram:before {
  content: "\e910";
}
.button.globe:before {
  content: "\e964";
}
.button.button[disabled] {
  cursor: not-allowed;
  --action-fg-color:	#3e4047;
  --action-bg-color:	#dbdbdb;
  --action-icon-color:	#75767D;
}
@media (hover: hover) and (pointer: fine) {
  .button.button[disabled]:hover {
    --action-hover-fg-color:	#3e4047;
    --action-hover-bg-color:	#dbdbdb;
    --action-hover-icon-color:	#75767D;
    --action-hover-br-color:	#c3c4c6;
  }
}
.button.button[disabled].outlined {
  --action-bg-color:	white;
  --action-hover-bg-color:	white;
  --action-br-color:	#c3c4c6;
  --action-hover-br-color:	#c3c4c6;
}
.button.button[disabled].hollow {
  --action-bg-color:	transparent;
  --action-hover-bg-color:	transparent;
}
.button.button[disabled].icon-only:not(.hollow) {
  --action-icon-color:	inherit;
  --action-hover-icon-color:	inherit;
}

.highlighted-frame {
  margin-top: calc(
		((41 / 16) * 1rem) + (51 - 41) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
  margin-bottom: calc(
		((41 / 16) * 1rem) + (51 - 41) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
  padding-left: var(--spacing-xl);
  border-left: 5px solid var(--decor-primary-color);
}
.highlighted-frame > *:first-child {
  margin-top: 0px !important;
}
.highlighted-frame > *:last-child {
  margin-bottom: 0px !important;
}

.layout {
  display: grid;
  grid-template-columns: repeat(var(--layout-columns), 1fr);
  -moz-column-gap: var(--layout-column-gap);
       column-gap: var(--layout-column-gap);
  row-gap: var(--layout-row-gap);
  --layout-columns:	1;
  --layout-column-gap:	var(--page-gap);
  --layout-row-gap:	var(--page-gap);
}
.layout > div > *:first-child, .layout > li > *:first-child {
  margin-top: 0px !important;
}
.layout > div > *:last-child, .layout > li > *:last-child {
  margin-bottom: 0px !important;
}
.layout.columns-1 {
  grid-template-columns: 1fr;
}
.layout.columns-1.dividers > *:before {
  --horizontal-divider-content: " ";
  --horizontal-divider-width: 100%;
}
@media screen and (min-width: 56.3125em) {
  .layout.columns-2 {
    --layout-columns: 2;
  }
  .layout.columns-2.dividers {
    --2nd-column-divider-content: " ";
  }
  .layout.columns-2.dividers > * {
    --horizontal-divider-content: none;
  }
  .layout.columns-2.dividers > *:nth-child(odd) {
    --horizontal-divider-content: " ";
  }
}
@media screen and (min-width: 80em) {
  .layout.columns-2.expand-1 {
    grid-template-columns: var(--expanded-template-columns, 2fr 1fr);
    --horizontal-divider-width: calc(150% + var(--layout-column-gap));
  }
  .layout.columns-2.expand-2 {
    grid-template-columns: var(--expanded-template-columns, 1fr 2fr);
    --horizontal-divider-width: calc(300% + var(--layout-column-gap));
  }
}
@media screen and (min-width: 64.0625em) and (max-width: 79.9375em) {
  main:not(.no-sidebar) .layout.columns-2, .main-content:has(.marginalia-wrapper) .layout.columns-2 {
    --layout-columns: 1;
    --expanded-template-columns: 1fr;
  }
  main:not(.no-sidebar) .layout.columns-2.dividers, .main-content:has(.marginalia-wrapper) .layout.columns-2.dividers {
    --2nd-column-divider-content: none;
    --horizontal-divider-width: 100%;
  }
  main:not(.no-sidebar) .layout.columns-2.dividers > *:before, .main-content:has(.marginalia-wrapper) .layout.columns-2.dividers > *:before {
    --horizontal-divider-content: " ";
  }
}
@media screen and (min-width: 40em) {
  .layout.columns-3 {
    --layout-columns: 2;
  }
  .layout.columns-3.dividers {
    --2nd-column-divider-content: " ";
  }
  .layout.columns-3.dividers > * {
    --horizontal-divider-content: none;
  }
  .layout.columns-3.dividers > *:nth-child(odd) {
    --horizontal-divider-content: " ";
  }
}
@media screen and (min-width: 56.3125em) {
  .layout.columns-3 {
    --layout-columns: 3;
  }
  .layout.columns-3.dividers {
    --3rd-column-divider-content: " ";
  }
  .layout.columns-3.dividers > *:before {
    --horizontal-divider-content: none;
  }
  .layout.columns-3.dividers > *:nth-child(3n+1):before {
    --horizontal-divider-content: " ";
  }
}
@media screen and (min-width: 64.0625em) and (max-width: 85.3125em) {
  main:not(.no-sidebar) .layout.columns-3, .main-content:has(.marginalia-wrapper) .layout.columns-3 {
    --layout-columns: 2;
  }
  main:not(.no-sidebar) .layout.columns-3.dividers, .main-content:has(.marginalia-wrapper) .layout.columns-3.dividers {
    --3rd-column-divider-content: none;
  }
  main:not(.no-sidebar) .layout.columns-3.dividers > *:before, .main-content:has(.marginalia-wrapper) .layout.columns-3.dividers > *:before {
    --horizontal-divider-content: none;
  }
  main:not(.no-sidebar) .layout.columns-3.dividers > *:nth-child(odd):before, .main-content:has(.marginalia-wrapper) .layout.columns-3.dividers > *:nth-child(odd):before {
    --horizontal-divider-content: " ";
  }
}
@media screen and (min-width: 40em) {
  .layout.columns-4 {
    --layout-columns: 2;
  }
  .layout.columns-4.dividers {
    --2nd-column-divider-content: " ";
  }
  .layout.columns-4.dividers > *:nth-child(even):before {
    --horizontal-divider-content: none;
  }
}
@media screen and (min-width: 64.0625em) {
  .layout.columns-4 {
    --layout-columns: 4;
  }
  .layout.columns-4.dividers {
    --3rd-column-divider-content: " ";
    --4th-column-divider-content: " ";
  }
  .layout.columns-4.dividers > *:not(.layout.columns-4.dividers.columns-4 > *:nth-child(4n+1)):before {
    --horizontal-divider-content: none;
  }
}
@media screen and (max-width: 40em) {
  .layout.columns-4.highlighted-links-list {
    --layout-row-gap: 0px;
  }
}
@media screen and (min-width: 64.0625em) and (max-width: 85.3125em) {
  main:not(.no-sidebar) .layout.columns-4, .main-content:has(.marginalia-wrapper) .layout.columns-4 {
    --layout-columns: 2;
  }
  main:not(.no-sidebar) .layout.columns-4.dividers, .main-content:has(.marginalia-wrapper) .layout.columns-4.dividers {
    --2nd-column-divider-content: " ";
    --3rd-column-divider-content: none;
    --4th-column-divider-content: none;
  }
  main:not(.no-sidebar) .layout.columns-4.dividers > *:before, .main-content:has(.marginalia-wrapper) .layout.columns-4.dividers > *:before {
    --horizontal-divider-content: none !important;
  }
  main:not(.no-sidebar) .layout.columns-4.dividers > *:nth-child(odd):before, .main-content:has(.marginalia-wrapper) .layout.columns-4.dividers > *:nth-child(odd):before {
    --horizontal-divider-content: " " !important;
  }
}
.layout.dividers {
  position: relative;
  --layout-column-gap:	calc(var(--section-gap) * 2);
}
.layout.dividers:not(.columns-1) {
  --layout-row-gap:	calc(var(--section-gap) * 2);
}
.layout.dividers > * {
  position: relative;
}
.layout.dividers.columns-2:before, .layout.dividers.columns-3:before, .layout.dividers.columns-3:after, .layout.dividers.columns-4:before, .layout.dividers.columns-4:after, .layout.dividers.columns-4 > *:first-child:before {
  width: 1px;
  height: 100%;
  grid-column: 2;
  position: absolute;
  top: 0px;
  left: calc(-0.5 * var(--layout-column-gap));
  background-color: var(--divider-color);
}
.layout.dividers.columns-2:before, .layout.dividers.columns-3:before, .layout.dividers.columns-4:before {
  content: var(--2nd-column-divider-content, none);
}
.layout.dividers.columns-3:after, .layout.dividers.columns-4:after {
  content: var(--3rd-column-divider-content, none);
  grid-column: 3;
}
.layout.dividers.columns-4 > *:first-child {
  position: static;
}
.layout.dividers.columns-4 > *:first-child:before {
  content: var(--4th-column-divider-content, none);
  grid-column: 4;
}
.layout.dividers > *:not(:first-child):before {
  content: var(--horizontal-divider-content, " ");
  width: var(--horizontal-divider-width, calc(100% * var(--layout-columns) + var(--layout-column-gap) * (var(--layout-columns) - 1)));
  height: 1px;
  position: absolute;
  top: calc(-0.5 * var(--layout-row-gap));
  left: 0px;
  background-color: var(--divider-color);
}
.layout.remove-spacings {
  --layout-column-gap: 0;
  --layout-row-gap: 0;
}

.panel {
  padding-top: var(--panel-spacing-tb);
  padding-bottom: var(--panel-spacing-tb);
  margin-top: var(--panel-spacing-tb);
  margin-bottom: var(--panel-spacing-tb);
  --panel-spacing-tb: var(--section-padding-tb);
}
.content-center-aligned .panel {
  --panel-spacing-tb: var(--page-padding-tb);
}
.panel > *:first-child {
  margin-top: 0px !important;
}
.panel > *:last-child {
  margin-bottom: 0px !important;
}
.panel.borders {
  position: relative;
  position: relative;
}
.panel.borders:before {
  content: " ";
  position: absolute;
  right: -100vw;
  left: -100vw;
  margin: auto;
  height: 1px;
  width: 200vw;
  background: #dbdbdb;
  z-index: -1;
  bottom: 0px;
}
.panel.borders:after {
  content: " ";
  position: absolute;
  right: -100vw;
  left: -100vw;
  margin: auto;
  height: 1px;
  width: 200vw;
  background: #dbdbdb;
  z-index: -1;
  top: 0px;
}
.panel.remove-margins {
  margin-top: 0px;
  margin-bottom: 0px;
}
.node--view-mode-full .text-formatted-extended > .panel:first-child {
  margin-top: calc(-1 * var(--page-padding-tb)) !important;
}
.node--view-mode-full .text-formatted-extended > .panel:first-child.borders:after {
  content: none;
}
.panel:has(+ .panel) {
  margin-bottom: 0px;
}
.panel:has(+ .panel) + .panel {
  margin-top: 0px;
}
.panel + .panel:after, .panel.borders:has(+ .panel:not(.borders)):before {
  content: none;
}
.panel.primary, .panel.secondary, .panel.grey {
  background-color: var(--panel-bg-color);
  color: var(--panel-fg-color);
  --tx-color:	var(--panel-fg-color);
  --headings-primary-color:	var(--panel-headings-color);
  --headings-secondary-color:	var(--panel-headings-color);
  --decor-primary-color:	var(--panel-decor-color);
  --download-link-icon-fg-color:	white;
  --download-link-icon-bg-color:	var(--panel-decor-color);
  --divider-color:	var(--panel-decor-color);
  position: relative;
}
.panel.primary:before, .panel.secondary:before, .panel.grey:before {
  content: " ";
  position: absolute;
  right: -100vw;
  left: -100vw;
  margin: auto;
  height: 100%;
  width: 200vw;
  background: var(--panel-bg-color);
  z-index: -1;
  top: 0px;
}
.panel.primary {
  --panel-headings-color:	white;
  --panel-fg-color:	white;
  --panel-decor-color:	#b6bdc3;
  --link-default-fg-color:	#bde0de;
  --link-focus-fg-color:	#13293f;
  --link-focus-bg-color:	white;
  --link-hover-fg-color:	#112539;
  --link-hover-bg-color:	#70bbb7;
  --download-link-icon-fg-color:	#13293f;
  --panel-bg-color:	#13293f;
}
.panel.primary.light {
  --panel-headings-color:	white;
  --panel-fg-color:	white;
  --panel-decor-color:	#b6bdc3;
  --link-default-fg-color:	#bde0de;
  --link-focus-fg-color:	#13293f;
  --link-focus-bg-color:	white;
  --link-hover-fg-color:	#112539;
  --link-hover-bg-color:	#70bbb7;
  --download-link-icon-fg-color:	#13293f;
  --panel-bg-color:	#425465;
}
.panel.secondary {
  --panel-fg-color:	#222327;
  --panel-headings-color:	#12413e;
  --panel-decor-color:	#175551;
  --link-default-fg-color:	#0d1d2d;
  --link-focus-fg-color:	white;
  --link-focus-bg-color:	#12413e;
  --link-hover-fg-color:	white;
  --link-hover-bg-color:	#13293f;
  --panel-bg-color:	#70bbb7;
}
.panel.secondary.light {
  --panel-fg-color:	#222327;
  --panel-headings-color:	#12413e;
  --panel-decor-color:	#175551;
  --link-default-fg-color:	#0d1d2d;
  --link-focus-fg-color:	white;
  --link-focus-bg-color:	#12413e;
  --link-hover-fg-color:	white;
  --link-hover-bg-color:	#13293f;
  --panel-bg-color:	#9dd1cd;
}
.panel.grey {
  --panel-fg-color:	#2c2d32;
  --panel-headings-color:	#383a41;
  --link-default-fg-color:	#0d1d2d;
  --link-focus-fg-color:	white;
  --link-focus-bg-color:	#175551;
  --link-hover-fg-color:	white;
  --link-hover-bg-color:	#0d1d2d;
  --panel-bg-color:	#c3c4c6;
  --panel-decor-color:	#5B5C61;
}
.panel.grey.light {
  --panel-fg-color:	#2c2d32;
  --panel-headings-color:	#383a41;
  --link-default-fg-color:	#0d1d2d;
  --link-focus-fg-color:	white;
  --link-focus-bg-color:	#175551;
  --link-hover-fg-color:	white;
  --link-hover-bg-color:	#0d1d2d;
  --panel-bg-color:	#dbdbdb;
  --panel-decor-color:	#75767D;
}
.node--type-landing-page.node--view-mode-full .text-formatted-extended > .panel {
  max-width: none;
}
.node--type-landing-page.node--view-mode-full .text-formatted-extended > .panel:last-child {
  margin-bottom: calc(-1 * var(--section-padding-tb)) !important;
}
.node--type-landing-page.node--view-mode-full .text-formatted-extended > .panel:last-child.borders:before {
  content: none;
}
.mini-site-landing-page .text-formatted-extended > .panel {
  max-width: none;
}

.box {
  padding: var(--box-padding);
  background-color: var(--panel-bg-color);
  color: var(--panel-fg-color);
  --tx-color:	var(--panel-fg-color);
  --headings-primary-color:	var(--panel-headings-color);
  --headings-secondary-color:	var(--panel-headings-color);
  --decor-primary-color:	var(--panel-decor-color);
  --download-link-icon-fg-color:	white;
  --download-link-icon-bg-color:	var(--panel-decor-color);
  --divider-color:	var(--panel-decor-color);
}
.box > *:first-child {
  margin-top: 0px;
}
.box > *:last-child {
  margin-bottom: 0px;
}
.box.grey {
  --panel-fg-color:	#2c2d32;
  --panel-headings-color:	#383a41;
  --link-default-fg-color:	#0d1d2d;
  --link-focus-fg-color:	white;
  --link-focus-bg-color:	#175551;
  --link-hover-fg-color:	white;
  --link-hover-bg-color:	#0d1d2d;
  --panel-bg-color:	#c3c4c6;
  --panel-decor-color:	#5B5C61;
}
.box.grey.light {
  --panel-fg-color:	#2c2d32;
  --panel-headings-color:	#383a41;
  --link-default-fg-color:	#0d1d2d;
  --link-focus-fg-color:	white;
  --link-focus-bg-color:	#175551;
  --link-hover-fg-color:	white;
  --link-hover-bg-color:	#0d1d2d;
  --panel-bg-color:	#dbdbdb;
  --panel-decor-color:	#75767D;
}
.box.yellow, .box.secondary {
  --panel-fg-color:	#222327;
  --panel-headings-color:	#12413e;
  --panel-decor-color:	#175551;
  --link-default-fg-color:	#0d1d2d;
  --link-focus-fg-color:	white;
  --link-focus-bg-color:	#12413e;
  --link-hover-fg-color:	white;
  --link-hover-bg-color:	#13293f;
  --panel-bg-color:	#70bbb7;
}
.box.yellow.light, .box.secondary.light {
  --panel-fg-color:	#222327;
  --panel-headings-color:	#12413e;
  --panel-decor-color:	#175551;
  --link-default-fg-color:	#0d1d2d;
  --link-focus-fg-color:	white;
  --link-focus-bg-color:	#12413e;
  --link-hover-fg-color:	white;
  --link-hover-bg-color:	#13293f;
  --panel-bg-color:	#9dd1cd;
}
.box.highlighted {
  --panel-headings-color:	white;
  --panel-fg-color:	white;
  --panel-decor-color:	#b6bdc3;
  --link-default-fg-color:	#bde0de;
  --link-focus-fg-color:	#13293f;
  --link-focus-bg-color:	white;
  --link-hover-fg-color:	#112539;
  --link-hover-bg-color:	#70bbb7;
  --download-link-icon-fg-color:	#13293f;
  --panel-bg-color:	#13293f;
}
.box.highlighted.light {
  --panel-headings-color:	white;
  --panel-fg-color:	white;
  --panel-decor-color:	#b6bdc3;
  --link-default-fg-color:	#bde0de;
  --link-focus-fg-color:	#13293f;
  --link-focus-bg-color:	white;
  --link-hover-fg-color:	#112539;
  --link-hover-bg-color:	#70bbb7;
  --download-link-icon-fg-color:	#13293f;
  --panel-bg-color:	#425465;
}

.rotating-images > div {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  position: relative;
  animation: rotating-images 8s infinite;
  transform-style: preserve-3d;
}
.rotating-images div.media {
  grid-row: 1;
  grid-column: 1;
  justify-self: center;
  position: relative;
  backface-visibility: hidden;
}
.rotating-images div.media:last-child {
  transform: rotateY(180deg);
}
@keyframes rotating-images {
  0%, 25% {
    transform: rotateY(0deg);
  }
  50%, 75% {
    transform: rotateY(180deg);
  }
  100% {
    transform: rotateY(0deg);
  }
}

ul.wt-ecl-social-media-share__list a,
.social a {
  display: block;
  font-size: 0px;
  line-height: 0;
  border-radius: 3px;
}
ul.wt-ecl-social-media-share__list a::before,
.social a::before {
  content: "\e905";
  color: var(--socialTxColor, white);
  font-size: var(--socialFontSize, 2.625rem);
  line-height: 1;
  font-family: "eige-icons";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
ul.wt-ecl-social-media-share__list a:before,
.social a:before {
  transition: 250ms ease-out;
}
@media (hover: hover) and (pointer: fine) {
  ul.wt-ecl-social-media-share__list a:hover:before,
  .social a:hover:before {
    color: var(--socialTxColorHover, #FFC000);
  }
}
ul.wt-ecl-social-media-share__list a:focus-visible,
.social a:focus-visible {
  box-shadow: 0 0 0 var(--socialBrWidthFocus, 2px) var(--socialBrColorFocus, white);
}

a.twitter:before {
  content: "\e908";
}

a.facebook:before,
ul.wt-ecl-social-media-share__list > li:nth-child(2) a:before {
  content: "\e906";
}

a.linkedin:before,
ul.wt-ecl-social-media-share__list > li:nth-child(3) a:before {
  content: "\e907";
}

#block-eige-mini-sites-social-share-buttons {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#block-eige-mini-sites-social-share-buttons h2 {
  margin-bottom: 1rem;
  font-weight: 700;
  font-size: var(--hs1-font-size);
  line-height: var(--hs1-line-height);
  letter-spacing: -0.03em;
  color: #FFC000;
}
#block-eige-mini-sites-social-share-buttons h3 {
  display: none;
}
#block-eige-mini-sites-social-share-buttons ul.wt-ecl-social-media-share__list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  gap: var(--spacing-xs);
}
#block-eige-mini-sites-social-share-buttons ul.wt-ecl-social-media-share__list li {
  margin: 0;
  height: auto;
  max-width: none;
}
#block-eige-mini-sites-social-share-buttons ul.wt-ecl-social-media-share__list li a {
  font-size: 0px;
  line-height: 1;
  padding: 3px;
  text-decoration: none !important;
}
#block-eige-mini-sites-social-share-buttons ul.wt-ecl-social-media-share__list li a:focus-visible {
  border-radius: 3px;
  outline: 0px;
}
#block-eige-mini-sites-social-share-buttons ul.wt-ecl-social-media-share__list li a svg {
  display: none;
}
#block-eige-mini-sites-social-share-buttons ul.wt-ecl-social-media-share__list li a span {
  margin: 0px;
}

.mini-site-menu {
  position: fixed;
  top: -100%;
  left: 0px;
  right: 0px;
  width: 100vw;
  margin: auto;
  max-width: 120rem;
  height: calc(100vh - var(--admin-menu-height));
  height: calc(100svh - var(--admin-menu-height));
  display: flex;
  flex-direction: column;
  background-color: white;
  padding: var(--page-padding-lr);
  transition: 250ms ease-out;
  visibility: hidden;
  pointer-events: none;
  z-index: 501;
  overflow-y: auto;
  overflow-x: hidden;
}
.mini-site-menu.open {
  top: calc(0px + var(--admin-menu-height));
  visibility: visible;
  pointer-events: all;
}
.mini-site-menu button.close {
  order: -1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-left: auto;
  margin-bottom: var(--spacing-m);
}
.mini-site-menu nav {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mini-site-menu ul:not(.contextual-links) li + li {
  border-top: 1px solid #dbdbdb;
}
.mini-site-menu ul:not(.contextual-links) a {
  display: block;
  text-align: center;
  padding: var(--spacing-m);
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 700;
  font-size: var(--h6-font-size);
  line-height: var(--h6-line-height);
  letter-spacing: 0em;
  color: var(--menu-nav-link-fg-color-default, #13293f);
}
.mini-site-menu ul:not(.contextual-links) a:focus-visible {
  color: var(--menu-nav-link-fg-color-focus, white);
  background-color: var(--menu-nav-link-bg-color-focus, #175551);
  box-shadow: 0 0 0 2px var(--menu-nav-link-br-color-focus, transparent);
}
@media (hover: hover) and (pointer: fine) {
  .mini-site-menu ul:not(.contextual-links) a:hover {
    color: var(--menu-nav-link-fg-color-hover, white);
    background-color: var(--menu-nav-link-bg-color-hover, #13293f);
  }
}
.mini-site-menu ul:not(.contextual-links) a.is-active {
  color: #3e4047;
  pointer-events: none;
}

:root {
  --h1-content-width:	calc(
  	((220 / 16) * 1rem) + (490 - 220) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
}

.mini-site.mini-site-beijing-platform-for-action {
  overflow-x: clip;
}
.mini-site.mini-site-beijing-platform-for-action > header, .mini-site.mini-site-beijing-platform-for-action > footer, .mini-site.mini-site-beijing-platform-for-action > main {
  max-width: 120rem;
  margin-left: auto;
  margin-right: auto;
}
.mini-site.mini-site-beijing-platform-for-action .page-header,
.mini-site.mini-site-beijing-platform-for-action .region-page-content {
  padding-left: var(--page-padding-lr);
  padding-right: var(--page-padding-lr);
}

.region-mini-site-header {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  height: var(--header-height);
  border-left: 1px solid #dbdbdb;
  position: relative;
  z-index: 1;
}
.region-mini-site-header:before {
  content: " ";
  position: absolute;
  right: -100vw;
  left: -100vw;
  margin: auto;
  height: 1px;
  width: 200vw;
  background: #dbdbdb;
  z-index: -1;
  bottom: 0px;
}
.region-mini-site-header > div.block {
  padding: 0 var(--header-gap);
  border-right: 1px solid #dbdbdb;
  display: flex;
  align-items: center;
  justify-content: center;
}
.region-mini-site-header > div.block div > a {
  border-radius: 8px;
}
.region-mini-site-header .site-name a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0px;
  --logo-image: url(../images/logo/logo-stacked-small.png);
  --logo-width: 85px;
  --logo-height: 44px;
  padding: var(--spacing-3xs);
}
.region-mini-site-header .site-name a:before {
  content: " ";
  width: var(--logo-width);
  height: var(--logo-height);
  background-image: var(--logo-image);
  background-repeat: no-repeat;
  background-size: cover;
  transition: 250ms ease-out;
}
.region-mini-site-header .site-name a:focus-visible {
  background-color: var(--link-focus-bg-color);
}
@media (hover: hover) and (pointer: fine) {
  .region-mini-site-header .site-name a:hover {
    background-color: var(--link-hover-bg-color);
  }
}
.region-mini-site-header .site-name a:focus-visible {
  --logo-image: url(../images/logo/logo-stacked-white-small.png);
}
@media (hover: hover) and (pointer: fine) {
  .region-mini-site-header .site-name a:hover {
    --logo-image: url(../images/logo/logo-stacked-white-text-small.png);
  }
}
@media screen and (min-width: 64.0625em) {
  .region-mini-site-header .site-name a {
    --logo-image: url(../images/logo/logo-stacked.png);
    --logo-width: 152px;
    --logo-height: 78px;
  }
  .region-mini-site-header .site-name a:focus-visible {
    --logo-image: url(../images/logo/logo-stacked-white.png);
  }
}
@media screen and (min-width: 64.0625em) and (hover: hover) and (pointer: fine) {
  .region-mini-site-header .site-name a:hover {
    --logo-image: url(../images/logo/logo-stacked-white-text.png);
  }
}
.region-mini-site-header .mini-site-name {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0px;
}
.region-mini-site-header .mini-site-name a {
  font-size: 0px;
  padding: calc(
		((4 / 16) * 1rem) + (8 - 4) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
  transition: 250ms ease-out;
}
.region-mini-site-header .mini-site-name a:before {
  content: " ";
  display: flex;
  width: 46px;
  height: 35px;
  background-image: url(../images/mini-sites/bpfa/bpfa-logo.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 64.0625em) {
  .region-mini-site-header .mini-site-name a:before {
    width: 80px;
    height: 60px;
  }
}
.region-mini-site-header .mini-site-name a:focus-visible {
  background-color: var(--link-focus-bg-color);
}
.region-mini-site-header .mini-site-name a:focus-visible:before {
  filter: invert(100%) sepia(0%) saturate(7486%) hue-rotate(200deg) brightness(165%) contrast(100%);
}
@media (hover: hover) and (pointer: fine) {
  .region-mini-site-header .mini-site-name a:hover {
    background-color: var(--link-hover-bg-color);
  }
  .region-mini-site-header .mini-site-name a:hover:before {
    filter: invert(100%) sepia(0%) saturate(7486%) hue-rotate(200deg) brightness(165%) contrast(100%);
  }
}
.region-mini-site-header .block-menu {
  margin-left: auto;
}

.page-header {
  padding-top: var(--page-padding-tb);
}
.mini-site-landing-page .page-header {
  padding: 0px;
}
.mini-site-landing-page .page-header:before {
  content: none;
}
.mini-site-landing-page .page-header .region-title-top {
  margin: 0px;
}
.mini-site-landing-page .page-header .block-system-breadcrumb-block {
  display: none;
}
.mini-site-landing-page .page-header h1 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  display: block !important;
}

.mini-site-landing-page .region-content .field--name-body > section {
  max-width: none;
}

section.hero {
  position: relative;
  padding-top: var(--section-padding-tb);
  padding-bottom: var(--section-padding-tb);
  --hero-content-width:	calc(
  	((350 / 16) * 1rem) + (544 - 350) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --hero-text-image-spacing:	calc(
  	((0 / 16) * 1rem) + (80 - 0) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --mobile-image-height:	calc(
  	((200 / 16) * 1rem) + (600 - 200) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  position: relative;
}
@media screen and (max-width: 40em) {
  section.hero {
    padding-bottom: var(--mobile-image-height);
  }
}
@media screen and (max-width: 40em) {
  section.hero {
    --hero-content-width:	100%;
  }
}
section.hero > div {
  max-width: var(--hero-content-width);
}
section.hero > div > *:first-child {
  margin-top: 0px !important;
}
section.hero > div > *:last-child {
  margin-bottom: 0px !important;
}
section.hero:before {
  content: " ";
  position: absolute;
  right: -100vw;
  left: -100vw;
  margin: auto;
  height: 100%;
  width: 200vw;
  background: linear-gradient(var(--gradient-rotation, 180deg), rgba(157, 209, 205, 0) 20%, #9dd1cd 100%);
  z-index: -1;
  bottom: 0px;
}
section.hero:before {
  width: 100vw;
}
@media screen and (min-width: 40.0625em) {
  section.hero:before {
    height: calc(100% + var(--header-height));
    --gradient-rotation: 90deg;
  }
}
section.hero:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: var(--mobile-image-height);
  bottom: 0px;
  right: calc(-1 * var(--page-padding-lr));
  z-index: -1;
  background-image: url("../images/mini-sites/bpfa/hero-image.svg");
  background-size: contain;
  background-position: bottom right;
  background-repeat: no-repeat;
}
@media screen and (min-width: 30.0625em) {
  section.hero:after {
    height: calc(var(--mobile-image-height) + var(--spacing-xl));
  }
}
@media screen and (min-width: 40.0625em) {
  section.hero:after {
    height: calc(100% + var(--header-height));
    width: 45%;
  }
}
@media screen and (min-width: 50.0625em) {
  section.hero:after {
    width: 50%;
  }
}
@media screen and (min-width: 64.0625em) {
  section.hero:after {
    width: calc(100% - var(--hero-content-width) - var(--page-padding-lr) - var(--hero-text-image-spacing));
  }
}
section.hero > div {
  position: static;
}
@media screen and (min-width: 30.0625em) {
  section.hero > div::after {
    content: "\e95d";
    color: #3e4047;
    font-size: var(--h5-font-size);
    line-height: 1;
    font-family: "eige-icons";
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
section.hero > div:after {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: var(--spacing-m);
  left: 0px;
  right: 0px;
  margin: auto;
  height: var(--h5-font-size);
  aspect-ratio: 1;
  animation: arrow-animation 1.2s ease-in-out infinite;
  --arrow-translate-x: 0;
  --arrow-translate-y: 18%;
}
section.hero + .panel {
  margin-top: 0px;
}

section.critical-areas ol {
  -moz-column-gap: calc(var(--section-gap) / 2);
       column-gap: calc(var(--section-gap) / 2);
}
@media screen and (min-width: 40em) and (max-width: 56.25em) {
  section.critical-areas ol {
    -moz-columns: 2;
         columns: 2;
  }
}
@media screen and (min-width: 80em) {
  section.critical-areas ol {
    -moz-columns: 2;
         columns: 2;
  }
}

section.full-report {
  padding-top: var(--page-padding-tb);
  padding-bottom: var(--page-padding-tb);
}
section.full-report > h2 {
  margin-bottom: 0px !important;
}
section.full-report .layout > div:nth-child(2) {
  display: flex;
  align-items: center;
  justify-content: center;
}

.mini-site.content-center-aligned .region-content {
  padding-top: var(--page-padding-tb);
}
.mini-site.content-center-aligned .region-content .field--name-body > * {
  margin-left: auto;
  margin-right: auto;
}
.mini-site.content-center-aligned .region-content .field--name-body section.full-report {
  max-width: none;
}

footer {
  display: flex;
  justify-content: space-between;
  -moz-column-gap: vaR(--spacing-xl);
       column-gap: vaR(--spacing-xl);
  row-gap: vaR(--spacing-l);
  padding: calc(
		((32 / 16) * 1rem) + (48 - 32) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	) var(--page-padding-lr);
  background-color: var(--panel-bg-color);
  color: var(--panel-fg-color);
  --tx-color:	var(--panel-fg-color);
  --headings-primary-color:	var(--panel-headings-color);
  --headings-secondary-color:	var(--panel-headings-color);
  --decor-primary-color:	var(--panel-decor-color);
  --download-link-icon-fg-color:	white;
  --download-link-icon-bg-color:	var(--panel-decor-color);
  --divider-color:	var(--panel-decor-color);
  --panel-headings-color:	white;
  --panel-fg-color:	white;
  --panel-decor-color:	#b6bdc3;
  --link-default-fg-color:	#bde0de;
  --link-focus-fg-color:	#13293f;
  --link-focus-bg-color:	white;
  --link-hover-fg-color:	#112539;
  --link-hover-bg-color:	#70bbb7;
  --download-link-icon-fg-color:	#13293f;
  --panel-bg-color:	#13293f;
  position: relative;
}
footer:before {
  content: " ";
  position: absolute;
  right: -100vw;
  left: -100vw;
  margin: auto;
  height: 100%;
  width: 200vw;
  background: var(--panel-bg-color);
  z-index: -1;
  top: 0px;
}
@media screen and (max-width: 50em) {
  footer {
    flex-direction: column;
  }
}
footer .region-mini-site-footer-left {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
footer .region-mini-site-footer-left .block-eige-copyright,
footer .region-mini-site-footer-left .block-menu {
  flex-basis: 100%;
}
footer .site-name {
  line-height: 0;
  padding-right: calc(
		((12 / 16) * 1rem) + (38 - 12) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
  margin-right: calc(
		((12 / 16) * 1rem) + (38 - 12) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
  border-right: 1px solid var(--divider-color);
}
footer .site-name a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0px;
  --logo-image: url(../images/logo/logo-stacked.png);
  --logo-width: 152px;
  --logo-height: 78px;
  padding: var(--spacing-3xs);
  border-radius: 8px;
  --logo-image: url(../images/logo/logo-stacked-white-text.png);
}
footer .site-name a:before {
  content: " ";
  width: var(--logo-width);
  height: var(--logo-height);
  background-image: var(--logo-image);
  background-repeat: no-repeat;
  background-size: cover;
  transition: 250ms ease-out;
}
footer .site-name a:focus-visible {
  background-color: var(--link-focus-bg-color);
}
@media (hover: hover) and (pointer: fine) {
  footer .site-name a:hover {
    background-color: var(--link-hover-bg-color);
  }
}
footer .site-name a:focus-visible {
  --logo-image: url(../images/logo/logo-stacked-white.png);
}
@media (hover: hover) and (pointer: fine) {
  footer .site-name a:hover {
    --logo-image: url(../images/logo/logo-stacked-white-text.png);
  }
}
footer .site-name a:focus-visible {
  --logo-image: url(../images/logo/logo-stacked.png);
}
@media (hover: hover) and (pointer: fine) {
  footer .site-name a:hover {
    background-color: transparent;
  }
  footer .site-name a:hover:before {
    opacity: 0.7;
  }
}
footer .mini-site-name a {
  display: inline-block;
  font-size: 0px;
  line-height: 0px;
  padding: var(--spacing-2xs);
  transition: 250ms ease-out;
  border-radius: 8px;
}
footer .mini-site-name a:before {
  content: " ";
  display: flex;
  width: 80px;
  height: 60px;
  background-image: url(../images/mini-sites/bpfa/bpfa-logo.svg);
  background-repeat: no-repeat;
  background-size: contain;
  filter: invert(100%) sepia(0%) saturate(7486%) hue-rotate(200deg) brightness(165%) contrast(100%);
  transition: opacity 250ms ease-out;
}
footer .mini-site-name a:focus-visible {
  background-color: var(--link-focus-bg-color);
}
footer .mini-site-name a:focus-visible:before {
  filter: none;
}
@media (hover: hover) and (pointer: fine) {
  footer .mini-site-name a:hover {
    background-color: transparent;
  }
  footer .mini-site-name a:hover:before {
    opacity: 0.7;
  }
}
footer p.copyright {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: var(--body-s-font-size);
  line-height: var(--body-s-line-height);
  letter-spacing: 0em;
  font-weight: 700;
  margin-top: var(--spacing-m);
  margin-bottom: var(--spacing-xs);
}
footer nav ul.menu {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: var(--spacing-m);
       column-gap: var(--spacing-m);
  row-gap: var(--spacing-3xs);
}
footer nav ul.menu a {
  display: inline-block;
  padding: 0 var(--spacing-3xs);
  margin: 0 calc(-1 * var(--spacing-3xs));
  border-radius: 4px;
  transition: 250ms ease-out;
  background-image: linear-gradient(transparent, transparent 50%, var(--link-hover-bg-color) 50%, var(--link-hover-bg-color));
  background-size: 100% 200%;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: var(--body-s-font-size);
  line-height: var(--body-s-line-height);
  letter-spacing: 0em;
}
footer nav ul.menu a:focus-visible {
  color: var(--link-focus-fg-color);
  background-color: var(--link-focus-bg-color);
  --link-br-color: var(--link-focus-bg-color);
}
@media (hover: hover) and (pointer: fine) {
  footer nav ul.menu a:hover {
    background-position: 0 100%;
    color: var(--link-hover-fg-color);
  }
}
@media (hover: hover) and (pointer: fine) {
  footer nav ul.menu a:hover {
    --link-br-color: var(--link-hover-bg-color);
  }
}

#block-eige-mini-sites-social-share-buttons {
  align-items: flex-start;
  justify-content: flex-end;
}
#block-eige-mini-sites-social-share-buttons h2 {
  font-family: "Archivo", "Open Sans", sans-serif;
  font-weight: 700;
  font-size: var(--h4-font-size);
  line-height: var(--h4-line-height);
  letter-spacing: 0em;
  color: var(--headings-primary-color);
}
#block-eige-mini-sites-social-share-buttons ul.wt-ecl-social-media-share__list {
  flex-wrap: nowrap;
}
#block-eige-mini-sites-social-share-buttons ul.wt-ecl-social-media-share__list li a {
  padding: var(--spacing-3xs);
  --socialTxColor: var(--link-default-fg-color);
  --socialTxColorHover: var(--link-hover-fg-color);
}
#block-eige-mini-sites-social-share-buttons ul.wt-ecl-social-media-share__list li a:focus-visible {
  box-shadow: none;
  background-color: var(--link-focus-bg-color);
  --socialTxColor: var(--link-focus-fg-color);
}
@media (hover: hover) and (pointer: fine) {
  #block-eige-mini-sites-social-share-buttons ul.wt-ecl-social-media-share__list li a:hover {
    background-color: var(--link-hover-bg-color);
  }
}

div.block.to-top {
  position: absolute;
  top: 0;
  right: calc(var(--page-padding-lr) * 0.5);
  transform: translateY(-50%);
}
div.block.to-top a.button {
  --action-fg-color:	#13293f;
  --action-bg-color:	#9dd1cd;
  --action-icon-color:	#1e6d68;
  --action-hover-fg-color:	white;
  --action-hover-bg-color:	#2a9a93;
  --action-hover-icon-color:	white;
}

/*# sourceMappingURL=beijing-platform-for-action-mini-site.css.map */