/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */

.pswp {
  --pswp-bg: #000;
  --pswp-placeholder-bg: #222;


  --pswp-root-z-index: 100000;

  --pswp-preloader-color: rgba(79, 79, 79, 0.4);
  --pswp-preloader-color-secondary: rgba(255, 255, 255, 0.9);

  /* defined via js:
  --pswp-transition-duration: 333ms; */

  --pswp-icon-color: #fff;
  --pswp-icon-color-secondary: #4f4f4f;
  --pswp-icon-stroke-color: #4f4f4f;
  --pswp-icon-stroke-width: 2px;

  --pswp-error-text-color: var(--pswp-icon-color);
}


/*
	Styles for basic PhotoSwipe (pswp) functionality (sliding area, open/close transitions)
*/

.pswp {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: var(--pswp-root-z-index);
  display: none;
  touch-action: none;
  outline: 0;
  opacity: 0.003;
  contain: layout style size;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* Prevents focus outline on the root element,
  (it may be focused initially) */
.pswp:focus {
  outline: 0;
}

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

.pswp img {
  max-width: none;
}

.pswp--open {
  display: block;
}

.pswp,
.pswp__bg {
  transform: translateZ(0);
  will-change: opacity;
}

.pswp__bg {
  opacity: 0.005;
  background: var(--pswp-bg);
}

.pswp,
.pswp__scroll-wrap {
  overflow: hidden;
}

.pswp__scroll-wrap,
.pswp__bg,
.pswp__container,
.pswp__item,
.pswp__content,
.pswp__img,
.pswp__zoom-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.pswp__img,
.pswp__zoom-wrap {
  width: auto;
  height: auto;
}

.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

/* :active to override grabbing cursor */
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,
.pswp__img {
  cursor: -webkit-zoom-out;
  cursor: -moz-zoom-out;
  cursor: zoom-out;
}


/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img,
.pswp__button,
.pswp__counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.pswp__item {
  /* z-index for fade transition */
  z-index: 1;
  overflow: hidden;
}

.pswp__hidden {
  display: none !important;
}

/* Allow to click through pswp__content element, but not its children */
.pswp__content {
  pointer-events: none;
}

.pswp__content>* {
  pointer-events: auto;
}


/*

  PhotoSwipe UI

*/

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg-container {
  display: grid;
}

.pswp__error-msg {
  margin: auto;
  font-size: 1em;
  line-height: 1;
  color: var(--pswp-error-text-color);
}

/*
class pswp__hide-on-close is applied to elements that
should hide (for example fade out) when PhotoSwipe is closed
and show (for example fade in) when PhotoSwipe is opened
 */
.pswp .pswp__hide-on-close {
  opacity: 0.005;
  will-change: opacity;
  transition: opacity var(--pswp-transition-duration) cubic-bezier(0.4, 0, 0.22, 1);
  z-index: 10;
  /* always overlap slide content */
  pointer-events: none;
  /* hidden elements should not be clickable */
}

/* class pswp--ui-visible is added when opening or closing transition starts */
.pswp--ui-visible .pswp__hide-on-close {
  opacity: 1;
  pointer-events: auto;
}

/* <button> styles, including css reset */
.pswp__button {
  position: relative;
  display: block;
  width: 50px;
  height: 60px;
  padding: 0;
  margin: 0;
  overflow: hidden;
  cursor: pointer;
  background: none;
  border: 0;
  box-shadow: none;
  opacity: 0.85;
  -webkit-appearance: none;
  -webkit-touch-callout: none;
}

.pswp__button:hover,
.pswp__button:active,
.pswp__button:focus {
  transition: none;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
  opacity: 1;
}

.pswp__button:disabled {
  opacity: 0.3;
  cursor: auto;
}

.pswp__icn {
  fill: var(--pswp-icon-color);
  color: var(--pswp-icon-color-secondary);
}

.pswp__icn {
  position: absolute;
  top: 14px;
  left: 9px;
  width: 32px;
  height: 32px;
  overflow: hidden;
  pointer-events: none;
}

.pswp__icn-shadow {
  stroke: var(--pswp-icon-stroke-color);
  stroke-width: var(--pswp-icon-stroke-width);
  fill: none;
}

.pswp__icn:focus {
  outline: 0;
}

/*
	div element that matches size of large image,
	large image loads on top of it,
	used when msrc is not provided
*/
div.pswp__img--placeholder,
.pswp__img--with-bg {
  background: var(--pswp-placeholder-bg);
}

.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 60px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  z-index: 10;

  /* allow events to pass through top bar itself */
  pointer-events: none !important;
}

.pswp__top-bar>* {
  pointer-events: auto;
  /* this makes transition significantly more smooth,
     even though inner elements are not animated */
  will-change: opacity;
}


/*

  Close button

*/
.pswp__button--close {
  margin-right: 6px;
}


/*

  Arrow buttons

*/
.pswp__button--arrow {
  position: absolute;
  top: 0;
  width: 75px;
  height: 100px;
  top: 50%;
  margin-top: -50px;
}

.pswp__button--arrow:disabled {
  display: none;
  cursor: default;
}

.pswp__button--arrow .pswp__icn {
  top: 50%;
  margin-top: -30px;
  width: 60px;
  height: 60px;
  background: none;
  border-radius: 0;
}

.pswp--one-slide .pswp__button--arrow {
  display: none;
}

/* hide arrows on touch screens */
.pswp--touch .pswp__button--arrow {
  visibility: hidden;
}

/* show arrows only after mouse was used */
.pswp--has_mouse .pswp__button--arrow {
  visibility: visible;
}

.pswp__button--arrow--prev {
  right: auto;
  left: 0px;
}

.pswp__button--arrow--next {
  right: 0px;
}

.pswp__button--arrow--next .pswp__icn {
  left: auto;
  right: 14px;
  /* flip horizontally */
  transform: scale(-1, 1);
}

/*

  Zoom button

*/
.pswp__button--zoom {
  display: none;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

/* "+" => "-" */
.pswp--zoomed-in .pswp__zoom-icn-bar-v {
  display: none;
}


/*

  Loading indicator

*/
.pswp__preloader {
  position: relative;
  overflow: hidden;
  width: 50px;
  height: 60px;
  margin-right: auto;
}

.pswp__preloader .pswp__icn {
  opacity: 0;
  transition: opacity 0.2s linear;
  animation: pswp-clockwise 600ms linear infinite;
}

.pswp__preloader--active .pswp__icn {
  opacity: 0.85;
}

@keyframes pswp-clockwise {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}


/*

  "1 of 10" counter

*/
.pswp__counter {
  height: 30px;
  margin-top: 15px;
  margin-inline-start: 20px;
  font-size: 14px;
  line-height: 30px;
  color: var(--pswp-icon-color);
  text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary);
  opacity: 0.85;
}

.pswp--one-slide .pswp__counter {
  display: none;
}

:root {
  --iti-hover-color: rgba(0, 0, 0, 0.05);
  --iti-text-gray: #999;
  --iti-border-gray: #ccc;
  --iti-spacer-horizontal: 8px;
  --iti-flag-height: 15px;
  --iti-flag-width: 20px;
  --iti-border-width: 1px;
  --iti-arrow-height: 4px;
  --iti-arrow-width: 6px;
  --iti-triangle-border: calc(var(--iti-arrow-width) / 2);
  --iti-arrow-padding: 6px;
  --iti-arrow-color: #555;
  --iti-input-padding: 6px;
  --iti-right-hand-selected-country-padding: calc(var(--iti-spacer-horizontal) + var(--iti-spacer-horizontal) + var(--iti-flag-width));
  --iti-selected-country-arrow-padding: calc(var(--iti-arrow-padding) + var(--iti-arrow-padding) + var(--iti-flag-width) + var(--iti-spacer-horizontal) + var(--iti-arrow-width) + var(--iti-input-padding));
  --iti-path-flags-1x: url(./_/node_modules/intl-tel-input/build/img/flags.png);
  --iti-path-flags-2x: url(./_/node_modules/intl-tel-input/build/img/flags@2x.png);
  --iti-path-globe-1x: url(./_/node_modules/intl-tel-input/build/img/globe.png);
  --iti-path-globe-2x: url(./_/node_modules/intl-tel-input/build/img/globe@2x.png);
  --iti-flag-sprite-width: 5762px;
  --iti-flag-sprite-height: 15px;
  --iti-mobile-popup-margin: 30px;
}

.iti {
  position: relative;
  display: inline-block;
}

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

.iti__hide {
  display: none;
}

.iti__v-hide {
  visibility: hidden;
}

.iti__a11y-text {
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  position: absolute;
}

.iti input.iti__tel-input,
.iti input.iti__tel-input[type=text],
.iti input.iti__tel-input[type=tel] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: var(--iti-right-hand-selected-country-padding);
  margin-right: 0;
}

.iti__country-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: var(--iti-border-width);
}

.iti__selected-country {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  border-radius: 0;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: none;
}

.iti__selected-country-primary {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal);
}

.iti__arrow {
  margin-left: var(--iti-arrow-padding);
  width: 0;
  height: 0;
  border-left: var(--iti-triangle-border) solid transparent;
  border-right: var(--iti-triangle-border) solid transparent;
  border-top: var(--iti-arrow-height) solid var(--iti-arrow-color);
}

[dir=rtl] .iti__arrow {
  margin-right: var(--iti-arrow-padding);
  margin-left: 0;
}

.iti__arrow--up {
  border-top: none;
  border-bottom: var(--iti-arrow-height) solid var(--iti-arrow-color);
}

.iti__dropdown-content {
  border-radius: 3px;
  background-color: white;
}

.iti--inline-dropdown .iti__dropdown-content {
  position: absolute;
  z-index: 2;
  margin-top: 3px;
  margin-left: calc(var(--iti-border-width) * -1);
  border: var(--iti-border-width) solid var(--iti-border-gray);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}

.iti__search-input {
  width: 100%;
  border-width: 0;
  border-radius: 3px;
  padding: 9px 12px;
}

.iti__search-input+.iti__country-list {
  border-top: 1px solid var(--iti-border-gray);
}

.iti__country-list {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.iti--inline-dropdown .iti__country-list {
  max-height: 185px;
}

.iti--flexible-dropdown-width .iti__country-list {
  white-space: nowrap;
}

@media (max-width: 500px) {
  .iti--flexible-dropdown-width .iti__country-list {
    white-space: normal;
  }
}

.iti__flag-box {
  display: inline-block;
  width: var(--iti-flag-width);
}

.iti__country {
  display: flex;
  align-items: center;
  padding: 8px var(--iti-spacer-horizontal);
  outline: none;
}

.iti__dial-code {
  color: var(--iti-text-gray);
}

.iti__country.iti__highlight {
  background-color: var(--iti-hover-color);
}

.iti__flag-box,
.iti__country-name {
  margin-right: var(--iti-spacer-horizontal);
}

[dir=rtl] .iti__flag-box,
[dir=rtl] .iti__country-name {
  margin-right: 0;
  margin-left: var(--iti-spacer-horizontal);
}

.iti--allow-dropdown input.iti__tel-input,
.iti--allow-dropdown input.iti__tel-input[type=text],
.iti--allow-dropdown input.iti__tel-input[type=tel] {
  padding-right: var(--iti-input-padding);
  padding-left: var(--iti-selected-country-arrow-padding);
  margin-left: 0;
}

[dir=rtl] .iti--allow-dropdown input.iti__tel-input,
[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=text],
[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=tel] {
  padding-right: var(--iti-selected-country-arrow-padding);
  padding-left: var(--iti-input-padding);
  margin-right: 0;
}

.iti--allow-dropdown .iti__country-container {
  right: auto;
  left: 0;
}

[dir=rtl] .iti--allow-dropdown .iti__country-container {
  right: 0;
  left: auto;
}

.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover,
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover button {
  cursor: pointer;
}

.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover,
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary {
  background-color: var(--iti-hover-color);
}

.iti .iti__selected-dial-code {
  margin-left: 4px;
}

[dir=rtl] .iti .iti__selected-dial-code {
  margin-left: 0;
  margin-right: 4px;
}

.iti--container {
  position: fixed;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: var(--iti-border-width);
}

.iti--container:hover {
  cursor: pointer;
}

.iti--fullscreen-popup.iti--container {
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  padding: var(--iti-mobile-popup-margin);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.iti--fullscreen-popup .iti__dropdown-content {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  position: relative;
}

.iti--fullscreen-popup .iti__country {
  padding: 10px 10px;
  line-height: 1.5em;
}

.iti__flag {
  --iti-flag-offset: 0px;
  --iti-flag-width: 20px;
  --iti-flag-height: 14px;
  height: var(--iti-flag-height);
  width: var(--iti-flag-width);
  box-shadow: 0px 0px 1px 0px #888;
  background-image: var(--iti-path-flags-1x);
  background-repeat: no-repeat;
  background-position: var(--iti-flag-offset) 0;
  background-size: var(--iti-flag-sprite-width) var(--iti-flag-sprite-height);
}

.iti__np {
  --iti-flag-width: 13px;
}

.iti__va,
.iti__ch {
  --iti-flag-width: 15px;
}

.iti__ne,
.iti__be {
  --iti-flag-width: 18px;
}

.iti__mc {
  --iti-flag-width: 19px;
}

.iti__zw,
.iti__ws,
.iti__vg,
.iti__uz,
.iti__uk,
.iti__tv,
.iti__to,
.iti__tl,
.iti__tk,
.iti__tj,
.iti__tc,
.iti__ta,
.iti__su,
.iti__st,
.iti__ss,
.iti__si,
.iti__sh,
.iti__sd,
.iti__sc,
.iti__sb,
.iti__ps,
.iti__pn,
.iti__ph,
.iti__om,
.iti__nz,
.iti__nu,
.iti__nr,
.iti__ng,
.iti__nf,
.iti__nc,
.iti__my,
.iti__ms,
.iti__mp,
.iti__mn,
.iti__mk,
.iti__me,
.iti__md,
.iti__ly,
.iti__lv,
.iti__lk,
.iti__lc,
.iti__kz,
.iti__ky,
.iti__kw,
.iti__kp,
.iti__ki,
.iti__jo,
.iti__jm,
.iti__io,
.iti__im,
.iti__ie,
.iti__hu,
.iti__hr,
.iti__hn,
.iti__hm,
.iti__gw,
.iti__gs,
.iti__gi,
.iti__gb,
.iti__fk,
.iti__fj,
.iti__et,
.iti__er,
.iti__eh,
.iti__dm,
.iti__dg,
.iti__cx,
.iti__cu,
.iti__ck,
.iti__cc,
.iti__ca,
.iti__by,
.iti__bs,
.iti__bn,
.iti__bm,
.iti__ba,
.iti__az,
.iti__au,
.iti__as,
.iti__am,
.iti__ai,
.iti__ae,
.iti__ac {
  --iti-flag-height: 10px;
}

.iti__us,
.iti__um,
.iti__py,
.iti__mh,
.iti__lr,
.iti__gu,
.iti__fm {
  --iti-flag-height: 11px;
}

.iti__vu,
.iti__tt,
.iti__sv,
.iti__ni,
.iti__mx,
.iti__lu,
.iti__lt,
.iti__li,
.iti__km,
.iti__kg,
.iti__je,
.iti__ir,
.iti__ht,
.iti__gy,
.iti__gd,
.iti__fi,
.iti__de,
.iti__cv,
.iti__cr,
.iti__cq,
.iti__bz,
.iti__bi,
.iti__bh,
.iti__bg,
.iti__bd {
  --iti-flag-height: 12px;
}

.iti__tg,
.iti__se,
.iti__pw,
.iti__pl,
.iti__kh,
.iti__gt,
.iti__ee,
.iti__ax,
.iti__ar {
  --iti-flag-height: 13px;
}

.iti__xk,
.iti__va,
.iti__sm,
.iti__sj,
.iti__pg,
.iti__np,
.iti__no,
.iti__ne,
.iti__mc,
.iti__is,
.iti__il,
.iti__ga,
.iti__fo,
.iti__dk,
.iti__ch,
.iti__cd,
.iti__bv,
.iti__be,
.iti__al {
  --iti-flag-height: 15px;
}

.iti__qa {
  --iti-flag-height: 8px;
}

.iti__ac {
  --iti-flag-offset: 0px;
}

.iti__ad {
  --iti-flag-offset: -22px;
}

.iti__ae {
  --iti-flag-offset: -44px;
}

.iti__af {
  --iti-flag-offset: -66px;
}

.iti__ag {
  --iti-flag-offset: -88px;
}

.iti__ai {
  --iti-flag-offset: -110px;
}

.iti__al {
  --iti-flag-offset: -132px;
}

.iti__am {
  --iti-flag-offset: -154px;
}

.iti__ao {
  --iti-flag-offset: -176px;
}

.iti__aq {
  --iti-flag-offset: -198px;
}

.iti__ar {
  --iti-flag-offset: -220px;
}

.iti__as {
  --iti-flag-offset: -242px;
}

.iti__at {
  --iti-flag-offset: -264px;
}

.iti__au {
  --iti-flag-offset: -286px;
}

.iti__aw {
  --iti-flag-offset: -308px;
}

.iti__ax {
  --iti-flag-offset: -330px;
}

.iti__az {
  --iti-flag-offset: -352px;
}

.iti__ba {
  --iti-flag-offset: -374px;
}

.iti__bb {
  --iti-flag-offset: -396px;
}

.iti__bd {
  --iti-flag-offset: -418px;
}

.iti__be {
  --iti-flag-offset: -440px;
}

.iti__bf {
  --iti-flag-offset: -460px;
}

.iti__bg {
  --iti-flag-offset: -482px;
}

.iti__bh {
  --iti-flag-offset: -504px;
}

.iti__bi {
  --iti-flag-offset: -526px;
}

.iti__bj {
  --iti-flag-offset: -548px;
}

.iti__bl {
  --iti-flag-offset: -570px;
}

.iti__bm {
  --iti-flag-offset: -592px;
}

.iti__bn {
  --iti-flag-offset: -614px;
}

.iti__bo {
  --iti-flag-offset: -636px;
}

.iti__bq {
  --iti-flag-offset: -658px;
}

.iti__br {
  --iti-flag-offset: -680px;
}

.iti__bs {
  --iti-flag-offset: -702px;
}

.iti__bt {
  --iti-flag-offset: -724px;
}

.iti__bv {
  --iti-flag-offset: -746px;
}

.iti__bw {
  --iti-flag-offset: -768px;
}

.iti__by {
  --iti-flag-offset: -790px;
}

.iti__bz {
  --iti-flag-offset: -812px;
}

.iti__ca {
  --iti-flag-offset: -834px;
}

.iti__cc {
  --iti-flag-offset: -856px;
}

.iti__cd {
  --iti-flag-offset: -878px;
}

.iti__cf {
  --iti-flag-offset: -900px;
}

.iti__cg {
  --iti-flag-offset: -922px;
}

.iti__ch {
  --iti-flag-offset: -944px;
}

.iti__ci {
  --iti-flag-offset: -961px;
}

.iti__ck {
  --iti-flag-offset: -983px;
}

.iti__cl {
  --iti-flag-offset: -1005px;
}

.iti__cm {
  --iti-flag-offset: -1027px;
}

.iti__cn {
  --iti-flag-offset: -1049px;
}

.iti__co {
  --iti-flag-offset: -1071px;
}

.iti__cp {
  --iti-flag-offset: -1093px;
}

.iti__cq {
  --iti-flag-offset: -1115px;
}

.iti__cr {
  --iti-flag-offset: -1137px;
}

.iti__cu {
  --iti-flag-offset: -1159px;
}

.iti__cv {
  --iti-flag-offset: -1181px;
}

.iti__cw {
  --iti-flag-offset: -1203px;
}

.iti__cx {
  --iti-flag-offset: -1225px;
}

.iti__cy {
  --iti-flag-offset: -1247px;
}

.iti__cz {
  --iti-flag-offset: -1269px;
}

.iti__de {
  --iti-flag-offset: -1291px;
}

.iti__dg {
  --iti-flag-offset: -1313px;
}

.iti__dj {
  --iti-flag-offset: -1335px;
}

.iti__dk {
  --iti-flag-offset: -1357px;
}

.iti__dm {
  --iti-flag-offset: -1379px;
}

.iti__do {
  --iti-flag-offset: -1401px;
}

.iti__dz {
  --iti-flag-offset: -1423px;
}

.iti__ea {
  --iti-flag-offset: -1445px;
}

.iti__ec {
  --iti-flag-offset: -1467px;
}

.iti__ee {
  --iti-flag-offset: -1489px;
}

.iti__eg {
  --iti-flag-offset: -1511px;
}

.iti__eh {
  --iti-flag-offset: -1533px;
}

.iti__er {
  --iti-flag-offset: -1555px;
}

.iti__es {
  --iti-flag-offset: -1577px;
}

.iti__et {
  --iti-flag-offset: -1599px;
}

.iti__eu {
  --iti-flag-offset: -1621px;
}

.iti__ez {
  --iti-flag-offset: -1643px;
}

.iti__fi {
  --iti-flag-offset: -1665px;
}

.iti__fj {
  --iti-flag-offset: -1687px;
}

.iti__fk {
  --iti-flag-offset: -1709px;
}

.iti__fm {
  --iti-flag-offset: -1731px;
}

.iti__fo {
  --iti-flag-offset: -1753px;
}

.iti__fr {
  --iti-flag-offset: -1775px;
}

.iti__fx {
  --iti-flag-offset: -1797px;
}

.iti__ga {
  --iti-flag-offset: -1819px;
}

.iti__gb {
  --iti-flag-offset: -1841px;
}

.iti__gd {
  --iti-flag-offset: -1863px;
}

.iti__ge {
  --iti-flag-offset: -1885px;
}

.iti__gf {
  --iti-flag-offset: -1907px;
}

.iti__gg {
  --iti-flag-offset: -1929px;
}

.iti__gh {
  --iti-flag-offset: -1951px;
}

.iti__gi {
  --iti-flag-offset: -1973px;
}

.iti__gl {
  --iti-flag-offset: -1995px;
}

.iti__gm {
  --iti-flag-offset: -2017px;
}

.iti__gn {
  --iti-flag-offset: -2039px;
}

.iti__gp {
  --iti-flag-offset: -2061px;
}

.iti__gq {
  --iti-flag-offset: -2083px;
}

.iti__gr {
  --iti-flag-offset: -2105px;
}

.iti__gs {
  --iti-flag-offset: -2127px;
}

.iti__gt {
  --iti-flag-offset: -2149px;
}

.iti__gu {
  --iti-flag-offset: -2171px;
}

.iti__gw {
  --iti-flag-offset: -2193px;
}

.iti__gy {
  --iti-flag-offset: -2215px;
}

.iti__hk {
  --iti-flag-offset: -2237px;
}

.iti__hm {
  --iti-flag-offset: -2259px;
}

.iti__hn {
  --iti-flag-offset: -2281px;
}

.iti__hr {
  --iti-flag-offset: -2303px;
}

.iti__ht {
  --iti-flag-offset: -2325px;
}

.iti__hu {
  --iti-flag-offset: -2347px;
}

.iti__ic {
  --iti-flag-offset: -2369px;
}

.iti__id {
  --iti-flag-offset: -2391px;
}

.iti__ie {
  --iti-flag-offset: -2413px;
}

.iti__il {
  --iti-flag-offset: -2435px;
}

.iti__im {
  --iti-flag-offset: -2457px;
}

.iti__in {
  --iti-flag-offset: -2479px;
}

.iti__io {
  --iti-flag-offset: -2501px;
}

.iti__iq {
  --iti-flag-offset: -2523px;
}

.iti__ir {
  --iti-flag-offset: -2545px;
}

.iti__is {
  --iti-flag-offset: -2567px;
}

.iti__it {
  --iti-flag-offset: -2589px;
}

.iti__je {
  --iti-flag-offset: -2611px;
}

.iti__jm {
  --iti-flag-offset: -2633px;
}

.iti__jo {
  --iti-flag-offset: -2655px;
}

.iti__jp {
  --iti-flag-offset: -2677px;
}

.iti__ke {
  --iti-flag-offset: -2699px;
}

.iti__kg {
  --iti-flag-offset: -2721px;
}

.iti__kh {
  --iti-flag-offset: -2743px;
}

.iti__ki {
  --iti-flag-offset: -2765px;
}

.iti__km {
  --iti-flag-offset: -2787px;
}

.iti__kn {
  --iti-flag-offset: -2809px;
}

.iti__kp {
  --iti-flag-offset: -2831px;
}

.iti__kr {
  --iti-flag-offset: -2853px;
}

.iti__kw {
  --iti-flag-offset: -2875px;
}

.iti__ky {
  --iti-flag-offset: -2897px;
}

.iti__kz {
  --iti-flag-offset: -2919px;
}

.iti__la {
  --iti-flag-offset: -2941px;
}

.iti__lb {
  --iti-flag-offset: -2963px;
}

.iti__lc {
  --iti-flag-offset: -2985px;
}

.iti__li {
  --iti-flag-offset: -3007px;
}

.iti__lk {
  --iti-flag-offset: -3029px;
}

.iti__lr {
  --iti-flag-offset: -3051px;
}

.iti__ls {
  --iti-flag-offset: -3073px;
}

.iti__lt {
  --iti-flag-offset: -3095px;
}

.iti__lu {
  --iti-flag-offset: -3117px;
}

.iti__lv {
  --iti-flag-offset: -3139px;
}

.iti__ly {
  --iti-flag-offset: -3161px;
}

.iti__ma {
  --iti-flag-offset: -3183px;
}

.iti__mc {
  --iti-flag-offset: -3205px;
}

.iti__md {
  --iti-flag-offset: -3226px;
}

.iti__me {
  --iti-flag-offset: -3248px;
}

.iti__mf {
  --iti-flag-offset: -3270px;
}

.iti__mg {
  --iti-flag-offset: -3292px;
}

.iti__mh {
  --iti-flag-offset: -3314px;
}

.iti__mk {
  --iti-flag-offset: -3336px;
}

.iti__ml {
  --iti-flag-offset: -3358px;
}

.iti__mm {
  --iti-flag-offset: -3380px;
}

.iti__mn {
  --iti-flag-offset: -3402px;
}

.iti__mo {
  --iti-flag-offset: -3424px;
}

.iti__mp {
  --iti-flag-offset: -3446px;
}

.iti__mq {
  --iti-flag-offset: -3468px;
}

.iti__mr {
  --iti-flag-offset: -3490px;
}

.iti__ms {
  --iti-flag-offset: -3512px;
}

.iti__mt {
  --iti-flag-offset: -3534px;
}

.iti__mu {
  --iti-flag-offset: -3556px;
}

.iti__mv {
  --iti-flag-offset: -3578px;
}

.iti__mw {
  --iti-flag-offset: -3600px;
}

.iti__mx {
  --iti-flag-offset: -3622px;
}

.iti__my {
  --iti-flag-offset: -3644px;
}

.iti__mz {
  --iti-flag-offset: -3666px;
}

.iti__na {
  --iti-flag-offset: -3688px;
}

.iti__nc {
  --iti-flag-offset: -3710px;
}

.iti__ne {
  --iti-flag-offset: -3732px;
}

.iti__nf {
  --iti-flag-offset: -3752px;
}

.iti__ng {
  --iti-flag-offset: -3774px;
}

.iti__ni {
  --iti-flag-offset: -3796px;
}

.iti__nl {
  --iti-flag-offset: -3818px;
}

.iti__no {
  --iti-flag-offset: -3840px;
}

.iti__np {
  --iti-flag-offset: -3862px;
}

.iti__nr {
  --iti-flag-offset: -3877px;
}

.iti__nu {
  --iti-flag-offset: -3899px;
}

.iti__nz {
  --iti-flag-offset: -3921px;
}

.iti__om {
  --iti-flag-offset: -3943px;
}

.iti__pa {
  --iti-flag-offset: -3965px;
}

.iti__pe {
  --iti-flag-offset: -3987px;
}

.iti__pf {
  --iti-flag-offset: -4009px;
}

.iti__pg {
  --iti-flag-offset: -4031px;
}

.iti__ph {
  --iti-flag-offset: -4053px;
}

.iti__pk {
  --iti-flag-offset: -4075px;
}

.iti__pl {
  --iti-flag-offset: -4097px;
}

.iti__pm {
  --iti-flag-offset: -4119px;
}

.iti__pn {
  --iti-flag-offset: -4141px;
}

.iti__pr {
  --iti-flag-offset: -4163px;
}

.iti__ps {
  --iti-flag-offset: -4185px;
}

.iti__pt {
  --iti-flag-offset: -4207px;
}

.iti__pw {
  --iti-flag-offset: -4229px;
}

.iti__py {
  --iti-flag-offset: -4251px;
}

.iti__qa {
  --iti-flag-offset: -4273px;
}

.iti__re {
  --iti-flag-offset: -4295px;
}

.iti__ro {
  --iti-flag-offset: -4317px;
}

.iti__rs {
  --iti-flag-offset: -4339px;
}

.iti__ru {
  --iti-flag-offset: -4361px;
}

.iti__rw {
  --iti-flag-offset: -4383px;
}

.iti__sa {
  --iti-flag-offset: -4405px;
}

.iti__sb {
  --iti-flag-offset: -4427px;
}

.iti__sc {
  --iti-flag-offset: -4449px;
}

.iti__sd {
  --iti-flag-offset: -4471px;
}

.iti__se {
  --iti-flag-offset: -4493px;
}

.iti__sg {
  --iti-flag-offset: -4515px;
}

.iti__sh {
  --iti-flag-offset: -4537px;
}

.iti__si {
  --iti-flag-offset: -4559px;
}

.iti__sj {
  --iti-flag-offset: -4581px;
}

.iti__sk {
  --iti-flag-offset: -4603px;
}

.iti__sl {
  --iti-flag-offset: -4625px;
}

.iti__sm {
  --iti-flag-offset: -4647px;
}

.iti__sn {
  --iti-flag-offset: -4669px;
}

.iti__so {
  --iti-flag-offset: -4691px;
}

.iti__sr {
  --iti-flag-offset: -4713px;
}

.iti__ss {
  --iti-flag-offset: -4735px;
}

.iti__st {
  --iti-flag-offset: -4757px;
}

.iti__su {
  --iti-flag-offset: -4779px;
}

.iti__sv {
  --iti-flag-offset: -4801px;
}

.iti__sx {
  --iti-flag-offset: -4823px;
}

.iti__sy {
  --iti-flag-offset: -4845px;
}

.iti__sz {
  --iti-flag-offset: -4867px;
}

.iti__ta {
  --iti-flag-offset: -4889px;
}

.iti__tc {
  --iti-flag-offset: -4911px;
}

.iti__td {
  --iti-flag-offset: -4933px;
}

.iti__tf {
  --iti-flag-offset: -4955px;
}

.iti__tg {
  --iti-flag-offset: -4977px;
}

.iti__th {
  --iti-flag-offset: -4999px;
}

.iti__tj {
  --iti-flag-offset: -5021px;
}

.iti__tk {
  --iti-flag-offset: -5043px;
}

.iti__tl {
  --iti-flag-offset: -5065px;
}

.iti__tm {
  --iti-flag-offset: -5087px;
}

.iti__tn {
  --iti-flag-offset: -5109px;
}

.iti__to {
  --iti-flag-offset: -5131px;
}

.iti__tr {
  --iti-flag-offset: -5153px;
}

.iti__tt {
  --iti-flag-offset: -5175px;
}

.iti__tv {
  --iti-flag-offset: -5197px;
}

.iti__tw {
  --iti-flag-offset: -5219px;
}

.iti__tz {
  --iti-flag-offset: -5241px;
}

.iti__ua {
  --iti-flag-offset: -5263px;
}

.iti__ug {
  --iti-flag-offset: -5285px;
}

.iti__uk {
  --iti-flag-offset: -5307px;
}

.iti__um {
  --iti-flag-offset: -5329px;
}

.iti__un {
  --iti-flag-offset: -5351px;
}

.iti__us {
  --iti-flag-offset: -5373px;
}

.iti__uy {
  --iti-flag-offset: -5395px;
}

.iti__uz {
  --iti-flag-offset: -5417px;
}

.iti__va {
  --iti-flag-offset: -5439px;
}

.iti__vc {
  --iti-flag-offset: -5456px;
}

.iti__ve {
  --iti-flag-offset: -5478px;
}

.iti__vg {
  --iti-flag-offset: -5500px;
}

.iti__vi {
  --iti-flag-offset: -5522px;
}

.iti__vn {
  --iti-flag-offset: -5544px;
}

.iti__vu {
  --iti-flag-offset: -5566px;
}

.iti__wf {
  --iti-flag-offset: -5588px;
}

.iti__ws {
  --iti-flag-offset: -5610px;
}

.iti__xk {
  --iti-flag-offset: -5632px;
}

.iti__ye {
  --iti-flag-offset: -5654px;
}

.iti__yt {
  --iti-flag-offset: -5676px;
}

.iti__za {
  --iti-flag-offset: -5698px;
}

.iti__zm {
  --iti-flag-offset: -5720px;
}

.iti__zw {
  --iti-flag-offset: -5742px;
}

.iti__globe {
  background-image: var(--iti-path-globe-1x);
  background-size: contain;
  background-position: right;
  box-shadow: none;
  height: 19px;
}

@media (min-resolution: 2x) {
  .iti__flag {
    background-image: var(--iti-path-flags-2x);
  }

  .iti__globe {
    background-image: var(--iti-path-globe-2x);
  }
}

*,
:after,
:before {
  box-sizing: border-box;
  background-repeat: no-repeat
}

:after,
:before {
  text-decoration: inherit;
  vertical-align: inherit
}

:where(:root) {
  cursor: default;
  line-height: 1.5;
  overflow-wrap: break-word;
  tab-size: 4;
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%
}

:where(body) {
  margin: 0
}

:where(h1) {
  font-size: 2em;
  margin: .67em 0
}

:where(dl, ol, ul) :where(dl, ol, ul) {
  margin: 0
}

:where(hr) {
  color: inherit;
  height: 0
}

:where(nav) :where(ol, ul) {
  list-style-type: none;
  padding: 0
}

:where(nav li):before {
  content: "​";
  float: left
}

:where(pre) {
  font-family: monospace, monospace;
  font-size: 1em;
  overflow: auto
}

:where(abbr[title]) {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}

:where(b, strong) {
  font-weight: bolder
}

:where(code, kbd, samp) {
  font-family: monospace, monospace;
  font-size: 1em
}

:where(small) {
  font-size: 80%
}

:where(audio, canvas, iframe, img, svg, video) {
  vertical-align: middle
}

:where(iframe) {
  border-style: none
}

:where(svg:not([fill])) {
  fill: currentColor
}

:where(table) {
  border-collapse: collapse;
  border-color: inherit;
  text-indent: 0
}

:where(button, input, select) {
  margin: 0
}

:where(button, [type=button i], [type=reset i], [type=submit i]) {
  -webkit-appearance: button
}

:where(fieldset) {
  border: 1px solid #a0a0a0
}

:where(progress) {
  vertical-align: initial
}

:where(textarea) {
  margin: 0;
  resize: vertical
}

:where([type=search i]) {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: .54
}

::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

:where(dialog) {
  background-color: #fff;
  border: solid;
  color: #000;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: fit-content
}

:where(dialog:not([open])) {
  display: none
}

:where(details>summary:first-of-type) {
  display: list-item
}

:where([aria-busy=true i]) {
  cursor: progress
}

:where([aria-controls]) {
  cursor: pointer
}

:where([aria-disabled=true i], [disabled]) {
  cursor: not-allowed
}

:where([aria-hidden=false i][hidden]) {
  display: initial
}

:where([aria-hidden=false i][hidden]:not(:focus)) {
  clip: rect(0, 0, 0, 0);
  position: absolute
}

.glide {
  position: relative;
  width: 100%;
  box-sizing: border-box
}

.glide * {
  box-sizing: inherit
}

.glide__slides,
.glide__track {
  overflow: hidden
}

.glide__slides {
  position: relative;
  width: 100%;
  list-style: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  touch-action: pan-Y;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
  will-change: transform
}

.glide__slide,
.glide__slides--dragging {
  -webkit-user-select: none;
  user-select: none
}

.glide__slide {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  white-space: normal;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.glide__slide a {
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
  -ms-user-select: none
}

.glide__arrows,
.glide__bullets {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none
}

.glide--rtl {
  direction: rtl
}

@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal
}

:root {
  --swiper-theme-color: #007aff
}

.swiper,
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1
}

.swiper {
  overflow: hidden;
  list-style: none;
  padding: 0
}

.swiper-vertical>.swiper-wrapper {
  flex-direction: column
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: initial
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translateZ(0)
}

.swiper-horizontal {
  touch-action: pan-y
}

.swiper-vertical {
  touch-action: pan-x
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block
}

.swiper-slide-invisible-blank {
  visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d
}

.swiper-3d {
  perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
  transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
  display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
  scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
  scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
  scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
  content: "";
  flex-shrink: 0;
  order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border-radius: 50%;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-top: 4px solid transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(1turn)
  }
}

:root {
  --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size)/44*27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size)/2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none !important
}

.swiper-button-next svg,
.swiper-button-prev svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
  transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto
}

.swiper-button-lock {
  display: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: normal;
  line-height: 1
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next"
}

.theme--orange {
  --color-neutral: #262626;
  --color-neutral-alpha10: rgba(38, 38, 38, 0.1);
  --color-neutral-alpha20: rgba(38, 38, 38, 0.2);
  --color-neutral-alpha30: rgba(38, 38, 38, 0.3);
  --color-neutral-alpha40: rgba(38, 38, 38, 0.4);
  --color-neutral-alpha50: rgba(38, 38, 38, 0.5);
  --color-neutral-alpha60: rgba(38, 38, 38, 0.6);
  --color-neutral-alpha70: rgba(38, 38, 38, 0.7);
  --color-neutral-alpha80: rgba(38, 38, 38, 0.8);
  --color-neutral-alpha90: rgba(38, 38, 38, 0.9);
  --color-neutral-10: #fff;
  --color-neutral-20: #e7e7e7;
  --color-neutral-30: #d2d2d2;
  --color-neutral-40: #aeaeae;
  --color-neutral-50: #707070;
  --color-neutral-60: #585859;
  --color-neutral-70: #434343;
  --color-neutral-80: #343434;
  --color-neutral-90: #262626;
  --color-neutral-100: #000;
  --color-primary: #ff5229;
  --color-primary-alpha10: rgba(255, 82, 41, 0.1);
  --color-primary-alpha20: rgba(255, 82, 41, 0.2);
  --color-primary-alpha30: rgba(255, 82, 41, 0.3);
  --color-primary-alpha40: rgba(255, 82, 41, 0.4);
  --color-primary-alpha50: rgba(255, 82, 41, 0.5);
  --color-primary-alpha60: rgba(255, 82, 41, 0.6);
  --color-primary-alpha70: rgba(255, 82, 41, 0.7);
  --color-primary-alpha80: rgba(255, 82, 41, 0.8);
  --color-primary-alpha90: rgba(255, 82, 41, 0.9);
  --color-primary-10: #ffdcd4;
  --color-primary-20: #ffbaa9;
  --color-primary-30: #ff977f;
  --color-primary-40: #ff7554;
  --color-primary-50: #ff5229;
  --color-primary-60: #cc4221;
  --color-accent-1: #ff5229;
  --color-accent-1-50: #ff5229;
  --color-accent-1-60: #cc4221;
  --color-accent-1-80: #662110;
  --color-accent-2: #a6bdc2;
  --color-accent-2-10: #edf2f3;
  --color-accent-2-20: #dbe5e7;
  --color-accent-2-30: #cad7da;
  --color-accent-2-40: #b8cace;
  --color-accent-2-50: #a6bdc2;
  --color-accent-2-60: #85979b;
  --color-accent-2-70: #647174;
  --color-accent-2-80: #424c4e;
  --color-accent-2-90: #212627;
  --color-accent-3: #1a6e82;
  --color-accent-3-40: #4d91a3;
  --color-accent-3-50: #1a6e82;
  --color-negative: #b21421;
  --color-negative-40: #d96670;
  --color-negative-50: #b21421;
  --color-positive: #127361;
  --color-positive-40: #179982;
  --color-positive-50: #127361;
  --color-warning: #c0670b;
  --color-warning-40: #cd853c;
  --color-warning-50: #c0670b;
  --color-progress: #0e3f80;
  --color-progress-40: #3e6599;
  --color-progress-50: #0e3f80
}

.theme--green {
  --color-neutral: #262626;
  --color-neutral-alpha10: rgba(38, 38, 38, 0.1);
  --color-neutral-alpha20: rgba(38, 38, 38, 0.2);
  --color-neutral-alpha30: rgba(38, 38, 38, 0.3);
  --color-neutral-alpha40: rgba(38, 38, 38, 0.4);
  --color-neutral-alpha50: rgba(38, 38, 38, 0.5);
  --color-neutral-alpha60: rgba(38, 38, 38, 0.6);
  --color-neutral-alpha70: rgba(38, 38, 38, 0.7);
  --color-neutral-alpha80: rgba(38, 38, 38, 0.8);
  --color-neutral-alpha90: rgba(38, 38, 38, 0.9);
  --color-neutral-10: #fff;
  --color-neutral-20: #e7e7e7;
  --color-neutral-30: #d2d2d2;
  --color-neutral-40: #aeaeae;
  --color-neutral-50: #707070;
  --color-neutral-60: #585859;
  --color-neutral-70: #434343;
  --color-neutral-80: #343434;
  --color-neutral-90: #262626;
  --color-neutral-100: #000;
  --color-primary: #395654;
  --color-primary-alpha10: rgba(57, 86, 84, 0.1);
  --color-primary-alpha20: rgba(57, 86, 84, 0.2);
  --color-primary-alpha30: rgba(57, 86, 84, 0.3);
  --color-primary-alpha40: rgba(57, 86, 84, 0.4);
  --color-primary-alpha50: rgba(57, 86, 84, 0.5);
  --color-primary-alpha60: rgba(57, 86, 84, 0.6);
  --color-primary-alpha70: rgba(57, 86, 84, 0.7);
  --color-primary-alpha80: rgba(57, 86, 84, 0.8);
  --color-primary-alpha90: rgba(57, 86, 84, 0.9);
  --color-primary-10: #d7dddd;
  --color-primary-20: #bac4c3;
  --color-primary-30: #9caaa9;
  --color-primary-40: #6b817f;
  --color-primary-50: #395654;
  --color-primary-60: #2d4443;
  --color-primary-70: #223332;
  --color-primary-80: #162221;
  --color-primary-90: #0b1110;
  --color-accent-1: #38716d;
  --color-accent-1-10: #cddbda;
  --color-accent-1-20: #a5bfbd;
  --color-accent-1-30: #88aaa7;
  --color-accent-1-40: #608d8a;
  --color-accent-1-50: #38716d;
  --color-accent-1-60: #2f605c;
  --color-accent-1-70: #274e4c;
  --color-accent-1-80: #1b3836;
  --color-accent-1-90: #102120;
  --color-accent-2: #a6bdc2;
  --color-accent-2-10: #edf2f3;
  --color-accent-2-20: #dbe5e7;
  --color-accent-2-30: #cad7da;
  --color-accent-2-40: #b8cace;
  --color-accent-2-50: #a6bdc2;
  --color-accent-2-60: #85979b;
  --color-accent-2-70: #647174;
  --color-accent-2-80: #424c4e;
  --color-accent-2-90: #212627;
  --color-negative: #b21421;
  --color-negative-40: #d96670;
  --color-negative-50: #b21421;
  --color-positive: #127361;
  --color-positive-40: #179982;
  --color-positive-50: #127361;
  --color-warning: #c0670b;
  --color-warning-40: #cd853c;
  --color-warning-50: #c0670b;
  --color-progress: #0e3f80;
  --color-progress-40: #3e6599;
  --color-progress-50: #0e3f80
}

:root {
  --headline-0-font-size: 60px;
  --headline-0-line-height: 55.2px;
  --headline-0-letter-spacing: 1px;
  --headline-1-font-size: 40px;
  --headline-1-line-height: 38px;
  --headline-1-letter-spacing: 1px;
  --headline-2-font-size: 36px;
  --headline-2-line-height: 33.12px;
  --headline-2-letter-spacing: 1px;
  --headline-3-font-size: 22px;
  --headline-3-line-height: 22px;
  --headline-3-letter-spacing: 1px;
  --headline-4-font-size: 17px;
  --headline-4-line-height: 28.39px;
  --headline-4-letter-spacing: 0px;
  --subhead-1-font-size: 17px;
  --subhead-1-line-height: 18.7px;
  --subhead-1-letter-spacing: 0px;
  --overline-font-size: 11px;
  --overline-line-height: 18.37px;
  --overline-letter-spacing: 1px;
  --link-font-size: 11px;
  --link-line-height: 18.37px;
  --link-letter-spacing: 1.83px;
  --copy-1-font-size: 17px;
  --copy-1-line-height: 25.5px;
  --copy-1-letter-spacing: 0px;
  --copy-2-font-size: 13px;
  --copy-2-line-height: 20.8px;
  --copy-2-letter-spacing: 0px;
  --small-font-size: 11px;
  --small-line-height: 15.4px;
  --small-letter-spacing: 0px
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: initial
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block
}

a,
article,
body,
code,
dd,
div,
dl,
dt,
fieldset,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
input[type=url],
legend,
li,
main,
ol,
p,
pre,
section,
textarea,
ul {
  box-sizing: border-box
}

html {
  text-rendering: optimizeSpeed;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  scroll-behavior: smooth
}

body {
  color: var(--color-neutral);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-display: swap;
  font-family: ESPeak, Verdana, Arial, sans-serif;
  font-size: var(--copy-1-font-size);
  font-weight: 400;
  letter-spacing: var(--copy-1-letter-spacing);
  line-height: var(--copy-1-line-height);
  font-feature-settings: "lnum" 1;
  -webkit-hyphens: auto;
  hyphens: auto
}

ol,
ul {
  list-style: none
}

blockquote,
q {
  quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

img {
  display: block;
  max-width: 100%
}

img[data-src] {
  opacity: 0;
  transition: opacity .4s
}

img[src] {
  opacity: 1;
  transition: opacity .4s
}

a {
  color: inherit;
  position: relative;
  text-decoration: none
}

@font-face {
  font-family: Thunder;
  font-weight: 400;
  src: url(./stylesheets/fonts/Thunder-VF.ttf) format("truetype")
}

@font-face {
  font-family: ESPeak;
  font-weight: 700;
  src: url(./stylesheets/fonts/ESPeak-Bold.woff2) format("woff2")
}

@font-face {
  font-family: ESPeak;
  font-weight: 500;
  src: url(./stylesheets/fonts/ESPeak-Medium.woff2) format("woff2")
}

@font-face {
  font-family: ESPeak;
  font-weight: 400;
  src: url(./stylesheets/fonts/ESPeak-Regular.woff2) format("woff2")
}

.accordion--has-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px
}

.accordion__headline {
  margin-bottom: 24px
}

.accordion--has-grid .accordion__headline {
  grid-column: 1/span 12
}

.accordion__container {
  position: relative
}

.accordion--slim .accordion__container:before {
  display: none
}

.accordion--has-grid .accordion__container {
  grid-column: 1/span 12
}

.accordion__item {
  border-bottom: 1px solid var(--color-primary);
  padding: 12px 0
}

.accordion--slim .accordion__item {
  border-bottom: 1px solid var(--color-neutral-20)
}

.accordion__item:has(.accordion__control:hover, .accordion__control:focus, .accordion__control:active, .accordion__control[aria_expanded=true]) {
  border-bottom: 1px solid var(--color-accent-2-90)
}

.accordion__item:has(.accordion__control:hover, .accordion__control:focus, .accordion__control:active, .accordion__control[aria_expanded=true]) .accordion__icon {
  color: var(--color-accent-2-90)
}

.accordion__control {
  background: transparent;
  border: 0;
  cursor: pointer;
  padding: 0;
  position: relative;
  text-align: left;
  transition: color .2s ease-in-out;
  width: 100%;
  color: var(--color-neutral)
}

.accordion__title {
  display: block;
  margin-right: 36px
}

.accordion__icon {
  position: absolute;
  right: 0;
  top: -5px;
  transition: transform .2s ease-in-out;
  color: var(--color-primary)
}

.accordion--slim .accordion__icon {
  top: 4px
}

.accordion__icon,
.accordion__title {
  pointer-events: none
}

.accordion--slim .accordion__control[aria-expanded=true] {
  color: var(--color-neutral)
}

.accordion--slim .accordion__control[aria-expanded=true] .accordion__title {
  font-weight: 700
}

.accordion__svg {
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 30px
}

.accordion--slim .accordion__svg {
  width: 20px;
  height: 20px
}

.accordion__minus {
  display: none
}

.accordion__control[aria-expanded=true] .accordion__minus {
  display: block
}

.accordion__control[aria-expanded=true] .accordion__plus {
  display: none
}

.accordion__panel {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px;
  margin-top: 12px
}

.accordion__panel[hidden] {
  display: none
}

.accordion__block--funds-listing,
.accordion__block--image,
.accordion__block--text {
  grid-column: 1/span 12
}

.accordion__block+.accordion__block {
  margin-top: 36px
}

.awards--has-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px
}

.awards__headline {
  margin-bottom: 12px
}

.awards--has-grid .awards__headline {
  grid-column: 1/span 12
}

.awards--has-grid .awards__wrapper {
  grid-column: 1/span 12;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
  align-items: center
}

.awards__award {
  display: inline-block
}

.awards--has-grid .awards__award {
  padding-right: 12px;
  margin-bottom: 36px
}

.awards--has-grid .awards__award--portrait img {
  max-height: 160px
}

.awards--has-grid .awards__award--landscape img {
  max-width: 160px
}

.block-chart {
  position: relative
}

.block-chart .blocks,
.block-chart .blocks__block {
  margin: 0
}

.block-media {
  position: relative
}

.block-media--has-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px
}

.block-media--has-grid .block-media__header {
  grid-column: 1/span 11;
  margin-bottom: 12px
}

.block-media--has-grid.block-media--is-fullwidth .block-media__header {
  margin-bottom: 24px
}

.block-media__subhead.text {
  margin-top: 12px
}

.block-media__wrapper {
  position: relative
}

.block-media--has-grid .block-media__wrapper {
  position: relative;
  grid-column: 1/span 12
}

.block-media__caption,
.block-media__note {
  padding-top: 12px
}

.block-media--has-grid .block-media__caption,
.block-media--has-grid .block-media__note {
  grid-column: 1/span 11
}

.block-media__graphic-btn {
  display: none;
  position: relative;
  width: 100%;
  cursor: zoom-in;
  border: 0;
  background: transparent;
  padding: 0
}

[data-whatintent=mouse] .block-media__graphic-btn,
[data-whatintent=touch] .block-media__graphic-btn {
  outline: 0
}

.block-media--has-grid .block-media__wrapper--expanded .block-media__graphic-btn {
  cursor: zoom-out
}

.block-media__graphic {
  transition: transform .15s ease-in-out !important
}

.blocks {
  width: 100%
}

.blocks__block {
  margin-top: 72px;
  margin-bottom: 72px
}

.business {
  margin: 72px auto;
  position: relative;
  display: grid;
  grid-template-columns: 1fr
}

.business__wrapper {
  min-height: 100dvh;
  grid-row: 1;
  grid-column: 1/-1
}

.business__segment {
  position: relative;
  min-height: 100vh;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-column-gap: 6px
}

.business__segment-headline {
  grid-row: 1;
  grid-column: 1/-1;
  opacity: 0;
  padding-top: 80px;
  align-self: end
}

.business__segment-headline h1 {
  margin: 24px 0 6px
}

.business__segment-headline p+p {
  margin-top: 5px
}

.business__segment-content {
  grid-row: 2;
  grid-column: 2/-1;
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
  opacity: 0;
  margin-top: 36px
}

.business__segment-content .button {
  width: max-content;
  margin-top: 24px
}

.business__segment.active .business__segment-content,
.business__segment.active .business__segment-headline {
  opacity: 1;
  transition: opacity .4s ease
}

.business__gradient-container {
  grid-row: 1;
  grid-column: 1/-1;
  z-index: -1;
  position: sticky;
  top: 30vh;
  width: calc(100% + 28px);
  padding-left: 10%;
  aspect-ratio: 2/3;
  max-height: 600px
}

.business__gradient-inner {
  width: 100%;
  height: 100%
}

.button {
  cursor: pointer;
  border: 0;
  background: transparent;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color .1s ease-in-out, border-color .1s ease-in-out, color .1s ease-in-out;
  color: var(--color-neutral)
}

[data-whatintent=mouse] .button,
[data-whatintent=touch] .button {
  outline: 0
}

.button span {
  min-height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: border-color .1s ease-in-out, color .1s ease-in-out
}

.button--primary,
.button--secondary,
.inxmail .submit input[type=reset],
.inxmail .submit input[type=submit] {
  padding: 12px 24px;
  width: 100%
}

.button--icon-only {
  padding: 12px
}

.button--small {
  padding: 6px
}

.button--primary,
.inxmail .submit input[type=submit] {
  color: var(--color-neutral-10);
  border: 1px solid var(--color-accent-3);
  background-color: var(--color-accent-3)
}

.button--primary:active,
.button--primary:focus,
.button--primary:hover,
.inxmail .submit input[type=submit]:active,
.inxmail .submit input[type=submit]:focus,
.inxmail .submit input[type=submit]:hover {
  border-color: var(--color-accent-3-40);
  background-color: var(--color-accent-3-40)
}

.button--secondary,
.inxmail .submit input[type=reset] {
  color: var(--color-accent-3);
  border: 1px solid var(--color-accent-3);
  background-color: var(--color-neutral-10)
}

.button--secondary:active,
.button--secondary:focus,
.button--secondary:hover,
.inxmail .submit input[type=reset]:active,
.inxmail .submit input[type=reset]:focus,
.inxmail .submit input[type=reset]:hover {
  color: var(--color-accent-3-40);
  border-color: var(--color-accent-3-40)
}

.button--link {
  color: var(--color-accent-2-80)
}

.button--link svg {
  color: var(--color-primary)
}

.button--link span {
  display: inline-block;
  border-bottom: 1px solid var(--color-primary)
}

.button--link:focus,
.button--link:hover {
  color: var(--color-accent-2-90)
}

.button--link:focus svg,
.button--link:hover svg {
  color: var(--color-accent-1-80)
}

.button--link:focus span,
.button--link:hover span {
  border-color: var(--color-accent-1-80)
}

.button--link:active {
  color: var(--color-accent-2-80)
}

.button--link:active svg {
  color: var(--color-primary)
}

.button--link:active span {
  border-color: var(--color-primary)
}

.button--jump {
  border: 1px solid var(--color-accent-2-20);
  border-radius: 3px;
  padding: 6px 12px
}

.button--jump svg {
  color: transparent;
  stroke: var(--color-primary);
  transition: all .3s ease
}

.button--jump:focus,
.button--jump:hover {
  border: 1px solid var(--color-primary)
}

.button--jump:focus svg,
.button--jump:hover svg {
  stroke: var(--color-neutral)
}

.button--more svg {
  color: var(--color-primary);
  stroke: var(--color-primary);
  transition: all .3s ease;
  width: 24px;
  height: 24px;
  padding: 4px;
  border-radius: 50%;
  background: #fff
}

.button--more:focus,
.button--more:hover {
  border-color: var(--color-accent-1-80)
}

.button--more:focus svg,
.button--more:hover svg {
  color: var(--color-neutral);
  stroke: var(--color-neutral)
}

.button:disabled {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  background: transparent;
  color: var(--color-neutral-40)
}

.button--primary:disabled,
.inxmail .submit input[type=submit]:disabled {
  border-color: transparent;
  background-color: var(--color-neutral-30)
}

.button--link:disabled span,
.button--secondary:disabled,
.inxmail .submit input[type=reset]:disabled {
  border-color: var(--color-neutral-40)
}

.button__icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  transition: transform .15s ease-in-out, color .1s ease-in-out
}

.button__icon:not(:only-child) {
  margin-right: 12px
}

.chart__loader {
  margin-top: 48px
}

.chart__container[data-highcharts-chart]~.chart__loader {
  display: none
}

.chart__notes {
  margin-bottom: 36px
}

.chart[data-chart-type=donut] .chart__notes {
  text-align: center
}

.chart__note {
  margin-bottom: 24px
}

.chart .highcharts-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-align: left;
  line-height: normal;
  z-index: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-family: ESPeak, Verdana, Arial, sans-serif;
  font-size: 0.75rem;
  -webkit-user-select: none;
  user-select: none
}

.chart .highcharts-root {
  display: block
}

.chart .highcharts-root text {
  stroke-width: 0
}

.chart .highcharts-strong {
  font-weight: 700
}

.chart .highcharts-emphasized {
  font-style: italic
}

.chart .highcharts-anchor {
  cursor: pointer
}

.chart .highcharts-background {
  fill: transparent
}

.chart .highcharts-label-box,
.chart .highcharts-plot-background,
.chart .highcharts-plot-border {
  fill: none
}

.chart .highcharts-button-box {
  fill: inherit
}

.chart .highcharts-tracker-line {
  stroke-linejoin: round;
  stroke: transparent;
  fill: none
}

.chart .highcharts-tracker-area {
  stroke-width: 0
}

.chart .highcharts-series.highcharts-series-1.highcharts-arearange-series.highcharts-color-1 {
  fill-opacity: .1;
  stroke-width: 0;
  stroke: none
}

.chart .highcharts-markers.highcharts-series-1.highcharts-arearange-series.highcharts-color-1.highcharts-tracker {
  fill: var(--color-primary-30);
  stroke: var(--color-primary-30)
}

.chart #arearange-marker-color span:before {
  background-color: var(--color-primary-30) !important
}

.chart .highcharts-title {
  font-display: swap;
  font-family: ESPeak, Verdana, Arial, sans-serif;
  font-size: var(--copy-1-font-size);
  font-weight: 400;
  letter-spacing: var(--copy-1-letter-spacing);
  line-height: var(--copy-1-line-height);
  font-feature-settings: "lnum" 1;
  font-size: var(--copy-1-font-size) !important;
  font-weight: 700
}

.chart .highcharts-subtitle {
  fill: var(--color-neutral)
}

.chart .highcharts-axis-line {
  fill: none;
  stroke: var(--color-neutral-30)
}

.chart .highcharts-yaxis .highcharts-axis-line {
  stroke-width: 0
}

.chart .highcharts-axis-title {
  fill: var(--color-neutral)
}

.chart .highcharts-axis-labels {
  font-display: swap;
  font-family: ESPeak, Verdana, Arial, sans-serif;
  font-size: var(--small-font-size);
  font-weight: 400;
  letter-spacing: var(--small-letter-spacing);
  line-height: var(--small-line-height);
  font-feature-settings: "lnum" 1;
  fill: var(--color-neutral);
  cursor: default
}

.chart .highcharts-grid-line {
  fill: none;
  stroke: var(--color-accent-2-50)
}

.chart .highcharts-xaxis-grid .highcharts-grid-line {
  stroke-width: 0px
}

.chart .highcharts-tick {
  stroke: var(--color-neutral-30)
}

.chart .highcharts-yaxis .highcharts-tick {
  stroke-width: 0
}

.chart .highcharts-minor-grid-line {
  stroke: var(--color-neutral-20)
}

.chart .highcharts-crosshair-thin {
  stroke-width: 1px;
  stroke: var(--color-neutral-30)
}

.chart .highcharts-crosshair-category {
  stroke: var(--color-neutral-30);
  stroke-opacity: .25
}

.chart[data-chart-type=bar] .highcharts-xaxis-labels {
  width: 100%
}

.chart[data-chart-type=bar] .highcharts-xaxis-labels span {
  width: 80% !important;
  white-space: normal !important
}

.chart .highcharts-tooltip {
  filter: none;
  cursor: default;
  pointer-events: none;
  white-space: nowrap;
  transition: stroke .15s
}

.chart .highcharts-tooltip b {
  font-weight: 700
}

.chart .highcharts-tooltip text {
  fill: var(--color-neutral)
}

.chart .highcharts-tooltip-box {
  stroke-width: 0px;
  fill: var(--color-neutral-20)
}

.chart[data-chart-type=bar] svg .highcharts-tooltip,
.chart[data-chart-type=position] svg .highcharts-tooltip {
  display: none
}

.chart[data-chart-type=bar] div.highcharts-tooltip span,
.chart[data-chart-type=position] div.highcharts-tooltip span {
  padding: 10px;
  background-color: var(--color-primary);
  color: var(--color-accent-2-90) !important
}

.chart .highcharts-tooltip-box .highcharts-label-box {
  fill: var(--color-neutral-20)
}

.chart .highcharts-tooltip-label {
  z-index: 1000;
  display: flex;
  justify-content: space-between
}

.chart .highcharts-tooltip-label span {
  padding-right: 10px
}

.chart .highcharts-tooltip-label span:before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  margin: 2px
}

.chart .highcharts-tooltip-label-0 span:before {
  background-color: #ff5229
}

.chart .highcharts-tooltip-label-1 span:before {
  background-color: #aeaeae
}

.chart .highcharts-tooltip-series-custom {
  display: inline-block;
  width: 5px;
  height: 5px;
  margin: 2px;
  background: transparent
}

.chart .highcharts-selection-marker {
  fill: var(--color-accent-1-80);
  fill-opacity: .25
}

.chart .highcharts-graph {
  fill: none;
  stroke-width: 4px
}

.chart[data-chart-type=stock] .highcharts-graph {
  stroke-width: 4px
}

.chart[data-chart-type=arearange] .highcharts-graph {
  stroke-width: 3px
}

.chart .highcharts-arearange-series .highcharts-graph {
  stroke-width: 1px
}

.chart .highcharts-empty-series {
  stroke-width: 1px;
  fill: none;
  stroke: var(--color-neutral-30)
}

.chart .highcharts-state-hover .highcharts-graph {
  stroke-width: 3
}

.chart .highcharts-point-inactive,
.chart .highcharts-series-inactive {
  opacity: .2;
  transition: opacity 50ms
}

.chart[data-chart-type=position] .highcharts-columnrange-series {
  opacity: 1 !important;
  transition: none
}

.chart .highcharts-state-hover path {
  transition: stroke-width 50ms
}

.chart .highcharts-state-normal path {
  transition: stroke-width .25s
}

.chart .highcharts-data-labels,
.chart .highcharts-markers,
.chart .highcharts-point,
.chart g.highcharts-series {
  transition: opacity .25s
}

.chart[data-chart-type=donut]:not([data-chart-styled-mode-off]) .highcharts-color-type-0 {
  color: var(--color-primary)
}

.chart[data-chart-type=donut]:not([data-chart-styled-mode-off]) .highcharts-color-0 {
  fill: var(--color-primary);
  stroke: var(--color-primary)
}

.chart[data-chart-type=donut]:not([data-chart-styled-mode-off]) .highcharts-color-type-1 {
  color: var(--color-accent-2)
}

.chart[data-chart-type=donut]:not([data-chart-styled-mode-off]) .highcharts-color-1 {
  fill: var(--color-accent-2);
  stroke: var(--color-accent-2)
}

.chart[data-chart-type=donut]:not([data-chart-styled-mode-off]) .highcharts-color-type-2 {
  color: #aba69c
}

.chart[data-chart-type=donut]:not([data-chart-styled-mode-off]) .highcharts-color-2 {
  fill: #aba69c;
  stroke: #aba69c
}

.chart[data-chart-type=donut]:not([data-chart-styled-mode-off]) .highcharts-color-type-3 {
  color: #e3b252
}

.chart[data-chart-type=donut]:not([data-chart-styled-mode-off]) .highcharts-color-3 {
  fill: #e3b252;
  stroke: #e3b252
}

.chart[data-chart-type=donut]:not([data-chart-styled-mode-off]) .highcharts-color-type-4 {
  color: #731747
}

.chart[data-chart-type=donut]:not([data-chart-styled-mode-off]) .highcharts-color-4 {
  fill: #731747;
  stroke: #731747
}

.chart[data-chart-type=donut]:not([data-chart-styled-mode-off]) .highcharts-color-type-5 {
  color: #4d91a3
}

.chart[data-chart-type=donut]:not([data-chart-styled-mode-off]) .highcharts-color-5 {
  fill: #4d91a3;
  stroke: #4d91a3
}

.chart[data-chart-type=donut]:not([data-chart-styled-mode-off]) .highcharts-color-type-6 {
  color: #abdeed
}

.chart[data-chart-type=donut]:not([data-chart-styled-mode-off]) .highcharts-color-6 {
  fill: #abdeed;
  stroke: #abdeed
}

.chart[data-chart-type=donut]:not([data-chart-styled-mode-off]) .highcharts-color-type-7 {
  color: #c2ab7d
}

.chart[data-chart-type=donut]:not([data-chart-styled-mode-off]) .highcharts-color-7 {
  fill: #c2ab7d;
  stroke: #c2ab7d
}

.chart[data-chart-type=donut]:not([data-chart-styled-mode-off]) .highcharts-color-type-8 {
  color: #179982
}

.chart[data-chart-type=donut]:not([data-chart-styled-mode-off]) .highcharts-color-8 {
  fill: #179982;
  stroke: #179982
}

.chart[data-chart-type=donut]:not([data-chart-styled-mode-off]) .highcharts-color-type-9 {
  color: #d96670
}

.chart[data-chart-type=donut]:not([data-chart-styled-mode-off]) .highcharts-color-9 {
  fill: #d96670;
  stroke: #d96670
}

.chart .highcharts-bar-series .highcharts-color-0 {
  fill: #e7e7e7;
  stroke: #e7e7e7
}

.chart .highcharts-columnrange-series .highcharts-color-0 {
  fill: #dbe5e7;
  stroke: #dbe5e7
}

.chart .highcharts-line-series.highcharts-color-0 {
  fill: #ff5229;
  stroke: #ff5229
}

.chart .highcharts-line-series.highcharts-color-1 {
  fill: #aeaeae;
  stroke: #aeaeae
}

.chart .highcharts-area {
  fill-opacity: .75;
  stroke-width: 0
}

.chart .highcharts-markers {
  stroke-width: 1px;
  stroke: var(--color-neutral-10)
}

.chart .highcharts-a11y-marker-hidden,
.chart .highcharts-a11y-markers-hidden .highcharts-point:not(.highcharts-point-hover):not(.highcharts-a11y-marker-visible) {
  opacity: 0
}

.chart .highcharts-point {
  stroke-width: 1px
}

.chart .highcharts-dense-data .highcharts-point {
  stroke-width: 0
}

.chart .highcharts-data-label {
  font-size: .9em;
  font-weight: 700
}

.chart .highcharts-data-label-box {
  fill: none;
  stroke-width: 0
}

.chart .highcharts-data-label text,
.chart text.highcharts-data-label {
  fill: var(--color-neutral)
}

.chart .highcharts-data-label-connector {
  fill: none
}

.chart .highcharts-data-label-hidden {
  pointer-events: none
}

.chart path.highcharts-halo {
  fill: var(--color-neutral-10) !important;
  stroke-width: 0px;
  stroke: inherit;
  filter: url(#drop-shadow-0)
}

.chart .highcharts-markers .highcharts-point-select,
.chart .highcharts-series:not(.highcharts-pie-series) .highcharts-point-select {
  fill: var(--color-neutral-30);
  stroke: var(--color-neutral)
}

.chart .highcharts-column-series rect.highcharts-point {
  stroke: var(--color-neutral-10)
}

.chart .highcharts-column-series .highcharts-point {
  transition: fill-opacity .25s
}

.chart .highcharts-column-series .highcharts-point-hover {
  fill-opacity: .75;
  transition: fill-opacity 50ms
}

.chart .highcharts-column-series .highcharts-point,
.chart .highcharts-columnrange-series .highcharts-point {
  stroke-linejoin: round;
  rx: 0;
  ry: 0
}

.chart .highcharts-pie-series .highcharts-point {
  stroke-linejoin: round;
  stroke: var(--color-neutral-10);
  rx: 0;
  ry: 0
}

.chart .highcharts-pie-series .highcharts-point-hover {
  fill-opacity: .75;
  transition: fill-opacity 50ms
}

.chart .highcharts-funnel-series .highcharts-point {
  stroke-linejoin: round;
  stroke: var(--color-neutral-10)
}

.chart .highcharts-funnel-series .highcharts-point-hover {
  fill-opacity: .75;
  transition: fill-opacity 50ms
}

.chart .highcharts-funnel-series .highcharts-point-select {
  fill: inherit;
  stroke: inherit
}

.chart .highcharts-pyramid-series .highcharts-point {
  stroke-linejoin: round;
  stroke: var(--color-neutral-10)
}

.chart .highcharts-pyramid-series .highcharts-point-hover {
  fill-opacity: .75;
  transition: fill-opacity 50ms
}

.chart .highcharts-pyramid-series .highcharts-point-select {
  fill: inherit;
  stroke: inherit
}

.chart .highcharts-solidgauge-series .highcharts-point {
  stroke-width: 0
}

.chart .highcharts-treemap-series .highcharts-point {
  stroke-width: 1px;
  stroke: var(--color-neutral-30);
  transition: stroke .25s, fill .25s, fill-opacity .25s
}

.chart .highcharts-treemap-series .highcharts-point-hover {
  stroke: var(--color-neutral);
  transition: stroke 25ms, fill 25ms, fill-opacity 25ms
}

.chart .highcharts-treemap-series .highcharts-above-level {
  display: none
}

.chart .highcharts-treemap-series .highcharts-internal-node {
  fill: none
}

.chart .highcharts-treemap-series .highcharts-internal-node-interactive {
  fill-opacity: .15;
  cursor: pointer
}

.chart .highcharts-treemap-series .highcharts-internal-node-interactive:hover {
  fill-opacity: .75
}

.chart .highcharts-vector-series .highcharts-point,
.chart .highcharts-windbarb-series .highcharts-point {
  fill: none;
  stroke-width: 2px
}

.chart .highcharts-lollipop-stem {
  stroke: var(--color-neutral)
}

.chart .highcharts-focus-border {
  fill: none;
  stroke-width: 2px
}

.chart .highcharts-legend-item-hidden .highcharts-focus-border {
  fill: none !important
}

.chart .highcharts-legend-box {
  fill: none;
  stroke-width: 0
}

.chart .highcharts-legend-item>span,
.chart .highcharts-legend-item>text {
  font-family: ESPeak, Verdana, Arial, sans-serif !important;
  font-size: var(--copy-1-font-size) !important;
  font-weight: 400 !important;
  line-height: var(--copy-1-line-height) !important;
  fill: var(--color-neutral) !important;
  stroke-width: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap !important
}

.chart[data-chart-type=stock] .highcharts-legend-item>span {
  margin-top: -2px !important
}

.chart[data-chart-type=column] .highcharts-legend-item>span,
.chart[data-chart-type=donut] .highcharts-legend-item>span {
  margin-top: -5px !important
}

.chart:has([data-chart-styled-mode-off]) .highcharts-legend-item>rect {
  fill: inherit !important
}

.chart .highcharts-legend-item-hidden * {
  fill: var(--color-neutral-30) !important;
  stroke: var(--color-neutral-30) !important;
  transition: fill .25s
}

.chart .highcharts-legend-nav-active {
  fill: #ff5229;
  cursor: pointer
}

.chart .highcharts-legend-nav-inactive {
  fill: var(--color-neutral-30)
}

.chart circle.highcharts-legend-nav-active,
.chart circle.highcharts-legend-nav-inactive {
  fill: hsla(0, 0%, 75.3%, .0001)
}

.chart .highcharts-legend-title-box {
  fill: none;
  stroke-width: 0
}

.chart .highcharts-legend-item .highcharts-graph {
  stroke-width: 14px
}

.chart .highcharts-legend-item.highcharts-columnrange-series.highcharts-color-0 .highcharts-point {
  fill: #e7e7e7
}

.chart .highcharts-legend-item.highcharts-scatter-series.highcharts-color-1 .highcharts-graph {
  fill: #ff5229;
  stroke-width: 0px;
  d: path("M7 2 L14 16 L 0 16")
}

.chart .highcharts-bubble-legend-symbol {
  stroke-width: 2;
  fill-opacity: .5
}

.chart .highcharts-bubble-legend-connectors {
  stroke-width: 1
}

.chart .highcharts-bubble-legend-labels {
  fill: var(--color-neutral)
}

.chart .highcharts-loading {
  position: absolute;
  background-color: var(--color-neutral-10);
  opacity: .5;
  text-align: center;
  z-index: 10;
  transition: opacity .25s
}

.chart .highcharts-loading-hidden {
  height: 0 !important;
  opacity: 0;
  overflow: hidden;
  transition: opacity .25s, height .25s step-end
}

.chart .highcharts-loading-inner {
  font-weight: 700;
  position: relative;
  top: 45%
}

.chart .highcharts-pane,
.chart .highcharts-plot-band {
  fill: var(--color-neutral);
  fill-opacity: .05
}

.chart .highcharts-plot-line {
  fill: none;
  stroke: var(--color-neutral);
  stroke-width: 1px
}

.chart .highcharts-boxplot-box {
  fill: var(--color-neutral-10)
}

.chart .highcharts-boxplot-median {
  stroke-width: 2px
}

.chart .highcharts-bubble-series .highcharts-point {
  fill-opacity: .5
}

.chart .highcharts-errorbar-series .highcharts-point {
  stroke: var(--color-neutral)
}

.chart .highcharts-gauge-series .highcharts-data-label-box {
  stroke: var(--color-neutral-30);
  stroke-width: 1px
}

.chart .highcharts-gauge-series .highcharts-dial {
  fill: var(--color-neutral);
  stroke-width: 0
}

.chart .highcharts-polygon-series .highcharts-graph {
  fill: inherit;
  stroke-width: 0
}

.chart .highcharts-waterfall-series .highcharts-graph {
  stroke: var(--color-neutral);
  stroke-dasharray: 1, 3
}

.chart .highcharts-sankey-series .highcharts-point {
  stroke-width: 0
}

.chart .highcharts-sankey-series .highcharts-link {
  transition: fill .25s, fill-opacity .25s;
  fill-opacity: .5
}

.chart .highcharts-sankey-series .highcharts-point-hover.highcharts-link {
  transition: fill 50ms, fill-opacity 50ms;
  fill-opacity: 1
}

.chart .highcharts-venn-series .highcharts-point {
  fill-opacity: .75;
  stroke: var(--color-neutral-30);
  transition: stroke .25s, fill-opacity .25s
}

.chart .highcharts-venn-series .highcharts-point-hover {
  fill-opacity: 1;
  stroke: var(--color-neutral-30)
}

.chart .highcharts-navigator-mask-outside {
  fill-opacity: 0
}

.chart .highcharts-navigator-mask-inside {
  fill: var(--color-neutral-40);
  fill-opacity: .25;
  cursor: ew-resize
}

.chart .highcharts-navigator-outline {
  stroke: var(--color-neutral-30);
  fill: none
}

.chart .highcharts-navigator-handle {
  stroke: var(--color-neutral-30);
  fill: var(--color-neutral-20);
  cursor: ew-resize
}

.chart .highcharts-navigator-series {
  stroke: #ff5229
}

.chart .highcharts-navigator-series .highcharts-graph {
  stroke-width: 1px
}

.chart .highcharts-navigator-series .highcharts-area {
  fill: none
}

.chart .highcharts-navigator-xaxis .highcharts-axis-line {
  stroke-width: 0
}

.chart .highcharts-navigator-xaxis .highcharts-grid-line {
  stroke-width: 1px;
  stroke: var(--color-neutral-30)
}

.chart .highcharts-navigator-xaxis.highcharts-axis-labels {
  fill: var(--color-neutral)
}

.chart .highcharts-navigator-yaxis .highcharts-grid-line {
  stroke-width: 0
}

.chart .highcharts-scrollbar-button,
.chart .highcharts-scrollbar-thumb {
  fill: var(--color-neutral-30);
  stroke: var(--color-neutral-30);
  stroke-width: 1px
}

.chart .highcharts-scrollbar-arrow {
  fill: var(--color-neutral)
}

.chart .highcharts-scrollbar-rifles {
  stroke: var(--color-neutral);
  stroke-width: 1px
}

.chart .highcharts-scrollbar-track {
  fill: var(--color-neutral-20);
  stroke: var(--color-neutral-20);
  stroke-width: 1px
}

.chart .highcharts-button {
  fill: var(--color-neutral-20);
  stroke: var(--color-neutral-30);
  cursor: pointer;
  stroke-width: 1px;
  transition: fill .25s, stroke .25s
}

.chart .highcharts-button text {
  fill: var(--color-neutral)
}

.chart .highcharts-button-hover {
  transition: fill 0ms;
  fill: var(--color-neutral-30);
  stroke: var(--color-neutral-20)
}

.chart .highcharts-button-hover text {
  fill: var(--color-accent-2-20)
}

.chart .highcharts-button-pressed {
  stroke: var(--color-accent-2-20);
  fill: var(--color-accent-2-20)
}

.chart .highcharts-button-pressed text {
  fill: var(--color-neutral-10)
}

.chart .highcharts-button-disabled text {
  fill: var(--color-neutral)
}

.chart .highcharts-range-selector-buttons .highcharts-button {
  stroke-width: 1px;
  stroke: var(--color-neutral);
  fill: var(--color-neutral-10);
  transition: fill .25s, stroke .25s
}

.chart .highcharts-range-selector-buttons .highcharts-button rect {
  rx: 0;
  ry: 0;
  height: 34px
}

.chart .highcharts-range-selector-buttons .highcharts-button-disabled {
  stroke: var(--color-neutral-40);
  cursor: default
}

.chart .highcharts-range-selector-buttons .highcharts-button-disabled text {
  fill: var(--color-neutral-40)
}

.chart .highcharts-range-selector-buttons .highcharts-button-pressed {
  stroke: var(--color-accent-2-20);
  fill: var(--color-accent-2-20)
}

.chart .highcharts-range-label rect {
  fill: none
}

.chart .highcharts-range-label text {
  fill: var(--color-neutral)
}

.chart .highcharts-range-input rect {
  fill: none;
  stroke: transparent
}

.chart .highcharts-range-input text {
  cursor: pointer;
  transition: fill .2s;
  fill: var(--color-neutral)
}

.chart .highcharts-range-input:hover text {
  fill: var(--color-primary)
}

.chart .highcharts-range-input {
  stroke-width: 1px;
  stroke: var(--color-neutral-30)
}

.chart input.highcharts-range-selector {
  background-color: var(--color-neutral-10);
  padding: 3px 12px !important;
  border-radius: 0;
  border: 1px solid var(--color-neutral) !important;
  transition: border .2s;
  font-display: swap;
  font-family: ESPeak, Verdana, Arial, sans-serif;
  font-size: var(--copy-2-font-size);
  font-weight: 400;
  letter-spacing: var(--copy-2-letter-spacing);
  line-height: var(--copy-2-line-height);
  font-feature-settings: "lnum" 1;
  position: absolute;
  border: 0;
  width: 1px;
  height: 1px;
  min-height: 22px;
  min-width: 100px;
  padding: 0;
  text-align: center;
  left: -9em;
  top: -9999em;
  margin-top: 0
}

.chart input.highcharts-range-selector:active,
.chart input.highcharts-range-selector:focus {
  border-radius: 0;
  border: 1px solid var(--color-neutral) !important;
  outline: 1px solid var(--color-neutral)
}

.chart .highcharts-crosshair-label text {
  fill: var(--color-neutral-10);
  font-size: 1.1em
}

.chart .highcharts-crosshair-label .highcharts-label-box {
  fill: inherit
}

.chart .highcharts-candlestick-series .highcharts-point {
  stroke: var(--color-neutral);
  stroke-width: 1px
}

.chart .highcharts-candlestick-series .highcharts-point-up {
  fill: var(--color-neutral-10)
}

.chart .highcharts-ohlc-series .highcharts-point-hover {
  stroke-width: 3px
}

.chart .highcharts-flags-series .highcharts-point .highcharts-label-box {
  stroke: var(--color-neutral);
  fill: var(--color-neutral-10);
  transition: fill .25s
}

.chart .highcharts-flags-series .highcharts-point-hover .highcharts-label-box {
  stroke: var(--color-neutral);
  fill: var(--color-neutral-30)
}

.chart .highcharts-flags-series .highcharts-point text {
  fill: var(--color-neutral);
  font-size: .9em;
  font-weight: 700
}

.chart .highcharts-map-series .highcharts-point {
  transition: fill .5s, fill-opacity .5s, stroke-width .25s;
  stroke: var(--color-neutral-30)
}

.chart .highcharts-map-series .highcharts-point-hover {
  transition: fill 0ms, fill-opacity 0ms;
  fill-opacity: .5;
  stroke-width: 2px
}

.chart .highcharts-mapline-series .highcharts-point {
  fill: none
}

.chart .highcharts-heatmap-series .highcharts-point {
  stroke-width: 0
}

.chart .highcharts-map-navigation {
  font-size: 1.3em;
  font-weight: 700;
  text-align: center
}

.chart .highcharts-coloraxis {
  stroke-width: 0
}

.chart .highcharts-coloraxis-marker {
  fill: var(--color-neutral)
}

.chart .highcharts-null-point {
  fill: var(--color-neutral-20)
}

.chart .highcharts-3d-frame {
  fill: transparent
}

.chart .highcharts-contextbutton {
  fill: var(--color-neutral-10);
  stroke: none;
  stroke-linecap: round
}

.chart .highcharts-contextbutton:hover {
  fill: var(--color-neutral-30);
  stroke: var(--color-neutral-30)
}

.chart .highcharts-button-symbol {
  stroke: var(--color-neutral);
  stroke-width: 3px
}

.chart .highcharts-menu {
  border: 1px solid var(--color-neutral);
  background: var(--color-neutral-10);
  padding: 5px 0;
  box-shadow: 3px 3px 10px #888
}

.chart .highcharts-menu-item {
  padding: .5em 1em;
  background: none;
  color: var(--color-neutral);
  cursor: pointer;
  transition: background .25s, color .25s
}

.chart .highcharts-menu-item:hover {
  background: var(--color-accent-1-80);
  color: var(--color-neutral-10)
}

.chart .highcharts-drilldown-point {
  cursor: pointer
}

.chart .highcharts-drilldown-axis-label,
.chart .highcharts-drilldown-data-label text,
.chart text.highcharts-drilldown-data-label {
  cursor: pointer;
  fill: #ff5229;
  font-weight: 700;
  text-decoration: underline
}

.chart .highcharts-no-data text {
  font-weight: 700;
  font-size: 0.75rem;
  fill: var(--color-neutral)
}

.chart .highcharts-axis-resizer {
  cursor: ns-resize;
  stroke: #000;
  stroke-width: 2px
}

.chart .highcharts-bullet-target {
  stroke-width: 0
}

.chart .highcharts-annotation-label-box,
.chart .highcharts-lineargauge-target,
.chart .highcharts-lineargauge-target-line {
  stroke-width: 1px;
  stroke: var(--color-neutral)
}

.chart .highcharts-annotation-label-box {
  fill: var(--color-neutral);
  fill-opacity: .75
}

.chart .highcharts-annotation-label text {
  fill: var(--color-neutral-30)
}

.chart .highcharts-treegrid-node-collapsed,
.chart .highcharts-treegrid-node-expanded {
  cursor: pointer
}

.chart .highcharts-point-connecting-path {
  fill: none
}

.chart .highcharts-grid-axis .highcharts-axis-line,
.chart .highcharts-grid-axis .highcharts-tick {
  stroke-width: 1px
}

.checkbox-group {
  width: 100%
}

.checkbox-group__label {
  display: block;
  color: var(--color-neutral);
  margin-bottom: 12px;
  width: 100%
}

.checkbox-group>* {
  display: block;
  margin-bottom: 12px;
  position: relative
}

.checkbox {
  position: relative
}

.checkbox__input {
  position: absolute;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0;
  height: 0;
  width: 0;
  pointer-events: none
}

.checkbox__input+.checkbox__label {
  display: inline-flex;
  align-items: flex-start;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer
}

.checkbox__input+.checkbox__label a {
  border-bottom: 1px solid;
  padding-bottom: 1px
}

.checkbox__input:disabled+.checkbox__label {
  cursor: default;
  pointer-events: none;
  color: var(--color-neutral-40)
}

.checkbox__input+.checkbox__label:before {
  content: "";
  display: inline-block;
  position: relative;
  flex-shrink: 0;
  top: -2px;
  width: 24px;
  height: 24px;
  background-color: var(--color-neutral-10);
  border: 1px solid var(--color-neutral);
  background-repeat: no-repeat;
  background-position: 50%;
  margin-right: 12px;
  transition: border .2s
}

.checkbox__input:disabled+.checkbox__label:before {
  border-color: var(--color-neutral-40)
}

.checkbox.form-error .checkbox__label:before {
  border: 1px solid var(--color-negative);
  outline: 1px solid var(--color-negative)
}

.checkbox__input:active+.checkbox__label:before,
.checkbox__input:focus+.checkbox__label:before {
  border: 1px solid var(--color-neutral);
  outline: 1px solid var(--color-neutral)
}

.checkbox__input:checked+.checkbox__label:before {
  box-shadow: none;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cpath d='M17.278 5l1.159 1.159-8.877 8.876.006.006-1.16 1.159-.005-.006-.005.006-1.16-1.159.006-.006L3 10.793l1.159-1.159L8.4 13.877z' fill='%23cc4221' stroke='%23cc4221' stroke-width='.5'/%3E%3C/svg%3E");
  background-size: 22px
}

.checkbox__input:disabled:checked+.checkbox__label:before {
  background-color: var(--color-neutral-10);
  border-color: var(--color-neutral-40)
}

.checkbox__input:checked:active+.checkbox__label:before,
.checkbox__input:checked:focus+.checkbox__label:before {
  border: 1px solid var(--color-neutral);
  outline: 1px solid var(--color-neutral)
}

.checkbox__required {
  margin-top: 2px
}

.checkbox.form-error .checkbox__required {
  color: var(--color-negative)
}

.columns {
  position: relative;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px
}

.columns--has-background {
  background-color: var(--color-accent-2-10);
  padding: 36px 24px
}

.columns__header {
  grid-column: 1/span 12
}

.columns__overline {
  margin-bottom: 12px
}

.columns__headline {
  margin-bottom: 24px
}

.columns__headline-text {
  display: inline-block
}

.columns__copy {
  margin-bottom: 24px;
  grid-column: 1/span 12
}

.columns__column {
  grid-column: 1/span 12;
  margin-bottom: 36px;
  width: 100%
}

.columns__column:last-of-type {
  margin-bottom: 0
}

.columns__column-headline {
  margin-bottom: 24px
}

.columns--center-items {
  align-items: center
}

.compliance-disclosures {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px
}

.compliance-disclosures__content {
  background-color: var(--color-neutral-10);
  grid-column: 1/span 12;
  margin: 36px 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px
}

.compliance-disclosures #companydisclosures {
  grid-column: 2/span 10
}

.compliance-disclosures #companydisclosures .char-container h1 {
  margin-bottom: 24px;
  font-display: swap;
  font-family: Thunder, Times, serif;
  font-size: var(--headline-3-font-size);
  letter-spacing: var(--headline-3-letter-spacing);
  line-height: var(--headline-3-line-height);
  font-feature-settings: "lnum" 1;
  font-variation-settings: "wght" 650, "CNTR" 0
}

.compliance-disclosures #companydisclosures a {
  color: var(--color-neutral);
  transition: color .1s ease-in-out
}

.compliance-disclosures #companydisclosures a:focus,
.compliance-disclosures #companydisclosures a:hover {
  color: var(--color-primary)
}

.compliance-disclosures #companydisclosures .char-container h1 a {
  font-size: 1.25rem;
  color: var(--color-primary) !important;
  transition: color .1s ease-in-out;
  padding: 0 6px;
  float: none
}

.compliance-disclosures #companydisclosures h1 a:focus,
.compliance-disclosures #companydisclosures h1 a:hover {
  color: var(--color-accent-1-80)
}

.compliance-disclosures #companydisclosures h1 a:active {
  color: var(--color-accent-1)
}

.compliance-disclosures #companydisclosures #mainContent>h1 {
  display: none
}

.compliance-disclosures #companydisclosures .mainText>p {
  margin-bottom: 24px;
  font-display: swap;
  font-family: Thunder, Times, serif;
  font-size: var(--headline-3-font-size);
  letter-spacing: var(--headline-3-letter-spacing);
  line-height: var(--headline-3-line-height);
  font-feature-settings: "lnum" 1;
  font-variation-settings: "wght" 650, "CNTR" 0
}

.compliance-disclosures #companydisclosures .mainText>ul {
  padding-bottom: 12px;
  border-bottom: 1px solid var(--color-neutral-30)
}

.compliance-disclosures #companydisclosures .mainText>ul li {
  display: inline-block;
  margin: 0 24px 12px 0
}

.compliance-disclosures #companydisclosures .mainText>ul li a {
  position: relative;
  display: inline-block;
  padding: 0 12px 12px 0;
  color: var(--color-accent-2-80);
  transition: color .1s ease-in-out;
  font-display: swap;
  font-family: ESPeak, Verdana, Arial, sans-serif;
  font-size: var(--subhead-1-font-size);
  font-weight: 500;
  letter-spacing: var(--subhead-1-letter-spacing);
  line-height: var(--subhead-1-line-height);
  font-feature-settings: "lnum" 1
}

.compliance-disclosures #companydisclosures .mainText>ul li a:after {
  font-display: swap;
  font-family: Thunder, Times, serif;
  font-size: var(--headline-3-font-size);
  letter-spacing: var(--headline-3-letter-spacing);
  line-height: var(--headline-3-line-height);
  font-feature-settings: "lnum" 1;
  font-variation-settings: "wght" 650, "CNTR" 0;
  display: block;
  opacity: 0;
  position: absolute;
  content: "↓";
  right: -5px;
  top: 0;
  font-size: 1.25rem;
  color: var(--color-neutral);
  transition: opacity .15s ease-in-out
}

.compliance-disclosures #companydisclosures .mainText>ul li a:focus,
.compliance-disclosures #companydisclosures .mainText>ul li a:hover {
  color: var(--color-accent-2-90)
}

.compliance-disclosures #companydisclosures .mainText>ul li a:hover:after {
  opacity: 1
}

.compliance-disclosures #companydisclosures .mainText>ul li a:active {
  color: var(--color-accent-2-90)
}

.compliance-disclosures #companydisclosures .char-container span {
  position: relative;
  top: 0;
  display: block;
  padding: 55px 0
}

.contact--has-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px
}

.contact--has-grid .contact__headline {
  margin-bottom: 24px;
  grid-column: 1/span 12
}

.contact--has-grid .contact__wrapper {
  grid-column: 1/span 12;
  display: flex;
  flex-wrap: wrap;
  width: 100%
}

.contact--has-grid .contact__contact {
  margin-bottom: 36px;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px
}

.contact__image {
  position: relative;
  z-index: 1;
  margin-bottom: 12px
}

.contact__image-placeholder {
  display: none
}

.contact--has-grid .contact__image {
  grid-column: 1/span 5;
  margin-bottom: 0
}

.contact__info {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: var(--color-accent-2-10);
  padding: 24px 24px 32px
}

.contact__vita-btn {
  padding: 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  position: absolute;
  right: 12px;
  top: 12px
}

.contact__vita-btn svg {
  width: 36px;
  height: 36px
}

.contact--has-grid .contact__info {
  margin-top: -36px;
  padding-top: 60px;
  grid-column: 1/span 12;
  min-height: 185px;
  height: fit-content
}

.contact__title--has-vita {
  padding-right: 12px
}

.contact__upper:not(:last-child) {
  margin-bottom: 12px
}

.contact__p {
  margin-top: 12px
}

.contact__phone {
  display: block
}

.contact__phone+.contact__email {
  margin-top: 3px
}

.download--has-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px
}

.download--has-grid .download__headline {
  margin-bottom: 36px;
  grid-column: 1/span 12
}

.download--has-grid .download__wrapper {
  grid-column: 1/span 12;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px
}

.download__download {
  display: flex;
  flex-direction: row;
  margin-bottom: 24px
}

.download__text {
  color: var(--color-neutral);
  transition: color .3s ease-in-out
}

.download--has-grid .download__download {
  grid-column: 1/span 12
}

.download__svg.svg-sprite {
  transition: fill .2s ease;
  fill: var(--color-primary);
  flex-shrink: 0;
  height: 40px;
  margin-right: 12px;
  width: 40px
}

.download__download:active .download__svg.svg-sprite,
.download__download:hover .download__svg.svg-sprite {
  fill: var(--color-neutral)
}

.download__file {
  margin-top: 6px
}

.download__file-type {
  text-transform: uppercase
}

.faq {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px
}

.faq__headline {
  grid-column: 2/span 10;
  margin-bottom: 12px
}

.faq__container {
  position: relative;
  grid-column: 2/span 10;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px
}

.faq__column {
  grid-column: 1/span 12
}

.faq-container {
  margin-top: 48px;
  margin-bottom: 48px
}

.faq-container:before {
  display: none;
  grid-column: 1/span 12
}

.faq-container__top {
  padding-bottom: 72px
}

.faq-container__navigation {
  position: relative;
  margin-bottom: 36px;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px
}

.faq-container__navigation:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-top: 24px solid var(--color-accent-2-20);
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%)
}

.faq-container__navigation-inner {
  background-color: var(--color-accent-2-20);
  grid-column: 1/span 12;
  padding: 24px
}

.faq-container__navigation-header {
  text-align: center;
  margin-bottom: 12px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center
}

.faq-container__navigation-header-after,
.faq-container__navigation-header-before {
  display: inline-block;
  margin: 0 12px 7px
}

.faq-container__menubar {
  display: inline-block;
  margin-bottom: 6px
}

.faq-container__menubar .menubar__label {
  font-display: swap;
  font-family: Thunder, Times, serif;
  font-size: var(--headline-1-font-size);
  letter-spacing: var(--headline-1-letter-spacing);
  line-height: var(--headline-1-line-height);
  font-feature-settings: "lnum" 1;
  font-variation-settings: "wght" 650, "CNTR" 0
}

.faq-container__navigation-category {
  flex-wrap: wrap;
  justify-content: center
}

.faq-container__navigation-category:not([hidden]) {
  display: flex
}

.faq-container__link {
  padding: 12px
}

.faq-container__section-category[hidden] {
  display: none
}

.faq-container__section-category .faq {
  padding-top: 72px
}

.fixing-rates {
  margin-top: 24px
}

.fixing-rates__header {
  background-color: var(--color-accent-2-10);
  padding: 36px 0;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px
}

.fixing-rates__headline {
  grid-column: 1/span 12;
  margin-bottom: 24px;
  padding: 0 24px
}

.fixing-rates__overline {
  grid-column: 1/span 12;
  margin-bottom: 6px;
  padding: 0 24px
}

.fixing-rates__input {
  cursor: text;
  color: var(--color-neutral);
  background-color: var(--color-accent-2-10);
  padding: 12px 24px;
  margin: 0 24px;
  border-radius: 0;
  border: 1px solid var(--color-neutral);
  transition: border .2s;
  grid-column: 1/span 12;
  font-display: swap;
  font-family: ESPeak, Verdana, Arial, sans-serif;
  font-size: var(--copy-1-font-size);
  font-weight: 400;
  letter-spacing: var(--copy-1-letter-spacing);
  line-height: var(--copy-1-line-height);
  font-feature-settings: "lnum" 1
}

.fixing-rates__input::-webkit-clear-button,
.fixing-rates__input::-webkit-inner-spin-button {
  display: none
}

.fixing-rates__input::-webkit-calendar-picker-indicator {
  cursor: pointer
}

.fixing-rates__input::placeholder {
  color: var(--color-neutral-40);
  opacity: 1;
  font-display: swap;
  font-family: ESPeak, Verdana, Arial, sans-serif;
  font-size: var(--copy-1-font-size);
  font-weight: 400;
  letter-spacing: var(--copy-1-letter-spacing);
  line-height: var(--copy-1-line-height);
  font-feature-settings: "lnum" 1
}

.fixing-rates__input:active,
.fixing-rates__input:focus {
  border-radius: 0;
  border: 1px solid var(--color-neutral);
  outline: 1px solid var(--color-neutral)
}

.fixing-rates__wrapper {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px
}

.fixing-rates__content {
  min-height: 300px;
  background-color: var(--color-neutral-10);
  grid-column: 1/span 12;
  padding: 24px 0
}

.fixing-rates__notes {
  grid-column: 1/span 12;
  margin-bottom: 36px
}

.fixing-rates__loader {
  margin-top: 48px
}

.footer {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px
}

.footer__main {
  grid-column: 1/span 12;
  margin: 0 -28px
}

.footer--is-screen .footer__main {
  margin: 0
}

.footer__scroll-top {
  grid-column: 1/-1;
  grid-row: 1;
  height: max-content;
  transform: translateY(-96px);
  justify-self: flex-start
}

.footer:has(.footer__hero-content .footer__hero-headline) .footer__scroll-top {
  transform: translateY(100%)
}

.footer__main-content {
  position: relative;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-column-gap: 6px;
  padding: 0 28px
}

.footer__main-content:after {
  content: "";
  display: block;
  grid-row: 3;
  grid-column: 1/-1;
  height: calc(100% + var(--offset));
  background: var(--color-accent-2-20);
  position: absolute;
  top: calc(var(--offset)*-1);
  z-index: -1;
  width: calc(var(--vw, 1vw)*100);
  left: calc(var(--vw, 1vw)*100/-2 - -50%);
  --offset: 100px
}

.footer__logo {
  grid-row: 4;
  grid-column: 1/span 2;
  margin-bottom: 36px;
  margin-top: 12px;
  color: var(--color-primary)
}

.footer__svg.svg-sprite {
  width: 100%;
  height: auto;
  max-width: 36px;
  max-height: 48px
}

.footer__nav {
  grid-column: 1/-1
}

.footer__nav--main {
  margin: 36px 0
}

.footer__group-headline {
  margin-bottom: 12px
}

.footer__item:nth-child(odd) {
  grid-column: 1/span 1
}

.footer__item:nth-child(2n) {
  grid-column: 2/span 1
}

.footer__link {
  display: inline-block;
  color: var(--color-neutral);
  transition: color .1s ease-in-out;
  padding-bottom: 6px
}

.footer__link:focus,
.footer__link:hover {
  color: var(--color-accent-1-80)
}

.footer__link:active {
  color: var(--color-accent-1)
}

.footer__nav--social {
  margin: 12px 0 0;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--color-neutral-40)
}

.footer__nav--social ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap
}

.footer__nav--social a {
  padding: 6px 6px 6px 0;
  margin-right: 6px
}

.footer__social-link svg {
  width: 20px;
  height: 20px;
  fill: var(--color-neutral)
}

.footer__nav--sub {
  margin: 6px 36px 48px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  grid-column: 2/-1;
  grid-row: 4;
  justify-content: flex-start
}

.footer__nav--sub ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap
}

.footer__nav--sub ul li:last-child {
  margin-right: 0
}

.footer__nav--sub li>.footer__link,
.footer__nav--sub li>span {
  display: inline-block;
  padding-right: 12px;
  padding-bottom: 6px
}

.footer__hero {
  grid-row: 2;
  grid-column: 2/-1
}

.footer__hero-content {
  display: block;
  padding: 36px;
  background-color: #fff;
  color: var(--color-neutral);
  transition: background-color .2s ease-in-out;
  margin-right: -28px
}

.footer__hero-overline {
  margin-bottom: 12px
}

.footer__hero-headline.text {
  color: var(--color-primary)
}

.footer__hero-cta {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 6px
}

.footer__hero-cta .svg-sprite {
  width: 15px;
  height: 15px;
  color: var(--color-primary)
}

.footer__hero-content:focus,
.footer__hero-content:hover {
  background-color: var(--color-accent-2-10)
}

.form {
  margin-top: 24px;
  margin-bottom: 48px
}

.form--has-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px
}

.form__form>* {
  display: block;
  margin-bottom: 24px;
  position: relative
}

.form--has-grid .form__form {
  grid-column: 1/span 12
}

.form__field--checkbox {
  margin-bottom: 12px
}

.form__field--checkbox:last-of-type {
  margin-bottom: 24px
}

.form__richtext.richtext {
  font-display: swap;
  font-family: ESPeak, Verdana, Arial, sans-serif;
  font-size: var(--copy-2-font-size);
  font-weight: 400;
  letter-spacing: var(--copy-2-letter-spacing);
  line-height: var(--copy-2-line-height);
  font-feature-settings: "lnum" 1;
  display: block;
  margin-bottom: 24px
}

.form__phone {
  display: flex;
  flex-wrap: wrap
}

.form__field__phone {
  margin-right: 12px
}

.form__field-phone-number,
.form__field-phone-number-label {
  display: block;
  margin-bottom: 12px
}

.form__field-phone-number input.input__input-phone.form-error {
  border: 2px solid #b21421
}

.form__field-phone-number .error-message {
  opacity: 0;
  color: #b21421
}

.form__field-phone-number .error-message,
.form__field-phone-number .initial-message {
  font-display: swap;
  font-family: ESPeak, Verdana, Arial, sans-serif;
  font-size: var(--small-font-size);
  font-weight: 400;
  letter-spacing: var(--small-letter-spacing);
  line-height: var(--small-line-height);
  font-feature-settings: "lnum" 1;
  margin-top: 5px;
  width: 100%
}

.fund-buy {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px
}

.fund-buy__fund,
.fund-buy__fund-wrapper,
.fund-buy__header,
.fund-buy__header-wrapper,
.fund-buy__intro {
  grid-column: 1/span 12
}

.fund-buy__fund,
.fund-buy__fund-wrapper,
.fund-buy__header,
.fund-buy__header-wrapper,
.fund-buy__intro {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px
}

.fund-buy__intro {
  position: relative;
  z-index: 2
}

.fund-buy__description,
.fund-buy__headline,
.fund-buy__link {
  grid-column: 1/span 12
}

.fund-buy__description,
.fund-buy__headline {
  margin-bottom: 12px
}

.fund-buy__headline-text {
  display: inline-block
}

.fund-buy__manager {
  grid-column: 1/span 12;
  display: flex;
  align-items: center;
  margin: 24px 0
}

.fund-buy__mangager-image {
  width: 100px;
  margin-right: 24px
}

.fund-buy__header-wrapper {
  display: none;
  position: relative;
  background-color: var(--color-accent-2-10);
  grid-column: 1/span 12
}

.fund-buy__fund-wrapper {
  position: relative;
  background: var(--color-neutral-10)
}

.fund-buy__fund {
  padding: 24px 0
}

.fund-buy__fund+.fund-buy__fund {
  border-top: 1px solid var(--color-neutral-30)
}

.fund-buy__info {
  grid-column: 1/span 12
}

.fund-buy__nav,
.fund-buy__performance,
.fund-buy__volatility {
  grid-column: 1/span 12;
  -webkit-hyphens: auto;
  hyphens: auto
}

.fund-buy__ctas {
  grid-column: 1/span 12;
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  text-align: center
}

.fund-buy__cta-buy {
  max-width: 100%;
  margin-bottom: 12px
}

.fund-buy__cta-buy .menubar__label {
  max-width: 100%
}

.fund-buy__date {
  margin-bottom: 12px
}

.fund-buy__labels--desktop {
  display: none
}

.fund-disclosures {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px
}

.fund-disclosures__content {
  background-color: var(--color-neutral-10);
  grid-column: 1/span 12;
  margin-bottom: 24px;
  padding: 24px 0 36px
}

.fund-disclosures__table td strong {
  text-transform: uppercase
}

.fund-disclosures__pagination {
  grid-column: 1/span 12;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 72px;
  margin-top: 36px;
  width: 100%
}

.funds-listing {
  position: relative
}

.funds-listing__fund-description {
  margin-top: 6px
}

.funds-listing__fund {
  display: block;
  padding: 24px 0
}

.funds-listing__fund:active .funds-listing__fund-headline,
.funds-listing__fund:focus .funds-listing__fund-headline,
.funds-listing__fund:hover .funds-listing__fund-headline {
  color: var(--color-primary)
}

.funds-listing__fund+.funds-listing__fund {
  border-top: 1px solid var(--color-neutral-30)
}

.honeypot,
.honeypot input {
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px
}

.icon-row {
  position: relative;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px
}

.icon-row--has-background {
  background-color: var(--color-accent-2-10);
  padding: 36px 24px 24px
}

.icon-row__headline {
  grid-column: 1/span 12;
  margin-bottom: 12px
}

.icon-row__icons {
  position: relative;
  grid-column: 1/span 12;
  display: flex;
  flex-wrap: wrap
}

.icon-row__icon {
  padding: 6px 12px 12px 0
}

.icon-row__image img {
  width: 20px;
  height: 20px
}

.image {
  position: relative
}

.image[style*="--ratio"] {
  height: 0;
  padding-bottom: calc(100%/var(--ratio));
  position: relative;
  box-sizing: border-box
}

.image[style*="--ratio"]>* {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0
}

.infographic {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-column-gap: 6px
}

.infographic__item {
  max-width: 430px;
  grid-column: 1/-1;
  width: 100%;
  position: relative;
  margin: 0 auto;
  padding: 36px;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.infographic__item:after {
  content: "";
  display: block;
  z-index: -1;
  position: absolute;
  background: var(--color-accent-2-20)
}

.infographic__item--default {
  text-align: center
}

.infographic__item--default:after {
  top: 72px;
  left: 6px;
  width: 50%;
  height: 70px
}

.infographic__item--default:nth-of-type(2):after {
  top: 31px;
  left: 50%;
  transform: translateX(-50%);
  width: 95px;
  height: 95px
}

.infographic__item--default:nth-of-type(3):after {
  top: -12px;
  left: 50%;
  width: 77px;
  height: 140px
}

.infographic__item--copy:after {
  top: 58px;
  left: 48px;
  width: 50%;
  height: 70px
}

.infographic__item--copy:nth-of-type(2):after {
  width: 130px;
  height: 130px;
  left: 50%;
  transform: translateX(-50%)
}

.infographic__item--copy:nth-of-type(3):after {
  top: 48px;
  left: 50%;
  width: 77px;
  height: 140px
}

.infographic__item--icon .infographic__svg {
  display: block;
  margin: 0 auto 24px;
  height: 85px;
  width: auto
}

.infographic__item--icon:after {
  top: 53px;
  left: 12px;
  width: 50%;
  height: 70px
}

.infographic__item--icon:nth-of-type(2):after {
  top: 36px;
  left: 50%;
  transform: translateX(-50%);
  width: 95px;
  height: 95px
}

.infographic__item--icon:nth-of-type(3):after {
  top: 82px;
  left: 50%;
  width: 77px;
  height: 140px
}

.infographic__headline {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0
}

.infographic__headline.text--headline-2.text--light {
  font-variation-settings: "wght" 400, "CNTR" 0
}

.infographic__headline.text--headline-3,
.infographic__headline.text--headline-3.text--light {
  font-family: ESPeak;
  text-transform: unset
}

.infographic__copy {
  margin-top: 6px
}

.input--hidden {
  margin: 0
}

.input__label {
  display: block;
  color: var(--color-neutral);
  margin-bottom: 12px;
  width: 100%
}

.input__input,
.input__input-phone,
.inxmail .textfield input.text {
  background-color: var(--color-neutral-10);
  padding: 12px 24px;
  border-radius: 0;
  border: 1px solid var(--color-neutral);
  width: 100%;
  transition: border .2s
}

.input__input,
.input__input-phone,
.input__input-phone::placeholder,
.inxmail .textfield input.text {
  font-display: swap;
  font-family: ESPeak, Verdana, Arial, sans-serif;
  font-size: var(--copy-1-font-size);
  font-weight: 400;
  letter-spacing: var(--copy-1-letter-spacing);
  line-height: var(--copy-1-line-height);
  font-feature-settings: "lnum" 1
}

.input__input-phone::placeholder {
  color: var(--color-neutral-40);
  opacity: 1
}

.input__input-phone:disabled {
  cursor: default;
  pointer-events: none;
  background-color: var(--color-neutral-10);
  border-color: var(--color-neutral-40)
}

.input__input-phone:disabled::placeholder {
  color: var(--color-neutral-alpha20)
}

.input__input-phone:active,
.input__input-phone:focus {
  border-radius: 0;
  border: 1px solid var(--color-neutral);
  outline: 1px solid var(--color-neutral)
}

.input.form-error .input__input-phone {
  border: 1px solid var(--color-negative);
  outline: 1px solid var(--color-negative)
}

.input.form-error .input__input-phone:active,
.input.form-error .input__input-phone:focus {
  border: 1px solid var(--color-neutral);
  outline: 1px solid var(--color-neutral)
}

.input__input::placeholder,
.inxmail .textfield input.text::placeholder {
  color: var(--color-neutral-40);
  opacity: 1;
  font-display: swap;
  font-family: ESPeak, Verdana, Arial, sans-serif;
  font-size: var(--copy-1-font-size);
  font-weight: 400;
  letter-spacing: var(--copy-1-letter-spacing);
  line-height: var(--copy-1-line-height);
  font-feature-settings: "lnum" 1
}

.input__input:disabled,
.inxmail .textfield input.text:disabled {
  cursor: default;
  pointer-events: none;
  background-color: var(--color-neutral-10);
  border-color: var(--color-neutral-40)
}

.input__input:disabled::placeholder,
.inxmail .textfield input.text:disabled::placeholder {
  color: var(--color-neutral-alpha20)
}

.input__input:active,
.input__input:focus,
.inxmail .textfield input.text:active,
.inxmail .textfield input.text:focus {
  border-radius: 0;
  border: 1px solid var(--color-neutral);
  outline: 1px solid var(--color-neutral)
}

.input.form-error .input__input,
.input.form-error .inxmail .textfield input.text,
.inxmail .textfield .input.form-error input.text {
  border: 1px solid var(--color-negative);
  outline: 1px solid var(--color-negative)
}

.input.form-error .input__input:active,
.input.form-error .input__input:focus,
.input.form-error .inxmail .textfield input.text:active,
.input.form-error .inxmail .textfield input.text:focus,
.inxmail .textfield .input.form-error input.text:active,
.inxmail .textfield .input.form-error input.text:focus {
  border: 1px solid var(--color-neutral);
  outline: 1px solid var(--color-neutral)
}

.input__required {
  margin-top: 6px
}

.input.form-error .input__required {
  color: var(--color-negative)
}

.investment-advice {
  z-index: 0;
  position: relative;
  color: var(--color-neutral)
}

.investment-advice__wrapper {
  width: 100%;
  margin-bottom: 36px
}

.investment-advice__section {
  text-align: center;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px
}

.investment-advice__header {
  grid-column: 1/span 12;
  margin-bottom: 12px
}

.investment-advice__header-logo {
  display: flex;
  justify-content: center;
  margin-top: 36px
}

.investment-advice__header-logo svg {
  width: 40px;
  height: 56px
}

.investment-advice__header-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 24px 0
}

.investment-advice__header-number {
  display: flex;
  align-items: center
}

.investment-advice__header-number:after {
  display: block;
  content: "";
  width: 0;
  height: 1px;
  margin: 0 3px;
  background-color: var(--color-primary-10)
}

.investment-advice__header-circle {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  border: 2px solid var(--color-primary-10);
  color: var(--color-primary-40);
  flex-shrink: 0;
  position: relative
}

.investment-advice__header-circle svg {
  fill: var(--color-primary-40);
  stroke: var(--color-primary-40)
}

.investment-advice__header-circle--active {
  border-color: var(--color-primary-50);
  background: var(--color-primary-50);
  color: var(--color-neutral-10)
}

.investment-advice__header-circle--active svg {
  fill: var(--color-neutral-10);
  stroke: var(--color-neutral-10)
}

.investment-advice__header-circle-text.text {
  display: block;
  position: relative;
  top: 50%;
  transform: translateY(-50%)
}

.investment-advice__header-results {
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px
}

.investment-advice__header-results svg {
  width: 100%;
  height: 100%
}

.investment-advice__header-overline {
  margin-bottom: 12px
}

.investment-advice__header-description {
  margin-top: 24px
}

.investment-advice__header-sticky {
  z-index: 9997;
  position: fixed;
  top: 0;
  width: 100%;
  padding: 16px 0;
  left: 0;
  background: var(--color-neutral-10);
  box-shadow: 0 2px 8px 0 rgba(52, 52, 52, .15);
  transform: translateY(-110%);
  transition: transform .3s ease
}

.investment-advice__header-sticky--active {
  transform: translateY(0)
}

.investment-advice__header-sticky-content {
  margin: 0 auto;
  max-width: 1440px;
  width: 100%;
  padding: 0 24px;
  display: flex;
  align-items: center
}

.investment-advice__header-sticky .investment-advice__header-number {
  display: inline-flex
}

.investment-advice__header-short-headline {
  position: relative;
  top: 2px;
  display: block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 12px;
  text-align: left
}

.investment-advice__footer {
  grid-column: 1/span 12
}

.investment-advice__footer-help {
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px
}

.investment-advice__footer-help-btn {
  grid-column: 1/span 12
}

.investment-advice__footer-help-copy {
  margin-top: 12px;
  grid-column: 1/span 12
}

.investment-advice__footer-navigation {
  margin-top: 36px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between
}

.investment-advice__footer-navigation-btn {
  width: 100%
}

.investment-advice__footer-navigation-btn.button--secondary,
.inxmail .submit input.investment-advice__footer-navigation-btn[type=reset] {
  order: 2
}

.investment-advice__footer-navigation-btn.button--primary,
.inxmail .submit input.investment-advice__footer-navigation-btn[type=submit] {
  order: 1;
  margin-bottom: 12px
}

.investment-advice__footer-navigation-btn[aria-hidden=true] {
  visibility: hidden;
  display: none
}

.investment-advice__question {
  grid-column: 1/span 12
}

.investment-advice__answer-simple {
  position: relative;
  cursor: pointer;
  color: var(--color-neutral);
  background: var(--color-primary-alpha10);
  border: 1px solid var(--color-primary-alpha20);
  border-radius: 0;
  padding: 24px 36px 24px 24px;
  width: 100%;
  margin-bottom: 12px;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: color .3s ease-in-out, background-color .3s ease-in-out, box-shadow .5s ease-in-out
}

[data-whatintent=mouse] .investment-advice__answer-simple,
[data-whatintent=touch] .investment-advice__answer-simple {
  outline: 0
}

.investment-advice__answer-simple:active,
.investment-advice__answer-simple:hover {
  background: var(--color-primary);
  color: var(--color-neutral-10);
  box-shadow: 5px 6px 14px 0 rgba(64, 92, 75, .2)
}

.investment-advice__answer-simple--active {
  background: var(--color-primary);
  color: var(--color-neutral-10)
}

.investment-advice__answer-simple .investment-advice__check {
  position: absolute;
  width: 42px;
  height: 40px;
  right: 0;
  top: 17px;
  transform: translateX(50%);
  stroke: var(--color-primary)
}

.investment-advice__answer-simple .investment-advice__answer-text {
  width: 100%;
  display: flex;
  flex-direction: column
}

.investment-advice__answer-simple--has-image .investment-advice__answer-text {
  border-top: 1px solid var(--color-neutral-alpha20);
  margin-top: 24px;
  padding-top: 24px
}

.investment-advice__answer-simple--has-image.investment-advice__answer-simple--active .investment-advice__answer-text {
  border-top: 1px solid var(--color-neutral-40)
}

.investment-advice__answer-simple .investment-advice__answer-image {
  width: 100%
}

.investment-advice__answer-simple .investment-advice__answer-image img {
  width: 100%;
  max-width: 200px
}

.investment-advice__answer-simple .investment-advice__answer-headline {
  margin: 0
}

.investment-advice__answer-simple .investment-advice__answer-copy {
  border-top: 1px solid var(--color-neutral-alpha20);
  margin-top: 24px;
  padding-top: 24px
}

.investment-advice__answer-simple--active .investment-advice__answer-copy {
  border-top: 1px solid var(--color-neutral-40)
}

.investment-advice__answer-simple--has-image .investment-advice__answer-copy,
.investment-advice__answer-simple--has-image .investment-advice__answer-headline {
  border-top: 0;
  margin-top: 0;
  padding-top: 0
}

.investment-advice__radio-question {
  background-color: var(--color-primary-alpha10);
  border: 1px solid var(--color-primary-alpha20);
  padding: 24px;
  width: 100%;
  min-height: 10px;
  margin-bottom: 12px;
  text-align: left;
  display: flex;
  flex-direction: column;
  transition: background-color .3s ease-in-out
}

.investment-advice__radio-question--active {
  background-color: var(--color-primary);
  color: var(--color-neutral-10)
}

.investment-advice__radio-question-headline {
  margin: 0
}

.investment-advice__radio-question-answers {
  border-top: 1px solid var(--color-neutral-alpha20);
  margin-top: 12px;
  padding-top: 24px;
  display: flex;
  flex-direction: column
}

.investment-advice__radio-question .investment-advice__radio-question-answers {
  border-top: 1px solid var(--color-neutral-40)
}

.investment-advice__radio-item {
  display: flex;
  align-items: center
}

.investment-advice__radio-item:not(:first-child) {
  margin-top: 24px
}

.investment-advice__radio-input {
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px
}

.investment-advice__radio-label {
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  line-height: 1;
  color: var(--color-neutral);
  margin-right: 24px;
  transition: color .3s ease-in-out
}

.investment-advice__radio-custom {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 1px solid var(--color-neutral);
  margin-right: 12px;
  border-radius: 100%;
  transition: border-color .3s ease-in-out;
  flex-shrink: 0
}

.investment-advice__radio-custom:after {
  visibility: hidden;
  position: absolute;
  content: "";
  border-radius: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  background-color: var(--color-neutral);
  transition: background-color .3s ease-in-out
}

.investment-advice__radio-question--active .investment-advice__radio-label {
  color: var(--color-neutral-10)
}

.investment-advice__radio-question--active .investment-advice__radio-custom {
  border-color: var(--color-neutral-10)
}

.investment-advice__radio-input[disabled]~.investment-advice__radio-label {
  opacity: .5;
  cursor: not-allowed
}

.investment-advice__radio-input:active~.investment-advice__radio-label>.investment-advice__radio-custom,
.investment-advice__radio-input:focus~.investment-advice__radio-label>.investment-advice__radio-custom {
  border: 2px solid var(--color-neutral)
}

.investment-advice__radio-input:checked~.investment-advice__radio-label>.investment-advice__radio-custom:after {
  visibility: visible;
  background-color: var(--color-neutral-10)
}

.investment-advice__radio-question--active .investment-advice__radio-input:active~.investment-advice__radio-label>.investment-advice__radio-custom,
.investment-advice__radio-question--active .investment-advice__radio-input:focus~.investment-advice__radio-label>.investment-advice__radio-custom {
  border-color: var(--color-neutral-10)
}

.investment-advice__results {
  grid-column: 1/span 12;
  border: 1px solid var(--color-primary-20);
  box-shadow: 5px 6px 14px 0 rgba(64, 92, 75, .2)
}

.investment-advice__results-navigation {
  background: var(--color-primary-10);
  padding: 12px;
  display: flex;
  flex-direction: column
}

.investment-advice__results-switch {
  cursor: pointer;
  border: 0;
  background: transparent;
  padding: 0;
  transition: color .1s ease-in-out;
  width: 100%;
  display: flex;
  flex-direction: column;
  color: var(--color-neutral)
}

.investment-advice__results-switch div {
  text-align: center;
  width: 100%
}

[data-whatintent=mouse] .investment-advice__results-switch,
[data-whatintent=touch] .investment-advice__results-switch {
  outline: 0
}

.investment-advice__results-switch:disabled {
  opacity: .5;
  cursor: default
}

.investment-advice__results-switch-headline {
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin-bottom: 6px
}

.investment-advice__results-switch-headline span {
  position: relative;
  display: inline-block
}

.investment-advice__results-switch-headline span:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: var(--color-neutral);
  width: 0;
  height: 1px;
  transition: width .2s ease-in-out, border-color .1s ease-in-out
}

.investment-advice__results-switch-subline {
  opacity: 0;
  letter-spacing: 1.5px;
  transition: opacity .3s ease-in-out;
  margin-bottom: 6px
}

.investment-advice__results-switch--active .investment-advice__results-switch-subline {
  opacity: 1
}

.investment-advice__results-switch--active .investment-advice__results-switch-headline span:after {
  width: 100%
}

.investment-advice__results-switch:hover:not(:disabled) .investment-advice__results-switch-subline {
  opacity: 1
}

.investment-advice__results-switch:hover:not(:disabled) .investment-advice__results-switch-headline span:after {
  width: 100%
}

.investment-advice__switch {
  display: flex;
  justify-content: center;
  column-gap: 24px;
  margin: 6px 0 36px
}

.investment-advice__switch-btn {
  padding: 24px 0;
  color: var(--color-neutral)
}

.investment-advice__switch-btn span {
  border-bottom: 0
}

.investment-advice__switch-btn.is-active span {
  border-bottom: 2px solid var(--color-accent-1)
}

.investment-advice__slider-container {
  display: flex;
  flex-direction: column;
  margin-bottom: 36px
}

.investment-advice__slider {
  flex: 50%
}

.investment-advice__slider:first-child {
  margin-bottom: 12px
}

.investment-advice__slider .MuiSlider-rail {
  color: var(--color-primary-20)
}

.investment-advice__slider .MuiSlider-thumb.Mui-active {
  box-shadow: 0 0 0 12px var(--color-neutral-alpha20) !important
}

.investment-advice__slider .MuiBox-root {
  margin: 0 auto !important
}

.investment-advice__slider .MuiSlider-colorPrimary.MuiSlider-sizeLarge.MuiSlider-root {
  height: 6px !important
}

.investment-advice__slider .MuiSlider-thumb {
  width: 24px !important;
  height: 24px !important
}

.investment-advice__slider .MuiSlider-thumb:hover {
  box-shadow: 0 0 0 12px var(--color-primary-alpha20) !important
}

.investment-advice__slider .MuiSlider-thumbColorPrimary {
  color: var(--color-accent-1-60) !important;
  border: 3px solid var(--color-neutral-10)
}

.investment-advice__slider .MuiSlider-colorPrimary {
  color: var(--color-accent-1-60) !important
}

.investment-advice__slider-icon {
  height: 24px;
  width: 24px;
  margin: 0 auto 6px
}

.investment-advice__slider-label {
  margin: 12px 0 6px
}

.investment-advice__slider-wrapper {
  width: 70%;
  margin: auto
}

.investment-advice__slider-value {
  margin-top: 0;
  color: var(--color-primary) !important
}

.investment-advice__strategy {
  background-color: var(--color-neutral-10);
  padding: 24px;
  display: flex;
  flex-direction: column
}

.investment-advice__strategy-text {
  text-align: left;
  padding-top: 36px
}

.investment-advice__strategy-headline {
  margin-bottom: 24px
}

.investment-advice__loader {
  grid-column: 1/span 12
}

.investor-profile {
  position: relative;
  color: var(--color-neutral);
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px
}

.investor-profile__wrapper {
  grid-column: 2/span 10
}

.investor-profile .select {
  margin-bottom: 24px
}

.investor-profile .select select,
.investor-profile .select select:disabled {
  background-color: transparent;
  color: var(--color-neutral)
}

.investor-profile__loader {
  grid-column: 1/span 12
}

.inxmail {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px
}

.inxmail__content {
  grid-column: 1/span 12
}

.inxmail form>* {
  display: block;
  margin-bottom: 24px;
  position: relative
}

.inxmail form a {
  color: var(--color-primary)
}

.inxmail .heading {
  margin-top: 72px
}

.inxmail input+.heading {
  margin-top: 0
}

.inxmail .step {
  display: none
}

.inxmail .title {
  font-size: var(--headline-2-font-size);
  letter-spacing: var(--headline-2-letter-spacing);
  line-height: var(--headline-2-line-height);
  font-feature-settings: "lnum" 1;
  font-variation-settings: "wght" 650, "CNTR" 0
}

.inxmail .department,
.inxmail .title {
  font-display: swap;
  font-family: Thunder, Times, serif
}

.inxmail .department {
  margin-top: 72px;
  font-size: var(--headline-3-font-size);
  letter-spacing: var(--headline-3-letter-spacing);
  line-height: var(--headline-3-line-height);
  font-feature-settings: "lnum" 1;
  font-variation-settings: "wght" 650, "CNTR" 0
}

.inxmail .subtitle {
  font-display: swap;
  font-family: ESPeak, Verdana, Arial, sans-serif;
  font-size: var(--copy-1-font-size);
  font-weight: 400;
  font-feature-settings: "lnum" 1;
  font-weight: 700
}

.inxmail .subtitle,
.inxmail .subtitle-paragraph {
  letter-spacing: var(--copy-1-letter-spacing);
  line-height: var(--copy-1-line-height)
}

.inxmail .subtitle-paragraph {
  font-size: var(--copy-1-font-size);
  font-feature-settings: "lnum" 1
}

.inxmail .mailinfo,
.inxmail .subtitle-paragraph {
  margin-top: -24px;
  font-display: swap;
  font-family: ESPeak, Verdana, Arial, sans-serif;
  font-weight: 400
}

.inxmail .mailinfo {
  margin-bottom: 36px;
  margin-left: 28px;
  font-size: var(--copy-2-font-size);
  letter-spacing: var(--copy-2-letter-spacing);
  line-height: var(--copy-2-line-height);
  font-feature-settings: "lnum" 1
}

.inxmail .release b {
  font-weight: 700
}

.inxmail .label {
  display: block;
  color: var(--color-neutral);
  margin-bottom: 12px;
  width: 100%
}

.inxmail .textfield input.text {
  display: block
}

.inxmail .textfield input.text.inxmail-error {
  outline: 1px solid var(--color-negative);
  border: 1px solid var(--color-negative)
}

.inxmail .checkboxfield {
  display: flex;
  align-items: center;
  margin-bottom: 36px
}

.inxmail .checkboxfield .label {
  width: auto;
  display: inline-block;
  margin-bottom: 0;
  order: 1
}

.inxmail .checkboxfield input.checkbox {
  order: 0;
  width: 20px;
  height: 20px;
  border: 1px solid var(--color-neutral);
  margin-right: 8px;
  position: relative;
  flex-shrink: 0;
  -webkit-appearance: none;
  appearance: none
}

.inxmail .checkboxfield input.checkbox:checked:before {
  content: "";
  width: 18px;
  height: 18px;
  background-color: var(--color-primary);
  position: absolute;
  box-shadow: none;
  border-color: var(--color-primary);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cpath d='M17.278 5l1.159 1.159-8.877 8.876.006.006-1.16 1.159-.005-.006-.005.006-1.16-1.159.006-.006L3 10.793l1.159-1.159L8.4 13.877z' fill='%23FFF' stroke='%23FFF' stroke-width='.5'/%3E%3C/svg%3E");
  background-size: 20px
}

.inxmail .checkboxfield input.checkbox:disabled {
  border-color: var(--color-neutral-40)
}

.inxmail .checkboxfield input.checkbox.inxmail-error {
  outline: 1px solid var(--color-negative);
  border: 1px solid var(--color-negative)
}

.inxmail .listfield:after {
  content: "";
  display: block;
  position: absolute;
  right: 10px;
  bottom: 15px;
  justify-self: end;
  width: 20px;
  height: 20px;
  background-color: var(--color-neutral);
  clip-path: path("M3 7.043L4.05 6 10 11.908 15.949 6 17 7.043l-5.95 5.909.006.005L10.006 14z")
}

.inxmail .listfield select {
  width: 100%;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid var(--color-neutral);
  padding: 12px 24px;
  position: relative;
  font-display: swap;
  font-family: ESPeak, Verdana, Arial, sans-serif;
  font-size: var(--copy-1-font-size);
  font-weight: 400;
  letter-spacing: var(--copy-1-letter-spacing);
  line-height: var(--copy-1-line-height);
  font-feature-settings: "lnum" 1;
  -webkit-appearance: none;
  appearance: none
}

.inxmail .listfield select:focus {
  outline: 1px solid var(--color-neutral)
}

.inxmail .listfield select:disabled {
  background-color: var(--color-neutral-10);
  border-color: var(--color-neutral-40);
  color: var(--color-neutral-alpha20)
}

.inxmail .listfield select.inxmail-error {
  outline: 1px solid var(--color-negative);
  border: 1px solid var(--color-negative)
}

.inxmail .listfield select::-ms-expand {
  display: none
}

.inxmail .submit {
  margin-top: 36px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between
}

.inxmail .submit input {
  width: 100%;
  cursor: pointer
}

.inxmail .submit input[type=submit] {
  order: 1;
  margin-bottom: 12px
}

.inxmail .submit input[type=reset] {
  order: 2
}

.inxmail .message_missing {
  color: var(--color-negative)
}

.link {
  transition: color .1s ease-in-out
}

[data-whatintent=mouse] .link,
[data-whatintent=touch] .link {
  outline: 0
}

.link span {
  min-height: 18px;
  display: inline-flex;
  align-items: center;
  transition: border-color .1s ease-in-out, color .1s ease-in-out;
  position: relative;
  text-decoration: underline;
  text-underline-offset: 7px;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--color-primary)
}

.link span:hover {
  text-decoration-color: #000
}

.link--primary {
  color: var(--color-accent-2-80)
}

.link--primary span {
  text-decoration-color: var(--color-primary)
}

.link--secondary {
  color: var(--color-accent-2-80)
}

.link--secondary span {
  text-decoration-color: var(--color-accent-2-80)
}

.link--primary:active,
.link--primary:focus,
.link--primary:hover,
.link--secondary:active,
.link--secondary:focus,
.link--secondary:hover {
  color: var(--color-accent-2-90)
}

.link--primary:active span,
.link--primary:focus span,
.link--primary:hover span,
.link--secondary:active span,
.link--secondary:focus span,
.link--secondary:hover span {
  text-decoration-color: var(--color-accent-1-80)
}

.link--inverted {
  color: var(--color-neutral-10)
}

.link--inverted:active span:after,
.link--inverted:focus span:after,
.link--inverted:hover span:after,
.link--inverted span:after {
  background-color: var(--color-neutral-10)
}

.link--inverted:focus,
.link--inverted:hover {
  opacity: .9
}

.list {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px
}

.list--has-background {
  padding: 48px 0;
  background-color: var(--color-accent-2-10)
}

.list__image {
  margin-bottom: 24px;
  grid-column: 1/span 12
}

.list__image--landscape {
  margin-top: 24px;
  position: relative;
  right: 28px
}

.list__image--portrait {
  margin-top: -24px;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px
}

.list__image--portrait .image {
  grid-column: 3/span 8
}

.list__image--transparent {
  margin-top: -36px;
  margin-right: 12px;
  margin-left: 12px
}

.list__headline {
  margin-bottom: 24px
}

.list__content,
.list__headline {
  grid-column: 2/span 10
}

.list__item {
  position: relative
}

.list__ul .list__item {
  display: flex;
  margin-bottom: 12px
}

.list__ul .list__item-text {
  margin-top: 2px
}

.list__ol .list__item {
  margin-bottom: 24px;
  counter-increment: item
}

.list__ol .list__item:before {
  display: block;
  font-display: swap;
  font-family: Thunder, Times, serif;
  font-size: var(--headline-2-font-size);
  letter-spacing: var(--headline-2-letter-spacing);
  line-height: var(--headline-2-line-height);
  font-feature-settings: "lnum" 1;
  font-variation-settings: "wght" 650, "CNTR" 0;
  font-weight: 700;
  color: var(--color-accent-2-80);
  content: counters(item, "") ".";
  margin-bottom: 6px
}

.list__ol .list__item ol li:before {
  content: counter(item) "."
}

.list__ol .list__item:last-child,
.list__ul .list__item:last-child {
  margin-bottom: 0
}

.list__check-icon {
  flex-grow: 0;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  margin-right: 12px;
  color: var(--color-primary)
}

.list__item-headline {
  margin-bottom: 6px
}

.list__item-copy.richtext {
  font-weight: 400
}

.list__cta {
  margin-top: 36px;
  display: flex
}

.loader {
  text-align: center;
  display: block
}

.loader svg {
  position: relative;
  z-index: 1;
  width: 20px;
  height: 25px
}

.loader svg rect {
  position: relative;
  fill: var(--color-primary)
}

@keyframes transformY {
  0% {
    transform: translateY(100%)
  }

  25% {
    transform: translateY(25%)
  }

  50% {
    transform: translateY(10%)
  }

  75% {
    transform: translateY(25%)
  }

  to {
    transform: translateY(100%)
  }
}

.loader__fix {
  opacity: 0
}

.loader__left {
  animation: transformY 1s linear 0s infinite
}

.loader__middle {
  animation: transformY 1.75s linear 0s infinite
}

.loader__right {
  animation: transformY 1.25s linear 0s infinite
}

.location {
  position: relative;
  z-index: 0
}

.location__wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 72px
}

.location__header {
  text-align: center;
  padding-bottom: 6px;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px
}

.location__headline,
.location__navigation {
  grid-column: 1/span 12
}

.location__headline {
  display: flex;
  flex-direction: column;
  text-align: left
}

.location__headline-first {
  font-display: swap;
  font-family: Thunder, Times, serif;
  font-size: var(--headline-1-font-size);
  font-feature-settings: "lnum" 1;
  font-variation-settings: "wght" 650, "CNTR" 0
}

.location__headline-first,
.location__headline-second {
  letter-spacing: var(--headline-1-letter-spacing);
  line-height: var(--headline-1-line-height)
}

.location__headline-second {
  font-display: swap;
  font-family: Thunder, Times, serif;
  font-size: var(--headline-1-font-size);
  font-feature-settings: "lnum" 1;
  font-variation-settings: "wght" 300, "CNTR" 0
}

.location__navigation ul {
  display: flex;
  justify-content: center
}

.location__navigation li {
  padding: 12px
}

.location__map-navigation-mobile {
  display: flex;
  justify-content: center;
  margin-bottom: 36px;
  padding: 0 24px
}

.location__map-navigation-mobile ul {
  display: flex;
  gap: 12px;
  margin: 0;
  padding: 0
}

.location__map-navigation-mobile li {
  list-style: none;
  margin: 0;
  padding: 0
}

.location__navigation--right {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 11;
  padding: 8px;
  pointer-events: auto
}

.location__navigation--right ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  gap: 12px;
  pointer-events: auto
}

.location__navigation--right li {
  background-color: #fff;
  list-style: none;
  margin: 0;
  padding: 0;
  pointer-events: auto
}

.location__navigation--right li button span {
  font-weight: 900
}

.location__navigation--right li:not(:last-child) {
  margin-right: 0
}

.location__switch {
  display: flex;
  width: 73px;
  height: 30px;
  padding: 4px 16px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
  color: var(--color-neutral);
  transition: color .1s ease-in-out;
  white-space: nowrap;
  cursor: pointer;
  pointer-events: auto;
  background-color: var(--color-neutral-10);
  border: 1px solid var(--color-neutral-80)
}

.location__switch:hover {
  color: var(--color-accent-1)
}

.location__switch--active {
  border-color: var(--color-accent-1);
  padding: 2px 14px;
  background-color: var(--color-primary);
  color: var(--color-neutral-10);
  border: 2px solid var(--color-primary)
}

.location__content {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px;
  grid-template-rows: auto 1fr;
  display: flex;
  flex-direction: column
}

.location__information {
  position: relative;
  z-index: 1;
  grid-column: 1/span 12;
  margin-top: -15px
}

.location__information-inner {
  padding: 24px 24px 72px;
  background-color: var(--color-primary);
  color: var(--color-neutral-10);
  margin-bottom: -36px
}

.location__information-inner h3 {
  margin-bottom: 12px
}

.location__information-inner h3:not(:first-child) {
  margin-top: 24px
}

.location__information-inner a.link {
  color: var(--color-neutral-10);
  transition: color .1s ease-in-out
}

.location__information-inner .text--subhead-1 {
  font-weight: 400
}

.location__route-link {
  margin-top: 36px
}

.location__map {
  display: none;
  grid-row: 1;
  grid-column: 1/span 12;
  padding-top: 12px;
  margin-right: -28px;
  overflow: hidden;
  width: 100%;
  height: auto
}

.location__map,
.location__map-wrapper {
  position: relative
}

.location__map-svg {
  width: 100%;
  height: auto
}

.location__container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.location__pin {
  position: absolute;
  transform: translate(-50%, -100%);
  padding: 0;
  pointer-events: none;
  margin-bottom: 10px;
  margin-right: 10px;
  overflow: visible
}

.location__pin:before {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: -5px;
  width: 40px;
  height: 10px;
  left: 50%;
  transform: translateX(-50%)
}

.location__pin svg {
  width: 20px;
  overflow: visible
}

.location__pin--active {
  z-index: 2;
  margin-bottom: 15px;
  margin-right: 15px
}

.location__pin--active svg {
  width: 25px
}

.location__pin:hover {
  z-index: 3
}

.location__pin--button {
  cursor: pointer;
  pointer-events: auto;
  border: 0;
  background: transparent;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color .1s ease-in-out, border-color .1s ease-in-out, color .1s ease-in-out
}

[data-whatintent=mouse] .location__pin--button,
[data-whatintent=touch] .location__pin--button {
  outline: 0
}

.location__tooltip {
  position: absolute;
  display: block;
  width: 120px;
  left: 40px;
  padding: 12px;
  background: #fff;
  font-weight: 700;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  transition: opacity .2s ease-in-out
}

.location__tooltip:before {
  content: "";
  position: absolute;
  left: -10px;
  width: 0;
  height: 0;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
  border-width: 10px 10px 10px 0
}

.location__image {
  grid-column: 5/span 9;
  z-index: 1;
  position: relative;
  margin-right: -28px;
  margin-top: 48px
}

.location__sidebar {
  width: 100%
}

.location__sidebar h2 {
  margin-bottom: 36px;
  font-size: 1.5rem;
  line-height: 1.2;
  position: sticky;
  top: 0;
  background-color: #fff;
  padding-top: 12px;
  padding-bottom: 12px;
  z-index: 5
}

.location__map-container {
  width: 100%
}

.location__accordion-wrapper .accordion--has-grid {
  display: block
}

.location__accordion-wrapper .accordion__container,
.location__accordion-wrapper .accordion__headline,
.location__accordion-wrapper .accordion__panel {
  grid-column: 1/-1
}

.location__dropdown-container {
  width: 100%
}

.location__dropdown {
  display: block;
  position: relative;
  width: 100%;
  margin-bottom: 12px;
  font-family: var(--font-primary)
}

.location__dropdown-selected {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 24px;
  background-color: var(--color-neutral-10);
  border-bottom: 1px solid var(--color-neutral-80);
  cursor: pointer
}

.location__dropdown-selected--open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-color: var(--color-primary);
  z-index: 1000
}

.location__dropdown-selected:hover {
  border-color: var(--color-primary)
}

.location__dropdown-selected span {
  font-weight: 500
}

.location__dropdown-arrow {
  display: flex;
  align-items: center;
  fill: var(--color-primary)
}

.location__dropdown-options {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: var(--color-neutral-10);
  border: 1px solid var(--color-primary);
  border-top: none;
  z-index: 500;
  max-height: 300px;
  overflow-y: auto
}

.location__dropdown-option {
  padding: 12px 24px;
  cursor: pointer
}

.location__dropdown-option+.location__dropdown-option {
  border-top: 1px solid var(--color-primary)
}

.location__dropdown-option:hover {
  background-color: var(--color-neutral-30);
  color: var(--color-primary)
}

.location__dropdown-option--active {
  background-color: var(--color-primary-lighter);
  font-weight: 500
}

.location__dropdown-details {
  margin-top: 24px
}

.location__dropdown-details .location__address {
  margin-bottom: 12px;
  white-space: pre-line;
  line-height: 1.5;
  padding: 0 30px
}

.location__dropdown-details .location__additional-info {
  margin-bottom: 24px;
  white-space: pre-line;
  line-height: 1.5
}

.location__dropdown-details .location__cta,
.location__dropdown-details .location__route-link {
  margin-top: 24px;
  display: inline-block
}

.location__address {
  margin-bottom: 24px;
  line-height: 1.5;
  color: var(--color-neutral)
}

.location__item-image {
  position: relative;
  flex-direction: column;
  padding-left: 24px;
  max-width: 271px;
  height: 154px;
  flex-shrink: 0;
  margin-bottom: 12px
}

.location__item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0
}

.location__item-headline {
  font-display: swap;
  font-family: ESPeak, Verdana, Arial, sans-serif;
  font-size: var(--headline-4-font-size);
  font-weight: 700;
  letter-spacing: var(--headline-4-letter-spacing);
  line-height: var(--headline-4-line-height);
  font-feature-settings: "lnum" 1;
  margin-bottom: 12px;
  padding: 0 30px
}

.location__content-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%
}

.location__info-container {
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
  flex-direction: column
}

.location__contact-info {
  margin-bottom: 36px;
  line-height: 1.5;
  padding: 0 30px
}

.location__contact-info .location__label {
  font-weight: 500;
  color: var(--color-neutral)
}

.location__contact-person {
  margin-top: 36px;
  padding-top: 36px;
  padding-left: 30px;
  padding-right: 30px;
  border-top: 1px solid var(--color-neutral-80)
}

.location__contact-person h3 {
  margin-bottom: 24px;
  font-size: 1.125rem;
  color: var(--color-neutral);
  font-weight: 500
}

.location__contact-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 36px
}

.location__contact-image {
  width: 102px;
  height: 135px;
  flex-shrink: 0
}

.location__contact-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0
}

.location__contact-details {
  flex: 1
}

.location__contact-name {
  font-weight: 500;
  font-size: 1rem;
  margin-bottom: 6px
}

.location__contact-position {
  font-size: 0.875rem;
  color: var(--color-neutral);
  margin-bottom: 24px
}

.location__contact-email {
  margin-top: 24px
}

.location__button-container {
  display: flex;
  gap: 24px;
  margin-top: 36px
}

.markets-and-topics {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-column-gap: 6px;
  margin-top: 48px;
  margin-bottom: 48px
}

.markets-and-topics__headline {
  grid-column: 1/-1
}

.markets-and-topics__cta {
  grid-column: 1/-1;
  margin-top: 24px;
  margin-right: auto;
  margin-left: 36px
}

.markets-and-topics__cta .text {
  border: none
}

.markets-and-topics__teaser {
  grid-column: 1/-1;
  display: flex;
  flex-direction: column
}

.markets-and-topics__teaser__content {
  padding: 24px;
  background: var(--color-accent-2-10)
}

.markets-and-topics__teaser__headline,
.markets-and-topics__teaser__subline {
  margin-bottom: 6px
}

.markets-and-topics__teaser:active .markets-and-topics__teaser__content,
.markets-and-topics__teaser:focus .markets-and-topics__teaser__content,
.markets-and-topics__teaser:hover .markets-and-topics__teaser__content {
  background: var(--color-accent-2-20)
}

.markets-and-topics__stack {
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-top: 24px
}

.markets-and-topics__teasers {
  margin-top: 24px;
  display: grid;
  grid-column: 1/-1;
  grid-template-columns: subgrid;
  position: relative;
  padding-bottom: 24px
}

.markets-and-topics__teasers:after {
  content: "";
  display: block;
  height: calc(100% - 48px);
  position: absolute;
  bottom: 0;
  z-index: -1;
  background: var(--color-accent-2-40);
  left: -28px;
  width: calc(100% + 56px)
}

.menubar {
  display: inline-block;
  position: relative
}

.menubar__dropdown {
  width: 100%;
  display: flex;
  width: 320px;
  align-items: center;
  position: relative;
  cursor: pointer;
  background-color: var(--color-accent-2-20);
  border: 1px solid var(--color-accent-3)
}

.menubar__dropdown:after {
  position: absolute;
  left: 25px;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  width: 15px;
  height: 12px;
  background-color: var(--color-accent-3);
  clip-path: path("M6.82716 0.0996094V5.12206H11.8496V6.32716H6.82716V11.3496H5.62206V6.32716H0.599609V5.12206H5.62206V0.0996094H6.82716Z");
  pointer-events: none
}

.menubar__dropdown:hover {
  background-color: var(--color-accent-2-30)
}

.menubar__label {
  grid-area: select;
  padding: 12px 24px 12px 48px;
  width: 100%;
  color: var(--color-accent-3);
  background-color: #fff;
  font-weight: 700
}

.menubar__dropdown-list {
  z-index: 2;
  position: absolute;
  top: calc(100% + 2px);
  left: -1px;
  max-height: 265px;
  background-color: var(--color-neutral-10);
  box-shadow: 0 2px 8px 0 rgba(52, 52, 52, .15);
  overflow-y: auto;
  white-space: nowrap;
  width: calc(100% + 2px)
}

.menubar__dropdown-list [hidden] {
  display: none
}

.menubar__dropdown-list li {
  width: 100%
}

.menubar__dropdown-list li:before {
  content: ""
}

.menubar__dropdown-list li+li {
  border-top: 1px solid var(--color-neutral-20)
}

.menubar__dropdown-list li button {
  cursor: pointer;
  border: 0;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: left
}

.menubar__dropdown-list li a,
.menubar__dropdown-list li button {
  width: calc(100% - 2px);
  margin: 2px;
  padding: 8px 24px;
  color: var(--color-neutral);
  display: block;
  transition: color .1s ease-in-out
}

.menubar__dropdown-list li a span,
.menubar__dropdown-list li button span {
  color: #000
}

[data-whatintent=mouse] .menubar__dropdown-list li a,
[data-whatintent=mouse] .menubar__dropdown-list li button,
[data-whatintent=touch] .menubar__dropdown-list li a,
[data-whatintent=touch] .menubar__dropdown-list li button {
  outline: 0
}

.menubar__dropdown-list li a:active,
.menubar__dropdown-list li a:focus,
.menubar__dropdown-list li a:hover,
.menubar__dropdown-list li button:active,
.menubar__dropdown-list li button:focus,
.menubar__dropdown-list li button:hover {
  color: var(--color-primary)
}

.menubar:not([data-calculate-width=true]) .menubar__dropdown-list {
  white-space: normal
}

.modal {
  bottom: 0;
  left: 0;
  overflow-y: auto;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 4
}

.modal__wrapper {
  pointer-events: none;
  display: flex;
  height: 100vh;
  width: 100%
}

.modal--has-grid .modal__wrapper {
  height: auto;
  width: auto;
  min-height: 100%
}

.modal__content {
  pointer-events: all;
  background: var(--color-neutral-10);
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 24px 28px;
  width: 100%
}

.modal--has-grid .modal__content {
  padding: 36px 28px
}

.modal__header {
  margin-right: 24px;
  margin-bottom: 12px
}

.modal--has-grid .modal__header {
  margin-bottom: 36px
}

.modal__close {
  position: absolute;
  right: 12px;
  top: 12px
}

.modal__close .svg-sprite {
  display: block;
  height: 30px;
  width: 30px
}

.modal__body {
  overflow-y: auto;
  overflow-y: none;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  flex-grow: 1
}

.modal--has-grid .modal__body {
  overflow: visible;
  display: static
}

.modal__footer {
  margin-top: 36px
}

.modal__cta {
  margin-bottom: 12px
}

.modal__cta:last-child {
  margin-bottom: 0
}

.moving-gradient {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  overflow: hidden;
  background: #b5a7a4
}

@keyframes randomNoise {
  0% {
    transform: translate(0)
  }

  10% {
    transform: translate(5%, -5%)
  }

  20% {
    transform: translate(-3%, 7%)
  }

  30% {
    transform: translate(7%, 3%)
  }

  40% {
    transform: translate(-5%, -3%)
  }

  50% {
    transform: translate(3%, 5%)
  }

  60% {
    transform: translate(-7%, -5%)
  }

  70% {
    transform: translate(5%, 7%)
  }

  80% {
    transform: translate(-3%, -7%)
  }

  90% {
    transform: translate(7%, -3%)
  }

  to {
    transform: translate(0)
  }
}

.moving-gradient:after {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: .25;
  filter: url(#grain);
  animation: randomNoise 20s steps(10) infinite
}

.moving-gradient__gradients-container {
  width: 100%;
  height: 100%;
  filter: url(#goo) blur(40px)
}

.moving-gradient__goo {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  position: absolute;
  height: var(--circle-size);
  background: radial-gradient(circle at center, rgba(var(--color), .8) 0, rgba(var(--color), 0) 50%) no-repeat;
  mix-blend-mode: hard-light;
  width: var(--circle-size);
  top: calc(var(--top) - var(--circle-size)/2);
  left: calc(var(--left) - var(--circle-size)/2);
  transform-origin: center center;
  transform: translate(var(--translateX), var(--translateY));
  transition: opacity 1s ease, top var(--moveDuration) linear, left var(--moveDuration) linear, translateX .1s linear, translateY .1s linear;
  opacity: var(--opacity);
  will-change: width, height, top, left, transform, opacity;
  --color: 249, 78, 47;
  --circle-size: 80%;
  --top: 50%;
  --left: 50%;
  --opacity: 1;
  --translateX: 0px;
  --translateY: 0px;
  --moveDuration: 10s
}

.moving-gradient__goo.mouseFollower {
  --moveDuration: 1.5s
}

.moving-gradient.prefers-reduced-motion:after {
  animation: unset
}

.moving-gradient.prefers-reduced-motion .moving-gradient__goo {
  transition: none
}

.navigation {
  position: relative;
  z-index: 3
}

.navigation__grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px
}

.navigation__link--disabled.text {
  color: var(--color-neutral-40)
}

.navigation__list>.navigation__subitem {
  margin-top: 36px
}

.navigation__list>.navigation__subitem~.navigation__subitem {
  margin-top: 0
}

.navigation__menu {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  right: 0;
  padding: 0;
  transform: translateY(0);
  overflow-x: hidden;
  overflow-y: scroll;
  background: var(--color-neutral-10);
  height: 100svh;
  max-height: 100svh;
  transition: all .7s ease-in-out;
  -webkit-overflow-scrolling: touch;
  background-color: var(--color-neutral-10)
}

.navigation__menu[aria-expanded=false] {
  transform: translateY(-100%)
}

.navigation__overline {
  margin-bottom: 0;
  margin-left: 0;
  display: none
}

.navigation__menu-txt {
  display: none
}

.navigation__menu-scroller {
  height: calc(100% + 1px);
  display: flex;
  flex-direction: column
}

.navigation__menu-inner {
  margin: 0 auto;
  max-width: 1440px;
  width: 100%;
  padding: 0 28px;
  overflow: visible
}

.navigation__initial {
  position: relative
}

.navigation__left {
  display: flex;
  align-items: center;
  grid-column: 1/span 10;
  margin-left: -28px
}

.navigation__sticky .navigation__left {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-column-gap: 6px
}

.navigation__menu .navigation__left {
  display: none
}

.navigation--product .navigation__initial .navigation__left {
  padding-top: 45px;
  margin-top: -45px
}

.navigation__right {
  grid-column: 1/span 10;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-height: 30px;
  padding-top: 50px;
  padding-bottom: 72px
}

.navigation__login-btn {
  margin-right: 24px;
  height: 30px;
  display: flex;
  align-items: center
}

.navigation__initial .navigation__login-btn,
.navigation__sticky .navigation__login-btn {
  display: none
}

.navigation__initial .navigation__right {
  grid-column: 11/span 2
}

.navigation__menu .navigation__right {
  grid-column: 1/span 12
}

.navigation__sticky .navigation__right {
  padding: 0;
  align-items: center;
  grid-column: 11/span 2
}

.navigation__logo {
  display: inline-block;
  margin-left: 28px;
  padding: 24px 24px 0 0
}

.navigation__sticky .navigation__logo {
  margin-bottom: 12px
}

.navigation__sticky .navigation__logo-svg {
  fill: var(--color-neutral-10)
}

.navigation__ctas {
  grid-template-rows: auto 1fr;
  margin: 0 auto;
  max-width: 1440px;
  width: 100%;
  padding: 0 28px;
  overflow: visible
}

.navigation__menu .navigation__ctas {
  order: -1
}

.navigation__languages {
  position: relative;
  margin-right: 24px;
  display: flex;
  align-items: center
}

.navigation__initial .navigation__languages,
.navigation__sticky .navigation__languages {
  display: none
}

.navigation__menu-svg {
  width: 25px;
  height: 25px
}

.navigation__menu-btn {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative
}

[data-whatintent=mouse] .navigation__menu-btn,
[data-whatintent=touch] .navigation__menu-btn {
  outline: 0
}

.navigation__menu-btn .navigation__menu-svg {
  display: none
}

.navigation__burger {
  width: 30px;
  height: 30px;
  flex-direction: column;
  position: relative;
  cursor: pointer
}

.navigation__txt-burger-wrapper {
  display: flex;
  align-items: center;
  width: fit-content;
  gap: 5px
}

.navigation__burger-wrapper {
  height: 30px;
  width: 30px
}

.navigation__burger-brick {
  height: 2px;
  background: #000;
  margin-top: 7px;
  transition: .3s ease-out
}

.navigation__burger-middle {
  transform: scaleX(.9);
  transform-origin: right
}

.navigation__burger-brick:first-child {
  transform: scaleX(.5);
  transform-origin: right
}

.navigation__burger-brick:last-child {
  transform: scaleX(.7);
  transform-origin: right
}

.navigation__burger:hover .navigation__burger-brick {
  background: var(--color-primary)
}

.navigation__burger:hover .navigation__burger-brick:first-child,
.navigation__burger:hover .navigation__burger-brick:last-child,
.navigation__burger:hover .navigation__burger-middle {
  transform: scaleX(1);
  transform-origin: right
}

.navigation__initial .navigation__burger,
.navigation__sticky .navigation__burger {
  display: flex;
  width: fit-content;
  justify-content: flex-end;
  align-items: center;
  gap: 5px
}

.navigation__menu .navigation__close {
  display: block
}

.navigation__primary {
  display: flex;
  flex-direction: column;
  grid-column: 1/span 12
}

.navigation__primary .navigation__link {
  line-height: 1;
  transition: color .1s ease-in-out
}

.navigation__primary .navigation__link--active,
.navigation__primary .navigation__link:focus,
.navigation__primary .navigation__link:hover {
  color: var(--color-primary)
}

.navigation__primary .navigation__link:active {
  color: var(--color-accent-1)
}

.navigation__item-lock-svg {
  width: 20px;
  height: 20px;
  display: inline;
  margin-left: -25px;
  margin-top: -5px
}

.navigation__item-upright-svg {
  margin-left: 5px;
  margin-top: -5px
}

.navigation__item-lock-svg-menu,
.navigation__item-upright-svg {
  width: 20px;
  height: 20px;
  display: inline
}

.navigation__back-btn {
  margin-bottom: 12px;
  position: relative;
  display: none;
  width: calc(100% + 56px);
  left: -28px;
  border: 0;
  background: var(--color-neutral-10);
  text-align: left;
  padding: 12px 52px;
  color: var(--color-neutral)
}

[data-whatintent=mouse] .navigation__back-btn,
[data-whatintent=touch] .navigation__back-btn {
  outline: 0
}

.navigation__back-btn svg {
  position: absolute;
  left: 10px
}

.navigation__primary[data-nav-level="2"] .navigation__back-btn,
.navigation__primary[data-nav-level="3"] .navigation__back-btn {
  display: block
}

.navigation__list {
  opacity: 1;
  position: relative;
  left: 0;
  visibility: visible;
  transition: opacity .3s ease-in-out, left .3s ease-in-out
}

.navigation__list[hidden] {
  display: none;
  opacity: 0;
  position: absolute;
  left: -100px;
  visibility: hidden
}

.navigation__list a,
.navigation__list button {
  position: relative;
  display: block;
  width: 96%;
  background: var(--color-neutral-10);
  text-align: left;
  padding: 12px 30px 12px 24px
}

.navigation__list--level-1 {
  position: relative;
  z-index: 300
}

.navigation__list--level-2 {
  position: relative;
  z-index: 200
}

.navigation__list--level-3 {
  position: relative;
  z-index: 100
}

.navigation__primary[data-nav-level="2"] .navigation__list--level-1,
.navigation__primary[data-nav-level="3"] .navigation__list--level-1,
.navigation__primary[data-nav-level="3"] .navigation__list--level-2 {
  display: none
}

.navigation__item {
  display: block;
  transition: transform .3s ease-in-out;
  margin-right: -28px;
  margin-bottom: 6px
}

.navigation__item:before {
  display: none
}

.navigation__item:hover {
  transform: translateX(10px)
}

.navigation__item-btn {
  position: relative
}

.navigation__item-btn span {
  margin-right: 30px
}

.navigation__item-btn[data-nav-btn-active] {
  color: var(--color-primary)
}

.navigation__item-btn-svg {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  opacity: 1;
  transition: opacity .1s ease-in-out;
  fill: var(--color-primary) !important
}

.navigation__item-btn:hover .navigation__item-btn-svg,
.navigation__item-btn[data-nav-btn-active] .navigation__item-btn-svg {
  opacity: 1
}

.navigation__teaser {
  margin-top: 36px;
  padding: 36px;
  color: var(--color-neutral-10);
  position: relative;
  z-index: 300;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: width .1s ease-in-out
}

.navigation__teaser>* {
  margin-bottom: 12px
}

.navigation__teaser>:last-child {
  margin-bottom: 0
}

.navigation__teaser[hidden] {
  display: none
}

.navigation__teaser.theme--green,
.navigation__teaser.theme--orange {
  background: var(--color-primary)
}

.navigation__teaser-label {
  position: relative;
  display: inline-block
}

.navigation__teaser-label:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: var(--color-neutral-10);
  width: 0;
  height: 1px;
  transition: width .2s ease-in-out, border-color .1s ease-in-out
}

.navigation__teaser-link {
  display: inline-block;
  cursor: pointer
}

.navigation__meta {
  position: absolute;
  width: 100%;
  padding: 24px 0 12px
}

.navigation__meta-inner {
  margin: 0 auto;
  max-width: 1440px;
  width: 100%;
  padding: 0 28px
}

.navigation--product .navigation__initial .navigation__meta,
.navigation__initial .navigation__meta {
  display: none
}

.navigation__meta-primary,
.navigation__meta-secondary {
  grid-column: 1/span 12
}

.navigation__meta-primary+.navigation__meta-secondary {
  display: none
}

.navigation__meta-list {
  width: 100%
}

.navigation__meta-list .navigation__link,
.navigation__meta-list .navigation__meta-label {
  display: inline-block;
  padding-bottom: 12px
}

.navigation__menu .navigation__meta:last-of-type {
  display: block
}

.navigation__menu .navigation__meta:last-of-type .navigation__meta-list {
  display: flex;
  flex-wrap: wrap
}

.navigation__menu .navigation__meta:last-of-type .navigation__meta-list li {
  padding-right: 24px
}

.navigation__menu .navigation__meta:last-of-type .navigation__meta-list li:last-child {
  padding-right: 0
}

.navigation__meta-link--active a {
  position: relative
}

.navigation__meta-link--active a:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 12px;
  width: 50px;
  height: 1px;
  background: var(--color-primary)
}

.navigation__meta-tooltips-container {
  display: none
}

.navigation__meta-tooltips {
  grid-column: 1/span 12
}

.navigation__sticky {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  background: var(--color-neutral-10);
  transform: translateY(-110%);
  transition: transform .3s ease;
  z-index: 9997
}

.navigation--is-sticky .navigation__sticky {
  transform: translateY(0)
}

.navigation__btn {
  cursor: pointer;
  border: 0;
  background: transparent;
  padding: 0;
  transition: color .1s ease-in-out;
  color: var(--color-neutral)
}

[data-whatintent=mouse] .navigation__btn,
[data-whatintent=touch] .navigation__btn {
  outline: 0
}

.navigation__btn svg {
  transition: fill .1s ease-in-out
}

.navigation__btn:focus svg,
.navigation__btn:hover svg {
  fill: var(--color-primary)
}

.navigation__btn:active svg {
  fill: var(--color-accent-1)
}

.navigation .navigation__primary .navigation__btn:focus,
.navigation .navigation__primary .navigation__btn:hover {
  color: var(--color-primary)
}

.navigation .navigation__primary .navigation__btn:active {
  color: var(--color-accent-1)
}

.navigation__animations-toggle {
  font-size: 0.8125rem;
  text-transform: uppercase;
  order: 1;
  margin-top: 24px;
  margin-bottom: 24px;
  margin-left: 24px
}

.notification[hidden] {
  display: none
}

.notification--has-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px
}

.notification__wrapper {
  padding: 10px 12px;
  color: var(--color-neutral-10)
}

.notification--has-grid .notification__wrapper {
  grid-column: 1/span 12
}

.notification--neutral .notification__wrapper {
  background-color: var(--color-accent-2-70)
}

.notification--progress .notification__wrapper {
  background-color: var(--color-progress)
}

.notification--warning .notification__wrapper {
  background-color: var(--color-warning)
}

.notification--success .notification__wrapper {
  background-color: var(--color-positive)
}

.notification--error .notification__wrapper {
  background-color: var(--color-negative)
}

.notification__content {
  position: relative;
  padding-right: 36px;
  display: flex
}

.notification__content span {
  margin-top: 1px
}

.notification--has-grid .notification__content {
  grid-column: 1/span 12
}

.notification__svg {
  height: 20px;
  width: 20px;
  margin-right: 12px;
  flex-shrink: 0
}

.notification__close {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  border: 0;
  background: transparent;
  padding: 0
}

.notification__close svg {
  height: 20px;
  width: 20px;
  color: var(--color-neutral-10)
}

.notes--has-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px
}

.notes__note {
  margin-bottom: 24px
}

.notes--has-grid .notes__note {
  grid-column: 1/span 12
}

.pagination_list {
  align-items: center;
  display: inline-flex;
  list-style-type: none;
  margin: 0;
  max-width: 100%;
  padding: 0
}

.pagination__item {
  display: none;
  position: relative;
  width: 36.5px;
  height: 36.5px;
  margin: 0;
  padding: 0
}

.pagination__item:before {
  content: ""
}

.pagination__item+.pagination__item {
  margin-left: 6px
}

.pagination__item--show-on-mobile,
.pagination__item:first-child,
.pagination__item:last-child {
  display: inline-block
}

.pagination__item--is-current a {
  color: var(--color-neutral-10);
  border: 1px solid var(--color-accent-2-80);
  background-color: var(--color-accent-2-80)
}

.pagination__item--is-current a:focus,
.pagination__item--is-current a:hover {
  color: var(--color-neutral-10);
  border-color: var(--color-accent-2-90);
  background-color: var(--color-accent-2-90)
}

.pagination__link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  line-height: 3rem;
  transition: color .15s ease-in-out;
  border: 1px solid var(--color-neutral-100)
}

[data-whatinput=mouse] .pagination__link,
[data-whatinput=touch] .pagination__link {
  outline: 0
}

.pagination__link:focus,
.pagination__link:hover {
  color: var(--color-accent-2-80);
  border-color: var(--color-accent-2-80)
}

.pagination__button {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0
}

.pagination__button--is-disabled {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none
}

.podcast {
  position: relative;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px
}

.podcast__container {
  background-color: var(--color-accent-2-10);
  padding: 24px 0;
  grid-column: 2/span 10;
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-column-gap: 6px
}

.podcast__container-inner {
  grid-column: 2/span 8
}

.podcast__headline {
  padding-bottom: 6px
}

.popup {
  position: fixed;
  background: #fff;
  max-width: 264px;
  border: none;
  padding: 0;
  inset-block-start: 0;
  inset-block-end: 0;
  z-index: 100;
  opacity: 0;
  transform: scale(.8);
  transition: opacity .3s ease-out, transform .3s ease-out, overlay allow-discrete .3s ease-out, display allow-discrete .3s ease-out
}

.popup[open] {
  opacity: 1;
  transform: scale(1)
}

@starting-style {
  .popup[open] {
    opacity: 0;
    transform: scale(.8)
  }
}

.popup::backdrop {
  background: transparent;
  transition: display allow-discrete .2s, overlay allow-discrete .2s, background-color .2s
}

.popup[open]::backdrop {
  background: rgba(33, 38, 39, .8);
  opacity: 1
}

@starting-style {
  .popup[open]::backdrop {
    background-color: transparent
  }
}

.popup__close {
  position: absolute;
  top: 24px;
  right: 24px;
  color: var(--color-primary);
  padding: 0
}

.popup__content {
  display: flex;
  flex-direction: column
}

.popup__image {
  position: relative;
  width: 80%
}

.popup__image:before {
  content: "";
  position: absolute;
  width: 85%;
  height: 85%;
  background: radial-gradient(126.61% 133.16% at 11.52% -13.31%, #ff5229 0, #a6bdc2 100%)
}

.popup__image img {
  padding-left: 24px;
  padding-top: 24px
}

.popup__text {
  gap: 12px;
  padding: 24px;
  width: 100%
}

.popup__text,
.quote .glide {
  display: flex;
  flex-direction: column
}

.quote .glide {
  justify-content: center
}

.quote .glide:not([data-slides="1"]) {
  padding-bottom: 60px
}

.quote__headline.text {
  font-size: 1.375rem;
  font-weight: 700;
  margin: 0 auto 96px
}

.quote [data-slides="1"] .quote__headline.text {
  margin: 0 auto
}

.quote__glide__slide {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-column-gap: 6px
}

.quote__glide-right {
  right: -1rem
}

.quote__glide-left,
.quote__glide-right {
  color: var(--color-primary);
  position: absolute;
  top: -30px;
  width: max-content;
  transform: translateY(-50%)
}

.quote__glide-left {
  left: -1rem
}

.quote__image {
  position: relative;
  width: 100%;
  grid-column: 2/span 6;
  transform: scale(.8)
}

.quote__image img {
  width: 80%;
  margin: 0 auto;
  aspect-ratio: 1/1
}

.quote__image--no-img {
  display: none;
  padding: 0;
  height: 0;
  width: 0;
  margin: 0;
  visibility: hidden
}

.quote__no-img {
  display: none
}

.quote__quotation.text {
  font-size: 1.0625rem;
  line-height: 1.25;
  color: var(--color-primary);
  position: relative;
  margin-bottom: 12px
}

.quote__quotation.text:after {
  content: "“";
  position: absolute;
  top: -40px;
  left: 0;
  display: block;
  line-height: 3.75rem;
  font-size: 3.75rem
}

.quote__quotation--black.text {
  color: #000
}

.quote__author {
  font-weight: 700
}

.quote__content {
  padding-left: 24px;
  grid-column: 1/span 8
}

.quote__content .quote__author,
.quote__content .quote__author-subline {
  display: block
}

.quote__content--centered {
  grid-column: 1/span 8;
  margin: 0 auto;
  padding-left: 0;
  padding-top: 40px
}

.quote__content--centered .quote__quotation.text:after {
  left: 0
}

.quote__track-wrapper {
  position: relative
}

.quote .glide__bullets {
  margin: 0 auto;
  display: flex;
  gap: 6px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
  top: -33px
}

.quote .glide__bullet {
  background: var(--color-neutral-30);
  width: 8px;
  height: 8px;
  border: transparent;
  border-radius: 100%;
  padding: 0;
  transition: all .3s ease
}

.quote .glide__bullet--active {
  background: var(--color-primary)
}

.quote .glide__bullets--mobile {
  display: flex
}

.quote .glide__bullets--desktop {
  display: none
}

.radio-group {
  width: 100%
}

.radio-group__group-label {
  display: block;
  color: var(--color-neutral);
  margin-bottom: 12px;
  width: 100%
}

.radio-group--inline .radio-group__options {
  display: flex;
  flex-wrap: wrap
}

.radio-group__radio {
  display: block;
  position: relative
}

.radio-group__radio:not(:last-child) {
  margin-bottom: 12px
}

.radio-group--inline .radio-group__radio {
  margin-bottom: 0
}

.radio-group--inline .radio-group__radio:not(:last-child) {
  margin-right: 24px
}

.radio-group__input {
  position: absolute;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0;
  height: 0;
  width: 0;
  pointer-events: none
}

.radio-group__input+.radio-group__label {
  display: inline-flex;
  align-items: flex-start;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer
}

.radio-group__input:disabled+.radio-group__label {
  cursor: default;
  pointer-events: none;
  color: var(--color-neutral-40)
}

.radio-group__input+.radio-group__label:before {
  content: "";
  display: inline-block;
  position: relative;
  flex-shrink: 0;
  top: 2px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: var(--color-neutral-10);
  border: 1px solid var(--color-neutral);
  background-repeat: no-repeat;
  background-position: 50%;
  margin-right: 12px
}

.radio-group__input:disabled+.radio-group__label:before {
  border-color: var(--color-neutral-40)
}

.radio-group.form-error .radio-group__label:before {
  border: 2px solid var(--color-negative)
}

.radio-group__input:checked+.radio-group__label:before {
  box-shadow: none;
  border-color: var(--color-primary);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cg class='nc-icon-wrapper' fill='%23ffffff'%3E%3Ccircle cx='9' cy='9' r='8' fill='%23c6562c'%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
  background-size: 8px
}

.radio-group__input:active+.radio-group__label:before,
.radio-group__input:focus+.radio-group__label:before {
  border: 2px solid var(--color-neutral)
}

.radio-group__input:checked:active+.radio-group__label:before,
.radio-group__input:checked:focus+.radio-group__label:before {
  border: 2px solid var(--color-primary)
}

.radio-group__required.text {
  margin-top: 6px
}

.radio-group.form-error .radio-group__required {
  color: var(--color-negative)
}

.ratings__headline.text {
  text-align: left;
  margin-bottom: 12px
}

.ratings__container {
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%
}

.ratings table {
  min-width: 100%
}

.ratings--is-html table {
  text-align: left
}

.ratings td {
  padding: 12px 24px 12px 0;
  word-break: keep-all
}

.ratings td span {
  line-height: 1
}

.ratings td strong {
  display: block;
  font-weight: 700
}

.ratings td em {
  color: var(--color-primary)
}

.ratings tbody tr {
  border-bottom: 1px solid var(--color-neutral-alpha20)
}

.ratings tbody tr td {
  width: 50%
}

.ratings tbody tr td:first-child {
  min-width: 124px
}

.ratings tbody tr td:nth-child(2):last-child {
  width: 124px
}

.ratings__value {
  display: flex
}

.ratings__star {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  fill: var(--color-accent-1-60);
  top: 4px;
  position: relative
}

.ratings__default {
  flex-shrink: 0;
  display: inline-flex !important;
  justify-content: center;
  justify-self: flex-end;
  align-self: flex-end;
  align-items: center;
  border: 1px solid var(--color-accent-1-60);
  color: var(--color-accent-1-60);
  border-radius: 100%;
  width: 28px;
  height: 28px
}

.richtext {
  font-size: var(--copy-1-font-size);
  letter-spacing: var(--copy-1-letter-spacing);
  line-height: var(--copy-1-line-height);
  font-feature-settings: "lnum" 1
}

.richtext,
.richtext--is-small {
  font-display: swap;
  font-family: ESPeak, Verdana, Arial, sans-serif;
  font-weight: 400
}

.richtext--is-small {
  font-size: var(--copy-2-font-size);
  letter-spacing: var(--copy-2-letter-spacing);
  line-height: var(--copy-2-line-height);
  font-feature-settings: "lnum" 1
}

.richtext__wrapper .cookiefirst-cookie-declaration>:not(:last-child),
.richtext__wrapper>:not(:last-child) {
  margin-bottom: 24px
}

.richtext__cta {
  display: inline-block;
  margin-top: 36px;
  border-bottom: 0 !important
}

.richtext--has-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px
}

.richtext--has-grid .richtext__wrapper {
  grid-column: 1/span 12
}

.richtext--has-grid.richtext--has-background .richtext__wrapper {
  background-color: var(--color-accent-2-10);
  padding: 36px 24px
}

.richtext h2 {
  font-size: var(--headline-2-font-size);
  letter-spacing: var(--headline-2-letter-spacing);
  line-height: var(--headline-2-line-height);
  font-feature-settings: "lnum" 1;
  font-variation-settings: "wght" 650, "CNTR" 0
}

.richtext h2,
.richtext h3 {
  font-display: swap;
  font-family: Thunder, Times, serif
}

.richtext h3 {
  font-size: var(--headline-3-font-size);
  letter-spacing: var(--headline-3-letter-spacing);
  line-height: var(--headline-3-line-height);
  font-feature-settings: "lnum" 1;
  font-variation-settings: "wght" 650, "CNTR" 0
}

.richtext a {
  text-decoration: underline;
  text-underline-offset: 7px;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--color-primary)
}

.richtext a:hover {
  text-decoration-color: #000
}

.richtext p.is-overline {
  font-display: swap;
  font-family: ESPeak, Verdana, Arial, sans-serif;
  font-size: var(--overline-font-size);
  font-weight: 400;
  letter-spacing: var(--overline-letter-spacing);
  line-height: var(--overline-line-height);
  text-transform: uppercase;
  font-feature-settings: "lnum" 1;
  margin-bottom: 12px
}

.richtext p.is-highlight {
  color: var(--color-primary)
}

.richtext p strong {
  font-weight: 700
}

.richtext p em {
  font-style: italic
}

.richtext ul {
  color: var(--color-primary);
  list-style: square;
  list-style-position: inside
}

.richtext--neutral ul {
  color: inherit
}

.richtext ul ul {
  list-style: square;
  list-style-position: inside
}

.richtext li strong {
  font-weight: 700
}

.richtext li em {
  font-style: italic
}

.richtext ul li {
  list-style-position: outside;
  margin-left: 17px;
  padding-left: 3px;
  color: var(--color-neutral)
}

.richtext ul li::marker {
  color: var(--color-primary)
}

.richtext--neutral ul li::marker {
  color: inherit
}

.richtext li+li,
.richtext li>ul {
  margin-top: 12px
}

.richtext ol {
  position: relative;
  counter-reset: item;
  padding-left: 24px
}

.richtext ol li:before {
  position: absolute;
  left: 0;
  font-weight: 700;
  margin-right: 12px
}

.richtext li>ol {
  margin-top: 12px
}

.richtext ol>li {
  counter-increment: item
}

.richtext ol>li:before {
  color: var(--color-primary);
  content: counters(item, "") "."
}

.richtext--neutral ol>li:before {
  color: inherit
}

.richtext ol ol {
  padding-left: 40px
}

.richtext ol ol ol {
  padding-left: 56px
}

.richtext ol ol ol ol {
  padding-left: 72px
}

.richtext ol ol>li {
  display: block
}

.richtext ol ol>li:before {
  content: counters(item, ".") "."
}

.richtext ul ul li {
  margin-left: 24px
}

.richtext hr {
  display: block;
  border: 0;
  height: 1px;
  border-top: 1px solid var(--color-neutral-40);
  margin: 0 0 24px;
  position: relative
}

.scrolling-text {
  margin: 0 auto;
  position: relative;
  padding: 24px
}

.scrolling-text__sticky {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 48px;
  max-width: 1098px;
  margin: 48px auto
}

.scrolling-text__subline {
  text-transform: uppercase
}

.scrolling-text__headline {
  color: var(--color-primary-20) !important
}

.scrolling-text__headline .line {
  position: relative;
  color: var(--color-primary)
}

.scrolling-text__headline .line-mask {
  position: absolute;
  top: 0;
  right: 0;
  opacity: .65;
  background-color: #fff;
  width: 100%;
  height: 100%;
  z-index: 1
}

.search,
.search-auto {
  z-index: 1
}

.search-auto__wrapper,
.search__wrapper {
  position: relative
}

.search-auto input,
.search input {
  padding-right: 55px
}

.search-auto__button,
.search__button {
  color: var(--color-primary);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 12px;
  border: 0;
  width: auto;
  background: transparent
}

.search-auto__button:focus,
.search-auto__button:hover,
.search__button:focus,
.search__button:hover {
  color: var(--color-accent-1-80)
}

.search-auto__button:active,
.search__button:active {
  color: var(--color-accent-1)
}

.search-auto__button svg,
.search__button svg {
  height: 30px;
  width: 30px
}

.search-auto {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px;
  position: relative
}

.search-auto__label,
.search-auto__wrapper {
  grid-column: 1/span 12
}

.search-auto__container {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%
}

.search-auto__suggestions-container {
  display: none;
  position: absolute;
  left: 0;
  top: calc(100% + 1px);
  width: 100%;
  max-height: 300px;
  background-color: var(--color-neutral-10);
  box-shadow: 0 2px 8px 0 rgba(52, 52, 52, .15);
  overflow-y: auto;
  z-index: 1
}

.search-auto__suggestions-container--open {
  display: block
}

.search-auto__section-container {
  border-top: 1px solid var(--color-neutral-20)
}

.search-auto__section-container--first {
  border-top: 0
}

.search-auto__suggestions-list {
  padding: 0;
  margin: 0;
  list-style-type: none
}

.search-auto__suggestion {
  cursor: pointer;
  border-top: 1px solid var(--color-neutral-20);
  padding: 0
}

.search-auto__suggestion a {
  margin: 2px;
  padding: 12px 24px;
  color: var(--color-neutral);
  display: block
}

[data-whatintent=mouse] .search-auto__suggestion a,
[data-whatintent=touch] .search-auto__suggestion a {
  outline: 0
}

.search-auto__suggestion--highlighted,
.search-auto__suggestion a:active,
.search-auto__suggestion a:focus,
.search-auto__suggestion a:hover {
  color: var(--color-primary)
}

.search-auto__suggestion-inner {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.search-auto__suggestion-text {
  display: flex;
  align-items: flex-start
}

.search-auto__suggestion-entry {
  text-transform: uppercase;
  display: none
}

.select {
  position: relative
}

.select__select {
  width: 100%
}

.select__label {
  display: block;
  color: var(--color-neutral);
  margin-bottom: 12px;
  width: 100%
}

.select__phone {
  width: 220px;
  display: grid;
  grid-template-areas: "select";
  align-items: center;
  position: relative;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid var(--color-neutral);
  padding: 12px 24px
}

.select__phone:after {
  grid-area: select
}

.select__phone:not(.select--multiple):after {
  content: "";
  justify-self: end;
  width: 20px;
  height: 20px;
  background-color: var(--color-neutral);
  clip-path: path("M3 7.043L4.05 6 10 11.908 15.949 6 17 7.043l-5.95 5.909.006.005L10.006 14z")
}

.select__custom {
  width: 100%;
  display: grid;
  grid-template-areas: "select";
  align-items: center;
  position: relative;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid var(--color-neutral);
  padding: 12px 24px
}

.select__custom:after {
  grid-area: select
}

.select__custom:not(.select--multiple):after {
  content: "";
  justify-self: end;
  width: 20px;
  height: 20px;
  background-color: var(--color-neutral);
  clip-path: path("M3 7.043L4.05 6 10 11.908 15.949 6 17 7.043l-5.95 5.909.006.005L10.006 14z")
}

.select__custom select {
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  color: var(--color-neutral);
  border: none;
  padding: 0 24px 0 0;
  margin: 0;
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;
  grid-area: select;
  z-index: 1;
  outline: none
}

.select__custom select::-ms-expand {
  display: none
}

.select__phone select {
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  color: var(--color-neutral);
  border: none;
  padding: 0 24px 0 0;
  margin: 0;
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;
  grid-area: select;
  z-index: 1;
  outline: none
}

.select__phone select::-ms-expand {
  display: none
}

.select__custom select:focus+.select__focus {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  outline: 2px solid var(--color-neutral)
}

.select--disabled .select__custom {
  cursor: default;
  pointer-events: none;
  background-color: var(--color-neutral-10);
  border-color: var(--color-neutral-40)
}

.select.form-error .select__custom {
  outline: 1px solid var(--color-negative);
  border-color: var(--color-negative)
}

.select__required {
  margin-top: 6px
}

.select.form-error .select__required {
  color: var(--color-negative)
}

.select--native select {
  width: 100%;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid var(--color-neutral);
  padding: 12px 24px;
  position: relative;
  font-display: swap;
  font-family: ESPeak, Verdana, Arial, sans-serif;
  font-size: var(--copy-1-font-size);
  font-weight: 400;
  letter-spacing: var(--copy-1-letter-spacing);
  line-height: var(--copy-1-line-height);
  font-feature-settings: "lnum" 1;
  -webkit-appearance: none;
  appearance: none
}

.select--native select:focus {
  outline: 1px solid var(--color-neutral)
}

.select--native select:disabled {
  background-color: var(--color-neutral-10);
  border-color: var(--color-neutral-40);
  color: var(--color-neutral-alpha20)
}

.select--native select.inxmail-error {
  outline: 1px solid var(--color-negative);
  border: 1px solid var(--color-negative)
}

.select--native select::-ms-expand {
  display: none
}

.select--native .select__native:after {
  content: "";
  display: block;
  position: absolute;
  right: 10px;
  bottom: 15px;
  justify-self: end;
  width: 20px;
  height: 20px;
  background-color: var(--color-neutral);
  clip-path: path("M3 7.043L4.05 6 10 11.908 15.949 6 17 7.043l-5.95 5.909.006.005L10.006 14z")
}

.select--disabled .select__custom select {
  color: var(--color-neutral-alpha20)
}

.stage-article {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px
}

.stage-article__background {
  grid-row: 1/span 5;
  background-color: var(--color-accent-2-10);
  grid-column: 1/span 12;
  margin-right: -28px;
  margin-top: 96px
}

.stage-article__main {
  z-index: 1;
  grid-row: 1/span 1;
  grid-column: 1/span 10;
  background-color: #fff;
  margin-left: -28px;
  display: flex;
  align-items: center
}

.stage-article__main-content {
  margin-left: 28px;
  padding: 24px 24px 36px 0
}

.stage-article__image,
.stage-article__video {
  grid-row: 2/span 1;
  margin-top: -24px;
  position: relative;
  z-index: 0
}

.stage-article__image img,
.stage-article__image video,
.stage-article__video img,
.stage-article__video video {
  width: 100%
}

.stage-article__image--landscape,
.stage-article__video {
  grid-column: 2/span 11
}

.stage-article__image--portrait {
  grid-column: 6/span 7
}

.stage-article__sub {
  grid-row: 2/span 1;
  grid-column: 2/span 11;
  margin-top: 36px;
  padding-bottom: 36px
}

.stage-article--has-media .stage-article__sub {
  grid-row: 3/span 1
}

.stage-article__spacer {
  border: 0;
  top: 12px;
  left: 0;
  height: 0;
  margin: 0;
  position: absolute
}

.stage-article__spacer:before {
  background: var(--color-neutral);
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  right: 0;
  margin-right: 12px;
  width: 30px
}

.stage-article__intro-text {
  font-display: swap;
  font-family: ESPeak, Verdana, Arial, sans-serif;
  font-size: var(--subhead-1-font-size);
  font-weight: 500;
  letter-spacing: var(--subhead-1-letter-spacing);
  line-height: var(--subhead-1-line-height);
  font-feature-settings: "lnum" 1
}

.stage-article__meta {
  margin-bottom: 12px
}

.stage-article__info {
  margin-top: 12px
}

.stage-article__location {
  margin-bottom: 12px
}

.stage-home {
  max-width: 1440px;
  width: 100%;
  position: relative;
  margin: 24px auto 0;
  padding: 0 -28px
}

.stage-home__container {
  display: flex;
  padding-right: 28px
}

[data-whatintent=touch] .stage-home__container {
  scrollbar-width: none
}

[data-whatintent=touch] .stage-home__container::-webkit-scrollbar {
  display: none
}

.stage-home__teaser {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  grid-template-rows: auto 1fr;
  padding: 0 0 0 28px;
  width: 100%;
  flex: 0 0 95%;
  scroll-snap-align: start
}

.stage-home__image-wrapper {
  grid-column: 1/span 12;
  grid-row: 1/span 1;
  height: 0;
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
  box-sizing: border-box
}

.stage-home__image-wrapper img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%
}

.stage-home__teaser-number {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: var(--color-neutral-10);
  width: 50px;
  height: 50px;
  transition: background-color .5s ease-in-out, color .5s ease-in-out
}

.stage-home__teaser-number span {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  text-align: center
}

.stage-home__info {
  padding-top: 24px;
  grid-column: 1/span 11;
  grid-row: 2/span 2;
  display: flex;
  flex-direction: column
}

.stage-home__info-overline {
  display: inline-block;
  padding-bottom: 6px
}

.stage-home__info-title {
  display: inline-block
}

.stage-home__info-copy {
  padding-top: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.stage-home__link {
  display: inline-block;
  padding-top: 6px;
  padding-bottom: 12px
}

.stage-home__link-text {
  text-transform: uppercase;
  letter-spacing: 1px !important
}

.stage-home__link-svg {
  margin-right: 6px;
  fill: var(--color-primary) !important;
  width: 13px;
  height: 13px
}

@keyframes fadeIn {
  0% {
    transform: translateY(100%)
  }

  to {
    transform: translateY(0)
  }
}

.stage-home-new {
  margin: 0 auto;
  max-width: 1440px;
  width: 100%;
  padding: 48px 28px 0
}

.stage-home-new__grid {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-column-gap: 6px
}

.stage-home-new__info {
  grid-column: 1/-1;
  grid-row: 1;
  height: max-content
}

.stage-home-new__cta {
  width: max-content;
  margin-bottom: 36px
}

.stage-home-new__cta svg {
  width: 24px;
  height: 24px;
  fill: var(--color-primary);
  background: #fff;
  border-radius: 100%;
  padding: 4px
}

.stage-home-new__image {
  grid-column: 1/-1;
  grid-row: 2/span 2;
  width: calc(100% + 28px);
  max-width: unset;
  margin-top: 0;
  height: 100%
}

.stage-home-new__image img {
  object-fit: cover;
  width: 100%;
  height: 100%
}

.stage-home-new__copy {
  margin-top: 24px;
  margin-bottom: 24px;
  max-width: 226px
}

.stage-home-new__copy h2 {
  width: 100%
}

.stage-home-new__gradient-container {
  position: relative;
  grid-column: 1/-1;
  grid-row: 1/span 2;
  top: -48px;
  z-index: -1;
  height: calc(100% + 48px);
  margin-left: -28px;
  overflow: hidden
}

.stage-home-new__headline-part {
  width: max-content
}

.stage-home-new__copy h2,
.stage-home-new__cta a,
.stage-home-new__gradient-container .moving-gradient,
.stage-home-new__headlines span,
.stage-home-new__image img {
  display: block;
  transform: translateY(100%);
  animation: fadeIn .3s ease-out forwards
}

.stage-home-new__headlines>div {
  overflow: hidden
}

.stage-home-new__headlines>div:first-child span {
  animation-delay: .4s
}

.stage-home-new__headlines>div:nth-child(2) span {
  animation-delay: .8s
}

.stage-home-new__headlines>div:nth-child(3) span {
  animation-delay: 1.2s
}

.stage-home-new__copy,
.stage-home-new__cta,
.stage-home-new__image {
  overflow: hidden
}

.stage-home-new__copy>a,
.stage-home-new__copy>h2,
.stage-home-new__copy>img,
.stage-home-new__cta>a,
.stage-home-new__cta>h2,
.stage-home-new__cta>img,
.stage-home-new__image>a,
.stage-home-new__image>h2,
.stage-home-new__image>img {
  animation-delay: 1.6s
}

.stage-product {
  margin: 0 auto;
  max-width: 1440px;
  width: 100%;
  padding: 0 28px;
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px
}

.stage-product__main {
  position: relative;
  grid-column: 1/span 10;
  grid-row: 1;
  z-index: 1;
  margin-top: 6px;
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-column-gap: 6px
}

.stage-product__main:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% + 28px);
  height: 100%;
  margin-left: -28px;
  background-color: #fff
}

.stage-product__main-content {
  position: relative;
  grid-column: 1/span 8;
  grid-row: 1;
  align-self: center;
  padding: 48px 0 72px
}

.stage-product__sub {
  position: relative;
  grid-column: 1/span 12;
  align-self: start;
  margin-top: -48px;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px
}

.stage-product__sub:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% + 28px);
  height: 100%;
  margin-right: -28px;
  background-color: var(--color-primary)
}

.stage-product__sub-content {
  grid-column: 1/span 12;
  padding: 48px 0 48px 28px
}

.stage-product__image {
  position: absolute;
  min-width: 150px;
  max-width: 262px;
  top: 36px;
  right: -28px;
  z-index: 3;
  overflow: hidden;
  width: calc(-3.81818px + 36.36364%)
}

.stage-product__image .image {
  left: auto;
  right: -60px
}

.stage-product__meta {
  margin-bottom: 12px
}

.stage-product__cta {
  display: inline-block;
  width: auto;
  margin-top: 36px
}

.stage-product__intro {
  color: var(--color-neutral-10);
  padding-right: 24%;
  font-size: var(--subhead-1-font-size);
  font-weight: 500;
  letter-spacing: var(--subhead-1-letter-spacing);
  line-height: var(--subhead-1-line-height);
  font-feature-settings: "lnum" 1
}

.stage-product__intro,
.stage-product__intro ul {
  position: relative;
  font-display: swap;
  font-family: ESPeak, Verdana, Arial, sans-serif
}

.stage-product__intro ul {
  list-style: none;
  font-size: var(--copy-1-font-size);
  font-weight: 400;
  letter-spacing: var(--copy-1-letter-spacing);
  line-height: var(--copy-1-line-height);
  font-feature-settings: "lnum" 1
}

.stage-product__intro ul li {
  display: block;
  position: relative;
  min-height: 36px;
  margin-top: 12px;
  margin-bottom: 12px;
  margin-left: 48px;
  color: var(--color-neutral-10)
}

.stage-product__intro ul li:before {
  content: "";
  position: absolute;
  top: -7px;
  left: -48px;
  width: 36px;
  height: 36px
}

.stage-product.theme--green .stage-product__intro ul li:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='36' height='36' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill-rule='evenodd'%3E%3Ccircle fill='%236b817f' cx='18' cy='18' r='18'/%3E%3Cpath d='M25.848 11l1.448 1.45L16.2 23.549l.007.007-1.448 1.449-.008-.007-.007.007-1.448-1.449.006-.007L8 18.244l1.448-1.448 5.303 5.304z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E")
}

.stage-product.theme--orange .stage-product__intro ul li:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='36' height='36' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill-rule='evenodd'%3E%3Ccircle fill='%23ce7655' cx='18' cy='18' r='18'/%3E%3Cpath d='M25.848 11l1.448 1.45L16.2 23.549l.007.007-1.448 1.449-.008-.007-.007.007-1.448-1.449.006-.007L8 18.244l1.448-1.448 5.303 5.304z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E")
}

.stage-product--is-inverted .stage-product__main {
  grid-column: 1/span 10;
  align-self: start;
  margin-top: 0;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-column-gap: 6px
}

.stage-product--is-inverted .stage-product__main:before {
  margin-left: -28px
}

.stage-product--is-inverted .stage-product__main-content {
  grid-column: 1/span 9;
  padding: 24px 0 36px
}

.stage-product--is-inverted .stage-product__sub {
  grid-column: 1/span 12;
  align-self: stretch;
  padding: 48px 0 48px 28px;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px
}

.stage-product--is-inverted .stage-product__sub:before {
  margin-right: -28px;
  background-color: var(--color-accent-2-10)
}

.stage-product--is-inverted .stage-product__sub-content {
  grid-column: 1/span 12;
  padding: 48px 0 0 28px
}

.stage-product--is-inverted .stage-product__intro,
.stage-product--is-inverted .stage-product__intro ul li {
  color: var(--color-neutral-100)
}

.stage-product--is-inverted.theme--green .stage-product__intro ul li:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='36' height='36' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill-rule='evenodd'%3E%3Ccircle fill='%23395654' cx='18' cy='18' r='18'/%3E%3Cpath d='M25.848 11l1.448 1.45L16.2 23.549l.007.007-1.448 1.449-.008-.007-.007.007-1.448-1.449.006-.007L8 18.244l1.448-1.448 5.303 5.304z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E")
}

.stage-product--is-inverted.theme--orange .stage-product__intro ul li:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='36' height='36' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill-rule='evenodd'%3E%3Ccircle fill='%23c2542b' cx='18' cy='18' r='18'/%3E%3Cpath d='M25.848 11l1.448 1.45L16.2 23.549l.007.007-1.448 1.449-.008-.007-.007.007-1.448-1.449.006-.007L8 18.244l1.448-1.448 5.303 5.304z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E")
}

.stage-product:not(.stage-product--has-image) .stage-product__intro {
  padding-right: 0
}

.stage-simple {
  position: relative;
  margin-top: 24px;
  background-color: var(--color-accent-2-10);
  padding: 36px 0;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px
}

.stage-simple--sub-in-overlap {
  padding: 12px 0 0
}

.stage-simple--sub-in-overlap:after {
  display: none
}

.stage-simple--has-white-overlap:after {
  display: none;
  grid-column: 1/span 12
}

.stage-simple__main {
  grid-template-rows: auto 1fr;
  grid-column: 1/span 12;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px
}

.stage-simple--center .stage-simple__main {
  display: block;
  text-align: center
}

.stage-simple--sub-in-overlap .stage-simple__main {
  margin-bottom: 36px
}

.stage-simple__headline,
.stage-simple__meta {
  padding: 0 24px;
  grid-column: 1/span 12
}

.stage-simple__meta {
  margin-bottom: 48px
}

.stage-simple--center .stage-simple__meta {
  text-align: right
}

.stage-simple__overline {
  margin-bottom: 6px;
  padding: 0 24px;
  grid-column: 1/span 12
}

.stage-simple--center .stage-simple__overline {
  text-align: center
}

.stage-simple__subline {
  padding: 0 24px;
  margin-top: 6px
}

.stage-simple--center .stage-simple__subline {
  width: 100%;
  text-align: center
}

.stage-simple__link {
  display: inline-block;
  margin-top: 36px;
  grid-column: 1/span 12;
  padding: 0 24px
}

.stage-simple__menubar {
  position: relative;
  margin-top: 24px;
  grid-column: 1/span 10;
  padding-left: 24px
}

.stage-simple__menubar .menubar__dropdown {
  background-color: var(--color-accent-2-10);
  border: 1px solid var(--color-neutral-90)
}

.stage-simple__menubar .menubar__dropdown:after {
  background-color: var(--color-neutral-90)
}

.stage-simple__menubar .menubar__label {
  color: var(--color-neutral-90)
}

.stage-simple__sub {
  grid-template-rows: auto 1fr;
  grid-column: 1/span 12
}

.stage-simple--center .stage-simple__sub {
  text-align: center;
  padding-top: 12px
}

.stage-simple--sub-in-overlap .stage-simple__sub {
  text-align: left;
  padding: 24px;
  background: var(--color-neutral-10);
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px
}

.stage-simple--sub-in-overlap .stage-simple__sub:after {
  content: "";
  display: block;
  position: absolute;
  height: 1px;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: var(--color-accent-2-10)
}

.stage-simple__intro {
  padding: 12px 24px 0;
  font-display: swap;
  font-family: ESPeak, Verdana, Arial, sans-serif;
  font-size: var(--subhead-1-font-size);
  font-weight: 500;
  letter-spacing: var(--subhead-1-letter-spacing);
  line-height: var(--subhead-1-line-height);
  font-feature-settings: "lnum" 1
}

.stage-simple--sub-in-overlap .stage-simple__intro {
  grid-column: 1/span 12;
  padding-right: 0;
  padding-left: 0
}

.stage-simple--center .stage-simple__info {
  grid-column: 1/span 12
}

.stage-contact {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px
}

.stage-contact__background {
  grid-row: 1/span 5;
  background-color: var(--color-accent-2-10);
  grid-column: 1/span 12;
  margin-right: -28px;
  margin-top: 96px
}

.stage-contact__main {
  z-index: 1;
  grid-row: 1/span 1;
  grid-column: 1/span 10;
  background-color: var(--color-neutral-10);
  color: var(--color-neutral-100);
  margin-left: -28px;
  display: flex;
  align-items: center
}

.stage-contact__main-content {
  margin-left: 28px;
  padding: 24px 24px 36px 0
}

.stage-contact__image,
.stage-contact__video {
  grid-row: 2/span 1;
  margin-top: -24px;
  position: relative;
  z-index: 0
}

.stage-contact__image img,
.stage-contact__image video,
.stage-contact__video img,
.stage-contact__video video {
  width: 100%
}

.stage-contact__image--landscape,
.stage-contact__video {
  grid-column: 2/span 11
}

.stage-contact__image--portrait {
  margin-top: 36px;
  grid-column: 2/span 5
}

.stage-contact__sub {
  grid-row: 2/span 1;
  grid-column: 2/span 11;
  margin-top: 36px;
  padding-bottom: 36px
}

.stage-contact--has-media .stage-contact__sub {
  grid-row: 3/span 1
}

.stage-contact__spacer {
  border: 0;
  top: 12px;
  left: 0;
  height: 0;
  margin: 0;
  position: absolute
}

.stage-contact__spacer:before {
  background: var(--color-neutral);
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  right: 0;
  margin-right: 12px;
  width: 30px
}

.stage-contact__intro-text {
  font-display: swap;
  font-family: ESPeak, Verdana, Arial, sans-serif;
  font-size: var(--subhead-1-font-size);
  font-weight: 500;
  letter-spacing: var(--subhead-1-letter-spacing);
  line-height: var(--subhead-1-line-height);
  font-feature-settings: "lnum" 1;
  margin-right: 24px
}

.stage-contact__info,
.stage-contact__location,
.stage-contact__meta {
  margin-bottom: 12px
}

.table {
  position: relative
}

.table--has-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px
}

.table__headline.text {
  margin-bottom: 24px
}

.table--has-grid .table__headline {
  grid-column: 1/span 12
}

.table__container {
  overflow-x: auto;
  overflow-y: auto;
  width: 100%;
  height: 100%;
  position: relative
}

.table--has-grid .table__container {
  grid-column: 1/span 12
}

.table table {
  min-width: 100%
}

.table--is-html table {
  text-align: left
}

.table td,
.table th {
  padding: 12px 24px 12px 0;
  word-break: keep-all;
  text-align: left
}

.table td span,
.table th span {
  line-height: 1
}

.table td strong,
.table th strong {
  display: block;
  font-weight: 700
}

.table td em,
.table th em {
  color: var(--color-accent-2-80)
}

.table thead {
  border-bottom: 1px solid var(--color-neutral-alpha50)
}

.table tbody tr {
  border-bottom: 1px solid var(--color-neutral-alpha20)
}

.table tbody tr td:first-child {
  min-width: 100px
}

.table tbody tr td:nth-child(2):last-child {
  width: 50%
}

.tabs {
  position: relative
}

.tabs__wrapper {
  border-bottom: 1px solid var(--color-neutral-20)
}

.tabs--is-fullwidth .tabs__wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none
}

.tabs--is-fullwidth .tabs__wrapper::-webkit-scrollbar {
  display: none
}

.tabs__tablist {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  padding-bottom: 24px
}

.tabs--is-fullwidth .tabs__tablist {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  min-width: 100%;
  width: auto;
  justify-content: space-between
}

.tabs__cta {
  display: none;
  position: absolute
}

.tabs__cta--right {
  top: 0;
  right: -24px
}

.tabs__cta--left {
  top: 0;
  left: -24px
}

.tabs__cta--active {
  display: block
}

.tabs__tab {
  position: relative;
  cursor: pointer;
  border: 0;
  background: transparent;
  padding: 0 24px 0 0;
  color: var(--color-neutral);
  display: flex;
  align-items: flex-start;
  text-align: left;
  transition: color .1s ease-in-out
}

.tabs__tab span {
  position: relative;
  color: var(--color-accent-2-80)
}

.tabs__tab:focus,
.tabs__tab:hover,
.tabs__tab span:hover {
  color: var(--color-accent-80)
}

.tabs__tab[aria-selected=true] span {
  color: var(--color-accent-2-80)
}

.tabs__tab[aria-selected=true] span:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: var(--color-primary)
}

.tabs__tab[aria-selected=true] span:before:hover {
  color: var(--color-accent-80)
}

.tabs--is-fullwidth .tabs__tab {
  flex-shrink: 0
}

.tabs__tabpanel {
  margin: 48px 0
}

[data-whatintent=mouse] .tabs__tabpanel,
[data-whatintent=touch] .tabs__tabpanel {
  outline: 0
}

.teaser-row {
  position: relative;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px
}

.teaser-row__copy,
.teaser-row__headline {
  grid-column: 1/span 12
}

.teaser-row__copy:not(:first-child) {
  margin-top: 24px
}

.teaser-row__teasers {
  position: relative;
  grid-column: 1/span 12;
  display: flex
}

.teaser-row__teasers:not(:first-child) {
  margin-top: 36px
}

[data-whatintent=touch] .teaser-row__teasers {
  scrollbar-width: none
}

[data-whatintent=touch] .teaser-row__teasers::-webkit-scrollbar {
  display: none
}

.teaser-row__teaser {
  position: relative;
  margin: 0 6px;
  padding: 48px 36px;
  transition: background-color .2s ease-in-out;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 80%;
  flex: 0 0 80%;
  scroll-snap-align: center
}

.teaser-row__teaser-content,
.teaser-row__teaser-icon-wrapper,
.teaser-row__teaser-image-wrapper {
  margin-bottom: 24px
}

.teaser-row__teaser-icon-wrapper {
  position: relative;
  width: 100%;
  height: 100px
}

.teaser-row__teaser-icon-wrapper img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: 100%;
  transform: translate(-50%, -50%)
}

.teaser-row__teaser-copy {
  margin-top: 6px
}

[lang=en] .teaser-row__teaser-copy {
  -webkit-hyphens: none;
  hyphens: none
}

.teaser-row__teaser-copy ol,
.teaser-row__teaser-copy ul {
  text-align: left
}

.teaser-row__teaser-read-more.text {
  margin: 0 auto;
  color: var(--color-neutral);
  text-decoration: underline;
  text-decoration-color: var(--color-primary);
  text-underline-offset: 7px;
  text-decoration-thickness: 1px;
  transition: text-decoration-color .1s ease-in-out
}

[lang=en] .teaser-row__teaser-headline {
  -webkit-hyphens: none;
  hyphens: none
}

.teaser-row--align-centered .teaser-row__teaser {
  text-align: center
}

.teaser-row a.teaser-row__teaser:focus .teaser-row__teaser-read-more,
.teaser-row a.teaser-row__teaser:hover .teaser-row__teaser-read-more {
  text-decoration-color: var(--color-accent-2-90)
}

.teaser-row a.teaser-row__teaser:active .teaser-row__teaser-read-more:after {
  width: 100%;
  text-decoration-color: var(--color-accent-2-90)
}

.teaser-row__teaser--has-background {
  background-color: var(--color-accent-2-10)
}

.teaser-row__teaser--has-background:is(a):focus,
.teaser-row__teaser--has-background:is(a):hover {
  background-color: var(--color-accent-2-30)
}

.teaser-highlight {
  position: relative;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px
}

.teaser-highlight--is-stage {
  margin: 0 auto;
  max-width: 1440px;
  width: 100%;
  padding: 0 28px
}

.teaser-highlight__intro-wrapper {
  grid-column: 1/span 12;
  grid-row: 3;
  margin-top: 36px
}

.teaser-highlight__intro-text {
  font-display: swap;
  font-family: ESPeak, Verdana, Arial, sans-serif;
  font-size: var(--subhead-1-font-size);
  font-weight: 500;
  letter-spacing: var(--subhead-1-letter-spacing);
  line-height: var(--subhead-1-line-height);
  font-feature-settings: "lnum" 1
}

.teaser-highlight .teaser-highlight__image-wrapper {
  min-height: 48px;
  position: relative;
  grid-column: 1/span 12;
  grid-row: 2;
  padding-bottom: 56.25%
}

.teaser-highlight .teaser-highlight__image-wrapper .image,
.teaser-highlight .teaser-highlight__image-wrapper img,
.teaser-highlight .teaser-highlight__image-wrapper video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover
}

.teaser-highlight--is-stage .teaser-highlight__image-wrapper {
  grid-row: 2
}

.teaser-highlight .teaser-highlight__content {
  position: relative;
  grid-column: 1/span 10;
  grid-row: 1;
  align-self: end;
  margin-top: 0;
  margin-bottom: -36px;
  margin-left: -28px;
  padding: 24px 24px 36px 28px;
  background-color: var(--color-neutral-10);
  color: var(--color-neutral-100);
  transition: background-color .2s ease-in-out;
  display: flex;
  flex-direction: column;
  align-items: flex-start
}

.teaser-highlight--is-stage .teaser-highlight__content {
  align-self: start;
  margin-top: 0;
  grid-row: 1
}

.teaser-highlight--is-link .teaser-highlight__content {
  grid-row: 1
}

.teaser-highlight .teaser-highlight__overline {
  margin-bottom: 12px
}

.teaser-highlight .teaser-highlight__subline {
  margin-top: 12px
}

.teaser-highlight .teaser-highlight__button,
.teaser-highlight .teaser-highlight__reading-time {
  margin-top: 24px
}

.teaser-highlight .teaser-highlight__button svg {
  transition: .3s ease;
  color: var(--color-primary);
  stroke: var(--color-primary)
}

.teaser-highlight .teaser-highlight__button:hover svg {
  color: var(--color-neutral);
  stroke: var(--color-neutral)
}

.teaser-highlight .teaser-highlight__label {
  margin-top: 24px;
  transition: all .25s ease;
  text-decoration: underline;
  text-underline-offset: 7px;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--color-primary)
}

.teaser-highlight .teaser-highlight__label:hover {
  text-decoration-color: #000
}

.teaser-highlight .teaser-highlight__link {
  display: inline-block;
  margin-top: 24px;
  border: 1px solid var(--color-neutral-10);
  background-color: var(--color-neutral-10);
  color: var(--color-neutral-100);
  width: auto
}

.teaser-highlight .teaser-highlight__link:active,
.teaser-highlight .teaser-highlight__link:focus,
.teaser-highlight .teaser-highlight__link:hover {
  background-color: var(--color-primary-40)
}

.teaser-highlight__headline {
  transition: all .25s ease
}

.teaser-highlight--is-link:focus .teaser-highlight__headline,
.teaser-highlight--is-link:hover .teaser-highlight__headline {
  color: var(--color-primary)
}

.teaser-highlight--is-link:focus .teaser-highlight__label:after,
.teaser-highlight--is-link:hover .teaser-highlight__label:after {
  width: 100%
}

.teaser-highlight--is-link:focus .teaser-highlight__label,
.teaser-highlight--is-link:hover .teaser-highlight__label {
  text-decoration-color: #000
}

.teaser-news {
  position: relative;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px
}

.teaser-news__content {
  position: relative;
  grid-column: 2/span 10;
  margin-left: 0;
  margin-top: 32px;
  margin-bottom: 32px;
  padding: 48px 0 78px 28px;
  background-color: var(--color-neutral-30);
  color: var(--color-neutral-10);
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-column-gap: 6px
}

.teaser-news__content--is-stage {
  padding-top: 24px;
  padding-bottom: 96px
}

.teaser-news__content--has-menubar {
  z-index: 1;
  background-color: var(--color-neutral-20);
  padding: 48px 0 48px 28px
}

.teaser-news--is-news-blog {
  display: flex;
  position: relative;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12px
}

.teaser-news--is-news-blog .teaser-news__tabs {
  width: 100%
}

.teaser-news--is-news-blog .teaser {
  border-bottom: 1px solid var(--color-neutral-20)
}

.teaser-news--is-news-blog .teaser:hover {
  background-color: var(--color-neutral-20)
}

.teaser-news--is-news-blog .teaser-news__content {
  color: #000;
  padding-bottom: 24px;
  width: 100%
}

.teaser-news--is-news-blog .teaser__image-wrapper {
  position: relative;
  width: 100%;
  padding-top: 100%;
  overflow: hidden;
  margin-top: 0
}

.teaser-news--is-news-blog .teaser__image-wrapper img {
  object-fit: cover
}

.teaser-news--is-news-blog .teaser__image-wrapper .image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover
}

.teaser-news--is-news-blog .teaser__image-wrapper .teaser__icon {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 40px;
  aspect-ratio: 1/1;
  background: #fff;
  padding: 10px
}

.teaser-news--is-news-blog p.teaser__copy {
  margin-top: auto;
  padding-top: 12px
}

.teaser-news--is-news-blog .teaser-news__list {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-top: 36px
}

.teaser-news--is-news-blog .teaser-news__list .teaser {
  width: 100%;
  padding: 24px 0;
  border-bottom: 1px solid var(--color-neutral-20)
}

.teaser-news--is-news-blog .teaser-news__list .teaser+.teaser {
  margin-top: 0
}

.teaser-news__teaser-blog {
  display: flex;
  height: 100%;
  border: 1px solid var(--color-neutral-20);
  flex: 1 1 calc(100% - 12px);
  gap: 12px;
  padding: 24px
}

.teaser-news--is-fund-detail .teaser-news__content {
  background-color: transparent;
  color: var(--color-neutral);
  grid-column: 1/span 10;
  padding-top: 0;
  padding-right: 0;
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-column-gap: 6px
}

.teaser-news__headline,
.teaser-news__link,
.teaser-news__overline {
  grid-column: 1/span 9
}

.teaser-news__overline {
  margin-bottom: 12px
}

.teaser-news__link {
  margin-top: 24px
}

.teaser-news--is-fund-detail .teaser-news__headline,
.teaser-news--is-fund-detail .teaser-news__link,
.teaser-news--is-fund-detail .teaser-news__overline {
  grid-column: 1/span 10
}

.teaser-news--is-fund-detail .teaser-news__link {
  margin-top: 24px
}

.teaser-news__cta,
.teaser-news__menubar {
  grid-row: 2;
  align-self: center;
  justify-self: flex-start;
  grid-column: 6/span 1
}

.teaser-news--is-fund-detail .teaser-news__menubar .menubar__dropdown {
  background-color: var(--color-neutral-10);
  border: 1px solid var(--color-neutral-90)
}

.teaser-news--is-fund-detail .teaser-news__menubar .menubar__dropdown:after {
  background-color: var(--color-neutral-90)
}

.teaser-news--is-fund-detail .teaser-news__menubar .menubar__label {
  color: var(--color-neutral-90)
}

.teaser-news--is-fund-detail .teaser-news__menubar__menubar .menubar__dropdown {
  background-color: var(--color-neutral-20);
  border: 1px solid var(--color-neutral-30)
}

.teaser-news__teaser {
  align-self: start;
  grid-column: 2/span 10;
  margin-bottom: 24px;
  border-bottom: 1px solid var(--color-neutral-70);
  transition: border-color .1s ease-in-out;
  position: relative;
  display: inline-block
}

.teaser-news__teaser:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: var(--color-accent-1);
  width: 0;
  height: 1px;
  transition: width .2s ease-in-out, border-color .1s ease-in-out
}

.teaser-news__teaser:hover {
  border-color: transparent
}

.teaser-news__teaser:hover:after {
  width: 100%
}

.teaser-news__teaser--1,
.teaser-news__teaser--2,
.teaser-news__teaser--3 {
  margin-bottom: 36px
}

.teaser-news__teaser--1 {
  grid-column: 3/span 10;
  margin-top: -48px
}

.teaser-news__teaser--2 {
  grid-column: 1/span 10
}

.teaser-news__teaser--3 {
  grid-column: 3/span 10
}

.teaser-news__teaser--4 {
  margin-top: 36px
}

.teaser-news__teaser--1.teaser--has-background,
.teaser-news__teaser--2.teaser--has-background,
.teaser-news__teaser--3.teaser--has-background {
  padding: 24px;
  background: var(--color-neutral-20)
}

.teaser-news .teaser__image-wrapper,
.teaser-news__teaser--1 .teaser__image-wrapper {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-column-gap: 6px
}

.teaser-news .teaser--has-portrait-image .image {
  grid-column: 1/span 5
}

.teaser-news .teaser--has-landscape-image .image {
  grid-column: 1/span 7
}

.teaser-news__teaser--1.teaser--has-landscape-image .image {
  grid-column: 1/span 9
}

.teaser-news__tabs .blocks {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding-bottom: 24px
}

.teaser-news__tabs .blocks__block {
  flex: 1 1 calc(100% - 12px);
  margin-top: 0;
  margin-bottom: 0
}

.teaser-news__pagination {
  display: flex;
  justify-content: center;
  margin-bottom: 72px;
  margin-top: 36px;
  width: 100%;
  width: calc(-1px + 83.33333%);
  margin-left: calc(.5px + 8.33333%)
}

.teaser-news__pagination--blog {
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  width: auto
}

.teaser {
  display: block;
  border-bottom: 1px solid var(--color-neutral-70);
  padding-bottom: 12px;
  text-decoration: none
}

[data-whatintent=mouse] .teaser,
[data-whatintent=touch] .teaser {
  outline: 0
}

.teaser__overline {
  margin-bottom: 6px
}

.teaser__copy {
  margin-top: 12px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2
}

.teaser__image-wrapper {
  margin-bottom: 12px
}

.teaser__image {
  height: auto;
  width: 100%
}

.teaser__news {
  border: 1px solid var(--color-default-20)
}

.text {
  color: inherit;
  font-style: normal;
  font-weight: 400
}

.text--headline-0 {
  font-display: swap;
  font-family: Thunder, Times, serif;
  font-size: var(--headline-0-font-size);
  font-feature-settings: "lnum" 1;
  font-variation-settings: "wght" 650, "CNTR" 0
}

.text--headline-0,
.text--headline-0.text--light {
  letter-spacing: var(--headline-0-letter-spacing);
  line-height: var(--headline-0-line-height)
}

.text--headline-0.text--light {
  font-display: swap;
  font-family: Thunder, Times, serif;
  font-size: var(--headline-0-font-size);
  font-feature-settings: "lnum" 1;
  font-variation-settings: "wght" 300, "CNTR" 0
}

.text--headline-1 {
  font-display: swap;
  font-family: Thunder, Times, serif;
  font-size: var(--headline-1-font-size);
  font-feature-settings: "lnum" 1;
  font-variation-settings: "wght" 650, "CNTR" 0
}

.text--headline-1,
.text--headline-1.text--light {
  letter-spacing: var(--headline-1-letter-spacing);
  line-height: var(--headline-1-line-height)
}

.text--headline-1.text--light {
  font-display: swap;
  font-family: Thunder, Times, serif;
  font-size: var(--headline-1-font-size);
  font-feature-settings: "lnum" 1;
  font-variation-settings: "wght" 300, "CNTR" 0
}

.text--headline-2 {
  font-display: swap;
  font-family: Thunder, Times, serif;
  font-size: var(--headline-2-font-size);
  font-feature-settings: "lnum" 1;
  font-variation-settings: "wght" 650, "CNTR" 0
}

.text--headline-2,
.text--headline-2.text--light {
  letter-spacing: var(--headline-2-letter-spacing);
  line-height: var(--headline-2-line-height)
}

.text--headline-2.text--light {
  font-display: swap;
  font-family: Thunder, Times, serif;
  font-size: var(--headline-2-font-size);
  font-feature-settings: "lnum" 1;
  font-variation-settings: "wght" 300, "CNTR" 0
}

.text--headline-3 {
  font-display: swap;
  font-family: Thunder, Times, serif;
  font-size: var(--headline-3-font-size);
  font-feature-settings: "lnum" 1;
  font-variation-settings: "wght" 650, "CNTR" 0
}

.text--headline-3,
.text--headline-3.text--light {
  letter-spacing: var(--headline-3-letter-spacing);
  line-height: var(--headline-3-line-height)
}

.text--headline-3.text--light {
  font-display: swap;
  font-family: Thunder, Times, serif;
  font-size: var(--headline-3-font-size);
  font-feature-settings: "lnum" 1;
  font-variation-settings: "wght" 300, "CNTR" 0
}

.text--headline-4 {
  font-size: var(--headline-4-font-size);
  font-weight: 700;
  letter-spacing: var(--headline-4-letter-spacing);
  line-height: var(--headline-4-line-height);
  font-feature-settings: "lnum" 1
}

.text--headline-4,
.text--subhead-1 {
  font-display: swap;
  font-family: ESPeak, Verdana, Arial, sans-serif
}

.text--subhead-1 {
  font-size: var(--subhead-1-font-size);
  font-weight: 500;
  letter-spacing: var(--subhead-1-letter-spacing);
  line-height: var(--subhead-1-line-height);
  font-feature-settings: "lnum" 1
}

.text--overline {
  font-size: var(--overline-font-size);
  letter-spacing: var(--overline-letter-spacing);
  line-height: var(--overline-line-height);
  font-feature-settings: "lnum" 1
}

.text--link,
.text--overline {
  font-display: swap;
  font-family: ESPeak, Verdana, Arial, sans-serif;
  font-weight: 400;
  text-transform: uppercase
}

.text--link {
  font-size: var(--link-font-size);
  letter-spacing: var(--link-letter-spacing);
  line-height: var(--link-line-height);
  font-feature-settings: "lnum" 1
}

.text--copy-1 {
  font-weight: 400;
  font-feature-settings: "lnum" 1
}

.text--copy-1,
.text--copy-link {
  font-display: swap;
  font-family: ESPeak, Verdana, Arial, sans-serif;
  font-size: var(--copy-1-font-size);
  letter-spacing: var(--copy-1-letter-spacing);
  line-height: var(--copy-1-line-height)
}

.text--copy-link {
  font-weight: 600;
  font-feature-settings: "lnum" 1
}

.text--copy-2 {
  font-size: var(--copy-2-font-size);
  letter-spacing: var(--copy-2-letter-spacing);
  line-height: var(--copy-2-line-height);
  font-feature-settings: "lnum" 1
}

.text--copy-2,
.text--small {
  font-display: swap;
  font-family: ESPeak, Verdana, Arial, sans-serif;
  font-weight: 400
}

.text--small {
  font-size: var(--small-font-size);
  letter-spacing: var(--small-letter-spacing);
  line-height: var(--small-line-height);
  font-feature-settings: "lnum" 1
}

.text--uppercase {
  text-transform: uppercase
}

.text--hyphenate {
  -webkit-hyphens: auto;
  hyphens: auto
}

.text--bold {
  font-weight: 700
}

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

.text--italic {
  font-style: italic
}

.text--italic b,
.text--italic strong {
  font-style: normal
}

.text--wide {
  letter-spacing: .75em
}

.textarea {
  position: relative
}

.textarea__label {
  display: block;
  color: var(--color-neutral);
  margin-bottom: 12px;
  width: 100%
}

.textarea__textarea {
  display: block;
  resize: none;
  width: 100%;
  background-color: var(--color-neutral-10);
  padding: 12px 24px;
  border-radius: 0;
  border: 1px solid var(--color-neutral);
  transition: border .2s
}

.textarea__textarea,
.textarea__textarea::placeholder {
  font-display: swap;
  font-family: ESPeak, Verdana, Arial, sans-serif;
  font-size: var(--copy-1-font-size);
  font-weight: 400;
  letter-spacing: var(--copy-1-letter-spacing);
  line-height: var(--copy-1-line-height);
  font-feature-settings: "lnum" 1
}

.textarea__textarea::placeholder {
  color: var(--color-neutral-40);
  opacity: 1
}

.textarea__textarea:disabled {
  cursor: default;
  pointer-events: none;
  background-color: var(--color-neutral-10);
  border-color: var(--color-neutral-40)
}

.textarea__textarea:disabled::placeholder {
  color: var(--color-neutral-alpha20)
}

.textarea__textarea:active,
.textarea__textarea:focus {
  border-radius: 0;
  border: 1px solid var(--color-neutral);
  outline: 1px solid var(--color-neutral)
}

.textarea.form-error .textarea__textarea {
  border: 1px solid var(--color-negative);
  outline: 1px solid var(--color-negative)
}

.textarea.form-error .textarea__textarea:active,
.textarea.form-error .textarea__textarea:focus {
  border: 1px solid var(--color-neutral);
  outline: 1px solid var(--color-neutral)
}

.textarea__required {
  margin-top: 6px
}

.textarea.form-error .textarea__required {
  color: var(--color-negative)
}

.toggle {
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
  width: max-content;
  border: 1px solid transparent
}

.toggle:has(input:focus-visible) {
  border: 1px solid #000
}

.toggle__label--checked {
  display: none
}

.toggle__label--unchecked {
  display: block
}

.toggle:has(input:checked) .toggle__label--checked {
  display: block
}

.toggle:has(input:checked) .toggle__label--unchecked {
  display: none
}

.toggle__slider {
  position: relative;
  cursor: pointer;
  background-color: var(--color-neutral-30);
  transition: .4s;
  width: 26px;
  height: 9px;
  border: 1px solid transparent;
  border-radius: 34px
}

.toggle__slider:before {
  border-radius: 50%;
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  top: -4px;
  left: 0;
  background-color: #fff;
  transition: .4s;
  border: 1px solid var(--color-primary)
}

.toggle input {
  opacity: 0;
  width: 0;
  height: 0
}

input:checked+.toggle__slider {
  background-color: var(--color-primary-20)
}

input:checked+.toggle__slider:before {
  left: calc(100% - 15px)
}

.tombstones {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px
}

.tombstones__content {
  grid-column: 1/span 12;
  margin: 36px 0;
  display: flex;
  flex-direction: column
}

.tombstones__tombstone {
  cursor: pointer;
  background-color: var(--color-neutral-10);
  border: 1px solid var(--color-neutral-20);
  margin-bottom: 12px;
  padding: 36px 48px;
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--color-neutral)
}

.tombstones__tombstone-footer {
  width: 100%;
  padding-top: 36px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: auto
}

.tombstones__image-wrapper {
  margin-bottom: 12px;
  height: 50px;
  width: 100%;
  max-width: 200px
}

.tombstones__image-inner {
  height: 100%;
  display: flex;
  align-content: center;
  justify-content: center
}

.tombstones__image-inner img {
  max-height: 50px;
  margin: auto
}

.tombstones__transaction-type {
  position: relative;
  margin-bottom: 36px
}

.tombstones__transaction-type:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -12px;
  height: 1px;
  width: 48px;
  background-color: var(--color-neutral-40)
}

.tombstones__date,
.tombstones__transaction-type {
  text-transform: uppercase
}

.tombstones__flag {
  height: 20px
}

.tooltip {
  vertical-align: top;
  display: inline-block
}

.tooltip__trigger {
  position: relative;
  width: 20px;
  height: 20px;
  margin-bottom: 0;
  margin-left: 6px
}

.tooltip__trigger:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 20px 20px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='27' height='27' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M13.5 1C20.404 1 26 6.596 26 13.5S20.404 26 13.5 26 1 20.404 1 13.5 6.596 1 13.5 1z' stroke='%23ff5229' stroke-width='1.5'/%3E%3Cpath d='M15.31 10.443h-2.825l-1.332 6.695a9.31 9.31 0 00-.115.739 5.657 5.657 0 00-.038.627c0 .441.054.818.163 1.131.109.313.257.57.445.774.188.204.411.354.666.45a2.366 2.366 0 001.58.014c.25-.085.473-.216.67-.393.198-.176.363-.4.494-.666.13-.269.21-.59.235-.964a2.21 2.21 0 01-.23.092 1.43 1.43 0 01-.403.041c-.274 0-.475-.056-.603-.168-.128-.113-.191-.314-.191-.606 0-.11.005-.22.014-.332.01-.112.03-.227.062-.341l1.409-7.093zM14.429 6c-.217 0-.42.044-.608.133a1.58 1.58 0 00-.494.362 1.71 1.71 0 00-.45 1.177c0 .231.04.446.12.647a1.568 1.568 0 00.824.866c.188.084.391.127.608.127.217 0 .42-.043.608-.127A1.623 1.623 0 0016 7.672c0-.232-.042-.447-.125-.647a1.736 1.736 0 00-.34-.53 1.635 1.635 0 00-.498-.362A1.41 1.41 0 0014.429 6z' fill='%23262626'/%3E%3C/g%3E%3C/svg%3E")
}

.tooltip__tip {
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
  z-index: 3;
  display: inline-block;
  background: var(--color-accent-2-20);
  padding: 6px 12px;
  max-width: 83%
}

.tooltip__tip-show {
  opacity: 1;
  visibility: visible
}

.tooltip__arrow,
.tooltip__arrow:before {
  position: absolute;
  width: 8px;
  height: 8px;
  background: inherit
}

.tooltip__arrow {
  visibility: hidden
}

.tooltip__arrow:before {
  visibility: visible;
  content: "";
  transform: rotate(45deg)
}

.tooltip__tip[data-popper-placement^=top]>.tooltip__arrow {
  bottom: -4px
}

.tooltip__tip[data-popper-placement^=bottom]>.tooltip__arrow {
  top: -4px
}

.tooltip__tip[data-popper-placement^=left]>.tooltip__arrow {
  right: -4px
}

.tooltip__tip[data-popper-placement^=right]>.tooltip__arrow {
  left: -4px
}

.top-btn {
  margin-bottom: 48px
}

.top-btn svg {
  transform: rotate(180deg)
}

.video {
  position: relative;
  z-index: 0;
  background-color: var(--color-accent-2-10)
}

.video__poster {
  left: 0;
  position: absolute;
  top: 0;
  overflow: hidden
}

.video__poster:before {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  opacity: .6;
  background: var(--color-neutral);
  z-index: 2;
  pointer-events: none
}

.video__poster-image[style*="--ratio"] {
  left: 0;
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%)
}

.video__button,
.video__embed_container,
.video__poster {
  padding-top: 56.26%;
  width: 100%
}

.video__iframe,
.video__player {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.video__embed_container {
  position: relative;
  z-index: 1
}

.video__button {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: absolute;
  top: 0;
  z-index: 3
}

.video__button[hidden] {
  display: none
}

[data-whatintent=mouse] .video__button,
[data-whatintent=touch] .video__button {
  outline: 0
}

.video__button-inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

.video__button-icon {
  height: 40px;
  width: 28px
}

.video__button-text {
  color: var(--color-neutral-10);
  margin-top: 12px;
  padding: 0 36px
}

.video--is-playing .video__button,
.video--is-playing .video__poster {
  display: none
}

.gallery {
  position: relative;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px
}

.gallery__gradient-container {
  grid-row: 2;
  grid-column: 2/-1;
  z-index: -1;
  margin-right: -28px;
  padding-left: 4px
}

.gallery__gradient-inner {
  width: 100%;
  height: 100%
}

.gallery__header {
  display: flex;
  flex-direction: column;
  grid-column: 1/span 12;
  grid-row: 1;
  padding-bottom: 36px;
  gap: 36px
}

.gallery__toggle {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
  align-self: flex-start
}

.gallery__toggle button.is-active {
  border-color: var(--color-primary)
}

.gallery__toggle button svg {
  color: var(--color-primary)
}

.gallery__slider,
.gallery__thumbnails {
  grid-column: 1/-1;
  grid-row: 2;
  padding: 36px 0
}

.gallery__slider {
  display: none;
  width: 100%;
  max-height: 510px;
  box-sizing: initial
}

.gallery__slider .swiper-button-next,
.gallery__slider .swiper-button-prev {
  display: none;
  background: var(--color-neutral-10);
  padding: 15px;
  height: 18px;
  --swiper-theme-color: var(--color-primary)
}

.gallery__slider .swiper-button-next:after,
.gallery__slider .swiper-button-prev:after {
  display: none
}

.gallery__slider .swiper-button-next svg,
.gallery__slider .swiper-button-prev svg {
  width: 18px;
  height: 18px
}

.gallery__slider .swiper-pagination {
  font-size: 0.8125rem;
  line-height: 1.1;
  padding-top: 12px
}

.gallery__slider img {
  width: auto;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
  transform: scale(.8);
  transition: .4s ease;
  margin: auto
}

.gallery--is-gallery .gallery__slider {
  display: block
}

.gallery__image img {
  width: 100vw;
  height: 150px;
  object-fit: contain
}

.gallery__slide {
  position: relative;
  width: auto;
  aspect-ratio: 3/2
}

.gallery__slide.swiper-slide-active img {
  transform: scale(1)
}

.gallery__thumbnails {
  display: none;
  align-items: center;
  justify-items: center;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 24px
}

.gallery--is-thumbnails .gallery__thumbnails {
  display: grid
}

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

.gallery__credits {
  padding-top: 24px;
  grid-row: 3;
  grid-column: 1/-1;
  justify-self: end
}

.digital-invest__max-width,
.fund__max-width {
  margin: 0 auto;
  max-width: 1440px;
  width: 100%;
  padding: 0 28px
}

.fund__stage {
  position: relative;
  margin-top: 24px;
  background-color: var(--color-accent-2-10);
  padding: 36px 0;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px
}

.fund__stage-main {
  grid-template-rows: auto auto auto 1fr;
  grid-column: 1/span 12;
  padding: 0 24px
}

.fund__stage-sub {
  grid-template-rows: auto 1fr;
  grid-column: 1/span 12;
  padding: 0 24px
}

.fund__stage-asset-class,
.fund__stage-headline,
.fund__stage-meta {
  margin-bottom: 6px
}

.fund__stage-menubar {
  display: inline-block;
  position: relative;
  margin-top: 12px;
  width: 100%
}

.fund__stage-menubar .menubar__dropdown {
  background-color: var(--color-accent-2-10);
  border: 1px solid var(--color-neutral-90)
}

.fund__stage-menubar .menubar__dropdown:after {
  background-color: var(--color-neutral-90)
}

.fund__stage-menubar .menubar__label {
  color: var(--color-neutral-90)
}

.fund__stage-cta-profile {
  display: inline-block;
  margin-top: 24px
}

.fund__stage-manager {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 24px 0;
  padding: 0 24px
}

.fund__stage-manager-image {
  width: 100px;
  margin-left: 24px
}

.fund__stage-intro {
  width: 100%;
  grid-column: 2/span 11;
  margin-bottom: 24px
}

.fund__stage-intro-text {
  margin-bottom: 12px
}

.fund__stage-ctas {
  width: 100%
}

.fund__stage-intro-desc {
  font-display: swap;
  font-family: ESPeak, Verdana, Arial, sans-serif;
  font-size: var(--subhead-1-font-size);
  font-weight: 500;
  letter-spacing: var(--subhead-1-letter-spacing);
  line-height: var(--subhead-1-line-height);
  font-feature-settings: "lnum" 1
}

.fund__stage-cta-contact {
  background-color: var(--color-accent-2-10)
}

.fund__stage-cta-buy,
.fund__stage-cta-contact {
  margin-bottom: 12px;
  min-width: 100%
}

.fund__stage-cta-buy .menubar__label {
  min-width: 100%
}

.fund__main .blocks__block:first-child {
  margin-top: 36px
}

.fund__main .blocks__block[data-type=fundColumns] .columns__column--text {
  grid-row: 2/span 3
}

.fund__main .blocks__block[data-type=fundColumns] .awards__wrapper {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px
}

.fund__main .blocks__block[data-type=fundColumns] .awards__award:nth-child(odd) {
  grid-column: 1/span 6
}

.fund__main .blocks__block[data-type=fundColumns] .awards__award:nth-child(2n+2) {
  grid-column: 7/span 6
}

.fund__main .blocks__block[data-type=fundColumns] .awards__image {
  padding-right: 12px;
  margin-bottom: 12px
}

.fund__tabs {
  margin: 36px 0;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px
}

.fund__tabs .tabs__wrapper {
  grid-column: 1/span 12
}

.fund__tabs .tabs__tabpanel {
  margin: 0;
  grid-column: 1/span 12
}

.fund__tabs .contact h2,
.fund__tabs .richtext h2 {
  margin-bottom: 24px
}

.fund__tabs .table h2 {
  display: inline-block;
  color: var(--color-neutral);
  margin-bottom: 12px;
  font-display: swap;
  font-family: Thunder, Times, serif;
  font-size: var(--headline-2-font-size);
  letter-spacing: var(--headline-2-letter-spacing);
  line-height: var(--headline-2-line-height);
  font-feature-settings: "lnum" 1;
  font-variation-settings: "wght" 650, "CNTR" 0
}

.fund__tabs .table p {
  font-display: swap;
  font-family: ESPeak, Verdana, Arial, sans-serif;
  font-size: var(--copy-2-font-size);
  font-weight: 400;
  letter-spacing: var(--copy-2-letter-spacing);
  line-height: var(--copy-2-line-height);
  font-feature-settings: "lnum" 1;
  margin-top: 24px
}

.fund__tabs .table[data-table-custom-type=monthly-performance] th {
  font-weight: 700
}

.fund__tabs .table[data-table-custom-type=monthly-performance] td,
.fund__tabs .table[data-table-custom-type=monthly-performance] th {
  text-align: right
}

.fund__tabs .table[data-table-custom-type=monthly-performance] tr td:first-child,
.fund__tabs .table[data-table-custom-type=monthly-performance] tr th:first-child {
  text-align: left
}

.fund__tabs .table[data-table-custom-type=monthly-performance] tr td:last-child,
.fund__tabs .table[data-table-custom-type=monthly-performance] tr th:last-child {
  color: var(--color-primary)
}

.fund__tabs .contact__wrapper {
  grid-column: 1/span 12
}

.fund__notes,
.fund__tabs .contact__contact {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px
}

.fund__notes {
  margin-bottom: 36px
}

.fund__note {
  grid-column: 1/span 12;
  margin-bottom: 24px
}

.funds__max-width {
  margin: 0 auto;
  max-width: 1440px;
  width: 100%;
  padding: 0 28px
}

.funds__stage {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px
}

.funds__stage-main {
  z-index: 1;
  grid-column: 1/span 10
}

.funds__stage-main-bg {
  background-color: var(--color-primary);
  color: var(--color-neutral-10);
  margin-left: -28px;
  min-height: 200px
}

.funds__stage-main-content {
  margin-left: 28px;
  padding: 48px 24px 48px 0
}

.funds__stage-sub {
  grid-column: 1/span 12;
  margin-top: -200px
}

.funds__stage-sub-bg {
  background-color: var(--color-accent-2-10);
  margin-right: -28px
}

.funds__stage-sub-grid {
  padding-top: 200px;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px
}

.funds__stage-sub-content {
  margin-right: 28px;
  padding-bottom: 36px
}

.funds__stage-spacer {
  border: 0;
  height: 0;
  margin: 36px 0 0;
  position: relative;
  grid-column: 1/span 1
}

.funds__stage-spacer:before {
  background: var(--color-neutral);
  content: "";
  display: block;
  height: 1px;
  margin: 12px auto 0;
  position: absolute;
  right: 6px;
  width: 30px
}

.funds__stage-intro {
  margin-top: 36px;
  grid-column: 2/span 11
}

.funds__stage-intro-text {
  font-display: swap;
  font-family: ESPeak, Verdana, Arial, sans-serif;
  font-size: var(--subhead-1-font-size);
  font-weight: 500;
  letter-spacing: var(--subhead-1-letter-spacing);
  line-height: var(--subhead-1-line-height);
  font-feature-settings: "lnum" 1;
  font-size: 1.0625rem
}

.funds__stage-contact {
  margin-top: 36px;
  background-color: var(--color-accent-2-10)
}

.funds__stage-cta-profile {
  display: inline-block;
  margin-top: 24px
}

.funds .blocks__block[data-type=text] {
  margin-bottom: 24px
}

.funds .blocks__block[data-type=text]+.blocks__block[data-type=accordion] {
  margin-top: 0
}

.funds .richtext h2 {
  color: var(--color-default);
  display: inline;
  font-display: swap;
  font-family: Thunder, Times, serif;
  font-size: var(--headline-2-font-size);
  letter-spacing: var(--headline-2-letter-spacing);
  line-height: var(--headline-2-line-height);
  font-feature-settings: "lnum" 1;
  font-variation-settings: "wght" 650, "CNTR" 0
}

.home__stage {
  position: relative
}

.home__headline-wrapper {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px;
  margin-top: 72px;
  margin-bottom: -24px
}

.home__headline {
  grid-column: 1/span 12
}

.home__max-width {
  margin: 0 auto;
  max-width: 1440px;
  width: 100%;
  padding: 0 28px;
  overflow: visible
}

.home__main--home .blocks .blocks__block[data-type=text]:first-child {
  margin-top: 0
}

.news__max-width,
.news__stage {
  margin: 0 auto;
  max-width: 1440px;
  width: 100%;
  padding: 0 28px
}

.news .blocks,
.news .blocks>.blocks__block:first-child {
  margin-top: 0
}

.screen {
  position: relative;
  margin: 36px 0
}

.screen__max-width {
  margin: 0 auto;
  max-width: 1440px;
  width: 100%;
  padding: 0 28px
}

.screen__main {
  flex-direction: column;
  position: relative;
  background: var(--color-accent-2-10);
  padding: 24px 0 36px;
  min-height: calc(100vh - 72px)
}

.screen__main,
.screen__wappen {
  display: flex;
  justify-content: center;
  align-items: center
}

.screen__wappen {
  margin-bottom: 12px
}

.screen__wappen svg {
  display: block;
  width: 80px;
  height: 95px
}

.screen__header {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px
}

.screen__headline,
.screen__overline {
  text-align: center;
  grid-column: 2/span 10
}

.screen__overline {
  margin-bottom: 6px
}

.screen__content-link {
  margin-top: 12px
}

.screen .blocks {
  margin: 0
}

.screen .blocks__block,
.screen .form {
  margin: 24px 0 0
}

.screen .form {
  max-width: none;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 6px
}

.screen .form .button {
  margin-top: 12px;
  margin-bottom: 0;
  grid-column: 2/span 10
}

.screen .form--has-grid .form__form,
.screen .notification--has-grid .notification__wrapper,
.screen .richtext--has-grid .richtext__wrapper {
  grid-column: 2/span 10
}

.simple {
  position: relative;
  z-index: 0
}

.simple__max-width {
  margin: 0 auto;
  max-width: 1440px;
  width: 100%;
  padding: 0 28px;
  overflow: unset
}

.simple__header .stage-simple__menubar {
  position: relative;
  z-index: 2
}

.simple__main {
  position: relative;
  z-index: 1
}

.simple__main>.blocks {
  margin-top: 0
}

.simple__top-btn {
  margin-bottom: 36px
}

.simple__top-btn svg {
  transform: rotate(180deg)
}

.contact__stage,
.standard__max-width,
.standard__stage {
  margin: 0 auto;
  max-width: 1440px;
  width: 100%;
  padding: 0 28px;
  overflow: hidden;
}

.contact__stage {
  overflow: visible
}

.contact__teaser {
  margin-top: 36px
}

.contact__max-width {
  margin: 0 auto;
  max-width: 1440px;
  width: 100%;
  padding: 0 28px
}

@media(min-width:40em) {
  .awards--has-grid .awards__award {
    padding-right: 24px;
    margin-bottom: 36px
  }

  .awards--has-grid .awards__award--portrait img {
    max-height: 180px
  }

  .awards--has-grid .awards__award--landscape img {
    max-width: 180px
  }

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

  .contact--has-grid .contact__wrapper {
    justify-content: center
  }

  .contact--has-grid .contact__contact {
    width: calc(-3px + 50%);
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: auto 1fr;
    margin-bottom: 36px
  }

  .contact__image-placeholder {
    display: block
  }

  .contact--has-grid .contact__image {
    grid-column: 1/span 3
  }

  .contact--has-grid .contact__info {
    padding-top: 48px;
    grid-column: 2/span 5
  }

  .contact__title--has-vita {
    padding-right: 36px
  }

  .infographic__item--default:after {
    width: 50%
  }

  .investment-advice__header-number:after {
    width: 30px;
    margin: 0 6px
  }

  .investment-advice__footer-navigation {
    flex-direction: row
  }

  .investment-advice__footer-navigation-btn {
    width: auto
  }

  .investment-advice__footer-navigation-btn.button--secondary,
  .inxmail .submit input.investment-advice__footer-navigation-btn[type=reset] {
    order: 0
  }

  .investment-advice__footer-navigation-btn.button--primary,
  .inxmail .submit input.investment-advice__footer-navigation-btn[type=submit] {
    order: 0;
    margin-bottom: 0
  }

  .investment-advice__footer-navigation-btn[aria-hidden=true] {
    display: block
  }

  .inxmail__content {
    grid-column: 2/span 10
  }

  .inxmail .submit {
    flex-direction: row
  }

  .inxmail .submit input {
    width: auto
  }

  .inxmail .submit input[type=submit] {
    order: 2;
    margin-bottom: 0
  }

  .inxmail .submit input[type=reset] {
    order: 1
  }

  .location__information-inner {
    padding: 48px 48px 72px
  }

  .location__pin svg {
    width: 30px
  }

  .location__pin--active svg {
    width: 50px
  }

  .location__pin--button:hover .location__tooltip {
    opacity: 1
  }

  .popup {
    max-width: 400px
  }

  .stage-article__spacer:before {
    width: 35px
  }

  .stage-home__teaser {
    flex: 0 0 49%
  }

  .stage-simple__menubar {
    grid-column: 1/span 8
  }

  .stage-contact__spacer:before {
    width: 35px
  }

  .teaser-row__teaser {
    width: 55%;
    flex: 0 0 55%
  }

  .teaser-news__teaser-blog {
    flex: 1 1 calc(50% - 12px)
  }

  .teaser-news__cta,
  .teaser-news__menubar {
    grid-column: 6/span 1
  }

  .teaser-news__teaser--1 {
    grid-column: 5/span 8
  }

  .teaser-news__teaser--2 {
    grid-column: 1/span 7
  }

  .teaser-news__teaser--3 {
    grid-column: 5/span 7
  }

  .teaser-news__teaser--1.teaser--has-background,
  .teaser-news__teaser--2.teaser--has-background,
  .teaser-news__teaser--3.teaser--has-background {
    padding: 48px 36px
  }

  .teaser-news .teaser__image-wrapper {
    grid-template-columns: repeat(7, 1fr)
  }

  .teaser-news__teaser--1 .teaser__image-wrapper {
    grid-template-columns: repeat(8, 1fr)
  }

  .teaser-news__teaser--1.teaser--has-landscape-image .image {
    grid-column: 1/span 7
  }

  .teaser-news__tabs .blocks__block {
    flex: 1 1 calc(50% - 12px)
  }

  .tombstones__content {
    flex-direction: row;
    flex-wrap: wrap
  }

  .tombstones__tombstone {
    margin-left: 12px;
    width: calc(50% - 6px)
  }

  .tombstones__tombstone:nth-child(odd) {
    margin-left: 0
  }

  .fund__main .blocks__block[data-type=fundColumns] .awards__award:nth-child(odd) {
    grid-column: 1/span 5
  }

  .fund__main .blocks__block[data-type=fundColumns] .awards__award:nth-child(2n+2) {
    grid-column: 7/span 5
  }

  .funds__stage-spacer:before {
    width: 40px;
    right: 12px
  }
}

@media(min-width:40em)and (max-width:79.99em) {
  .contact--has-grid .contact__contact:nth-child(odd):not(:last-child) {
    padding-right: 24px
  }
}

@media(min-width:48em) {
  .accordion__title {
    margin-right: 48px
  }

  .blocks__block {
    margin-top: 120px;
    margin-bottom: 120px
  }

  .business__segment-headline h1 {
    margin: 36px 0 12px
  }

  .business__segment-content {
    grid-column: 3/-1;
    padding-right: 48px;
    margin-top: 48px
  }

  .button--primary,
  .button--secondary,
  .inxmail .submit input[type=reset],
  .inxmail .submit input[type=submit] {
    width: auto
  }

  .chart[data-chart-type=bar] .highcharts-xaxis-labels span {
    width: 90% !important
  }

  .chart .highcharts-legend-item.highcharts-scatter-series.highcharts-color-1 .highcharts-graph {
    d: path("M8 0 L16 16 L 0 16")
  }

  .columns__column[data-column-m-start="1"] {
    grid-column-start: 1
  }

  .columns__column[data-column-m-end="2"] {
    grid-column-end: 2
  }

  .columns__column[data-column-m-start="2"] {
    grid-column-start: 2
  }

  .columns__column[data-column-m-end="3"] {
    grid-column-end: 3
  }

  .columns__column[data-column-m-start="3"] {
    grid-column-start: 3
  }

  .columns__column[data-column-m-end="4"] {
    grid-column-end: 4
  }

  .columns__column[data-column-m-start="4"] {
    grid-column-start: 4
  }

  .columns__column[data-column-m-end="5"] {
    grid-column-end: 5
  }

  .columns__column[data-column-m-start="5"] {
    grid-column-start: 5
  }

  .columns__column[data-column-m-end="6"] {
    grid-column-end: 6
  }

  .columns__column[data-column-m-start="6"] {
    grid-column-start: 6
  }

  .columns__column[data-column-m-end="7"] {
    grid-column-end: 7
  }

  .columns__column[data-column-m-start="7"] {
    grid-column-start: 7
  }

  .columns__column[data-column-m-end="8"] {
    grid-column-end: 8
  }

  .columns__column[data-column-m-start="8"] {
    grid-column-start: 8
  }

  .columns__column[data-column-m-end="9"] {
    grid-column-end: 9
  }

  .columns__column[data-column-m-start="9"] {
    grid-column-start: 9
  }

  .columns__column[data-column-m-end="10"] {
    grid-column-end: 10
  }

  .columns__column[data-column-m-start="10"] {
    grid-column-start: 10
  }

  .columns__column[data-column-m-end="11"] {
    grid-column-end: 11
  }

  .columns__column[data-column-m-start="11"] {
    grid-column-start: 11
  }

  .columns__column[data-column-m-end="12"] {
    grid-column-end: 12
  }

  .columns__column[data-column-m-start="12"] {
    grid-column-start: 12
  }

  .columns__column[data-column-m-end="13"] {
    grid-column-end: 13
  }

  .footer__main {
    padding-top: 96px
  }

  .footer__nav--sub ul li {
    margin-right: 12px
  }

  .fund-buy__ctas {
    flex-direction: row;
    align-items: center
  }

  .fund-buy__cta-buy {
    margin-bottom: 0;
    margin-right: 24px
  }

  .infographic__item {
    padding: 48px
  }

  .infographic__item--default:after {
    top: 82px;
    left: 13.5%;
    width: 194px;
    height: 90px
  }

  .infographic__item--default:nth-of-type(2):after {
    top: 82px
  }

  .infographic__item--default:nth-of-type(3):after {
    top: 72px;
    width: 107px;
    height: 150px
  }

  .infographic__item--copy:after {
    width: 53%;
    top: 12px;
    left: 12px;
    height: 107px
  }

  .infographic__item--copy:nth-of-type(3):after {
    top: 12px;
    width: 107px;
    height: 194px
  }

  .infographic__item--icon .infographic__svg {
    height: 110px
  }

  .infographic__item--icon:after {
    top: 62px;
    width: 50%;
    height: 85px
  }

  .infographic__item--icon:nth-of-type(2):after {
    top: 36px;
    width: 132px;
    height: 132px
  }

  .infographic__item--icon:nth-of-type(3):after {
    top: 72px;
    width: 107px;
    height: 194px
  }

  .infographic__copy {
    margin-top: 12px
  }

  .investment-advice__results-switch-headline {
    margin-bottom: 12px
  }

  .investor-profile__wrapper {
    grid-column: 3/span 8
  }

  .modal {
    background: var(--color-neutral-alpha80)
  }

  .modal__wrapper:before {
    content: "";
    display: block;
    height: calc(100vh - 96px)
  }

  .modal--has-grid .modal__wrapper {
    align-items: center;
    margin: 0 auto;
    max-width: 1440px;
    width: 100%;
    padding: 0 28px
  }

  .modal__content {
    padding: 36px
  }

  .modal--has-grid .modal__content {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 6px;
    padding: 72px 0
  }

  .modal--has-grid .modal__body,
  .modal--has-grid .modal__footer,
  .modal--has-grid .modal__header {
    grid-column: 3/span 8
  }

  .modal__header {
    margin-right: 0
  }

  .modal--has-grid .modal__header {
    margin-bottom: 36px
  }

  .modal__close {
    right: 24px;
    top: 24px
  }

  .modal__footer {
    display: flex
  }

  .modal__cta {
    margin-bottom: 0;
    margin-right: 24px
  }

  .navigation__overline {
    display: none;
    margin-left: 0;
    margin-bottom: 12px
  }

  .navigation__menu-txt {
    display: block
  }

  .navigation__logo {
    padding: 36px 24px 0 0
  }

  .navigation__burger {
    flex-direction: row
  }

  .navigation__list a,
  .navigation__list button {
    width: 97%
  }

  .notification__wrapper {
    padding: 10px 20px
  }

  .pagination__item {
    display: inline-block;
    width: 48px;
    height: 48px
  }

  .popup {
    max-width: 720px
  }

  .popup__content {
    flex-direction: row;
    align-items: center
  }

  .popup__image {
    width: 40%;
    align-self: flex-start
  }

  .popup__image img {
    padding: 48px 0 0 48px
  }

  .popup__text {
    width: 60%;
    padding: 48px
  }

  .quote__headline.text {
    font-size: 2rem;
    margin: 0 auto 72px
  }

  .quote [data-slides="1"] .quote__headline.text {
    margin: 0 auto 72px
  }

  .quote__glide__slide {
    grid-template-columns: repeat(12, 1fr)
  }

  .quote__glide-left,
  .quote__glide-right {
    right: 0;
    top: 50%
  }

  .quote__image {
    transform: unset;
    grid-column: 2/span 3
  }

  .quote__quotation.text {
    font-size: 2rem;
    line-height: 2.375rem
  }

  .quote__quotation.text:after {
    line-height: 5rem;
    font-size: 5rem;
    transform: translateX(-100%);
    top: 0;
    left: -1rem
  }

  .quote__content {
    grid-column: 5/span 7
  }

  .quote__content--centered {
    padding-top: 0;
    grid-column: 3/span 8
  }

  .quote__content--centered .quote__quotation.text:after {
    left: -1rem
  }

  .quote .glide__bullets {
    top: unset;
    bottom: 36px
  }

  .quote .glide__bullets--mobile {
    display: none
  }

  .quote .glide__bullets--desktop {
    display: flex
  }

  .scrolling-text__sticky {
    margin: 96px auto
  }

  .search-auto__suggestion {
    padding: 0
  }

  .search-auto__suggestion-entry {
    display: block
  }

  .stage-article__main-content {
    padding: 36px 24px 36px 0
  }

  .stage-article__spacer:before {
    margin-right: 15px
  }

  .stage-product--is-inverted .stage-product__main-content {
    padding: 36px 0 48px
  }

  .stage-simple__menubar {
    margin-top: 36px;
    grid-column: 1/span 4
  }

  .stage-contact__main-content {
    padding: 36px 24px 48px 0
  }

  .stage-contact__spacer:before {
    margin-right: 15px
  }

  .stage-contact__info {
    margin-bottom: 24px
  }

  [lang=en] .teaser-row__teaser-copy,
  [lang=en] .teaser-row__teaser-headline {
    -webkit-hyphens: auto;
    hyphens: auto
  }

  .teaser-highlight__intro-wrapper {
    grid-column: 2/span 10;
    margin-top: 48px
  }

  .teaser-highlight .teaser-highlight__image-wrapper {
    grid-column: 2/span 11;
    margin-right: 0;
    padding-bottom: 33.3333333333%
  }

  .teaser-highlight .teaser-highlight__content {
    padding: 36px 24px 36px 28px
  }

  .teaser-highlight .teaser-highlight__button,
  .teaser-highlight .teaser-highlight__label,
  .teaser-highlight .teaser-highlight__link {
    margin-top: 36px
  }

  .teaser-news__content {
    padding: 36px 24px 72px 28px
  }

  .teaser-news__content--is-stage {
    padding-bottom: 96px
  }

  .teaser-news__content--has-menubar {
    padding: 36px 24px 36px 28px
  }

  .teaser-news__teaser-blog {
    flex: 1 1 calc(33.333% - 12px)
  }

  .teaser-news--is-fund-detail .teaser-news__headline,
  .teaser-news--is-fund-detail .teaser-news__link,
  .teaser-news--is-fund-detail .teaser-news__overline,
  .teaser-news__headline,
  .teaser-news__link,
  .teaser-news__overline {
    grid-column: 1/span 7
  }

  .teaser-news__cta,
  .teaser-news__menubar {
    grid-column: 6/span 1
  }

  .teaser-news__tabs .blocks__block {
    max-width: calc(33.333% - 12px);
    flex: 1 1 calc(33.333% - 12px)
  }

  .tooltip__tip {
    max-width: 320px
  }

  .top-btn {
    margin-bottom: 72px
  }

  .video__button-text {
    padding: 0 72px;
    margin-top: 24px
  }

  .gallery__slider .swiper-button-next,
  .gallery__slider .swiper-button-prev {
    display: flex
  }

  .fund__stage-cta-contact {
    width: 100%
  }

  .fund__main .blocks__block[data-type=fundColumns] .awards__wrapper {
    grid-template-columns: repeat(6, 1fr)
  }

  .fund__main .blocks__block[data-type=fundColumns] .awards__award:nth-child(odd) {
    grid-column: 1/span 3
  }

  .fund__main .blocks__block[data-type=fundColumns] .awards__award:nth-child(2n+2) {
    grid-column: 4/span 3
  }

  .fund__main .blocks__block[data-type=fundColumns] .awards__image {
    padding-right: 24px;
    margin-bottom: 24px
  }

  .funds__stage-spacer:before {
    right: 24px
  }

  .home__headline-wrapper {
    margin-top: 96px
  }

  .home__main--home .blocks .blocks__block[data-type=text]:first-child {
    margin-top: 48px
  }

  .screen__wappen {
    margin-bottom: 24px
  }

  .screen__headline,
  .screen__overline {
    grid-column: 3/span 8
  }

  .screen__headline,
  .screen__overline {
    margin-bottom: 12px
  }

  .screen__content-link {
    margin-top: 36px
  }

  .screen .form .button {
    grid-column: 6/span 2
  }

  .screen .form--has-grid .form__form,
  .screen .notification--has-grid .notification__wrapper,
  .screen .richtext--has-grid .richtext__wrapper {
    grid-column: 3/span 8
  }

  .simple__top-btn {
    margin-bottom: 72px
  }
}

@media(max-width:79.99em)and (min-width:48em) {
  .contact--has-grid .contact__contact:nth-child(odd):not(:last-child) {
    margin-right: 6px
  }
}

@media(min-width:800px) {
  :root {
    --headline-0-font-size: 75px;
    --headline-0-line-height: 69px;
    --headline-0-letter-spacing: 1.25px;
    --headline-1-font-size: 50px;
    --headline-1-line-height: 47.5px;
    --headline-1-letter-spacing: 1.25px;
    --headline-2-font-size: 40.5px;
    --headline-2-line-height: 37.26px;
    --headline-2-letter-spacing: 1.25px;
    --headline-3-font-size: 24.5px;
    --headline-3-line-height: 24.5px;
    --headline-3-letter-spacing: 1.25px;
    --headline-4-font-size: 17px;
    --headline-4-line-height: 29.2825px;
    --headline-4-letter-spacing: 0px;
    --subhead-1-font-size: 18.75px;
    --subhead-1-line-height: 21.1406px;
    --subhead-1-letter-spacing: 0px;
    --overline-font-size: 11.5px;
    --overline-line-height: 19.8088px;
    --overline-letter-spacing: 1.05px;
    --link-font-size: 11.5px;
    --link-line-height: 19.8088px;
    --link-letter-spacing: 1.8725px;
    --copy-1-font-size: 17px;
    --copy-1-line-height: 26.775px;
    --copy-1-letter-spacing: 0px;
    --copy-2-font-size: 13.5px;
    --copy-2-line-height: 21.8261px;
    --copy-2-letter-spacing: 0px;
    --small-font-size: 11px;
    --small-line-height: 15.4px;
    --small-letter-spacing: 0px
  }
}

@media(min-width:960px) {
  :root {
    --headline-0-font-size: 90px;
    --headline-0-line-height: 82.8px;
    --headline-0-letter-spacing: 1.5px;
    --headline-1-font-size: 60px;
    --headline-1-line-height: 57px;
    --headline-1-letter-spacing: 1.5px;
    --headline-2-font-size: 45px;
    --headline-2-line-height: 41.4px;
    --headline-2-letter-spacing: 1.5px;
    --headline-3-font-size: 27px;
    --headline-3-line-height: 27px;
    --headline-3-letter-spacing: 1.5px;
    --headline-4-font-size: 17px;
    --headline-4-line-height: 30.175px;
    --headline-4-letter-spacing: 0px;
    --subhead-1-font-size: 20.5px;
    --subhead-1-line-height: 23.6775px;
    --subhead-1-letter-spacing: 0px;
    --overline-font-size: 12px;
    --overline-line-height: 21.3px;
    --overline-letter-spacing: 1.1px;
    --link-font-size: 12px;
    --link-line-height: 21.3px;
    --link-letter-spacing: 1.915px;
    --copy-1-font-size: 17px;
    --copy-1-line-height: 28.05px;
    --copy-1-letter-spacing: 0px;
    --copy-2-font-size: 14px;
    --copy-2-line-height: 22.869px;
    --copy-2-letter-spacing: 0px;
    --small-font-size: 11px;
    --small-line-height: 15.4px;
    --small-letter-spacing: 0px
  }
}

@media(min-width:64em) {
  .accordion--has-grid {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 12px
  }

  .accordion--slim {
    margin-top: 24px
  }

  .accordion--has-grid .accordion__headline {
    grid-column: 3/span 9
  }

  .accordion--has-grid .accordion__container {
    grid-column: 3/span 8
  }

  .accordion--slim .accordion__item {
    padding: 0 0 24px;
    margin-bottom: 24px
  }

  .accordion__svg {
    height: 40px;
    width: 40px
  }

  .accordion--slim .accordion__svg {
    height: 25px;
    width: 25px
  }

  .accordion__panel {
    grid-template-columns: repeat(9, 1fr);
    grid-column-gap: 12px
  }

  .accordion__block--image {
    grid-column: 1/span 4
  }

  .awards--has-grid {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 12px
  }

  .awards--has-grid .awards__headline {
    grid-column: 2/span 10
  }

  .awards--has-grid .awards__wrapper {
    justify-content: space-around;
    grid-column: 2/span 10
  }

  .block-chart .blocks,
  .block-chart .blocks__block {
    margin: 0
  }

  .block-media--has-grid {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 12px
  }

  .block-media--has-grid .block-media__header {
    margin-bottom: 24px;
    grid-column: 4/span 6
  }

  .block-media--has-grid.block-media--is-fullwidth .block-media__header {
    margin-bottom: 36px;
    text-align: center;
    grid-column: 3/span 8
  }

  .block-media--has-grid .block-media__wrapper {
    grid-column: 4/span 6;
    margin-left: 0
  }

  .block-media--has-grid.block-media--is-fullwidth .block-media__wrapper,
  .block-media--has-grid .block-media__wrapper--expanded {
    grid-column: 1/span 12
  }

  .block-media--has-grid .block-media__caption,
  .block-media--has-grid .block-media__note {
    grid-column: 4/span 5
  }

  .block-media--has-grid.block-media--is-fullwidth .block-media__caption,
  .block-media--has-grid.block-media--is-fullwidth .block-media__note {
    grid-column: 1/span 5
  }

  .block-media__graphic-btn {
    display: block
  }

  .block-media__graphic-btn:hover .block-media__graphic {
    transform: scale(1.01)
  }

  .block-media:not(.block-media--is-fullwidth) .block-media__graphic--static {
    display: none
  }

  .business__segment {
    align-items: center;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 12px
  }

  .business__segment-headline {
    grid-column: 1/-8;
    padding-top: 152px;
    align-self: center
  }

  .business__segment-headline h1 {
    font-size: 11.8125rem;
    line-height: 10rem
  }

  .business__segment-content {
    grid-row: 1;
    grid-column: 7/span 5;
    padding-top: 152px
  }

  .business__gradient-container {
    width: calc(100% + 60px);
    padding-left: 10%;
    aspect-ratio: 16/9
  }

  .chart__notes {
    margin-bottom: 48px
  }

  .checkbox__input+.checkbox__label:before {
    top: 1px
  }

  .columns {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 12px
  }

  .columns--has-background {
    padding: 48px 0
  }

  .columns__header {
    grid-column: 2/span 10
  }

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

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

  .columns__copy,
  .columns__headline {
    margin-bottom: 36px
  }

  .columns__copy {
    grid-column: 2/span 10
  }

  .columns__copy--align-center {
    grid-column: 2/span 10;
    text-align: center
  }

  .columns__column {
    margin-bottom: 0
  }

  .columns__column[data-column-l-start="1"] {
    grid-column-start: 1
  }

  .columns__column[data-column-l-end="2"] {
    grid-column-end: 2
  }

  .columns__column[data-column-l-start="2"] {
    grid-column-start: 2
  }

  .columns__column[data-column-l-end="3"] {
    grid-column-end: 3
  }

  .columns__column[data-column-l-start="3"] {
    grid-column-start: 3
  }

  .columns__column[data-column-l-end="4"] {
    grid-column-end: 4
  }

  .columns__column[data-column-l-start="4"] {
    grid-column-start: 4
  }

  .columns__column[data-column-l-end="5"] {
    grid-column-end: 5
  }

  .columns__column[data-column-l-start="5"] {
    grid-column-start: 5
  }

  .columns__column[data-column-l-end="6"] {
    grid-column-end: 6
  }

  .columns__column[data-column-l-start="6"] {
    grid-column-start: 6
  }

  .columns__column[data-column-l-end="7"] {
    grid-column-end: 7
  }

  .columns__column[data-column-l-start="7"] {
    grid-column-start: 7
  }

  .columns__column[data-column-l-end="8"] {
    grid-column-end: 8
  }

  .columns__column[data-column-l-start="8"] {
    grid-column-start: 8
  }

  .columns__column[data-column-l-end="9"] {
    grid-column-end: 9
  }

  .columns__column[data-column-l-start="9"] {
    grid-column-start: 9
  }

  .columns__column[data-column-l-end="10"] {
    grid-column-end: 10
  }

  .columns__column[data-column-l-start="10"] {
    grid-column-start: 10
  }

  .columns__column[data-column-l-end="11"] {
    grid-column-end: 11
  }

  .columns__column[data-column-l-start="11"] {
    grid-column-start: 11
  }

  .columns__column[data-column-l-end="12"] {
    grid-column-end: 12
  }

  .columns__column[data-column-l-start="12"] {
    grid-column-start: 12
  }

  .columns__column[data-column-l-end="13"] {
    grid-column-end: 13
  }

  .columns__column-headline {
    margin-bottom: 36px
  }

  .columns__column--chart+.columns__column--text {
    margin-left: 72px
  }

  .compliance-disclosures {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 12px
  }

  .compliance-disclosures__content {
    grid-template-columns: repeat(10, 1fr);
    grid-column-gap: 12px;
    margin-bottom: 0;
    grid-column: 2/span 10;
    padding: 72px 0;
    margin-top: -72px
  }

  .compliance-disclosures #companydisclosures {
    grid-column: 3/span 6
  }

  .contact--has-grid {
    grid-template-columns: repeat(12, 1fr)
  }

  .contact--has-grid,
  .contact--has-grid .contact__contact {
    grid-column-gap: 12px
  }

  .contact__image {
    margin-bottom: -24px
  }

  .contact--has-grid .contact__image {
    grid-column: 1/span 3;
    margin-right: 96px
  }

  .contact__info {
    padding: 24px 24px 32px
  }

  .contact--has-grid .contact__info {
    padding-top: 60px;
    margin-left: -48px;
    padding-left: 42px;
    grid-column: 3/span 4
  }

  .download--has-grid {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 12px
  }

  .download--has-grid .download__headline {
    grid-column: 3/span 9
  }

  .download--has-grid .download__wrapper {
    grid-template-columns: repeat(9, 1fr);
    grid-column-gap: 12px;
    grid-column: 3/span 9
  }

  .download--has-grid .download__download:nth-child(3n+1) {
    grid-column: 1/span 3
  }

  .download--has-grid .download__download:nth-child(3n+2) {
    grid-column: 4/span 3
  }

  .download--has-grid .download__download:nth-child(3n+3) {
    grid-column: 7/span 3
  }

  .faq {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 12px
  }

  .faq__headline {
    grid-column: 2/span 10
  }

  .faq__container {
    grid-template-columns: repeat(10, 1fr);
    grid-column-gap: 12px;
    grid-column: 2/span 10
  }

  .faq__column--left {
    grid-column: 1/span 5;
    padding-right: 24px
  }

  .faq__column--right {
    grid-column: 6/span 5;
    padding-left: 24px
  }

  .faq-container {
    margin-top: 0;
    margin-bottom: 72px
  }

  .faq-container:before {
    position: absolute;
    display: block;
    content: "";
    background: var(--color-neutral-10);
    top: -72px;
    height: 72px;
    grid-column: 2/span 10;
    left: 48px;
    right: 48px
  }

  .faq-container__top {
    padding-bottom: 96px
  }

  .faq-container__navigation {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 12px
  }

  .faq-container__navigation-inner {
    grid-column: 3/span 8;
    padding: 72px
  }

  .faq-container__navigation-header {
    margin-bottom: 36px
  }

  .faq-container__navigation-header-after,
  .faq-container__navigation-header-before {
    margin: 0 24px 13px
  }

  .faq-container__menubar {
    margin-bottom: 12px
  }

  .faq-container__section-category .faq {
    padding-top: 96px
  }

  .fixing-rates {
    margin-top: 36px
  }

  .fixing-rates__header {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 12px;
    padding: 72px 0
  }

  .fixing-rates__headline {
    margin-bottom: 36px;
    grid-column: 2/span 4;
    padding: 0
  }

  .fixing-rates__overline {
    grid-column: 2/span 4;
    margin-bottom: 12px;
    padding: 0
  }

  .fixing-rates__input {
    margin: 0 0 72px;
    grid-column: 2/span 3
  }

  .fixing-rates__wrapper {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 12px
  }

  .fixing-rates__content {
    min-height: 500px;
    grid-column: 2/span 10;
    padding: 36px 48px;
    margin-top: -72px
  }

  .fixing-rates__notes {
    padding: 0 48px;
    margin-bottom: 72px;
    grid-column: 2/span 10
  }

  .footer {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 12px
  }

  .footer--is-screen .footer__main {
    margin: 0;
    grid-column: 1/span 12
  }

  .footer__main-content {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 12px
  }

  .footer__main-content:after {
    grid-row: 2
  }

  .footer__logo {
    margin-top: auto;
    margin-bottom: 12px;
    grid-row: 1
  }

  .footer__svg.svg-sprite {
    max-height: unset;
    max-width: unset
  }

  .footer__nav--main {
    grid-column: 4/-2;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 6px
  }

  .footer__nav--social {
    margin: 12px 36px 0
  }

  .footer__nav--sub {
    margin: 12px 36px 48px;
    grid-column: 1/-1;
    grid-row: unset
  }

  .footer__hero {
    grid-row: 1;
    grid-column: 8/span 5
  }

  .footer__hero-content {
    padding: 48px
  }

  .form--has-grid {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 12px
  }

  .form--has-grid .form__form {
    grid-column: 4/span 6
  }

  .fund-buy {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 12px
  }

  .fund-buy__fund-wrapper,
  .fund-buy__header,
  .fund-buy__intro {
    grid-column: 2/span 10
  }

  .fund-buy__fund-wrapper,
  .fund-buy__header-wrapper {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 12px
  }

  .fund-buy__fund,
  .fund-buy__header,
  .fund-buy__intro {
    grid-template-columns: repeat(16, 1fr);
    grid-column-gap: 12px
  }

  .fund-buy__description,
  .fund-buy__headline,
  .fund-buy__link {
    grid-column: 1/span 9
  }

  .fund-buy__description,
  .fund-buy__headline {
    margin-bottom: 24px
  }

  .fund-buy__manager {
    grid-row: 1/span 4;
    grid-column: 11/span 6;
    margin: 0;
    align-items: flex-end;
    align-self: flex-end
  }

  .fund-buy__mangager-image {
    width: 160px
  }

  .fund-buy__header-wrapper {
    display: grid;
    margin-top: 36px;
    padding: 48px 0 72px
  }

  .fund-buy__fund-wrapper {
    position: relative;
    z-index: 1;
    margin: -36px -36px 0;
    padding: 0 36px
  }

  .fund-buy__info {
    grid-column: 1/span 6
  }

  .fund-buy__performance {
    text-align: right;
    grid-column: 7/span 2
  }

  .fund-buy__volatility {
    text-align: right;
    grid-column: 9/span 2
  }

  .fund-buy__nav {
    text-align: right;
    grid-column: 11/span 2
  }

  .fund-buy__ctas {
    grid-column: 13/span 4;
    margin-top: 0;
    margin-left: 24px;
    flex-direction: column
  }

  .fund-buy__cta-buy {
    margin-bottom: 12px;
    margin-right: 0
  }

  .fund-buy__date {
    margin-bottom: 0;
    margin-top: 12px
  }

  .fund-buy__labels--mobile {
    display: none
  }

  .fund-buy__labels--desktop {
    display: block
  }

  .fund-disclosures {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 12px
  }

  .fund-disclosures__content {
    grid-column: 2/span 10;
    margin: -72px -48px 48px;
    padding: 36px 48px
  }

  .fund-disclosures__pagination {
    grid-column: 2/span 10
  }

  .icon-row {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 12px
  }

  .icon-row--has-background {
    padding: 48px 0 24px
  }

  .icon-row__headline {
    grid-column: 3/span 8;
    text-align: center;
    margin-bottom: 24px
  }

  .icon-row__icons {
    justify-content: center
  }

  .icon-row__icon {
    padding: 24px;
    margin: 0 12px
  }

  .infographic {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 12px
  }

  .infographic__item {
    grid-column: span 4
  }

  .infographic__item--default:after {
    top: 101px;
    height: 107px
  }

  .infographic__item--default:nth-of-type(2):after {
    top: 96px;
    width: 132px;
    height: 132px
  }

  .infographic__item--default:nth-of-type(3):after {
    height: 194px
  }

  .infographic__item--copy:nth-of-type(3):after {
    right: 96px
  }

  .infographic__item--icon .infographic__svg {
    height: 132px
  }

  .infographic__item--icon:after {
    height: 107px
  }

  .infographic__item--icon:nth-of-type(2):after {
    top: 48px
  }

  .infographic__item--icon:nth-of-type(3):after {
    left: calc(50% + 10px)
  }

  .investment-advice__wrapper {
    margin-bottom: 48px
  }

  .investment-advice__section {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 12px
  }

  .investment-advice__header {
    grid-column: 3/span 8
  }

  .investment-advice__header-logo {
    margin-top: 48px
  }

  .investment-advice__header-numbers {
    margin: 24px 0 36px
  }

  .investment-advice__header-number:after {
    width: 60px
  }

  .investment-advice__header-circle {
    width: 36px;
    height: 36px;
    border-radius: 18px
  }

  .investment-advice__header-sticky-content {
    padding: 0 60px;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 6px
  }

  .investment-advice__header-sticky .investment-advice__header-number {
    grid-column: 2/span 1
  }

  .investment-advice__header-short-headline {
    padding-left: 6px;
    grid-column: 3/span 9
  }

  .investment-advice__footer {
    grid-column: 2/span 10
  }

  .investment-advice__footer-help {
    grid-template-columns: repeat(8, 1fr);
    grid-column-gap: 12px
  }

  .investment-advice__footer-help-btn {
    grid-column: 3/span 4
  }

  .investment-advice__footer-help-copy {
    grid-column: 2/span 6
  }

  .investment-advice__question {
    grid-column: 2/span 10
  }

  .investment-advice__answer-simple {
    min-height: 85px;
    padding-right: 120px;
    flex-direction: row;
    align-items: center
  }

  .investment-advice__answer-simple .investment-advice__check {
    width: 40px;
    height: 40px;
    right: 36px;
    top: 50%;
    stroke: transparent;
    transform: translateY(-50%)
  }

  .investment-advice__answer-simple--has-image {
    min-height: auto
  }

  .investment-advice__answer-simple .investment-advice__answer-text {
    flex-direction: row;
    justify-content: center
  }

  .investment-advice__answer-simple--has-image .investment-advice__answer-text {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
    flex-direction: column;
    border-left: 1px solid var(--color-neutral-alpha20);
    width: 70%;
    padding-left: 36px
  }

  .investment-advice__answer-simple--has-image.investment-advice__answer-simple--active .investment-advice__answer-text {
    border-top: 0;
    border-left: 1px solid var(--color-neutral-40)
  }

  .investment-advice__answer-simple .investment-advice__answer-image {
    margin-right: 36px;
    width: calc(30% - 36px)
  }

  .investment-advice__answer-simple .investment-advice__answer-headline {
    width: calc(35% - 36px);
    margin-right: 36px
  }

  .investment-advice__answer-simple .investment-advice__answer-copy {
    border-top: 0;
    border-left: 1px solid var(--color-neutral-alpha20);
    width: 65%;
    padding-left: 36px;
    margin-top: 0;
    padding-top: 0
  }

  .investment-advice__answer-simple--active .investment-advice__answer-copy {
    border-top: 0;
    border-left: 1px solid var(--color-neutral-40)
  }

  .investment-advice__answer-simple--has-image .investment-advice__answer-headline {
    width: 100%;
    margin-right: 0;
    padding-right: 0
  }

  .investment-advice__answer-simple .investment-advice__answer-headline:only-child {
    width: 100%
  }

  .investment-advice__answer-simple--has-image .investment-advice__answer-copy {
    border-left: 0;
    margin-left: 0;
    padding-left: 0;
    width: 100%
  }

  .investment-advice__radio-question {
    flex-direction: row
  }

  .investment-advice__radio-question-headline {
    width: calc(35% - 36px);
    margin-right: 36px
  }

  .investment-advice__radio-question-answers {
    border-top: 0;
    border-left: 1px solid var(--color-neutral-alpha20);
    width: 65%;
    padding-left: 36px;
    margin-top: 0;
    padding-top: 0;
    flex-direction: row;
    justify-content: space-around
  }

  .investment-advice__radio-question .investment-advice__radio-question-answers {
    border-top: 0;
    border-left: 1px solid var(--color-neutral-40)
  }

  .investment-advice__radio-item:not(:first-child) {
    margin-top: 0
  }

  .investment-advice__results {
    grid-column: 2/span 10
  }

  .investment-advice__results-navigation {
    flex-direction: row;
    padding: 24px 0
  }

  .investment-advice__results-switch {
    padding: 0 12px
  }

  .investment-advice__results-switch-subline {
    margin-bottom: 0
  }

  .investment-advice__slider-container {
    flex-direction: row;
    column-gap: 12px
  }

  .investment-advice__slider:first-child {
    margin-bottom: 0
  }

  .investment-advice__strategy {
    padding: 72px;
    flex-direction: row
  }

  .investment-advice__strategy-chart {
    width: 60%
  }

  .investment-advice__strategy-text {
    width: 50%;
    padding-top: 0;
    padding-left: 36px
  }

  .investment-advice__loader {
    grid-column: 2/span 10
  }

  .investor-profile {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 12px
  }

  .investor-profile__loader {
    grid-column: 2/span 10
  }

  .inxmail {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 12px
  }

  .inxmail__content {
    grid-column: 4/span 6
  }

  .list {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 12px
  }

  .list--has-background {
    padding: 72px 0
  }

  .list__image {
    margin-bottom: 0;
    grid-column: 1/span 6;
    grid-row: 1/span 3
  }

  .list__image--landscape {
    right: 0;
    margin: 0 50px
  }

  .list__image--portrait {
    grid-template-columns: repeat(6, 1fr);
    grid-column-gap: 12px;
    margin-top: 0
  }

  .list__image--portrait .image {
    grid-column: 2/span 4
  }

  .list__image--transparent {
    margin-top: -48px;
    margin-right: 24px;
    margin-left: 24px
  }

  .list__headline {
    text-align: center;
    margin-bottom: 48px;
    grid-column: 3/span 8
  }

  .list--has-image .list__headline {
    margin-bottom: 36px;
    text-align: left;
    grid-column: 7/span 5
  }

  .list--has-image .list__content {
    grid-column: 7/span 4
  }

  .list__ol,
  .list__ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
  }

  .list--has-image .list__ol,
  .list--has-image .list__ul {
    display: block
  }

  .list__item {
    width: 33%;
    padding: 0 12px;
    flex-shrink: 0
  }

  .list--has-image .list__item {
    width: auto;
    padding: 0
  }

  .list__ul .list__item {
    margin-bottom: 24px
  }

  .list__ul .list__item-text {
    margin-top: 3px
  }

  .list--has-image .list__ol .list__item .list__item-text {
    padding-top: 10px;
    margin-left: 48px
  }

  .list--has-image .list__ol .list__item:before {
    position: absolute;
    top: 0;
    left: 0
  }

  .list__check-icon {
    width: 36px;
    height: 36px
  }

  .list__cta {
    margin-top: 24px;
    justify-content: center
  }

  .list--has-image .list__cta {
    margin-top: 48px;
    justify-content: left
  }

  .location__wrapper {
    margin-bottom: 96px
  }

  .location__header {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 12px
  }

  .location__headline,
  .location__navigation {
    grid-column: 1/span 8;
    text-align: left
  }

  .location__map-navigation-mobile {
    display: none
  }

  .location__navigation--right {
    grid-column: auto
  }

  .location__content {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 12px;
    flex-direction: row;
    align-items: flex-start;
    gap: 72px
  }

  .location__information {
    grid-row: 1/span 2;
    margin-top: 0;
    padding-top: 96px;
    grid-column: 1/span 5
  }

  .location__information-inner {
    min-height: 300px
  }

  .location__route-link {
    text-align: left;
    display: inline-block
  }

  .location__map {
    display: block;
    margin-right: 0;
    grid-column: 6/span 12;
    overflow: visible;
    height: 100%;
    max-width: 877px
  }

  .location__image {
    grid-row: 2;
    grid-column: 6/span 3;
    margin-right: 0;
    margin-top: 72px;
    margin-left: -40px
  }

  .location__sidebar {
    width: 33%;
    margin-bottom: 0;
    max-height: calc(100vh - 100px);
    overflow-y: auto;
    padding-right: 24px
  }

  .location__map-container,
  .location__sidebar {
    position: sticky;
    top: 24px;
    align-self: flex-start
  }

  .location__map-container {
    width: 67%
  }

  .location__accordion-wrapper .accordion__container,
  .location__accordion-wrapper .accordion__headline,
  .location__accordion-wrapper .accordion__panel {
    grid-column: 1/-1
  }

  .markets-and-topics {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 12px;
    margin-top: 72px;
    margin-bottom: 72px
  }

  .markets-and-topics__headline {
    grid-column: 2/span 6
  }

  .markets-and-topics__cta {
    grid-column: 8/span 3;
    margin-top: unset
  }

  .markets-and-topics__teaser {
    grid-column: 2/span 6
  }

  .markets-and-topics__stack {
    padding-top: 0;
    padding-left: 36px;
    grid-column: 8/span 4;
    margin-bottom: 36px
  }

  .markets-and-topics__teasers {
    padding-bottom: 0
  }

  .modal__close .svg-sprite {
    height: 40px;
    width: 40px
  }

  .navigation__grid {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 12px
  }

  .navigation__overline {
    display: block;
    margin-left: 0;
    margin-bottom: 12px
  }

  .navigation__menu-inner {
    padding: 0 60px
  }

  .navigation__left {
    align-items: flex-start;
    grid-column: 1/span 5;
    grid-row: 1/span 2;
    margin-left: -60px
  }

  .navigation__sticky .navigation__left {
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 12px;
    grid-row: 1/span 5
  }

  .navigation__menu .navigation__left {
    display: block
  }

  .navigation__right {
    grid-column: 6/span 7;
    padding-top: 72px
  }

  .navigation__login-btn {
    margin-right: 24px
  }

  .navigation__initial .navigation__login-btn,
  .navigation__sticky .navigation__login-btn {
    display: flex;
    justify-content: flex-end
  }

  .navigation__initial .navigation__right,
  .navigation__menu .navigation__right {
    grid-column: 6/span 7
  }

  .navigation__sticky .navigation__right {
    padding: 24px 0;
    grid-column: 6/span 7
  }

  .navigation__logo {
    margin-left: 60px;
    padding: 36px 36px 0 0
  }

  .navigation__sticky .navigation__logo {
    margin-bottom: 0;
    padding: 24px 12px 24px 0
  }

  .navigation__ctas {
    padding: 0 60px
  }

  .navigation__menu .navigation__ctas {
    order: 0
  }

  .navigation__languages {
    margin-right: 24px
  }

  .navigation__initial .navigation__languages,
  .navigation__sticky .navigation__languages {
    display: flex;
    justify-content: flex-end
  }

  .navigation__primary {
    padding: 0 0 48px
  }

  .navigation__primary-inner {
    display: flex;
    padding-top: 36px;
    border-top: 1px solid var(--color-neutral-20)
  }

  .navigation__back-btn,
  .navigation__primary[data-nav-level="2"] .navigation__back-btn,
  .navigation__primary[data-nav-level="3"] .navigation__back-btn {
    display: none
  }

  .navigation__list {
    margin-right: 36px;
    width: 33%;
    background: var(--color-neutral-10)
  }

  .navigation__list a,
  .navigation__list button {
    width: 100%;
    margin-right: 0;
    background: transparent;
    padding: 12px 0
  }

  .navigation__list--level-3 {
    margin-right: 0
  }

  .navigation__primary[data-nav-level="2"] .navigation__list--level-1,
  .navigation__primary[data-nav-level="3"] .navigation__list--level-1,
  .navigation__primary[data-nav-level="3"] .navigation__list--level-2 {
    display: block
  }

  .navigation__item {
    margin: 0
  }

  .navigation__item-btn-svg {
    right: 5px;
    opacity: 0
  }

  .navigation__teaser {
    margin-top: 0;
    width: 60%;
    width: 67%;
    padding: 36px 96px
  }

  .navigation__primary[data-nav-level="2"] .navigation__teaser {
    width: 33%;
    padding: 36px
  }

  .navigation__primary[data-nav-level="3"] .navigation__teaser {
    display: none
  }

  .navigation__meta {
    padding: 10px 0 0;
    height: 45px
  }

  .navigation__meta-inner {
    padding: 0 60px
  }

  .navigation__initial .navigation__meta {
    display: block
  }

  .navigation--product .navigation__initial .navigation__meta {
    display: block;
    opacity: 0;
    visibility: hidden
  }

  .navigation__meta-primary {
    grid-column: 1/span 8
  }

  .navigation__meta-secondary:not(.navigation__meta-secondary--only) {
    grid-column: 9/span 4
  }

  .navigation__meta-primary+.navigation__meta-secondary {
    display: block
  }

  .navigation__meta-list {
    display: flex
  }

  .navigation__meta-primary .navigation__meta-list .navigation__link {
    margin-right: 24px;
    padding: 12px 12px 12px 0
  }

  .navigation__meta-secondary .navigation__meta-list {
    justify-content: flex-end
  }

  .navigation__meta-secondary .navigation__meta-list .navigation__link,
  .navigation__meta-secondary .navigation__meta-list .navigation__meta-label {
    margin-left: 24px;
    padding: 12px 0 12px 12px
  }

  .navigation__meta-label-user {
    padding-top: 11px
  }

  .navigation__meta-secondary .navigation__meta-list .navigation__meta-label {
    padding-top: 15px
  }

  .navigation__meta-primary .navigation__meta-list li:first-child {
    padding-left: 0
  }

  .navigation__menu .navigation__meta:last-of-type {
    display: none
  }

  .navigation__meta-tooltips-container {
    display: block;
    position: absolute;
    z-index: 999999;
    top: 45px;
    padding: 0;
    height: 0;
    right: 0;
    left: 0;
    overflow: hidden;
    background: var(--color-neutral-20);
    transition: height .3s ease-in-out
  }

  .navigation__animations-toggle {
    order: -1;
    margin-top: 0;
    margin-left: auto
  }

  .notification--has-grid {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 12px
  }

  .notification--has-grid .notification__wrapper {
    grid-column: 4/span 6
  }

  .notification--has-grid .notification__content {
    grid-column: 3/span 9
  }

  .notes--has-grid {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 12px
  }

  .notes--has-grid .notes__note {
    grid-column: 2/span 10
  }

  .podcast {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 12px
  }

  .podcast__container {
    grid-template-columns: repeat(8, 1fr);
    grid-column-gap: 12px;
    grid-column: 3/span 8
  }

  .podcast__container-inner {
    grid-column: 2/span 6
  }

  .quote__glide__slide {
    grid-column-gap: 12px
  }

  .radio-group__input+.radio-group__label:before {
    top: 4px
  }

  .ratings__headline.text {
    margin-bottom: 24px
  }

  .richtext--has-grid {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 12px
  }

  .richtext--has-grid .richtext__wrapper {
    grid-column: 3/span 8
  }

  .richtext--has-grid.richtext--has-background .richtext__wrapper {
    grid-column: 3/span 8;
    padding: 48px 13%
  }

  .search-auto {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 12px
  }

  .search-auto__label,
  .search-auto__wrapper {
    grid-column: 4/span 6
  }

  .stage-article {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 12px
  }

  .stage-article__background {
    margin-top: 96px;
    grid-column: 2/span 11;
    margin-right: 0
  }

  .stage-article__main {
    margin-left: -60px;
    grid-column: 1/span 6;
    grid-row: 1/span 1
  }

  .stage-article__main-content {
    margin-left: 60px;
    padding: 36px
  }

  .stage-article__image,
  .stage-article__video {
    grid-row: 1/span 2;
    margin-top: 36px
  }

  .stage-article__image--landscape,
  .stage-article__video {
    grid-column: 8/span 5;
    margin: 0 -36px
  }

  .stage-article__image--portrait {
    grid-column: 9/span 4;
    margin-right: -36px
  }

  .stage-article__sub {
    grid-row: 1/span 2;
    grid-column: 8/span 4;
    padding-bottom: 48px;
    margin-top: 132px
  }

  .stage-article--has-media .stage-article__sub {
    margin-top: 48px;
    grid-row: 3/span 2;
    grid-column: 3/span 7
  }

  .stage-article__image--landscape+.stage-article__sub {
    grid-row: 4/span 2
  }

  .stage-article__spacer:before {
    width: 40px;
    margin-right: 24px
  }

  .stage-home {
    padding: 0 60px;
    padding-right: 0;
    padding-left: 0
  }

  .stage-home__container {
    padding-right: 0;
    display: grid;
    grid-column-gap: 6px
  }

  .stage-home__container,
  .stage-home__teaser {
    grid-template-columns: repeat(12, 1fr)
  }

  .stage-home__teaser {
    grid-column-gap: 12px;
    padding: 24px;
    background-color: var(--color-neutral-10);
    transition: background-color .5s ease-in-out
  }

  .stage-home__teaser:nth-child(3n+1) {
    grid-column: 1/span 4
  }

  .stage-home__teaser:nth-child(3n+2) {
    grid-column: 5/span 4
  }

  .stage-home__teaser:nth-child(3n+3) {
    grid-column: 9/span 4
  }

  .stage-home__teaser--hover {
    background-color: var(--color-accent-2-10)
  }

  .stage-home__image-wrapper {
    padding-bottom: 100%;
    transition: padding-bottom .5s ease-in-out
  }

  .stage-home__image-wrapper--hover {
    padding-bottom: 71.4285714286%
  }

  .stage-home__teaser-number {
    width: 60px;
    height: 60px
  }

  .stage-home__teaser:hover .stage-home__teaser-number {
    color: var(--color-neutral-10);
    background-color: var(--color-primary)
  }

  .stage-home__info {
    grid-column: 1/span 12
  }

  .stage-home__info-copy {
    transition: opacity .2s ease-in-out;
    padding-top: 12px;
    display: none
  }

  .stage-home__info-copy--animating {
    opacity: 0;
    display: -webkit-box
  }

  .stage-home__info-copy--visible {
    opacity: 1;
    display: -webkit-box
  }

  .stage-home__link {
    margin-top: auto;
    padding-bottom: 0
  }

  .stage-home-new {
    padding: 0 60px;
    padding-top: 72px
  }

  .stage-home-new__grid {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 12px
  }

  .stage-home-new__info {
    grid-column: 1/span 6;
    padding-left: 36px
  }

  .stage-home-new__image {
    width: calc(100% + 60px);
    grid-column: 7/span 6;
    grid-row: 1/span 2;
    padding-left: 36px;
    margin-right: 0
  }

  .stage-home-new__image img {
    height: 480px;
    margin-top: 90px
  }

  .stage-home-new__copy {
    max-width: 409px
  }

  .stage-home-new__gradient-container {
    grid-column: 1/-3;
    grid-row: 1;
    top: -72px;
    height: calc(100% + 72px);
    margin-left: -60px
  }

  .stage-product {
    padding: 0 60px;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 12px
  }

  .stage-product__main {
    min-height: 680px;
    grid-column: 1/span 12;
    margin-top: 48px;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 12px
  }

  .stage-product__main:before {
    width: 100%;
    margin-left: 0;
    margin-top: 0
  }

  .stage-product__main-content {
    grid-column: 2/span 4;
    padding: 72px 48px 72px 0
  }

  .stage-product__sub {
    grid-column: 8/span 5;
    grid-row: 1;
    margin-top: 0;
    margin-bottom: 48px;
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 12px
  }

  .stage-product__sub:before {
    width: calc(100% + 60px);
    margin-right: -60px
  }

  .stage-product__sub-content {
    grid-column: 1/span 5;
    padding: 72px 36px 72px 96px
  }

  .stage-product__image {
    width: calc(-8.72727px + 27.27273%);
    position: relative;
    grid-column: 6/span 3;
    grid-row: 1;
    max-width: 100%;
    width: 100%;
    top: 0;
    right: auto;
    left: -48px
  }

  .stage-product__image .image {
    left: 0;
    right: auto
  }

  .stage-product__cta {
    margin-top: 48px
  }

  .stage-product__intro {
    padding-right: 0
  }

  .stage-product--is-inverted .stage-product__main {
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 12px;
    min-height: auto;
    grid-column: 1/span 5;
    margin-bottom: 48px
  }

  .stage-product--is-inverted .stage-product__main:before {
    width: calc(100% + 60px);
    margin-left: -60px
  }

  .stage-product--is-inverted .stage-product__main-content {
    grid-column: 1/span 5;
    padding: 48px 36px 72px 0
  }

  .stage-product--is-inverted .stage-product__sub {
    grid-column: 1/span 12;
    margin-bottom: 0;
    padding: 0;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 12px
  }

  .stage-product--is-inverted .stage-product__sub:before {
    width: 100%;
    margin-left: 0
  }

  .stage-product--is-inverted .stage-product__sub-content {
    grid-column: 9/span 3;
    padding: 72px 0
  }

  .stage-product:not(.stage-product--has-image) .stage-product__sub-content {
    grid-column: 7/span 5
  }

  .stage-simple {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 12px;
    margin-top: 36px;
    padding: 72px 0
  }

  .stage-simple--sub-in-overlap {
    padding: 24px 0 0
  }

  .stage-simple--sub-in-overlap:after {
    display: block;
    content: "";
    background-color: var(--color-neutral-10);
    width: 100%;
    height: 192px;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 0
  }

  .stage-simple--has-white-overlap:after {
    display: block;
    content: "";
    position: relative;
    background: var(--color-neutral-10);
    bottom: -72px;
    height: 72px;
    grid-column: 2/span 10
  }

  .stage-simple__main {
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 12px;
    grid-column: 2/span 4
  }

  .stage-simple__main:last-child {
    grid-column: 2/span 6
  }

  .stage-simple--has-overlap .stage-simple__main {
    margin-bottom: 72px
  }

  .stage-simple--center .stage-simple__main {
    margin-bottom: 0;
    grid-column: 3/span 8
  }

  .stage-simple--sub-in-overlap .stage-simple__main {
    margin-bottom: 72px
  }

  .stage-simple__headline {
    grid-column: 1/span 4;
    padding: 0
  }

  .stage-simple__meta {
    padding: 0;
    margin-bottom: 72px
  }

  .stage-simple--center .stage-simple__meta {
    padding: 0 36px
  }

  .stage-simple__overline {
    grid-column: 2/span 4;
    padding: 0;
    margin-bottom: 12px
  }

  .stage-simple--center .stage-simple__overline {
    grid-column: 3/span 8;
    margin-bottom: 24px
  }

  .stage-simple__subline {
    padding: 0;
    margin-top: 24px
  }

  .stage-simple__link {
    grid-column: 1/span 4;
    padding: 0
  }

  .stage-simple__menubar {
    padding: 0;
    grid-column: 1/span 3
  }

  .stage-simple__sub {
    grid-column: 7/span 5
  }

  .stage-simple--center .stage-simple__sub {
    padding-top: 24px;
    grid-column: 3/span 8
  }

  .stage-simple--has-overlap .stage-simple__sub {
    margin-bottom: 72px
  }

  .stage-simple--sub-in-overlap .stage-simple__sub {
    grid-template-columns: repeat(10, 1fr);
    grid-column-gap: 12px;
    position: relative;
    z-index: 1;
    padding: 48px 0 72px;
    grid-column: 2/span 10;
    margin-bottom: 96px
  }

  .stage-simple--sub-in-overlap .stage-simple__sub:after {
    right: 36px;
    left: 36px
  }

  .stage-simple__intro {
    padding: 0
  }

  .stage-simple--sub-in-overlap .stage-simple__intro {
    grid-column: 4/span 6;
    padding: 0
  }

  .stage-simple--center .stage-simple__info {
    padding: 0 24px 0 36px;
    grid-column: 1/span 3
  }

  .stage-contact {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 12px
  }

  .stage-contact__background {
    margin-top: 96px;
    grid-column: 2/span 11;
    margin-right: 0
  }

  .stage-contact__main {
    margin-left: -60px;
    grid-column: 1/span 5;
    grid-row: 1/span 1
  }

  .stage-contact__main-content {
    margin-left: 60px;
    padding: 48px 36px 72px 0
  }

  .stage-contact__image,
  .stage-contact__video {
    grid-row: 1/span 2;
    margin-top: 36px
  }

  .stage-contact__image--landscape,
  .stage-contact__video {
    grid-column: 7/span 5
  }

  .stage-contact__image--portrait {
    grid-column: 8/span 4;
    padding-bottom: 100px
  }

  .stage-contact__sub {
    grid-row: 1/span 2;
    grid-column: 7/span 5;
    padding-bottom: 48px;
    margin-top: 132px
  }

  .stage-contact--has-media .stage-contact__sub {
    margin-top: 48px;
    grid-row: 2/span 1;
    grid-column: 3/span 5
  }

  .stage-contact__image--landscape+.stage-contact__sub {
    grid-row: 4/span 2
  }

  .stage-contact__spacer:before {
    width: 40px;
    margin-right: 24px
  }

  .table--has-grid {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 12px
  }

  .table--has-grid .table__headline {
    grid-column: 2/span 6
  }

  .table--has-grid .table__container {
    grid-column: 2/span 10
  }

  .teaser-row {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 12px
  }

  .teaser-row__copy,
  .teaser-row__headline {
    grid-column: 3/span 8;
    text-align: center
  }

  .teaser-row__copy {
    grid-column: 4/span 6
  }

  .teaser-row__teasers:not(:first-child) {
    margin-top: 48px
  }

  .teaser-row__teasers {
    flex-wrap: wrap;
    justify-content: center
  }

  .teaser-row__teaser {
    margin: 0 6px 12px;
    max-width: 30%;
    flex: 1 1 auto
  }

  .teaser-highlight {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 12px
  }

  .teaser-highlight--is-stage {
    padding: 0 60px
  }

  .teaser-highlight__intro-wrapper {
    grid-column: 2/span 8
  }

  .teaser-highlight .teaser-highlight__image-wrapper {
    min-height: auto;
    grid-row: 2
  }

  .teaser-highlight--is-stage .teaser-highlight__image-wrapper {
    grid-row: 2;
    margin-top: 0
  }

  .teaser-highlight:not(.has-intro) .teaser-highlight--is-link .teaser-highlight__image-wrapper {
    margin-top: -50px
  }

  .teaser-highlight .teaser-highlight__content {
    grid-column: 1/span 6;
    grid-row: 1;
    margin-left: -60px;
    padding: 48px 36px 48px 60px
  }

  .teaser-highlight--is-link .teaser-highlight__content {
    grid-row: 1;
    margin-top: 0
  }

  .teaser-news {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 12px
  }

  .teaser-news__content {
    grid-template-columns: repeat(6, 1fr);
    grid-column-gap: 12px;
    grid-column: 2/span 9;
    margin-left: 0;
    padding: 24px 36px 132px 60px;
    z-index: 2
  }

  .teaser-news__content--is-stage {
    padding-top: 48px
  }

  .teaser-news--is-fund-detail .teaser-news__content {
    grid-template-columns: repeat(6, 1fr);
    grid-column-gap: 12px;
    grid-column: 2/span 5;
    margin-left: 0;
    padding: 0 36px 132px 0
  }

  .teaser-news__headline,
  .teaser-news__link,
  .teaser-news__overline {
    grid-column: 1/span 5
  }

  .teaser-news__link {
    margin-top: 36px
  }

  .teaser-news--is-fund-detail .teaser-news__headline,
  .teaser-news--is-fund-detail .teaser-news__link,
  .teaser-news--is-fund-detail .teaser-news__overline {
    grid-column: 1/span 5
  }

  .teaser-news__cta,
  .teaser-news__menubar {
    grid-column: 6/span 1
  }

  .teaser-news--is-fund-detail .teaser-news__menubar__headline {
    grid-row: 2
  }

  .teaser-news--is-fund-detail .teaser-news__menubar__menubar {
    grid-column: 6/-1;
    grid-row: 2;
    margin-top: 0;
    justify-self: end;
    align-self: start
  }

  .teaser-news__teaser {
    z-index: 0;
    grid-column: 2/span 9
  }

  .teaser-news__teaser--1,
  .teaser-news__teaser--2,
  .teaser-news__teaser--3 {
    margin-bottom: 72px
  }

  .teaser-news__teaser--1 {
    grid-column: 6/span 5;
    grid-row: 2;
    margin-top: -266px;
    margin-right: 0;
    margin-left: -48px;
    padding-right: 0
  }

  .teaser-news__teaser--2 {
    grid-column: 1/span 3;
    grid-row: 2/span 2;
    margin-top: -48px
  }

  .teaser-news__teaser--3 {
    grid-column: 4/span 3;
    margin-left: 48px;
    margin-right: -48px
  }

  .teaser-news--is-fund-detail .teaser-news__teaser--1 {
    margin-top: -160px;
    grid-column: 7/span 4
  }

  .teaser-news--is-fund-detail .teaser-news__teaser--2 {
    grid-column-start: 2
  }

  .teaser-news--is-fund-detail .teaser-news__teaser--3 {
    grid-column-start: 5
  }

  .teaser-news__content--has-menubar~.teaser-news__teaser--1 {
    z-index: 1
  }

  .teaser-news__content--has-menubar~.teaser-news__teaser--2 {
    margin-top: 48px
  }

  .teaser-news__teaser--1.teaser--has-portrait-image {
    grid-column: 6/span 4
  }

  .teaser-news--is-fund-detail .teaser-news__teaser--1.teaser--has-portrait-image {
    grid-column: 7/span 4
  }

  .teaser-news__teaser--1.teaser--has-background {
    padding: 96px 48px
  }

  .teaser-news__teaser--2.teaser--has-background,
  .teaser-news__teaser--3.teaser--has-background {
    padding: 72px 36px
  }

  .teaser-news__teaser--3.teaser--has-background {
    grid-column: 4/span 4
  }

  .teaser-news__teaser--2.teaser--has-background {
    grid-column: 1/span 4
  }

  .teaser-news__teaser--2.teaser--has-background+.teaser {
    grid-column: 5/span 3
  }

  .teaser-news--is-fund-detail .teaser-news__teaser--3.teaser--has-background,
  .teaser-news__teaser--2.teaser--has-background+.teaser--has-background {
    grid-column: 5/span 4
  }

  .teaser-news--is-fund-detail .teaser-news__teaser--2.teaser--has-background {
    grid-column: 2/span 4
  }

  .teaser-news--is-fund-detail .teaser-news__teaser--2.teaser--has-background+.teaser {
    grid-column: 6/span 3
  }

  .teaser-news--is-fund-detail .teaser-news__teaser--2.teaser--has-background+.teaser--has-background {
    grid-column: 6/span 4
  }

  .teaser-news .teaser__image-wrapper {
    grid-column-gap: 12px;
    display: block
  }

  .teaser-news__teaser--1 .teaser__image-wrapper {
    grid-column-gap: 12px;
    display: block
  }

  .teaser-news .teaser--has-portrait-image .image {
    display: block
  }

  .teaser-news__pagination {
    width: calc(-3px + 75%);
    margin-left: calc(1px + 8.33333%)
  }

  .teaser {
    padding-bottom: 36px
  }

  .teaser__copy {
    display: block;
    overflow: auto
  }

  .teaser__copy,
  .teaser__image-wrapper {
    margin-top: 24px
  }

  .tombstones {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 12px
  }

  .tombstones__content {
    margin-bottom: 48px;
    grid-column: 2/span 10;
    margin-top: -72px
  }

  .tombstones__tombstone {
    padding: 36px 48px;
    width: calc(33.33333% - 8px)
  }

  .tombstones__tombstone:nth-child(odd) {
    margin-left: 12px
  }

  .tombstones__tombstone:nth-child(3n+1) {
    margin-left: 0
  }

  .gallery {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 12px
  }

  .gallery__gradient-container {
    grid-column: 1/-1;
    margin-left: 24%;
    margin-right: calc(var(--vw, 1vw)*100/-2 - -50%)
  }

  .gallery__header {
    flex-direction: row;
    justify-content: space-between;
    grid-column: 2/span 11
  }

  .gallery__toggle {
    align-self: flex-end
  }

  .gallery__slider,
  .gallery__thumbnails {
    padding: 72px 0
  }

  .gallery__thumbnails {
    grid-column: 1/-2
  }

  .digital-invest__max-width,
  .fund__max-width {
    padding: 0 60px
  }

  .fund__stage {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 12px
  }

  .fund__stage-main {
    padding: 0;
    grid-column: 2/span 4
  }

  .fund__stage-sub {
    padding: 0;
    grid-column: 7/span 5;
    display: flex;
    flex-direction: column
  }

  .fund__stage-sub-bottom {
    margin-top: auto
  }

  .fund__stage-asset-class,
  .fund__stage-meta {
    margin: 12px 0
  }

  .fund__stage-headline {
    margin-bottom: 0
  }

  .fund__stage-menubar {
    margin-top: 24px
  }

  .fund__stage-cta-profile {
    margin-top: 36px
  }

  .fund__stage-manager {
    padding: 0;
    align-items: flex-end;
    align-self: flex-end
  }

  .fund__stage-manager-image {
    margin-left: 36px;
    width: 160px;
    margin-top: -85px
  }

  .fund__stage-intro {
    margin-top: 12px;
    grid-column: 6/span 5;
    margin-bottom: 36px
  }

  .fund__stage-cta-contact {
    width: auto
  }

  .fund__stage-cta-buy,
  .fund__stage-cta-contact {
    display: inline-flex;
    width: auto;
    min-width: auto
  }

  .fund__stage-cta-buy:not(:last-child),
  .fund__stage-cta-contact:not(:last-child) {
    margin-right: 12px
  }

  .fund__stage-cta-buy .menubar__label {
    min-width: auto
  }

  .fund__main .blocks__block:first-child {
    margin-top: 72px
  }

  .fund__main .blocks__block[data-type=fundColumns] .ratings {
    padding-left: 36px
  }

  .fund__main .blocks__block[data-type=fundColumns] .awards__headline {
    padding-left: 24px
  }

  .fund__main .blocks__block[data-type=fundColumns] .awards__wrapper {
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 12px
  }

  .fund__main .blocks__block[data-type=fundColumns] .awards__award:nth-child(odd) {
    grid-column: 1/span 2
  }

  .fund__main .blocks__block[data-type=fundColumns] .awards__award:nth-child(2n+2) {
    grid-column: 3/span 2
  }

  .fund__main .blocks__block[data-type=fundColumns] .awards__image {
    padding-right: 0;
    padding-left: 24px
  }

  .fund__tabs {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 12px;
    margin: 72px 0
  }

  .fund__tabs .tabs__wrapper {
    grid-column: 1/span 12
  }

  .fund__tabs .richtext--has-grid .richtext__wrapper {
    grid-column: 2/span 10
  }

  .fund__tabs .contact h2,
  .fund__tabs .richtext h2,
  .fund__tabs .table h2 {
    margin-bottom: 36px
  }

  .fund__tabs .download--has-grid .download__headline,
  .fund__tabs .download--has-grid .download__wrapper {
    grid-column: 2/span 10
  }

  .fund__tabs .contact__headline {
    grid-column: 2/span 11
  }

  .fund__tabs .contact__wrapper {
    grid-column: 2/span 10
  }

  .fund__tabs .contact__contact {
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 12px
  }

  .fund__tabs .contact__contact:nth-child(3n+1) {
    grid-column: 2/span 3
  }

  .fund__tabs .contact__contact:nth-child(3n+2) {
    grid-column: 5/span 3
  }

  .fund__tabs .contact__contact:nth-child(3n+3) {
    grid-column: 8/span 3
  }

  .fund__notes {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 12px;
    margin-bottom: 48px
  }

  .fund__note {
    grid-column: 2/span 10
  }

  .funds__max-width {
    padding: 0 60px
  }

  .funds__stage {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 12px
  }

  .funds__stage-main {
    position: relative;
    grid-column: 1/span 5
  }

  .funds__stage-main-bg {
    margin-left: -60px;
    min-height: 250px
  }

  .funds__stage-main-content {
    margin-left: 60px;
    padding: 48px 36px 72px 24px
  }

  .funds__stage-sub {
    grid-column: 2/span 11;
    margin-top: -250px
  }

  .funds__stage-sub-bg {
    margin-right: 0;
    min-height: 286px
  }

  .funds__stage-sub-grid {
    grid-template-columns: repeat(11, 1fr);
    grid-column-gap: 12px;
    padding-top: 36px;
    position: relative
  }

  .funds__stage-sub-content {
    margin-right: 0;
    padding-bottom: 72px
  }

  .funds__stage-spacer {
    grid-column: 5/span 1;
    margin-top: 0
  }

  .funds__stage-spacer:before {
    margin-top: 15px;
    position: relative;
    right: auto
  }

  .funds__stage-intro {
    margin-top: 0;
    grid-column: 6/span 5
  }

  .funds__stage-contact {
    display: inline-flex;
    width: auto
  }

  .funds__stage-cta-profile {
    margin-top: 36px
  }

  .funds .accordion__container {
    grid-column: 4/span 6
  }

  .home__headline-wrapper {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 12px
  }

  .home__headline {
    grid-column: 4/span 6
  }

  .home__max-width,
  .news__max-width,
  .news__stage {
    padding: 0 60px
  }

  .news .blocks,
  .news .blocks>.blocks__block:first-child {
    margin-top: 0
  }

  .screen__max-width {
    padding: 0 60px
  }

  .screen__main {
    padding: 48px 0
  }

  .screen__header {
    grid-column-gap: 12px
  }

  .screen .form,
  .screen__header {
    grid-template-columns: repeat(12, 1fr)
  }

  .screen .form {
    grid-column-gap: 12px
  }

  .simple__max-width {
    padding: 0 60px
  }

  .simple__main>.blocks {
    margin-top: -72px
  }

  .simple__main>.blocks .accordion--has-grid .accordion__container,
  .simple__main>.blocks .accordion--has-grid .accordion__headline,
  .stage-simple--has-white-overlap~.simple__main .accordion--has-grid .accordion__container {
    grid-column: 3/span 8
  }

  .contact__stage,
  .standard__max-width,
  .standard__stage {
    padding: 0 60px
  }

  .contact__teaser {
    margin-top: 48px
  }

  .contact__max-width {
    padding: 0 60px
  }
}

@media(min-width:64em)and (min-width:64em) {
  .footer__nav--main {
    grid-column-gap: 12px
  }

  .investment-advice__header-sticky-content {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 12px
  }

  .stage-home__container {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 12px
  }
}

@media(max-width:63.99em)and (min-width:64em) {
  .footer__links {
    grid-column-gap: 12px
  }
}

@media(min-width:48em)and (min-width:64em) {
  .modal--has-grid .modal__wrapper {
    padding: 0 60px
  }

  .modal--has-grid .modal__content {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 12px
  }
}

@media(min-width:1120px) {
  :root {
    --headline-0-font-size: 105px;
    --headline-0-line-height: 96.6px;
    --headline-0-letter-spacing: 1.75px;
    --headline-1-font-size: 70px;
    --headline-1-line-height: 66.5px;
    --headline-1-letter-spacing: 1.75px;
    --headline-2-font-size: 49.5px;
    --headline-2-line-height: 45.54px;
    --headline-2-letter-spacing: 1.75px;
    --headline-3-font-size: 29.5px;
    --headline-3-line-height: 29.5px;
    --headline-3-letter-spacing: 1.75px;
    --headline-4-font-size: 17px;
    --headline-4-line-height: 31.0675px;
    --headline-4-letter-spacing: 0px;
    --subhead-1-font-size: 22.25px;
    --subhead-1-line-height: 26.3106px;
    --subhead-1-letter-spacing: 0px;
    --overline-font-size: 12.5px;
    --overline-line-height: 22.8438px;
    --overline-letter-spacing: 1.15px;
    --link-font-size: 12.5px;
    --link-line-height: 22.8438px;
    --link-letter-spacing: 1.9575px;
    --copy-1-font-size: 17px;
    --copy-1-line-height: 29.325px;
    --copy-1-letter-spacing: 0px;
    --copy-2-font-size: 14.5px;
    --copy-2-line-height: 23.9286px;
    --copy-2-letter-spacing: 0px;
    --small-font-size: 11px;
    --small-line-height: 15.4px;
    --small-letter-spacing: 0px
  }
}

@media(min-width:1280px) {
  :root {
    --headline-0-font-size: 120px;
    --headline-0-line-height: 110.4px;
    --headline-0-letter-spacing: 2px;
    --headline-1-font-size: 80px;
    --headline-1-line-height: 76px;
    --headline-1-letter-spacing: 2px;
    --headline-2-font-size: 54px;
    --headline-2-line-height: 49.68px;
    --headline-2-letter-spacing: 2px;
    --headline-3-font-size: 32px;
    --headline-3-line-height: 32px;
    --headline-3-letter-spacing: 2px;
    --headline-4-font-size: 17px;
    --headline-4-line-height: 31.96px;
    --headline-4-letter-spacing: 0px;
    --subhead-1-font-size: 24px;
    --subhead-1-line-height: 29.04px;
    --subhead-1-letter-spacing: 0px;
    --overline-font-size: 13px;
    --overline-line-height: 24.44px;
    --overline-letter-spacing: 1.2px;
    --link-font-size: 13px;
    --link-line-height: 24.44px;
    --link-letter-spacing: 2px;
    --copy-1-font-size: 17px;
    --copy-1-line-height: 30.6px;
    --copy-1-letter-spacing: 0px;
    --copy-2-font-size: 15px;
    --copy-2-line-height: 25.005px;
    --copy-2-letter-spacing: 0px;
    --small-font-size: 11px;
    --small-line-height: 15.4px;
    --small-letter-spacing: 0px
  }
}

@media(min-width:80em) {
  .business__gradient-container {
    width: calc(50% + var(--vw, 1vw)*100/2);
    padding-left: 14%;
    margin-right: calc(var(--vw, 1vw)*100/-2 - -50%)
  }

  .contact--has-grid .contact__contact {
    width: calc(-4px + 33.33333%);
    grid-template-columns: repeat(4, 1fr);
    padding-right: 24px
  }

  .contact--has-grid .contact__contact:nth-child(3n+1),
  .contact--has-grid .contact__contact:nth-child(3n+2) {
    margin-right: 6px
  }

  .contact--has-grid .contact__image {
    margin-right: 108px;
    grid-column: 1/span 3
  }

  .contact--has-grid .contact__info {
    margin-left: -132px;
    padding-left: 60px;
    grid-column: 3/span 2
  }

  .fixing-rates__input {
    grid-column: 2/span 2
  }

  .footer__nav--main {
    grid-column: 4/-4
  }

  .fund-buy__description,
  .fund-buy__headline,
  .fund-buy__link {
    grid-column: 1/span 8
  }

  .fund-buy__manager {
    grid-column: 12/span 5
  }

  .fund-buy__fund-wrapper {
    margin: -48px -48px 0;
    padding: 0 48px
  }

  .fund-buy__fund {
    padding: 36px 0 24px
  }

  .investment-advice__header-short-headline {
    padding-left: 6px;
    grid-column: 3/span 8
  }

  .investment-advice__results+.investment-advice__footer {
    grid-column: 2/span 10
  }

  .investor-profile__wrapper {
    grid-column: 4/span 6
  }

  .location__information-inner {
    min-height: 400px;
    padding: 48px 96px
  }

  .location__sidebar {
    width: 35%
  }

  .location__map-container {
    width: 65%
  }

  .navigation__logo {
    padding: 36px 36px 0
  }

  .navigation__primary {
    padding: 0 0 48px 36px
  }

  .navigation__meta-primary .navigation__meta-list li:first-child,
  .navigation__meta-tooltips {
    padding-left: 36px
  }

  .stage-product--is-inverted .stage-product__main-content {
    padding: 48px 36px 72px
  }

  .stage-simple__menubar {
    grid-column: 1/span 2
  }

  .stage-contact__main-content {
    padding: 48px 36px 72px
  }

  .teaser-highlight .teaser-highlight__content {
    padding: 48px 36px 48px 96px
  }

  .teaser-news__content {
    padding: 24px 36px 132px 96px
  }

  .teaser-news__content--is-stage {
    padding-top: 48px
  }

  .tombstones__tombstone {
    width: calc(25% - 9px)
  }

  .tombstones__tombstone:nth-child(3n+1) {
    margin-left: 12px
  }

  .tombstones__tombstone:nth-child(4n+1) {
    margin-left: 0
  }

  .fund__tabs .tabs__wrapper {
    grid-column: 2/span 10
  }

  .funds__stage-main-content {
    padding: 48px 48px 72px 36px
  }

  .screen .form--has-grid .form__form,
  .screen .notification--has-grid .notification__wrapper,
  .screen .richtext--has-grid .richtext__wrapper,
  .screen__headline,
  .screen__overline {
    grid-column: 4/span 6
  }
}

@media(min-width:90em) {

  .investment-advice__footer,
  .investment-advice__question {
    grid-column: 3/span 8
  }
}

@media(min-width:100em) {
  .stage-home__image-wrapper {
    padding-bottom: 128.5714285714%
  }

  .stage-home__image-wrapper--hover {
    padding-bottom: 100%
  }

  .stage-home-new__gradient-container {
    margin-left: -100px
  }
}

@media print {

  *,
  :after,
  :before {
    background: transparent !important;
    box-shadow: none !important;
    color: #000 !important;
    text-shadow: none !important
  }

  a,
  a:visited {
    text-decoration: underline
  }

  a[href]:after {
    content: " (" attr(href) ")"
  }

  abbr[title]:after {
    content: " (" attr(title) ")"
  }

  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""
  }

  pre {
    white-space: pre-wrap !important
  }

  blockquote,
  pre {
    border: 1px solid #999;
    page-break-inside: avoid
  }

  thead {
    display: table-header-group
  }

  img,
  tr {
    page-break-inside: avoid
  }

  h2,
  h3,
  p {
    orphans: 3;
    widows: 3
  }

  h2,
  h3 {
    page-break-after: avoid
  }

  .video {
    display: none
  }
}

@media(max-width:47.99em) {
  .blocks {
    margin: 48px 0
  }
}

@media(max-width:39.99em) {
  .contact--has-grid .contact__image--placeholder+.contact__info {
    margin-top: 0;
    padding: 24px
  }

  .contact--has-grid .contact__contact:nth-child(odd) .contact__info {
    margin-right: -28px;
    padding-right: 48px
  }

  .contact--has-grid .contact__contact:nth-child(odd) .contact__info .contact__vita-btn {
    right: 36px
  }

  .contact--has-grid .contact__contact:nth-child(2n+2) .contact__info {
    margin-left: -28px;
    padding-left: 48px
  }
}

@media(max-width:63.99em) {
  .footer__group {
    margin-bottom: 24px
  }

  .footer__group-headline {
    grid-column: 1/span 2
  }

  .footer__links {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 6px;
    grid-column-gap: 12px
  }

  .list--has-background.list--has-image {
    padding-top: 0
  }

  .stage-home__container {
    scroll-snap-type: x mandatory;
    overflow-x: scroll
  }

  .stage-product--is-inverted:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% + 28px);
    height: 100%;
    margin-right: -28px;
    background-color: var(--color-accent-2-10)
  }

  .teaser-row__teasers {
    scroll-snap-type: x mandatory;
    overflow-x: scroll
  }

  .teaser-news__content--has-menubar~.teaser-news__teaser--1 {
    margin-top: 36px
  }

  .teaser-news__teaser--1.teaser--has-background .teaser__copy,
  .teaser-news__teaser--1.teaser--has-background .teaser__headline,
  .teaser-news__teaser--1.teaser--has-background .teaser__overline,
  .teaser-news__teaser--2.teaser--has-background .teaser__copy,
  .teaser-news__teaser--2.teaser--has-background .teaser__headline,
  .teaser-news__teaser--2.teaser--has-background .teaser__overline,
  .teaser-news__teaser--3.teaser--has-background .teaser__copy,
  .teaser-news__teaser--3.teaser--has-background .teaser__headline,
  .teaser-news__teaser--3.teaser--has-background .teaser__overline {
    padding-right: 0
  }
}

@media(max-width:639px) {
  .location__button-container {
    flex-direction: column
  }

  .location__button-container .button {
    width: 100%
  }
}

@media(prefers-reduced-motion:no-preference) {
  .navigation--has-animation [data-animation-element=navigation__left--article] {
    opacity: 0;
    transform: translate(-10px)
  }

  .navigation--has-animation [data-animation-element=navigation__left--article] .navigation__logo {
    opacity: 0
  }
}

@media(max-width:767px) {
  .table thead {
    border-top: 1px solid var(--color-neutral-alpha50)
  }

  .table__headline:before {
    top: 53px
  }

  .table--noheadline:before,
  .table__headline:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 5%;
    height: auto;
    min-height: 1px;
    background: linear-gradient(90deg, transparent, var(--color-neutral-alpha20))
  }

  .table--noheadline:before {
    top: 0
  }
}

/*# sourceMappingURL=4efe9914bf01b528b49f.main.css.map*/