.button {
    font-family: var(--lab-font);
    -webkit-text-decoration: none;
    text-decoration: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    cursor: pointer;
}

.button--primary {
    border: solid 1px var(--brand-main-color);
    background-color: var(--brand-main-color);
    color: var(--brand-white);
}

.button--secondary {
    border: solid 1px var(--brand-main-color);
    background-color: var(--brand-white);
    color: var(--brand-main-color);
}

.button--negative {
    border: solid 1px var(--brand-white);
    color: var(--brand-white);
    background-color: var(--brand-black);
}

.button--white {
    color: var(--brand-black);
    background-color: var(--brand-white);
}


.button--size-large {
    font-size: var(--font-size-button-large);
    padding: var(--spacing-18) var(--spacing-s);
    border-width: 2px;
}


.button--size-large .icon--position-left {
        margin-right: var(--spacing-20);
    }


.button--size-large .icon--position-right {
        margin-left: var(--spacing-20);
    }

.button--size-medium {
    font-size: var(--font-size-button-medium);
    padding: var(--spacing-11) var(--spacing-18);
}

.button--size-medium .icon--position-left {
        margin-right: var(--spacing-xxs);
    }

.button--size-medium .icon--position-right {
        padding-left: var(--spacing-xxs);
    }

.button--size-small {
    font-size: var(--font-size-button-small);
    padding: var(--spacing-xxs) var(--spacing-18);
}

.button--size-small .icon--position-left {
        margin-right: var(--spacing-xxs);
    }

.button--size-small .icon--position-right {
        margin-left: var(--spacing-xxs);
    }

.button--size-main-menu {
    color: var(--brand-black);
    border: none;
    font-size: var(--font-size-icon-main-menu);
    padding: 0;
    margin: auto;
    vertical-align: middle;
}

.button--backend-only {
    background-color: var(--brand-white) !important;
    color: var(--brand-dark-grey) !important;
    border-color: var(--brand-dark-grey) !important;
}

@media (hover :hover) {
        body:not(.neos-backend) .button--primary.button--hover:hover,
        body:not(.neos-backend) .button--primary.button--hover:focus {
            background-color: var(--brand-white);
            color: var(--brand-main-color);
        }

        body:not(.neos-backend) .button--secondary.button--hover:hover,
        body:not(.neos-backend) .button--secondary.button--hover:focus {
            border-color: var(--brand-white);
            background-color: var(--brand-main-color);
            color: var(--brand-white);
        }

        body:not(.neos-backend) .button--negative.button--hover:hover,
        body:not(.neos-backend) .button--negative.button--hover:focus {
            border-color: var(--brand-black);
            color: var(--brand-black);
            background-color: var(--brand-white);
        }

        body:not(.neos-backend) .button--white.button--hover:hover,
        body:not(.neos-backend) .button--white.button--hover:focus {
            border-bottom: solid 1px var(--brand-black);
        }
    }

.icon {
    -webkit-box-sizing: content-box !important;
            box-sizing: content-box !important;
}

.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    -ms-flex-item-align: center;
        align-self: center;
}

.icon--size-small {
    font-size: var(--font-size-icon-small);
}

.icon--size-medium {
    font-size: var(--font-size-icon-medium);
}

.icon--size-large {
    font-size: var(--font-size-icon-large);
}

.icon--size-main-menu {
    font-size: var(--font-size-icon-main-menu);
}

.ionicon {
    fill: currentColor;
    stroke: currentColor;
}

.ionicon-fill-none {
    fill: none;
}

.ionicon-stroke-width {
    stroke-width: 32px;
}

.icon svg {
    width: 100%;
    height: 100%;
    display: block;
    fill: currentColor;
    stroke: currentColor;
}

.main-menu-hero__headline {
    font-size: var(--spacing-36);
    font-weight: var(--font-weight-black);
    color: var(--brand-black);
}

.main-menu-hero__link a {
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-regular);
    line-height: 1.38;
    -webkit-text-decoration: none;
    text-decoration: none;
    color: var(--font-color-black);
}

.main-menu-hero__link .icon {
    padding-left: var(--spacing-xs);
}

.pill {
    --border: 2px solid var(--brand-main-color);
    --border-radius: 3.5rem;
    --background: var(--brand-white);
    --padding: .75rem 3.5rem 1rem;
    --subtile-color: var(--font-color-brand);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: var(--spacing-xxs);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 2px solid var(--brand-main-color);
    border: var(--border);
    border-radius: 3.5rem;
    border-radius: var(--border-radius);
    background: var(--brand-white);
    background: var(--background);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: .75rem 3.5rem 1rem;
    padding: var(--padding);
}

    .pill .pill__subtitle {
        font-family: var(--font-family-lab);
        font-size: var(--font-size-button-small);
        font-weight: var(--font-weight-regular);
        color: var(--subtile-color);
    }

    .pill .pill__title {
        font-size: var(--font-size-h3);
        line-height: var(--line-height-h3);
        font-weight: var(--font-weight-h3);
        color: var(--font-color-black);
        text-align: center;
    }

.neos-backend .accordion-item__header {
        cursor: pointer;
    }

        .neos-backend .accordion-item__header .neos-inline-editable {
            cursor: text;
            min-width: 200px;
        }

    .neos-backend .accordion-item.open .accordion-item__header {
        cursor: pointer;
    }

    .neos-backend .accordion-item.open .accordion-item__content {
        display: inline;
    }

.accordion {
    margin-top: var(--spacing-xl);
    margin-bottom: 4.9rem;
}

    @media (min-width: 768px) {.accordion {
        margin-top: 5.6rem;
        margin-bottom: 14rem
}
    }

.accordion-item {
    border-bottom: 1px solid var(--border-color-gray);
    -webkit-transition: height .4s;
    transition: height .4s;
    max-width: var(--wide-content-width);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: var(--spacing-xs);
}

@media (min-width: 768px) {

.accordion-item {
        margin-bottom: var(--spacing-m)
}
    }

@media (min-width: 1200px) {

.accordion-item {
        max-width: calc(var( --page-conatiner-max-width) - 2 * 11rem)
}
    }

.accordion-item__label {
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 0;
    font-size: var(--font-size-s);
    font-weight: var(--font-weight-black);
}

@media (min-width: 768px) {

.accordion-item__label {
        font-size: var(--font-size-40)
}
    }

.accordion__headline {
    text-align: center;
    margin-bottom: 5rem;
}

@media (min-width: 768px) {

.accordion__headline {
        margin-bottom: 10rem
}
    }

.accordion-item__header {
    cursor: pointer;
    padding: var(--spacing-m) 0 var(--spacing-xs);
    -webkit-transition: padding-top .2s ease;
    transition: padding-top .2s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: 0;
}

.accordion-item__header:focus-visible {
        outline: 0;
    }

@media (min-width: 768px) {

.accordion-item__header {
        padding: var(--spacing-m) 0 var(--spacing-m);
        padding-top: 0
}
    }

.accordion-item__header .icon {
        -webkit-transition: -webkit-transform .2s ease;
        transition: -webkit-transform .2s ease;
        transition: transform .2s ease;
        transition: transform .2s ease, -webkit-transform .2s ease;
        color: var(--brand-black);
        font-size: var(--font-size-s);
    }

@media (min-width: 768px) {

.accordion-item__header .icon {
            font-size: var(--font-size-40)
    }

            .accordion-item__header .icon .ionicon-fill-none {
                stroke-width: var(--font-size-m);
            }
        }

.accordion-item__content {
    height: 0;
    -webkit-transition: height .2s ease, padding-top .2s ease, padding-bottom .2s ease;
    transition: height .2s ease, padding-top .2s ease, padding-bottom .2s ease;
    overflow: hidden;
    font-weight: var(--font-weight-light);
    max-width: 62.25rem;
}

.accordion-item__content p:not(.does-not-exist):not(.icon), .accordion-item__content div:not(.does-not-exist):not(.icon), .accordion-item__content ul:not(.does-not-exist):not(.icon), .accordion-item__content ol:not(.does-not-exist):not(.icon), .accordion-item__content .style-text:not(.icon), .accordion-item__content h1:not(.does-not-exist):not(.icon), .accordion-item__content h2:not(.does-not-exist):not(.icon), .accordion-item__content h3:not(.does-not-exist):not(.icon), .accordion-item__content h4:not(.does-not-exist):not(.icon), .accordion-item__content .style-h1:not(.icon), .accordion-item__content .style-h2:not(.icon), .accordion-item__content .style-h3:not(.icon), .accordion-item__content .style-h4:not(.icon) {
        margin-right: 0;
        margin-left: 0;
        width: 100%;
    }

.accordion-item.open > .accordion-item__header {
        cursor: default;
        padding: var(--spacing-xs) 0 var(--spacing-xs);
    }

.accordion-item.open > .accordion-item__header .icon {
            -webkit-transform: scaleY(-1);
                    transform: scaleY(-1);
        }

.accordion-item.open > .accordion-item__content {
        height: auto;
        padding: 0 var(--spacing-s) var(--spacing-m) 0;
    }

.content-teaser {
    --teaser-width: var(--content-width);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    max-width: var(--content-width);
    max-width: var(--teaser-width);
    position: relative;
    background-color: var(--brand-white);
    -webkit-transition: scale 230ms cubic-bezier(.73, .005, .285, .995);
    transition: scale 230ms cubic-bezier(.73, .005, .285, .995);
}

    @media (min-width: 768px) {.content-teaser {
        --teaser-width: calc(var(--content-width) / 2 - var(--spacing-xs))
}
    }

    @media (min-width: 1200px) {.content-teaser {
        --teaser-width: 18.875rem
}
    }

    .content-teaser .base-picture__container {
        width: 100%;
        max-width: var(--content-width);
        position: relative;
        margin-top: 0;
        margin-bottom: var(--spacing-xs);
    }

    .content-teaser .base-picture__container picture {
            position: absolute;
            width: 100%;
            height: 100%;
        }

    .content-teaser .base-picture__container img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
               object-fit: cover;
        }

    .content-teaser .content-teaser__subtitle {
        font-family: var(--font-family-lab);
        text-transform: uppercase;
    }

    .content-teaser .content-teaser__title {
        font-size: var(--font-size-s);
        line-height: 1.13;
        font-weight: var(--font-weight-black);
    }

.content-teaser--s .base-picture__container {
        height: 15.5rem;
    }

@media (min-width: 992px) {

.content-teaser--s .base-picture__container {
            height: 14.25rem
    }
        }

.content-teaser--m {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-column-gap: var(--spacing-xs);
       -moz-column-gap: var(--spacing-xs);
            column-gap: var(--spacing-xs);
    -webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .10);
            box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .10);
}

@media (min-width: 768px) {

.content-teaser--m {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-column-gap: 0;
           -moz-column-gap: 0;
                column-gap: 0
}
    }

@media (min-width: 992px) {

.content-teaser--m {
        --teaser-width: 26rem
}
    }

.content-teaser--m .base-picture__container {
        min-width: 5.475rem;
        max-width: 5.475rem;
        height: 4.75rem;
        margin-top: var(--spacing-xxs);
    }

@media (min-width: 768px) {

.content-teaser--m .base-picture__container {
            width: 100%;
            height: 20rem;
            max-width: var(--teaser-width);
            margin-top: 0;
            margin-bottom: calc(var(--spacing-l) - var(--spacing-xxs))
    }
        }

.content-teaser--m .content-teaser__body {
        width: calc(100% - (var(--spacing-xs) + 5.475rem));
        padding-top: var(--spacing-xxs);
        padding-right: var(--spacing-xxs);
    }

@media (min-width: 768px) {

.content-teaser--m .content-teaser__body {
            padding-bottom: var(--spacing-s);
            padding-left: var(--spacing-s);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                    flex-grow: 1
    }
        }

.content-teaser--m .content-teaser__title {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-top: calc(var(--spacing-xxs) / -2);
        margin-bottom: var(--spacing-xxs);
    }

@media (min-width: 768px) {

.content-teaser--m .content-teaser__title {
            white-space: normal;
            overflow: visible;
            text-overflow: initial;
            margin-top: 0
    }
        }

.content-teaser--m .content-teaser__content {
        /* stylelint-disable-next-line value-no-vendor-prefix */
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        font-weight: var(--font-weight-light);
    }

@media (min-width: 768px) {

.content-teaser--m .content-teaser__content {
            -webkit-line-clamp: 6;
            margin-bottom: var(--spacing-s)
    }
        }

.content-teaser--m .button--content-teaser {
        border-width: 0;
        padding-top: var(--spacing-xs);
        padding-bottom: 0;
        padding-left: 0;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }

@media (min-width: 768px) {

.content-teaser--m .button--content-teaser {
            border-width: 2px;
            margin-top: auto;
            padding-top: var(--spacing-11);
            padding-bottom: var(--spacing-11);
            padding-left: var(--spacing-18)
    }
        }

@media (min-width: 992px) {

.content-teaser--m .button--content-teaser {
            font-size: var(--font-size-button-large);
            padding: var(--spacing-18) var(--spacing-s);
            border-width: 2px
    }

            .content-teaser--m .button--content-teaser .icon--position-right {
                margin-left: var(--spacing-20);
            }
        }

.content-teaser--l {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-column-gap: var(--spacing-xs);
       -moz-column-gap: var(--spacing-xs);
            column-gap: var(--spacing-xs);
}

@media (min-width: 768px) {

.content-teaser--l {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-column-gap: 0;
           -moz-column-gap: 0;
                column-gap: 0
}
    }

@media (min-width: 992px) {

.content-teaser--l {
        --teaser-width: 26.125rem
}
    }

@media (min-width: 1404px) {

.content-teaser--l {
        --teaser-width: 33.125rem
}
    }

.content-teaser--l .base-picture__container {
        min-width: 5.475rem;
        max-width: 5.475rem;
        height: 4.75rem;
    }

@media (min-width: 768px) {

.content-teaser--l .base-picture__container {
            width: 100%;
            height: 24.875rem;
            max-width: var(--teaser-width);
            margin-bottom: var(--spacing-s)
    }
        }

.content-teaser--l .content-teaser__body {
        width: 100%;
    }

@media (min-width: 768px) {

.content-teaser--l .content-teaser__body {
            padding-bottom: var(--spacing-s);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                    flex-grow: 1
    }
        }

.content-teaser--l .content-teaser__subtitle {
        font-family: var(--font-family-lab);
        font-size: var(--font-size-xs);
        margin-bottom: var(--spacing-xxs);
    }

.content-teaser--l .content-teaser__title {
        margin-top: calc(var(--spacing-xxs) / -2);
        margin-bottom: var(--spacing-xxs);
    }

@media (min-width: 768px) {

.content-teaser--l .content-teaser__title {
            white-space: normal;
            overflow: visible;
            text-overflow: initial;
            margin-top: 0;
            font-size: var(--font-size-h3);
            margin-bottom: var(--spacing-11)
    }
        }

.content-teaser--l .content-teaser__content {
        display: none;
    }

@media (min-width: 768px) {

.content-teaser--l .content-teaser__content {
            /* stylelint-disable-next-line value-no-vendor-prefix */
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden;
            font-weight: var(--font-weight-light)
    }
        }

@media (hover :hover) {
        body:not(.neos-backend) .content-teaser:hover,
        body:not(.neos-backend) .content-teaser:focus {
            scale: 1.05;
        }

        body:not(.neos-backend) .content-teaser--m:hover .button--content-teaser,
        body:not(.neos-backend) .content-teaser--m:focus .button--content-teaser {
            background-color: var(--brand-main-color);
            color: var(--brand-white);
        }
    }

.employee-banner {
    background-color: var(--brand-grey);
}

.employee-banner .employee-banner__content-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow: hidden;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: var(--page-conatiner-max-width);
    margin-right: auto;
    margin-left: auto;
}

.employee-banner .employee-banner__content-container .base-squircle {
        background-color: var(--brand-white);
    }

.employee-banner .employee-banner__content-container .base-squircle.base-squircle--picture {
        --content-padding: 7rem;
        --outbound: -3.6rem;
        --container-margin-top: calc(var(--spacing-xs) * 3.75);
        --container-margin-bottom: 0;
        --border-radius: 2rem;
        --squircle-picture-min-height: 0;
        --rotate-angle: -11.35deg;
        --container-margin-right: 0;
        --container-margin-left: calc(var(--spacing-xs) * 3);
        --skew-angle: -11.4deg;
        --picture-max-width: calc(var(--content-width) + 0rem);
        --picture-height: 23rem;
        -webkit-transform: skewY(-11.4deg) rotate(-11.35deg);
                transform: skewY(-11.4deg) rotate(-11.35deg);
        -webkit-transform: skewY(var(--skew-angle)) rotate(var(--rotate-angle));
                transform: skewY(var(--skew-angle)) rotate(var(--rotate-angle));
        margin-top: calc(var(--spacing-xs) * 3.75);
        margin-top: var(--container-margin-top);
        margin-right: 0;
        margin-right: var(--container-margin-right);
        margin-bottom: 0;
        margin-bottom: var(--container-margin-bottom);
        margin-left: calc(var(--spacing-xs) * 3);
        margin-left: var(--container-margin-left);
        width: calc(var(--content-width) + 0rem);
        width: var(--picture-max-width);
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
    }

.employee-banner .employee-banner__content-container .base-squircle.base-squircle--picture picture {
            -webkit-transform: rotate(calc(var(--rotate-angle) * -1)) skewY(calc(var(--skew-angle) * -1));
                    transform: rotate(calc(var(--rotate-angle) * -1)) skewY(calc(var(--skew-angle) * -1));
            top: calc(var(--content-padding) * -.525);
            bottom: calc(var(--content-padding) * -.5);
            left: var(--outbound);
            right: var(--outbound);
            width: auto;
            width: initial;
            height: var(--picture-height);
        }

.employee-banner .employee-banner__content-container .employee-banner__content {
        max-width: var(--content-width);
        margin-right: auto;
        margin-left: auto;
    }

.employee-banner .employee-banner__content-container .employee-banner__quote {
        font-size: var(--font-size-h4);
        font-weight: var(--font-weight-h4);
        line-height:  var(--line-height-h2);
        margin-bottom: var(--spacing-xxs);
    }

.employee-banner .employee-banner__content-container .employee-banner__name-position {
        font-weight: var(--font-weight-light);
        margin-bottom: var(--spacing-s);
    }

.employee-banner .employee-banner__content-container .button {
        margin-bottom: var(--spacing-xl);
    }

@media (min-width: 768px) {

.employee-banner .employee-banner__content-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse;
        min-height: 26rem;
        -webkit-box-pack: none;
            -ms-flex-pack: none;
                justify-content: none;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center
}


        .employee-banner .employee-banner__content-container .base-squircle.base-squircle--picture {
            --content-padding: 9.75rem;
            --container-margin-bottom: 0;
            --container-margin-left: calc(var(--spacing-xs) * 3);
            --picture-max-width: calc(var(--content-width) - 2rem);
            --picture-height: 37.75rem;
            --container-margin-top: calc(var(--spacing-xs) * 4);
        }

            .employee-banner .employee-banner__content-container .base-squircle.base-squircle--picture picture {
                top: calc(var(--content-padding) * -.65);
            }

        .employee-banner .employee-banner__content-container .employee-banner__content {
            padding: 0 var(--spacing-s);
            margin-top: 0;
            width: 85%;
        }

        .employee-banner .employee-banner__content-container .employee-banner__name-position {
            margin-bottom: var(--spacing-xl);
        }

        .employee-banner .employee-banner__content-container .button {
            margin-bottom: 0;
        }
    }

@media (min-width: 992px) {

.employee-banner .employee-banner__content-container {
        min-height: 33rem
}

        .employee-banner .employee-banner__content-container .base-squircle.base-squircle--picture {
            --content-padding: 12rem;
            --container-margin-top: calc(var(--spacing-xs) * 5);
            --picture-height: 39.25rem;
        }

            .employee-banner .employee-banner__content-container .base-squircle.base-squircle--picture picture {
                top: calc(var(--content-padding) * -.525);
            }

        .employee-banner .employee-banner__content-container .employee-banner__quote {
            font-size: var(--font-size-h3);
            line-height:  var(--line-height-h3);
            margin-bottom: calc(var(--spacing-xxs) / 2);
        }

        .employee-banner .employee-banner__content-container .employee-banner__name-position {
            margin-bottom: var(--spacing-80);
        }
    }

@media (min-width: 1200px) {
        .employee-banner .employee-banner__content-container .base-squircle.base-squircle--picture {
            --content-padding: 12.75rem;
            --container-margin-top: calc(var(--spacing-xs) * 10);
            --container-margin-right: calc(var(--spacing-xs) * 5.25);
            --container-margin-bottom: calc(var(--spacing-xs) * 1.25);
            --container-margin-left: calc(var(--spacing-xs) * 2);
            --border-radius: 3.6rem;
            --rotate-angle: -10.65deg;
            --skew-angle: -12.3deg;
            --picture-height: 48rem;
            --picture-max-width: calc(var(--content-width) - 9.5rem);
        }

            .employee-banner .employee-banner__content-container .base-squircle.base-squircle--picture picture {
                top: calc(var(--content-padding) * -.55);
            }

        .employee-banner .employee-banner__content-container .employee-banner__content {
            width: 50%;
            padding: 0 var(--spacing-xl);
        }

        .employee-banner .employee-banner__content-container .button--size-medium {
            font-size: var(--font-size-button-large);
            padding: var(--spacing-18) var(--spacing-s);
        }

            .employee-banner .employee-banner__content-container .button--size-medium .icon--position-left {
                margin-right: var(--spacing-20);
            }

            .employee-banner .employee-banner__content-container .button--size-medium .icon--position-right {
                margin-left: var(--spacing-20);
            }
    }

.employee-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 14rem;
    height: 14rem;
    margin-bottom: var(--spacing-m);
}

    @media(min-width: 992px) {.employee-card {
        margin-bottom: 0
}
    }

    .employee-card .employee-card__container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        isolation: isolate;
        width: 100%;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    .employee-card .employee-card__container .employee-card__background-squircle {
            width: 100%;
            max-width: 10rem;
            border: solid 2px var(--brand-main-color);
            border-bottom: 0;
            -webkit-transform: skewY(calc(9.5deg * -1));
                    transform: skewY(calc(9.5deg * -1));
            border-top-left-radius: 1rem;
            border-bottom-right-radius: 1rem;
            height: 7rem;
            margin-left: auto;
            margin-right: auto;
        }

    .employee-card .employee-card__container .employee-card__image {
            width: 66%;
            max-width: 12.5rem;
            margin-top: -10.8rem;
            margin-left: -.18rem;
            z-index: 1;
            margin-bottom: -1rem;
        }

    .employee-card .employee-card__container .employee-card__image .icon {
                font-size: 9.3rem;
                width: 10.5rem;
                margin-top: var(--spacing-l);
                margin-bottom: var(--spacing-xxs);
            }

    .employee-card .employee-card__container .employee-card__image .base-picture__container {
                margin: 1.4rem auto;
            }

    .employee-card .employee-card__container .employee-card__image img {
            width: 100%;
        }

    .employee-card .employee-card__container .employee-card__foreground-squircle {
            width: 100%;
            max-width: 10rem;
            border: solid 2px var(--brand-main-color);
            border-top: 0;
            -webkit-transform: skewY(calc(9.5deg * -1));
                    transform: skewY(calc(9.5deg * -1));
            border-top-left-radius: 1rem;
            border-bottom-right-radius: 1rem;
            height: 7rem;
            margin-top: -8.65rem;
            margin-left: auto;
            margin-right: auto;
            z-index: 2;
        }

    .employee-card .employee-card__container .employee-card__image__bottom-cut {
            background-color: var(--brand-white);
            height: 3rem;
            width: 105%;
            -webkit-transform: skewY(calc(9.5deg * -1));
                    transform: skewY(calc(9.5deg * -1));
            z-index: 2;
            margin-top: -1px;
        }

    .employee-card .employee-card__content {
        text-align: center;
        z-index: 2;
    }

    .employee-card .employee-card__content .employee-card__content-name {
            font-size: var(--font-size-20);
            margin-top: 0;
            margin-bottom: -.5rem;
        }

    .employee-card .employee-card__content .employee-card__content-position {
            font-size: var(--font-size-xxs);
        }

    .employee-card .employee-card__quote-container {
        display: none;
        width: 100%;
        height: 100%;
    }

    .employee-card .employee-card__quote-container .employee-card__quote-background-squircle {
            width: 7.5rem;
            height: 10rem;
            color: var(--brand-black);
            background-color: var(--brand-main-color);
            border-top-right-radius: 1rem;
            border-bottom-left-radius: 1rem;
            -webkit-transform: skew(20deg, -13deg);
                    transform: skew(20deg, -13deg);
            margin-right: auto;
            margin-left: auto;
        }

    .employee-card .employee-card__quote-container .employee-card__quote {
            margin-top: -9rem;
            position: relative;
            width: 15rem;
            cursor: default;
            text-align: center;
        }

    .employee-card .employee-card__quote-container .employee-card__quote h4 {
                margin-top: auto;
            }

.employee-card:hover .employee-card__quote-container {
        display: block;
    }

.employee-card:hover .employee-card__container {
        display: none;
    }

.blog-post .blog-post__header .blog-authors .blog-authors__author .employee-card {
                    height: 11rem;
                    margin-bottom: 0;
                    margin-left: auto;
                    margin-right: auto;
                }

@media(min-width: 1200px) {

.blog-post .blog-post__header .blog-authors .blog-authors__author .employee-card {
                        margin-top: 1.3rem
                }
                    }

.blog-post .blog-post__header .blog-authors .blog-authors__author .employee-card .employee-card__container .employee-card__background-squircle {
                            height: 7rem;
                        }

.footer__menu {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: var(--spacing-xs);
    margin-top: var(--spacing-40);
}

    @media (min-width: 768px) {.footer__menu {
        grid-template-columns: repeat(2, 1fr)
}
    }

.footer__menu__list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: auto 0;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
}

@media (min-width: 768px) {

.footer__menu__list {
        display: block;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1
}
    }

.footer__menu__list a {
        font-family: var(--lab-font);
        color: var(--font-color-base);
        -webkit-text-decoration: none;
        text-decoration: none;
        font-size: var(--font-size-14);
        text-transform: uppercase;
        float: left;
        margin-right: var(--spacing-36);
    }

.grid-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

    .grid-item .icon {
        color: var(--brand-main-color);
        font-size: var(--font-size-40);
    }

    @media (min-width: 768px) {

    .grid-item .icon {
            font-size: var(--font-size-l)
    }

            .grid-item .icon svg {
                width: 102%;
            }
        }

    .grid-item .grid-item__content {
        font-weight: var(--font-weight-light);
        padding-bottom: var(--spacing-xs);
    }

    @media (min-width: 768px) {

    .grid-item .grid-item__content {
            padding-bottom: var(--spacing-m)
    }
        }

    .grid-item .grid-item__headline {
        font-size: var(--font-size-s);
        font-weight: var(--font-weight-black);
    }

    @media (min-width: 992px) {

    .grid-item .grid-item__headline {
            font-size: var(--font-size-h3)
    }
        }

    .grid-item .grid-item__content + .button {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin-top: auto;
    }

.grid__items--layout-large .icon {
        font-size: calc(var(--font-size-s) * 3);
        margin-bottom: var(--spacing-s);
    }

@media (min-width: 768px) {

.grid__items--layout-large .icon {
            font-size: 5.5rem;
            margin-bottom: 0
    }
        }

@media (min-width: 992px) {

.grid__items--layout-large .icon {
            font-size: 6.5rem;
            margin-bottom: var(--spacing-xl)
    }
        }

.grid__items--layout-large .grid-item__headline {
        font-size: var(--font-size-m);
    }

.logo {
    margin: auto 0;
    margin-left: var(--spacing-s);
    padding-top: 0;
}

    @media (min-width: 992px) {.logo {
        margin-left: var(--spacing-l)
}
    }

    @media (min-width: 1200px) {.logo {
        margin: 0;
        margin-left: var(--spacing-xl);
        padding-top: var(--spacing-44)
}
    }

    .logo .base-image__container > img {
        width: var(--logo-width);
        vertical-align: middle;
    }

.main-menu__meta-menu__list {
    font-family: var(--lab-font);
    font-size: var(--font-size-xs);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .main-menu__meta-menu__list .main-menu__meta-menu__list__item {
        -webkit-text-decoration: none;
        text-decoration: none;
        color: var(--font-color-base);
    }

    .main-menu__meta-menu__list .main-menu__meta-menu__list__item:hover {
        -webkit-text-decoration: underline;
        text-decoration: underline;
    }

    @media (min-width: 768px) {.main-menu__meta-menu__list {
        font-size: var(--font-size-xs)
}
    }

    .main-menu__meta-menu__list .infrastructure-link-home-page .icon {
        padding-left: var(--spacing-xxs);
    }

    .main-menu__meta-menu__list .infrastructure-link-home-page .icon svg {
            stroke: none;
        }

.main-menu__meta-menu--mobile .main-menu__meta-menu__list {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;
    margin-top: 2.875rem;
}

.main-menu__meta-menu--mobile .main-menu__meta-menu__list .main-menu__meta-menu__list__item {
        margin-bottom: var(--spacing-xs);
    }

.main-menu__meta-menu--mobile .main-menu__meta-menu__list .main-menu__meta-menu__list__item:last-child {
            margin-bottom: 0;
        }

.main-menu__meta-menu--desktop .main-menu__meta-menu__list {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-column-gap: var(--spacing-20);
       -moz-column-gap: var(--spacing-20);
            column-gap: var(--spacing-20);
}

.main-menu__meta-menu--desktop .main-menu__meta-menu__list .hide {
        display: none;
    }

.hero {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin-bottom: var(--spacing-80);
    position: relative;
}

    .hero .icon {
        display: none;
    }

    @media(min-width: 992px) {.hero {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        margin-right: auto;
        margin-left: auto;
        max-width: 70.125rem;
        min-height: 42rem;
        padding-left: var(--spacing-l)
}

        .hero .icon {
            display: block;
        }
    }

    @media(min-width: 1200px) {.hero {
        padding-top: var(--spacing-40);
        min-height: 57.625rem;
        max-width: 76rem
}
    }

.hero .hero__content #search-auto-complete-hero {
        display: none;
    }

@media (min-width: 768px) {

.hero .hero__content {
        padding-top: var(--spacing-m)
}
    }

@media(min-width: 992px) {

.hero .hero__content {
        max-width: 40rem;
        z-index: 2;
        padding-top: calc(var(--spacing-xl) + var(--spacing-xxs))
}

        .hero .hero__content h1 {
            max-width: 100%;
        }

        .hero .hero__content p,
        .hero .hero__content p + div[data-__neos-property] {
            margin-left: 0;
            font-size: var(--font-size-22);
            line-height: 1.45;
            max-width: 36rem;
        }
            .hero .hero__content.hero__content--short-text p,
            .hero .hero__content.hero__content--short-text p + div[data-__neos-property] {
                max-width: 23rem;
            }

        .hero .hero__content .icon {
            font-size: 2.5rem;
            margin-top: 9rem;
        }

            .hero .hero__content .icon svg {
                stroke-width: 0;
            }

        .hero .hero__content #search-auto-complete-hero {
            display: block;
            margin-left: 0;
            max-width: 33rem;
            position: relative;
        }

        .hero .hero__content .search-submit-button--lg {
            display: none;
        }

        .hero .hero__content .search-auto-complete__field {
            border: 0;
        }

        .hero .hero__content .search-auto-complete__field input {
            border-bottom: 1px solid var(--brand-dark-grey) !important;
        }

        .hero .hero__content .search-auto-complete__field input {
            padding: 0;
            border-top: 1px solid var(--brand-dark-grey);
            border-right: 1px solid var(--brand-dark-grey);
        }

        .hero .hero__content .search-button {
            border-top: 1px solid var(--brand-dark-grey);
            border-bottom: 1px solid var(--brand-dark-grey);
            border-left: 1px solid var(--brand-dark-grey);
            margin-bottom: -2px;
            cursor: pointer;
        }

        .hero .hero__content .search-button .icon {
            margin-top: 0;
            font-size: var(--font-size-icon-large);
        }

        .hero .hero__content .autoComplete_list {
            position: absolute;
            background-color: var(--brand-white);
            margin-top: 2px;
            width: 33rem;
        }

            .hero .hero__content .autoComplete_list li {
                width: 100%;
                max-width: 29.3rem;
            }

            .hero .hero__content .autoComplete_list .icon {
                margin-top: 0;
                font-size: var(--font-size-icon-large);
            }

        .hero .hero__content .autoComplete_result,
        .hero .hero__content .search-auto-complete__no-result {
            padding-left: 3.25rem;
        }
    }

@media(min-width: 1200px) {

.hero .hero__content {
        margin-left: var(--spacing-s);
        padding-top: 0
}

        .hero .hero__content h1 {
            margin-top: calc(var(--margin-top-h1) + var(--spacing-xs));
        }

        .hero .hero__content p {
            margin-top: 0;
        }

        .hero .hero__content .icon {
            margin-top: 7.75rem;
        }

        .hero .hero__content .search-button .icon {
            margin-top: 0;
            font-size: var(--font-size-icon-large);
        }
    }

.hero .hero__image {
    --hero-image-height: 26.75rem;
    --hero-image-width: 100%;
    overflow: hidden;
    height: 26.75rem;
    height: var(--hero-image-height);
    width: 100%;
    width: var(--hero-image-width);
}

.hero .hero__image .base-squircle.base-squircle--picture {
        --content-padding: 9.25rem;
        --outbound: -6rem;
        --container-margin-top: calc(var(--spacing-xs) * .25);
        --container-margin-bottom: calc(var(--spacing-xs) * 5);
        --border-radius: 3.25rem;
        --squircle-picture-min-height: 0;
        --rotate-angle: -24.50deg;
        --container-margin-right: 0;
        --container-margin-left: calc(var(--spacing-xs) * 3.5);
        --skew-angle: -13.75deg;
        --picture-max-width: calc(var(--content-width) + 1rem);
        --picture-height-correction: -.75rem;
        -webkit-transform: skewY(-13.75deg) rotate(-24.50deg);
                transform: skewY(-13.75deg) rotate(-24.50deg);
        -webkit-transform: skewY(var(--skew-angle)) rotate(var(--rotate-angle));
                transform: skewY(var(--skew-angle)) rotate(var(--rotate-angle));
        margin-top: calc(var(--spacing-xs) * .25);
        margin-top: var(--container-margin-top);
        margin-right: 0;
        margin-right: var(--container-margin-right);
        margin-bottom: calc(var(--spacing-xs) * 5);
        margin-bottom: var(--container-margin-bottom);
        margin-left: calc(var(--spacing-xs) * 3.5);
        margin-left: var(--container-margin-left);
        width: calc(var(--content-width) + 1rem);
        width: var(--picture-max-width);
    }

.hero .hero__image .base-squircle.base-squircle--picture picture {
            -webkit-transform: rotate(calc(var(--rotate-angle) * -1)) skewY(calc(var(--skew-angle) * -1));
                    transform: rotate(calc(var(--rotate-angle) * -1)) skewY(calc(var(--skew-angle) * -1));
            top: 0;
            bottom: calc(var(--content-padding) * -.6);
            left: var(--outbound);
            right: var(--outbound);
            height: calc(var(--hero-image-height) + (var(--container-margin-top) - var(--picture-height-correction)) * -1);
            width: auto;
        }

@media(min-width: 422px) {
        .hero .hero__image .base-squircle.base-squircle--picture {
            --container-margin-right: auto;
            --container-margin-left: auto;
        }
    }

@media(min-width: 768px) {

.hero .hero__image {
        --hero-image-height: 36.75rem
}

        .hero .hero__image .base-squircle.base-squircle--picture {
            --content-padding: 14.25rem;
            --container-margin-top: calc(var(--spacing-xs) * -3.25);
            --container-margin-right: 0;
            --container-margin-left: calc(var(--spacing-xs) * 6.25);
            --picture-max-width: calc(var(--content-width) + -8.75rem);
            --picture-height-correction: -2.25rem;
            --outbound: -9.25rem;
        }

            .hero .hero__image .base-squircle.base-squircle--picture picture {
                top: 4rem;
            }
    }

@media(min-width: 992px) {

.hero .hero__image {
        --hero-image-height: 40rem;
        --hero-image-width: 50rem;
        z-index: 1;
        position: absolute;
        right: 0
}

        .hero .hero__image .base-squircle.base-squircle--picture {
            --container-margin-top: calc(var(--spacing-xs) * -.5);
            --container-margin-left: calc(var(--spacing-xs) * 8.25);
            --picture-max-width: calc(var(--content-width) + -18rem);
            --rotate-angle: -18.5deg;
            --picture-height-correction: .25rem;
            --outbound: -4.85rem;
        }

            .hero .hero__image .base-squircle.base-squircle--picture picture {
                top: 0;
            }
    }

@media(min-width: 1200px) {

.hero .hero__image {
        --hero-image-height: 56rem;
        --hero-image-width: 54rem
}

        .hero .hero__image .base-squircle.base-squircle--picture {
            --container-margin-top: calc(var(--spacing-xs) * 8.5);
            --container-margin-left: calc(var(--spacing-xs) * 4.75);
            --picture-max-width: calc(var(--content-width) + -7.25rem);
            --picture-height-correction: 12.5rem;
            --rotate-angle: -10.5deg;
            --content-padding: 16.5rem;
            --skew-angle: -12.25deg;
            --outbound: -3.5rem;
        }

            .hero .hero__image .base-squircle.base-squircle--picture picture {
                top: -12rem;
            }
    }

.hero .hero__image.hero__image--orientation-tilted-left,
.hero .hero__image.hero__image--orientation-portrait {
    --hero-image-height: 28rem;
}

.hero .hero__image.hero__image--orientation-tilted-left .base-squircle__container.base-squircle--portrait-variante, .hero .hero__image.hero__image--orientation-portrait .base-squircle__container.base-squircle--portrait-variante {
        --container-margins: 0;
    }

.hero .hero__image.hero__image--orientation-tilted-left .base-squircle.base-squircle--picture, .hero .hero__image.hero__image--orientation-portrait .base-squircle.base-squircle--picture {
        --content-padding: 10.05rem;
        --outbound: -5rem;
        --container-margin-top: calc(var(--spacing-xs) * 2);
        --container-margin-bottom: calc(var(--spacing-xs) * 5);
        --border-radius: 2.25rem;
        --squircle-picture-min-height: 0;
        --rotate-angle: -24deg;
        --container-margin-right: 0;
        --container-margin-left: calc(var(--spacing-xs) * 2.75);
        --skew-angle: 14.5deg;
        --picture-max-width: calc(var(--content-width) + -2.25rem);
        --picture-height-correction: 5.75rem;
        --picture-width-correction: 28.1rem;
    }

.hero .hero__image.hero__image--orientation-tilted-left .base-squircle.base-squircle--picture picture, .hero .hero__image.hero__image--orientation-portrait .base-squircle.base-squircle--picture picture {
            top: -2rem;
            width: var(--picture-width-correction);
        }

@media(min-width: 422px) {
        .hero .hero__image.hero__image--orientation-tilted-left .base-squircle.base-squircle--picture, .hero .hero__image.hero__image--orientation-portrait .base-squircle.base-squircle--picture {
            --container-margin-right: auto;
            --container-margin-left: auto;
        }
    }

@media(min-width: 768px) {

.hero .hero__image.hero__image--orientation-tilted-left,
.hero .hero__image.hero__image--orientation-portrait {
        --hero-image-height: 37rem
}

        .hero .hero__image.hero__image--orientation-tilted-left .base-squircle.base-squircle--picture, .hero .hero__image.hero__image--orientation-portrait .base-squircle.base-squircle--picture {
            --content-padding: 13.25rem;
            --outbound: -7rem;
            --container-margin-top: calc(var(--spacing-xs) * 5);
            --picture-max-width: calc(var(--content-width) + -18rem);
            --picture-height-correction: 8.65rem;
            --picture-width-correction: 43rem;
        }
    }

@media(min-width: 992px) {

.hero .hero__image.hero__image--orientation-tilted-left,
.hero .hero__image.hero__image--orientation-portrait {
        --hero-image-height: 42rem
}

        .hero .hero__image.hero__image--orientation-tilted-left .base-squircle.base-squircle--picture, .hero .hero__image.hero__image--orientation-portrait .base-squircle.base-squircle--picture {
            --content-padding: 17.55rem;
            --container-margin-top: calc(var(--spacing-xs) * 1.5);
            --container-margin-right: 0;
            --container-margin-left: calc(var(--spacing-xs) * 19);
            --picture-max-width: calc(var(--content-width) + -22rem);
            --picture-height-correction: 11.5rem;
            --picture-width-correction: 50rem;
            --skew-angle: 16.25deg;
            --outbound: -7.6rem;
        }
    }

@media(min-width: 1200px) {

.hero .hero__image.hero__image--orientation-tilted-left,
.hero .hero__image.hero__image--orientation-portrait {
        --hero-image-height: 55rem;
        --hero-image-width: 62rem;
        top: 0;
        right: -5.5rem
}

        .hero .hero__image.hero__image--orientation-tilted-left .base-squircle.base-squircle--picture, .hero .hero__image.hero__image--orientation-portrait .base-squircle.base-squircle--picture {
            --content-padding: 25.75rem;
            --outbound: -25.2rem;
            --container-margin-top: calc(var(--spacing-xs) * .5);
            --container-margin-left: calc(var(--spacing-xs) * 18.25);
            --picture-max-width: calc(var(--content-width) + -16.25rem);
            --picture-height-correction: 16rem;
            --picture-width-correction: 78rem;
            --skew-angle: 11.75deg;
            --rotate-angle: -9.5deg;
            --border-radius: 3.25rem;
        }
    }

.hero .hero__image.hero__image--orientation-tilted-left .base-squircle.base-squircle--picture {
        --picture-height-correction: -.25rem;
    }

@media (min-width: 768px) {
        .hero .hero__image.hero__image--orientation-tilted-left .base-squircle.base-squircle--picture {
            --outbound: -6rem;
            --picture-width-correction: 38.3rem;
            --picture-height-correction: 5rem;
            --container-margin-top: calc(var(--spacing-xs) * 4);
            --rotate-angle: -33deg;
        }

            .hero .hero__image.hero__image--orientation-tilted-left .base-squircle.base-squircle--picture picture {
                top: -4rem;
            }
    }

@media (min-width: 992px) {

.hero .hero__image.hero__image--orientation-tilted-left {
        --hero-image-height: 47.5rem
}

        .hero .hero__image.hero__image--orientation-tilted-left .base-squircle.base-squircle--picture {
            --rotate-angle: -36deg;
            --skew-angle: 17deg;
            --outbound: -10rem;
            --picture-width-correction: 44rem;
            --picture-height-correction: 6.5rem;
            --picture-max-width: calc(var(--content-width) + -20rem);
        }

            .hero .hero__image.hero__image--orientation-tilted-left .base-squircle.base-squircle--picture picture {
                top: -5.6rem;
            }
    }

@media (min-width: 1200px) {

.hero .hero__image.hero__image--orientation-tilted-left {
        --hero-image-width: 70.5rem;
        --hero-image-height: 52.75rem;
        right: -14rem
}

        .hero .hero__image.hero__image--orientation-tilted-left .base-squircle.base-squircle--picture {
            --rotate-angle: -40.25deg;
            --skew-angle: 10.75deg;
            --outbound: -17.95rem;
            --picture-width-correction: 71rem;
            --picture-height-correction: -.25rem;
            --picture-max-width: calc(var(--content-width) + -17.25rem);
            --container-margin-top: calc(var(--spacing-xs) * -3.65);
            --container-margin-left: calc(var(--spacing-xs) * 17.75);
            --content-padding: 25.15rem;
            -webkit-transform: rotate(-40.25deg) skewY(10.75deg);
                    transform: rotate(-40.25deg) skewY(10.75deg);
            -webkit-transform: rotate(var(--rotate-angle)) skewY(var(--skew-angle));
                    transform: rotate(var(--rotate-angle)) skewY(var(--skew-angle));
        }

            .hero .hero__image.hero__image--orientation-tilted-left .base-squircle.base-squircle--picture picture {
                top: 1.5rem;
                -webkit-transform: skewY(calc(var(--skew-angle) * -1)) rotate(calc(var(--rotate-angle) * -1));
                        transform: skewY(calc(var(--skew-angle) * -1)) rotate(calc(var(--rotate-angle) * -1));
            }
    }

.hero .hero__image.hero__image--orientation-portrait .base-squircle.base-squircle--picture {
        --rotate-angle: 20deg;
        --skew-angle: 16.5deg;
        --container-margin-top: calc(var(--spacing-xs) * 1.25);
        --container-margin-left: calc(var(--spacing-xs) * 4.5);
        --picture-max-width: calc(var(--content-width) + -6.25rem);
        --squircle-picture-min-height: 4rem;
        --picture-height-correction: 2.5rem;
        --picture-width-correction: 24.5rem;
    }

@media(min-width: 768px) {

.hero .hero__image.hero__image--orientation-portrait {
        --hero-image-height: 38rem
}

        .hero .hero__image.hero__image--orientation-portrait .base-squircle.base-squircle--picture {
            --container-margin-top: calc(var(--spacing-xs) * 1.5);
            --picture-max-width: calc(var(--content-width) + -26.25rem);
            --rotate-angle: 17deg;
            --skew-angle: 21.5deg;
            --container-margin-left: auto;
            --squircle-picture-min-height: 0;
            --picture-height-correction: -1rem;
            --picture-width-correction: 25.8rem;
            --outbound: -3.6rem;
        }

            .hero .hero__image.hero__image--orientation-portrait .base-squircle.base-squircle--picture picture {
                top: calc(var(--content-padding) * -.15);
            }
    }

@media(min-width: 992px) {

.hero .hero__image.hero__image--orientation-portrait {
        --hero-image-height: 57.5rem
}

        .hero .hero__image.hero__image--orientation-portrait .base-squircle.base-squircle--picture {
            --content-padding: 15rem;
            --container-margin-top: calc(var(--spacing-xs) * 1);
            --container-margin-left: calc(var(--spacing-xs) * 29);
            --picture-max-width: calc(var(--content-width) + -36rem);
            --picture-height-correction: -17.25rem;
            --picture-width-correction: 26rem;
            --skew-angle: 19.5deg;
            --rotate-angle: 13.5deg;
        }
    }

@media(min-width: 1200px) {

.hero .hero__image.hero__image--orientation-portrait {
        --hero-image-height: 59.5rem
}

        .hero .hero__image.hero__image--orientation-portrait .base-squircle.base-squircle--picture {
            --content-padding: 24.25rem;
            --container-margin-top: calc(var(--spacing-xs) * 2.25);
            --container-margin-left: calc(var(--spacing-xs) * 24.15);
            --picture-max-width: calc(var(--content-width) + -23.5rem);
            --picture-height-correction: 4.25rem;
            --picture-width-correction: 47rem;
            --skew-angle: 14.5deg;
            --rotate-angle: 16.75deg;
            --outbound: -28.5rem;
            --border-radius: 4.25rem;
        }

            .hero .hero__image.hero__image--orientation-portrait .base-squircle.base-squircle--picture picture {
                top: calc(var(--content-padding) * -.125);
                left: calc(var(--outbound) * .275);
            }
    }

@media (min-width: 992px) {
        .hero .hero__image.hero__image--gradient .base-picture__container picture::after {
            content: '';
            background: -webkit-gradient(linear, left top, right top, color-stop(-8%, rgba(255,255,255,1)), color-stop(30%, rgba(0,255,255,0)));
            background: linear-gradient(90deg, rgba(255,255,255,1) -8%, rgba(0,255,255,0) 30%);
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            position: absolute;
        }
    }

.base-image__container {
    width: 100%;
    max-width: var(--content-width);
    margin-right: auto;
    margin-left: auto;
}

    .base-image__container img {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }

@media (min-width: 1200px) {.infrastructure-highlight {
        color: var(--font-color-white);
        background-color: var(--brand-infrastructure-blue);
        height: 100%;
        width: var(--infrastructure-highlight-width);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 10% 100%);
                clip-path: polygon(0 0, 100% 0%, 100% 100%, 10% 100%)
}

        .infrastructure-highlight .hosting-text {
            font-family: var(--lab-font);
            font-size: var(--font-size-xxs);
            margin-bottom: var(--spacing-xxs);
        }

        .infrastructure-highlight .infrastructure-text {
            font-size: var(--font-size-base);
            font-weight: var(--font-weight-black);
        }

        .infrastructure-highlight .icon {
            padding-left: var(--spacing-xxs);
            vertical-align: middle;
            width: var(--icon-width-28);
            height: var(--icon-height-28);
        }
    }

.infrastructure-highlight-text {
    margin: auto var(--spacing-xs) auto auto;
}

@media (min-width: 1200px) {

.infrastructure-highlight-text {
        margin: auto
}
    }

.infrastructure-highlight-link {
    display: none;
    color: var(--font-color-white);
    -webkit-text-decoration: none;
    text-decoration: none;
}

@media (min-width: 1200px) {

.infrastructure-highlight-link {
        display: block
}
    }

.logo-lane {
    padding-bottom: calc(var(--spacing-80) * 2);
}

    .logo-lane .logo-lane__title {
        text-align: center;
        line-height: 1.13;
        font-size: var(--font-size-s);
        font-weight: var(--font-weight-black);
        color: var(--brand-black);
        margin-bottom: var(--spacing-m);
    }

    @media (min-width: 768px) {

    .logo-lane .logo-lane__title {
            font-size: var(--spacing-36);
            line-height: 1.22;
            margin-bottom: calc(var(--spacing-80) + var(--spacing-xxs));
            padding-top: 120px
    }
        }

    .logo-lane .logo-lane__items {
        display: grid;
        justify-items: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        grid-gap: var(--spacing-m);
        gap: var(--spacing-m);
    }

    .logo-lane .logo-lane__items a {
            width: 100%;
        }

    .logo-lane .logo-lane__items .base-picture__container {
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
            margin: 0 auto;
        }

    .logo-lane .logo-lane__items .base-picture__container picture {
                margin-right: auto;
                margin-left: auto;
            }

    .logo-lane .logo-lane__items .base-picture__container img {
                width: -webkit-fit-content;
                width: -moz-fit-content;
                width: fit-content;
            }

    @media (min-width: 768px) {

    .logo-lane .logo-lane__items .base-picture__container {
                margin: 0 auto
        }
            }

    @media(min-width: 992px) {

    .logo-lane .logo-lane__items {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between
    }
        }

    .logo-lane.two-row .logo-lane__items {
        grid-template-columns: 1fr 1fr;
        padding-right: var(--spacing-s);
        padding-left: var(--spacing-s);
    }

    @media (min-width: 768px) {

    .logo-lane.two-row .logo-lane__items {
            padding-right: var(--spacing-xl);
            padding-left: var(--spacing-xl)
    }
        }

    .logo-lane.two-row .logo-lane__items img {
            min-height: 2.25rem;
            max-height: 2.5rem;
            min-width: 9rem;
        }

    @media (min-width: 768px) {

    .logo-lane.two-row .logo-lane__items img {
                max-height: 7rem
        }
            }

    @media(min-width: 992px) {

    .logo-lane.two-row .logo-lane__items img {
                max-height: 10rem;
                width: 10rem
        }
            }

    .logo-lane.three-row .logo-lane__items {
        grid-template-columns: 1fr 1fr 1fr;
        padding-right: var(--spacing-s);
        padding-left: var(--spacing-s);
    }

    .logo-lane.three-row .logo-lane__items img {
            max-width: 4.75rem;
            max-height: 5.625rem;
        }

    @media(min-width: 768px) {

    .logo-lane.three-row .logo-lane__items img {
                max-width: 6.75rem;
                max-height: 7.75rem
        }
            }

    @media(min-width: 992px) {

    .logo-lane.three-row .logo-lane__items img {
                max-width: 9.75rem;
                max-height: 10rem
        }
            }

.logo-lane + .logo-lane {
    margin-top: calc(var(--spacing-80) * -1);
}

@media(min-width: 992px) {

.logo-lane + .logo-lane {
        margin-top: calc(var(--spacing-80) * -1.5)
}
    }

.main-menu-level__container {
    position: absolute;
    display: none;
    background-color: var(--brand-white);
    top: 85px;
    left: 0;
    width: 100%;
    height: 502px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-shadow: 0 10px 14px 0 rgba(0, 0, 0, .09);
            box-shadow: 0 10px 14px 0 rgba(0, 0, 0, .09);
    z-index: var(--z-index-front);
}

    @media (min-width: 992px) {.main-menu-level__container {
        top: 109px
}
    }

.main-menu-level__content--lvl-0 {
    padding: 4.5rem 4rem;
}

.main-menu-level__content {
    width: calc(var(--page-conatiner-max-width) - 8rem);
    margin-right: auto;
    margin-left: auto;
}

.main-menu-level__content ul, .main-menu-level__content ol {
        margin: 0;
    }

.main-menu-level__title {
    font-size: var(--font-size-xs);
    -webkit-text-decoration: none;
    text-decoration: none;
    color: var(--font-color-black);
}

@media (min-width: 992px) {

.main-menu-level__title {
        font-size: var(--font-size-base)
}
    }

.main-menu-level__title--lvl-0 {
    margin: var(--spacing-m) 0 var(--spacing-xs);
    font-weight: var(--font-weight-black);
}

.main-menu-level--lvl-0 > .main-menu-level__title--active {
    -webkit-text-decoration: underline;
    text-decoration: underline;
}

.main-menu-level--lvl-0 {
    margin-top: var(--spacing-m);
    margin-bottom: 0;
    padding-bottom: calc(var(--spacing-xs) + var(--spacing-xxs));
    padding-left: var(--spacing-28);
}

.main-menu-level--lvl-0 li {
        margin-top: 0;
        margin-bottom: 0;
    }

@media (min-width: 768px) {

.main-menu-level--lvl-0 {
        margin-top: var(--spacing-xxs)
}
    }

.main-menu-level--lvl-0:hover > .main-menu-level__container.show-on-hover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.main-menu-level--lvl-0.main-menu-level--grid-view:hover > .main-menu-level__container.show-on-hover > .main-menu-level__content--lvl-0 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.main-menu-level--lvl-0:hover > .main-menu-level__title--lvl-0 {
    color: var(--font-color-brand);
}

.main-menu-level__sublevels {
    list-style-type: none;
    padding: 0;
}

.main-menu-level__sublevels--lvl-0 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
    max-height: 22.5rem;
    grid-column: span 2;
    margin-left: var(--spacing-l);
}

.main-menu-level__sublevels--lvl-0.main-menu-level__sublevels--small {
    grid-column: span 1;
}

.main-menu-level__hero {
    max-width: 25rem;
}

.main-menu-level--lvl-1 {
    width: 100%;
    max-width: 24rem;
    padding: 0 0 0 var(--spacing-m);
}

.main-menu-level--grid-view .main-menu-level__sublevels--lvl-0 {
    margin-left: calc(var(--spacing-m) * -1);
}

.main-menu-level--grid-view .main-menu-level--lvl-1 {
    width: 50%;
}

.main-menu-level__title--lvl-1 {
    display: block;
    font-weight: var(--font-weight-light);
    line-height: 1.5;
    padding-bottom: calc(var(--spacing-28) / 2);
}

.main-menu-level--lvl-2 {
    padding: calc(var(--spacing-xxs) / 2) 0 var(--spacing-18);
}

.main-menu-level__title--lvl-2 {
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-regular);
    line-height: 1.38;
}

.main-menu-level__title--lvl-2 > .icon {
    padding-right: var(--spacing-xs);
}

.main-menu-hero__container {
    grid-column: span 1;
}

.main-menu-level__grid-area {
    grid-column: span 1;
}

.main-menu-level__grid-area > .grid > .grid__headline {
    font-size: calc(var(--font-size-s) / 2);
    font-family: var(--lab-font);
    text-transform: uppercase;
    letter-spacing: 0;
    font-weight: var(--font-weight-regular);
    text-align: left;
    margin-bottom: var(--spacing-m);
}

.main-menu-level__grid-area > .grid > .grid__headline > a {
        color: var(--font-color-black);
        -webkit-text-decoration: none;
        text-decoration: none;
    }

.main-menu-level__grid-area > .grid > .grid__items--layout-main-menu {
    text-align: left;
    grid-template-columns: initial;
    grid-template-rows: initial;
    gap: initial;
    row-gap: var(--spacing-icon-grid-menu);
}

.main-menu-level__grid-area > .grid > .grid__items--layout-main-menu .icon {
        font-size: var(--font-size-40);
        padding-right: var(--spacing-18);
    }

.main-menu-level__grid-area > .grid > .grid__items--layout-main-menu .grid-item__headline {
        font-size: var(--font-size-20);
        font-weight: var(--font-weight-light);
        line-height: 1.875rem;
    }

.main-menu-level__grid-area > .grid > .grid__items--layout-main-menu .grid-item__headline > a {
            color: var(--font-color-black);
            -webkit-text-decoration: none;
            text-decoration: none;
        }

.main-menu-level__grid-area > .grid > .grid__items--layout-main-menu .grid-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        position: relative;
    }

.main-menu-level__sublevels.main-menu-level__sublevels--lvl-1.main-menu-level__sublevels--small {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
    max-height: 25rem;
}

.main-menu .mobile-menu__node,
    .main-menu .mobile-menu__leaf {

        border-bottom: none;
        padding: calc(var(--spacing-s) / 2) 0 calc(var(--spacing-xxs) / 2);
    }

        .main-menu .mobile-menu__node .mobile-menu__header-link, .main-menu .mobile-menu__leaf .mobile-menu__header-link {
            color: var(--font-color-black);
            -webkit-text-decoration: none;
            text-decoration: none;
            font-size: var(--font-size-base);
            font-weight: var(--font-weight-light);
            line-height: var(--line-height-base);
        }

        .main-menu .mobile-menu__node .mobile-menu__header-link .icon, .main-menu .mobile-menu__leaf .mobile-menu__header-link .icon {
                font-size: var(--font-size-s);
                margin-bottom: -5px;
                padding: 0 var(--spacing-xxs);
                color: var(--brand-main-color);
            }

        .main-menu .mobile-menu__node .mobile-menu__header-link--lvl-0, .main-menu .mobile-menu__leaf .mobile-menu__header-link--lvl-0 {
            font-size: var(--font-size-22);
            font-weight: var(--font-weight-black);
            line-height: var(--line-height-1);

        }

        .main-menu .mobile-menu__node > .accordion-item__content, .main-menu .mobile-menu__leaf > .accordion-item__content {
            padding-top: 0;
            padding-bottom: 0;
        }

        .main-menu .mobile-menu__node > .accordion-item__header.open, .main-menu .mobile-menu__leaf > .accordion-item__header.open {
            padding-top: 0;
            padding-bottom: 0;
            line-height: var(--line-height-base);
        }

        .main-menu .mobile-menu__node > .accordion-item__header, .main-menu .mobile-menu__leaf > .accordion-item__header {
            padding-top: 0;
            padding-bottom: 0;
            line-height: var(--line-height-base);
        }

    .main-menu .mobile-menu__level--2 > .accordion-item__content {
        padding-left: var(--spacing-xxs);
        padding-bottom: 0;
    }

    .main-menu .mobile-menu__level--2 > .accordion-item__header > .accordion-item__label {
        font-size: var(--font-size-base);
    }

    .main-menu .mobile-menu__node.accordion-item {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        margin: 0;
        max-width: none;
        max-width: initial;
        width: 100%;
    }

    .main-menu .mobile-menu__node.accordion-item > .accordion-item__content {
            padding-right: 0;
            width: 100%;
        }

    .main-menu .mobile-menu__level--0 > .accordion-item__header {

        line-height: var(--line-height-1);
    }

    .main-menu .mobile-menu__level--0 > .accordion-item__header > .accordion-item__label {
            line-height: var(--line-height-1);
            font-size: var(--font-size-22);
        }

    .main-menu .mobile-menu__level--0 > .accordion-item__header > .icon {
            color: var(--brand-main-color);
        }

    .main-menu .mobile-menu__level--0 {
        padding: 0 0 var(--spacing-m);
    }

    .main-menu .mobile-menu__level--0.open > .accordion-item__content {
            padding-top: calc(var(--spacing-s) / 2);
        }



.content-teaser--blog-listing-item .content-teaser__subtitle {
        font-family: var(--font-family-lab);
        font-size: var(--font-size-xs);
        margin-bottom: var(--spacing-xxs);
    }

.base-picture__container {
    width: 100%;
    max-width: var(--content-width);
    margin: var(--spacing-s) auto;
}

    .base-picture__container img {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }

    @media (min-width: 768px) {.base-picture__container {
        margin: var(--spacing-l) auto
}
    }

.social-media__list a {
    margin-right: var(--spacing-s);
    vertical-align: middle;
}

    .social-media__list a svg {
        stroke: none;
    }

.social-media__list {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}

@media (min-width: 768px) {

.social-media__list {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2
}
    }

.social-media__list .social-media__list__icons .icon {
            margin-top: 2px;
        }

@media (min-width: 992px) {

.social-media__list .social-media__list__icons .icon {
                margin-top: 5px
        }
            }

.social-media__list .social-media__list__x-icon .icon {
            margin-top: 2px;
        }

@media (min-width: 992px) {

.social-media__list .social-media__list__x-icon .icon {
                margin-top: 6px
        }
            }

.social-media__list .social-media__list__x-icon .icon svg {
                stroke: currentColor;
                color: var(--brand-black);
            }

.base-squircle {
    --skew-angle: 5.5deg;
    --border-radius: 2rem;
    --content-padding: max(6vh, 3rem);
    --margins: var(--spacing-m);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-transform: skewY(calc(5.5deg * -1));
            transform: skewY(calc(5.5deg * -1));
    -webkit-transform: skewY(calc(var(--skew-angle) * -1));
            transform: skewY(calc(var(--skew-angle) * -1));
    border-top-left-radius: 2rem;
    border-top-left-radius: var(--border-radius);
    border-bottom-right-radius: 2rem;
    border-bottom-right-radius: var(--border-radius);
    padding-top: max(6vh, 3rem);
    padding-top: var(--content-padding);
    padding-bottom: max(6vh, 3rem);
    padding-bottom: var(--content-padding);
    margin-top: var(--spacing-m);
    margin-top: var(--margins);
    margin-bottom: var(--spacing-m);
    margin-bottom: var(--margins);
    position: relative;
    overflow: hidden;
}

    @media (min-width: 768px) {.base-squircle {
        --skew-angle: 5.5deg;
        --border-radius: 4.75rem;
        --content-padding: max(7.5vh, 6rem);
        --margins: var(--spacing-l)
}
    }

    @media (min-width: 992px) {.base-squircle {
        --skew-angle: 5.25deg;
        --border-radius: 7.75rem;
        --content-padding: max(17.3vh, 9rem);
        --margins: var(--spacing-xl)
}
    }

    .base-squircle .base-squircle__content {
        -webkit-transform: skewY(var(--skew-angle));
                transform: skewY(var(--skew-angle));
    }

    .base-squircle + h1,
    .base-squircle + h2,
    .base-squircle + h3,
    .base-squircle + h4,
    .base-squircle + p,
    .base-squircle + ul,
    .base-squircle + ol,
    .base-squircle + a,
    .base-squircle + div,
    .base-squircle + .style-text {
        margin-top: calc(var(--spacing-m) * 3);
    }

    @media (min-width: 768px) {

    .base-squircle + h1,
    .base-squircle + h2,
    .base-squircle + h3,
    .base-squircle + h4,
    .base-squircle + p,
    .base-squircle + ul,
    .base-squircle + ol,
    .base-squircle + a,
    .base-squircle + div,
    .base-squircle + .style-text {
            margin-top: calc(var(--spacing-m) * 4)
    }
        }

    @media (min-width: 992px) {

    .base-squircle + h1,
    .base-squircle + h2,
    .base-squircle + h3,
    .base-squircle + h4,
    .base-squircle + p,
    .base-squircle + ul,
    .base-squircle + ol,
    .base-squircle + a,
    .base-squircle + div,
    .base-squircle + .style-text {
            margin-top: calc(var(--spacing-m) * 6)
    }
        }

h1:not(.does-not-exist) + .base-squircle, h2:not(.does-not-exist) + .base-squircle, h3:not(.does-not-exist) + .base-squircle, h4:not(.does-not-exist) + .base-squircle, .style-h1 + .base-squircle, .style-h2 + .base-squircle, .style-h3 + .base-squircle, .style-h4 + .base-squircle, div:not(.does-not-exist) + .base-squircle, p:not(.does-not-exist) + .base-squircle, ul:not(.does-not-exist) + .base-squircle, ol:not(.does-not-exist) + .base-squircle {
    margin-top: calc(var(--spacing-m) * 3);
}

@media (min-width: 768px) {

h1:not(.does-not-exist) + .base-squircle, h2:not(.does-not-exist) + .base-squircle, h3:not(.does-not-exist) + .base-squircle, h4:not(.does-not-exist) + .base-squircle, .style-h1 + .base-squircle, .style-h2 + .base-squircle, .style-h3 + .base-squircle, .style-h4 + .base-squircle, div:not(.does-not-exist) + .base-squircle, p:not(.does-not-exist) + .base-squircle, ul:not(.does-not-exist) + .base-squircle, ol:not(.does-not-exist) + .base-squircle {
        margin-top: calc(var(--spacing-m) * 4)
}
    }

@media (min-width: 992px) {

h1:not(.does-not-exist) + .base-squircle, h2:not(.does-not-exist) + .base-squircle, h3:not(.does-not-exist) + .base-squircle, h4:not(.does-not-exist) + .base-squircle, .style-h1 + .base-squircle, .style-h2 + .base-squircle, .style-h3 + .base-squircle, .style-h4 + .base-squircle, div:not(.does-not-exist) + .base-squircle, p:not(.does-not-exist) + .base-squircle, ul:not(.does-not-exist) + .base-squircle, ol:not(.does-not-exist) + .base-squircle {
        margin-top: calc(var(--spacing-m) * 6)
}
    }

.text-with-image + .base-squircle {
    margin-top: calc(var(--spacing-m) * 3);
}

@media (min-width: 768px) {

.text-with-image + .base-squircle {
        margin-top: calc(var(--spacing-m) * 4)
}
    }

@media (min-width: 992px) {

.text-with-image + .base-squircle {
        margin-top: calc(var(--spacing-m) * 6)
}
    }

body:not(.neos-backend) .base-squircle a:hover,
    body:not(.neos-backend) .base-squircle a:focus,
    body:not(.neos-backend) .base-squircle a:focus-visible,
    body:not(.neos-backend) .base-squircle a:focus-within {
        color: var(--brand-black);
    }

.base-squircle.base-squircle--picture {
    --margins: calc(var(--spacing-m) + var(--spacing-xs));
    --squircle-picture-min-height: 14rem;
    min-height: 14rem;
    min-height: var(--squircle-picture-min-height);
}

@media (min-width: 768px) {

.base-squircle.base-squircle--picture {
        --margins: calc(var(--spacing-l) + var(--spacing-s));
        --squircle-picture-min-height: 20rem
}
    }

@media (min-width: 992px) {

.base-squircle.base-squircle--picture {
        --margins: calc(var(--spacing-xl) + var(--spacing-l));
        --squircle-picture-min-height: 39.25rem
}
    }

.base-squircle.base-squircle--picture .base-squircle__content {
        -webkit-transform: none;
                transform: none;
    }

.base-squircle.base-squircle--picture picture {
        position: absolute;
        -webkit-transform: skewY(var(--skew-angle));
                transform: skewY(var(--skew-angle));
        width: 100%;
        height: calc(100% + var(--content-padding));
        top: calc(var(--content-padding) * -.5);
        left: 0;
    }

.base-squircle.base-squircle--picture img {
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
    }

.base-squircle.base-squircle--picture.base-squircle--portrait-variante {
    --skew-angle: -9.5deg;
    --content-padding: max(9vh, 8rem);
    --outbound: -3rem;
    --margins: calc(var(--spacing-m) + var(--spacing-xs) * 2);
    --squircle-picture-min-height: 3.75rem;
    border-top-right-radius: var(--border-radius);
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: var(--border-radius);
}

.base-squircle.base-squircle--picture.base-squircle--portrait-variante picture {
        -webkit-transform: skewY(var(--skew-angle)) rotate(calc(var(--rotate-angle) * -1));
                transform: skewY(var(--skew-angle)) rotate(calc(var(--rotate-angle) * -1));
        top: calc(var(--content-padding) * -.5);
        bottom: calc(var(--content-padding) * -.5);
        left: var(--outbound);
        right: var(--outbound);
        width: auto;
        width: initial;
    }

.teaser-lane {
    background-color: var(--brand-grey);
}


.teaser-lane__content-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: var(--spacing-xl) var(--spacing-s) calc(var(--spacing-xl) - var(--spacing-xxs));
    width: calc(var(--page-conatiner-max-width) - 2 * var(--spacing-m));
    margin-right: auto;
    margin-left: auto;
}


@media (min-width: 992px) {


.teaser-lane__content-container {
        padding: calc(var(--spacing-xl) + var(--spacing-l)) var(--spacing-m) var(--spacing-xl)
}
    }


.teaser-lane__content-container .teaser-lane__headline {
        font-size: var(--font-size-h3);
        font-weight: var(--font-weight-h3);
        line-height: var(--line-height-h3);
        padding-bottom: var(--spacing-m);
    }


@media (min-width: 768px) {


.teaser-lane__content-container .teaser-lane__headline {
            text-align: center;
            padding-bottom: var(--spacing-l)
    }
        }


@media (min-width: 992px) {


.teaser-lane__content-container .teaser-lane__headline {
            padding-bottom: var(--spacing-xl)
    }
        }


.teaser-lane__content-container .teaser-lane__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        row-gap: calc(var(--spacing-l) - var(--spacing-xxs));
        -webkit-column-gap: var(--spacing-m);
           -moz-column-gap: var(--spacing-m);
                column-gap: var(--spacing-m);
    }


@media (min-width: 768px) {


.teaser-lane__content-container .teaser-lane__content {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row
    }
        }


.teaser-lane__content-container .teaser-lane__content .content-teaser {
            max-width: 100%;
        }


@media (min-width: 768px) {


.teaser-lane__content-container .teaser-lane__content .content-teaser {
                max-width: var(--teaser-width)
        }
            }


.teaser-lane__content-container .teaser-lane__content .content-teaser--s {
            background-color: var(--brand-grey);
        }


.teaser-lane__content-container .teaser-lane__content .content-teaser--s:not(:first-child) {
                display: none;
            }


@media (min-width: 768px) {


.teaser-lane__content-container .teaser-lane__content .content-teaser--s:not(:first-child) {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex
            }
                }


@media (min-width: 768px) {


.teaser-lane__content-container .teaser-lane__content .content-teaser--s .content-teaser__body .content-teaser__title {
                    -webkit-hyphens: auto;
                        -ms-hyphens: auto;
                            hyphens: auto
            }
                }


.teaser-lane__content-container .teaser-lane__button {
        margin-top: var(--spacing-s);
    }


@media (min-width: 768px) {


.teaser-lane__content-container .teaser-lane__button {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            margin-top: var(--spacing-m)
    }
        }


@media (min-width: 992px) {


.teaser-lane__content-container .teaser-lane__button {
            margin-top: var(--spacing-l)
    }
        }


@media (min-width: 1200px) {


.teaser-lane__content-container .teaser-lane__button {
            margin-top: calc(var(--spacing-xl) + var(--spacing-xxs))
    }

            .teaser-lane__content-container .teaser-lane__button .button.button--secondary {
                font-size: var(--font-size-button-large);
                padding: var(--spacing-18) var(--spacing-s);
                border: 2px solid var(--brand-main-color);
                background-color: var(--brand-grey);
            }

                .teaser-lane__content-container .teaser-lane__button .button.button--secondary .icon--position-left {
                    margin-right: var(--spacing-20);
                }

                .teaser-lane__content-container .teaser-lane__button .button.button--secondary .icon--position-right {
                    margin-left: var(--spacing-20);
                }
        }

.teaser-lane.teaser-lane--content-teaser-lane {
    background-color: var(--body-background-color);
}

.teaser-lane.teaser-lane--content-teaser-lane .teaser-lane__content-container {
        padding: calc(var(--spacing-l) - var(--spacing-xxs)) var(--spacing-s) calc(var(--spacing-80) - var(--spacing-m));
    }

@media (min-width: 768px) {

.teaser-lane.teaser-lane--content-teaser-lane .teaser-lane__content-container {
            padding: calc(var(--spacing-80) * 2) var(--spacing-m) calc(var(--spacing-80))
    }
        }

@media (min-width: 992px) {

.teaser-lane.teaser-lane--content-teaser-lane .teaser-lane__content-container {
            padding-bottom: calc(var(--spacing-80) * 2)
    }
        }

.teaser-lane.teaser-lane--content-teaser-lane .teaser-lane__content {
        row-gap: calc(var(--spacing-l) - var(--spacing-xs));
    }

@media (min-width: 992px) {
        .teaser-lane.teaser-lane--content-teaser-lane .teaser-lane__headline {
            font-size: var(--font-size-h2);
            line-height: var(--line-height-h2);
            text-align: left;
            text-align: center;
            max-width: 60rem;
            margin-right: auto;
            margin-left: auto;
            padding-bottom: 5rem;
        }

        .teaser-lane.teaser-lane--content-teaser-lane .teaser-lane__button .button--size-medium {
            font-size: var(--font-size-button-large);
            padding: var(--spacing-18) var(--spacing-s);
            border-width: 2px;
        }

            .teaser-lane.teaser-lane--content-teaser-lane .teaser-lane__button .button--size-medium .icon--position-right {
                margin-left: var(--spacing-20);
            }
    }

.teaser-lane.teaser-lane--l-teaser {
    background-color: var(--brand-white);
}

.teaser-lane.teaser-lane--l-teaser .teaser-lane__headline {
        text-align: left;
        font-size: var(--font-size-h2);
        font-weight: var(--font-weight-h2);
        line-height: var(--line-height-h2);
    }

@media (min-width: 992px) {

.teaser-lane.teaser-lane--l-teaser .teaser-lane__headline {
            padding: 0 3rem;
            margin-bottom: 7.5rem
    }
        }

@media (min-width: 1200px) {

.teaser-lane.teaser-lane--l-teaser .teaser-lane__headline {
            padding: 0 9rem
    }
        }

.teaser-lane.teaser-lane--content-teaser-lane .teaser-lane__button .button.button--secondary, .teaser-lane.teaser-lane--l-teaser .teaser-lane__button .button.button--secondary {
        background-color: var(--brand-white);
    }

.teaser-lane.teaser-lane--content-teaser-lane + .highlight-image-banner {
    margin-top: calc(var(--spacing-m) * -1);
}

.highlight-image-banner + .teaser-lane.teaser-lane--content-teaser-lane {
    margin-top: calc(var(--spacing-80) * -1);
}

@media (min-width: 768px) {

.slider + .teaser-lane--content-teaser-lane {
        margin-top: calc(var(--spacing-xs) * -1)
}
    }

.contact-banner + .teaser-lane {
    margin-top: calc(var(--spacing-xl) * 1.25);
}

@media (min-width: 768px) {

.contact-banner + .teaser-lane {
        margin-top:  calc(var(--spacing-xl) * 1.5)
}
    }

@media (min-width: 992px) {

.contact-banner + .teaser-lane {
        margin-top:  13.5rem
}
    }

.teaser-lane.teaser-lane--solution-teaser-lane .content-teaser .base-picture__container {
        background-color: var(--brand-main-color);
    }

.teaser-lane.teaser-lane--solution-teaser-lane .content-teaser .pill {
        border-color: var(--brand-white);
        position: absolute;
        background: transparent;
        top: 1rem;
        left: 1rem;
        padding: .25rem .5rem;
        display: none;
    }

@media (min-width: 768px) {

.teaser-lane.teaser-lane--solution-teaser-lane .content-teaser .pill {
            display: inline-block
    }
        }

.teaser-lane.teaser-lane--solution-teaser-lane .content-teaser .pill .pill__title {
        color: var(--font-color-white);
        font-size: .75rem;
        font-weight: normal;
    }

@media (hover :hover) {
        body:not(.neos-backend) .teaser-lane.teaser-lane--content-teaser-lane .teaser-lane__button .button.button--secondary:hover {
            border-width: 2px;
            border-color: var(--brand-main-color);
            background-color: var(--brand-main-color);
        }
    }

.action-bar {
    font-family: var(--font-family-lab);
    bottom: 1rem;
    position: fixed;
    right: 0;
    z-index: 2;
}

    .action-bar .action-bar__items {
        visibility: hidden;
        opacity: 0;
    }

    @media (min-width: 1200px) {

    .action-bar .action-bar__items {
            padding: var(--spacing-xs);
            background-color: var(--brand-main-color)
    }
        }

    .action-bar .action-bar__items a {
            -webkit-text-decoration: none;
            text-decoration: none;
        }

    .action-bar .icon {
        width: 2rem;
        height: 2rem;
        display: block;
    }

    .action-bar .action-bar-close {
        display: none;
    }

    .action-bar .action-bar-close .icon {
            width: 2.8rem;
            height: 2.8rem;
        }

    @media (min-width: 1200px) {

    .action-bar .action-bar-close .icon {
                width: 3.75rem;
                height: 3.75rem
        }
            }

    .action-bar .open .action-bar-close {
        display: block;
    }

    @media (min-width: 1200px) {

    .action-bar .open .action-bar-close {
            margin-right: var(--spacing-m);
            margin-bottom: var(--spacing-xs)
    }
        }

    .action-bar .action-bar-contact {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        margin: auto;
    }

    .action-bar .open .action-bar-contact {
        display: none;
    }

    .action-bar .action-bar__items.show {
        visibility: visible;
        opacity: 1;
    }

    @media (min-width: 1200px) {

    .action-bar .action-bar__items.show {
            padding-right: var(--spacing-m)
    }
        }

    .action-bar .action-bar__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: right;
            -ms-flex-pack: right;
                justify-content: right;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        background-color: var(--brand-main-color);
        color: var( --brand-white);
        font-size: .625rem;
        text-transform: uppercase;
        padding: var(--spacing-xxs);
    }

    @media (min-width: 1200px) {

    .action-bar .action-bar__item {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row;
            margin-left: auto;
            font-size: .825rem
    }
        }

    .action-bar .action-bar__item .action-bar-item-backend-title {
        display: none;
    }

    @media (min-width: 1200px) {

    .action-bar .action-bar__item .action-bar-item-backend-title {
            text-transform: none;
            font-size: var(--font-size-xs);
            display: block;
            padding-right: .75rem
    }
        }

    .action-bar .action-bar__item .action-bar-item-title {
        display: block;
    }

    @media (min-width: 1200px) {

    .action-bar .action-bar__item .action-bar-item-title {
            display: none
    }
        }

    .action-bar .action-bar__more-toggle {
        padding-right: var(--spacing-xxs);
        padding-left: var(--spacing-xxs);
    }

    @media (min-width: 1200px) {

    .action-bar .action-bar__more-toggle {
            max-width: 4rem;
            margin-left: auto
    }
        }

    @media (min-width: 1200px) {

    .action-bar .action-bar__more-toggle.open {
            min-width: 100%
    }
        }

    .action-bar .action-bar__item .action-bar__more-toggle {
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        width: 3rem;
        height: 3rem;
    }

.grid {
    margin-bottom: var(--spacing-m);
}

    @media (min-width: 768px) {.grid {
        margin-bottom: var(--spacing-xl)
}
    }

    .grid .grid__headline {
        margin-bottom: var(--spacing-l);
        text-align: center;
        font-size: var(--font-size-m);
        font-weight: var(--font-weight-black);
    }

    @media (min-width: 768px) {

    .grid .grid__headline {
            font-size: var(--font-size-h2)
    }
        }

    @media (min-width: 992px) {

    .grid .grid__headline {
            margin-bottom: calc(var(--spacing-l) * 2)
    }
        }

    .grid .grid__items {
        display: grid;
        grid-row-gap: 1.875rem;
        row-gap: 1.875rem;
        grid-column-gap: var(--spacing-xs);
        -webkit-column-gap: var(--spacing-xs);
           -moz-column-gap: var(--spacing-xs);
                column-gap: var(--spacing-xs);
        margin-left: auto;
        margin-right: auto;
        max-width: var(--wide-content-width);
        --item-number: 2;
        --column-gap: 1.875rem;
    }

    @media (min-width: 768px) {

    .grid .grid__items {
            grid-template-columns: repeat(var(--item-number), 1fr);
            -webkit-column-gap: var(--column-gap);
               -moz-column-gap: var(--column-gap);
                    column-gap: var(--column-gap);
            grid-template-rows: auto
    }
        }

    @media (min-width: 992px) {

    .grid .grid__items {
            --item-number: 3
    }
        }

    .grid .grid__items--layout-large {
        text-align: center;
    }

    .grid .grid__items--layout-large .grid-item {
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
        }

    .grid .grid__items--layout-large .grid__headline {
            margin-bottom: var(--spacing-m);
            font-size: var(--font-size-m);
        }

    @media (min-width: 768px) {

    .grid .grid__items--layout-large .grid__headline {
                font-size: var(--font-size-l);
                margin-bottom: var(--spacing-l)
        }
            }

    @media (min-width: 992px) {

    .grid .grid__items--layout-large .grid__headline {
                font-size: var(--font-size-xl);
                margin-bottom: calc(var(--spacing-l) * 4)
        }
            }

    @media (min-width: 992px) {

    .grid .grid__items--layout-2 {
            --item-number: 2;
            --column-gap: 4rem
    }
        }

    @media (min-width: 1200px) {

    .grid .grid__items--layout-2 {
            --column-gap: 8rem;
            max-width: calc(var(--page-conatiner-max-width) - 2 * 11rem)
    }
        }

.neos-contentcollection .grid {
    margin-bottom: var(--spacing-s);
}

@media (min-width: 768px) {

.neos-contentcollection .grid {
        margin-bottom: calc(var(--spacing-m) * 3)
}
    }

@media (min-width: 992px) {

.hero + .neos-contentcollection .grid:first-child {
        padding-top: var(--spacing-l)
}
    }

@media (min-width: 992px) {

.hero + .neos-contentcollection .grid:first-child {
        padding-top: var(--spacing-xl)
}
    }

.grid + .base-squircle {
    margin-top: calc(var(--spacing-xs) * 8);
}

@media (min-width: 768px) {

.grid + .base-squircle {
        margin-top: calc(var(--spacing-xs) * 10)
}
    }

@media (min-width: 992px) {

.grid + .base-squircle {
        margin-top: calc(var(--spacing-xs) * 12)
}
    }

@media (min-width: 1200px) {

.grid + .base-squircle {
        margin-top: calc(var(--spacing-xs) * 14)
}
    }

.language-selector__label {
    font-size: var(--font-size-xs);
    font-family: var(--lab-font);
}

    @media (min-width: 768px) {.language-selector__label {
        font-size: var(--font-size-xs)
}
    }

    .language-selector__label .language-selector__link {
        color: var(--font-color-black);
        -webkit-text-decoration: none;
        text-decoration: none;
    }


.language-selector-mobile {
    display: block;
    margin-top: var(--spacing-xs);
}


.language-selector-mobile .language-selector__link.active {
        -webkit-text-decoration: underline;
        text-decoration: underline;
    }


@media (min-width: 1200px) {


.language-selector-mobile {
        display: none
}
    }

.language-selector-desktop {
    display: none;
}

@media (min-width: 1200px) {

.language-selector-desktop {
        display: block
}

        .language-selector-desktop .language-selector__link.active {
            display:none;
        }

        .language-selector-desktop .language-selector__link:hover {
            -webkit-text-decoration: underline;
            text-decoration: underline;
        }
    }

.main-menu__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    @media (min-width: 1200px) {.main-menu__wrapper {
        display: block;
        margin-right: var(--spacing-xl);
        margin-left: auto
}
    }

.main-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    list-style-type: none;
    margin: 0;
}

.main-menu .hidden {
        display: none;
    }

.main-menu--mobile {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding: 0 var(--spacing-s);
}

@media (min-width: 768px) {

.main-menu--mobile {
        padding: 0 var(--spacing-m)
}
    }

@media (min-width: 992px) {

.main-menu--mobile {
        padding: 0 var(--spacing-m)
}
    }

@media (min-width: 1200px) {

.main-menu--mobile {
        display: none
}
    }

.main-menu--desktop {
    display: none;
    padding-left: 0;
}

@media (min-width: 1200px) {

.main-menu--desktop {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
}
    }

.main-menu__container--mobile {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: absolute;
    z-index: var(--z-index-front);
    top: 4rem;
    left: 0;
    width: 100%;
    padding: var(--spacing-l) var(--spacing-s) var(--spacing-s);
    background-color: var(--brand-white);
    -webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .09);
            box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .09);
}

@media (min-width: 768px) {

.main-menu__container--mobile {
        top: 5rem;
        padding: var(--spacing-l) var(--spacing-m) var(--spacing-m)
}
    }

@media (min-width: 768px) {

.main-menu__container--mobile {
        top: 4.95rem;
        padding: var(--spacing-l) var(--spacing-m) var(--spacing-m) var(--spacing-l)
}
    }

@media (min-width: 992px) {

.main-menu__container--mobile {
        top: 6.75rem
}
    }

.main-menu__container--mobile .accordion-item__header .icon {
        font-size: var(--font-size-icon-main-menu);
    }

.main-menu__container--mobile .search-overlay__toggle-button {
        display: none;
    }

.main-menu__meta-menu.main-menu__meta-menu--desktop {
    display: none;
}

@media (min-width: 1200px) {

.main-menu__meta-menu.main-menu__meta-menu--desktop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        -webkit-column-gap: var(--spacing-20);
           -moz-column-gap: var(--spacing-20);
                column-gap: var(--spacing-20);
        margin-top: var(--spacing-25)
}
    }

.main-menu__meta-menu.main-menu__meta-menu--desktop .search-overlay__toggle-button:hover {
        color: var(--brand-main-color);
        cursor: pointer;
    }

.main-menu__button--mobile-search {
    margin-top: var(--spacing-xxs);
    margin-right: var(--spacing-xxs);
}

.page-bottom-area {
    margin-top: calc(var(--spacing-xl) * 1.25);
}

    @media (min-width: 768px) {.page-bottom-area {
        margin-top:  calc(var(--spacing-xl) * 1.5)
}
    }

    @media (min-width: 992px) {.page-bottom-area {
        margin-top:  13.5rem
}
    }

.Pagination {
    margin-top: var(--spacing-xl);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    list-style-type: none;
    gap: var(--spacing-xxs);
}

    @media (min-width: 992px) {.Pagination {
        gap: var(--spacing-20)
}
    }

    .Pagination li {
        font-weight: var(--font-weight-medium);
        color: var(--brand-main-color);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    .Pagination li a {
            font-weight: var(--font-weight-medium);
            color: var(--brand-main-color);
            -webkit-text-decoration: none;
            text-decoration: none;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-flow: row nowrap;
                    flex-flow: row nowrap;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
        }

    .Pagination li.Pagination-item a {
            font-size: var(--font-size-xs);
            width: var(--spacing-m);
            height: var(--spacing-m);
            border: 1.5px solid var(--brand-main-color);
            border-radius: 50%;
        }

    @media (min-width: 992px) {

    .Pagination li.Pagination-item a {
                font-size: var(--font-size-20);
                width: var(--spacing-44);
                height: var(--spacing-44)
        }
            }

    .Pagination li.previous,
    .Pagination li.next {
        font-family: var(--font-family-lab);
    }

    .Pagination li.previous .icon, .Pagination li.next .icon {
            padding-top: calc(var(--spacing-xxs) / 2);
        }

    .Pagination li.previous {
        margin-right: var(--spacing-xxs);
    }

    .Pagination li.previous .previous-button__text {
            display: none;
        }

    @media(min-width: 992px) {

    .Pagination li.previous {
            margin-right: var(--spacing-20)
    }

            .Pagination li.previous .previous-button__text {
                display: inline;
            }
        }

    .Pagination li.next {
        margin-left: var(--spacing-xxs);
    }

    .Pagination li.next .next-button__text {
            display: none;
        }

    @media(min-width: 992px) {

    .Pagination li.next {
            margin-left: var(--spacing-20)
    }

            .Pagination li.next .next-button__text {
                display: inline;
            }
        }

    .Pagination li.Pagination-item.isCurrent a {
            color: var(--brand-white);
            background-color: var(--brand-main-color);
        }

.footer {
    border-top: 1px solid rgba(155, 155, 155, .46);
}

    .footer p {
        font-size: var(--font-size-xs);
        margin: 0;
        width: auto;
        font-weight: var(--font-weight-regular);
    }

    .footer .footer__content-container {
        width: calc(var(--page-conatiner-max-width) - var(--spacing-xl));
        margin-right: auto;
        margin-left: auto;
        padding: calc(var(--spacing-m) + var(--spacing-xxs)) var(--spacing-s) var(--spacing-xs);
    }

    @media (min-width: 768px) {

    .footer .footer__content-container {
            padding: var(--spacing-l) var(--spacing-m) var(--spacing-s)
    }
        }

    @media (min-width: 1200px) {

    .footer .footer__content-container {
            padding: calc(var(--spacing-xl) + var(--spacing-m)) var(--spacing-xl) var(--spacing-m)
    }
        }

    .footer .footer__company-information {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        row-gap: var(--spacing-s);
    }

    @media(min-width: 768px) {

    .footer .footer__company-information {
            display: grid;
            grid-row-gap: var(--spacing-40);
            row-gap: var(--spacing-40);
            grid-column-gap: var(--spacing-m);
            -webkit-column-gap: var(--spacing-m);
               -moz-column-gap: var(--spacing-m);
                    column-gap: var(--spacing-m);
            grid-template-columns: repeat(6, 1fr)
    }
        }

    .footer .footer__company-short-description a {
            margin-top: var(--spacing-s);
        }

    @media(min-width: 768px) {

    .footer .footer__company-short-description {
            grid-column: 1 / span 6
    }

            .footer .footer__company-short-description a {
                margin-top: var(--spacing-40);
            }
        }

    @media(min-width: 1200px) {

    .footer .footer__company-short-description {
            grid-column: span 2
    }
        }

    .footer .footer__company-contact-information {
        grid-column: 1 / span 2;
        padding-bottom: var(--spacing-xs);
    }

    .footer .footer__company-contact-information a {
            color: var(--brand-black);
            -webkit-text-decoration: none;
            text-decoration: none;
        }

    @media(min-width: 768px) {

    .footer .footer__company-contact-information {
            padding-bottom: 0
    }
        }

    @media(min-width: 1200px) {

    .footer .footer__company-contact-information {
            grid-column: 4
    }
        }

    .footer .footer__company-location--one {
        grid-column: 3 / span 2;
    }

    @media(min-width: 1200px) {

    .footer .footer__company-location--one {
            grid-column: 5
    }
        }

    .footer .footer__company-location--two {
        grid-column: 5 / span 2;
    }

    @media(min-width: 1200px) {

    .footer .footer__company-location--two {
            grid-column: 6
    }
        }

    .footer .footer__company-location__headline {
        font-weight: var(--font-weight-black);
    }

header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: var(--header-hight);
    -webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .09);
            box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .09);
    width: 100%;
}


    header .header__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        width: 100%;
        max-width: var(--max-content-width);
        margin-right: auto;
        margin-left: auto;
    }


    header .header__content .menu {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

.component-list {
    margin-bottom: var(--spacing-xl);

}

    .component-list .lane {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        row-gap: var(--spacing-m);
    }

    .component-list .lane--grey {
        background-color: var(--brand-grey);
    }

    .component-list .lane-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 100%;
        max-width: var(--wide-content-width);
        margin-right: auto;
        margin-left: auto;
        margin-bottom: var(--spacing-m);
        -webkit-column-gap: var(--spacing-m);
           -moz-column-gap: var(--spacing-m);
                column-gap: var(--spacing-m);
    }

    @media (min-width: 768px) {

    .component-list .lane-content {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row
    }
        }

    .component-list .lane .lane-content {
        row-gap: calc(var(--spacing-l) - var(--spacing-xxs));
    }

    .component-list .lane.lane--grey .lane-content {
        row-gap: var(--spacing-s);
    }

.job h3.job__information__headline {
        margin-top: var(--spacing-l);
        margin-bottom: var(--spacing-s);
        font-size: var(--font-size-xs);
    }

        @media (min-width: 768px) {.job h3.job__information__headline {
            font-size: var(--font-size-h4)
    }
        }
    .job .job__information__content > .button {
        margin-left: calc((100% - var(--content-width)) / 2);
    }
    .job .job__information__two-column {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        max-width: var(--content-width);
        margin-bottom: var(--spacing-m);
        margin-right: auto;
        margin-left: auto;
        gap: var(--spacing-m);
    }
    @media (min-width: 768px) {
    .job .job__information__two-column {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row
    }
        }
    @media (min-width: 768px) {
    .job .job__information__two-column__right {
            margin-top: var(--spacing-l);
            width: calc(100% - var(--spacing-xs))
    }
        }

.button--row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: var(--spacing-s);
    margin-bottom: var(--spacing-s);
}

    @media (min-width: 768px) {.button--row {
        margin-top: var(--spacing-m);
        margin-bottom: var(--spacing-m)
}
    }

    @media (min-width: 992px) {.button--row {
        margin-top: var(--spacing-xl);
        margin-bottom: var(--spacing-xl)
}
    }

    .button--row .button {
        margin-top: var(--spacing-xs);
        margin-left: calc(var(--spacing-xs) / 2);
        margin-right: calc(var(--spacing-xs) / 2);
    }

@media (min-width: 768px) {.case-studies-teaser {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
}
    }
    .case-studies-teaser .content-teaser {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        --teaser-width: 100%;
    }
    .case-studies-teaser .content-teaser .button--content-teaser {
            border: solid 2px var(--brand-main-color);
            padding: var(--spacing-11) var(--spacing-18);
        }
    .case-studies-teaser .content-teaser--m {
        margin: var(--spacing-40) var(--spacing-s) var(--spacing-xl);
        -webkit-box-shadow: none;
                box-shadow: none;
    }
    .case-studies-teaser .content-teaser--m .content-teaser__body {
            padding: 0;
            width: 100%;
        }
    .case-studies-teaser .content-teaser--m .base-picture__container {
            height: 15.5rem;
            width: 100%;
            max-width: var(--content-width);
            margin-right: 0;
            margin-left: 0;
            margin-bottom: var(--spacing-m);
        }
    @media (min-width: 768px) {
    .case-studies-teaser .content-teaser--m .base-picture__container {
                height: 34.5rem;
                margin-bottom: 0
        }
            }
    .case-studies-teaser .content-teaser--m .content-teaser__subtitle {
            margin-bottom: .25rem;
            font-size: var(--font-size-xs);
            color: var(--brand-black);
        }
    .case-studies-teaser .content-teaser--m .content-teaser__title {
            margin-bottom: var(--spacing-s);
            font-size: var(--font-size-s);
            font-weight: var(--font-weight-black);
        }
    @media (min-width: 768px) {
    .case-studies-teaser .content-teaser--m .content-teaser__title {
                font-size: 2.25rem;
                line-height: 1.22;
                margin-bottom: 0
        }
            }
    @media (min-width: 768px) {
    .case-studies-teaser .content-teaser--m .button--content-teaser {
                display: none
        }
            }
    @media (min-width: 768px) {
    .case-studies-teaser .content-teaser--m:nth-child(1) {
                margin: 7.5rem 5% 17.5rem 8%
        }
            }
    @media (min-width: 992px) {
    .case-studies-teaser .content-teaser--m:nth-child(1) {
                margin: 7.5rem 8.05rem 17.5rem 10.95rem
        }
            }
    @media (min-width: 768px) {
    .case-studies-teaser .content-teaser--m:nth-child(1) .content-teaser__body {
                    margin-top: var(--spacing-40)
            }
                }
    @media (min-width: 768px) {
    .case-studies-teaser .content-teaser--m:nth-child(2) {
                margin: 17.5rem 8% 7.5rem 5%
        }
            }
    @media (min-width: 992px) {
    .case-studies-teaser .content-teaser--m:nth-child(2) {
                margin: 17.5rem 11.25rem 7.5rem 7.85rem
        }
            }
    @media (min-width: 768px) {
    .case-studies-teaser .content-teaser--m:nth-child(2) .content-teaser__body {
                    margin-top: var(--spacing-40)
            }
                }

.contact-banner {

    margin-top: calc(var(--spacing-xl) * 2.5);
    margin-bottom: calc(var(--spacing-xl) * 1.25);
}

    @media (min-width: 1200px) {.contact-banner {
        margin-top: calc(var(--spacing-xl) * 2.75);
        margin-bottom: calc(var(--spacing-xl) * 2)
}
    }

    .contact-banner .base-squircle__container {
        min-width: 30%;
        max-width: var(--content-width);
    }

    .contact-banner .base-squircle__container.base-squircle--portrait-variante {
        --container-margin-right: calc(var(--spacing-xs) * 5);
        --container-margin-left: calc(var(--spacing-xs) * 5);
        --rotate-angle: 18.5deg;
        -webkit-transform: rotate(18.5deg);
                transform: rotate(18.5deg);
        -webkit-transform: rotate(var(--rotate-angle));
                transform: rotate(var(--rotate-angle));
        margin-right: calc(var(--spacing-xs) * 5);
        margin-right: var(--container-margin-right);
        margin-left: calc(var(--spacing-xs) * 5);
        margin-left: var(--container-margin-left);
    }

    .contact-banner .contact-banner__content {
        padding-right: var(--spacing-s);
        padding-left: var(--spacing-s);
        width: var(--content-width);
    }

    .contact-banner .contact-banner__headline,
    .contact-banner .contact-banner__text {
        margin-right: 0;
        margin-left: 0;
    }

    .contact-banner .contact-banner__employee-name {
        margin-bottom: calc(var(--spacing-xxs) / 2);
        font-weight: var(--font-weight-black);
    }

    .contact-banner .contact-banner__employee-jobposition {
        margin-bottom: var(--spacing-xs);
        font-weight: var(--font-weight-light);
    }

    .contact-banner .contact-banner__employee-name,
    .contact-banner .contact-banner__phone-number,
    .contact-banner .contact-banner__email {
        font-size: var(--font-size-h4);
        font-weight: var(--font-weight-h4);
        line-height: var(--line-height-h4);
    }

    .contact-banner .contact-banner__phone-number {
        margin-bottom: calc(var(--spacing-xxs) / 2);
    }

    .contact-banner .contact-banner__email {
        margin-bottom: var(--spacing-s);
    }

    @media(min-width: 768px) {.contact-banner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between
}

        .contact-banner .base-squircle.base-squircle--picture.base-squircle--portrait-variante {
            --content-padding: 8rem;
            --outbound: -3.6rem;
            --margins: calc(var(--spacing-m) + var(--spacing-xs) * 4);
            --border-radius: 2.25rem;
            --squircle-picture-min-height: 7.5rem;
        }

        .contact-banner .base-squircle__container.base-squircle--portrait-variante {
            --container-margin-right: calc(var(--spacing-xs) * 7);
            --container-margin-left: calc(var(--spacing-xs) * 1);
        }

        .contact-banner .contact-banner__headline,
        .contact-banner .contact-banner__text {
            width: 100%;
        }
    }

    @media(min-width: 992px) {
        .contact-banner .base-squircle.base-squircle--picture.base-squircle--portrait-variante {
            --content-padding: 9rem;
            --margins: calc(var(--spacing-m) + var(--spacing-xs) * 3);
        }

        .contact-banner .base-squircle__container.base-squircle--portrait-variante {
            --container-margin-right: calc(var(--spacing-xs) * 7);
            --container-margin-left: calc(var(--spacing-xs) * 3);
        }

        .contact-banner .contact-banner__content {
            margin-top: 2rem;
        }

        .contact-banner .contact-banner__headline {
            margin-bottom: var(--spacing-xxs);
        }

        .contact-banner .contact-banner__text {
            margin-top: 0;
            margin-bottom: 3.375rem;
        }

        .contact-banner .contact-banner__employee-jobposition {
            margin-bottom: 1.625rem;
        }

        .contact-banner .contact-banner__employee-name,
        .contact-banner .contact-banner__phone-number,
        .contact-banner .contact-banner__email {
            font-size: var(--font-size-h3);
            font-weight: var(--font-weight-h3);
            line-height: var(--line-height-h3);
        }

        .contact-banner .contact-banner__email {
            margin-bottom: 5rem;
        }

        .contact-banner .button--size-medium {
            font-size: var(--font-size-button-large);
            padding: var(--spacing-18) var(--spacing-s);
        }

            .contact-banner .button--size-medium .icon--position-right {
                margin-left: var(--spacing-20);
            }
    }

    @media(min-width: 1200px) {.contact-banner {
        padding-right: var(--spacing-xl);
        padding-left: var(--spacing-xl)
}

        .contact-banner .base-squircle__container {
            min-width: 32.5%;
        }

        .contact-banner .base-squircle.base-squircle--picture.base-squircle--portrait-variante {
            --content-padding: 13rem;
            --outbound: -5.5rem;
            --margins: calc(var(--spacing-m) + var(--spacing-xs) * 3.5);
            --squircle-picture-min-height: 12.5rem;
            --skew-angle: -11deg;
            --border-radius: 3.25rem;
            width: 26.5rem;
        }

        .contact-banner .base-squircle__container.base-squircle--portrait-variante {
            --container-margin-right: calc(var(--spacing-xs) * 6.5);
            --container-margin-left: calc(var(--spacing-xs) * 4.5);
        }

        .contact-banner .contact-banner__content {
            margin-top: calc(var(--spacing-xs) * 9.5);
            padding-right: 0;
            padding-left: calc(var(--spacing-xs) * 4);
        }
    }

.base-squircle + .contact-banner {
    margin-top: calc(var(--spacing-xl) * 2);
}

@media (min-width: 992px) {

.base-squircle + .contact-banner {
        margin-top: calc(var(--spacing-xl) * 3.5)
}
    }

.employee-card-grid {
    display: grid;
    grid-gap: var(--spacing-m);
    justify-items: center;
    margin-bottom: calc(var(--spacing-xl) + var(--spacing-xs));
    margin-top: calc(var(--spacing-xl) + var(--spacing-m));
}

    @media (min-width: 768px) {.employee-card-grid {
        grid-template-columns: repeat(2, 1fr);
        row-gap: calc(var(--spacing-xl) + var(--spacing-xs))
}
    }

    @media (min-width: 1200px) {.employee-card-grid {
        max-width: var(--wide-content-width);
        margin-left: auto;
        margin-right: auto;
        grid-template-columns: repeat(3, 1fr);
        row-gap: calc(var(--spacing-xl) + var(--spacing-l));
        -webkit-column-gap: calc(var(--spacing-xl) + var(--spacing-xs));
           -moz-column-gap: calc(var(--spacing-xl) + var(--spacing-xs));
                column-gap: calc(var(--spacing-xl) + var(--spacing-xs));
        margin-bottom: calc(var(--spacing-xl) + var(--spacing-m))
}
    }

    .employee-card-grid .employee-card {
        width: 100%;
        max-width: 20.6rem;
        height: 28rem;
        margin-left: auto;
        margin-right: auto;
    }

    .employee-card-grid .employee-card .employee-card__background-squircle {
            max-width: 20.4rem;
            height: 14rem;
        }

    .employee-card-grid .employee-card .employee-card__foreground-squircle {
            max-width: 20.4rem;
            height: 14rem;
        }

    .employee-card-grid .employee-card .employee-card__image {
            width: 100%;
            max-width: 20.5rem;
            margin-left: auto;
            margin-right: auto;
            margin-top: -20rem;
            margin-bottom: -10.8rem;

        }

    .employee-card-grid .employee-card .employee-card__image .icon {
                width: 21.4rem;
                height: 21.4rem;
            }

    .employee-card-grid .employee-card .employee-card__image__bottom-cut {
            height: 6rem;
            margin-top: 0;
        }

    .employee-card-grid .employee-card .employee-card__content .employee-card__content-name {
                font-size: var(--font-size-h3);
                margin-bottom: var(--margin-bottom-h3);
            }

    .employee-card-grid .employee-card .employee-card__content .employee-card__content-position {
                font-size: var(--font-size-xs);
            }

    .employee-card-grid .employee-card .employee-card__quote-container {
            margin-top: -4.3rem;
        }

    .employee-card-grid .employee-card .employee-card__quote-container .employee-card__quote-background-squircle {
                width: 10.5rem;
                height: 15rem;
                margin-top: 5rem;

            }

    .employee-card-grid .employee-card .employee-card__quote-container .employee-card__quote {
                width: 20rem;
            }

form:not([class]) {
    width: 100%;
    max-width: var(--content-width);
    margin-right: auto;
    margin-left: auto;
}

    form:not([class]) legend {
        font-size: var(--font-size-h3);
        font-weight: var(--font-weight-h3);
        line-height: var(--line-height-h3);
        margin-top: var(--margin-top-h3);
        margin-bottom: var(--margin-bottom-h3);
    }

    form:not([class]) fieldset {
        border: 0;
        padding: 0;
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    @media (min-width: 768px) {

    form:not([class]) fieldset {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            -webkit-column-gap: var(--spacing-m);
               -moz-column-gap: var(--spacing-m);
                    column-gap: var(--spacing-m)
    }
        }

    form:not([class]) .clearfix {
        width: 100%;
        max-width: var(--content-width);
    }

    @media (min-width: 768px) {

    form:not([class]) .clearfix {
            max-width: calc(var(--content-width) / 2 - var(--spacing-m))
    }
        }

    form:not([class]) label {
        display: inline-block;
        font-family: var(--font-family);
        font-size: var(--font-size-xs);
        color: var(--font-color-text);
        font-weight: var(--font-weight-light);
        padding-bottom: calc(var(--spacing-xxs) / 2);
    }

    form:not([class]) input[type='text'],
    form:not([class]) input[type='email'],
    form:not([class]) input[type='number'],
    form:not([class]) input[type='password'],
    form:not([class]) select,
    form:not([class]) textarea {
        background-color: var(--brand-white);
        width: 100%;
        max-width: var(--content-width);
        padding: var(--spacing-xxs) var(--spacing-xs);
        outline: 0;
        border: 1px solid var(--brand-dark-grey);
        -webkit-transition: border-color .1s cubic-bezier(.0, 0, .2, 1);
        transition: border-color .1s cubic-bezier(.0, 0, .2, 1);
        margin-right: auto;
        margin-left: auto;
        margin-bottom: var(--spacing-xs);
    }

    @media (min-width: 768px) {

    form:not([class]) input[type='text'],
    form:not([class]) input[type='email'],
    form:not([class]) input[type='number'],
    form:not([class]) input[type='password'],
    form:not([class]) select,
    form:not([class]) textarea {
            max-width: calc(var(--content-width) / 2 - var(--spacing-m))
    }
        }

    form:not([class]) input {
        line-height: 1;
    }

    form:not([class]) input[type='text'],
    form:not([class]) input[type='email'],
    form:not([class]) input[type='number'],
    form:not([class]) input[type='password'],
    form:not([class]) textarea {
        max-width: calc(var(--content-width) - 2 * var(--spacing-xs));
    }

    @media (min-width: 768px) {

    form:not([class]) input[type='text'],
    form:not([class]) input[type='email'],
    form:not([class]) input[type='number'],
    form:not([class]) input[type='password'],
    form:not([class]) textarea {
            max-width: calc(var(--content-width) / 2 - 2 * var(--spacing-m))
    }
        }

    form:not([class]) input:focus, form:not([class]) textarea:focus, form:not([class]) select:focus {
        border-color: var(--brand-main-color);
    }

    form:not([class]) .input {
        width: 100%;
        max-width: var(--content-width);
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }

    @media (min-width: 768px) {

    form:not([class]) .input {
            max-width: calc(var(--content-width) / 2 - var(--spacing-m))
    }
        }

    form:not([class]) .input label.add-on {
        border: 1px solid transparent;
        -webkit-transition: border-color .1s cubic-bezier(.0, 0, .2, 1);
        transition: border-color .1s cubic-bezier(.0, 0, .2, 1);
        padding: calc(var(--spacing-xxs) / 2) var(--spacing-xxs);
    }

    form:not([class]) .input label.add-on:has( > input:focus) {
        border: 1px solid var(--brand-main-color);
    }

    form:not([class]) ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }

    form:not([class]) ul.inputs-list {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;

    }

    form:not([class]) ul.inputs-list > li {
            font-weight: var(--font-weight-regular);
            margin-right: var(--spacing-m);
        }

    form:not([class]) ul.inputs-list label {
            cursor: pointer;
            border: 1px solid transparent;
            -webkit-transition: border-color .1s cubic-bezier(.0, 0, .2, 1);
            transition: border-color .1s cubic-bezier(.0, 0, .2, 1);
            padding: var(--spacing-xxs) var(--spacing-xxs);
        }

    form:not([class]) ul.inputs-list label:has( > input:focus) {
            border: 1px solid var(--brand-main-color);
        }

    form:not([class]) .form-navigation {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse;
    }

    form:not([class]) .btn.btn-primary {
        font-family: var(--lab-font);
        -webkit-text-decoration: none;
        text-decoration: none;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        cursor: pointer;
        border: solid 1px var(--brand-main-color);
        background-color: var(--brand-main-color);
        color: var(--brand-white);
        font-size: var(--font-size-button-medium);
        padding: var(--spacing-11) var(--spacing-18);
    }

    @media (min-width: 768px) {

    form:not([class]) .btn.btn-primary {
            margin-right: var(--spacing-m)
    }
        }

    form:not([class]) .btn.btn-primary:hover {
            background-color: var(--brand-white);
            color: var(--brand-main-color);
        }

.four-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: var(--spacing-m);
    margin-bottom: var(--spacing-m);
}

    @media (min-width: 768px) {.four-column {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        padding-right: var(--spacing-m);
        padding-left: var(--spacing-m);
        margin-bottom: var(--spacing-l)
}
    }

    @media (min-width: 992px) {.four-column {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        padding-right: var(--spacing-l);
        padding-left: var(--spacing-l);
        margin-bottom: var(--spacing-xl)
}
    }

    @media (min-width: 1200px) {.four-column {
        padding-right: var(--spacing-xl);
        padding-left: var(--spacing-xl)
}
    }

    .four-column .column {
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        max-width: var(--content-width);
        text-align: center;
    }

    @media (min-width: 768px) {

    .four-column .column {
            max-width: calc(var(--content-width) / 2 - var(--spacing-xs))
    }
        }

    @media (min-width: 1200px) {

    .four-column .column {
            max-width: 26rem
    }
        }

    .four-column .base-picture__container {
        height: auto;
        margin-bottom: var(--spacing-m);
        margin-top: var(--spacing-m);
    }

    .four-column .base-picture__container picture {
            width: 100%;
            height: 100%;
        }

    .four-column .base-picture__container img {
            width: 100%;
            height: auto;
            -o-object-fit: cover;
               object-fit: cover;
        }

    @media (min-width: 768px) {

    .four-column .base-picture__container {
            margin-bottom: var(--spacing-m);
            margin-top: 0
    }
        }

    @media (min-width: 992px) {

    .four-column .base-picture__container {
            margin-bottom: var(--spacing-m);
            margin-top: 0
    }
        }

h1,
.style-h1 {
    font-size: var(--font-size-h1);
    font-weight: var(--font-weight-h1);
    line-height: var(--line-height-h1);
    margin-top: var(--margin-top-h1);
    margin-bottom: var(--margin-bottom-h1);
}

h2,
.style-h2 {
    font-size: var(--font-size-h2);
    font-weight: var(--font-weight-h2);
    line-height: var(--line-height-h2);
    margin-top: var(--margin-top-h2);
    margin-bottom: var(--margin-bottom-h2);
}

h3,
.style-h3 {
    font-size: var(--font-size-h3);
    font-weight: var(--font-weight-h3);
    line-height: var(--line-height-h3);
    margin-top: var(--margin-top-h3);
    margin-bottom: var(--margin-bottom-h3);
}

h4,
.style-h4 {
    font-size: var(--font-size-h4);
    font-weight: var(--font-weight-h4);
    line-height: var(--line-height-h4);
    margin-top: var(--margin-top-h4);
    margin-bottom: var(--margin-bottom-h4);
}

h1:not(.does-not-exist), h2:not(.does-not-exist), h3:not(.does-not-exist), h4:not(.does-not-exist), .style-h1, .style-h2, .style-h3, .style-h4 {
    margin-right: auto;
    margin-left: auto;
    color: var(--font-color-headline);
    width: 100%;
    max-width: var(--content-width);
}

.base-squircle + h1:not(.does-not-exist), .base-squircle + h2:not(.does-not-exist), .base-squircle + h3:not(.does-not-exist), .base-squircle + h4:not(.does-not-exist), .base-squircle + .style-h1, .base-squircle + .style-h2, .base-squircle + .style-h3, .base-squircle + .style-h4 {
    margin-top: calc(var(--spacing-xl) * 1.75);
}

@media (min-width: 768px) {

.base-squircle + h1:not(.does-not-exist), .base-squircle + h2:not(.does-not-exist), .base-squircle + h3:not(.does-not-exist), .base-squircle + h4:not(.does-not-exist), .base-squircle + .style-h1, .base-squircle + .style-h2, .base-squircle + .style-h3, .base-squircle + .style-h4 {
        margin-top: calc(var(--spacing-xl) * 2.25)
}
    }

@media (min-width: 992px) {

.base-squircle + h1:not(.does-not-exist), .base-squircle + h2:not(.does-not-exist), .base-squircle + h3:not(.does-not-exist), .base-squircle + h4:not(.does-not-exist), .base-squircle + .style-h1, .base-squircle + .style-h2, .base-squircle + .style-h3, .base-squircle + .style-h4 {
        margin-top: calc(var(--spacing-xl) * 3.25)
}
    }

.highlight-color-container {
    margin-top: calc(var(--spacing-xl) * 1.5);
    margin-bottom: calc(var(--spacing-xl) * 1.5);
}

    @media (min-width: 768px) {.highlight-color-container {
        margin-top: calc(var(--spacing-xl) * 2.25);
        margin-bottom: calc(var(--spacing-xl) * 2.25)
}
    }

    @media (min-width: 1200px) {.highlight-color-container {
        margin-top: calc(var(--spacing-xl) * 3.5);
        margin-bottom: calc(var(--spacing-xl) * 3.5)
}
    }

    .highlight-color-container.base-squircle {
        --content-padding-top: 4.5rem;
        --content-padding-bottom: 5.5rem;
        padding-top: 4.5rem;
        padding-top: var(--content-padding-top);
        padding-bottom: 5.5rem;
        padding-bottom: var(--content-padding-bottom);
    }

    @media (min-width: 768px) {

    .highlight-color-container.base-squircle {
            --content-padding-top: 9rem;
            --content-padding-bottom: 10rem
    }
        }

    @media (min-width: 1200px) {

    .highlight-color-container.base-squircle {
            --content-padding-top: 9.5rem;
            --content-padding-bottom: 20.5rem
    }
        }

    @media (min-width: 1200px) {

    .highlight-color-container.base-squircle .base-squircle__content {
                margin: 6.5rem 5rem auto
        }
            }

    .highlight-color-container.base-squircle:has(.text-with-image) {
        --content-padding-top: 5rem;
        --content-padding-bottom: 6.25rem;
    }

    @media (min-width: 1200px) {

    .highlight-color-container.base-squircle:has(.text-with-image) {
            --content-padding-top: 9rem;
            --content-padding-bottom: 20.5rem
    }
        }

    .highlight-color-container.base-squircle:has(.button--row) {
        --content-padding-bottom: 7rem;
    }

    @media (min-width: 1200px) {

    .highlight-color-container.base-squircle:has(.button--row) {
            --content-padding-bottom: 19rem;
            --content-width: 40rem
    }

            .highlight-color-container.base-squircle:has(.button--row) .button--size-medium {
                font-size: var(--font-size-button-large);
                padding: var(--spacing-18) var(--spacing-s);
            }

                .highlight-color-container.base-squircle:has(.button--row) .button--size-medium .icon--position-left {
                    margin-right: var(--spacing-20);
                }

                .highlight-color-container.base-squircle:has(.button--row) .button--size-medium .icon--position-right {
                    margin-left: var(--spacing-20);
                }
        }

    .highlight-color-container .highlight-color-container__content p {
            margin-bottom: var(--spacing-xxs);
        }

    @media(min-width: 768px) {

    .highlight-color-container .highlight-color-container__content p {
                margin-bottom: var(--spacing-xs)
        }
            }

    .highlight-color-container .highlight-color-container__content p + h1, .highlight-color-container .highlight-color-container__content p + h2, .highlight-color-container .highlight-color-container__content p + h3, .highlight-color-container .highlight-color-container__content p + h4 {
            margin-top: var(--spacing-xxs);
        }

    @media(min-width: 768px) {

    .highlight-color-container .highlight-color-container__content p + h1, .highlight-color-container .highlight-color-container__content p + h2, .highlight-color-container .highlight-color-container__content p + h3, .highlight-color-container .highlight-color-container__content p + h4 {
                margin-bottom: var(--spacing-xs)
        }
            }

    .highlight-color-container .highlight-color-container__content p + .base-picture__container {
            margin-top: calc(var(--spacing-m) + var(--spacing-xxs));
        }

    .highlight-color-container .highlight-color-container__content .button--row {
            max-width: var(--content-width);
            margin-right: auto;
            margin-left: auto;
            -webkit-box-pack: start;
                -ms-flex-pack: start;
                    justify-content: flex-start;
            margin-top: var(--spacing-xxs);
        }

    @media(min-width: 768px) {

    .highlight-color-container .highlight-color-container__content .button--row {
                margin-top: 3rem
        }
            }

    @media(min-width: 1200px) {

    .highlight-color-container .highlight-color-container__content .button--row {
                max-width: 50%
        }
            }

    .highlight-color-container .highlight-color-container__content .button {
            margin-left: 0;
        }

    @media (min-width: 992px) {

    .highlight-color-container .highlight-color-container__content .base-squircle.base-squircle--picture {
                max-width: var(--content-width);
                margin-left: auto;
                margin-right: auto
        }
            }

    .highlight-color-container .highlight-color-container__content--theme-dark {
        --font-color-headline: var(--font-color-black);
        --font-color-text: var(--font-color-black);
    }

    .highlight-color-container .highlight-color-container__content--theme-dark .text-with-image .text-with-image__subtitle {
                color: var(--font-color-black);
            }

    .highlight-color-container .highlight-color-container__content--theme-light {
        --font-color-headline: var(--font-color-white);
        --font-color-text: var(--font-color-white);
    }

    .highlight-color-container .highlight-color-container__content--theme-light .text-with-image .text-with-image__subtitle {
                color: var(--font-color-white);
            }

    .highlight-color-container .neos-contentcollection .text-with-image .base-picture__container {
                margin-bottom: var(--spacing-xl);
            }

    .highlight-color-container .neos-contentcollection .text-with-image .text-with-image__subtitle {
                display: none;
            }

    @media (min-width: 992px) {

    .highlight-color-container .neos-contentcollection .text-with-image .text-with-image__subtitle {
                    display: block
            }
                }

    @media (min-width: 1200px) {

    .highlight-color-container .neos-contentcollection .text-with-image {
                margin: 6rem 2rem 0 auto
        }

                .highlight-color-container .neos-contentcollection .text-with-image p {
                    width: 100%;
                }
            }

    @media (min-width: 992px) {

    .highlight-color-container .neos-contentcollection .text-with-image {
                -webkit-column-gap: 2.5rem;
                   -moz-column-gap: 2.5rem;
                        column-gap: 2.5rem;
                padding-top: 0;
                padding-bottom: 0
        }

                .highlight-color-container .neos-contentcollection .text-with-image p {
                    margin: 0;
                }

                .highlight-color-container .neos-contentcollection .text-with-image.text-with-image--left {
                    padding-right: 0;
                    margin-right: -5rem;
                }

                .highlight-color-container .neos-contentcollection .text-with-image.text-with-image--right {
                    padding-left: 0;
                    margin-left: -5rem;
                }

                .highlight-color-container .neos-contentcollection .text-with-image .base-squircle--picture {
                    height: 40rem;
                    margin-top: var(--spacing-xl);
                }
            }

.neos-backend .highlight-color-container [data-neos-placeholder]::before {
            color: var(--font-color-text);
        }

body:not(.neos-backend) .highlight-color-container.base-squircle .highlight-color-container__content--theme-dark a:not(.button) {
    color: var(--font-color-black);
}

body:not(.neos-backend) .highlight-color-container.base-squircle .highlight-color-container__content--theme-light a:not(.button) {
    color: var(--font-color-white);
}

body:not(.neos-backend) .highlight-color-container.base-squircle .highlight-color-container__content--theme-dark a:hover:not(.button),
    body:not(.neos-backend) .highlight-color-container.base-squircle .highlight-color-container__content--theme-dark a:focus:not(.button),
    body:not(.neos-backend) .highlight-color-container.base-squircle .highlight-color-container__content--theme-dark a:focus-visible:not(.button),
    body:not(.neos-backend) .highlight-color-container.base-squircle .highlight-color-container__content--theme-dark a:focus-within:not(.button) {
        color: var(--brand-main-color);
    }

body:not(.neos-backend) .highlight-color-container.base-squircle .highlight-color-container__content--theme-light a:hover:not(.button),
    body:not(.neos-backend) .highlight-color-container.base-squircle .highlight-color-container__content--theme-light a:focus:not(.button),
    body:not(.neos-backend) .highlight-color-container.base-squircle .highlight-color-container__content--theme-light a:focus-visible:not(.button),
    body:not(.neos-backend) .highlight-color-container.base-squircle .highlight-color-container__content--theme-light a:focus-within:not(.button) {
        color: var(--font-color-black);
    }

.highlight-image-banner {
    margin-bottom: 5rem;
}

    .highlight-image-banner .base-picture__container picture::after {
        content: '';
        background: var(--brand-black);
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        position: absolute;
        opacity: .3;
    }

    .highlight-image-banner .base-squircle.base-squircle--picture {
        min-height: 7rem;
    }

    .highlight-image-banner .highlight-image-banner__content {
        padding-right: var(--spacing-s);
        padding-left: var(--spacing-s);
        margin-top: auto;
        margin-bottom: auto;
    }

    .highlight-image-banner .highlight-image-banner__headline,
    .highlight-image-banner .highlight-image-banner__text {
        margin-right: 0;
        margin-left: 0;
        width: 100%;
    }

    .highlight-image-banner .highlight-image-banner__text {
        font-weight: var(--font-weight-light);
    }

    @media (min-width: 768px) {.highlight-image-banner {
        --font-color-headline: var(--font-color-white);
        --font-color-text: var(--font-color-white);
        --highlight-image-banner-content-padding: calc(max(7.5vh, 6rem) + var(--spacing-l) + var(--spacing-s));
        display: grid;
        grid-template-areas: 'banner'
}

        .highlight-image-banner .base-squircle,
        .highlight-image-banner .highlight-image-banner__content {
            grid-area: banner;
        }

        .highlight-image-banner .base-squircle.base-squircle--picture {
            min-height: 20rem;
        }

        .highlight-image-banner .highlight-image-banner__content {
            padding: var(--highlight-image-banner-content-padding) 0;
            z-index: 1;
        }

        .highlight-image-banner .highlight-image-banner__content--left {
            padding-left: var(--spacing-xs);
            margin-right: auto;
        }

        .highlight-image-banner .highlight-image-banner__content--right {
            padding-right: var(--spacing-xs);
            margin-left: auto;
        }

        .highlight-image-banner .highlight-image-banner__headline {
            font-size: var(--font-size-h2);
            font-weight: var(--font-weight-h2);
            line-height: var(--line-height-h2);
            max-width: 33rem;
        }

        .highlight-image-banner .highlight-image-banner__text {
            max-width: 20rem;
        }
    }

    @media (min-width: 992px) {.highlight-image-banner {
        --highlight-image-banner-content-padding: calc(max(17.3vh, 9rem) + var(--spacing-xl) + var(--spacing-l))
}

        .highlight-image-banner .base-squircle.base-squircle--picture {
            min-height: 44.5rem;
        }

        .highlight-image-banner .highlight-image-banner__text {
            margin-bottom: 5rem;
            max-width: 33rem;
        }

        .highlight-image-banner .highlight-image-banner__content--left {
            padding-left: 11.125rem;
        }

        .highlight-image-banner .highlight-image-banner__content--right {
            padding-right: var(--spacing-xl);
        }

        .highlight-image-banner .button--size-medium {
            font-size: var(--font-size-button-large);
            padding: var(--spacing-18) var(--spacing-s);
            border-width: 2px;
        }

            .highlight-image-banner .button--size-medium .icon--position-right {
                margin-left: var(--spacing-20);
            }
    }

.neos-backend .highlight-image-banner [data-neos-placeholder]::before {
            color: var(--font-color-white);
        }

.grid__items--layout-icon-grid {

    text-align: left;
    row-gap: var(--spacing-icon-grid-small);
}

    .grid__items--layout-icon-grid .icon {
        font-size: var(--font-size-m);
        padding-right: var(--spacing-28);
    }

    .grid__items--layout-icon-grid .grid-item__headline {
        font-size: var(--font-size-base);
        font-weight: var(--font-weight-light);
        line-height: var(--spacing-28);
    }

    .grid__items--layout-icon-grid .grid-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    @media (min-width: 768px) {.grid__items--layout-icon-grid {

        text-align: center;
        row-gap: var(--spacing-icon-grid-large)
}

        .grid__items--layout-icon-grid .icon {
            font-size: var(--font-size-icon-grid);
            padding-right: 0;
            padding-right: initial;
        }

        .grid__items--layout-icon-grid .grid-item__headline {
            font-size: var(--line-height-h4);
            line-height: var(--font-size-29);
        }

        .grid__items--layout-icon-grid .grid-item {
            display: block;
        }
    }

.key-figures-element {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    color: var(--font-color-text);
}

.key-figures-element__figure {
    font-size: var(--spacing-l);
    font-weight: var(--font-weight-medium);
    line-height: .75;
}

@media (min-width: 992px) {

.key-figures-element__figure {
        font-size: var(--font-size-h1);
        line-height: var(--line-height-h1)
}
    }

.key-figures-element__label {
    font-weight: var(--font-weight-light);
    margin: .6rem;
}

@media (min-width: 992px) {

.key-figures-element__label {
        font-size: var(--font-size-xs);
        max-width: 12.125rem;
        margin: 0
}
    }

.key-figures__elements {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
    padding: var(--spacing-m);
}

    @media (min-width: 768px) {.key-figures__elements {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        text-align: center;
        padding: var(--spacing-m)
}
    }

    @media (min-width: 992px) {.key-figures__elements {
        text-align: inherit;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row
}
    }

    @media (min-width: 1200px) {.key-figures__elements {
        padding: 7.5rem 11rem 4.5rem
}
    }

.key-figures__text {
    font-weight: var(--font-weight-light);
    padding: var(--spacing-s);
}

@media (min-width: 992px) {

.key-figures__text {
        font-size: var(--font-size-29)
}
    }

@media (min-width: 1200px) {

.key-figures__text {
        padding: 3.5rem 18rem 0
}
    }

.key-figures__font-color--white {
    --font-color-text: var(--font-color-white);
}

.key-figures__font-color--dark {
    --font-color-text: var(--font-color-black);
}

.pill-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-column-gap: var(--spacing-xxs);
       -moz-column-gap: var(--spacing-xxs);
            column-gap: var(--spacing-xxs);
    row-gap: var(--spacing-xs);
    max-width: var(--wide-content-width);
    margin-top: var(--spacing-s);
    margin-right: auto;
    margin-bottom: var(--spacing-s);
    margin-left: auto;
}

    @media (min-width: 768px) {.pill-row {
        margin-top: var(--spacing-m);
        margin-bottom: var(--spacing-m)
}
    }

    @media (min-width: 992px) {.pill-row {
        margin-top: var(--spacing-xl);
        margin-bottom: var(--spacing-xl)
}
    }

body:not(.neos-backend) .quote a {
    color: var(--brand-white);
}

.quote {
    --font-color-text: var(--brand-white);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: var(--brand-main-color);
    margin-top: calc(var(--spacing-xl) * 1.5);
    margin-bottom: calc(var(--spacing-xl) * 1.5);
    width: 100%;
}

@media (min-width: 768px) {

.quote {
        margin-top: calc(var(--spacing-xl) * 2.25);
        margin-bottom: calc(var(--spacing-xl) * 2.25);
        max-width: var(--wide-content-width);
        margin-right: auto;
        margin-left: auto
}
    }

@media (min-width: 1200px) {

.quote {
        margin-top: calc(var(--spacing-xl) * 3.5);
        margin-bottom: calc(var(--spacing-xl) * 3.5);
        --content-padding: 12rem
}
    }

.quote__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    max-width: var(--content-width);
}

.quote__text {
    font-size: var(--font-size-s);
    color: var(--font-color-text);
    font-family: var(--brand-font);
    font-weight: var(--font-weight-medium);
    line-height: 1.3;
    margin-top: var(--spacing-xl);
    text-align: center;
}

@media (min-width: 992px) {

.quote__text {
        text-align: left;
        font-size: var(--font-size-40)
}
    }

.quote__author {
    max-width: 26rem;
    font-size: var(--font-size-xs);
    font-family: var(--lab-font);
    color: var(--font-color-text);
    line-height: var(--line-height-base);
    margin: var(--spacing-28) 0;
    text-align: center;
}

@media (min-width: 992px) {

.quote__author {
        text-align: left
}
    }

.neos-backend .quote [data-neos-placeholder]::before {
            color: var(--font-color-text);
        }

body:not(.neos-backend) .quote__content-theme-dark a {
    color: var(--brand-black);
}

.quote__content-theme-dark {
    --font-color-text: var(--brand-black);
}

body:not(.neos-backend) .quote__content-theme-light a {
    color: var(--brand-white);
}

.quote__content-theme-light {
    --font-color-text: var(--brand-white);
}

.slide {
    grid-area: slide;
    opacity: 0;
    margin-top: 0;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
    pointer-events: none;
    position: relative;
}

    @media (min-width: 768px) {.slide {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        min-height: 50rem;
        height: 100%
}
    }

    .slide .slide__content {
        position: relative;
        z-index: 1;
        width: 100%;
    }

    @media (min-width: 768px) {

    .slide .slide__content {
            height: 100%
    }
        }

    .slide.active {
        opacity: 1;
        pointer-events: initial;
    }

    @media (hover: none) {

        .slide .stretched-link {
            display: none;
        }
    }

    .slide .base-picture__container {
        display: block;
        max-width: 100%;
        width: 100%;
        height: 21rem;
        position: relative;
    }

    .slide .base-picture__container picture {
            position: absolute;
            width: 100%;
            height: 100%;
        }

    .slide .base-picture__container img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
               object-fit: cover;
        }

    @media (min-width: 768px) {

    .slide .base-picture__container {
            position: absolute;
            min-height: 50rem;
            height: 100%
    }
        }

    .slide .base-picture__container picture::after {
        content: '';
        background: var(--brand-black);
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        position: absolute;
        opacity: .3;
    }

.slide__body {
    pointer-events: none;
    color: var(--font-color-text);
    padding: var(--spacing-m) var(--spacing-s);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    min-height: 14rem;
}

@media (min-width: 768px) {

.slide__body {
        z-index: 2;
        position: absolute;
        margin-top: 6rem;
        min-height: 35rem
}
    }

@media (min-width: 992px) {

.slide__body {
        margin-left: 9.5rem;
        max-width: 40rem
}
    }

.slide__body .slide__text {
        margin-bottom: var(--spacing-s);
    }

@media (min-width: 768px) {

.slide__body .slide__text {
            --font-color-headline: var(--brand-white);
            margin-bottom: var(--spacing-xl)
    }
        }

.slide__body .button {
        pointer-events: auto;
        margin: auto 0 var(--spacing-s);
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content;
    }

@media (min-width: 768px) {

.slide__body .button {
            font-size: var(--font-size-button-large);
            padding: var(--spacing-18) var(--spacing-s);
            border-width: 2px
    }

            .slide__body .button .icon--position-left {
                margin-right: var(--spacing-20);
            }

            .slide__body .button .icon--position-right {
                margin-left: var(--spacing-20);
            }
        }

.neos-backend .slide__body {
        z-index: 2;
        position: relative;
        pointer-events: auto;
    }

@media (min-width: 768px) {

.neos-backend .slide__body {
            z-index: 2;
            position: relative
    }
        }

.neos-backend .slide__body [data-neos-placeholder]::before {
            color: var(--font-color-text);
        }

@-webkit-keyframes slide-indicator {

    0% {-webkit-transform: translateX(-50%);transform: translateX(-50%);}

    100% {-webkit-transform: translateX(0);transform: translateX(0);}
}

@keyframes slide-indicator {

    0% {-webkit-transform: translateX(-50%);transform: translateX(-50%);}

    100% {-webkit-transform: translateX(0);transform: translateX(0);}
}

.slider {
    width: 100%;
    position: relative;
    -webkit-animation-duration: 5s;
            animation-duration: 5s;
    margin-top: var(--spacing-m);
    margin-bottom: var(--spacing-m);
}

@media (min-width: 768px) {

.slider {
        --font-color-text: var(--brand-white);
        margin-top: var(--spacing-xl);
        margin-bottom: var(--spacing-xl)
}
    }

.slider * {
        -webkit-animation-duration: inherit;
                animation-duration: inherit;
    }

.slider__slides {
    display: grid;
    grid-template: 1fr / 1fr;
    grid-template-areas: 'slide';
}

.slider__indicators {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    z-index: 2;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 100%;
    max-width: calc(var(--page-conatiner-max-width) - 2 * var(--spacing-s));
}

@media (min-width: 992px) {

.slider__indicators {
        max-width: calc(var(--page-conatiner-max-width) - 2 * var(--spacing-xl))
}
    }

.slider__indicator {
    position: relative;
    overflow: hidden;
    margin: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    cursor: pointer;
    font-size: 1rem;
    min-height: var(--spacing-m);
}

@media (min-width: 768px) {

.slider__indicator {
        min-height: var(--spacing-xl)
}
    }

.slider__indicator + .slider__indicator {
        margin-left: calc(var(--spacing-xs) - var(--spacing-xxs) / 2);
    }

@media (min-width: 768px) {

.slider__indicator + .slider__indicator {
            margin-left: var(--spacing-m)
    }
        }

.slider__indicator::before {
        content: '';
        position: absolute;
        width: 200%;
        height: 2px;
        top: var(--spacing-xs);
        left: 0;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        background: var(--indicator-background-color);
    }

@media (min-width: 768px) {

.slider__indicator::before {
            background: var(--brand-white);
            opacity: .25;
            top: 0
    }
        }

@media screen and (prefers-reduced-motion: reduce) {

.slider__indicator::before {
            background: var(--indicator-background-color)
    }

            @media (min-width: 768px) {

.slider__indicator::before {
                background: var(--brand-white);
                opacity: .25
    }
            }
        }

.slider__indicator.active::before {
        -webkit-animation-duration: inherit;
                animation-duration: inherit;
        -webkit-animation-timing-function: linear;
                animation-timing-function: linear;
        -webkit-animation-fill-mode: forwards;
                animation-fill-mode: forwards;
        background: var(--indicator-main-color);
    }

@media (min-width: 768px) {

.slider__indicator.active::before {
            background: var(--brand-white);
            opacity: 1
    }
        }

@media screen and (prefers-reduced-motion: reduce) {

.slider__indicator.active::before {
            background: var(--indicator-main-color)
    }

            @media (min-width: 768px) {

.slider__indicator.active::before {
                background: var(--brand-white);
                opacity: 1
    }
            }
        }

.slider.running .slider__indicator.active::before {
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--indicator-main-color)), color-stop(50%, var(--indicator-background-color)));
    background: linear-gradient(to right, var(--indicator-main-color) 50%, var(--indicator-background-color)  50%);
    -webkit-animation-name: slide-indicator;
            animation-name: slide-indicator;
}

@media screen and (prefers-reduced-motion: reduce) {

.slider.running .slider__indicator.active::before {
        -webkit-animation-name: none;
                animation-name: none;
        -webkit-animation-name: initial;
                animation-name: initial
}
    }

@media (min-width: 768px) {

.slider.running .slider__indicator.active::before {
        background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255,255,255, 1)), color-stop(50%, rgba(255,255,255, .25)));
        background: linear-gradient(to right, rgba(255,255,255, 1) 50%, rgba(255,255,255, .25)  50%)
}
    }


.slider.paused .slider__indicator.active::before {
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
}

hr {
    margin-top: var(--spacing-s);
    margin-bottom: var(--spacing-s);
    border: 0;
    border-top: 1px solid var(--brand-black);
}

p,
ul,
ol,
blockquote,
.style-text {
    margin: 0 auto var(--spacing-xs);
    color: var(--font-color-text);
    max-width: var(--content-width);
    font-weight: var(--font-weight-light);
}

    @media (min-width: 768px) {p,
ul,
ol,
blockquote,
.style-text {
        margin: 0 auto var(--spacing-m)
}
    }

ul,
ol {
    font-size: var(--font-size-base);
    padding-left: var(--spacing-m);
    max-width: calc(var(--content-width) - var(--spacing-m));
}

ul li, ol li {
        margin-top: var(--spacing-xxs);
        margin-bottom: var(--spacing-xxs);
    }

div + h1:not(.does-not-exist), div + h2:not(.does-not-exist), div + h3:not(.does-not-exist), div + h4:not(.does-not-exist), div + .style-h1, div + .style-h2, div + .style-h3, div + .style-h4, p + h1:not(.does-not-exist), p + h2:not(.does-not-exist), p + h3:not(.does-not-exist), p + h4:not(.does-not-exist), p + .style-h1, p + .style-h2, p + .style-h3, p + .style-h4, ul + h1:not(.does-not-exist), ul + h2:not(.does-not-exist), ul + h3:not(.does-not-exist), ul + h4:not(.does-not-exist), ul + .style-h1, ul + .style-h2, ul + .style-h3, ul + .style-h4, ol + h1:not(.does-not-exist), ol + h2:not(.does-not-exist), ol + h3:not(.does-not-exist), ol + h4:not(.does-not-exist), ol + .style-h1, ol + .style-h2, ol + .style-h3, ol + .style-h4 {
    margin-top: var(--spacing-m);
}

@media (min-width: 768px) {

div + h1:not(.does-not-exist), div + h2:not(.does-not-exist), div + h3:not(.does-not-exist), div + h4:not(.does-not-exist), div + .style-h1, div + .style-h2, div + .style-h3, div + .style-h4, p + h1:not(.does-not-exist), p + h2:not(.does-not-exist), p + h3:not(.does-not-exist), p + h4:not(.does-not-exist), p + .style-h1, p + .style-h2, p + .style-h3, p + .style-h4, ul + h1:not(.does-not-exist), ul + h2:not(.does-not-exist), ul + h3:not(.does-not-exist), ul + h4:not(.does-not-exist), ul + .style-h1, ul + .style-h2, ul + .style-h3, ul + .style-h4, ol + h1:not(.does-not-exist), ol + h2:not(.does-not-exist), ol + h3:not(.does-not-exist), ol + h4:not(.does-not-exist), ol + .style-h1, ol + .style-h2, ol + .style-h3, ol + .style-h4 {
        margin-top: var(--spacing-xl)
}
    }

a {
    color: var(--brand-black);
}

body:not(.neos-backend) a:hover,
    body:not(.neos-backend) a:focus {
        color: var(--brand-main-color);
    }

blockquote {
    padding: var(--spacing-m);
    font-family: var(--font-family-lab);
    max-width: calc(var(--content-width) - 2 * var(--spacing-m));
}

.base-squircle + div, .base-squircle + p, .base-squircle + ul, .base-squircle + ol {
    margin-top: calc(var(--spacing-xl) * 1.75);
}

@media (min-width: 768px) {

.base-squircle + div, .base-squircle + p, .base-squircle + ul, .base-squircle + ol {
        margin-top: calc(var(--spacing-xl) * 2.25)
}
    }

@media (min-width: 992px) {

.base-squircle + div, .base-squircle + p, .base-squircle + ul, .base-squircle + ol {
        margin-top: calc(var(--spacing-xl) * 3.25)
}
    }

.grid.slider {
    margin-bottom: var(--spacing-xl);
}

    .grid.slider .slider__indicators {
        bottom: auto;
        bottom: initial;
    }

    .grid.slider .grid__header .slider__controls,
    .grid.slider .grid__items--layout-slider-dektop,
    .grid.slider .slider__indicators--desktop {
        display: none;
    }

    @media (min-width: 768px) {.grid.slider {
        margin-left: auto;
        margin-right: auto;
        max-width: var(--wide-content-width)
}

        .grid.slider .grid__items--layout-slider-mobile,
        .grid.slider .slider__indicators--mobile {
            display: none;
        }

        .grid.slider .grid__header {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
        }

        .grid.slider .grid__headline {
            text-align: left;
            max-width: 40rem;
        }

        .grid.slider .grid__header .slider__controls {
            --icon-width: 2rem;
            display: block;
            margin-top: auto;
            margin-bottom: calc(var(--spacing-l) + var(--spacing-xs));
            min-width: calc(2 * 2rem + var(--spacing-20));
            min-width: calc(2 * var(--icon-width) + var(--spacing-20));
            pointer-events: none;
        }

            .grid.slider .grid__header .slider__controls .icon {
                width: var(--icon-width);
                height: 1.625rem;
                color: #d8d8d8;
            }

                .grid.slider .grid__header .slider__controls .icon svg {
                    stroke-width: 0;
                }

            .grid.slider .grid__header .slider__controls .icon + .icon {
                margin-left: var(--spacing-20);
            }

            .grid.slider .grid__header .slider__controls .slider__controls--active {
                color: var(--brand-black);
                cursor: pointer;
                pointer-events: all;
            }

        .grid.slider .grid__items--layout-slider-dektop {
            display: grid;
            grid-template: 1fr / 1fr;
            grid-gap: 0;
            gap: 0;
            max-width: 100%;
        }

            .grid.slider .grid__items--layout-slider-dektop .slide {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                grid-column-gap: 1.875rem;
                -webkit-column-gap: 1.875rem;
                   -moz-column-gap: 1.875rem;
                        column-gap: 1.875rem;
                min-height: 0;
            }

        .grid.slider .slider__indicators--desktop {
            display: block;
            visibility: hidden;
        }
    }

    @media (min-width: 992px) {
        .grid.slider .grid__items--layout-slider-dektop {
            grid-template: 1fr / 1fr;
            gap: 0;
            max-width: 100%;
        }

        .grid.slider .grid__header .slider__controls .icon svg {
            stroke-width: 1px;
        }
    }

.text-with-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin-bottom: var(--spacing-80);
}

    @media (min-width: 768px) {.text-with-image {
        padding-top: 2rem
}
    }

    @media (min-width: 992px) {.text-with-image {
        padding: 7.5rem 4.3rem 10rem 3rem;
        -webkit-column-gap: 8.875rem;
           -moz-column-gap: 8.875rem;
                column-gap: 8.875rem
}

        .text-with-image.text-with-image--right {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: reverse;
                -ms-flex-direction: row-reverse;
                    flex-direction: row-reverse;
        }

        .text-with-image.text-with-image--left {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row;
        }
    }

    @media (min-width: 1200px) {.text-with-image {
        padding: 7.5rem 4.3rem 10rem 11rem
}
    }

    .text-with-image .text-with-image__subtitle {
        color: var(--font-color-brand);
        font-family: var(--lab-font);
        font-size: var(--font-size-xs);
    }

    @media (min-width: 768px) {

    .text-with-image .text-with-image__subtitle {
            margin-left: 0
    }
        }

    .text-with-image .text-with-image__text {
        font-weight: var(--font-weight-light);
        margin: 0 auto;
        padding-top: var(--spacing-m);
        padding-right: var(--spacing-s);
        padding-left: var(--spacing-s);
    }

    @media (min-width: 768px) {

    .text-with-image .text-with-image__text {
            padding: 0
    }
        }

    @media (min-width: 992px) {

    .text-with-image .text-with-image__text {
            min-width: 33.125rem;
            max-width: 33.125rem
    }
        }

    .text-with-image .text-with-image__text h2 {
            margin-top: var(--spacing-xxs);
            width: 100%;
        }

    .text-with-image .text-with-image__text p {
            width: 100%;
        }

    @media (min-width: 768px) {

    .text-with-image .button--size-medium {
            margin-top: var(--spacing-l)
    }
        }

    @media (min-width: 992px) {

    .text-with-image .button--size-medium {
            margin-top: 5.125rem;
            font-size: var(--font-size-button-large);
            padding: var(--spacing-18) var(--spacing-s);
            border-width: 2px
    }

            .text-with-image .button--size-medium .icon--position-right {
                margin-left: var(--spacing-20);
            }
        }

    .text-with-image .base-picture__container {
        min-height: 23.75rem;
        position: relative;
        margin-top: 0;
        margin-bottom: 0;
        width: 100%;
        max-width: var(--content-width);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    .text-with-image .base-picture__container picture {
            position: absolute;
            height: 100%;
            max-width: var(--content-width);
        }

    .text-with-image .base-picture__container img {
            width: 100%;
            max-height: 100%;
        }

    @media (min-width: 768px) {

    .text-with-image .base-picture__container {
            min-height: 31.25rem;
            margin-bottom: var(--spacing-m);
            margin-top: 0
    }
        }

    @media (min-width: 992px) {

    .text-with-image .base-picture__container {
            margin-bottom: var(--spacing-m);
            margin-top: 0
    }
        }

    .text-with-image .base-picture__container--svg picture {
        width: 100%;
    }

.text-with-image:not(.text-with-image--no-image-adjustment) .base-picture__container picture {
        width: 100%;
    }

.text-with-image:not(.text-with-image--no-image-adjustment) .base-picture__container img {
        -o-object-fit: cover;
           object-fit: cover;
        height: 100%;
    }

.text-with-image.text-with-image--compact {
    margin-bottom: var(--spacing-l);
}

@media (min-width: 992px) {

.text-with-image.text-with-image--compact {
        margin-bottom: 0;
        padding-bottom: var(--spacing-l)
}
    }

.text-with-image.text-with-image--compact .base-picture__container {
        height: 17rem;
        width: var(--content-width);
    }

@media (min-width: 768px) {

.text-with-image.text-with-image--compact .base-picture__container {
            height: 27rem
    }
        }

@media (min-width: 992px) {

.text-with-image.text-with-image--compact .base-picture__container {
            height: 30rem
    }
        }

.text-with-image + .highlight-image-banner .base-squircle {
    margin-top: calc(var(--spacing-m) + 1.75 * var(--spacing-xs));
}

.three-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: var(--spacing-m);
    width: 100%;
    max-width: var(--wide-content-width);
    margin-right: auto;
    margin-left: auto;
    margin-bottom: var(--spacing-m);
}

    @media (min-width: 768px) {.three-column {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        margin-bottom: var(--spacing-l)
}
    }

    @media (min-width: 992px) {.three-column {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        margin-bottom: var(--spacing-xl)
}
    }

    .three-column .column {
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        max-width: var(--content-width);
    }

    @media (min-width: 768px) {

    .three-column .column {
            max-width: calc(var(--content-width) / 2 - var(--spacing-xs))
    }
        }

    @media (min-width: 1200px) {

    .three-column .column {
            max-width: 26rem
    }
        }

    .three-column .base-picture__container {
        height: auto;
        margin-bottom: var(--spacing-m);
        margin-top: var(--spacing-m);
    }

    .three-column .base-picture__container picture {
            width: 100%;
            height: 100%;
        }

    .three-column .base-picture__container img {
            width: 100%;
            height: auto;
            -o-object-fit: cover;
               object-fit: cover;
        }

    @media (min-width: 768px) {

    .three-column .base-picture__container {
            margin-bottom: var(--spacing-m);
            margin-top: 0
    }
        }

    @media (min-width: 992px) {

    .three-column .base-picture__container {
            margin-bottom: var(--spacing-m);
            margin-top: 0
    }
        }

.two-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-column-gap: var(--spacing-m);
       -moz-column-gap: var(--spacing-m);
            column-gap: var(--spacing-m);
    width: 100%;
    max-width: var(--wide-content-width);
    margin-right: auto;
    margin-left: auto;
    margin-top: var(--spacing-m);
    margin-bottom: var(--spacing-m);
}

    @media (min-width: 992px) {.two-column {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        margin-top: calc(var(--spacing-xl) * 1.25);
        margin-bottom: var(--spacing-xl)
}
    }

    .two-column .column {
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        max-width: var(--content-width);
    }

    @media (min-width: 992px) {

    .two-column .column {
            text-align: left
    }
        }

    .two-column .content-teaser {
        margin-right: auto;
        margin-left: auto;
    }

    @media (min-width: 768px) {

    .two-column .content-teaser {
            --teaser-width: var(--content-width);
            max-width: var(--content-width);
            max-width: var(--teaser-width);
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row
    }
        }

    @media (min-width: 992px) {

    .two-column .content-teaser {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            --teaser-width: 26rem
    }
        }

    .two-column .column div:not(.content-teaser) > .base-picture__container {
        height: auto;
        margin-bottom: var(--spacing-m);
        margin-top: var(--spacing-m);
    }

    .two-column .column div:not(.content-teaser) > .base-picture__container picture {
            width: 100%;
            height: 100%;
        }

    .two-column .column div:not(.content-teaser) > .base-picture__container img {
            width: 100%;
            height: auto;
            -o-object-fit: cover;
               object-fit: cover;
        }

    @media (min-width: 768px) {

    .two-column .column div:not(.content-teaser) > .base-picture__container {
            margin-top: var(--spacing-xs);
            margin-bottom: var(--spacing-m)
    }
        }

    @media (min-width: 992px) {

    .two-column .column div:not(.content-teaser) > .base-picture__container {
            margin-top: var(--spacing-xs);
            margin-bottom: var(--spacing-m)
    }
        }

.two-column + .two-column {
    margin-top: 0;
}

@media (min-width: 992px) {

.two-column:has( + .base-squircle) {
        margin-bottom: calc(var(--spacing-m) * 3)
}
    }

.neos-contentcollection .punktde-codeview-code {
        margin-left: auto;
        margin-right: auto;
        max-width: var(--content-width);
    }

        .neos-contentcollection .punktde-codeview-code code[class*='language-'],
        .neos-contentcollection .punktde-codeview-code pre[class*='language-'],
        .neos-contentcollection .punktde-codeview-code .line-numbers-rows {
            line-height: 1.25rem;
        }

        .neos-contentcollection .punktde-codeview-code .token,
        .neos-contentcollection .punktde-codeview-code .line.numbers-rows * {
            height: 1.25rem;
        }

        .neos-contentcollection .punktde-codeview-code .line-numbers-rows {
            margin-top: -1px;
        }

        .neos-contentcollection .punktde-codeview-code > p {
            text-align: right;
        }

body {
    font-family: var(--font-family);
    font-size: var(--font-size-base);
    line-height: var(--line-height-base);
    margin: 0;
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
    background-color: var(--body-background-color);
}

    body *:focus-visible {
        outline: 0;
    }

.page-container {
    margin: 0 auto;
    max-width: var(--page-conatiner-max-width);
    position: relative;
}

.jonnitto-prettyembed-wrapper,
.jonnitto-prettyembed {
    margin: 0 auto;
    max-width: var(--wide-content-width);
    position: relative;
}

.webexcess-openstreetmap {
    max-width: var(--wide-content-width);
    margin-right: auto;
    margin-left: auto;
}

.neos-nodetypes-html-html {
    margin: 0 auto var(--spacing-xs);
    color: var(--font-color-text);
    max-width: var(--content-width);
    font-weight: var(--font-weight-light);
}

@media (min-width: 768px) {

.neos-nodetypes-html-html {
        margin: 0 auto var(--spacing-m)
}
    }

.stretched-link::after {
    background-color: transparent;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    pointer-events: auto;
    position: absolute;
    z-index: 1;
}

.blog__filtered-list__header h3 {
        font-size: var(--font-size-s);
    }

        @media (min-width: 768px) {.blog__filtered-list__header h3 {
            font-size: var(--font-size-h3)
    }
        }

.blog__filtered-list .blog-filtered-list__item {
        padding-top: var(--spacing-xxs);
    }

.blog__filtered-list .blog-filtered-list__item a {
            -webkit-text-decoration: none;
            text-decoration: none;
            color: var(--brand-black);
        }

.blog__filtered-list .blog-filtered-list__item span {
            margin-right: var(--spacing-xxs);
            vertical-align: top;
        }

.blog__filtered-list .blog-filtered-list__item .blog-filtered-list__label-selected {
            font-weight: var(--font-weight-black);
        }

.blog__filtered-list .blog-filtered-list__item .base-picture__container {
            display: contents;
        }

.blog__filtered-list .blog-filtered-list__item .base-picture__container img {
                width: 20%;
                border-radius: 50%;
                margin-right: 10px;
            }

.blog__filtered-list .blog__filtered-list__count {
        color: var(--brand-dark-grey);
    }

.blog-share-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: var(--content-width);
    margin-right: auto;
    margin-bottom: var(--spacing-xxs);
    margin-left: auto;
}

    @media (min-width: 768px) {.blog-share-bar {
        margin-bottom: 0
}
    }

    .blog-share-bar .blog-share-bar__label {
        font-family: var(--lab-font);
        text-transform: uppercase;
        font-size: var(--font-size-xxs);
        margin-right: var(--spacing-xxs);
    }

    @media (min-width: 992px) {

    .blog-share-bar .blog-share-bar__label {
            font-size: var(--font-size-xs)
    }
        }

    .blog-share-bar .social-media__list {
        line-height: .8;
    }

    .blog-share-bar .social-media__list .icon {
            color: var(--brand-black);
            vertical-align: text-top;
        }

    @media (min-width: 992px) {

    .blog-share-bar .social-media__list .icon {
                vertical-align: middle
        }
            }

.blog-authors {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: var(--spacing-m);
    width: 100%;
    max-width: var(--content-width);
    margin-left: auto;
    margin-right: auto;
}

    @media (min-width: 768px) {.blog-authors {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin-left: 0;
        margin-right: 0
}
    }

    .blog-authors .blog-authors__author {
        margin-bottom: var(--spacing-20);
        margin-top: var(--spacing-20);
    }

    @media (min-width: 992px) {

    .blog-authors .blog-authors__author {
            margin-bottom: 0;
            margin-top: 0
    }
        }

    @media (min-width: 1200px) {

    .blog-authors .blog-authors__author {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
    }
        }

    .blog-authors .blog-authors__author .base-picture__container {
            margin: 0 0 var(--spacing-xxs);
        }

    @media(min-width: 768px) {

    .blog-authors .blog-authors__author .blog-authors__info {
                max-width: 15rem
        }
            }

    @media(min-width: 1200px) {

    .blog-authors .blog-authors__author .blog-authors__info {
                padding: 0 0 var(--spacing-m)
        }
            }

    .blog-authors .blog-authors__author .blog-authors__info .blog-authors__name {
                font-weight: var(--font-weight-black);
            }

    .blog-authors .blog-authors__author .blog-authors__info .blog-authors__presentation {
                font-size: var(--font-size-xs);
            }

    .blog-authors .employee-card .employee-card__container .employee-card__image__bottom-cut {
            width: 100%;
            margin-top: -.75px;
        }

    .blog-authors .employee-card .employee-card__container .employee-card__foreground-squircle {
            margin-top: -8.6rem;
        }

    .blog-authors .employee-card .employee-card__container .employee-card__image {
            width: 9.3rem;
        }

.blog__sidebar {
    max-width: var(--content-width);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: var(--spacing-l);
}

    .blog__sidebar .blog__sidebar-rss-button {
        margin-bottom: var(--spacing-xs);
    }

    @media(min-width: 768px) {

    .blog__sidebar .blog__sidebar-rss-button {
            margin-bottom: 0;
            margin-top: var(--spacing-m)
    }
        }

    .blog__sidebar .blog__sidebar-rss-button .icon {
            margin-right: var(--spacing-xxs);
        }

    .blog__sidebar .blog__sidebar-rss-button a {
            -webkit-text-decoration: none;
            text-decoration: none;
            color: var(--brand-black);
        }

    .blog__sidebar .blog__sidebar-rss-button a:hover {
            -webkit-text-decoration: underline;
            text-decoration: underline;
        }

    .blog__sidebar h3 {
        width: 100%;
    }

    @media (min-width: 768px) {

    .blog__sidebar h3 {
            width: 100%
    }
        }

    .blog__sidebar .blog__sidebar__filters {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    @media (min-width: 768px) {

    .blog__sidebar .blog__sidebar__filters {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between
    }
        }

    @media (min-width: 1200px) {

    .blog__sidebar .blog__sidebar__filters {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column
    }
        }

    .blog__sidebar .blog__sidebar__categories {
        margin-bottom: var(--spacing-m);
        width: 100%;
    }

    .blog__sidebar .blog__sidebar__authors {
        width: 100%;
    }

.blog-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: var(--spacing-m);
    max-width: var(--wide-content-width);
    margin-left: auto;
    margin-right: auto;
}

    @media (min-width: 992px) {.blog-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 0
}
    }

    @media (min-width: 1200px) {.blog-list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row
}
    }

    @media (min-width: 992px) {

    .blog-list .blog-list__content {
            min-width: 72%;
            margin-right: var(--spacing-m)
    }
        }

    .blog-list .blog-list__teaser-lane {
        display: grid;
        grid-gap: var(--spacing-m);
        gap: var(--spacing-m);
        margin-top: var(--spacing-m);
    }

    @media (min-width: 768px) {

    .blog-list .blog-list__teaser-lane {
            grid-template-columns: repeat(2, 1fr)
    }
        }

    @media (min-width: 992px) {

    .blog-list .blog-list__teaser-lane {
            margin-top: var(--spacing-xl);
            gap: var(--spacing-l)
    }
        }

.blog-post .blog-post__meta {
        margin-top: var(--spacing-m);
        max-width: var(--content-width);
        margin-left: auto;
        margin-right: auto;
    }

        @media (min-width: 1200px) {.blog-post .blog-post__meta {
            max-width: 86rem
    }
        }

        .blog-post .blog-post__meta .blog-post__meta-date {
            font-family: var(--lab-font);
            font-size: var(--font-size-xs);
        }

    .blog-post .blog-post__header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        width: 100%;
        max-width: var(--content-width);
        margin-right: auto;
        margin-bottom: var(--spacing-20);
        margin-left: auto;
    }

    @media (min-width: 768px) {

    .blog-post .blog-post__header {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between
    }
        }

    @media (min-width: 1200px) {

    .blog-post .blog-post__header {
            max-width: 86rem
    }
        }

    @media (min-width: 768px) {

    .blog-post .blog-post__header .blog-post__header-content {
                width: 100%;
                max-width: 28rem;
                margin-right: 0;
                margin-left: 0
        }
            }

    @media (min-width: 992px) {

    .blog-post .blog-post__header .blog-post__header-content {
                max-width: 37rem
        }
            }

    @media (min-width: 1200px) {

    .blog-post .blog-post__header .blog-post__header-content {
                max-width: 54rem
        }
            }

    .blog-post .blog-post__header .blog-post__header-content .blog-post__header-title h1 {
                    font-size: var(--font-size-h2);
                }

    @media (min-width: 1200px) {

    .blog-post .blog-post__header .blog-post__header-content .blog-post__header-title h1 {
                        font-size: var(--font-size-h2)
                }
                    }

    .blog-post .blog-post__header .blog-post__header-content .blog-post__header-teaser h2 {
                    font-size: var(--font-size-20);
                    font-weight: var(--font-weight-regular);
                }

    @media (min-width: 1200px) {

    .blog-post .blog-post__header .blog-post__header-content .blog-post__header-teaser h2 {
                        font-size: var(--font-size-m)
                }
                    }

    .blog-post .blog-post__header-image .base-picture__container {
        max-width: 100%;
        margin-right: 0;
        margin-left: 0;
    }

    .blog-post .blog-post__information-lane {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        width: 100%;
        max-width: var(--content-width);
        margin-right: auto;
        margin-bottom: var(--spacing-20);
        margin-left: auto;
    }

    @media (min-width: 768px) {

    .blog-post .blog-post__information-lane {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between
    }

            .blog-post .blog-post__information-lane .blog-share-bar {
                width: -webkit-fit-content;
                width: -moz-fit-content;
                width: fit-content;
                margin-left: 0;
            }
        }

    @media (min-width: 1200px) {

    .blog-post .blog-post__information-lane {
            max-width: 86rem
    }
        }

    .blog-post .blog-post__information-lane .blog-post__categories {
            font-size: var(--font-size-xxs);
            line-height: var(--line-height-1);
            width: 100%;
            margin-top: var(--spacing-xxs);
        }

    @media (min-width: 768px) {

    .blog-post .blog-post__information-lane .blog-post__categories {
                width: -webkit-fit-content;
                width: -moz-fit-content;
                width: fit-content;
                margin-top: 5px
        }
            }

    @media (min-width: 992px) {

    .blog-post .blog-post__information-lane .blog-post__categories {
                font-size: var(--font-size-xs)
        }
            }

    .blog-post .blog-post__information-lane .blog-post__categories .blog-post__categories-label {
                margin-right: var(--spacing-xxs);
                font-family: var(--lab-font);
                text-transform: uppercase;
            }

    .blog-post .blog-post__information-lane .blog-post__categories a {
                color: var(--brand-black);
                -webkit-text-decoration: none;
                text-decoration: none;
                font-family: var(--lab-font);
                text-transform: uppercase;
            }

    .blog-post .blog-post__information-lane .blog-post__categories a:hover {
                color: var(--brand-main-color);
                -webkit-text-decoration: underline;
                text-decoration: underline;
            }

    .blog-post .blog-post__header-reading-time {
        margin: var(--spacing-20) auto;
        font-family: var(--lab-font);
        font-size: var(--font-size-xxs);
        max-width: var(--content-width);
        text-transform: uppercase;
    }

    @media (min-width: 992px) {

    .blog-post .blog-post__header-reading-time {
            font-size: var(--font-size-xs)
    }
        }

    .blog-post .blog-post__author {
        font-family: var(--lab-font);
        font-size: var(--font-size-xxs);
        text-transform: uppercase;
        max-width: var(--content-width);
        margin-left: auto;
        margin-right: auto;
    }

    @media (min-width: 992px) {

    .blog-post .blog-post__author {
            font-size: var(--font-size-xs)
    }
        }

    .blog-post .blog-post__author .blog-post__author-label {
            margin-right: var(--spacing-xxs);
        }

    .blog-post .blog-post__content + .blog-post__author {
        margin-top: var(--spacing-m);
    }

    .blog-post .blog-post__author + .blog-share-bar {
        margin-top: var(--spacing-xs);
    }

    .blog-post .blog-post__latest-blog-entries .blog-posts__latest-blog-entries-headline {
            max-width: var(--content-width);
            margin: 3.75rem auto var(--spacing-m);
        }

    @media (min-width: 1200px) {

    .blog-post .blog-post__latest-blog-entries .blog-posts__latest-blog-entries-headline {
                margin-top: 7.5rem
        }
            }

    .blog-post .blog-post__latest-blog-entries .blog-post__latest-blog-entries-lane {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            gap: var(--spacing-m);
            max-width: var(--content-width);
            margin: var(--spacing-xxs) auto var(--spacing-l) auto;
        }

    @media (min-width: 768px) {

    .blog-post .blog-post__latest-blog-entries .blog-post__latest-blog-entries-lane {
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                    -ms-flex-direction: row;
                        flex-direction: row;
                gap: var(--spacing-m)
        }
            }

    @media (min-width: 992px) {

    .blog-post .blog-post__latest-blog-entries .blog-post__latest-blog-entries-lane {
                gap: calc(var(--spacing-l) * 2)
        }
            }

    @media (min-width: 1200px) {

    .blog-post .blog-post__latest-blog-entries .blog-post__latest-blog-entries-lane {
                gap: var(--spacing-l);
                -webkit-box-pack: center;
                    -ms-flex-pack: center;
                        justify-content: center
        }
            }

    @media (min-width: 768px) {

    .blog-post .two-column .base-picture__container {
                min-height: 10rem
        }
            }

.alternative-search-words {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    font-size: var(--font-size-xxs);
    line-height: 1.33;
    margin-bottom: calc(var(--spacing-m) - var(--spacing-xxs));
}

    @media (min-width: 768px) {.alternative-search-words {
        margin-bottom: calc(var(--spacing-l) - var(--spacing-xxs))
}
    }

    .alternative-search-words .alternative-search-words__label {
        min-width: -webkit-fit-content;
        min-width: -moz-fit-content;
        min-width: fit-content;
        margin-right: var(--spacing-xxs);
        margin-bottom: var(--spacing-xxs);
        font-weight: var(--font-weight-black);
    }

    .alternative-search-words .alternative-search-words__link {
        color: var(--font-color-black);
        margin-right: var(--spacing-xxs);
        -webkit-text-decoration: none;
        text-decoration: none;
    }

.scroll-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    max-width: calc(100vw - (2 * var(--spacing-s)));
}

.scroll-buttons__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    overflow-x: scroll;
    scroll-behavior: smooth;
    -ms-overflow-style: none; /* IE 11 */
    scrollbar-width: none; /* Firefox 64 */
}

.scroll-buttons__content::-webkit-scrollbar {
    display: none;
}

.scroll-buttons__right,
.scroll-buttons__left {
    position: absolute;
    visibility: hidden;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 2.25rem;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

@media (min-width: 768px) {

.scroll-buttons__right,
.scroll-buttons__left {
        width: 4.5rem
}
    }

.scroll-buttons__right .icon--size-regular, .scroll-buttons__left .icon--size-regular {
        font-size: var(--font-size-20);
        color: var(--brand-main-color);
    }

@media (min-width: 768px) {

.scroll-buttons__right .icon--size-regular, .scroll-buttons__left .icon--size-regular {
            font-size: var(--font-size-m)
    }
        }

.scroll-buttons__right {
    background: -webkit-gradient(linear, right top, left top, color-stop(50%, var(--brand-grey)), to(transparent));
    background: linear-gradient(270deg, var(--brand-grey) 50%, transparent);
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    right: -1px;
}

.scroll-buttons__left {
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--brand-grey)), to(transparent));
    background: linear-gradient(90deg, var(--brand-grey) 50%, transparent);
    left: -1px;
}

.search-auto-complete__field {
    padding-left: var(--spacing-xxs);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 0;
    height: 3.25rem;
    padding-right: var(--spacing-xxs);
}

    @media(min-width: 768px) {.search-auto-complete__field {
        padding-left: 0;
        padding-right: 0;
        border: 0
}
    }

    .search-auto-complete__field input {
        border-bottom: 1px solid var(--brand-dark-grey) !important;
    }

    .search-auto-complete__field input {
        font-size: var(--font-size-base);
        width: 100%;
    }

    @media (min-width: 768px) {

    .search-auto-complete__field input {
            border-bottom: 0 !important
    }
        }

    .search-auto-complete__field .icon {
        color: var(--brand-main-color);
        height: 100%;
        padding: 0 1rem;
    }

    .search-auto-complete__field .auto-complete {
        border: 0;
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        background-color: var(--brand-white);
        height: 100%;
        width: 100%;
    }

    .search-auto-complete__field .auto-complete:focus {
            outline: none;
        }

    .search-auto-complete__field .search-button {
        border: 0;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        padding: 0;
        background-color: var(--brand-white);
        display: none;
    }

    .search-auto-complete__field .search-button:focus {
            outline: none;
        }

    @media (min-width: 768px) {

    .search-auto-complete__field .search-button {
            display: block
    }
        }

    .search-auto-complete__field .search-submit-button--lg {
        -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
                order: 3;
        margin-left: var(--spacing-20);
        display: none;
    }

    .search-auto-complete__field .search-submit-button--lg .button__label {
            white-space: nowrap;
        }

    @media(min-width: 768px) {

    .search-auto-complete__field .search-submit-button--lg {
            display: block;
            padding-top: 14px;
            padding-bottom: 14px
    }
        }

.search-auto-complete-container {
    width: 100%;
    margin: 0 var(--spacing-xxs);
}

.autoComplete_list {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.autoComplete_result {
    list-style: none;
}

.autoComplete_result,
.search-auto-complete__no-result {
    padding: var(--spacing-xxs);
}

@media (min-width: 768px) {

.autoComplete_result,
.search-auto-complete__no-result {
        padding-left: var(--spacing-xl)
}
    }

.search-auto-complete__no-result {
    color: var(--brand-main-color);
}

.autoComplete_result mark {
    background-color: transparent;
    font-weight: var(--font-weight-black);
    color: var(--font-color-black);
    padding: 0;
}

.search-auto-complete__show-all-results {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding: var(--spacing-xxs) var(--spacing-xxs) var(--spacing-xxs) var(--spacing-xl);
}

.search-auto-complete__show-all-results .icon {
        vertical-align: middle;
        padding-bottom: 2px;
    }

.auto-complete__list-item {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.auto-complete__list-item--send-selected,
.auto-complete__list-item--selected {
    background-color: var(--brand-main-color);
    color: var(--brand-white);
}

.auto-complete__list-item--send-selected mark, .auto-complete__list-item--selected mark {
        color: var(--brand-white);
        padding: 0;
    }

.autoComplete_result:hover {
    background-color: var(--brand-main-color);
    cursor: pointer;
    color: var(--brand-white);
}

.autoComplete_result:hover mark {
        color: var(--brand-white);
    }

.autoComplete_result.suggestion__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: var(--brand-main-color);
}

.autoComplete_result.suggestion__item .suggestion__item__icon {
        margin-right: var(--spacing-xxs);
    }

@media (min-width: 768px) {

.autoComplete_result.suggestion__item {
        padding-left: var(--spacing-xl)
}
    }

.autoComplete_result.suggestion__item:hover,
.autoComplete_result.suggestion__item.auto-complete__list-item--selected {
    color: var(--brand-white);
}

.search-auto-complete__border {
    border-top: 1px solid var(--brand-dark-grey);
    margin: var(--spacing-xs) var(--spacing-xl);
}

.search-auto-complete__border--hidden {
    display: none;
}

.search-result-summary {
    width: 100%;
    max-width: var(--content-width);
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.filterbox__form__search-input + .facet-box {

    margin-top: calc(var(--spacing-m) - var(--spacing-xxs));
}

    @media (min-width: 768px) {.filterbox__form__search-input + .facet-box {
        margin-top: calc(var(--spacing-l) - var(--spacing-xxs))
}
    }

.facet-box + .facet-box {
    margin-top: var(--spacing-l);
}

.facet-box__title {
    margin-bottom: var(--spacing-xs);
}

.filter-search-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    height: 3.25rem;
}

.filter-search-field .icon {
        color: var(--brand-main-color);
        height: 100%;
        padding: 0 1rem;
    }

.filter-search-field input {
        border: 0;
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        background-color: var(--brand-white);
        width: 100%;
        font-weight: var(--font-weight-light);
    }

.filter-search-field input:focus {
            outline: none;
        }

.filter-search-field .search-button {
        border: 0;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        padding: 0;
        background-color: var(--brand-white);
    }

.filter-search-field .search-button:focus {
            outline: none;
        }

.search__radio-facet input {
        display: none;
    }

    .search__radio-facet .search__radio-facet__input {
        margin-right: var(--spacing-s);
        padding: var(--spacing-xs) 0;
    }

    .search__radio-facet .search__radio-facet__input label {
            width: -webkit-max-content;
            width: -moz-max-content;
            width: max-content;
            color: var(--font-color-black);
            font-size: var(--font-size-s);
            font-weight: var(--font-weight-light);
            -webkit-text-decoration: none;
            text-decoration: none;
            cursor: pointer;
            margin: 0;
            z-index: auto;
            white-space: nowrap;
        }

    .search__radio-facet .search__radio-facet__input.active {
        border-bottom: 2px solid var(--font-color-black);
        font-weight: var(--font-weight-black);
        -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
                order: -1;
    }

    .search__radio-facet .search__radio-facet__input.active label {
        font-weight: var(--font-weight-black);
        cursor: default;
    }

    .search__radio-facet .search__radio-facet__input.empty label {
        color: var(--brand-grey);
        cursor: default;
    }

    .search__radio-facet sup {
        font-size: var(--font-size-xxs);
        font-weight: var(--font-weight-regular);
        margin-left: var(--spacing-4);
    }

    .search__radio-facet .scroll-buttons__right {
        background: -webkit-gradient(linear, right top, left top, color-stop(50%, var(--brand-white)), to(transparent));
        background: linear-gradient(270deg, var(--brand-white) 50%, transparent);
        color: var(--brand-main-color);
        width: 4rem;
    }

    .search__radio-facet .scroll-buttons__left {
        background: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--brand-white)), to(transparent));
        background: linear-gradient(90deg, var(--brand-white) 50%, transparent);
        color: var(--brand-main-color);
        width: 4rem;
    }

@media (min-width: 768px) {

    .search__radio-facet {
        padding: 0;
    }

        .search__radio-facet .search__radio-facet__input {
            margin-right: var(--spacing-m);
        }

            .search__radio-facet .search__radio-facet__input label {
                display: block;
                -webkit-text-decoration: none;
                text-decoration: none;
            }
}
@media (min-width: 992px) {

    .search__radio-facet {
        -webkit-box-pack: initial;
            -ms-flex-pack: initial;
                justify-content: initial;
        padding: 0;
    }

        .search__radio-facet .search__radio-facet__input {
            margin-right: 2.5rem;
        }
}

.search-info {
    width: 15rem;
    text-align: center;
    font-family: var(--font-family-lab);
    margin: var(--spacing-l) auto;
}

.search-info__link {
    display: block;
    margin: auto;
    color: var(--font-color-black);
    -webkit-text-decoration: none;
    text-decoration: none;
}

.search-info__text {
    color: var(--brand-dark-grey);
    width: 100%;
    margin: var(--spacing-xs) auto;
}

.search-info__logo {
    width: 100%;
}

.facet__headline {
    text-align: center;
}

.filterbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: var(--spacing-xl);
    -webkit-box-shadow: 0 14px 14px -14px rgba(0, 0, 0, .09);
            box-shadow: 0 14px 14px -14px rgba(0, 0, 0, .09);
}


    .filterbox .container {
        max-width: 100%;
    }


    @media (min-width: 768px) {

        .filterbox .container {
            max-width: 69.625rem;
        }

        .filterbox .filter-search-field {
            width: 27.5rem;
        }
    }


    .filterbox .facet-box__facets {
        padding: 0;
    }


    .filterbox .facet-box {
        min-height: 1rem;
    }


    .filterbox .filterbox__form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-flow: column nowrap;
                flex-flow: column nowrap;
    }


    .filterbox .filterbox__form__search-input {
        margin-bottom: var(--spacing-s);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
        -webkit-box-align: stretch;
            -ms-flex-align: stretch;
                align-items: stretch;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
    }


    .filterbox .filterbox__form__search-input input {
            color: var(--brand-main-color);
            font-size: var(--font-size-s);
        }


    .filterbox .filterbox__form__search-input .facet-box {
            border: 1px solid var(--brand-dark-grey);
            -webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .09);
                    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .09);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
        }


    @media (min-width: 768px) {


    .filterbox .filterbox__form__search-input {
            margin-bottom: var(--spacing-20)
    }
        }


    .filterbox .filterbox__submit {
        -ms-flex-item-align: start;
            align-self: flex-start;
        height: 100%;
        border-width: 2px;
        padding-top: 1rem;
        padding-bottom: 1rem;
        margin-top: 0;
        margin-left: var(--spacing-xxs);
    }


    .filterbox .filterbox__submit .button__label {
            white-space: nowrap;
            font-size: var(--font-size-14);
        }


    @media (min-width: 992px) {


    .filterbox .filterbox__submit {
            margin-left: var(--spacing-20)
    }

            .filterbox .filterbox__submit .button__label {
                font-size: var(--font-size-base);
            }
        }

.search-overlay__backdrop {
    background-color: rgba(255, 255, 255, .8);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 999;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.search-overlay__backdrop.search-overlay__backdrop--hidden {
    display: none;
}

.search-overlay__controls {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse nowrap;
            flex-flow: row-reverse nowrap;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

@media (min-width: 768px) {

.search-overlay__controls {
        height: 50vh;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-flow: column nowrap;
                flex-flow: column nowrap
}
    }

.search-overlay__controls .search-auto-complete-container {
        width: 100%;
        -ms-flex-negative: 999;
            flex-shrink: 999;
    }

.search-overlay__controls .search-auto-complete-container .autoComplete_list {
            position: absolute;
            background-color: var(--brand-white);
            border: 1px solid var(--brand-grey);
            width: 100%;
            z-index: 1010;
            height: -webkit-fit-content;
            height: -moz-fit-content;
            height: fit-content;
        }

@media (min-width: 768px) {

.search-overlay__controls .search-auto-complete-container {
            width: 40rem;
            -ms-flex-negative: initial;
                flex-shrink: initial
    }

            .search-overlay__controls .search-auto-complete-container .autoComplete_list {
                width: calc(40rem - 118px);
                -webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .09);
                        box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .09);
            }
        }

.search-overlay__controls__spacer {
    display: none;
}

@media (min-width: 768px) {

.search-overlay__controls__spacer {
        display: block;
        min-height: var(--spacing-l);
        -webkit-box-flex: 9999;
            -ms-flex-positive: 9999;
                flex-grow: 9999
}
    }

.search-overlay__controls__close .icon {

        padding: 6px var(--spacing-18) 6px 0;
        width: auto;
        width: initial;
        height: auto;
        height: initial;
    }

.search-overlay__controls__close .icon svg {
            width: 2.5rem;
            height: 2.5rem;
        }

@media (min-width: 768px) {

.search-overlay__controls__close .icon {
            padding: var(--spacing-20);
            width: 1em;
            height: 1em
    }

            .search-overlay__controls__close .icon svg {
                width: 100%;
                height: 100%;
            }
        }

.search-overlay__controls__close {

    cursor: pointer;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    justify-self: flex-start;
    -ms-flex-item-align: end;
        align-self: end;
    padding: 0;
}

@media (min-width: 768px) {

.search-overlay__controls__close {
        padding: var(--spacing-20) var(--spacing-l) 0
}
    }

.search-overlay__controls__close--large {
    font-family: var(--font-family-lab);
    font-size: var(--font-size-xs);
    display: none;
}

@media (min-width: 768px) {

.search-overlay__controls__close--large {
        display: block
}
    }



.search-overlay__controls__headline {
    display: none;
    font-family: var(--font-family);
    margin-bottom: var(--spacing-l);
}



h1.search-overlay__controls__headline {
        width: auto;
        width: initial;
    }



@media (min-width: 768px) {



.search-overlay__controls__headline {
        display: block
}
    }

.search-auto-complete__form {
    border: none;
}

.search-auto-complete__form .search-auto-complete__field--shadow {
        width: 100%;
    }

@media(min-width: 768px) {
        .search-auto-complete__form .search-auto-complete__field--shadow {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .09);
                    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .09);
        }

    }

.search-results {
    max-width: 100%;
    margin-top: var(--spacing-m);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;

}

    @media (min-width: 768px) {.search-results {
        margin-top: var(--spacing-xl)

}
    }

.search--results-overview {
    margin-bottom: var(--spacing-m);
}

.paginated-listing__list {
    margin: 0 var(--spacing-s) var(--spacing-m);
    padding: 0;
}

@media (min-width: 768px) {

.paginated-listing__list {
        margin: 0 8.3% var(--spacing-xl)
}

    }

ul.paginated-listing__list {
    max-width: none;
    max-width: initial;
}

.paginated-listing__list-item {
    display: block;
    border-bottom: 1px solid var(--brand-light-grey);
}

.paginated-listing__list-item a {
        -webkit-text-decoration: none;
        text-decoration: none;
    }

.paginated-listing__list-item:first-child {
    margin-top: calc(-1 * var(--spacing-xs));
}

.search-result {
    margin-top: var(--spacing-s);
    padding-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}

    @media (min-width: 992px) {.search-result {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap
}
    }

    .search-result h3 {
        font-size: var(--font-size-base);
    }

    @media (min-width: 768px) {

    .search-result h3 {
            font-size: var(--font-size-s)
    }
        }

    @media (min-width: 768px) {

    .search-result .search-result__thumbnail {
            margin-right: 0;
            margin-left: 0;
            padding-right: 0;
            padding-left: 0
    }
        }

    @media (min-width: 992px) {

    .search-result .search-result__thumbnail {
            -webkit-box-flex: 1;
                -ms-flex: 1 0 19%;
                    flex: 1 0 19%;
            max-width: 20%
    }
        }

    .search-result .search-thumbnail__content {
        width: 100%;
        height: 1.875rem;
        position: relative;
    }

    @media (min-width: 768px) {

    .search-result .search-thumbnail__content {
            height: 4.5rem
    }
        }

    @media (min-width: 992px) {

    .search-result .search-thumbnail__content {
            height: 7rem
    }
        }

    .search-result .search-result__content {
        padding-bottom: var(--spacing-s);
        border-bottom: 1px solid var(--brand-dark-grey);
        width: 100%;
    }

    @media (min-width: 992px) {

    .search-result .search-result__content {
            padding-right: 0;
            padding-left: 0;
            margin-left: var(--spacing-m)
    }
        }

    .search-result .search-thumbnail__content--event .overlay__color {
        background: var(--body-background-color);
    }

    .search-result .search-thumbnail__content--event .overlay__img,
    .search-result .search-thumbnail__content--event .overlay__color {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        -o-object-fit: cover;
           object-fit: cover;
    }

    .search-result .search-thumbnail__content--event .icon {
        position: absolute;
        top: 0;
        color: var(--brand-white);
        font-size: 1.5rem;
        padding-left: .313rem;
        padding-top: .325rem;
        display: none;
    }

    @media (min-width: 768px) {

    .search-result .search-thumbnail__content--event .icon {
            display: block
    }
        }

    .search-result .search-result__content__headline {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }

    @media (min-width: 768px) {

    .search-result .search-result__content__headline {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row
    }
        }

    .search-result h3,
    .search-result .search-result__content__headline,
    .search-result .style-h3 {
        margin-top: 0;
    }

    @media (min-width: 768px) {

    .search-result h3,
    .search-result .search-result__content__headline,
    .search-result .style-h3 {
            margin-top: 0;
            margin-bottom: 0;
            padding-top: 0;
            margin-left: 0
    }
        }

    .search-result .search-result__content__sub-headline {
        font-size: .875rem;
        line-height: 1.29;
        text-transform: uppercase;
        letter-spacing: .5px;
        color: var(--font-color-black);
        margin-bottom: var(--spacing-xs);
        font-weight: var(--font-weight-regular);
    }

    @media (min-width: 768px) {

    .search-result .search-result__content__sub-headline {
            font-size: 1rem;
            line-height: 1.25;
            letter-spacing: .6px;
            margin-bottom: var(--spacing-xxs);
            padding-top: var(--spacing-xxs)
    }
        }

    .search-result .search-result__content__text {
        color: var(--font-color-black);
        font-size: 1rem;
        line-height: 1.33;
        font-weight: var(--font-weight-light);
        margin-bottom: var(--spacing-xs);
    }

    @media (min-width: 768px) {

    .search-result .search-result__content__text {
            font-size: 1.125rem;
            line-height: 1.39;
            margin-bottom: var(--spacing-xxs)
    }
        }

    .search-result .search-result__content__text em {
            font-weight: var(--font-weight-black);
            font-style: normal;
        }

    @media (min-width: 768px) {

    .search-result .search-result__content__headline + .search-result__content__text {
            margin-top: var(--spacing-xxs)
    }
        }

    .search-result .search-result__content__breadcrumb .breadcrumb__item {
            font-size: var(--font-size-xxs);
            font-family: var(--font-family-lab);
            font-weight: var(--font-weight-medium);
            color: var(--brand-dark-grey);
            text-overflow: ellipsis;
        }

    .search-result .search-result__type {
        font-size: var(--font-size-xxs);
        font-family: var(--font-family-lab);
        font-weight: var(--font-weight-medium);
        color: var(--brand-main-color);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-bottom: var(--spacing-xxs);
    }

    .search-result .search-result__type .search-result__type__text {
            margin-left: .25rem;
        }

    .search-result .search__result-additional-data {
        margin-top: var(--spacing-xs);
    }

    .search-result .search__result-additional-data__date {
        margin-right: var(--spacing-m);
    }

    .search-result .search-result__action {
        margin-top: 0;
    }

    @media (min-width: 768px) {

    .search-result .search-result__action {
            margin-top: var(--spacing-xs);
            text-align: right;
            padding-right: 0;
            padding-left: 0;
            -webkit-box-flex: 0;
                -ms-flex: 0 0 calc(1 / 3 * 100% - 3%);
                    flex: 0 0 calc(1 / 3 * 100% - 3%);
            max-width: calc(1 / 3 * 100% - 3%)
    }
        }

    .search-result .search-result__action .btn {
        margin-bottom: var(--spacing-xxs);
    }

    @media (min-width: 768px) {

        .search-result .search-result__content__breadcrumb li:nth-child(2) .icon {
            display: inline-block;
        }

        .search-result .search-result__content__breadcrumb li:nth-child(4) .icon {
            display: none;
        }
    }

    .search-result .search--result-additional-data__icon svg {
            margin-top: 1px;
        }

    .search-result .search--result-additional-data__city {
        margin-top: var(--spacing-xxs);
    }

:root {
    /* colors */
    --brand-white: #fff;
    --brand-main-color: #e4003a;
    --brand-black: #212121;
    --brand-grey: #f6f5f3;
    --brand-light-grey: #fafafa;
    --brand-dark-grey: #979797;
    --brand-post-yellow: #ffe400;
    --brand-infrastructure-blue: #22a9e1;
    --body-background-color: var(--brand-white);
    --font-color-brand: var(--brand-main-color);
    --font-color-black: var(--brand-black);
    --font-color-white: var(--brand-white);
    --font-color-base: var(--brand-black);
    --font-color-headline: var(--brand-black);
    --font-color-text: var(--brand-black);
    --indicator-main-color: var(--brand-dark-grey);
    --indicator-background-color: #e5e5e5;
    --border-color-gray: rgba(155, 155, 155, .46);

    /* z-indices */
    --z-index-front: 10;

    /* widths */
    --page-conatiner-max-width: 100%;

    /** misc */
}

    @media (min-width: 1404px) {:root {
        --page-conatiner-max-width: 1440px
}
    }

    :root {

    --content-width: 20.5rem;
    --logo-width: 8.75rem;
    --icon-width-28: 1.75rem;
    --icon-width-24: 1.5rem;
    --wide-content-width: var(--content-width);
    --max-content-width: 90rem;
    --header-hight: 4rem;
    --infrastructure-highlight-width: 12rem
}

    @media (min-width: 768px) {:root {
        --logo-width: 100%;
        --content-width: 44rem;
        --header-hight: 5rem
}
    }

    @media (min-width: 992px) {:root {
        --logo-width: 100%;
        --content-width: 54rem;
        --wide-content-width: calc(var(--page-conatiner-max-width) - 2 * var(--spacing-xl));
        --infrastructure-highlight-width: 16rem;
        --header-hight: 6.75rem
}
    }

    :root {
    --icon-height-28: 1.75rem;
    --spacing-xxs: .5rem;
    --spacing-xs: 1rem;
    --spacing-s: 1.5rem;
    --spacing-m: 2rem;
    --spacing-l: 3rem;
    --spacing-xl: 4rem;
    --spacing-4: .25rem;
    --spacing-11: calc(1rem - 5px);
    --spacing-18: 1.125rem;
    --spacing-20: 1.25rem;
    --spacing-25: calc(2rem - 7px);
    --spacing-28: 1.75rem;
    --spacing-36: 2.25rem;
    --spacing-40: 2.5rem;
    --spacing-44: 2.75rem;
    --spacing-80: 5rem;
    --spacing-icon-grid-small: 2.75rem;
    --spacing-icon-grid-menu: 3.25rem;
    --spacing-icon-grid-large: 5rem;
    --brand-font: 'Patron';
    --lab-font: 'IBMPlexMono';

    --font-family: var(--brand-font), 'Calibri', 'Helvetica Neue', 'Arial', sans-serif;
    --font-family-lab: var(--lab-font), monospace, monospace;

    --font-size-base: 1.125rem;
    --font-size-xxs: .75rem;
    --font-size-xs: 1rem;
    --font-size-s: 1.5rem;
    --font-size-m: 2rem;
    --font-size-l: 3rem;
    --font-size-xl: 4rem;
    --font-size-36: 2.25rem;
    --font-size-40: 2.5rem;
    --font-size-29: 1.8rem;
    --font-size-22: 1.375rem;
    --font-size-20: 1.25rem;
    --font-size-14: .875rem;

    --line-height-1: 1;
    --line-height-base: 1.56;

    --font-weight-black: 900;
    --font-weight-medium: 500;
    --font-weight-regular: 400;
    --font-weight-light: 300
}

    /* heights */

    /* spacings */

    /* font */

    @media (min-width: 768px) {:root {
        --font-size-base: 1.25rem;
        --line-height-base: 1.5
}
    }

    :root {
    --font-size-icon-small: .75rem;
    --font-size-icon-medium: 1rem;
    --font-size-icon-large: 1.125rem;
    --font-size-icon-main-menu: 1.75rem;
    --font-size-icon-grid: 3.75rem;
    --font-size-button-small: .75rem;
    --font-size-button-medium: 1rem;
    --font-size-button-large: var(--font-size-base);
    --font-size-h1: 2rem;
    --font-size-h2: 2rem;
    --font-size-h3: 2rem;
    --font-size-h4: 1.5rem;

    --line-height-h1: 1.13;
    --line-height-h2: 1.13;
    --line-height-h3: 1.13;
    --line-height-h4: 1.25;

    --font-weight-h1: var(--font-weight-black);
    --font-weight-h2: var(--font-weight-black);
    --font-weight-h3: var(--font-weight-black);
    --font-weight-h4: var(--font-weight-black);

    --margin-top-h1: var(--spacing-xs);
    --margin-bottom-h1: var(--spacing-xs);
    --margin-top-h2: var(--spacing-xs);
    --margin-bottom-h2: var(--spacing-xs);
    --margin-top-h3: var(--spacing-xxs);
    --margin-bottom-h3: var(--spacing-xxs);
    --margin-top-h4: var(--spacing-xxs);
    --margin-bottom-h4: var(--spacing-xxs)
}

    /* icons */

    /* buttons */

    /* headings */

    @media (min-width: 768px) {:root {
        --font-size-h1: 5.5rem;
        --font-size-h2: 4rem;
        --font-size-h3: 2.25rem;

        --line-height-h1: 1.16;
        --line-height-h2: 1.13;
        --line-height-h3: 1.22;

        --margin-top-h1: var(--spacing-s);
        --margin-bottom-h1: var(--spacing-s);
        --margin-top-h2: var(--spacing-s);
        --margin-bottom-h2: var(--spacing-s);
        --margin-top-h3: var(--spacing-xs);
        --margin-bottom-h3: var(--spacing-xs);
        --margin-top-h4: var(--spacing-xs);
        --margin-bottom-h4: var(--spacing-xs)
}
    }

@font-face {
    font-family: Patron;
    src: local(Patron-Light),
        url(/_Resources/Static/Packages/PunktDe.Ptw.PunktDe/Fonts/Patron-Light.woff2) format('woff2'),
        url(/_Resources/Static/Packages/PunktDe.Ptw.PunktDe/Fonts/Patron-Light.woff) format('woff');
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
}
@font-face {
    font-family: Patron;
    src: local(Patron-Regular),
        url(/_Resources/Static/Packages/PunktDe.Ptw.PunktDe/Fonts/Patron-Regular.woff2) format('woff2'),
        url(/_Resources/Static/Packages/PunktDe.Ptw.PunktDe/Fonts/Patron-Regular.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
}
@font-face {
    font-family: Patron;
    src: local(Patron-Medium),
        url(/_Resources/Static/Packages/PunktDe.Ptw.PunktDe/Fonts/Patron-Medium.woff2) format('woff2'),
        url(/_Resources/Static/Packages/PunktDe.Ptw.PunktDe/Fonts/Patron-Medium.woff) format('woff');
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
}
@font-face {
    font-family: Patron;
    src: local(Patron-Black),
        url(/_Resources/Static/Packages/PunktDe.Ptw.PunktDe/Fonts/Patron-Black.woff2) format('woff2'),
        url(/_Resources/Static/Packages/PunktDe.Ptw.PunktDe/Fonts/Patron-Black.woff) format('woff');
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
}
@font-face {
    font-family: IBMPlexMono;
    src: local(IBMPlexMono),
        url(/_Resources/Static/Packages/PunktDe.Ptw.PunktDe/Fonts/IBMPlexMono-Regular.woff2) format('woff2'),
        url(/_Resources/Static/Packages/PunktDe.Ptw.PunktDe/Fonts/IBMPlexMono-Regular.woff) format('woff');
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
}

body {
    text-rendering: optimizeSpeed;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}