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

.nx-formfield__wrapper {
    padding-top: 32px !important
}

.nx-formfield__label {
    white-space: normal !important
}

.nx-formfield.is-floating .nx-formfield__label {
    transform: translateY(calc(-100% - 16px)) !important
}

df-radio-group {
    margin-bottom: 2.4rem !important
}

df-radio-group .nx-heading--subsection-small {
    display: none
}

h5.nx-heading--subsection-xsmall {
    font-size: 1.4rem !important;
    font-weight: 400 !important;
    margin: 0 0 1.6rem !important
}

.nx-icon--info-circle-o {
    color: var(--color-primary-interactive-700) !important
}

df-date .nx-formfield.is-disabled {
    -webkit-text-fill-color: inherit;
    color: inherit;
    cursor: inherit
}

df-date .nx-formfield.is-disabled .c-input {
    -webkit-text-fill-color: var(--formfield-disabled-text-color);
    color: var(--formfield-disabled-text-color);
    cursor: not-allowed
}

fieldset,
table,
td,
th,
tr {
    margin: 0;
    padding: 0
}

fieldset {
    border: 0
}

button,
input {
    font: inherit
}

figure {
    margin: 0;
    padding: 0
}

small {
    font-size: inherit
}

address,
em {
    font-style: normal
}

ol,
ul {
    margin: 0;
    padding: 0
}

*,
:after,
:before {
    box-sizing: border-box
}

p {
    margin: 0
}

.u-text-left {
    text-align: left !important
}

.u-text-right {
    text-align: right !important
}

.u-text-center {
    text-align: center !important
}

img {
    height: auto;
    width: auto
}

div {
    -webkit-hyphens: none;
    hyphens: none
}

/*!
 * Bootstrap Grid v5.3.0 (https://getbootstrap.com/)
 * Copyright 2011-2023 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xs,
.container-xxl,
.container-xxxl {
    --bs-gutter-x: 3.2rem;
    --bs-gutter-y: 0;
    margin-left: auto;
    margin-right: auto;
    /* padding-left: calc(var(--bs-gutter-x)*.5); */
    padding-right: calc(var(--bs-gutter-x)*.5);
    width: 100%
}

.container {
    max-width: 0
}

@media (min-width:320px) {

    .container,
    .container-sm {
        max-width: 320px
    }
}

@media (min-width:576px) {

    .container,
    .container-md,
    .container-sm {
        max-width: 576px
    }
}

@media (min-width:768px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 768px
    }
}

@media (min-width:992px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 992px
    }
}

@media (min-width:1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1200px
    }
}

@media (min-width:1456px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl,
    .container-xxxl {
        max-width: 1456px
    }
}

:root {
    --bs-breakpoint-xs: 0;
    --bs-breakpoint-sm: 320px;
    --bs-breakpoint-md: 576px;
    --bs-breakpoint-lg: 768px;
    --bs-breakpoint-xl: 992px;
    --bs-breakpoint-xxl: 1200px;
    --bs-breakpoint-xxxl: 1456px
}

.row {
    --bs-gutter-x: 3.2rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(var(--bs-gutter-x)*-.5);
    margin-right: calc(var(--bs-gutter-x)*-.5);
    margin-top: calc(var(--bs-gutter-y)*-1)
}

.row>* {
    box-sizing: border-box;
    flex-shrink: 0;
    margin-top: var(--bs-gutter-y);
    max-width: 100%;
    padding-left: calc(var(--bs-gutter-x)*.5);
    padding-right: calc(var(--bs-gutter-x)*.5);
    width: 100%
}

.col {
    flex: 1 0 0%
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

.g-xxs,
.gx-xxs {
    --bs-gutter-x: 0.8rem
}

.g-xxs,
.gy-xxs {
    --bs-gutter-y: 0.8rem
}

.g-xs,
.gx-xs {
    --bs-gutter-x: 1.2rem
}

.g-xs,
.gy-xs {
    --bs-gutter-y: 1.2rem
}

.g-s,
.gx-s {
    --bs-gutter-x: 1.6rem
}

.g-s,
.gy-s {
    --bs-gutter-y: 1.6rem
}

.g-m,
.gx-m {
    --bs-gutter-x: 2.4rem
}

.g-m,
.gy-m {
    --bs-gutter-y: 2.4rem
}

.g-l,
.gx-l {
    --bs-gutter-x: 3.2rem
}

.g-l,
.gy-l {
    --bs-gutter-y: 3.2rem
}

.g-l2,
.gx-l2 {
    --bs-gutter-x: 4rem
}

.g-l2,
.gy-l2 {
    --bs-gutter-y: 4rem
}

.g-xl,
.gx-xl {
    --bs-gutter-x: 4.8rem
}

.g-xl,
.gy-xl {
    --bs-gutter-y: 4.8rem
}

.g-xl2,
.gx-xl2 {
    --bs-gutter-x: 6rem
}

.g-xl2,
.gy-xl2 {
    --bs-gutter-y: 6rem
}

.g-xxl,
.gx-xxl {
    --bs-gutter-x: 6.4rem
}

.g-xxl,
.gy-xxl {
    --bs-gutter-y: 6.4rem
}

.g-xxxl,
.gx-xxxl {
    --bs-gutter-x: 8rem
}

.g-xxxl,
.gy-xxxl {
    --bs-gutter-y: 8rem
}

@media (min-width:320px) {
    .col-sm {
        flex: 1 0 0%
    }

    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333333%
    }

    .offset-sm-2 {
        margin-left: 16.66666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333333%
    }

    .offset-sm-5 {
        margin-left: 41.66666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333333%
    }

    .offset-sm-8 {
        margin-left: 66.66666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333333%
    }

    .offset-sm-11 {
        margin-left: 91.66666667%
    }

    .g-sm-xxs,
    .gx-sm-xxs {
        --bs-gutter-x: 0.8rem
    }

    .g-sm-xxs,
    .gy-sm-xxs {
        --bs-gutter-y: 0.8rem
    }

    .g-sm-xs,
    .gx-sm-xs {
        --bs-gutter-x: 1.2rem
    }

    .g-sm-xs,
    .gy-sm-xs {
        --bs-gutter-y: 1.2rem
    }

    .g-sm-s,
    .gx-sm-s {
        --bs-gutter-x: 1.6rem
    }

    .g-sm-s,
    .gy-sm-s {
        --bs-gutter-y: 1.6rem
    }

    .g-sm-m,
    .gx-sm-m {
        --bs-gutter-x: 2.4rem
    }

    .g-sm-m,
    .gy-sm-m {
        --bs-gutter-y: 2.4rem
    }

    .g-sm-l,
    .gx-sm-l {
        --bs-gutter-x: 3.2rem
    }

    .g-sm-l,
    .gy-sm-l {
        --bs-gutter-y: 3.2rem
    }

    .g-sm-l2,
    .gx-sm-l2 {
        --bs-gutter-x: 4rem
    }

    .g-sm-l2,
    .gy-sm-l2 {
        --bs-gutter-y: 4rem
    }

    .g-sm-xl,
    .gx-sm-xl {
        --bs-gutter-x: 4.8rem
    }

    .g-sm-xl,
    .gy-sm-xl {
        --bs-gutter-y: 4.8rem
    }

    .g-sm-xl2,
    .gx-sm-xl2 {
        --bs-gutter-x: 6rem
    }

    .g-sm-xl2,
    .gy-sm-xl2 {
        --bs-gutter-y: 6rem
    }

    .g-sm-xxl,
    .gx-sm-xxl {
        --bs-gutter-x: 6.4rem
    }

    .g-sm-xxl,
    .gy-sm-xxl {
        --bs-gutter-y: 6.4rem
    }

    .g-sm-xxxl,
    .gx-sm-xxxl {
        --bs-gutter-x: 8rem
    }

    .g-sm-xxxl,
    .gy-sm-xxxl {
        --bs-gutter-y: 8rem
    }
}

@media (min-width:576px) {
    .col-md {
        flex: 1 0 0%
    }

    .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333333%
    }

    .offset-md-2 {
        margin-left: 16.66666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333333%
    }

    .offset-md-5 {
        margin-left: 41.66666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333333%
    }

    .offset-md-8 {
        margin-left: 66.66666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333333%
    }

    .offset-md-11 {
        margin-left: 91.66666667%
    }

    .g-md-xxs,
    .gx-md-xxs {
        --bs-gutter-x: 0.8rem
    }

    .g-md-xxs,
    .gy-md-xxs {
        --bs-gutter-y: 0.8rem
    }

    .g-md-xs,
    .gx-md-xs {
        --bs-gutter-x: 1.2rem
    }

    .g-md-xs,
    .gy-md-xs {
        --bs-gutter-y: 1.2rem
    }

    .g-md-s,
    .gx-md-s {
        --bs-gutter-x: 1.6rem
    }

    .g-md-s,
    .gy-md-s {
        --bs-gutter-y: 1.6rem
    }

    .g-md-m,
    .gx-md-m {
        --bs-gutter-x: 2.4rem
    }

    .g-md-m,
    .gy-md-m {
        --bs-gutter-y: 2.4rem
    }

    .g-md-l,
    .gx-md-l {
        --bs-gutter-x: 3.2rem
    }

    .g-md-l,
    .gy-md-l {
        --bs-gutter-y: 3.2rem
    }

    .g-md-l2,
    .gx-md-l2 {
        --bs-gutter-x: 4rem
    }

    .g-md-l2,
    .gy-md-l2 {
        --bs-gutter-y: 4rem
    }

    .g-md-xl,
    .gx-md-xl {
        --bs-gutter-x: 4.8rem
    }

    .g-md-xl,
    .gy-md-xl {
        --bs-gutter-y: 4.8rem
    }

    .g-md-xl2,
    .gx-md-xl2 {
        --bs-gutter-x: 6rem
    }

    .g-md-xl2,
    .gy-md-xl2 {
        --bs-gutter-y: 6rem
    }

    .g-md-xxl,
    .gx-md-xxl {
        --bs-gutter-x: 6.4rem
    }

    .g-md-xxl,
    .gy-md-xxl {
        --bs-gutter-y: 6.4rem
    }

    .g-md-xxxl,
    .gx-md-xxxl {
        --bs-gutter-x: 8rem
    }

    .g-md-xxxl,
    .gy-md-xxxl {
        --bs-gutter-y: 8rem
    }
}

@media (min-width:768px) {
    .col-lg {
        flex: 1 0 0%
    }

    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333333%
    }

    .offset-lg-2 {
        margin-left: 16.66666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333333%
    }

    .offset-lg-5 {
        margin-left: 41.66666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333333%
    }

    .offset-lg-8 {
        margin-left: 66.66666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333333%
    }

    .offset-lg-11 {
        margin-left: 91.66666667%
    }

    .g-lg-xxs,
    .gx-lg-xxs {
        --bs-gutter-x: 0.8rem
    }

    .g-lg-xxs,
    .gy-lg-xxs {
        --bs-gutter-y: 0.8rem
    }

    .g-lg-xs,
    .gx-lg-xs {
        --bs-gutter-x: 1.2rem
    }

    .g-lg-xs,
    .gy-lg-xs {
        --bs-gutter-y: 1.2rem
    }

    .g-lg-s,
    .gx-lg-s {
        --bs-gutter-x: 1.6rem
    }

    .g-lg-s,
    .gy-lg-s {
        --bs-gutter-y: 1.6rem
    }

    .g-lg-m,
    .gx-lg-m {
        --bs-gutter-x: 2.4rem
    }

    .g-lg-m,
    .gy-lg-m {
        --bs-gutter-y: 2.4rem
    }

    .g-lg-l,
    .gx-lg-l {
        --bs-gutter-x: 3.2rem
    }

    .g-lg-l,
    .gy-lg-l {
        --bs-gutter-y: 3.2rem
    }

    .g-lg-l2,
    .gx-lg-l2 {
        --bs-gutter-x: 4rem
    }

    .g-lg-l2,
    .gy-lg-l2 {
        --bs-gutter-y: 4rem
    }

    .g-lg-xl,
    .gx-lg-xl {
        --bs-gutter-x: 4.8rem
    }

    .g-lg-xl,
    .gy-lg-xl {
        --bs-gutter-y: 4.8rem
    }

    .g-lg-xl2,
    .gx-lg-xl2 {
        --bs-gutter-x: 6rem
    }

    .g-lg-xl2,
    .gy-lg-xl2 {
        --bs-gutter-y: 6rem
    }

    .g-lg-xxl,
    .gx-lg-xxl {
        --bs-gutter-x: 6.4rem
    }

    .g-lg-xxl,
    .gy-lg-xxl {
        --bs-gutter-y: 6.4rem
    }

    .g-lg-xxxl,
    .gx-lg-xxxl {
        --bs-gutter-x: 8rem
    }

    .g-lg-xxxl,
    .gy-lg-xxxl {
        --bs-gutter-y: 8rem
    }
}

@media (min-width:992px) {
    .col-xl {
        flex: 1 0 0%
    }

    .row-cols-xl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333333%
    }

    .offset-xl-2 {
        margin-left: 16.66666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333333%
    }

    .offset-xl-5 {
        margin-left: 41.66666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333333%
    }

    .offset-xl-8 {
        margin-left: 66.66666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333333%
    }

    .offset-xl-11 {
        margin-left: 91.66666667%
    }

    .g-xl-xxs,
    .gx-xl-xxs {
        --bs-gutter-x: 0.8rem
    }

    .g-xl-xxs,
    .gy-xl-xxs {
        --bs-gutter-y: 0.8rem
    }

    .g-xl-xs,
    .gx-xl-xs {
        --bs-gutter-x: 1.2rem
    }

    .g-xl-xs,
    .gy-xl-xs {
        --bs-gutter-y: 1.2rem
    }

    .g-xl-s,
    .gx-xl-s {
        --bs-gutter-x: 1.6rem
    }

    .g-xl-s,
    .gy-xl-s {
        --bs-gutter-y: 1.6rem
    }

    .g-xl-m,
    .gx-xl-m {
        --bs-gutter-x: 2.4rem
    }

    .g-xl-m,
    .gy-xl-m {
        --bs-gutter-y: 2.4rem
    }

    .g-xl-l,
    .gx-xl-l {
        --bs-gutter-x: 3.2rem
    }

    .g-xl-l,
    .gy-xl-l {
        --bs-gutter-y: 3.2rem
    }

    .g-xl-l2,
    .gx-xl-l2 {
        --bs-gutter-x: 4rem
    }

    .g-xl-l2,
    .gy-xl-l2 {
        --bs-gutter-y: 4rem
    }

    .g-xl-xl,
    .gx-xl-xl {
        --bs-gutter-x: 4.8rem
    }

    .g-xl-xl,
    .gy-xl-xl {
        --bs-gutter-y: 4.8rem
    }

    .g-xl-xl2,
    .gx-xl-xl2 {
        --bs-gutter-x: 6rem
    }

    .g-xl-xl2,
    .gy-xl-xl2 {
        --bs-gutter-y: 6rem
    }

    .g-xl-xxl,
    .gx-xl-xxl {
        --bs-gutter-x: 6.4rem
    }

    .g-xl-xxl,
    .gy-xl-xxl {
        --bs-gutter-y: 6.4rem
    }

    .g-xl-xxxl,
    .gx-xl-xxxl {
        --bs-gutter-x: 8rem
    }

    .g-xl-xxxl,
    .gy-xl-xxxl {
        --bs-gutter-y: 8rem
    }
}

@media (min-width:1200px) {
    .col-xxl {
        flex: 1 0 0%
    }

    .row-cols-xxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xxl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xxl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333333%
    }

    .offset-xxl-2 {
        margin-left: 16.66666667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333333%
    }

    .offset-xxl-5 {
        margin-left: 41.66666667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333333%
    }

    .offset-xxl-8 {
        margin-left: 66.66666667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333333%
    }

    .offset-xxl-11 {
        margin-left: 91.66666667%
    }

    .g-xxl-xxs,
    .gx-xxl-xxs {
        --bs-gutter-x: 0.8rem
    }

    .g-xxl-xxs,
    .gy-xxl-xxs {
        --bs-gutter-y: 0.8rem
    }

    .g-xxl-xs,
    .gx-xxl-xs {
        --bs-gutter-x: 1.2rem
    }

    .g-xxl-xs,
    .gy-xxl-xs {
        --bs-gutter-y: 1.2rem
    }

    .g-xxl-s,
    .gx-xxl-s {
        --bs-gutter-x: 1.6rem
    }

    .g-xxl-s,
    .gy-xxl-s {
        --bs-gutter-y: 1.6rem
    }

    .g-xxl-m,
    .gx-xxl-m {
        --bs-gutter-x: 2.4rem
    }

    .g-xxl-m,
    .gy-xxl-m {
        --bs-gutter-y: 2.4rem
    }

    .g-xxl-l,
    .gx-xxl-l {
        --bs-gutter-x: 3.2rem
    }

    .g-xxl-l,
    .gy-xxl-l {
        --bs-gutter-y: 3.2rem
    }

    .g-xxl-l2,
    .gx-xxl-l2 {
        --bs-gutter-x: 4rem
    }

    .g-xxl-l2,
    .gy-xxl-l2 {
        --bs-gutter-y: 4rem
    }

    .g-xxl-xl,
    .gx-xxl-xl {
        --bs-gutter-x: 4.8rem
    }

    .g-xxl-xl,
    .gy-xxl-xl {
        --bs-gutter-y: 4.8rem
    }

    .g-xxl-xl2,
    .gx-xxl-xl2 {
        --bs-gutter-x: 6rem
    }

    .g-xxl-xl2,
    .gy-xxl-xl2 {
        --bs-gutter-y: 6rem
    }

    .g-xxl-xxl,
    .gx-xxl-xxl {
        --bs-gutter-x: 6.4rem
    }

    .g-xxl-xxl,
    .gy-xxl-xxl {
        --bs-gutter-y: 6.4rem
    }

    .g-xxl-xxxl,
    .gx-xxl-xxxl {
        --bs-gutter-x: 8rem
    }

    .g-xxl-xxxl,
    .gy-xxl-xxxl {
        --bs-gutter-y: 8rem
    }
}

@media (min-width:1456px) {
    .col-xxxl {
        flex: 1 0 0%
    }

    .row-cols-xxxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxxl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxxl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xxxl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xxxl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxxl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xxxl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xxxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xxxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxxl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xxxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xxxl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xxxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xxxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xxxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xxxl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xxxl-0 {
        margin-left: 0
    }

    .offset-xxxl-1 {
        margin-left: 8.33333333%
    }

    .offset-xxxl-2 {
        margin-left: 16.66666667%
    }

    .offset-xxxl-3 {
        margin-left: 25%
    }

    .offset-xxxl-4 {
        margin-left: 33.33333333%
    }

    .offset-xxxl-5 {
        margin-left: 41.66666667%
    }

    .offset-xxxl-6 {
        margin-left: 50%
    }

    .offset-xxxl-7 {
        margin-left: 58.33333333%
    }

    .offset-xxxl-8 {
        margin-left: 66.66666667%
    }

    .offset-xxxl-9 {
        margin-left: 75%
    }

    .offset-xxxl-10 {
        margin-left: 83.33333333%
    }

    .offset-xxxl-11 {
        margin-left: 91.66666667%
    }

    .g-xxxl-xxs,
    .gx-xxxl-xxs {
        --bs-gutter-x: 0.8rem
    }

    .g-xxxl-xxs,
    .gy-xxxl-xxs {
        --bs-gutter-y: 0.8rem
    }

    .g-xxxl-xs,
    .gx-xxxl-xs {
        --bs-gutter-x: 1.2rem
    }

    .g-xxxl-xs,
    .gy-xxxl-xs {
        --bs-gutter-y: 1.2rem
    }

    .g-xxxl-s,
    .gx-xxxl-s {
        --bs-gutter-x: 1.6rem
    }

    .g-xxxl-s,
    .gy-xxxl-s {
        --bs-gutter-y: 1.6rem
    }

    .g-xxxl-m,
    .gx-xxxl-m {
        --bs-gutter-x: 2.4rem
    }

    .g-xxxl-m,
    .gy-xxxl-m {
        --bs-gutter-y: 2.4rem
    }

    .g-xxxl-l,
    .gx-xxxl-l {
        --bs-gutter-x: 3.2rem
    }

    .g-xxxl-l,
    .gy-xxxl-l {
        --bs-gutter-y: 3.2rem
    }

    .g-xxxl-l2,
    .gx-xxxl-l2 {
        --bs-gutter-x: 4rem
    }

    .g-xxxl-l2,
    .gy-xxxl-l2 {
        --bs-gutter-y: 4rem
    }

    .g-xxxl-xl,
    .gx-xxxl-xl {
        --bs-gutter-x: 4.8rem
    }

    .g-xxxl-xl,
    .gy-xxxl-xl {
        --bs-gutter-y: 4.8rem
    }

    .g-xxxl-xl2,
    .gx-xxxl-xl2 {
        --bs-gutter-x: 6rem
    }

    .g-xxxl-xl2,
    .gy-xxxl-xl2 {
        --bs-gutter-y: 6rem
    }

    .g-xxxl-xxl,
    .gx-xxxl-xxl {
        --bs-gutter-x: 6.4rem
    }

    .g-xxxl-xxl,
    .gy-xxxl-xxl {
        --bs-gutter-y: 6.4rem
    }

    .g-xxxl-xxxl,
    .gx-xxxl-xxxl {
        --bs-gutter-x: 8rem
    }

    .g-xxxl-xxxl,
    .gy-xxxl-xxxl {
        --bs-gutter-y: 8rem
    }
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-grid {
    display: grid !important
}

.d-inline-grid {
    display: inline-grid !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-none {
    display: none !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.justify-content-evenly {
    justify-content: space-evenly !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

.order-first {
    order: -1 !important
}

.order-0 {
    order: 0 !important
}

.order-1 {
    order: 1 !important
}

.order-2 {
    order: 2 !important
}

.order-3 {
    order: 3 !important
}

.order-4 {
    order: 4 !important
}

.order-5 {
    order: 5 !important
}

.order-last {
    order: 6 !important
}

.m-xxs {
    margin: .8rem !important
}

.m-xs {
    margin: 1.2rem !important
}

.m-s {
    margin: 1.6rem !important
}

.m-m {
    margin: 2.4rem !important
}

.m-l {
    margin: 3.2rem !important
}

.m-l2 {
    margin: 4rem !important
}

.m-xl {
    margin: 4.8rem !important
}

.m-xl2 {
    margin: 6rem !important
}

.m-xxl {
    margin: 6.4rem !important
}

.m-xxxl {
    margin: 8rem !important
}

.m-auto {
    margin: auto !important
}

.mx-xxs {
    margin-left: .8rem !important;
    margin-right: .8rem !important
}

.mx-xs {
    margin-left: 1.2rem !important;
    margin-right: 1.2rem !important
}

.mx-s {
    margin-left: 1.6rem !important;
    margin-right: 1.6rem !important
}

.mx-m {
    margin-left: 2.4rem !important;
    margin-right: 2.4rem !important
}

.mx-l {
    margin-left: 3.2rem !important;
    margin-right: 3.2rem !important
}

.mx-l2 {
    margin-left: 4rem !important;
    margin-right: 4rem !important
}

.mx-xl {
    margin-left: 4.8rem !important;
    margin-right: 4.8rem !important
}

.mx-xl2 {
    margin-left: 6rem !important;
    margin-right: 6rem !important
}

.mx-xxl {
    margin-left: 6.4rem !important;
    margin-right: 6.4rem !important
}

.mx-xxxl {
    margin-left: 8rem !important;
    margin-right: 8rem !important
}

.mx-auto {
    margin-left: auto !important;
    margin-right: auto !important
}

.my-xxs {
    margin-bottom: .8rem !important;
    margin-top: .8rem !important
}

.my-xs {
    margin-bottom: 1.2rem !important;
    margin-top: 1.2rem !important
}

.my-s {
    margin-bottom: 1.6rem !important;
    margin-top: 1.6rem !important
}

.my-m {
    margin-bottom: 2.4rem !important;
    margin-top: 2.4rem !important
}

.my-l {
    margin-bottom: 3.2rem !important;
    margin-top: 3.2rem !important
}

.my-l2 {
    margin-bottom: 4rem !important;
    margin-top: 4rem !important
}

.my-xl {
    margin-bottom: 4.8rem !important;
    margin-top: 4.8rem !important
}

.my-xl2 {
    margin-bottom: 6rem !important;
    margin-top: 6rem !important
}

.my-xxl {
    margin-bottom: 6.4rem !important;
    margin-top: 6.4rem !important
}

.my-xxxl {
    margin-bottom: 8rem !important;
    margin-top: 8rem !important
}

.my-auto {
    margin-bottom: auto !important;
    margin-top: auto !important
}

.mt-xxs {
    margin-top: .8rem !important
}

.mt-xs {
    margin-top: 1.2rem !important
}

.mt-s {
    margin-top: 1.6rem !important
}

.mt-m {
    margin-top: 2.4rem !important
}

.mt-l {
    margin-top: 3.2rem !important
}

.mt-l2 {
    margin-top: 4rem !important
}

.mt-xl {
    margin-top: 4.8rem !important
}

.mt-xl2 {
    margin-top: 6rem !important
}

.mt-xxl {
    margin-top: 6.4rem !important
}

.mt-xxxl {
    margin-top: 8rem !important
}

.mt-auto {
    margin-top: auto !important
}

.me-xxs {
    margin-right: .8rem !important
}

.me-xs {
    margin-right: 1.2rem !important
}

.me-s {
    margin-right: 1.6rem !important
}

.me-m {
    margin-right: 2.4rem !important
}

.me-l {
    margin-right: 3.2rem !important
}

.me-l2 {
    margin-right: 4rem !important
}

.me-xl {
    margin-right: 4.8rem !important
}

.me-xl2 {
    margin-right: 6rem !important
}

.me-xxl {
    margin-right: 6.4rem !important
}

.me-xxxl {
    margin-right: 8rem !important
}

.me-auto {
    margin-right: auto !important
}

.mb-xxs {
    margin-bottom: .8rem !important
}

.mb-xs {
    margin-bottom: 1.2rem !important
}

.mb-s {
    margin-bottom: 1.6rem !important
}

.mb-m {
    margin-bottom: 2.4rem !important
}

.mb-l {
    margin-bottom: 3.2rem !important
}

.mb-l2 {
    margin-bottom: 4rem !important
}

.mb-xl {
    margin-bottom: 4.8rem !important
}

.mb-xl2 {
    margin-bottom: 6rem !important
}

.mb-xxl {
    margin-bottom: 6.4rem !important
}

.mb-xxxl {
    margin-bottom: 8rem !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ms-xxs {
    margin-left: .8rem !important
}

.ms-xs {
    margin-left: 1.2rem !important
}

.ms-s {
    margin-left: 1.6rem !important
}

.ms-m {
    margin-left: 2.4rem !important
}

.ms-l {
    margin-left: 3.2rem !important
}

.ms-l2 {
    margin-left: 4rem !important
}

.ms-xl {
    margin-left: 4.8rem !important
}

.ms-xl2 {
    margin-left: 6rem !important
}

.ms-xxl {
    margin-left: 6.4rem !important
}

.ms-xxxl {
    margin-left: 8rem !important
}

.ms-auto {
    margin-left: auto !important
}

.p-xxs {
    padding: .8rem !important
}

.p-xs {
    padding: 1.2rem !important
}

.p-s {
    padding: 1.6rem !important
}

.p-m {
    padding: 2.4rem !important
}

.p-l {
    padding: 3.2rem !important
}

.p-l2 {
    padding: 4rem !important
}

.p-xl {
    padding: 4.8rem !important
}

.p-xl2 {
    padding: 6rem !important
}

.p-xxl {
    padding: 6.4rem !important
}

.p-xxxl {
    padding: 8rem !important
}

.px-xxs {
    padding-left: .8rem !important;
    padding-right: .8rem !important
}

.px-xs {
    padding-left: 1.2rem !important;
    padding-right: 1.2rem !important
}

.px-s {
    padding-left: 1.6rem !important;
    padding-right: 1.6rem !important
}

.px-m {
    padding-left: 2.4rem !important;
    padding-right: 2.4rem !important
}

.px-l {
    padding-left: 3.2rem !important;
    padding-right: 3.2rem !important
}

.px-l2 {
    padding-left: 4rem !important;
    padding-right: 4rem !important
}

.px-xl {
    padding-left: 4.8rem !important;
    padding-right: 4.8rem !important
}

.px-xl2 {
    padding-left: 6rem !important;
    padding-right: 6rem !important
}

.px-xxl {
    padding-left: 6.4rem !important;
    padding-right: 6.4rem !important
}

.px-xxxl {
    padding-left: 8rem !important;
    padding-right: 8rem !important
}

.py-xxs {
    padding-bottom: .8rem !important;
    padding-top: .8rem !important
}

.py-xs {
    padding-bottom: 1.2rem !important;
    padding-top: 1.2rem !important
}

.py-s {
    padding-bottom: 1.6rem !important;
    padding-top: 1.6rem !important
}

.py-m {
    padding-bottom: 2.4rem !important;
    padding-top: 2.4rem !important
}

.py-l {
    padding-bottom: 3.2rem !important;
    padding-top: 3.2rem !important
}

.py-l2 {
    padding-bottom: 4rem !important;
    padding-top: 4rem !important
}

.py-xl {
    padding-bottom: 4.8rem !important;
    padding-top: 4.8rem !important
}

.py-xl2 {
    padding-bottom: 6rem !important;
    padding-top: 6rem !important
}

.py-xxl {
    padding-bottom: 6.4rem !important;
    padding-top: 6.4rem !important
}

.py-xxxl {
    padding-bottom: 8rem !important;
    padding-top: 8rem !important
}

.pt-xxs {
    padding-top: .8rem !important
}

.pt-xs {
    padding-top: 1.2rem !important
}

.pt-s {
    padding-top: 1.6rem !important
}

.pt-m {
    padding-top: 2.4rem !important
}

.pt-l {
    padding-top: 3.2rem !important
}

.pt-l2 {
    padding-top: 4rem !important
}

.pt-xl {
    padding-top: 4.8rem !important
}

.pt-xl2 {
    padding-top: 6rem !important
}

.pt-xxl {
    padding-top: 6.4rem !important
}

.pt-xxxl {
    padding-top: 8rem !important
}

.pe-xxs {
    padding-right: .8rem !important
}

.pe-xs {
    padding-right: 1.2rem !important
}

.pe-s {
    padding-right: 1.6rem !important
}

.pe-m {
    padding-right: 2.4rem !important
}

.pe-l {
    padding-right: 3.2rem !important
}

.pe-l2 {
    padding-right: 4rem !important
}

.pe-xl {
    padding-right: 4.8rem !important
}

.pe-xl2 {
    padding-right: 6rem !important
}

.pe-xxl {
    padding-right: 6.4rem !important
}

.pe-xxxl {
    padding-right: 8rem !important
}

.pb-xxs {
    padding-bottom: .8rem !important
}

.pb-xs {
    padding-bottom: 1.2rem !important
}

.pb-s {
    padding-bottom: 1.6rem !important
}

.pb-m {
    padding-bottom: 2.4rem !important
}

.pb-l {
    padding-bottom: 3.2rem !important
}

.pb-l2 {
    padding-bottom: 4rem !important
}

.pb-xl {
    padding-bottom: 4.8rem !important
}

.pb-xl2 {
    padding-bottom: 6rem !important
}

.pb-xxl {
    padding-bottom: 6.4rem !important
}

.pb-xxxl {
    padding-bottom: 8rem !important
}

.ps-xxs {
    padding-left: .8rem !important
}

.ps-xs {
    padding-left: 1.2rem !important
}

.ps-s {
    padding-left: 1.6rem !important
}

.ps-m {
    padding-left: 2.4rem !important
}

.ps-l {
    padding-left: 3.2rem !important
}

.ps-l2 {
    padding-left: 4rem !important
}

.ps-xl {
    padding-left: 4.8rem !important
}

.ps-xl2 {
    padding-left: 6rem !important
}

.ps-xxl {
    padding-left: 6.4rem !important
}

.ps-xxxl {
    padding-left: 8rem !important
}

@media (min-width:320px) {
    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-grid {
        display: grid !important
    }

    .d-sm-inline-grid {
        display: inline-grid !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }

    .d-sm-none {
        display: none !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }

    .order-sm-first {
        order: -1 !important
    }

    .order-sm-0 {
        order: 0 !important
    }

    .order-sm-1 {
        order: 1 !important
    }

    .order-sm-2 {
        order: 2 !important
    }

    .order-sm-3 {
        order: 3 !important
    }

    .order-sm-4 {
        order: 4 !important
    }

    .order-sm-5 {
        order: 5 !important
    }

    .order-sm-last {
        order: 6 !important
    }

    .m-sm-xxs {
        margin: .8rem !important
    }

    .m-sm-xs {
        margin: 1.2rem !important
    }

    .m-sm-s {
        margin: 1.6rem !important
    }

    .m-sm-m {
        margin: 2.4rem !important
    }

    .m-sm-l {
        margin: 3.2rem !important
    }

    .m-sm-l2 {
        margin: 4rem !important
    }

    .m-sm-xl {
        margin: 4.8rem !important
    }

    .m-sm-xl2 {
        margin: 6rem !important
    }

    .m-sm-xxl {
        margin: 6.4rem !important
    }

    .m-sm-xxxl {
        margin: 8rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mx-sm-xxs {
        margin-left: .8rem !important;
        margin-right: .8rem !important
    }

    .mx-sm-xs {
        margin-left: 1.2rem !important;
        margin-right: 1.2rem !important
    }

    .mx-sm-s {
        margin-left: 1.6rem !important;
        margin-right: 1.6rem !important
    }

    .mx-sm-m {
        margin-left: 2.4rem !important;
        margin-right: 2.4rem !important
    }

    .mx-sm-l {
        margin-left: 3.2rem !important;
        margin-right: 3.2rem !important
    }

    .mx-sm-l2 {
        margin-left: 4rem !important;
        margin-right: 4rem !important
    }

    .mx-sm-xl {
        margin-left: 4.8rem !important;
        margin-right: 4.8rem !important
    }

    .mx-sm-xl2 {
        margin-left: 6rem !important;
        margin-right: 6rem !important
    }

    .mx-sm-xxl {
        margin-left: 6.4rem !important;
        margin-right: 6.4rem !important
    }

    .mx-sm-xxxl {
        margin-left: 8rem !important;
        margin-right: 8rem !important
    }

    .mx-sm-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .my-sm-xxs {
        margin-bottom: .8rem !important;
        margin-top: .8rem !important
    }

    .my-sm-xs {
        margin-bottom: 1.2rem !important;
        margin-top: 1.2rem !important
    }

    .my-sm-s {
        margin-bottom: 1.6rem !important;
        margin-top: 1.6rem !important
    }

    .my-sm-m {
        margin-bottom: 2.4rem !important;
        margin-top: 2.4rem !important
    }

    .my-sm-l {
        margin-bottom: 3.2rem !important;
        margin-top: 3.2rem !important
    }

    .my-sm-l2 {
        margin-bottom: 4rem !important;
        margin-top: 4rem !important
    }

    .my-sm-xl {
        margin-bottom: 4.8rem !important;
        margin-top: 4.8rem !important
    }

    .my-sm-xl2 {
        margin-bottom: 6rem !important;
        margin-top: 6rem !important
    }

    .my-sm-xxl {
        margin-bottom: 6.4rem !important;
        margin-top: 6.4rem !important
    }

    .my-sm-xxxl {
        margin-bottom: 8rem !important;
        margin-top: 8rem !important
    }

    .my-sm-auto {
        margin-bottom: auto !important;
        margin-top: auto !important
    }

    .mt-sm-xxs {
        margin-top: .8rem !important
    }

    .mt-sm-xs {
        margin-top: 1.2rem !important
    }

    .mt-sm-s {
        margin-top: 1.6rem !important
    }

    .mt-sm-m {
        margin-top: 2.4rem !important
    }

    .mt-sm-l {
        margin-top: 3.2rem !important
    }

    .mt-sm-l2 {
        margin-top: 4rem !important
    }

    .mt-sm-xl {
        margin-top: 4.8rem !important
    }

    .mt-sm-xl2 {
        margin-top: 6rem !important
    }

    .mt-sm-xxl {
        margin-top: 6.4rem !important
    }

    .mt-sm-xxxl {
        margin-top: 8rem !important
    }

    .mt-sm-auto {
        margin-top: auto !important
    }

    .me-sm-xxs {
        margin-right: .8rem !important
    }

    .me-sm-xs {
        margin-right: 1.2rem !important
    }

    .me-sm-s {
        margin-right: 1.6rem !important
    }

    .me-sm-m {
        margin-right: 2.4rem !important
    }

    .me-sm-l {
        margin-right: 3.2rem !important
    }

    .me-sm-l2 {
        margin-right: 4rem !important
    }

    .me-sm-xl {
        margin-right: 4.8rem !important
    }

    .me-sm-xl2 {
        margin-right: 6rem !important
    }

    .me-sm-xxl {
        margin-right: 6.4rem !important
    }

    .me-sm-xxxl {
        margin-right: 8rem !important
    }

    .me-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-xxs {
        margin-bottom: .8rem !important
    }

    .mb-sm-xs {
        margin-bottom: 1.2rem !important
    }

    .mb-sm-s {
        margin-bottom: 1.6rem !important
    }

    .mb-sm-m {
        margin-bottom: 2.4rem !important
    }

    .mb-sm-l {
        margin-bottom: 3.2rem !important
    }

    .mb-sm-l2 {
        margin-bottom: 4rem !important
    }

    .mb-sm-xl {
        margin-bottom: 4.8rem !important
    }

    .mb-sm-xl2 {
        margin-bottom: 6rem !important
    }

    .mb-sm-xxl {
        margin-bottom: 6.4rem !important
    }

    .mb-sm-xxxl {
        margin-bottom: 8rem !important
    }

    .mb-sm-auto {
        margin-bottom: auto !important
    }

    .ms-sm-xxs {
        margin-left: .8rem !important
    }

    .ms-sm-xs {
        margin-left: 1.2rem !important
    }

    .ms-sm-s {
        margin-left: 1.6rem !important
    }

    .ms-sm-m {
        margin-left: 2.4rem !important
    }

    .ms-sm-l {
        margin-left: 3.2rem !important
    }

    .ms-sm-l2 {
        margin-left: 4rem !important
    }

    .ms-sm-xl {
        margin-left: 4.8rem !important
    }

    .ms-sm-xl2 {
        margin-left: 6rem !important
    }

    .ms-sm-xxl {
        margin-left: 6.4rem !important
    }

    .ms-sm-xxxl {
        margin-left: 8rem !important
    }

    .ms-sm-auto {
        margin-left: auto !important
    }

    .p-sm-xxs {
        padding: .8rem !important
    }

    .p-sm-xs {
        padding: 1.2rem !important
    }

    .p-sm-s {
        padding: 1.6rem !important
    }

    .p-sm-m {
        padding: 2.4rem !important
    }

    .p-sm-l {
        padding: 3.2rem !important
    }

    .p-sm-l2 {
        padding: 4rem !important
    }

    .p-sm-xl {
        padding: 4.8rem !important
    }

    .p-sm-xl2 {
        padding: 6rem !important
    }

    .p-sm-xxl {
        padding: 6.4rem !important
    }

    .p-sm-xxxl {
        padding: 8rem !important
    }

    .px-sm-xxs {
        padding-left: .8rem !important;
        padding-right: .8rem !important
    }

    .px-sm-xs {
        padding-left: 1.2rem !important;
        padding-right: 1.2rem !important
    }

    .px-sm-s {
        padding-left: 1.6rem !important;
        padding-right: 1.6rem !important
    }

    .px-sm-m {
        padding-left: 2.4rem !important;
        padding-right: 2.4rem !important
    }

    .px-sm-l {
        padding-left: 3.2rem !important;
        padding-right: 3.2rem !important
    }

    .px-sm-l2 {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }

    .px-sm-xl {
        padding-left: 4.8rem !important;
        padding-right: 4.8rem !important
    }

    .px-sm-xl2 {
        padding-left: 6rem !important;
        padding-right: 6rem !important
    }

    .px-sm-xxl {
        padding-left: 6.4rem !important;
        padding-right: 6.4rem !important
    }

    .px-sm-xxxl {
        padding-left: 8rem !important;
        padding-right: 8rem !important
    }

    .py-sm-xxs {
        padding-bottom: .8rem !important;
        padding-top: .8rem !important
    }

    .py-sm-xs {
        padding-bottom: 1.2rem !important;
        padding-top: 1.2rem !important
    }

    .py-sm-s {
        padding-bottom: 1.6rem !important;
        padding-top: 1.6rem !important
    }

    .py-sm-m {
        padding-bottom: 2.4rem !important;
        padding-top: 2.4rem !important
    }

    .py-sm-l {
        padding-bottom: 3.2rem !important;
        padding-top: 3.2rem !important
    }

    .py-sm-l2 {
        padding-bottom: 4rem !important;
        padding-top: 4rem !important
    }

    .py-sm-xl {
        padding-bottom: 4.8rem !important;
        padding-top: 4.8rem !important
    }

    .py-sm-xl2 {
        padding-bottom: 6rem !important;
        padding-top: 6rem !important
    }

    .py-sm-xxl {
        padding-bottom: 6.4rem !important;
        padding-top: 6.4rem !important
    }

    .py-sm-xxxl {
        padding-bottom: 8rem !important;
        padding-top: 8rem !important
    }

    .pt-sm-xxs {
        padding-top: .8rem !important
    }

    .pt-sm-xs {
        padding-top: 1.2rem !important
    }

    .pt-sm-s {
        padding-top: 1.6rem !important
    }

    .pt-sm-m {
        padding-top: 2.4rem !important
    }

    .pt-sm-l {
        padding-top: 3.2rem !important
    }

    .pt-sm-l2 {
        padding-top: 4rem !important
    }

    .pt-sm-xl {
        padding-top: 4.8rem !important
    }

    .pt-sm-xl2 {
        padding-top: 6rem !important
    }

    .pt-sm-xxl {
        padding-top: 6.4rem !important
    }

    .pt-sm-xxxl {
        padding-top: 8rem !important
    }

    .pe-sm-xxs {
        padding-right: .8rem !important
    }

    .pe-sm-xs {
        padding-right: 1.2rem !important
    }

    .pe-sm-s {
        padding-right: 1.6rem !important
    }

    .pe-sm-m {
        padding-right: 2.4rem !important
    }

    .pe-sm-l {
        padding-right: 3.2rem !important
    }

    .pe-sm-l2 {
        padding-right: 4rem !important
    }

    .pe-sm-xl {
        padding-right: 4.8rem !important
    }

    .pe-sm-xl2 {
        padding-right: 6rem !important
    }

    .pe-sm-xxl {
        padding-right: 6.4rem !important
    }

    .pe-sm-xxxl {
        padding-right: 8rem !important
    }

    .pb-sm-xxs {
        padding-bottom: .8rem !important
    }

    .pb-sm-xs {
        padding-bottom: 1.2rem !important
    }

    .pb-sm-s {
        padding-bottom: 1.6rem !important
    }

    .pb-sm-m {
        padding-bottom: 2.4rem !important
    }

    .pb-sm-l {
        padding-bottom: 3.2rem !important
    }

    .pb-sm-l2 {
        padding-bottom: 4rem !important
    }

    .pb-sm-xl {
        padding-bottom: 4.8rem !important
    }

    .pb-sm-xl2 {
        padding-bottom: 6rem !important
    }

    .pb-sm-xxl {
        padding-bottom: 6.4rem !important
    }

    .pb-sm-xxxl {
        padding-bottom: 8rem !important
    }

    .ps-sm-xxs {
        padding-left: .8rem !important
    }

    .ps-sm-xs {
        padding-left: 1.2rem !important
    }

    .ps-sm-s {
        padding-left: 1.6rem !important
    }

    .ps-sm-m {
        padding-left: 2.4rem !important
    }

    .ps-sm-l {
        padding-left: 3.2rem !important
    }

    .ps-sm-l2 {
        padding-left: 4rem !important
    }

    .ps-sm-xl {
        padding-left: 4.8rem !important
    }

    .ps-sm-xl2 {
        padding-left: 6rem !important
    }

    .ps-sm-xxl {
        padding-left: 6.4rem !important
    }

    .ps-sm-xxxl {
        padding-left: 8rem !important
    }
}

@media (min-width:576px) {
    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-grid {
        display: grid !important
    }

    .d-md-inline-grid {
        display: inline-grid !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }

    .d-md-none {
        display: none !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }

    .order-md-first {
        order: -1 !important
    }

    .order-md-0 {
        order: 0 !important
    }

    .order-md-1 {
        order: 1 !important
    }

    .order-md-2 {
        order: 2 !important
    }

    .order-md-3 {
        order: 3 !important
    }

    .order-md-4 {
        order: 4 !important
    }

    .order-md-5 {
        order: 5 !important
    }

    .order-md-last {
        order: 6 !important
    }

    .m-md-xxs {
        margin: .8rem !important
    }

    .m-md-xs {
        margin: 1.2rem !important
    }

    .m-md-s {
        margin: 1.6rem !important
    }

    .m-md-m {
        margin: 2.4rem !important
    }

    .m-md-l {
        margin: 3.2rem !important
    }

    .m-md-l2 {
        margin: 4rem !important
    }

    .m-md-xl {
        margin: 4.8rem !important
    }

    .m-md-xl2 {
        margin: 6rem !important
    }

    .m-md-xxl {
        margin: 6.4rem !important
    }

    .m-md-xxxl {
        margin: 8rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mx-md-xxs {
        margin-left: .8rem !important;
        margin-right: .8rem !important
    }

    .mx-md-xs {
        margin-left: 1.2rem !important;
        margin-right: 1.2rem !important
    }

    .mx-md-s {
        margin-left: 1.6rem !important;
        margin-right: 1.6rem !important
    }

    .mx-md-m {
        margin-left: 2.4rem !important;
        margin-right: 2.4rem !important
    }

    .mx-md-l {
        margin-left: 3.2rem !important;
        margin-right: 3.2rem !important
    }

    .mx-md-l2 {
        margin-left: 4rem !important;
        margin-right: 4rem !important
    }

    .mx-md-xl {
        margin-left: 4.8rem !important;
        margin-right: 4.8rem !important
    }

    .mx-md-xl2 {
        margin-left: 6rem !important;
        margin-right: 6rem !important
    }

    .mx-md-xxl {
        margin-left: 6.4rem !important;
        margin-right: 6.4rem !important
    }

    .mx-md-xxxl {
        margin-left: 8rem !important;
        margin-right: 8rem !important
    }

    .mx-md-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .my-md-xxs {
        margin-bottom: .8rem !important;
        margin-top: .8rem !important
    }

    .my-md-xs {
        margin-bottom: 1.2rem !important;
        margin-top: 1.2rem !important
    }

    .my-md-s {
        margin-bottom: 1.6rem !important;
        margin-top: 1.6rem !important
    }

    .my-md-m {
        margin-bottom: 2.4rem !important;
        margin-top: 2.4rem !important
    }

    .my-md-l {
        margin-bottom: 3.2rem !important;
        margin-top: 3.2rem !important
    }

    .my-md-l2 {
        margin-bottom: 4rem !important;
        margin-top: 4rem !important
    }

    .my-md-xl {
        margin-bottom: 4.8rem !important;
        margin-top: 4.8rem !important
    }

    .my-md-xl2 {
        margin-bottom: 6rem !important;
        margin-top: 6rem !important
    }

    .my-md-xxl {
        margin-bottom: 6.4rem !important;
        margin-top: 6.4rem !important
    }

    .my-md-xxxl {
        margin-bottom: 8rem !important;
        margin-top: 8rem !important
    }

    .my-md-auto {
        margin-bottom: auto !important;
        margin-top: auto !important
    }

    .mt-md-xxs {
        margin-top: .8rem !important
    }

    .mt-md-xs {
        margin-top: 1.2rem !important
    }

    .mt-md-s {
        margin-top: 1.6rem !important
    }

    .mt-md-m {
        margin-top: 2.4rem !important
    }

    .mt-md-l {
        margin-top: 3.2rem !important
    }

    .mt-md-l2 {
        margin-top: 4rem !important
    }

    .mt-md-xl {
        margin-top: 4.8rem !important
    }

    .mt-md-xl2 {
        margin-top: 6rem !important
    }

    .mt-md-xxl {
        margin-top: 6.4rem !important
    }

    .mt-md-xxxl {
        margin-top: 8rem !important
    }

    .mt-md-auto {
        margin-top: auto !important
    }

    .me-md-xxs {
        margin-right: .8rem !important
    }

    .me-md-xs {
        margin-right: 1.2rem !important
    }

    .me-md-s {
        margin-right: 1.6rem !important
    }

    .me-md-m {
        margin-right: 2.4rem !important
    }

    .me-md-l {
        margin-right: 3.2rem !important
    }

    .me-md-l2 {
        margin-right: 4rem !important
    }

    .me-md-xl {
        margin-right: 4.8rem !important
    }

    .me-md-xl2 {
        margin-right: 6rem !important
    }

    .me-md-xxl {
        margin-right: 6.4rem !important
    }

    .me-md-xxxl {
        margin-right: 8rem !important
    }

    .me-md-auto {
        margin-right: auto !important
    }

    .mb-md-xxs {
        margin-bottom: .8rem !important
    }

    .mb-md-xs {
        margin-bottom: 1.2rem !important
    }

    .mb-md-s {
        margin-bottom: 1.6rem !important
    }

    .mb-md-m {
        margin-bottom: 2.4rem !important
    }

    .mb-md-l {
        margin-bottom: 3.2rem !important
    }

    .mb-md-l2 {
        margin-bottom: 4rem !important
    }

    .mb-md-xl {
        margin-bottom: 4.8rem !important
    }

    .mb-md-xl2 {
        margin-bottom: 6rem !important
    }

    .mb-md-xxl {
        margin-bottom: 6.4rem !important
    }

    .mb-md-xxxl {
        margin-bottom: 8rem !important
    }

    .mb-md-auto {
        margin-bottom: auto !important
    }

    .ms-md-xxs {
        margin-left: .8rem !important
    }

    .ms-md-xs {
        margin-left: 1.2rem !important
    }

    .ms-md-s {
        margin-left: 1.6rem !important
    }

    .ms-md-m {
        margin-left: 2.4rem !important
    }

    .ms-md-l {
        margin-left: 3.2rem !important
    }

    .ms-md-l2 {
        margin-left: 4rem !important
    }

    .ms-md-xl {
        margin-left: 4.8rem !important
    }

    .ms-md-xl2 {
        margin-left: 6rem !important
    }

    .ms-md-xxl {
        margin-left: 6.4rem !important
    }

    .ms-md-xxxl {
        margin-left: 8rem !important
    }

    .ms-md-auto {
        margin-left: auto !important
    }

    .p-md-xxs {
        padding: .8rem !important
    }

    .p-md-xs {
        padding: 1.2rem !important
    }

    .p-md-s {
        padding: 1.6rem !important
    }

    .p-md-m {
        padding: 2.4rem !important
    }

    .p-md-l {
        padding: 3.2rem !important
    }

    .p-md-l2 {
        padding: 4rem !important
    }

    .p-md-xl {
        padding: 4.8rem !important
    }

    .p-md-xl2 {
        padding: 6rem !important
    }

    .p-md-xxl {
        padding: 6.4rem !important
    }

    .p-md-xxxl {
        padding: 8rem !important
    }

    .px-md-xxs {
        padding-left: .8rem !important;
        padding-right: .8rem !important
    }

    .px-md-xs {
        padding-left: 1.2rem !important;
        padding-right: 1.2rem !important
    }

    .px-md-s {
        padding-left: 1.6rem !important;
        padding-right: 1.6rem !important
    }

    .px-md-m {
        padding-left: 2.4rem !important;
        padding-right: 2.4rem !important
    }

    .px-md-l {
        padding-left: 3.2rem !important;
        padding-right: 3.2rem !important
    }

    .px-md-l2 {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }

    .px-md-xl {
        padding-left: 4.8rem !important;
        padding-right: 4.8rem !important
    }

    .px-md-xl2 {
        padding-left: 6rem !important;
        padding-right: 6rem !important
    }

    .px-md-xxl {
        padding-left: 6.4rem !important;
        padding-right: 6.4rem !important
    }

    .px-md-xxxl {
        padding-left: 8rem !important;
        padding-right: 8rem !important
    }

    .py-md-xxs {
        padding-bottom: .8rem !important;
        padding-top: .8rem !important
    }

    .py-md-xs {
        padding-bottom: 1.2rem !important;
        padding-top: 1.2rem !important
    }

    .py-md-s {
        padding-bottom: 1.6rem !important;
        padding-top: 1.6rem !important
    }

    .py-md-m {
        padding-bottom: 2.4rem !important;
        padding-top: 2.4rem !important
    }

    .py-md-l {
        padding-bottom: 3.2rem !important;
        padding-top: 3.2rem !important
    }

    .py-md-l2 {
        padding-bottom: 4rem !important;
        padding-top: 4rem !important
    }

    .py-md-xl {
        padding-bottom: 4.8rem !important;
        padding-top: 4.8rem !important
    }

    .py-md-xl2 {
        padding-bottom: 6rem !important;
        padding-top: 6rem !important
    }

    .py-md-xxl {
        padding-bottom: 6.4rem !important;
        padding-top: 6.4rem !important
    }

    .py-md-xxxl {
        padding-bottom: 8rem !important;
        padding-top: 8rem !important
    }

    .pt-md-xxs {
        padding-top: .8rem !important
    }

    .pt-md-xs {
        padding-top: 1.2rem !important
    }

    .pt-md-s {
        padding-top: 1.6rem !important
    }

    .pt-md-m {
        padding-top: 2.4rem !important
    }

    .pt-md-l {
        padding-top: 3.2rem !important
    }

    .pt-md-l2 {
        padding-top: 4rem !important
    }

    .pt-md-xl {
        padding-top: 4.8rem !important
    }

    .pt-md-xl2 {
        padding-top: 6rem !important
    }

    .pt-md-xxl {
        padding-top: 6.4rem !important
    }

    .pt-md-xxxl {
        padding-top: 8rem !important
    }

    .pe-md-xxs {
        padding-right: .8rem !important
    }

    .pe-md-xs {
        padding-right: 1.2rem !important
    }

    .pe-md-s {
        padding-right: 1.6rem !important
    }

    .pe-md-m {
        padding-right: 2.4rem !important
    }

    .pe-md-l {
        padding-right: 3.2rem !important
    }

    .pe-md-l2 {
        padding-right: 4rem !important
    }

    .pe-md-xl {
        padding-right: 4.8rem !important
    }

    .pe-md-xl2 {
        padding-right: 6rem !important
    }

    .pe-md-xxl {
        padding-right: 6.4rem !important
    }

    .pe-md-xxxl {
        padding-right: 8rem !important
    }

    .pb-md-xxs {
        padding-bottom: .8rem !important
    }

    .pb-md-xs {
        padding-bottom: 1.2rem !important
    }

    .pb-md-s {
        padding-bottom: 1.6rem !important
    }

    .pb-md-m {
        padding-bottom: 2.4rem !important
    }

    .pb-md-l {
        padding-bottom: 3.2rem !important
    }

    .pb-md-l2 {
        padding-bottom: 4rem !important
    }

    .pb-md-xl {
        padding-bottom: 4.8rem !important
    }

    .pb-md-xl2 {
        padding-bottom: 6rem !important
    }

    .pb-md-xxl {
        padding-bottom: 6.4rem !important
    }

    .pb-md-xxxl {
        padding-bottom: 8rem !important
    }

    .ps-md-xxs {
        padding-left: .8rem !important
    }

    .ps-md-xs {
        padding-left: 1.2rem !important
    }

    .ps-md-s {
        padding-left: 1.6rem !important
    }

    .ps-md-m {
        padding-left: 2.4rem !important
    }

    .ps-md-l {
        padding-left: 3.2rem !important
    }

    .ps-md-l2 {
        padding-left: 4rem !important
    }

    .ps-md-xl {
        padding-left: 4.8rem !important
    }

    .ps-md-xl2 {
        padding-left: 6rem !important
    }

    .ps-md-xxl {
        padding-left: 6.4rem !important
    }

    .ps-md-xxxl {
        padding-left: 8rem !important
    }
}

@media (min-width:768px) {
    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-grid {
        display: grid !important
    }

    .d-lg-inline-grid {
        display: inline-grid !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }

    .d-lg-none {
        display: none !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }

    .order-lg-first {
        order: -1 !important
    }

    .order-lg-0 {
        order: 0 !important
    }

    .order-lg-1 {
        order: 1 !important
    }

    .order-lg-2 {
        order: 2 !important
    }

    .order-lg-3 {
        order: 3 !important
    }

    .order-lg-4 {
        order: 4 !important
    }

    .order-lg-5 {
        order: 5 !important
    }

    .order-lg-last {
        order: 6 !important
    }

    .m-lg-xxs {
        margin: .8rem !important
    }

    .m-lg-xs {
        margin: 1.2rem !important
    }

    .m-lg-s {
        margin: 1.6rem !important
    }

    .m-lg-m {
        margin: 2.4rem !important
    }

    .m-lg-l {
        margin: 3.2rem !important
    }

    .m-lg-l2 {
        margin: 4rem !important
    }

    .m-lg-xl {
        margin: 4.8rem !important
    }

    .m-lg-xl2 {
        margin: 6rem !important
    }

    .m-lg-xxl {
        margin: 6.4rem !important
    }

    .m-lg-xxxl {
        margin: 8rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mx-lg-xxs {
        margin-left: .8rem !important;
        margin-right: .8rem !important
    }

    .mx-lg-xs {
        margin-left: 1.2rem !important;
        margin-right: 1.2rem !important
    }

    .mx-lg-s {
        margin-left: 1.6rem !important;
        margin-right: 1.6rem !important
    }

    .mx-lg-m {
        margin-left: 2.4rem !important;
        margin-right: 2.4rem !important
    }

    .mx-lg-l {
        margin-left: 3.2rem !important;
        margin-right: 3.2rem !important
    }

    .mx-lg-l2 {
        margin-left: 4rem !important;
        margin-right: 4rem !important
    }

    .mx-lg-xl {
        margin-left: 4.8rem !important;
        margin-right: 4.8rem !important
    }

    .mx-lg-xl2 {
        margin-left: 6rem !important;
        margin-right: 6rem !important
    }

    .mx-lg-xxl {
        margin-left: 6.4rem !important;
        margin-right: 6.4rem !important
    }

    .mx-lg-xxxl {
        margin-left: 8rem !important;
        margin-right: 8rem !important
    }

    .mx-lg-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .my-lg-xxs {
        margin-bottom: .8rem !important;
        margin-top: .8rem !important
    }

    .my-lg-xs {
        margin-bottom: 1.2rem !important;
        margin-top: 1.2rem !important
    }

    .my-lg-s {
        margin-bottom: 1.6rem !important;
        margin-top: 1.6rem !important
    }

    .my-lg-m {
        margin-bottom: 2.4rem !important;
        margin-top: 2.4rem !important
    }

    .my-lg-l {
        margin-bottom: 3.2rem !important;
        margin-top: 3.2rem !important
    }

    .my-lg-l2 {
        margin-bottom: 4rem !important;
        margin-top: 4rem !important
    }

    .my-lg-xl {
        margin-bottom: 4.8rem !important;
        margin-top: 4.8rem !important
    }

    .my-lg-xl2 {
        margin-bottom: 6rem !important;
        margin-top: 6rem !important
    }

    .my-lg-xxl {
        margin-bottom: 6.4rem !important;
        margin-top: 6.4rem !important
    }

    .my-lg-xxxl {
        margin-bottom: 8rem !important;
        margin-top: 8rem !important
    }

    .my-lg-auto {
        margin-bottom: auto !important;
        margin-top: auto !important
    }

    .mt-lg-xxs {
        margin-top: .8rem !important
    }

    .mt-lg-xs {
        margin-top: 1.2rem !important
    }

    .mt-lg-s {
        margin-top: 1.6rem !important
    }

    .mt-lg-m {
        margin-top: 2.4rem !important
    }

    .mt-lg-l {
        margin-top: 3.2rem !important
    }

    .mt-lg-l2 {
        margin-top: 4rem !important
    }

    .mt-lg-xl {
        margin-top: 4.8rem !important
    }

    .mt-lg-xl2 {
        margin-top: 6rem !important
    }

    .mt-lg-xxl {
        margin-top: 6.4rem !important
    }

    .mt-lg-xxxl {
        margin-top: 8rem !important
    }

    .mt-lg-auto {
        margin-top: auto !important
    }

    .me-lg-xxs {
        margin-right: .8rem !important
    }

    .me-lg-xs {
        margin-right: 1.2rem !important
    }

    .me-lg-s {
        margin-right: 1.6rem !important
    }

    .me-lg-m {
        margin-right: 2.4rem !important
    }

    .me-lg-l {
        margin-right: 3.2rem !important
    }

    .me-lg-l2 {
        margin-right: 4rem !important
    }

    .me-lg-xl {
        margin-right: 4.8rem !important
    }

    .me-lg-xl2 {
        margin-right: 6rem !important
    }

    .me-lg-xxl {
        margin-right: 6.4rem !important
    }

    .me-lg-xxxl {
        margin-right: 8rem !important
    }

    .me-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-xxs {
        margin-bottom: .8rem !important
    }

    .mb-lg-xs {
        margin-bottom: 1.2rem !important
    }

    .mb-lg-s {
        margin-bottom: 1.6rem !important
    }

    .mb-lg-m {
        margin-bottom: 2.4rem !important
    }

    .mb-lg-l {
        margin-bottom: 3.2rem !important
    }

    .mb-lg-l2 {
        margin-bottom: 4rem !important
    }

    .mb-lg-xl {
        margin-bottom: 4.8rem !important
    }

    .mb-lg-xl2 {
        margin-bottom: 6rem !important
    }

    .mb-lg-xxl {
        margin-bottom: 6.4rem !important
    }

    .mb-lg-xxxl {
        margin-bottom: 8rem !important
    }

    .mb-lg-auto {
        margin-bottom: auto !important
    }

    .ms-lg-xxs {
        margin-left: .8rem !important
    }

    .ms-lg-xs {
        margin-left: 1.2rem !important
    }

    .ms-lg-s {
        margin-left: 1.6rem !important
    }

    .ms-lg-m {
        margin-left: 2.4rem !important
    }

    .ms-lg-l {
        margin-left: 3.2rem !important
    }

    .ms-lg-l2 {
        margin-left: 4rem !important
    }

    .ms-lg-xl {
        margin-left: 4.8rem !important
    }

    .ms-lg-xl2 {
        margin-left: 6rem !important
    }

    .ms-lg-xxl {
        margin-left: 6.4rem !important
    }

    .ms-lg-xxxl {
        margin-left: 8rem !important
    }

    .ms-lg-auto {
        margin-left: auto !important
    }

    .p-lg-xxs {
        padding: .8rem !important
    }

    .p-lg-xs {
        padding: 1.2rem !important
    }

    .p-lg-s {
        padding: 1.6rem !important
    }

    .p-lg-m {
        padding: 2.4rem !important
    }

    .p-lg-l {
        padding: 3.2rem !important
    }

    .p-lg-l2 {
        padding: 4rem !important
    }

    .p-lg-xl {
        padding: 4.8rem !important
    }

    .p-lg-xl2 {
        padding: 6rem !important
    }

    .p-lg-xxl {
        padding: 6.4rem !important
    }

    .p-lg-xxxl {
        padding: 8rem !important
    }

    .px-lg-xxs {
        padding-left: .8rem !important;
        padding-right: .8rem !important
    }

    .px-lg-xs {
        padding-left: 1.2rem !important;
        padding-right: 1.2rem !important
    }

    .px-lg-s {
        padding-left: 1.6rem !important;
        padding-right: 1.6rem !important
    }

    .px-lg-m {
        padding-left: 2.4rem !important;
        padding-right: 2.4rem !important
    }

    .px-lg-l {
        padding-left: 3.2rem !important;
        padding-right: 3.2rem !important
    }

    .px-lg-l2 {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }

    .px-lg-xl {
        padding-left: 4.8rem !important;
        padding-right: 4.8rem !important
    }

    .px-lg-xl2 {
        padding-left: 6rem !important;
        padding-right: 6rem !important
    }

    .px-lg-xxl {
        padding-left: 6.4rem !important;
        padding-right: 6.4rem !important
    }

    .px-lg-xxxl {
        padding-left: 8rem !important;
        padding-right: 8rem !important
    }

    .py-lg-xxs {
        padding-bottom: .8rem !important;
        padding-top: .8rem !important
    }

    .py-lg-xs {
        padding-bottom: 1.2rem !important;
        padding-top: 1.2rem !important
    }

    .py-lg-s {
        padding-bottom: 1.6rem !important;
        padding-top: 1.6rem !important
    }

    .py-lg-m {
        padding-bottom: 2.4rem !important;
        padding-top: 2.4rem !important
    }

    .py-lg-l {
        padding-bottom: 3.2rem !important;
        padding-top: 3.2rem !important
    }

    .py-lg-l2 {
        padding-bottom: 4rem !important;
        padding-top: 4rem !important
    }

    .py-lg-xl {
        padding-bottom: 4.8rem !important;
        padding-top: 4.8rem !important
    }

    .py-lg-xl2 {
        padding-bottom: 6rem !important;
        padding-top: 6rem !important
    }

    .py-lg-xxl {
        padding-bottom: 6.4rem !important;
        padding-top: 6.4rem !important
    }

    .py-lg-xxxl {
        padding-bottom: 8rem !important;
        padding-top: 8rem !important
    }

    .pt-lg-xxs {
        padding-top: .8rem !important
    }

    .pt-lg-xs {
        padding-top: 1.2rem !important
    }

    .pt-lg-s {
        padding-top: 1.6rem !important
    }

    .pt-lg-m {
        padding-top: 2.4rem !important
    }

    .pt-lg-l {
        padding-top: 3.2rem !important
    }

    .pt-lg-l2 {
        padding-top: 4rem !important
    }

    .pt-lg-xl {
        padding-top: 4.8rem !important
    }

    .pt-lg-xl2 {
        padding-top: 6rem !important
    }

    .pt-lg-xxl {
        padding-top: 6.4rem !important
    }

    .pt-lg-xxxl {
        padding-top: 8rem !important
    }

    .pe-lg-xxs {
        padding-right: .8rem !important
    }

    .pe-lg-xs {
        padding-right: 1.2rem !important
    }

    .pe-lg-s {
        padding-right: 1.6rem !important
    }

    .pe-lg-m {
        padding-right: 2.4rem !important
    }

    .pe-lg-l {
        padding-right: 3.2rem !important
    }

    .pe-lg-l2 {
        padding-right: 4rem !important
    }

    .pe-lg-xl {
        padding-right: 4.8rem !important
    }

    .pe-lg-xl2 {
        padding-right: 6rem !important
    }

    .pe-lg-xxl {
        padding-right: 6.4rem !important
    }

    .pe-lg-xxxl {
        padding-right: 8rem !important
    }

    .pb-lg-xxs {
        padding-bottom: .8rem !important
    }

    .pb-lg-xs {
        padding-bottom: 1.2rem !important
    }

    .pb-lg-s {
        padding-bottom: 1.6rem !important
    }

    .pb-lg-m {
        padding-bottom: 2.4rem !important
    }

    .pb-lg-l {
        padding-bottom: 3.2rem !important
    }

    .pb-lg-l2 {
        padding-bottom: 4rem !important
    }

    .pb-lg-xl {
        padding-bottom: 4.8rem !important
    }

    .pb-lg-xl2 {
        padding-bottom: 6rem !important
    }

    .pb-lg-xxl {
        padding-bottom: 6.4rem !important
    }

    .pb-lg-xxxl {
        padding-bottom: 8rem !important
    }

    .ps-lg-xxs {
        padding-left: .8rem !important
    }

    .ps-lg-xs {
        padding-left: 1.2rem !important
    }

    .ps-lg-s {
        padding-left: 1.6rem !important
    }

    .ps-lg-m {
        padding-left: 2.4rem !important
    }

    .ps-lg-l {
        padding-left: 3.2rem !important
    }

    .ps-lg-l2 {
        padding-left: 4rem !important
    }

    .ps-lg-xl {
        padding-left: 4.8rem !important
    }

    .ps-lg-xl2 {
        padding-left: 6rem !important
    }

    .ps-lg-xxl {
        padding-left: 6.4rem !important
    }

    .ps-lg-xxxl {
        padding-left: 8rem !important
    }
}

@media (min-width:992px) {
    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-grid {
        display: grid !important
    }

    .d-xl-inline-grid {
        display: inline-grid !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }

    .d-xl-none {
        display: none !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }

    .order-xl-first {
        order: -1 !important
    }

    .order-xl-0 {
        order: 0 !important
    }

    .order-xl-1 {
        order: 1 !important
    }

    .order-xl-2 {
        order: 2 !important
    }

    .order-xl-3 {
        order: 3 !important
    }

    .order-xl-4 {
        order: 4 !important
    }

    .order-xl-5 {
        order: 5 !important
    }

    .order-xl-last {
        order: 6 !important
    }

    .m-xl-xxs {
        margin: .8rem !important
    }

    .m-xl-xs {
        margin: 1.2rem !important
    }

    .m-xl-s {
        margin: 1.6rem !important
    }

    .m-xl-m {
        margin: 2.4rem !important
    }

    .m-xl-l {
        margin: 3.2rem !important
    }

    .m-xl-l2 {
        margin: 4rem !important
    }

    .m-xl-xl {
        margin: 4.8rem !important
    }

    .m-xl-xl2 {
        margin: 6rem !important
    }

    .m-xl-xxl {
        margin: 6.4rem !important
    }

    .m-xl-xxxl {
        margin: 8rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mx-xl-xxs {
        margin-left: .8rem !important;
        margin-right: .8rem !important
    }

    .mx-xl-xs {
        margin-left: 1.2rem !important;
        margin-right: 1.2rem !important
    }

    .mx-xl-s {
        margin-left: 1.6rem !important;
        margin-right: 1.6rem !important
    }

    .mx-xl-m {
        margin-left: 2.4rem !important;
        margin-right: 2.4rem !important
    }

    .mx-xl-l {
        margin-left: 3.2rem !important;
        margin-right: 3.2rem !important
    }

    .mx-xl-l2 {
        margin-left: 4rem !important;
        margin-right: 4rem !important
    }

    .mx-xl-xl {
        margin-left: 4.8rem !important;
        margin-right: 4.8rem !important
    }

    .mx-xl-xl2 {
        margin-left: 6rem !important;
        margin-right: 6rem !important
    }

    .mx-xl-xxl {
        margin-left: 6.4rem !important;
        margin-right: 6.4rem !important
    }

    .mx-xl-xxxl {
        margin-left: 8rem !important;
        margin-right: 8rem !important
    }

    .mx-xl-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .my-xl-xxs {
        margin-bottom: .8rem !important;
        margin-top: .8rem !important
    }

    .my-xl-xs {
        margin-bottom: 1.2rem !important;
        margin-top: 1.2rem !important
    }

    .my-xl-s {
        margin-bottom: 1.6rem !important;
        margin-top: 1.6rem !important
    }

    .my-xl-m {
        margin-bottom: 2.4rem !important;
        margin-top: 2.4rem !important
    }

    .my-xl-l {
        margin-bottom: 3.2rem !important;
        margin-top: 3.2rem !important
    }

    .my-xl-l2 {
        margin-bottom: 4rem !important;
        margin-top: 4rem !important
    }

    .my-xl-xl {
        margin-bottom: 4.8rem !important;
        margin-top: 4.8rem !important
    }

    .my-xl-xl2 {
        margin-bottom: 6rem !important;
        margin-top: 6rem !important
    }

    .my-xl-xxl {
        margin-bottom: 6.4rem !important;
        margin-top: 6.4rem !important
    }

    .my-xl-xxxl {
        margin-bottom: 8rem !important;
        margin-top: 8rem !important
    }

    .my-xl-auto {
        margin-bottom: auto !important;
        margin-top: auto !important
    }

    .mt-xl-xxs {
        margin-top: .8rem !important
    }

    .mt-xl-xs {
        margin-top: 1.2rem !important
    }

    .mt-xl-s {
        margin-top: 1.6rem !important
    }

    .mt-xl-m {
        margin-top: 2.4rem !important
    }

    .mt-xl-l {
        margin-top: 3.2rem !important
    }

    .mt-xl-l2 {
        margin-top: 4rem !important
    }

    .mt-xl-xl {
        margin-top: 4.8rem !important
    }

    .mt-xl-xl2 {
        margin-top: 6rem !important
    }

    .mt-xl-xxl {
        margin-top: 6.4rem !important
    }

    .mt-xl-xxxl {
        margin-top: 8rem !important
    }

    .mt-xl-auto {
        margin-top: auto !important
    }

    .me-xl-xxs {
        margin-right: .8rem !important
    }

    .me-xl-xs {
        margin-right: 1.2rem !important
    }

    .me-xl-s {
        margin-right: 1.6rem !important
    }

    .me-xl-m {
        margin-right: 2.4rem !important
    }

    .me-xl-l {
        margin-right: 3.2rem !important
    }

    .me-xl-l2 {
        margin-right: 4rem !important
    }

    .me-xl-xl {
        margin-right: 4.8rem !important
    }

    .me-xl-xl2 {
        margin-right: 6rem !important
    }

    .me-xl-xxl {
        margin-right: 6.4rem !important
    }

    .me-xl-xxxl {
        margin-right: 8rem !important
    }

    .me-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-xxs {
        margin-bottom: .8rem !important
    }

    .mb-xl-xs {
        margin-bottom: 1.2rem !important
    }

    .mb-xl-s {
        margin-bottom: 1.6rem !important
    }

    .mb-xl-m {
        margin-bottom: 2.4rem !important
    }

    .mb-xl-l {
        margin-bottom: 3.2rem !important
    }

    .mb-xl-l2 {
        margin-bottom: 4rem !important
    }

    .mb-xl-xl {
        margin-bottom: 4.8rem !important
    }

    .mb-xl-xl2 {
        margin-bottom: 6rem !important
    }

    .mb-xl-xxl {
        margin-bottom: 6.4rem !important
    }

    .mb-xl-xxxl {
        margin-bottom: 8rem !important
    }

    .mb-xl-auto {
        margin-bottom: auto !important
    }

    .ms-xl-xxs {
        margin-left: .8rem !important
    }

    .ms-xl-xs {
        margin-left: 1.2rem !important
    }

    .ms-xl-s {
        margin-left: 1.6rem !important
    }

    .ms-xl-m {
        margin-left: 2.4rem !important
    }

    .ms-xl-l {
        margin-left: 3.2rem !important
    }

    .ms-xl-l2 {
        margin-left: 4rem !important
    }

    .ms-xl-xl {
        margin-left: 4.8rem !important
    }

    .ms-xl-xl2 {
        margin-left: 6rem !important
    }

    .ms-xl-xxl {
        margin-left: 6.4rem !important
    }

    .ms-xl-xxxl {
        margin-left: 8rem !important
    }

    .ms-xl-auto {
        margin-left: auto !important
    }

    .p-xl-xxs {
        padding: .8rem !important
    }

    .p-xl-xs {
        padding: 1.2rem !important
    }

    .p-xl-s {
        padding: 1.6rem !important
    }

    .p-xl-m {
        padding: 2.4rem !important
    }

    .p-xl-l {
        padding: 3.2rem !important
    }

    .p-xl-l2 {
        padding: 4rem !important
    }

    .p-xl-xl {
        padding: 4.8rem !important
    }

    .p-xl-xl2 {
        padding: 6rem !important
    }

    .p-xl-xxl {
        padding: 6.4rem !important
    }

    .p-xl-xxxl {
        padding: 8rem !important
    }

    .px-xl-xxs {
        padding-left: .8rem !important;
        padding-right: .8rem !important
    }

    .px-xl-xs {
        padding-left: 1.2rem !important;
        padding-right: 1.2rem !important
    }

    .px-xl-s {
        padding-left: 1.6rem !important;
        padding-right: 1.6rem !important
    }

    .px-xl-m {
        padding-left: 2.4rem !important;
        padding-right: 2.4rem !important
    }

    .px-xl-l {
        padding-left: 3.2rem !important;
        padding-right: 3.2rem !important
    }

    .px-xl-l2 {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }

    .px-xl-xl {
        padding-left: 4.8rem !important;
        padding-right: 4.8rem !important
    }

    .px-xl-xl2 {
        padding-left: 6rem !important;
        padding-right: 6rem !important
    }

    .px-xl-xxl {
        padding-left: 6.4rem !important;
        padding-right: 6.4rem !important
    }

    .px-xl-xxxl {
        padding-left: 8rem !important;
        padding-right: 8rem !important
    }

    .py-xl-xxs {
        padding-bottom: .8rem !important;
        padding-top: .8rem !important
    }

    .py-xl-xs {
        padding-bottom: 1.2rem !important;
        padding-top: 1.2rem !important
    }

    .py-xl-s {
        padding-bottom: 1.6rem !important;
        padding-top: 1.6rem !important
    }

    .py-xl-m {
        padding-bottom: 2.4rem !important;
        padding-top: 2.4rem !important
    }

    .py-xl-l {
        padding-bottom: 3.2rem !important;
        padding-top: 3.2rem !important
    }

    .py-xl-l2 {
        padding-bottom: 4rem !important;
        padding-top: 4rem !important
    }

    .py-xl-xl {
        padding-bottom: 4.8rem !important;
        padding-top: 4.8rem !important
    }

    .py-xl-xl2 {
        padding-bottom: 6rem !important;
        padding-top: 6rem !important
    }

    .py-xl-xxl {
        padding-bottom: 6.4rem !important;
        padding-top: 6.4rem !important
    }

    .py-xl-xxxl {
        padding-bottom: 8rem !important;
        padding-top: 8rem !important
    }

    .pt-xl-xxs {
        padding-top: .8rem !important
    }

    .pt-xl-xs {
        padding-top: 1.2rem !important
    }

    .pt-xl-s {
        padding-top: 1.6rem !important
    }

    .pt-xl-m {
        padding-top: 2.4rem !important
    }

    .pt-xl-l {
        padding-top: 3.2rem !important
    }

    .pt-xl-l2 {
        padding-top: 4rem !important
    }

    .pt-xl-xl {
        padding-top: 4.8rem !important
    }

    .pt-xl-xl2 {
        padding-top: 6rem !important
    }

    .pt-xl-xxl {
        padding-top: 6.4rem !important
    }

    .pt-xl-xxxl {
        padding-top: 8rem !important
    }

    .pe-xl-xxs {
        padding-right: .8rem !important
    }

    .pe-xl-xs {
        padding-right: 1.2rem !important
    }

    .pe-xl-s {
        padding-right: 1.6rem !important
    }

    .pe-xl-m {
        padding-right: 2.4rem !important
    }

    .pe-xl-l {
        padding-right: 3.2rem !important
    }

    .pe-xl-l2 {
        padding-right: 4rem !important
    }

    .pe-xl-xl {
        padding-right: 4.8rem !important
    }

    .pe-xl-xl2 {
        padding-right: 6rem !important
    }

    .pe-xl-xxl {
        padding-right: 6.4rem !important
    }

    .pe-xl-xxxl {
        padding-right: 8rem !important
    }

    .pb-xl-xxs {
        padding-bottom: .8rem !important
    }

    .pb-xl-xs {
        padding-bottom: 1.2rem !important
    }

    .pb-xl-s {
        padding-bottom: 1.6rem !important
    }

    .pb-xl-m {
        padding-bottom: 2.4rem !important
    }

    .pb-xl-l {
        padding-bottom: 3.2rem !important
    }

    .pb-xl-l2 {
        padding-bottom: 4rem !important
    }

    .pb-xl-xl {
        padding-bottom: 4.8rem !important
    }

    .pb-xl-xl2 {
        padding-bottom: 6rem !important
    }

    .pb-xl-xxl {
        padding-bottom: 6.4rem !important
    }

    .pb-xl-xxxl {
        padding-bottom: 8rem !important
    }

    .ps-xl-xxs {
        padding-left: .8rem !important
    }

    .ps-xl-xs {
        padding-left: 1.2rem !important
    }

    .ps-xl-s {
        padding-left: 1.6rem !important
    }

    .ps-xl-m {
        padding-left: 2.4rem !important
    }

    .ps-xl-l {
        padding-left: 3.2rem !important
    }

    .ps-xl-l2 {
        padding-left: 4rem !important
    }

    .ps-xl-xl {
        padding-left: 4.8rem !important
    }

    .ps-xl-xl2 {
        padding-left: 6rem !important
    }

    .ps-xl-xxl {
        padding-left: 6.4rem !important
    }

    .ps-xl-xxxl {
        padding-left: 8rem !important
    }
}

@media (min-width:1200px) {
    .d-xxl-inline {
        display: inline !important
    }

    .d-xxl-inline-block {
        display: inline-block !important
    }

    .d-xxl-block {
        display: block !important
    }

    .d-xxl-grid {
        display: grid !important
    }

    .d-xxl-inline-grid {
        display: inline-grid !important
    }

    .d-xxl-table {
        display: table !important
    }

    .d-xxl-table-row {
        display: table-row !important
    }

    .d-xxl-table-cell {
        display: table-cell !important
    }

    .d-xxl-flex {
        display: flex !important
    }

    .d-xxl-inline-flex {
        display: inline-flex !important
    }

    .d-xxl-none {
        display: none !important
    }

    .flex-xxl-fill {
        flex: 1 1 auto !important
    }

    .flex-xxl-row {
        flex-direction: row !important
    }

    .flex-xxl-column {
        flex-direction: column !important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xxl-start {
        justify-content: flex-start !important
    }

    .justify-content-xxl-end {
        justify-content: flex-end !important
    }

    .justify-content-xxl-center {
        justify-content: center !important
    }

    .justify-content-xxl-between {
        justify-content: space-between !important
    }

    .justify-content-xxl-around {
        justify-content: space-around !important
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xxl-start {
        align-items: flex-start !important
    }

    .align-items-xxl-end {
        align-items: flex-end !important
    }

    .align-items-xxl-center {
        align-items: center !important
    }

    .align-items-xxl-baseline {
        align-items: baseline !important
    }

    .align-items-xxl-stretch {
        align-items: stretch !important
    }

    .align-content-xxl-start {
        align-content: flex-start !important
    }

    .align-content-xxl-end {
        align-content: flex-end !important
    }

    .align-content-xxl-center {
        align-content: center !important
    }

    .align-content-xxl-between {
        align-content: space-between !important
    }

    .align-content-xxl-around {
        align-content: space-around !important
    }

    .align-content-xxl-stretch {
        align-content: stretch !important
    }

    .align-self-xxl-auto {
        align-self: auto !important
    }

    .align-self-xxl-start {
        align-self: flex-start !important
    }

    .align-self-xxl-end {
        align-self: flex-end !important
    }

    .align-self-xxl-center {
        align-self: center !important
    }

    .align-self-xxl-baseline {
        align-self: baseline !important
    }

    .align-self-xxl-stretch {
        align-self: stretch !important
    }

    .order-xxl-first {
        order: -1 !important
    }

    .order-xxl-0 {
        order: 0 !important
    }

    .order-xxl-1 {
        order: 1 !important
    }

    .order-xxl-2 {
        order: 2 !important
    }

    .order-xxl-3 {
        order: 3 !important
    }

    .order-xxl-4 {
        order: 4 !important
    }

    .order-xxl-5 {
        order: 5 !important
    }

    .order-xxl-last {
        order: 6 !important
    }

    .m-xxl-xxs {
        margin: .8rem !important
    }

    .m-xxl-xs {
        margin: 1.2rem !important
    }

    .m-xxl-s {
        margin: 1.6rem !important
    }

    .m-xxl-m {
        margin: 2.4rem !important
    }

    .m-xxl-l {
        margin: 3.2rem !important
    }

    .m-xxl-l2 {
        margin: 4rem !important
    }

    .m-xxl-xl {
        margin: 4.8rem !important
    }

    .m-xxl-xl2 {
        margin: 6rem !important
    }

    .m-xxl-xxl {
        margin: 6.4rem !important
    }

    .m-xxl-xxxl {
        margin: 8rem !important
    }

    .m-xxl-auto {
        margin: auto !important
    }

    .mx-xxl-xxs {
        margin-left: .8rem !important;
        margin-right: .8rem !important
    }

    .mx-xxl-xs {
        margin-left: 1.2rem !important;
        margin-right: 1.2rem !important
    }

    .mx-xxl-s {
        margin-left: 1.6rem !important;
        margin-right: 1.6rem !important
    }

    .mx-xxl-m {
        margin-left: 2.4rem !important;
        margin-right: 2.4rem !important
    }

    .mx-xxl-l {
        margin-left: 3.2rem !important;
        margin-right: 3.2rem !important
    }

    .mx-xxl-l2 {
        margin-left: 4rem !important;
        margin-right: 4rem !important
    }

    .mx-xxl-xl {
        margin-left: 4.8rem !important;
        margin-right: 4.8rem !important
    }

    .mx-xxl-xl2 {
        margin-left: 6rem !important;
        margin-right: 6rem !important
    }

    .mx-xxl-xxl {
        margin-left: 6.4rem !important;
        margin-right: 6.4rem !important
    }

    .mx-xxl-xxxl {
        margin-left: 8rem !important;
        margin-right: 8rem !important
    }

    .mx-xxl-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .my-xxl-xxs {
        margin-bottom: .8rem !important;
        margin-top: .8rem !important
    }

    .my-xxl-xs {
        margin-bottom: 1.2rem !important;
        margin-top: 1.2rem !important
    }

    .my-xxl-s {
        margin-bottom: 1.6rem !important;
        margin-top: 1.6rem !important
    }

    .my-xxl-m {
        margin-bottom: 2.4rem !important;
        margin-top: 2.4rem !important
    }

    .my-xxl-l {
        margin-bottom: 3.2rem !important;
        margin-top: 3.2rem !important
    }

    .my-xxl-l2 {
        margin-bottom: 4rem !important;
        margin-top: 4rem !important
    }

    .my-xxl-xl {
        margin-bottom: 4.8rem !important;
        margin-top: 4.8rem !important
    }

    .my-xxl-xl2 {
        margin-bottom: 6rem !important;
        margin-top: 6rem !important
    }

    .my-xxl-xxl {
        margin-bottom: 6.4rem !important;
        margin-top: 6.4rem !important
    }

    .my-xxl-xxxl {
        margin-bottom: 8rem !important;
        margin-top: 8rem !important
    }

    .my-xxl-auto {
        margin-bottom: auto !important;
        margin-top: auto !important
    }

    .mt-xxl-xxs {
        margin-top: .8rem !important
    }

    .mt-xxl-xs {
        margin-top: 1.2rem !important
    }

    .mt-xxl-s {
        margin-top: 1.6rem !important
    }

    .mt-xxl-m {
        margin-top: 2.4rem !important
    }

    .mt-xxl-l {
        margin-top: 3.2rem !important
    }

    .mt-xxl-l2 {
        margin-top: 4rem !important
    }

    .mt-xxl-xl {
        margin-top: 4.8rem !important
    }

    .mt-xxl-xl2 {
        margin-top: 6rem !important
    }

    .mt-xxl-xxl {
        margin-top: 6.4rem !important
    }

    .mt-xxl-xxxl {
        margin-top: 8rem !important
    }

    .mt-xxl-auto {
        margin-top: auto !important
    }

    .me-xxl-xxs {
        margin-right: .8rem !important
    }

    .me-xxl-xs {
        margin-right: 1.2rem !important
    }

    .me-xxl-s {
        margin-right: 1.6rem !important
    }

    .me-xxl-m {
        margin-right: 2.4rem !important
    }

    .me-xxl-l {
        margin-right: 3.2rem !important
    }

    .me-xxl-l2 {
        margin-right: 4rem !important
    }

    .me-xxl-xl {
        margin-right: 4.8rem !important
    }

    .me-xxl-xl2 {
        margin-right: 6rem !important
    }

    .me-xxl-xxl {
        margin-right: 6.4rem !important
    }

    .me-xxl-xxxl {
        margin-right: 8rem !important
    }

    .me-xxl-auto {
        margin-right: auto !important
    }

    .mb-xxl-xxs {
        margin-bottom: .8rem !important
    }

    .mb-xxl-xs {
        margin-bottom: 1.2rem !important
    }

    .mb-xxl-s {
        margin-bottom: 1.6rem !important
    }

    .mb-xxl-m {
        margin-bottom: 2.4rem !important
    }

    .mb-xxl-l {
        margin-bottom: 3.2rem !important
    }

    .mb-xxl-l2 {
        margin-bottom: 4rem !important
    }

    .mb-xxl-xl {
        margin-bottom: 4.8rem !important
    }

    .mb-xxl-xl2 {
        margin-bottom: 6rem !important
    }

    .mb-xxl-xxl {
        margin-bottom: 6.4rem !important
    }

    .mb-xxl-xxxl {
        margin-bottom: 8rem !important
    }

    .mb-xxl-auto {
        margin-bottom: auto !important
    }

    .ms-xxl-xxs {
        margin-left: .8rem !important
    }

    .ms-xxl-xs {
        margin-left: 1.2rem !important
    }

    .ms-xxl-s {
        margin-left: 1.6rem !important
    }

    .ms-xxl-m {
        margin-left: 2.4rem !important
    }

    .ms-xxl-l {
        margin-left: 3.2rem !important
    }

    .ms-xxl-l2 {
        margin-left: 4rem !important
    }

    .ms-xxl-xl {
        margin-left: 4.8rem !important
    }

    .ms-xxl-xl2 {
        margin-left: 6rem !important
    }

    .ms-xxl-xxl {
        margin-left: 6.4rem !important
    }

    .ms-xxl-xxxl {
        margin-left: 8rem !important
    }

    .ms-xxl-auto {
        margin-left: auto !important
    }

    .p-xxl-xxs {
        padding: .8rem !important
    }

    .p-xxl-xs {
        padding: 1.2rem !important
    }

    .p-xxl-s {
        padding: 1.6rem !important
    }

    .p-xxl-m {
        padding: 2.4rem !important
    }

    .p-xxl-l {
        padding: 3.2rem !important
    }

    .p-xxl-l2 {
        padding: 4rem !important
    }

    .p-xxl-xl {
        padding: 4.8rem !important
    }

    .p-xxl-xl2 {
        padding: 6rem !important
    }

    .p-xxl-xxl {
        padding: 6.4rem !important
    }

    .p-xxl-xxxl {
        padding: 8rem !important
    }

    .px-xxl-xxs {
        padding-left: .8rem !important;
        padding-right: .8rem !important
    }

    .px-xxl-xs {
        padding-left: 1.2rem !important;
        padding-right: 1.2rem !important
    }

    .px-xxl-s {
        padding-left: 1.6rem !important;
        padding-right: 1.6rem !important
    }

    .px-xxl-m {
        padding-left: 2.4rem !important;
        padding-right: 2.4rem !important
    }

    .px-xxl-l {
        padding-left: 3.2rem !important;
        padding-right: 3.2rem !important
    }

    .px-xxl-l2 {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }

    .px-xxl-xl {
        padding-left: 4.8rem !important;
        padding-right: 4.8rem !important
    }

    .px-xxl-xl2 {
        padding-left: 6rem !important;
        padding-right: 6rem !important
    }

    .px-xxl-xxl {
        padding-left: 6.4rem !important;
        padding-right: 6.4rem !important
    }

    .px-xxl-xxxl {
        padding-left: 8rem !important;
        padding-right: 8rem !important
    }

    .py-xxl-xxs {
        padding-bottom: .8rem !important;
        padding-top: .8rem !important
    }

    .py-xxl-xs {
        padding-bottom: 1.2rem !important;
        padding-top: 1.2rem !important
    }

    .py-xxl-s {
        padding-bottom: 1.6rem !important;
        padding-top: 1.6rem !important
    }

    .py-xxl-m {
        padding-bottom: 2.4rem !important;
        padding-top: 2.4rem !important
    }

    .py-xxl-l {
        padding-bottom: 3.2rem !important;
        padding-top: 3.2rem !important
    }

    .py-xxl-l2 {
        padding-bottom: 4rem !important;
        padding-top: 4rem !important
    }

    .py-xxl-xl {
        padding-bottom: 4.8rem !important;
        padding-top: 4.8rem !important
    }

    .py-xxl-xl2 {
        padding-bottom: 6rem !important;
        padding-top: 6rem !important
    }

    .py-xxl-xxl {
        padding-bottom: 6.4rem !important;
        padding-top: 6.4rem !important
    }

    .py-xxl-xxxl {
        padding-bottom: 8rem !important;
        padding-top: 8rem !important
    }

    .pt-xxl-xxs {
        padding-top: .8rem !important
    }

    .pt-xxl-xs {
        padding-top: 1.2rem !important
    }

    .pt-xxl-s {
        padding-top: 1.6rem !important
    }

    .pt-xxl-m {
        padding-top: 2.4rem !important
    }

    .pt-xxl-l {
        padding-top: 3.2rem !important
    }

    .pt-xxl-l2 {
        padding-top: 4rem !important
    }

    .pt-xxl-xl {
        padding-top: 4.8rem !important
    }

    .pt-xxl-xl2 {
        padding-top: 6rem !important
    }

    .pt-xxl-xxl {
        padding-top: 6.4rem !important
    }

    .pt-xxl-xxxl {
        padding-top: 8rem !important
    }

    .pe-xxl-xxs {
        padding-right: .8rem !important
    }

    .pe-xxl-xs {
        padding-right: 1.2rem !important
    }

    .pe-xxl-s {
        padding-right: 1.6rem !important
    }

    .pe-xxl-m {
        padding-right: 2.4rem !important
    }

    .pe-xxl-l {
        padding-right: 3.2rem !important
    }

    .pe-xxl-l2 {
        padding-right: 4rem !important
    }

    .pe-xxl-xl {
        padding-right: 4.8rem !important
    }

    .pe-xxl-xl2 {
        padding-right: 6rem !important
    }

    .pe-xxl-xxl {
        padding-right: 6.4rem !important
    }

    .pe-xxl-xxxl {
        padding-right: 8rem !important
    }

    .pb-xxl-xxs {
        padding-bottom: .8rem !important
    }

    .pb-xxl-xs {
        padding-bottom: 1.2rem !important
    }

    .pb-xxl-s {
        padding-bottom: 1.6rem !important
    }

    .pb-xxl-m {
        padding-bottom: 2.4rem !important
    }

    .pb-xxl-l {
        padding-bottom: 3.2rem !important
    }

    .pb-xxl-l2 {
        padding-bottom: 4rem !important
    }

    .pb-xxl-xl {
        padding-bottom: 4.8rem !important
    }

    .pb-xxl-xl2 {
        padding-bottom: 6rem !important
    }

    .pb-xxl-xxl {
        padding-bottom: 6.4rem !important
    }

    .pb-xxl-xxxl {
        padding-bottom: 8rem !important
    }

    .ps-xxl-xxs {
        padding-left: .8rem !important
    }

    .ps-xxl-xs {
        padding-left: 1.2rem !important
    }

    .ps-xxl-s {
        padding-left: 1.6rem !important
    }

    .ps-xxl-m {
        padding-left: 2.4rem !important
    }

    .ps-xxl-l {
        padding-left: 3.2rem !important
    }

    .ps-xxl-l2 {
        padding-left: 4rem !important
    }

    .ps-xxl-xl {
        padding-left: 4.8rem !important
    }

    .ps-xxl-xl2 {
        padding-left: 6rem !important
    }

    .ps-xxl-xxl {
        padding-left: 6.4rem !important
    }

    .ps-xxl-xxxl {
        padding-left: 8rem !important
    }
}

@media (min-width:1456px) {
    .d-xxxl-inline {
        display: inline !important
    }

    .d-xxxl-inline-block {
        display: inline-block !important
    }

    .d-xxxl-block {
        display: block !important
    }

    .d-xxxl-grid {
        display: grid !important
    }

    .d-xxxl-inline-grid {
        display: inline-grid !important
    }

    .d-xxxl-table {
        display: table !important
    }

    .d-xxxl-table-row {
        display: table-row !important
    }

    .d-xxxl-table-cell {
        display: table-cell !important
    }

    .d-xxxl-flex {
        display: flex !important
    }

    .d-xxxl-inline-flex {
        display: inline-flex !important
    }

    .d-xxxl-none {
        display: none !important
    }

    .flex-xxxl-fill {
        flex: 1 1 auto !important
    }

    .flex-xxxl-row {
        flex-direction: row !important
    }

    .flex-xxxl-column {
        flex-direction: column !important
    }

    .flex-xxxl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xxxl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xxxl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xxxl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xxxl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xxxl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xxxl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xxxl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xxxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xxxl-start {
        justify-content: flex-start !important
    }

    .justify-content-xxxl-end {
        justify-content: flex-end !important
    }

    .justify-content-xxxl-center {
        justify-content: center !important
    }

    .justify-content-xxxl-between {
        justify-content: space-between !important
    }

    .justify-content-xxxl-around {
        justify-content: space-around !important
    }

    .justify-content-xxxl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xxxl-start {
        align-items: flex-start !important
    }

    .align-items-xxxl-end {
        align-items: flex-end !important
    }

    .align-items-xxxl-center {
        align-items: center !important
    }

    .align-items-xxxl-baseline {
        align-items: baseline !important
    }

    .align-items-xxxl-stretch {
        align-items: stretch !important
    }

    .align-content-xxxl-start {
        align-content: flex-start !important
    }

    .align-content-xxxl-end {
        align-content: flex-end !important
    }

    .align-content-xxxl-center {
        align-content: center !important
    }

    .align-content-xxxl-between {
        align-content: space-between !important
    }

    .align-content-xxxl-around {
        align-content: space-around !important
    }

    .align-content-xxxl-stretch {
        align-content: stretch !important
    }

    .align-self-xxxl-auto {
        align-self: auto !important
    }

    .align-self-xxxl-start {
        align-self: flex-start !important
    }

    .align-self-xxxl-end {
        align-self: flex-end !important
    }

    .align-self-xxxl-center {
        align-self: center !important
    }

    .align-self-xxxl-baseline {
        align-self: baseline !important
    }

    .align-self-xxxl-stretch {
        align-self: stretch !important
    }

    .order-xxxl-first {
        order: -1 !important
    }

    .order-xxxl-0 {
        order: 0 !important
    }

    .order-xxxl-1 {
        order: 1 !important
    }

    .order-xxxl-2 {
        order: 2 !important
    }

    .order-xxxl-3 {
        order: 3 !important
    }

    .order-xxxl-4 {
        order: 4 !important
    }

    .order-xxxl-5 {
        order: 5 !important
    }

    .order-xxxl-last {
        order: 6 !important
    }

    .m-xxxl-xxs {
        margin: .8rem !important
    }

    .m-xxxl-xs {
        margin: 1.2rem !important
    }

    .m-xxxl-s {
        margin: 1.6rem !important
    }

    .m-xxxl-m {
        margin: 2.4rem !important
    }

    .m-xxxl-l {
        margin: 3.2rem !important
    }

    .m-xxxl-l2 {
        margin: 4rem !important
    }

    .m-xxxl-xl {
        margin: 4.8rem !important
    }

    .m-xxxl-xl2 {
        margin: 6rem !important
    }

    .m-xxxl-xxl {
        margin: 6.4rem !important
    }

    .m-xxxl-xxxl {
        margin: 8rem !important
    }

    .m-xxxl-auto {
        margin: auto !important
    }

    .mx-xxxl-xxs {
        margin-left: .8rem !important;
        margin-right: .8rem !important
    }

    .mx-xxxl-xs {
        margin-left: 1.2rem !important;
        margin-right: 1.2rem !important
    }

    .mx-xxxl-s {
        margin-left: 1.6rem !important;
        margin-right: 1.6rem !important
    }

    .mx-xxxl-m {
        margin-left: 2.4rem !important;
        margin-right: 2.4rem !important
    }

    .mx-xxxl-l {
        margin-left: 3.2rem !important;
        margin-right: 3.2rem !important
    }

    .mx-xxxl-l2 {
        margin-left: 4rem !important;
        margin-right: 4rem !important
    }

    .mx-xxxl-xl {
        margin-left: 4.8rem !important;
        margin-right: 4.8rem !important
    }

    .mx-xxxl-xl2 {
        margin-left: 6rem !important;
        margin-right: 6rem !important
    }

    .mx-xxxl-xxl {
        margin-left: 6.4rem !important;
        margin-right: 6.4rem !important
    }

    .mx-xxxl-xxxl {
        margin-left: 8rem !important;
        margin-right: 8rem !important
    }

    .mx-xxxl-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .my-xxxl-xxs {
        margin-bottom: .8rem !important;
        margin-top: .8rem !important
    }

    .my-xxxl-xs {
        margin-bottom: 1.2rem !important;
        margin-top: 1.2rem !important
    }

    .my-xxxl-s {
        margin-bottom: 1.6rem !important;
        margin-top: 1.6rem !important
    }

    .my-xxxl-m {
        margin-bottom: 2.4rem !important;
        margin-top: 2.4rem !important
    }

    .my-xxxl-l {
        margin-bottom: 3.2rem !important;
        margin-top: 3.2rem !important
    }

    .my-xxxl-l2 {
        margin-bottom: 4rem !important;
        margin-top: 4rem !important
    }

    .my-xxxl-xl {
        margin-bottom: 4.8rem !important;
        margin-top: 4.8rem !important
    }

    .my-xxxl-xl2 {
        margin-bottom: 6rem !important;
        margin-top: 6rem !important
    }

    .my-xxxl-xxl {
        margin-bottom: 6.4rem !important;
        margin-top: 6.4rem !important
    }

    .my-xxxl-xxxl {
        margin-bottom: 8rem !important;
        margin-top: 8rem !important
    }

    .my-xxxl-auto {
        margin-bottom: auto !important;
        margin-top: auto !important
    }

    .mt-xxxl-xxs {
        margin-top: .8rem !important
    }

    .mt-xxxl-xs {
        margin-top: 1.2rem !important
    }

    .mt-xxxl-s {
        margin-top: 1.6rem !important
    }

    .mt-xxxl-m {
        margin-top: 2.4rem !important
    }

    .mt-xxxl-l {
        margin-top: 3.2rem !important
    }

    .mt-xxxl-l2 {
        margin-top: 4rem !important
    }

    .mt-xxxl-xl {
        margin-top: 4.8rem !important
    }

    .mt-xxxl-xl2 {
        margin-top: 6rem !important
    }

    .mt-xxxl-xxl {
        margin-top: 6.4rem !important
    }

    .mt-xxxl-xxxl {
        margin-top: 8rem !important
    }

    .mt-xxxl-auto {
        margin-top: auto !important
    }

    .me-xxxl-xxs {
        margin-right: .8rem !important
    }

    .me-xxxl-xs {
        margin-right: 1.2rem !important
    }

    .me-xxxl-s {
        margin-right: 1.6rem !important
    }

    .me-xxxl-m {
        margin-right: 2.4rem !important
    }

    .me-xxxl-l {
        margin-right: 3.2rem !important
    }

    .me-xxxl-l2 {
        margin-right: 4rem !important
    }

    .me-xxxl-xl {
        margin-right: 4.8rem !important
    }

    .me-xxxl-xl2 {
        margin-right: 6rem !important
    }

    .me-xxxl-xxl {
        margin-right: 6.4rem !important
    }

    .me-xxxl-xxxl {
        margin-right: 8rem !important
    }

    .me-xxxl-auto {
        margin-right: auto !important
    }

    .mb-xxxl-xxs {
        margin-bottom: .8rem !important
    }

    .mb-xxxl-xs {
        margin-bottom: 1.2rem !important
    }

    .mb-xxxl-s {
        margin-bottom: 1.6rem !important
    }

    .mb-xxxl-m {
        margin-bottom: 2.4rem !important
    }

    .mb-xxxl-l {
        margin-bottom: 3.2rem !important
    }

    .mb-xxxl-l2 {
        margin-bottom: 4rem !important
    }

    .mb-xxxl-xl {
        margin-bottom: 4.8rem !important
    }

    .mb-xxxl-xl2 {
        margin-bottom: 6rem !important
    }

    .mb-xxxl-xxl {
        margin-bottom: 6.4rem !important
    }

    .mb-xxxl-xxxl {
        margin-bottom: 8rem !important
    }

    .mb-xxxl-auto {
        margin-bottom: auto !important
    }

    .ms-xxxl-xxs {
        margin-left: .8rem !important
    }

    .ms-xxxl-xs {
        margin-left: 1.2rem !important
    }

    .ms-xxxl-s {
        margin-left: 1.6rem !important
    }

    .ms-xxxl-m {
        margin-left: 2.4rem !important
    }

    .ms-xxxl-l {
        margin-left: 3.2rem !important
    }

    .ms-xxxl-l2 {
        margin-left: 4rem !important
    }

    .ms-xxxl-xl {
        margin-left: 4.8rem !important
    }

    .ms-xxxl-xl2 {
        margin-left: 6rem !important
    }

    .ms-xxxl-xxl {
        margin-left: 6.4rem !important
    }

    .ms-xxxl-xxxl {
        margin-left: 8rem !important
    }

    .ms-xxxl-auto {
        margin-left: auto !important
    }

    .p-xxxl-xxs {
        padding: .8rem !important
    }

    .p-xxxl-xs {
        padding: 1.2rem !important
    }

    .p-xxxl-s {
        padding: 1.6rem !important
    }

    .p-xxxl-m {
        padding: 2.4rem !important
    }

    .p-xxxl-l {
        padding: 3.2rem !important
    }

    .p-xxxl-l2 {
        padding: 4rem !important
    }

    .p-xxxl-xl {
        padding: 4.8rem !important
    }

    .p-xxxl-xl2 {
        padding: 6rem !important
    }

    .p-xxxl-xxl {
        padding: 6.4rem !important
    }

    .p-xxxl-xxxl {
        padding: 8rem !important
    }

    .px-xxxl-xxs {
        padding-left: .8rem !important;
        padding-right: .8rem !important
    }

    .px-xxxl-xs {
        padding-left: 1.2rem !important;
        padding-right: 1.2rem !important
    }

    .px-xxxl-s {
        padding-left: 1.6rem !important;
        padding-right: 1.6rem !important
    }

    .px-xxxl-m {
        padding-left: 2.4rem !important;
        padding-right: 2.4rem !important
    }

    .px-xxxl-l {
        padding-left: 3.2rem !important;
        padding-right: 3.2rem !important
    }

    .px-xxxl-l2 {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }

    .px-xxxl-xl {
        padding-left: 4.8rem !important;
        padding-right: 4.8rem !important
    }

    .px-xxxl-xl2 {
        padding-left: 6rem !important;
        padding-right: 6rem !important
    }

    .px-xxxl-xxl {
        padding-left: 6.4rem !important;
        padding-right: 6.4rem !important
    }

    .px-xxxl-xxxl {
        padding-left: 8rem !important;
        padding-right: 8rem !important
    }

    .py-xxxl-xxs {
        padding-bottom: .8rem !important;
        padding-top: .8rem !important
    }

    .py-xxxl-xs {
        padding-bottom: 1.2rem !important;
        padding-top: 1.2rem !important
    }

    .py-xxxl-s {
        padding-bottom: 1.6rem !important;
        padding-top: 1.6rem !important
    }

    .py-xxxl-m {
        padding-bottom: 2.4rem !important;
        padding-top: 2.4rem !important
    }

    .py-xxxl-l {
        padding-bottom: 3.2rem !important;
        padding-top: 3.2rem !important
    }

    .py-xxxl-l2 {
        padding-bottom: 4rem !important;
        padding-top: 4rem !important
    }

    .py-xxxl-xl {
        padding-bottom: 4.8rem !important;
        padding-top: 4.8rem !important
    }

    .py-xxxl-xl2 {
        padding-bottom: 6rem !important;
        padding-top: 6rem !important
    }

    .py-xxxl-xxl {
        padding-bottom: 6.4rem !important;
        padding-top: 6.4rem !important
    }

    .py-xxxl-xxxl {
        padding-bottom: 8rem !important;
        padding-top: 8rem !important
    }

    .pt-xxxl-xxs {
        padding-top: .8rem !important
    }

    .pt-xxxl-xs {
        padding-top: 1.2rem !important
    }

    .pt-xxxl-s {
        padding-top: 1.6rem !important
    }

    .pt-xxxl-m {
        padding-top: 2.4rem !important
    }

    .pt-xxxl-l {
        padding-top: 3.2rem !important
    }

    .pt-xxxl-l2 {
        padding-top: 4rem !important
    }

    .pt-xxxl-xl {
        padding-top: 4.8rem !important
    }

    .pt-xxxl-xl2 {
        padding-top: 6rem !important
    }

    .pt-xxxl-xxl {
        padding-top: 6.4rem !important
    }

    .pt-xxxl-xxxl {
        padding-top: 8rem !important
    }

    .pe-xxxl-xxs {
        padding-right: .8rem !important
    }

    .pe-xxxl-xs {
        padding-right: 1.2rem !important
    }

    .pe-xxxl-s {
        padding-right: 1.6rem !important
    }

    .pe-xxxl-m {
        padding-right: 2.4rem !important
    }

    .pe-xxxl-l {
        padding-right: 3.2rem !important
    }

    .pe-xxxl-l2 {
        padding-right: 4rem !important
    }

    .pe-xxxl-xl {
        padding-right: 4.8rem !important
    }

    .pe-xxxl-xl2 {
        padding-right: 6rem !important
    }

    .pe-xxxl-xxl {
        padding-right: 6.4rem !important
    }

    .pe-xxxl-xxxl {
        padding-right: 8rem !important
    }

    .pb-xxxl-xxs {
        padding-bottom: .8rem !important
    }

    .pb-xxxl-xs {
        padding-bottom: 1.2rem !important
    }

    .pb-xxxl-s {
        padding-bottom: 1.6rem !important
    }

    .pb-xxxl-m {
        padding-bottom: 2.4rem !important
    }

    .pb-xxxl-l {
        padding-bottom: 3.2rem !important
    }

    .pb-xxxl-l2 {
        padding-bottom: 4rem !important
    }

    .pb-xxxl-xl {
        padding-bottom: 4.8rem !important
    }

    .pb-xxxl-xl2 {
        padding-bottom: 6rem !important
    }

    .pb-xxxl-xxl {
        padding-bottom: 6.4rem !important
    }

    .pb-xxxl-xxxl {
        padding-bottom: 8rem !important
    }

    .ps-xxxl-xxs {
        padding-left: .8rem !important
    }

    .ps-xxxl-xs {
        padding-left: 1.2rem !important
    }

    .ps-xxxl-s {
        padding-left: 1.6rem !important
    }

    .ps-xxxl-m {
        padding-left: 2.4rem !important
    }

    .ps-xxxl-l {
        padding-left: 3.2rem !important
    }

    .ps-xxxl-l2 {
        padding-left: 4rem !important
    }

    .ps-xxxl-xl {
        padding-left: 4.8rem !important
    }

    .ps-xxxl-xl2 {
        padding-left: 6rem !important
    }

    .ps-xxxl-xxl {
        padding-left: 6.4rem !important
    }

    .ps-xxxl-xxxl {
        padding-left: 8rem !important
    }
}

@media print {
    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-grid {
        display: grid !important
    }

    .d-print-inline-grid {
        display: inline-grid !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }

    .d-print-none {
        display: none !important
    }
}

.container {
    margin: 0 auto;
    max-width: 1456px;
    min-width: 320px;
    padding: 0
}

@media screen and (min-width:704px) {
    .container {
        padding: 0 1.6rem
    }
}

@media screen and (min-width:992px) {
    .container {
        padding: 0 5.6rem
    }
}

.h1-style {
    font-size: 4.2rem;
    font-weight: 700;
    line-height: 4.8rem
}

@media (min-width:704px) {
    .h1-style {
        font-size: 6.4rem;
        font-weight: 700;
        line-height: 7.2rem
    }
}

.h2-style {
    font-size: 3.8rem;
    font-weight: 700;
    line-height: 4rem
}

@media (min-width:704px) {
    .h2-style {
        font-size: 5.2rem;
        font-weight: 700;
        line-height: 5.6rem
    }
}

.h3-style {
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 4rem
}

@media (min-width:704px) {
    .h3-style {
        font-size: 4rem;
        font-weight: 700;
        line-height: 4.8rem
    }
}

.h4-style {
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 3.2rem
}

@media (min-width:704px) {
    .h4-style {
        font-size: 3.2rem;
        font-weight: 700;
        line-height: 4rem
    }
}

.h5-style {
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.4rem
}

@media (min-width:704px) {
    .h5-style {
        font-size: 2.6rem;
        font-weight: 700;
        line-height: 3.2rem
    }
}

.h6-style {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.4rem
}

@media (min-width:704px) {
    .h6-style {
        font-size: 2rem;
        font-weight: 700;
        line-height: 2.4rem
    }
}

.component-review .inside-copy .recommended__bottom-line,
.mix-style-l {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 2.8rem
}

.component-coverage-list__list li,
.component-coverage-list__list__subtitle,
.mix-style-change,
.mix-style-m {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem
}

#old .component-article-list__item__read-more,
.mix-style-s {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem
}

.mix-style-xs {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.6rem
}

:host,
:root {
    --font-family: "Allianz Neo", sans-serif !important;
    --ui-background: transparent;
    --ui-01: #fff;
    --ui-02: #f5f5f5;
    --ui-03: #ececec;
    --ui-04: #d9d9d9;
    --ui-05: var(--color-neutral-350);
    --ui-06: #414141;
    --interactive-text: var(--text-01);
    --interactive-primary: var(--color-primary-interactive-600);
    --hover-primary: var(--color-primary-interactive-600);
    --hover-secondary: #ececec;
    --active-primary: var(--color-primary-interactive-600);
    --hover-link: #008ed6;
    --focus-box-shadow: 0 0 0 2px var(--color-neutral-000), 0 0 0 4px var(--color-primary-interactive-600);
    --focus-inset-box-shadow: inset 0 0 0 4px var(--color-primary-interactive-600), inset 0 0 0 6px var(--color-neutral-000);
    --text-01: var(--color-neutral-999);
    --text-02: #fff;
    --info: #496ebd;
    --warning: #efbe25;
    --danger: var(--color-signal-error-600);
    --success: #1e8927;
    --accent-01: #f86200;
    --accent-02: #3da556;
    --disabled-01: #c2c2c2;
    --disabled-02: #dadada;
    --disabled-03: #ececec;
    --disabled-04: rgba(0, 97, 146, .4);
    --negative: #fff;
    --negative-accent: var(--interactive-text);
    --negative-01: #d9d9d9;
    --negative-02: #c2c2c2;
    --negative-background: #414141;
    --negative-dimmed: hsla(0, 0%, 100%, .4);
    --negative-01-dimmed: hsla(0, 0%, 85%, .4);
    --negative-02-dimmed: hsla(0, 0%, 76%, .4);
    --negative-background-dimmed: rgba(65, 65, 65, .4);
    --grid-max-width: 1184px;
    --readonly-01: #f5f5f5;
    --readonly-02: #c2c2c2;
    --readonly-03: #fff;
    --heading-01-font-size: 64px;
    --heading-01-line-height: 68px;
    --heading-01-font-weight: 300;
    --heading-01-letter-spacing: 0.3px;
    --heading-01-mobile-font-size: 42px;
    --heading-01-mobile-line-height: 44px;
    --heading-01-mobile-font-weight: var(--heading-01-font-weight);
    --heading-01-mobile-letter-spacing: var(--heading-01-letter-spacing);
    --heading-02-font-size: 52px;
    --heading-02-line-height: 56px;
    --heading-02-font-weight: 300;
    --heading-02-letter-spacing: 0.3px;
    --heading-02-mobile-font-size: 38px;
    --heading-02-mobile-line-height: 40px;
    --heading-02-mobile-font-weight: 300;
    --heading-02-mobile-letter-spacing: var(--heading-02-letter-spacing);
    --heading-03-font-size: 40px;
    --heading-03-line-height: 48px;
    --heading-03-font-weight: 300;
    --heading-03-letter-spacing: 0.3px;
    --heading-03-mobile-font-size: var(--heading-04-font-size);
    --heading-03-mobile-line-height: var(--heading-04-line-height);
    --heading-03-mobile-font-weight: var(--heading-04-font-weight);
    --heading-03-mobile-letter-spacing: var(--heading-04-letter-spacing);
    --heading-04-font-size: 32px;
    --heading-04-line-height: 40px;
    --heading-04-font-weight: 300;
    --heading-04-letter-spacing: 0.3px;
    --heading-04-mobile-font-size: var(--heading-05-font-size);
    --heading-04-mobile-line-height: var(--heading-05-line-height);
    --heading-04-mobile-font-weight: var(--heading-04-font-weight);
    --heading-04-mobile-letter-spacing: var(--heading-04-letter-spacing);
    --heading-05-font-size: 26px;
    --heading-05-line-height: 32px;
    --heading-05-font-weight: 600;
    --heading-05-letter-spacing: 0.2px;
    --heading-05-mobile-font-size: 22px;
    --heading-05-mobile-line-height: 28px;
    --heading-05-mobile-font-weight: 600;
    --heading-05-mobile-letter-spacing: 0.2px;
    --heading-06-font-size: 20px;
    --heading-06-line-height: 24px;
    --heading-06-font-weight: 300;
    --heading-06-letter-spacing: 0.2px;
    --heading-06-mobile-font-size: 18px;
    --heading-06-mobile-line-height: 24px;
    --heading-06-mobile-font-weight: 300;
    --heading-06-mobile-letter-spacing: 0.2px;
    --paragraph-01-font-size: 20px;
    --paragraph-01-line-height: 24px;
    --paragraph-01-font-weight: 400;
    --paragraph-01-letter-spacing: 0.2px;
    --paragraph-02-font-size: 18px;
    --paragraph-02-line-height: 28px;
    --paragraph-02-font-weight: 400;
    --paragraph-02-letter-spacing: 0;
    --paragraph-03-font-size: 16px;
    --paragraph-03-line-height: 24px;
    --paragraph-03-font-weight: 400;
    --paragraph-03-letter-spacing: 0;
    --paragraph-04-font-size: 14px;
    --paragraph-04-line-height: 20px;
    --paragraph-04-font-weight: 400;
    --paragraph-04-letter-spacing: 0;
    --paragraph-05-font-size: 12px;
    --paragraph-05-line-height: 16px;
    --paragraph-05-font-weight: 400;
    --paragraph-05-letter-spacing: 0;
    --large-label-font-size: 16px;
    --large-label-line-height: 24px;
    --large-label-font-weight: 400;
    --large-label-letter-spacing: normal;
    --small-label-font-size: 14px;
    --small-label-line-height: 20px;
    --small-label-font-weight: 400;
    --small-label-letter-spacing: normal;
    --button-small-font-size: 14px;
    --button-small-line-height: 16px;
    --button-small-font-weight: 700;
    --button-small-letter-spacing: 0;
    --button-small-medium-font-size: var(--button-medium-font-size);
    --button-small-medium-line-height: var(--button-medium-line-height);
    --button-small-medium-font-weight: var(--button-medium-font-weight);
    --button-small-medium-letter-spacing: var(--button-medium-letter-spacing);
    --button-medium-font-size: 16px;
    --button-medium-line-height: 24px;
    --button-medium-font-weight: 700;
    --button-medium-letter-spacing: 0;
    --button-large-font-size: 18px;
    --button-large-line-height: 24px;
    --button-large-font-weight: 700;
    --button-large-letter-spacing: 0;
    --shadow-small-color: rgba(65, 65, 65, .35);
    --shadow-large-color: rgba(65, 65, 65, .35);
    --shadow-small: 0 2px 4px var(--shadow-small-color);
    --shadow-large: 0 8px 24px var(--shadow-large-color);
    --accordion-regular-font-size: var(--heading-04-font-size);
    --accordion-regular-line-height: var(--heading-04-line-height);
    --accordion-regular-font-weight: var(--heading-04-font-weight);
    --accordion-regular-letter-spacing: var(--heading-04-letter-spacing);
    --accordion-regular-mobile-font-size: var(--heading-06-font-size);
    --accordion-regular-mobile-line-height: var(--heading-06-line-height);
    --accordion-regular-mobile-font-weight: 400;
    --accordion-regular-mobile-letter-spacing: var(--heading-06-letter-spacing);
    --accordion-light-font-size: var(--paragraph-01-font-size);
    --accordion-light-line-height: var(--paragraph-01-line-height);
    --accordion-light-font-weight: var(--paragraph-01-font-weight);
    --accordion-light-letter-spacing: var(--paragraph-01-letter-spacing);
    --accordion-light-mobile-font-size: var(--paragraph-03-font-size);
    --accordion-light-mobile-line-height: var(--paragraph-03-line-height);
    --accordion-light-mobile-font-weight: var(--paragraph-03-font-weight);
    --accordion-light-mobile-letter-spacing: var(--paragraph-03-letter-spacing);
    --accordion-body-font-size: var(--paragraph-03-font-size);
    --accordion-body-line-height: var(--paragraph-03-line-height);
    --accordion-body-font-weight: var(--paragraph-03-font-weight);
    --accordion-body-letter-spacing: var(--paragraph-03-letter-spacing);
    --accordion-chevron-size: 24px;
    --accordion-regular-chevron-color: var(--interactive-text);
    --accordion-regular-hover-chevron-color: var(--interactive-text);
    --accordion-disabled-color: var(--disabled-01);
    --accordion-regular-header-background-color: var(--ui-02);
    --accordion-regular-header-text-color: var(--text-01);
    --accordion-regular-header-hover-text-color: var(--text-01);
    --accordion-regular-header-top-margin: 16px;
    --accordion-regular-border-color: transparent;
    --accordion-regular-mobile-border-color: var(--ui-04);
    --accordion-regular-mobile-separator-color: var(--ui-04);
    --accordion-regular-header-padding: 24px 32px;
    --accordion-regular-mobile-header-padding: 16px;
    --accordion-regular-body-padding: 24px 32px 16px;
    --accordion-regular-mobile-body-padding: 24px 16px 32px;
    --accordion-light-header-text-color: var(--interactive-text);
    --accordion-light-header-hover-text-color: var(--interactive-text);
    --accordion-light-chevron-color: var(--interactive-text);
    --accordion-light-hover-chevron-color: var(--interactive-text);
    --accordion-light-header-padding: 24px 32px;
    --accordion-light-mobile-header-padding: 16px 0;
    --accordion-light-body-padding: 0 32px 32px;
    --accordion-light-mobile-body-padding: 0 0 24px;
    --accordion-light-border-color: var(--ui-04);
    --accordion-extra-light-header-top-margin: 16px;
    --accordion-extra-light-chevron-color: var(--interactive-text);
    --accordion-extra-light-header-text-color: var(--interactive-text);
    --accordion-extra-light-body-padding: 16px 0 8px;
    --accordion-extra-light-font-size: 16px;
    --accordion-extra-light-line-height: 24px;
    --accordion-extra-light-font-weight: 600;
    --accordion-extra-light-letter-spacing: 1px;
    --action-font-size: var(--paragraph-03-font-size);
    --action-line-height: var(--paragraph-03-line-height);
    --action-font-weight: var(--paragraph-03-font-weight);
    --action-letter-spacing: var(--paragraph-03-letter-spacing);
    --action-color: var(--text-01);
    --action-hover-color: var(--text-01);
    --action-background-color: var(--ui-02);
    --action-hover-background-color: var(--hover-secondary);
    --action-selected-color: var(--text-02);
    --action-selected-background-color: var(--interactive-primary);
    --action-icon-size: 20px;
    --action-expand-icon-size: 16px;
    --avatar-background-color: #8a679c;
    --avatar-color: var(--text-02);
    --avatar-disabled-opacity: 0.4;
    --avatar-xsmall-size: 32px;
    --avatar-xsmall-font-size: var(--paragraph-04-font-size);
    --avatar-xsmall-line-height: var(--paragraph-04-line-height);
    --avatar-xsmall-font-weight: var(--paragraph-04-font-weight);
    --avatar-xsmall-letter-spacing: var(--paragraph-04-letter-spacing);
    --avatar-xsmall-icon-size: 24px;
    --avatar-small-size: 40px;
    --avatar-small-font-size: var(--paragraph-03-font-size);
    --avatar-small-line-height: var(--paragraph-03-line-height);
    --avatar-small-font-weight: 600;
    --avatar-small-letter-spacing: var(--paragraph-03-letter-spacing);
    --avatar-small-icon-size: 24px;
    --avatar-small-medium-size: 64px;
    --avatar-small-medium-font-size: var(--heading-04-font-size);
    --avatar-small-medium-line-height: var(--heading-04-line-height);
    --avatar-small-medium-font-weight: 600;
    --avatar-small-medium-letter-spacing: var(--heading-04-letter-spacing);
    --avatar-small-medium-icon-size: 40px;
    --avatar-medium-size: 80px;
    --avatar-medium-font-size: var(--heading-03-font-size);
    --avatar-medium-line-height: var(--heading-03-line-height);
    --avatar-medium-font-weight: 600;
    --avatar-medium-letter-spacing: var(--heading-03-letter-spacing);
    --avatar-medium-icon-size: 48px;
    --avatar-large-size: 120px;
    --avatar-large-font-size: var(--heading-02-font-size);
    --avatar-large-line-height: var(--heading-02-line-height);
    --avatar-large-font-weight: 600;
    --avatar-large-letter-spacing: var(--heading-02-letter-spacing);
    --avatar-large-icon-size: 72px;
    --avatar-xlarge-size: 160px;
    --avatar-xlarge-font-size: var(--heading-01-font-size);
    --avatar-xlarge-line-height: var(--heading-01-line-height);
    --avatar-xlarge-font-weight: 600;
    --avatar-xlarge-letter-spacing: var(--heading-01-letter-spacing);
    --avatar-xlarge-icon-size: 96px;
    --badge-font-size: var(--paragraph-03-font-size);
    --badge-line-height: var(--paragraph-03-line-height);
    --badge-font-weight: var(--paragraph-03-font-weight);
    --badge-letter-spacing: var(--paragraph-03-letter-spacing);
    --badge-background-color: var(--ui-04);
    --badge-color: var(--text-01);
    --badge-active-background-color: #cfe9ee;
    --badge-active-color: var(--badge-color);
    --badge-positive-background-color: #e3ebaf;
    --badge-positive-color: var(--badge-color);
    --badge-critical-background-color: #f7c7c3;
    --badge-critical-color: var(--badge-color);
    --badge-negative-background-color: #ffe8b0;
    --badge-negative-color: var(--badge-color);
    --badge-vibrant-background-color: var(--ui-06);
    --badge-vibrant-color: #fff;
    --badge-vibrant-active-background-color: #007ab3;
    --badge-vibrant-active-color: var(--badge-vibrant-color);
    --badge-vibrant-positive-background-color: #1e8927;
    --badge-vibrant-positive-color: var(--badge-vibrant-color);
    --badge-vibrant-critical-background-color: #dc3149;
    --badge-vibrant-critical-color: var(--badge-vibrant-color);
    --badge-vibrant-negative-background-color: #efbe25;
    --badge-vibrant-negative-color: var(--text-01);
    --base-label-color: var(--text-01);
    --base-label-small-font-size: var(--small-label-font-size);
    --base-label-small-line-height: var(--small-label-line-height);
    --base-label-small-font-weight: 600;
    --base-label-small-letter-spacing: var(--small-label-letter-spacing);
    --base-label-large-font-size: var(--large-label-font-size);
    --base-label-large-line-height: var(--large-label-line-height);
    --base-label-large-font-weight: 300;
    --base-label-large-letter-spacing: var(--large-label-letter-spacing);
    --base-error-color: var(--danger);
    --base-error-simple-icon-size: 20px;
    --base-error-simple-font-size: var(--paragraph-04-font-size);
    --base-error-simple-line-height: var(--paragraph-04-line-height);
    --base-error-simple-font-weight: var(--paragraph-04-font-weight);
    --base-error-simple-letter-spacing: var(--paragraph-04-letter-spacing);
    --button-primary-background-color: var(--color-primary-action-800);
    --button-primary-border-color: transparent;
    --button-primary-text-color: var(--color-neutral-000);
    --button-primary-hover-background-color: var(--color-primary-action-600);
    --button-primary-hover-border-color: transparent;
    --button-primary-hover-text-color: var(--color-neutral-000);
    --button-primary-active-background-color: var(--color-primary-action-900);
    --button-primary-active-text-color: var(--color-neutral-000);
    --button-primary-active-border-color: transparent;
    --button-primary-disabled-background-color: var(--color-neutral-150);
    --button-primary-disabled-text-color: var(--color-neutral-500);
    --button-primary-disabled-border-color: transparent;
    --button-secondary-background-color: var(--color-neutral-000);
    --button-secondary-border-color: transparent;
    --button-secondary-text-color: var(--color-primary-action-800);
    --button-secondary-hover-background-color: var(--color-neutral-000);
    --button-secondary-hover-border-color: transparent;
    --button-secondary-hover-text-color: var(--color-primary-action-600);
    --button-secondary-active-background-color: var(--color-neutral-000);
    --button-secondary-active-text-color: var(--color-primary-action-800);
    --button-secondary-active-border-color: transparent;
    --button-secondary-disabled-background-color: var(--color-neutral-150);
    --button-secondary-disabled-text-color: var(--color-neutral-500);
    --button-secondary-disabled-border-color: transparent;
    --button-tertiary-background-color: transparent;
    --button-tertiary-border-color: transparent;
    --button-tertiary-text-color: var(--button-secondary-text-color);
    --button-tertiary-hover-background-color: var(--hover-secondary);
    --button-tertiary-hover-border-color: transparent;
    --button-tertiary-hover-text-color: var(--button-secondary-text-color);
    --button-tertiary-active-background-color: var(--ui-04);
    --button-tertiary-active-text-color: var(--button-secondary-text-color);
    --button-tertiary-active-border-color: transparent;
    --button-tertiary-disabled-background-color: var(--button-secondary-background-color);
    --button-tertiary-disabled-text-color: var(--button-secondary-disabled-text-color);
    --button-tertiary-disabled-border-color: transparent;
    --button-emphasis-background-color: var(--accent-01);
    --button-emphasis-border-color: transparent;
    --button-emphasis-text-color: var(--text-02);
    --button-emphasis-hover-background-color: #e15200;
    --button-emphasis-hover-border-color: transparent;
    --button-emphasis-hover-text-color: var(--text-02);
    --button-emphasis-active-background-color: #c15500;
    --button-emphasis-active-text-color: var(--text-02);
    --button-emphasis-active-border-color: transparent;
    --button-emphasis-disabled-background-color: rgba(248, 98, 0, .4);
    --button-emphasis-disabled-text-color: hsla(0, 0%, 100%, .4);
    --button-emphasis-disabled-border-color: transparent;
    --button-cta-background-color: var(--accent-02);
    --button-cta-border-color: transparent;
    --button-cta-text-color: var(--text-02);
    --button-cta-hover-background-color: #348357;
    --button-cta-hover-border-color: transparent;
    --button-cta-hover-text-color: var(--text-02);
    --button-cta-active-background-color: #276442;
    --button-cta-active-text-color: var(--text-02);
    --button-cta-active-border-color: transparent;
    --button-cta-disabled-background-color: rgba(61, 165, 86, .4);
    --button-cta-disabled-text-color: hsla(0, 0%, 100%, .4);
    --button-cta-disabled-border-color: transparent;
    --button-primary-danger-background-color: var(--danger);
    --button-primary-danger-border-color: transparent;
    --button-primary-danger-text-color: var(--text-02);
    --button-primary-danger-hover-background-color: #c51322;
    --button-primary-danger-hover-border-color: transparent;
    --button-primary-danger-hover-text-color: var(--text-02);
    --button-primary-danger-active-background-color: #b0050c;
    --button-primary-danger-active-text-color: var(--text-02);
    --button-primary-danger-active-border-color: transparent;
    --button-primary-danger-disabled-background-color: rgba(220, 49, 73, .4);
    --button-primary-danger-disabled-text-color: hsla(0, 0%, 100%, .4);
    --button-primary-danger-disabled-border-color: transparent;
    --button-secondary-danger-background-color: transparent;
    --button-secondary-danger-border-color: var(--danger);
    --button-secondary-danger-text-color: var(--danger);
    --button-secondary-danger-hover-background-color: #c51322;
    --button-secondary-danger-hover-border-color: transparent;
    --button-secondary-danger-hover-text-color: var(--text-02);
    --button-secondary-danger-active-background-color: #b0050c;
    --button-secondary-danger-active-text-color: var(--text-02);
    --button-secondary-danger-active-border-color: transparent;
    --button-secondary-danger-disabled-background-color: transparent;
    --button-secondary-danger-disabled-text-color: rgba(220, 49, 73, .4);
    --button-secondary-danger-disabled-border-color: rgba(220, 49, 73, .4);
    --button-tertiary-danger-background-color: transparent;
    --button-tertiary-danger-border-color: transparent;
    --button-tertiary-danger-text-color: var(--danger);
    --button-tertiary-danger-hover-background-color: var(--hover-secondary);
    --button-tertiary-danger-hover-border-color: transparent;
    --button-tertiary-danger-hover-text-color: var(--danger);
    --button-tertiary-danger-active-background-color: var(--ui-04);
    --button-tertiary-danger-active-text-color: var(--danger);
    --button-tertiary-danger-active-border-color: transparent;
    --button-tertiary-danger-disabled-background-color: transparent;
    --button-tertiary-danger-disabled-text-color: rgba(220, 49, 73, .4);
    --button-tertiary-danger-disabled-border-color: transparent;
    --button-text-transform: none;
    --button-border-radius: 4px;
    --button-border-width: 2px;
    --button-small-height: 32px;
    --button-small-medium-height: 40px;
    --button-medium-height: 48px;
    --button-large-height: 72px;
    --button-small-icon-size: 16px;
    --button-small-medium-icon-size: 20px;
    --button-medium-icon-size: 24px;
    --button-large-icon-size: 24px;
    --plain-button-color: var(--link-color);
    --plain-button-hover-color: var(--link-hover-color);
    --plain-button-active-color: var(--link-active-color);
    --plain-button-disabled-color: var(--link-disabled-color);
    --plain-button-danger-color: var(--danger);
    --plain-button-danger-hover-color: #c51322;
    --plain-button-danger-active-color: #b0050c;
    --plain-button-danger-disabled-color: rgba(220, 49, 73, .4);
    --plain-button-font-size: var(--link-small-font-size);
    --plain-button-line-height: var(--link-small-line-height);
    --plain-button-font-weight: var(--link-small-font-weight);
    --plain-button-letter-spacing: var(--link-small-letter-spacing);
    --plain-button-icon-size: var(--link-small-icon-size);
    --breadcrumb-color: var(--text-01);
    --breadcrumb-font-size: 16px;
    --breadcrumb-line-height: 24px;
    --breadcrumb-letter-spacing: 0;
    --breadcrumb-font-weight: 400;
    --breadcrumb-chevron-color: var(--text-01);
    --breadcrumb-link-color: var(--interactive-text);
    --breadcrumb-link-hover-color: var(--hover-link);
    --breadcrumb-link-active-color: var(--active-primary);
    --icon-button-small-icon-size: 16px;
    --icon-button-small-medium-icon-size: 24px;
    --icon-button-medium-icon-size: 24px;
    --icon-button-large-icon-size: 24px;
    --card-text-color: var(--text-01);
    --card-background-color: var(--ui-01);
    --card-border-color: #999;
    --card-border-width: 1px;
    --card-border-radius: 4px;
    --card-highlight-text-color: var(--text-01);
    --card-highlight-background-color: #e1cfeb;
    --comparison-table-popular-cell-text-color: var(--text-01);
    --comparison-table-popular-cell-background-color: #e1cfeb;
    --comparison-table-selected-column-background-color: #c1ebfb;
    --comparison-table-selected-column-text-color: var(--text-01);
    --comparison-table-border-color: var(--ui-03);
    --comparison-table-header-background-color: var(--ui-01);
    --comparison-table-header-text-color: var(--text-01);
    --comparison-table-placeholder-cell-background-color: transparent;
    --comparison-table-placeholder-cell-border-color: transparent;
    --comparison-table-disabled-text-color: var(--disabled-01);
    --comparison-table-disabled-column-header-text-color: var(--comparison-table-disabled-text-color);
    --comparison-table-cell-background-color: var(--ui-01);
    --comparison-table-intersection-cell-background-color: hsla(0, 0%, 100%, .75);
    --comparison-table-toggle-section-header-background-color: hsla(0, 0%, 100%, .75);
    --comparison-table-toggle-section-chevron-size: var(--accordion-chevron-size);
    --comparison-table-toggle-section-chevron-color: var(--accordion-regular-chevron-color);
    --comparison-table-toggle-section-header-padding: 24px 32px 24px 16px;
    --comparison-table-toggle-section-header-padding-rtl: 24px 16px 24px 32px;
    --comparison-table-expansion-cell-color: var(--interactive-text);
    --comparison-table-font-size: 16px;
    --comparison-table-line-height: 20px;
    --comparison-table-font-weight: 400;
    --comparison-table-letter-spacing: 0;
    --comparison-table-popular-cell-font-size: 14px;
    --comparison-table-popular-cell-line-height: 16px;
    --comparison-table-popular-cell-font-weight: 600;
    --comparison-table-popular-cell-letter-spacing: 0.2px;
    --comparison-table-description-cell-mobile-font-size: 14px;
    --comparison-table-description-cell-mobile-line-height: 16px;
    --comparison-table-description-cell-mobile-font-weight: 700;
    --comparison-table-description-cell-mobile-letter-spacing: 0.2px;
    --comparison-table-mobile-section-header-font-size: 14px;
    --comparison-table-mobile-section-header-line-height: 24px;
    --comparison-table-mobile-section-header-font-weight: 600;
    --comparison-table-mobile-section-header-letter-spacing: 0;
    --comparison-table-group-label-font-size: 16px;
    --comparison-table-group-label-line-height: 24px;
    --comparison-table-group-label-font-weight: 600;
    --comparison-table-group-label-letter-spacing: 1px;
    --comparison-table-toggle-section-header-font-size: var(--heading-04-font-size);
    --comparison-table-toggle-section-header-line-height: var(--heading-04-line-height);
    --comparison-table-toggle-section-header-font-weight: var(--heading-04-font-weight);
    --comparison-table-toggle-section-header-letter-spacing: var(--heading-04-letter-spacing);
    --data-display-label-font-weight: 600;
    --data-display-large-font-size: var(--paragraph-02-font-size);
    --data-display-large-line-height: var(--paragraph-02-line-height);
    --data-display-large-font-weight: var(--paragraph-02-font-weight);
    --data-display-large-letter-spacing: var(--paragraph-02-letter-spacing);
    --data-display-large-mobile-font-size: var(--paragraph-03-font-size);
    --data-display-large-mobile-line-height: var(--paragraph-03-line-height);
    --data-display-large-mobile-font-weight: var(--paragraph-03-font-weight);
    --data-display-large-mobile-letter-spacing: var(--paragraph-03-letter-spacing);
    --data-display-medium-font-size: var(--paragraph-03-font-size);
    --data-display-medium-line-height: var(--paragraph-03-line-height);
    --data-display-medium-font-weight: var(--paragraph-03-font-weight);
    --data-display-medium-letter-spacing: var(--paragraph-03-letter-spacing);
    --data-display-small-font-size: var(--paragraph-04-font-size);
    --data-display-small-line-height: var(--paragraph-04-line-height);
    --data-display-small-font-weight: var(--paragraph-04-font-weight);
    --data-display-small-letter-spacing: var(--paragraph-04-letter-spacing);
    --selectable-card-text-color: var(--text-01);
    --selectable-card-background-color: var(--ui-01);
    --selectable-card-background-hover-color: #f1f9fa;
    --selectable-card-background-selected-color: #c1ebfb;
    --selectable-card-background-selected-hover-color: #96dcfa;
    --selectable-card-background-disabled-color: var(--ui-01);
    --selectable-card-background-disabled-selected-color: #c1ebfb;
    --selectable-card-expert-background-hover-color: var(--ui-02);
    --selectable-card-expert-background-selected-color: var(--ui-02);
    --selectable-card-expert-background-disabled-selected-color: var(--ui-02);
    --selectable-card-expert-background-selected-hover-color: var(--ui-03);
    --selectable-card-icon-color: var(--success);
    --selectable-card-unchecked-icon-hover-color: #c2c2c2;
    --selectable-card-icon-placeholder-border-color: #c2c2c2;
    --selectable-card-border-color: var(--card-border-color);
    --selectable-card-border-hover-color: var(--ui-06);
    --selectable-card-border-selected-color: var(--ui-06);
    --selectable-card-border-disabled-color: var(--ui-03);
    --selectable-card-border-disabled-selected-color: #c2c2c2;
    --selectable-card-border-error-color: var(--danger);
    --selectable-card-border-width: 1px;
    --selectable-card-border-radius: 4px;
    --checkbox-border-width: 2px;
    --checkbox-border-radius: 4px;
    --checkbox-control-size: 24px;
    --checkbox-icon-size: 20px;
    --checkbox-background-color: transparent;
    --checkbox-border-color: var(--ui-05);
    --checkbox-icon-color: var(--text-02);
    --checkbox-indeterminate-color: var(--interactive-primary);
    --checkbox-selected-background-color: var(--interactive-primary);
    --checkbox-selected-border-color: var(--interactive-primary);
    --checkbox-hover-background-color: var(--hover-primary);
    --checkbox-hover-border-color: var(--hover-primary);
    --checkbox-active-background-color: var(--active-primary);
    --checkbox-active-border-color: var(--active-primary);
    --checkbox-disabled-border-color: var(--disabled-01);
    --checkbox-disabled-background-color: var(--disabled-03);
    --checkbox-disabled-selected-background-color: var(--disabled-01);
    --checkbox-disabled-icon-color: var(--text-02);
    --checkbox-label-color: var(--text-01);
    --checkbox-label-disabled-color: var(--disabled-01);
    --checkbox-large-label-control-margin-top: 0;
    --checkbox-large-label-text-margin-top: 0;
    --checkbox-large-label-text-margin-left: 16px;
    --checkbox-small-label-control-margin-top: 0;
    --checkbox-small-label-text-margin-top: 2px;
    --checkbox-small-label-text-margin-left: 16px;
    --checkbox-large-label-font-size: var(--large-label-font-size);
    --checkbox-large-label-line-height: var(--large-label-line-height);
    --checkbox-large-label-font-weight: var(--large-label-font-weight);
    --checkbox-large-label-letter-spacing: var(--large-label-letter-spacing);
    --checkbox-small-label-font-size: var(--small-label-font-size);
    --checkbox-small-label-line-height: var(--small-label-line-height);
    --checkbox-small-label-font-weight: var(--small-label-font-weight);
    --checkbox-small-label-letter-spacing: var(--small-label-letter-spacing);
    --checkbox-disabled-negative-background-color: hsla(0, 0%, 60%, .4);
    --circle-toggle-checkmark-background-color: #3da556;
    --circle-toggle-checkmark-color: #fff;
    --circle-toggle-checkmark-border-color: #fff;
    --circle-toggle-icon-color: var(--interactive-primary);
    --circle-toggle-border-color: var(--interactive-primary);
    --circle-toggle-background-color: transparent;
    --circle-toggle-selected-icon-color: #fff;
    --circle-toggle-selected-border-color: var(--interactive-primary);
    --circle-toggle-selected-background-color: var(--interactive-primary);
    --circle-toggle-hover-icon-color: #fff;
    --circle-toggle-hover-border-color: var(--hover-primary);
    --circle-toggle-hover-background-color: var(--hover-primary);
    --circle-toggle-label-font-size: var(--small-label-font-size);
    --circle-toggle-label-line-height: var(--small-label-line-height);
    --circle-toggle-label-font-weight: var(--small-label-font-weight);
    --circle-toggle-label-letter-spacing: var(--small-label-letter-spacing);
    --circle-toggle-label-mobile-font-size: var(--paragraph-04-font-size);
    --circle-toggle-label-mobile-line-height: var(--paragraph-04-line-height);
    --circle-toggle-label-mobile-font-weight: var(--circle-toggle-label-font-weight);
    --circle-toggle-label-mobile-letter-spacing: var(--paragraph-04-letter-spacing);
    --circle-toggle-hint-font-size: var(--circle-toggle-label-font-size);
    --circle-toggle-hint-line-height: var(--circle-toggle-label-line-height);
    --circle-toggle-hint-font-weight: var(--circle-toggle-label-font-weight);
    --circle-toggle-hint-letter-spacing: var(--circle-toggle-label-letter-spacing);
    --circle-toggle-hint-mobile-font-size: var(--circle-toggle-label-mobile-font-size);
    --circle-toggle-hint-mobile-line-height: var(--circle-toggle-label-mobile-line-height);
    --circle-toggle-hint-mobile-font-weight: 300;
    --circle-toggle-hint-mobile-letter-spacing: var(--circle-toggle-label-mobile-letter-spacing);
    --circle-toggle-label-color: var(--text-01);
    --circle-toggle-hint-color: var(--text-01);
    --circle-toggle-content-text-font-size: var(--heading-05-font-size);
    --circle-toggle-content-text-line-height: var(--heading-05-line-height);
    --circle-toggle-content-text-font-weight: 400;
    --circle-toggle-content-text-letter-spacing: var(--heading-05-letter-spacing);
    --circle-toggle-content-text-mobile-font-size: var(--heading-05-mobile-font-size);
    --circle-toggle-content-text-mobile-line-height: var(--heading-05-mobile-line-height);
    --circle-toggle-content-text-mobile-font-weight: 400;
    --circle-toggle-content-text-mobile-letter-spacing: var(--heading-05-mobile-letter-spacing);
    --circle-toggle-content-text-color: var(--interactive-text);
    --circle-toggle-selected-content-text-color: #fff;
    --code-input-font-size: var(--heading-04-font-size);
    --code-input-line-height: var(--heading-04-line-height);
    --code-input-font-weight: 600;
    --code-input-letter-spacing: var(--heading-04-letter-spacing);
    --code-input-color: var(--text-01);
    --code-input-active-color: var(--interactive-primary);
    --code-input-error-color: var(--danger);
    --code-input-disabled-color: var(--disabled-01);
    --context-menu-font-size: var(--paragraph-03-font-size);
    --context-menu-line-height: var(--paragraph-03-line-height);
    --context-menu-font-weight: var(--paragraph-03-font-weight);
    --context-menu-letter-spacing: var(--paragraph-03-letter-spacing);
    --context-menu-background-color: var(--ui-01);
    --context-menu-item-text-color: var(--text-01);
    --context-menu-item-active-color: var(--interactive-text);
    --context-menu-item-disabled-color: var(--disabled-01);
    --context-menu-item-icon-size: 20px;
    --context-menu-item-expand-icon-size: 20px;
    --datefield-toggle-icon-size: var(--formfield-icon-size);
    --datefield-change-view-font-size: var(--small-label-font-size);
    --datefield-change-view-line-height: 1;
    --datefield-change-view-font-weight: bold;
    --datefield-change-view-letter-spacing: var(--small-label-letter-spacing);
    --datefield-change-view-color: var(--interactive-text);
    --datefield-change-view-hover-color: var(--hover-primary);
    --datefield-cell-font-size: var(--paragraph-03-font-size);
    --datefield-cell-line-height: var(--paragraph-03-line-height);
    --datefield-cell-font-weight: 600;
    --datefield-cell-letter-spacing: var(--paragraph-03-letter-spacing);
    --datefield-cell-color: var(--text-01);
    --datefield-cell-selected-background-color: var(--interactive-primary);
    --datefield-cell-selected-hover-background-color: var(--hover-primary);
    --datefield-cell-selected-active-background-color: var(--active-primary);
    --datefield-cell-selected-color: var(--text-02);
    --datefield-cell-active-background-color: var(--ui-04);
    --datefield-cell-active-color: var(--interactive-primary);
    --datefield-cell-hover-background-color: var(--ui-03);
    --datefield-cell-hover-color: var(--text-01);
    --datefield-cell-disabled-color: var(--disabled-01);
    --datefield-cell-focused-background-color: var(--ui-01);
    --datefield-header-cell-color: #c2c2c2;
    --datefield-period-label-font-size: var(--large-label-font-size);
    --datefield-period-label-line-height: var(--datefield-controls-icon-size);
    --datefield-period-label-font-weight: 600;
    --datefield-period-label-letter-spacing: var(--large-label-letter-spacing);
    --datefield-period-label-color: var(--text-01);
    --datefield-controls-color: var(--interactive-text);
    --datefield-controls-hover-color: var(--hover-primary);
    --datefield-controls-icon-size: 24px;
    --datefield-panel-background-color: var(--ui-01);
    --datefield-panel-header-background-color: var(--ui-01);
    --datefield-panel-border-color: var(--ui-04);
    --dropdown-panel-background-color: var(--ui-01);
    --dropdown-panel-header-background-color: var(--ui-03);
    --dropdown-panel-text-color: var(--text-01);
    --dropdown-panel-header-text-color: var(--text-01);
    --dropdown-group-label-color: var(--ui-05);
    --dropdown-group-label-font-size: var(--small-label-font-size);
    --dropdown-group-label-line-height: var(--small-label-line-height);
    --dropdown-group-label-font-weight: 300;
    --dropdown-group-label-letter-spacing: var(--small-label-letter-spacing);
    --dropdown-group-label-height: 16px;
    --dropdown-group-section-background-color: hsla(0, 0%, 93%, .5);
    --dropdown-item-text-color: var(--text-01);
    --dropdown-item-selected-color: var(--interactive-primary);
    --dropdown-item-hover-color: var(--hover-primary);
    --dropdown-item-checkmark-color: var(--interactive-primary);
    --dropdown-item-font-size: 20px;
    --dropdown-item-line-height: var(--large-label-line-height);
    --dropdown-item-font-weight: 600;
    --dropdown-item-letter-spacing: var(--large-label-letter-spacing);
    --dropdown-item-outline-font-size: var(--small-label-font-size);
    --dropdown-item-outline-line-height: var(--small-label-line-height);
    --dropdown-item-outline-font-weight: var(--small-label-font-weight);
    --dropdown-item-outline-letter-spacing: var(--small-label-letter-spacing);
    --dropdown-item-text-color-disabled: var(--disabled-01);
    --dropdown-chevron-size: var(--formfield-icon-size);
    --dropdown-filter-input-text-color: var(--text-01);
    --dropdown-filter-input-border-color: var(--ui-05);
    --dropdown-filter-input-active-text-color: var(--interactive-primary);
    --dropdown-filter-input-active-border-color: var(--interactive-primary);
    --dropdown-item-divider: var(--ui-04);
    --dropdown-group-divider: #d9d9d9;
    --footer-font-size: var(--paragraph-03-font-size);
    --footer-line-height: var(--paragraph-03-line-height);
    --footer-font-weight: var(--paragraph-03-font-weight);
    --footer-letter-spacing: var(--paragraph-03-letter-spacing);
    --footer-color: var(--ui-05);
    --footer-copyright-font-weight: 700;
    --footer-padding-top: 32px;
    --footer-padding-bottom: 32px;
    --footer-mobile-padding-top: 48px;
    --footer-mobile-padding-bottom: 48px;
    --formfield-bottom-padding: 24px;
    --formfield-icon-size: 24px;
    --formfield-label-color: var(--text-01);
    --formfield-control-color: var(--text-01);
    --formfield-border-width: 1px;
    --formfield-active-color: var(--text-01);
    --formfield-hover-border-color: var(--interactive-primary);
    --formfield-disabled-text-color: var(--disabled-01);
    --formfield-disabled-border-color: var(--disabled-01);
    --formfield-readonly-border-color: var(--readonly-02);
    --formfield-readonly-background-color: var(--readonly-01);
    --formfield-control-height: 56px;
    --formfield-error-input-font-weight: 600;
    --formfield-input-padding: 0;
    --formfield-border-color: var(--color-neutral-350);
    --formfield-active-border-color: var(--interactive-primary);
    --formfield-background-color: transparent;
    --formfield-control-font-size: var(--paragraph-01-font-size);
    --formfield-control-line-height: var(--paragraph-01-line-height);
    --formfield-control-font-weight: 600;
    --formfield-control-letter-spacing: var(--paragraph-01-letter-spacing);
    --formfield-label-font-size: 14px;
    --formfield-label-line-height: 16px;
    --formfield-label-font-weight: 400;
    --formfield-label-letter-spacing: 0;
    --formfield-label-height: 16px;
    --formfield-floating-distance: -16px;
    --formfield-placeholder-label-font-size: var(--formfield-control-font-size);
    --formfield-placeholder-label-line-height: var(--formfield-control-line-height);
    --formfield-placeholder-label-font-weight: 300;
    --formfield-placeholder-label-letter-spacing: var(--formfield-control-letter-spacing);
    --formfield-input-native-placeholder-font-size: var(--formfield-control-font-size);
    --formfield-input-native-placeholder-line-height: var(--formfield-control-line-height);
    --formfield-input-native-placeholder-font-weight: 200;
    --formfield-input-native-placeholder-letter-spacing: var(--formfield-control-letter-spacing);
    --formfield-input-native-placeholder-color: var(--ui-05);
    --formfield-hint-spacing: 8px;
    --formfield-hint-font-size: var(--paragraph-05-font-size);
    --formfield-hint-line-height: var(--paragraph-05-line-height);
    --formfield-hint-font-weight: 400;
    --formfield-hint-letter-spacing: var(--paragraph-05-letter-spacing);
    --formfield-outline-control-height: 40px;
    --formfield-outline-border-color: var(--ui-05);
    --formfield-outline-background-color: var(--ui-01);
    --formfield-outline-active-border-color: var(--interactive-text);
    --formfield-outline-focus-box-shadow: 0 0 0 2px #009de6;
    --formfield-outline-control-font-size: var(--paragraph-03-font-size);
    --formfield-outline-control-line-height: var(--paragraph-03-line-height);
    --formfield-outline-control-font-weight: var(--paragraph-03-font-weight);
    --formfield-outline-control-letter-spacing: var(--paragraph-03-letter-spacing);
    --formfield-outline-label-height: 28px;
    --formfield-outline-floating-distance: -29px;
    --formfield-outline-hint-spacing: 8px;
    --formfield-outline-label-font-size: var(--paragraph-03-font-size);
    --formfield-outline-label-line-height: var(--paragraph-03-line-height);
    --formfield-outline-label-font-weight: 600;
    --formfield-outline-label-letter-spacing: var(--paragraph-03-letter-spacing);
    --formfield-outline-hint-font-size: var(--paragraph-03-font-size);
    --formfield-outline-hint-line-height: 1em;
    --formfield-outline-hint-font-weight: var(--paragraph-03-font-weight);
    --formfield-outline-hint-letter-spacing: var(--paragraph-03-letter-spacing);
    --formfield-outline-input-native-placeholder-font-size: var(--formfield-outline-control-font-size);
    --formfield-outline-input-native-placeholder-line-height: var(--formfield-outline-control-line-height);
    --formfield-outline-input-native-placeholder-font-weight: 200;
    --formfield-outline-input-native-placeholder-letter-spacing: var(--formfield-outline-control-letter-spacing);
    --formfield-outline-input-native-placeholder-color: var(--ui-05);
    --header-font-size: var(--paragraph-03-font-size);
    --header-line-height: var(--paragraph-03-line-height);
    --header-font-weight: var(--paragraph-03-font-weight);
    --header-letter-spacing: var(--paragraph-03-letter-spacing);
    --header-link-active-color: var(--hover-primary);
    --header-link-active-font-weight: 700;
    --header-background-color: var(--ui-01);
    --header-border-color: var(--ui-04);
    --icon-filled-background-color: var(--text-01);
    --icon-filled-color: var(--ui-01);
    --indicator-background-color: #dc3149;
    --indicator-color: var(--text-02);
    --indicator-border-color: var(--ui-01);
    --indicator-font-size: var(--paragraph-05-font-size);
    --indicator-line-height: 11px;
    --indicator-font-weight: var(--paragraph-05-font-weight);
    --indicator-letter-spacing: 0;
    --link-large-font-size: var(--heading-03-font-size);
    --link-large-line-height: var(--heading-03-line-height);
    --link-large-font-weight: 600;
    --link-large-letter-spacing: var(--heading-03-letter-spacing);
    --link-large-icon-size: 32px;
    --link-small-font-size: 16px;
    --link-small-line-height: 20px;
    --link-small-font-weight: 600;
    --link-small-letter-spacing: 0;
    --link-small-icon-size: 16px;
    --link-color: var(--color-signal-info-600);
    --link-hover-color: var(--color-primary-action-800);
    --link-active-color: var(--color-primary-action-900);
    --link-disabled-color: var(--color-neutral-500);
    --link-black-color: var(--text-01);
    --link-black-hover-color: #999;
    --link-black-active-color: #5b5b5b;
    --link-black-disabled-color: var(--disabled-01);
    --list-text-color: var(--text-01);
    --list-circle-text-color: var(--text-02);
    --list-icon-color: var(--interactive-primary);
    --list-icon-size: 16px;
    --list-circle-size: 1.333em;
    --list-negative-circle-text-color: var(--negative-background);
    --menu-background-color: var(--ui-01);
    --menu-item-border-color: var(--ui-04);
    --menu-button-background-color: var(--ui-01);
    --menu-button-hover-background-color: var(--ui-03);
    --menu-button-text-color: var(--text-01);
    --menu-button-expanded-background-color: var(--interactive-primary);
    --menu-button-expanded-border-color: var(--interactive-primary);
    --menu-button-expanded-text-color: var(--text-02);
    --menu-button-nested-background-color: var(--ui-02);
    --menu-button-nested-expanded-background-color: #c1ebfb;
    --menu-button-nested-expanded-border-color: #c1ebfb;
    --menu-button-nested-expanded-color: var(--text-01);
    --message-text-color: var(--text-01);
    --message-close-icon-color: var(--interactive-text);
    --message-box-shadow: none;
    --message-border-radius: 4px;
    --message-regular-background-color: var(--ui-01);
    --message-regular-border-color: var(--text-01);
    --message-info-icon-color: var(--info);
    --message-info-background-color: var(--color-signal-info-150);
    --message-info-border-color: transparent;
    --message-error-icon-color: var(--danger);
    --message-error-background-color: var(--color-signal-error-200);
    --message-error-border-color: transparent;
    --message-success-icon-color: var(--success);
    --message-success-background-color: var(--color-signal-success-200);
    --message-success-border-color: transparent;
    --message-warning-icon-color: var(--warning);
    --message-warning-background-color: var(--color-signal-warning-200);
    --message-warning-border-color: transparent;
    --message-font-size: var(--paragraph-03-font-size);
    --message-line-height: var(--paragraph-03-line-height);
    --message-font-weight: var(--paragraph-03-font-weight);
    --message-letter-spacing: var(--paragraph-03-letter-spacing);
    --message-banner-border-radius: 0;
    --modal-background-color: var(--ui-01);
    --modal-text-color: var(--text-01);
    --modal-close-icon-color: var(--interactive-text);
    --modal-actions-background-color: var(--ui-01);
    --modal-actions-border-color: var(--ui-04);
    --pagination-link-color: var(--interactive-text);
    --pagination-link-disabled-color: var(--disabled-04);
    --pagination-item-font-weight: 600;
    --pagination-text-color: var(--text-01);
    --pagination-icon-size: 24px;
    --pagination-icon-font-weight: 600;
    --pagination-font-size: var(--paragraph-03-font-size);
    --pagination-line-height: var(--paragraph-03-line-height);
    --pagination-font-weight: var(--paragraph-03-font-weight);
    --pagination-letter-spacing: var(--paragraph-03-letter-spacing);
    --pagination-compact-direction-font-size: var(--link-small-font-size);
    --pagination-compact-direction-line-height: var(--link-small-line-height);
    --pagination-compact-direction-font-weight: var(--link-small-font-weight);
    --pagination-compact-direction-letter-spacing: var(--link-small-letter-spacing);
    --natural-language-form-large-font-size: var(--heading-02-font-size);
    --natural-language-form-large-line-height: var(--heading-02-line-height);
    --natural-language-form-large-font-weight: var(--heading-02-font-weight);
    --natural-language-form-large-letter-spacing: var(--heading-02-letter-spacing);
    --natural-language-form-small-font-size: var(--heading-04-font-size);
    --natural-language-form-small-line-height: var(--heading-04-line-height);
    --natural-language-form-small-font-weight: var(--heading-04-font-weight);
    --natural-language-form-small-letter-spacing: var(--heading-04-letter-spacing);
    --natural-language-form-text-color: var(--text-01);
    --natural-language-form-border-color: var(--ui-04);
    --natural-language-form-active-color: var(--formfield-active-color);
    --natural-language-form-active-border-color: var(--interactive-primary);
    --natural-language-form-error-color: var(--danger);
    --natural-language-form-error-border-color: var(--danger);
    --notification-panel-background-color: #fff;
    --notification-panel-item-unread-background-color: #faf7ef;
    --notification-panel-item-unread-hover-background-color: #f5f0e0;
    --notification-panel-item-unread-active-background-color: #ebe1bf;
    --notification-panel-item-read-background-color: #fff;
    --notification-panel-item-read-hover-background-color: var(--ui-02);
    --notification-panel-item-read-active-background-color: #ececec;
    --number-stepper-label-font-size: var(--large-label-font-size);
    --number-stepper-label-line-height: var(--large-label-line-height);
    --number-stepper-label-font-weight: var(--large-label-font-weight);
    --number-stepper-label-letter-spacing: var(--large-label-letter-spacing);
    --number-stepper-large-font-size: var(--heading-02-font-size);
    --number-stepper-large-line-height: var(--heading-02-line-height);
    --number-stepper-large-font-weight: 400;
    --number-stepper-large-letter-spacing: var(--heading-02-letter-spacing);
    --number-stepper-small-font-size: var(--paragraph-01-font-size);
    --number-stepper-small-line-height: var(--paragraph-01-line-height);
    --number-stepper-small-font-weight: var(--paragraph-01-font-weight);
    --number-stepper-small-letter-spacing: var(--paragraph-01-letter-spacing);
    --number-stepper-color: var(--text-01);
    --number-stepper-underline-color: var(--text-01);
    --number-stepper-disabled-color: var(--formfield-disabled-text-color);
    --number-stepper-disabled-underline-color: var(--formfield-disabled-border-color);
    --page-search-font-size: var(--heading-03-font-size);
    --page-search-line-height: var(--heading-03-line-height);
    --page-search-font-weight: 600;
    --page-search-letter-spacing: var(--heading-03-letter-spacing);
    --page-search-icon-color: var(--interactive-primary);
    --page-search-background-color: var(--ui-01);
    --page-search-box-shadow: var(--shadow-small);
    --popover-content-font-size: var(--paragraph-03-font-size);
    --popover-content-line-height: var(--paragraph-03-line-height);
    --popover-content-font-weight: var(--paragraph-03-font-weight);
    --popover-content-letter-spacing: var(--paragraph-03-letter-spacing);
    --popover-close-icon-size: 16px;
    --popover-text-color: var(--text-01);
    --popover-background-color: var(--ui-01);
    --popover-border-color: var(--ui-04);
    --popover-close-icon-color: var(--interactive-text);
    --progressbar-background-color: hsla(23, 82%, 79%, .5);
    --progressbar-indicator-color: var(--color-secondary-accent-700);
    --progress-indicator-mobile-color: var(--text-01);
    --progress-indicator-mobile-font-size: var(--paragraph-03-font-size);
    --progress-indicator-mobile-line-height: var(--paragraph-03-line-height);
    --progress-indicator-mobile-font-weight: var(--paragraph-03-font-weight);
    --progress-indicator-mobile-letter-spacing: var(--paragraph-03-letter-spacing);
    --progress-stepper-label-font-size: var(--large-label-font-size);
    --progress-stepper-label-line-height: var(--large-label-line-height);
    --progress-stepper-label-font-weight: 300;
    --progress-stepper-label-letter-spacing: var(--large-label-letter-spacing);
    --progress-stepper-step-font-size: var(--paragraph-03-font-size);
    --progress-stepper-step-line-height: var(--paragraph-03-line-height);
    --progress-stepper-step-font-weight: var(--paragraph-03-font-weight);
    --progress-stepper-step-letter-spacing: var(--paragraph-03-letter-spacing);
    --progress-stepper-dotnumber-font-size: var(--paragraph-04-font-size);
    --progress-stepper-dotnumber-line-height: var(--paragraph-04-line-height);
    --progress-stepper-dotnumber-font-weight: 700;
    --progress-stepper-dotnumber-letter-spacing: var(--paragraph-04-letter-spacing);
    --progress-stepper-step-color: var(--interactive-text);
    --progress-stepper-step-disabled-color: var(--disabled-02);
    --progress-stepper-dot-color: var(--text-02);
    --progress-stepper-dot-background-color: var(--interactive-primary);
    --progress-stepper-dot-disabled-background-color: var(--disabled-02);
    --single-stepper-step-color: var(--text-01);
    --single-stepper-step-font-size: var(--paragraph-03-font-size);
    --single-stepper-step-line-height: var(--paragraph-03-line-height);
    --single-stepper-step-font-weight: 300;
    --single-stepper-step-letter-spacing: var(--paragraph-03-letter-spacing);
    --multi-stepper-line-color: var(--disabled-01);
    --multi-stepper-line-filled-color: var(--interactive-primary);
    --multi-stepper-dot-touched-color: var(--interactive-primary);
    --multi-stepper-dot-checkmark-color: var(--ui-01);
    --multi-stepper-dot-background-color: var(--ui-01);
    --multi-stepper-dot-disabled-color: var(--disabled-01);
    --multi-stepper-step-color: var(--text-01);
    --multi-stepper-step-disabled-color: var(--disabled-01);
    --multi-stepper-step-font-size: var(--paragraph-03-font-size);
    --multi-stepper-step-line-height: var(--paragraph-03-line-height);
    --multi-stepper-step-font-weight: var(--paragraph-03-font-weight);
    --multi-stepper-step-letter-spacing: var(--paragraph-03-letter-spacing);
    --multi-stepper-group-color: var(--multi-stepper-step-color);
    --multi-stepper-group-disabled-color: var(--multi-stepper-step-disabled-color);
    --multi-stepper-group-font-size: var(--paragraph-01-font-size);
    --multi-stepper-group-line-height: var(--paragraph-01-line-height);
    --multi-stepper-group-font-weight: var(--paragraph-01-font-weight);
    --multi-stepper-group-letter-spacing: var(--paragraph-01-letter-spacing);
    --radio-button-circle-color: var(--ui-05);
    --radio-button-hover-circle-color: var(--hover-primary);
    --radio-button-hover-dot-color: #fff;
    --radio-button-selected-dot-color: #fff;
    --radio-button-selected-circle-color: var(--interactive-primary);
    --radio-button-dot-background-color: transparent;
    --radio-button-selected-background-color: var(--interactive-primary);
    --radio-button-dot-size: 10px;
    --radio-button-disabled-selected-background-color: var(--disabled-01);
    --radio-button-disabled-selected-dot-color: #fff;
    --radio-button-disabled-text-color: var(--disabled-01);
    --radio-button-disabled-border-color: var(--disabled-01);
    --radio-button-label-color: var(--text-01);
    --radio-button-large-label-font-size: var(--large-label-font-size);
    --radio-button-large-label-line-height: var(--large-label-line-height);
    --radio-button-large-label-font-weight: var(--large-label-font-weight);
    --radio-button-large-label-letter-spacing: var(--large-label-letter-spacing);
    --radio-button-small-label-font-size: var(--small-label-font-size);
    --radio-button-small-label-line-height: var(--small-label-line-height);
    --radio-button-small-label-font-weight: var(--small-label-font-weight);
    --radio-button-small-label-letter-spacing: var(--small-label-letter-spacing);
    --radio-button-large-label-margin-top: 0;
    --radio-button-large-label-margin-left: 16px;
    --radio-button-large-circle-margin-top: 0;
    --radio-button-small-label-margin-top: 0;
    --radio-button-small-label-margin-left: 16px;
    --radio-button-small-circle-margin-top: 0;
    --slider-background-color: var(--ui-04);
    --slider-disabled-background-color: var(--ui-04);
    --slider-indicator-color: var(--interactive-primary);
    --slider-indicator-disabled-color: var(--disabled-04);
    --slider-label-color: var(--text-01);
    --slider-handle-value-color: var(--interactive-text);
    --slider-handle-background-color: var(--ui-01);
    --slider-handle-value-disabled-color: var(--disabled-04);
    --slider-handle-value-border-color: var(--ui-02);
    --slider-value-label-color: var(--text-01);
    --slider-value-background-color: var(--ui-01);
    --slider-value-label-disabled-color: var(--disabled-02);
    --slider-value-disabled-background-color: var(--ui-01);
    --slider-handle-border-color: var(--ui-02);
    --slider-handle-focus-border-color: var(--interactive-primary);
    --slider-handle-active-inset-color: rgba(0, 122, 179, .2);
    --slider-label-font-size: var(--base-label-large-font-size);
    --slider-label-line-height: var(--base-label-large-line-height);
    --slider-label-letter-spacing: var(--base-label-large-letter-spacing);
    --slider-label-font-weight: var(--base-label-large-font-weight);
    --slider-value-label-font-size: var(--paragraph-03-font-size);
    --slider-value-label-line-height: var(--paragraph-03-line-height);
    --slider-value-label-letter-spacing: var(--paragraph-03-letter-spacing);
    --slider-value-label-font-weight: 300;
    --slider-handle-value-font-size: var(--paragraph-05-font-size);
    --slider-handle-value-line-height: var(--paragraph-05-line-height);
    --slider-handle-value-font-weight: var(--paragraph-05-font-weight);
    --slider-handle-value-letter-spacing: var(--paragraph-05-letter-spacing);
    --slider-negative-background-color: hsla(0, 0%, 100%, .35);
    --slider-tick-color: var(--ui-05);
    --small-stage-min-height: 208px;
    --small-stage-image-min-height: 64px;
    --small-stage-image-max-height: 144px;
    --small-stage-header-height: 64px;
    --small-stage-header-padding: 16px 0 24px;
    --small-stage-mobile-header-height: 32px;
    --small-stage-mobile-header-padding: 16px 0;
    --small-stage-image-bottom-height: 15vw;
    --small-stage-image-bottom-margin-top: 24px;
    --small-stage-image-bottom-max-height: 100px;
    --small-stage-content-margin-bottom: 64px;
    --small-stage-mobile-content-margin-bottom: 32px;
    --small-stage-text-color: var(--text-01);
    --small-stage-default-background-color: #cfe9ee;
    --small-stage-expert-header-height: 0;
    --small-stage-expert-header-padding: 16px 0 8px;
    --small-stage-expert-content-min-height: 72px;
    --small-stage-expert-content-margin-top: 8px;
    --small-stage-expert-content-margin-bottom: 24px;
    --small-stage-expert-mobile-content-margin-bottom: 16px;
    --small-stage-expert-image-min-height: 100px;
    --small-stage-expert-image-mobile-height: 15vw;
    --small-stage-expert-mobile-header-padding: 8px 0;
    --rating-icon-color: var(--interactive-primary);
    --rating-icon-size-s: 24px;
    --rating-icon-size-m: 32px;
    --rating-icon-size-l: 40px;
    --rating-label-color: var(--text-01);
    --rating-disabled-icon-color: var(--disabled-01);
    --rating-disabled-label-color: var(--disabled-01);
    --rating-label-font-size: var(--paragraph-03-font-size);
    --rating-label-line-height: var(--paragraph-03-line-height);
    --rating-label-font-weight: var(--paragraph-03-font-weight);
    --rating-label-letter-spacing: var(--paragraph-03-letter-spacing);
    --spinner-background-color: var(--ui-03);
    --spinner-indicator-color: var(--interactive-primary);
    --spinner-negative-background-color: hsla(44, 52%, 96%, .35);
    --spinner-negative-indicator-color: var(--negative);
    --switcher-large-label-control-margin-top: 0;
    --switcher-large-label-text-margin-top: 0;
    --switcher-small-label-control-margin-top: 0;
    --switcher-small-label-text-margin-top: 2px;
    --switcher-big-large-label-control-margin-top: 0;
    --switcher-big-large-label-text-margin-top: 4px;
    --switcher-big-small-label-control-margin-top: 0;
    --switcher-big-small-label-text-margin-top: 4px;
    --switcher-large-font-size: var(--large-label-font-size);
    --switcher-large-line-height: var(--large-label-line-height);
    --switcher-large-font-weight: var(--large-label-font-weight);
    --switcher-large-letter-spacing: var(--large-label-letter-spacing);
    --switcher-small-font-size: var(--small-label-font-size);
    --switcher-small-line-height: var(--small-label-line-height);
    --switcher-small-font-weight: var(--small-label-font-weight);
    --switcher-small-letter-spacing: var(--small-label-letter-spacing);
    --switcher-checked-background-color: var(--interactive-primary);
    --switcher-checked-icon-color: var(--interactive-primary);
    --switcher-dot-background-color: #fff;
    --switcher-unchecked-background-color: var(--color-neutral-350);
    --switcher-disabled-background-color: var(--disabled-01);
    --switcher-disabled-dot-background-color: var(--disabled-02);
    --switcher-disabled-icon-color: var(--disabled-01);
    --switcher-disabled-text-color: var(--disabled-01);
    --taglist-font-size: var(--paragraph-04-font-size);
    --taglist-line-height: 16px;
    --taglist-font-weight: var(--paragraph-04-font-weight);
    --taglist-letter-spacing: 1px;
    --taglist-close-icon-size: 16px;
    --taglist-color: var(--ui-05);
    --taglist-border-color: var(--ui-04);
    --taglist-background-color: transparent;
    --taglist-hover-color: #5b5b5b;
    --taglist-hover-border-color: #c2c2c2;
    --taglist-hover-background-color: var(--ui-03);
    --tab-item-color: var(--text-01);
    --tab-item-active-color: var(--active-primary);
    --tab-item-hover-color: var(--hover-link);
    --tab-item-border-color: var(--interactive-primary);
    --tab-item-active-border-color: var(--interactive-text);
    --tab-item-disabled-color: var(--disabled-01);
    --tab-item-disabled-border-color: var(--disabled-01);
    --tab-item-font-size: var(--paragraph-02-font-size);
    --tab-item-line-height: var(--paragraph-02-line-height);
    --tab-item-font-weight: var(--paragraph-02-font-weight);
    --tab-item-letter-spacing: var(--paragraph-02-letter-spacing);
    --tab-expert-color: var(--text-01);
    --tab-expert-bottom-border-color: #d9d9d9;
    --tab-item-disabled-negative-color: var(--negative-dimmed);
    --tab-item-disabled-negative-border-color: var(--negative-dimmed);
    --table-border-bottom-color: var(--ui-06);
    --table-header-cell-font-size: var(--paragraph-03-font-size);
    --table-header-cell-line-height: var(--paragraph-03-line-height);
    --table-header-cell-font-weight: 600;
    --table-header-cell-letter-spacing: var(--paragraph-03-letter-spacing);
    --table-header-cell-color: var(--text-01);
    --table-header-border-top-color: var(--ui-04);
    --table-header-border-bottom-color: var(--ui-06);
    --table-cell-font-size: var(--paragraph-03-font-size);
    --table-cell-line-height: var(--paragraph-03-line-height);
    --table-cell-font-weight: var(--paragraph-03-font-weight);
    --table-cell-letter-spacing: var(--paragraph-03-letter-spacing);
    --table-cell-border-top-color: var(--ui-04);
    --table-cell-color: var(--text-01);
    --table-header-cell-background-color: transparent;
    --table-row-background-color: transparent;
    --table-sticky-column-background-color: var(--ui-01);
    --selectable-table-row-hover-background-color: var(--ui-02);
    --selectable-table-row-active-background-color: var(--ui-02);
    --selectable-table-row-selected-hover-background-color: #cfe9ee;
    --selectable-table-row-selected-border-color: var(--interactive-primary);
    --expandable-table-arrow-icon-color: var(--text-01);
    --zebra-table-even-row-background-color: var(--ui-02);
    --zebra-table-odd-row-background-color: transparent;
    --zebra-table-row-active-background-color: var(--ui-04);
    --zebra-table-row-hover-background-color: var(--ui-03);
    --zebra-table-row-selected-background-color: #f1f9fa;
    --zebra-table-cell-border-top-color: var(--ui-02);
    --toggle-button-unselected-border-color: var(--interactive-primary);
    --toggle-button-unselected-text-color: var(--interactive-text);
    --toggle-button-unselected-background-color: transparent;
    --toggle-button-selected-border-color: var(--interactive-primary);
    --toggle-button-selected-background-color: var(--color-primary-brand-200-br-01);
    --toggle-button-selected-text-color: var(--color-neutral-999);
    --toggle-button-hover-background-color: var(--color-primary-brand-200-br-01);
    --toggle-button-hover-border-color: var(--hover-primary);
    --toggle-button-hover-text-color: var(--color-neutral-999);
    --toggle-button-active-background-color: var(--active-primary);
    --toggle-button-active-border-color: var(--active-primary);
    --toggle-button-active-text-color: var(--text-02);
    --toggle-button-disabled-background-color: var(--ui-01);
    --toggle-button-disabled-border-color: rgba(0, 122, 179, .4);
    --toggle-button-disabled-text-color: rgba(0, 97, 146, .4);
    --toggle-button-disabled-selected-background-color: rgba(0, 122, 179, .4);
    --toggle-button-disabled-selected-border-color: transparent;
    --toggle-button-disabled-selected-text-color: hsla(0, 0%, 100%, .4);
    --toggle-button-large-font-size: var(--button-medium-font-size);
    --toggle-button-large-line-height: var(--button-medium-line-height);
    --toggle-button-large-font-weight: var(--button-medium-font-weight);
    --toggle-button-large-letter-spacing: var(--button-medium-letter-spacing);
    --toggle-button-small-font-size: var(--button-small-font-size);
    --toggle-button-small-line-height: var(--button-small-line-height);
    --toggle-button-small-font-weight: var(--button-small-font-weight);
    --toggle-button-small-letter-spacing: var(--button-small-letter-spacing);
    --tooltip-background-color: var(--ui-06);
    --tooltip-text-color: var(--text-02);
    --tooltip-border-radius: 4px;
    --tooltip-font-size: var(--paragraph-04-font-size);
    --tooltip-line-height: var(--paragraph-04-line-height);
    --tooltip-font-weight: 400;
    --tooltip-letter-spacing: var(--paragraph-04-letter-spacing);
    --swipebar-background-color: var(--ui-04);
    --swipebar-color: var(--interactive-primary);
    --swipebar-padding: 32px 0 0;
    --sidebar-background-color: var(--ui-02);
    --sidebar-handle-color: #c2c2c2;
    --sidebar-footer-button-color: var(--text-01);
    --sidepanel-background-color: var(--ui-02);
    --sidepanel-close-icon-color: var(--interactive-text);
    --sidepanel-floating-shadow: var(--shadow-large);
    --sidepanel-light-border-color: var(--ui-04);
    --sidepanel-light-background-color: var(--ui-01);
    --sidepanel-header-font-size: var(--heading-05-font-size);
    --sidepanel-header-line-height: var(--heading-05-line-height);
    --sidepanel-header-font-weight: var(--heading-05-font-weight);
    --sidepanel-header-letter-spacing: 0;
    --file-uploader-file-row-text-color: var(--text-01);
    --file-uploader-file-row-border-bottom-color: var(--ui-04);
    --file-uploader-file-row-hover-background-color: var(--ui-02);
    --file-uploader-file-row-icon-color: var(--success);
    --file-uploader-file-row-uploading-file-name-color: #999;
    --file-uploader-file-name-font-size: var(--paragraph-03-font-size);
    --file-uploader-file-name-line-height: 16px;
    --file-uploader-file-name-font-weight: 400;
    --file-uploader-file-name-letter-spacing: 0;
    --file-uploader-hint-font-size: var(--paragraph-04-font-size);
    --file-uploader-hint-line-height: var(--paragraph-05-line-height);
    --file-uploader-hint-font-weight: 300;
    --file-uploader-hint-letter-spacing: 0;
    --file-uploader-drop-zone-border-color: var(--ui-06);
    --file-uploader-drop-zone-text-color: var(--text-01);
    --toolbar-border-bottom-color: var(--ui-04);
    --toolbar-background: var(--ui-02);
    --timefield-color: var(--text-01);
    --timefield-active-color: var(--interactive-primary);
    --timefield-font-size: var(--heading-06-font-size);
    --timefield-line-height: var(--heading-06-line-height);
    --timefield-font-weight: 600;
    --timefield-letter-spacing: var(--heading-06-letter-spacing);
    --timefield-error-color: var(--danger);
    --timefield-disabled-color: var(--disabled-01);
    --timefield-label-font-size: var(--paragraph-05-font-size);
    --timefield-label-line-height: var(--paragraph-05-line-height);
    --timefield-label-letter-spacing: var(--paragraph-05-letter-spacing);
    --timefield-label-font-weight: var(--paragraph-05-font-weight);
    --licence-plate-prefix-background: #039;
    --licence-plate-prefix-color: var(--negative);
    --success-02: #145f1b;
    --accordion-light-body-padding-rtl: 24px 32px;
    --card-background-hover-color: var(--ui-02);
    --card-background-selected-color: var(--ui-02);
    --small-stage-image-min-widht: 116px;
    --small-stage-narrow-screen-image-height: 15vw;
    --small-stage-content-padding: 64px 0 64px;
    --small-stage-content-padding-narrow-screen: 40px 0 24px;
    --small-stage-image-container-padding-top: 72px;
    --small-stage-image-container-padding-to-content: 20px;
    --small-stage-image-container-offset-end: 25%;
    --small-stage-with-header-content-padding: 0 0 64px;
    --small-stage-with-header-image-container-padding-top: 32px;
    --color-primary-allianz-900: #1b417e;
    --color-primary-action-600: #2d6cd2;
    --color-primary-action-800: #1b417e;
    --color-primary-action-900: #122b54;
    --color-primary-brand-050: #f1fafe;
    --color-primary-brand-200: #d5f0fb;
    --color-primary-brand-250: #beecf9;
    --color-primary-brand-350: #90def4;
    --color-primary-brand-500: #49caed;
    --color-primary-brand-700: #139abe;
    --color-primary-interactive-300: #abc4ed;
    --color-primary-interactive-600: #2d6cd2;
    --color-primary-interactive-700: #2456a8;
    --color-primary-interactive-800: #1b417e;
    --color-secondary-accent-050: #fff0f6;
    --color-secondary-accent-500: #ff3d91;
    --color-secondary-accent-700: #d6005d;
    --color-secondary-accent-800: #a30047;
    --color-secondary-trigger-100: #fbffe0;
    --color-secondary-trigger-300: #f1ff99;
    --color-secondary-trigger-400: #ebff66;
    --color-secondary-trigger-600: #dbff00;
    --color-secondary-trigger-650: #c5e500;
    --color-signal-success-200: #def8e0;
    --color-signal-success-700: #1e8927;
    --color-signal-warning-200: #fcf5de;
    --color-signal-warning-600: #efbe25;
    --color-signal-error-200: #fae0e4;
    --color-signal-error-600: #dc3149;
    --color-signal-error-750: #a61c2f;
    --color-signal-error-900: #64111c;
    --color-signal-info-150: #e5f6ff;
    --color-signal-info-600: #006192;
    --color-neutral-000: #fff;
    --color-neutral-050: #fafafa;
    --color-neutral-100: #f5f5f5;
    --color-neutral-150: #ececec;
    --color-neutral-250: #d9d9d9;
    --color-neutral-350: #c2c2c2;
    --color-neutral-500: #999;
    --color-neutral-650: #767676;
    --color-neutral-800: #333;
    --color-neutral-999: #000;
    --color-primary-action-800-br-01: var(--color-primary-action-800);
    --color-primary-brand-050-br-01: var(--color-primary-brand-050);
    --color-primary-brand-050-br-02: var(--color-primary-brand-050);
    --color-primary-brand-050-br-03: var(--color-primary-brand-050);
    --color-primary-brand-200-br-01: var(--color-primary-brand-200);
    --color-primary-brand-500-br-01: var(--color-primary-brand-500);
    --color-primary-interactive-700-br-01: var(--color-primary-interactive-700);
    --color-secondary-accent-050-br-01: var(--color-secondary-accent-050);
    --color-secondary-accent-050-br-02: var(--color-secondary-accent-050);
    --color-secondary-accent-050-br-03: var(--color-secondary-accent-050);
    --color-signal-warning-200-01: var(--color-signal-warning-200);
    --font-size-xxxxs: 12px;
    --font-size-xxxs: 14px;
    --font-size-xxs: 16px;
    --font-size-xs: 18px;
    --font-size-s: 20px;
    --font-size-m: 24px;
    --font-size-l: 26px;
    --font-size-xl: 30px;
    --font-size-xxl: 35px;
    --font-size-xxxl: 40px;
    --font-size-xxxxl: 54px;
    --line-height-xxxs: 16px;
    --line-height-xxs: 20px;
    --line-height-xs: 24px;
    --line-height-s: 28px;
    --line-height-m: 32px;
    --line-height-l: 36px;
    --line-height-xl: 40px;
    --line-height-xxl: 48px;
    --line-height-xxxl: 60px;
    --spacing-25: 2px;
    --spacing-50: 4px;
    --spacing-100: 8px;
    --spacing-150: 12px;
    --spacing-200: 16px;
    --spacing-300: 24px;
    --spacing-400: 32px;
    --spacing-500: 40px;
    --spacing-600: 48px;
    --spacing-700: 56px;
    --spacing-800: 64px;
    --spacing-900: 72px;
    --spacing-1000: 80px;
    --breakpoint-s: 576px;
    --breakpoint-m: 768px;
    --breakpoint-l: 992px;
    --breakpoint-xl: 1200px;
    --breakpoint--xxl: 1400px;
    --shadow-top-400: 0px -6px 12px 0px rgba(12, 43, 84, .06), 0px -8px 24px 0px rgba(12, 43, 84, .04);
    --shadow-bottom-800: 0px 8px 28px 0px rgba(12, 43, 84, .1), 0px 18px 88px 0px rgba(12, 43, 84, .12);
    --shadow-bottom-500: 0px 6px 14px 0px rgba(12, 43, 84, .08), 0px 10px 32px 0px rgba(12, 43, 84, .06);
    --shadow-bottom-400: 0px 6px 12px 0px rgba(12, 43, 84, .06), 0px 8px 24px 0px rgba(12, 43, 84, .04);
    --shadow-bottom-100: 0px 4px 8px 0px rgba(12, 43, 84, .3), 0px 10px 15px 0px rgba(12, 43, 84, .06);
    --shadow-focus-500: 0px 0px 0px 2px #008ed6;
    --border-radius-xl: 16px;
    --border-radius-l: 8px;
    --border-radius-m: 4px;
    --border-s: 0.5px;
    --border-m: 1px;
    --border-l: 2px;
    --border-xl: 4px;
    --color-text-main: var(--color-primary-allianz-900);
    --color-text-alt: var(--color-neutral-000);
    --color-bg-main: var(--color-neutral-000);
    --promo-background-color: color-primary-brand-300;
    --success-inset-box-shadow: inset 0 0 6px 0 var(--color-signal-success-700);
    --warning-inset-box-shadow: inset 0 0 6px 0 var(--color-signal-warning-600);
    --error-inset-box-shadow: inset 0 0 6px 0 var(--color-signal-error-600);
    --accordion-chevron-color: interaction-primary;
    --edp-radio-icon-icon-color: var(--color-primary-interactive-700);
    --edp-card-toggle-background-color: color-secondary-shine-100;
    --edp-card-toggle-border-color: var(--color-primary-interactive-700);
    --edp-card-header-background-color: var(--color-neutral-000)
}

:host,
body {
    background-color: var(--ui-background);
    color: var(--text-01)
}

div#center-tile-banner-popup.optanon-alert-box-wrapper {
    background-color: var(--color-neutral-000);
    border: none;
    border-radius: var(--border-radius-l);
    bottom: auto;
    font-family: AllianzNeo, Helvetica Neue, Helvetica, Arial, sans-serif;
    height: auto;
    left: 50%;
    max-width: 90%;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 2147483647
}

@media (min-width:768px) {
    div#center-tile-banner-popup.optanon-alert-box-wrapper {
        max-width: 640px
    }
}

@media (min-width:992px) {
    div#center-tile-banner-popup.optanon-alert-box-wrapper {
        max-width: 800px
    }
}

div#center-tile-banner-popup.optanon-alert-box-wrapper *,
div#center-tile-banner-popup.optanon-alert-box-wrapper a,
div#center-tile-banner-popup.optanon-alert-box-wrapper div,
div#center-tile-banner-popup.optanon-alert-box-wrapper li,
div#center-tile-banner-popup.optanon-alert-box-wrapper p,
div#center-tile-banner-popup.optanon-alert-box-wrapper span,
div#center-tile-banner-popup.optanon-alert-box-wrapper ul {
    background: none;
    border: none;
    border-radius: 0;
    bottom: auto;
    clear: none;
    float: none;
    font-family: AllianzNeo, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    height: auto;
    left: auto;
    letter-spacing: normal;
    line-height: normal;
    margin: 0;
    max-height: none;
    max-width: none;
    min-height: 0;
    min-width: 0;
    overflow: visible;
    padding: 0;
    position: static;
    right: auto;
    text-align: left;
    text-decoration: none;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    top: auto;
    visibility: visible;
    white-space: normal;
    width: auto;
    z-index: auto
}

div#center-tile-banner-popup.optanon-alert-box-wrapper .optanon-alert-box-bottom-top button.optanon-alert-box-close.banner-close-button {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiM2MTYxNjEiIGQ9Ik0xOSA2LjQgMTcuNiA1IDEyIDEwLjYgNi40IDUgNSA2LjRsNS42IDUuNkw1IDE3LjYgNi40IDE5bDUuNi01LjYgNS42IDUuNiAxLjQtMS40LTUuNi01LjZMMTkgNi40eiIvPjwvc3ZnPg==");
    background-size: 1.6rem auto;
    cursor: pointer;
    height: 1.6rem;
    margin-right: .62rem;
    margin-top: .62rem;
    width: 1.6rem
}

div#center-tile-banner-popup.optanon-alert-box-wrapper .optanon-alert-box-bg {
    height: auto;
    width: auto
}

div#center-tile-banner-popup.optanon-alert-box-wrapper .optanon-alert-box-bg .optanon-alert-box-body {
    height: auto;
    margin: 40px 25px 24px;
    width: auto
}

div#center-tile-banner-popup.optanon-alert-box-wrapper .optanon-alert-box-bg .optanon-alert-box-body #alert-box-message {
    color: var(--color-neutral-800);
    font-size: var(--font-size-xxxs);
    font-style: normal;
    font-weight: 400;
    height: auto;
    line-height: var(--line-height-xxs);
    margin-bottom: 10px;
    margin-top: 0;
    max-height: 300px;
    overflow-y: auto;
    width: auto
}

@media (min-width:992px) {
    div#center-tile-banner-popup.optanon-alert-box-wrapper .optanon-alert-box-bg .optanon-alert-box-body #alert-box-message {
        font-size: var(--font-size-xxxs);
        line-height: var(--line-height-xxs)
    }
}

div#center-tile-banner-popup.optanon-alert-box-wrapper .optanon-alert-box-bg .optanon-alert-box-body .optanon-alert-box-button-container {
    display: flex;
    flex-flow: column;
    gap: var(--spacing-300);
    justify-content: center;
    margin: 0;
    padding-top: var(--spacing-300)
}

@media (min-width:768px) {
    div#center-tile-banner-popup.optanon-alert-box-wrapper .optanon-alert-box-bg .optanon-alert-box-body .optanon-alert-box-button-container {
        flex-flow: row;
        gap: var(--spacing-400);
        padding-top: var(--spacing-400)
    }
}

div#center-tile-banner-popup.optanon-alert-box-wrapper .optanon-alert-box-bg .optanon-alert-box-body .optanon-alert-box-button-container .optanon-alert-box-accept-button {
    margin-bottom: 0
}

@media (min-width:768px) {
    div#center-tile-banner-popup.optanon-alert-box-wrapper .optanon-alert-box-bg .optanon-alert-box-body .optanon-alert-box-button-container .optanon-alert-box-accept-button {
        width: 50%
    }
}

div#center-tile-banner-popup.optanon-alert-box-wrapper .optanon-alert-box-bg .optanon-alert-box-body .optanon-alert-box-button-container .optanon-alert-box-accept-button .accept-cookie-container {
    height: 100%
}

div#center-tile-banner-popup.optanon-alert-box-wrapper .optanon-alert-box-bg .optanon-alert-box-body .optanon-alert-box-button-container .optanon-alert-box-accept-button .accept-cookie-container button.accept-cookies-button,
div#center-tile-banner-popup.optanon-alert-box-wrapper .optanon-alert-box-bg .optanon-alert-box-body .optanon-alert-box-button-container .optanon-alert-box-accept-button .accept-cookie-container button.config-button-cookies {
    height: 100%;
    text-align: center
}

div#center-tile-banner-popup.optanon-alert-box-wrapper .optanon-alert-box-bg .optanon-alert-box-body .optanon-alert-box-button-container .optanon-alert-box-more-info-button {
    text-align: center
}

div#center-tile-banner-popup.optanon-alert-box-wrapper .optanon-alert-box-bg .optanon-alert-box-body .optanon-alert-box-bottom {
    display: none;
    margin-bottom: 20px;
    margin-top: 20px
}

div#center-tile-banner-popup.optanon-alert-box-wrapper .optanon-alert-box-bg .optanon-alert-box-body .optanon-alert-box-bottom .optanon-alert-box-bottom-spacer {
    border-bottom: 1px solid #eee;
    clear: both
}

div#center-tile-banner-popup.optanon-alert-box-wrapper .optanon-alert-box-bg .optanon-alert-box-body .optanon-alert-box-bottom .optanon-alert-box-footer {
    color: #222;
    font-family: Roboto;
    font-size: 12px;
    height: 42px;
    line-height: 14px;
    margin-top: 20px;
    width: 373px
}

div#optanon {
    height: 100%;
    width: 100%
}

div#optanon *,
div#optanon :after,
div#optanon :before {
    box-sizing: content-box
}

div#optanon *,
div#optanon a,
div#optanon div,
div#optanon li,
div#optanon p,
div#optanon span,
div#optanon ul {
    background: none;
    border: none;
    border-radius: 0;
    bottom: auto;
    clear: none;
    float: none;
    font-family: AllianzNeo, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    height: auto;
    left: auto;
    letter-spacing: normal;
    line-height: normal;
    margin: 0;
    max-height: none;
    max-width: none;
    min-height: 0;
    min-width: 0;
    overflow: visible;
    padding: 0;
    position: static;
    right: auto;
    text-align: left;
    text-decoration: none;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    top: auto;
    visibility: visible;
    white-space: normal;
    width: auto;
    z-index: auto
}

div#optanon #optanon-popup-bg {
    background: rgba(0, 0, 0, .5);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2147483645
}

div#optanon #optanon-popup-wrapper {
    background-color: #fafafa;
    border: none;
    border-radius: .8rem;
    color: #000;
    display: none;
    height: auto;
    left: 50%;
    margin: 0;
    max-width: 90%;
    padding: var(--spacing-200) var(--spacing-200) var(--spacing-300);
    position: fixed;
    text-align: left;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 704px;
    z-index: 2147483646
}

@media (min-width:768px) {
    div#optanon #optanon-popup-wrapper {
        padding-bottom: var(--spacing-400);
        padding-bottom: var(--spacing-500);
        padding-left: var(--spacing-300);
        padding-left: var(--spacing-500);
        padding-right: var(--spacing-300);
        padding-right: var(--spacing-500)
    }
}

div#optanon #optanon-popup-wrapper:focus {
    outline: none
}

div#optanon #optanon-popup-wrapper button {
    color: #000;
    text-decoration: none
}

div#optanon #optanon-popup-wrapper a:hover {
    text-decoration: none
}

div#optanon #optanon-popup-wrapper img {
    border: 0
}

@media screen and (max-width:504px) {
    div#optanon #optanon-popup-wrapper {
        width: 90%
    }
}

div#optanon #optanon-popup-wrapper #optanon-popup-top {
    background-color: transparent;
    border: none;
    display: flex;
    height: auto;
    justify-content: flex-end;
    margin: 0;
    width: auto
}

div#optanon #optanon-popup-wrapper #optanon-popup-top img button {
    border: 0
}

div#optanon #optanon-popup-wrapper #optanon-popup-top .center-tile-preference-center-tile {
    display: none
}

div#optanon #optanon-popup-wrapper #optanon-popup-top .optanon-close {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiM2MTYxNjEiIGQ9Ik0xOSA2LjQgMTcuNiA1IDEyIDEwLjYgNi40IDUgNSA2LjRsNS42IDUuNkw1IDE3LjYgNi40IDE5bDUuNi01LjYgNS42IDUuNiAxLjQtMS40LTUuNi01LjZMMTkgNi40eiIvPjwvc3ZnPg==");
    background-size: 24px auto;
    cursor: pointer;
    float: right;
    height: 24px;
    position: relative;
    width: 24px
}

div#optanon #optanon-popup-wrapper #optanon-popup-top .optanon-close #optanon-close {
    background: none;
    display: none
}

div#optanon #optanon-popup-wrapper #optanon-popup-body {
    background-color: transparent;
    margin: 0;
    max-height: 55.5555555556vh;
    overflow-y: auto;
    position: relative;
    width: auto
}

@media screen and (max-height:576px) {
    div#optanon #optanon-popup-wrapper #optanon-popup-body {
        height: 95vh;
        max-height: 95vh
    }
}

div#optanon #optanon-popup-wrapper #optanon-popup-body p {
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    margin: 5px 0 0 5px;
    padding: 0
}

div#optanon #optanon-popup-wrapper #optanon-popup-body #optanon-popup-body-content {
    margin-bottom: var(--spacing-200)
}

div#optanon #optanon-popup-wrapper #optanon-popup-body #optanon-popup-body-content .optanon-main-info-text {
    font-size: var(--font-size-xxxs);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-xxs);
    margin-left: var(--spacing-400)
}

div#optanon #optanon-popup-wrapper #optanon-popup-body #optanon-popup-body-content .optanon-status {
    border: 2px solid var(--color-neutral-650);
    border-radius: 4px;
    cursor: pointer;
    height: 24px;
    margin-right: var(--spacing-100);
    width: 24px
}

div#optanon #optanon-popup-wrapper #optanon-popup-body #optanon-popup-body-content input[type=checkbox]:disabled~.center-tile-preference-group-name,
div#optanon #optanon-popup-wrapper #optanon-popup-body #optanon-popup-body-content input[type=checkbox]:disabled~.optanon-main-info-text {
    color: var(--color-neutral-500)
}

div#optanon #optanon-popup-wrapper #optanon-popup-body #optanon-popup-body-content:first-of-type .optanon-main-info-text {
    margin-left: 0
}

div#optanon #optanon-popup-wrapper #optanon-popup-body #optanon-popup-body-content:first-of-type .center-tile-preference-group-name {
    font-size: var(--font-size-xs);
    font-weight: 700;
    line-height: var(--line-height-xs);
    margin-bottom: var(--spacing-200)
}

@media (min-width:992px) {
    div#optanon #optanon-popup-wrapper #optanon-popup-body #optanon-popup-body-content:first-of-type .center-tile-preference-group-name {
        font-size: var(--font-size-s);
        line-height: var(--line-height-s)
    }
}

div#optanon #optanon-popup-wrapper #optanon-popup-body #optanon-popup-body-content:not(:first-of-type) .center-tile-preference-group-name {
    display: inline-block;
    font-size: var(--font-size-xxxs);
    font-weight: 700;
    line-height: var(--line-height-xxs);
    position: relative;
    top: -8px
}

div#optanon #optanon-popup-wrapper #optanon-popup-bottom {
    background-color: transparent;
    float: none;
    height: auto;
    margin-top: 0;
    padding-bottom: 0;
    width: auto
}

div#optanon #optanon-popup-wrapper #optanon-popup-bottom .optanon-bottom-spacer {
    border-bottom: 1px solid var(--color-neutral-250);
    clear: both;
    margin-bottom: var(--spacing-200)
}

div#optanon #optanon-popup-wrapper #optanon-popup-bottom .optanon-button-wrapper-content {
    display: flex;
    flex-flow: column-reverse;
    gap: var(--spacing-300);
    justify-content: flex-end;
    margin-top: var(--spacing-200);
    width: 100%
}

@media (min-width:576px) {
    div#optanon #optanon-popup-wrapper #optanon-popup-bottom .optanon-button-wrapper-content {
        flex-flow: row
    }
}

@media (max-width:576px) {
    div#optanon #optanon-popup-wrapper #optanon-popup-bottom .optanon-button-wrapper-content .optanon-white-button-middle {
        width: 100%
    }
}

div#optanon #optanon-popup-wrapper #optanon-popup-bottom .optanon-button-wrapper-content .optanon-white-button-middle button {
    text-transform: uppercase
}

@media (min-width:575px) {
    div#optanon #optanon-popup-wrapper #optanon-popup-bottom .optanon-button-wrapper-content .optanon-white-button-middle button {
        min-width: 140px
    }
}

@media (max-width:576px) {
    div#optanon #optanon-popup-wrapper #optanon-popup-bottom .optanon-button-wrapper-content .optanon-white-button-middle button {
        width: -webkit-fill-available
    }
}

footer.footer .optanon-show-settings-popup-wrapper {
    height: 100%;
    line-height: inherit
}

footer.footer .optanon-show-settings-popup-wrapper *,
footer.footer .optanon-show-settings-popup-wrapper :after,
footer.footer .optanon-show-settings-popup-wrapper :before {
    box-sizing: content-box
}

footer.footer .optanon-show-settings-popup-wrapper *,
footer.footer .optanon-show-settings-popup-wrapper a p,
footer.footer .optanon-show-settings-popup-wrapper div,
footer.footer .optanon-show-settings-popup-wrapper li,
footer.footer .optanon-show-settings-popup-wrapper span,
footer.footer .optanon-show-settings-popup-wrapper ul {
    border: none;
    border-radius: 0;
    bottom: auto;
    clear: none;
    float: none;
    font-family: Arial, sans-serif;
    font-size: 12px;
    letter-spacing: normal;
    line-height: normal;
    margin: 0;
    max-height: inherit;
    max-width: inherit;
    min-width: inherit;
    overflow: visible;
    padding: 0;
    text-align: left;
    text-decoration: none;
    text-indent: 0;
    text-transform: none;
    top: auto;
    visibility: visible;
    white-space: normal;
    width: auto
}

footer.footer .optanon-show-settings-popup-wrapper img {
    height: auto;
    width: auto
}

footer.footer .optanon-show-settings-popup-wrapper .optanon-show-settings-button {
    cursor: pointer;
    line-height: inherit
}

footer.footer .optanon-show-settings-popup-wrapper .optanon-show-settings-button .optanon-show-settings-left {
    background-color: #fff;
    background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMTYgMTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE2IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGU+LnN0MXtjbGlwLXBhdGg6dXJsKCNTVkdJRF8yXyk7ZmlsbDpub25lO3N0cm9rZTojNzFiODRjO3N0cm9rZS13aWR0aDoyO3N0cm9rZS1taXRlcmxpbWl0OjEwfTwvc3R5bGU+PGRlZnM+PHBhdGggaWQ9IlNWR0lEXzFfIiBkPSJNMCAwaDE2djE2SDB6Ii8+PC9kZWZzPjxjbGlwUGF0aCBpZD0iU1ZHSURfMl8iPjx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiBzdHlsZT0ib3ZlcmZsb3c6dmlzaWJsZSIvPjwvY2xpcFBhdGg+PHBhdGggZD0iTTggMTZjLTQuNSAwLTgtMy42LTgtOCAwLTQuNSAzLjYtOCA4LThzOCAzLjYgOCA4YzAgNC41LTMuNSA4LTggOE04IC45QzQuMi45LjkgNC4xLjkgOGMwIDMuOCAzLjEgNy4xIDcuMSA3LjFTMTUuMSAxMiAxNS4xIDhDMTUuMSA0LjIgMTEuOC45IDggLjkiIHN0eWxlPSJjbGlwLXBhdGg6dXJsKCNTVkdJRF8yXyk7ZmlsbDojNzFiODRjIi8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTggM3Y0TTQgNmw0IDEuNU01IDEybDMtNC41TTExIDEyIDggNy41TTEyIDYgOCA3LjUiLz48L3N2Zz4=");
    background-position: 9px 7px;
    background-repeat: no-repeat;
    background-size: 16px;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    display: none;
    float: left;
    height: 30px;
    width: 30px
}

footer.footer .optanon-show-settings-popup-wrapper .optanon-show-settings-button .optanon-show-settings-right {
    background: #fff;
    background: none;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    display: none;
    float: left;
    height: 30px;
    width: 8px
}

footer.footer .optanon-show-settings-popup-wrapper .optanon-show-settings-button .optanon-show-settings-middle {
    background: none;
    border: 0;
    float: none;
    font-family: AllianzNeo, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.4rem;
    height: 100%;
    letter-spacing: .1rem;
    line-height: inherit;
    padding: 0
}

footer.footer .optanon-show-settings-popup-wrapper .optanon-show-settings-button .optanon-show-settings-middle a.optanon-show-settings {
    line-height: inherit;
    font: inherit;
    font-weight: 600
}

footer.footer .optanon-show-settings-popup-wrapper .optanon-show-settings-button .optanon-show-settings-middle a.optanon-show-settings:hover {
    text-decoration: none
}

main div.optanon-show-settings-popup-wrapper {
    height: 100%;
    line-height: inherit;
    font: inherit;
    margin: .8rem 0
}

main div.optanon-show-settings-popup-wrapper *,
main div.optanon-show-settings-popup-wrapper :after,
main div.optanon-show-settings-popup-wrapper :before {
    box-sizing: content-box
}

main div.optanon-show-settings-popup-wrapper *,
main div.optanon-show-settings-popup-wrapper a p,
main div.optanon-show-settings-popup-wrapper div,
main div.optanon-show-settings-popup-wrapper li,
main div.optanon-show-settings-popup-wrapper span,
main div.optanon-show-settings-popup-wrapper ul {
    border: none;
    border-radius: 0;
    bottom: auto;
    clear: none;
    float: none;
    font-family: Arial, sans-serif;
    font-size: 12px;
    letter-spacing: normal;
    line-height: normal;
    margin: 0;
    max-height: inherit;
    max-width: inherit;
    min-width: inherit;
    overflow: visible;
    padding: 0;
    text-align: left;
    text-decoration: none;
    text-indent: 0;
    text-transform: none;
    top: auto;
    visibility: visible;
    white-space: normal;
    width: auto
}

main div.optanon-show-settings-popup-wrapper img {
    height: auto;
    width: auto
}

main div.optanon-show-settings-popup-wrapper .optanon-show-settings-button {
    cursor: pointer;
    line-height: inherit;
    font: inherit
}

main div.optanon-show-settings-popup-wrapper .optanon-show-settings-button .optanon-show-settings-left {
    background-color: #fff;
    background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMTYgMTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE2IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGU+LnN0MXtjbGlwLXBhdGg6dXJsKCNTVkdJRF8yXyk7ZmlsbDpub25lO3N0cm9rZTojNzFiODRjO3N0cm9rZS13aWR0aDoyO3N0cm9rZS1taXRlcmxpbWl0OjEwfTwvc3R5bGU+PGRlZnM+PHBhdGggaWQ9IlNWR0lEXzFfIiBkPSJNMCAwaDE2djE2SDB6Ii8+PC9kZWZzPjxjbGlwUGF0aCBpZD0iU1ZHSURfMl8iPjx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiBzdHlsZT0ib3ZlcmZsb3c6dmlzaWJsZSIvPjwvY2xpcFBhdGg+PHBhdGggZD0iTTggMTZjLTQuNSAwLTgtMy42LTgtOCAwLTQuNSAzLjYtOCA4LThzOCAzLjYgOCA4YzAgNC41LTMuNSA4LTggOE04IC45QzQuMi45LjkgNC4xLjkgOGMwIDMuOCAzLjEgNy4xIDcuMSA3LjFTMTUuMSAxMiAxNS4xIDhDMTUuMSA0LjIgMTEuOC45IDggLjkiIHN0eWxlPSJjbGlwLXBhdGg6dXJsKCNTVkdJRF8yXyk7ZmlsbDojNzFiODRjIi8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTggM3Y0TTQgNmw0IDEuNU01IDEybDMtNC41TTExIDEyIDggNy41TTEyIDYgOCA3LjUiLz48L3N2Zz4=");
    background-position: 9px 7px;
    background-repeat: no-repeat;
    background-size: 16px;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    display: none;
    float: left;
    height: 30px;
    width: 30px
}

main div.optanon-show-settings-popup-wrapper .optanon-show-settings-button .optanon-show-settings-right {
    background: #fff;
    background: none;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    display: none;
    float: left;
    height: 30px;
    width: 8px
}

main div.optanon-show-settings-popup-wrapper .optanon-show-settings-button .optanon-show-settings-middle {
    background: none;
    border: 0;
    float: none;
    font-family: AllianzNeo, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.8rem;
    height: 100%;
    letter-spacing: .1rem;
    line-height: inherit;
    padding: 0
}

main div.optanon-show-settings-popup-wrapper .optanon-show-settings-button .optanon-show-settings-middle a.optanon-show-settings {
    line-height: inherit;
    font: inherit;
    font-weight: 600
}

main div.optanon-show-settings-popup-wrapper .optanon-show-settings-button .optanon-show-settings-middle a.optanon-show-settings:hover {
    color: #014096;
    text-decoration: none
}

div#optanon-cookie-policy .optanon-cookie-policy-group:not(:first-of-type) {
    margin-top: var(--spacing-400)
}

div#optanon-cookie-policy .optanon-cookie-policy-group .optanon-cookie-policy-group-name {
    color: var(--color-primary-action-900);
    font-size: var(--font-size-s);
    font-weight: 600;
    line-height: var(--line-height-s);
    margin-bottom: var(--spacing-200);
    text-align: center
}

@media (min-width:992px) {
    div#optanon-cookie-policy .optanon-cookie-policy-group .optanon-cookie-policy-group-name {
        font-size: var(--font-size-m);
        font-weight: 600;
        line-height: var(--line-height-m)
    }
}

div#optanon-cookie-policy .optanon-cookie-policy-group .optanon-cookie-policy-group-description {
    color: var(--color-primary-action-900);
    font-size: var(--font-size-xxxs);
    line-height: var(--line-height-xxs);
    margin-top: var(--spacing-100)
}

@media (min-width:992px) {
    div#optanon-cookie-policy .optanon-cookie-policy-group .optanon-cookie-policy-group-description {
        font-size: var(--font-size-xxs);
        line-height: var(--line-height-xs);
        margin-bottom: var(--spacing-300)
    }
}

div#optanon-cookie-policy .optanon-cookie-policy-group .optanon-cookie-policy-subgroup-table {
    border-collapse: collapse;
    margin: 1.6rem 0;
    width: 100%
}

div#optanon-cookie-policy .optanon-cookie-policy-group .optanon-cookie-policy-subgroup-table .optanon-cookie-policy-subgroup-table-column-header {
    color: var(--color-primary-action-900);
    font-size: var(--font-size-xs);
    font-weight: 700;
    line-height: var(--line-height-xs);
    padding: var(--spacing-200)
}

div#optanon-cookie-policy .optanon-cookie-policy-group .optanon-cookie-policy-subgroup-table tr {
    border-color: var(--color-primary-interactive-300);
    border-bottom: 1px solid var(--color-primary-interactive-300)
}

div#optanon-cookie-policy .optanon-cookie-policy-group .optanon-cookie-policy-subgroup-table tr:first-child {
    text-align: left
}

div#optanon-cookie-policy .optanon-cookie-policy-group .optanon-cookie-policy-subgroup-table tr:last-child {
    border-bottom: none
}

div#optanon-cookie-policy .optanon-cookie-policy-group .optanon-cookie-policy-subgroup-table tr .optanon-cookie-policy-left {
    width: 40%
}

div#optanon-cookie-policy .optanon-cookie-policy-group .optanon-cookie-policy-subgroup-table tr .optanon-cookie-policy-left .optanon-cookie-policy-subgroup-name {
    word-break: break-all
}

div#optanon-cookie-policy .optanon-cookie-policy-group .optanon-cookie-policy-subgroup-table tr .optanon-cookie-policy-right {
    width: 60%
}

div#optanon-cookie-policy .optanon-cookie-policy-group .optanon-cookie-policy-subgroup-table .optanon-cookie-policy-subgroup {
    border-color: var(--color-primary-interactive-300)
}

div#optanon-cookie-policy .optanon-cookie-policy-group .optanon-cookie-policy-subgroup-table .optanon-cookie-policy-subgroup td {
    color: var(--color-primary-action-900);
    font-size: var(--font-size-xxxs);
    line-height: var(--line-height-xxs);
    padding: var(--spacing-100)
}

@media (min-width:992px) {
    div#optanon-cookie-policy .optanon-cookie-policy-group .optanon-cookie-policy-subgroup-table .optanon-cookie-policy-subgroup td {
        font-size: var(--font-size-xxs);
        line-height: var(--line-height-xs);
        padding: var(--spacing-200)
    }
}

.website .tns-outer {
    margin-top: 3rem;
    padding: 0 !important
}

.website .tns-outer [aria-controls],
.website .tns-outer [data-action] {
    cursor: pointer
}

.website .tns-slider {
    transition: all 0s
}

.website .tns-slider>.tns-item {
    box-sizing: border-box
}

.website .tns-horizontal.tns-subpixel {
    white-space: nowrap
}

.website .tns-horizontal.tns-subpixel>.tns-item {
    display: inline-block;
    vertical-align: top;
    white-space: normal
}

.website .tns-horizontal.tns-no-subpixel:after {
    clear: both;
    content: "";
    display: table
}

.website .tns-horizontal.tns-no-subpixel>.tns-item {
    float: left
}

.website .tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item {
    margin-right: -100%
}

.website .tns-gallery,
.website .tns-no-calc {
    left: 0;
    position: relative
}

.website .tns-gallery {
    min-height: .0625rem
}

.website .tns-gallery>.tns-item {
    left: -100%;
    position: absolute;
    transition: transform 0s, opacity 0s
}

.website .tns-gallery>.tns-slide-active {
    left: auto !important;
    position: relative
}

.website .tns-gallery>.tns-moving {
    transition: all .25s
}

.website .tns-autowidth {
    display: inline-block
}

.website .tns-lazy-img {
    opacity: .6;
    transition: opacity .6s
}

.website .tns-lazy-img.tns-complete {
    opacity: 1
}

.website .tns-ah {
    transition: height 0s
}

.website .tns-ovh {
    overflow: hidden
}

.website .tns-visually-hidden {
    left: -10000em;
    position: absolute
}

.website .tns-transparent {
    opacity: 0;
    visibility: hidden
}

.website .tns-fadeIn {
    filter: alpha(opacity=100);
    opacity: 1;
    z-index: 0
}

.website .tns-fadeOut,
.website .tns-normal {
    filter: alpha(opacity=0);
    opacity: 0;
    z-index: -1
}

.website .tns-vpfix {
    white-space: nowrap
}

.website .tns-vpfix>div,
.website .tns-vpfix>li {
    display: inline-block
}

.website .tns-t-subp2 {
    height: .62rem;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 19.5rem
}

.website .tns-t-ct {
    position: absolute;
    right: 0;
    width: 2333.3333333%;
    width: 2333.33333%;
    width: 2333.3333333333%
}

.website .tns-t-ct:after {
    clear: both;
    content: "";
    display: table
}

.website .tns-t-ct>div {
    float: left;
    height: .62rem;
    width: 1.4285714%;
    width: 1.42857%;
    width: 1.4285714286%
}

.website .tns-controls {
    display: flex;
    height: var(--spacing-400);
    justify-content: space-between;
    left: 50%;
    position: absolute;
    transform: translate(-50%, 50%);
    width: 15rem
}

@media (max-width:576px) {
    .website .tns-controls {
        height: var(--spacing-300)
    }
}

.website .tns-controls button {
    background: #fff;
    border: 0;
    height: var(--spacing-300);
    margin: 0;
    padding: 0;
    position: relative;
    text-indent: -99999px;
    width: var(--spacing-300)
}

.website .tns-controls button:disabled:after {
    border-color: #999;
    content: ""
}

.website .tns-controls button:after {
    border: solid #006192;
    border-width: 0 .25rem .25rem 0;
    content: "";
    display: block;
    height: 1rem;
    padding: .2rem;
    position: absolute;
    right: 50%;
    top: 47%;
    transform-origin: 50%;
    width: 1rem
}

.website .tns-controls button:first-child:after {
    transform: rotate(135deg) translate(-70%, -30%)
}

.website .tns-controls button:last-child:after {
    transform: rotate(-45deg) translate(50%)
}

.website .tns-nav {
    align-items: center;
    display: flex;
    height: var(--spacing-400);
    justify-content: center;
    top: 10.4rem
}

@media (max-width:576px) {
    .website .tns-nav {
        height: var(--spacing-300)
    }
}

@media (max-width:704px) {
    .website .tns-nav {
        top: 8.2rem
    }
}

.website .tns-nav button {
    background: #dcdcdc;
    border: none;
    border-radius: 41rem;
    height: .8rem;
    margin: var(--spacing-200);
    padding: 0;
    width: .8rem
}

@media (min-width:704px) {
    .website .tns-nav button {
        height: 1rem;
        width: 1rem
    }
}

.website .tns-nav button.tns-nav-active {
    background: #006192
}

.website .tns-ovh {
    margin: 0 -.8rem;
    padding: 0 1.2rem
}

@media (max-width:504px) {
    .website .tns-inner {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
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,
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: baseline;
}

b,
i {
    border: 0;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

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

body {
    line-height: 1
}

ol {
    list-style: decimal
}

ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before {
    content: none
}

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

q:after,
q:before {
    content: none
}

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

*,
:after,
:before {
    box-sizing: inherit;
    outline: 0
}

html {
    background: var(--color-neutral-000);
    box-sizing: border-box;
    color: var(--color-neutral-999);
    font-size: 62.5% !important;
    font-weight: 400;
    -webkit-hyphens: manual;
    hyphens: manual;
    scroll-behavior: smooth;
    scroll-padding-top: 5.8rem;
    text-rendering: optimizeLegibility
}

@media (min-width:992px) {
    html {
        scroll-padding-top: 8rem
    }
}

body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: var(--font-size-xs);
    height: 100%;
    line-height: var(--line-height-xs);
    position: relative
}

.row {
    margin: 0
}

.container {
    padding: 0 1.6rem
}

@media (min-width:992px) {
    .container {
        padding: 0 5.6rem
    }
}

.top-banner-placeholder {
    display: none
}

.sticky-header-for-website {
    height: 58px
}

@media (min-width:992px) {
    .sticky-header-for-website {
        height: 76px
    }
}

.website picture {
    display: block;
    line-height: 0
}

.website img {
    display: block;
    height: auto;
    width: 100%
}

.website div {
    -webkit-hyphens: manual;
    hyphens: manual
}

.website .hide {
    display: none !important
}

.website .form-redirect {
    -webkit-appearance: button
}

.website .hide-mobile {
    display: none
}

@media (min-width:704px) {
    .website .hide-mobile {
        display: inline-block
    }

    .website .hide-desktop {
        display: none
    }
}

.primary-allianz-font,
html {
    font-family: AllianzNeo, Helvetica Neue, Helvetica, Arial, sans-serif
}

/* @font-face {
    font-display: swap;
    font-family: AllianzNeo;
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/AllianzNeo/AllianzNeo-Light.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: AllianzNeo;
    font-style: italic;
    font-weight: 300;
    src: url(../fonts/AllianzNeo/AllianzNeo-LightItalic.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: AllianzNeo;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/AllianzNeo/AllianzNeo-Regular.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: AllianzNeo;
    font-style: italic;
    font-weight: 400;
    src: url(../fonts/AllianzNeo/AllianzNeo-Italic.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: AllianzNeo;
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/AllianzNeo/AllianzNeo-SemiBold.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: AllianzNeo;
    font-style: italic;
    font-weight: 600;
    src: url(../fonts/AllianzNeo/AllianzNeo-SemiBoldItalic.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: AllianzNeo;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/AllianzNeo/AllianzNeo-Bold.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: AllianzNeo;
    font-style: italic;
    font-weight: 700;
    src: url(../fonts/AllianzNeo/AllianzNeo-BoldItalic.woff2) format("woff2")
}

@font-face {
    font-family: Allianz-Icons;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/AllianzIcons/Allianz-Icons.woff2) format("woff2"), url(../fonts/AllianzIcons/Allianz-Icons.ttf) format("truetype"), url(../fonts/AllianzIcons/Allianz-Icons.svg#Allianz-Icons) format("svg")
}

@font-face {
    font-family: Patternlab-Icon;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/AllianzIcons/Allianz-Icons.woff2) format("woff2"), url(../fonts/AllianzIcons/Allianz-Icons.ttf) format("truetype"), url(../fonts/AllianzIcons/Allianz-Icons.svg#Allianz-Icons) format("svg")
} */

#brand-refresh .component-article-list__header,
#old .component-article-list__header,
.header-headline {
    margin-bottom: 4.8rem;
    overflow: hidden
}

@media (min-width:704px) {

    #brand-refresh .component-article-list__header,
    #old .component-article-list__header,
    .header-headline {
        margin-bottom: 5.6rem
    }
}

#brand-refresh .component-article-list__title,
#old .component-article-list__title,
.component-accordion .accordion__body.open .accordion__body__content h1,
.component-accordion .accordion__body.open .accordion__body__content h2,
.component-accordion .accordion__body.open .accordion__body__content h3,
.component-accordion .accordion__body.open .accordion__body__content h4,
.component-add-ons__card-list__card__body__headline,
.component-add-ons__headline,
.component-additional-coverages__header__title,
.component-cards .card__top__title,
.component-cards__headline__title,
.component-content-block__columns h1,
.component-content-block__columns h2,
.component-content-block__columns h3,
.component-content-block__columns h4,
.component-content-block__columns__headline,
.component-content-block__content h1,
.component-content-block__content h2,
.component-content-block__content h3,
.component-content-block__content h4,
.component-content-block__content__headline,
.component-content-block__headline,
.component-content-story__title,
.component-content__text h1,
.component-content__text h2,
.component-content__text h3,
.component-content__text h4,
.component-cookie-list__header__title,
.component-coverage-list__title,
.component-downloads__headline,
.component-error__headline,
.component-icon-text__headline h5,
.component-image-text-block__content-wrapper h2,
.component-image-text-block__content-wrapper h3,
.component-image-text-block__content-wrapper h4,
.component-image-text-block__text__headline h2,
.component-image__headline,
.component-link-block__title,
.component-multi-product__title__headline,
.component-social-proof .first-column__headline,
.component-steps__header__title,
.component-testimonials__title,
.title-headline {
    color: var(--color-primary-action-900);
    font-size: var(--font-size-l);
    font-style: italic;
    font-weight: 700;
    line-height: var(--line-height-m);
    margin: auto auto var(--spacing-100) auto;
    max-width: 800px;
    text-align: center;
    text-transform: uppercase
}

@media (min-width:992px) {

    #brand-refresh .component-article-list__title,
    #old .component-article-list__title,
    .component-accordion .accordion__body.open .accordion__body__content h1,
    .component-accordion .accordion__body.open .accordion__body__content h2,
    .component-accordion .accordion__body.open .accordion__body__content h3,
    .component-accordion .accordion__body.open .accordion__body__content h4,
    .component-add-ons__card-list__card__body__headline,
    .component-add-ons__headline,
    .component-additional-coverages__header__title,
    .component-cards .card__top__title,
    .component-cards__headline__title,
    .component-content-block__columns h1,
    .component-content-block__columns h2,
    .component-content-block__columns h3,
    .component-content-block__columns h4,
    .component-content-block__columns__headline,
    .component-content-block__content h1,
    .component-content-block__content h2,
    .component-content-block__content h3,
    .component-content-block__content h4,
    .component-content-block__content__headline,
    .component-content-block__headline,
    .component-content-story__title,
    .component-content__text h1,
    .component-content__text h2,
    .component-content__text h3,
    .component-content__text h4,
    .component-cookie-list__header__title,
    .component-coverage-list__title,
    .component-downloads__headline,
    .component-error__headline,
    .component-icon-text__headline h5,
    .component-image-text-block__content-wrapper h2,
    .component-image-text-block__content-wrapper h3,
    .component-image-text-block__content-wrapper h4,
    .component-image-text-block__text__headline h2,
    .component-image__headline,
    .component-link-block__title,
    .component-multi-product__title__headline,
    .component-social-proof .first-column__headline,
    .component-steps__header__title,
    .component-testimonials__title,
    .title-headline {
        font-size: var(--font-size-xxxl);
        line-height: var(--line-height-xxl);
        margin: auto auto var(--spacing-200) auto
    }
}

#brand-refresh .website .component-article-list__subtitle,
#old .website .component-article-list__subtitle,
.component-table-of-contents__headline hgroup .website p,
.website #brand-refresh .component-article-list__subtitle,
.website #old .component-article-list__subtitle,
.website .component-add-ons__card-list__card__body__subline,
.website .component-add-ons__subline,
.website .component-cards__headline__subtitle,
.website .component-content-block__subline,
.website .component-content-story__subtitle,
.website .component-cookie-list__header__subtitle,
.website .component-coverage-list__subtitle,
.website .component-downloads__subtitle,
.website .component-icon-text__content,
.website .component-image__subline,
.website .component-link-block__subtitle,
.website .component-steps__header__subtitle,
.website .component-table-of-contents__headline hgroup p,
.website .component-testimonials__subtitle,
.website .subtitle-headline {
    color: var(--color-primary-action-900);
    font-size: var(--font-size-s);
    font-weight: 400;
    line-height: var(--line-height-s);
    margin: auto auto var(--spacing-300) auto;
    max-width: 800px;
    text-align: center
}

@media (min-width:576px) {

    #brand-refresh .website .component-article-list__subtitle,
    #old .website .component-article-list__subtitle,
    .component-table-of-contents__headline hgroup .website p,
    .website #brand-refresh .component-article-list__subtitle,
    .website #old .component-article-list__subtitle,
    .website .component-add-ons__card-list__card__body__subline,
    .website .component-add-ons__subline,
    .website .component-cards__headline__subtitle,
    .website .component-content-block__subline,
    .website .component-content-story__subtitle,
    .website .component-cookie-list__header__subtitle,
    .website .component-coverage-list__subtitle,
    .website .component-downloads__subtitle,
    .website .component-icon-text__content,
    .website .component-image__subline,
    .website .component-link-block__subtitle,
    .website .component-steps__header__subtitle,
    .website .component-table-of-contents__headline hgroup p,
    .website .component-testimonials__subtitle,
    .website .subtitle-headline {
        font-size: var(--font-size-m);
        line-height: var(--line-height-m);
        margin: auto auto var(--spacing-400) auto
    }
}

#old .component-article-list .container,
.container-bracket-bottom-90 {
    background: linear-gradient(-90deg, #ffe8b0, #ffe8b0 1.6rem, #fff 0)
}

@media (min-width:704px) {

    #old .component-article-list .container,
    .container-bracket-bottom-90 {
        background: linear-gradient(-90deg, #ffe8b0, #ffe8b0 3.2rem, #fff 0);
        box-shadow: 62.438rem 0 0 #ffe8b0
    }
}

@media (min-width:992px) {

    #old .component-article-list .container,
    .container-bracket-bottom-90 {
        background: linear-gradient(-90deg, #ffe8b0, #ffe8b0 7.2rem, #fff 0)
    }
}

.container-bracket-bottom-50 {
    background: linear-gradient(-90deg, #fbf2f4, #fbf2f4 1.6rem, #fff 0)
}

@media (min-width:704px) {
    .container-bracket-bottom-50 {
        background: linear-gradient(-90deg, #fbf2f4, #fbf2f4 3.2rem, #fff 0);
        box-shadow: 62.438rem 0 0 #fbf2f4
    }
}

@media (min-width:992px) {
    .container-bracket-bottom-50 {
        background: linear-gradient(-90deg, #fbf2f4, #fbf2f4 7.2rem, #fff 0)
    }
}

.section-bracket-bottom-50 {
    box-shadow: 1.6rem 12.8rem 0 #fbf2f4;
    margin-bottom: 24.8rem !important
}

@media (min-width:704px) {
    .section-bracket-bottom-50 {
        box-shadow: 3.2rem 12.8rem 0 #fbf2f4
    }
}

@media (min-width:992px) {
    .section-bracket-bottom-50 {
        box-shadow: 5.6rem 12.8rem 0 #fbf2f4
    }
}

#old .component-article-list,
.section-bracket-bottom-90 {
    box-shadow: 1.6rem 12.8rem 0 #ffe8b0;
    margin-bottom: 24.8rem !important
}

@media (min-width:704px) {

    #old .component-article-list,
    .section-bracket-bottom-90 {
        box-shadow: 3.2rem 12.8rem 0 #ffe8b0
    }
}

@media (min-width:992px) {

    #old .component-article-list,
    .section-bracket-bottom-90 {
        box-shadow: 5.6rem 12.8rem 0 #ffe8b0
    }
}

@media (min-width:704px) {

    .component-coverage-list__list li,
    .component-coverage-list__list__subtitle,
    .mix-style-change {
        font-size: 1.8rem;
        line-height: 2.8rem
    }
}

.component-hero-img__header h1,
.component-main-teaser__title,
.text-style-4xl,
h1 {
    font-size: var(--font-size-l);
    font-weight: 700;
    line-height: var(--line-height-m)
}

@media (min-width:992px) {

    .component-hero-img__header h1,
    .component-main-teaser__title,
    .text-style-4xl,
    h1 {
        font-size: var(--font-size-xxxxl);
        line-height: var(--line-height-xxxl)
    }
}

.text-style-3xl,
h2 {
    font-size: var(--font-size-l);
    font-weight: 700;
    line-height: var(--line-height-m)
}

@media (min-width:992px) {

    .text-style-3xl,
    h2 {
        font-size: var(--font-size-xxxl);
        line-height: var(--line-height-xxl)
    }
}

.text-style-2xl,
h3 {
    font-size: var(--font-size-m);
    font-weight: 700;
    line-height: var(--line-height-m)
}

@media (min-width:992px) {

    .text-style-2xl,
    h3 {
        font-size: var(--font-size-xl);
        line-height: var(--line-height-l)
    }
}

.text-style-xl,
h4 {
    font-size: var(--font-size-s);
    font-weight: 700;
    line-height: var(--line-height-s)
}

@media (min-width:992px) {

    .text-style-xl,
    h4 {
        font-size: var(--font-size-l);
        line-height: var(--line-height-m)
    }
}

.component-cards h3,
.component-link-block h3,
.component-link-block__list__title,
.component-steps h3,
.component-steps__list__item__body__title,
.text-style-l,
h5 {
    font-size: var(--font-size-s);
    font-weight: 700;
    line-height: var(--line-height-s)
}

@media (min-width:992px) {

    .component-cards h3,
    .component-link-block h3,
    .component-link-block__list__title,
    .component-steps h3,
    .component-steps__list__item__body__title,
    .text-style-l,
    h5 {
        font-size: var(--font-size-m);
        line-height: var(--line-height-m)
    }
}

.text-style-m,
h6 {
    font-size: var(--font-size-xs);
    font-weight: 700;
    line-height: var(--line-height-xs)
}

@media (min-width:992px) {

    .text-style-m,
    h6 {
        font-size: var(--font-size-s);
        line-height: var(--line-height-s)
    }
}

.component-main-teaser__body__button-group__secondary-link a,
.component-main-teaser__body__description,
.component-main-teaser__body__list__item p,
.component-main-teaser__body__subtitle,
.component-multi-product__product_text a,
.component-multi-product__product_text p,
.component-steps__list__item__body__description,
.text-style-s {
    font-size: var(--font-size-xxs);
    line-height: var(--line-height-xs)
}

@media (min-width:992px) {

    .component-main-teaser__body__button-group__secondary-link a,
    .component-main-teaser__body__description,
    .component-main-teaser__body__list__item p,
    .component-main-teaser__body__subtitle,
    .component-multi-product__product_text a,
    .component-multi-product__product_text p,
    .component-steps__list__item__body__description,
    .text-style-s {
        font-size: var(--font-size-xs);
        line-height: var(--line-height-xs)
    }
}

.component-awards__list__headline,
.component-highlighted-content__content,
.component-highlighted-content__content a,
.component-highlighted-content__content figcaption,
.component-highlighted-content__topline__headline,
.component-image figcaption,
.component-info-icon__modal__image figcaption,
.component-link-block__list__description,
.text-style-xs,
p {
    font-size: var(--font-size-xxxs);
    line-height: var(--line-height-xxs)
}

@media (min-width:992px) {

    .component-awards__list__headline,
    .component-highlighted-content__content,
    .component-highlighted-content__content a,
    .component-highlighted-content__content figcaption,
    .component-highlighted-content__topline__headline,
    .component-image figcaption,
    .component-info-icon__modal__image figcaption,
    .component-link-block__list__description,
    .text-style-xs,
    p {
        font-size: var(--font-size-xxs);
        line-height: var(--line-height-xs)
    }
}

.text-style-2xs {
    font-size: var(--font-size-xxxxs);
    line-height: var(--line-height-xxxs)
}

@media (min-width:992px) {
    .text-style-2xs {
        font-size: var(--font-size-xxxs);
        line-height: var(--line-height-xxs)
    }
}

.component-awards__list__content,
.component-steps__list__item__body__hint,
.component-steps__list__item__hint,
.text-style-3xs {
    font-size: var(--font-size-xxxxs);
    line-height: var(--line-height-xxxs)
}

@media (min-width:992px) {

    .component-awards__list__content,
    .component-steps__list__item__body__hint,
    .component-steps__list__item__hint,
    .text-style-3xs {
        font-size: var(--font-size-xxxxs);
        line-height: var(--line-height-xxxs)
    }
}

.component-hero-img__image picture,
.component-image-text-block__image__right picture,
.component-product__image--image-right picture,
.left-cutout {
    -webkit-clip-path: polygon(19% 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(19% 0, 100% 0, 100% 100%, 0 100%)
}

.component-image-text-block__image__left picture,
.component-product__image--image-left picture,
.right-cutout {
    -webkit-clip-path: polygon(0 0, 100% 0, 81% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 81% 100%, 0 100%)
}

.component-product__text-button__button a,
.website .button,
div#center-tile-banner-popup.optanon-alert-box-wrapper .optanon-alert-box-bg .optanon-alert-box-body .optanon-alert-box-button-container .optanon-alert-box-accept-button .accept-cookie-container button.accept-cookies-button,
div#center-tile-banner-popup.optanon-alert-box-wrapper .optanon-alert-box-bg .optanon-alert-box-body .optanon-alert-box-button-container .optanon-alert-box-accept-button .accept-cookie-container button.config-button-cookies,
div#optanon #optanon-popup-wrapper #optanon-popup-bottom .optanon-button-wrapper-content .optanon-white-button-middle button,
header .button {
    align-items: center;
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    font-weight: 600;
    justify-content: center;
    letter-spacing: .2px;
    text-align: center;
    text-transform: uppercase;
    transition: .15s linear
}

@media (min-width:992px) {

    .component-product__text-button__button a,
    .website .button,
    div#center-tile-banner-popup.optanon-alert-box-wrapper .optanon-alert-box-bg .optanon-alert-box-body .optanon-alert-box-button-container .optanon-alert-box-accept-button .accept-cookie-container button.accept-cookies-button,
    div#center-tile-banner-popup.optanon-alert-box-wrapper .optanon-alert-box-bg .optanon-alert-box-body .optanon-alert-box-button-container .optanon-alert-box-accept-button .accept-cookie-container button.config-button-cookies,
    div#optanon #optanon-popup-wrapper #optanon-popup-bottom .optanon-button-wrapper-content .optanon-white-button-middle button,
    header .button {
        max-width: 360px
    }
}

.website .button__large,
header .button__large {
    font-size: var(--font-size-xs);
    line-height: var(--line-height-xs);
    padding: var(--spacing-200) var(--spacing-600)
}

.component-add-ons .addons-cta a,
.component-add-ons .blue .addons-cta a,
.component-add-ons .dark-blue-white .addons-cta a,
.component-cards__cta a.component-cards__cta__primary,
.component-contact-us__modal__body__buttons__chat a,
.component-contact-us__modal__body__buttons__phone a,
.component-image .image-cta a,
.component-info-icon__modal .infoIcon-cta a,
.component-product__text-button__button__blue--secondary.component-button-modification a,
.component-product__text-button__button__blue.component-button-modification a,
.component-product__text-button__button__yellow--secondary.component-button-modification a,
.component-product__text-button__button__yellow.component-button-modification a,
.website .button__medium,
.website .component-main-teaser__body__button-group__cta>*,
div#center-tile-banner-popup.optanon-alert-box-wrapper .optanon-alert-box-bg .optanon-alert-box-body .optanon-alert-box-button-container .optanon-alert-box-accept-button .accept-cookie-container button.accept-cookies-button,
div#center-tile-banner-popup.optanon-alert-box-wrapper .optanon-alert-box-bg .optanon-alert-box-body .optanon-alert-box-button-container .optanon-alert-box-accept-button .accept-cookie-container button.config-button-cookies,
div#optanon #optanon-popup-wrapper #optanon-popup-bottom .optanon-button-wrapper-content .optanon-white-button-middle button,
header .button__medium,
header .component-main-teaser__body__button-group__cta>* {
    font-size: var(--font-size-xxs);
    line-height: var(--line-height-xs);
    padding: var(--spacing-150) var(--spacing-400)
}

.website .button__small,
header .button__small {
    font-size: var(--font-size-xxs);
    line-height: var(--line-height-xs);
    padding: var(--spacing-100) var(--spacing-300)
}

.website .button__xsmall,
header .button__xsmall {
    font-size: var(--font-size-xxxs);
    line-height: var(--line-height-xxs);
    padding: var(--spacing-100) var(--spacing-200)
}

.component-add-ons .addons-cta a,
.component-contact-us__modal__body__buttons__chat a,
.component-contact-us__modal__body__buttons__phone a,
.component-image .image-cta a,
.component-info-icon__modal .infoIcon-cta a,
.website .button__auto-width,
div#center-tile-banner-popup.optanon-alert-box-wrapper .optanon-alert-box-bg .optanon-alert-box-body .optanon-alert-box-button-container .optanon-alert-box-accept-button .accept-cookie-container button.accept-cookies-button,
div#center-tile-banner-popup.optanon-alert-box-wrapper .optanon-alert-box-bg .optanon-alert-box-body .optanon-alert-box-button-container .optanon-alert-box-accept-button .accept-cookie-container button.config-button-cookies,
header .button__auto-width {
    width: 100%
}

.component-cards__cta a.component-cards__cta__primary,
.component-contact-us__modal__body__buttons__chat a,
.component-product__text-button__button__blue.component-button-modification a,
.website .button__main-caps-variant__primary,
div#center-tile-banner-popup.optanon-alert-box-wrapper .optanon-alert-box-bg .optanon-alert-box-body .optanon-alert-box-button-container .optanon-alert-box-accept-button .accept-cookie-container button.optanon-allow-all.accept-cookies-button,
div#center-tile-banner-popup.optanon-alert-box-wrapper .optanon-alert-box-bg .optanon-alert-box-body .optanon-alert-box-button-container .optanon-alert-box-accept-button .accept-cookie-container button.optanon-reject-all.accept-cookies-button,
div#optanon #optanon-popup-wrapper #optanon-popup-bottom .optanon-button-wrapper-content .optanon-allow-all-button .optanon-white-button-middle button,
header .button__main-caps-variant__primary {
    background: var(--color-primary-action-800);
    color: var(--color-neutral-000)
}

.component-cards__cta a.component-cards__cta__primary:hover,
.component-contact-us__modal__body__buttons__chat a:hover,
.component-product__text-button__button__blue.component-button-modification a:hover,
.website .button__main-caps-variant__primary:hover,
div#center-tile-banner-popup.optanon-alert-box-wrapper .optanon-alert-box-bg .optanon-alert-box-body .optanon-alert-box-button-container .optanon-alert-box-accept-button .accept-cookie-container button.optanon-allow-all.accept-cookies-button:hover,
div#center-tile-banner-popup.optanon-alert-box-wrapper .optanon-alert-box-bg .optanon-alert-box-body .optanon-alert-box-button-container .optanon-alert-box-accept-button .accept-cookie-container button.optanon-reject-all.accept-cookies-button:hover,
div#optanon #optanon-popup-wrapper #optanon-popup-bottom .optanon-button-wrapper-content .optanon-allow-all-button .optanon-white-button-middle button:hover,
header .button__main-caps-variant__primary:hover {
    background: var(--color-primary-action-600)
}

.component-cards__cta a.component-cards__cta__primary:active,
.component-contact-us__modal__body__buttons__chat a:active,
.component-product__text-button__button__blue.component-button-modification a:active,
.website .button__main-caps-variant__primary:active,
div#center-tile-banner-popup.optanon-alert-box-wrapper .optanon-alert-box-bg .optanon-alert-box-body .optanon-alert-box-button-container .optanon-alert-box-accept-button .accept-cookie-container button.optanon-allow-all.accept-cookies-button:active,
div#center-tile-banner-popup.optanon-alert-box-wrapper .optanon-alert-box-bg .optanon-alert-box-body .optanon-alert-box-button-container .optanon-alert-box-accept-button .accept-cookie-container button.optanon-reject-all.accept-cookies-button:active,
div#optanon #optanon-popup-wrapper #optanon-popup-bottom .optanon-button-wrapper-content .optanon-allow-all-button .optanon-white-button-middle button:active,
header .button__main-caps-variant__primary:active {
    background: var(--color-primary-action-900)
}

.website .button__main-caps-variant__primary__disabled,
header .button__main-caps-variant__primary__disabled {
    background: var(--color-neutral-350) !important;
    cursor: not-allowed
}

.component-contact-us__modal__body__buttons__phone a,
.component-product__text-button__button__blue--secondary.component-button-modification a,
.website .button__main-caps-variant__secondary,
div#center-tile-banner-popup.optanon-alert-box-wrapper .optanon-alert-box-bg .optanon-alert-box-body .optanon-alert-box-button-container .optanon-alert-box-accept-button .accept-cookie-container button.optanon-toggle-display.config-button-cookies,
div#optanon #optanon-popup-wrapper #optanon-popup-bottom .optanon-button-wrapper-content .optanon-save-settings-button .optanon-white-button-middle button,
header .button__main-caps-variant__secondary {
    background: transparent;
    border: 2px solid var(--color-primary-action-800);
    color: var(--color-primary-action-800)
}

.component-contact-us__modal__body__buttons__phone a:hover,
.component-product__text-button__button__blue--secondary.component-button-modification a:hover,
.website .button__main-caps-variant__secondary:hover,
div#center-tile-banner-popup.optanon-alert-box-wrapper .optanon-alert-box-bg .optanon-alert-box-body .optanon-alert-box-button-container .optanon-alert-box-accept-button .accept-cookie-container button.optanon-toggle-display.config-button-cookies:hover,
div#optanon #optanon-popup-wrapper #optanon-popup-bottom .optanon-button-wrapper-content .optanon-save-settings-button .optanon-white-button-middle button:hover,
header .button__main-caps-variant__secondary:hover {
    background: var(--color-primary-action-600);
    border: 2px solid var(--color-primary-action-600);
    color: var(--color-neutral-000)
}

.component-contact-us__modal__body__buttons__phone a:active,
.component-product__text-button__button__blue--secondary.component-button-modification a:active,
.website .button__main-caps-variant__secondary:active,
div#center-tile-banner-popup.optanon-alert-box-wrapper .optanon-alert-box-bg .optanon-alert-box-body .optanon-alert-box-button-container .optanon-alert-box-accept-button .accept-cookie-container button.optanon-toggle-display.config-button-cookies:active,
div#optanon #optanon-popup-wrapper #optanon-popup-bottom .optanon-button-wrapper-content .optanon-save-settings-button .optanon-white-button-middle button:active,
header .button__main-caps-variant__secondary:active {
    background: var(--color-primary-action-900);
    border: 2px solid var(--color-primary-action-900);
    color: var(--color-neutral-000)
}

.website .button__main-caps-variant__secondary__disabled,
header .button__main-caps-variant__secondary__disabled {
    background: transparent !important;
    border: 2px solid var(--color-neutral-350) !important;
    color: var(--color-neutral-500) !important;
    cursor: not-allowed
}

.website .button__main-caps-variant__plain,
header .button__main-caps-variant__plain {
    background: transparent;
    border-radius: unset;
    color: var(--color-primary-action-600);
    padding: 0
}

.website .button__main-caps-variant__plain:hover,
header .button__main-caps-variant__plain:hover {
    color: var(--color-primary-action-800)
}

.website .button__main-caps-variant__plain:active,
header .button__main-caps-variant__plain:active {
    color: var(--color-primary-action-900)
}

.website .button__main-caps-variant__plain__disabled,
header .button__main-caps-variant__plain__disabled {
    color: var(--color-neutral-500) !important;
    cursor: not-allowed
}

.website .button__alternative-brand-variant__primary,
header .button__alternative-brand-variant__primary {
    background: var(--color-primary-brand-200);
    color: var(--color-primary-action-900)
}

.website .button__alternative-brand-variant__primary:hover,
header .button__alternative-brand-variant__primary:hover {
    background: var(--color-primary-brand-700);
    color: var(--color-neutral-000)
}

.website .button__alternative-brand-variant__primary:active,
header .button__alternative-brand-variant__primary:active {
    background: var(--color-primary-brand-350);
    color: var(--color-primary-action-900)
}

.website .button__alternative-brand-variant__primary__disabled,
header .button__alternative-brand-variant__primary__disabled {
    background: var(--color-neutral-350) !important;
    color: var(--color-neutral-000) !important;
    cursor: not-allowed
}

.website .button__alternative-brand-variant__secondary,
header .button__alternative-brand-variant__secondary {
    background: transparent;
    border: 2px solid var(--color-primary-brand-200);
    color: var(--color-primary-brand-200)
}

.website .button__alternative-brand-variant__secondary:hover,
header .button__alternative-brand-variant__secondary:hover {
    background: var(--color-primary-brand-700);
    border: 2px solid var(--color-primary-brand-700);
    color: var(--color-neutral-000)
}

.website .button__alternative-brand-variant__secondary:active,
header .button__alternative-brand-variant__secondary:active {
    background: var(--color-primary-brand-350);
    border: 2px solid var(--color-primary-brand-350);
    color: var(--color-primary-action-900)
}

.website .button__alternative-brand-variant__secondary__disabled,
header .button__alternative-brand-variant__secondary__disabled {
    background: transparent !important;
    border: 2px solid var(--color-neutral-350) !important;
    color: var(--color-neutral-500) !important;
    cursor: not-allowed
}

.website .button__alternative-brand-variant__plain,
header .button__alternative-brand-variant__plain {
    background: transparent;
    border-radius: unset;
    color: var(--color-primary-brand-200);
    padding: 0
}

.website .button__alternative-brand-variant__plain:hover,
header .button__alternative-brand-variant__plain:hover {
    color: var(--color-primary-brand-700)
}

.website .button__alternative-brand-variant__plain:active,
header .button__alternative-brand-variant__plain:active {
    color: var(--color-primary-brand-350)
}

.website .button__alternative-brand-variant__plain__disabled,
header .button__alternative-brand-variant__plain__disabled {
    color: var(--color-neutral-500) !important;
    cursor: not-allowed
}

.website .button__alternative-accent-variant__primary,
.website .component-main-teaser__body__button-group__cta>*,
header .button__alternative-accent-variant__primary,
header .component-main-teaser__body__button-group__cta>* {
    background: var(--color-secondary-accent-700);
    color: var(--color-neutral-000)
}

.website .button__alternative-accent-variant__primary:hover,
.website .component-main-teaser__body__button-group__cta>:hover,
header .button__alternative-accent-variant__primary:hover,
header .component-main-teaser__body__button-group__cta>:hover {
    background: var(--color-secondary-accent-500)
}

.website .button__alternative-accent-variant__primary:active,
.website .component-main-teaser__body__button-group__cta>:active,
header .button__alternative-accent-variant__primary:active,
header .component-main-teaser__body__button-group__cta>:active {
    background: var(--color-secondary-accent-800)
}

.website .button__alternative-accent-variant__primary__disabled,
header .button__alternative-accent-variant__primary__disabled {
    background: var(--color-neutral-350) !important;
    color: var(--color-neutral-000) !important;
    cursor: not-allowed
}

.component-add-ons .blue .addons-cta a,
.component-add-ons .dark-blue-white .addons-cta a,
.component-product__text-button__button__yellow.component-button-modification a,
.website .button__alternative-trigger-variant__primary,
header .button__alternative-trigger-variant__primary {
    background: var(--color-secondary-trigger-600);
    color: var(--color-primary-action-900)
}

.component-add-ons .blue .addons-cta a:hover,
.component-add-ons .dark-blue-white .addons-cta a:hover,
.component-product__text-button__button__yellow.component-button-modification a:hover,
.website .button__alternative-trigger-variant__primary:hover,
header .button__alternative-trigger-variant__primary:hover {
    background: var(--color-secondary-trigger-300)
}

.component-add-ons .blue .addons-cta a:active,
.component-add-ons .dark-blue-white .addons-cta a:active,
.component-product__text-button__button__yellow.component-button-modification a:active,
.website .button__alternative-trigger-variant__primary:active,
header .button__alternative-trigger-variant__primary:active {
    background: var(--color-secondary-trigger-650)
}

.website .button__alternative-trigger-variant__primary__disabled,
header .button__alternative-trigger-variant__primary__disabled {
    background: var(--color-neutral-350) !important;
    color: var(--color-neutral-000) !important;
    cursor: not-allowed
}

.component-product__text-button__button__yellow--secondary.component-button-modification a,
.website .button__alternative-trigger-variant__secondary,
header .button__alternative-trigger-variant__secondary {
    background: transparent;
    border: 2px solid var(--color-secondary-trigger-600);
    color: var(--color-secondary-trigger-600)
}

.component-product__text-button__button__yellow--secondary.component-button-modification a:hover,
.website .button__alternative-trigger-variant__secondary:hover,
header .button__alternative-trigger-variant__secondary:hover {
    background: var(--color-secondary-trigger-300);
    border: 2px solid var(--color-secondary-trigger-300);
    color: var(--color-primary-action-900)
}

.component-product__text-button__button__yellow--secondary.component-button-modification a:active,
.website .button__alternative-trigger-variant__secondary:active,
header .button__alternative-trigger-variant__secondary:active {
    background: var(--color-secondary-trigger-650);
    border: 2px solid var(--color-secondary-trigger-650);
    color: var(--color-primary-action-900)
}

.website .button__alternative-trigger-variant__secondary__disabled,
header .button__alternative-trigger-variant__secondary__disabled {
    background: transparent !important;
    border: 2px solid var(--color-neutral-350) !important;
    color: var(--color-neutral-500) !important;
    cursor: not-allowed
}

.website .button__alternative-trigger-variant__plain,
header .button__alternative-trigger-variant__plain {
    background: transparent;
    border-radius: unset;
    color: var(--color-secondary-trigger-600);
    padding: 0
}

.website .button__alternative-trigger-variant__plain:hover,
header .button__alternative-trigger-variant__plain:hover {
    color: var(--color-secondary-trigger-300)
}

.website .button__alternative-trigger-variant__plain:active,
header .button__alternative-trigger-variant__plain:active {
    color: var(--color-secondary-trigger-650)
}

.website .button__alternative-trigger-variant__plain__disabled,
header .button__alternative-trigger-variant__plain__disabled {
    color: var(--color-neutral-500) !important;
    cursor: not-allowed
}

#brand-refresh .component-article-list__item__read-more,
.component-add-ons .white-dark-blue .component-add-ons__card-list__card__body__showMoreText,
.component-add-ons .white-dark-blue .component-add-ons__card-list__card__body__subline a,
.component-add-ons .yellow .component-add-ons__card-list__card__body__showMoreText,
.component-add-ons .yellow .component-add-ons__card-list__card__body__subline a,
.component-add-ons__card-list__card__body__showMoreText,
.component-add-ons__card-list__card__body__subline a,
.component-content-block__columns a,
.component-content-block__content a,
.component-content-block__link,
.component-content__text a,
.component-cookie-preference-center .optanon-show-settings,
.component-downloads__list__item a,
.component-highlighted-content__content .website a,
.component-highlighted-content__content header a,
.component-image-text-block__content-wrapper a,
.component-image-text-block__link,
.component-info-icon__modal__content a,
.component-link-block__links a,
.component-main-teaser__body__button-group__secondary-link a,
.component-multi-product__close-modal__button,
.component-product-comparison__show-more,
.component-promotion-banner .promotion-banner__body.open a,
.component-promotion-banner .promotion-banner__body__cta,
.component-social-proof .first-column__link,
.component-table-of-contents__list__overview .h2-toc-element a,
.component-table-of-contents__list__overview .h3-toc-element a,
.footer .legal-links li,
.footer__nav ul li,
.general__website__modal__content a,
.header__user .header__user-box__options__log-out a,
.header__user .header__user-box__options__my-account a,
.top-banner-content__link a,
.website .component-highlighted-content__content a,
.website .cta-link,
.website .link,
div#center-tile-banner-popup.optanon-alert-box-wrapper .optanon-alert-box-bg .optanon-alert-box-body #alert-box-message a.banner-policy-link,
div#center-tile-banner-popup.optanon-alert-box-wrapper .optanon-alert-box-bg .optanon-alert-box-body .optanon-alert-box-button-container .optanon-alert-box-more-info-button button.cookie-settings-button,
div#optanon #optanon-popup-wrapper #optanon-popup-bottom .center-tile-more-info-text a.center-tile-more-info-link,
header .component-highlighted-content__content a,
header .cta-link,
header .link,
main section li a,
main section p a {
    color: var(--color-primary-action-600);
    cursor: pointer;
    font-size: var(--font-size-xxs);
    font-weight: 600;
    letter-spacing: .2px;
    line-height: var(--line-height-xs);
    transition: .15s linear
}

#brand-refresh .component-article-list__item__read-more svg.cta-icon,
.component-add-ons .white-dark-blue .component-add-ons__card-list__card__body__showMoreText svg.cta-icon,
.component-add-ons .white-dark-blue .component-add-ons__card-list__card__body__subline a svg.cta-icon,
.component-add-ons .yellow .component-add-ons__card-list__card__body__showMoreText svg.cta-icon,
.component-add-ons .yellow .component-add-ons__card-list__card__body__subline a svg.cta-icon,
.component-add-ons__card-list__card__body__showMoreText svg.cta-icon,
.component-add-ons__card-list__card__body__subline a svg.cta-icon,
.component-content-block__columns a svg.cta-icon,
.component-content-block__content a svg.cta-icon,
.component-content-block__link svg.cta-icon,
.component-content__text a svg.cta-icon,
.component-cookie-preference-center .optanon-show-settings svg.cta-icon,
.component-downloads__list__item a svg.cta-icon,
.component-highlighted-content__content .website a svg.cta-icon,
.component-highlighted-content__content header a svg.cta-icon,
.component-image-text-block__content-wrapper a svg.cta-icon,
.component-image-text-block__link svg.cta-icon,
.component-info-icon__modal__content a svg.cta-icon,
.component-link-block__links a svg.cta-icon,
.component-main-teaser__body__button-group__secondary-link a svg.cta-icon,
.component-multi-product__close-modal__button svg.cta-icon,
.component-product-comparison__show-more svg.cta-icon,
.component-promotion-banner .promotion-banner__body.open a svg.cta-icon,
.component-promotion-banner .promotion-banner__body__cta svg.cta-icon,
.component-social-proof .first-column__link svg.cta-icon,
.component-table-of-contents__list__overview .h2-toc-element a svg.cta-icon,
.component-table-of-contents__list__overview .h3-toc-element a svg.cta-icon,
.footer .legal-links li svg.cta-icon,
.footer__nav ul li svg.cta-icon,
.general__website__modal__content a svg.cta-icon,
.header__user .header__user-box__options__log-out a svg.cta-icon,
.header__user .header__user-box__options__my-account a svg.cta-icon,
.top-banner-content__link a svg.cta-icon,
.website .component-highlighted-content__content a svg.cta-icon,
.website .cta-link svg.cta-icon,
.website .link svg.cta-icon,
div#center-tile-banner-popup.optanon-alert-box-wrapper .optanon-alert-box-bg .optanon-alert-box-body #alert-box-message a.banner-policy-link svg.cta-icon,
div#center-tile-banner-popup.optanon-alert-box-wrapper .optanon-alert-box-bg .optanon-alert-box-body .optanon-alert-box-button-container .optanon-alert-box-more-info-button button.cookie-settings-button svg.cta-icon,
div#optanon #optanon-popup-wrapper #optanon-popup-bottom .center-tile-more-info-text a.center-tile-more-info-link svg.cta-icon,
header .component-highlighted-content__content a svg.cta-icon,
header .cta-link svg.cta-icon,
header .link svg.cta-icon,
main section li a svg.cta-icon,
main section p a svg.cta-icon {
    margin-right: var(--spacing-100)
}

.website .cta-link__large,
.website .link__large,
header .cta-link__large,
header .link__large {
    font-size: var(--font-size-xs);
    line-height: var(--line-height-xs)
}

.website .cta-link__large svg.cta-icon,
.website .link__large svg.cta-icon,
header .cta-link__large svg.cta-icon,
header .link__large svg.cta-icon {
    height: 24px;
    width: 24px
}

.component-cookie-preference-center .optanon-show-settings,
.component-product-comparison__show-more,
.website .cta-link__medium,
.website .link__medium,
div#center-tile-banner-popup.optanon-alert-box-wrapper .optanon-alert-box-bg .optanon-alert-box-body .optanon-alert-box-button-container .optanon-alert-box-more-info-button button.cookie-settings-button,
header .cta-link__medium,
header .link__medium {
    font-size: var(--font-size-xxs);
    line-height: var(--line-height-xs)
}

.component-cookie-preference-center .optanon-show-settings svg.cta-icon,
.component-product-comparison__show-more svg.cta-icon,
.website .cta-link__medium svg.cta-icon,
.website .link__medium svg.cta-icon,
div#center-tile-banner-popup.optanon-alert-box-wrapper .optanon-alert-box-bg .optanon-alert-box-body .optanon-alert-box-button-container .optanon-alert-box-more-info-button button.cookie-settings-button svg.cta-icon,
header .cta-link__medium svg.cta-icon,
header .link__medium svg.cta-icon {
    height: 20px;
    width: 20px
}

.component-add-ons .white-dark-blue .component-add-ons__card-list__card__body__showMoreText,
.component-add-ons .white-dark-blue .component-add-ons__card-list__card__body__subline a,
.component-add-ons .yellow .component-add-ons__card-list__card__body__showMoreText,
.component-add-ons .yellow .component-add-ons__card-list__card__body__subline a,
.component-add-ons__card-list__card__body__showMoreText,
.component-add-ons__card-list__card__body__subline a,
.component-content-block__columns a,
.component-content-block__content a,
.component-content-block__link,
.component-content__text a,
.component-downloads__list__item a,
.component-image-text-block__content-wrapper a,
.component-image-text-block__link,
.component-promotion-banner .promotion-banner__body__cta,
.component-social-proof .first-column__link,
.header__user .header__user-box__options__log-out a,
.header__user .header__user-box__options__my-account a,
.website .cta-link__small,
.website .link__small,
div#center-tile-banner-popup.optanon-alert-box-wrapper .optanon-alert-box-bg .optanon-alert-box-body #alert-box-message a.banner-policy-link,
div#optanon #optanon-popup-wrapper #optanon-popup-bottom .center-tile-more-info-text a.center-tile-more-info-link,
header .cta-link__small,
header .link__small {
    font-size: var(--font-size-xxxs);
    line-height: var(--line-height-xxs)
}

.component-add-ons .white-dark-blue .component-add-ons__card-list__card__body__showMoreText svg.cta-icon,
.component-add-ons .white-dark-blue .component-add-ons__card-list__card__body__subline a svg.cta-icon,
.component-add-ons .yellow .component-add-ons__card-list__card__body__showMoreText svg.cta-icon,
.component-add-ons .yellow .component-add-ons__card-list__card__body__subline a svg.cta-icon,
.component-add-ons__card-list__card__body__showMoreText svg.cta-icon,
.component-add-ons__card-list__card__body__subline a svg.cta-icon,
.component-content-block__columns a svg.cta-icon,
.component-content-block__content a svg.cta-icon,
.component-content-block__link svg.cta-icon,
.component-content__text a svg.cta-icon,
.component-downloads__list__item a svg.cta-icon,
.component-image-text-block__content-wrapper a svg.cta-icon,
.component-image-text-block__link svg.cta-icon,
.component-promotion-banner .promotion-banner__body__cta svg.cta-icon,
.component-social-proof .first-column__link svg.cta-icon,
.header__user .header__user-box__options__log-out a svg.cta-icon,
.header__user .header__user-box__options__my-account a svg.cta-icon,
.website .cta-link__small svg.cta-icon,
.website .link__small svg.cta-icon,
div#center-tile-banner-popup.optanon-alert-box-wrapper .optanon-alert-box-bg .optanon-alert-box-body #alert-box-message a.banner-policy-link svg.cta-icon,
div#optanon #optanon-popup-wrapper #optanon-popup-bottom .center-tile-more-info-text a.center-tile-more-info-link svg.cta-icon,
header .cta-link__small svg.cta-icon,
header .link__small svg.cta-icon {
    height: 20px;
    width: 20px
}

#brand-refresh .component-article-list__item__read-more,
.component-add-ons .white-dark-blue .component-add-ons__card-list__card__body__showMoreText,
.component-add-ons .white-dark-blue .component-add-ons__card-list__card__body__subline a,
.component-add-ons .yellow .component-add-ons__card-list__card__body__showMoreText,
.component-add-ons .yellow .component-add-ons__card-list__card__body__subline a,
.component-add-ons__card-list__card__body__showMoreText,
.component-add-ons__card-list__card__body__subline a,
.component-content-block__link,
.component-cookie-preference-center .optanon-show-settings,
.component-image-text-block__link,
.component-link-block__links a,
.component-main-teaser__body__button-group__secondary-link a,
.component-multi-product__close-modal__button,
.component-product-comparison__show-more,
.component-social-proof .first-column__link,
.website .cta-link__uppercase,
.website .link__uppercase,
div#center-tile-banner-popup.optanon-alert-box-wrapper .optanon-alert-box-bg .optanon-alert-box-body .optanon-alert-box-button-container .optanon-alert-box-more-info-button button.cookie-settings-button,
div#optanon #optanon-popup-wrapper #optanon-popup-bottom .center-tile-more-info-text a.center-tile-more-info-link,
header .cta-link__uppercase,
header .link__uppercase {
    text-transform: uppercase
}

#brand-refresh .component-article-list__item__read-more:hover,
.component-add-ons .white-dark-blue .component-add-ons__card-list__card__body__showMoreText:hover,
.component-add-ons .white-dark-blue .component-add-ons__card-list__card__body__subline a:hover,
.component-add-ons .yellow .component-add-ons__card-list__card__body__showMoreText:hover,
.component-add-ons .yellow .component-add-ons__card-list__card__body__subline a:hover,
.component-add-ons__card-list__card__body__showMoreText:hover,
.component-add-ons__card-list__card__body__subline a:hover,
.component-content-block__columns a:hover,
.component-content-block__content a:hover,
.component-content-block__link:hover,
.component-content__text a:hover,
.component-cookie-preference-center .optanon-show-settings:hover,
.component-downloads__list__item a:hover,
.component-highlighted-content__content .website a:hover,
.component-highlighted-content__content header a:hover,
.component-image-text-block__content-wrapper a:hover,
.component-image-text-block__link:hover,
.component-info-icon__modal__content a:hover,
.component-link-block__links a:hover,
.component-main-teaser__body__button-group__secondary-link a:hover,
.component-multi-product__close-modal__button:hover,
.component-product-comparison__show-more:hover,
.component-promotion-banner .promotion-banner__body.open a:hover,
.component-promotion-banner .promotion-banner__body__cta:hover,
.component-social-proof .first-column__link:hover,
.component-table-of-contents__list__overview .h2-toc-element a:hover,
.component-table-of-contents__list__overview .h3-toc-element a:hover,
.footer .legal-links li:hover,
.footer__nav ul li:hover,
.general__website__modal__content a:hover,
.header__user .header__user-box__options__log-out a:hover,
.header__user .header__user-box__options__my-account a:hover,
.top-banner-content__link a:hover,
.website .component-highlighted-content__content a:hover,
.website .cta-link:hover,
.website .link:hover,
div#center-tile-banner-popup.optanon-alert-box-wrapper .optanon-alert-box-bg .optanon-alert-box-body #alert-box-message a.banner-policy-link:hover,
div#center-tile-banner-popup.optanon-alert-box-wrapper .optanon-alert-box-bg .optanon-alert-box-body .optanon-alert-box-button-container .optanon-alert-box-more-info-button button.cookie-settings-button:hover,
div#optanon #optanon-popup-wrapper #optanon-popup-bottom .center-tile-more-info-text a.center-tile-more-info-link:hover,
header .component-highlighted-content__content a:hover,
header .cta-link:hover,
header .link:hover,
main section li a:hover,
main section p a:hover {
    color: var(--color-primary-action-600);
    text-decoration: underline
}

#brand-refresh .component-article-list__item__read-more:active,
.component-add-ons .white-dark-blue .component-add-ons__card-list__card__body__showMoreText:active,
.component-add-ons .white-dark-blue .component-add-ons__card-list__card__body__subline a:active,
.component-add-ons .yellow .component-add-ons__card-list__card__body__showMoreText:active,
.component-add-ons .yellow .component-add-ons__card-list__card__body__subline a:active,
.component-add-ons__card-list__card__body__showMoreText:active,
.component-add-ons__card-list__card__body__subline a:active,
.component-content-block__columns a:active,
.component-content-block__content a:active,
.component-content-block__link:active,
.component-content__text a:active,
.component-cookie-preference-center .optanon-show-settings:active,
.component-downloads__list__item a:active,
.component-highlighted-content__content .website a:active,
.component-highlighted-content__content header a:active,
.component-image-text-block__content-wrapper a:active,
.component-image-text-block__link:active,
.component-info-icon__modal__content a:active,
.component-link-block__links a:active,
.component-main-teaser__body__button-group__secondary-link a:active,
.component-multi-product__close-modal__button:active,
.component-product-comparison__show-more:active,
.component-promotion-banner .promotion-banner__body.open a:active,
.component-promotion-banner .promotion-banner__body__cta:active,
.component-social-proof .first-column__link:active,
.component-table-of-contents__list__overview .h2-toc-element a:active,
.component-table-of-contents__list__overview .h3-toc-element a:active,
.footer .legal-links li:active,
.footer__nav ul li:active,
.general__website__modal__content a:active,
.header__user .header__user-box__options__log-out a:active,
.header__user .header__user-box__options__my-account a:active,
.top-banner-content__link a:active,
.website .component-highlighted-content__content a:active,
.website .cta-link:active,
.website .link:active,
div#center-tile-banner-popup.optanon-alert-box-wrapper .optanon-alert-box-bg .optanon-alert-box-body #alert-box-message a.banner-policy-link:active,
div#center-tile-banner-popup.optanon-alert-box-wrapper .optanon-alert-box-bg .optanon-alert-box-body .optanon-alert-box-button-container .optanon-alert-box-more-info-button button.cookie-settings-button:active,
div#optanon #optanon-popup-wrapper #optanon-popup-bottom .center-tile-more-info-text a.center-tile-more-info-link:active,
header .component-highlighted-content__content a:active,
header .cta-link:active,
header .link:active,
main section li a:active,
main section p a:active {
    color: var(--color-primary-action-900);
    text-decoration: underline
}

.component-add-ons .white-dark-blue .component-add-ons__card-list__card__body__showMoreText,
.component-add-ons .white-dark-blue .component-add-ons__card-list__card__body__subline a,
.component-add-ons .yellow .component-add-ons__card-list__card__body__showMoreText,
.component-add-ons .yellow .component-add-ons__card-list__card__body__subline a,
.component-highlighted-content__content .website a,
.component-highlighted-content__content header a,
.component-promotion-banner .promotion-banner__body.open a,
.component-promotion-banner .promotion-banner__body__cta,
.website .component-highlighted-content__content a,
.website .cta-link__trigger-variant,
.website .link__trigger-variant,
header .component-highlighted-content__content a,
header .cta-link__trigger-variant,
header .link__trigger-variant {
    color: var(--color-secondary-trigger-600)
}

.component-add-ons .white-dark-blue .component-add-ons__card-list__card__body__showMoreText:hover,
.component-add-ons .white-dark-blue .component-add-ons__card-list__card__body__subline a:hover,
.component-add-ons .yellow .component-add-ons__card-list__card__body__showMoreText:hover,
.component-add-ons .yellow .component-add-ons__card-list__card__body__subline a:hover,
.component-highlighted-content__content .website a:hover,
.component-highlighted-content__content header a:hover,
.component-promotion-banner .promotion-banner__body.open a:hover,
.component-promotion-banner .promotion-banner__body__cta:hover,
.website .component-highlighted-content__content a:hover,
.website .cta-link__trigger-variant:hover,
.website .link__trigger-variant:hover,
header .component-highlighted-content__content a:hover,
header .cta-link__trigger-variant:hover,
header .link__trigger-variant:hover {
    color: var(--color-secondary-trigger-600);
    text-decoration: underline
}

.component-add-ons .white-dark-blue .component-add-ons__card-list__card__body__showMoreText:active,
.component-add-ons .white-dark-blue .component-add-ons__card-list__card__body__subline a:active,
.component-add-ons .yellow .component-add-ons__card-list__card__body__showMoreText:active,
.component-add-ons .yellow .component-add-ons__card-list__card__body__subline a:active,
.component-highlighted-content__content .website a:active,
.component-highlighted-content__content header a:active,
.component-promotion-banner .promotion-banner__body.open a:active,
.component-promotion-banner .promotion-banner__body__cta:active,
.website .component-highlighted-content__content a:active,
.website .cta-link__trigger-variant:active,
.website .link__trigger-variant:active,
header .component-highlighted-content__content a:active,
header .cta-link__trigger-variant:active,
header .link__trigger-variant:active {
    color: var(--color-secondary-trigger-650);
    text-decoration: underline
}

#brand-refresh .component-article-list__item__read-more:after,
.component-add-ons .white-dark-blue .component-add-ons__card-list__card__body__subline a:after,
.component-add-ons .yellow .component-add-ons__card-list__card__body__subline a:after,
.component-add-ons__card-list__card__body__showMoreText__arrow:after,
.component-add-ons__card-list__card__body__subline a:after,
.component-content-block__link a:after,
.component-image-text-block__link a:after,
.component-link-block__links a:after,
.component-main-teaser__body__button-group__cta a:after,
.component-main-teaser__body__button-group__cta div:after,
.component-main-teaser__body__button-group__secondary-link a:after,
.component-social-proof .first-column__link:after,
.website .cta-link-arrow-right:after,
.website .link-arrow-right:after,
header .cta-link-arrow-right:after,
header .link-arrow-right:after {
    border: solid var(--color-primary-action-600);
    border-radius: 2px;
    border-width: 0 2px 2px 0;
    content: "";
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin-left: var(--spacing-100);
    transform: rotate(-45deg);
    width: 10px
}

.component-add-ons .white-dark-blue .component-add-ons__card-list__card__body__showMoreText__arrow:after,
.component-add-ons .white-dark-blue .component-add-ons__card-list__card__body__subline a:after,
.component-add-ons .yellow .component-add-ons__card-list__card__body__showMoreText__arrow:after,
.component-add-ons .yellow .component-add-ons__card-list__card__body__subline a:after,
.website .cta-link-arrow-right__trigger-variant:after,
.website .link-arrow-right__trigger-variant:after,
header .cta-link-arrow-right__trigger-variant:after,
header .link-arrow-right__trigger-variant:after {
    border: solid var(--color-secondary-trigger-600);
    border-radius: 2px;
    border-width: 0 2px 2px 0;
    content: "";
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin-left: var(--spacing-100);
    transform: rotate(-45deg);
    width: 10px
}

.website .input {
    border: none;
    font-family: inherit;
    font-size: inherit;
    font-weight: 600;
    padding: 0 2.4rem;
    width: 100%
}

.website .textarea {
    background: #fafafa;
    border: .0625rem solid #979797;
    border-radius: .2rem;
    font-size: 2rem;
    min-height: 12rem;
    padding: .8rem 1.6rem
}

.website .checkmark-list li {
    padding-left: 4rem
}

.website .checkmark-list li i img {
    fill: #407d71;
    height: auto;
    left: 0;
    position: absolute;
    top: .5rem;
    width: auto
}

.component-content-block__columns .website li,
.component-content-block__content .website li,
.component-image-text-block__content-wrapper .website li,
.website .checkmark-list li,
.website .component-content-block__columns li,
.website .component-content-block__content li,
.website .component-image-text-block__content-wrapper li {
    font-size: 1.8rem;
    line-height: 2.4rem;
    margin-bottom: .8rem;
    position: relative
}

.component-content-block__columns .website li:last-child,
.component-content-block__content .website li:last-child,
.component-image-text-block__content-wrapper .website li:last-child,
.website .checkmark-list li:last-child,
.website .component-content-block__columns li:last-child,
.website .component-content-block__content li:last-child,
.website .component-image-text-block__content-wrapper li:last-child {
    margin-bottom: 0
}

.website .shape--orange {
    fill: #f86200
}

.website .shape--orange .stripes {
    fill: #fff
}

.website .shape--blue {
    fill: #003781
}

.website .shape--blue .stripes {
    fill: #fff
}

.website .shape--green {
    fill: #407d71
}

.website .shape--green .stripes {
    fill: #fff
}

.website .shape--yellow {
    fill: #fdd25c
}

.website .shape--yellow .stripes {
    fill: #fff
}

.website__info-icon__overlay {
    background-color: var(--color-neutral-800);
    cursor: auto;
    display: none;
    height: 100vh;
    left: 0;
    opacity: 40%;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 7000
}

.website .website-info-icon {
    cursor: pointer;
    display: inline-block;
    height: 24px;
    margin-left: .5rem;
    vertical-align: middle;
    width: 24px
}

.website .website-info-icon>div {
    height: 24px;
    width: 24px
}

.website .website-info-icon .icon-no-bg {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.375 2.078a9.097 9.097 0 0 0-3.297 3.297A9.068 9.068 0 0 0 .839 10c0 1.658.413 3.2 1.239 4.625a9.097 9.097 0 0 0 3.297 3.297A9.068 9.068 0 0 0 10 19.161c1.658 0 3.2-.413 4.625-1.239a9.097 9.097 0 0 0 3.297-3.297 9.05 9.05 0 0 0 1.239-4.615 9.053 9.053 0 0 0-.7-3.516 9.115 9.115 0 0 0-1.987-2.968 9.115 9.115 0 0 0-2.968-1.988A9.022 9.022 0 0 0 10.447.85L10 .84l-.403.008a9.055 9.055 0 0 0-4.221 1.23Zm4.623 15.765c-1.044 0-2.043-.2-2.995-.6a7.936 7.936 0 0 1-2.537-1.699 7.69 7.69 0 0 1-1.709-2.547A7.635 7.635 0 0 1 2.167 10a7.943 7.943 0 0 1 .6-2.987 7.697 7.697 0 0 1 1.699-2.547 7.697 7.697 0 0 1 2.547-1.699 7.943 7.943 0 0 1 2.987-.6 7.635 7.635 0 0 1 2.997.59 7.69 7.69 0 0 1 2.547 1.709 7.936 7.936 0 0 1 1.699 2.537c.4.952.6 1.955.6 3.007a7.838 7.838 0 0 1-1.08 3.936 7.722 7.722 0 0 1-2.817 2.817 7.84 7.84 0 0 1-3.57 1.067l-.378.013Zm.092-11.01a.79.79 0 0 0 .58-.24c.16-.16.24-.36.24-.599v-.16a.823.823 0 0 0-.24-.59.774.774 0 0 0-.58-.249h-.18a.774.774 0 0 0-.58.25.823.823 0 0 0-.24.59v.159c0 .24.08.44.24.6.16.16.354.24.58.24h.18Zm.16 8.172c.16 0 .296-.057.41-.17a.558.558 0 0 0 .17-.41V8.912a.558.558 0 0 0-.17-.41.558.558 0 0 0-.41-.17h-.5a.558.558 0 0 0-.41.17.558.558 0 0 0-.17.41v5.515c0 .16.057.296.17.41.114.112.25.169.41.169h.5Z' fill='%232D6CD2'/%3E%3C/svg%3E");
    display: block
}

.website .website-info-icon .icon-bg {
    display: none
}

.website .website-info-icon:hover .icon-no-bg {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.375 2.078a9.097 9.097 0 0 0-3.297 3.297A9.068 9.068 0 0 0 .839 10c0 1.658.413 3.2 1.239 4.625a9.097 9.097 0 0 0 3.297 3.297A9.068 9.068 0 0 0 10 19.161c1.658 0 3.2-.413 4.625-1.239a9.097 9.097 0 0 0 3.297-3.297 9.05 9.05 0 0 0 1.239-4.615 9.053 9.053 0 0 0-.7-3.516 9.115 9.115 0 0 0-1.987-2.968 9.115 9.115 0 0 0-2.968-1.988A9.022 9.022 0 0 0 10.447.85L10 .84l-.403.008a9.055 9.055 0 0 0-4.221 1.23Zm4.623 15.765c-1.044 0-2.043-.2-2.995-.6a7.936 7.936 0 0 1-2.537-1.699 7.69 7.69 0 0 1-1.709-2.547A7.635 7.635 0 0 1 2.167 10a7.943 7.943 0 0 1 .6-2.987 7.697 7.697 0 0 1 1.699-2.547 7.697 7.697 0 0 1 2.547-1.699 7.943 7.943 0 0 1 2.987-.6 7.635 7.635 0 0 1 2.997.59 7.69 7.69 0 0 1 2.547 1.709 7.936 7.936 0 0 1 1.699 2.537c.4.952.6 1.955.6 3.007a7.838 7.838 0 0 1-1.08 3.936 7.722 7.722 0 0 1-2.817 2.817 7.84 7.84 0 0 1-3.57 1.067l-.378.013Zm.092-11.01a.79.79 0 0 0 .58-.24c.16-.16.24-.36.24-.599v-.16a.823.823 0 0 0-.24-.59.774.774 0 0 0-.58-.249h-.18a.774.774 0 0 0-.58.25.823.823 0 0 0-.24.59v.159c0 .24.08.44.24.6.16.16.354.24.58.24h.18Zm.16 8.172c.16 0 .296-.057.41-.17a.558.558 0 0 0 .17-.41V8.912a.558.558 0 0 0-.17-.41.558.558 0 0 0-.41-.17h-.5a.558.558 0 0 0-.41.17.558.558 0 0 0-.17.41v5.515c0 .16.057.296.17.41.114.112.25.169.41.169h.5Z' fill='%231B417E'/%3E%3C/svg%3E");
    display: block
}

.website .website-info-icon:active .icon-no-bg,
.website .website-info-icon:hover .icon-bg {
    display: none
}

.website .website-info-icon:active .icon-bg {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.1 7.2c0 .55-.45 1-1 1h-.2c-.55 0-1-.45-1-1V7c0-.55.45-1 1-1h.2c.55 0 1 .45 1 1v.2ZM13 17.3c0 .385-.314.7-.7.7h-.6a.702.702 0 0 1-.7-.7v-6.6c0-.385.315-.7.7-.7h.6c.386 0 .7.315.7.7v6.6Zm9.944-6.425a11.006 11.006 0 0 0-9.82-9.819 11.3 11.3 0 0 0-2.25 0 10.977 10.977 0 0 0-4.117 1.272A11.006 11.006 0 0 0 1 12c0 6.075 4.925 11 11 11 6.076 0 11-4.925 11-11 0-.38-.02-.755-.056-1.125Z' fill='%23122B54'/%3E%3C/svg%3E");
    display: block
}

.component-product-comparison__table__left-column__icon,
.website .info-icon {
    cursor: pointer
}

.component-product-comparison__table__left-column__icon svg,
.website .info-icon svg {
    filter: invert(56%) sepia(85%) saturate(5503%) hue-rotate(205deg) brightness(86%) contrast(90%);
    height: 24px;
    width: 24px
}

.component-product-comparison__table__left-column__icon svg,
.website .info-icon__medium svg {
    height: 24px;
    width: 24px
}

.website .info-icon__small svg {
    height: 20px;
    width: 20px
}

.website .info-icon__xsmall svg {
    height: 16px;
    width: 16px
}

.component-product-comparison__table__left-column__icon:active svg,
.component-product-comparison__table__left-column__icon:hover svg,
.website .info-icon:active svg,
.website .info-icon:hover svg {
    filter: invert(13%) sepia(96%) saturate(1200%) hue-rotate(197deg) brightness(40%) contrast(96%)
}

.header__progress-bar {
    --color-neutral-000: #fff;
    --color-primary-action-900: #122b54;
    --color-primary-interactive-300: #abc4ed;
    --color-secondary-accent-700: #d6005d;
    display: flex;
    justify-content: space-between;
    margin-bottom: var(--spacing-150);
    margin-top: 0;
    padding: var(--spacing-200);
    width: 100%
}

@media (min-width:576px) {
    .header__progress-bar {
        margin-left: 20%;
        padding: 0;
        width: 60%
    }
}

.header__progress-bar__step-container {
    width: 100%
}

.header__progress-bar__step-container .step {
    align-items: center;
    display: flex
}

.header__progress-bar__step-container .step .line {
    border-top: var(--border-l) solid var(--color-primary-interactive-300);
    margin-right: -1px;
    width: 100%
}

.header__progress-bar__step-container .step .line.stepCompleted {
    border-top-color: var(--color-secondary-accent-700)
}

.header__progress-bar__step-container .step .dot {
    background: var(--color-primary-interactive-300);
    border-color: var(--color-primary-interactive-300);
    border-radius: 50%;
    border-style: solid;
    border-width: var(--border-l);
    color: var(--color-primary-interactive-300);
    flex: 0 0 auto;
    height: 16px;
    width: 16px
}

.header__progress-bar__step-container .step .dot.current {
    background: var(--color-neutral-000);
    border-color: var(--color-secondary-accent-700);
    color: var(--color-neutral-000)
}

.header__progress-bar__step-container .step .dot.completed {
    background: var(--color-secondary-accent-700);
    border-color: var(--color-secondary-accent-700);
    color: var(--color-secondary-accent-700)
}

.header__progress-bar__step-container .step-label {
    color: var(--color-primary-action-900);
    font-size: var(--font-size-xxxs);
    line-height: var(--line-height-xxs);
    margin-top: var(--spacing-50);
    text-align: center
}

@media (max-width:992px) {
    .header__progress-bar__step-container .step-label {
        font-size: var(--font-size-xxxxs);
        height: 0;
        line-height: var(--line-height-xxxs);
        overflow: auto;
        position: inherit;
        visibility: hidden
    }

    .header__progress-bar__step-container .step-label.current {
        height: auto;
        visibility: initial
    }
}

.header__progress-bar__step-container .step-label:not(.current) {
    color: var(--color-primary-interactive-300)
}

.header__progress-bar__step-container:first-child,
.header__progress-bar__step-container:last-child {
    width: calc(50% + 8px)
}

.header__progress-bar__step-container:first-child .step-label {
    position: relative;
    right: calc(50% - 8px)
}

@media (max-width:992px) {
    .header__progress-bar__step-container:first-child .step-label {
        width: 200%
    }

    .header__progress-bar__step-container:first-child .step-label.current {
        right: auto;
        text-align: left
    }
}

.header__progress-bar__step-container:last-child .step-label {
    left: calc(50% - 8px);
    position: relative
}

@media (max-width:992px) {
    .header__progress-bar__step-container:last-child .step-label.current {
        left: -100%;
        text-align: right;
        width: 200%
    }
}

body.hideBody>:not(.lottie) {
    opacity: 0
}

#lottie-animation {
    display: block;
    margin: 40vh auto auto;
    max-width: 600px;
    width: 100%
}

#lottie-container {
    align-items: center;
    display: block;
    height: 100vh;
    justify-content: center;
    left: 0;
    margin: 0;
    padding: 0 3.2rem;
    position: absolute;
    top: 0;
    width: 100vw
}

.browserupgrade,
.no-script-notification {
    background: #fae1e5;
    border-radius: .2rem;
    left: 50%;
    margin: 0 auto;
    max-width: 1456px;
    min-width: 320px;
    padding: 2.4rem;
    position: absolute;
    top: 6.5rem;
    transform: translateX(-50%);
    width: calc(100% - 32px);
    z-index: 10000
}

@media (min-width:704px) {

    .browserupgrade,
    .no-script-notification {
        width: calc(100% - 64px)
    }
}

@media (min-width:992px) {

    .browserupgrade,
    .no-script-notification {
        top: 12rem;
        width: calc(100% - 144px)
    }
}

@media (min-width:1456px) {

    .browserupgrade,
    .no-script-notification {
        width: 1312px
    }
}

.browserupgrade i,
.no-script-notification i {
    display: inline-block;
    margin-right: .8rem;
    transform: translateY(.375rem);
    width: 2.4rem
}

.browserupgrade strong,
.no-script-notification strong {
    font-weight: 600
}

.general__website__overlay {
    background-color: var(--color-neutral-800);
    cursor: auto;
    display: none;
    height: 100vh;
    left: 0;
    opacity: 40%;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 7000
}

.general__website__modal {
    background: var(--color-neutral-000);
    border-radius: 4px;
    box-sizing: border-box;
    color: var(--color-primary-action-900);
    display: none;
    height: auto;
    left: 50vw;
    max-height: inherit;
    min-height: inherit;
    min-width: 300px;
    padding: var(--spacing-500) 0;
    position: fixed;
    top: 50vh;
    transform: translate(-50%, -50%);
    width: 90%;
    z-index: 7001
}

@media (min-width:768px) {
    .general__website__modal {
        max-width: 488px
    }
}

@media (min-width:992px) {
    .general__website__modal {
        max-width: 800px
    }
}

.general__website__modal .row {
    max-height: 800px;
    overflow-y: auto
}

.general__website__modal__headline {
    font-size: var(--font-size-m);
    font-weight: 700;
    letter-spacing: .3px;
    line-height: var(--line-height-m);
    margin-bottom: 20px;
    padding: 0 var(--spacing-500)
}

@media (min-width:992px) {
    .general__website__modal__headline {
        font-size: var(--font-size-l)
    }
}

.general__website__modal__headline h1 {
    font-size: var(--font-size-m);
    font-weight: 700;
    letter-spacing: .3px;
    line-height: var(--line-height-m)
}

@media (min-width:992px) {
    .general__website__modal__headline h1 {
        font-size: var(--font-size-l)
    }
}

.general__website__modal__content {
    font-size: var(--font-size-xxs);
    font-weight: 400;
    letter-spacing: .2px;
    line-height: var(--line-height-xs);
    padding: 0 var(--spacing-500)
}

@media (min-width:992px) {
    .general__website__modal__content {
        font-size: var(--font-size-xs)
    }

    .general__website__modal__content__text {
        padding: 0 var(--spacing-200)
    }
}

.general__website__modal__content b,
.general__website__modal__content strong {
    font-weight: 600
}

.general__website__modal__content i {
    font-style: italic
}

.general__website__modal__content h1 {
    font-size: var(--font-size-m);
    font-weight: 700;
    letter-spacing: .3px;
    line-height: var(--line-height-m);
    margin-bottom: var(--spacing-200)
}

@media (min-width:992px) {
    .general__website__modal__content h1 {
        font-size: var(--font-size-l)
    }
}

.general__website__modal__content h1:last-child {
    margin-bottom: 0 !important
}

.general__website__modal__content h2 {
    font-size: var(--font-size-s);
    font-weight: 600;
    letter-spacing: .2px;
    line-height: var(--line-height-s);
    margin-bottom: var(--spacing-200)
}

@media (min-width:992px) {
    .general__website__modal__content h2 {
        font-size: var(--font-size-m);
        line-height: var(--line-height-m)
    }
}

.general__website__modal__content h2:last-child {
    margin-bottom: 0 !important
}

.general__website__modal__content h3 {
    font-size: var(--font-size-xs);
    font-weight: 600;
    letter-spacing: .2px;
    line-height: var(--line-height-xs);
    margin-bottom: var(--spacing-200)
}

@media (min-width:992px) {
    .general__website__modal__content h3 {
        font-size: var(--font-size-s);
        line-height: var(--line-height-s)
    }
}

.general__website__modal__content h3:last-child {
    margin-bottom: 0 !important
}

.general__website__modal__content p {
    margin-bottom: var(--spacing-200)
}

.general__website__modal__content p:last-child {
    margin-bottom: 0 !important
}

.general__website__modal__content ol,
.general__website__modal__content ul {
    margin-bottom: var(--spacing-200);
    word-break: break-word
}

.general__website__modal__content ol:last-child,
.general__website__modal__content ul:last-child {
    margin-bottom: 0 !important
}

.general__website__modal__content ul {
    list-style: disc
}

.general__website__modal__content ol,
.general__website__modal__content ul {
    list-style-position: inside
}

.general__website__modal__content li {
    font-size: var(--font-size-xxxs) !important;
    line-height: var(--line-height-xxs) !important;
    margin-bottom: var(--spacing-100) !important;
    padding-left: 3rem;
    position: relative
}

@media (min-width:992px) {
    .general__website__modal__content li {
        font-size: var(--font-size-xxs) !important;
        line-height: var(--line-height-xs) !important
    }
}

.general__website__modal__content li:last-child {
    margin-bottom: 0 !important
}

.general__website__modal__close {
    background-size: var(--spacing-300) auto;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiM2MTYxNjEiIGQ9Ik0xOSA2LjQgMTcuNiA1IDEyIDEwLjYgNi40IDUgNSA2LjRsNS42IDUuNkw1IDE3LjYgNi40IDE5bDUuNi01LjYgNS42IDUuNiAxLjQtMS40LTUuNi01LjZMMTkgNi40eiIvPjwvc3ZnPg==") no-repeat scroll top;
    border: none;
    cursor: pointer;
    float: right;
    height: var(--spacing-300);
    margin: var(--spacing-200) var(--spacing-200) 0 0;
    position: absolute;
    right: 0;
    top: 0;
    width: var(--spacing-300)
}

.header {
    --color-neutral-000: #fff;
    --color-neutral-250: #d9d9d9;
    --color-primary-brand-050: #f1fafe;
    --color-primary-action-600: #2d6cd2;
    --color-primary-action-900: #122b54;
    --color-primary-interactive-300: #abc4ed;
    position: fixed;
    width: 100%;
    z-index: 11
}

.header__headline {
    background-color: var(--color-neutral-000);
    border-bottom: 2px solid var(--color-neutral-250)
}

.header .container {
    padding: 0
}

.header.open {
    background: #fff;
    position: fixed;
    width: 100%;
    z-index: 1001
}

@media (max-width:991px) {
    .header.open {
        height: 100% !important
    }
}

@media (min-width:992px) {
    .header.open {
        background-color: var(--color-primary-brand-050);
        box-shadow: inset 0 -1px 0 0 #d9d9d9;
        -moz-box-shadow: inset 0 -1px 0 0 #d9d9d9;
        -webkit-box-shadow: inset 0 -1px 0 0 #d9d9d9
    }
}

.header__wrapper {
    align-items: center;
    background: #fff;
    display: flex;
    flex-direction: row;
    padding: var(--spacing-200);
    z-index: 10
}

@media (min-width:992px) {
    .header__wrapper {
        padding: var(--spacing-200) var(--spacing-400)
    }
}

@media (min-width:704px) {
    .header__brand .hide-mobile {
        height: 3.2rem
    }
}

.header__brand svg {
    display: block;
    height: 24px;
    width: auto
}

@media (min-width:992px) {
    .header__brand svg {
        height: 32px
    }

    .header__login {
        margin-left: auto
    }
}

@media (max-width:991px) {
    .header__login {
        display: flex;
        justify-content: flex-end;
        width: 100%
    }
}

.header__login__button {
    border: 0;
    width: auto
}

@media (max-width:991px) {
    .header__login__button {
        margin-right: calc(var(--spacing-200) + var(--spacing-200));
        padding: var(--spacing-50) !important
    }
}

.header__login__button svg {
    color: var(--color-neutral-000);
    height: 16px;
    width: 16px
}

@media (min-width:992px) {
    .header__login__button svg {
        height: 20px;
        width: 20px
    }
}

.header__login__button__text {
    padding-left: var(--spacing-100)
}

@media (max-width:991px) {
    .header__login__button__text {
        display: none
    }
}

.header__user {
    margin-left: auto;
    margin-right: calc(var(--spacing-200) + var(--spacing-200));
    position: relative
}

@media (min-width:992px) {
    .header__user {
        display: flex;
        margin-right: 0
    }
}

.header__user__button {
    flex-flow: row;
    text-transform: uppercase;
    width: auto
}

@media (max-width:992px) {
    .header__user__button {
        padding: var(--spacing-50) !important
    }
}

.header__user__button__icon {
    height: 16px;
    width: 16px
}

@media (min-width:992px) {
    .header__user__button__icon {
        height: 20px;
        width: 20px
    }
}

.header__user__button__icon__user {
    margin-right: var(--spacing-100)
}

.header__user__button__icon__chevron {
    transform: rotate(0deg);
    transition: .15s linear
}

@media (min-width:992px) {
    .header__user__button__icon__chevron {
        margin-left: var(--spacing-100)
    }
}

.header__user__button__icon__chevron__active {
    transform: rotate(180deg)
}

.header__user__login {
    display: none
}

.header__user .header__user-box {
    background: var(--color-neutral-000);
    border-radius: 4px;
    box-shadow: var(--shadow-bottom-100);
    display: none;
    flex-direction: column;
    min-width: 160px;
    padding: var(--spacing-200) var(--spacing-150);
    position: absolute;
    right: 0;
    top: calc(var(--spacing-200) + var(--spacing-50)*2 + var(--border-l)*2);
    z-index: 10
}

@media (min-width:992px) {
    .header__user .header__user-box {
        top: 40px
    }
}

.header__user .header__user-box.open {
    display: flex
}

.header__user .header__user-box__user {
    border-bottom: 1px solid;
    border-color: var(--color-primary-action-900);
    display: flex;
    flex-direction: column;
    padding-bottom: var(--spacing-100)
}

.header__user .header__user-box__user__name {
    color: var(--color-primary-action-900);
    font-size: var(--font-size-xxxs);
    font-style: normal;
    font-weight: 700;
    line-height: var(--line-height-xxs)
}

.header__user .header__user-box__options {
    display: flex;
    flex-flow: column;
    gap: var(--spacing-100);
    padding-top: var(--spacing-100)
}

.header__user .header__user-box__options__log-out a,
.header__user .header__user-box__options__my-account a {
    align-items: center;
    color: var(--color-primary-action-900);
    display: flex
}

.header__user .header__user-box__options__log-out a :hover,
.header__user .header__user-box__options__my-account a :hover {
    color: var(--color-primary-action-600)
}

.header .hide {
    display: none !important
}

.header .hide-mobile {
    display: none
}

@media (min-width:992px) {
    .header .hide-mobile {
        display: inline-block
    }
}

@media (max-width:991px) {
    .header .hide-tablet {
        display: none
    }
}

@media (min-width:992px) {
    .header .hide-desktop {
        display: none
    }
}

.header .logo-bn svg {
    width: 21.25rem
}

.header .form-button {
    margin-left: auto
}

@media (min-width:992px) {
    .header .form-button {
        padding-right: 1.6rem
    }
}

.header .form-button input {
    background: #fff;
    border: none;
    padding: 0
}

.header .form-button i {
    margin-left: auto;
    max-width: 0;
    padding: 0;
    width: 0
}

.header .form-button.row {
    margin-left: 0
}

.header .form-redirect {
    -webkit-appearance: button
}

.header .account-broker {
    display: none
}

.header__mobile-layer {
    background: #fff;
    display: none;
    flex-direction: column;
    height: calc(100vh - 48px);
    left: 0;
    overflow-x: hidden;
    position: fixed;
    top: 56px;
    width: 100%;
    z-index: 10
}

@media (min-width:992px) {
    .header__mobile-layer {
        background: none;
        display: flex;
        flex-direction: row;
        height: auto;
        justify-content: space-between;
        overflow: visible;
        position: inherit;
        width: auto
    }

    .header__mobile-layer .button,
    .header__mobile-layer .footer__bottom-line {
        display: none
    }
}

.header__mobile-layer--open {
    display: flex
}

.header .menu-toggle {
    align-items: center;
    cursor: pointer;
    display: flex;
    position: absolute;
    right: var(--spacing-150)
}

@media (min-width:992px) {
    .header .menu-toggle {
        display: none
    }
}

.header .menu-toggle .icon-bars,
.header .menu-toggle .icon-cross {
    height: 24px;
    width: 24px
}

.header .menu-toggle .icon-bars {
    color: var(--color-primary-action-900)
}

.header .menu-toggle .icon-cross {
    color: var(--color-primary-action-600);
    display: none
}

.header .menu-toggle--active .icon-bars {
    display: none
}

.header .menu-toggle--active .icon-cross {
    display: block
}

.header__nav__first-level {
    height: 100%;
    overflow: auto
}

@media (min-width:992px) {
    .header__nav__first-level {
        display: flex;
        overflow: hidden
    }
}

.header__nav__first-level__list:last-child {
    border-bottom: 1px solid #eeeff3
}

@media (min-width:992px) {
    .header__nav__first-level__list:last-child {
        border-bottom: none
    }
}

.header__nav__first-level__item {
    border-top: 1px solid #eeeff3;
    color: var(--color-primary-action-900);
    cursor: pointer;
    display: flex;
    font-size: var(--font-size-xxs);
    font-weight: 600;
    justify-content: space-between;
    line-height: var(--line-height-xs);
    padding: var(--spacing-200);
    text-transform: uppercase
}

@media (min-width:992px) {
    .header__nav__first-level__item {
        align-items: center;
        border-top: none;
        cursor: pointer;
        height: 100%;
        margin-bottom: 0;
        padding-bottom: var(--spacing-100);
        padding-left: var(--spacing-500);
        padding-top: var(--spacing-100);
        transition: .15s linear
    }

    .header__nav__first-level__item p {
        white-space: nowrap
    }
}

.header__nav__first-level__item:last-child {
    margin-bottom: 0
}

.header__nav__first-level__item .underline {
    border-bottom: 2px solid transparent
}

.header__nav__first-level__item:hover {
    color: var(--color-primary-action-600)
}

.header__nav__first-level__item:hover svg {
    stroke: var(--color-primary-action-600)
}

@media (min-width:992px) {
    .header__nav__first-level__item:hover .underline {
        border-bottom: 2px solid var(--color-primary-action-600)
    }
}

.header__nav__first-level__item a:hover,
.header__nav__first-level__item.open {
    color: var(--color-primary-action-600)
}

@media (max-width:991px) {
    .header__nav__first-level__item.open {
        border-left: 2px solid var(--color-primary-action-600)
    }
}

.header__nav__first-level__item.open svg {
    stroke: var(--color-primary-action-600);
    transform: rotate(180deg)
}

@media (min-width:992px) {
    .header__nav__first-level__item.open .underline {
        border-bottom: 2px solid var(--color-primary-action-600)
    }
}

.header__nav__first-level__item svg {
    color: var(--color-primary-action-900);
    margin-left: var(--spacing-100);
    transition: all .25s linear
}

@media (max-width:991px) {
    .header__nav__first-level__item svg {
        height: 16px;
        width: 16px
    }
}

.header__nav__first-level__item__underline {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.header__nav__second-level {
    padding: 0 1.6rem
}

@media (min-width:992px) {
    .header__nav__second-level {
        display: flex;
        max-width: 1456px;
        padding: var(--spacing-300) var(--spacing-400)
    }
}

.header__nav__second-level__list {
    border-bottom: 1px solid #eeeff3
}

.header__nav__second-level__list:last-child {
    border-bottom: none
}

@media (max-width:991px) {
    .header__nav__second-level__list {
        width: 100% !important
    }
}

@media (min-width:992px) {
    .header__nav__second-level__list {
        border-bottom: none;
        max-width: 18.4rem;
        padding-right: 3.2rem
    }
}

.header__nav__second-level__item {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: var(--font-size-xxs);
    font-weight: 700;
    justify-content: space-between;
    line-height: var(--line-height-xs);
    padding: 1.6rem 0;
    text-transform: uppercase
}

@media (max-width:991px) {
    .header__nav__second-level__item:hover {
        color: var(--color-primary-action-600)
    }

    .header__nav__second-level__item:hover svg {
        stroke: var(--color-primary-action-600)
    }

    .header__nav__second-level__item.open {
        color: var(--color-primary-action-600)
    }

    .header__nav__second-level__item.open svg {
        stroke: var(--color-primary-action-600);
        transform: rotate(180deg)
    }

    .header__nav__second-level__item svg {
        height: 1.6rem;
        margin-left: 1rem;
        transition: all .5s linear;
        width: 1.6rem
    }
}

@media (min-width:992px) {
    .header__nav__second-level__item {
        cursor: unset;
        font-weight: 600;
        padding-bottom: 16px;
        padding-top: 0;
        transition: .15s linear
    }

    .header__nav__second-level__item__icon {
        display: none
    }

    .header__nav__third-level {
        padding-bottom: 1.6rem
    }
}

.header__nav__third-level__item {
    color: var(--color-primary-action-900);
    cursor: pointer;
    display: block;
    font-size: var(--font-size-xxs);
    font-style: normal;
    font-weight: 400;
    -webkit-hyphens: auto;
    hyphens: auto;
    line-height: var(--line-height-xs);
    padding-bottom: var(--spacing-200);
    transition: .15s linear
}

.header__nav__third-level__item:hover {
    color: var(--color-primary-action-600)
}

.header__nav__second-level-flyout,
.header__nav__third-level-flyout {
    height: 0;
    overflow: hidden
}

.header__nav__second-level-flyout.open,
.header__nav__third-level-flyout.open {
    height: auto;
    overflow: visible
}

@media (max-width:991px) {

    .header__nav__second-level-flyout,
    .header__nav__third-level-flyout {
        background-color: var(--color-primary-brand-050)
    }
}

.header__nav__second-level-flyout.open {
    border-top: 1px solid var(--color-primary-interactive-300)
}

@media (min-width:992px) {
    .header__nav__second-level-flyout.open {
        border-top: none
    }

    .header__nav__second-level-flyout {
        display: none;
        min-width: 50%;
        opacity: 0;
        position: absolute
    }

    .header__nav__second-level-flyout.open {
        display: block;
        opacity: 1
    }

    .header__nav__third-level-flyout {
        display: block;
        height: auto;
        opacity: 1;
        right: 0;
        top: 0
    }
}

.header__action__user-profile {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.header__action__user-profile i {
    display: flex;
    margin-right: 1.6rem
}

.header__action__user-profile i svg {
    height: 1.6rem;
    width: 1.6rem
}

.header #mobileAccount {
    border-radius: .4rem;
    bottom: 9.6rem;
    margin: 0 3.2rem;
    position: fixed
}

@media (min-width:504px) {
    .header #mobileAccount {
        bottom: 3.2rem
    }
}

.header #mobileLogout {
    border-radius: .4rem;
    bottom: 3.2rem;
    margin: 0 3.2rem;
    position: fixed
}

@media (min-width:504px) {
    .header #mobileLogout {
        right: 0
    }

    .header .small-button {
        width: 35% !important
    }
}

.footer .container {
    padding: var(--spacing-500) var(--spacing-200) var(--spacing-300) var(--spacing-200)
}

@media (min-width:576px) {
    .footer .container {
        padding: var(--spacing-500) var(--spacing-400)
    }
}

.footer .container .col-12 {
    padding-left: 0;
    padding-right: 0
}

@media (min-width:576px) {
    .footer .container .col-12 {
        padding-left: var(--spacing-100);
        padding-right: var(--spacing-100)
    }
}

.footer__nav ul {
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-gap: var(--spacing-400);
    column-gap: var(--spacing-400);
    margin-bottom: var(--spacing-500);
    max-width: 100%
}

@media (min-width:576px) {
    .footer__nav ul {
        -moz-column-count: 3;
        column-count: 3;
        -moz-column-gap: auto;
        column-gap: auto;
        margin-bottom: var(--spacing-400)
    }

    .footer__nav ul>li {
        max-width: 196px
    }
}

@media (min-width:992px) {
    .footer__nav ul {
        -moz-column-count: 2;
        column-count: 2;
        -moz-column-gap: var(--spacing-500);
        column-gap: var(--spacing-500);
        margin-bottom: 0;
        max-width: calc(392px + var(--spacing-500))
    }
}

.footer__nav ul li {
    color: var(--color-primary-action-900);
    font-size: var(--font-size-xxs);
    font-weight: 600;
    line-height: var(--line-height-xs);
    margin-bottom: var(--spacing-200);
    max-width: 196px
}

.footer__breadcrumb-mobile {
    margin-top: var(--spacing-400)
}

@media (min-width:768px) {
    .footer__breadcrumb-mobile {
        margin-left: var(--spacing-100)
    }
}

@media (min-width:992px) {
    .footer__breadcrumb-mobile {
        display: none
    }
}

.footer__links-images {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-500);
    padding-right: 0
}

@media (min-width:576px) {
    .footer__links-images {
        flex-direction: row-reverse;
        gap: var(--spacing-400);
        justify-content: space-between
    }
}

@media (min-width:992px) {
    .footer__links-images {
        align-items: end;
        flex-direction: column
    }
}

.footer .social-links {
    display: flex;
    flex-shrink: 0
}

.footer .social-links ul {
    border-radius: 36px;
    display: inline-block;
    height: 38px;
    transition: background .3s ease-in
}

.footer .social-links ul li {
    border-radius: var(--spacing-400);
    cursor: pointer;
    display: inline-block;
    margin: 4px
}

.footer .social-links ul li svg {
    height: var(--spacing-400);
    width: var(--spacing-400)
}

@media (min-width:992px) {
    .footer .social-links ul:hover {
        background-color: var(--color-primary-action-800)
    }
}

.footer .ioc-partnership-image {
    flex: 1;
    max-width: calc(var(--spacing-1000)*4);
    text-align: left;
    width: 75%
}

.footer .links-container {
    border-top: 1px solid var(--color-neutral-250);
    display: flex;
    gap: var(--spacing-400);
    justify-content: space-between;
    margin-top: var(--spacing-500);
    padding: var(--spacing-200) 0 0 0
}

@media (min-width:576px) {
    .footer .links-container {
        padding: var(--spacing-200) var(--spacing-100) 0 var(--spacing-100)
    }
}

.footer .links-container .breadcrumb {
    display: none
}

@media (min-width:992px) {
    .footer .links-container .breadcrumb {
        display: flex
    }
}

.footer .breadcrumb {
    color: var(--color-primary-action-900);
    display: flex;
    flex: 2;
    flex-wrap: wrap;
    font-size: var(--font-size-xxxs);
    font-weight: 600;
    line-height: var(--line-height-xxs)
}

.footer .breadcrumb li {
    display: flex
}

.footer .breadcrumb li:after {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.256 9.41 8.923 6.078a.832.832 0 1 0-1.179 1.179L10.49 10l-2.745 2.744a.832.832 0 1 0 1.179 1.178l3.333-3.333a.832.832 0 0 0 0-1.178Z' fill='currentColor'/%3E%3C/svg%3E");
    height: 20px;
    overflow: hidden;
    width: 20px
}

.footer .breadcrumb li:last-child:after {
    display: none
}

.footer .legal-links {
    display: inline-block;
    flex: 3
}

@media (min-width:992px) {
    .footer .legal-links {
        text-align: end
    }
}

.footer .legal-links li {
    color: var(--color-primary-action-900);
    display: inline-block;
    font-size: 14px
}

.footer .legal-links li:not(:last-child) {
    margin-right: var(--spacing-300)
}

@media (min-width:992px) {
    .footer .legal-links li:not(:last-child) {
        margin-right: 0
    }

    .footer .legal-links li:not(:first-child) {
        margin-left: var(--spacing-300)
    }
}

.footer .legalText {
    color: var(--color-neutral-650);
    margin-top: var(--spacing-400)
}

.footer .legalText a {
    color: var(--color-primary-action-600);
    font-weight: 600
}

.footer .legalText a:hover {
    color: var(--color-primary-action-600);
    text-decoration: underline
}

.footer .legalText a:active {
    color: var(--color-primary-action-900);
    text-decoration: underline
}

.footer .legalText b {
    font-weight: 600
}

.footer .legalText p {
    font-size: var(--font-size-xxxs);
    line-height: var(--line-height-xxs)
}

@media (max-width:703px) {
    .component-review .container {
        padding: 0 1.6rem
    }
}

.component-review .row {
    display: block
}

@media (min-width:992px) {
    .component-review .row {
        display: flex
    }
}

.component-review--blue-violet .component-review__background {
    background: #e1cfeb
}

@media (min-width:704px) {
    .component-review--blue-violet .component-review__background {
        background: linear-gradient(-90deg, #003781, #003781 22rem, #e1cfeb 0);
        box-shadow: 31.25rem 0 0 #003781
    }
}

@media (min-width:992px) {
    .component-review--blue-violet .component-review__background {
        background: linear-gradient(-90deg, #003781, #003781 15rem, #e1cfeb 0)
    }
}

@media (min-width:1280px) {
    .component-review--blue-violet .component-review__background {
        background: linear-gradient(-90deg, #003781, #003781 24rem, #e1cfeb 0)
    }
}

.component-review--blue-violet .component-review__circle-right {
    background-color: #003781
}

@media (min-width:704px) {
    .component-review--blue-violet .component-review__circle-right {
        background-color: #e1cfeb
    }
}

.component-review--blue-blue .component-review__background {
    background: #96dcfa
}

@media (min-width:704px) {
    .component-review--blue-blue .component-review__background {
        background: linear-gradient(-90deg, #003781, #003781 22rem, #96dcfa 0);
        box-shadow: 31.25rem 0 0 #003781
    }
}

@media (min-width:992px) {
    .component-review--blue-blue .component-review__background {
        background: linear-gradient(-90deg, #003781, #003781 15rem, #96dcfa 0)
    }
}

@media (min-width:1280px) {
    .component-review--blue-blue .component-review__background {
        background: linear-gradient(-90deg, #003781, #003781 24rem, #96dcfa 0)
    }
}

.component-review--blue-blue .component-review__circle-right {
    background-color: #003781
}

@media (min-width:704px) {
    .component-review--blue-blue .component-review__circle-right {
        background-color: #96dcfa
    }
}

.component-review--blue-green .component-review__background {
    background: #c0ddbd
}

@media (min-width:704px) {
    .component-review--blue-green .component-review__background {
        background: linear-gradient(-90deg, #003781, #003781 22rem, #c0ddbd 0);
        box-shadow: 31.25rem 0 0 #003781
    }
}

@media (min-width:992px) {
    .component-review--blue-green .component-review__background {
        background: linear-gradient(-90deg, #003781, #003781 15rem, #c0ddbd 0)
    }
}

@media (min-width:1280px) {
    .component-review--blue-green .component-review__background {
        background: linear-gradient(-90deg, #003781, #003781 24rem, #c0ddbd 0)
    }
}

.component-review--blue-green .component-review__circle-right {
    background-color: #003781
}

@media (min-width:704px) {
    .component-review--blue-green .component-review__circle-right {
        background-color: #c0ddbd
    }
}

.component-review--blue-blue-bright .component-review__background {
    background: #c1ebfb
}

@media (min-width:704px) {
    .component-review--blue-blue-bright .component-review__background {
        background: linear-gradient(-90deg, #96dcfa, #96dcfa 22rem, #c1ebfb 0);
        box-shadow: 31.25rem 0 0 #96dcfa
    }
}

@media (min-width:992px) {
    .component-review--blue-blue-bright .component-review__background {
        background: linear-gradient(-90deg, #96dcfa, #96dcfa 15rem, #c1ebfb 0)
    }
}

@media (min-width:1280px) {
    .component-review--blue-blue-bright .component-review__background {
        background: linear-gradient(-90deg, #96dcfa, #96dcfa 24rem, #c1ebfb 0)
    }
}

.component-review--blue-blue-bright .component-review__circle-right {
    background-color: #96dcfa
}

@media (min-width:704px) {
    .component-review--blue-blue-bright .component-review__circle-right {
        background-color: #c1ebfb
    }
}

.component-review--violet-violet .component-review__background {
    background: #fbf2f4
}

@media (min-width:704px) {
    .component-review--violet-violet .component-review__background {
        background: linear-gradient(-90deg, #e1cfeb, #e1cfeb 22rem, #fbf2f4 0);
        box-shadow: 31.25rem 0 0 #e1cfeb
    }
}

@media (min-width:992px) {
    .component-review--violet-violet .component-review__background {
        background: linear-gradient(-90deg, #e1cfeb, #e1cfeb 15rem, #fbf2f4 0)
    }
}

@media (min-width:1280px) {
    .component-review--violet-violet .component-review__background {
        background: linear-gradient(-90deg, #e1cfeb, #e1cfeb 24rem, #fbf2f4 0)
    }
}

.component-review--violet-violet .component-review__circle-right {
    background-color: #e1cfeb
}

@media (min-width:704px) {
    .component-review--violet-violet .component-review__circle-right {
        background-color: #fbf2f4
    }
}

.component-review--orange-orange .component-review__background {
    background: #f7caab
}

@media (min-width:704px) {
    .component-review--orange-orange .component-review__background {
        background: linear-gradient(-90deg, #f86200, #f86200 22rem, #f7caab 0);
        box-shadow: 31.25rem 0 0 #f86200
    }
}

@media (min-width:992px) {
    .component-review--orange-orange .component-review__background {
        background: linear-gradient(-90deg, #f86200, #f86200 15rem, #f7caab 0)
    }
}

@media (min-width:1280px) {
    .component-review--orange-orange .component-review__background {
        background: linear-gradient(-90deg, #f86200, #f86200 24rem, #f7caab 0)
    }
}

.component-review--orange-orange .component-review__circle-right {
    background-color: #f86200
}

@media (min-width:704px) {
    .component-review--orange-orange .component-review__circle-right {
        background-color: #f7caab
    }
}

.component-review--orange-orange-bright .component-review__background {
    background: #ffe8b0
}

@media (min-width:704px) {
    .component-review--orange-orange-bright .component-review__background {
        background: linear-gradient(-90deg, #f86200, #f86200 22rem, #ffe8b0 0);
        box-shadow: 31.25rem 0 0 #f86200
    }
}

@media (min-width:992px) {
    .component-review--orange-orange-bright .component-review__background {
        background: linear-gradient(-90deg, #f86200, #f86200 15rem, #ffe8b0 0)
    }
}

@media (min-width:1280px) {
    .component-review--orange-orange-bright .component-review__background {
        background: linear-gradient(-90deg, #f86200, #f86200 24rem, #ffe8b0 0)
    }
}

.component-review--orange-orange-bright .component-review__circle-right {
    background-color: #f86200
}

@media (min-width:704px) {
    .component-review--orange-orange-bright .component-review__circle-right {
        background-color: #ffe8b0
    }
}

.component-review--yellow-yellow .component-review__background {
    background: #ffe8b0
}

@media (min-width:704px) {
    .component-review--yellow-yellow .component-review__background {
        background: linear-gradient(-90deg, #fdd25c, #fdd25c 22rem, #ffe8b0 0);
        box-shadow: 31.25rem 0 0 #fdd25c
    }
}

@media (min-width:992px) {
    .component-review--yellow-yellow .component-review__background {
        background: linear-gradient(-90deg, #fdd25c, #fdd25c 15rem, #ffe8b0 0)
    }
}

@media (min-width:1280px) {
    .component-review--yellow-yellow .component-review__background {
        background: linear-gradient(-90deg, #fdd25c, #fdd25c 24rem, #ffe8b0 0)
    }
}

.component-review--yellow-yellow .component-review__circle-right {
    background-color: #fdd25c
}

@media (min-width:704px) {
    .component-review--yellow-yellow .component-review__circle-right {
        background-color: #ffe8b0
    }
}

.component-review--green-green .component-review__background {
    background: #c0ddbd
}

@media (min-width:704px) {
    .component-review--green-green .component-review__background {
        background: linear-gradient(-90deg, #407d71, #407d71 22rem, #c0ddbd 0);
        box-shadow: 31.25rem 0 0 #407d71
    }
}

@media (min-width:992px) {
    .component-review--green-green .component-review__background {
        background: linear-gradient(-90deg, #407d71, #407d71 15rem, #c0ddbd 0)
    }
}

@media (min-width:1280px) {
    .component-review--green-green .component-review__background {
        background: linear-gradient(-90deg, #407d71, #407d71 24rem, #c0ddbd 0)
    }
}

.component-review--green-green .component-review__circle-right {
    background-color: #407d71
}

@media (min-width:704px) {
    .component-review--green-green .component-review__circle-right {
        background-color: #c0ddbd
    }
}

.component-review__background {
    align-items: center;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative
}

@media (min-width:704px) {
    .component-review__background {
        flex-direction: row-reverse;
        height: 40rem;
        justify-content: flex-end
    }
}

.component-review .outside-copy {
    margin-bottom: 3.2rem;
    text-align: center
}

@media (min-width:704px) {
    .component-review .outside-copy {
        align-self: center;
        text-align: left
    }
}

@media (min-width:992px) {
    .component-review .outside-copy {
        margin: 0
    }
}

.component-review .outside-copy__stars,
.component-review .outside-copy__top-line {
    margin-bottom: 2.4rem
}

.component-review .outside-copy__stars__link {
    display: flex
}

.component-review .outside-copy__stars__link:hover {
    cursor: pointer
}

.component-review .outside-copy>ul {
    display: flex;
    justify-content: center;
    margin-bottom: 1.6rem
}

@media (min-width:704px) {
    .component-review .outside-copy>ul {
        justify-content: flex-start
    }
}

.component-review .outside-copy>ul i {
    display: inline-block;
    margin: 0 1.6rem 0 0;
    width: 3.2rem
}

.component-review .outside-copy>ul i .svg-half {
    bottom: 50%;
    right: 50%;
    width: 26px
}

.component-review .inside-copy {
    align-items: center;
    align-self: normal;
    display: flex;
    flex-direction: column;
    height: auto;
    margin-bottom: 6.4rem;
    margin-top: 4.8rem;
    order: 2;
    padding: 0 1.6rem;
    text-align: center;
    width: 100%
}

.component-review .inside-copy .recommended {
    width: 100%
}

@media (min-width:704px) {
    .component-review .inside-copy {
        align-items: flex-start;
        margin-right: 3.2rem;
        margin-top: 4.8rem;
        order: 0;
        padding-left: 0;
        text-align: left;
        width: 50%
    }

    .component-review .inside-copy .recommended__bottom-line {
        font-size: 1.8rem;
        line-height: 2.8rem
    }
}

@media (min-width:992px) {
    .component-review .inside-copy {
        padding-left: 5.6rem
    }
}

@media (min-width:704px) {
    .component-review .inside-copy .percent {
        margin-bottom: 3.2rem
    }
}

.component-review .inside-copy .percent__number {
    font-size: 3.2rem;
    font-weight: 600;
    line-height: 4rem
}

@media (min-width:704px) {
    .component-review .inside-copy .percent__number {
        font-size: 13.6rem;
        font-weight: 600;
        line-height: 11.2rem
    }
}

.component-review .inside-copy .percent__percent-symbol {
    font-size: 3.2rem;
    font-weight: 600
}

@media (min-width:704px) {
    .component-review .inside-copy .percent__percent-symbol {
        font-size: 4rem
    }
}

.component-review .inside-copy .recommended__top-line {
    display: block;
    font-weight: 700;
    line-height: 3.2rem;
    margin-bottom: 1.6rem
}

.component-review__circle-wrapper {
    display: flex;
    height: 24rem;
    justify-content: center;
    margin-bottom: 3.2rem;
    margin-top: 3.2rem;
    min-height: 24rem;
    min-width: 24rem;
    width: 24rem
}

@media (min-width:704px) {
    .component-review__circle-wrapper {
        margin: 0 7rem 0 0;
        position: absolute;
        right: 3rem;
        top: 50%;
        transform: translateY(-50%)
    }
}

@media (min-width:992px) {
    .component-review__circle-wrapper {
        margin-right: 0
    }
}

@media (min-width:1280px) {
    .component-review__circle-wrapper {
        right: 12rem
    }
}

.component-review__circle-left {
    width: 50%
}

.component-review__circle-left picture {
    border-radius: 20rem 0 0 20rem;
    display: block;
    height: 100%;
    overflow: hidden
}

.component-review__circle-left picture img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.component-review__circle-right {
    border-radius: 0 20rem 20rem 0;
    position: relative;
    width: 50%
}

.component-review__circle-right picture {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 125%
}

.component-review__circle-right picture img {
    display: block
}

.component-review--v2 .row {
    align-items: left;
    flex-direction: column
}

@media (min-width:992px) {
    .component-review--v2 .row {
        align-items: center;
        flex-direction: row
    }
}

.component-review--v2 .outside-copy {
    align-self: auto
}

.component-review--v2 .component-review__background {
    background: none;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    height: auto;
    overflow: visible
}

@media (min-width:704px) {
    .component-review--v2 .component-review__background {
        flex-direction: row;
        justify-content: space-between
    }
}

.component-review--v2 .component-review__background .inside-copy .recommended__bottom-line {
    max-width: none
}

.component-review--v2 .component-review__background .shape {
    height: 30rem;
    min-height: 24rem;
    min-width: 24rem;
    width: 30rem
}

@media (min-width:704px) {
    .component-review--v2 .component-review__background .shape {
        margin-bottom: 5.6rem
    }
}

@media (max-width:575px) {
    .component-product {
        align-items: flex-end;
        display: flex;
        flex-direction: column;
        gap: 32px;
        padding-bottom: 0
    }
}

@media (min-width:992px) {
    .component-product .container {
        align-items: center;
        display: flex;
        padding: 0
    }
}

.component-product .container--yellow {
    background: var(--color-secondary-trigger-300)
}

.component-product .container--dark-blue {
    background: var(--color-primary-action-800)
}

.component-product .container--light-blue {
    background: var(--color-primary-brand-350)
}

.component-product .container--white {
    background: var(--color-neutral-000)
}

.component-product .container__image {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0
}

@media (min-width:992px) {
    .component-product .container__image--left {
        flex-direction: row-reverse;
        padding-right: var(--spacing-400)
    }

    .component-product .container__image--right {
        flex-direction: row;
        padding-left: var(--spacing-400)
    }
}

.component-product .container__text {
    padding: 0
}

.component-product__text {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-200);
    justify-content: center;
    padding: 0 var(--spacing-200) var(--spacing-400) var(--spacing-200)
}

.component-product__text__blue {
    color: var(--color-primary-action-900)
}

.component-product__text__white {
    color: var(--color-neutral-000)
}

@media (min-width:992px) {
    .component-product__text {
        flex: 1 0 0;
        flex-direction: row;
        padding: 0 var(--spacing-400)
    }
}

.component-product__button {
    align-items: center;
    border-radius: var(--border-radius-m);
    cursor: pointer;
    display: flex;
    gap: var(--spacing-100);
    padding: var(--spacing-150) var(--spacing-400)
}

.component-product__button__blue {
    background: var(--color-primary-action-800);
    color: var(--color-neutral-000)
}

.component-product__button__yellow {
    background: var(--color-secondary-trigger-600);
    color: var(--color-primary-action-900)
}

@media (max-width:575px) {
    .component-product__button {
        align-self: stretch;
        flex-direction: column;
        gap: var(--spacing-200)
    }
}

@media (min-width:576px) {
    .component-product__button {
        align-self: center;
        width: 320px
    }
}

@media (min-width:992px) {
    .component-product__button {
        align-self: auto;
        flex-shrink: 0;
        justify-content: center;
        padding: var(--spacing-200) var(--spacing-600);
        width: 320px
    }
}

.component-product__button a {
    font-size: var(--font-size-xxs);
    font-style: normal;
    font-weight: 600;
    letter-spacing: .2px;
    line-height: var(--line-height-xs);
    text-transform: uppercase
}

@media (min-width:992px) {
    .component-product__button a {
        font-size: var(--font-size-xs);
        line-height: var(--line-height-m)
    }
}

.component-product__text-button {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-300);
    justify-content: center;
    padding: var(--spacing-400) var(--spacing-200);
    width: 100%
}

@media (min-width:992px) {
    .component-product__text-button {
        flex: 1 0 0;
        padding: var(--spacing-400)
    }
}

@media (min-width:576px) {
    .component-product__text-button--text-only {
        align-items: center;
        flex-direction: row;
        justify-content: space-between;
        padding: var(--spacing-600) var(--spacing-400) var(--spacing-600) var(--spacing-800)
    }
}

.component-product__text-button__headline {
    align-items: center;
    align-self: center;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-100)
}

.component-product__text-button__headline__blue {
    color: var(--color-primary-action-900)
}

.component-product__text-button__headline__white {
    color: var(--color-neutral-000)
}

@media (min-width:992px) {
    .component-product__text-button__headline {
        align-self: flex-start;
        gap: var(--spacing-200)
    }
}

.component-product__text-button__headline h2 {
    align-self: stretch;
    font-size: var(--font-size-xxl);
    font-style: italic;
    font-weight: 700;
    letter-spacing: .3px;
    line-height: var(--line-height-xl);
    text-align: center;
    text-transform: uppercase
}

@media (min-width:992px) {
    .component-product__text-button__headline h2 {
        font-size: var(--font-size-xxxl);
        line-height: var(--line-height-xxl);
        text-align: left
    }
}

.component-product__text-button__headline p {
    align-self: stretch;
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 400;
    letter-spacing: .2px;
    line-height: var(--line-height-s);
    text-align: center
}

@media (min-width:992px) {
    .component-product__text-button__headline p {
        font-size: var(--font-size-m);
        line-height: var(--line-height-m);
        text-align: left
    }
}

@media (min-width:576px) {

    .component-product__text-button__headline--text-only h2,
    .component-product__text-button__headline--text-only p {
        text-align: left
    }
}

.component-product__text-button__container {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-300);
    justify-content: center;
    width: 100%
}

@media (min-width:576px) {
    .component-product__text-button__container {
        flex-direction: row;
        flex-wrap: wrap;
        gap: var(--spacing-400)
    }
}

@media (min-width:992px) {
    .component-product__text-button__container {
        justify-content: flex-start
    }
}

@media (min-width:576px) {
    .component-product__text-button__container--text-only {
        justify-content: flex-end
    }
}

.component-product__text-button__button {
    order: 1;
    text-align: center
}

@media (min-width:992px) {
    .component-product__text-button__button__blue.component-button-modification a {
        font-size: var(--font-size-xs);
        line-height: var(--line-height-xs);
        padding: var(--spacing-200) var(--spacing-600)
    }

    .component-product__text-button__button__blue--secondary.component-button-modification {
        order: 0
    }

    .component-product__text-button__button__blue--secondary.component-button-modification a,
    .component-product__text-button__button__yellow.component-button-modification a {
        font-size: var(--font-size-xs);
        line-height: var(--line-height-xs);
        padding: var(--spacing-200) var(--spacing-600)
    }

    .component-product__text-button__button__yellow--secondary.component-button-modification {
        order: 0
    }

    .component-product__text-button__button__yellow--secondary.component-button-modification a {
        font-size: var(--font-size-xs);
        line-height: var(--line-height-xs);
        padding: var(--spacing-200) var(--spacing-600)
    }
}

@media (max-width:575px) {
    .component-product__text-button__button {
        align-self: stretch;
        flex-direction: column;
        gap: var(--spacing-200)
    }
}

@media (min-width:576px) {
    .component-product__text-button__button {
        align-self: center;
        max-width: 320px;
        min-width: 320px;
        width: 100%
    }
}

@media (min-width:992px) {
    .component-product__text-button__button {
        align-self: auto;
        justify-content: center
    }
}

@media (min-width:576px) {
    .component-product__text-button__button--fixed-width {
        max-width: 240px;
        min-width: 240px
    }
}

@media (min-width:992px) {
    .component-product__text-button__button--fixed-width {
        max-width: 320px;
        min-width: 320px
    }
}

.component-product__image {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    justify-content: flex-end;
    width: 100%
}

@media (min-width:992px) {
    .component-product__image {
        align-self: flex-start;
        flex-direction: row;
        order: 1;
        width: auto
    }
}

.component-product__image--image-left {
    padding-right: var(--spacing-200)
}

@media (min-width:576px) {
    .component-product__image--image-left {
        padding-right: var(--spacing-600)
    }
}

@media (min-width:992px) {
    .component-product__image--image-left {
        padding-right: 0
    }
}

@media (min-width:576px) {
    .component-product__image--image-left picture {
        -webkit-clip-path: polygon(0 0, 100% 0, 95% 100%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 95% 100%, 0 100%)
    }
}

@media (min-width:992px) {
    .component-product__image--image-left picture {
        -webkit-clip-path: polygon(0 0, 100% 0, 81% 100%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 81% 100%, 0 100%)
    }
}

.component-product__image--image-right {
    padding-left: var(--spacing-200)
}

@media (min-width:576px) {
    .component-product__image--image-right {
        padding-left: var(--spacing-600)
    }
}

@media (min-width:992px) {
    .component-product__image--image-right {
        padding-left: 0
    }
}

@media (min-width:576px) {
    .component-product__image--image-right picture {
        -webkit-clip-path: polygon(5% 0, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(5% 0, 100% 0, 100% 100%, 0 100%)
    }
}

@media (min-width:992px) {
    .component-product__image--image-right picture {
        -webkit-clip-path: polygon(19% 0, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(19% 0, 100% 0, 100% 100%, 0 100%)
    }
}

.component-product__image picture img {
    max-height: 100%
}

@media (min-width:576px) {
    .component-product__image picture img {
        height: auto;
        max-height: 100%;
        width: 100%
    }
}

@media (min-width:992px) {
    .component-product__image picture img {
        height: 368px;
        width: auto
    }
}

.component-product__image-computer {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    justify-content: flex-end;
    max-width: 360px
}

@media (min-width:992px) {
    .component-product__image-computer {
        display: flex;
        flex-direction: column;
        flex-shrink: 0;
        justify-content: flex-end;
        order: 1;
        width: 456px
    }
}

.component-steps .container {
    padding: var(--spacing-400) var(--spacing-200)
}

@media (min-width:576px) {
    .component-steps .container {
        padding-bottom: var(--spacing-600);
        padding-top: var(--spacing-600)
    }
}

.component-steps__list {
    display: flex;
    flex-direction: column;
    margin: calc(var(--spacing-400)*-1) 0
}

@media (min-width:992px) {
    .component-steps__list {
        max-width: 1006px
    }
}

@media (min-width:576px) {
    .component-steps__list {
        flex-direction: row;
        margin: 0 auto
    }
}

.component-steps__list__item {
    align-items: stretch;
    display: flex;
    flex: 1;
    flex-direction: row;
    gap: var(--spacing-200)
}

@media (min-width:576px) {
    .component-steps__list__item {
        flex-direction: column
    }
}

.component-steps__list__item__step {
    align-items: center;
    display: flex;
    flex-direction: column
}

@media (min-width:576px) {
    .component-steps__list__item__step {
        flex-direction: row;
        height: auto;
        width: 100%
    }
}

.component-steps__list__item__step__line {
    background-color: var(--color-secondary-accent-700);
    display: block;
    flex: 1;
    width: var(--border-xl)
}

@media (min-width:576px) {
    .component-steps__list__item__step__line {
        flex: unset;
        height: var(--border-xl);
        width: 100%
    }
}

.component-steps__list__item__step__number {
    align-items: center;
    background-color: var(--color-secondary-accent-700);
    border-radius: 50%;
    color: var(--color-neutral-000);
    display: flex;
    flex-shrink: 0;
    font-size: var(--font-size-l);
    font-weight: 700;
    height: var(--spacing-500);
    justify-content: center;
    line-height: var(--line-height-m);
    width: var(--spacing-500)
}

.component-steps__list__item__body {
    display: flex;
    flex-direction: column;
    padding: var(--spacing-400) 0
}

@media (min-width:576px) {
    .component-steps__list__item__body {
        justify-content: center;
        padding: 0 var(--spacing-200)
    }

    .component-steps__list__item__body>* {
        text-align: center
    }
}

@media (min-width:992px) {
    .component-steps__list__item__body {
        padding: 0 var(--spacing-400)
    }
}

.component-steps__list__item__body__title {
    color: var(--color-primary-action-900);
    font-style: italic;
    margin-bottom: var(--spacing-50);
    text-transform: uppercase
}

@media (min-width:992px) {
    .component-steps__list__item__body__title {
        margin-bottom: var(--spacing-100)
    }
}

.component-steps__list__item__body__description {
    color: var(--color-primary-action-900)
}

.component-steps__list__item__body__hint {
    margin-bottom: var(--spacing-100)
}

@media (min-width:576px) {
    .component-steps__list__item__body__hint {
        display: none
    }
}

.component-steps__list__item__body__hint,
.component-steps__list__item__hint {
    text-transform: uppercase
}

.component-steps__list__item__hint {
    margin-bottom: calc(var(--spacing-100) - var(--spacing-200));
    text-align: center
}

@media (max-width:575px) {
    .component-steps__list__item__hint {
        display: none
    }
}

.component-steps__list__item:first-child .component-steps__list__item__step__line:first-child,
.component-steps__list__item:last-child .component-steps__list__item__step__line:last-child {
    visibility: hidden
}

.component-steps__cta.stepper-cta {
    display: flex;
    justify-content: center;
    margin-top: var(--spacing-400)
}

@media (min-width:992px) {
    .component-steps__cta.stepper-cta {
        margin-top: var(--spacing-500)
    }

    .component-steps__cta.stepper-cta>a {
        font-size: var(--font-size-xs);
        line-height: var(--line-height-xs);
        padding: var(--spacing-200) var(--spacing-600)
    }
}

.component-steps__cta.stepper-cta>* {
    width: 100% !important
}

.component-steps__cta.stepper-cta a {
    text-align: center
}

.component-steps .container[light-blue] {
    background-color: var(--color-primary-brand-200)
}

.component-steps .container[yellow] {
    background-color: var(--color-secondary-trigger-300)
}

.component-cards {
    background: var(--color-neutral-000);
    overflow: hidden;
    padding-bottom: var(--spacing-400);
    padding-top: var(--spacing-400);
    position: relative
}

.component-cards .unset-transform {
    transform: unset !important
}

@media (min-width:576px) {
    .component-cards {
        padding-bottom: var(--spacing-500);
        padding-top: var(--spacing-500)
    }
}

@media (min-width:992px) {
    .component-cards {
        padding-bottom: var(--spacing-600);
        padding-top: var(--spacing-600)
    }
}

.component-cards__cta {
    display: flex;
    justify-content: center;
    padding-top: var(--spacing-100)
}

@media (min-width:992px) {
    .component-cards__cta {
        padding-top: var(--spacing-200)
    }
}

@media (min-width:768px) {
    .component-cards__cta a.component-cards__cta__primary {
        max-width: 360px
    }
}

@media (min-width:992px) {
    .component-cards__cta a.component-cards__cta__primary {
        font-size: var(--font-size-xs);
        line-height: var(--line-height-xs);
        padding: var(--spacing-200) var(--spacing-600)
    }
}

.component-cards__headline {
    text-align: center
}

.component-cards__headline__title {
    color: var(--color-primary-action-900)
}

.component-cards .button--medium {
    margin-bottom: var(--spacing-100)
}

.component-cards .tns-controls {
    margin-top: -12px
}

.component-cards__card-list {
    display: flex;
    justify-content: center;
    margin: auto
}

.component-cards__card-list .tns-item {
    margin-left: 0 !important;
    margin-right: 0 !important;
    min-width: 256px;
    padding: var(--spacing-300) var(--spacing-200) var(--spacing-200);
    width: 100%
}

@media (min-width:992px) {
    .component-cards__card-list .tns-item {
        padding-top: var(--spacing-400)
    }
}

.component-cards__card-list .card {
    border-radius: 4px 4px 0 0;
    min-width: 224px
}

.component-cards__card-list .card .checkmark-list li i img {
    width: 20px
}

.component-cards__card-list .card .checkmark-list__line {
    margin-bottom: var(--spacing-200);
    padding-left: 2.4rem
}

.component-cards__card-list .card .checkmark-list__items {
    color: var(--color-primary-action-900);
    font-size: var(--font-size-xxxs);
    font-weight: var(--line-height-xxs);
    padding-left: var(--spacing-100)
}

.component-cards .card {
    background: var(--color-neutral-000);
    border-radius: .6rem;
    box-shadow: var(--shadow-bottom-500);
    padding: 0 var(--spacing-200) var(--spacing-200);
    padding-bottom: var(--spacing-300);
    padding-top: var(--spacing-300);
    position: relative
}

.component-cards .card.recommendedCard {
    padding-top: var(--spacing-600)
}

@media (min-width:992px) {
    .component-cards .card {
        padding-top: calc(var(--spacing-300) + var(--spacing-50))
    }
}

.component-cards .card__top-banner {
    background-color: var(--color-secondary-accent-700);
    border-radius: .6rem .6rem 0 0;
    height: var(--spacing-50);
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.component-cards .card__top {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 1rem
}

@media (max-width:504px) {
    .component-cards .card__top {
        margin-bottom: 1rem
    }
}

.component-cards .card__top__cta a {
    max-width: 100%;
    text-align: center;
    text-decoration: unset
}

.component-cards .card__top__headline {
    flex: 1 100%;
    margin-bottom: 0
}

.component-cards .card__top__title {
    color: var(--color-primary-action-900);
    font-size: var(--font-size-m);
    line-height: var(--line-height-m);
    padding-bottom: var(--spacing-100);
    text-align: center
}

@media (min-width:992px) {
    .component-cards .card__top__title {
        padding-bottom: var(--spacing-200)
    }
}

.component-cards .card__top__sub-title {
    color: var(--color-primary-action-900);
    font-size: var(--font-size-xxxs);
    font-weight: 600;
    line-height: var(--line-height-xxs);
    margin-bottom: var(--spacing-100);
    margin-top: var(--spacing-100);
    text-align: center
}

@media (min-width:992px) {
    .component-cards .card__top__sub-title {
        font-size: var(--font-size-xxs);
        line-height: var(--line-height-xs)
    }
}

.component-cards .card__top .recommended {
    background: var(--color-secondary-accent-700);
    border-radius: .6rem .6rem 0 0;
    color: var(--color-neutral-000);
    font-weight: 600;
    left: 0;
    padding: .4rem 1.6rem .2rem;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    top: 0
}

.component-cards .card .component-highlighted-content__content a,
.component-cards .card .link,
.component-highlighted-content__content .component-cards .card a {
    display: block;
    margin-top: 0;
    text-align: center
}

.component-cards .card__body__usp-headline {
    color: var(--color-primary-action-900);
    font-size: var(--font-size-xxxs);
    font-weight: var(--line-height-xxs);
    font-weight: 600;
    margin-bottom: var(--spacing-200)
}

.component-testimonials__item {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media (min-width:992px) {
    .component-testimonials__item {
        margin-top: 3.2rem
    }
}

@media (min-width:1280px) {
    .component-testimonials__item {
        margin-top: 0
    }
}

@media (max-width:703px) {
    .component-testimonials__item__image {
        padding: 0 .8rem
    }
}

.component-testimonials__item__image svg {
    max-width: 100%;
    min-height: 30rem
}

.component-testimonials__item__brackets-top {
    margin-bottom: 3.2rem
}

@media (min-width:704px) {
    .component-testimonials__item__brackets-top {
        margin-bottom: 4.8rem
    }
}

.component-testimonials__item__brackets-bottom {
    margin-top: 3.2rem
}

@media (min-width:704px) {
    .component-testimonials__item__brackets-bottom {
        margin-top: 4.8rem
    }
}

.component-testimonials__item:last-child {
    margin-bottom: 0
}

.component-testimonials__item.orange-icons i svg {
    fill: #f86200
}

.component-testimonials__item.blue-icons i svg {
    fill: #003781
}

.component-testimonials__item.green-icons i svg {
    fill: #407d71
}

.component-testimonials__item:nth-child(2n) .col-sm-5 {
    margin-right: 0;
    order: 1
}

.component-testimonials__item i {
    display: flex
}

.component-testimonials__item i svg {
    height: .8rem;
    width: .8rem
}

@media (min-width:992px) {
    .component-testimonials__item i svg {
        height: 1.6rem;
        width: 1.6rem
    }
}

@media (max-width:703px) {
    .component-testimonials__item__text {
        padding: 0 .8rem
    }
}

.component-testimonials__item__author__name {
    color: #5a5360;
    font-size: 1.4rem;
    line-height: 1.6rem;
    margin-top: 1.6rem
}

@media (min-width:704px) {
    .component-testimonials__item__author__name {
        font-size: 1.8rem;
        line-height: 2.8rem;
        margin-top: 3.2rem
    }
}

.component-testimonials__item__author__city {
    display: block;
    font-weight: 700
}

.component-main-teaser {
    background-color: var(--color-primary-brand-500)
}

.component-main-teaser .container {
    display: grid;
    grid-template-areas: "title ." "image image" "hint ." "body .";
    grid-template-columns: 100% 1fr;
    overflow: hidden;
    padding: var(--spacing-300) var(--spacing-200) var(--spacing-500) var(--spacing-200)
}

@media (min-width:768px) {
    .component-main-teaser .container {
        -moz-column-gap: var(--spacing-200);
        column-gap: var(--spacing-200);
        grid-template-areas: "hint image" "title image" "body image";
        grid-template-columns: minmax(45%, 1fr) min-content;
        grid-template-rows: auto var(--mainTeaserHeadlineHeight, min-content) auto
    }
}

@media (min-width:992px) {
    .component-main-teaser .container {
        -moz-column-gap: var(--spacing-400);
        column-gap: var(--spacing-400)
    }
}

@media (min-width:768px) {
    .component-main-teaser .container {
        padding: var(--spacing-300) var(--spacing-150) var(--spacing-800) var(--spacing-150)
    }
}

@media (min-width:992px) {
    .component-main-teaser .container {
        padding: var(--spacing-500) var(--spacing-400) var(--spacing-800) var(--spacing-400)
    }
}

.component-main-teaser .container>:not(.component-main-teaser__image-group) {
    width: 100%
}

.component-main-teaser__hint {
    grid-area: hint
}

@media (min-width:768px) {
    .component-main-teaser__hint {
        align-items: flex-end;
        display: flex
    }
}

.component-main-teaser__hint>* {
    background-color: var(--color-neutral-000);
    border-radius: var(--border-radius-xl);
    color: var(--color-primary-action-900);
    display: inline-block;
    font-size: var(--font-size-xxxs);
    font-weight: 600;
    line-height: var(--line-height-xxs);
    margin-bottom: var(--spacing-200);
    padding: var(--spacing-25) var(--spacing-100)
}

@media (min-width:768px) {
    .component-main-teaser__hint>* {
        margin-bottom: var(--spacing-100)
    }
}

.component-main-teaser__title {
    color: var(--color-primary-action-900);
    font-style: italic;
    font-weight: 700;
    grid-area: title;
    height: -moz-min-content;
    height: min-content;
    margin-bottom: var(--spacing-100);
    text-transform: uppercase
}

@media (min-width:992px) {
    .component-main-teaser__title {
        margin-bottom: var(--spacing-200)
    }
}

.component-main-teaser__body {
    color: var(--color-primary-action-900);
    flex: 1;
    flex-shrink: 0;
    grid-area: body;
    min-width: 45%
}

.component-main-teaser__body__subtitle {
    font-weight: 600;
    margin-bottom: var(--spacing-200)
}

.component-main-teaser__body__list__item:not(:last-child) {
    margin-bottom: var(--spacing-200)
}

.component-main-teaser__body__list__item,
.component-main-teaser__body__list__item a {
    display: flex;
    flex-direction: row
}

.component-main-teaser__body__list__item a {
    color: var(--color-primary-action-900);
    text-decoration: underline
}

.component-main-teaser__body__list__item a:hover {
    color: var(--color-primary-action-900)
}

.component-main-teaser__body__list__item svg {
    display: inline-block;
    flex-shrink: 0;
    height: 24px;
    margin-right: var(--spacing-100);
    width: 24px
}

.component-main-teaser__body__list__item p {
    display: inline-block;
    font-weight: 600
}

.component-main-teaser__body__list:not(:last-child) {
    margin-bottom: var(--spacing-300)
}

.component-main-teaser__body__description {
    font-weight: 600
}

.component-main-teaser__body__description:not(:last-child) {
    margin-bottom: var(--spacing-300)
}

.component-main-teaser__body__button-group {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-300);
    width: 100%
}

@media (min-width:992px) {
    .component-main-teaser__body__button-group {
        gap: var(--spacing-400)
    }
}

@media (min-width:768px) {
    .component-main-teaser__body__button-group {
        max-width: calc(var(--spacing-900)*5)
    }
}

.component-main-teaser__body__button-group__cta {
    width: 100%
}

@media (min-width:992px) {
    .component-main-teaser__body__button-group__cta>* {
        font-size: var(--font-size-xs) !important;
        line-height: var(--line-height-xs) !important;
        padding: var(--spacing-200) var(--spacing-500) !important
    }
}

.component-main-teaser__body__button-group__cta a:after,
.component-main-teaser__body__button-group__cta div:after {
    border-color: var(--color-neutral-000) !important
}

.component-main-teaser__body__button-group__secondary-link a {
    color: var(--color-primary-action-900) !important;
    font-size: var(--font-size-xs);
    line-height: var(--line-height-xs)
}

.component-main-teaser__body__button-group__secondary-link a svg.cta-icon {
    height: 24px;
    width: 24px
}

.component-main-teaser__body__button-group__secondary-link a:after {
    border-color: var(--color-primary-action-900) !important
}

.component-main-teaser__image-group {
    grid-area: image
}

@media (max-width:767px) {
    .component-main-teaser__image-group {
        display: flex;
        justify-content: center
    }
}

.component-main-teaser__image-group>div {
    align-items: center;
    display: flex;
    padding-bottom: var(--spacing-200);
    position: relative
}

@media (max-width:767px) {
    .component-main-teaser__image-group>div {
        margin-right: 14vw
    }
}

.component-main-teaser__image-group .image-cursor {
    cursor: pointer
}

.component-main-teaser__image-group .main-teaser-logo {
    position: absolute;
    z-index: 1
}

.component-main-teaser__image-group .main-teaser-logo svg {
    height: 208px;
    width: 192px
}

@media (min-width:768px) {
    .component-main-teaser__image-group .main-teaser-logo svg {
        height: 240px;
        width: 216px
    }
}

@media (min-width:992px) {
    .component-main-teaser__image-group .main-teaser-logo svg {
        height: 288px;
        width: 260px
    }
}

.component-main-teaser__image-group .main-teaser-image {
    height: 256px;
    margin-bottom: var(--spacing-200);
    margin-top: var(--spacing-200);
    max-width: 365px;
    min-width: 244px;
    transform: translateX(calc(var(--spacing-700)*2 + var(--spacing-50)));
    width: 74vw
}

@media (min-width:768px) {
    .component-main-teaser__image-group .main-teaser-image {
        height: 368px;
        margin-bottom: var(--spacing-300);
        margin-left: var(--spacing-500);
        margin-right: 102px;
        margin-top: var(--spacing-300);
        max-width: unset;
        min-width: unset;
        transform: translateX(102px);
        width: 370px
    }
}

@media (min-width:992px) {
    .component-main-teaser__image-group .main-teaser-image {
        height: 368px;
        margin-left: 68px;
        width: 418px
    }
}

.component-main-teaser__image-group .main-teaser-image>div {
    border-radius: 30px 0 0 0;
    height: 100%;
    overflow: hidden;
    transform: skew(-11deg, 0deg);
    transform-origin: top;
    width: 100%
}

.component-main-teaser__image-group .main-teaser-image>div picture {
    height: 100%;
    transform: skew(11deg, 0deg) scale(1.2);
    width: 100%
}

.component-main-teaser__image-group .main-teaser-image>div picture img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.component-main-teaser__image-group .main-teaser-trust {
    bottom: 0;
    height: 80px;
    position: absolute;
    right: calc(var(--spacing-600)*-1);
    width: 80px;
    z-index: 1
}

@media (min-width:768px) {
    .component-main-teaser__image-group .main-teaser-trust {
        height: 130px;
        left: calc(min(50vw, 480px) - 130px);
        right: unset;
        width: 130px
    }
}

.component-main-teaser__image-group .main-teaser-trust picture {
    height: 100%;
    width: 100%
}

.component-main-teaser__image-group .main-teaser-trust picture img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.component-main-teaser .website-info-icon .icon-no-bg,
.component-main-teaser .website-info-icon .icon-no-bg:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.375 2.078a9.097 9.097 0 0 0-3.297 3.297A9.068 9.068 0 0 0 .839 10c0 1.658.413 3.2 1.239 4.625a9.097 9.097 0 0 0 3.297 3.297A9.068 9.068 0 0 0 10 19.161c1.658 0 3.2-.413 4.625-1.239a9.097 9.097 0 0 0 3.297-3.297 9.05 9.05 0 0 0 1.239-4.615 9.053 9.053 0 0 0-.7-3.516 9.115 9.115 0 0 0-1.987-2.968 9.115 9.115 0 0 0-2.968-1.988A9.022 9.022 0 0 0 10.447.85L10 .84l-.403.008a9.055 9.055 0 0 0-4.221 1.23Zm4.623 15.765c-1.044 0-2.043-.2-2.995-.6a7.936 7.936 0 0 1-2.537-1.699 7.69 7.69 0 0 1-1.709-2.547A7.635 7.635 0 0 1 2.167 10a7.943 7.943 0 0 1 .6-2.987 7.697 7.697 0 0 1 1.699-2.547 7.697 7.697 0 0 1 2.547-1.699 7.943 7.943 0 0 1 2.987-.6 7.635 7.635 0 0 1 2.997.59 7.69 7.69 0 0 1 2.547 1.709 7.936 7.936 0 0 1 1.699 2.537c.4.952.6 1.955.6 3.007a7.838 7.838 0 0 1-1.08 3.936 7.722 7.722 0 0 1-2.817 2.817 7.84 7.84 0 0 1-3.57 1.067l-.378.013Zm.092-11.01a.79.79 0 0 0 .58-.24c.16-.16.24-.36.24-.599v-.16a.823.823 0 0 0-.24-.59.774.774 0 0 0-.58-.249h-.18a.774.774 0 0 0-.58.25.823.823 0 0 0-.24.59v.159c0 .24.08.44.24.6.16.16.354.24.58.24h.18Zm.16 8.172c.16 0 .296-.057.41-.17a.558.558 0 0 0 .17-.41V8.912a.558.558 0 0 0-.17-.41.558.558 0 0 0-.41-.17h-.5a.558.558 0 0 0-.41.17.558.558 0 0 0-.17.41v5.515c0 .16.057.296.17.41.114.112.25.169.41.169h.5Z' fill='%23122b54'/%3E%3C/svg%3E")
}

.component-content {
    color: var(--color-primary-action-900);
    margin: var(--spacing-400) auto;
    word-break: break-word
}

.component-content .max-width {
    margin: auto;
    max-width: 800px
}

.component-content__text b,
.component-content__text strong {
    font-weight: 600
}

.component-content__text i {
    font-style: italic
}

@media (min-width:992px) {
    .component-content__text a {
        font-size: var(--font-size-xxs);
        line-height: var(--line-height-xs)
    }

    .component-content__text a svg.cta-icon {
        height: 20px;
        width: 20px
    }
}

.component-content__text h1,
.component-content__text h2 {
    margin-bottom: var(--spacing-200);
    margin-left: 0;
    text-transform: none
}

.component-content__text h1:last-child,
.component-content__text h2:last-child {
    margin-bottom: 0 !important
}

.component-content__text h3,
.component-content__text h4 {
    font-size: var(--font-size-s);
    line-height: var(--line-height-s);
    margin-bottom: var(--spacing-200);
    margin-left: 0;
    text-transform: none
}

@media (min-width:992px) {

    .component-content__text h3,
    .component-content__text h4 {
        font-size: var(--font-size-m);
        line-height: var(--line-height-m)
    }
}

.component-content__text h3:last-child,
.component-content__text h4:last-child {
    margin-bottom: 0 !important
}

.component-content__text h1:not(:first-child),
.component-content__text h2:not(:first-child),
.component-content__text h3:not(:first-child),
.component-content__text h4:not(:first-child) {
    margin-top: var(--spacing-400)
}

.component-content__text ol,
.component-content__text p,
.component-content__text ul {
    margin-bottom: var(--spacing-200);
    word-break: break-word
}

.component-content__text ul {
    list-style: disc
}

.component-content__text ol,
.component-content__text ul {
    padding-left: var(--spacing-400)
}

.component-content__text li {
    font-size: var(--font-size-xxxs) !important;
    line-height: var(--line-height-xxs) !important;
    margin-bottom: var(--spacing-200) !important;
    position: relative
}

@media (min-width:992px) {
    .component-content__text li {
        font-size: var(--font-size-xxs) !important;
        line-height: var(--line-height-xs) !important
    }
}

.component-content__text li:last-child {
    margin-bottom: 0 !important
}

.component-content.no-margin-bottom ol,
.component-content.no-margin-bottom p,
.component-content.no-margin-bottom ul {
    margin-bottom: 0
}

.component-additional-coverages.light-blue .container {
    background-color: var(--color-primary-brand-250)
}

.component-additional-coverages.white .container {
    background-color: var(--color-neutral-000)
}

.component-additional-coverages.white .component-additional-coverages__list__item {
    border: var(--border-l) solid;
    border-color: var(--color-primary-interactive-300)
}

.component-additional-coverages.white .component-additional-coverages__list__item:hover {
    border-color: var(--color-primary-action-600)
}

.component-additional-coverages.white .component-additional-coverages__list__item:active {
    border-color: var(--color-primary-interactive-800)
}

.component-additional-coverages .container {
    display: flex;
    flex-flow: column;
    gap: var(--spacing-300);
    justify-content: space-between;
    padding: var(--spacing-400) var(--spacing-200)
}

@media (min-width:576px) {
    .component-additional-coverages .container {
        flex-flow: row;
        padding: var(--spacing-500) var(--spacing-150)
    }
}

@media (min-width:992px) {
    .component-additional-coverages .container {
        gap: var(--spacing-400);
        padding: var(--spacing-600) var(--spacing-400)
    }
}

.component-additional-coverages__header {
    display: flex;
    flex-flow: column;
    gap: var(--spacing-100);
    text-align: center
}

@media (min-width:576px) {
    .component-additional-coverages__header {
        text-align: left
    }
}

@media (min-width:992px) {
    .component-additional-coverages__header {
        gap: var(--spacing-200)
    }
}

.component-additional-coverages__header__title {
    color: var(--color-primary-action-900);
    font-style: italic;
    font-weight: 700;
    text-transform: uppercase
}

.component-additional-coverages__header__subtitle {
    color: var(--color-primary-action-900);
    font-size: var(--font-size-s);
    line-height: var(--line-height-s)
}

@media (min-width:576px) {
    .component-additional-coverages__header__subtitle {
        font-size: var(--font-size-m);
        line-height: var(--line-height-m)
    }
}

.component-additional-coverages__list {
    display: flex;
    flex-flow: column;
    gap: var(--spacing-300);
    width: 100%
}

@media (min-width:576px) {
    .component-additional-coverages__list {
        max-width: 400px;
        padding-top: 0
    }
}

@media (min-width:992px) {
    .component-additional-coverages__list {
        gap: var(--spacing-200);
        max-width: 600px
    }
}

.component-additional-coverages__list__item {
    background-color: var(--color-neutral-000);
    display: flex;
    gap: var(--spacing-100);
    padding: var(--spacing-200)
}

.component-additional-coverages__list__item:hover {
    text-decoration: unset
}

.component-additional-coverages__list__item:hover .component-additional-coverages__list__item__arrow__button {
    background-color: var(--color-primary-action-600);
    border-color: var(--color-primary-action-600)
}

.component-additional-coverages__list__item:hover .component-additional-coverages__list__item__arrow__button svg {
    color: var(--color-neutral-000)
}

.component-additional-coverages__list__item:active .component-additional-coverages__list__item__arrow__button {
    background-color: var(--color-primary-interactive-800);
    border-color: var(--color-primary-interactive-800)
}

.component-additional-coverages__list__item:active .component-additional-coverages__list__item__arrow__button svg {
    color: var(--color-neutral-000)
}

.component-additional-coverages__list__item__content {
    width: 100%
}

.component-additional-coverages__list__item__content__badge {
    color: var(--color-primary-interactive-600);
    font-size: var(--font-size-xxxxs);
    font-weight: 700;
    line-height: var(--line-height-xxxs);
    margin-bottom: var(--spacing-50)
}

.component-additional-coverages__list__item__content__title {
    color: var(--color-primary-action-900);
    font-size: var(--font-size-s);
    font-style: italic;
    font-weight: 700;
    line-height: var(--line-height-s);
    margin-bottom: var(--spacing-100);
    text-transform: uppercase;
    word-break: break-word
}

.component-additional-coverages__list__item__content__text {
    color: var(--color-primary-action-900);
    font-size: var(--font-size-xxxs);
    font-weight: 400;
    line-height: var(--line-height-xxs)
}

.component-additional-coverages__list__item__arrow {
    display: flex;
    flex-flow: column;
    height: 100%
}

@media (min-width:992px) {
    .component-additional-coverages__list__item__arrow {
        justify-content: center
    }
}

.component-additional-coverages__list__item__arrow__button {
    border: var(--border-l) solid var(--color-primary-action-800);
    border-radius: var(--border-radius-m);
    display: flex;
    padding: var(--spacing-100)
}

.component-additional-coverages__list__item__arrow__button svg {
    color: var(--color-primary-action-800);
    height: 20px;
    width: 20px
}

.component-coverage-list__list {
    margin-bottom: 4.8rem
}

@media (min-width:704px) {
    .component-coverage-list__list {
        margin-bottom: 5.6rem
    }
}

.component-coverage-list__list__title {
    display: block;
    margin-bottom: .8rem
}

@media (min-width:704px) {
    .component-coverage-list__list__title {
        margin-bottom: 1.6rem
    }
}

.component-coverage-list__list__subtitle {
    display: block;
    margin-bottom: 2.4rem
}

@media (min-width:704px) {
    .component-coverage-list__list__subtitle {
        margin-bottom: 3.2rem
    }
}

.component-coverage-list__list li {
    margin-bottom: 1.6rem
}

@media (min-width:704px) {
    .component-coverage-list__list li {
        margin-bottom: 1.6rem
    }
}

.component-link-block .container {
    padding-bottom: var(--spacing-400);
    padding-top: var(--spacing-400)
}

@media (min-width:992px) {
    .component-link-block .container {
        padding: var(--spacing-500) calc(var(--spacing-800)*2)
    }
}

.component-link-block__header {
    overflow: hidden
}

.component-link-block__list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: center;
    list-style: none
}

@media (min-width:576px) {
    .component-link-block__list {
        gap: var(--spacing-400)
    }
}

.component-link-block__list>li {
    display: flex;
    flex-direction: column;
    padding: var(--spacing-300) var(--spacing-200);
    width: 100%
}

@media (min-width:576px) {
    .component-link-block__list>li {
        width: calc(50% - var(--spacing-400)/2)
    }
}

.component-link-block__list>li>:not(:last-child) {
    margin-bottom: 8px
}

@media (min-width:576px) {
    .component-link-block__list>li>:not(:last-child) {
        margin-bottom: var(--spacing-200)
    }
}

.component-link-block__list__title {
    font-style: italic;
    text-transform: uppercase
}

.component-link-block__list__description {
    flex: 1
}

.component-link-block__cta.link-block-cta {
    border-radius: var(--border-radius-m);
    display: flex;
    justify-content: center;
    margin-top: var(--spacing-400)
}

@media (min-width:992px) {
    .component-link-block__cta.link-block-cta {
        margin-top: var(--spacing-500)
    }

    .component-link-block__cta.link-block-cta>a {
        font-size: var(--font-size-xs);
        line-height: var(--line-height-xs);
        padding: var(--spacing-200) var(--spacing-600)
    }
}

.component-link-block__cta.link-block-cta>* {
    width: 100% !important
}

.component-link-block .container[dark-blue] {
    background-color: var(--color-primary-action-800)
}

.component-link-block .container[dark-blue] .component-link-block__subtitle,
.component-link-block .container[dark-blue] .component-link-block__title {
    color: var(--color-neutral-000)
}

.component-link-block .container[dark-blue] .component-link-block__list>li {
    background-color: var(--color-neutral-000)
}

.component-link-block .container[dark-blue] .component-link-block__list__description,
.component-link-block .container[dark-blue] .component-link-block__list__title {
    color: var(--color-primary-action-900)
}

.component-link-block .container[dark-blue] .component-link-block__cta>a {
    background: var(--color-secondary-trigger-600) !important;
    color: var(--color-primary-action-900) !important
}

.component-link-block .container[dark-blue] .component-link-block__cta>a:hover {
    background: var(--color-secondary-trigger-300) !important
}

.component-link-block .container[dark-blue] .component-link-block__cta>a:active {
    background: var(--color-secondary-trigger-650) !important
}

.component-link-block .container[vibrant-blue] {
    background-color: var(--color-primary-brand-500)
}

.component-link-block .container[vibrant-blue] .component-link-block__subtitle,
.component-link-block .container[vibrant-blue] .component-link-block__title {
    color: var(--color-primary-action-900)
}

.component-link-block .container[vibrant-blue] .component-link-block__list>li {
    background-color: var(--color-neutral-000)
}

.component-link-block .container[vibrant-blue] .component-link-block__list__description,
.component-link-block .container[vibrant-blue] .component-link-block__list__title {
    color: var(--color-primary-action-900)
}

.component-link-block .container[white] {
    background-color: var(--color-neutral-000)
}

.component-link-block .container[white] .component-link-block__subtitle,
.component-link-block .container[white] .component-link-block__title {
    color: var(--color-primary-action-900)
}

.component-link-block .container[white] .component-link-block__list>li {
    background-color: var(--color-primary-brand-200)
}

.component-link-block .container[white] .component-link-block__list__description,
.component-link-block .container[white] .component-link-block__list__title {
    color: var(--color-primary-action-900)
}

.component-downloads {
    background: var(--color-neutral-000);
    padding: 3.2rem 0
}

.component-downloads .container {
    padding: 0 1.6rem
}

@media (min-width:704px) {
    .component-downloads .container {
        padding: 0 2.4rem 0 4rem
    }
}

@media (min-width:992px) {
    .component-downloads .container {
        padding: 0 8rem
    }
}

.component-downloads__list {
    align-items: center;
    display: flex;
    flex-flow: column
}

.component-downloads__list__item {
    display: flex;
    justify-content: center;
    width: 100%
}

@media (min-width:992px) {
    .component-downloads__list__item {
        max-width: 800px;
        width: 70%
    }
}

.component-downloads__list__item a {
    align-items: center;
    display: flex;
    margin-bottom: var(--spacing-200)
}

@media (min-width:576px) {
    .component-downloads__list__item a {
        font-size: var(--font-size-xxs);
        line-height: var(--line-height-xs)
    }

    .component-downloads__list__item a svg.cta-icon {
        height: 20px;
        width: 20px
    }
}

@media (min-width:992px) {
    .component-downloads__list__item a {
        font-size: var(--font-size-xs);
        line-height: var(--line-height-xs)
    }

    .component-downloads__list__item a svg.cta-icon {
        height: 24px;
        width: 24px
    }
}

.component-downloads__cta {
    display: flex;
    justify-content: center
}

.component-downloads__cta a.button {
    max-width: 360px
}

@media (min-width:992px) {
    .component-downloads__cta a.button {
        font-size: var(--font-size-xs);
        line-height: var(--line-height-xs);
        padding: var(--spacing-200) var(--spacing-600)
    }
}

.component-hero-img {
    background: var(--color-primary-brand-500)
}

.component-hero-img .container {
    padding: 0
}

@media (min-width:576px) {
    .component-hero-img .container {
        display: flex;
        justify-content: space-between
    }
}

@media (min-width:992px) {
    .component-hero-img .container {
        max-width: 1456px
    }
}

.component-hero-img__header {
    align-items: center;
    color: var(--color-primary-action-900);
    display: flex;
    padding: var(--spacing-300) var(--spacing-200)
}

@media (min-width:576px) {
    .component-hero-img__header {
        padding: var(--spacing-300) var(--spacing-400) var(--spacing-300) var(--spacing-300)
    }
}

@media (min-width:992px) {
    .component-hero-img__header {
        padding: var(--spacing-400)
    }
}

.component-hero-img__header p {
    font-size: var(--font-size-xs);
    font-weight: 600;
    letter-spacing: .2px;
    line-height: var(--line-height-xs)
}

@media (min-width:992px) {
    .component-hero-img__header p {
        font-size: var(--font-size-s);
        line-height: var(--line-height-s)
    }
}

.component-hero-img__header h1 {
    font-style: italic;
    font-weight: 700;
    letter-spacing: .3px;
    text-align: center;
    text-transform: uppercase
}

@media (min-width:576px) {
    .component-hero-img__header h1 {
        text-align: left
    }
}

.component-hero-img__header__block {
    display: flex;
    flex-direction: column
}

@media (max-width:575px) {
    .component-hero-img__header__block {
        text-align: center;
        width: 100%
    }
}

.component-hero-img__header__block__headline {
    align-self: center;
    display: flex;
    max-width: 328px
}

@media (min-width:576px) {
    .component-hero-img__header__block__headline {
        align-self: flex-start;
        max-width: 100%
    }
}

.component-hero-img__image {
    background: var(--color-primary-brand-500);
    display: flex;
    justify-content: flex-end
}

.component-hero-img__image picture {
    margin-left: var(--spacing-200)
}

@media (min-width:576px) {
    .component-hero-img__image picture {
        margin: 0
    }
}

.component-hero-img__image picture img {
    max-height: 300px
}

@media (min-width:576px) {
    .component-hero-img__image picture img {
        height: 232px;
        max-height: 100%;
        width: auto
    }
}

@media (min-width:992px) {
    .component-hero-img__image picture img {
        height: 368px;
        width: auto
    }
}

@media (min-width:576px) {
    .component-hero-img__image {
        order: 1
    }
}

.component-cookie-list__header {
    background-color: var(--color-primary-brand-500);
    padding-bottom: var(--spacing-600);
    padding-top: var(--spacing-600)
}

.component-cookie-list__body {
    display: flex;
    justify-content: center;
    padding-top: var(--spacing-200)
}

@media (min-width:992px) {
    .component-cookie-list__body {
        padding-top: var(--spacing-600)
    }

    .component-cookie-list__body div#optanon-cookie-policy {
        max-width: 800px
    }
}

.component-cookie-preference-center p {
    font-size: var(--font-size-xxs);
    line-height: var(--line-height-xs);
    padding-bottom: var(--spacing-100)
}

@media (min-width:992px) {
    .component-cookie-preference-center p {
        font-size: var(--font-size-xs);
        line-height: var(--line-height-xs)
    }
}

.component-content-story__item {
    display: block;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 4.8rem
}

@media (max-width:703px) {
    .component-content-story__item {
        padding: 0 1.6rem
    }
}

@media (min-width:704px) {
    .component-content-story__item {
        align-items: center;
        display: flex;
        flex-direction: row;
        margin-bottom: 5.6rem
    }

    .component-content-story__item:nth-child(2n) {
        flex-direction: row-reverse
    }
}

.component-content-story__item:nth-child(2n) .component-content-story__item__img {
    align-items: center;
    display: flex
}

@media (min-width:704px) {
    .component-content-story__item:nth-child(2n) .component-content-story__item__img {
        flex-direction: row-reverse
    }
}

.component-content-story__item:nth-child(2n) .component-content-story__item__img svg {
    max-width: 22.4rem;
    min-height: 30rem;
    width: 55%
}

@media (min-width:704px) {
    .component-content-story__item:nth-child(2n) .component-content-story__item__img svg {
        margin-left: 0;
        max-width: 100rem;
        width: 100%
    }
}

.component-content-story__item__text-box {
    padding: 0 1.6rem;
    text-align: left
}

.component-content-story__item__title {
    margin-bottom: .8rem
}

@media (max-width:703px) {
    .component-content-story__item__title {
        font-size: 2rem;
        font-weight: 700;
        line-height: 2.4rem
    }
}

@media (min-width:704px) and (max-width:991px) {
    .component-content-story__item__title {
        font-size: 2.6rem;
        font-weight: 700;
        line-height: 3.2rem
    }
}

@media (min-width:704px) {
    .component-content-story__item__title {
        display: block;
        margin-bottom: 1.6rem;
        visibility: visible
    }
}

.component-content-story__item__img {
    align-items: center;
    display: flex;
    margin-bottom: 2.4rem;
    padding: 0 1.6rem
}

.component-content-story__item__img svg {
    max-width: 22.4rem;
    min-height: 30rem;
    width: 55%
}

@media (min-width:704px) {
    .component-content-story__item__img svg {
        margin-left: 0;
        max-width: 100rem;
        width: 100%
    }
}

@media (max-width:991px) {
    .component-content-story__item__text {
        font-size: 1.6rem;
        line-height: 2.4rem
    }
}

@media (min-width:992px) {
    .component-content-story__item__text {
        font-size: 1.8rem;
        line-height: 2.8rem
    }
}

#old .component-article-list .container {
    padding: 3.2rem 4.8rem
}

#old .component-article-list__header {
    width: 100%
}

@media (min-width:704px) {
    #old .component-article-list__header {
        padding: 0 1.6rem
    }
}

#old .component-article-list__item {
    display: flex;
    flex-direction: row;
    margin: 0 1.6rem 3.2rem 0
}

@media (max-width:503px) {
    #old .component-article-list__item {
        padding: 0 1.6rem
    }
}

@media (min-width:704px) {
    #old .component-article-list__item {
        margin: 0 1.6rem 4rem 0
    }
}

#old .component-article-list__item:last-child {
    margin-bottom: 6.4rem
}

@media (min-width:704px) {
    #old .component-article-list__item:last-child {
        margin-bottom: 8rem
    }
}

#old .component-article-list__item__content {
    margin: auto 0 auto 1.6rem
}

@media (min-width:704px) {
    #old .component-article-list__item__content {
        margin: auto 0 auto 3.2rem
    }
}

#old .component-article-list__item__title {
    margin-bottom: .8rem
}

@media (max-width:703px) {
    #old .component-article-list__item__title {
        font-size: 1.8rem;
        font-weight: 700;
        line-height: 2.4rem
    }
}

#old .component-article-list__item__description {
    color: #767676;
    margin-bottom: 1.2rem
}

@media (max-width:703px) {
    #old .component-article-list__item__description {
        display: none
    }
}

#old .component-article-list__item img {
    width: 9.6rem
}

@media (min-width:704px) {
    #old .component-article-list__item img {
        width: 17.6rem
    }
}

#old .component-article-list__item__read-more {
    color: #006192;
    font-weight: 600
}

#brand-refresh .component-article-list .container {
    padding: var(--spacing-400) var(--spacing-200)
}

@media (min-width:992px) {
    #brand-refresh .component-article-list .container {
        padding: var(--spacing-600) 0
    }
}

#brand-refresh .component-article-list .container .no-paddings {
    padding: 0
}

#brand-refresh .component-article-list__header {
    margin-bottom: 0;
    width: 100%
}

#brand-refresh .component-article-list__item {
    display: flex;
    flex-direction: row;
    margin: 0 calc(var(--spacing-700)/2) var(--spacing-400) var(--spacing-400)
}

@media (max-width:992px) {
    #brand-refresh .component-article-list__item {
        margin: 0 calc(var(--spacing-300)/2) var(--spacing-400) 0
    }
}

@media (max-width:576px) {
    #brand-refresh .component-article-list__item {
        border-bottom: 1px solid var(--color-primary-interactive-300);
        margin: var(--spacing-150) 0 var(--spacing-150) 0
    }
}

#brand-refresh .component-article-list__item__picture {
    margin-right: var(--spacing-200);
    min-width: 184px;
    width: 184px
}

@media (max-width:992px) {
    #brand-refresh .component-article-list__item__picture {
        display: none
    }
}

#brand-refresh .component-article-list__item__content {
    display: flex;
    flex-direction: column;
    margin: var(--spacing-100) var(--spacing-100) var(--spacing-100) 0
}

@media (max-width:992px) {
    #brand-refresh .component-article-list__item__content {
        margin: var(--spacing-100) var(--spacing-100) var(--spacing-100)
    }
}

#brand-refresh .component-article-list__item__title {
    color: var(--color-primary-action-900);
    font-size: var(--font-size-m);
    font-style: italic;
    font-weight: 700;
    line-height: var(--line-height-m);
    margin-bottom: var(--spacing-100);
    text-transform: uppercase
}

@media (max-width:992px) {
    #brand-refresh .component-article-list__item__title {
        font-size: var(--font-size-s);
        line-height: var(--line-height-s)
    }
}

#brand-refresh .component-article-list__item__description {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: var(--color-primary-action-900);
    display: -webkit-box;
    font-size: var(--font-size-xxs);
    line-height: var(--font-size-xs);
    margin-bottom: var(--spacing-100);
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width:992px) {
    #brand-refresh .component-article-list__item__description {
        font-size: var(--font-size-xxxs);
        line-height: var(--font-size-xxs)
    }
}

#brand-refresh .component-article-list__item__read-more {
    margin-top: auto
}

#brand-refresh .component-article-list__item--highlight {
    background-color: var(--color-secondary-accent-050);
    border-bottom: 0;
    padding: var(--spacing-100)
}

#brand-refresh .component-article-list__item--highlight .component-article-list__item__content {
    margin-bottom: auto;
    margin-top: auto
}

#brand-refresh .component-article-list__item--highlight .component-article-list__item__picture {
    display: block !important
}

@media (max-width:992px) {
    #brand-refresh .component-article-list__item--highlight .component-article-list__item__picture {
        min-width: 128px;
        width: 128px
    }
}

#brand-refresh .component-article-list__item--highlight .component-article-list__item__description {
    -webkit-line-clamp: unset;
    overflow: initial
}

#brand-refresh .component-article-list__item--highlight .component-article-list__item__read-more {
    margin-top: 0 !important
}

@media (max-width:576px) {
    #brand-refresh .component-article-list__item-container:first-child .component-article-list__item {
        margin: 0 0 var(--spacing-150) 0
    }

    #brand-refresh .component-article-list__item-container:last-child .component-article-list__item {
        border-bottom: 0;
        margin: var(--spacing-150) 0 0 0
    }
}

#brand-refresh .component-article-list__item-container:nth-child(2n) .component-article-list__item {
    margin: 0 var(--spacing-400) var(--spacing-400) calc(var(--spacing-700)/2)
}

@media (max-width:992px) {
    #brand-refresh .component-article-list__item-container:nth-child(2n) .component-article-list__item {
        margin: 0 0 var(--spacing-400) calc(var(--spacing-300)/2)
    }
}

@media (max-width:576px) {
    #brand-refresh .component-article-list__item-container:nth-child(2n) .component-article-list__item {
        margin: 0
    }
}

#brand-refresh .component-article-list__item-container:nth-last-child(-n+2) .component-article-list__item {
    margin-bottom: 0 !important
}

.component-article-helpful {
    padding: var(--spacing-300) 0
}

@media (min-width:768px) {
    .component-article-helpful {
        padding: var(--spacing-400) 0
    }
}

.component-article-helpful--no-padding {
    padding: 0
}

.component-article-helpful__container {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-100);
    justify-content: center
}

@media (min-width:768px) {
    .component-article-helpful__container {
        align-items: center;
        display: flex;
        flex-direction: row;
        gap: var(--spacing-300);
        justify-content: flex-start
    }
}

.component-article-helpful p {
    margin: 0;
    width: auto
}

.component-article-helpful__headline {
    color: var(--color-primary-action-900);
    font-size: var(--font-size-xxs);
    font-style: normal;
    font-weight: 600;
    letter-spacing: .2px;
    line-height: var(--line-height-xs);
    padding: 0
}

@media (min-width:992px) {
    .component-article-helpful__headline {
        font-size: var(--font-size-xs)
    }
}

.component-article-helpful .row {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: var(--spacing-300)
}

.component-article-helpful .row div {
    padding: 0;
    width: auto
}

.component-article-helpful .row button {
    align-items: center !important;
    border: 2px solid var(--color-primary-action-800);
    border-radius: 4px !important;
    box-shadow: none !important;
    color: var(--color-primary-action-800);
    display: flex !important;
    font-size: var(--font-size-xxs);
    font-size: var(--font-size-xxxs);
    font-style: normal;
    font-weight: 600;
    gap: var(--spacing-100) !important;
    justify-content: center !important;
    letter-spacing: .2px;
    line-height: var(--line-height-xs);
    line-height: var(--line-height-xxs);
    padding: var(--spacing-100) var(--spacing-400) !important;
    text-transform: uppercase;
    width: auto !important
}

.component-article-helpful .row button:hover {
    background-color: var(--color-primary-action-600);
    border-color: var(--color-primary-action-600);
    color: var(--color-neutral-000)
}

.component-article-helpful .row button.clicked {
    background-color: var(--color-primary-action-900);
    border-color: var(--color-primary-action-900);
    color: var(--color-neutral-000)
}

@media (min-width:992px) {
    .component-article-helpful .row button {
        font-size: var(--font-size-xxs) !important;
        line-height: var(--line-height-xs) !important
    }
}

.component-error .container {
    color: var(--color-primary-action-900);
    display: flex;
    flex-direction: column-reverse;
    padding: var(--spacing-400) 0;
    word-break: break-word
}

@media (min-width:768px) {
    .component-error .container {
        flex-direction: row;
        padding-bottom: 97px;
        padding-top: var(--spacing-700)
    }
}

@media (min-width:992px) {
    .component-error .container {
        flex-direction: row;
        padding-bottom: 160px;
        padding-top: var(--spacing-800)
    }
}

.component-error__left-column {
    padding: var(--spacing-400) var(--spacing-200) 0 var(--spacing-200);
    width: 100%
}

@media (min-width:576px) {
    .component-error__left-column {
        padding: var(--spacing-400) var(--spacing-1000) 0 var(--spacing-1000);
        width: 100%
    }
}

@media (min-width:768px) {
    .component-error__left-column {
        padding: 0 var(--spacing-400) 0 var(--spacing-200);
        width: 45%
    }
}

@media (min-width:992px) {
    .component-error__left-column {
        padding: 0 var(--spacing-400);
        width: 45%
    }
}

.component-error__right-column {
    padding: 0;
    width: 100%
}

@media (min-width:768px) {
    .component-error__right-column {
        padding: 0 var(--spacing-200) 0 0;
        width: 55%
    }
}

@media (min-width:992px) {
    .component-error__right-column {
        padding: 0 var(--spacing-400) 0 0;
        width: 55%
    }
}

.component-error__headline {
    text-align: left
}

.component-error__subline {
    font-size: var(--font-size-xs);
    font-weight: 400;
    letter-spacing: .2px;
    line-height: var(--line-height-xs);
    margin-bottom: var(--spacing-400)
}

@media (min-width:992px) {
    .component-error__subline {
        font-size: var(--font-size-s);
        line-height: var(--line-height-s)
    }
}

.component-error__history-button {
    margin-bottom: var(--spacing-200)
}

@media (min-width:992px) {
    .component-error__history-button a {
        font-size: var(--font-size-xs);
        line-height: var(--line-height-xs);
        padding: var(--spacing-200) var(--spacing-600)
    }
}

.component-error__history-button:last-child {
    margin-bottom: 0 !important
}

.component-error__img-box img {
    margin: auto;
    max-height: 368px;
    max-width: 100%;
    width: auto
}

.component-awards .container {
    padding: 0
}

.component-awards__list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    list-style: none;
    row-gap: var(--spacing-400)
}

.component-awards__list:has(li:nth-child(3)) {
    justify-content: space-between
}

.component-awards__list li {
    width: 100%;
    z-index: 1
}

@media (min-width:768px) {
    .component-awards__list li {
        max-width: calc(var(--spacing-800)*6 + var(--spacing-150)*2);
        width: 50%
    }
}

@media (min-width:992px) {
    .component-awards__list li {
        max-width: calc(var(--spacing-800)*6 + var(--spacing-400)*2);
        width: 33.3333333333%
    }
}

.component-awards__list__card {
    background-color: var(--color-secondary-accent-050);
    display: flex;
    flex-direction: row;
    gap: var(--spacing-200);
    height: 100%;
    margin: 0 var(--spacing-150);
    min-height: calc(var(--spacing-600)*2);
    padding: var(--spacing-200)
}

@media (min-width:992px) {
    .component-awards__list__card {
        margin: 0 var(--spacing-400)
    }
}

.component-awards__list__image {
    flex: 1
}

.component-awards__list__image img {
    max-width: calc(var(--spacing-600)*2);
    -o-object-fit: contain;
    object-fit: contain
}

.component-awards__list hgroup {
    display: flex;
    flex: 3;
    flex-direction: column
}

.component-awards__list__headline {
    font-weight: 700;
    text-transform: uppercase
}

.component-awards__list__content {
    flex: 1;
    padding-top: var(--spacing-100)
}

.component-main-teaser+.component-awards {
    margin-top: calc(var(--spacing-200)*-1)
}

@media (min-width:992px) {
    .component-main-teaser+.component-awards {
        margin-top: calc(var(--spacing-400)*-1)
    }
}

.component-main-teaser+.component-awards .component-awards__list {
    --awards-visible-on-screen: 1
}

@media (min-width:768px) {
    .component-main-teaser+.component-awards .component-awards__list {
        --awards-visible-on-screen: 2
    }
}

@media (min-width:992px) {
    .component-main-teaser+.component-awards .component-awards__list {
        --awards-visible-on-screen: 3
    }
}

.component-main-teaser+.component-awards .component-awards__list li {
    flex: 1
}

.component-main-teaser+.component-awards .component-awards__list li:not(:first-child) {
    display: none
}

@media (min-width:768px) {
    .component-main-teaser+.component-awards .component-awards__list li:nth-child(2) {
        display: list-item
    }
}

@media (min-width:992px) {
    .component-main-teaser+.component-awards .component-awards__list li:nth-child(3) {
        display: list-item
    }
}

.app-int .contact-data-overview-icon {
    background-color: #f86200;
    background-position: 50%;
    background-size: cover;
    border: none;
    border-radius: 50%;
    bottom: 1.6rem;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
    cursor: pointer;
    height: 5rem;
    outline: none;
    position: fixed;
    right: 2.4rem;
    width: 5rem;
    z-index: 1000
}

.app-int .contact-data-overview-icon svg {
    margin: 7px 0 0 7px
}

.app-int .contact-data-overview-text {
    background: #008171;
    border-radius: 15px;
    bottom: 8rem;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
    color: #fff;
    cursor: pointer;
    display: block;
    padding: 5px 15px;
    position: fixed;
    right: 2.4rem;
    z-index: 1000
}

.component-multi-product {
    opacity: 0;
    transition: visibility .2s, opacity .2s linear;
    visibility: hidden
}

.component-multi-product .container {
    margin-top: 66px
}

@media (max-width:575px) {
    .component-multi-product .container {
        padding: 0
    }
}

.component-multi-product__modal {
    background-color: var(--color-primary-brand-200);
    border: none;
    height: 100%;
    left: 50%;
    overflow: hidden;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 1000
}

.component-multi-product__link {
    background-color: var(--color-neutral-000);
    color: var(--color-primary-action-900);
    padding: var(--spacing-300) var(--spacing-100);
    width: 100%
}

@media (max-width:575px) {
    .component-multi-product__link {
        padding: var(--spacing-100) var(--spacing-150)
    }
}

.component-multi-product__link:hover {
    background-color: var(--color-primary-interactive-700);
    color: var(--color-neutral-000);
    text-decoration: unset
}

.component-multi-product__link:hover .component-multi-product__product_icon__icon {
    background-color: var(--color-neutral-000)
}

@media (max-width:575px) {
    .component-multi-product__link:hover {
        background-color: var(--color-primary-interactive-800)
    }

    .component-multi-product__link:hover svg {
        color: var(--color-neutral-000)
    }

    .component-multi-product__link:hover .component-multi-product__product_icon__icon {
        background-color: var(--color-primary-interactive-800)
    }

    .component-multi-product__link {
        background-color: var(--color-primary-brand-200)
    }
}

.component-multi-product__title__headline {
    margin-bottom: var(--spacing-500)
}

@media (min-width:576px) {
    .component-multi-product__title__headline {
        margin-bottom: var(--spacing-700)
    }
}

.component-multi-product__product_overview {
    padding-top: 0
}

.component-multi-product__product_overview .center {
    justify-content: center
}

.component-multi-product__product_overview li {
    padding: 0
}

@media (max-width:575px) {
    .component-multi-product__product_overview li {
        border-bottom: 1px solid var(--color-primary-interactive-300)
    }
}

@media (min-width:576px) and (max-width:991px) {
    .component-multi-product__product_overview li {
        padding-bottom: var(--spacing-200);
        padding-left: var(--spacing-150);
        padding-right: var(--spacing-150);
        padding-top: 0
    }
}

@media (min-width:992px) {
    .component-multi-product__product_overview li {
        padding-bottom: var(--spacing-200);
        padding-left: var(--spacing-200);
        padding-right: var(--spacing-200);
        padding-top: 0
    }
}

.component-multi-product__product_icon {
    display: flex;
    justify-content: center
}

@media (min-width:576px) {
    .component-multi-product__product_icon {
        margin-bottom: 18px
    }
}

.component-multi-product__product_icon__icon {
    border-radius: 50%;
    height: var(--spacing-600);
    width: var(--spacing-600)
}

@media (min-width:576px) {
    .component-multi-product__product_icon__icon {
        background-color: var(--color-primary-brand-050);
        height: var(--spacing-500);
        width: var(--spacing-500)
    }
}

@media (min-width:992px) {
    .component-multi-product__product_icon__icon {
        height: var(--spacing-600);
        width: var(--spacing-600)
    }
}

.component-multi-product__product_icon__icon svg {
    color: var(--color-primary-action-800);
    height: var(--spacing-400);
    margin: var(--spacing-100);
    width: var(--spacing-400)
}

@media (min-width:576px) and (max-width:992px) {
    .component-multi-product__product_icon__icon svg {
        height: var(--spacing-300);
        width: var(--spacing-300)
    }
}

.component-multi-product__product_text {
    display: flex;
    padding: 0;
    text-transform: uppercase
}

@media (max-width:575px) {
    .component-multi-product__product_text {
        align-items: center;
        height: unset !important
    }
}

@media (min-width:576px) {
    .component-multi-product__product_text {
        justify-content: center;
        text-align: center
    }
}

.component-multi-product__product_text a {
    cursor: pointer
}

.component-multi-product__product-arrow {
    padding: 0;
    right: 0
}

@media (max-width:575px) {
    .component-multi-product__product-arrow {
        align-items: center;
        display: flex;
        justify-content: flex-end
    }
}

.component-multi-product__product-arrow_form {
    color: var(--color-primary-interactive-600);
    height: 24px;
    transform: rotate(-90deg);
    width: 24px
}

@media (min-width:576px) {
    .component-multi-product__product-arrow_form {
        display: none
    }
}

.component-multi-product__close-modal {
    margin-top: var(--spacing-500);
    text-align: center
}

@media (max-width:576px) {
    .component-multi-product__close-modal {
        margin-top: var(--spacing-700)
    }
}

.component-multi-product__close-modal__button {
    cursor: pointer;
    text-align: center
}

.component-multi-product .close-multi-product {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 24px;
    margin-right: var(--spacing-150)
}

@media (max-width:576px) {
    .component-multi-product .close-multi-product {
        margin-bottom: 32px
    }
}

.component-multi-product .close-button-multi-product {
    background-size: var(--spacing-300) auto;
    border: none;
    color: var(--color-primary-action-900);
    cursor: pointer;
    height: var(--spacing-300);
    width: var(--spacing-300)
}

.component-multi-product .form-redirect {
    cursor: pointer
}

.component-multi-product.show {
    opacity: 1;
    transition: visibility .2s, opacity .2s linear;
    visibility: visible
}

.component-customer-survey {
    margin-bottom: 0;
    margin-top: 3.2rem
}

@media (min-width:992px) {
    .component-customer-survey {
        margin-top: 4rem
    }
}

.component-customer-survey .survey-page,
.component-customer-survey .thank-you-page {
    display: none
}

.component-customer-survey .show {
    display: block
}

.component-customer-survey .yes-no-rating {
    margin-bottom: 2.4rem
}

.component-customer-survey .yes-no-rating__main-question {
    margin-bottom: 1.2rem
}

.component-customer-survey .yes-no-rating__selection {
    margin-bottom: 3.5rem
}

.component-customer-survey .yes-no-rating__selection-button {
    margin-left: -1.6rem
}

.component-customer-survey .yes-no-rating__answer {
    display: none;
    padding: 0
}

.component-customer-survey .yes-no-rating__answer-text-input-field {
    height: 10rem;
    margin-bottom: 2.4rem
}

.component-customer-survey .main-rating {
    margin-bottom: 2.4rem
}

.component-customer-survey .main-rating__main-question {
    margin-bottom: 1.2rem
}

.component-customer-survey .main-rating__stars i svg {
    height: 4rem;
    width: 4rem
}

@media (min-width:504px) {
    .component-customer-survey .main-rating__stars i svg {
        height: 5rem;
        width: 5rem
    }
}

.component-customer-survey .section-rating {
    margin-bottom: 3.2rem
}

.component-customer-survey .section-rating__headline {
    margin-bottom: 1.2rem
}

.component-customer-survey .section-rating__question {
    align-items: center;
    display: flex;
    font-size: 1.8rem;
    line-height: 2.8rem;
    padding: 0
}

.component-customer-survey .section-rating__stars {
    padding: 0
}

.component-customer-survey .section-rating__data-default {
    display: none
}

.component-customer-survey .section-rating__stars-list i svg {
    height: 3rem;
    width: 3rem
}

.component-customer-survey .customer-feedback__four-plus,
.component-customer-survey .customer-feedback__three-below {
    display: none
}

.component-customer-survey .customer-feedback__input {
    display: none;
    margin-bottom: 1.2rem
}

.component-customer-survey .customer-feedback__input-field {
    height: 10rem
}

.component-customer-survey .customer-feedback__recall {
    display: none
}

.component-customer-survey .customer-feedback__recall__headline {
    font-weight: 600
}

.component-customer-survey .customer-feedback__recall__buttons {
    padding: 0
}

.component-customer-survey .customer-feedback__recall__buttons .recall-button-no,
.component-customer-survey .customer-feedback__recall__buttons .recall-button-yes {
    margin: 1rem 0 !important
}

@media (min-width:704px) {
    .component-customer-survey .customer-feedback__recall__buttons.right {
        margin-left: 1.6rem
    }
}

.component-customer-survey .customer-feedback__recall .recall-button {
    margin-left: 0
}

.component-customer-survey .customer-feedback__submit {
    text-align: center
}

.component-customer-survey .customer-feedback__submit .disabled {
    background: #dcdcdc;
    cursor: unset
}

.component-customer-survey .customer-feedback__submit .customer-feedback__submit-button {
    -webkit-appearance: button
}

.component-customer-survey .customer-feedback__error-message {
    display: none;
    text-align: center
}

.component-customer-survey .customer-feedback__error-message-text {
    color: red
}

.component-customer-survey .customer-feedback .show {
    display: block
}

.component-customer-survey .thank-you-page__headline {
    margin-bottom: 3.2rem;
    text-align: center
}

.component-customer-survey .thank-you-page__block-image {
    text-align: center
}

.component-customer-survey .thank-you-page__block-image img {
    height: 25rem;
    margin-bottom: 1.2rem;
    width: auto
}

@media (min-width:1280px) {
    .component-customer-survey .thank-you-page__block-image img {
        height: 35rem;
        margin-bottom: 0
    }
}

.component-customer-survey .thank-you-page__block-text {
    margin: auto 0
}

@media (max-width:991px) {
    .component-customer-survey .thank-you-page__block-text {
        text-align: center
    }
}

.component-customer-survey .thank-you-page__block-text-headline,
.component-customer-survey .thank-you-page__block-text-subline {
    margin-bottom: 1.2rem
}

.star_component {
    display: inline-block
}

.star_component svg {
    padding-right: 4px
}

.star_component i.filled svg path {
    fill: #fdd25c;
    stroke: #fdd25c
}

.star_component i.unfilled svg path {
    fill: #fff;
    stroke: #767676
}

.component-contact-us {
    --color-neutral-000: #fff;
    --color-secondary-accent-700: #d6005d;
    --color-primary-allianz-900: #1b417e;
    --color-primary-brand-200: #d5f0fb;
    --color-primary-action-900: #122b54
}

.component-contact-us .hide {
    display: none !important
}

.component-contact-us__contact-icon {
    background-color: var(--color-secondary-accent-700);
    border: none;
    border-radius: 50%;
    bottom: var(--spacing-200);
    color: var(--color-neutral-000);
    cursor: pointer;
    height: 60px;
    outline: none;
    position: fixed;
    right: var(--spacing-400);
    width: 60px;
    z-index: 1000
}

.component-contact-us__contact-icon svg {
    height: 48px;
    margin: calc(var(--spacing-150)/2);
    width: 48px
}

.component-contact-us__contact-icon__text {
    background-color: var(--color-primary-brand-200);
    border-radius: 16px;
    bottom: calc(60px + var(--spacing-200) + var(--spacing-100));
    color: var(--color-primary-allianz-900);
    display: block;
    font-size: var(--font-size-xxxxs);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-xxxs);
    padding: var(--spacing-25) var(--spacing-200);
    position: fixed;
    right: var(--spacing-400)
}

.component-contact-us__overlay {
    background-color: rgba(18, 43, 84, .5);
    cursor: auto;
    display: none;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 7000
}

.component-contact-us__modal {
    cursor: auto;
    left: 50vw;
    max-width: 550px;
    position: fixed;
    top: 50vh;
    transform: translate(-50%, -50%);
    width: 90%
}

@media (min-width:992px) {
    .component-contact-us__modal {
        width: 75%
    }
}

.component-contact-us__modal__top {
    display: flex;
    justify-content: center;
    position: relative;
    text-align: center;
    top: 31px
}

.component-contact-us__modal__top__circle {
    background-color: var(--color-secondary-accent-700);
    border: var(--border-xl) solid;
    border-color: var(--color-neutral-000);
    border-radius: 50%;
    height: 62px;
    padding: var(--spacing-100);
    shape-outside: margin-box;
    width: 62px
}

.component-contact-us__modal__top__circle svg {
    color: var(--color-neutral-000);
    height: 40px;
    width: 40px
}

.component-contact-us__modal__body {
    background-color: var(--color-primary-brand-200);
    border-radius: var(--border-radius-l);
    padding: var(--spacing-300) var(--spacing-300) var(--spacing-500)
}

.component-contact-us__modal__body__close {
    cursor: pointer;
    display: flex;
    justify-content: end
}

.component-contact-us__modal__body__close svg {
    color: var(--color-primary-action-900);
    height: 24px;
    width: 24px
}

.component-contact-us__modal__body__headline {
    color: var(--color-primary-allianz-900);
    font-size: var(--font-size-m);
    font-weight: 600;
    line-height: var(--line-height-m);
    margin-top: var(--spacing-100);
    text-align: center
}

@media (max-width:992px) {
    .component-contact-us__modal__body__headline {
        font-size: var(--font-size-l);
        line-height: var(--line-height-m)
    }
}

.component-contact-us__modal__body__subline {
    font-size: var(--font-size-xs);
    line-height: var(--line-height-xs);
    margin-top: var(--spacing-200);
    text-align: center
}

@media (max-width:992px) {
    .component-contact-us__modal__body__subline {
        font-size: var(--font-size-s);
        line-height: var(--line-height-s)
    }
}

.component-contact-us__modal__body__separator {
    margin-top: var(--spacing-200);
    text-align: center
}

.component-contact-us__modal__body__separator__line {
    background: var(--color-secondary-accent-700);
    display: inline-block;
    height: 4px;
    margin: var(--spacing-200) 0 0;
    padding: 0;
    width: 72px
}

.component-contact-us__modal__body__buttons {
    display: flex;
    flex-flow: column;
    gap: var(--spacing-200);
    margin-top: var(--spacing-400);
    text-align: center
}

@media (min-width:768px) {
    .component-contact-us__modal__body__buttons {
        flex-flow: row;
        justify-content: center
    }
}

.component-contact-us__modal__body__buttons__chat {
    width: 100%
}

@media (min-width:768px) {
    .component-contact-us__modal__body__buttons__chat {
        width: 50%
    }
}

.component-contact-us__modal__body__buttons__chat .contact-us-chat-button {
    display: none
}

.component-contact-us__modal__body__buttons__phone {
    width: 100%
}

@media (min-width:768px) {
    .component-contact-us__modal__body__buttons__phone {
        width: 50%
    }
}

.website-radio-button {
    background-color: #fff;
    box-shadow: 0 0 10px 0 #000;
    -webkit-box-shadow: 0 0 10px 0 #000;
    -moz-box-shadow: 0 0 10px 0 #000;
    color: #000;
    font-size: 1.4rem !important;
    padding: 1.6rem !important;
    width: 100% !important
}

.website-radio-button.clicked,
.website-radio-button:hover {
    background-color: #407d71;
    color: #fff
}

@media (min-width:992px) {
    .component-icon-text .limit-width {
        max-width: 800px
    }
}

.component-icon-text .container {
    padding: var(--spacing-600) 0
}

@media (max-width:992px) {
    .component-icon-text .container {
        padding: var(--spacing-500) 0
    }
}

@media (max-width:576px) {
    .component-icon-text .container {
        padding: var(--spacing-400) 0
    }
}

.component-icon-text__icon {
    align-items: center;
    background-color: var(--color-secondary-accent-050);
    border-radius: 50px;
    display: flex;
    height: 72px;
    justify-content: center;
    margin: auto;
    width: 72px
}

.component-icon-text__icon svg {
    filter: brightness(0) saturate(100%) invert(14%) sepia(87%) saturate(5438%) hue-rotate(326deg) brightness(82%) contrast(107%);
    height: 60px;
    width: 60px
}

@media (max-width:992px) {
    .component-icon-text__icon {
        height: 64px;
        width: 64px
    }

    .component-icon-text__icon svg {
        height: 55px;
        width: 55px
    }
}

.component-icon-text__headline h5 {
    font-size: var(--font-size-m);
    line-height: var(--line-height-m);
    margin: var(--spacing-200) 0
}

@media (max-width:992px) {
    .component-icon-text__headline h5 {
        font-size: var(--font-size-s);
        line-height: var(--line-height-s)
    }
}

.component-icon-text__content {
    font-size: var(--font-size-xxs) !important;
    line-height: var(--line-height-xs) !important;
    margin-bottom: var(--spacing-500) !important;
    text-align: left !important
}

@media (max-width:992px) {
    .component-icon-text__content {
        font-size: var(--font-size-xxxs) !important;
        line-height: var(--line-height-xxs) !important;
        margin-bottom: var(--spacing-400) !important
    }
}

@media (max-width:576px) {
    .component-icon-text__content {
        margin-bottom: var(--spacing-400) !important
    }
}

.component-video img {
    display: block;
    width: 100%
}

.component-video iframe {
    width: 100%
}

.component-video figcaption {
    color: #767676;
    font-size: 1.6rem;
    margin-bottom: 3.2rem
}

@media (min-width:992px) {
    .component-video figcaption {
        font-size: 1.8rem
    }
}

.component-video__player .row {
    background-color: #e4eff5;
    justify-content: center
}

.component-video__player__videoPlayer {
    display: none
}

.component-video__player__modal {
    background-color: #c2c2c2;
    display: none;
    padding: 5.4rem
}

.component-video__player__modal__headline {
    margin-top: 2.4rem;
    text-align: center
}

.component-video__player__modal__content {
    margin-top: 1.8rem;
    text-align: center
}

.component-video__player__modal__content p {
    font-size: 1.6rem;
    line-height: 2.4rem
}

.component-video__player__modal__button {
    margin: 3.2rem 0 2.4rem
}

.component-promotion-banner {
    background-color: var(--color-primary-brand-500);
    width: 100%;
    z-index: 2
}

@media (min-width:576px) {
    .component-promotion-banner {
        padding-top: var(--spacing-100)
    }
}

.component-promotion-banner .showMobile {
    display: block
}

.component-promotion-banner .hideMobile {
    display: none
}

@media (min-width:576px) {
    .component-promotion-banner .showTablet {
        display: block
    }

    .component-promotion-banner .hideTablet {
        display: none
    }
}

@media (min-width:992px) {
    .component-promotion-banner .showDesktop {
        display: block
    }

    .component-promotion-banner .hideDesktop {
        display: none
    }
}

.component-promotion-banner .container {
    display: flex;
    justify-content: center;
    padding: 0
}

.component-promotion-banner .promotion-banner {
    background-color: var(--color-primary-action-800);
    max-width: 800px;
    overflow: hidden;
    padding: var(--spacing-150) var(--spacing-200)
}

@media (min-width:576px) {
    .component-promotion-banner .promotion-banner {
        border-radius: var(--spacing-50);
        overflow: hidden;
        padding: var(--spacing-200)
    }
}

.component-promotion-banner .promotion-banner__header {
    cursor: pointer;
    display: flex;
    justify-content: space-between
}

.component-promotion-banner .promotion-banner__header svg {
    filter: brightness(0) saturate(100%) invert(85%) sepia(89%) saturate(5297%) hue-rotate(11deg) brightness(103%) contrast(102%);
    max-height: 20px;
    max-width: 20px
}

@media (min-width:576px) {
    .component-promotion-banner .promotion-banner__header svg {
        max-height: 24px;
        max-width: 24px
    }
}

.component-promotion-banner .promotion-banner__header__title {
    color: var(--color-neutral-000);
    font-size: var(--font-size-xxxs);
    font-weight: 700;
    letter-spacing: .2px;
    line-height: var(--line-height-xxs);
    margin-left: var(--spacing-100)
}

@media (min-width:576px) {
    .component-promotion-banner .promotion-banner__header__title {
        font-size: var(--font-size-xxs);
        line-height: var(--line-height-xs)
    }
}

.component-promotion-banner .promotion-banner__header__toggle {
    align-items: center;
    align-self: flex-start;
    display: flex;
    margin-left: auto
}

.component-promotion-banner .promotion-banner__header__toggle svg {
    padding: 3px
}

.component-promotion-banner .promotion-banner__header__toggle .show-more {
    color: var(--color-secondary-trigger-600);
    display: none;
    font-size: var(--font-size-xxxs);
    font-weight: 600;
    letter-spacing: .2px;
    line-height: var(--line-height-xxs);
    padding-right: var(--spacing-100)
}

@media (min-width:576px) {
    .component-promotion-banner .promotion-banner__header__toggle .show-more {
        display: block;
        font-size: var(--font-size-xxs);
        line-height: var(--line-height-xs);
        width: -moz-max-content;
        width: max-content
    }
}

.component-promotion-banner .promotion-banner__header__toggle.toggle svg {
    filter: brightness(0) saturate(100%) invert(98%) sepia(21%) saturate(0) hue-rotate(121deg) brightness(115%) contrast(100%);
    padding: 3px;
    transform: rotate(180deg)
}

.component-promotion-banner .promotion-banner__header__close {
    display: none;
    margin-left: auto
}

.component-promotion-banner .promotion-banner__header__close__button {
    background-size: 20px !important;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTYuMjU4IDE4Ljk2NWMuMTc2LS4wNDguMzI3LS4xMzYuNDU1LS4yNjRsNS4yOTktNS4yOTggNS4yNzUgNS4yOThjLjIwOC4xOTIuNDQ3LjI4OC43MTkuMjg4YS45NDcuOTQ3IDAgMCAwIC42OTUtLjI4OC45NDcuOTQ3IDAgMCAwIC4yODgtLjY5NWMwLS4yNzItLjA5Ni0uNTExLS4yODgtLjcybC01LjI5OC01LjI5OEwxOC43IDYuNzEzYy4xMjgtLjEyOC4yMTYtLjI4LjI2NC0uNDU1LjA0OC0uMTc2LjA1Mi0uMzUyLjAxMi0uNTI4YS45Mi45MiAwIDAgMC0uMjUyLS40NTUuOTIuOTIgMCAwIDAtLjQ1NS0uMjUyIDEuMDcyIDEuMDcyIDAgMCAwLS41MjguMDEyIDEuMDA5IDEuMDA5IDAgMCAwLS40NTUuMjY0bC01LjI3NSA1LjI5OEw2LjcxMyA1LjNhMS4wMjkgMS4wMjkgMCAwIDAtLjcxOS0uMjg4Ljk0Ny45NDcgMCAwIDAtLjY5NS4yODguOTQ3Ljk0NyAwIDAgMC0uMjg4LjY5NWMwIC4yNzIuMDk2LjUxMS4yODguNzJsNS4yOTggNS4yNzRMNS4zIDE3LjI4N2MtLjEyOC4xMjgtLjIxNi4yOC0uMjY0LjQ1NWExLjA3MiAxLjA3MiAwIDAgMC0uMDEyLjUyOC45Mi45MiAwIDAgMCAuMjUyLjQ1NS45Mi45MiAwIDAgMCAuNDU1LjI1MmMuMTc2LjA0LjM1Mi4wMzYuNTI4LS4wMTJaIiBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=") no-repeat scroll top;
    border: none;
    cursor: pointer;
    filter: brightness(0) saturate(100%) invert(98%) sepia(21%) saturate(0) hue-rotate(121deg) brightness(115%) contrast(100%);
    width: 20px
}

@media (min-width:576px) {
    .component-promotion-banner .promotion-banner__header__close__button {
        background-size: 24px !important;
        width: 24px
    }
}

.component-promotion-banner .promotion-banner__body {
    height: 0;
    overflow: hidden
}

.component-promotion-banner .promotion-banner__body.open {
    border-radius: var(--spacing-50);
    height: auto;
    padding-top: var(--spacing-100)
}

.component-promotion-banner .promotion-banner__body.open b,
.component-promotion-banner .promotion-banner__body.open strong {
    font-weight: 600
}

.component-promotion-banner .promotion-banner__body.open i {
    font-style: italic
}

.component-promotion-banner .promotion-banner__body.open a {
    font-size: var(--font-size-xxxs);
    line-height: var(--line-height-xxs)
}

@media (min-width:576px) {
    .component-promotion-banner .promotion-banner__body.open a {
        font-size: var(--font-size-xxs);
        line-height: var(--line-height-xs)
    }
}

.component-promotion-banner .promotion-banner__body.open ol,
.component-promotion-banner .promotion-banner__body.open p,
.component-promotion-banner .promotion-banner__body.open ul {
    color: var(--color-neutral-000);
    font-size: var(--font-size-xxxs);
    font-weight: 400;
    letter-spacing: .2px;
    line-height: var(--line-height-xxs);
    word-break: break-word
}

@media (min-width:576px) {

    .component-promotion-banner .promotion-banner__body.open ol,
    .component-promotion-banner .promotion-banner__body.open p,
    .component-promotion-banner .promotion-banner__body.open ul {
        font-size: var(--font-size-xxs);
        line-height: var(--line-height-xs)
    }
}

.component-promotion-banner .promotion-banner__body.open ul {
    list-style: disc
}

.component-promotion-banner .promotion-banner__body__link {
    cursor: pointer;
    display: flex;
    flex-direction: row-reverse;
    margin-top: var(--spacing-100)
}

.component-promotion-banner .promotion-banner__body__link .show-more {
    color: var(--color-secondary-trigger-600);
    font-size: var(--font-size-xxxs);
    font-weight: 600;
    letter-spacing: .2px;
    line-height: var(--line-height-xxs)
}

@media (min-width:576px) {
    .component-promotion-banner .promotion-banner__body__link .show-more {
        font-size: var(--font-size-xxs);
        line-height: var(--line-height-xs)
    }
}

.component-promotion-banner .promotion-banner__body__link__toggle {
    align-items: center;
    display: flex;
    margin-left: var(--spacing-100)
}

.component-promotion-banner .promotion-banner__body__link__toggle svg {
    color: var(--color-secondary-trigger-600);
    padding: 3px
}

.component-promotion-banner .promotion-banner__body__link__toggle.open svg {
    transform: rotate(180deg)
}

.component-promotion-banner .promotion-banner__body__read-more {
    height: 0;
    overflow: hidden
}

.component-promotion-banner .promotion-banner__body__read-more.open {
    height: auto;
    margin-top: 20px
}

.component-promotion-banner .promotion-banner__body__read-more.open b,
.component-promotion-banner .promotion-banner__body__read-more.open strong {
    font-weight: 600
}

.component-promotion-banner .promotion-banner__body__read-more.open i {
    font-style: italic
}

.component-promotion-banner .promotion-banner__body__read-more.open a {
    color: var(--color-secondary-trigger-600);
    cursor: pointer;
    font-size: var(--font-size-xxxs);
    line-height: var(--line-height-xxs)
}

.component-promotion-banner .promotion-banner__body__read-more.open ol,
.component-promotion-banner .promotion-banner__body__read-more.open p,
.component-promotion-banner .promotion-banner__body__read-more.open ul {
    font-size: var(--font-size-xxxs);
    line-height: var(--line-height-xxs);
    word-break: break-word
}

.component-promotion-banner .promotion-banner__body__read-more.open ul {
    list-style: disc
}

.component-promotion-banner .promotion-banner__body__cta {
    height: 0;
    height: auto;
    margin-top: var(--spacing-100);
    overflow: hidden
}

.component-promotion-banner .promotion-banner__body__cta b,
.component-promotion-banner .promotion-banner__body__cta strong {
    font-weight: 600
}

.component-promotion-banner .promotion-banner__body__cta i {
    font-style: italic
}

.component-promotion-banner .promotion-banner__body__cta a {
    font-size: var(--font-size-xxxs) !important;
    line-height: var(--line-height-xxs) !important
}

.component-promotion-banner .promotion-banner__body__cta ol,
.component-promotion-banner .promotion-banner__body__cta p,
.component-promotion-banner .promotion-banner__body__cta ul {
    word-break: break-word
}

.component-promotion-banner .promotion-banner__body__cta ul {
    list-style: disc
}

.showBannerMobile {
    display: block
}

.hideBannerMobile {
    display: none
}

@media (min-width:576px) {
    .showBannerTablet {
        display: block
    }

    .hideBannerTablet {
        display: none
    }
}

@media (min-width:992px) {
    .showBannerDesktop {
        display: block
    }

    .hideBannerDesktop {
        display: none
    }
}

.component-promotion-banner:not(:has(+.component-main-teaser)) {
    background-color: var(--color-neutral-000)
}

.component-table-of-contents {
    padding-bottom: var(--spacing-300);
    padding-top: var(--spacing-300)
}

@media (min-width:992px) {
    .component-table-of-contents {
        padding-bottom: var(--spacing-400);
        padding-top: var(--spacing-400)
    }
}

.component-table-of-contents .row {
    background-color: transparent
}

@media (min-width:992px) {
    .component-table-of-contents .row {
        margin: auto;
        /* max-width: 800px; */
    }
}

.component-table-of-contents__headline {
    align-items: center;
    border-bottom: 1px solid var(--color-primary-interactive-300);
    border-top: 1px solid var(--color-primary-interactive-300);
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: var(--spacing-200)
}

.component-table-of-contents__headline hgroup p {
    font-style: italic;
    font-weight: 600 !important;
    margin: 0 !important;
    text-transform: uppercase
}

.component-table-of-contents__headline svg {
    stroke: var(--color-primary-action-900)
}

.component-table-of-contents__headline.open svg {
    transform: rotate(180deg);
    transition: .15s linear
}

.component-table-of-contents__list {
    display: none;
    padding: 0;
    transition: .15s linear
}

.component-table-of-contents__list.open {
    display: block
}

.component-table-of-contents__list__overview li {
    display: block;
    width: 100%
}

.component-table-of-contents__list__overview .h2-toc-element {
    border-top: 1px solid var(--color-primary-interactive-300);
    padding: var(--spacing-200)
}

.component-table-of-contents__list__overview .h2-toc-element:first-child {
    border-top: none
}

.component-table-of-contents__list__overview .h2-toc-element:last-child {
    border-bottom: 1px solid var(--color-primary-interactive-300)
}

.component-table-of-contents__list__overview .h3-toc-element {
    padding-bottom: var(--spacing-200);
    padding-left: var(--spacing-500);
    width: auto
}

.component-table-of-contents__list__overview .h3-toc-element:last-child {
    border-bottom: 1px solid var(--color-primary-interactive-300)
}

.component-table-of-contents__list__overview .h3-toc-element a {
    font-weight: 400
}

.countdown-website {
    --color-neutral-000: #fff;
    --color-primary-action-900: #122b54;
    --color-primary-interactive-300: #abc4ed;
    --color-secondary-accent-700: #d6005d;
    align-items: center;
    background: var(--color-neutral-000);
    border-radius: var(--spacing-50);
    box-shadow: 0 10px 32px 0 rgba(18, 43, 84, .06), 0 6px 14px 0 rgba(18, 43, 84, .08);
    display: inline-block;
    flex-direction: column;
    height: 78px;
    justify-content: center;
    margin: 0 var(--spacing-100) 0 var(--spacing-100);
    padding: 2px 4px 4px;
    position: relative;
    width: 58px
}

@media (min-width:992px) {
    .countdown-website {
        height: 108px;
        margin: 0 16px;
        padding: var(--spacing-50) var(--spacing-100) var(--spacing-100) var(--spacing-100);
        width: 78px
    }
}

.countdown-website__days {
    font-feature-settings: "clig" off, "liga" off;
    color: var(--color-secondary-accent-700);
    display: block;
    font-size: var(--font-size-xxl);
    font-style: italic;
    font-weight: 700;
    letter-spacing: .3px;
    line-height: var(--line-height-xl);
    text-align: center;
    text-transform: uppercase
}

@media (min-width:992px) {
    .countdown-website__days {
        font-size: var(--font-size-xxxxl);
        line-height: var(--line-height-xxxl)
    }
}

.countdown-website__label {
    font-feature-settings: "clig" off, "liga" off;
    color: var(--color-secondary-accent-700);
    display: block;
    font-size: var(--font-size-m);
    font-style: normal;
    font-weight: 400;
    letter-spacing: .3px;
    line-height: var(--line-height-m);
    text-align: center;
    text-transform: lowercase
}

@media (min-width:992px) {
    .countdown-website__label {
        font-size: var(--font-size-xl);
        line-height: var(--line-height-l)
    }
}

.component-info-icon {
    display: none
}

.component-info-icon__modal {
    background: var(--color-neutral-000);
    border-radius: 4px;
    box-sizing: border-box;
    color: var(--color-primary-action-900);
    display: block;
    height: auto;
    left: 50vw;
    max-height: inherit;
    min-height: inherit;
    min-width: 300px;
    padding: var(--spacing-500) 0;
    position: fixed;
    top: 50vh;
    transform: translate(-50%, -50%);
    width: 90%;
    z-index: 7001
}

@media (min-width:768px) {
    .component-info-icon__modal {
        max-width: 488px
    }
}

@media (min-width:992px) {
    .component-info-icon__modal {
        max-width: 800px
    }
}

.component-info-icon__modal .row {
    max-height: 800px;
    overflow-y: auto
}

.component-info-icon__modal__headline {
    font-size: var(--font-size-m);
    font-weight: 700;
    letter-spacing: .3px;
    line-height: var(--line-height-m);
    margin-bottom: 20px;
    padding: 0 var(--spacing-500)
}

@media (min-width:992px) {
    .component-info-icon__modal__headline {
        font-size: var(--font-size-l)
    }
}

.component-info-icon__modal__headline h1 {
    font-size: var(--font-size-m);
    font-weight: 700;
    letter-spacing: .3px;
    line-height: var(--line-height-m)
}

@media (min-width:992px) {
    .component-info-icon__modal__headline h1 {
        font-size: var(--font-size-l)
    }
}

.component-info-icon__modal__subHeadline {
    font-size: var(--font-size-s);
    font-weight: 600;
    letter-spacing: .2px;
    line-height: var(--line-height-s);
    margin-bottom: var(--spacing-200);
    padding: 0 var(--spacing-500)
}

@media (min-width:992px) {
    .component-info-icon__modal__subHeadline {
        font-size: var(--font-size-m);
        line-height: var(--line-height-m)
    }
}

.component-info-icon__modal__subHeadline h2 {
    font-size: var(--font-size-s);
    font-weight: 600;
    letter-spacing: .2px;
    line-height: var(--line-height-s)
}

@media (min-width:992px) {
    .component-info-icon__modal__subHeadline h2 {
        font-size: var(--font-size-m);
        line-height: var(--line-height-m)
    }
}

.component-info-icon__modal__image {
    margin-bottom: var(--spacing-200);
    padding: 0 var(--spacing-500)
}

.component-info-icon__modal__image figcaption {
    color: var(--color-primary-action-900);
    font-weight: 400;
    letter-spacing: .2px;
    max-width: 328px
}

@media (min-width:576px) {
    .component-info-icon__modal__image figcaption {
        max-width: 448px
    }
}

@media (min-width:992px) {
    .component-info-icon__modal__image figcaption {
        max-width: 656px
    }
}

.component-info-icon__modal__content {
    font-size: var(--font-size-xxs);
    font-weight: 400;
    letter-spacing: .2px;
    line-height: var(--line-height-xs);
    margin-bottom: var(--spacing-200);
    padding: 0 var(--spacing-500)
}

@media (min-width:992px) {
    .component-info-icon__modal__content {
        font-size: var(--font-size-xs)
    }
}

.component-info-icon__modal__content b,
.component-info-icon__modal__content strong {
    font-weight: 600
}

.component-info-icon__modal__content i {
    font-style: italic
}

.component-info-icon__modal__content h1 {
    font-size: var(--font-size-m);
    font-weight: 700;
    letter-spacing: .3px;
    line-height: var(--line-height-m);
    margin-bottom: var(--spacing-200)
}

@media (min-width:992px) {
    .component-info-icon__modal__content h1 {
        font-size: var(--font-size-l)
    }
}

.component-info-icon__modal__content h1:last-child {
    margin-bottom: 0 !important
}

.component-info-icon__modal__content h2 {
    font-size: var(--font-size-s);
    font-weight: 600;
    letter-spacing: .2px;
    line-height: var(--line-height-s);
    margin-bottom: var(--spacing-200)
}

@media (min-width:992px) {
    .component-info-icon__modal__content h2 {
        font-size: var(--font-size-m);
        line-height: var(--line-height-m)
    }
}

.component-info-icon__modal__content h2:last-child {
    margin-bottom: 0 !important
}

.component-info-icon__modal__content h3 {
    font-size: var(--font-size-xs);
    font-weight: 600;
    letter-spacing: .2px;
    line-height: var(--line-height-xs);
    margin-bottom: var(--spacing-200)
}

@media (min-width:992px) {
    .component-info-icon__modal__content h3 {
        font-size: var(--font-size-s);
        line-height: var(--line-height-s)
    }
}

.component-info-icon__modal__content h3:last-child {
    margin-bottom: 0 !important
}

.component-info-icon__modal__content p {
    margin-bottom: var(--spacing-200)
}

.component-info-icon__modal__content p:last-child {
    margin-bottom: 0 !important
}

.component-info-icon__modal__content ol,
.component-info-icon__modal__content ul {
    margin-bottom: var(--spacing-200);
    word-break: break-word
}

.component-info-icon__modal__content ol:last-child,
.component-info-icon__modal__content ul:last-child {
    margin-bottom: 0 !important
}

.component-info-icon__modal__content ul {
    list-style: disc
}

.component-info-icon__modal__content ol,
.component-info-icon__modal__content ul {
    list-style-position: inside
}

.component-info-icon__modal__content li {
    font-size: var(--font-size-xxxs) !important;
    line-height: var(--line-height-xxs) !important;
    margin-bottom: var(--spacing-100) !important;
    padding-left: 3rem;
    position: relative
}

@media (min-width:992px) {
    .component-info-icon__modal__content li {
        font-size: var(--font-size-xxs) !important;
        line-height: var(--line-height-xs) !important
    }
}

.component-info-icon__modal__content li:last-child {
    margin-bottom: 0 !important
}

.component-info-icon__modal__close {
    background-size: var(--spacing-300) auto;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiM2MTYxNjEiIGQ9Ik0xOSA2LjQgMTcuNiA1IDEyIDEwLjYgNi40IDUgNSA2LjRsNS42IDUuNkw1IDE3LjYgNi40IDE5bDUuNi01LjYgNS42IDUuNiAxLjQtMS40LTUuNi01LjZMMTkgNi40eiIvPjwvc3ZnPg==") no-repeat scroll top;
    border: none;
    cursor: pointer;
    float: right;
    height: var(--spacing-300);
    margin: var(--spacing-200) var(--spacing-200) 0 0;
    position: absolute;
    right: 0;
    top: 0;
    width: var(--spacing-300)
}

.component-info-icon__modal .infoIcon-cta {
    display: flex;
    justify-content: center;
    margin-top: var(--spacing-100);
    padding: 0 var(--spacing-500)
}

.component-info-icon__modal .infoIcon-cta a {
    max-width: 360px
}

.component-highlighted-content .container {
    background-color: var(--color-primary-action-800);
    padding: var(--spacing-200)
}

.component-highlighted-content__topline {
    display: flex;
    margin-bottom: var(--spacing-100)
}

.component-highlighted-content__topline__icon svg {
    filter: brightness(0) saturate(100%) invert(85%) sepia(89%) saturate(5297%) hue-rotate(11deg) brightness(103%) contrast(102%);
    height: 24px;
    width: 24px
}

.component-highlighted-content__topline__headline {
    color: var(--color-neutral-000);
    display: block;
    font-weight: 700;
    margin-left: var(--spacing-100)
}

.component-highlighted-content__content {
    color: var(--color-neutral-000)
}

.component-highlighted-content__content b,
.component-highlighted-content__content strong {
    font-weight: 600
}

.component-highlighted-content__content i {
    font-style: italic
}

.component-highlighted-content__content h1,
.component-highlighted-content__content h2,
.component-highlighted-content__content h3 {
    margin-bottom: var(--spacing-200)
}

.component-highlighted-content__content ol,
.component-highlighted-content__content p,
.component-highlighted-content__content ul {
    word-break: break-word
}

.component-highlighted-content__content ol:not(:last-child),
.component-highlighted-content__content p:not(:last-child),
.component-highlighted-content__content ul:not(:last-child) {
    margin-bottom: var(--spacing-100)
}

.component-highlighted-content__content ul {
    list-style: disc
}

.component-highlighted-content__content ol,
.component-highlighted-content__content ul {
    list-style-position: inside
}

.component-highlighted-content__content picture:not(:last-child) {
    margin-bottom: var(--spacing-100)
}

.component-highlighted-content__content figcaption:not(:last-child) {
    margin-bottom: var(--spacing-200)
}

.component-cta {
    margin-bottom: 4rem
}

@media (min-width:704px) {
    .component-cta {
        margin-bottom: 5.6rem
    }

    .component-cta__button {
        padding: 0 1.6rem
    }
}

@media (min-width:992px) {
    .component-cta__button .stand-alone-cta a {
        font-size: var(--font-size-xs);
        line-height: var(--line-height-xs);
        padding: var(--spacing-200) var(--spacing-600)
    }
}

.component-cta__list {
    display: block;
    padding: 0
}

@media (min-width:704px) {
    .component-cta__list {
        display: flex;
        padding: 0 1.6rem
    }
}

.component-cta__list li {
    align-items: center;
    display: flex
}

@media (min-width:704px) {
    .component-cta__list li {
        padding-right: 1.6rem
    }
}

.component-cta__list__button {
    width: 100%
}

@media (max-width:703px) {
    .component-cta__list__button {
        display: flex;
        justify-content: center;
        padding-bottom: 1.6rem
    }
}

.component-cta.hide {
    display: none
}

.component-top-banner {
    align-items: flex-start;
    display: none;
    gap: var(--spacing-100);
    justify-content: space-between;
    padding: var(--spacing-100) var(--spacing-200);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000
}

@media (min-width:576px) {
    .component-top-banner {
        align-items: center;
        gap: var(--spacing-200);
        justify-content: center;
        padding: var(--spacing-100) var(--spacing-150)
    }
}

@media (min-width:992px) {
    .component-top-banner {
        align-items: center;
        gap: var(--spacing-200);
        justify-content: center;
        padding: var(--spacing-100) var(--spacing-400) var(--spacing-100) var(--spacing-900)
    }
}

.error {
    background: var(--color-signal-error-200)
}

.trigger {
    background: var(--color-secondary-trigger-300)
}

.top-banner-content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-50);
    justify-content: center
}

@media (min-width:576px) {
    .top-banner-content {
        align-items: center;
        flex: 1 0 0;
        flex-direction: row;
        gap: var(--spacing-200)
    }
}

@media (min-width:992px) {
    .top-banner-content {
        align-items: center;
        flex: 1 0 0;
        flex-direction: row;
        gap: var(--spacing-200)
    }
}

.top-banner-content__text {
    font-feature-settings: "clig" off, "liga" off;
    align-items: center;
    color: var(--color-neutral-800);
    display: flex;
    font-size: var(--font-size-xxxs);
    font-style: normal;
    font-weight: 600;
    gap: var(--spacing-50);
    letter-spacing: .2px;
    line-height: var(--line-height-xxs)
}

@media (min-width:576px) {
    .top-banner-content__text {
        text-align: center
    }
}

@media (min-width:992px) {
    .top-banner-content__text {
        font-size: var(--font-size-xxs);
        line-height: var(--line-height-xs);
        text-align: center
    }
}

.top-banner-content__text__icon {
    align-items: center;
    display: flex;
    height: 20px;
    justify-content: center;
    min-height: 20px;
    min-width: 20px;
    width: 20px
}

@media (min-width:992px) {
    .top-banner-content__text__icon {
        height: 24px;
        min-height: 24px;
        min-width: 24px;
        width: 24px
    }
}

.top-banner-content__link {
    font-feature-settings: "clig" off, "liga" off;
    align-items: center;
    color: var(--color-primary-action-600);
    cursor: pointer;
    display: flex;
    font-size: var(--font-size-xxxs);
    font-style: normal;
    font-weight: 600;
    gap: var(--spacing-50);
    letter-spacing: .2px;
    line-height: var(--line-height-xxs)
}

@media (min-width:576px) {
    .top-banner-content__link {
        text-align: center
    }
}

@media (min-width:992px) {
    .top-banner-content__link {
        font-size: var(--font-size-xxs);
        line-height: var(--line-height-xs);
        text-align: center
    }
}

.top-banner-content__link a {
    font-size: var(--font-size-xxxs);
    line-height: var(--line-height-xxs)
}

.top-banner-content__link a svg.cta-icon {
    height: 20px;
    width: 20px
}

@media (min-width:992px) {
    .top-banner-content__link a {
        font-size: var(--font-size-xxs);
        line-height: var(--line-height-xs)
    }

    .top-banner-content__link a svg.cta-icon {
        height: 20px;
        width: 20px
    }
}

.top-banner-close svg {
    color: var(--color-primary-action-900);
    cursor: pointer;
    flex-shrink: 0;
    height: 24px;
    width: 24px
}

.component-content-block .max-width {
    max-width: 800px
}

.component-content-block .white {
    background-color: var(--color-neutral-000)
}

.component-content-block .blue {
    background-color: var(--color-primary-brand-200)
}

.component-content-block .green,
.component-content-block .yellow {
    background-color: var(--color-secondary-trigger-100)
}

.component-content-block .container {
    color: var(--color-primary-action-900);
    padding-bottom: var(--spacing-400);
    padding-top: var(--spacing-400);
    word-break: break-word
}

@media (min-width:576px) {
    .component-content-block .container {
        padding-bottom: var(--spacing-500);
        padding-top: var(--spacing-500)
    }
}

@media (min-width:992px) {
    .component-content-block .container {
        padding-bottom: var(--spacing-600);
        padding-top: var(--spacing-600)
    }
}

.component-content-block__headline {
    margin-left: auto;
    margin-right: auto
}

.component-content-block__headline .h2-style {
    font-size: var(--font-size-l);
    line-height: var(--line-height-m)
}

@media (min-width:992px) {
    .component-content-block__headline .h2-style {
        font-size: var(--font-size-xxxl);
        line-height: var(--line-height-xxl)
    }
}

.component-content-block__headline .h3-style {
    font-size: var(--font-size-m);
    line-height: var(--line-height-m)
}

@media (min-width:992px) {
    .component-content-block__headline .h3-style {
        font-size: var(--font-size-xl);
        line-height: var(--line-height-l)
    }
}

.component-content-block__subline {
    margin-left: auto;
    margin-right: auto
}

.component-content-block__bottom-container {
    width: 100%
}

.component-content-block__button-container {
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    width: 100%
}

@media (min-width:576px) {
    .component-content-block__button-container {
        flex-direction: row
    }
}

.component-content-block__button.button-content-block {
    max-width: unset;
    width: 100%
}

@media (min-width:576px) {
    .component-content-block__button.button-content-block {
        max-width: 360px
    }
}

@media (min-width:992px) {
    .component-content-block__button.button-content-block a {
        font-size: var(--font-size-xs);
        line-height: var(--line-height-xs);
        padding: var(--spacing-200) var(--spacing-600)
    }
}

.component-content-block__button-secondary {
    margin-right: 0;
    margin-top: var(--spacing-300)
}

@media (min-width:576px) {
    .component-content-block__button-secondary {
        margin-right: var(--spacing-400);
        margin-top: 0
    }
}

.component-content-block__link {
    margin-top: var(--spacing-300);
    text-align: center
}

@media (min-width:576px) {
    .component-content-block__link {
        font-size: var(--font-size-xxs);
        line-height: var(--line-height-xs);
        margin-top: var(--spacing-400)
    }

    .component-content-block__link svg.cta-icon {
        height: 20px;
        width: 20px
    }
}

.component-content-block__columns {
    display: flex;
    flex-direction: column
}

@media (min-width:576px) {
    .component-content-block__columns {
        flex-direction: row
    }
}

.component-content-block__columns>div {
    margin-right: 0
}

@media (min-width:576px) {
    .component-content-block__columns>div {
        margin-right: var(--spacing-400)
    }
}

.component-content-block__columns>div:last-child {
    margin-right: 0
}

.component-content-block__columns,
.component-content-block__content {
    font-size: var(--font-size-xxxs);
    line-height: var(--line-height-xxs);
    margin: auto
}

@media (min-width:992px) {

    .component-content-block__columns,
    .component-content-block__content {
        font-size: var(--font-size-xxs);
        line-height: var(--line-height-xs)
    }
}

.component-content-block__columns__left,
.component-content-block__columns__middle,
.component-content-block__columns__right,
.component-content-block__content__left,
.component-content-block__content__middle,
.component-content-block__content__right {
    width: 100%
}

.component-content-block__columns__headline,
.component-content-block__content__headline {
    font-size: var(--font-size-s);
    line-height: var(--line-height-s)
}

@media (min-width:992px) {

    .component-content-block__columns__headline,
    .component-content-block__content__headline {
        font-size: var(--font-size-m);
        line-height: var(--line-height-m)
    }
}

.component-content-block__columns b,
.component-content-block__columns strong,
.component-content-block__content b,
.component-content-block__content strong {
    font-weight: 600
}

.component-content-block__columns i,
.component-content-block__content i {
    font-style: italic
}

@media (min-width:992px) {

    .component-content-block__columns a,
    .component-content-block__content a {
        font-size: var(--font-size-xxs);
        line-height: var(--line-height-xs)
    }

    .component-content-block__columns a svg.cta-icon,
    .component-content-block__content a svg.cta-icon {
        height: 20px;
        width: 20px
    }
}

.component-content-block__columns h1,
.component-content-block__columns h2,
.component-content-block__columns h3,
.component-content-block__columns h4,
.component-content-block__content h1,
.component-content-block__content h2,
.component-content-block__content h3,
.component-content-block__content h4 {
    font-size: var(--font-size-s);
    line-height: var(--line-height-s);
    margin-bottom: var(--spacing-200)
}

@media (min-width:992px) {

    .component-content-block__columns h1,
    .component-content-block__columns h2,
    .component-content-block__columns h3,
    .component-content-block__columns h4,
    .component-content-block__content h1,
    .component-content-block__content h2,
    .component-content-block__content h3,
    .component-content-block__content h4 {
        font-size: var(--font-size-m);
        line-height: var(--line-height-m)
    }
}

.component-content-block__columns h1:last-child,
.component-content-block__columns h2:last-child,
.component-content-block__columns h3:last-child,
.component-content-block__columns h4:last-child,
.component-content-block__content h1:last-child,
.component-content-block__content h2:last-child,
.component-content-block__content h3:last-child,
.component-content-block__content h4:last-child {
    margin-bottom: 0 !important
}

.component-content-block__columns ol,
.component-content-block__columns ul,
.component-content-block__content ol,
.component-content-block__content ul {
    margin-bottom: var(--spacing-400);
    word-break: break-word
}

.component-content-block__columns ul,
.component-content-block__content ul {
    list-style: none
}

.component-content-block__columns li,
.component-content-block__content li {
    padding-left: 3rem
}

.component-content-block__columns li i img,
.component-content-block__content li i img {
    filter: brightness(0) saturate(100%) invert(12%) sepia(18%) saturate(5780%) hue-rotate(198deg) brightness(101%) contrast(93%);
    height: auto;
    left: 0;
    position: absolute;
    top: .5rem;
    width: auto
}

.component-content-block__columns .website .checkmark-list li,
.component-content-block__columns li,
.component-content-block__content .website .checkmark-list li,
.component-content-block__content li,
.website .checkmark-list .component-content-block__columns li,
.website .checkmark-list .component-content-block__content li {
    font-size: var(--font-size-xxxs) !important;
    line-height: var(--line-height-xxs) !important;
    margin-bottom: var(--spacing-200) !important;
    position: relative
}

@media (min-width:992px) {

    .component-content-block__columns .website .checkmark-list li,
    .component-content-block__columns li,
    .component-content-block__content .website .checkmark-list li,
    .component-content-block__content li,
    .website .checkmark-list .component-content-block__columns li,
    .website .checkmark-list .component-content-block__content li {
        font-size: var(--font-size-xxs) !important;
        line-height: var(--line-height-xs) !important
    }
}

.component-content-block__columns li:last-child,
.component-content-block__content li:last-child {
    margin-bottom: 0 !important
}

.component-add-ons .unset-transform {
    transform: unset !important
}

.component-add-ons .tns-ovh {
    margin: 0;
    padding: 0
}

@media (min-width:992px) {
    .component-add-ons .tns-ovh {
        padding: var(--spacing-200)
    }
}

.component-add-ons hgroup {
    padding-left: var(--spacing-200);
    padding-right: var(--spacing-200);
    text-align: center
}

.component-add-ons .container {
    padding-left: 0;
    padding-right: 0;
    padding-top: var(--spacing-600)
}

.component-add-ons__card-list {
    margin-top: var(--spacing-400)
}

.component-add-ons__card-list__card {
    margin: 0 var(--spacing-200) var(--spacing-400) var(--spacing-200)
}

.component-add-ons__card-list__card__body {
    padding: var(--spacing-300) var(--spacing-200)
}

.component-add-ons__card-list__card__body__icon {
    display: flex;
    justify-content: center;
    margin-bottom: var(--spacing-200)
}

.component-add-ons__card-list__card__body__icon svg {
    filter: brightness(0) saturate(100%) invert(14%) sepia(87%) saturate(5438%) hue-rotate(326deg) brightness(82%) contrast(107%);
    height: 48px;
    width: 48px
}

.component-add-ons__card-list__card__body__headline {
    font-size: var(--font-size-s)
}

.component-add-ons__card-list__card__body__subline {
    font-size: var(--font-size-xxs)
}

@media (min-width:576px) {
    .component-add-ons__card-list__card__body__subline a {
        font-size: var(--font-size-xxs);
        line-height: var(--line-height-xs)
    }

    .component-add-ons__card-list__card__body__subline a svg.cta-icon {
        height: 20px;
        width: 20px
    }
}

.component-add-ons__card-list__card__body__showMoreText {
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center
}

@media (min-width:992px) {
    .component-add-ons__card-list__card__body__showMoreText {
        font-size: var(--font-size-xxs);
        line-height: var(--line-height-xs)
    }

    .component-add-ons__card-list__card__body__showMoreText svg.cta-icon {
        height: 20px;
        width: 20px
    }
}

.component-add-ons .addons-cta {
    display: flex;
    justify-content: center;
    padding-bottom: var(--spacing-600)
}

.component-add-ons .addons-cta a {
    margin-left: var(--spacing-200);
    margin-right: var(--spacing-200);
    max-width: 360px
}

@media (min-width:992px) {
    .component-add-ons .addons-cta a {
        font-size: var(--font-size-xs);
        line-height: var(--line-height-xs);
        padding: var(--spacing-200) var(--spacing-600)
    }
}

.component-add-ons .tns-controls {
    margin-top: -12px
}

.component-add-ons .tns-controls button {
    background-color: unset
}

.component-add-ons .tns-controls button:after {
    border: solid var(--color-primary-interactive-700);
    border-width: 0 .25rem .25rem 0
}

.component-add-ons .tns-controls button:disabled:after {
    border-color: var(--color-neutral-350)
}

.component-add-ons .tns-inner {
    max-width: unset
}

.component-add-ons .tns-item {
    padding-right: 0
}

.component-add-ons .tns-nav button {
    background: var(--color-primary-interactive-300)
}

.component-add-ons .tns-nav button.tns-nav-active {
    background: var(--color-primary-interactive-700)
}

.component-add-ons .white,
.component-add-ons .white-light-blue {
    background-color: var(--color-neutral-000)
}

.component-add-ons .white .component-add-ons__card-list__card,
.component-add-ons .white-light-blue .component-add-ons__card-list__card {
    background-color: var(--color-primary-brand-200)
}

.component-add-ons .white-dark-blue,
.component-add-ons .yellow {
    background-color: var(--color-neutral-000)
}

.component-add-ons .white-dark-blue .component-add-ons__card-list__card,
.component-add-ons .yellow .component-add-ons__card-list__card {
    background-color: var(--color-primary-action-800)
}

.component-add-ons .white-dark-blue .component-add-ons__card-list__card__body__headline,
.component-add-ons .white-dark-blue .component-add-ons__card-list__card__body__subline,
.component-add-ons .yellow .component-add-ons__card-list__card__body__headline,
.component-add-ons .yellow .component-add-ons__card-list__card__body__subline {
    color: var(--color-neutral-000)
}

@media (min-width:576px) {

    .component-add-ons .white-dark-blue .component-add-ons__card-list__card__body__subline a,
    .component-add-ons .yellow .component-add-ons__card-list__card__body__subline a {
        font-size: var(--font-size-xxs);
        line-height: var(--line-height-xs)
    }

    .component-add-ons .white-dark-blue .component-add-ons__card-list__card__body__subline a svg.cta-icon,
    .component-add-ons .yellow .component-add-ons__card-list__card__body__subline a svg.cta-icon {
        height: 20px;
        width: 20px
    }
}

@media (min-width:992px) {

    .component-add-ons .white-dark-blue .component-add-ons__card-list__card__body__showMoreText,
    .component-add-ons .yellow .component-add-ons__card-list__card__body__showMoreText {
        font-size: var(--font-size-xxs);
        line-height: var(--line-height-xs)
    }

    .component-add-ons .white-dark-blue .component-add-ons__card-list__card__body__showMoreText svg.cta-icon,
    .component-add-ons .yellow .component-add-ons__card-list__card__body__showMoreText svg.cta-icon {
        height: 20px;
        width: 20px
    }
}

.component-add-ons .white-dark-blue .component-add-ons__card-list svg,
.component-add-ons .yellow .component-add-ons__card-list svg {
    filter: brightness(0) saturate(100%) invert(85%) sepia(89%) saturate(5297%) hue-rotate(11deg) brightness(103%) contrast(102%)
}

.component-add-ons .blue,
.component-add-ons .dark-blue-white {
    background-color: var(--color-primary-action-800)
}

.component-add-ons .blue .component-add-ons__headline,
.component-add-ons .blue .component-add-ons__subline,
.component-add-ons .dark-blue-white .component-add-ons__headline,
.component-add-ons .dark-blue-white .component-add-ons__subline {
    color: var(--color-neutral-000)
}

.component-add-ons .blue .component-add-ons__card-list__card,
.component-add-ons .dark-blue-white .component-add-ons__card-list__card {
    background-color: var(--color-neutral-000)
}

.component-add-ons .blue .tns-controls button:after,
.component-add-ons .dark-blue-white .tns-controls button:after {
    border: solid var(--color-secondary-trigger-600);
    border-width: 0 .25rem .25rem 0
}

.component-add-ons .blue .tns-controls button:disabled:after,
.component-add-ons .dark-blue-white .tns-controls button:disabled:after {
    border-color: var(--color-neutral-350)
}

.component-add-ons .blue .tns-nav button,
.component-add-ons .dark-blue-white .tns-nav button {
    background: var(--color-secondary-trigger-100)
}

.component-add-ons .blue .tns-nav button.tns-nav-active,
.component-add-ons .dark-blue-white .tns-nav button.tns-nav-active {
    background: var(--color-secondary-trigger-600)
}

@media (min-width:992px) {

    .component-add-ons .blue .addons-cta a,
    .component-add-ons .dark-blue-white .addons-cta a {
        font-size: var(--font-size-xs);
        line-height: var(--line-height-xs);
        padding: var(--spacing-200) var(--spacing-600)
    }
}

.component-add-ons .green,
.component-add-ons .light-blue-white {
    background-color: var(--color-primary-brand-200)
}

.component-add-ons .green .component-add-ons__card-list__card,
.component-add-ons .light-blue-white .component-add-ons__card-list__card {
    background-color: var(--color-neutral-000)
}

.component-product-comparison {
    padding-bottom: var(--spacing-400)
}

.component-product-comparison__table {
    display: none;
    margin-top: var(--spacing-800)
}

.component-product-comparison__table.open {
    display: flex
}

.component-product-comparison__table.table-products-2,
.component-product-comparison__table.table-products-3 {
    border: 1px solid var(--color-secondary-accent-700)
}

.component-product-comparison__table__left-column__headline {
    align-items: center;
    background: var(--color-primary-brand-200);
    border-bottom: 1px solid var(--color-neutral-350);
    color: var(--color-primary-action-900);
    display: flex;
    font-size: var(--font-size-xs);
    font-weight: 700;
    letter-spacing: .2px;
    line-height: var(--line-height-xs);
    padding: var(--spacing-150) var(--spacing-100) var(--spacing-150) var(--spacing-200);
    text-transform: uppercase;
    word-break: break-word
}

@media (min-width:992px) {
    .component-product-comparison__table__left-column__headline {
        font-size: var(--font-size-s);
        line-height: var(--line-height-s)
    }
}

.component-product-comparison__table__left-column__elements {
    border-bottom: 1px solid var(--color-neutral-350);
    display: flex
}

.component-product-comparison__table__left-column__elements:last-child {
    border-bottom: none
}

.component-product-comparison__table__left-column__elements__label {
    background: var(--color-primary-brand-200);
    display: flex;
    padding: var(--spacing-150) var(--spacing-100) var(--spacing-150) var(--spacing-200);
    width: 100%
}

.component-product-comparison__table__left-column__elements__label__text {
    color: var(--color-primary-action-900);
    font-size: var(--font-size-xxs);
    font-weight: 400;
    letter-spacing: .2px;
    line-height: var(--line-height-xs);
    word-break: break-word
}

@media (min-width:992px) {
    .component-product-comparison__table__left-column__elements__label__text {
        font-size: var(--font-size-xxs);
        line-height: var(--line-height-xs)
    }
}

.component-product-comparison__table__left-column__icon {
    align-items: center;
    background-color: var(--color-primary-brand-200);
    cursor: pointer;
    display: flex;
    padding-left: .5rem;
    padding-right: .5rem
}

.component-product-comparison__table__left-column__icon .icon-no-bg {
    display: block
}

.component-product-comparison__table__left-column__icon .icon-bg,
.component-product-comparison__table__left-column__icon:active .icon-no-bg {
    display: none
}

.component-product-comparison__table__left-column__icon:active .icon-bg {
    display: block
}

.component-product-comparison__table__right-column .tns-ovh {
    margin: 0;
    padding: 0
}

.component-product-comparison__table__right-column__list__item__headline {
    align-items: center;
    border-bottom: 1px solid var(--color-neutral-350);
    color: var(--color-primary-action-900);
    display: flex;
    font-size: var(--font-size-s);
    font-weight: 700;
    justify-content: center;
    letter-spacing: .2px;
    line-height: var(--line-height-s);
    padding: var(--spacing-150) var(--spacing-200);
    text-align: center;
    text-transform: uppercase;
    word-break: break-word
}

@media (min-width:992px) {
    .component-product-comparison__table__right-column__list__item__headline {
        font-size: var(--font-size-s);
        line-height: var(--line-height-s)
    }
}

.component-product-comparison__table__right-column__list__item__subline {
    align-items: center;
    border-bottom: 1px solid var(--color-neutral-350);
    color: var(--color-primary-action-900);
    display: flex;
    font-size: var(--font-size-xxxs);
    font-weight: 400;
    justify-content: center;
    letter-spacing: .2px;
    line-height: var(--line-height-xxs);
    padding: var(--spacing-150) var(--spacing-200);
    word-break: break-word
}

.component-product-comparison__table__right-column__list__item__subline:last-child {
    border-bottom: none
}

@media (min-width:992px) {
    .component-product-comparison__table__right-column__list__item__subline {
        font-size: var(--font-size-xxs);
        line-height: var(--line-height-xs)
    }
}

.component-product-comparison__table__right-column__list__item__icon {
    align-items: center;
    border-bottom: 1px solid var(--color-neutral-350);
    display: flex;
    justify-content: center;
    padding: var(--spacing-150) var(--spacing-200)
}

.component-product-comparison__table__right-column__list__item__icon:last-child {
    border-bottom: none
}

.component-product-comparison__table__right-column__list__item__icon svg {
    max-height: 24px;
    max-width: 24px
}

.component-product-comparison__show-more {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    margin: auto
}

@media (min-width:992px) {
    .component-product-comparison__show-more {
        max-width: 800px
    }
}

.component-product-comparison__show-more.open {
    margin-bottom: var(--spacing-700) !important
}

@media (min-width:992px) {
    .component-product-comparison__show-more.open {
        margin-bottom: var(--spacing-1000) !important
    }

    .component-product-comparison__show-more {
        font-size: var(--font-size-xs);
        line-height: var(--line-height-xs)
    }

    .component-product-comparison__show-more svg.cta-icon {
        height: 24px;
        width: 24px
    }
}

.component-product-comparison__show-more__toggle {
    align-items: center;
    display: flex;
    margin-left: 1rem;
    transition: .15s linear
}

.component-product-comparison__show-more__toggle svg {
    stroke: var(--color-primary-action-600)
}

.component-product-comparison__show-more__toggle.open {
    transform: rotate(180deg)
}

.component-product-comparison__show-more .show-more {
    margin-left: .8rem
}

.component-product-comparison .tns-controls {
    bottom: unset;
    transform: translate(-50%, -150%) !important
}

.component-product-comparison .tns-controls button {
    background-color: unset;
    margin-top: 3px
}

.component-product-comparison .tns-controls button:after {
    border: solid var(--color-primary-interactive-700);
    border-width: 0 .25rem .25rem 0
}

.component-product-comparison .tns-controls button:disabled:after {
    border-color: var(--color-neutral-350)
}

.component-product-comparison .tns-nav {
    bottom: unset;
    left: 50%;
    margin-left: unset;
    position: absolute;
    top: unset;
    transform: translate(-50%, -150%) !important
}

.component-product-comparison .tns-nav button {
    background: var(--color-primary-interactive-300)
}

.component-product-comparison .tns-nav button.tns-nav-active {
    background: var(--color-primary-interactive-700)
}

.component-product-comparison .tns-inner {
    margin: 0 !important
}

.component-product-comparison .tns-outer {
    margin-top: 0;
    padding: 0 !important
}

.component-image-text-block .container {
    display: flex;
    flex-direction: column;
    padding-bottom: var(--spacing-400);
    padding-left: 0;
    padding-right: 0
}

@media (min-width:576px) {
    .component-image-text-block .container {
        padding-bottom: var(--spacing-500)
    }
}

@media (min-width:992px) {
    .component-image-text-block .container {
        padding-left: var(--spacing-400)
    }
}

@media (min-width:576px) {
    .component-image-text-block .container--left {
        padding-bottom: var(--spacing-500)
    }
}

@media (min-width:992px) {
    .component-image-text-block .container--left {
        padding-left: 0;
        padding-right: var(--spacing-400)
    }
}

.component-image-text-block .direction {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-400)
}

@media (min-width:576px) {
    .component-image-text-block .direction {
        gap: var(--spacing-300)
    }
}

@media (min-width:992px) {
    .component-image-text-block .direction {
        align-self: flex-start;
        flex-direction: row;
        gap: var(--spacing-600);
        width: auto
    }

    .component-image-text-block .right {
        flex-direction: row-reverse
    }
}

.component-image-text-block__image {
    display: flex;
    flex-shrink: 0;
    justify-content: flex-end;
    width: auto
}

@media (min-width:576px) {
    .component-image-text-block__image {
        width: auto
    }

    .component-image-text-block__image img {
        max-height: 100%;
        width: 100%
    }
}

@media (min-width:992px) {
    .component-image-text-block__image {
        align-self: flex-start;
        width: auto
    }

    .component-image-text-block__image img {
        height: 488px !important;
        max-width: 368px;
        width: auto
    }
}

.component-image-text-block__image__right {
    padding-left: var(--spacing-200)
}

@media (min-width:576px) {
    .component-image-text-block__image__right {
        padding-left: 52px
    }
}

@media (min-width:992px) {
    .component-image-text-block__image__right {
        padding-left: 0
    }
}

@media (min-width:576px) {
    .component-image-text-block__image__right picture {
        -webkit-clip-path: polygon(5% 0, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(5% 0, 100% 0, 100% 100%, 0 100%)
    }
}

@media (min-width:992px) {
    .component-image-text-block__image__right picture {
        -webkit-clip-path: polygon(19% 0, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(19% 0, 100% 0, 100% 100%, 0 100%)
    }
}

.component-image-text-block__image__left {
    padding-right: var(--spacing-200)
}

@media (min-width:576px) {
    .component-image-text-block__image__left {
        align-self: flex-start;
        -webkit-clip-path: polygon(0 0, 100% 0, 95% 100%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 95% 100%, 0 100%);
        padding-right: 52px
    }
}

@media (min-width:992px) {
    .component-image-text-block__image__left {
        align-self: flex-end;
        -webkit-clip-path: polygon(0 0, 100% 0, 81% 100%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 81% 100%, 0 100%);
        padding-right: 0
    }
}

@media (min-width:992px) and (min-width:992px) {
    .component-image-text-block__image__left {
        align-self: flex-start
    }
}

@media (min-width:576px) {
    .component-image-text-block__image__left picture {
        -webkit-clip-path: polygon(0 0, 100% 0, 95% 100%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 95% 100%, 0 100%)
    }
}

@media (min-width:992px) {
    .component-image-text-block__image__left picture {
        -webkit-clip-path: polygon(0 0, 100% 0, 81% 100%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 81% 100%, 0 100%)
    }
}

.component-image-text-block__text {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-300);
    justify-content: center;
    padding: 0 var(--spacing-200)
}

@media (min-width:576px) {
    .component-image-text-block__text {
        padding: 0
    }
}

@media (min-width:992px) {
    .component-image-text-block__text {
        padding-top: var(--spacing-500)
    }

    .component-image-text-block__text__right {
        margin-left: 8%
    }

    .component-image-text-block__text__left {
        margin-right: 8%
    }
}

.component-image-text-block__text__headline {
    color: var(--color-primary-action-900);
    padding: 0;
    text-align: center
}

@media (min-width:576px) {
    .component-image-text-block__text__headline {
        padding: 0 var(--spacing-150)
    }
}

@media (min-width:992px) {
    .component-image-text-block__text__headline {
        padding: 0;
        text-align: left
    }
}

.component-image-text-block__text__headline h2 {
    align-self: stretch;
    font-style: italic;
    font-weight: 700;
    letter-spacing: .3px;
    text-transform: uppercase
}

.component-image-text-block__text__content {
    align-self: center;
    color: var(--color-primary-action-900);
    font-size: var(--font-size-xxs);
    font-style: normal;
    font-weight: 400;
    letter-spacing: .2px;
    line-height: var(--line-height-xs)
}

@media (min-width:576px) {
    .component-image-text-block__text__content {
        width: 65%
    }
}

@media (min-width:992px) {
    .component-image-text-block__text__content {
        width: 100%
    }
}

.component-image-text-block__text__content__author {
    font-weight: 600;
    padding-bottom: var(--spacing-100)
}

.component-image-text-block__text__more-content {
    color: var(--color-primary-action-900);
    font-size: var(--font-size-xxs);
    font-style: normal;
    font-weight: 400;
    letter-spacing: .2px;
    line-height: var(--line-height-xs);
    padding: 0 var(--spacing-200)
}

@media (min-width:576px) {
    .component-image-text-block__text__more-content {
        align-self: center;
        gap: var(--spacing-400);
        padding: 0;
        width: 65%
    }
}

@media (min-width:992px) {
    .component-image-text-block__text__more-content {
        align-self: flex-start;
        flex-direction: row;
        width: 75%
    }

    .component-image-text-block__text__more-content__right {
        align-self: flex-start;
        margin-left: 8%
    }

    .component-image-text-block__text__more-content__left {
        align-self: flex-end;
        margin-right: 8%
    }
}

.component-image-text-block__buttons {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-300);
    padding: var(--spacing-400) var(--spacing-200) 0
}

@media (min-width:576px) {
    .component-image-text-block__buttons {
        gap: var(--spacing-400);
        padding-top: var(--spacing-400)
    }
}

.component-image-text-block__button-container {
    display: flex;
    flex-direction: column-reverse;
    gap: var(--spacing-300);
    justify-content: center;
    width: 100%
}

@media (min-width:576px) {
    .component-image-text-block__button-container {
        flex-direction: row
    }
}

.component-image-text-block__button.button-image-text-block {
    max-width: unset;
    width: 100%
}

@media (min-width:576px) {
    .component-image-text-block__button.button-image-text-block {
        max-width: 320px
    }
}

@media (min-width:992px) {
    .component-image-text-block__button.button-image-text-block a {
        font-size: var(--font-size-xs);
        line-height: var(--line-height-xs);
        padding: var(--spacing-200) var(--spacing-600)
    }
}

.component-image-text-block__link {
    text-align: center
}

@media (min-width:576px) {
    .component-image-text-block__link {
        font-size: var(--font-size-xxs);
        line-height: var(--line-height-xs)
    }

    .component-image-text-block__link svg.cta-icon {
        height: 20px;
        width: 20px
    }
}

.component-image-text-block__content-wrapper b,
.component-image-text-block__content-wrapper strong {
    font-weight: 600
}

.component-image-text-block__content-wrapper i {
    font-style: italic
}

@media (min-width:992px) {
    .component-image-text-block__content-wrapper a {
        font-size: var(--font-size-xxs);
        line-height: var(--line-height-xs)
    }

    .component-image-text-block__content-wrapper a svg.cta-icon {
        height: 20px;
        width: 20px
    }
}

.component-image-text-block__content-wrapper h2 {
    margin-bottom: var(--spacing-200);
    margin-left: 0
}

.component-image-text-block__content-wrapper h2:last-child {
    margin-bottom: 0 !important
}

.component-image-text-block__content-wrapper h3,
.component-image-text-block__content-wrapper h4 {
    font-size: var(--font-size-s);
    line-height: var(--line-height-s);
    margin-bottom: var(--spacing-200);
    margin-left: 0
}

@media (min-width:992px) {

    .component-image-text-block__content-wrapper h3,
    .component-image-text-block__content-wrapper h4 {
        font-size: var(--font-size-m);
        line-height: var(--line-height-m)
    }
}

.component-image-text-block__content-wrapper h3:last-child,
.component-image-text-block__content-wrapper h4:last-child {
    margin-bottom: 0 !important
}

.component-image-text-block__content-wrapper ol,
.component-image-text-block__content-wrapper ul {
    word-break: break-word
}

.component-image-text-block__content-wrapper ul {
    list-style: none
}

.component-image-text-block__content-wrapper li {
    padding-left: 3rem
}

.component-image-text-block__content-wrapper li i img {
    filter: brightness(0) saturate(100%) invert(12%) sepia(18%) saturate(5780%) hue-rotate(198deg) brightness(101%) contrast(93%);
    height: auto;
    left: 0;
    position: absolute;
    top: .5rem;
    width: auto
}

.component-image-text-block__content-wrapper .website .checkmark-list li,
.component-image-text-block__content-wrapper li,
.website .checkmark-list .component-image-text-block__content-wrapper li {
    font-size: var(--font-size-xxxs) !important;
    line-height: var(--line-height-xxs) !important;
    margin-bottom: var(--spacing-200) !important;
    position: relative
}

@media (min-width:992px) {

    .component-image-text-block__content-wrapper .website .checkmark-list li,
    .component-image-text-block__content-wrapper li,
    .website .checkmark-list .component-image-text-block__content-wrapper li {
        font-size: var(--font-size-xxs) !important;
        line-height: var(--line-height-xs) !important
    }
}

.component-image-text-block__content-wrapper li:last-child {
    margin-bottom: 0 !important
}

.component-social-media-links__title {
    margin-bottom: 2.4rem;
    margin-top: 3.2rem;
    text-align: center
}

.component-social-media-links__subtitle {
    font-size: 2.6rem;
    line-height: 2.4rem;
    margin-bottom: 4.8rem;
    margin-top: 3.2rem;
    text-align: center
}

.component-social-media-links__card-list {
    margin-top: 3rem
}

.component-social-media-links__card-list__card {
    background-color: #fff;
    border-radius: 2.4px;
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .12);
    margin: 0 1.6rem 4rem
}

.component-social-media-links__card-list__card__body {
    padding: 3.2rem 2.4rem
}

.component-social-media-links__card-list__card__body a {
    color: #006192;
    cursor: pointer
}

.component-social-media-links__card-list__card__body__headline {
    display: flex;
    justify-content: center;
    text-align: center
}

.component-social-media-links__card-list__card__body__headline svg {
    height: 4.8rem;
    width: 4.8rem
}

@media (min-width:704px) {
    .component-social-media-links__card-list__card__body__headline svg {
        height: 5.6rem;
        width: 5.6rem
    }
}

.component-social-media-links__card-list__card__body__headline p {
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.7rem
}

@media (min-width:704px) {
    .component-social-media-links__card-list__card__body__headline p {
        font-size: 2.4rem;
        line-height: 3.2rem
    }
}

.component-social-media-links__card-list__card__body__subline {
    display: flex;
    justify-content: center;
    margin-bottom: .8rem;
    text-align: center
}

.component-social-media-links__card-list__card__body__subline p {
    font-size: 1.2rem;
    line-height: 2rem
}

@media (min-width:704px) {
    .component-social-media-links__card-list__card__body__subline p {
        font-size: 1.8rem;
        line-height: 2.8rem
    }
}

.component-social-media-links__card-list__card__body__link {
    align-items: center;
    color: #006192;
    cursor: pointer;
    display: flex;
    justify-content: center;
    text-align: center
}

.component-social-media-links__card-list__card__body__link__arrow {
    border: solid #006192;
    border-radius: .2rem;
    border-width: 0 3px 3px 0;
    display: inline-block;
    height: 1.2rem;
    margin-left: 1rem;
    transform: rotate(-45deg);
    width: 1.2rem
}

.component-article-overview__headline {
    display: flex;
    justify-content: center;
    margin: 5.4rem 0
}

.component-article-overview__blog-overview__list__item {
    margin-bottom: 3.2rem
}

.component-article-overview__blog-overview__list__item__container {
    border-radius: 2.4px;
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .12)
}

.component-article-overview__blog-overview__list__item__container__headline {
    font-size: 26px !important;
    line-height: 32px !important;
    padding: 24px 16px 16px
}

.component-article-overview__blog-overview__list__item__container__content {
    font-size: 18px !important;
    line-height: 28px !important;
    padding: 0 16px
}

.component-article-overview__blog-overview__list__item__container__button {
    padding: 12px 16px 40px
}

.component-article-overview__blog-overview__list__item__container__button a {
    font-size: 1.4rem !important;
    line-height: 1.6rem !important;
    padding: .8rem !important
}

.component-article-overview__blog-overview__list__item__container__details {
    cursor: pointer;
    display: flex;
    justify-content: space-between
}

.component-article-overview__blog-overview__list__item__container__details__category {
    color: #003781;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 24px !important;
    padding-bottom: 24px;
    padding-left: 16px
}

.component-article-overview__blog-overview__list__item__container__details__publish {
    color: #7c7c7c;
    font-size: 14px !important;
    line-height: 24px !important;
    padding-bottom: 24px;
    padding-right: 16px
}

.component-article-overview__pagination {
    display: flex;
    justify-content: center
}

.component-article-overview__pagination li {
    padding: 0 1rem
}

.component-article-overview__total-numbers {
    display: flex;
    justify-content: center
}

.component-article-overview__total-numbers__text {
    margin-bottom: 1.6rem
}

.component-article-overview #btn_first,
.component-article-overview #btn_last,
.component-article-overview #btn_next,
.component-article-overview #btn_page1,
.component-article-overview #btn_page2,
.component-article-overview #btn_page3,
.component-article-overview #btn_prev {
    cursor: pointer
}

.component-article-overview #btn_page1,
.component-article-overview #btn_page2,
.component-article-overview #btn_page3 {
    color: #003781
}

.component-article-overview #btn_page1.active,
.component-article-overview #btn_page2.active,
.component-article-overview #btn_page3.active {
    color: #000;
    font-weight: 700
}

.component-social-proof .container {
    align-items: center;
    display: flex;
    justify-content: space-between;
    max-width: 1280px;
    padding: var(--spacing-600) var(--spacing-400)
}

@media (max-width:992px) {
    .component-social-proof .container {
        flex-direction: column;
        padding: var(--spacing-500) var(--spacing-150)
    }
}

@media (max-width:576px) {
    .component-social-proof .container {
        padding: var(--spacing-400) var(--spacing-200)
    }
}

.component-social-proof .first-column {
    margin-bottom: 0;
    max-width: 560px
}

@media (max-width:992px) {
    .component-social-proof .first-column {
        align-items: center;
        display: flex;
        flex-direction: column;
        margin-bottom: var(--spacing-400);
        max-width: none;
        text-align: center
    }
}

.component-social-proof .first-column__headline {
    color: var(--color-primary-action-900);
    font-style: italic;
    font-weight: 700;
    letter-spacing: .3px;
    margin-bottom: var(--spacing-400);
    text-transform: uppercase
}

.component-social-proof .first-column__stars {
    display: flex;
    margin-bottom: var(--spacing-200);
    margin-top: var(--spacing-25)
}

.component-social-proof .first-column__stars .stars {
    color: var(--color-primary-brand-500);
    height: var(--spacing-600);
    width: var(--spacing-600)
}

@media (min-width:576px) {
    .component-social-proof .first-column__stars .stars {
        height: var(--spacing-700);
        width: var(--spacing-700)
    }
}

.component-social-proof .first-column__content {
    margin-bottom: var(--spacing-200)
}

.component-social-proof .first-column__content p {
    color: var(--color-primary-action-900);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 400;
    letter-spacing: .3px;
    line-height: var(--line-height-m)
}

.component-social-proof .first-column__img {
    margin-bottom: var(--spacing-200)
}

.component-social-proof .first-column__img img {
    height: 80px;
    width: auto
}

@media (min-width:992px) {
    .component-social-proof .first-column__link {
        font-size: var(--font-size-xxs);
        line-height: var(--line-height-xs)
    }

    .component-social-proof .first-column__link svg.cta-icon {
        height: 20px;
        width: 20px
    }
}

.component-social-proof .second-column {
    max-height: 380px;
    max-width: 482px;
    overflow: hidden
}

@media (max-width:992px) {
    .component-social-proof .second-column {
        max-width: none;
        width: inherit
    }
}

.component-social-proof .second-column__cards {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-200)
}

.component-social-proof .second-column__cards:hover {
    animation-play-state: paused
}

.component-social-proof .second-column__cards:has(>:last-child:nth-child(9)) {
    animation-duration: 12.001s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: six-cards-animation;
    transition-timing-function: ease-out
}

@keyframes six-cards-animation {
    0.0083326389% {
        transform: translateY(0)
    }

    33.338888426% {
        transform: translateY(0)
    }

    50.0041663195% {
        transform: translateY(-384px)
    }

    83.3347221065% {
        transform: translateY(-384px)
    }

    to {
        transform: translateY(-768px)
    }
}

.component-social-proof .second-column__cards:has(>:last-child:nth-child(12)) {
    animation-duration: 18.001s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: nine-cards-animation;
    transition-timing-function: ease-out
}

@keyframes nine-cards-animation {
    0.0055552469% {
        transform: translateY(0)
    }

    22.2265429698% {
        transform: translateY(0)
    }

    33.3370368313% {
        transform: translateY(-384px)
    }

    55.5580245542% {
        transform: translateY(-384px)
    }

    66.6685184156% {
        transform: translateY(-768px)
    }

    88.8895061385% {
        transform: translateY(-768px)
    }

    to {
        transform: translateY(-1152px)
    }
}

.component-social-proof .second-column__cards__element {
    background-color: var(--color-secondary-trigger-300);
    border-radius: var(--border-radius-l);
    display: flex;
    flex-direction: column;
    height: 112px;
    overflow: hidden;
    padding: var(--spacing-100) var(--spacing-200)
}

.component-social-proof .second-column__cards__element>* {
    flex: 0 0 auto;
    overflow: hidden
}

.component-social-proof .second-column__cards__element__name {
    color: var(--color-primary-action-900);
    font-size: var(--font-size-xxxs);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-xxs)
}

.component-social-proof .second-column__cards__element__stars {
    display: flex
}

.component-social-proof .second-column__cards__element__stars .review-stars {
    color: var(--color-primary-action-900);
    height: 24px;
    width: 24px
}

.component-social-proof .second-column__cards__element__headline {
    color: var(--color-primary-action-900);
    font-size: var(--font-size-s);
    font-weight: 700;
    line-height: var(--line-height-s);
    margin-left: var(--spacing-100);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.component-social-proof .second-column__cards__element__content {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: var(--color-primary-action-900);
    display: -webkit-box;
    flex-grow: 1;
    font-size: var(--font-size-xxs);
    font-weight: 400;
    line-height: var(--line-height-xs);
    overflow: hidden
}

.component-accordion .container {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-300);
    padding: var(--spacing-400) var(--spacing-200)
}

@media (min-width:576px) {
    .component-accordion .container {
        gap: var(--spacing-300);
        padding: var(--spacing-400) var(--spacing-150)
    }
}

@media (min-width:992px) {
    .component-accordion .container {
        gap: var(--spacing-400);
        padding: var(--spacing-600) 0
    }
}

.component-accordion__header {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-100);
    padding: 0 var(--spacing-200)
}

@media (min-width:576px) {
    .component-accordion__header {
        gap: var(--spacing-100);
        padding: 0 var(--spacing-150)
    }
}

@media (min-width:992px) {
    .component-accordion__header {
        gap: var(--spacing-200);
        padding: 0 136px
    }
}

.component-accordion__title {
    color: var(--color-primary-action-900);
    display: flex;
    flex-direction: column;
    font-size: var(--font-size-xxl);
    font-style: italic;
    font-weight: 700;
    letter-spacing: .3px;
    line-height: var(--line-height-xl);
    text-align: center;
    text-transform: uppercase
}

@media (min-width:992px) {
    .component-accordion__title {
        font-size: var(--line-height-xl);
        line-height: var(--line-height-xxl)
    }
}

.component-accordion__subtitle {
    color: var(--color-primary-action-900);
    display: flex;
    flex-direction: column;
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 400;
    letter-spacing: .2px;
    line-height: var(--line-height-s);
    text-align: center
}

@media (min-width:992px) {
    .component-accordion__subtitle {
        font-size: var(--font-size-m);
        line-height: var(--line-height-m)
    }
}

.component-accordion__list {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    width: 100%
}

@media (min-width:992px) {
    .component-accordion__list {
        max-width: 800px;
        width: 70%
    }
}

.component-accordion__list__item {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    width: 100%
}

.component-accordion__list .border {
    background: var(--color-primary-interactive-300);
    height: 1px;
    width: 100%
}

.component-accordion .accordion {
    width: 100%
}

.component-accordion .accordion__header {
    align-items: center;
    display: flex;
    gap: var(--spacing-200);
    padding: 15px var(--spacing-200) var(--spacing-200) var(--spacing-200);
    width: 100%
}

.component-accordion .accordion__header:hover {
    cursor: pointer
}

.component-accordion .accordion__header:disabled {
    cursor: auto
}

.component-accordion .accordion__header__title {
    color: var(--color-primary-action-900);
    display: flex;
    flex: 1 0 0;
    flex-direction: column;
    font-size: var(--font-size-xxs);
    font-style: normal;
    font-weight: 400;
    letter-spacing: .2px;
    line-height: var(--line-height-xs)
}

@media (min-width:992px) {
    .component-accordion .accordion__header__title {
        font-size: var(--font-size-xs);
        line-height: var(--line-height-s)
    }
}

.component-accordion .accordion__header__title:hover {
    color: var(--color-primary-action-600)
}

.component-accordion .accordion__header__title:disabled {
    color: var(--color-neutral-500)
}

.component-accordion .accordion__header__toggle {
    color: var(--color-primary-action-900);
    height: var(--spacing-300);
    transition: .15s linear;
    width: var(--spacing-300)
}

.component-accordion .accordion__header__toggle.open {
    transform: rotate(180deg)
}

.component-accordion .accordion__body {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-200);
    height: 0;
    overflow: hidden;
    padding: 0 3.2rem;
    padding: 0 var(--spacing-200) 0 var(--spacing-200);
    transition: all .1s cubic-bezier(.4, 0, .2, 1);
    width: 100%
}

.component-accordion .accordion__body.open {
    height: auto;
    padding: var(--spacing-200)
}

.component-accordion .accordion__body.open .accordion__body__content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-200);
    width: 100%
}

.component-accordion .accordion__body.open .accordion__body__content b,
.component-accordion .accordion__body.open .accordion__body__content strong {
    font-weight: 600
}

.component-accordion .accordion__body.open .accordion__body__content i {
    font-style: italic
}

.component-accordion .accordion__body.open .accordion__body__content a {
    color: var(--color-primary-action-600);
    cursor: pointer;
    font-size: var(--font-size-xxxs);
    font-style: normal;
    font-weight: 600;
    letter-spacing: .2px;
    line-height: var(--line-height-xxs)
}

@media (min-width:992px) {
    .component-accordion .accordion__body.open .accordion__body__content a {
        font-size: var(--font-size-xxs);
        line-height: var(--line-height-xs)
    }
}

.component-accordion .accordion__body.open .accordion__body__content ol,
.component-accordion .accordion__body.open .accordion__body__content p,
.component-accordion .accordion__body.open .accordion__body__content ul {
    color: var(--color-primary-action-900);
    font-size: var(--font-size-xxxs);
    line-height: var(--line-height-xxs)
}

@media (min-width:992px) {

    .component-accordion .accordion__body.open .accordion__body__content ol,
    .component-accordion .accordion__body.open .accordion__body__content p,
    .component-accordion .accordion__body.open .accordion__body__content ul {
        font-size: var(--spacing-200);
        line-height: var(--line-height-xs)
    }
}

.component-accordion .accordion__body.open .accordion__body__content ol,
.component-accordion .accordion__body.open .accordion__body__content ul {
    padding-left: var(--spacing-200)
}

.component-accordion .accordion__body.open .accordion__body__content ol li,
.component-accordion .accordion__body.open .accordion__body__content ul li {
    margin-bottom: var(--spacing-200)
}

.component-accordion .accordion__body.open .accordion__body__content ul {
    list-style: disc
}

.component-accordion .accordion__body.open .accordion__body__content h1,
.component-accordion .accordion__body.open .accordion__body__content h2 {
    margin-bottom: var(--spacing-200);
    margin-left: 0
}

.component-accordion .accordion__body.open .accordion__body__content h1:last-child,
.component-accordion .accordion__body.open .accordion__body__content h2:last-child {
    margin-bottom: 0 !important
}

.component-accordion .accordion__body.open .accordion__body__content h3,
.component-accordion .accordion__body.open .accordion__body__content h4 {
    font-size: var(--font-size-s);
    line-height: var(--line-height-s);
    margin-bottom: var(--spacing-200);
    margin-left: 0
}

@media (min-width:992px) {

    .component-accordion .accordion__body.open .accordion__body__content h3,
    .component-accordion .accordion__body.open .accordion__body__content h4 {
        font-size: var(--font-size-m);
        line-height: var(--line-height-m)
    }
}

.component-accordion .accordion__body.open .accordion__body__content h3:last-child,
.component-accordion .accordion__body.open .accordion__body__content h4:last-child {
    margin-bottom: 0 !important
}

.component-image__container {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-600);
    padding: var(--spacing-400) var(--spacing-200);
    text-align: center
}

@media (min-width:576px) {
    .component-image__container {
        gap: var(--spacing-700)
    }
}

@media (min-width:992px) {
    .component-image__container {
        gap: var(--spacing-800);
        padding: var(--spacing-600) var(--spacing-200)
    }
}

.component-image__subline {
    margin: 0 !important
}

.component-image picture {
    margin-bottom: var(--spacing-100);
    width: 328px
}

@media (min-width:576px) {
    .component-image picture {
        margin-bottom: var(--spacing-200);
        width: 448px
    }
}

@media (min-width:992px) {
    .component-image picture {
        width: 656px
    }
}

.component-image figcaption {
    color: var(--color-primary-action-900);
    font-weight: 400;
    letter-spacing: .2px;
    max-width: 328px;
    text-align: left;
    width: 100%
}

@media (min-width:576px) {
    .component-image figcaption {
        max-width: 448px
    }
}

@media (min-width:992px) {
    .component-image figcaption {
        max-width: 656px
    }
}

.component-image .image-cta {
    display: flex;
    justify-content: center;
    max-width: 360px;
    min-width: 320px;
    padding-bottom: var(--spacing-400);
    width: 100%
}

@media (min-width:576px) {
    .component-image .image-cta {
        padding-bottom: var(--spacing-500)
    }
}

@media (min-width:992px) {
    .component-image .image-cta {
        padding-bottom: var(--spacing-600)
    }
}

.component-image .image-cta a {
    max-width: 360px
}

@media (min-width:992px) {
    .component-image .image-cta a {
        font-size: var(--font-size-xs);
        line-height: var(--line-height-xs);
        padding: var(--spacing-200) var(--spacing-600)
    }
}