@font-face {
  font-family: "Noto Sans";
  src: url("../fonts/campaign-mini-site/NotoSans-VariableFont_wdth,wght.woff2") format("woff2-variations");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "CCMeanwhile-Regular";
  src: url("../fonts/campaign-mini-site/cc-meanwhile-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/*! 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: "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 {
  --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))
  );
}

@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;
}

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;
}

#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;
  }
}

.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;
}

.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;
}

:root {
  --carousel-item-width:	calc(
  	((360 / 16) * 1rem) + (456 - 360) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --carousel-gap:	var(--spacing-m);
}
@media screen and (min-width: 64.0625em) {
  :root {
    --carousel-gap:	var(--spacing-xl);
  }
}

.slick-slider.slick-initialized {
  display: flex;
  align-items: center;
  --extra-carousel-gap:	0px;
}
.slick-slider.slick-initialized:not(:has(button.slick-arrow)) {
  --extra-carousel-gap:	calc(var(--carousel-gap) * 0.25);
}
.slick-slider.slick-initialized .slick-list {
  display: flex;
  align-items: center;
  position: relative;
  width: calc(100% + var(--carousel-extra-width, var(--page-padding-lr)));
  margin-right: calc(-1 * var(--carousel-extra-width, var(--page-padding-lr)));
  overflow-x: clip;
  overflow-y: visible;
}
.slick-slider.slick-initialized .slick-track {
  display: flex;
  align-items: stretch;
}
.slick-slider.slick-initialized .slick-slide {
  position: relative;
  margin: 0 calc(var(--carousel-gap) + var(--extra-carousel-gap));
  height: auto;
  width: calc(100vw - var(--page-padding-lr) * 2);
  transition: 250ms ease-out;
  line-height: 0;
}
@media screen and (min-width: 30.0625em) {
  .slick-slider.slick-initialized .slick-slide {
    width: var(--carousel-item-width);
  }
}
.slick-slider.slick-initialized .slick-slide:focus-visible {
  outline: 0px;
}
@media screen and (min-width: 64.0625em) {
  .slick-slider.slick-initialized .slick-slide:after {
    content: " ";
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0px;
    right: calc(-1 * (var(--carousel-gap) + var(--extra-carousel-gap)) - 1px);
    background-color: #dbdbdb;
  }
  .slick-slider.slick-initialized .slick-slide:last-child:after {
    content: none;
  }
}
.slick-slider.slick-initialized .slick-slide:not(.slick-active) {
  opacity: 0.6;
}
.slick-slider.slick-initialized .slick-slide:not(.slick-active):after {
  opacity: 0;
}
.slick-slider.slick-initialized .slick-slide article.teaser {
  height: 100%;
  margin: 0px;
}
.slick-slider.slick-initialized button.button {
  position: absolute;
  z-index: 2;
  display: inline-flex !important;
}
.slick-slider.slick-initialized button.button.slick-prev {
  right: 100%;
  transform: translateX(50%);
}
@media screen and (min-width: 40.0625em) {
  .slick-slider.slick-initialized button.button.slick-prev {
    transform: none;
    margin-right: var(--spacing-3xs);
  }
}
@media screen and (min-width: 64.0625em) {
  .slick-slider.slick-initialized button.button.slick-prev {
    margin-right: var(--spacing-m);
  }
}
.slick-slider.slick-initialized button.button.slick-next {
  left: 100%;
  transform: translateX(-50%);
}
@media screen and (min-width: 40.0625em) {
  .slick-slider.slick-initialized button.button.slick-next {
    transform: none;
    margin-left: var(--spacing-3xs);
  }
}
@media screen and (min-width: 64.0625em) {
  .slick-slider.slick-initialized button.button.slick-next {
    margin-left: var(--spacing-m);
  }
}
.slick-slider.slick-initialized button.button.slick-disabled {
  display: none !important;
}

.block-carousel .view-content:not(.slick-slider) {
  display: flex;
  -moz-column-gap: calc(var(--carousel-gap) * 2);
       column-gap: calc(var(--carousel-gap) * 2);
}
.block-carousel .view-content:not(.slick-slider) > div {
  min-width: var(--carousel-item-width);
}
@media screen and (min-width: 64.0625em) {
  .block-carousel .view-content:not(.slick-slider) > div {
    position: relative;
  }
  .block-carousel .view-content:not(.slick-slider) > div:after {
    content: " ";
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0px;
    right: calc(-1 * (var(--carousel-gap) - 1px));
    background-color: #dbdbdb;
  }
  .block-carousel .view-content:not(.slick-slider) > div:last-child:after {
    content: none;
  }
}

:root {
  --header-height:	5.875rem;
  --header-spacing:	calc(
  	((16 / 16) * 1rem) + (32 - 16) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --link-default-fg-color:	#13293f;
  --section-padding-tb:	calc(
  	((42 / 16) * 1rem) + (128 - 42) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --to-top-size:	90px;
  --hs5-font-size: calc(
  	((40 / 16) * 1rem) + (67 - 40) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --hs5-line-height: calc(
  	((48 / 16) * 1rem) + (81 - 48) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --hs4-font-size: calc(
  	((33 / 16) * 1rem) + (54 - 33) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --hs4-line-height: calc(
  	((40 / 16) * 1rem) + (64 - 40) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --hs3-font-size: calc(
  	((28 / 16) * 1rem) + (43 - 28) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --hs3-line-height: calc(
  	((33 / 16) * 1rem) + (52 - 33) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --hs2-font-size: calc(
  	((23 / 16) * 1rem) + (34 - 23) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --hs2-line-height: calc(
  	((28 / 16) * 1rem) + (41 - 28) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --hs1-font-size: calc(
  	((19 / 16) * 1rem) + (28 - 19) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --hs1-line-height: calc(
  	((23 / 16) * 1rem) + (33 - 23) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --hs0-font-size: calc(
  	((16 / 16) * 1rem) + (22 - 16) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --hs0-line-height: calc(
  	((19 / 16) * 1rem) + (26 - 19) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --hs-1-font-size: calc(
  	((13 / 16) * 1rem) + (18 - 13) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --hs-1-line-height: calc(
  	((16 / 16) * 1rem) + (21 - 16) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --hs-2-font-size: calc(
  	((11 / 16) * 1rem) + (14 - 11) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --hs-2-line-height: calc(
  	((13 / 16) * 1rem) + (17 - 13) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --bs1-font-size: calc(
  	((19 / 16) * 1rem) + (28 - 19) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --bs1-line-height: calc(
  	((33 / 16) * 1rem) + (48 - 33) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --bs0-font-size: calc(
  	((16 / 16) * 1rem) + (22 - 16) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --bs0-line-height: calc(
  	((27 / 16) * 1rem) + (37 - 27) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --bs-1-font-size: calc(
  	((13 / 16) * 1rem) + (18 - 13) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --bs-1-line-height: calc(
  	((23 / 16) * 1rem) + (30 - 23) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
}
@media screen and (min-width: 64.0625em) {
  :root {
    --header-height:	8.9375rem;
  }
}
:root .mini-site-three-steps-forward {
  --page-padding-lr:	calc(
  	((32 / 16) * 1rem) + (48 - 32) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
}
@media screen and (min-width: 64.0625em) {
  :root .mini-site-green-deal.mini-site-landing-page main,
  :root .mini-site-gender-based-violence-survey.mini-site-landing-page main {
    --page-padding-lr:	calc(
    	((-100 / 16) * 1rem) + (256 - -100) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
    );
  }
}

.page.mini-site {
  --menu-toggler-color:	#13293f;
}

.page.mini-site-three-steps-forward {
  --footer-bg-color:	#333D9A;
  --header-bg-color:	#333D9A;
}

.page.mini-site-green-deal {
  --footer-bg-color:	#073E37;
  --header-bg-color:	#B7EADB;
}
.page.mini-site-green-deal article h3 {
  --teaser-hover-fg-color:	#073E37;
  --teaser-focus-br-color:	#073E37;
}

html, body {
  scroll-behavior: smooth;
}
@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;
  }
}
html:has(.mini-site-menu.open), body:has(.mini-site-menu.open) {
  overflow-y: hidden;
}

body {
  color: #3e4047;
}

.mini-site {
  max-width: 120rem;
  margin: auto;
  overflow: hidden;
}

.region-administrative-links {
  --ui-xs-font-size: 14px;
  --ui-xs-line-height: 15px;
}

.show-for-sr {
  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 h2 {
  font-weight: 700;
  font-size: var(--hs4-font-size);
  line-height: var(--hs4-line-height);
  letter-spacing: -0.03em;
}
.mini-site h3 {
  font-weight: 700;
  font-size: var(--hs3-font-size);
  line-height: var(--hs3-line-height);
  letter-spacing: -0.03em;
}
.mini-site p {
  font-weight: 300;
  font-size: var(--bs0-font-size);
  line-height: var(--bs0-line-height);
}
.mini-site > *:last-child {
  margin-bottom: 0px;
}

.mini-site-name {
  line-height: 0;
}
.mini-site-name a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0px;
  border-radius: 3px;
  padding: var(--spacing-3xs);
}
.mini-site-name a:before {
  content: " ";
  background-repeat: no-repeat;
  background-size: cover;
}
.mini-site-name a:focus-visible {
  box-shadow: 0 0 0 2px var(--logoFocusBrColor, white);
}

.mini-site-name a.mini-site-three-steps-forward:before {
  background-image: url(../images/mini-sites/three-steps-logo-white-text.svg);
}

.mini-site-name a.mini-site-green-deal:before {
  background-image: url(../images/mini-sites/green-deal-logo-white.svg);
}

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;
}

.region-mini-site-header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: var(--header-height);
  padding: 0 calc(
		((12 / 16) * 1rem) + (48 - 12) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
  background-color: var(--header-bg-color);
  z-index: 10;
}
.region-mini-site-header .site-name {
  margin-right: var(--header-spacing);
  padding-right: var(--header-spacing);
  border-right: 1px solid var(--header-divider-br-color, #75767D);
}
.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);
  border-radius: 3px;
}
.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 .site-name a:focus-visible {
  box-shadow: 0 0 0 2px var(--logoFocusBrColor, white);
}
.region-mini-site-header .site-name a:before {
  --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:before {
    --logo-image: url(../images/logo/logo-stacked-white-text.png);
  }
}
.mini-site-landing-page .region-mini-site-header .site-name a:before {
  --logo-image: url(../images/logo/logo-stacked-black-small.png);
}
@media screen and (min-width: 64.0625em) {
  .mini-site-landing-page .region-mini-site-header .site-name a:before {
    --logo-image: url(../images/logo/logo-stacked-black.png);
  }
}
.mini-site-landing-page .region-mini-site-header {
  --logoFocusBrColor: #3e4047;
}
.region-mini-site-header a.mini-site-three-steps-forward:before {
  width: 86px;
  height: 40px;
}
@media screen and (min-width: 64.0625em) {
  .region-mini-site-header a.mini-site-three-steps-forward:before {
    width: 146px;
    height: 68px;
  }
}
div.mini-site-landing-page .region-mini-site-header a.mini-site-three-steps-forward:before {
  background-image: url(../images/mini-sites/three-steps-logo-dark.svg);
}
.region-mini-site-header a.mini-site-green-deal:before {
  background-image: url(../images/mini-sites/green-deal-logo-dark.svg);
  width: 120px;
  height: 29px;
}
@media screen and (min-width: 64.0625em) {
  .region-mini-site-header a.mini-site-green-deal:before {
    width: 212px;
    height: 52px;
  }
}
.region-mini-site-header p {
  font-weight: 700;
  font-size: var(--hs-1-font-size);
  line-height: var(--hs-1-line-height);
  letter-spacing: -0.03em;
  font-weight: 700;
  color: white;
  margin-left: var(--header-spacing);
}
@media screen and (max-width: 40em) {
  .region-mini-site-header p {
    display: none;
  }
}
div.mini-site-landing-page .region-mini-site-header p {
  display: none;
}
.region-mini-site-header #block-eige-mini-sites-header-mini-site-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  z-index: 10;
}
.region-mini-site-header .button.menu {
  font-size: 0px;
  box-shadow: 0 0 0 0 transparent;
  border-radius: 3px;
  transition: 250ms ease-out;
  background: none;
  padding: 0;
}
.region-mini-site-header .button.menu::before {
  content: "\e977";
  color: var(--menu-toggler-color);
  font-size: calc(
		((32 / 16) * 1rem) + (48 - 32) * 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;
}
@media screen and (min-width: 64.0625em) {
  .region-mini-site-header .button.menu:before {
    transition: 250ms ease-out;
  }
}
@media (hover: hover) and (pointer: fine) {
  .region-mini-site-header .button.menu:hover {
    opacity: 0.8;
  }
}
.region-mini-site-header .button.menu:focus-visible {
  box-shadow: 0 0 0 2px var(--menu-toggler-color);
}

.mini-site-three-steps-forward.mini-site-landing-page .region-mini-site-header {
  background-color: transparent;
}

.mini-site-green-deal .region-mini-site-header {
  clip-path: polygon(0% 0%, 100% 0%, 100% 300%, 0% 300%);
}
@media screen and (max-width: 30em) {
  .mini-site-green-deal .region-mini-site-header {
    position: relative;
  }
  .mini-site-green-deal .region-mini-site-header:before {
    content: " ";
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #FEDB43;
    z-index: -1;
    width: 100%;
    height: calc(
		((132 / 16) * 1rem) + (150 - 132) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 60%);
    z-index: 1;
  }
  .mini-site-green-deal .region-mini-site-header > div {
    z-index: 2;
  }
}
@media screen and (min-width: 30.0625em) {
  .mini-site-green-deal .region-mini-site-header {
    background-color: transparent;
  }
  .mini-site-green-deal .region-mini-site-header .block-mini-site-branding-block {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
  }
  .mini-site-green-deal .region-mini-site-header .block-mini-site-branding-block:before {
    content: " ";
    position: absolute;
    background-color: #FEDB43;
    z-index: -1;
    top: auto;
    right: -15px;
    bottom: -30px;
    width: 530px;
    height: 200px;
    transform: rotate(5deg);
    transform-origin: bottom right;
  }
}

.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;
}

footer {
  position: relative;
  color: white;
}
footer .region-mini-site-footer-left,
footer .region-mini-site-footer-right {
  padding: calc(
		((32 / 16) * 1rem) + (48 - 32) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	) var(--page-padding-lr);
}
footer .region-mini-site-footer-left {
  position: relative;
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  -moz-column-gap: var(--spacing-l);
       column-gap: var(--spacing-l);
  row-gap: var(--spacing-m);
}
footer .region-mini-site-footer-left .block-eige-copyright,
footer .region-mini-site-footer-left .block-menu {
  flex-basis: 100%;
}
footer .region-mini-site-footer-left .site-name {
  line-height: 0;
}
footer .region-mini-site-footer-left .site-name a {
  padding: var(--spacing-3xs);
  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;
}
footer .region-mini-site-footer-left .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 .region-mini-site-footer-left .site-name a:focus-visible {
  background-color: var(--link-focus-bg-color);
}
@media (hover: hover) and (pointer: fine) {
  footer .region-mini-site-footer-left .site-name a:hover {
    background-color: var(--link-hover-bg-color);
  }
}
footer .region-mini-site-footer-left .site-name a:focus-visible {
  --logo-image: url(../images/logo/logo-stacked-white.png);
}
@media (hover: hover) and (pointer: fine) {
  footer .region-mini-site-footer-left .site-name a:hover {
    --logo-image: url(../images/logo/logo-stacked-white-text.png);
  }
}
footer .region-mini-site-footer-left .site-name a:before {
  --logo-image: url(../images/logo/logo-stacked-white.png);
}
.page.mini-site-three-steps-forward footer .region-mini-site-footer-left .site-name a:before {
  --logo-image: url(../images/logo/logo-stacked-white-text.png);
}
footer .region-mini-site-footer-left p {
  font-weight: 300;
  font-size: var(--bs-1-font-size);
  line-height: var(--bs-1-line-height);
  font-weight: 700;
  margin-bottom: calc(-1 * var(--spacing-m) + var(--spacing-2xs));
  color: #FFC000;
}
footer .region-mini-site-footer-left nav ul.menu {
  display: flex;
  flex-wrap: wrap;
  row-gap: var(--spacing-3xs);
  -moz-column-gap: var(--spacing-m);
       column-gap: var(--spacing-m);
}
footer .region-mini-site-footer-left nav ul.menu a {
  padding: 0 var(--spacing-3xs);
  margin: 0 calc(-1 * var(--spacing-3xs));
  display: inline-block;
  font-weight: 300;
  font-size: var(--bs-1-font-size);
  line-height: var(--bs-1-line-height);
  color: white;
  font-weight: 300;
  border-radius: 3px;
}
@media (hover: hover) and (pointer: fine) {
  footer .region-mini-site-footer-left nav ul.menu a:hover {
    color: var(--footer-links-hover-color, #FFC000);
  }
}
footer .region-mini-site-footer-left nav ul.menu a:focus-visible {
  box-shadow: 0 0 0 2px white;
}

@media screen and (min-width: 64.0625em) {
  .mini-site-three-steps-forward footer {
    display: grid;
    grid-template-columns: 38.6fr 42.4fr 19fr;
  }
}
.mini-site-three-steps-forward footer .region-mini-site-footer-left,
.mini-site-three-steps-forward footer .region-mini-site-footer-right {
  background-color: var(--footer-bg-color);
}
.mini-site-three-steps-forward footer .mini-site-name a.mini-site-three-steps-forward:before {
  width: calc(
		((140 / 16) * 1rem) + (152 - 140) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
  height: calc(
		((65 / 16) * 1rem) + (70 - 65) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
}
.mini-site-three-steps-forward footer .region-mini-site-footer-middle {
  background-color: #C4C3E3;
}
.mini-site-three-steps-forward footer .region-mini-site-footer-middle div {
  height: 100%;
}
.mini-site-three-steps-forward footer .region-mini-site-footer-middle .download {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin-right: 100%;
  position: relative;
  margin-left: 100%;
  margin: 0px;
}
@media screen and (max-width: 64em) {
  .mini-site-three-steps-forward footer .region-mini-site-footer-middle .download {
    flex-direction: column;
  }
}
.mini-site-three-steps-forward footer .region-mini-site-footer-middle .download p {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  padding: 2rem;
}
.mini-site-three-steps-forward footer .region-mini-site-footer-middle .download a {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 8rem;
  height: 8rem;
  padding: 2.5rem;
  background-color: #EC4043;
  color: white;
  border-radius: 50%;
  text-align: center;
  font-weight: 700;
  font-size: var(--hs0-font-size);
  line-height: var(--hs0-line-height);
  letter-spacing: -0.03em;
  z-index: 1;
  box-shadow: 0 0 0 0px #EC4043;
}
.mini-site-three-steps-forward footer .region-mini-site-footer-middle .download a::before {
  content: "\e971";
  color: inherit;
  font-size: 2rem;
  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;
}
@media (hover: hover) and (pointer: fine) {
  .mini-site-three-steps-forward footer .region-mini-site-footer-middle .download a:hover {
    box-shadow: 0 0 0 6px #EC4043;
  }
}
.mini-site-three-steps-forward footer .region-mini-site-footer-middle .download a:focus-visible {
  box-shadow: 0 0 0 6px #333D9A;
}
@media screen and (min-width: 64.0625em) {
  .mini-site-three-steps-forward footer .region-mini-site-footer-middle .download a {
    width: 14.5rem;
    height: 14.5rem;
  }
  .mini-site-three-steps-forward footer .region-mini-site-footer-middle .download a:before {
    font-size: 3.5rem;
  }
}
.mini-site-three-steps-forward footer .region-mini-site-footer-middle .download:before {
  content: " ";
  position: absolute;
  background-color: inherit;
  clip-path: var(--triangleClipDirection, polygon(-1% 0%, 0% 0%, 100% 50%, 0% 100%, -1% 100%));
  top: 0px;
  left: 100%;
  height: 100%;
  width: 100%;
}
.mini-site-three-steps-forward footer .region-mini-site-footer-middle .download:after {
  content: " ";
  position: absolute;
  background-color: inherit;
  clip-path: var(--triangleClipDirection, polygon(0 50%, 100% 0%, 101% 0%, 101% 100%, 100% 100%));
  top: 0px;
  right: 100%;
  height: 100%;
  width: 100%;
}
.mini-site-three-steps-forward footer .region-mini-site-footer-middle .download:before, .mini-site-three-steps-forward footer .region-mini-site-footer-middle .download:after {
  position: static;
  flex-grow: 1;
  background-color: #333D9A;
}
@media screen and (max-width: 64em) {
  .mini-site-three-steps-forward footer .region-mini-site-footer-middle .download:before, .mini-site-three-steps-forward footer .region-mini-site-footer-middle .download:after {
    height: 4rem;
  }
}
@media screen and (max-width: 64em) {
  .mini-site-three-steps-forward footer .region-mini-site-footer-middle .download:before {
    clip-path: polygon(0% 0%, 0% -1%, 100% -1%, 100% 0%, 50% 100%);
  }
  .mini-site-three-steps-forward footer .region-mini-site-footer-middle .download:after {
    clip-path: polygon(0% 100%, 0% 101%, 100% 101%, 100% 100%, 50% 0%);
  }
}

.mini-site-green-deal footer {
  display: grid;
  grid-template-columns: 1fr;
  background-color: var(--footer-bg-color);
}
@media screen and (min-width: 64.0625em) {
  .mini-site-green-deal footer {
    grid-template-columns: 43.25fr 38.5fr 18.25fr;
  }
  .mini-site-green-deal footer .region-mini-site-footer-left {
    padding-right: 0px;
  }
  .mini-site-green-deal footer .region-mini-site-footer-right {
    padding-left: 0px;
    margin-left: -15%;
  }
  .mini-site-green-deal footer #block-eige-mini-sites-social-share-buttons {
    align-items: flex-end;
    justify-content: flex-end;
  }
  .mini-site-green-deal footer #block-eige-mini-sites-social-share-buttons ul.wt-ecl-social-media-share__list {
    justify-content: flex-end;
  }
}
.mini-site-green-deal footer .mini-site-name a.mini-site-green-deal:before {
  width: calc(
		((213 / 16) * 1rem) + (240 - 213) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
  height: calc(
		((52 / 16) * 1rem) + (58 - 52) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
}
.mini-site-green-deal footer:after {
  content: " ";
  display: flex;
  height: calc(
		((146 / 16) * 1rem) + (300 - 146) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
  background-image: url(../images/mini-sites/green-deal-footer-image.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  grid-row: 2;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 77%);
}
@media screen and (min-width: 64.0625em) {
  .mini-site-green-deal footer:after {
    grid-column: 2;
    grid-row: 1;
    height: 100%;
    clip-path: polygon(0 0, 100% 0, 75% 100%, 25% 100%);
  }
}

.to-top {
  position: absolute;
  top: 0;
  right: var(--page-padding-lr);
}
.to-top a.button {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: var(--to-top-size);
  height: var(--to-top-size);
  margin-top: -50%;
  background-color: var(--to-top-bg-color, #56915F);
  color: white;
  border-radius: 50%;
  font-size: 1.0625rem;
  line-height: 1.4375rem;
  font-weight: 400;
  box-shadow: 0 0 0 0px #56915F;
}
.to-top a.button::before {
  content: "\e970";
  color: inherit;
  font-size: 1.5rem;
  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;
}
.to-top a.button:before {
  margin-bottom: 4px;
}
@media (hover: hover) and (pointer: fine) {
  .to-top a.button:hover {
    box-shadow: 0 0 0 4px var(--to-top-bg-color, #56915F);
  }
}
.to-top a.button:focus-visible {
  box-shadow: 0 0 0 4px var(--to-top-focus-br-color, #FFC000);
  background-color: var(--to-top-focus-bg-color, var(--to-top-bg-color, #56915F));
}

.mini-site-three-steps-forward footer .region-mini-site-footer-right {
  position: relative;
}
@media screen and (max-width: 64em) {
  .mini-site-three-steps-forward footer .region-mini-site-footer-right a.button {
    margin-top: -70%;
  }
}

.mini-site-green-deal footer {
  position: relative;
}

.region-title-top,
.region-title {
  max-width: calc(var(--page-padding-lr)*2 + 87.5rem);
  padding-left: var(--page-padding-lr);
  padding-right: var(--page-padding-lr);
  margin: auto;
}

.region-title-top {
  padding-top: var(--page-padding-tb);
}
.region-title-top .block-system-breadcrumb-block {
  margin-bottom: var(--section-gap);
  --decor-primary-color: #38A0BD;
  --link-default-fg-color: #333D9A;
  --link-hover-bg-color: #333D9A;
  --link-hover-fg-color: white;
  --link-focus-fg-color: white;
  --link-focus-bg-color: #333D9A;
}
.mini-site-landing-page .region-title-top {
  padding: 0px;
}
.mini-site-landing-page .region-title-top .block-system-breadcrumb-block {
  display: none;
}

.region-title {
  padding-bottom: calc(
		((48 / 16) * 1rem) + (128 - 48) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
}
.region-title h1 {
  font-weight: 700;
  font-size: var(--hs5-font-size);
  line-height: var(--hs5-line-height);
  letter-spacing: -0.03em;
  color: #B9698C;
}
.region-title .block-views-block-node-subtitle-block p {
  font-weight: 700;
  font-size: var(--hs2-font-size);
  line-height: var(--hs2-line-height);
  letter-spacing: -0.03em;
  color: #3e4047;
}
.mini-site-landing-page .region-title {
  padding: 0px;
}
.mini-site-landing-page .region-title 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-green-deal section.hero h2, .mini-site-three-steps-forward .hero .logo, .mini-site-three-steps-forward .hero .arrows span, .mini-site-three-steps-forward .achieving-equality ol li, .mini-site-three-steps-forward .join-and-share .upper-section h2:before, .mini-site-three-steps-forward .join-and-share .upper-section:before, .mini-site-three-steps-forward .join-and-share .upper-section:after, .mini-site-three-steps-forward .join-and-share .social-section .social-arrow, .mini-site-three-steps-forward .time .hourglass:before, .mini-site-three-steps-forward .time .hourglass:after, .mini-site-three-steps-forward .time li {
  transform: translate(var(--translateX, 0), var(--translateY, 0));
  transition: transform 250ms ease-out;
}

section.carousel .carousel-items .slick-track > div article, .grid-list li article {
  position: relative;
  display: flex;
  flex-direction: column;
}
section.carousel .carousel-items .slick-track > div .image-wrapper, .grid-list li .image-wrapper,
section.carousel .carousel-items .slick-track > div .video-wrapper,
.grid-list li .video-wrapper {
  order: -1;
  margin-bottom: calc(
		((16 / 16) * 1rem) + (32 - 16) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
  line-height: 0;
}
section.carousel .carousel-items .slick-track > div h3, .grid-list li h3 {
  font-weight: 700;
  font-size: var(--hs1-font-size);
  line-height: var(--hs1-line-height);
  letter-spacing: -0.03em;
}

@media (hover: hover) and (pointer: fine) {
  .mini-site-green-deal section.teaser-groups ul.grid-list li article:hover h3:before, .mini-site-three-steps-forward .learn-more li article:hover h3:before, section.carousel .carousel-items .slick-track > div.image article:hover h3:before {
    transform: rotate(360deg);
  }
}
.mini-site-green-deal section.teaser-groups ul.grid-list li .image-wrapper, .mini-site-three-steps-forward .learn-more li .image-wrapper, section.carousel .carousel-items .slick-track > div.image .image-wrapper {
  aspect-ratio: 16/9;
  overflow: hidden;
}
.mini-site-green-deal section.teaser-groups ul.grid-list li .image-wrapper img, .mini-site-three-steps-forward .learn-more li .image-wrapper img, section.carousel .carousel-items .slick-track > div.image .image-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mini-site-green-deal section.teaser-groups ul.grid-list li h3, .mini-site-three-steps-forward .learn-more li h3, section.carousel .carousel-items .slick-track > div.image h3 {
  display: flex;
  align-items: center;
}
.mini-site-green-deal section.teaser-groups ul.grid-list li h3::before, .mini-site-three-steps-forward .learn-more li h3::before, section.carousel .carousel-items .slick-track > div.image h3::before {
  content: "\e972";
  color: var(--triangleBgColor, #EC4043);
  font-size: var(--triangleSize, 1.5rem);
  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;
}
.mini-site-green-deal section.teaser-groups ul.grid-list li h3:before, .mini-site-three-steps-forward .learn-more li h3:before, section.carousel .carousel-items .slick-track > div.image h3:before {
  flex-shrink: 0;
  margin-right: calc(
		((16 / 16) * 1rem) + (32 - 16) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
  margin-top: 2px;
  transition: 250ms ease-out;
}
.mini-site-green-deal section.teaser-groups ul.grid-list li:nth-child(2), .mini-site-three-steps-forward .learn-more li:nth-child(2), section.carousel .carousel-items .slick-track > div.image:nth-child(2), .mini-site-green-deal section.teaser-groups ul.grid-list li:nth-child(6), .mini-site-three-steps-forward .learn-more li:nth-child(6), section.carousel .carousel-items .slick-track > div.image:nth-child(6), .mini-site-green-deal section.teaser-groups ul.grid-list li:nth-child(10), .mini-site-three-steps-forward .learn-more li:nth-child(10), section.carousel .carousel-items .slick-track > div.image:nth-child(10) {
  --triangleBgColor: #FFC000;
}
.mini-site-green-deal section.teaser-groups ul.grid-list li:nth-child(3), .mini-site-three-steps-forward .learn-more li:nth-child(3), section.carousel .carousel-items .slick-track > div.image:nth-child(3), .mini-site-green-deal section.teaser-groups ul.grid-list li:nth-child(7), .mini-site-three-steps-forward .learn-more li:nth-child(7), section.carousel .carousel-items .slick-track > div.image:nth-child(7), .mini-site-green-deal section.teaser-groups ul.grid-list li:nth-child(11), .mini-site-three-steps-forward .learn-more li:nth-child(11), section.carousel .carousel-items .slick-track > div.image:nth-child(11) {
  --triangleBgColor: #B9698C;
}
.mini-site-green-deal section.teaser-groups ul.grid-list li:nth-child(4), .mini-site-three-steps-forward .learn-more li:nth-child(4), section.carousel .carousel-items .slick-track > div.image:nth-child(4), .mini-site-green-deal section.teaser-groups ul.grid-list li:nth-child(8), .mini-site-three-steps-forward .learn-more li:nth-child(8), section.carousel .carousel-items .slick-track > div.image:nth-child(8), .mini-site-green-deal section.teaser-groups ul.grid-list li:nth-child(12), .mini-site-three-steps-forward .learn-more li:nth-child(12), section.carousel .carousel-items .slick-track > div.image:nth-child(12) {
  --triangleBgColor: #56915F;
}
.mini-site-green-deal section.teaser-groups ul.grid-list li a:before, .mini-site-three-steps-forward .learn-more li a:before, section.carousel .carousel-items .slick-track > div.image a:before {
  content: " ";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  box-shadow: 0 0 0 0 #333D9A;
  transition: 250ms ease-out;
}
.mini-site-green-deal section.teaser-groups ul.grid-list li a:focus-visible:before, .mini-site-three-steps-forward .learn-more li a:focus-visible:before, section.carousel .carousel-items .slick-track > div.image a:focus-visible:before {
  box-shadow: 0 0 0 4px var(--teaser-focus-br-color, #333D9A);
}
@media (hover: hover) and (pointer: fine) {
  .mini-site-green-deal section.teaser-groups ul.grid-list li a:hover, .mini-site-three-steps-forward .learn-more li a:hover, section.carousel .carousel-items .slick-track > div.image a:hover {
    color: var(--teaser-hover-fg-color, #38A0BD);
  }
}

.mini-site-green-deal section.hero h2 span, .mini-site-green-deal section.hero p, .mini-site-green-deal section.boxes div.box h3, .mini-site-green-deal section.video h2 span {
  font-family: "CCMeanwhile-Regular", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}

.grid-list {
  width: 100%;
  max-width: 87.5rem;
  display: grid;
  -moz-column-gap: calc(
		((32 / 16) * 1rem) + (80 - 32) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
       column-gap: calc(
		((32 / 16) * 1rem) + (80 - 32) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
  row-gap: calc(
		((32 / 16) * 1rem) + (64 - 32) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
  grid-template-columns: repeat(var(--itemsPerRow, 1), 1fr);
}
@media screen and (min-width: 30.0625em) {
  .grid-list {
    --itemsPerRow: 2;
  }
}
@media screen and (min-width: 50.0625em) {
  .grid-list {
    --itemsPerRow: 3;
  }
}
.grid-list li {
  transform: scale(0, 0);
  opacity: 0;
  transition: transform 300ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transition-delay: calc(100ms * var(--extraDelayMultiplier, 0));
}
@media screen and (min-width: 50.0625em) {
  .grid-list li:nth-child(2) {
    --extraDelayMultiplier: 1;
  }
  .grid-list li:nth-child(3) {
    --extraDelayMultiplier: 2;
  }
  .grid-list li:nth-child(4) {
    --extraDelayMultiplier: 3;
  }
  .grid-list li:nth-child(5) {
    --extraDelayMultiplier: 4;
  }
  .grid-list li:nth-child(6) {
    --extraDelayMultiplier: 5;
  }
  .grid-list li:nth-child(7) {
    --extraDelayMultiplier: 6;
  }
  .grid-list li:nth-child(8) {
    --extraDelayMultiplier: 7;
  }
  .grid-list li:nth-child(9) {
    --extraDelayMultiplier: 8;
  }
  .grid-list li:nth-child(10) {
    --extraDelayMultiplier: 9;
  }
  .grid-list li:nth-child(11) {
    --extraDelayMultiplier: 10;
  }
  .grid-list li:nth-child(12) {
    --extraDelayMultiplier: 11;
  }
}
.grid-list li.visible {
  transform: scale(1, 1);
  opacity: 1;
}

section.carousel .carousel-items + h2 {
  margin-top: calc(
		((48 / 16) * 1rem) + (80 - 48) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
}
section.carousel .slick-slider.slick-initialized {
  --carousel-gap: calc(
  	((16 / 16) * 1rem) + (40 - 16) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
}
section.carousel .slick-slider.slick-initialized .slick-slide:after {
  content: none;
}
section.carousel .slick-slider.slick-initialized .button {
  border-radius: 0px;
}
@media screen and (min-width: 40.0625em) {
  section.carousel .slick-slider.slick-initialized .button.slick-prev {
    right: auto;
    left: 0px;
  }
  section.carousel .slick-slider.slick-initialized .button.slick-next {
    right: calc(-1 * var(--page-padding-lr));
    left: auto;
  }
}
section.carousel .carousel-items {
  transition: 400ms ease-out;
  transition-delay: 450ms;
  clip-path: polygon(0 0, 200% 0, 200% 0, 0 0);
}
section.carousel .carousel-items.visible {
  clip-path: polygon(calc(-1 * var(--page-padding-lr)) -4px, 200% -4px, 200% calc(100% + 4px), calc(-1 * var(--page-padding-lr)) calc(100% + 4px));
}

section.video,
section.two-columns {
  position: relative;
  padding: calc(
		((48 / 16) * 1rem) + (225 - 48) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	) var(--page-padding-lr);
}
section.video > div,
section.two-columns > div {
  display: grid;
  grid-template-columns: 1fr;
  gap: calc(
		((48 / 16) * 1rem) + (100 - 48) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
  align-items: center;
  max-width: 87.5rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 64.0625em) {
  section.video > div,
  section.two-columns > div {
    grid-template-columns: 46.8fr 53.2fr;
  }
}
section.video > div > div,
section.two-columns > div > div {
  opacity: 0;
  transition: transform 300ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transform: scale(0, 0);
  pointer-events: none;
}
@media screen and (min-width: 64.0625em) {
  section.video > div > div:nth-child(2),
  section.two-columns > div > div:nth-child(2) {
    transition-delay: 300ms;
  }
}
section.video > div > div.visible,
section.two-columns > div > div.visible {
  transform: scale(1, 1);
  opacity: 1;
  pointer-events: all;
}
section.video:before,
section.two-columns:before {
  content: " ";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: var(--video-section-bg-color);
  z-index: -1;
  transition: 250ms ease-out;
}
@media screen and (min-width: 64.0625em) {
  section.video:before,
  section.two-columns:before {
    clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%, 50% calc( 		((0 / 16) * 1rem) + (300 - 0) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360)) 	));
  }
}
section.video h2 + p,
section.two-columns h2 + p {
  margin-top: calc(
		((24 / 16) * 1rem) + (72 - 24) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
}

.mini-site-green-deal section.video {
  --video-section-bg-color: #073E37;
}
.mini-site-green-deal section.video h2 span {
  color: #FEDB43;
}
.mini-site-green-deal section.video h2, .mini-site-green-deal section.video p {
  color: white;
}
@media screen and (min-width: 64.0625em) {
  .mini-site-green-deal section.video.visible:before {
    clip-path: polygon(var(--hero-white-edge-d-x) 0, 100% 0, 71.5% 100%, 0 100%, 0 calc( 		((0 / 16) * 1rem) + (200 - 0) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360)) 	));
  }
}

.mini-site-three-steps-forward > *:not(.region-administrative-links) * {
  font-family: "Noto Sans", sans-serif !important;
}

.mini-site-menu {
  --menu-nav-link-fg-color-hover:	#56915F;
  --menu-nav-link-bg-color-hover:	transparent;
  --menu-nav-link-fg-color-focus:	#13293f;
  --menu-nav-link-bg-color-focus:	transparent;
  --menu-nav-link-br-color-focus:	#13293f;
}
.mini-site-menu button.close {
  padding: 0;
  background: transparent;
  font-size: 0px;
  transition: 250ms ease-out;
  border-radius: 3px;
  box-shadow: 0 0 0 0 transparent;
}
.mini-site-menu button.close::before {
  content: "\e978";
  color: #13293f;
  font-size: calc(
		((32 / 16) * 1rem) + (48 - 32) * 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;
}
@media (hover: hover) and (pointer: fine) {
  .mini-site-menu button.close:hover {
    transform: rotate(180deg);
  }
}
.mini-site-menu button.close:focus-visible {
  box-shadow: 0 0 0 2px #13293f;
}
.mini-site-menu ul:not(.contextual-links) a {
  font-weight: 700;
  font-size: var(--hs0-font-size);
  line-height: var(--hs0-line-height);
  letter-spacing: -0.03em;
  border-radius: 3px;
}

.mini-site-three-steps-forward .orange-text {
  color: #E3764F;
}
.mini-site-three-steps-forward .yellow-text {
  color: #FFC000;
}
.mini-site-three-steps-forward a.highlighted-link {
  font-family: "Noto Sans", sans-serif;
  display: inline-flex;
  align-items: center;
  padding: 1rem 0;
  font-weight: 700;
  font-size: var(--hs1-font-size);
  line-height: var(--hs1-line-height);
  letter-spacing: -0.03em;
  border-bottom: 2px dashed #FFC000;
  color: #13293f;
  background: transparent;
  box-shadow: 0 0 0 0px #38A0BD;
  border-radius: 3px;
}
.mini-site-three-steps-forward a.highlighted-link::after {
  color: #FFC000;
  font-size: 1.25rem;
  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;
}
.mini-site-three-steps-forward a.highlighted-link:after {
  margin-left: 1.5rem;
  position: unset;
}
@media (hover: hover) and (pointer: fine) {
  .mini-site-three-steps-forward a.highlighted-link:hover {
    color: #38A0BD;
    background: transparent;
  }
}
.mini-site-three-steps-forward a.highlighted-link:focus-visible {
  box-shadow: 0 0 0 3px #38A0BD;
  color: #38A0BD;
}

.mini-site-three-steps-forward .hero {
  position: relative;
  display: flex;
  align-items: flex-start;
  margin-top: calc(-1 * var(--header-height));
  padding-top: calc(var(--header-height) + var(--heroPaddingT));
  padding-bottom: var(--heroPaddingB);
  min-height: 640px;
  --heroPaddingT:	4rem;
  --heroPaddingB:	4rem;
  --heroImageWidth:	100%;
}
@media screen and (min-width: 30.0625em) {
  .mini-site-three-steps-forward .hero {
    --heroPaddingT:	3rem;
    --heroPaddingB:	60vw;
  }
}
@media screen and (min-width: 50.0625em) {
  .mini-site-three-steps-forward .hero {
    align-items: flex-end;
    --heroPaddingT:	30vw;
    --heroPaddingB:	10vw;
    --heroImageWidth:	170%;
  }
}
@media screen and (min-width: 80.0625em) {
  .mini-site-three-steps-forward .hero {
    --heroPaddingT:	20vw;
    --heroPaddingB:	15vh;
    --heroImageWidth:	130%;
  }
}
@media screen and (min-width: 103.8125em) {
  .mini-site-three-steps-forward .hero {
    --heroPaddingT:	400px;
    --heroPaddingB:	143px;
  }
}
.mini-site-three-steps-forward .hero:before {
  content: " ";
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: var(--heroImageWidth);
  height: 100%;
  background-image: url(../images/mini-sites/three-steps-hero-image.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  z-index: -1;
}
.mini-site-three-steps-forward .hero .heading-graphic {
  display: flex;
  align-items: stretch;
  --logoMetricsMultiplier: 1.9;
}
@media screen and (min-width: 30.0625em) {
  .mini-site-three-steps-forward .hero .heading-graphic {
    --logoMetricsMultiplier: 1.8;
  }
}
@media screen and (min-width: 40.0625em) {
  .mini-site-three-steps-forward .hero .heading-graphic {
    --logoMetricsMultiplier: 1.65;
  }
}
@media screen and (min-width: 50.0625em) {
  .mini-site-three-steps-forward .hero .heading-graphic {
    --logoMetricsMultiplier: 1.4;
  }
}
@media screen and (min-width: 64.0625em) {
  .mini-site-three-steps-forward .hero .heading-graphic {
    --logoMetricsMultiplier: 1.2;
  }
}
@media screen and (min-width: 80.0625em) {
  .mini-site-three-steps-forward .hero .heading-graphic {
    --logoMetricsMultiplier: 1;
  }
}
.mini-site-three-steps-forward .hero .logo {
  position: relative;
  display: flex;
  align-items: center;
  width: calc(var(--logoMetricsMultiplier) * 28.75vw);
  font-size: 0px;
  background-color: #333D9A;
  padding-right: calc(var(--logoMetricsMultiplier) * var(--logoTriangleSize));
  background-clip: content-box;
  z-index: 3;
  position: relative;
  margin-right: calc(var(--logoMetricsMultiplier) * var(--logoTriangleSize));
  margin: calc(var(--logoMetricsMultiplier) * 1.68vw) 0;
  --logoTriangleSize: 12.35vw;
}
.mini-site-three-steps-forward .hero .logo:after {
  content: " ";
  position: absolute;
  background-color: inherit;
  clip-path: var(--triangleClipDirection, polygon(-1% 0%, 0% 0%, 100% 50%, 0% 100%, -1% 100%));
  top: 0px;
  left: 100%;
  height: 100%;
  width: calc(var(--logoMetricsMultiplier) * var(--logoTriangleSize));
}
@media screen and (min-width: 103.8125em) {
  .mini-site-three-steps-forward .hero .logo {
    width: 550px;
    --logoTriangleSize: 236.64px;
    margin: 32px 0px;
  }
}
.mini-site-three-steps-forward .hero .logo:after {
  right: 0px;
  left: auto;
  z-index: -1;
}
.mini-site-three-steps-forward .hero .logo:before {
  content: " ";
  display: block;
  position: absolute;
  top: calc(var(--logoMetricsMultiplier) * 0.4vw);
  left: calc(var(--logoMetricsMultiplier) * 3vw);
  margin: auto;
  width: 100%;
  height: 100%;
  background-image: url(../images/mini-sites/three-steps-logo-white-text.svg);
  background-repeat: no-repeat;
  background-position: left;
  background-size: 70%;
}
@media screen and (min-width: 103.8125em) {
  .mini-site-three-steps-forward .hero .logo:before {
    top: 2%;
    left: 3.625rem;
  }
}
.mini-site-three-steps-forward .hero .arrows {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: calc(var(--logoMetricsMultiplier) * 2.24vw);
  color: white;
}
@media screen and (min-width: 103.8125em) {
  .mini-site-three-steps-forward .hero .arrows {
    font-weight: 700;
    font-size: var(--hs3-font-size);
    line-height: var(--hs3-line-height);
    letter-spacing: -0.03em;
  }
}
.mini-site-three-steps-forward .hero .arrows span {
  position: relative;
  padding: calc(var(--logoMetricsMultiplier) * 1.25vw) calc(var(--logoMetricsMultiplier) * 0.83vw);
  padding-left: 0px;
  z-index: 1;
  position: relative;
  margin-right: calc(var(--logoMetricsMultiplier) * var(--arrowTriangleSize));
  --arrowTriangleSize: 3.34vw;
}
.mini-site-three-steps-forward .hero .arrows span:after {
  content: " ";
  position: absolute;
  background-color: inherit;
  clip-path: var(--triangleClipDirection, polygon(-1% 0%, 0% 0%, 100% 50%, 0% 100%, -1% 100%));
  top: 0px;
  left: 100%;
  height: 100%;
  width: calc(var(--logoMetricsMultiplier) * var(--arrowTriangleSize));
}
@media screen and (min-width: 103.8125em) {
  .mini-site-three-steps-forward .hero .arrows span {
    margin-left: 4.6875rem;
    padding: 1.5rem 1rem;
    --arrowTriangleSize: 4rem;
  }
}
.mini-site-three-steps-forward .hero .arrows span + span {
  margin-top: calc(var(--logoMetricsMultiplier) * -1.2vw);
}
@media screen and (min-width: 103.8125em) {
  .mini-site-three-steps-forward .hero .arrows span + span {
    margin-top: -1.4375rem;
  }
}
.mini-site-three-steps-forward .hero .arrows span:before, .mini-site-three-steps-forward .hero .arrows span:after {
  opacity: 0.9;
  z-index: -1;
  background-color: var(--heroArrowBgColor, #E3764F);
}
.mini-site-three-steps-forward .hero .arrows span:before {
  content: " ";
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100vw;
  height: 100%;
}
.mini-site-three-steps-forward .hero .arrows span:nth-child(2) {
  margin-left: calc(var(--logoMetricsMultiplier) * 4.9vw);
  --heroArrowBgColor: #38A0BD;
  z-index: 2;
}
@media screen and (min-width: 103.8125em) {
  .mini-site-three-steps-forward .hero .arrows span:nth-child(2) {
    margin-left: 10.125rem;
  }
}
.mini-site-three-steps-forward .hero .arrows span:nth-child(3) {
  margin-left: calc(var(--logoMetricsMultiplier) * 1.56vw);
  --heroArrowBgColor: #FFC000;
  z-index: 1;
}
@media screen and (min-width: 103.8125em) {
  .mini-site-three-steps-forward .hero .arrows span:nth-child(3) {
    margin-left: 2.0625rem;
  }
}
.mini-site-three-steps-forward .hero .arrows span:nth-child(4) {
  margin-left: calc(var(--logoMetricsMultiplier) * -0.6vw);
  --heroArrowBgColor: #EC4043;
  z-index: 0;
}
@media screen and (min-width: 103.8125em) {
  .mini-site-three-steps-forward .hero .arrows span:nth-child(4) {
    margin-left: -0.625rem;
  }
}
.mini-site-three-steps-forward .hero .logo {
  --translateX: -100%;
}
.mini-site-three-steps-forward .hero .arrows span {
  --translateX: -470%;
  transition-delay: calc(250ms + 100ms * var(--extraDelayMultiplier, 0));
}
.mini-site-three-steps-forward .hero .arrows span:nth-child(2) {
  --extraDelayMultiplier: 1;
}
.mini-site-three-steps-forward .hero .arrows span:nth-child(3) {
  --extraDelayMultiplier: 2;
}
.mini-site-three-steps-forward .hero .arrows span:nth-child(4) {
  --extraDelayMultiplier: 3;
}
.mini-site-three-steps-forward .hero.visible .time li, .mini-site-three-steps-forward .time .hero.visible li, .mini-site-three-steps-forward .hero.visible .time .hourglass:before, .mini-site-three-steps-forward .time .hero.visible .hourglass:before, .mini-site-three-steps-forward .hero.visible .time .hourglass:after, .mini-site-three-steps-forward .time .hero.visible .hourglass:after, .mini-site-three-steps-forward .hero.visible .join-and-share .social-section .social-arrow, .mini-site-three-steps-forward .join-and-share .social-section .hero.visible .social-arrow, .mini-site-three-steps-forward .hero.visible .join-and-share .upper-section h2:before, .mini-site-three-steps-forward .join-and-share .upper-section .hero.visible h2:before, .mini-site-three-steps-forward .hero.visible .join-and-share .upper-section:before, .mini-site-three-steps-forward .join-and-share .hero.visible .upper-section:before, .mini-site-three-steps-forward .hero.visible .join-and-share .upper-section:after, .mini-site-three-steps-forward .join-and-share .hero.visible .upper-section:after, .mini-site-three-steps-forward .hero.visible .achieving-equality ol li, .mini-site-three-steps-forward .achieving-equality ol .hero.visible li, .mini-site-three-steps-forward .hero.visible .logo, .mini-site-three-steps-forward .hero.visible .arrows span {
  --translateX: 0;
  --translateY: 0;
}

.mini-site-three-steps-forward .achieving-equality {
  position: relative;
  display: grid;
  row-gap: 3rem;
  grid-template-columns: repeat(var(--itemsPerRow, 1), 1fr);
  align-items: center;
  justify-content: flex-end;
  padding: 3rem var(--page-padding-lr);
  padding-right: 0px;
  color: white;
}
@media screen and (min-width: 50.0625em) {
  .mini-site-three-steps-forward .achieving-equality {
    --itemsPerRow: 2;
    padding-top: 10.42vw;
    padding-bottom: 5.73vw;
    gap: 7.9vw;
  }
}
@media screen and (min-width: 120.0625em) {
  .mini-site-three-steps-forward .achieving-equality {
    padding-top: 12.5rem;
    padding-bottom: 6.875rem;
    gap: 9.3125rem;
  }
}
.mini-site-three-steps-forward .achieving-equality > * {
  justify-self: flex-end;
}
.mini-site-three-steps-forward .achieving-equality:before {
  content: " ";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #333D9A;
  z-index: -1;
}
@media screen and (max-width: 50em) {
  .mini-site-three-steps-forward .achieving-equality div {
    padding-right: var(--page-padding-lr);
  }
}
@media screen and (min-width: 50.0625em) {
  .mini-site-three-steps-forward .achieving-equality div {
    max-width: 620px;
  }
}
.mini-site-three-steps-forward .achieving-equality div > * + p {
  margin-top: 2rem;
}
@media screen and (min-width: 50.0625em) {
  .mini-site-three-steps-forward .achieving-equality div > * + p {
    margin-top: 3.75vw;
  }
}
@media screen and (min-width: 120.0625em) {
  .mini-site-three-steps-forward .achieving-equality div > * + p {
    margin-top: 4.5rem;
  }
}
.mini-site-three-steps-forward .achieving-equality ol {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 64.0625em) {
  .mini-site-three-steps-forward .achieving-equality ol {
    align-items: flex-end;
  }
}
.mini-site-three-steps-forward .achieving-equality ol li {
  padding: 1.5rem 0;
  padding-right: var(--page-padding-lr);
  font-weight: 700;
  font-size: var(--hs2-font-size);
  line-height: var(--hs2-line-height);
  letter-spacing: -0.03em;
  background-color: var(--arrowBgColor, #EC4043);
  position: relative;
  margin-left: 4.8125rem;
}
.mini-site-three-steps-forward .achieving-equality ol li:before {
  content: " ";
  position: absolute;
  background-color: inherit;
  clip-path: var(--triangleClipDirection, polygon(0 50%, 100% 0%, 101% 0%, 101% 100%, 100% 100%));
  top: 0px;
  right: 100%;
  height: 100%;
  width: 4.8125rem;
}
@media screen and (min-width: 50.0625em) {
  .mini-site-three-steps-forward .achieving-equality ol li {
    padding: 1.875rem 10.25rem 1.875rem 1.5rem;
  }
}
.mini-site-three-steps-forward .achieving-equality ol li:nth-child(2) {
  --arrowBgColor: #56915F;
}
.mini-site-three-steps-forward .achieving-equality ol li:nth-child(3) {
  --arrowBgColor: #38A0BD;
}
.mini-site-three-steps-forward .achieving-equality ol span {
  display: block;
  font-weight: 700;
  font-size: var(--hs1-font-size);
  line-height: var(--hs1-line-height);
  letter-spacing: -0.03em;
}
@media screen and (min-width: 50.0625em) {
  .mini-site-three-steps-forward .achieving-equality:before {
    transition: 250ms ease-out;
    clip-path: polygon(50% 11vw, 50% 0%, 50% 0%, 50% 100%, 50% 100%);
  }
}
@media screen and (min-width: 120.0625em) {
  .mini-site-three-steps-forward .achieving-equality:before {
    clip-path: polygon(50% 300px, 50% 0%, 50% 0%, 50% 100%, 50% 100%);
  }
}
@media screen and (min-width: 50.0625em) {
  .mini-site-three-steps-forward .achieving-equality.visible:before {
    clip-path: polygon(0% 11vw, 27% 0%, 100% 0%, 63.6% 100%, 0% 100%);
  }
}
@media screen and (min-width: 120.0625em) {
  .mini-site-three-steps-forward .achieving-equality.visible:before {
    clip-path: polygon(0% 300px, 27% 0%, 100% 0%, 63.6% 100%, 0% 100%);
  }
}
.mini-site-three-steps-forward .achieving-equality div {
  opacity: 0;
  transition: 250ms ease-out;
}
@media screen and (min-width: 50.0625em) {
  .mini-site-three-steps-forward .achieving-equality div {
    transition-delay: 350ms;
  }
}
.mini-site-three-steps-forward .achieving-equality div.visible {
  opacity: 1;
}
.mini-site-three-steps-forward .achieving-equality ol li {
  --translateX: 130%;
  transition-delay: calc(250ms + 100ms * var(--extraDelayMultiplier, 1));
}
.mini-site-three-steps-forward .achieving-equality ol li:nth-child(2) {
  --extraDelayMultiplier: 2;
}
.mini-site-three-steps-forward .achieving-equality ol li:nth-child(3) {
  --extraDelayMultiplier: 3;
}
@media screen and (min-width: 50.0625em) {
  .mini-site-three-steps-forward .achieving-equality ol li {
    --extraDelayMultiplier:	2;
  }
  .mini-site-three-steps-forward .achieving-equality ol li:nth-child(2) {
    --extraDelayMultiplier: 3;
  }
  .mini-site-three-steps-forward .achieving-equality ol li:nth-child(3) {
    --extraDelayMultiplier: 4;
  }
}
.mini-site-three-steps-forward .achieving-equality ol.visible .time .hourglass:before, .mini-site-three-steps-forward .time .achieving-equality ol.visible .hourglass:before, .mini-site-three-steps-forward .achieving-equality ol.visible .time .hourglass:after, .mini-site-three-steps-forward .time .achieving-equality ol.visible .hourglass:after, .mini-site-three-steps-forward .achieving-equality ol.visible .join-and-share .social-section .social-arrow, .mini-site-three-steps-forward .join-and-share .social-section .achieving-equality ol.visible .social-arrow, .mini-site-three-steps-forward .achieving-equality ol.visible .join-and-share .upper-section h2:before, .mini-site-three-steps-forward .join-and-share .upper-section .achieving-equality ol.visible h2:before, .mini-site-three-steps-forward .achieving-equality ol.visible .join-and-share .upper-section:before, .mini-site-three-steps-forward .join-and-share .achieving-equality ol.visible .upper-section:before, .mini-site-three-steps-forward .achieving-equality ol.visible .join-and-share .upper-section:after, .mini-site-three-steps-forward .join-and-share .achieving-equality ol.visible .upper-section:after, .mini-site-three-steps-forward .achieving-equality ol.visible .hero .logo, .mini-site-three-steps-forward .hero .achieving-equality ol.visible .logo, .mini-site-three-steps-forward .achieving-equality ol.visible .hero .arrows span, .mini-site-three-steps-forward .hero .arrows .achieving-equality ol.visible span, .mini-site-three-steps-forward .achieving-equality ol.visible li {
  transform: translate(0, 0);
}

.mini-site-three-steps-forward .join-and-share {
  overflow: hidden;
  position: relative;
}
.mini-site-three-steps-forward .join-and-share .upper-section {
  padding: 3rem var(--page-padding-lr) 2rem;
}
@media screen and (min-width: 50.0625em) {
  .mini-site-three-steps-forward .join-and-share .upper-section {
    padding-top: 11vw;
    padding-bottom: 10vw;
    display: grid;
    grid-template-columns: 53fr 47fr;
  }
}
@media screen and (min-width: 64.0625em) {
  .mini-site-three-steps-forward .join-and-share .upper-section {
    padding-top: 21.39vw;
    padding-bottom: 20.1vw;
  }
}
@media screen and (min-width: 120.0625em) {
  .mini-site-three-steps-forward .join-and-share .upper-section {
    padding-top: 25.625rem;
    padding-bottom: 24.125rem;
  }
}
.mini-site-three-steps-forward .join-and-share .upper-section h2 {
  align-self: center;
  justify-self: flex-end;
  font-weight: 700;
  font-size: var(--hs4-font-size);
  line-height: var(--hs4-line-height);
  letter-spacing: -0.03em;
  max-width: 520px;
  text-align: right;
  margin-left: auto;
}
@media screen and (max-width: 50em) {
  .mini-site-three-steps-forward .join-and-share .upper-section h2 {
    margin-bottom: 5rem;
  }
}
@media screen and (min-width: 50.0625em) {
  .mini-site-three-steps-forward .join-and-share .upper-section h2 {
    color: white;
  }
}
.mini-site-three-steps-forward .join-and-share .upper-section ul {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(var(--itemsPerRow, 1), 1fr);
  row-gap: 1.5rem;
}
@media screen and (min-width: 50.0625em) {
  .mini-site-three-steps-forward .join-and-share .upper-section ul {
    max-width: 780px;
    row-gap: 8.5vw;
    --itemsPerRow: 2;
  }
}
@media screen and (min-width: 64.0625em) {
  .mini-site-three-steps-forward .join-and-share .upper-section ul {
    row-gap: 11vw;
  }
}
@media screen and (min-width: 120.0625em) {
  .mini-site-three-steps-forward .join-and-share .upper-section ul {
    row-gap: 13.125rem;
  }
}
.mini-site-three-steps-forward .join-and-share .upper-section ul li {
  position: relative;
  font-weight: 700;
  font-size: var(--hs1-font-size);
  line-height: var(--hs1-line-height);
  letter-spacing: -0.03em;
  color: #3e4047;
}
@media screen and (max-width: 50em) {
  .mini-site-three-steps-forward .join-and-share .upper-section ul li {
    display: flex;
    align-items: center;
  }
}
.mini-site-three-steps-forward .join-and-share .upper-section ul li:before {
  content: " ";
  flex-shrink: 0;
  width: var(--circleSize, 3rem);
  height: var(--circleSize, 3rem);
  border: 12px solid var(--circleBrColor, #38A0BD);
  border-radius: 50%;
  margin-right: 1rem;
}
@media screen and (min-width: 50.0625em) {
  .mini-site-three-steps-forward .join-and-share .upper-section ul li:before {
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin: auto;
    right: calc(100% + 3.85vw);
    --circleSize: 13.021vw;
    border-width: 2.3vw;
  }
}
@media screen and (min-width: 120.0625em) {
  .mini-site-three-steps-forward .join-and-share .upper-section ul li:before {
    --circleSize: 15.625rem;
    border-width: 44px;
    right: calc(100% + 4.625rem);
  }
}
.mini-site-three-steps-forward .join-and-share .upper-section ul li:nth-child(2) {
  --circleBrColor: #FFC000;
}
@media screen and (min-width: 50.0625em) {
  .mini-site-three-steps-forward .join-and-share .upper-section ul li:nth-child(2) {
    grid-column: 2;
    grid-row: 2;
    justify-self: flex-end;
    max-width: 348px;
  }
}
.mini-site-three-steps-forward .join-and-share .upper-section ul li:nth-child(3) {
  --circleBrColor: #EC4043;
}
@media screen and (min-width: 50.0625em) {
  .mini-site-three-steps-forward .join-and-share .upper-section ul li:nth-child(3) {
    grid-row: 3;
    max-width: 348px;
  }
}
@media screen and (max-width: 50em) {
  .mini-site-three-steps-forward .join-and-share .social-section {
    padding: 3rem var(--page-padding-lr) 2rem;
  }
}
@media screen and (min-width: 50.0625em) {
  .mini-site-three-steps-forward .join-and-share .social-section {
    display: grid;
    grid-template-columns: 63fr 37fr;
  }
}
.mini-site-three-steps-forward .join-and-share .social-section h3 {
  color: #3e4047;
}
.mini-site-three-steps-forward .join-and-share .social-arrow {
  padding: 2rem;
  background-color: #56915F;
  color: white;
  align-self: center;
}
@media screen and (max-width: 50em) {
  .mini-site-three-steps-forward .join-and-share .social-arrow {
    position: relative;
    margin-bottom: 3.75rem;
  }
  .mini-site-three-steps-forward .join-and-share .social-arrow:before {
    content: " ";
    position: absolute;
    background-color: inherit;
    clip-path: var(--triangleClipDirection, polygon(0% 0%, 0% -1%, 100% -1%, 100% 0%, 50% 100%));
    left: 0px;
    top: 100%;
    width: 100%;
    height: 3.75rem;
  }
}
@media screen and (min-width: 50.0625em) {
  .mini-site-three-steps-forward .join-and-share .social-arrow {
    padding: 3.5rem;
    padding-left: var(--page-padding-lr);
    position: relative;
    margin-right: 6.25rem;
  }
  .mini-site-three-steps-forward .join-and-share .social-arrow:before {
    content: " ";
    position: absolute;
    background-color: inherit;
    clip-path: var(--triangleClipDirection, polygon(-1% 0%, 0% 0%, 100% 50%, 0% 100%, -1% 100%));
    top: 0px;
    left: 100%;
    height: 100%;
    width: 6.25rem;
  }
}
@media screen and (min-width: 64.0625em) {
  .mini-site-three-steps-forward .join-and-share .social-arrow {
    margin-right: 16.0625rem;
  }
  .mini-site-three-steps-forward .join-and-share .social-arrow:before {
    width: 16.0625rem;
  }
}
@media screen and (min-width: 50.0625em) {
  .mini-site-three-steps-forward .join-and-share .social-arrow p {
    max-width: 634px;
    margin-left: auto;
  }
}
.mini-site-three-steps-forward .join-and-share .social {
  justify-self: flex-start;
  align-self: center;
  padding-top: 2rem;
  --socialFontSize: 3.375rem;
  --socialTxColorHover: #56915F;
  --socialBrColorFocus: #56915F;
  --socialBrWidthFocus: 4px;
}
@media screen and (min-width: 50.0625em) {
  .mini-site-three-steps-forward .join-and-share .social {
    padding: 0 var(--page-padding-lr) 0 3rem;
  }
}
@media screen and (min-width: 64.0625em) {
  .mini-site-three-steps-forward .join-and-share .social {
    padding: 0 var(--page-padding-lr) 0 4rem;
  }
}
.mini-site-three-steps-forward .join-and-share .social h3 {
  text-align: center;
  font-weight: 700;
  font-size: var(--hs2-font-size);
  line-height: var(--hs2-line-height);
  letter-spacing: -0.03em;
  margin-bottom: 1.5rem;
}
@media screen and (min-width: 64.0625em) {
  .mini-site-three-steps-forward .join-and-share .social h3 {
    margin-bottom: 2rem;
  }
}
.mini-site-three-steps-forward .join-and-share .social ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin: -0.75rem;
}
@media screen and (min-width: 64.0625em) {
  .mini-site-three-steps-forward .join-and-share .social ul {
    margin: -1.25rem;
  }
}
.mini-site-three-steps-forward .join-and-share .social li {
  padding: 0.75rem;
}
@media screen and (min-width: 64.0625em) {
  .mini-site-three-steps-forward .join-and-share .social li {
    padding: 1.25rem;
  }
}
@media screen and (min-width: 64.0625em) {
  .mini-site-three-steps-forward .join-and-share .social {
    --socialFontSize: 5.125rem;
  }
}
.mini-site-three-steps-forward .join-and-share .social a.linkedin {
  --socialTxColor: #0073B1;
}
.mini-site-three-steps-forward .join-and-share .social a.facebook {
  --socialTxColor: #1877F2;
}
.mini-site-three-steps-forward .join-and-share .social a.twitter {
  --socialTxColor: #1DA1F2;
}
@media screen and (min-width: 50.0625em) {
  .mini-site-three-steps-forward .join-and-share {
    position: static;
  }
  .mini-site-three-steps-forward .join-and-share .upper-section {
    position: relative;
  }
}
.mini-site-three-steps-forward .join-and-share .upper-section:before,
.mini-site-three-steps-forward .join-and-share .upper-section:after,
.mini-site-three-steps-forward .join-and-share h2:before {
  content: " ";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.mini-site-three-steps-forward .join-and-share h2:before {
  background-color: #333D9A;
  z-index: -2;
  clip-path: polygon(0% 0%, 80.5% 0%, 0% 16.9%);
}
@media screen and (min-width: 50.0625em) {
  .mini-site-three-steps-forward .join-and-share h2:before {
    clip-path: polygon(0% 0%, 63.6% 0%, 32% 25%);
  }
}
.mini-site-three-steps-forward .join-and-share .upper-section:before {
  background-color: #C4C3E3;
  opacity: 0.9;
  z-index: -1;
  clip-path: polygon(0% 0%, 100% 0%, 100% 65%, 0% 46%);
}
@media screen and (min-width: 50.0625em) {
  .mini-site-three-steps-forward .join-and-share .upper-section:before {
    clip-path: polygon(0% 0%, 100% 0%, 100% 78%);
  }
}
.mini-site-three-steps-forward .join-and-share .upper-section:after {
  background-color: #333D9A;
  z-index: -2;
  clip-path: polygon(0% 46%, 100% 65%, 0% 80%);
}
@media screen and (min-width: 50.0625em) {
  .mini-site-three-steps-forward .join-and-share .upper-section:after {
    clip-path: polygon(0% 0%, 65.4% 51%, 0% 100%);
  }
}
@media screen and (min-width: 50.0625em) {
  .mini-site-three-steps-forward .join-and-share .upper-section h2:before {
    --translateY: -100%;
    transition-duration: 300ms;
    transition-delay: 150ms;
    opacity: 1;
  }
  .mini-site-three-steps-forward .join-and-share .upper-section:before {
    --translateX: 100%;
    --translateY: 78%;
    transition-duration: 300ms;
  }
  .mini-site-three-steps-forward .join-and-share .upper-section:after {
    --translateX: -65.4%;
    --translateY: -51%;
    transition-duration: 300ms;
  }
}
.mini-site-three-steps-forward .join-and-share .upper-section h2 span {
  opacity: 0;
  transition: 250ms ease-in;
}
.mini-site-three-steps-forward .join-and-share .upper-section.visible .time li, .mini-site-three-steps-forward .time .join-and-share .upper-section.visible li, .mini-site-three-steps-forward .join-and-share .upper-section.visible .time .hourglass:before, .mini-site-three-steps-forward .time .join-and-share .upper-section.visible .hourglass:before, .mini-site-three-steps-forward .join-and-share .upper-section.visible .time .hourglass:after, .mini-site-three-steps-forward .time .join-and-share .upper-section.visible .hourglass:after, .mini-site-three-steps-forward .join-and-share .upper-section.visible .social-section .social-arrow, .mini-site-three-steps-forward .join-and-share .social-section .upper-section.visible .social-arrow, .mini-site-three-steps-forward .join-and-share .upper-section.visible .hero .logo, .mini-site-three-steps-forward .hero .join-and-share .upper-section.visible .logo, .mini-site-three-steps-forward .join-and-share .upper-section.visible .hero .arrows span, .mini-site-three-steps-forward .hero .arrows .join-and-share .upper-section.visible span, .mini-site-three-steps-forward .join-and-share .upper-section.visible .achieving-equality ol li, .mini-site-three-steps-forward .achieving-equality ol .join-and-share .upper-section.visible li, .mini-site-three-steps-forward .join-and-share .upper-section.visible h2:before, .mini-site-three-steps-forward .join-and-share .upper-section.visible .upper-section:before, .mini-site-three-steps-forward .join-and-share .upper-section.visible .upper-section:after, .mini-site-three-steps-forward .join-and-share .upper-section.visible:before, .mini-site-three-steps-forward .join-and-share .upper-section.visible:after {
  --translateX: 0;
  --translateY: 0;
}
.mini-site-three-steps-forward .join-and-share .upper-section.visible h2 span {
  opacity: 1;
}
.mini-site-three-steps-forward .join-and-share .upper-section li {
  transform: scale(0, 0);
  opacity: 0;
  transition: transform 350ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transition-delay: calc(100ms * var(--extraDelayMultiplier, 1));
}
@media screen and (min-width: 50.0625em) {
  .mini-site-three-steps-forward .join-and-share .upper-section li {
    transition-delay: calc(500ms + 200ms * var(--extraDelayMultiplier, 1));
  }
}
.mini-site-three-steps-forward .join-and-share .upper-section li:nth-child(2) {
  --extraDelayMultiplier: 2;
}
.mini-site-three-steps-forward .join-and-share .upper-section li:nth-child(3) {
  --extraDelayMultiplier: 3;
}
.mini-site-three-steps-forward .join-and-share .upper-section ul.visible li {
  transform: scale(1, 1);
  opacity: 1;
}
.mini-site-three-steps-forward .join-and-share .social-section .social-arrow {
  --translateX: -130%;
}
.mini-site-three-steps-forward .join-and-share .social-section.visible .social-arrow {
  --translateX: 0;
}
.mini-site-three-steps-forward .join-and-share .social-section h3 {
  opacity: 0;
  transition: 250ms ease-out;
}
@media screen and (min-width: 50.0625em) {
  .mini-site-three-steps-forward .join-and-share .social-section h3 {
    transition-delay: calc(250ms + 100ms * var(--extraDelayMultiplier, 1.5));
  }
}
.mini-site-three-steps-forward .join-and-share .social-section li {
  transform: scale(0, 0);
  opacity: 0;
  transition: transform 300ms cubic-bezier(0.47, 1.64, 0.41, 0.8);
  transition-delay: calc(100ms * var(--extraDelayMultiplier, 3));
}
@media screen and (min-width: 50.0625em) {
  .mini-site-three-steps-forward .join-and-share .social-section li {
    transition-delay: calc(250ms + 100ms * var(--extraDelayMultiplier, 3));
  }
}
.mini-site-three-steps-forward .join-and-share .social-section li:nth-child(2) {
  --extraDelayMultiplier: 4;
}
.mini-site-three-steps-forward .join-and-share .social-section li:nth-child(3) {
  --extraDelayMultiplier: 5;
}
.mini-site-three-steps-forward .join-and-share .social-section .social.visible h3 {
  opacity: 1;
}
.mini-site-three-steps-forward .join-and-share .social-section .social.visible li {
  transform: scale(1, 1);
  opacity: 1;
}

.mini-site-three-steps-forward .testimonials {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 3rem var(--page-padding-lr);
  --imageSize: 3.5rem;
}
@media screen and (min-width: 50.0625em) {
  .mini-site-three-steps-forward .testimonials {
    padding-top: 8.35vw;
    padding-bottom: 9.4vw;
  }
}
@media screen and (min-width: 120.0625em) {
  .mini-site-three-steps-forward .testimonials {
    padding-top: 10.125rem;
    padding-bottom: 9.125rem;
  }
}
@media screen and (max-width: 90em) {
  .mini-site-three-steps-forward .testimonials .grid-list {
    --gridRowGap: 3rem;
    --gridColumnGap: 3rem;
  }
}
@media screen and (min-width: 30em) and (max-width: 40em) {
  .mini-site-three-steps-forward .testimonials .grid-list {
    --itemsPerRow: 1;
  }
}
@media screen and (min-width: 40em) and (max-width: 80em) {
  .mini-site-three-steps-forward .testimonials .grid-list {
    --itemsPerRow: 2;
  }
}
.mini-site-three-steps-forward .testimonials article {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}
@media screen and (min-width: 64.0625em) {
  .mini-site-three-steps-forward .testimonials {
    --imageSize: 4.5rem;
  }
}
.mini-site-three-steps-forward .testimonials .personal-info {
  display: grid;
  grid-template-columns: var(--imageSize) 1fr;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  margin-bottom: 2rem;
}
@media screen and (min-width: 64.0625em) {
  .mini-site-three-steps-forward .testimonials .personal-info {
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
    margin-bottom: 3rem;
  }
}
.mini-site-three-steps-forward .testimonials h3 {
  font-weight: 700;
  font-size: var(--hs2-font-size);
  line-height: var(--hs2-line-height);
  letter-spacing: -0.03em;
  color: #3e4047;
}
.mini-site-three-steps-forward .testimonials h4 {
  margin-top: 4px;
  font-weight: 300;
  font-size: var(--bs-1-font-size);
  line-height: var(--bs-1-line-height);
  font-weight: 700;
  line-height: 1.25;
  color: #75767D;
}
.mini-site-three-steps-forward .testimonials p {
  grid-column: 1;
  grid-row: 1/span 2;
  padding-top: 4px;
}
.mini-site-three-steps-forward .testimonials p img {
  width: var(--imageSize);
  height: var(--imageSize) !important;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mini-site-three-steps-forward .testimonials .content-wrapper {
  position: relative;
  padding: 2rem;
  background-color: #dbdbdb;
  margin-bottom: 2rem;
}
.mini-site-three-steps-forward .testimonials .content-wrapper::after {
  content: "\e972";
  color: #dbdbdb;
  font-size: 3rem;
  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;
}
.mini-site-three-steps-forward .testimonials .content-wrapper:after {
  position: absolute;
  top: 100%;
  left: 2rem;
  transform: rotate(90deg);
  margin-top: -4px;
}
@media screen and (min-width: 64.0625em) {
  .mini-site-three-steps-forward .testimonials .content-wrapper {
    padding: 2.5rem 3rem;
    margin-bottom: 3.25rem;
  }
  .mini-site-three-steps-forward .testimonials .content-wrapper:after {
    top: 100%;
    left: 2.375rem;
    font-size: 3.6875rem;
  }
}
.mini-site-three-steps-forward .testimonials .video-wrapper {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.mini-site-three-steps-forward .testimonials .video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.mini-site-three-steps-forward .testimonials ul + p {
  margin-top: 3rem;
}
@media screen and (min-width: 64.0625em) {
  .mini-site-three-steps-forward .testimonials ul + p {
    margin-top: 5rem;
  }
}
@media screen and (min-width: 64.0625em) {
  .mini-site-three-steps-forward .testimonials:before {
    content: " ";
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 100%;
    height: 110%;
    background-color: #C4C3E3;
    opacity: 0.2;
    clip-path: polygon(52.7% 100%, 100% 0%, 100% 100%);
    z-index: -1;
  }
}
.mini-site-three-steps-forward .testimonials a.highlighted-link {
  opacity: 0;
  transition: 250ms ease-out;
}
.mini-site-three-steps-forward .testimonials .visible a.highlighted-link {
  opacity: 1;
}

.mini-site-three-steps-forward .time {
  background-color: #56915F;
  color: white;
  overflow: hidden;
  display: grid;
  overflow: hidden;
  --hourglassW:	100%;
  --largeTopH:	61.65%;
  --smallTopXT:	33.05%;
  --smallTopYT:	28.26%;
  --smallTopYB:	12.52%;
  --smallBottomXB:	26.11%;
  --smallBottomYB:	8.89%;
}
@media screen and (min-width: 40.0625em) {
  .mini-site-three-steps-forward .time {
    grid-template-columns: 1fr 1fr;
  }
  .mini-site-three-steps-forward .time ul,
  .mini-site-three-steps-forward .time .with-logo {
    grid-column: span 2;
  }
}
@media screen and (min-width: 90.0625em) {
  .mini-site-three-steps-forward .time {
    grid-template-columns: 42fr 58fr;
    row-gap: 5vw;
    padding: 8vw 0 6vw;
  }
  .mini-site-three-steps-forward .time > *:not(.hourglass) {
    grid-column-start: 2;
  }
}
@media screen and (min-width: 103.8125em) {
  .mini-site-three-steps-forward .time {
    padding: 10vw 0 7vw;
    row-gap: 6.25vw;
  }
}
@media screen and (min-width: 120.0625em) {
  .mini-site-three-steps-forward .time {
    padding: 11.5625rem 0 8.4375rem;
    row-gap: 7.5rem;
  }
}
@media screen and (min-width: 90.0625em) {
  .mini-site-three-steps-forward .time {
    position: relative;
    z-index: 0;
  }
}
@media screen and (min-width: 90.0625em) {
  .mini-site-three-steps-forward .time {
    --hourglassW:	52.7%;
    --smallTopXT:	17.44%;
    --smallTopYT:	28.34%;
    --smallBottomXB:	13.75%;
    --smallBottomYB:	8.86%;
  }
}
.mini-site-three-steps-forward .time h2 {
  font-size: 1.4375rem;
  line-height: 1;
  letter-spacing: -0.05em;
  text-align: center;
  max-width: 215px;
  margin: auto;
  margin-top: 2.375rem;
}
@media screen and (min-width: 64.0625em) {
  .mini-site-three-steps-forward .time h2 {
    font-size: 2.5vw;
    max-width: 360px;
    margin-top: 3.5rem;
  }
}
@media screen and (min-width: 90.0625em) {
  .mini-site-three-steps-forward .time h2 {
    font-size: 2.87vw;
    position: absolute;
    bottom: calc(100% - var(--smallTopYT) + 5%);
    left: calc(var(--hourglassW) * 0.5);
    max-width: 520px;
    transform: translateX(-50%);
  }
}
@media screen and (min-width: 120.0625em) {
  .mini-site-three-steps-forward .time h2 {
    font-size: 3.4375rem;
  }
}
.mini-site-three-steps-forward .time .hourglass {
  margin-bottom: 2rem;
  z-index: 0;
}
@media screen and (max-width: 90em) {
  .mini-site-three-steps-forward .time .hourglass {
    position: relative;
    height: 506px;
    overflow: hidden;
  }
}
@media screen and (min-width: 64em) and (max-width: 90em) {
  .mini-site-three-steps-forward .time .hourglass {
    margin-bottom: 3rem;
    height: 650px;
  }
}
.mini-site-three-steps-forward .time .hourglass .hourglass-helper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}
.mini-site-three-steps-forward .time .hourglass:before, .mini-site-three-steps-forward .time .hourglass:after,
.mini-site-three-steps-forward .time .hourglass .hourglass-helper:before,
.mini-site-three-steps-forward .time .hourglass .hourglass-helper:after {
  content: " ";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.mini-site-three-steps-forward .time .hourglass:before {
  background-color: #38A0BD;
  opacity: 0.8;
  z-index: -2;
  clip-path: polygon(0% 0%, var(--hourglassW) 0%, calc(var(--hourglassW) * 0.5) var(--largeTopH));
}
.mini-site-three-steps-forward .time .hourglass:after {
  background-color: #333D9A;
  z-index: -3;
  clip-path: polygon(0% 100%, var(--hourglassW) 100%, calc(var(--hourglassW) * 0.5) calc(100% - var(--largeTopH)));
}
.mini-site-three-steps-forward .time .hourglass .hourglass-helper:before {
  background-color: #FFC000;
  z-index: -1;
  clip-path: polygon(var(--smallTopXT) var(--smallTopYT), calc(var(--hourglassW) - var(--smallTopXT)) var(--smallTopYT), calc(var(--hourglassW) * 0.5) calc(var(--largeTopH) - var(--smallTopYB)));
}
.mini-site-three-steps-forward .time .hourglass .hourglass-helper:after {
  background-color: #E3764F;
  z-index: -1;
  clip-path: polygon(var(--smallBottomXB) calc(100% - var(--smallBottomYB)), calc(var(--hourglassW) - var(--smallBottomXB)) calc(100% - var(--smallBottomYB)), calc(var(--hourglassW) * 0.5) var(--largeTopH));
}
.mini-site-three-steps-forward .time > p {
  justify-self: flex-end;
  margin: 0 var(--page-padding-lr) 2rem;
}
@media screen and (min-width: 40.0625em) {
  .mini-site-three-steps-forward .time > p {
    align-self: center;
    text-align: right;
    margin-left: 0;
  }
}
@media screen and (min-width: 90.0625em) {
  .mini-site-three-steps-forward .time > p {
    text-align: left;
    margin-bottom: 0px;
    max-width: 630px;
  }
}
@media screen and (min-width: 103.8125em) {
  .mini-site-three-steps-forward .time > p {
    max-width: 654px;
    justify-self: center;
  }
}
.mini-site-three-steps-forward .time ul {
  overflow: hidden;
}
@media screen and (max-width: 40em) {
  .mini-site-three-steps-forward .time ul {
    display: grid;
    gap: 2rem;
    padding: 0 var(--page-padding-lr);
  }
}
@media screen and (min-width: 40em) and (max-width: 90em) {
  .mini-site-three-steps-forward .time ul {
    padding-left: var(--page-padding-lr);
  }
}
@media screen and (min-width: 50.0625em) {
  .mini-site-three-steps-forward .time ul {
    justify-self: flex-end;
    max-width: 90%;
  }
}
@media screen and (min-width: 80em) and (max-width: 90em) {
  .mini-site-three-steps-forward .time ul {
    max-width: 85%;
  }
}
@media screen and (min-width: 90.0625em) {
  .mini-site-three-steps-forward .time ul {
    max-width: none;
  }
}
.mini-site-three-steps-forward .time li {
  background-color: var(--arrowBgColor, #508759);
}
@media screen and (max-width: 40em) {
  .mini-site-three-steps-forward .time li {
    position: relative;
    margin-top: 50px;
  }
  .mini-site-three-steps-forward .time li:before {
    content: " ";
    position: absolute;
    background-color: inherit;
    clip-path: var(--triangleClipDirection, polygon(0% 100%, 0% 101%, 100% 101%, 100% 100%, 50% 0%));
    left: 0px;
    bottom: 100%;
    width: 100%;
    height: 50px;
  }
}
@media screen and (min-width: 40.0625em) {
  .mini-site-three-steps-forward .time li {
    display: grid;
    grid-template-columns: 200px 1fr 1fr;
    min-height: 10.375rem;
    align-items: stretch;
    background-clip: content-box;
    position: relative;
    margin-left: var(--triangleSize, 6.5vw);
    margin-bottom: 0px;
  }
  .mini-site-three-steps-forward .time li:before {
    content: " ";
    position: absolute;
    background-color: inherit;
    clip-path: var(--triangleClipDirection, polygon(0 50%, 100% 0%, 101% 0%, 101% 100%, 100% 100%));
    top: 0px;
    right: 100%;
    height: 100%;
    width: var(--triangleSize, 6.5vw);
  }
}
@media screen and (min-width: 64.0625em) {
  .mini-site-three-steps-forward .time li {
    grid-template-columns: 260px 1fr 1fr;
  }
}
@media screen and (min-width: 90.0625em) {
  .mini-site-three-steps-forward .time li {
    grid-template-columns: 250px 270px 1fr;
  }
}
@media screen and (min-width: 103.8125em) {
  .mini-site-three-steps-forward .time li {
    --triangleSize: 8.75rem;
  }
}
.mini-site-three-steps-forward .time li p {
  display: flex;
  align-items: center;
  font-weight: 300;
  font-size: var(--bs0-font-size);
  line-height: var(--bs0-line-height);
}
@media screen and (min-width: 40.0625em) {
  .mini-site-three-steps-forward .time li p {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
.mini-site-three-steps-forward .time li p:first-child {
  flex-direction: column;
  justify-content: center;
  line-height: 1.1;
  align-items: flex-start;
}
.mini-site-three-steps-forward .time li p:first-child strong {
  font-weight: 700;
  font-size: var(--hs4-font-size);
  line-height: var(--hs4-line-height);
  letter-spacing: -0.03em;
}
@media screen and (max-width: 40em) {
  .mini-site-three-steps-forward .time li p:first-child {
    padding: 2rem;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 40.0625em) {
  .mini-site-three-steps-forward .time li p:first-child {
    padding-right: 2.5rem;
    text-align: right;
    align-items: flex-end;
  }
  .mini-site-three-steps-forward .time li p:first-child strong {
    margin-top: -0.875rem;
  }
}
.mini-site-three-steps-forward .time li p:nth-child(2) {
  font-weight: 700;
  font-size: var(--hs0-font-size);
  line-height: var(--hs0-line-height);
  letter-spacing: -0.03em;
}
@media screen and (max-width: 40em) {
  .mini-site-three-steps-forward .time li p:nth-child(2) {
    padding: 2rem;
    padding-top: 0px;
  }
}
@media screen and (min-width: 40.0625em) {
  .mini-site-three-steps-forward .time li p:nth-child(2) {
    padding-right: 2rem;
  }
}
.mini-site-three-steps-forward .time li p:nth-child(3) {
  background-color: var(--innerArrowBgColor, #4A7D52);
}
@media screen and (max-width: 40em) {
  .mini-site-three-steps-forward .time li p:nth-child(3) {
    padding: 1.5rem 2rem;
    padding-top: 10px;
    text-align: center;
    justify-content: center;
    position: relative;
    margin-top: 34px;
  }
  .mini-site-three-steps-forward .time li p:nth-child(3):before {
    content: " ";
    position: absolute;
    background-color: inherit;
    clip-path: var(--triangleClipDirection, polygon(0% 100%, 0% 101%, 100% 101%, 100% 100%, 50% 0%));
    left: 0px;
    bottom: 100%;
    width: 100%;
    height: 34px;
  }
}
@media screen and (min-width: 40.0625em) {
  .mini-site-three-steps-forward .time li p:nth-child(3) {
    text-align: left;
    padding-right: var(--page-padding-lr);
    justify-self: flex-end;
  }
}
@media screen and (min-width: 40em) and (max-width: 50em) {
  .mini-site-three-steps-forward .time li p:nth-child(3) {
    background-color: transparent;
  }
}
@media screen and (min-width: 50em) and (max-width: 90em) {
  .mini-site-three-steps-forward .time li p:nth-child(3) {
    position: relative;
    margin-left: 6.5vw;
  }
  .mini-site-three-steps-forward .time li p:nth-child(3):before {
    content: " ";
    position: absolute;
    background-color: inherit;
    clip-path: var(--triangleClipDirection, polygon(0 50%, 100% 0%, 101% 0%, 101% 100%, 100% 100%));
    top: 0px;
    right: 100%;
    height: 100%;
    width: 6.5vw;
  }
}
@media screen and (min-width: 90em) and (max-width: 103.75em) {
  .mini-site-three-steps-forward .time li p:nth-child(3) {
    background-color: transparent;
  }
}
@media screen and (min-width: 103.8125em) {
  .mini-site-three-steps-forward .time li p:nth-child(3) {
    max-width: 330px;
    position: relative;
    margin-left: var(--triangleSize);
  }
  .mini-site-three-steps-forward .time li p:nth-child(3):before {
    content: " ";
    position: absolute;
    background-color: inherit;
    clip-path: var(--triangleClipDirection, polygon(0 50%, 100% 0%, 101% 0%, 101% 100%, 100% 100%));
    top: 0px;
    right: 100%;
    height: 100%;
    width: var(--triangleSize);
  }
}
.mini-site-three-steps-forward .time li:nth-child(2) {
  --arrowBgColor: #497A51;
  --innerArrowBgColor: #45734C;
}
.mini-site-three-steps-forward .time li:nth-child(3) {
  --arrowBgColor: #406B47;
  --innerArrowBgColor: #3D6644;
}
.mini-site-three-steps-forward .time .with-logo {
  display: flex;
  align-items: center;
  margin: 2rem var(--page-padding-lr);
  justify-self: center;
}
@media screen and (min-width: 64.0625em) {
  .mini-site-three-steps-forward .time .with-logo {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
}
@media screen and (min-width: 90.0625em) {
  .mini-site-three-steps-forward .time .with-logo {
    max-width: 72%;
    justify-self: flex-end;
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
@media screen and (min-width: 103.8125em) {
  .mini-site-three-steps-forward .time .with-logo {
    max-width: 720px;
  }
}
.mini-site-three-steps-forward .time .with-logo p {
  font-weight: 700;
  font-size: var(--hs4-font-size);
  line-height: var(--hs4-line-height);
  letter-spacing: -0.03em;
}
.mini-site-three-steps-forward .time .with-logo:before {
  content: " ";
  flex-shrink: 0;
  width: 4rem;
  height: 4.375rem;
  margin-right: 2rem;
  background-image: url(../images/mini-sites/three-steps-logo-white-text.svg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 236%;
}
@media screen and (min-width: 64.0625em) {
  .mini-site-three-steps-forward .time .with-logo:before {
    background-size: auto;
    width: 10.3125rem;
    height: 11.25rem;
  }
}
.mini-site-three-steps-forward .time .hourglass:before {
  --translateY: -100%;
  transition-duration: 250ms;
}
.mini-site-three-steps-forward .time .hourglass:after {
  --translateY: 100%;
  transition-duration: 250ms;
  transition-delay: 250ms;
}
.mini-site-three-steps-forward .time .hourglass h2 {
  opacity: 0;
  transition: 250ms ease-in;
  transition-delay: 600ms;
}
.mini-site-three-steps-forward .time .hourglass .hourglass-helper:before {
  clip-path: polygon(var(--smallTopXT) var(--smallTopYT), calc(var(--hourglassW) - var(--smallTopXT)) var(--smallTopYT), calc(var(--hourglassW) * 0.5) var(--smallTopYT));
}
.mini-site-three-steps-forward .time .hourglass .hourglass-helper:after {
  clip-path: polygon(calc(var(--hourglassW) * 0.5) var(--largeTopH), calc(var(--hourglassW) * 0.5) var(--largeTopH), calc(var(--hourglassW) * 0.5) var(--largeTopH));
  transition: 350ms ease-out;
  transition-delay: 1900ms;
}
.mini-site-three-steps-forward .time > p {
  opacity: 0;
  transition: 250ms ease-in;
}
.mini-site-three-steps-forward .time > p.visible {
  opacity: 1;
}
.mini-site-three-steps-forward .time li {
  --translateX: 120%;
}
.mini-site-three-steps-forward .time li:nth-child(2) {
  transition-delay: 100ms;
}
.mini-site-three-steps-forward .time ul.visible li {
  --translateX: 0;
  --translateY: 0;
}
.mini-site-three-steps-forward .time .with-logo {
  opacity: 0;
  transition: 250ms ease-in;
}
.mini-site-three-steps-forward .time .with-logo.visible {
  opacity: 1;
}
.mini-site-three-steps-forward .time.visible h2 {
  opacity: 1;
}
.mini-site-three-steps-forward .time.visible .hourglass:before,
.mini-site-three-steps-forward .time.visible .hourglass:after {
  --translateY: 0;
}
@keyframes small-top-triangle {
  0% {
    clip-path: polygon(var(--smallTopXT) var(--smallTopYT), calc(var(--hourglassW) - var(--smallTopXT)) var(--smallTopYT), calc(var(--hourglassW) * 0.5) var(--smallTopYT));
  }
  30%, 70% {
    clip-path: polygon(var(--smallTopXT) var(--smallTopYT), calc(var(--hourglassW) - var(--smallTopXT)) var(--smallTopYT), calc(var(--hourglassW) * 0.5) calc(var(--largeTopH) - var(--smallTopYB)));
  }
  100% {
    clip-path: polygon(calc(var(--hourglassW) * 0.5) calc(var(--largeTopH) - var(--smallTopYB)), calc(var(--hourglassW) * 0.5) calc(var(--largeTopH) - var(--smallTopYB)), calc(var(--hourglassW) * 0.5) calc(var(--largeTopH) - var(--smallTopYB)));
  }
}
.mini-site-three-steps-forward .time.visible .hourglass-helper:before {
  animation: small-top-triangle 1s 900ms linear both;
}
.mini-site-three-steps-forward .time.visible .hourglass-helper:after {
  clip-path: polygon(var(--smallBottomXB) calc(100% - var(--smallBottomYB)), calc(var(--hourglassW) - var(--smallBottomXB)) calc(100% - var(--smallBottomYB)), calc(var(--hourglassW) * 0.5) var(--largeTopH));
}

.mini-site-three-steps-forward .learn-more {
  padding: 3rem var(--page-padding-lr);
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 64.0625em) {
  .mini-site-three-steps-forward .learn-more {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
  }
}
.mini-site-three-steps-forward .learn-more h2 {
  width: 100%;
  max-width: 87.5rem;
  margin-bottom: 3rem;
  color: #3e4047;
}
@media screen and (min-width: 64.0625em) {
  .mini-site-three-steps-forward .learn-more h2 {
    margin-bottom: 6.5rem;
  }
}
.mini-site-three-steps-forward .learn-more h2 {
  opacity: 0;
  transition: 250ms ease-in;
}
.mini-site-three-steps-forward .learn-more.visible h2 {
  opacity: 1;
}

.mini-site-green-deal > *:not(.region-administrative-links) {
  font-family: "Noto Sans", sans-serif;
}

.mini-site-green-deal {
  --hero-white-edge-a-x: calc(
  	((100 / 16) * 1rem) + (250 - 100) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
  --hero-white-edge-d-x: calc(
  	((500 / 16) * 1rem) + (1000 - 500) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
  );
}

.mini-site-green-deal section.hero {
  position: relative;
  padding-left: var(--page-padding-lr);
  padding-right: var(--page-padding-lr);
  min-height: calc(
		((450 / 16) * 1rem) + (947 - 450) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
}
@media screen and (min-width: 30.0625em) {
  .mini-site-green-deal section.hero {
    margin-top: calc(-1 * var(--header-height));
    padding-top: var(--header-height);
  }
}
@media screen and (min-width: 64.0625em) {
  .mini-site-green-deal section.hero {
    padding-left: calc(
		((-10 / 16) * 1rem) + (130 - -10) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
    padding-right: calc(
		((-10 / 16) * 1rem) + (130 - -10) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
  }
}
.mini-site-green-deal section.hero h2 {
  max-width: calc(
		((260 / 16) * 1rem) + (500 - 260) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
  padding-top: calc(
		((45 / 16) * 1rem) + (350 - 45) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
  text-transform: uppercase;
  font-size: calc(
		((26 / 16) * 1rem) + (52 - 26) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
  line-height: calc(
		((36 / 16) * 1rem) + (70 - 36) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
  font-weight: 700;
  color: #073E37;
  transition: 250ms ease-in;
  opacity: 0;
}
.mini-site-green-deal section.hero h2::after {
  content: "\e968";
  color: #FEDB43;
  font-size: calc(
		((17 / 16) * 1rem) + (29 - 17) * 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;
}
.mini-site-green-deal section.hero h2:after {
  display: block;
  margin-top: calc(
		((9 / 16) * 1rem) + (18 - 9) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
  clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
  transition: 350ms ease-in;
  transition-delay: 300ms;
}
.mini-site-green-deal section.hero h2.visible {
  opacity: 1;
}
.mini-site-green-deal section.hero h2.visible:after {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.mini-site-green-deal section.hero p {
  margin-top: calc(
		((24 / 16) * 1rem) + (60 - 24) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
  font-size: calc(
		((20 / 16) * 1rem) + (38 - 20) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
  line-height: calc(
		((24 / 16) * 1rem) + (46 - 24) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
  letter-spacing: -0.6px;
  color: #073E37;
  letter-spacing: calc(
		((-0.6 / 16) * 1rem) + (-1.14 - -0.6) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
}
.mini-site-green-deal section.hero:before, .mini-site-green-deal section.hero:after {
  content: " ";
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
}
.mini-site-green-deal section.hero:before {
  background-image: url(../images/mini-sites/green-deal-hero-image.png);
  background-repeat: no-repeat;
  background-position: 89% top;
  background-size: auto 160%;
  z-index: -1;
}
@media screen and (min-width: 30.0625em) {
  .mini-site-green-deal section.hero:before {
    background-size: auto 119%;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 40% 100%, 40% 0);
  }
}
@media screen and (min-width: 50.0625em) {
  .mini-site-green-deal section.hero:before {
    background-size: auto 150%;
    background-position: right top;
  }
}
@media screen and (min-width: 64.0625em) {
  .mini-site-green-deal section.hero:before {
    background-size: auto 100%;
    background-position: 130% center;
    clip-path: polygon(var(--hero-white-edge-a-x) 0, 100% 0, 100% 100%, var(--hero-white-edge-d-x) 100%);
  }
}
@media screen and (min-width: 90.0625em) {
  .mini-site-green-deal section.hero:before {
    background-position: right center;
  }
}
.mini-site-green-deal section.hero:after {
  background-color: #B7EADB;
  z-index: -2;
}
@media screen and (min-width: 64.0625em) {
  .mini-site-green-deal section.hero:after {
    clip-path: polygon(var(--hero-white-edge-a-x) 0, 100% 0, 100% 100%, var(--hero-white-edge-d-x) 100%);
  }
}
.mini-site-green-deal section.hero h2 {
  --translateX: -135%;
}
.mini-site-green-deal section.hero p {
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  transition: 250ms ease-out;
  transition-delay: 800ms;
}
.mini-site-green-deal section.hero.visible h2 {
  opacity: 1;
  --translateX: 0;
}
.mini-site-green-deal section.hero.visible h2:after {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.mini-site-green-deal section.hero.visible p {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.mini-site-green-deal section.inspiration {
  position: relative;
  padding: calc(
		((48 / 16) * 1rem) + (128 - 48) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	) var(--page-padding-lr) calc(
		((48 / 16) * 1rem) + (128 - 48) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	) var(--page-padding-lr);
}
.mini-site-green-deal section.inspiration:before {
  content: " ";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #B7EADB;
  z-index: -1;
  clip-path: polygon(100% 4%, 100% 100%, 30% 100%);
}
@media screen and (min-width: 64.0625em) {
  .mini-site-green-deal section.inspiration:before {
    clip-path: polygon(71.5% 0, 100% 0, 100% 100%, 43% 100%);
  }
}
.mini-site-green-deal section.inspiration h2 {
  font-weight: 700;
  font-size: var(--hs4-font-size);
  line-height: var(--hs4-line-height);
  letter-spacing: -0.03em;
  transition: 250ms ease-in;
  opacity: 0;
  margin-bottom: calc(
		((48 / 16) * 1rem) + (80 - 48) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
}
.mini-site-green-deal section.inspiration h2::after {
  content: "\e968";
  color: #FEDB43;
  font-size: calc(
		((17 / 16) * 1rem) + (29 - 17) * 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;
}
.mini-site-green-deal section.inspiration h2:after {
  display: block;
  margin-top: 8px;
  clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
  transition: 350ms ease-in;
  transition-delay: 300ms;
}
.mini-site-green-deal section.inspiration h2.visible {
  opacity: 1;
}
.mini-site-green-deal section.inspiration h2.visible:after {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.mini-site-green-deal section.teaser-groups {
  position: relative;
  padding: calc(
		((48 / 16) * 1rem) + (128 - 48) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	) var(--page-padding-lr) calc(
		((48 / 16) * 1rem) + (128 - 48) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	) var(--page-padding-lr);
}
.mini-site-green-deal section.teaser-groups:before {
  content: " ";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #B7EADB;
  z-index: -1;
  clip-path: polygon(0 278px, 100% 100%, 0 100%);
}
@media screen and (min-width: 64.0625em) {
  .mini-site-green-deal section.teaser-groups:before {
    clip-path: polygon(0 58px, 42.2% 100%, 0 100%);
  }
}
.mini-site-green-deal section.teaser-groups h2 {
  font-weight: 700;
  font-size: var(--hs4-font-size);
  line-height: var(--hs4-line-height);
  letter-spacing: -0.03em;
  transition: 250ms ease-in;
  opacity: 0;
  margin-bottom: calc(
		((48 / 16) * 1rem) + (80 - 48) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
}
.mini-site-green-deal section.teaser-groups h2::after {
  content: "\e968";
  color: #FEDB43;
  font-size: calc(
		((17 / 16) * 1rem) + (29 - 17) * 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;
}
.mini-site-green-deal section.teaser-groups h2:after {
  display: block;
  margin-top: 8px;
  clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
  transition: 350ms ease-in;
  transition-delay: 300ms;
}
.mini-site-green-deal section.teaser-groups h2.visible {
  opacity: 1;
}
.mini-site-green-deal section.teaser-groups h2.visible:after {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.mini-site-green-deal section.teaser-groups ul.grid-list + h2 {
  margin-top: calc(
		((48 / 16) * 1rem) + (80 - 48) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
}
.mini-site-green-deal section.boxes {
  padding: calc(
		((48 / 16) * 1rem) + (139 - 48) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	) var(--page-padding-lr) calc(
		((32 / 16) * 1rem) + (48 - 32) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
  background-color: #56915F;
}
@media screen and (min-width: 64.0625em) {
  .mini-site-green-deal section.boxes {
    padding-left: calc(
		((0 / 16) * 1rem) + (127 - 0) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
    padding-right: 0px;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .mini-site-green-deal section.boxes > .box:nth-of-type(1) {
    grid-column: 1;
    grid-row: 2;
  }
  .mini-site-green-deal section.boxes > .box:nth-of-type(2) {
    align-self: flex-end;
    margin-bottom: calc(
		((30 / 16) * 1rem) + (48 - 30) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
  }
}
@media screen and (max-width: 64em) {
  .mini-site-green-deal section.boxes {
    display: flex;
    flex-direction: column;
  }
  .mini-site-green-deal section.boxes h2 {
    order: -1;
  }
  .mini-site-green-deal section.boxes div.box:nth-of-type(2) {
    order: -1;
  }
  .mini-site-green-deal section.boxes div.box:nth-of-type(1),
  .mini-site-green-deal section.boxes div.box:nth-of-type(3) {
    margin-top: calc(
		((48 / 16) * 1rem) + (64 - 48) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
  }
}
.mini-site-green-deal section.boxes h2 {
  font-weight: 700;
  font-size: var(--hs4-font-size);
  line-height: var(--hs4-line-height);
  letter-spacing: -0.03em;
  transition: 250ms ease-in;
  opacity: 0;
  color: white;
  margin-bottom: calc(
		((48 / 16) * 1rem) + (140 - 48) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
}
.mini-site-green-deal section.boxes h2::after {
  content: "\e968";
  color: white;
  font-size: calc(
		((17 / 16) * 1rem) + (29 - 17) * 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;
}
.mini-site-green-deal section.boxes h2:after {
  display: block;
  margin-top: calc(
		((36 / 16) * 1rem) + (44 - 36) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
  clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
  transition: 350ms ease-in;
  transition-delay: 300ms;
}
.mini-site-green-deal section.boxes h2.visible {
  opacity: 1;
}
.mini-site-green-deal section.boxes h2.visible:after {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
@media screen and (min-width: 64.0625em) {
  .mini-site-green-deal section.boxes h2 {
    max-width: 780px;
    margin-right: calc(
		((48 / 16) * 1rem) + (100 - 48) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
  }
}
.mini-site-green-deal section.boxes div.box {
  display: flex;
  flex-direction: column;
  gap: calc(
		((24 / 16) * 1rem) + (64 - 24) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
  padding: calc(
		((24 / 16) * 1rem) + (56 - 24) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	) calc(
		((24 / 16) * 1rem) + (64 - 24) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
  color: var(--box-fg-color);
  background-color: var(--box-bg-color);
  font-weight: 300;
  font-size: var(--bs0-font-size);
  line-height: var(--bs0-line-height);
  font-weight: 400;
  transform: rotate(var(--rotate, -2.216deg)) translateX(var(--translateX, 0));
  transition: transform 250ms ease-out;
  align-self: flex-start;
  opacity: 0;
}
.mini-site-green-deal section.boxes div.box::before {
  content: "\e966";
  color: inherit;
  font-size: calc(
		((72 / 16) * 1rem) + (96 - 72) * 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;
}
@media screen and (min-width: 40.0625em) {
  .mini-site-green-deal section.boxes div.box {
    flex-direction: row;
  }
}
.mini-site-green-deal section.boxes div.box h3 {
  font-size: calc(
		((16 / 16) * 1rem) + (32 - 16) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
  line-height: calc(
		((27 / 16) * 1rem) + (54 - 27) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
}
.mini-site-green-deal section.boxes div.box a {
  --link-default-fg-color: var(--box-fg-color);
  border-bottom: 1px solid var(--link-default-fg-color);
}
@media (hover: hover) and (pointer: fine) {
  .mini-site-green-deal section.boxes div.box a:hover {
    color: var(--box-bg-color);
    background-color: var(--box-fg-color);
  }
}
.mini-site-green-deal section.boxes div.box a:focus-visible {
  border-radius: 3px;
  box-shadow: 0 0 0 2px var(--box-fg-color);
}
.mini-site-green-deal section.boxes div.box:nth-of-type(1) {
  --box-fg-color: #3e4047;
  --box-bg-color: #B7EADB;
  --translateX: -100%;
}
.mini-site-green-deal section.boxes div.box:nth-of-type(2) {
  --box-fg-color: #3e4047;
  --box-bg-color: #FEDB43;
  --rotate: 5deg;
  --translateX: 100%;
}
.mini-site-green-deal section.boxes div.box:nth-of-type(2):before {
  content: "\e94c";
}
.mini-site-green-deal section.boxes div.box:nth-of-type(3) {
  --box-fg-color: white;
  --box-bg-color: #073E37;
  --rotate: 3.185deg;
  --translateX: 100%;
}
.mini-site-green-deal section.boxes div.box:nth-of-type(3):before {
  content: "\e967";
}
.mini-site-green-deal section.boxes div.box.visible {
  opacity: 1;
  --translateX: 0;
}

.mini-site-green-deal section.banner {
  position: relative;
}
@media screen and (min-width: 90.0625em) {
  .mini-site-green-deal section.banner:before {
    content: " ";
    position: absolute;
    top: -1px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #B7EADB;
    clip-path: polygon(0 0, 42.15% 0, 52.2% 100%, 0 100%);
  }
}
@media screen and (min-width: 64.0625em) {
  .mini-site-green-deal section.banner {
    --page-padding-lr: calc(
    	((32 / 16) * 1rem) + (168 - 32) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
    );
  }
}
.mini-site-green-deal section.banner h2 {
  font-weight: 700;
  font-size: var(--hs3-font-size);
  line-height: var(--hs3-line-height);
  letter-spacing: -0.03em;
  padding: calc(
		((32 / 16) * 1rem) + (48 - 32) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	) var(--page-padding-lr) calc(
		((48 / 16) * 1rem) + (60 - 48) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
  background-color: #FEDB43;
  display: flex;
  flex-direction: column;
  gap: calc(
		((32 / 16) * 1rem) + (79 - 32) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
  transition: 300ms ease-out;
  clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}
@media screen and (min-width: 50.0625em) {
  .mini-site-green-deal section.banner h2 {
    flex-direction: row;
    align-items: center;
  }
}
@media screen and (min-width: 90.0625em) {
  .mini-site-green-deal section.banner h2 {
    max-width: 1458px;
    margin-left: auto;
    transform: rotate(-2deg);
    padding-bottom: 112px;
    margin-bottom: -65px;
    margin-right: -8px;
  }
}
.mini-site-green-deal section.banner h2.visible {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.mini-site-green-deal section.banner h2:before {
  content: " ";
  display: flex;
  flex-shrink: 0;
  background-image: url(../images/mini-sites/three-steps-logo-with-slogan.png);
  background-repeat: no-repeat;
  background-size: 100%;
  width: calc(
		((300 / 16) * 1rem) + (488 - 300) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
  height: calc(
		((105 / 16) * 1rem) + (170 - 105) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
  margin-left: calc(-1 * var(--page-padding-lr));
}
.mini-site-green-deal section.banner a {
  display: flex;
  align-items: center;
  padding: var(--spacing-2xs) var(--spacing-s);
  gap: calc(
		((13 / 16) * 1rem) + (45 - 13) * calc((var(--fluid-screen) - 360 / 16 * 1rem) / (1920 - 360))
	);
}
.mini-site-green-deal section.banner a::after {
  content: "\e900";
  color: inherit;
  font-size: calc(
		((24 / 16) * 1rem) + (34 - 24) * 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;
}
@media (hover: hover) and (pointer: fine) {
  .mini-site-green-deal section.banner a:hover {
    background-color: var(--link-default-fg-color);
    color: #FEDB43;
  }
  .mini-site-green-deal section.banner a:hover:after {
    animation: arrow-animation 1s ease-in-out infinite;
  }
}
.mini-site-green-deal section.banner a:focus-visible {
  border-radius: 3px;
  box-shadow: 0 0 0 2px var(--link-default-fg-color);
}

.page-node-type-page .text-formatted-extended {
  padding-bottom: 3rem;
}
@media screen and (min-width: 50.0625em) {
  .page-node-type-page .text-formatted-extended {
    display: grid;
    grid-template-columns: 38fr 62fr;
    gap: 6.6%;
    padding-bottom: 4rem;
  }
  .page-node-type-page .text-formatted-extended > *:not(.main-image) {
    grid-column: 2;
    grid-row: 1;
  }
}
@media screen and (min-width: 64.0625em) {
  .page-node-type-page .text-formatted-extended {
    padding-bottom: 8rem;
  }
}
.page-node-type-page .main-image {
  position: relative;
  text-align: center;
  align-self: flex-start;
}
@media screen and (max-width: 50em) {
  .page-node-type-page .main-image {
    padding: 0 var(--page-padding-lr);
    margin-bottom: 3rem;
  }
}
.page-node-type-page .main-image img {
  width: auto;
}
@media screen and (min-width: 50.0625em) {
  .page-node-type-page .main-image img {
    clip-path: polygon(-1% 0%, 0% 0%, 100% 50%, 0% 100%, -1% 100%);
    width: 100%;
  }
}
@media screen and (min-width: 50.0625em) {
  .page-node-type-page .main-image::before {
    content: "\e972";
    color: #C4C3E3;
    font-size: 150rem;
    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;
  }
  .page-node-type-page .main-image:before {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    height: 150rem;
    line-height: 150rem;
    margin: auto;
    opacity: 0.2;
    z-index: -1;
    transform: rotate(180deg);
  }
}
.page-node-type-page .text-formatted-extended {
  margin: 0 var(--page-padding-lr);
}
.page-node-type-page .text-formatted-extended > div {
  max-width: 800px;
}
@media screen and (min-width: 50.0625em) {
  .page-node-type-page .text-formatted-extended {
    margin-left: 0px;
  }
}
.page-node-type-page .text-formatted-extended h2 {
  font-weight: 700;
  font-size: var(--hs1-font-size);
  line-height: var(--hs1-line-height);
  letter-spacing: -0.03em;
  font-weight: 700;
}
.page-node-type-page .text-formatted-extended ol {
  counter-reset: counter;
  margin-bottom: 3rem;
}
@media screen and (min-width: 64.0625em) {
  .page-node-type-page .text-formatted-extended ol {
    margin-bottom: 4.5rem;
  }
}
.page-node-type-page .text-formatted-extended ol li {
  position: relative;
  padding-left: 3rem;
  font-weight: 300;
  font-size: var(--bs0-font-size);
  line-height: var(--bs0-line-height);
}
@media screen and (min-width: 64.0625em) {
  .page-node-type-page .text-formatted-extended ol li {
    padding-left: 8rem;
  }
}
.page-node-type-page .text-formatted-extended ol li:before {
  content: counter(counter);
  counter-increment: counter;
  position: absolute;
  top: -3px;
  left: 0;
  width: 2.25rem;
  height: 2.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: inherit;
  font-weight: 700;
  background-color: #FFC000;
  border-radius: 50%;
}
@media screen and (min-width: 64.0625em) {
  .page-node-type-page .text-formatted-extended ol li:before {
    left: 3rem;
    width: 3rem;
    height: 3rem;
  }
}
.page-node-type-page .text-formatted-extended ol li + li {
  margin-top: 1.5rem;
}
.page-node-type-page .text-formatted-extended p,
.page-node-type-page .text-formatted-extended h2 {
  margin-bottom: 2rem;
}
@media screen and (min-width: 64.0625em) {
  .page-node-type-page .text-formatted-extended p,
  .page-node-type-page .text-formatted-extended h2 {
    margin-bottom: 3.125rem;
  }
}
.page-node-type-page .text-formatted-extended p + ol, .page-node-type-page .text-formatted-extended p + h2,
.page-node-type-page .text-formatted-extended h2 + ol,
.page-node-type-page .text-formatted-extended h2 + h2 {
  margin-top: 3rem;
}
@media screen and (min-width: 64.0625em) {
  .page-node-type-page .text-formatted-extended p + ol, .page-node-type-page .text-formatted-extended p + h2,
  .page-node-type-page .text-formatted-extended h2 + ol,
  .page-node-type-page .text-formatted-extended h2 + h2 {
    margin-bottom: 4.5rem;
  }
}
.page-node-type-page .text-formatted-extended > *:last-child {
  margin-bottom: 0px;
}

.page.mini-site-three-steps-forward:not(.mini-site-landing-page) {
  --header-divider-br-color:	white;
  --menu-toggler-color:	white;
}

/*# sourceMappingURL=campaign-mini-site.css.map */