/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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

/* HTML5 display-role reset for older browsers */

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

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

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

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

.contact_cards__card-inner {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

.contact_cards__card-image {
        border-radius: 100%;
        width: 174px;
        height: 174px;
        border: 3px solid #c8aa22;
    }

.text-image-video__media {
        align-self: center;
    }

.text-image-video__media img,
        .text-image-video__media video {
            width: 100%;
            max-width: 100%;
            height: auto;
        }

.text-image-video__content {
        align-self: center;
    }

@media (min-width: 1024px) {
        .text-image-video__alignment--right .text-image-video__media {
            grid-column-start: 7;
        }
        .text-image-video__alignment--right .text-image-video__content {
            grid-column-start: 1;
        }
    }

.quote__media {
        grid-row-start: 1;
    }

.quote__media video {
            width: 100%;
            height: auto;
        }

.quote__image {
        max-width: 100%;
        height: auto;
    }

.quote__box {
        grid-row-start: 2;
        border-top: 3px solid #c8aa22;
    }

@media (min-width: 1024px) {

.quote__box {
            grid-row-start: 1;
            align-self: center
    }

            .quote__box--margin {
                margin-left: calc(-40px - 24px);
            }
            .quote__box--margin .quote__box--inner {
                padding-left: 32px;
            }

                @media (min-width: 1280px) {
            .quote__box--margin .quote__box--inner {
                    padding-left: 24px
            }
                }
        }

.text-box__box {
        background-color: white;
        padding: 16px 24px;
    }

.text-box__box img {
            width: 100%;
            height: auto;
            -o-object-fit: cover;
               object-fit: cover;
            aspect-ratio: 4 / 1;
        }

.image-text-box__box {
        background-color: #f7f7f7;
        border-bottom: #c8aa22 3px solid;
    }

.image-text-box__box img {
            width: 100%;
            height: auto;
            -o-object-fit: cover;
               object-fit: cover;
            aspect-ratio: 2 / 1;
        }

.image-text-box__content {
        padding: 0px 16px;
    }

.golden-stage-header-nav {
    height: 110px;
    dispaly: flex;
    justify-content: center;
}

.golden-stage-header {
    position: relative;
}

.golden-stage-header--video {
        width: 100%;
        margin-bottom: -3px;
    }

.golden-stage-header button {
        cursor: pointer;
        border: 0;
        background: transparent;
        position: absolute;
        right: 1rem;
        top: 1rem;
        z-index: 10;
    }

.golden-stage-header .golden-stage-header--sticker {
        top: -40px;
        position: absolute;
        right: 24px;
        width: auto;
        height: 80px;
    }

@media (min-width: 760px) {

.golden-stage-header .golden-stage-header--sticker {
            top: -100px;
            right: -20px;
            height: 148px
    }
        }

@media (min-width: 1280px) {

.golden-stage-header .golden-stage-header--sticker {
            top: -96px;
            right: -46px
    }
        }

.info_cards__card-image {
        width: 48px;
        height: 48px;
    }

.disruptor {
    position: relative;

    margin-top: 100px;
}

@media (min-width: 1024px) {

.disruptor {
        margin-top: 0
}
    }

.disruptor--content {
        background-color: #f7f7f7;
    }

.disruptor--content dx-grid {
            position: relative;
        }

.disruptor--content {
        padding-top: 68px;
}

.disruptor--content .hide-mobile {
            display: none;
        }

@media (min-width: 1024px) {

.disruptor--content .hide-mobile {
                display: grid
        }
            }

.disruptor--content .hide-desktop {
            display: grid;
        }

@media (min-width: 1024px) {

.disruptor--content .hide-desktop {
                display: none
        }
            }

.disruptor--content img {
            position: absolute;
            bottom: 14px;
            max-width: 100%;
            max-height: 200px;
        }

@media (min-width: 760px) {

.disruptor--content img {
                bottom: 30px
        }
            }

@media (min-width: 1024px) {

.disruptor--content img {
                bottom: 60px;

                max-height: 250px
        }
            }

.disruptor--content img {

            justify-self: center;
            width: auto;
            height: auto;
}

.disruptor--content img.left-aligned {
                right: 0;
            }

@media (min-width: 1024px) {

.disruptor--content img.left-aligned {
                    left: 0
            }
                }

.disruptor--content img.right-aligned {
                right: 0;
            }

.disruptor--content div.richtext {
            padding: 30px 0 30px 0;
            color: #c8aa22;
        }

.disruptor--content div.richtext h3 {
                font-size: 16px;
                line-height: 24px;
            }

@media (min-width: 760px) {

.disruptor--content div.richtext h3 {
                    font-size: 30px;
                    line-height: 36px
            }
                }

.disruptor--content div.richtext h1,
            .disruptor--content div.richtext h2,
            .disruptor--content div.richtext h3,
            .disruptor--content div.richtext h4,
            .disruptor--content div.richtext h5 {
                color: #c8aa22;
            }

.disruptor__gold .disruptor--content {
            background-color: #c8aa22;
        }

.disruptor__gold div.richtext {
            color: white !important;
        }

.disruptor__gold div.richtext h1,
            .disruptor__gold div.richtext h2,
            .disruptor__gold div.richtext h3,
            .disruptor__gold div.richtext h4,
            .disruptor__gold div.richtext h5 {
                color: white !important;
            }

.disruptor .cta-list {
        padding: 0 0 30px 0;
    }

.footer__static-links__container {
    display: flex;
    flex-direction: column;
    margin-top: 24px;
    padding-top: 24px;
    /* border-top: 1px $gray-16 solid; */ /* border has been disabled due to customer request */
    gap: 16px;
}

.footer__static-links__line-wrapper {
    display: flex;
}

.footer__static-links__line-wrapper a {
        cursor: pointer;
        text-decoration: none;
    }

.footer__static-links__line-wrapper {

    gap: 16px;
}

@media (min-width: 760px) {

.footer__static-links__line-wrapper {
        gap: 24px
}
    }

.footer__static-links__line-wrapper-links {
        flex-direction: column;
    }

@media (min-width: 760px) {

.footer__static-links__line-wrapper-links {
            flex-direction: row
    }
        }

.footer__link {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.footer__link a {
        cursor: pointer;
        text-decoration: none;

        color: #337a96;
    }

.footer__link a:hover {
            color: #00587c;
            color: #00587c;
        }

.footer__link a:active {
            color: #004763;
            color: #004763;
        }

.footer__link a:focus-visible {
            outline-offset: 2px;
            outline: 2px solid #004763;
        }

.richtext {
    color: #575757;
    font-family: DVAG-Type, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400;
}

.richtext i {
        font-style: italic;
    }

.richtext p {
        line-height: 24px;
        font-size: 16px;
    }

.richtext .p-big {
        line-height: 28px;
        font-size: 20px;
    }

.richtext p + p {
        margin-top: 8px;
    }

.richtext p + h1,
    .richtext p + h2,
    .richtext p + h3,
    .richtext p + h4,
    .richtext p + h5,
    .richtext p + img,
    .richtext p + div,
    .richtext img + p {
        margin-top: 16px;
    }

.richtext h1,
    .richtext h2,
    .richtext h3,
    .richtext h4,
    .richtext h5,
    .richtext .p-big {
        margin-bottom: 16px;
    }

.richtext h1 {
        line-height: 44px;
        font-size: 34px;
    }

.richtext h2 {
        line-height: 40px;
        font-size: 30px;
    }

.richtext h3 {
        line-height: 36px;
        font-size: 26px;
    }

.richtext h4 {
        line-height: 32px;
        font-size: 22px;
    }

.richtext h5 {
        line-height: 28px;
        font-size: 20px;
    }

.richtext h1,
    .richtext h2,
    .richtext h3,
    .richtext h4,
    .richtext h5 {
        color: #2b2b2b;
    }

.richtext ul,
    .richtext ol {
        display: block;
        margin: 8px 0;
        padding-left: 7px;
        list-style-position: outside;
    }

.richtext ul ul,
        .richtext ul ol,
        .richtext ol ul,
        .richtext ol ol {
            padding-left: 16px;
        }

.richtext li {
        position: relative;
        margin-bottom: 3px;
        margin-top: 3px;
        padding-left: 7px;
        line-height: var(--dx-text-line-height-small, var(--dx-text-line-height, 24px));
    }

.richtext ol {
        counter-reset: ol-counter;
    }

.richtext ol li {
            counter-increment: ol-counter;
            padding-left: 16px;
        }

.richtext ol li::before {
        content: counter(ol-counter) '.';
        position: absolute;
        left: 0;
        margin-left: -7px;
    }

.richtext ul li::before {
        content: '•';
        position: absolute;
        left: 0;
        margin-left: -7px;
    }

.richtext a {
        cursor: pointer;
        text-decoration: none;

        color: #337a96;
    }

.richtext a:hover {
            color: #00587c;
            color: #00587c;
        }

.richtext a:active {
            color: #004763;
            color: #004763;
        }

.richtext a:focus-visible {
            outline-offset: 2px;
            outline: 2px solid #004763;
        }

.richtext .richtext-image {
        clear: both;
        height: auto;
        display: block;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

@media (min-width: 1280px) {

.richtext .richtext-image.left {
            float: left;
            max-width: calc(50% - 24px);
            margin-right: 24px
    }
        }

@media (min-width: 1280px) {

.richtext .richtext-image.right {
            float: right;
            max-width: calc(50% - 24px);
            margin-left: 24px
    }
        }

@media (min-width: 1280px) {

.richtext .richtext-image.full-width-left {
            float: left;
            margin-right: 24px
    }
        }

@media (min-width: 1280px) {

.richtext .richtext-image.full-width-right {
            float: right;
            margin-left: 24px
    }
        }

.richtext .text-center {
        text-align: center;
        display: block;
    }

.richtext iframe {
        aspect-ratio: 16 / 9;
        width: 100%;
        height: 100%;
    }

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

.relative {
    position: relative;
}

.hidden {
    display: none !important;
}

.mobile-hidden {
    display: none;
}

@media (min-width: 1024px) {

.mobile-hidden {
        display: block !important
}
    }

.mobile-hidden-mq3 {
    display: none;
}

@media (min-width: 760px) {

.mobile-hidden-mq3 {
        display: block !important
}
    }

@media (min-width: 1024px) {

.desktop-hidden {
        display: none !important
}
    }

@media (min-width: 760px) {

.desktop-hidden-mq3 {
        display: none !important
}
    }

.video-embed,
.responsive-object iframe {
    aspect-ratio: 16 / 9;
    width: 100%;
}

.responsive-object iframe {
    height: 100%;
}

.embed-placeholder {
    height: 200px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.embed-placeholder dx-button {
        margin-top: 16px;
    }

.overflow-hidden {
    overflow: hidden;
}

/* Set proper headline and copy color */

dx-text {
    color: #575757;
}

dx-text[type='Headline-2'],
dx-text[type='h2'],
dx-text[type='Headline-3'],
dx-text[type='h3'],
dx-text[type='Headline-4'],
dx-text[type='h4'],
dx-text[type='Headline-5'],
dx-text[type='h5'] {
    color: #2b2b2b;
}

b,
strong {
    font-weight: 700;
}

section,
dx-footer {
    clear: both;
}

main {
    max-width: 1460px;
    margin: 0 auto;
}

main > section {
        padding: 24px 0;
    }

main > section[data-block='header']:first-child {
            padding: 0;
        }

main > section[data-block='golden_stage_header']:first-child {
            padding: 0;
        }

@media (min-width: 760px) {

main > section {
            padding: 48px 0
    }
        }

@media (min-width: 1024px) {

main > section {
            padding: 64px 0
    }
        }

.cta-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

@media (min-width: 760px) {

.cta-list {
        flex-direction: row;
        gap: 24px
}

        .cta-list--centered {
            margin: 0 auto;
        }
    }

body.lebenstraum main > section[data-block='golden_stage_header'] {
    padding: 0 !important;
}
