/*! 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(/assets/_/node_modules/intl-tel-input/build/img/flags.png);
    --iti-path-flags-2x: url(/assets/_/node_modules/intl-tel-input/build/img/flags@2x.png);
    --iti-path-globe-1x: url(/assets/_/node_modules/intl-tel-input/build/img/globe.png);
    --iti-path-globe-2x: url(/assets/_/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(/assets/stylesheets/fonts/Thunder-VF.ttf) format("truetype")
}

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

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

@font-face {
    font-family: ESPeak;
    font-weight: 400;
    src: url(/assets/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;
    margin-left: -28px
}

.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: 2/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
}

.business__wrapper {
    min-height: 100dvh
}

.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 {
    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);
    font-weight: 650;
    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);
    font-weight: 650;
    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);
    font-weight: 650;
    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);
    font-weight: 650;
    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;
    font-weight: 650
}

.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);
    font-weight: 650;
    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-weight: 650;
    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-weight: 300;
    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__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;
    border: none
}

.location__switch:hover {
    color: var(--color-accent-1)
}

.location__switch--active {
    border: 2px solid var(--color-accent-1);
    padding: 2px 14px
}

.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 {
    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 {
    display: block
}

.location__dropdown-container {
    width: 100%
}

.location__dropdown {
    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__additional-info,
.location__dropdown-details .location__address {
    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: 0
}

.location__item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0
}

.location__content-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%
}

.location__info-container {
    padding: 30px;
    display: flex;
    flex-direction: column
}

.location__contact-info {
    margin-bottom: 36px;
    line-height: 1.5
}

.location__contact-info .location__label {
    font-weight: 500;
    color: var(--color-neutral)
}

.location__contact-person {
    margin-top: 36px;
    padding-top: 36px;
    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;
    align-items: center;
    position: relative;
    cursor: pointer;
    background-color: var(--color-accent-2-20);
    border: 1px solid var(--color-neutral-90)
}

.menubar__dropdown:after {
    position: absolute;
    left: 25px;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    width: 15px;
    height: 12px;
    background-color: var(--color-neutral-90);
    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%
}

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

.quote .glide {
    display: flex;
    flex-direction: column;
    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.5rem;
    line-height: 2rem;
    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;
    font-weight: 650
}

.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-accent-2-80)
}

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

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

.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;
    padding-bottom: 72px;
    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: 5;
    margin-top: 36px;
    margin-bottom: 72px
}

.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: 4;
    margin-right: -28px
}

.teaser-highlight .teaser-highlight__image-wrapper img,
.teaser-highlight .teaser-highlight__image-wrapper video {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.teaser-highlight .teaser-highlight__video {
    height: 0;
    position: relative;
    box-sizing: border-box
}

.teaser-highlight--is-stage .teaser-highlight__image-wrapper {
    grid-row: 4
}

.teaser-highlight .teaser-highlight__content {
    position: relative;
    grid-column: 1/span 10;
    grid-row: 3;
    align-self: end;
    margin-top: -48px;
    margin-bottom: -24px;
    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: 3
}

.teaser-highlight--is-link .teaser-highlight__content {
    grid-row: 3
}

.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: 1/span 10;
    margin-left: -28px;
    padding: 48px 0 78px 28px;
    background-color: var(--color-primary);
    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;
    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 {
    background: none;
    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.text--headline-3 {
    font-weight: 700
}

.teaser-news--is-news-blog p.teaser__copy {
    margin-top: auto;
    padding-top: 12px
}

.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 {
    margin-top: 24px;
    grid-column: 1/span 9
}

.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__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: flex-end;
    margin-bottom: 72px;
    margin-top: 36px;
    width: 100%;
    width: calc(-1px + 83.33333%);
    margin-left: calc(.5px + 8.33333%)
}

.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-weight: 650;
    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-weight: 300;
    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-weight: 650;
    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-weight: 300;
    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-weight: 650;
    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-weight: 300;
    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-weight: 650;
    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-weight: 300;
    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);
    font-weight: 650;
    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);
    font-weight: 650;
    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
}

.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
    }
    .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: 1/span 7
    }
    .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
    }
    .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
    }
    .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
    }
    .teaser-highlight .teaser-highlight__image-wrapper .image {
        --ratio: 3 !important
    }
    .teaser-highlight .teaser-highlight__video {
        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: 1/span 5
    }
    .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 6
    }
    .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__navigation li {
        padding: 0 12px 12px
    }
    .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 {
        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
    }
    .markets-and-topics__teasers:after {
        left: calc(var(--vw, 1vw)*100/-2 - -50%);
        width: calc(var(--vw, 1vw)*100)
    }
    .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: calc(var(--vw, 1vw)*100/-2 - -50%)
    }
    .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;
        margin-top: -50px
    }
    .teaser-highlight--is-stage .teaser-highlight__image-wrapper {
        grid-row: 4
    }
    .teaser-highlight .teaser-highlight__content {
        grid-column: 1/span 6;
        margin-left: -60px;
        margin-bottom: 0;
        padding: 48px 36px 48px 60px
    }
    .teaser-highlight--is-link .teaser-highlight__content {
        grid-row: 3;
        margin-top: 36px
    }
    .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: 1/span 5;
        margin-left: -60px;
        padding: 132px 36px 132px 60px
    }
    .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 {
        margin-top: 48px;
        grid-column: 1/span 4
    }
    .teaser-news__teaser {
        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 8
    }
    .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: 132px 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
    }
    .fund__tabs .richtext--has-grid .richtext__wrapper {
        grid-column: 2/span 6
    }
    .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%
    }
}

@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=867a28c2572f68b20b8c.main.css.map*/