@charset "UTF-8";/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,aside,footer,header,nav,section {
    display: block
}

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

figcaption,figure,main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:active,a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,strong {
    font-weight: inherit
}

b,strong {
    font-weight: bolder
}

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

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,input,optgroup,select,textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[type=reset],[type=submit],button,html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

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

[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

details,menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

::selection {
    background: #b3d4fc;
    text-shadow: none
}

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

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

textarea {
    resize: vertical
}

.hidden {
    display: none!important
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.invisible {
    visibility: hidden
}

.clearfix:after,.clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

@-webkit-keyframes fadeIn {
    from {
        opacity: .01
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: .01
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes transition {
    from {
        opacity: 1
    }

    50% {
        opacity: .01
    }

    to {
        opacity: 1
    }
}

@keyframes transition {
    from {
        opacity: 1
    }

    50% {
        opacity: .01
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    50% {
        -webkit-transform: scale3d(1.1,1.1,1);
        transform: scale3d(1.1,1.1,1)
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    50% {
        -webkit-transform: scale3d(1.1,1.1,1);
        transform: scale3d(1.1,1.1,1)
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@-webkit-keyframes pulseLoop {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    20% {
        -webkit-transform: scale3d(1.25,1.25,1);
        transform: scale3d(1.25,1.25,1)
    }

    40% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes pulseLoop {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    20% {
        -webkit-transform: scale3d(1.25,1.25,1);
        transform: scale3d(1.25,1.25,1)
    }

    40% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@-webkit-keyframes rotationLoop {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

@keyframes rotationLoop {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

@-webkit-keyframes scrolling {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    80% {
        -webkit-transform: translateY(70px);
        transform: translateY(70px)
    }

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

@keyframes scrolling {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    80% {
        -webkit-transform: translateY(70px);
        transform: translateY(70px)
    }

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

@font-face {
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    font-family: HelveticaNeue-Light;
    src: url(../fonts/5ab020b6-67c6-4666-95ee-09cce0e39f2f.woff2) format("woff2"),url(../fonts/195ede8e-7c97-4ab9-9a81-ddff21e9e6bd.woff) format("woff")
}

@font-face {
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    font-family: HelveticaNeue-Medium;
    src: url(../fonts/3388ada0-73d7-4be0-b300-c39245f82721.woff2) format("woff2"),url(../fonts/b7de6bf1-14bc-46af-9f84-8c3c59d683ff.woff) format("woff")
}

.row {
    margin-top: -30px;
    margin-left: -20px;
    margin-right: -20px;
    max-width: none
}

@media (min-width: 768px) {
    .row {
        margin-top:-50px
    }
}

@media (min-width: 1024px) {
    .row {
        margin-top:-50px
    }
}

.row:after {
    content: " ";
    display: block;
    clear: both
}

.row .row,.row+.row {
    margin-top: 0
}

.row--reducedWidth {
    margin-left: -10px;
    margin-right: -10px
}

@media (min-width: 768px) {
    .row--reducedWidth {
        margin-left:10px;
        margin-right: 10px
    }
}

@media (min-width: 1300px) {
    .row--reducedWidth {
        max-width:1260px;
        margin-left: auto;
        margin-right: auto
    }
}

.col {
    width: 100%;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 30px
}

@media (min-width: 768px) {
    .col {
        margin-top:50px
    }
}

@media (min-width: 1024px) {
    .col {
        margin-top:50px
    }
}

@media (min-width: 768px) {
    .col--medium-1 {
        width:8.33333%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--medium-offset-1 {
        margin-left: 8.33333%
    }

    .col--medium-2 {
        width: 16.66667%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--medium-offset-2 {
        margin-left: 16.66667%
    }

    .col--medium-3 {
        width: 25%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

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

    .col--medium-4 {
        width: 33.33333%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--medium-offset-4 {
        margin-left: 33.33333%
    }

    .col--medium-5 {
        width: 41.66667%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--medium-offset-5 {
        margin-left: 41.66667%
    }

    .col--medium-6 {
        width: 50%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

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

    .col--medium-7 {
        width: 58.33333%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--medium-offset-7 {
        margin-left: 58.33333%
    }

    .col--medium-8 {
        width: 66.66667%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--medium-offset-8 {
        margin-left: 66.66667%
    }

    .col--medium-9 {
        width: 75%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

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

    .col--medium-10 {
        width: 83.33333%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--medium-offset-10 {
        margin-left: 83.33333%
    }

    .col--medium-11 {
        width: 91.66667%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--medium-offset-11 {
        margin-left: 91.66667%
    }

    .col--medium-12 {
        width: 100%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--medium-offset-12 {
        margin-left: 100%
    }

    .hidden-col--medium {
        display: none
    }
}

@media (min-width: 1024px) {
    .col--large-1 {
        width:8.33333%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--large-offset-1 {
        margin-left: 8.33333%
    }

    .col--large-2 {
        width: 16.66667%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--large-offset-2 {
        margin-left: 16.66667%
    }

    .col--large-3 {
        width: 25%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

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

    .col--large-4 {
        width: 33.33333%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--large-offset-4 {
        margin-left: 33.33333%
    }

    .col--large-5 {
        width: 41.66667%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--large-offset-5 {
        margin-left: 41.66667%
    }

    .col--large-6 {
        width: 50%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

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

    .col--large-7 {
        width: 58.33333%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--large-offset-7 {
        margin-left: 58.33333%
    }

    .col--large-8 {
        width: 66.66667%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--large-offset-8 {
        margin-left: 66.66667%
    }

    .col--large-9 {
        width: 75%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

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

    .col--large-10 {
        width: 83.33333%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--large-offset-10 {
        margin-left: 83.33333%
    }

    .col--large-11 {
        width: 91.66667%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--large-offset-11 {
        margin-left: 91.66667%
    }

    .col--large-12 {
        width: 100%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--large-offset-12 {
        margin-left: 100%
    }

    .hidden-col--large {
        display: none
    }
}

.stage+.breadcrumb,.stage+.breadcrumb+.gridContainer,.stage+.gridContainer {
    position: relative;
    top: calc(100vh - 50px);
    z-index: 2
}

.stage+.breadcrumb+.gridContainer:not(.breadcrumb),.stage+.breadcrumb:not(.breadcrumb),.stage+.gridContainer:not(.breadcrumb) {
    padding-bottom: calc(100vh - 50px);
    background-color: #fff
}

.stage+.breadcrumb+.gridContainer:not(.gridContainer),.stage+.breadcrumb:not(.gridContainer),.stage+.gridContainer:not(.gridContainer) {
    z-index: 3
}

@media (min-width: 768px) {
    .stage+.breadcrumb,.stage+.breadcrumb+.gridContainer,.stage+.gridContainer {
        top:calc(100vh - 85px)
    }

    .stage+.breadcrumb+.gridContainer:not(.breadcrumb),.stage+.breadcrumb:not(.breadcrumb),.stage+.gridContainer:not(.breadcrumb) {
        padding-bottom: calc(100vh - 85px)
    }
}

@media (max-height: 650px) and (min-width:1280px) {
    .stage+.breadcrumb,.stage+.breadcrumb+.gridContainer,.stage+.gridContainer {
        top:0;
        padding-bottom: 0
    }
}

@media (max-height: 590px) and (min-width:1024px) and (max-width:1279px) {
    .stage+.breadcrumb,.stage+.breadcrumb+.gridContainer,.stage+.gridContainer {
        top:0;
        padding-bottom: 0
    }
}

@media (max-height: 570px) and (min-width:768px) and (max-width:1023px) {
    .stage+.breadcrumb,.stage+.breadcrumb+.gridContainer,.stage+.gridContainer {
        top:0;
        padding-bottom: 0
    }
}

@media (max-height: 320px) and (min-width:600px) and (max-width:767px) {
    .stage+.breadcrumb,.stage+.breadcrumb+.gridContainer,.stage+.gridContainer {
        top:0;
        padding-bottom: 0
    }
}

@media (max-height: 390px) and (min-width:320px) and (max-width:599px) {
    .stage+.breadcrumb,.stage+.breadcrumb+.gridContainer,.stage+.gridContainer {
        top:0;
        padding-bottom: 0
    }
}

@font-face {
    font-family: Icons;
    src: url(../fonts/icons/Icons.eot);
    src: url(../fonts/icons/Icons.eot?#iefix) format("eot"),url(../fonts/icons/Icons.woff) format("woff"),url(../fonts/icons/Icons.ttf) format("truetype")
}

.accordion--customselect .accordion__icon:before,.icon-add-circle:before {
    content: ""
}

.icon-add:before {
    content: ""
}

.icon-alert:before {
    content: ""
}

.icon-arrow-down-circle:before {
    content: ""
}

.icon-calendar:before {
    content: ""
}

.icon-chat:before {
    content: ""
}

.icon-check:before {
    content: ""
}

.icon-chevron-down:before {
    content: ""
}

.icon-chevron-left:before {
    content: ""
}

.icon-chevron-right:before {
    content: "";
    font-size: 40%
}

.icon-chevron-up:before {
    content: ""
}

.icon-close-circle:before {
    content: ""
}

.icon-close-jumpmarks:before {
    content: ""
}

.icon-close:before {
    content: ""
}

.icon-comment:before {
    content: ""
}

.icon-contact:before {
    content: ""
}

.icon-dot-full:before {
    content: ""
}

.icon-dot-outline:before {
    content: ""
}

.icon-drag:before {
    content: ""
}

.icon-edit:before {
    content: ""
}

.icon-error:before {
    content: ""
}

.icon-external-link:before {
    content: ""
}

.icon-facebook:before {
    content: ""
}

.icon-filter:before {
    content: ""
}

.icon-globe:before {
    content: ""
}

.icon-info-alternative:before {
    content: ""
}

.icon-info-circle:before {
    content: ""
}

.icon-info:before {
    content: ""
}

.icon-instagram:before {
    content: ""
}

.icon-interact:before {
    content: ""
}

.icon-interactactive:before {
    content: ""
}

.icon-linkedin-inverted:before {
    content: ""
}

.icon-linkedin:before {
    content: ""
}

.icon-magnifier:before {
    content: ""
}

.icon-mail:before {
    content: ""
}

.icon-map-marker:before {
    content: ""
}

.icon-menu:before {
    content: ""
}

.icon-octagon:before {
    content: ""
}

.icon-open-jumpmarks:before {
    content: ""
}

.icon-play:before {
    content: ""
}

.icon-playlist:before {
    content: ""
}

.icon-print:before {
    content: ""
}

.icon-quote:before {
    content: ""
}

.icon-quote2:before {
    content: ""
}

.icon-resize-se:before {
    content: ""
}

.icon-resize-sw:before {
    content: ""
}

.icon-route:before {
    content: ""
}

.icon-save:before {
    content: ""
}

.icon-settings:before {
    content: ""
}

.icon-sharing:before {
    content: ""
}

.icon-snapchat:before {
    content: ""
}

.icon-sort-default:before {
    content: ""
}

.icon-sort-down:before {
    content: ""
}

.icon-sort-up:before {
    content: ""
}

.icon-swipe:before {
    content: ""
}

.icon-timespan:before {
    content: ""
}

.icon-twitter:before {
    content: ""
}

.icon-user:before {
    content: ""
}

.icon-warning:before {
    content: ""
}

.icon-wechat:before {
    content: ""
}

.icon-xing:before {
    content: ""
}

.icon-youtube:before {
    content: ""
}

[class*=" icon-"]:before,[class^=icon-]:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body,html {
    height: 100%;
    min-width: 320px
}

html {
    box-sizing: border-box;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

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

body {
    font-family: HelveticaNeue-Light,Arial,sans-serif;
    background-color: #fff;
    font-size: 18px;
    line-height: 28px;
    color: #000;
    min-width: 320px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

@media (min-width: 768px) {
    .scroll-locked {
        overflow:hidden
    }
}

.scrollbar-measure {
    width: 100px;
    height: 100px;
    overflow: scroll;
    position: absolute;
    top: -9999px
}

.layout--default {
    margin: 0
}

.content {
    flex-grow: 1;
    display: flex;
    flex-direction: column
}

.content:after,.content:before {
    content: " ";
    display: table
}

.content:after {
    clear: both
}

.gridContainer,.gridContainer>section:first-child:last-child {
    flex-grow: 1;
    display: flex;
    flex-direction: column
}

.ie .gridContainer>section {
    min-height: 1px
}

.hiddenOnLoad {
    visibility: hidden
}

.hiddenOnLoad.visible,.no-js .hiddenOnLoad {
    visibility: visible
}

.offcanvas {
    position: relative;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    min-height: 100vh
}

.offcanvas--jumpmarks .mobileNavigation--active {
    border-left: none;
    padding-left: 32px!important;
    cursor: pointer
}

.offcanvas--jumpmarks .mobileNavigation--active:hover {
    background-color: #4f4f4f;
    color: #00e5e5
}

.offcanvas__inner {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    min-height: 100vh
}

.home .offcanvas__inner {
    min-height: 0
}

.offcanvas__area--right {
    position: fixed;
    height: 100vh;
    width: 330px;
    bottom: 0;
    top: 0;
    right: -330px;
    overflow-x: hidden;
    overflow-y: auto;
    transition: -webkit-transform .4s ease-out;
    transition: transform .4s ease-out;
    transition: transform .4s ease-out,-webkit-transform .4s ease-out;
    z-index: 1001;
    background-color: #ededed;
    box-shadow: 0 0 3px 0 rgba(0,0,0,.75);
    -webkit-overflow-scrolling: touch
}

@media (min-width: 768px) {
    .offcanvas__area--right {
        width:430px;
        right: -430px
    }
}

@media (min-width: 1280px) {
    .offcanvas__area--right {
        width:430px;
        right: -430px
    }
}

.offcanvas--show-right .offcanvas__area--right {
    -webkit-transform: translate3d(-330px,0,0);
    transform: translate3d(-330px,0,0);
    transition: -webkit-transform .4s ease-out;
    transition: transform .4s ease-out;
    transition: transform .4s ease-out,-webkit-transform .4s ease-out
}

@media (min-width: 768px) {
    .offcanvas--show-right .offcanvas__area--right {
        -webkit-transform:translate3d(-430px,0,0);
        transform: translate3d(-430px,0,0)
    }
}

@media (min-width: 1280px) {
    .offcanvas--show-right .offcanvas__area--right {
        -webkit-transform:translate3d(-430px,0,0);
        transform: translate3d(-430px,0,0)
    }
}

.offcanvas--noAnimation .offcanvas__inner {
    transition: none
}

.offcanvas--noAnimation .offcanvas__inner>* {
    transition: none
}

.offcanvas--noAnimation .offcanvas__area--right {
    transition: none
}

.offcanvas--noAnimation .offcanvas--show-right>.offcanvas__inner>* {
    transition: none
}

.offcanvas--grey,.offcanvas--grey .footer {
    background: #ededed
}

body.nav-open {
    position: fixed;
    overflow: auto;
    width: 100%
}

.layout--blank {
    opacity: .01;
    -webkit-animation: fadeIn ease-in 1s;
    animation: fadeIn ease-in 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    height: auto;
    overflow-x: hidden
}

@media (min-width: 1024px) {
    .layout--blank {
        overflow:hidden
    }

    .iPadSafari .layout--blank {
        position: fixed;
        height: 100vh;
        width: 100vw
    }
}

.layout--blank.transition-animation {
    -webkit-animation: transition ease-in-out 2s;
    animation: transition ease-in-out 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.layout--iframe {
    overflow: hidden
}

.section {
    min-height: 1px;
    margin-top: 100px
}

@media (min-width: 768px) {
    .section {
        margin-top:160px
    }
}

@media (min-width: 1024px) {
    .section {
        margin-top:160px
    }
}

.section:first-child {
    margin-top: 80px
}

@media (min-width: 768px) {
    .section:first-child {
        margin-top:100px
    }

    .breadcrumb+.gridContainer>.section:first-child {
        margin-top: calc(-68px * (-1) + 80px)
    }
}

@media (min-width: 1024px) {
    .section:first-child {
        margin-top:100px
    }
}

.section--reducedWidth {
    max-width: 1220px;
    margin-left: auto;
    margin-right: auto
}

.section:not([class*=section--colorTheme])+.section:not([class*=section--colorTheme]),.section:not([class*=section--colorTheme])+[class*=section--colorTheme] {
    margin-top: 50px
}

@media (min-width: 768px) {
    .section:not([class*=section--colorTheme])+.section:not([class*=section--colorTheme]),.section:not([class*=section--colorTheme])+[class*=section--colorTheme] {
        margin-top:80px
    }
}

@media (min-width: 1024px) {
    .section:not([class*=section--colorTheme])+.section:not([class*=section--colorTheme]),.section:not([class*=section--colorTheme])+[class*=section--colorTheme] {
        margin-top:80px
    }
}

.section:not([class*=section--colorTheme])+.section.section--reducedMarginTop:not([class*=section--colorTheme]) {
    margin-top: 30px
}

@media (min-width: 768px) {
    .section:not([class*=section--colorTheme])+.section.section--reducedMarginTop:not([class*=section--colorTheme]) {
        margin-top:50px
    }
}

.section[class*=section--colorTheme] {
    margin-top: 0;
    padding: 50px 10px 50px
}

@media (min-width: 768px) {
    .section[class*=section--colorTheme] {
        padding:80px 30px 80px
    }
}

@media (min-width: 1024px) {
    .section[class*=section--colorTheme] {
        padding-top:80px;
        padding-bottom: 80px
    }
}

.section[class*=section--colorTheme] section>.row--reducedWidth {
    margin-left: -20px;
    margin-right: -20px
}

@media (min-width: 1300px) {
    .section[class*=section--colorTheme] section>.row--reducedWidth {
        margin-left:auto;
        margin-right: auto
    }
}

.section[class*=section--colorTheme]+.section:not([class*=section--colorTheme]) {
    margin-top: 50px
}

@media (min-width: 768px) {
    .section[class*=section--colorTheme]+.section:not([class*=section--colorTheme]) {
        margin-top:80px
    }
}

@media (min-width: 1024px) {
    .section[class*=section--colorTheme]+.section:not([class*=section--colorTheme]) {
        margin-top:80px
    }
}

.section[class*=section--colorTheme]:first-child[class*=section--colorTheme] {
    padding-top: 80px
}

@media (min-width: 768px) {
    .section[class*=section--colorTheme]:first-child[class*=section--colorTheme] {
        padding-top:100px
    }
}

@media (min-width: 1024px) {
    .section[class*=section--colorTheme]:first-child[class*=section--colorTheme] {
        padding-top:100px
    }
}

.breadcrumb+.gridContainer>.section[class*=section--colorTheme]:first-child[class*=section--colorTheme] {
    margin-top: 0
}

@media (min-width: 768px) {
    .breadcrumb+.gridContainer>.section[class*=section--colorTheme]:first-child[class*=section--colorTheme] {
        padding-top:calc(-68px * (-1) + 80px)
    }
}

@media (min-width: 1024px) {
    .breadcrumb+.gridContainer>.section[class*=section--colorTheme]:first-child[class*=section--colorTheme] {
        padding-top:calc(-68px * (-1) + 80px)
    }
}

.section[class*=section--colorTheme]+.section[class*=section--colorTheme] {
    padding-top: 0
}

.section[class*=section--colorTheme]+.section[class*=section--colorTheme].section--reducedMarginTop {
    margin-top: -20px
}

@media (min-width: 768px) {
    .section[class*=section--colorTheme]+.section[class*=section--colorTheme].section--reducedMarginTop {
        margin-top:-30px
    }
}

.section--colorTheme1 {
    background: #f2f2f2
}

.section--colorTheme1:last-child {
    margin-bottom: 3px
}

.section:last-child {
    padding-bottom: 97px
}

@media (min-width: 1024px) {
    .section:last-child {
        padding-bottom:112px
    }
}

.productPagesFix br.hide {
    display: none
}

.productPagesFix .copy a:empty,.productPagesFix .copy h1:empty,.productPagesFix .copy h2:empty,.productPagesFix .copy h3:empty,.productPagesFix .copy h4:empty,.productPagesFix .copy h5:empty,.productPagesFix .copy p:empty {
    display: none
}

.productPagesFix .section .section {
    margin-top: 0!important;
    padding-bottom: 0!important
}

.productPagesFix .section .section .col {
    margin-top: 0!important;
    padding-bottom: 0!important
}

.productPagesFix .row .row {
    margin-left: -20px!important;
    margin-right: -20px!important
}

.productPagesFix .accordion .accordion__title .section {
    margin-top: 0
}

.productPagesFix .accordion .accordion__title .section .col {
    margin-top: 0
}

.productPagesFix .accordion .accordion__title .section .col .component {
    margin-top: 0
}

.productPagesFix .accordion .accordion__title .section .col .component.h2 {
    margin-bottom: -5px
}

.productPagesFix .accordion .accordion__title .section .col .component.h2 h2 {
    margin-top: 0!important
}

.productPagesFix .accordion .accordion__title .section .col .component.h3 {
    margin-top: 10px!important
}

.h1__overline,h1,h2,h3,h4,h5,h6 {
    font-family: HelveticaNeue-Medium,Arial,sans-serif;
    font-weight: 400
}

h1 {
    font-size: 40px;
    line-height: 50px;
    color: #2d4275
}

@media (min-width: 768px) {
    h1 {
        font-size:50px;
        line-height: 60px
    }
}

@media (min-width: 1024px) {
    h1 {
        font-size:60px;
        line-height: 70px
    }
}

@media (min-width: 1280px) {
    h1 {
        font-size:80px;
        line-height: 90px
    }
}

h1.h1--darkBlue {
    color: #2d4275
}

h1.h1--white {
    color: #fff
}

h1.h1--yellow {
    color: #2d4275
}

h1.h1--cyan {
    color: #00e5e5
}

h1.h1--green {
    color: #00e500
}

.h1__overline {
    font-size: 18px;
    line-height: 1.55556;
    color: #9c9c9c
}

@media (min-width: 768px) {
    .h1__overline {
        font-size:18px;
        line-height: 1.77778
    }
}

@media (min-width: 1024px) {
    .h1__overline {
        font-size:25px;
        line-height: 1.28
    }
}

.h1__overline--darkBlue {
    color: #2d4275
}

.h1__overline--white {
    color: #fff
}

.h1__overline--yellow {
    color: #2d4275
}

.h1__overline--cyan {
    color: #00e5e5
}

.h1__overline--green {
    color: #00e500
}

.h2__subline,h2 {
    font-size: 30px;
    line-height: 1.33333;
    color: #2d4275
}

@media (min-width: 768px) {
    .h2__subline,h2 {
        font-size:35px;
        line-height: 1.28571
    }
}

@media (min-width: 1024px) {
    .h2__subline,h2 {
        font-size:40px;
        line-height: 1.25
    }
}

@media (min-width: 1280px) {
    .h2__subline,h2 {
        font-size:50px;
        line-height: 1.2
    }
}

.h2__subline {
    color: #6f6f6f
}

h3 {
    font-size: 22px;
    line-height: 1.45455;
    color: #6f6f6f
}

@media (min-width: 768px) {
    h3 {
        font-size:25px;
        line-height: 1.28
    }
}

@media (min-width: 1280px) {
    h3 {
        font-size:35px;
        line-height: 1.28571
    }
}

h4,h5,h6 {
    font-size: 18px;
    line-height: 1.55556;
    color: #6f6f6f;
    margin: 0
}

.introtext {
    color: #6f6f6f;
    font-size: 22px;
    line-height: 1.45455
}

@media (min-width: 1280px) {
    .introtext {
        font-size:25px;
        line-height: 1.28
    }
}

figcaption {
    font-size: 18px;
    line-height: 1.55556;
    color: #9c9c9c
}

@media (min-width: 1280px) {
    figcaption {
        font-size:20px;
        line-height: 1.25
    }
}

.copy {
    color: #6f6f6f
}

.copy a {
    word-wrap: break-word;
    overflow-wrap: break-word;
    text-decoration: none;
    color: #2d4275;
    font-family: HelveticaNeue-Medium,Arial,sans-serif;
    -webkit-tap-highlight-color: transparent;
    color: #2d4275
}

.copy a:hover {
    color: #266693
}

.copy a:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 40%;
    position: relative;
    padding-right: 5px;
    padding-left: 1px;
    bottom: 1px;
    left: 1px
}

.copy a:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 40%;
    font-size: 50%
}

.ie .copy a:before {
    font-size: 280%
}

.copy a:hover {
    color: #266693;
    text-decoration: none;
    background: linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#266693,#266693);
    background-size: .05em 1px,.05em 1px,1px 1px;
    background-repeat: no-repeat,no-repeat,repeat-x;
    text-shadow: .03em 1px #fff,-.03em 1px #fff,1px .03em #fff,1px -.03em #fff,.06em 1px #fff,-.06em 1px #fff,.09em 1px #fff,-.09em 1px #fff,.12em 1px #fff,-.12em 1px #fff,.15em 1px #fff,-.15em 1px #fff,.18em 1px #fff,-.18em 1px #fff;
    background-position-y: 100%,100%,100%;
    background-position-x: 0,100%,0
}

.copy a:hover *,.copy a:hover :after,.copy a:hover :before,.copy a:hover:after,.copy a:hover:before {
    text-shadow: none
}

.copy a:hover:visited {
    color: #266693
}

.container .copy a:hover {
    color: #266693;
    text-decoration: none;
    background: linear-gradient(#ededed,#ededed),linear-gradient(#ededed,#ededed),linear-gradient(#266693,#266693);
    background-size: .05em 1px,.05em 1px,1px 1px;
    background-repeat: no-repeat,no-repeat,repeat-x;
    text-shadow: .03em 1px #ededed,-.03em 1px #ededed,1px .03em #ededed,1px -.03em #ededed,.06em 1px #ededed,-.06em 1px #ededed,.09em 1px #ededed,-.09em 1px #ededed,.12em 1px #ededed,-.12em 1px #ededed,.15em 1px #ededed,-.15em 1px #ededed,.18em 1px #ededed,-.18em 1px #ededed;
    background-position-y: 100%,100%,100%;
    background-position-x: 0,100%,0
}

.container .copy a:hover *,.container .copy a:hover :after,.container .copy a:hover :before,.container .copy a:hover:after,.container .copy a:hover:before {
    text-shadow: none
}

.container .copy a:hover:visited {
    color: #266693
}

.copy strong {
    font-family: HelveticaNeue-Medium,Arial,sans-serif;
    color: #6f6f6f;
    font-weight: 400
}

.copy h1 {
    margin-top: 70px
}

.copy h1:first-child {
    margin-top: 0
}

@media (min-width: 768px) {
    .copy h1 {
        margin-top:77px
    }

    .copy h1:first-child {
        margin-top: -10px
    }
}

.copy h2 {
    margin-top: 53px
}

.copy h2:first-child {
    margin-top: 0
}

@media (min-width: 768px) {
    .copy h2 {
        margin-top:60px
    }

    .copy h2:first-child {
        margin-top: -10px
    }
}

.copy h3 {
    margin-top: 45px
}

.copy h3:first-child {
    margin-top: 0
}

@media (min-width: 1024px) {
    .copy h3 {
        margin-top:63px
    }

    .copy h3:first-child {
        margin-top: -10px
    }
}

.copy h3+address,.copy h3+div,.copy h3+p,.copy h3+pre {
    margin-top: 10px
}

.copy h4,.copy h5,.copy h6 {
    margin-top: 26px
}

@media (min-width: 768px) {
    .copy h4,.copy h5,.copy h6 {
        margin-top:46px
    }
}

.copy h4:first-child,.copy h5:first-child,.copy h6:first-child {
    margin-top: -10px
}

.copy h4+address,.copy h4+div,.copy h4+p,.copy h4+pre,.copy h5+address,.copy h5+div,.copy h5+p,.copy h5+pre,.copy h6+address,.copy h6+div,.copy h6+p,.copy h6+pre {
    margin-top: 0
}

.copy pre {
    margin: 0;
    font-family: HelveticaNeue-Light,Arial,sans-serif;
    white-space: normal
}

.copy address {
    font-style: normal
}

.copy address,.copy div,.copy p,.copy pre {
    margin-top: 20px
}

@media (min-width: 1024px) {
    .copy address,.copy div,.copy p,.copy pre {
        margin-top:40px
    }
}

.copy address:first-child,.copy div:first-child,.copy p:first-child,.copy pre:first-child {
    margin-top: -10px
}

.copy ol,.copy ul {
    margin: 50px 0 0 0;
    padding: 0;
    list-style-type: none
}

.copy ol:first-child,.copy ul:first-child {
    margin-top: 0
}

.copy ol>li,.copy ul>li {
    position: relative;
    word-wrap: break-word
}

.col--medium-3 .copy ol>li,.col--medium-3 .copy ul>li,.col--medium-4 .copy ol>li,.col--medium-4 .copy ul>li,.col--medium-6 .copy ol>li,.col--medium-6 .copy ul>li,.col--medium-8 .copy ol>li,.col--medium-8 .copy ul>li {
    padding-right: 0
}

.copy ul li {
    padding: 0 0 9px 28px
}

@media (min-width: 1024px) {
    .copy ul li {
        padding-right:33%
    }
}

.copy ul li:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    font-size: 78%;
    color: #00e5e5
}

.copy ul li:last-child {
    padding-bottom: 0
}

.copy ul[dir=rtl] li {
    padding: 0 28px 9px 0
}

.copy ul[dir=rtl] li:before {
    left: auto;
    right: 0
}

.copy ol {
    counter-reset: step-counter
}

.copy ol li {
    padding: 0 0 15px 36px
}

@media (min-width: 1024px) {
    .copy ol li {
        padding-right:33%
    }
}

.copy ol li:before {
    font-family: HelveticaNeue-Medium,Arial,sans-serif;
    position: absolute;
    left: 0;
    counter-increment: step-counter;
    content: counters(step-counter, ".", decimal-leading-zero) "."
}

.no-js .copy table {
    width: 100%;
    color: #6f6f6f;
    border-collapse: collapse;
    border-spacing: 0;
    border-bottom: 1px solid #ddd;
    background-color: #fff
}

.no-js .copy table a {
    font-family: HelveticaNeue-Light,Arial,sans-serif
}

.no-js .copy table a[class*=icon-]::before {
    font-size: 140%
}

.no-js .copy table caption {
    text-align: left;
    padding-left: 10px
}

.no-js .copy table td,.no-js .copy table th {
    text-align: left;
    padding-right: 30px;
    vertical-align: top
}

.no-js .copy table thead {
    color: #2d4275
}

.no-js .copy table thead tr {
    border-bottom: 2px solid #ddd
}

.no-js .copy table thead th {
    white-space: nowrap;
    padding: 5px 30px 7px 10px;
    font-family: HelveticaNeue-Medium,Arial,sans-serif;
    font-weight: 400
}

.no-js .copy table tbody tr {
    border-bottom: 1px solid #ededed
}

.no-js .copy table tbody tr:last-child {
    border-bottom: none
}

.no-js .copy table tbody td {
    padding: 11px 30px 9px 10px
}

.textcontainer--cyan .copy:first-child,.textcontainer--green .copy:first-child,.textcontainer--magenta .copy:first-child,.textcontainer--white .copy:first-child {
    margin-top: 0
}

.textcontainer--cyan .copy address,.textcontainer--cyan .copy div,.textcontainer--cyan .copy h4,.textcontainer--cyan .copy h5,.textcontainer--cyan .copy h6,.textcontainer--cyan .copy p,.textcontainer--cyan .copy pre,.textcontainer--green .copy address,.textcontainer--green .copy div,.textcontainer--green .copy h4,.textcontainer--green .copy h5,.textcontainer--green .copy h6,.textcontainer--green .copy p,.textcontainer--green .copy pre,.textcontainer--magenta .copy address,.textcontainer--magenta .copy div,.textcontainer--magenta .copy h4,.textcontainer--magenta .copy h5,.textcontainer--magenta .copy h6,.textcontainer--magenta .copy p,.textcontainer--magenta .copy pre,.textcontainer--white .copy address,.textcontainer--white .copy div,.textcontainer--white .copy h4,.textcontainer--white .copy h5,.textcontainer--white .copy h6,.textcontainer--white .copy p,.textcontainer--white .copy pre {
    color: #fff
}

.textcontainer--cyan .copy a:hover,.textcontainer--green .copy a:hover,.textcontainer--magenta .copy a:hover,.textcontainer--white .copy a:hover {
    color: #fff;
    text-decoration: none;
    background: linear-gradient(#6f6f6f,#6f6f6f),linear-gradient(#6f6f6f,#6f6f6f),linear-gradient(#fff,#fff);
    background-size: .05em 1px,.05em 1px,1px 1px;
    background-repeat: no-repeat,no-repeat,repeat-x;
    text-shadow: .03em 1px #6f6f6f,-.03em 1px #6f6f6f,1px .03em #6f6f6f,1px -.03em #6f6f6f,.06em 1px #6f6f6f,-.06em 1px #6f6f6f,.09em 1px #6f6f6f,-.09em 1px #6f6f6f,.12em 1px #6f6f6f,-.12em 1px #6f6f6f,.15em 1px #6f6f6f,-.15em 1px #6f6f6f,.18em 1px #6f6f6f,-.18em 1px #6f6f6f;
    background-position-y: 100%,100%,100%;
    background-position-x: 0,100%,0
}

.textcontainer--cyan .copy a:hover *,.textcontainer--cyan .copy a:hover :after,.textcontainer--cyan .copy a:hover :before,.textcontainer--cyan .copy a:hover:after,.textcontainer--cyan .copy a:hover:before,.textcontainer--green .copy a:hover *,.textcontainer--green .copy a:hover :after,.textcontainer--green .copy a:hover :before,.textcontainer--green .copy a:hover:after,.textcontainer--green .copy a:hover:before,.textcontainer--magenta .copy a:hover *,.textcontainer--magenta .copy a:hover :after,.textcontainer--magenta .copy a:hover :before,.textcontainer--magenta .copy a:hover:after,.textcontainer--magenta .copy a:hover:before,.textcontainer--white .copy a:hover *,.textcontainer--white .copy a:hover :after,.textcontainer--white .copy a:hover :before,.textcontainer--white .copy a:hover:after,.textcontainer--white .copy a:hover:before {
    text-shadow: none
}

.textcontainer--cyan .copy a:hover:visited,.textcontainer--green .copy a:hover:visited,.textcontainer--magenta .copy a:hover:visited,.textcontainer--white .copy a:hover:visited {
    color: #fff
}

.textcontainer--cyan .copy ol,.textcontainer--cyan .copy ul,.textcontainer--green .copy ol,.textcontainer--green .copy ul,.textcontainer--magenta .copy ol,.textcontainer--magenta .copy ul,.textcontainer--white .copy ol,.textcontainer--white .copy ul {
    color: #fff
}

.textcontainer--cyan .copy ol strong,.textcontainer--cyan .copy ul strong,.textcontainer--green .copy ol strong,.textcontainer--green .copy ul strong,.textcontainer--magenta .copy ol strong,.textcontainer--magenta .copy ul strong,.textcontainer--white .copy ol strong,.textcontainer--white .copy ul strong {
    color: #fff
}

.textcontainer--cyan .copy table,.textcontainer--green .copy table,.textcontainer--magenta .copy table,.textcontainer--white .copy table {
    background-color: transparent;
    color: #fff
}

.textcontainer--cyan .copy table thead,.textcontainer--green .copy table thead,.textcontainer--magenta .copy table thead,.textcontainer--white .copy table thead {
    color: #fff
}

.textcontainer--cyan .copy h1,.textcontainer--cyan .copy h2,.textcontainer--cyan .copy h3 {
    color: #00e5e5
}

.textcontainer--cyan .copy a {
    color: #00e5e5
}

.textcontainer--cyan .copy ol a,.textcontainer--cyan .copy ul a {
    color: #00e5e5
}

.textcontainer--cyan .copy ul li:before {
    color: #00e5e5
}

.textcontainer--magenta .copy h1,.textcontainer--magenta .copy h2,.textcontainer--magenta .copy h3 {
    color: #fff
}

.textcontainer--magenta .copy a {
    color: #fff
}

.textcontainer--magenta .copy ol a,.textcontainer--magenta .copy ul a {
    color: #fff
}

.textcontainer--magenta .copy ul li:before {
    color: #fff
}

.textcontainer--green .copy h1,.textcontainer--green .copy h2,.textcontainer--green .copy h3 {
    color: #00e500
}

.textcontainer--green .copy a {
    color: #00e500
}

.textcontainer--green .copy ol a,.textcontainer--green .copy ul a {
    color: #00e500
}

.textcontainer--green .copy ul li:before {
    color: #00e500
}

.textcontainer--white .copy h1,.textcontainer--white .copy h2,.textcontainer--white .copy h3 {
    color: #fff
}

.textcontainer--white a {
    color: #fff
}

.textcontainer--white ol a,.textcontainer--white ul a {
    color: #fff
}

.textcontainer--white ul li:before {
    color: #fff
}

a {
    word-wrap: break-word;
    overflow-wrap: break-word;
    text-decoration: none;
    color: #2d4275;
    font-family: HelveticaNeue-Medium,Arial,sans-serif;
    -webkit-tap-highlight-color: transparent
}

a:hover {
    color: #266693
}

sup {
    font-size: 75%
}

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

h1,h2,h3,h4,h5 {
    padding: 0;
    margin: 0
}

figure {
    margin: 0
}

p {
    margin: 0
}

@media (min-width: 1024px) {
    .col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9)>.freetext,.col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9)>.h3,.col:not(.col--medium-3):not(.col--medium-4):not(.col--medium-6):not(.col--medium-8):not(.col--medium-9)>.introtext {
        padding-right:20px;
        margin-right: 33.33333%;
        padding-left: 0
    }
}

figure {
    margin: 0
}

figure figcaption {
    margin-top: 8px
}

@media (min-width: 768px) {
    figure figcaption {
        margin-top:13px
    }
}

.component {
    margin-top: 0
}

*+.component {
    margin-top: 30px
}

@media (min-width: 768px) {
    *+.component {
        margin-top:50px
    }
}

.filteredList .filteredList__filterContainer+.filteredList__results>.component {
    margin-top: 30px
}

@media (min-width: 768px) {
    .filteredList .filteredList__filterContainer+.filteredList__results>.component {
        margin-top:50px
    }
}

.component.h2 {
    margin-top: 20px
}

@media (min-width: 768px) {
    .component.h2 {
        margin-top:30px
    }
}

*+.component.h2 {
    margin-bottom: -10px
}

@media (min-width: 768px) {
    *+.component.h2 {
        margin-top:80px
    }
}

.section>section:first-child>.row:first-child>.col>.component:not(.h1):first-child {
    margin-top: 0
}

.component.h2+.freetext,.component.h2+.introtext {
    margin-top: 22px
}

@media (min-width: 768px) {
    .component.h2+.freetext,.component.h2+.introtext {
        margin-top:42px
    }
}

.component.h3+.h3 {
    margin-top: 10px
}

@media (min-width: 768px) {
    *+.component.h3 {
        margin-top:70px
    }
}

.component.h2+.h3 {
    margin-top: 40px
}

@media (min-width: 768px) {
    .component.h2+.h3 {
        margin-top:60px
    }
}

.component.h3+.freetext,.component.h3+.introtext {
    margin-top: 20px
}

*+.copy {
    margin-top: 30px
}

@media (min-width: 768px) {
    *+.copy {
        margin-top:50px
    }
}

.btn {
    margin-top: 0
}

*+.btn {
    margin-top: 30px
}

.btn+.btn,.btnWrapper>.btn:first-child {
    margin-top: 20px
}

@media (min-width: 768px) {
    .btn+.btn,.btnWrapper>.btn:first-child {
        margin-top:30px
    }
}

.section .row:not(:first-child) .col>:first-child.btn {
    margin-top: -30px
}

.section .row:not(:first-child) .col>:first-child.btnWrapper {
    margin-top: -40px
}

@media (min-width: 768px) {
    .section .row:not(:first-child) .col>:first-child.btnWrapper {
        margin-top:-50px
    }
}

.contactList,.teaserrow {
    margin-top: 0
}

*+.contactList,*+.teaserrow,.filteredList__results .contactList,.filteredList__results .teaserrow {
    margin-top: 30px
}

@media (min-width: 768px) {
    *+.contactList,*+.teaserrow,.filteredList__results .contactList,.filteredList__results .teaserrow {
        margin-top:50px
    }
}

@media (min-width: 768px) {
    .picture--zoomable {
        display:block;
        position: relative;
        transition: top .5s;
        top: 0
    }

    .col .textcontainer .picture--zoomable,.col--medium-4 .picture--zoomable,.col--medium-6 .picture--zoomable,.col--medium-8 .picture--zoomable {
        cursor: pointer;
        cursor: -webkit-zoom-in;
        cursor: zoom-in
    }

    .picture--zoomable:after {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0,0,0,0);
        z-index: 9
    }

    .picture--zoomable img {
        position: relative;
        z-index: 10;
        display: block;
        height: auto;
        max-width: 100%;
        width: 100%
    }

    .picture--zoomable.picture--expanded {
        position: fixed;
        top: 80px;
        left: 50%;
        z-index: 100;
        margin-top: 5vh;
        width: auto;
        height: auto;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        cursor: pointer;
        cursor: -webkit-zoom-out;
        cursor: zoom-out
    }

    .picture--zoomable.picture--expanded:after {
        content: "";
        display: block;
        width: 150vw;
        height: 150vh;
        background: rgba(255,255,255,.8);
        position: absolute;
        left: -31vw;
        top: -100px
    }

    .picture--zoomable.picture--expanded img {
        width: auto;
        height: calc(90vh - 80px);
        max-width: none;
        max-height: 100%
    }
}

@media (min-width: 600px) {
    .btnWrapper .btn {
        display:inline-block
    }
}

.btn {
    width: 100%;
    max-width: 100%;
    margin-right: 20px;
    display: block;
    word-wrap: break-word;
    padding: 8px 18px;
    font-family: HelveticaNeue-Medium,Arial,sans-serif;
    font-size: 15px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    border-width: 2px;
    border-style: solid;
    cursor: pointer
}

.btn:focus {
    outline: 0
}

@media (min-width: 600px) {
    .btn {
        width:auto;
        display: table
    }
}

.btn--primary {
    color: #fff;
    background-color: #2d4275;
    border-color: #2d4275
}

.btn--primary:hover {
    color: #fff;
    background-color: #266693;
    border-color: #266693
}

.btn--primary.is-disabled {
    background-color: #ddd;
    border-color: #ddd
}

.btn--secondary {
    color: #fff;
    background-color: #6f6f6f;
    border-color: #6f6f6f
}

.btn--secondary:hover {
    color: #fff;
    background-color: #9c9c9c;
    border-color: #9c9c9c
}

.btn--secondary.is-disabled {
    color: #fff;
    background-color: #ddd;
    border-color: #ddd
}

.btn--primaryOutline {
    color: #2d4275;
    background-color: transparent;
    border-color: #2d4275
}

.btn--primaryOutline:hover {
    color: #266693;
    background-color: transparent;
    border-color: #266693
}

.btn--primaryOutline.is-disabled {
    color: #ddd;
    background-color: transparent;
    border-color: #ddd
}

.btn--secondaryOutline {
    color: #6f6f6f;
    background-color: transparent;
    border-color: #6f6f6f
}

.btn--secondaryOutline:hover {
    color: #9c9c9c;
    background-color: transparent;
    border-color: #9c9c9c
}

.btn--secondaryOutline.is-disabled {
    color: #ddd;
    background-color: transparent;
    border-color: #ddd
}

.btn--showMore {
    color: #6f6f6f;
    background-color: transparent;
    border-color: #6f6f6f
}

.btn--showMore:hover {
    color: #266693;
    background-color: transparent;
    border-color: #266693
}

.btn--showMore.is-disabled {
    color: #ddd;
    background-color: transparent;
    border-color: #ddd
}

.btn--cyan {
    color: #00e5e5;
    background-color: transparent;
    border-color: #00e5e5
}

.btn--cyan:hover {
    color: #15d4f1;
    background-color: transparent;
    border-color: #15d4f1
}

.btn--cyan.is-disabled {
    color: #ddd;
    background-color: transparent;
    border-color: #ddd
}

.btn--green {
    color: #00e500;
    background-color: transparent;
    border-color: #00e500
}

.btn--green:hover {
    color: #00d257;
    background-color: transparent;
    border-color: #00d257
}

.btn--green.is-disabled {
    color: #ddd;
    background-color: transparent;
    border-color: #ddd
}

.btn--flourBlue {
    color: #fff;
    background-color: #00e5e5;
    border-color: #00e5e5
}

.btn--flourBlue:hover {
    color: #fff;
    background-color: #15d4f1;
    border-color: #15d4f1
}

.btn--flourBlue.is-disabled {
    background-color: #ddd;
    border-color: #ddd
}

.btn--flourGreen {
    color: #fff;
    background-color: #00e500;
    border-color: #00e500
}

.btn--flourGreen:hover {
    color: #fff;
    background-color: #00d257;
    border-color: #00d257
}

.btn--flourGreen.is-disabled {
    background-color: #ddd;
    border-color: #ddd
}

.btn--small,.stage .btn {
    padding-top: 2px;
    padding-bottom: 2px
}

.stage .btn {
    margin-top: 13px;
    margin-bottom: 9px
}

@media (min-width: 600px) {
    .stage .btn {
        padding-top:8px;
        padding-bottom: 8px
    }
}

@media (min-width: 768px) {
    .stage .btn {
        margin-bottom:0
    }
}

@media (min-width: 600px) {
    .btn--showMore {
        width:300px
    }
}

.btn--centered {
    width: 100%;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    float: none!important
}

@media (min-width: 768px) {
    .btn--centered {
        margin:0 auto;
        width: 50%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }
}

.btn--right {
    float: right;
    margin-left: 20px;
    margin-right: 0
}

.btn.is-disabled {
    cursor: default
}

.btn.is-hidden {
    display: none!important
}

.searchbar {
    width: 100%;
    height: 50px;
    background: #ededed;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ededed
}

@media (min-width: 768px) {
    .searchbar {
        height:70px
    }
}

.searchbar--header {
    display: none;
    height: 80px;
    border-top-color: #ddd
}

.js-active-searchbar .searchbar--header {
    display: block
}

.searchbar__container {
    position: relative
}

.searchbar--header .searchbar__container {
    max-width: 1280px;
    padding-left: 10px;
    padding-right: 10px;
    transition: width .6s
}

@media (min-width: 768px) {
    .searchbar--header .searchbar__container {
        width:350px;
        margin: 0 auto;
        padding-left: 30px;
        padding-right: 30px
    }
}

.searchbar--header.searchbar--hasFocus .searchbar__container {
    width: 100%
}

.searchbar__submit {
    position: absolute;
    left: 6px;
    top: 2px;
    padding: 4px;
    background: 0 0;
    border: none;
    outline: 0;
    cursor: pointer
}

.searchbar__submit:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 28px;
    color: #2d4275
}

@media (min-width: 768px) {
    .searchbar__submit {
        left:16px
    }
}

.searchbar--header .searchbar__submit {
    left: 10px
}

@media (min-width: 768px) {
    .searchbar--header .searchbar__submit {
        left:30px
    }
}

.searchbar__input {
    display: block;
    width: calc(100% - 100px);
    height: 40px;
    line-height: 40px;
    margin: 5px 56px;
    border: none;
    background: 0 0;
    outline: 0;
    font-family: HelveticaNeue-Light,Arial,sans-serif;
    font-size: 22px;
    color: #6f6f6f
}

.searchbar__input::-ms-clear {
    display: none
}

.searchbar__input::-webkit-input-placeholder {
    opacity: 1;
    transition: opacity .2s ease-in-out
}

.searchbar__input::-moz-placeholder {
    opacity: 1;
    transition: opacity .2s ease-in-out
}

.searchbar__input::-ms-input-placeholder {
    opacity: 1;
    transition: opacity .2s ease-in-out
}

.searchbar__input::placeholder {
    opacity: 1;
    transition: opacity .2s ease-in-out
}

.searchbar__input:focus::-webkit-input-placeholder {
    opacity: 0
}

.searchbar__input:focus::-moz-placeholder {
    opacity: 0
}

.searchbar__input:focus::-ms-input-placeholder {
    opacity: 0
}

.searchbar__input:focus::placeholder {
    opacity: 0
}

@media (min-width: 768px) {
    .searchbar__input {
        width:calc(100% - 130px);
        margin: 15px 66px;
        font-size: 25px
    }
}

.searchbar--header .searchbar__input {
    width: calc(100% - 100px);
    margin: 20px 50px
}

.searchbar__reset {
    display: none;
    position: absolute;
    right: 6px;
    top: 2px;
    padding: 4px;
    background: 0 0;
    border: none;
    outline: 0;
    cursor: pointer
}

.searchbar__reset:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 28px;
    color: #2d4275
}

@media (min-width: 768px) {
    .searchbar--header .searchbar__reset {
        right:26px
    }
}

.searchbar--hasText .searchbar__reset {
    display: block
}

@media (min-width: 768px) {
    .searchbar__reset {
        right:16px
    }
}

.footer {
    position: relative;
    font-size: 15px;
    line-height: 20px;
    z-index: 12;
    flex-shrink: 0
}

.footer__backToTop {
    text-align: right;
    padding-bottom: 23px;
    margin-bottom: -61px
}

.footer__backToTop a {
    position: relative;
    top: -47px
}

@media (min-width: 1024px) {
    .footer__backToTop a {
        top:-63px
    }
}

.footer__backToTop a:before {
    font-size: 33px;
    color: #2d4275
}

.footer__backToTop a:hover:before {
    color: #266693
}

.footer__wrap {
    margin-left: 10px;
    margin-right: 10px
}

.footer__wrap:after {
    content: " ";
    display: block;
    clear: both
}

@media (min-width: 768px) {
    .footer__wrap {
        margin-left:30px;
        margin-right: 30px
    }
}

@media (min-width: 1300px) {
    .footer__wrap {
        max-width:1260px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 20px;
        padding-right: 20px
    }
}

.footer__column {
    float: left;
    padding-left: 20px;
    padding-right: 20px
}

.footer__column:first-child {
    margin-left: -20px
}

.footer__column:last-child {
    margin-right: -20px
}

.footer__column--25:not(.footer__column--large) {
    width: 25%
}

.footer__column--25.footer__column--large {
    width: 100%;
    margin-left: -20px
}

@media (min-width: 1024px) {
    .footer__column--25.footer__column--large {
        width:25%
    }
}

.footer__column--75:not(.footer__column--large) {
    width: 75%
}

.footer__column--75.footer__column--large {
    width: auto;
    margin-right: -20px
}

@media (min-width: 1280px) {
    .footer__column--75.footer__column--large {
        width:75%
    }
}

.footer__content {
    display: none;
    background: #ededed;
    color: #6f6f6f;
    padding: 55px 0 30px
}

@media (min-width: 1024px) {
    .footer__content {
        display:block
    }
}

.footer__content .list--link {
    margin: 0
}

.footer__content .list--link>li {
    margin-bottom: 7px;
    padding-right: 0
}

.footer__content .list--link>li:before {
    top: 8px
}

.footer__content .list--link>li:last-child {
    margin-bottom: 0
}

.footer__content .list--link a {
    font-size: 17px;
    color: #6f6f6f;
    font-family: HelveticaNeue-Light,Arial,sans-serif
}

.footer__content .list--link a:hover {
    color: #2d4275
}

.footer__content .languageSelect+.list--link {
    margin-top: 15px
}

.footer__content .footer__socialMedia {
    text-align: left
}

.footer__content .footer__socialMedia [class^=icon-] {
    margin-right: 10px
}

.footer__content .footer__socialMedia [class^=icon-]::before {
    color: #2d4275
}

.footer__content .footer__socialMedia [class^=icon-]:hover::before {
    color: #266693
}

.footer__label {
    margin-top: 0;
    font-size: 17px;
    margin-bottom: 10px
}

.footer__background {
    background: #6f6f6f;
    color: #fff;
    padding: 15px 0
}

.ie .footer__background {
    margin-bottom: -5px
}

.footer__copyright {
    display: inline-block;
    font-family: HelveticaNeue-Medium,Arial,sans-serif
}

.footer__links {
    display: inline
}

.footer__links a {
    word-wrap: break-word;
    overflow-wrap: break-word;
    text-decoration: none;
    color: #2d4275;
    font-family: HelveticaNeue-Medium,Arial,sans-serif;
    -webkit-tap-highlight-color: transparent;
    color: #fff;
    max-width: 100%;
    display: inline-block;
    padding-left: 12px;
    text-indent: -10px;
    margin-top: 10px;
    display: block
}

.footer__links a:hover {
    color: #266693
}

.footer__links a:hover {
    color: #fff
}

.footer__links a:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 40%;
    position: relative;
    padding-right: 5px;
    padding-left: 1px;
    bottom: 1px;
    left: 1px
}

@media (min-width: 768px) {
    .footer__links a {
        display:inline-block;
        margin-right: 1px;
        margin-top: 0
    }

    .footer__links a:first-child {
        margin-left: 14px
    }
}

@media (min-width: 1024px) {
    .footer__links a {
        margin-right:5px
    }

    .footer__links a:hover {
        color: #ddd
    }
}

.footer__countrySelect .list--link {
    margin-top: 5px
}

.footer__countrySelect img {
    width: 100%;
    margin-top: 20px
}

.footer__socialMedia {
    line-height: 0;
    margin-bottom: 20px;
    margin-top: 30px
}

@media (min-width: 768px) {
    .footer__socialMedia {
        margin-top:20px;
        margin-bottom: 0
    }
}

.footer__socialMedia [class^=icon-] {
    display: inline-block;
    margin-right: 10px
}

@media (min-width: 1024px) {
    .footer__socialMedia [class^=icon-] {
        margin-top:20px
    }
}

.footer__socialMedia [class^=icon-]:last-child {
    margin-right: 0
}

.footer__socialMedia [class^=icon-]:before {
    font-size: 160%;
    color: #fff
}

.ie .footer__socialMedia [class^=icon-]:before {
    font-size: 150%
}

@media (min-width: 1024px) {
    .footer__socialMedia [class^=icon-]:hover:before {
        color:#ddd
    }
}

@media (min-width: 1024px) {
    .footer__socialMedia {
        margin-top:-20px;
        margin-bottom: 0;
        text-align: right
    }
}

.footer .footer__content+.footer__background .footer__socialMedia {
    display: block
}

@media (min-width: 1024px) {
    .footer .footer__content+.footer__background .footer__socialMedia {
        display:none
    }
}

.socialMedia .footer {
    margin-bottom: 32px
}

@media (min-width: 768px) {
    .socialMedia .footer {
        margin-bottom:auto
    }
}

.header {
    font-family: HelveticaNeue-Medium,Arial,sans-serif;
    font-size: 15px;
    line-height: 20px;
    position: fixed;
    top: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
    z-index: 1000;
    flex-shrink: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.header__wrap {
    margin-left: 10px;
    margin-right: 10px;
    position: relative
}

.header__wrap:after {
    content: " ";
    display: block;
    clear: both
}

@media (min-width: 768px) {
    .header__wrap {
        margin-left:30px;
        margin-right: 30px
    }
}

@media (min-width: 1300px) {
    .header__wrap {
        max-width:1260px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 20px;
        padding-right: 20px
    }
}

.header__inner {
    height: 50px
}

@media (min-width: 768px) {
    .header__inner {
        height:85px
    }
}

.header__keyVisual {
    position: absolute;
    top: -210px;
    left: -163px;
    width: 400px;
    height: 260px;
    transition: opacity .5s,visibility .5s;
    transition-timing-function: linear;
    z-index: 0
}

.header__keyVisual--background {
    opacity: 0;
    overflow: hidden
}

.header__keyVisual--background.is-visible {
    opacity: 1
}

.ie-legacy .header__keyVisual--background {
    display: none
}

.header__keyVisual--animate.is-hidden {
    opacity: 0;
    visibility: hidden
}

.ie-legacy .header__keyVisual--animate {
    display: none
}

@media (max-height: 770px) and (min-width:1280px) {
    .header__keyVisual--background {
        opacity:1
    }

    .header__keyVisual--animate {
        display: none
    }
}

@media (max-height: 760px) and (min-width:1024px) and (max-width:1279px) {
    .header__keyVisual--background {
        opacity:1
    }

    .header__keyVisual--animate {
        display: none
    }
}

@media (max-height: 750px) and (min-width:768px) and (max-width:1023px) {
    .header__keyVisual--background {
        opacity:1
    }

    .header__keyVisual--animate {
        display: none
    }
}

@media (max-height: 320px) and (min-width:600px) and (max-width:767px) {
    .header__keyVisual--background {
        opacity:1
    }

    .header__keyVisual--animate {
        display: none
    }
}

@media (max-height: 440px) and (min-width:320px) and (max-width:599px) {
    .header__keyVisual--background {
        opacity:1
    }

    .header__keyVisual--animate {
        display: none
    }
}

@media (min-width: 768px) {
    .header__keyVisual {
        top:-445px;
        left: -359px;
        width: 842px;
        height: 530px
    }
}

@media (min-width: 1280px) {
    .header__keyVisual {
        top:-527px;
        left: -427px;
        width: 980px;
        height: 612px
    }
}

.header__keyVisual img {
    width: 100%
}

.header__keyVisual svg {
    position: absolute;
    top: -696px;
    left: -777px;
    -webkit-transform: scale(.2);
    transform: scale(.2)
}

@media (min-width: 768px) {
    .header__keyVisual svg {
        position:absolute;
        top: -491px;
        left: -557px;
        -webkit-transform: scale(.4);
        transform: scale(.4)
    }
}

@media (min-width: 1280px) {
    .header__keyVisual svg {
        position:absolute;
        top: -441px;
        left: -491px;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
}

.header__logo {
    position: relative;
    float: left;
    margin: 15px 0 0 0
}

@media (min-width: 768px) {
    .header__logo {
        margin:30px 0 0 0
    }
}

.header__logo img {
    width: 87px;
    height: 100%
}

@media (min-width: 768px) {
    .header__logo img {
        width:110px
    }
}

.header__content {
    position: relative;
    float: right
}

.header__content .header__breadcrumb {
    display: table-cell;
    white-space: nowrap;
    height: 0;
    width: 0;
    overflow: hidden;
    position: relative;
    float: left;
    top: 32px
}

.header__content .header__breadcrumb .breadcrumb {
    position: static;
    float: none;
    top: 0;
    font-size: inherit
}

.header__content .header__breadcrumb ul {
    list-style: none;
    display: table-cell
}

.header__content .header__breadcrumb ul li {
    float: left;
    margin-left: 14px
}

.header__content .header__breadcrumb ul li a {
    word-wrap: break-word;
    overflow-wrap: break-word;
    text-decoration: none;
    color: #6f6f6f;
    font-family: HelveticaNeue-Medium,Arial,sans-serif;
    -webkit-tap-highlight-color: transparent;
    max-width: 100%;
    display: inline-block;
    padding-left: 12px;
    text-indent: -10px;
    text-overflow: ellipsis;
    overflow: hidden
}

.header__content .header__breadcrumb ul li a:hover {
    color: #2d4275
}

.header__content .header__breadcrumb ul li a:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 40%;
    position: relative;
    padding-right: 5px;
    padding-left: 1px;
    bottom: 1px;
    left: 1px
}

.header__content .header__breadcrumb ul li a:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 40%;
    font-size: 45%;
    bottom: 1px
}

.header__content .header__breadcrumb ul li a.current {
    color: #9c9c9c
}

@media (min-width: 768px) {
    .header__content .header__breadcrumb {
        display:block;
        height: auto;
        width: auto;
        overflow: visible
    }
}

.header__content .header__navigationToggle {
    position: relative;
    cursor: pointer;
    float: right;
    top: 17px;
    margin-left: 25px;
    color: #2d4275
}

@media (min-width: 768px) {
    .header__content .header__navigationToggle {
        top:32px;
        margin-left: 30px
    }
}

.header__content .header__navigationToggle .header__navigationToggleText {
    display: none
}

@media (min-width: 768px) {
    .header__content .header__navigationToggle .header__navigationToggleText {
        display:inline;
        margin-left: 15px;
        position: relative
    }
}

.header__content .header__navigationToggle:hover {
    color: #266693
}

.header__content .header__navigationToggle:hover .hamburger:not(.is-active) .hamburger__bar,.header__content .header__navigationToggle:hover .hamburger__bar:after,.header__content .header__navigationToggle:hover .hamburger__bar:before {
    background: #266693
}

.header__content .header__searchbarToggle {
    position: relative;
    cursor: pointer;
    float: right;
    top: 8px;
    margin-left: 25px;
    color: #2d4275;
    width: 32px
}

@media (min-width: 768px) {
    .header__content .header__searchbarToggle {
        top:23px
    }
}

.header__content .header__searchbarToggle:not(.icon-magnifier):before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 32px
}

.header__content .header__searchbarToggle:hover {
    color: #266693
}

.js-active-searchbar .header__content .header__searchbarToggle {
    color: #ddd
}

.header__content .header__userInfo {
    margin-right: 0;
    position: relative;
    float: right;
    top: 17px
}

@media (min-width: 768px) {
    .header__content .header__userInfo {
        margin-right:13px;
        top: 32px;
        white-space: nowrap
    }
}

@media (min-width: 1024px) {
    .header__content .header__userInfo {
        margin-right:8px
    }
}

.header__content .header__userInfo .header__userInfoName {
    color: #2d4275;
    display: none
}

@media (min-width: 768px) {
    .header__content .header__userInfo .header__userInfoName {
        display:inline
    }
}

.header__content .header__userInfo .header__userInfoImage {
    width: 35px;
    height: 35px;
    overflow: hidden;
    position: relative;
    float: left;
    margin-top: -10px;
    background-color: #9c9c9c;
    border-radius: 50%
}

.header__content .header__userInfo .header__userInfoImage img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    font-family: "object-fit: cover; object-position: 50% 50%"
}

@media (min-width: 768px) {
    .header__content .header__userInfo .header__userInfoImage {
        width:50px;
        height: 50px;
        margin-top: -15px;
        margin-right: 3px
    }
}

@media (min-width: 1024px) {
    .header__content .header__userInfo .header__userInfoImage {
        margin-right:0
    }
}

.header__outer {
    top: 85px;
    width: 100%;
    z-index: 2
}

.js-active-searchbar .header__outer {
    top: 165px
}

.header__outer .header__claimContainer {
    display: none;
    overflow: hidden;
    font-family: HelveticaNeue-Medium,Arial,sans-serif
}

@media (min-width: 768px) {
    .header__outer .header__claimContainer {
        position:absolute;
        right: 25px;
        color: #00e500;
        display: block;
        padding: 0 5px 5px 5px
    }

    .header__outer .header__claimContainer .header__claim {
        padding: 5px 15px;
        display: block;
        height: 100%;
        width: 100%;
        font-size: 15px;
        line-height: 20px;
        background: #6f6f6f;
        box-shadow: 0 0 5px 0 rgba(0,0,0,.5)
    }

    .header__outer .header__claimContainer .header__claim.languageSelectTrigger {
        color: #00e5e5;
        cursor: pointer;
        padding-left: 30px;
        padding-right: 20px
    }

    .header__outer .header__claimContainer .header__claim.languageSelectTrigger span:first-child {
        margin-right: 10px;
        padding-right: 10px;
        border-right: 1px solid #9c9c9c
    }

    .header__outer .header__claimContainer .header__claim.languageSelectTrigger:before {
        position: relative;
        font-family: Icons;
        font-size: 68%;
        line-height: 1;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        font-display: swap;
        text-decoration: none;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        position: absolute;
        left: 10px;
        font-size: 20px
    }
}

@media (min-width: 1300px) {
    .header__outer .header__claimContainer {
        right:15px
    }
}

.header+.content {
    margin-top: 50px;
    transition: .3s padding-top ease-in-out;
    position: relative
}

@media (min-width: 768px) {
    .header+.content {
        margin-top:85px
    }
}

.header__title {
    font-size: 18px;
    line-height: 60px;
    color: #6f6f6f;
    font-family: HelveticaNeue-Medium,Arial,sans-serif
}

.header__messages,.header__notifications {
    margin-top: 13px;
    display: inline-block;
    float: right;
    position: relative;
    margin-right: 15px;
    color: #9c9c9c!important
}

@media (min-width: 768px) {
    .header__messages,.header__notifications {
        margin-top:29px;
        margin-right: 28px
    }
}

@media (min-width: 1024px) {
    .header__messages,.header__notifications {
        margin-top:34px;
        right: 80px
    }
}

.header__messages--hasCounter:not([data-counter='0']):after,.header__notifications--hasCounter:not([data-counter='0']):after {
    content: attr(data-counter);
    display: block;
    background: #00e5e5;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    border-radius: 9px;
    height: 18px;
    min-width: 18px;
    text-align: center;
    font-family: HelveticaNeue-Light,Arial,sans-serif;
    position: absolute;
    top: -7px;
    left: 16px;
    padding: 0 4px
}

.header__notifications:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 24px
}

@media (min-width: 768px) {
    .header__notifications:before {
        font-size:28px
    }
}

.header__messages:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 24px
}

@media (min-width: 768px) {
    .header__messages:before {
        font-size:28px
    }
}

.header.js-active-searchbar+.content {
    margin-top: 130px
}

@media (min-width: 768px) {
    .header.js-active-searchbar+.content {
        margin-top:165px
    }
}

.header--keyVisualSmall .header__keyVisual--background {
    opacity: 1
}

.header--keyVisualSmall .header__keyVisual--animate {
    display: none
}

.header--simple,.header--simple .header__inner {
    height: 60px
}

.header--simple+.content {
    margin-top: 60px
}

.header--simple .header__content {
    float: none
}

.header--simple .header__backLink {
    position: absolute;
    top: 22px;
    left: 0;
    color: #2d4275;
    display: none;
    font-size: 20px;
    font-family: HelveticaNeue-Light,Arial,sans-serif
}

.header--simple .header__backLink:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 8px;
    margin-right: 3px;
    top: -2px
}

.header--simple .header__close {
    cursor: pointer;
    color: #2d4275;
    position: absolute;
    right: 0;
    top: 20px;
    display: block
}

.header--simple .header__close:hover {
    color: #266693
}

.header--simple .header__close:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 22px
}

.header--firstLevelNavigation .header__logo img {
    width: 100px
}

@media (min-width: 1280px) {
    .header--firstLevelNavigation .header__logo img {
        width:110px
    }
}

.header--firstLevelNavigation .header__content {
    float: left;
    width: calc(100% - 100px)
}

@media (min-width: 1280px) {
    .header--firstLevelNavigation .header__content {
        width:calc(100% - 110px)
    }
}

@media (min-width: 1150px) {
    [lang=de] .header--firstLevelNavigation .header__content .header__navigationToggle,[lang=en] .header--firstLevelNavigation .header__content .header__navigationToggle {
        display:none
    }
}

.header--firstLevelNavigation .header__content .header__searchbarToggle {
    top: 11px
}

@media (min-width: 768px) {
    .header--firstLevelNavigation .header__content .header__searchbarToggle {
        top:26px
    }
}

.header--firstLevelNavigation .header__content .header__searchbarToggle:before {
    font-size: 28px
}

.header--myVoith .firstLevelNavigation__item--login {
    position: absolute;
    right: 0
}

.header--myVoith .firstLevelNavigation__item--login a:before {
    display: none
}

.header--myVoith .header__userInfo {
    float: right;
    top: 15px
}

@media (min-width: 768px) {
    .header--myVoith .header__userInfo {
        top:31px
    }
}

@media (min-width: 1024px) {
    .header--myVoith .header__userInfo {
        top:38px;
        right: 80px
    }
}

.header--myVoith .header__userInfo .header__userInfoName {
    color: #9c9c9c;
    display: none
}

@media (min-width: 1024px) {
    .header--myVoith .header__userInfo .header__userInfoName {
        display:inline
    }
}

.header--myVoith .header__navigationToggle {
    margin-left: 15px
}

.header--landingPage .firstLevelNavigation__item--active {
    border-bottom: none
}

.link {
    font-family: HelveticaNeue-Medium,Arial,sans-serif;
    color: #000
}

.link--secondary {
    color: #00e5e5
}

.link--secondary:hover {
    color: #15d4f1
}

.link--internal::before {
    content: '\203A';
    margin-right: 3px
}

.mobileNavigation__header {
    position: relative;
    display: flex;
    align-items: center;
    height: 51px;
    background-color: #4f4f4f;
    border-bottom: 1px solid #9c9c9c
}

@media (min-width: 768px) {
    .mobileNavigation__header {
        height:86px
    }
}

.mobileNavigation__home {
    width: calc(100% - 90px);
    margin-left: 32px;
    color: #00e5e5;
    font-family: HelveticaNeue-Medium,Arial;
    font-size: 18px;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mobileNavigation__home:hover {
    color: #fff
}

@media (min-width: 768px) {
    .mobileNavigation__home {
        width:calc(100% - 92px);
        margin-left: 30px
    }
}

.mobileNavigation__header--showBack .mobileNavigation__home {
    position: relative;
    padding-left: 28px
}

.mobileNavigation__header--showBack .mobileNavigation__home:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 16px;
    position: absolute;
    top: 5px;
    left: 0
}

.mobileNavigation__exit {
    position: absolute;
    top: 6px;
    right: 21px;
    padding: 5px;
    color: #00e5e5;
    font-size: 30px
}

.mobileNavigation__exit:hover {
    color: #fff
}

@media (min-width: 768px) {
    .mobileNavigation__exit {
        top:20px
    }
}

.mobileNavigation__exit:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 22px
}

.mobileNavigation__sites {
    position: relative;
    left: 0;
    margin-bottom: -1px
}

@media (min-width: 1024px) {
    .mobileNavigation__sites {
        display:none
    }
}

.mobileNavigation__sites .mobileNavigation__level {
    width: 330px;
    list-style: none;
    margin: 0;
    padding: 0
}

@media (min-width: 768px) {
    .mobileNavigation__sites .mobileNavigation__level {
        width:430px
    }
}

@media (min-width: 1280px) {
    .mobileNavigation__sites .mobileNavigation__level {
        width:430px
    }
}

.mobileNavigation__sites .mobileNavigation__level a:not(.btn) {
    font-family: HelveticaNeue-Medium,Arial,sans-serif
}

.mobileNavigation__sites .mobileNavigation__level .mobileNavigation__level a:not(.btn) {
    font-family: HelveticaNeue-Light,Arial,sans-serif
}

.mobileNavigation__sites .mobileNavigation__level:not(:first-child) {
    position: absolute;
    top: 0;
    left: 330px
}

@media (min-width: 768px) {
    .mobileNavigation__sites .mobileNavigation__level:not(:first-child) {
        left:430px
    }
}

@media (min-width: 1280px) {
    .mobileNavigation__sites .mobileNavigation__level:not(:first-child) {
        left:430px
    }
}

.mobileNavigation__site {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #9c9c9c;
    font-size: 18px;
    list-style-type: none
}

.mobileNavigation__site[data-name=contact],.mobileNavigation__site[data-name=login],.mobileNavigation__site[data-name=topics] {
    display: none
}

.mobileNavigation__site.mobileNavigation--category a:not(.btn) {
    color: #2d4275
}

.mobileNavigation__site.mobileNavigation--category a:not(.btn):after {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    position: relative;
    margin-left: 15px;
    font-size: 13px;
    color: #2d4275
}

.mobileNavigation__site--category {
    display: none
}

@media (min-width: 1024px) {
    .mobileNavigation__site--category {
        display:list-item
    }
}

.mobileNavigation__site--cta {
    padding: 0!important
}

.mobileNavigation__site--cta .btn {
    position: relative;
    display: block;
    text-align: left;
    padding: 10px 47px 10px 30px;
    background: #15d4f1;
    border-color: #15d4f1;
    font-size: 18px;
    text-transform: none
}

.mobileNavigation__site--cta .btn:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    position: absolute;
    top: 50%;
    right: 27px;
    margin-top: -9px;
    font-size: 20px
}

.mobileNavigation__site--service a:not(.btn) {
    font-family: HelveticaNeue-Light,Arial,sans-serif!important
}

.mobileNavigation__site a:not(.btn) {
    display: block;
    padding: 10px 18px 10px 32px;
    color: #4f4f4f;
    font-family: HelveticaNeue-Light,Arial,sans-serif;
    word-wrap: break-word;
    overflow-wrap: break-word
}

@media (min-width: 768px) {
    .mobileNavigation__site a:not(.btn) {
        padding:11px 30px 8px
    }
}

.mobileNavigation__site a:not(.btn):hover:not(.mobileNavigation--active) {
    background-color: #4f4f4f;
    color: #00e5e5
}

.touchevents .mobileNavigation__site a:not(.btn):hover {
    background-color: transparent;
    color: #202020
}

.mobileNavigation__site--cta {
    padding: 20px 30px
}

.mobileNavigation__site--cta a {
    margin: 0
}

.mobileNavigation__site--selected a {
    position: relative;
    font-family: HelveticaNeue-Medium,Arial,sans-serif
}

.mobileNavigation__site--selected a:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    position: absolute;
    top: 50%;
    right: 30px;
    margin-top: -5px;
    font-size: 90%
}

.mobileNavigation--category {
    padding-top: 20px
}

.mobileNavigation--category-nolink {
    padding: 30px 18px 10px 32px;
    font-family: HelveticaNeue-Medium,Arial,sans-serif!important;
    color: #4f4f4f
}

.mobileNavigation--category>a:not(.btn) {
    font-family: HelveticaNeue-Medium,Arial,sans-serif!important
}

.mobileNavigation--hasChildren>a {
    position: relative;
    padding-right: 50px!important
}

@media (min-width: 768px) {
    .mobileNavigation--hasChildren>a {
        padding-right:30px
    }
}

.mobileNavigation--hasChildren>a:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    position: absolute;
    top: 50%;
    right: 30px;
    margin-top: -9px;
    font-size: 20px
}

.mobileNavigation--active {
    cursor: default;
    border-left: 15px solid #4f4f4f;
    padding-left: 17px!important
}

.mobileNavigation--legacy .mobileNavigation__site a:not(.btn) {
    font-family: HelveticaNeue-Medium,Arial,sans-serif
}

.mobileNavigation__error {
    color: red
}

.mobileNavigation__footer {
    position: relative;
    left: 0
}

.mobileNavigation__footer--wrapper {
    position: absolute;
    bottom: 2px
}

@media screen and (orientation: landscape) {
    .mobileNavigation__footer--wrapper.language-selection-shown .mobileNavigation__site {
        position:relative!important;
        bottom: 0!important
    }
}

.mobileNavigation__footer--wrapper.pos-relative {
    position: relative
}

.mobileNavigation__footer--wrapper.language-selection-shown {
    bottom: auto;
    top: -45px;
    height: calc(100vh - 50px)
}

.mobileNavigation__footer--wrapper.language-selection-shown>li {
    position: absolute;
    width: 100%;
    bottom: 52px
}

.mobileNavigation__footer--wrapper.language-selection-shown>li:last-child {
    bottom: 3px
}

.mobileNavigation__footer>ul {
    list-style: none;
    margin-top: 45px!important;
    padding: 0;
    border-top: 1px solid #9c9c9c
}

.mobileNavigation__footer .mobileNavigation__level,.mobileNavigation__footer ul {
    width: 330px;
    list-style: none;
    margin: 0;
    padding: 0
}

.mobileNavigation__footer .mobileNavigation__level.languageSelect,.mobileNavigation__footer ul.languageSelect {
    margin-top: 18px
}

@media (min-width: 768px) {
    .mobileNavigation__footer .mobileNavigation__level,.mobileNavigation__footer ul {
        width:430px
    }
}

@media (min-width: 1280px) {
    .mobileNavigation__footer .mobileNavigation__level,.mobileNavigation__footer ul {
        width:430px
    }
}

.mobileNavigation__footer .mobileNavigation__level:not(:first-child),.mobileNavigation__footer ul:not(:first-child) {
    position: absolute;
    top: 0;
    left: 330px
}

.mobileNavigation__footer .mobileNavigation__level:not(:first-child).languageSelect .col,.mobileNavigation__footer ul:not(:first-child).languageSelect .col {
    margin-top: -20px
}

.mobileNavigation__footer .mobileNavigation__level:not(:first-child).languageSelect .languageSelect__container,.mobileNavigation__footer ul:not(:first-child).languageSelect .languageSelect__container {
    margin: 0
}

.mobileNavigation__footer .mobileNavigation__level:not(:first-child).languageSelect .languageSelect__container .languageSelect__label,.mobileNavigation__footer .mobileNavigation__level:not(:first-child).languageSelect .languageSelect__container .languageSelect__title,.mobileNavigation__footer ul:not(:first-child).languageSelect .languageSelect__container .languageSelect__label,.mobileNavigation__footer ul:not(:first-child).languageSelect .languageSelect__container .languageSelect__title {
    color: #4f4f4f;
    margin-bottom: 15px
}

.mobileNavigation__footer .mobileNavigation__level:not(:first-child).languageSelect .languageSelect__container .list,.mobileNavigation__footer ul:not(:first-child).languageSelect .languageSelect__container .list {
    position: relative;
    top: auto;
    left: auto
}

.mobileNavigation__footer .mobileNavigation__level:not(:first-child).languageSelect .languageSelect__container a,.mobileNavigation__footer ul:not(:first-child).languageSelect .languageSelect__container a {
    font-family: HelveticaNeue-Light,Arial,sans-serif;
    padding: 0
}

.mobileNavigation__footer .mobileNavigation__level:not(:first-child).languageSelect .languageSelect__container a:hover,.mobileNavigation__footer ul:not(:first-child).languageSelect .languageSelect__container a:hover {
    background: 0 0
}

.mobileNavigation__footer .mobileNavigation__level:not(:first-child).languageSelect .languageSelect__container img,.mobileNavigation__footer ul:not(:first-child).languageSelect .languageSelect__container img {
    width: 100%
}

@media (min-width: 768px) {
    .mobileNavigation__footer .mobileNavigation__level:not(:first-child),.mobileNavigation__footer ul:not(:first-child) {
        left:430px
    }
}

@media (min-width: 1280px) {
    .mobileNavigation__footer .mobileNavigation__level:not(:first-child),.mobileNavigation__footer ul:not(:first-child) {
        left:430px
    }
}

.firstLevelNavigation {
    white-space: nowrap;
    float: left;
    margin-top: 33px;
    height: auto;
    width: auto;
    overflow: visible
}

@media (min-width: 1150px) {
    [lang=de] .firstLevelNavigation,[lang=en] .firstLevelNavigation {
        width:calc(100% - 60px)
    }
}

@media (min-width: 1024px) {
    .firstLevelNavigation {
        margin-top:18px
    }
}

.firstLevelNavigation__mainNav {
    display: none
}

@media (min-width: 768px) {
    .firstLevelNavigation__mainNav {
        display:block
    }
}

.firstLevelNavigation__serviceNav {
    display: none;
    float: right
}

@media (min-width: 1150px) {
    [lang=de] .firstLevelNavigation__serviceNav,[lang=en] .firstLevelNavigation__serviceNav {
        display:block
    }
}

.firstLevelNavigation__serviceNav [data-name=contact],.firstLevelNavigation__serviceNav [data-name=login] {
    display: none
}

.firstLevelNavigation__serviceNav a {
    font-size: 13px
}

.firstLevelNavigation__list {
    list-style: none;
    display: table-cell;
    padding-left: 25px
}

@media (min-width: 1024px) {
    .firstLevelNavigation__list {
        display:block;
        width: 100%
    }
}

@media (min-width: 1280px) {
    .firstLevelNavigation__list {
        padding-left:30px
    }
}

.firstLevelNavigation__item {
    float: left;
    padding: 5px 0;
    margin-left: 25px
}

@media (min-width: 1280px) {
    .firstLevelNavigation__item {
        margin-left:25px
    }
}

.firstLevelNavigation__item:first-child {
    margin-left: 0
}

.firstLevelNavigation__item:hover {
    color: #266693
}

.firstLevelNavigation__item--active {
    border-bottom: 1px solid #2d4275
}

.firstLevelNavigation__item--active:hover {
    border-color: #266693
}

.firstLevelNavigation__item--activeHidden {
    border-bottom: none!important
}

.firstLevelNavigation__item--highlighted {
    position: relative
}

.firstLevelNavigation__item--highlighted a {
    color: #266693!important
}

.firstLevelNavigation__item--highlighted:after {
    content: "";
    display: block;
    width: 100%;
    height: 5px;
    background: #4f4f4f;
    left: 0;
    bottom: -22px;
    position: absolute
}

.firstLevelNavigation__item--login {
    margin-left: 20px
}

@media (min-width: 1280px) {
    .firstLevelNavigation__item--login {
        margin-left:30px
    }
}

.firstLevelNavigation__item--footerItem,.firstLevelNavigation__item--footerItem a {
    color: #9c9c9c!important
}

.firstLevelNavigation__item--footerItem a:hover,.firstLevelNavigation__item--footerItem:hover {
    color: #266693!important
}

.header__content .languageSelectTrigger {
    white-space: nowrap;
    position: relative;
    float: right;
    top: 17px;
    height: auto;
    width: auto;
    overflow: visible;
    color: #9c9c9c;
    cursor: pointer;
    margin-left: 20px;
    display: block
}

.header__content .languageSelectTrigger:hover {
    color: #266693
}

@media (min-width: 768px) {
    .header__content .languageSelectTrigger {
        top:32px
    }
}

@media (min-width: 1024px) {
    .header__content .languageSelectTrigger {
        top:36px
    }
}

@media (min-width: 1280px) {
    .header__content .languageSelectTrigger {
        margin-left:25px
    }
}

.languageSelect__title {
    display: block
}

.footer .languageSelect__title {
    font-size: 17px
}

.languageSelect__btn {
    display: inline-block;
    margin-top: 0
}

.languageSelect__languageSelect {
    display: none
}

.languageSelect__languageSelect.is-visible {
    display: inline-block
}

.languageSelect__languageSelect[disabled] {
    cursor: default;
    color: #ddd
}

.languageSelect__container {
    margin: 0 30px;
    padding: 23px 0 30px;
    border-top: 1px solid #ddd
}

.languageSelect__container:first-child {
    border: none
}

.footer .languageSelect__container {
    margin: 0;
    padding: 8px 0;
    border-top: none
}

.footer .languageSelect__container:first-child {
    padding-top: 0
}

.footer .languageSelect__container:last-child {
    padding-bottom: 0
}

.languageSelect__infotext {
    font-family: HelveticaNeue-Light,Arial,sans-serif;
    padding-left: 31px;
    text-indent: -31px;
    color: #6f6f6f;
    font-size: 15px;
    line-height: 1.33333
}

.languageSelect__infotext i {
    font-size: 38px;
    line-height: 1;
    position: relative;
    top: 4px;
    left: -2px
}

.footer .languageSelect__infotext {
    display: none
}

.languageSelect__label {
    display: block;
    color: #6f6f6f;
    margin-right: 10px;
    margin-top: 4px;
    margin-bottom: 4px
}

.footer .languageSelect__label {
    font-size: 17px
}

.footer .languageSelect__select {
    max-width: 75%
}

.languageSelect--flyout {
    padding-bottom: 25px
}

.languageSelect--flyout:after,.languageSelect--flyout:before {
    content: " ";
    display: table
}

.languageSelect--flyout:after {
    clear: both
}

.languageSelect--flyout .languageSelect__title {
    width: 100%;
    color: #fff;
    font-family: HelveticaNeue-Light,Arial,sans-serif;
    font-size: 18px;
    margin-bottom: 18px
}

.languageSelect--flyout>.languageSelect__title {
    padding-left: 20px
}

.languageSelect--flyout .languageSelect__container {
    width: calc(100% - 40px);
    float: left;
    border-top: none;
    border-bottom: 1px solid #9c9c9c;
    padding-bottom: 30px;
    margin-bottom: 15px;
    margin-left: 20px;
    margin-right: 20px
}

.languageSelect--flyout .languageSelect__container .languageSelect__label {
    display: block;
    color: #fff;
    font-family: HelveticaNeue-Light,Arial,sans-serif;
    font-size: 18px;
    margin-bottom: 18px
}

.languageSelect--flyout .languageSelect__container .selectbox {
    width: 342px;
    font-size: 18px;
    margin-right: 10px
}

.languageSelect--flyout .languageSelect__container:last-child {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none
}

.languageSelect--flyout .languageSelect__container .languageSelect__label {
    display: block;
    margin-top: 0;
    margin-bottom: 21px
}

.languageSelect--flyout .languageSelect__container .languageSelect__infotext {
    color: #ddd;
    top: 0;
    padding: 5px 0 0;
    text-indent: -3px
}

.languageSelect--flyout .languageSelect__btn {
    font-family: HelveticaNeue-Medium,Arial,sans-serif!important;
    padding: 8px 18px!important;
    background: #00e5e5;
    color: #fff!important;
    border: none;
    margin-top: 0!important;
    margin-bottom: 10px!important;
    margin-right: 10px
}

.languageSelect--flyout .languageSelect__btn:hover {
    background-color: #15d4f1!important
}

.languageSelect--flyout .languageSelect__btn.is-disabled {
    background-color: #ddd;
    border-color: #ddd
}

.languageSelect--flyout .languageSelect__btn.is-disabled:hover {
    background-color: #ddd!important
}

.languageSelect--flyout .list--link>li>a:hover {
    text-shadow: none;
    color: #4f4f4f
}

@media (min-width: 1024px) {
    .languageSelect--flyout .list--link>li>a:hover {
        color:#fff!important;
        background: 0 0
    }
}

.breadcrumb {
    display: none;
    white-space: nowrap;
    position: relative;
    float: left;
    padding-top: 32px;
    margin-bottom: -68px;
    font-size: 15px
}

@media (min-width: 768px) {
    .breadcrumb {
        display:block
    }
}

.breadcrumb__wrap {
    margin-left: 10px;
    margin-right: 10px
}

.breadcrumb__wrap:after {
    content: " ";
    display: block;
    clear: both
}

@media (min-width: 768px) {
    .breadcrumb__wrap {
        margin-left:30px;
        margin-right: 30px
    }
}

@media (min-width: 1300px) {
    .breadcrumb__wrap {
        max-width:1260px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 20px;
        padding-right: 20px
    }
}

.breadcrumb ul {
    list-style: none;
    display: table-cell;
    padding-left: 0
}

.breadcrumb ul li {
    float: left;
    margin-right: 14px
}

.breadcrumb ul li a {
    word-wrap: break-word;
    overflow-wrap: break-word;
    text-decoration: none;
    color: #2d4275;
    font-family: HelveticaNeue-Medium,Arial,sans-serif;
    -webkit-tap-highlight-color: transparent;
    max-width: 100%;
    display: inline-block;
    padding-left: 12px;
    text-indent: -10px;
    overflow: hidden;
    padding-left: 25px
}

.breadcrumb ul li a:hover {
    color: #266693
}

.breadcrumb ul li a:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 40%;
    position: relative;
    padding-right: 5px;
    padding-left: 1px;
    bottom: 1px;
    left: 1px
}

.breadcrumb ul li a:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 40%;
    color: #6f6f6f!important;
    padding-right: 0;
    font-size: 100%;
    bottom: -2px;
    left: -15px
}

.breadcrumb ul li a.current {
    color: #6f6f6f
}

.breadcrumb ul li:first-child a {
    padding-left: 10px
}

.breadcrumb ul li:first-child a:before {
    display: none
}

.h1 {
    word-wrap: break-word;
    overflow-wrap: break-word
}

.h1 .h1__overline {
    margin-top: -8px
}

@media (min-width: 768px) {
    .h1 .h1__overline {
        margin-top:-5px
    }
}

.h1 h1 {
    margin-top: -10px
}

@media (min-width: 768px) {
    .h1 h1 {
        margin-top:-20px
    }
}

.h1 .h1__overline+h1 {
    margin-top: 10px
}

@media (min-width: 768px) {
    .h1 .h1__overline+h1 {
        margin-top:30px
    }
}

@media (min-width: 768px) {
    .h1 .h1__overline+h1 {
        margin-top:22px
    }
}

.h2 {
    margin-bottom: -10px;
    word-wrap: break-word;
    overflow-wrap: break-word
}

.h2 h2 {
    margin-top: -6px
}

@media (min-width: 768px) {
    .h2 h2 {
        margin-top:-10px
    }
}

.h2--anchor {
    position: relative
}

.h2--anchor h2,.h2--anchor h5 {
    text-indent: 46px
}

@media (min-width: 768px) {
    .h2--anchor h2,.h2--anchor h5 {
        text-indent:0;
        padding-left: 45px
    }
}

.h2--anchor h5 {
    text-indent: 0
}

.h2__anchorContainer {
    width: 100%;
    position: absolute;
    top: 5px;
    left: 0
}

@media (min-width: 768px) {
    .h2__anchorContainer {
        top:0
    }
}

.h2__anchorHeadlineIcon {
    width: 30px;
    height: 30px;
    display: block;
    position: relative;
    color: #2d4275;
    cursor: pointer;
    z-index: 1
}

.h2__anchorHeadlineIcon:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 30px
}

.h2__anchorHeadlineIconPulse {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    display: block;
    background-color: transparent;
    border: 3px solid transparent;
    border-radius: 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.h2--anchor.is-inViewport .h2__anchorHeadlineIconPulse {
    -webkit-animation: pulsing 1.3s linear;
    animation: pulsing 1.3s linear;
    -webkit-animation-iteration-count: 3;
    animation-iteration-count: 3
}

.h2__anchorHeadlineIcon,.h2__anchorHeadlineIconPulse {
    top: 1px;
    left: 0
}

@media (min-width: 768px) {
    .h2__anchorHeadlineIcon,.h2__anchorHeadlineIconPulse {
        top:6px
    }
}

@media (min-width: 1280px) {
    .h2__anchorHeadlineIcon,.h2__anchorHeadlineIconPulse {
        top:16px
    }
}

.h2__anchorContent {
    display: none;
    position: absolute;
    left: -10px;
    right: -10px;
    top: -18px;
    background-color: #6f6f6f;
    z-index: 100;
    list-style-type: none;
    margin: 0;
    padding: 0 20px 0 58px
}

@media (min-width: 768px) {
    .h2__anchorContent {
        padding:0 20px 0 70px;
        top: -18px;
        left: -20px;
        right: -20px
    }
}

@media (min-width: 1024px) {
    .h2__anchorContent {
        top:-12px
    }
}

@media (min-width: 1280px) {
    .h2__anchorContent {
        top:-3px
    }
}

.h2__anchorContent--small {
    padding-left: 20px;
    padding-top: 45px
}

.h2__anchorListLink {
    color: #fff;
    display: inline-block;
    width: 100%;
    font-size: 18px;
    line-height: 28px;
    padding-bottom: 15px
}

@media (min-width: 1280px) {
    .h2__anchorListLink {
        font-size:25px;
        line-height: 32px
    }
}

.h2__anchorListLink:hover {
    color: #ddd
}

.h2__anchorListItem:last-child .h2__anchorListLink {
    padding-bottom: 23px
}

.h2__anchorListItem:first-child .h2__anchorListLink {
    padding-top: 23px
}

.h2__anchorListItem--active .h2__anchorListLink {
    color: #00e5e5
}

.h2__anchorListItem--active .h2__anchorListLink:hover {
    color: #00e5e5
}

.h2__anchorListIcon {
    position: absolute;
    width: 30px;
    height: 30px;
    display: block;
    left: 10px;
    top: 20px;
    cursor: pointer
}

@media (min-width: 768px) {
    .h2__anchorListIcon {
        left:20px
    }
}

.h2__anchorListIcon:after {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 30px;
    color: #fff
}

@-webkit-keyframes pulsing {
    0% {
        -webkit-transform: scale(.9);
        transform: scale(.9);
        border-color: rgba(45,66,117,0)
    }

    10% {
        border-color: rgba(45,66,117,.5)
    }

    70% {
        -webkit-transform: scale(1.7);
        transform: scale(1.7);
        border-color: rgba(45,66,117,.5)
    }

    90% {
        -webkit-transform: scale(1.7);
        transform: scale(1.7);
        border-color: rgba(45,66,117,0)
    }

    100% {
        -webkit-transform: scale(.9);
        transform: scale(.9);
        border-color: rgba(45,66,117,0)
    }
}

@keyframes pulsing {
    0% {
        -webkit-transform: scale(.9);
        transform: scale(.9);
        border-color: rgba(45,66,117,0)
    }

    10% {
        border-color: rgba(45,66,117,.5)
    }

    70% {
        -webkit-transform: scale(1.7);
        transform: scale(1.7);
        border-color: rgba(45,66,117,.5)
    }

    90% {
        -webkit-transform: scale(1.7);
        transform: scale(1.7);
        border-color: rgba(45,66,117,0)
    }

    100% {
        -webkit-transform: scale(.9);
        transform: scale(.9);
        border-color: rgba(45,66,117,0)
    }
}

.h3 {
    word-wrap: break-word;
    overflow-wrap: break-word
}

.h3 h3 {
    margin-top: -7px
}

.h3 h3+h3 {
    margin-top: 10px
}

.introtext {
    margin-bottom: -5px
}

.introtext p {
    margin-top: 15px
}

@media (min-width: 1024px) {
    .introtext p {
        margin-top:35px
    }
}

.introtext p:first-child {
    margin-top: -10px
}

.freetext {
    margin-bottom: -5px
}

@media (min-width: 768px) {
    .col:not(.col--medium-4):not(.col--medium-6):not(.col--medium-8) .textcontainer.textcontainer--float>:not(.image):not(.videoplayer) {
        width:66.66667%;
        float: left;
        padding-left: 20px;
        padding-right: 20px;
        float: none;
        margin-left: 33.33333%
    }

    .col:not(.col--medium-4):not(.col--medium-6):not(.col--medium-8) .textcontainer.textcontainer--float-50>:not(.image):not(.videoplayer) {
        width: 50%;
        float: left;
        padding-left: 20px;
        padding-right: 20px;
        float: none;
        margin-left: 50%
    }
}

.textcontainer:after,.textcontainer:before {
    content: " ";
    display: table
}

.textcontainer:after {
    clear: both
}

.textcontainer--float .image,.textcontainer--float .videoplayer {
    margin-top: 0
}

@media (min-width: 768px) {
    .col:not(.col--medium-4):not(.col--medium-6):not(.col--medium-8) .textcontainer--float:not(.textcontainer--cyan):not(.textcontainer--white):not(.textcontainer--green):not(.textcontainer--magenta) {
        margin-left:-20px;
        margin-right: -20px
    }

    .col:not(.col--medium-4):not(.col--medium-6):not(.col--medium-8) .textcontainer--float .image,.col:not(.col--medium-4):not(.col--medium-6):not(.col--medium-8) .textcontainer--float .videoplayer {
        margin-top: 0;
        width: 33.33333%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col:not(.col--medium-4):not(.col--medium-6):not(.col--medium-8) .textcontainer--float .image+*,.col:not(.col--medium-4):not(.col--medium-6):not(.col--medium-8) .textcontainer--float .videoplayer+* {
        margin-top: 0
    }

    .col:not(.col--medium-4):not(.col--medium-6):not(.col--medium-8) .textcontainer--float .image+.h3,.col:not(.col--medium-4):not(.col--medium-6):not(.col--medium-8) .textcontainer--float .videoplayer+.h3 {
        margin-top: -5px
    }

    .col:not(.col--medium-4):not(.col--medium-6):not(.col--medium-8) .textcontainer--float-50 .image,.col:not(.col--medium-4):not(.col--medium-6):not(.col--medium-8) .textcontainer--float-50 .videoplayer {
        width: 50%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }
}

.textcontainer--cyan,.textcontainer--green,.textcontainer--magenta,.textcontainer--white {
    background-color: #6f6f6f;
    color: #fff;
    padding: 30px 10px
}

@media (min-width: 1024px) {
    .textcontainer--cyan,.textcontainer--green,.textcontainer--magenta,.textcontainer--white {
        padding:50px 30px
    }
}

.textcontainer--cyan>:first-child,.textcontainer--green>:first-child,.textcontainer--magenta>:first-child,.textcontainer--white>:first-child {
    margin-top: 0!important
}

.textcontainer--cyan h3 {
    color: #00e5e5
}

.textcontainer--cyan h4 {
    color: #fff
}

.textcontainer--magenta h3 {
    color: #fff
}

.textcontainer--magenta h4 {
    color: #fff
}

.textcontainer--green h3 {
    color: #00e500
}

.textcontainer--green h4 {
    color: #fff
}

.textcontainer--white h3,.textcontainer--white h4 {
    color: #fff
}

.image img {
    width: 100%
}

.heroImage {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 80px
}

.heroImage:after,.heroImage:before {
    content: " ";
    display: table
}

.heroImage:after {
    clear: both
}

@media (min-width: 768px) {
    .heroImage {
        margin-top:100px
    }
}

.heroImage figure {
    margin: 0
}

.heroImage__dimmer {
    background: #000;
    width: 100%;
    position: absolute;
    top: 0;
    opacity: .3;
    height: 100%;
    z-index: 1
}

.heroImage__image {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
    display: block
}

.heroImage__image .picture {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.heroImage__image .picture img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    font-family: "object-fit: cover; object-position: 50% 50%"
}

.heroImage__captionRow {
    max-width: 1220px;
    margin-left: auto;
    margin-right: auto;
    padding: 15px 10px 0
}

.heroImage__captionRow:after {
    content: " ";
    display: block;
    clear: both
}

.heroImage__captionRow .heroImage__caption {
    color: #9c9c9c;
    font-size: 18px;
    line-height: 1.55556
}

@media (min-width: 768px) {
    .heroImage__captionRow .heroImage__caption {
        width:100%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (min-width: 1024px) {
    .heroImage__captionRow .heroImage__caption {
        width:66.66667%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (min-width: 1280px) {
    .heroImage__captionRow .heroImage__caption {
        font-size:20px;
        line-height: 25px
    }
}

.heroImage__captionRow,.heroImage__figureRow {
    margin: 0 auto
}

@media (min-width: 768px) {
    .heroImage__captionRow,.heroImage__figureRow {
        max-width:none
    }
}

.heroImage--full {
    margin-left: -10px;
    margin-right: -10px;
    min-height: 200px
}

@media (min-width: 320px) {
    .heroImage--full {
        margin-right:0;
        margin-left: -50vw;
        width: 100vw;
        left: 50%;
        position: relative
    }

    .scrollbarShown .heroImage--full {
        width: calc(100vw - 16px);
        margin-left: calc(-50vw + 8px)
    }

    .edge .scrollbarShown .heroImage--full {
        width: calc(100vw - 12px);
        margin-left: calc(-50vw + 6px)
    }
}

.heroImage--figures {
    position: relative;
    padding: 25px 0
}

@media (min-width: 768px) {
    .heroImage--figures {
        padding:0
    }
}

.heroImage--figures .heroImage__image {
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

@media (min-width: 768px) {
    .heroImage--figures .heroImage__image {
        display:block
    }
}

.heroImage--figures .heroImage__image:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background-color: #000;
    opacity: .3
}

.heroImage--figures .heroImage__figureRow {
    position: relative;
    padding: 0 10px 0;
    z-index: 2;
    max-width: 400px
}

@media (min-width: 768px) {
    .heroImage--figures .heroImage__figureRow {
        max-width:none
    }
}

.heroImage--figures .heroImage__figureColItem {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 18px 0
}

@media (min-width: 768px) {
    .heroImage--figures .heroImage__figureColItem {
        padding:0
    }
}

.heroImage--figures .heroImage__figureCol:first-child+.heroImage__figureCol .heroImage__figureColItem:first-child {
    padding-top: 30px
}

@media (min-width: 768px) {
    .heroImage--figures .heroImage__figureCol:first-child+.heroImage__figureCol .heroImage__figureColItem:first-child {
        padding-top:0
    }
}

@media (min-width: 768px) {
    .heroImage--figures .heroImage__figureRow {
        display:flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 0 120px
    }

    .heroImage--figures .heroImage__figureCol {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        overflow: hidden;
        margin-left: 20px;
        margin-right: 20px
    }

    .heroImage--figures .heroImage__figureCol:first-child {
        margin-left: 0
    }

    .heroImage--figures .heroImage__figureCol:last-child {
        margin-right: 0
    }
}

.heroImage--figuresTransparentBackground .heroImage__image:after {
    background-color: transparent
}

.heroImage--figuresTransparentBackground .figure__headline {
    border-bottom: 1px solid #6f6f6f
}

@media (max-width: 499px) {
    .heroImage--figuresTransparentBackground .figure__headline {
        font-size:50px!important;
        border-bottom: 1px solid #ddd
    }
}

@media (min-width: 768px) {
    .heroImage--2perrow .heroImage__figureCol--1percol .heroImage__figureColItem,.heroImage--3perrow .heroImage__figureCol--1percol .heroImage__figureColItem {
        height:100%
    }
}

@media (min-width: 768px) {
    .crunchingRow__figureRow {
        display:flex;
        flex-direction: row;
        justify-content: space-between
    }
}

.crunchingRow__figureCol {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    overflow: hidden;
    width: calc(100vw - 36px);
    margin-top: 30px
}

@media (min-width: 768px) {
    .crunchingRow__figureCol {
        margin:0 20px
    }

    .crunchingRow__figureCol:first-child {
        margin-left: 0
    }

    .crunchingRow__figureCol:last-child {
        margin-right: 0
    }
}

.crunchingRow--figures {
    padding: 0
}

.crunchingRow .figure {
    height: 100%
}

.crunchingRow .figure__headline {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    border-bottom: none
}

.crunchingRow .figure__headlineWrap {
    position: relative;
    height: 50%;
    border-bottom: 1px solid #ddd
}

.vjs-playlist-wrapper {
    position: absolute;
    left: auto;
    right: 0;
    margin: 0;
    display: flex;
    transition: all 1s ease
}

.vjs-playlist-wrapper.is-hidden {
    right: -317px
}

@media (min-width: 1280px) {
    .vjs-playlist-wrapper.is-hidden {
        right:-397px
    }
}

.col--medium-8 .vjs-playlist-wrapper.is-hidden {
    right: -217px
}

@media (min-width: 1280px) {
    .col--medium-8 .vjs-playlist-wrapper.is-hidden {
        right:-306px
    }
}

.col--medium-6 .vjs-playlist-wrapper.is-hidden {
    right: -157px
}

@media (min-width: 1280px) {
    .col--medium-6 .vjs-playlist-wrapper.is-hidden {
        right:-257px
    }
}

.col--medium-4 .vjs-playlist-wrapper.is-hidden {
    right: -117px
}

@media (min-width: 1280px) {
    .col--medium-4 .vjs-playlist-wrapper.is-hidden {
        right:-157px
    }
}

.vjs-playlist-wrapper .vjs-playlist-show-hide {
    height: 50px;
    width: 50px;
    padding: 15px 10px 10px!important;
    background-color: #fff;
    opacity: .6;
    transition: all 1s ease;
    cursor: pointer;
    display: none
}

@media (min-width: 768px) {
    .vjs-playlist-wrapper .vjs-playlist-show-hide {
        display:block
    }
}

.vjs-playlist-wrapper .vjs-playlist-show-hide .hamburger {
    cursor: pointer;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border-style: solid;
    border-color: transparent;
    color: #2d4275
}

.vjs-playlist {
    overflow: scroll;
    overflow-x: hidden;
    background-color: transparent;
    display: none;
    padding: 15px 5px;
    background-color: rgba(255,255,255,.6)
}

@media (min-width: 768px) {
    .vjs-playlist {
        display:block
    }
}

.vjs-playlist .vjs-up-next .vjs-up-next-text {
    display: none
}

.vjs-playlist.vjs-mouse {
    padding: 15px 5px;
    background-color: rgba(255,255,255,.6)
}

.vjs-playlist.vjs-mouse .vjs-up-next .vjs-up-next-text {
    display: none
}

.vjs-playlist .vjs-playlist-title-container {
    background: rgba(255,255,255,.6);
    width: 100%;
    padding: .4rem .8rem
}

.col--medium-4 .vjs-playlist .vjs-playlist-title-container {
    display: none
}

.vjs-playlist .vjs-playlist-title-container .vjs-playlist-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.vjs-playlist .vjs-playlist-item-list {
    height: auto
}

.vjs-playlist .vjs-playlist-item-list .vjs-playlist.vjs-mouse .vjs-selected,.vjs-playlist .vjs-playlist-item-list .vjs-selected {
    background-color: #2d4275
}

.vjs-playlist .vjs-playlist-name {
    font-family: HelveticaNeue-Light,Arial,sans-serif;
    width: 100%;
    color: #2d4275;
    text-shadow: none;
    padding-bottom: 0;
    font-size: 18px;
    line-height: 28px
}

.col--medium-4 .vjs-playlist .vjs-playlist-name,.col--medium-6 .vjs-playlist .vjs-playlist-name,.col--medium-8 .vjs-playlist .vjs-playlist-name {
    font-size: 15px;
    line-height: 20px
}

.vjs-playlist .vjs-playlist-name .col--medium-4 {
    display: none
}

.vjs-playlist .vjs-playlist-item {
    width: 290px
}

@media (min-width: 1280px) {
    .vjs-playlist .vjs-playlist-item {
        width:370px
    }
}

.col--medium-8 .vjs-playlist .vjs-playlist-item {
    width: 190px
}

@media (min-width: 1280px) {
    .col--medium-8 .vjs-playlist .vjs-playlist-item {
        width:279px
    }
}

.col--medium-6 .vjs-playlist .vjs-playlist-item {
    width: 130px
}

@media (min-width: 1280px) {
    .col--medium-6 .vjs-playlist .vjs-playlist-item {
        width:230px
    }
}

.col--medium-4 .vjs-playlist .vjs-playlist-item {
    width: 190px
}

@media (min-width: 1280px) {
    .col--medium-4 .vjs-playlist .vjs-playlist-item {
        width:260px
    }
}

.col--medium-4 .vjs-playlist .vjs-playlist-item.vjs-selected .vjs-playlist-thumbnail .vjs-playlist-now-playing-text,.col--medium-6 .vjs-playlist .vjs-playlist-item.vjs-selected .vjs-playlist-thumbnail .vjs-playlist-now-playing-text,.col--medium-8 .vjs-playlist .vjs-playlist-item.vjs-selected .vjs-playlist-thumbnail .vjs-playlist-now-playing-text {
    display: none
}

.vjs-playlist .vjs-playlist-item:after {
    color: #fff;
    opacity: .6;
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    position: absolute;
    top: 19%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    display: block;
    cursor: pointer;
    font-size: 80px
}

.col--medium-6 .vjs-playlist .vjs-playlist-item:after,.col--medium-8 .vjs-playlist .vjs-playlist-item:after {
    font-size: 50px
}

.col--medium-4 .vjs-playlist .vjs-playlist-item:after {
    font-size: 45px
}

.vjs-playlist .vjs-playlist-item+.vjs-playlist-item {
    margin-top: 10px
}

.vjs-playlist .vjs-playlist-item:last-child {
    margin-bottom: 15px
}

.vjs-playlist .vjs-playlist-now-playing-text {
    display: none!important
}

.vjs-playlist .vjs-playlist-duration {
    display: none
}

.videoplayer {
    position: relative
}

.videoplayer img {
    width: 100%
}

.videoplayer .video-js {
    background-color: transparent
}

.videoplayer--hidden-controls .videoplayer__closeButton,.videoplayer--hidden-controls .videoplayer__playButton,.videoplayer--hidden-controls .vjs-loading-spinner {
    display: none
}

.videoplayer__wrapper {
    position: relative;
    overflow: hidden
}

[data-playlist-id] .videoplayer__wrapper:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 24px;
    color: #fff;
    opacity: .6;
    display: none
}

@media (min-width: 768px) {
    [data-playlist-id] .videoplayer__wrapper:before {
        display:block;
        font-size: 33px
    }
}

.videoplayer__playButton {
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px;
    width: 80px
}

.videoplayer__playButton--hidden {
    display: none
}

.col--medium-4 .videoplayer__playButton {
    margin-left: -40px!important;
    margin-top: -40px!important;
    width: 80px!important
}

.col--medium-4 .videoplayer__playButton:before {
    font-size: 80px!important
}

@media (min-width: 768px) {
    .videoplayer__playButton {
        margin-left:-70px;
        margin-top: -70px;
        width: 140px
    }
}

.videoplayer__playButton:hover {
    -webkit-animation: pulse .3s forwards;
    animation: pulse .3s forwards;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.videoplayer__playButton:before {
    color: #fff;
    opacity: .6;
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    text-align: center;
    display: block;
    cursor: pointer;
    font-size: 80px
}

@media (min-width: 768px) {
    .videoplayer__playButton:before {
        font-size:140px
    }
}

.videoplayer__closeButton {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    background: #fff;
    display: block;
    cursor: pointer;
    z-index: 3
}

.videoplayer__closeButton:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    text-align: center;
    line-height: 40px;
    display: block;
    font-size: 120%;
    color: #2d4275
}

.videoplayer__closeButton:hover:before {
    color: #266693
}

.videoplayer__video.video-js {
    position: absolute;
    width: 100%;
    height: 100%
}

.videoplayer__captionContent {
    display: block
}

.needAnalyzer {
    position: relative;
    background: #333;
    margin-top: 0
}

.needAnalyzer.fullHeight {
    height: calc(100vh - 50px)
}

@media (min-width: 768px) {
    .needAnalyzer.fullHeight {
        height:calc(100vh - 85px)
    }
}

.needAnalyzer:after,.needAnalyzer:before {
    content: " ";
    display: table
}

.needAnalyzer:after {
    clear: both
}

.needAnalyzer .visible {
    display: block
}

@media (min-width: 768px) {
    .needAnalyzer .visible {
        display:flex
    }
}

.needAnalyzer .hidden {
    display: none
}

.needAnalyzer .h1__overline,.needAnalyzer h1,.needAnalyzer h2 {
    color: #fff;
    margin-bottom: 50px
}

.needAnalyzer .btn {
    padding: 8px 54px
}

.needAnalyzer__stage-overlay {
    position: relative;
    max-width: 1260px;
    margin-left: auto;
    margin-right: auto;
    padding: 30px 20px 20px
}

@media (min-width: 768px) {
    .needAnalyzer__stage-overlay {
        padding-top:125px
    }
}

.needAnalyzer__step-wrapper {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 50px;
    z-index: 1
}

.needAnalyzer__step {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    border: 4px solid rgba(255,255,255,.5);
    color: #fff;
    text-align: center;
    font-family: HelveticaNeue-Medium,Arial,sans-serif;
    font-size: 18px;
    line-height: 22px
}

.needAnalyzer__step.clickable:hover {
    border-color: #fff;
    cursor: pointer
}

.needAnalyzer__step:before {
    content: '';
    width: calc(50% - 45px);
    border: 1px solid #fff;
    position: absolute;
    top: calc(50% - 2px);
    left: 30px
}

.needAnalyzer__step:nth-child(2):before {
    left: calc(50% + 15px)
}

.needAnalyzer__step.active {
    border-color: #15d4f1
}

.needAnalyzer__dimmer {
    background: #000;
    width: 100%;
    position: absolute;
    top: 0;
    opacity: .45;
    height: 100%
}

@media (min-width: 768px) {
    .fullHeight .needAnalyzer__dimmer {
        height:calc(100vh - 85px)
    }
}

.needAnalyzer__box-wrapper {
    display: none
}

.needAnalyzer__box {
    position: relative;
    background: #fff;
    color: #6f6f6f;
    padding: 12px;
    font-size: 18px;
    line-height: 22px;
    margin-top: 25px;
    transition: background .2s ease-in-out
}

@media (min-width: 600px) {
    .needAnalyzer__box {
        padding:20px;
        font-size: 20px;
        line-height: 25px
    }
}

@media (min-width: 768px) {
    .needAnalyzer__box {
        width:33%;
        margin-right: 40px
    }

    .needAnalyzer__box:last-child {
        margin-right: 0
    }
}

@media (min-width: 1024px) {
    .needAnalyzer__box {
        width:25%
    }
}

.needAnalyzer__box .box-text {
    display: flex
}

@media (min-width: 768px) {
    .needAnalyzer__box .box-text {
        display:block
    }
}

.needAnalyzer__box .letter {
    font-family: HelveticaNeue-Medium,Arial,sans-serif;
    font-size: 12px;
    line-height: 15px;
    margin-top: 4px;
    margin-right: 15px
}

@media (min-width: 768px) {
    .needAnalyzer__box .letter {
        margin-top:0;
        margin-bottom: 10px;
        margin-right: 0
    }
}

.needAnalyzer__box .box-text-hover {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    padding: 20px;
    color: #fff;
    background: #6f6f6f
}

.needAnalyzer__box:hover {
    cursor: pointer;
    background: #6f6f6f;
    color: #fff
}

.needAnalyzer__box:hover .letter {
    color: #15d4f1
}

.needAnalyzer figure {
    margin: 0
}

.needAnalyzer__image {
    position: absolute;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
    left: 0;
    height: 100%
}

@media (min-width: 768px) {
    .fullHeight .needAnalyzer__image {
        height:calc(100vh - 85px)
    }
}

.needAnalyzer__image .picture {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.needAnalyzer__image .picture img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    font-family: "object-fit: cover; object-position: 50% 50%";
    height: 100%
}

@media (min-width: 768px) {
    .fullHeight .needAnalyzer__image .picture img {
        height:calc(100vh - 85px)
    }
}

.needAnalyzer__startButton {
    padding-bottom: 10px
}

.needAnalyzer.fullHeight .stage__buttons {
    position: absolute;
    bottom: 30px;
    margin-bottom: 0
}

.needAnalyzer .stage__buttons {
    width: 100%;
    height: 40px;
    margin-bottom: 30px;
    position: relative
}

@media (min-width: 768px) {
    .needAnalyzer .stage__buttons {
        bottom:0
    }
}

.needAnalyzer .stage__buttons .inner {
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 20px!important;
    padding-right: 20px!important
}

.needAnalyzer .stage__buttons .inner:after {
    content: " ";
    display: block;
    clear: both
}

@media (min-width: 768px) {
    .needAnalyzer .stage__buttons .inner {
        margin-left:30px;
        margin-right: 30px
    }
}

@media (min-width: 1300px) {
    .needAnalyzer .stage__buttons .inner {
        max-width:1260px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (min-width: 1300px) {
    .needAnalyzer .stage__buttons .inner {
        padding-left:40px!important;
        padding-right: 40px!important
    }
}

.needAnalyzer .stage__downButton {
    bottom: 0
}

.needAnalyzer .stage__contactButton {
    position: absolute;
    left: 50%;
    margin-left: -20px;
    cursor: pointer;
    width: 40px
}

@media (min-width: 768px) {
    .needAnalyzer .stage__contactButton {
        position:relative;
        left: 0;
        margin-left: 0;
        margin-right: 0
    }
}

.needAnalyzer .stage__contactButton:hover {
    -webkit-animation: pulse .3s forwards;
    animation: pulse .3s forwards;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.needAnalyzer .stage__contactButton:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 40px;
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: block;
    color: #fff
}

.hamburger {
    display: block;
    float: left;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 25px;
    height: 18px;
    font-size: 0;
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border-radius: none;
    border: none;
    cursor: pointer;
    background-color: transparent
}

.hamburger:focus {
    outline: 0
}

.hamburger__bar {
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #2d4275
}

.hamburger__bar:after,.hamburger__bar:before {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #2d4275;
    content: "";
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.hamburger__bar:before {
    top: -8px
}

.hamburger__bar:after {
    bottom: -8px
}

.hamburger--htx .hamburger__bar:before {
    transition: top .2s ease-in-out .2s,-webkit-transform .2s ease-in-out;
    transition: top .2s ease-in-out .2s,transform .2s ease-in-out;
    transition: top .2s ease-in-out .2s,transform .2s ease-in-out,-webkit-transform .2s ease-in-out
}

.hamburger--htx .hamburger__bar:after {
    transition: bottom .2s ease-in-out .2s,-webkit-transform .2s ease-in-out;
    transition: bottom .2s ease-in-out .2s,transform .2s ease-in-out;
    transition: bottom .2s ease-in-out .2s,transform .2s ease-in-out,-webkit-transform .2s ease-in-out
}

.hamburger--htx.is-active .hamburger__bar {
    background-color: transparent
}

.hamburger--htx.is-active .hamburger__bar:before {
    top: 0;
    transition: top .2s ease-in-out,-webkit-transform .2s ease-in-out .2s;
    transition: top .2s ease-in-out,transform .2s ease-in-out .2s;
    transition: top .2s ease-in-out,transform .2s ease-in-out .2s,-webkit-transform .2s ease-in-out .2s;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.hamburger--htx.is-active .hamburger__bar:after {
    bottom: 0;
    transition: bottom .2s ease-in-out,-webkit-transform .2s ease-in-out .2s;
    transition: bottom .2s ease-in-out,transform .2s ease-in-out .2s;
    transition: bottom .2s ease-in-out,transform .2s ease-in-out .2s,-webkit-transform .2s ease-in-out .2s;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.teaser {
    position: relative;
    cursor: pointer
}

.teaser:not(.teaser--history):hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.teaser__figure {
    margin: 0;
    overflow: hidden;
    padding: 56.25% 0 0;
    position: relative
}

.teaser:not(.teaser--offgrid) .teaser__figure--square {
    padding-top: 100%
}

@media (max-width: 767px) {
    .teaser:not(.teaser--offgrid) .teaser__figure--square {
        padding-top:0
    }

    .teaser:not(.teaser--offgrid) .teaser__figure--square .img-responsive {
        height: auto;
        position: relative
    }
}

.teaser img {
    width: 100%;
    transition: .3s transform ease-in-out;
    -webkit-transform-origin: 50% 28.125%;
    transform-origin: 50% 28.125%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    font-family: "object-fit: cover; object-position: 50% 50%"
}

.teaser__body {
    padding: 16px 40px 16px 20px;
    background: #ededed
}

.section--colorTheme1 .teaser__body {
    background: #fff
}

.teaser__body::after {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 40%;
    position: absolute;
    right: 0;
    bottom: 0;
    color: #2d4275;
    font-size: 30px;
    padding: 14px 20px
}

.teaser__text {
    margin: 0;
    font-family: HelveticaNeue-Medium,Arial,sans-serif;
    font-weight: 400;
    color: #2d4275;
    font-size: 18px;
    line-height: 1.55556
}

.teaser:hover .teaser__body::after {
    color: #266693
}

.teaser:hover .teaser__text {
    color: #266693
}

.teaser:hover .teaser__link {
    color: #266693
}

@media (min-width: 768px) {
    .teaser--offgrid .teaser__figure {
        height:540px;
        padding: 0
    }
}

@media (min-width: 1024px) {
    .teaser--offgrid .teaser__figure {
        height:680px
    }
}

@media (min-width: 768px) {
    .teaser--offgrid .teaser__body {
        position:absolute;
        width: 66.66667%;
        padding-top: 12px;
        padding-bottom: 12px;
        bottom: 20px;
        background: rgba(111,111,111,.8)
    }
}

@media (min-width: 1024px) {
    .teaser--offgrid .teaser__body {
        padding:24px 40px 24px 20px
    }

    .teaser--offgrid .teaser__body::after {
        padding: 20px
    }
}

@media (min-width: 1280px) {
    .teaser--offgrid .teaser__body {
        bottom:30px;
        padding: 26px 65px 26px 40px
    }

    .teaser--offgrid .teaser__body::after {
        font-size: 60px;
        padding: 20px
    }
}

@media (min-width: 768px) {
    .teaser--offgrid .teaser__text {
        font-size:35px;
        line-height: 1.28571
    }
}

@media (min-width: 1280px) {
    .teaser--offgrid .teaser__text {
        font-size:50px;
        line-height: 1.2
    }
}

@media (min-width: 768px) {
    .teaser--offgrid img {
        position:relative;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }
}

@media (min-width: 768px) {
    .teaser--offgrid[data-teaser-align=left] .teaser__body {
        right:20px
    }
}

@media (min-width: 1280px) {
    .teaser--offgrid[data-teaser-align=left] .teaser__body {
        right:30px
    }
}

@media (min-width: 768px) {
    .teaser--offgrid[data-teaser-align=right] .teaser__body {
        left:20px
    }
}

@media (min-width: 1280px) {
    .teaser--offgrid[data-teaser-align=right] .teaser__body {
        left:30px
    }
}

.teaser--history {
    margin-left: -10px;
    margin-right: -10px;
    overflow: hidden
}

@media (min-width: 320px) {
    .teaser--history {
        margin-right:0;
        margin-left: -50vw;
        width: 100vw;
        left: 50%;
        position: relative
    }

    .scrollbarShown .teaser--history {
        width: calc(100vw - 16px);
        margin-left: calc(-50vw + 8px)
    }

    .edge .scrollbarShown .teaser--history {
        width: calc(100vw - 12px);
        margin-left: calc(-50vw + 6px)
    }
}

.teaser--history .teaser__body {
    position: absolute;
    padding: 0;
    top: 50%;
    left: 0;
    width: 100%;
    background: 0 0;
    text-align: center
}

.teaser--history .teaser__body:after {
    content: ''
}

.teaser--history .teaser__button {
    max-width: 250px;
    margin: 0 auto;
    background-color: rgba(0,0,0,.6)
}

.teaser--history .teaser__figure {
    opacity: 1;
    transition: opacity .3s ease-in-out
}

@media (min-width: 768px) {
    .teaser--history .teaser__figure {
        padding:0;
        height: 540px
    }
}

@media (min-width: 1024px) {
    .teaser--history .teaser__figure {
        padding:0;
        height: 680px
    }
}

.teaser--history:hover .teaser__figure {
    opacity: .9
}

.teaser--history.teaser--historyKeyvisual .teaser__figure:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 50vw;
    background: url(../img/keyvisual-copy.svg) no-repeat;
    background-size: contain;
    display: block;
    top: 40%;
    right: -10vw;
    z-index: 1
}

.teaser--news {
    border: solid 1px #ddd
}

.teaser--news .teaser__body {
    background: #fff!important
}

.teaser--news .teaser__date,.teaser--news .teaser__meta {
    font-size: 15px;
    line-height: 20px;
    color: #9c9c9c
}

.teaser--news .teaser__date {
    margin-top: 0
}

.teaser--news .teaser__text:not(:first-child) {
    margin-top: 10px
}

.teaser--news .teaser__intro {
    font-family: HelveticaNeue-Light,Arial,sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #6f6f6f
}

.teaser--news .teaser__wrapper {
    margin-bottom: -6px;
    margin-top: 26px
}

.teaser--news .teaser__text+.teaser__intro {
    margin-top: 5px
}

.teaser--news .teaser__meta {
    margin-top: auto;
    position: relative
}

.teaser--news .teaser__intro+.teaser__meta {
    margin-top: 26px
}

@media (min-width: 768px) {
    .teaserrow--4perrow .teaser--news .teaser__body {
        display:flex;
        flex-direction: column;
        padding-bottom: 20px
    }

    .teaserrow--4perrow .teaser--news .teaser__wrapper {
        display: flex;
        flex: 1 auto;
        flex-direction: column;
        justify-content: space-between;
        margin-bottom: 0
    }
}

.socialMediaStream .teaser--news {
    margin-top: 0;
    margin-bottom: 30px;
    order: 1
}

@media (min-width: 768px) {
    .socialMediaStream .teaser--news {
        margin-right:20px;
        width: calc(50% - 20px)
    }
}

@media (min-width: 1024px) {
    .socialMediaStream .teaser--news {
        width:calc(25% - 30px);
        margin-bottom: 0
    }
}

@media (min-width: 768px) {
    .teaser--imageDb {
        margin-top:40px
    }
}

@media (min-width: 768px) {
    .teaser--cyan .teaser__text {
        color:#00e5e5
    }
}

@media (min-width: 768px) {
    .teaser--cyan .teaser__body::after {
        color:#00e5e5
    }
}

@media (min-width: 768px) {
    .teaser--cyan:hover .teaser__text {
        color:#15d4f1
    }
}

@media (min-width: 768px) {
    .teaser--cyan:hover .teaser__body::after {
        color:#15d4f1
    }
}

@media (min-width: 768px) {
    .teaser--green .teaser__text {
        color:#00e500
    }
}

@media (min-width: 768px) {
    .teaser--green .teaser__body::after {
        color:#00e500
    }
}

@media (min-width: 768px) {
    .teaser--green:hover .teaser__text {
        color:#00d257
    }
}

@media (min-width: 768px) {
    .teaser--green:hover .teaser__body::after {
        color:#00d257
    }
}

@media (min-width: 768px) {
    .teaser--magenta .teaser__text {
        color:#fff
    }
}

@media (min-width: 768px) {
    .teaser--magenta .teaser__body::after {
        color:#fff
    }
}

@media (min-width: 768px) {
    .teaser--magenta:hover .teaser__text {
        color:#fff
    }
}

@media (min-width: 768px) {
    .teaser--magenta:hover .teaser__body::after {
        color:#fff
    }
}

@media (min-width: 768px) {
    .teaser--white .teaser__text {
        color:#fff
    }
}

@media (min-width: 768px) {
    .teaser--white .teaser__body::after {
        color:#fff
    }
}

@media (min-width: 768px) {
    .teaser--white:hover .teaser__text {
        color:#ededed
    }
}

@media (min-width: 768px) {
    .teaser--white:hover .teaser__body::after {
        color:#ededed
    }
}

.teaserrow {
    display: flex;
    flex-flow: row wrap
}

.teaserrow .teaser {
    display: flex;
    flex-direction: column;
    width: 100%
}

.teaserrow .teaser__linkedWrap {
    display: flex;
    flex-direction: column;
    flex: 1 auto
}

.teaserrow .teaser__body {
    flex: 1 auto;
    position: relative;
    background: #ededed
}

.section--colorTheme1 .teaserrow .teaser__body {
    background: #fff
}

.teaserrow .teaser__text {
    font-size: 18px;
    line-height: 1.55556
}

.teaserrow .teaser__figure {
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative
}

.teaserrow .teaser__figure:before {
    content: '';
    display: block;
    padding: 56.25% 0 0;
    height: 0
}

.teaserrow .teaser:not(.teaser--offgrid) .teaser__figure--square {
    padding-top: 0
}

.teaserrow .teaser:not(.teaser--offgrid) .teaser__figure--square:before {
    padding: 100% 0 0
}

@media (max-width: 767px) {
    .teaserrow .teaser:not(.teaser--offgrid) .teaser__figure--square:before {
        display:none
    }

    .teaserrow .teaser:not(.teaser--offgrid) .teaser__figure--square .img-responsive {
        height: auto;
        position: relative
    }
}

.teaserrow--2perrow .teaser:nth-of-type(1) {
    margin-top: 0
}

@media (min-width: 768px) {
    .teaserrow--2perrow .teaser {
        width:calc(100% / 2 - 20px)
    }

    .teaserrow--2perrow .teaser:nth-of-type(1),.teaserrow--2perrow .teaser:nth-of-type(2) {
        margin-top: 0
    }

    .teaserrow--2perrow .teaser:nth-of-type(2n-1) {
        margin-right: 20px
    }

    .teaserrow--2perrow .teaser:nth-of-type(2n) {
        margin-left: 20px
    }

    .edge .teaserrow--2perrow .teaser:nth-of-type(2n),.ie .teaserrow--2perrow .teaser:nth-of-type(2n) {
        margin-left: calc(20px - 1px)
    }
}

@media (min-width: 1024px) {
    .teaserrow--2perrow .teaser__text {
        font-size:25px;
        line-height: 1.4
    }
}

.teaserrow--3perrow .teaser:nth-of-type(1) {
    margin-top: 0
}

@media (min-width: 768px) {
    .teaserrow--3perrow .teaser {
        width:calc(33.3334% - 27px)
    }

    .teaserrow--3perrow .teaser:nth-of-type(1),.teaserrow--3perrow .teaser:nth-of-type(2),.teaserrow--3perrow .teaser:nth-of-type(3) {
        margin-top: 0
    }

    .teaserrow--3perrow .teaser:nth-of-type(3n-2) {
        margin-right: 20px
    }

    .teaserrow--3perrow .teaser:nth-of-type(3n-1) {
        margin-right: 20px;
        margin-left: 20px
    }

    .teaserrow--3perrow .teaser:nth-of-type(3n) {
        margin-left: 20px
    }
}

@media (min-width: 1024px) {
    .teaserrow--3perrow .teaser__text {
        font-size:25px;
        line-height: 1.4
    }
}

.teaserrow--4perrow .teaser:nth-of-type(n+3) {
    display: none
}

.teaserrow--4perrow .teaser:nth-of-type(1) {
    margin-top: 0
}

@media (min-width: 768px) {
    .teaserrow--4perrow .teaser {
        width:calc(100% / 2 - 20px)
    }

    .teaserrow--4perrow .teaser:nth-of-type(1),.teaserrow--4perrow .teaser:nth-of-type(2) {
        margin-top: 0
    }

    .teaserrow--4perrow .teaser:nth-of-type(2n-1) {
        margin-right: 20px
    }

    .teaserrow--4perrow .teaser:nth-of-type(2n) {
        margin-left: 20px
    }

    .edge .teaserrow--4perrow .teaser:nth-of-type(2n),.ie .teaserrow--4perrow .teaser:nth-of-type(2n) {
        margin-left: calc(20px - 1px)
    }
}

@media (min-width: 1024px) {
    .teaserrow--4perrow .teaser {
        width:calc(100% / 4 - 30px)
    }

    .teaserrow--4perrow .teaser:nth-of-type(1),.teaserrow--4perrow .teaser:nth-of-type(2),.teaserrow--4perrow .teaser:nth-of-type(3),.teaserrow--4perrow .teaser:nth-of-type(4) {
        margin-top: 0
    }

    .teaserrow--4perrow .teaser:nth-of-type(4n-3) {
        margin-right: 20px
    }

    .teaserrow--4perrow .teaser:nth-of-type(4n-2) {
        margin-right: 20px;
        margin-left: 20px
    }

    .teaserrow--4perrow .teaser:nth-of-type(4n-1) {
        margin-right: 20px;
        margin-left: 20px
    }

    .teaserrow--4perrow .teaser:nth-of-type(4n) {
        margin-left: 20px
    }

    .edge .teaserrow--4perrow .teaser:nth-of-type(4n),.ie .teaserrow--4perrow .teaser:nth-of-type(4n) {
        margin-left: calc(20px - 1px)
    }

    .teaserrow--4perrow .teaser:nth-of-type(n+3) {
        display: flex
    }
}

.teaserrow--4perrow .teaser--news .teaser__body {
    padding-right: 20px
}

.teaserrow--4perrow.show-all .teaser {
    display: flex
}

.teaserrow--stripped .teaser:nth-of-type(1) {
    margin-top: 0
}

.teaserrow--stripped .teaserrow__footer {
    display: none
}

.teaserrow__footer {
    width: 100%;
    padding-top: 20px
}

.teaserrow__all-link {
    display: inline-block;
    position: relative;
    padding-left: 15px;
    font-size: 22px;
    line-height: 1.45455
}

@media (min-width: 1024px) {
    .teaserrow__all-link {
        font-size:35px;
        line-height: 1.28571
    }
}

.teaserrow__all-link:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -6px;
    font-size: .4em
}

.teaserrow__all-link:hover {
    color: #2d4275
}

.teaserrow__all-link:hover {
    color: #2d4275;
    text-decoration: none;
    background: linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#2d4275,#2d4275);
    background-size: .05em 1px,.05em 1px,1px 1px;
    background-repeat: no-repeat,no-repeat,repeat-x;
    text-shadow: .03em 1px #fff,-.03em 1px #fff,1px .03em #fff,1px -.03em #fff,.06em 1px #fff,-.06em 1px #fff,.09em 1px #fff,-.09em 1px #fff,.12em 1px #fff,-.12em 1px #fff,.15em 1px #fff,-.15em 1px #fff,.18em 1px #fff,-.18em 1px #fff;
    background-position-y: 100%,100%,100%;
    background-position-x: 0,100%,0
}

.teaserrow__all-link:hover *,.teaserrow__all-link:hover :after,.teaserrow__all-link:hover :before,.teaserrow__all-link:hover:after,.teaserrow__all-link:hover:before {
    text-shadow: none
}

.teaserrow__all-link:hover:visited {
    color: #2d4275
}

.teaserrow .teaser__more-button {
    display: block
}

.teaserrow .teaser__more-button+.teaserrow__all-link {
    margin-top: 10px
}

@media (min-width: 1024px) {
    .teaserrow .teaser__more-button {
        display:none
    }
}

.teaserrow.show-all .teaser__more-button+.teaserrow__all-link {
    margin-top: 0
}

.quote {
    font-family: HelveticaNeue-Medium,Arial,sans-serif;
    color: #2d4275
}

.quote:after,.quote:before {
    content: " ";
    display: table
}

.quote:after {
    clear: both
}

.quote__image {
    margin: 0
}

.quote__image img {
    width: 100%
}

.quote__content .quote__text {
    font-size: 22px;
    line-height: 1.45455
}

@media (min-width: 768px) {
    .quote__content .quote__text {
        font-size:25px;
        line-height: 1.33333
    }
}

@media (min-width: 1280px) {
    .quote__content .quote__text {
        font-size:35px;
        line-height: 1.28571
    }
}

.quote__content .quote__text:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 60px!important;
    margin-top: 7px;
    margin-right: 10px;
    float: left
}

@media (min-width: 768px) {
    .quote__content .quote__text:before {
        font-size:80px!important;
        margin-right: 20px
    }
}

@media (min-width: 1280px) {
    .quote__content .quote__text:before {
        font-size:100px;
        margin-right: 25px
    }
}

.quote__content .quote__text:after {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    position: relative;
    font-size: 8px!important;
    top: -12px;
    left: 4px
}

@media (min-width: 1280px) {
    .quote__content .quote__text:after {
        font-size:10px!important;
        top: -15px;
        left: 5px
    }
}

.quote__content .quote__text.quote--en:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: ""
}

.quote__content .quote__text.quote--en:after {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: ""
}

.quote__content .quote__author {
    font-size: 18px;
    line-height: 1.55556;
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid #000
}

@media (min-width: 768px) {
    .quote__content .quote__author {
        padding-top:22px;
        margin-top: 20px
    }
}

.quote>.quote__image+.quote__content {
    margin-top: 10px
}

@media (min-width: 768px) {
    .quote>.quote__image+.quote__content {
        margin-top:23px
    }
}

.quote>.quote__image+.quote__content .quote__text:before {
    margin-top: -40px
}

.ie .quote>.quote__image+.quote__content .quote__text:before {
    margin-top: -38px
}

@media (min-width: 768px) {
    .quote>.quote__image+.quote__content .quote__text:before {
        margin-top:-63px
    }

    .ie .quote>.quote__image+.quote__content .quote__text:before {
        margin-top: -61px
    }
}

@media (min-width: 1280px) {
    .quote>.quote__image+.quote__content .quote__text:before {
        margin-top:-63px
    }

    .ie .quote>.quote__image+.quote__content .quote__text:before {
        margin-top: -61px
    }
}

.quote>.quote__image+.quote__content .quote__text.quote--en:before {
    margin-top: -40px
}

@media (min-width: 768px) {
    .quote>.quote__image+.quote__content .quote__text.quote--en:before {
        margin-top:-63px
    }
}

@media (min-width: 1280px) {
    .quote>.quote__image+.quote__content .quote__text.quote--en:before {
        margin-top:-46px
    }
}

.quote--magenta {
    color: #2d4275
}

.quote--magenta .quote__author {
    border-color: #2d4275
}

.quote--cyan {
    color: #00e5e5
}

.quote--cyan .quote__author {
    border-color: #00e5e5
}

.quote--green {
    color: #00e500
}

.quote--green .quote__author {
    border-color: #00e500
}

@media (min-width: 768px) {
    .quote--fullWidth>.quote__image+.quote__content .quote__text:before {
        margin-top:7px
    }

    .ie .quote--fullWidth>.quote__image+.quote__content .quote__text:before {
        margin-top: 8px
    }
}

@media (min-width: 768px) {
    .quote--fullWidth {
        margin-left:-20px;
        margin-right: -20px
    }

    .quote--fullWidth>.quote__image {
        width: 33.33333%;
        float: left;
        padding-left: 20px;
        padding-right: 20px;
        float: left;
        margin-top: 7px
    }

    .quote--fullWidth>.quote__content {
        width: 66.66667%;
        float: left;
        padding-left: 20px;
        padding-right: 20px;
        float: left
    }

    .quote--fullWidth>.quote__content:first-child {
        margin-left: 33.33333%
    }

    .quote--fullWidth>.quote__content:before {
        margin-top: 7px
    }

    .quote--fullWidth>.quote__image+.quote__content {
        margin-top: 0
    }
}

.col--medium-4 .quote>.quote__image+.quote__content {
    margin-top: 10px
}

@media (min-width: 1024px) {
    .col--medium-4 .quote>.quote__image+.quote__content {
        margin-top:23px
    }
}

.col--medium-4 .quote>.quote__image+.quote__content .quote__text:before {
    margin-top: -40px
}

.ie .col--medium-4 .quote>.quote__image+.quote__content .quote__text:before {
    margin-top: -38px
}

@media (min-width: 1024px) {
    .col--medium-4 .quote>.quote__image+.quote__content .quote__text:before {
        margin-top:-63px
    }

    .ie .col--medium-4 .quote>.quote__image+.quote__content .quote__text:before {
        margin-top: -61px
    }
}

.col--medium-4 .quote .quote__text {
    font-size: 22px;
    line-height: 1.45455
}

.col--medium-4 .quote .quote__text:before {
    font-size: 60px;
    margin-right: 20px
}

@media (min-width: 1024px) {
    .col--medium-4 .quote .quote__text {
        font-size:25px;
        line-height: 1.4
    }

    .col--medium-4 .quote .quote__text:before {
        font-size: 80px;
        margin-right: 20px
    }
}

.col--medium-4 .quote .quote__author {
    font-size: 15px;
    line-height: 1.66667;
    padding-top: 10px
}

@media (min-width: 1024px) {
    .col--medium-4 .quote .quote__author {
        font-size:18px;
        line-height: 1.55556;
        padding-top: 22px
    }
}

.quote--white {
    color: #fff
}

.quote--white .quote__author {
    border-color: #fff
}

.historyFeature {
    height: calc(100vh - 60px);
    overflow-y: scroll
}

@media (min-width: 1024px) {
    .historyFeature {
        overflow:hidden;
        position: relative
    }

    .historyFeature--keyvisual:before {
        content: '';
        position: absolute;
        height: 100%;
        width: 50vw;
        background: url(../img/keyvisual.svg) no-repeat;
        background-size: contain;
        display: block;
        top: 50vh;
        right: -10vw
    }
}

.historyFeature__background {
    height: 40%;
    min-height: 250px
}

@media (min-width: 768px) {
    .historyFeature__background {
        height:50%
    }
}

@media (min-width: 1024px) {
    .historyFeature__background {
        height:100%
    }
}

.historyFeature__background img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 25%;
    object-position: 50% 25%;
    font-family: "object-fit: cover; object-position: 50% 25%";
    width: 100%;
    height: 100%
}

.historyFeature__overview {
    max-width: 1280px;
    position: relative;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 768px) {
    .historyFeature__overview {
        padding:40px 20px 0
    }
}

@media (min-width: 1024px) {
    .historyFeature__overview {
        bottom:40vh
    }

    .iPadSafari .historyFeature__overview {
        position: absolute;
        bottom: 50px
    }
}

@media (min-width: 1024px) {
    .historyFeature__slide--endSlide .historyFeature__overview {
        top:40vh
    }
}

.historyFeature__clusterTeaser {
    position: relative;
    height: auto;
    width: 100%;
    margin-bottom: 1px;
    padding: 30px 50px 30px 10px;
    flex-grow: 1;
    background: rgba(111,111,111,.8);
    color: #00e500;
    cursor: pointer;
    white-space: normal;
    font-family: HelveticaNeue-Medium,Arial,sans-serif;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

@media (min-width: 768px) {
    .historyFeature__clusterTeaser {
        margin:0 0 20px;
        width: calc(50% - 40px)
    }

    .historyFeature__clusterTeaser+.historyFeature__clusterTeaser {
        margin-left: 10px
    }
}

@media (min-width: 1024px) {
    .historyFeature__clusterTeaser {
        width:calc(25% - 40px)
    }

    html:not(.touchevents) .historyFeature__clusterTeaser:hover {
        color: #fff
    }

    html:not(.touchevents) .historyFeature__clusterTeaser:hover:after {
        color: #fff;
        -webkit-animation: pulseLoop 3s forwards;
        animation: pulseLoop 3s forwards;
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }
}

.historyFeature__clusterTeaser:after {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 40%;
    position: absolute;
    right: 0;
    bottom: 50%;
    margin-bottom: -29px;
    color: #00e500;
    font-size: 30px;
    padding: 14px 20px
}

@media (min-width: 768px) {
    .historyFeature__clusterTeaser:after {
        bottom:0;
        margin-bottom: 0
    }
}

.historyFeature__slide--endSlide .historyFeature__clusterTeaser {
    width: 100%
}

@media (min-width: 768px) {
    .historyFeature__slide--endSlide .historyFeature__clusterTeaser {
        width:50%;
        margin-left: 25%;
        flex-grow: 0
    }
}

@media (min-width: 1024px) {
    .historyFeature__slide--endSlide .historyFeature__clusterTeaser {
        display:none
    }
}

.historyFeature__cluster {
    display: none;
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    white-space: nowrap
}

.historyFeature__cluster:after,.historyFeature__cluster:before {
    content: " ";
    display: table
}

.historyFeature__cluster:after {
    clear: both
}

@media (min-width: 1024px) {
    .historyFeature__cluster {
        height:100%
    }

    .iPadSafari .historyFeature__cluster {
        height: 97%
    }
}

.historyFeature__clusterBackground {
    position: absolute;
    width: 100vw;
    height: calc(100vh - 60px);
    min-height: 450px;
    z-index: 1;
    background: #333
}

.historyFeature__clusterBackground img {
    opacity: .3;
    width: 100%;
    height: 100%;
    transition: opacity 1.5s ease-in-out;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    font-family: "object-fit: cover; object-position: 50% 50%"
}

@media (min-width: 768px) {
    .historyFeature__clusterBackground img.is-darkened {
        opacity:.2
    }
}

@media (min-width: 1024px) {
    .historyFeature__clusterBackground img {
        transition:none
    }
}

@media (min-width: 768px) {
    .historyFeature__clusterBackground {
        position:fixed
    }
}

@media (min-width: 1024px) {
    .historyFeature__clusterBackground {
        width:200vw
    }
}

.historyFeature__parallax {
    position: relative;
    z-index: 2;
    width: 100vw;
    background: #ededed;
    padding-top: 50px
}

@media (min-width: 768px) {
    .historyFeature__parallax {
        padding-top:0;
        background: 0 0
    }
}

@media (min-width: 1024px) {
    .historyFeature__parallax {
        position:absolute;
        top: 0;
        left: 0;
        padding-left: 100vw;
        height: 100%;
        width: auto
    }
}

.historyFeature__slide {
    display: block
}

@media (min-width: 1024px) {
    .historyFeature__slide {
        width:80vw;
        height: 100%;
        position: relative;
        white-space: normal;
        display: inline-block;
        vertical-align: top
    }
}

.historyFeature__slide--static {
    z-index: 4;
    position: relative;
    height: calc(100vh - 60px);
    min-height: 450px
}

@media (min-width: 1024px) {
    .historyFeature__slide--static {
        width:100vw;
        height: auto
    }
}

@media (min-width: 1024px) {
    .historyFeature__slide .historyFeature__animationItem {
        position:absolute;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        opacity: .1
    }

    .historyFeature__slide--waterWheelAnimation .historyFeature__animationItem {
        opacity: 0;
        width: 409px;
        height: 409px;
        background: url(../img/history/waterwheel.svg)
    }

    .historyFeature__slide--waterWheelAnimation .historyFeature__fixedAnimationItem {
        position: absolute;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-animation: rotationLoop 2s linear;
        animation: rotationLoop 2s linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-direction: normal;
        animation-direction: normal;
        width: 409px;
        height: 409px;
        top: 30vh;
        left: 20vw
    }

    .historyFeature__slide--employeesAnimation .historyFeature__animationItem {
        background: url(../img/history/employees.svg);
        width: 1003px;
        height: 80px;
        top: 60vh
    }

    .historyFeature__slide--wheelAnimation .historyFeature__animationItem:nth-child(1) {
        -webkit-animation: rotationLoop 12s linear;
        animation: rotationLoop 12s linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-direction: normal;
        animation-direction: normal;
        background: url(../img/history/wheel_01.svg);
        width: 139px;
        height: 139px;
        top: -60px;
        left: 160px
    }

    .historyFeature__slide--wheelAnimation .historyFeature__animationItem:nth-child(2) {
        -webkit-animation: rotationLoop 19.5s linear;
        animation: rotationLoop 19.5s linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        animation-direction: reverse;
        background: url(../img/history/wheel_02.svg);
        width: 239px;
        height: 239px;
        top: 60px;
        left: 185px
    }

    .historyFeature__slide--wheelAnimation .historyFeature__animationItem:nth-child(3) {
        -webkit-animation: rotationLoop 18.75s linear;
        animation: rotationLoop 18.75s linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-direction: normal;
        animation-direction: normal;
        background: url(../img/history/wheel_03.svg);
        width: 204px;
        height: 204px;
        top: 218px;
        left: 35px
    }

    .historyFeature__slide--wheelAnimation .historyFeature__animationItem:nth-child(4) {
        -webkit-animation: rotationLoop 12s linear;
        animation: rotationLoop 12s linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        animation-direction: reverse;
        background: url(../img/history/wheel_04.svg);
        width: 139px;
        height: 139px;
        top: 410px;
        left: 116px
    }
}

.historyFeature__slide--endSlide {
    width: 100vw;
    height: 500px;
    position: relative
}

@media (min-width: 1024px) {
    .historyFeature__slide--endSlide {
        height:100%
    }
}

.historyFeature__endSlideText {
    position: absolute;
    color: #2d4275;
    font-size: 18px;
    font-family: HelveticaNeue-Light,Arial,sans-serif;
    width: 100%;
    top: 50px;
    text-align: center
}

@media (min-width: 1024px) {
    .historyFeature__endSlideText {
        width:200px;
        text-align: right;
        color: #fff;
        margin-top: 0;
        margin-bottom: -8px;
        top: auto;
        bottom: 22vh;
        left: 0;
        -webkit-transform: none;
        transform: none
    }
}

.historyFeature__endSlideTrigger {
    position: absolute;
    margin-left: -30px;
    width: 60px;
    height: 60px;
    cursor: pointer;
    top: 100px;
    left: 50vw;
    font-size: 50px;
    -webkit-animation: pulseLoop 3s forwards;
    animation: pulseLoop 3s forwards;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.historyFeature__endSlideTrigger:after {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 40px;
    color: #2d4275
}

@media (min-width: 1024px) {
    .historyFeature__endSlideTrigger {
        margin-top:0;
        margin-left: 210px;
        margin-bottom: -30px;
        top: auto;
        bottom: 22vh;
        left: 0;
        -webkit-transform: none;
        transform: none
    }

    .historyFeature__endSlideTrigger:after {
        position: relative;
        font-family: Icons;
        font-size: 68%;
        line-height: 1;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        font-display: swap;
        text-decoration: none;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        font-size: 40%;
        color: #fff
    }
}

.historyFeature__endSlideTrigger--second {
    -webkit-animation: pulseLoop 3s forwards;
    animation: pulseLoop 3s forwards;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    top: 120px
}

@media (min-width: 1024px) {
    .historyFeature__endSlideTrigger--second {
        display:block;
        top: auto;
        margin-left: 220px
    }
}

@media (min-width: 1024px) {
    .historyFeature [data-speed] {
        transition:-webkit-transform 1.5s cubic-bezier(.1,.32,.14,1);
        transition: transform 1.5s cubic-bezier(.1,.32,.14,1);
        transition: transform 1.5s cubic-bezier(.1,.32,.14,1),-webkit-transform 1.5s cubic-bezier(.1,.32,.14,1)
    }

    .edge .historyFeature [data-speed] {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d
    }
}

@media (min-width: 1024px) {
    .historyFeature [data-property=opacity] {
        transition:opacity .75s cubic-bezier(.27,0,.58,1)
    }
}

.historyFeature__headline {
    padding: 30px 20px;
    white-space: normal;
    font-size: 50px;
    color: #00e500;
    position: relative;
    max-width: 1220px;
    margin-left: auto;
    margin-right: auto
}

.historyFeature__headline:after {
    content: " ";
    display: block;
    clear: both
}

@media (min-width: 768px) {
    .historyFeature__headline {
        padding:150px 40px;
        font-size: 80px
    }
}

@media (min-width: 1024px) {
    .historyFeature__headline {
        padding:0 90px 0 20px;
        height: auto;
        margin-top: 25vh
    }
}

.historyFeature__headline--smaller {
    font-size: 30px
}

@media (min-width: 768px) {
    .historyFeature__headline--smaller {
        font-size:60px!important
    }
}

@media (min-width: 1024px) {
    .historyFeature__headline--top20 {
        margin-top:20vh
    }
}

@media (min-width: 1024px) {
    .historyFeature__headline--top10 {
        margin-top:10vh
    }
}

.historyFeature__slideStart {
    text-align: center;
    color: #fff;
    margin-top: 20px
}

.historyFeature__slideStart:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 60px
}

@media (min-width: 1024px) {
    .historyFeature__slideStart:before {
        content:''
    }
}

.historyFeature__slideStart .scroll {
    display: none;
    width: 80px;
    height: 80px;
    fill: #fff;
    opacity: .6
}

@media (min-width: 1024px) {
    .historyFeature__slideStart .scroll {
        display:inline-block
    }
}

.historyFeature__slideStart .scroll .wheel {
    -webkit-animation: scrolling 1s linear;
    animation: scrolling 1s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.historyFeature__nextButton {
    position: absolute;
    bottom: 100px;
    right: 50%;
    margin-right: -30px;
    display: block;
    width: 60px;
    height: 60px;
    cursor: pointer
}

.historyFeature__nextButton:after {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 60px
}

@media (min-width: 768px) {
    .historyFeature__nextButton {
        margin-right:-50px;
        width: 100px;
        height: 100px
    }

    .historyFeature__nextButton:after {
        font-size: 100px
    }
}

@media (min-width: 1024px) {
    .historyFeature__nextButton {
        position:absolute;
        top: 50%;
        bottom: auto;
        right: -13px;
        margin-top: -60px;
        margin-right: 0;
        width: 120px;
        height: 120px
    }

    .historyFeature__nextButton:after {
        position: relative;
        font-family: Icons;
        font-size: 68%;
        line-height: 1;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        font-display: swap;
        text-decoration: none;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        font-size: 40%;
        font-size: 120px
    }
}

.historyFeature__figure {
    width: 100%
}

.historyFeature__figure:after,.historyFeature__figure:before {
    content: " ";
    display: table
}

.historyFeature__figure:after {
    clear: both
}

@media (min-width: 1024px) {
    .historyFeature__figure {
        position:absolute;
        height: 60vh;
        bottom: 22vh;
        right: 0;
        width: auto;
        z-index: 2
    }
}

@media (min-width: 1280px) {
    .historyFeature__figure {
        right:10vw
    }
}

.historyFeature__figure img {
    width: 80%;
    float: right
}

@media (min-width: 1024px) {
    .historyFeature__figure img {
        height:100%;
        width: auto
    }
}

@media (min-width: 1024px) {
    .historyFeature__figure--adjustLeft {
        right:15vw
    }
}

@media (min-width: 1280px) {
    .historyFeature__figure--adjustLeft {
        right:25vw
    }
}

.historyFeature__figure--1in3,.historyFeature__figure--2in3 {
    margin-bottom: 30px
}

@media (min-width: 1024px) {
    .historyFeature__figure--1in3,.historyFeature__figure--2in3,.historyFeature__figure--3in3 {
        margin-bottom:0
    }

    .historyFeature__figure--1in3 img,.historyFeature__figure--2in3 img,.historyFeature__figure--3in3 img {
        height: 70%
    }

    .historyFeature__figure--1in3 {
        right: 50vw;
        bottom: 10vh
    }

    .historyFeature__figure--2in3 {
        right: 35vw;
        z-index: 4
    }

    .historyFeature__figure--3in3 {
        right: 20vw;
        bottom: 10vh
    }
}

.historyFeature__year {
    display: block;
    margin-bottom: -40px;
    font-size: 150px;
    line-height: 1;
    font-family: HelveticaNeue-Medium,Arial,sans-serif;
    -webkit-transform: translate3d(-30px,0,0);
    transform: translate3d(-30px,0,0);
    opacity: 0;
    transition: all .6s ease-in
}

.is-visible .historyFeature__year {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1
}

@media (min-width: 768px) {
    .historyFeature__year {
        font-size:200px
    }
}

@media (min-width: 1024px) {
    .historyFeature__year {
        font-size:300px;
        position: absolute;
        z-index: 4;
        bottom: 10vh;
        left: 10vw;
        height: 264px;
        margin-bottom: 0;
        opacity: 1
    }
}

.historyFeature__year--grey {
    color: #9c9c9c!important
}

.historyFeature__slide:nth-child(even) .historyFeature__year {
    color: #00e500
}

.historyFeature__slide:nth-child(odd) .historyFeature__year {
    color: #00e5e5
}

.historyFeature__text {
    position: relative;
    z-index: 3;
    padding: 30px 15px 80px;
    width: 100%;
    color: #6f6f6f;
    white-space: normal;
    -webkit-transform: translate3d(0,30px,0);
    transform: translate3d(0,30px,0);
    opacity: 0;
    transition: all .6s ease-in-out;
    transition-delay: .7s
}

.is-visible .historyFeature__text {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1
}

@media (min-width: 768px) {
    .historyFeature__text {
        background:rgba(255,255,255,.9);
        width: 66.66%;
        position: relative;
        top: -150px;
        left: 20px
    }
}

@media (min-width: 1024px) {
    .historyFeature__text {
        position:absolute;
        top: 10vh;
        right: -15vw;
        width: 50%;
        padding: 30px 15px;
        left: auto;
        opacity: 1
    }

    .historyFeature__text--colorSplash {
        overflow: hidden
    }

    .historyFeature__text--colorSplash:after {
        transition: opacity 2s ease-in-out;
        transition-delay: 3s;
        content: url(../img/history/colorsplash.png);
        opacity: .5;
        position: absolute;
        top: -10px;
        left: 0;
        z-index: 1
    }

    .historyFeature__text--colorSplash * {
        position: relative;
        z-index: 2
    }

    .historyFeature__text--colorSplash.no-backgroundImage:after {
        opacity: 0
    }
}

@media (min-width: 1280px) {
    .historyFeature__text {
        width:40%
    }
}

.historyFeature__clusterNavigation {
    position: absolute;
    bottom: 6vh;
    height: 30px;
    width: 100%;
    left: 0;
    z-index: 5;
    text-align: center;
    display: none
}

@media (min-width: 1024px) {
    .historyFeature__clusterNavigation {
        display:block
    }
}

.historyFeature__clusterNavigationItem {
    cursor: pointer;
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background: 0 0;
    position: relative
}

.historyFeature__clusterNavigationItem:before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #fff;
    display: block;
    position: absolute;
    top: 11px;
    left: 11px
}

.historyFeature__clusterNavigationItem:after {
    content: '';
    width: 28px;
    height: 28px;
    border-radius: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #fff;
    opacity: 0;
    transition: opacity .3s ease-in-out
}

.historyFeature__clusterNavigationItem.is-active:after {
    opacity: 1
}

.historyFeature__clusterNavigationItemAfter,.historyFeature__clusterNavigationItemBefore {
    cursor: pointer;
    color: #fff;
    margin-right: 20px;
    margin-left: 8px
}

.historyFeature__clusterNavigationItemAfter.is-disabled,.historyFeature__clusterNavigationItemBefore.is-disabled {
    opacity: .3;
    cursor: default
}

.historyFeature__clusterNavigationItemBefore:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 32px
}

.historyFeature__clusterNavigationItemAfter:after {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 40%;
    font-size: 32px
}

.stage {
    height: calc(100vh - 50px);
    width: 100%;
    position: fixed!important;
    overflow: hidden;
    background: #000;
    z-index: 1;
    margin-top: 0;
    opacity: 0;
    transition: opacity 1s
}

.stage.is-loaded,.stage.is-loaded object-fit {
    opacity: 1
}

@media (min-width: 768px) {
    .stage {
        height:calc(100vh - 85px)
    }
}

@media (max-height: 650px) and (min-width:1280px) {
    .stage {
        position:relative!important;
        height: calc(650px - 85px)
    }

    .stage .stage__image,.stage .stage__video {
        height: calc(650px - 85px)
    }
}

@media (max-height: 590px) and (min-width:1024px) and (max-width:1279px) {
    .stage {
        position:relative!important;
        height: calc(590px - 85px)
    }

    .stage .stage__image,.stage .stage__video {
        height: calc(590px - 85px)
    }
}

@media (max-height: 570px) and (min-width:768px) and (max-width:1023px) {
    .stage {
        position:relative!important;
        height: calc(570px - 85px)
    }

    .stage .stage__image,.stage .stage__video {
        height: calc(570px - 85px)
    }
}

@media (max-height: 320px) and (min-width:600px) and (max-width:767px) {
    .stage {
        position:relative!important;
        height: calc(320px - 50px)
    }

    .stage .stage__image,.stage .stage__video {
        height: calc(320px - 50px)
    }
}

@media (max-height: 390px) and (min-width:320px) and (max-width:599px) {
    .stage {
        position:relative!important;
        height: calc(390px - 50px)
    }

    .stage .stage__image,.stage .stage__video {
        height: calc(390px - 50px)
    }
}

.stage__image {
    width: 100%;
    height: calc(100vh - 50px);
    opacity: 1
}

@media (min-width: 768px) {
    .stage__image {
        height:calc(100vh - 85px)
    }
}

.stage__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover"
}

.stage.stage--videoBackground:not(.has-autoplaySupport) .stage__image,.stage:not(.stage--videoBackground) .stage__image {
    opacity: .8
}

.stage.stage--videoBackground:not(.has-autoplaySupport) .stage__image img,.stage:not(.stage--videoBackground) .stage__image img {
    -webkit-animation: kenburns 5s forwards;
    animation: kenburns 5s forwards;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes kenburns {
    0% {
        -webkit-transform: scale3d(1.1,1.1,1.1) translate3d(0,0,0);
        transform: scale3d(1.1,1.1,1.1) translate3d(0,0,0)
    }

    100% {
        -webkit-transform: scale3d(1.2,1.2,1.2) translate3d(-4%,-4%,0);
        transform: scale3d(1.2,1.2,1.2) translate3d(-4%,-4%,0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes kenburns {
    0% {
        -webkit-transform: scale3d(1.1,1.1,1.1) translate3d(0,0,0);
        transform: scale3d(1.1,1.1,1.1) translate3d(0,0,0)
    }

    100% {
        -webkit-transform: scale3d(1.2,1.2,1.2) translate3d(-4%,-4%,0);
        transform: scale3d(1.2,1.2,1.2) translate3d(-4%,-4%,0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.stage__contentRow {
    margin-left: 10px;
    margin-right: 10px
}

.stage__contentRow:after {
    content: " ";
    display: block;
    clear: both
}

@media (min-width: 768px) {
    .stage__contentRow {
        margin-left:30px;
        margin-right: 30px
    }
}

@media (min-width: 1300px) {
    .stage__contentRow {
        max-width:1260px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 20px;
        padding-right: 20px
    }
}

.stage__content {
    position: relative
}

.stage__contentText {
    position: absolute;
    padding-bottom: 71px;
    bottom: 0;
    width: 100%
}

html.socialMediaSharingActive .stage__contentText {
    padding-bottom: 88px
}

@media (max-width: 767px) {
    .mobileSafari .stage__contentText {
        padding-bottom:89px
    }
}

@media (max-width: 767px) {
    .mobileSafari.socialMediaSharingActive .stage__contentText {
        padding-bottom:121px
    }
}

@media (max-width: 767px) and (orientation:landscape) {
    .mobileSafari.socialMediaSharingActive .stage__contentText {
        padding-bottom:41px
    }
}

.stage__contentText .h1__overline {
    font-size: 16px;
    line-height: 1.5
}

.stage__contentText h1 {
    margin-bottom: 0;
    font-size: 30px!important;
    line-height: 1.33333!important
}

.stage__contentText .h1__overline+h1 {
    margin-top: 3px
}

@media (min-width: 768px) {
    .stage__contentText {
        padding-bottom:160px
    }

    html.socialMediaSharingActive .stage__contentText {
        padding-bottom: 160px
    }

    .stage__contentText .h1__overline {
        font-size: 18px;
        line-height: 1.55556
    }

    .stage__contentText h1 {
        font-size: 50px!important;
        line-height: 1.2!important
    }

    .stage__contentText .h1__overline+h1 {
        margin-top: 9px
    }
}

@media (min-width: 1024px) {
    .stage__contentText h1 {
        font-size:60px!important;
        line-height: 1.16667!important
    }

    .stage__contentText .h1__overline+h1 {
        margin-top: 5px
    }
}

@media (min-width: 1280px) {
    .stage__contentText {
        padding-bottom:110px
    }

    html.socialMediaSharingActive .stage__contentText {
        padding-bottom: 110px
    }

    .stage__contentText .h1__overline {
        font-size: 30px;
        line-height: 1.16667
    }

    .stage__contentText h1 {
        font-size: 80px!important;
        line-height: 1.125!important
    }

    .stage__contentText .h1__overline+h1 {
        margin-top: 11px
    }
}

.stage__downButton {
    position: absolute;
    left: 50%;
    margin-left: -20px;
    bottom: 100px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    color: #fff;
    display: none
}

@media (min-width: 768px) {
    .stage__downButton {
        display:block
    }
}

@media (min-width: 1280px) {
    .stage__downButton {
        bottom:40px
    }
}

.stage__downButton--darkBlue {
    color: #2d4275
}

.stage__downButton--white {
    color: #fff
}

.stage__downButton--green {
    color: #00e500
}

.stage__downButton:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 40px;
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: block
}

.stage__downButton:hover {
    -webkit-animation: pulse .3s forwards;
    animation: pulse .3s forwards;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.stage__playButton {
    position: relative;
    top: 0;
    left: 50%;
    margin-left: -40px;
    margin-bottom: 20px;
    width: 80px
}

html.socialMediaSharingActive .stage__playButton {
    margin-bottom: 80px
}

.ie .stage__playButton,.ie-legacy .stage__playButton {
    cursor: pointer
}

@media (min-width: 768px) {
    .stage__playButton {
        margin-left:-70px;
        margin-bottom: 50px;
        width: 140px
    }
}

@media (min-width: 1024px) {
    .stage__playButton {
        margin-bottom:40px
    }
}

@media (min-width: 1280px) {
    .stage__playButton {
        margin-bottom:80px
    }
}

.stage__playButton:hover {
    -webkit-animation: pulse .3s forwards;
    animation: pulse .3s forwards;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.stage__playButton:before {
    color: #fff;
    opacity: .6;
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    text-align: center;
    display: block;
    cursor: pointer;
    font-size: 80px
}

@media (min-width: 768px) {
    .stage__playButton:before {
        font-size:140px
    }
}

.stage__closeButton {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    background: #fff;
    display: block;
    cursor: pointer;
    z-index: 3
}

.stage__closeButton:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    text-align: center;
    line-height: 40px;
    display: block;
    font-size: 120%;
    color: #2d4275
}

.stage__closeButton:hover:before {
    color: #266693
}

.stage__video {
    width: 100%;
    height: calc(100vh - 50px)
}

@media (min-width: 768px) {
    .stage__video {
        height:calc(100vh - 85px)
    }
}

.stage--video .h1 {
    margin-top: 0!important
}

@media (min-width: 1280px) {
    .stage--video h1 {
        font-size:70px!important;
        line-height: 1.14286!important
    }
}

.stage--videoBackground .stage__playButton {
    display: none
}

.stage--videoBackground.has-autoplaySupport video {
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover"
}

.stage--videoBackground.has-autoplaySupport .vjs-loading-spinner {
    display: none
}

.stage--videoBackground.has-autoplaySupport .stage__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-color: transparent
}

.stage--videoBackground.has-autoplaySupport .stage__contentContainer,.stage--videoBackground.has-autoplaySupport .stage__contentRow {
    height: 100%
}

.stage--videoBackground.has-autoplaySupport.has-started .stage__content {
    height: 100%
}

.stage--videoBackground.has-autoplaySupport ::-webkit-media-controls-start-playback-button {
    display: none!important;
    -webkit-appearance: none
}

.stage--fullOpacity .stage__image {
    opacity: 1
}

.socialMediaStream {
    display: flex;
    flex-flow: row wrap
}

.socialMediaStream__headline {
    color: #6f6f6f;
    font-family: HelveticaNeue-Medium,Arial,sans-serif;
    font-size: 15px;
    padding: 10px 55px 10px 60px;
    min-height: 60px
}

.socialMediaStream__headline:before {
    content: ""!important;
    position: absolute!important;
    top: 10px;
    left: 10px;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: #6f6f6f url(../img/socialstream/voith-group.png) no-repeat center;
    background-size: cover
}

.socialMediaStream__headline--group:before {
    background-image: url(../img/socialstream/voith-group.png)
}

.socialMediaStream__headline--hydro:before {
    background-image: url(../img/socialstream/voith-hydro.jpg)
}

.socialMediaStream__headline--paper:before {
    background-image: url(../img/socialstream/voith-paper.jpg)
}

.socialMediaStream__headline--career:before {
    background-image: url(../img/socialstream/voith-career.jpg)
}

.socialMediaStream__headline--turbo:before {
    background-image: url(../img/socialstream/voith-turbo.jpg)
}

.socialMediaStream__headline--digital:before {
    background-image: url(../img/socialstream/voith-digital.jpg)
}

.socialMediaStream__headline--robotics:before {
    background-image: url(../img/socialstream/voith-robotics.png)
}

.socialMediaStream__teaser {
    position: relative;
    flex-direction: column;
    display: flex;
    width: 100%;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 30px;
    padding: 0!important;
    border: 1px solid #ddd;
    background: #fff
}

.socialMediaStream__teaser:before {
    position: absolute!important;
    font-size: 35px!important;
    width: 45px;
    height: 35px;
    z-index: 1;
    top: 10px;
    right: 10px;
    text-align: right
}

.socialMediaStream__teaser:last-of-type {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .socialMediaStream__teaser {
        width:calc(50% - 20px);
        margin-left: 0;
        margin-right: 0
    }

    .socialMediaStream__teaser:nth-child(2n+2) {
        margin-left: 20px
    }

    .socialMediaStream__teaser:nth-child(2n+1) {
        margin-right: 20px
    }

    .socialMediaStream__teaser:last-of-type {
        margin-bottom: 30px
    }
}

@media (min-width: 1024px) {
    .socialMediaStream__teaser {
        margin-bottom:0;
        width: calc(25% - 30px)
    }

    .socialMediaStream__teaser:nth-child(n+2) {
        margin-left: 20px
    }

    .socialMediaStream__teaser:nth-child(-n+3) {
        margin-right: 20px
    }

    .socialMediaStream__teaser:last-of-type {
        margin-bottom: 0
    }
}

.socialMediaStream__teaser--linkedin {
    order: 3
}

.socialMediaStream__teaser--linkedin:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    color: #828282
}

.socialMediaStream__teaser--instagram {
    order: 4
}

.socialMediaStream__teaser--instagram:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    color: #828282
}

.socialMediaStream__teaser--snackableNews {
    order: 5;
    background: #6f6f6f
}

.socialMediaStream__teaser--snackableNews .socialMediaStream__body {
    border: none;
    padding: 30px 10px 120px
}

@media (min-width: 768px) {
    .socialMediaStream__teaser--snackableNews .socialMediaStream__body {
        padding:20px 20px
    }
}

.socialMediaStream__teaser--snackableNews .socialMediaStream__text {
    color: #00e500;
    font-size: 30px;
    line-height: 1.33333;
    font-family: HelveticaNeue-Medium,Arial,sans-serif
}

.socialMediaStream__figure {
    position: relative
}

.socialMediaStream__figure:before {
    content: ""!important;
    height: 0!important;
    display: block!important
}

.socialMediaStream__image {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover"
}

.socialMediaStream__body {
    padding: 30px 10px 27px
}

@media (min-width: 768px) {
    .socialMediaStream__body {
        padding:30px 20px 27px
    }
}

.socialMediaStream__figure+.socialMediaStream__body {
    border-top: none;
    padding-top: 12px
}

.socialMediaStream__text {
    color: #6f6f6f
}

.socialMediaStream__link {
    color: #00e500;
    position: absolute;
    bottom: 27px;
    left: 10px;
    font-family: HelveticaNeue-Light,Arial,sans-serif
}

@media (min-width: 768px) {
    .socialMediaStream__link {
        left:20px
    }
}

.socialMediaStream__link:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 40%;
    margin-right: 5px;
    top: -3px
}

.socialMediaStream__footer {
    order: 0;
    padding-bottom: 15px
}

.socialMediaStream__footer:after,.socialMediaStream__footer:before {
    content: " ";
    display: table
}

.socialMediaStream__footer:after {
    clear: both
}

@media (min-width: 768px) {
    .socialMediaStream__footer {
        padding-bottom:0;
        padding-top: 15px;
        order: 6
    }
}

.socialMediaStream__label {
    display: block;
    float: left;
    font-size: 24px;
    color: #6f6f6f;
    margin-right: 25px
}

.socialMediaStream__links {
    display: block;
    float: left;
    position: relative;
    top: 3px
}

.socialMediaStream__links a {
    margin-right: 15px
}

.socialMediaStream__links a:before {
    font-size: 25px
}

html.touchevents .socialMediaStream__links a:hover {
    color: #2d4275
}

.snackableNews:after,.snackableNews:before {
    content: " ";
    display: table
}

.snackableNews:after {
    clear: both
}

@media (min-width: 768px) {
    .snackableNews {
        border:1px solid #ddd;
        padding: 30px 20px
    }
}

@media (min-width: 1024px) {
    .snackableNews {
        padding:40px 20px
    }
}

.snackableNews__textContainer {
    border: 1px solid #ddd;
    padding: 30px 10px
}

@media (min-width: 768px) {
    .snackableNews__textContainer {
        border:none;
        padding: 0
    }
}

@media (min-width: 1024px) {
    .snackableNews__textContainer {
        width:calc(66.66667% + 14px);
        margin: 0 auto
    }

    .col--medium-4 .snackableNews__textContainer,.col--medium-6 .snackableNews__textContainer,.col--medium-8 .snackableNews__textContainer {
        width: 100%;
        margin: 0
    }
}

.snackableNews__textContainer :first-child {
    margin-top: -10px
}

.snackableNews__textContainer :first-child.snackableNews__headline {
    margin-top: -6px
}

@media (min-width: 1024px) {
    .snackableNews__textContainer :first-child.snackableNews__headline {
        margin-top:-8px
    }
}

.snackableNews__textContainer :first-child.snackableNews__text {
    margin-top: -6px
}

.snackableNews__headline {
    font-family: HelveticaNeue-Medium,Arial,sans-serif;
    font-size: 18px;
    line-height: 1.55556;
    color: #2d4275
}

@media (min-width: 1024px) {
    .snackableNews__headline {
        font-size:35px;
        line-height: 1.28571
    }

    .col--medium-4 .snackableNews__headline,.col--medium-6 .snackableNews__headline,.col--medium-8 .snackableNews__headline {
        font-size: 18px;
        line-height: 1.55556
    }
}

.snackableNews__headline:last-child {
    margin-bottom: -8px
}

.snackableNews__headline+.btn {
    margin-top: 20px
}

.snackableNews__subline+.snackableNews__headline {
    margin-top: 2px
}

.snackableNews__subline {
    font-family: HelveticaNeue-Light,Arial,sans-serif;
    font-size: 15px;
    line-height: 2;
    color: #9c9c9c;
    text-transform: uppercase
}

.snackableNews__text {
    font-size: 18px;
    line-height: 1.55556;
    color: #6f6f6f
}

.snackableNews__headline+.snackableNews__text,.snackableNews__subline+.snackableNews__text {
    margin-top: 10px
}

.snackableNews__text:last-child {
    margin-bottom: -8px
}

.snackableNews__text+.btn {
    margin-top: 22px
}

.snackableNews--cyan .snackableNews__headline {
    color: #00e5e5
}

.snackableNews--green .snackableNews__headline {
    color: #00e500
}

.snackableNews--image .snackableNews__imageContainer .snackableNews__image,.snackableNews--imageLeft .snackableNews__imageContainer .snackableNews__image,.snackableNews--imageRight .snackableNews__imageContainer .snackableNews__image {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%
}

.snackableNews--image .snackableNews__imageContainer .snackableNews__image .picture,.snackableNews--imageLeft .snackableNews__imageContainer .snackableNews__image .picture,.snackableNews--imageRight .snackableNews__imageContainer .snackableNews__image .picture {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.snackableNews--image .snackableNews__imageContainer .snackableNews__image .picture img,.snackableNews--imageLeft .snackableNews__imageContainer .snackableNews__image .picture img,.snackableNews--imageRight .snackableNews__imageContainer .snackableNews__image .picture img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    font-family: "object-fit: cover; object-position: 50% 50%"
}

.snackableNews--image {
    display: flex;
    flex-direction: column;
    padding: 0
}

.snackableNews--image .snackableNews__textContainer {
    padding: 30px 10px
}

@media (min-width: 768px) {
    .snackableNews--image .snackableNews__textContainer {
        padding:40px 20px
    }
}

.snackableNews--imageLeft,.snackableNews--imageRight {
    display: flex;
    flex-direction: column
}

@media (min-width: 768px) {
    .snackableNews--imageLeft,.snackableNews--imageRight {
        flex-direction:row
    }
}

.snackableNews--imageLeft .snackableNews__textContainer,.snackableNews--imageRight .snackableNews__textContainer {
    width: calc(100%);
    border-top: none
}

@media (min-width: 768px) {
    .snackableNews--imageLeft .snackableNews__textContainer,.snackableNews--imageRight .snackableNews__textContainer {
        width:calc(50% - 20px);
        margin: 0
    }
}

.snackableNews--imageLeft .snackableNews__imageContainer,.snackableNews--imageRight .snackableNews__imageContainer {
    width: calc(100%)
}

@media (min-width: 768px) {
    .snackableNews--imageLeft .snackableNews__imageContainer,.snackableNews--imageRight .snackableNews__imageContainer {
        width:calc(50% - 20px)
    }
}

@media (min-width: 768px) {
    .snackableNews--oneThird .snackableNews__imageContainer {
        width:calc(33.333% - 20px)
    }
}

@media (min-width: 768px) {
    .snackableNews--oneThird .snackableNews__textContainer {
        width:calc(66.666% - 20px)
    }
}

@media (min-width: 768px) {
    .snackableNews--twoThirds .snackableNews__imageContainer {
        width:calc(66.666% - 20px)
    }
}

@media (min-width: 768px) {
    .snackableNews--twoThirds .snackableNews__textContainer {
        width:calc(33.333% - 20px)
    }
}

@media (min-width: 768px) {
    .snackableNews--imageRight .snackableNews__textContainer {
        margin-right:20px;
        order: 1
    }
}

@media (min-width: 768px) {
    .snackableNews--imageRight .snackableNews__imageContainer {
        margin-left:20px;
        order: 2
    }
}

@media (min-width: 768px) {
    .snackableNews--imageLeft .snackableNews__textContainer {
        margin-left:20px;
        order: 2
    }
}

@media (min-width: 768px) {
    .snackableNews--imageLeft .snackableNews__imageContainer {
        margin-right:20px;
        order: 1
    }
}

.col--medium-4 .snackableNews.snackableNews--imageLeft,.col--medium-4 .snackableNews.snackableNews--imageRight,.col--medium-6 .snackableNews.snackableNews--imageLeft,.col--medium-6 .snackableNews.snackableNews--imageRight {
    flex-direction: column;
    border: none;
    padding: 0
}

.col--medium-4 .snackableNews.snackableNews--imageLeft .snackableNews__imageContainer,.col--medium-4 .snackableNews.snackableNews--imageLeft .snackableNews__textContainer,.col--medium-4 .snackableNews.snackableNews--imageRight .snackableNews__imageContainer,.col--medium-4 .snackableNews.snackableNews--imageRight .snackableNews__textContainer,.col--medium-6 .snackableNews.snackableNews--imageLeft .snackableNews__imageContainer,.col--medium-6 .snackableNews.snackableNews--imageLeft .snackableNews__textContainer,.col--medium-6 .snackableNews.snackableNews--imageRight .snackableNews__imageContainer,.col--medium-6 .snackableNews.snackableNews--imageRight .snackableNews__textContainer {
    width: calc(100%);
    margin-left: 0;
    margin-right: 0;
    order: 0
}

.col--medium-4 .snackableNews {
    padding: 0;
    border: none
}

.col--medium-4 .snackableNews .snackableNews__textContainer,.col--medium-4 .snackableNews.snackableNews--image .snackableNews__textContainer,.col--medium-4 .snackableNews.snackableNews--imageLeft .snackableNews__textContainer,.col--medium-4 .snackableNews.snackableNews--imageRight .snackableNews__textContainer {
    border: 1px solid #ddd;
    padding: 30px 10px
}

.col--medium-6 .snackableNews,.col--medium-6 .snackableNews.snackableNews--image,.col--medium-6 .snackableNews.snackableNews--imageLeft,.col--medium-6 .snackableNews.snackableNews--imageRight {
    padding: 0;
    border: none
}

.col--medium-6 .snackableNews .snackableNews__textContainer,.col--medium-6 .snackableNews.snackableNews--image .snackableNews__textContainer,.col--medium-6 .snackableNews.snackableNews--imageLeft .snackableNews__textContainer,.col--medium-6 .snackableNews.snackableNews--imageRight .snackableNews__textContainer {
    border: 1px solid #ddd;
    padding: 30px 10px
}

@media (min-width: 1024px) {
    .col--medium-6 .snackableNews .snackableNews__textContainer,.col--medium-6 .snackableNews.snackableNews--image .snackableNews__textContainer,.col--medium-6 .snackableNews.snackableNews--imageLeft .snackableNews__textContainer,.col--medium-6 .snackableNews.snackableNews--imageRight .snackableNews__textContainer {
        border:1px solid #ddd;
        padding: 40px 20px
    }
}

@media (max-width: 1023px) {
    .col--medium-8 .snackableNews.snackableNews--imageLeft,.col--medium-8 .snackableNews.snackableNews--imageRight {
        flex-direction:column;
        border: none;
        padding: 0
    }

    .col--medium-8 .snackableNews.snackableNews--imageLeft .snackableNews__imageContainer,.col--medium-8 .snackableNews.snackableNews--imageLeft .snackableNews__textContainer,.col--medium-8 .snackableNews.snackableNews--imageRight .snackableNews__imageContainer,.col--medium-8 .snackableNews.snackableNews--imageRight .snackableNews__textContainer {
        width: calc(100%);
        margin-left: 0;
        margin-right: 0;
        order: 0
    }

    .col--medium-8 .snackableNews.snackableNews--imageLeft .snackableNews__textContainer,.col--medium-8 .snackableNews.snackableNews--imageRight .snackableNews__textContainer {
        border: 1px solid #ddd;
        padding: 40px 20px
    }
}

@media (max-width: 767px) {
    .col--medium-8 .snackableNews.snackableNews--imageLeft .snackableNews__textContainer,.col--medium-8 .snackableNews.snackableNews--imageRight .snackableNews__textContainer {
        padding:30px 10px
    }
}

.newsrow {
    display: flex;
    flex-direction: column;
    margin-top: 30px
}

@media (min-width: 768px) {
    .newsrow {
        flex-direction:row;
        align-items: stretch;
        margin-top: 50px
    }

    .col--medium-4 .newsrow,.col--medium-6 .newsrow,.col--medium-8 .newsrow {
        flex-direction: column
    }
}

.newsrow .snackableNews {
    display: block
}

.newsrow .snackableNews .snackableNews__imageContainer+.snackableNews__textContainer {
    border-top: none
}

.newsrow .snackableNews .snackableNews__imageContainer+.snackableNews__textContainer .snackableNews__headline {
    font-size: 18px;
    line-height: 1.55556
}

.newsrow .snackableNews .snackableNews__imageContainer+.snackableNews__textContainer .snackableNews__subline+.snackableNews__headline {
    margin-top: 4px
}

.newsrow .snackableNews--cyan .snackableNews__headline,.newsrow .snackableNews--green .snackableNews__headline {
    color: #2d4275
}

.newsrow.newsrow--3perrow .snackableNews:first-child {
    margin-top: 0
}

@media (min-width: 768px) {
    .newsrow.newsrow--3perrow .snackableNews {
        margin-top:0;
        padding: 30px 10px;
        width: calc(33.3334% - 27px)
    }

    .newsrow.newsrow--3perrow .snackableNews:nth-child(1) {
        margin-right: 20px
    }

    .newsrow.newsrow--3perrow .snackableNews:nth-child(2) {
        margin-left: 20px;
        margin-right: 20px
    }

    .newsrow.newsrow--3perrow .snackableNews:nth-child(3) {
        margin-left: 20px
    }

    .newsrow.newsrow--3perrow .snackableNews__textContainer {
        width: 100%;
        margin: 0
    }

    .col--medium-4 .newsrow.newsrow--3perrow .snackableNews,.col--medium-6 .newsrow.newsrow--3perrow .snackableNews,.col--medium-8 .newsrow.newsrow--3perrow .snackableNews {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        margin-top: 50px
    }

    .col--medium-4 .newsrow.newsrow--3perrow .snackableNews:first-child,.col--medium-6 .newsrow.newsrow--3perrow .snackableNews:first-child,.col--medium-8 .newsrow.newsrow--3perrow .snackableNews:first-child {
        margin-top: 0
    }
}

@media (min-width: 1024px) {
    .newsrow.newsrow--3perrow .snackableNews {
        padding:40px 20px
    }
}

@media (min-width: 768px) {
    .newsrow.newsrow--3perrow .snackableNews.snackableNews--image,.newsrow.newsrow--3perrow .snackableNews.snackableNews--imageLeft,.newsrow.newsrow--3perrow .snackableNews.snackableNews--imageRight {
        padding:0
    }

    .newsrow.newsrow--3perrow .snackableNews.snackableNews--image .snackableNews__textContainer,.newsrow.newsrow--3perrow .snackableNews.snackableNews--imageLeft .snackableNews__textContainer,.newsrow.newsrow--3perrow .snackableNews.snackableNews--imageRight .snackableNews__textContainer {
        border-top: none;
        padding: 30px 10px
    }
}

@media (min-width: 1024px) {
    .newsrow.newsrow--3perrow .snackableNews.snackableNews--image .snackableNews__textContainer,.newsrow.newsrow--3perrow .snackableNews.snackableNews--imageLeft .snackableNews__textContainer,.newsrow.newsrow--3perrow .snackableNews.snackableNews--imageRight .snackableNews__textContainer {
        padding:40px 20px
    }
}

.newsrow.newsrow--2perrow .snackableNews:first-child {
    margin-top: 0
}

@media (min-width: 768px) {
    .newsrow.newsrow--2perrow .snackableNews {
        margin-top:0;
        padding: 30px 10px;
        width: calc(50% - 20px)
    }

    .newsrow.newsrow--2perrow .snackableNews:nth-child(1) {
        margin-right: 20px
    }

    .newsrow.newsrow--2perrow .snackableNews:nth-child(2) {
        margin-left: 20px
    }

    .newsrow.newsrow--2perrow .snackableNews__textContainer {
        width: 100%;
        margin: 0
    }

    .col--medium-4 .newsrow.newsrow--2perrow .snackableNews,.col--medium-6 .newsrow.newsrow--2perrow .snackableNews,.col--medium-8 .newsrow.newsrow--2perrow .snackableNews {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        margin-top: 50px
    }

    .col--medium-4 .newsrow.newsrow--2perrow .snackableNews:first-child,.col--medium-6 .newsrow.newsrow--2perrow .snackableNews:first-child,.col--medium-8 .newsrow.newsrow--2perrow .snackableNews:first-child {
        margin-top: 0
    }
}

@media (min-width: 1024px) {
    .newsrow.newsrow--2perrow .snackableNews {
        padding:40px 20px
    }
}

@media (min-width: 768px) {
    .newsrow.newsrow--2perrow .snackableNews.snackableNews--image,.newsrow.newsrow--2perrow .snackableNews.snackableNews--imageLeft,.newsrow.newsrow--2perrow .snackableNews.snackableNews--imageRight {
        padding:0
    }

    .newsrow.newsrow--2perrow .snackableNews.snackableNews--image .snackableNews__textContainer,.newsrow.newsrow--2perrow .snackableNews.snackableNews--imageLeft .snackableNews__textContainer,.newsrow.newsrow--2perrow .snackableNews.snackableNews--imageRight .snackableNews__textContainer {
        border-top: none;
        padding: 30px 10px
    }
}

@media (min-width: 1024px) {
    .newsrow.newsrow--2perrow .snackableNews.snackableNews--image .snackableNews__textContainer,.newsrow.newsrow--2perrow .snackableNews.snackableNews--imageLeft .snackableNews__textContainer,.newsrow.newsrow--2perrow .snackableNews.snackableNews--imageRight .snackableNews__textContainer {
        padding:40px 20px
    }
}

.textCard {
    border: 1px solid #ddd
}

.textCard:after,.textCard:before {
    content: " ";
    display: table
}

.textCard:after {
    clear: both
}

@media (min-width: 768px) {
    .textCard {
        padding:30px 20px
    }
}

@media (min-width: 1024px) {
    .textCard {
        padding:40px 20px
    }
}

.textCard__overline {
    font-size: 15px;
    line-height: 2;
    color: #9c9c9c;
    text-transform: uppercase;
    margin-top: 20px
}

.textCard--dark-grey .textCard__overline {
    color: #fff
}

.textCard__headline h3,.textCard__headline h4 {
    margin-top: 20px;
    color: #2d4275
}

.textCard--dark-grey .textCard__headline h3,.textCard--dark-grey .textCard__headline h4 {
    color: #fff
}

.textCard__headline--cyan h3,.textCard__headline--cyan h4 {
    color: #15d4f1!important
}

.textCard__headline--green h3,.textCard__headline--green h4 {
    color: #00d257!important
}

.textCard__text {
    font-size: 18px;
    line-height: 1.55556;
    color: #6f6f6f;
    margin-top: 20px
}

.textCard--dark-grey .textCard__text {
    color: #fff
}

.textCard__intro {
    font-size: 25px;
    line-height: 35px;
    margin-top: 20px
}

.textCard__link {
    margin-top: 20px
}

.textCard__link a {
    color: #2d4275
}

.textCard--dark-grey .textCard__link a {
    color: #fff
}

.textCard__link a:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 40%;
    font-size: 10px;
    position: relative;
    padding-right: 10px;
    padding-left: 1px;
    bottom: 1px;
    left: 1px
}

.textCard--image {
    display: flex;
    flex-direction: column;
    padding: 0
}

.textCard--image .textCard__imageContainer .textCard__image {
    position: relative;
    overflow: hidden;
    width: 100%
}

.textCard--image .textCard__imageContainer .textCard__image img {
    width: 100%
}

.textCard .textCard__textContainer {
    padding: 10px 10px 30px
}

@media (min-width: 768px) {
    .textCard .textCard__textContainer {
        padding:10px 20px 40px
    }
}

.textrow {
    display: flex;
    flex-direction: column;
    margin-top: 30px
}

@media (min-width: 768px) {
    .textrow {
        flex-direction:row;
        flex-flow: wrap;
        align-items: stretch;
        margin-top: 50px
    }
}

.textrow .textCard {
    display: block;
    color: #6f6f6f
}

@media (min-width: 768px) {
    .textrow .textCard {
        margin-top:0;
        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 50px
    }

    .textrow .textCard:first-child {
        margin-left: 0
    }

    .textrow .textCard:last-child {
        margin-right: 0
    }

    .textrow .textCard__textContainer {
        width: 100%;
        margin: 0
    }
}

.section--colorTheme1 .textrow .textCard {
    border: none
}

.textrow .textCard .textCard__imageContainer+.textCard__textContainer {
    border-top: none
}

.textrow .textCard .textCard__imageContainer+.textCard__textContainer .textCard__headline {
    font-size: 18px;
    line-height: 1.55556
}

.textrow .textCard--white {
    background: #fff
}

.textrow .textCard--light-grey {
    background: #ededed
}

.section--colorTheme1 .textrow .textCard--light-grey {
    background: #fff;
    border-color: #fff
}

.textrow .textCard--dark-grey {
    background: #6f6f6f;
    color: #fff
}

@media (min-width: 768px) {
    .textrow.textrow--3perrow .textCard {
        width:calc(100% / 3 - 30px);
        padding: 0
    }
}

@media (min-width: 768px) {
    .textrow.textrow--3perrow .textCard.textCard--image .textCard__textContainer,.textrow.textrow--3perrow .textCard.textCard--text .textCard__textContainer {
        border-top:none;
        padding: 10px 10px 30px
    }
}

@media (min-width: 1024px) {
    .textrow.textrow--3perrow .textCard.textCard--image .textCard__textContainer,.textrow.textrow--3perrow .textCard.textCard--text .textCard__textContainer {
        padding:10px 20px 40px
    }
}

.textrow.textrow--4perrow .textCard {
    width: 100%
}

@media (min-width: 768px) {
    .textrow.textrow--4perrow .textCard {
        width:calc(100% / 2 - 20px);
        padding: 0
    }

    .textrow.textrow--4perrow .textCard:nth-child(2n-1) {
        margin-left: 0
    }

    .textrow.textrow--4perrow .textCard:nth-child(2n) {
        margin-right: 0
    }
}

@media (min-width: 1024px) {
    .textrow.textrow--4perrow .textCard {
        width:calc(100% / 4 - 30px)
    }

    .textrow.textrow--4perrow .textCard:nth-child(2n-1) {
        margin-left: 20px
    }

    .textrow.textrow--4perrow .textCard:nth-child(2n) {
        margin-right: 20px
    }

    .textrow.textrow--4perrow .textCard:first-child {
        margin-left: 0
    }

    .textrow.textrow--4perrow .textCard:last-child {
        margin-right: 0
    }
}

.resultList:after,.resultList:before {
    content: " ";
    display: table
}

.resultList:after {
    clear: both
}

.resultList__filter {
    margin-bottom: -10px
}

.resultList__filter:after,.resultList__filter:before {
    content: " ";
    display: table
}

.resultList__filter:after {
    clear: both
}

.resultList__filterText {
    border-bottom: 1px solid #6f6f6f;
    padding-bottom: 5px;
    margin-bottom: 10px;
    color: #6f6f6f;
    font-family: HelveticaNeue-Medium,Arial,sans-serif;
    font-size: 18px
}

@media (min-width: 768px) {
    .resultList__filterText {
        float:left;
        padding: 2px 10px 2px 0;
        margin: 0 10px 10px 0;
        border-bottom: none;
        font-size: 25px
    }
}

.resultList__filterText:after {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 15px;
    float: right;
    cursor: pointer;
    top: 5px
}

@media (min-width: 768px) {
    .resultList__filterText:after {
        content:''
    }
}

.resultList__filterText.is-open:after {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 15px;
    float: right;
    cursor: pointer;
    top: 5px
}

@media (min-width: 768px) {
    .resultList__filterText.is-open:after {
        content:''
    }
}

.resultList__filterCategories {
    display: none;
    font-family: HelveticaNeue-Medium,Arial,sans-serif;
    font-size: 15px
}

@media (min-width: 768px) {
    .resultList__filterCategories {
        display:block;
        float: left;
        font-size: 18px
    }
}

.resultList__filterCategories span {
    display: inline-block;
    margin: 0 10px 10px 0;
    padding: 2px 18px;
    font-size: 15px;
    line-height: 24px;
    color: #6f6f6f;
    background: #fff;
    border: 2px solid #6f6f6f;
    cursor: pointer;
    text-transform: uppercase
}

.resultList__filterCategories span.active {
    color: #00e5e5;
    background: #6f6f6f;
    border-color: #6f6f6f
}

.resultList__filterCategories span:last-child {
    margin-right: 0
}

html:not(.touchevents) .resultList__filterCategories span:hover {
    border-color: #9c9c9c;
    color: #9c9c9c
}

html:not(.touchevents) .resultList__filterCategories span.active:hover {
    color: #00e5e5;
    border-color: #6f6f6f
}

.resultList .resultList__filterText.is-open+.resultList__filterCategories {
    display: block
}

.resultList .resultList__moreButton {
    display: block;
    margin-top: 30px
}

.resultList .resultList__moreButton:hover {
    border-color: #2d4275;
    color: #2d4275
}

@media (min-width: 768px) {
    .resultList .resultList__moreButton {
        width:calc(33.3334% - 20px)
    }
}

.resultList__content {
    margin-top: 30px
}

@media (min-width: 768px) {
    .resultList__content {
        margin-top:50px
    }
}

.resultList__content>.snackableNews,.resultList__content>.teaser {
    margin-top: 30px
}

@media (min-width: 768px) {
    .resultList__content>.snackableNews,.resultList__content>.teaser {
        margin-top:50px
    }
}

.logoContainer {
    margin-top: 50px;
    display: block;
    max-width: 1220px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 10px
}

.logoContainer:after {
    content: " ";
    display: block;
    clear: both
}

.logoContainer .logoContainer__image {
    width: 100%;
    max-width: 240px
}

@media (min-width: 768px) {
    .logoContainer .logoContainer__image {
        max-width:420px;
        width: 33.33333%;
        float: left;
        padding-left: 20px;
        padding-right: 20px;
        margin-left: 66.66667%
    }
}

.socialMediaSharing {
    z-index: 100;
    position: fixed;
    width: 100%;
    bottom: 0;
    right: 0
}

@media (min-width: 768px) {
    .socialMediaSharing {
        bottom:auto;
        top: 30%;
        right: calc(48px - 100vw)
    }

    .scrollbarShown .socialMediaSharing {
        right: calc(48px + 16px - 100vw)
    }

    .edge .scrollbarShown .socialMediaSharing {
        right: calc(48px + 12px - 100vw)
    }
}

.socialMediaSharing__button {
    float: left;
    width: 20%;
    height: 32px
}

.socialMediaSharing__button a {
    display: inline-block;
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center
}

.socialMediaSharing__button a:hover {
    color: #fff
}

.socialMediaSharing__button a span:before {
    line-height: 32px;
    font-size: 18px
}

@media (min-width: 768px) {
    .socialMediaSharing__button a span:before {
        line-height:48px
    }
}

.socialMediaSharing__button--share {
    background-color: #6f6f6f
}

.socialMediaSharing__button--share span {
    display: inline-block;
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center
}

.socialMediaSharing__button--share span:before {
    font-size: 24px;
    line-height: 32px
}

@media (min-width: 768px) {
    .socialMediaSharing__button--share span:before {
        line-height:48px
    }
}

.socialMediaSharing__button--facebook {
    background: #3b5999
}

.socialMediaSharing__button--linkedIn {
    background: #0077b5
}

.socialMediaSharing__button--mail {
    background: #2d4275
}

.socialMediaSharing__button--mail a span:before {
    font-size: 14px
}

@media (min-width: 768px) {
    .socialMediaSharing__button {
        position:relative;
        float: none;
        width: 48px;
        height: 48px;
        left: 0;
        transition: width .3s,left .3s
    }

    html:not(.touchevents) .socialMediaSharing__button:not(.socialMediaSharing__button--share):hover {
        width: 64px;
        left: -16px
    }
}

.socialMediaSharing__toggle {
    display: none
}

@media (min-width: 768px) {
    .socialMediaSharing.is-hidden .socialMediaSharing__button,.socialMediaSharing.is-hidden .socialMediaSharing__button:hover {
        left:40px
    }

    .socialMediaSharing.is-hidden .socialMediaSharing__toggle {
        left: 24px;
        opacity: 1
    }

    .socialMediaSharing.is-hidden .socialMediaSharing__toggle [class*=icon-]:before {
        display: inline-block;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .socialMediaSharing__toggle {
        position: relative;
        padding-left: 8px;
        display: block;
        opacity: 0;
        left: 0;
        transition: opacity .3s,left .3s;
        color: #9c9c9c;
        cursor: pointer
    }

    .socialMediaSharing:hover .socialMediaSharing__toggle,.touchevents .socialMediaSharing .socialMediaSharing__toggle {
        opacity: 1
    }
}

.accordion:after,.accordion:before {
    content: " ";
    display: table
}

.accordion:after {
    clear: both
}

.accordion__panel {
    position: relative;
    float: left;
    width: 100%
}

.accordion__panel:first-child {
    margin-top: 0
}

.accordion__panel:last-child {
    border-bottom: 1px solid #ddd
}

.accordion__panel--open .accordion__content {
    display: block
}

.accordion__panel--open .accordion__titleLink {
    color: #266693
}

.accordion__panel--open .accordion__icon {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.accordion__panel--opening .accordion__icon {
    -webkit-animation: iconSpinOpen .3s linear;
    animation: iconSpinOpen .3s linear;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.accordion__panel--closing .accordion__icon {
    -webkit-animation: iconSpinClose .3s linear;
    animation: iconSpinClose .3s linear;
    -webkit-transform: none;
    transform: none;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.accordion__icon {
    position: absolute;
    top: 15px;
    right: 0;
    line-height: 1
}

@media (min-width: 768px) {
    .accordion__icon {
        top:14px
    }
}

@media (min-width: 1280px) {
    .accordion__icon {
        top:19px
    }
}

.accordion__icon:before {
    font-size: 25px
}

@media (min-width: 768px) {
    .accordion__icon:before {
        font-size:30px
    }
}

@media (min-width: 1280px) {
    .accordion__icon:before {
        font-size:44px
    }
}

.accordion__title {
    margin: 0;
    position: relative;
    border-top: 1px solid #ddd
}

.accordion__titleLink {
    display: block;
    padding: 12px 55px 13px 0;
    text-decoration: none;
    color: #2d4275;
    font-family: HelveticaNeue-Light,Arial,sans-serif
}

@media (min-width: 1280px) {
    .accordion__titleLink {
        padding:19px 55px 21px 0
    }
}

.accordion__titleLink:hover {
    color: #266693
}

.accordion__content {
    display: none;
    padding-bottom: 22px
}

.accordion__content>.component:first-child {
    margin-top: 0
}

@media (min-width: 768px) {
    .accordion__content {
        padding-top:3px
    }
}

@media (min-width: 1280px) {
    .accordion__content {
        padding-top:20px
    }
}

.accordion.tabs .accordion__panel:last-child {
    border-bottom: none
}

.accordion.tabs .accordion__tabs {
    position: relative;
    visibility: visible
}

.accordion.tabs .accordion__content>.component:first-child {
    margin-top: 30px
}

.accordion__tabs {
    width: 100%;
    background-color: #ededed;
    position: absolute;
    float: left;
    visibility: hidden;
    height: 40px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

.accordion__tabs:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #ddd;
    display: block
}

.section--colorTheme1 .accordion__tabs {
    background-color: #fff
}

.section--colorTheme1 .accordion__tabs:after {
    background-color: #ededed
}

.accordion__tabsPanel {
    display: block;
    width: auto;
    cursor: pointer;
    position: relative;
    white-space: nowrap;
    border-width: 0 1px 2px 1px;
    border-style: solid;
    background-color: #ededed;
    border-color: #ddd;
    z-index: 1
}

.accordion__tabsPanel:first-child {
    border-left-width: 2px
}

.accordion__tabsPanel:last-child {
    border-right-width: 2px
}

.accordion__tabsPanel:before {
    content: "";
    position: relative;
    width: 0;
    height: 2px;
    background-color: #ddd;
    display: block
}

.accordion__tabsPanel--open {
    background-color: #fff;
    border-bottom: 2px solid #fff
}

.accordion__tabsPanel--open:first-child {
    border-left-color: #fff
}

.accordion__tabsPanel--open .accordion__tabs__titleLink {
    color: #6f6f6f
}

.accordion__tabsPanel--open:before {
    width: 100%;
    background-color: #2d4275
}

.accordion__tabsPanel:hover:before {
    width: 100%;
    background-color: #266693;
    transition-property: width;
    transition-duration: .3s;
    transition-timing-function: ease-out
}

.section--colorTheme1 .accordion__tabsPanel {
    background-color: #fff;
    border-color: #ededed
}

.section--colorTheme1 .accordion__tabsPanel--open {
    background-color: #ededed;
    border-color: #ededed;
    border-bottom-color: #ededed
}

.section--colorTheme1 .accordion__tabsPanel--open:first-child {
    border-left-color: #ededed
}

.accordion__tabsPanel .accordion__icon {
    display: none
}

.accordion__tabsTitleLink {
    font-family: HelveticaNeue-Medium,Arial,sans-serif;
    font-size: 15px;
    color: #2d4275;
    text-transform: uppercase;
    display: block;
    padding: 4px 20px
}

.accordion__tabsTitleLink:hover {
    color: #266693
}

.accordion--customselect h3 {
    font-size: 15px
}

.accordion--customselect h3.accordion__title {
    padding-left: 40px;
    border: none
}

.accordion--customselect .accordion__titleLink {
    text-transform: uppercase;
    font-family: HelveticaNeue-Medium,Arial,sans-serif
}

.accordion--customselect .accordion__titleLink:hover .accordion__icon {
    border-color: #266693
}

.accordion--customselect .accordion__icon {
    width: 30px;
    height: 30px;
    right: auto;
    left: 0;
    top: 50%;
    margin-top: -15px
}

.accordion--customselect .accordion__icon::before {
    font-size: 30px;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0
}

.accordion--customselect .accordion__panel:last-child {
    border: none
}

.accordion--customselect .accordion__panel .link-wrapper a {
    margin: 10px 0 0 0
}

@media (min-width: 600px) {
    .accordion--customselect .accordion__panel .link-wrapper {
        margin-left:-10px
    }

    .accordion--customselect .accordion__panel .link-wrapper:after,.accordion--customselect .accordion__panel .link-wrapper:before {
        content: " ";
        display: table
    }

    .accordion--customselect .accordion__panel .link-wrapper:after {
        clear: both
    }

    .accordion--customselect .accordion__panel .link-wrapper a {
        margin-left: 10px;
        float: left
    }
}

.accordion--customselect .accordion__panel--open .accordion__icon {
    border-color: #266693
}

@media (min-width: 600px) {
    .accordion--customselect .accordion__content {
        padding-top:0
    }
}

@-webkit-keyframes iconSpinOpen {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

@keyframes iconSpinOpen {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

@-webkit-keyframes iconSpinClose {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

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

@keyframes iconSpinClose {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

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

.imageAccordion {
    position: relative;
    width: 100%;
    overflow: hidden
}

@media screen and (max-width: 767px) {
    .imageAccordion {
        height:auto
    }
}

.imageAccordion .headline-wrapper {
    position: absolute;
    left: 50%;
    z-index: 20;
    width: 100%;
    max-width: 1260px;
    margin-top: 14vh;
    margin-left: 10px;
    margin-right: 10px
}

@media screen and (max-width: 767px) {
    .imageAccordion .headline-wrapper {
        margin-top:4.6vh;
        margin-left: 10px
    }
}

@media screen and (min-width: 768px) {
    .imageAccordion .headline-wrapper {
        margin-left:25px;
        margin-right: 25px
    }
}

@media screen and (min-width: 1280px) {
    .imageAccordion .headline-wrapper {
        margin-left:15px;
        margin-right: 15px
    }
}

.imageAccordion .headline-inner {
    position: relative;
    left: -50%
}

.imageAccordion .headline {
    font-size: 40px;
    color: #fff;
    z-index: 20;
    opacity: 1;
    transition: all .5s ease
}

@media screen and (max-width: 767px) {
    .imageAccordion .headline {
        font-size:28px;
        line-height: 105%;
        cursor: pointer
    }
}

@media screen and (min-width: 768px) {
    .imageAccordion .headline {
        font-size:50px
    }
}

@media screen and (min-width: 1024px) {
    .imageAccordion .headline {
        font-size:60px
    }
}

@media screen and (min-width: 1280px) {
    .imageAccordion .headline {
        font-size:80px
    }
}

.imageAccordion.expanded .headline {
    opacity: 0
}

.imageAccordion .dimmer {
    background: #000;
    opacity: .3;
    width: 100%;
    min-height: 650px
}

@media screen and (max-width: 767px) {
    .imageAccordion .dimmer {
        display:block!important;
        height: calc(33.3vh - 21px)!important;
        min-height: 200px;
        opacity: .45!important
    }
}

.imageAccordion ul {
    width: 100%;
    display: table;
    table-layout: fixed;
    margin: 0;
    padding: 0;
    min-height: 600px
}

@media screen and (max-width: 767px) {
    .imageAccordion ul {
        height:calc(100vh - 65px)
    }
}

.imageAccordion--3elements.expanded li {
    width: 18%
}

.imageAccordion--3elements.expanded li.active {
    width: 64%
}

.imageAccordion--4elements.expanded li {
    width: 12%
}

.imageAccordion--4elements.expanded li.active {
    width: 64%
}

.imageAccordion li {
    display: table-cell;
    position: relative;
    width: 33%;
    transition: all 1s cubic-bezier(.2,.42,.19,.8);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 4px 0 4px rgba(0,0,0,.1);
    cursor: pointer
}

.imageAccordion li.active {
    cursor: default
}

.imageAccordion li.active .overview {
    opacity: 0
}

.imageAccordion li div h3 {
    text-align: center;
    font-size: 25px
}

.imageAccordion--stage li {
    height: 100vh
}

.imageAccordion--stage .dimmer {
    height: 100vh
}

.imageAccordion--stage .detail,.imageAccordion--stage .overview {
    top: 55vh!important
}

@media screen and (max-width: 767px) {
    .imageAccordion ul li,.imageAccordion ul li.active,.imageAccordion ul.active li,.imageAccordion ul.active li.active {
        position:relative;
        display: table;
        table-layout: fixed;
        width: 100%;
        transition: none;
        height: calc(33.3vh - 21px);
        min-height: 200px
    }

    .imageAccordion ul li div,.imageAccordion ul li span,.imageAccordion ul li.active div,.imageAccordion ul li.active span,.imageAccordion ul.active li div,.imageAccordion ul.active li span,.imageAccordion ul.active li.active div,.imageAccordion ul.active li.active span {
        display: table-cell;
        width: 100%;
        vertical-align: bottom;
        height: auto
    }
}

.imageAccordion .detail,.imageAccordion .overview {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 10%;
    top: 350px;
    z-index: 3;
    padding: 15px 0;
    color: #fff;
    text-decoration: none;
    transition: all 1s ease
}

.imageAccordion .detail {
    padding: 30px 40px 30px 30px
}

.imageAccordion .detail h4,.imageAccordion .detail p,.imageAccordion .overview h3 {
    font-family: HelveticaNeue-Medium,Arial,sans-serif;
    margin: 0;
    width: 100%;
    position: relative;
    z-index: 5;
    color: #fff
}

.imageAccordion .overview {
    text-align: center;
    opacity: 1
}

@media screen and (max-width: 767px) {
    .imageAccordion .overview {
        display:none!important
    }
}

.imageAccordion .detail {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    transition: all 1s ease
}

@media screen and (max-width: 767px) {
    .imageAccordion .detail {
        opacity:1;
        top: auto!important;
        bottom: 10px;
        left: -10px;
        padding-left: 0;
        padding-right: 50px
    }

    .imageAccordion .detail p {
        width: 92%
    }

    .imageAccordion .detail:after {
        position: relative;
        font-family: Icons;
        font-size: 68%;
        line-height: 1;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        font-display: swap;
        text-decoration: none;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        font-size: 40%;
        font-size: 40%;
        position: absolute;
        right: 10px;
        bottom: 0;
        color: #fff;
        font-size: 30px;
        padding: 14px 20px
    }

    .imageAccordion .detail h4 {
        font-size: 28px!important;
        margin-bottom: -10px!important
    }
}

.imageAccordion .detail.active {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.imageAccordion .detail h4 {
    font-size: 50px;
    line-height: 60px;
    margin-top: -13px!important;
    margin-bottom: 20px
}

@media screen and (max-width: 767px) {
    .imageAccordion .detail h4 {
        line-height:34px;
        padding-bottom: 20px
    }
}

.imageAccordion p {
    font-size: 25px
}

@media screen and (max-width: 767px) {
    .imageAccordion p {
        font-size:18px;
        line-height: 22px
    }
}

@media screen and (max-width: 767px) {
    .imageAccordion .btnWrapper {
        display:none!important
    }
}

.imageAccordion .btnWrapper a {
    margin-top: 45px!important
}

.list {
    margin-bottom: 0;
    padding: 0;
    overflow: hidden
}

.list>li {
    position: relative
}

.list--link>li {
    margin-bottom: 15px;
    padding-left: 11px
}

@media (min-width: 1024px) {
    .list--link>li {
        padding-right:33%
    }
}

.col--medium-3 .list--link>li,.col--medium-4 .list--link>li,.col--medium-6 .list--link>li,.col--medium-8 .list--link>li {
    padding-right: 0
}

.list--link>li>a {
    word-wrap: break-word
}

.list--link>li>a:hover {
    color: #2d4275;
    text-decoration: none;
    background: linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#2d4275,#2d4275);
    background-size: .05em 1px,.05em 1px,1px 1px;
    background-repeat: no-repeat,no-repeat,repeat-x;
    text-shadow: .03em 1px #fff,-.03em 1px #fff,1px .03em #fff,1px -.03em #fff,.06em 1px #fff,-.06em 1px #fff,.09em 1px #fff,-.09em 1px #fff,.12em 1px #fff,-.12em 1px #fff,.15em 1px #fff,-.15em 1px #fff,.18em 1px #fff,-.18em 1px #fff;
    background-position-y: 100%,100%,100%;
    background-position-x: 0,100%,0
}

.list--link>li>a:hover *,.list--link>li>a:hover :after,.list--link>li>a:hover :before,.list--link>li>a:hover:after,.list--link>li>a:hover:before {
    text-shadow: none
}

.list--link>li>a:hover:visited {
    color: #2d4275
}

.section--colorTheme1 .list--link>li>a:hover {
    color: #2d4275;
    text-decoration: none;
    background: linear-gradient(#f2f2f2,#f2f2f2),linear-gradient(#f2f2f2,#f2f2f2),linear-gradient(#2d4275,#2d4275);
    background-size: .05em 1px,.05em 1px,1px 1px;
    background-repeat: no-repeat,no-repeat,repeat-x;
    text-shadow: .03em 1px #f2f2f2,-.03em 1px #f2f2f2,1px .03em #f2f2f2,1px -.03em #f2f2f2,.06em 1px #f2f2f2,-.06em 1px #f2f2f2,.09em 1px #f2f2f2,-.09em 1px #f2f2f2,.12em 1px #f2f2f2,-.12em 1px #f2f2f2,.15em 1px #f2f2f2,-.15em 1px #f2f2f2,.18em 1px #f2f2f2,-.18em 1px #f2f2f2;
    background-position-y: 100%,100%,100%;
    background-position-x: 0,100%,0
}

.section--colorTheme1 .list--link>li>a:hover *,.section--colorTheme1 .list--link>li>a:hover :after,.section--colorTheme1 .list--link>li>a:hover :before,.section--colorTheme1 .list--link>li>a:hover:after,.section--colorTheme1 .list--link>li>a:hover:before {
    text-shadow: none
}

.section--colorTheme1 .list--link>li>a:hover:visited {
    color: #2d4275
}

.footer .list--link>li>a:hover {
    color: #2d4275;
    text-decoration: none;
    background: linear-gradient(#ededed,#ededed),linear-gradient(#ededed,#ededed),linear-gradient(#2d4275,#2d4275);
    background-size: .05em 1px,.05em 1px,1px 1px;
    background-repeat: no-repeat,no-repeat,repeat-x;
    text-shadow: .03em 1px #ededed,-.03em 1px #ededed,1px .03em #ededed,1px -.03em #ededed,.06em 1px #ededed,-.06em 1px #ededed,.09em 1px #ededed,-.09em 1px #ededed,.12em 1px #ededed,-.12em 1px #ededed,.15em 1px #ededed,-.15em 1px #ededed,.18em 1px #ededed,-.18em 1px #ededed;
    background-position-y: 100%,100%,100%;
    background-position-x: 0,100%,0
}

.footer .list--link>li>a:hover *,.footer .list--link>li>a:hover :after,.footer .list--link>li>a:hover :before,.footer .list--link>li>a:hover:after,.footer .list--link>li>a:hover:before {
    text-shadow: none
}

.footer .list--link>li>a:hover:visited {
    color: #2d4275
}

.list--link>li:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 40%;
    position: absolute;
    top: 9px;
    left: 2px;
    color: #2d4275;
    font-size: 50%
}

.list--link>li:last-child {
    margin-bottom: 0
}

.textcontainer--cyan .list--link>li>a {
    color: #00e5e5
}

.textcontainer--cyan .list--link>li>a:hover {
    color: #fff;
    text-decoration: none;
    background: linear-gradient(#6f6f6f,#6f6f6f),linear-gradient(#6f6f6f,#6f6f6f),linear-gradient(#fff,#fff);
    background-size: .05em 1px,.05em 1px,1px 1px;
    background-repeat: no-repeat,no-repeat,repeat-x;
    text-shadow: .03em 1px #6f6f6f,-.03em 1px #6f6f6f,1px .03em #6f6f6f,1px -.03em #6f6f6f,.06em 1px #6f6f6f,-.06em 1px #6f6f6f,.09em 1px #6f6f6f,-.09em 1px #6f6f6f,.12em 1px #6f6f6f,-.12em 1px #6f6f6f,.15em 1px #6f6f6f,-.15em 1px #6f6f6f,.18em 1px #6f6f6f,-.18em 1px #6f6f6f;
    background-position-y: 100%,100%,100%;
    background-position-x: 0,100%,0
}

.textcontainer--cyan .list--link>li>a:hover *,.textcontainer--cyan .list--link>li>a:hover :after,.textcontainer--cyan .list--link>li>a:hover :before,.textcontainer--cyan .list--link>li>a:hover:after,.textcontainer--cyan .list--link>li>a:hover:before {
    text-shadow: none
}

.textcontainer--cyan .list--link>li>a:hover:visited {
    color: #fff
}

.textcontainer--cyan .list--link>li:before {
    color: #00e5e5
}

.textcontainer--green .list--link>li>a {
    color: #00e500
}

.textcontainer--green .list--link>li>a:hover {
    color: #fff;
    text-decoration: none;
    background: linear-gradient(#6f6f6f,#6f6f6f),linear-gradient(#6f6f6f,#6f6f6f),linear-gradient(#fff,#fff);
    background-size: .05em 1px,.05em 1px,1px 1px;
    background-repeat: no-repeat,no-repeat,repeat-x;
    text-shadow: .03em 1px #6f6f6f,-.03em 1px #6f6f6f,1px .03em #6f6f6f,1px -.03em #6f6f6f,.06em 1px #6f6f6f,-.06em 1px #6f6f6f,.09em 1px #6f6f6f,-.09em 1px #6f6f6f,.12em 1px #6f6f6f,-.12em 1px #6f6f6f,.15em 1px #6f6f6f,-.15em 1px #6f6f6f,.18em 1px #6f6f6f,-.18em 1px #6f6f6f;
    background-position-y: 100%,100%,100%;
    background-position-x: 0,100%,0
}

.textcontainer--green .list--link>li>a:hover *,.textcontainer--green .list--link>li>a:hover :after,.textcontainer--green .list--link>li>a:hover :before,.textcontainer--green .list--link>li>a:hover:after,.textcontainer--green .list--link>li>a:hover:before {
    text-shadow: none
}

.textcontainer--green .list--link>li>a:hover:visited {
    color: #fff
}

.textcontainer--green .list--link>li:before {
    color: #00e500
}

.textcontainer--white .list--link>li>a {
    color: #fff
}

.textcontainer--white .list--link>li>a:hover {
    color: #fff;
    text-decoration: none;
    background: linear-gradient(#6f6f6f,#6f6f6f),linear-gradient(#6f6f6f,#6f6f6f),linear-gradient(#fff,#fff);
    background-size: .05em 1px,.05em 1px,1px 1px;
    background-repeat: no-repeat,no-repeat,repeat-x;
    text-shadow: .03em 1px #6f6f6f,-.03em 1px #6f6f6f,1px .03em #6f6f6f,1px -.03em #6f6f6f,.06em 1px #6f6f6f,-.06em 1px #6f6f6f,.09em 1px #6f6f6f,-.09em 1px #6f6f6f,.12em 1px #6f6f6f,-.12em 1px #6f6f6f,.15em 1px #6f6f6f,-.15em 1px #6f6f6f,.18em 1px #6f6f6f,-.18em 1px #6f6f6f;
    background-position-y: 100%,100%,100%;
    background-position-x: 0,100%,0
}

.textcontainer--white .list--link>li>a:hover *,.textcontainer--white .list--link>li>a:hover :after,.textcontainer--white .list--link>li>a:hover :before,.textcontainer--white .list--link>li>a:hover:after,.textcontainer--white .list--link>li>a:hover:before {
    text-shadow: none
}

.textcontainer--white .list--link>li>a:hover:visited {
    color: #fff
}

.textcontainer--white .list--link>li:before {
    color: #fff
}

.textcontainer .list--link>li:hover>a {
    color: #fff
}

.textcontainer .list--link>li:hover:before {
    color: #fff
}

.list--download>li {
    margin-top: 15px
}

.list--download>li:first-child {
    margin-top: 0
}

.list--download>li>a {
    display: inline-block;
    width: 100%;
    padding: 7px 60px 7px 20px;
    background-color: #ededed;
    cursor: pointer;
    color: #2d4275
}

@media (min-width: 1024px) {
    .list--download>li>a {
        padding-right:33%
    }
}

.col--medium-4 .list--download>li>a,.col--medium-6 .list--download>li>a,.col--medium-8 .list--download>li>a {
    padding-right: 60px
}

.section--colorTheme1 .list--download>li>a {
    background-color: #fff
}

.list--download>li>a:before {
    content: "";
    position: absolute;
    left: 0;
    right: 100%;
    bottom: 0;
    background: #266693;
    height: 3px;
    transition-property: right;
    transition-duration: .3s;
    transition-timing-function: ease-out
}

.no-touchevents .list--download>li>a:hover:before {
    right: 0
}

.list--download>li>a:after {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    vertical-align: top;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    font-size: 142%;
    cursor: pointer;
    color: #2d4275
}

.list--download>li>a:hover:after {
    color: #266693
}

.list--download>li span {
    margin-right: 20px
}

.list--download>li span.list--detail {
    color: #9c9c9c;
    display: inline-block;
    word-break: break-all
}

.list--download>li span:after {
    content: '|';
    position: relative;
    color: #ddd;
    left: 12px
}

.list--download>li span:last-child:after {
    content: none
}

.downloadWithPicture {
    padding: 0
}

.downloadWithPicture .image {
    margin-top: 0
}

.downloadWithPicture>li {
    position: relative;
    width: 100%;
    list-style: none
}

.downloadWithPicture>li img {
    width: 100%;
    height: auto
}

.downloadWithPicture>li+li {
    border-top: 1px solid #ddd
}

.downloadWithPicture__linkedWrapper {
    display: inline-block;
    padding: 30px 0;
    width: 100%
}

li:first-child .downloadWithPicture__linkedWrapper {
    padding-top: 0
}

li:last-child .downloadWithPicture__linkedWrapper {
    padding-bottom: 0
}

.downloadWithPicture__pictureWrapper {
    position: relative;
    float: left;
    width: 120px;
    padding: 0
}

@media (min-width: 768px) {
    .downloadWithPicture__pictureWrapper {
        width:16.66667%;
        float: left;
        padding-left: 20px;
        padding-right: 20px;
        padding: 0
    }

    .col--medium-4 .downloadWithPicture__pictureWrapper {
        width: 120px
    }

    .col--medium-6 .downloadWithPicture__pictureWrapper {
        width: 33.33333%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--medium-8 .downloadWithPicture__pictureWrapper {
        width: 25%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--medium-4 .downloadWithPicture__pictureWrapper,.col--medium-6 .downloadWithPicture__pictureWrapper,.col--medium-8 .downloadWithPicture__pictureWrapper {
        padding: 0
    }
}

.downloadWithPicture__pictureWrapper .image {
    border: 1px solid #ddd
}

.downloadWithPicture__description {
    position: relative;
    float: left;
    clear: both;
    width: 100%
}

.downloadWithPicture__description h3 {
    margin-top: 22px;
    color: #2d4275
}

@media (min-width: 768px) {
    .downloadWithPicture__description {
        clear:none;
        width: 83.33333%;
        float: left;
        padding-left: 20px;
        padding-right: 20px;
        padding-right: 0
    }

    .col--medium-4 .downloadWithPicture__description {
        width: 100%;
        padding: 0
    }

    .col--medium-4 .downloadWithPicture__description h3 {
        margin-top: 22px
    }

    .col--medium-6 .downloadWithPicture__description {
        width: 66.66667%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--medium-8 .downloadWithPicture__description {
        width: 75%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--medium-4 .downloadWithPicture__description,.col--medium-6 .downloadWithPicture__description,.col--medium-8 .downloadWithPicture__description {
        padding-right: 0
    }

    .downloadWithPicture__description h3 {
        margin-top: -7px
    }
}

.downloadWithPicture__subline {
    font-family: HelveticaNeue-Medium,Arial,sans-serif;
    color: #6f6f6f;
    display: inline-block;
    width: 100%;
    margin-top: 16px;
    float: left
}

.downloadWithPicture__subline span {
    margin-right: 8px
}

.downloadWithPicture__fileDetails {
    color: #9c9c9c;
    display: inline-block;
    word-break: break-all;
    margin-left: 8px
}

.downloadWithPicture__fileDetails:before {
    content: '|';
    position: relative;
    color: #ddd;
    left: -8px
}

.downloadWithPicture__link {
    display: inline-block;
    position: relative;
    float: left;
    margin-top: 14px;
    padding-left: 37px;
    margin-right: 40px
}

.downloadWithPicture__link:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    font-size: 142%;
    cursor: pointer;
    color: #2d4275
}

.downloadWithPicture__link:hover:before {
    color: #266693
}

.gallery {
    border: 1px solid #ddd
}

.gallery .owl__stage {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.gallery .owl__stage>div {
    float: left;
    height: 100%;
    margin-right: 5px
}

.gallery .owl__stage>div>div {
    opacity: .7;
    height: inherit
}

.gallery .owl__stage>div>div img {
    height: 100%;
    max-height: 100%;
    display: block
}

.gallery .owl__stage>div.center>div {
    opacity: 1
}

.gallery .owl__outer {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
    cursor: none
}

.gallery .owl__outer:after {
    padding-top: 56.25%;
    display: block;
    content: ''
}

.gallery .owl__outer--left .owl__cursor:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    position: relative;
    color: #fff;
    font-size: 60px;
    margin: 0;
    left: 0;
    top: 0
}

.gallery .owl__outer--right .owl__cursor:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 40%;
    position: relative;
    color: #fff;
    font-size: 60px;
    margin: 0;
    left: 0;
    top: 0
}

.gallery .owl__cursor {
    top: 0;
    left: 0;
    position: absolute;
    width: 35px;
    height: 60px;
    z-index: 1;
    display: block;
    text-shadow: 0 0 1px #202020
}

.mobileSafari .gallery .owl__cursor {
    display: none
}

.gallery .owl__capture {
    width: 100%;
    padding: 41px 10px 12px;
    text-align: center;
    color: #9c9c9c;
    margin-top: -37px;
    background-color: #fff
}

@media (min-width: 1024px) {
    .gallery .owl__capture {
        padding-left:20px;
        padding-right: 20px;
        font-size: 20px;
        line-height: 25px
    }
}

.gallery .owl__nav {
    display: none
}

.gallery .owl__prev {
    left: 0
}

.gallery .owl__prev:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: ""
}

.gallery .owl__next {
    right: 0
}

.gallery .owl__next:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 40%
}

.gallery .owl__dots {
    position: relative;
    width: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding-top: 4px;
    text-align: center;
    background-color: #fff;
    -webkit-tap-highlight-color: transparent
}

.gallery .owl__dot {
    display: inline-block;
    zoom:1;cursor: pointer
}

.gallery .owl__dot span {
    width: 9px;
    height: 9px;
    margin: 5px 10px;
    background: #2d4275;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}

@media (min-width: 1024px) {
    .gallery .owl__dot span {
        margin:5px 13px
    }
}

.gallery .owl__dot:hover span {
    background: #266693
}

.gallery .owl__dot.active span {
    background: 0 0
}

.gallery .owl__dot.active span:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 100%;
    color: #00e5e5;
    left: -4px
}

.gallery--numbered .owl__dots {
    font-family: HelveticaNeue-Medium,Arial,sans-serif;
    color: #6f6f6f;
    font-size: 20px;
    counter-reset: slides-num;
    position: relative;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: 9px;
    line-height: 25px;
    width: 0;
    height: 35px
}

.gallery--numbered .owl__dots:before {
    content: '/';
    display: inline-block;
    position: relative;
    left: -4px
}

.gallery--numbered .owl__dots:after {
    content: counter(slides-num);
    display: block;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 9px
}

.gallery--numbered .owl__dot {
    display: inline-block;
    counter-increment: slides-num;
    margin-right: 5px
}

.gallery--numbered .owl__dot span {
    display: none
}

.gallery--numbered .owl__dot.active {
    display: inline-block
}

.gallery--numbered .owl__dot.active:before {
    content: counter(slides-num);
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    right: 9px;
    top: 0
}

.gallery .image {
    margin: 0
}

.selectbox {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #2d4275;
    padding: 7px 25px 7px 12px!important;
    line-height: 1.5;
    margin-bottom: 6px;
    color: #2d4275;
    cursor: pointer;
    font-family: HelveticaNeue-Light,Arial,sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff url(../img/forms/blue.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) 42%
}

.selectbox::-ms-expand {
    border: none;
    background: #fff!important;
    color: #fff
}

.selectbox .form__element {
    top: 45px!important
}

.selectbox+.form__message {
    margin-top: -6px;
    margin-bottom: 3px
}

.selectbox--disabled {
    border-bottom: 1px solid #ddd;
    color: #9c9c9c;
    background: #fff url(../img/forms/grey.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) 42%
}

.selectbox--hidden {
    display: none
}

.col .form {
    margin-top: 30px
}

@media (min-width: 768px) {
    .col .form {
        margin-top:50px
    }
}

.form .form__row {
    margin-left: -20px;
    margin-right: -20px
}

.form .form__row:after,.form .form__row:before {
    content: " ";
    display: table
}

.form .form__row:after {
    clear: both
}

.form .form__column {
    width: 100%;
    float: left;
    padding-left: 20px;
    padding-right: 20px
}

@media (min-width: 768px) {
    .form .form__column.form__column--medium-3 {
        width:25%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .form .form__column.form__column--medium-6 {
        width: 50%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .form .form__column.form__column--medium-9 {
        width: 75%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (min-width: 1024px) {
    .form .form__column.form__column--large-2 {
        width:16.66667%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .form .form__column.form__column--large-4 {
        width: 33.33333%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .form .form__column.form__column--large-6 {
        width: 50%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .form .form__column.form__column--large-8 {
        width: 66.66667%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }
}

.form .form__column.form__column-break+.form__column {
    clear: left
}

.form .form__column .btnWrapper {
    margin-top: -30px
}

.js .form {
    visibility: hidden
}

.form.form--loaded {
    visibility: visible
}

.form input,.form optgroup,.form select,.form textarea {
    font-family: HelveticaNeue-Light,Arial,sans-serif
}

.form optgroup[disabled],.form select[disabled] {
    cursor: default!important;
    color: #ddd;
    border-bottom-color: #ddd;
    background: #fff url(../img/forms/grey.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) 42%
}

.form input:-webkit-autofill,.form input:-webkit-autofill:focus,.form input:-webkit-autofill:hover,.form select:-webkit-autofill,.form select:-webkit-autofill:focus,.form select:-webkit-autofill:hover,.form textarea:-webkit-autofill,.form textarea:-webkit-autofill:focus,.form textarea:-webkit-autofill:hover {
    box-shadow: 0 0 0 1000px #fff inset
}

.form input:-webkit-autofill+.form__label,.form input:-webkit-autofill:focus+.form__label,.form input:-webkit-autofill:hover+.form__label,.form select:-webkit-autofill+.form__label,.form select:-webkit-autofill:focus+.form__label,.form select:-webkit-autofill:hover+.form__label,.form textarea:-webkit-autofill+.form__label,.form textarea:-webkit-autofill:focus+.form__label,.form textarea:-webkit-autofill:hover+.form__label {
    z-index: 0
}

.form input:-webkit-autofill:focus,.form select:-webkit-autofill:focus,.form textarea:-webkit-autofill:focus {
    -webkit-text-fill-color: #6f6f6f
}

.form .form__message {
    font-family: HelveticaNeue-Medium,Arial,sans-serif
}

.form .form__headline,.form h3 {
    margin-top: -6px;
    margin-bottom: 32px
}

.form .form__text {
    margin-top: -6px
}

.form__group {
    display: block;
    position: relative
}

.form__group .form__inputWrapper {
    position: relative;
    z-index: 1
}

.form__group .form__inputWrapper:before {
    position: absolute;
    background: #fff;
    width: 100%;
    height: 100%;
    content: '';
    z-index: -1
}

.form__group .form__inputWrapper:after {
    right: 10px;
    top: 13px
}

.form__group .form__label {
    position: absolute;
    top: 12px;
    left: 10px;
    color: #9c9c9c;
    cursor: text;
    transition: all .2s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 20px;
    width: calc(100% - 20px);
    z-index: 1;
    pointer-events: none
}

.form__group .form__label--checkbox,.form__group .form__label--radio {
    position: static;
    white-space: normal;
    margin: 0;
    pointer-events: all
}

.form__group .form__label__description {
    display: block;
    margin-top: 30px
}

.form__group--required .form__label::after {
    content: '*';
    color: #9c9c9c
}

.form__group--required input:focus+.form__label::after {
    color: #00e5e5
}

.form__group .form__element {
    padding-right: 30px
}

.form__group .form__element:focus {
    color: #6f6f6f
}

.form__group .form__element--notEmpty+.form__label {
    color: #6f6f6f
}

.form__group .form__element--notEmpty:not([type=file])+.form__label {
    top: 0;
    font-size: 12px;
    font-family: HelveticaNeue-Medium,Arial,sans-serif
}

.form__group:focus .form__label {
    color: #00e5e5
}

.form__group:focus .form__label:after {
    color: #00e5e5
}

.form__group input:not([type=file]):focus+.form__label,.form__group textarea:focus+.form__label {
    top: 0;
    font-size: 12px;
    color: #00e5e5;
    font-family: HelveticaNeue-Medium,Arial,sans-serif
}

.form__group input[type=file]:focus+.form__label {
    color: #00e5e5
}

.form__group input,.form__group select {
    height: 45px
}

.form__group input,.form__group textarea {
    padding: 20px 10px 0
}

.form__group input {
    display: block;
    border: 0;
    outline: 0;
    width: 100%;
    border-bottom: 1px solid #2d4275;
    background-color: transparent
}

.form__group input::-ms-clear {
    display: none
}

.form__group textarea {
    display: block;
    width: 100%;
    border: 1px solid #2d4275;
    background-color: transparent;
    resize: none
}

.form__group--disabled .form__element {
    cursor: not-allowed
}

.form__group--disabled .form__label,.form__group--disabled label {
    color: #ddd
}

.form__group--disabled.form__group--autocomplete input::-webkit-input-placeholder {
    color: #ddd
}

.form__group--disabled.form__group--autocomplete input:-moz-placeholder {
    color: #ddd
}

.form__group--disabled.form__group--autocomplete input::-moz-placeholder {
    color: #ddd
}

.form__group--disabled.form__group--autocomplete input:-ms-input-placeholder {
    color: #ddd
}

.form__group--disabled textarea {
    border: 1px solid #ddd
}

.form__group--disabled input {
    border-color: #ddd
}

.form__group input:focus,.form__group select:focus,.form__group textarea:focus {
    outline: 0;
    color: #202020;
    border-color: #00e5e5
}

.form__group .form__message {
    color: #6f6f6f;
    font-size: 12px;
    line-height: 1.25;
    padding: 7px 0;
    min-height: 30px
}

.form__group .form__message .form__infotext {
    color: #6f6f6f
}

.form__group .form__message ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.form__group input:not([type=checkbox]):not([type=radio]),.form__group select,.form__group textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}

.form__group--autocomplete input {
    padding: 3px 10px 0;
    background-color: #fff;
    border: none!important;
    font-size: 17px
}

@media (min-width: 768px) {
    .form__group--autocomplete input {
        width:100%
    }
}

.form__group--select .form__element {
    padding-right: 0
}

.form__group--select .form__message {
    min-height: 30px;
    line-height: 1;
    z-index: 500
}

.form__group--textarea .form__inputWrapper {
    height: 100%
}

.form__group--textarea .form__element {
    width: 100%;
    height: 180px
}

.form__group--file .form__inputWrapper {
    display: flex;
    flex-wrap: wrap
}

.form__group--file .form__element {
    border: 0;
    height: auto;
    padding: 0;
    width: auto!important;
    order: 2
}

.form__group--file .form__label {
    display: inline-block;
    position: relative;
    width: auto;
    left: auto;
    padding-left: 10px;
    top: auto;
    order: 1
}

.form__group--checkbox {
    margin-top: -6px
}

.form__group--checkbox input[type=checkbox] {
    display: inline;
    width: auto;
    height: auto;
    padding: 5px;
    margin: 0 12px 0 0;
    border: 0;
    cursor: pointer
}

.form__group--checkbox label {
    display: block;
    padding-left: 25px;
    text-indent: -25px;
    color: #6f6f6f
}

.form__group--checkbox.form__group--disabled .form__label,.form__group--checkbox.form__group--disabled label {
    color: #ddd
}

.form__group--radio input[type=radio] {
    width: auto;
    display: inline;
    height: auto;
    border: 0;
    margin-right: 5px;
    cursor: pointer;
    margin-left: 1px
}

.form__group--radio label {
    color: #6f6f6f
}

.form__group--radio .form__label {
    margin-top: -8px
}

.form__group--radio.form__group--disabled label {
    cursor: not-allowed;
    color: #ddd
}

.form__group--checkbox .form__grid label,.form__group--radio .form__grid label {
    display: block;
    padding-right: 20px;
    margin-top: 12px;
    cursor: pointer
}

@media (min-width: 768px) {
    .form__group--checkbox .form__grid label,.form__group--radio .form__grid label {
        float:left
    }
}

.form__group--checkbox .form__grid--25 label,.form__group--radio .form__grid--25 label {
    float: left;
    width: 50%
}

.form__group--checkbox .form__grid--33 label,.form__group--radio .form__grid--33 label {
    float: left;
    width: 100%
}

@media (min-width: 768px) {
    .form__group--checkbox .form__grid--50 label,.form__group--radio .form__grid--50 label {
        width:50%
    }

    .form__group--checkbox .form__grid--25 label,.form__group--radio .form__grid--25 label {
        width: 25%
    }

    .form__group--checkbox .form__grid--33 label,.form__group--radio .form__grid--33 label {
        width: 33%
    }
}

.form__group--checkbox.form__group--disabled .form__grid label,.form__group--radio.form__group--disabled .form__grid label {
    cursor: not-allowed
}

.form__group--checkbox .form__group--required label,.form__group--radio .form__group--required label {
    color: #6f6f6f
}

.form__group--hasIcon:before {
    position: absolute;
    font-size: 130%;
    color: #6f6f6f;
    top: 12px;
    left: 10px
}

.form__group--hasIcon .form__element {
    padding-left: 40px
}

.form__group--hasIcon .form__label {
    padding-left: 33px
}

.form__group--success input,.form__group--success textarea {
    color: #6f6f6f
}

.form__group--success .form__message .form__infotext {
    display: none
}

.form__group--hasError .selectbox {
    border-bottom: 1px solid #ff0032
}

.form__group--hasError .form__label {
    color: #ff0032
}

.form__group--hasError .form__label:after {
    color: #ff0032
}

.form__group--hasError .form__message {
    color: #ff0032
}

.form__group--hasError .form__message .form__infotext {
    display: none
}

.form__group--hasError textarea {
    border: 1px solid #ff0032
}

.form__group--hasError textarea::-webkit-input-placeholder {
    color: #202020
}

.form__group--hasError textarea:-moz-placeholder {
    color: #202020
}

.form__group--hasError textarea::-moz-placeholder {
    color: #202020
}

.form__group--hasError textarea:-ms-input-placeholder {
    color: #202020
}

.form__group--hasError input {
    border: 0;
    outline: 0;
    border-bottom: 1px solid #ff0032
}

.form__group--hasError input::-webkit-input-placeholder {
    color: #202020
}

.form__group--hasError input:-moz-placeholder {
    color: #202020
}

.form__group--hasError input::-moz-placeholder {
    color: #202020
}

.form__group--hasError input:-ms-input-placeholder {
    color: #202020
}

.form__group--date .form__inputWrapper:after {
    pointer-events: none;
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    position: absolute;
    font-size: 130%;
    height: 25px;
    width: 25px;
    right: 10px;
    bottom: 0;
    color: #2d4275
}

.form__group--captcha a:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 40%;
    padding-right: 5px;
    color: #2d4275;
    font-weight: 800
}

.form__button--previous {
    margin-left: 0!important
}

@media (min-width: 600px) {
    .form__button--previous {
        float:left
    }
}

.form__button--next {
    display: block
}

@media (min-width: 600px) {
    .form__button--next {
        float:right
    }
}

@media (min-width: 600px) {
    .form__button--send {
        float:right
    }
}

.form__requiredMessage {
    margin-top: 40px;
    color: #9c9c9c
}

@media (min-width: 768px) {
    .form__requiredMessage {
        margin-top:60px
    }
}

.form__requiredMessage .form__text {
    margin-bottom: 0
}

.form__requiredMessage .form__text:before {
    content: '*';
    padding-right: 3px
}

.form__requiredMessage--grid {
    margin-top: 0
}

.form__responseSuccess {
    display: none
}

.form__response--success .form__responseSuccess {
    display: block
}

.form__responseError {
    display: none
}

.form__response--error .form__responseError {
    display: block
}

.form form.is-submitted {
    display: none
}

@media (min-width: 768px) {
    .col>.form--multiSteps {
        margin-top:30px
    }
}

.form--multiSteps .form__section {
    display: none
}

.form--multiSteps .form__section.form__section--current {
    display: block;
    margin-top: 55px
}

.form--multiSteps .form__navigation {
    width: 100%;
    margin-top: 50px
}

.form--multiSteps .form__navigation:after,.form--multiSteps .form__navigation:before {
    content: " ";
    display: table
}

.form--multiSteps .form__navigation:after {
    clear: both
}

.form--multiSteps .form__steps {
    margin-left: 41px;
    padding: 0
}

@media (min-width: 768px) {
    .form--multiSteps .form__steps {
        display:table;
        table-layout: fixed;
        width: 100%;
        counter-reset: item;
        list-style-type: none;
        margin-left: 0;
        margin-top: 70px
    }
}

.form--multiSteps .form__steps .form__stepItem {
    position: relative;
    color: #202020;
    font-family: HelveticaNeue-Medium,Arial,sans-serif;
    text-transform: uppercase;
    margin-top: 4px;
    margin-bottom: 5px;
    list-style-type: decimal;
    font-size: 15px
}

@media (min-width: 768px) {
    .form--multiSteps .form__steps .form__stepItem {
        display:table-cell;
        text-align: center
    }
}

.form--multiSteps .form__steps .form__stepItem::before {
    left: -41px;
    position: absolute;
    top: 7px;
    content: '';
    width: 15px;
    height: 15px;
    border-radius: 8px;
    z-index: 3
}

@media (min-width: 768px) {
    .form--multiSteps .form__steps .form__stepItem::before {
        left:calc(50% - 30px);
        width: 60px;
        height: 60px;
        border-radius: 30px;
        top: -73px;
        font-size: 24px;
        padding-top: 15px;
        content: counter(item) "  ";
        counter-increment: item;
        color: #fff
    }
}

.form--multiSteps .form__steps .form__stepItem::after {
    position: absolute;
    left: -34px;
    content: '';
    width: 1px;
    height: 33px;
    background: #9c9c9c
}

@media (min-width: 768px) {
    .form--multiSteps .form__steps .form__stepItem::after {
        left:0;
        width: calc(100% - 5px);
        height: 1px;
        top: -43px
    }
}

.form--multiSteps .form__steps .form__stepItem--past {
    cursor: pointer;
    color: #9c9c9c
}

.form--multiSteps .form__steps .form__stepItem--past::before {
    cursor: pointer;
    background: #9c9c9c
}

@media (min-width: 768px) {
    .form--multiSteps .form__steps .form__stepItem--past::after {
        background:#9c9c9c
    }
}

.form--multiSteps .form__steps .form__stepItem--active {
    color: #00e5e5
}

.form--multiSteps .form__steps .form__stepItem--active:before {
    background: #00e5e5
}

@media (min-width: 768px) {
    .form--multiSteps .form__steps .form__stepItem--active:after {
        background:#00e5e5
    }
}

.form--multiSteps .form__steps .form__stepItem--upcoming {
    color: #9c9c9c
}

.form--multiSteps .form__steps .form__stepItem--upcoming::before {
    border: 3px solid #9c9c9c;
    background: #fff
}

@media (min-width: 768px) {
    .form--multiSteps .form__steps .form__stepItem--upcoming::before {
        padding-top:11px;
        border: 5px solid #9c9c9c;
        color: inherit
    }
}

.form .form__row:first-child .form__column:first-child h3 {
    margin-top: -7px
}

.form .form__column>.h3 {
    margin: 0
}

.form .form__column>.h3 h3 {
    margin-top: 30px;
    margin-bottom: 30px
}

.form .form__column .btnWrapper {
    margin-top: 0
}

.form .divider {
    margin-top: 25px
}

.form .divider+.form__row .form__column:first-child .form__requiredMessage,.form .divider+.form__row .form__column:first-child .h3 h3 {
    margin-top: 0
}

.no-js .form .form__group--captcha .form__label,.no-js .form .form__group--date .form__label,.no-js .form .form__group--input .form__label,.no-js .form .form__group--password .form__label {
    top: 0;
    font-size: 12px
}

.grecaptcha-badge {
    z-index: 15;
    bottom: 80px!important
}

.divider {
    margin: 50px 0
}

.divider:after,.divider:before {
    content: " ";
    display: table
}

.divider:after {
    clear: both
}

.divider>hr {
    border: none;
    border-top: 1px solid #ddd;
    height: 0;
    margin: 0;
    line-height: 0;
    overflow: hidden
}

.table {
    overflow-x: auto;
    overflow-y: hidden;
    color: #6f6f6f
}

.table table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border-bottom: 1px solid #ddd;
    background-color: #fff
}

.table a {
    font-family: HelveticaNeue-Light,Arial,sans-serif
}

.table a[class*=icon-]::before {
    font-size: 25px
}

.table a:hover {
    color: #266693;
    text-decoration: none;
    background: linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#266693,#266693);
    background-size: .05em 1px,.05em 1px,1px 1px;
    background-repeat: no-repeat,no-repeat,repeat-x;
    text-shadow: .03em 1px #fff,-.03em 1px #fff,1px .03em #fff,1px -.03em #fff,.06em 1px #fff,-.06em 1px #fff,.09em 1px #fff,-.09em 1px #fff,.12em 1px #fff,-.12em 1px #fff,.15em 1px #fff,-.15em 1px #fff,.18em 1px #fff,-.18em 1px #fff;
    background-position-y: 100%,100%,100%;
    background-position-x: 0,100%,0
}

.table a:hover *,.table a:hover :after,.table a:hover :before,.table a:hover:after,.table a:hover:before {
    text-shadow: none
}

.table a:hover:visited {
    color: #266693
}

.table caption {
    text-align: left;
    padding-left: 10px
}

.table td,.table th {
    text-align: left;
    padding-right: 30px;
    vertical-align: top
}

.table td.td--align-center,.table th.td--align-center {
    text-align: center
}

.table td.td--align-right,.table th.td--align-right {
    text-align: right
}

.table td.td--align-left,.table th.td--align-left {
    text-align: left
}

.table thead {
    color: #2d4275
}

.table thead tr {
    border-bottom: 2px solid #ddd
}

.table thead th {
    white-space: nowrap;
    padding: 5px 30px 7px 10px;
    font-family: HelveticaNeue-Medium,Arial,sans-serif;
    font-weight: 400
}

.table tbody tr {
    border-bottom: 1px solid #ededed
}

.table tbody tr:last-child {
    border-bottom: none
}

.table tbody td {
    padding: 11px 30px 9px 10px
}

.table--striped tbody tr:not(:last-child) {
    border: none
}

.table--striped tbody tr:nth-child(even) {
    background-color: #ededed
}

.table--stacked thead {
    display: none
}

.table--stacked td,.table--stacked tr {
    display: block
}

.table--stacked td {
    text-align: left!important
}

.table--stacked td[data-label]::before {
    display: inline-block;
    font-family: HelveticaNeue-Medium,Arial,sans-serif;
    content: attr(data-label);
    padding-right: 13px;
    color: #2d4275
}

.table--stacked td a {
    display: inline
}

.table--stacked td:not(:first-child) {
    padding-top: 2px
}

.table--stacked td:not(:last-child) {
    padding-bottom: 2px
}

.table--stacked tbody tr {
    border-bottom-width: 2px
}

.table--stacked tbody tr:first-child {
    border-top: 2px solid #ddd
}

.table--stacked tbody td:not(:first-child) {
    padding-top: 8px
}

.table--flipped {
    overflow: hidden
}

.table--flipped table {
    display: block
}

.table--flipped thead {
    display: block;
    float: left;
    box-shadow: 5px 0 5px -2px rgba(221,221,221,.8)
}

.table--flipped thead tr {
    display: block;
    border-width: 0
}

.table--flipped thead tr th {
    display: block;
    min-height: 50px;
    border-bottom: 1px solid #ddd
}

.table--flipped tbody {
    display: block;
    overflow-x: auto;
    position: relative;
    white-space: nowrap;
    width: auto
}

.table--flipped tbody tr {
    display: inline-block;
    margin-right: -5px;
    vertical-align: top;
    border: 0
}

.table--flipped tbody tr:first-child td {
    padding-left: 20px
}

.table--flipped tbody td {
    border-bottom: 1px solid #ededed
}

.table--flipped td,.table--flipped thead th {
    white-space: nowrap;
    height: 50px;
    text-align: left!important;
    padding: 11px 30px 11px 10px;
    display: block
}

.table--flipped td:first-child,.table--flipped td:last-child,.table--flipped thead th:first-child,.table--flipped thead th:last-child {
    padding: 11px 30px 11px 10px
}

.table--flipped td:last-child,.table--flipped thead th:last-child {
    border-bottom: 0
}

.table--flipped.table--striped tbody tr:nth-child(even) td {
    border-color: #fff
}

.tableContainer {
    margin-top: 28px
}

.status::before {
    content: ' ';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 8px
}

.status--default::before {
    background-color: #ddd
}

.status--ok::before {
    background-color: #00e500
}

.status--notification::before {
    background-color: #ffd200
}

.status--error::before {
    background-color: #ff0032
}

.js .form--searchform form {
    display: block;
    visibility: visible
}

.form--searchform .searchfield input {
    width: 100%;
    border-bottom: 1px solid #9c9c9c;
    padding: 0 60px 0 10px;
    font-family: HelveticaNeue-Light,Arial,sans-serif;
    color: #6f6f6f;
    border-width: 0 0 2px 0;
    border-color: #2d4275;
    height: 50px;
    background-color: #ededed;
    font-size: 18px
}

.form--searchform .searchfield input::-webkit-input-placeholder {
    color: #9c9c9c
}

.form--searchform .searchfield input:-moz-placeholder {
    color: #9c9c9c
}

.form--searchform .searchfield input::-moz-placeholder {
    color: #9c9c9c
}

.form--searchform .searchfield input:-ms-input-placeholder {
    color: #9c9c9c
}

.form--searchform .searchfield input:focus {
    border-color: #00e5e5;
    outline: 0
}

.form--searchform .searchfield input:focus::-webkit-input-placeholder {
    color: #6f6f6f
}

.form--searchform .searchfield input:focus:-moz-placeholder {
    color: #6f6f6f
}

.form--searchform .searchfield input:focus::-moz-placeholder {
    color: #6f6f6f
}

.form--searchform .searchfield input:focus:-ms-input-placeholder {
    color: #6f6f6f
}

@media (min-width: 768px) {
    .form--searchform .searchfield input {
        padding:0 80px 0 20px;
        font-size: 25px
    }
}

.form--searchform .searchfield button {
    width: 50px;
    height: 50px;
    border: none;
    background-color: transparent;
    padding: 5px 0 0;
    text-align: left
}

.form--searchform .searchfield button::before {
    font-size: 32px;
    color: #2d4275;
    padding: 9px
}

.form--searchform .searchfield button:hover::before {
    color: #266693
}

.form--searchform .searchfield--compact {
    position: relative
}

.form--searchform .searchfield--compact button {
    position: absolute;
    right: 0;
    top: 0
}

@media (min-width: 768px) {
    .form--searchform .searchfield--compact button {
        width:60px
    }
}

.dashboard {
    padding: 50px 0;
    min-height: 400px;
    margin-right: -7px;
    margin-left: -7px
}

.dashboard__item--externalApp .dashboardApp__titleContent:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: 16px;
    margin-right: 5px;
    top: 2px
}

.dashboard__item--coreApp .dashboardApp__title {
    color: #6f6f6f
}

.dashboard .grid-stack {
    margin-top: 40px
}

.dashboard .grid-stack-item {
    min-width: 8.3333333333%;
    position: absolute;
    padding: 0
}

.dashboard .grid-stack-item-content {
    background: #fff;
    left: 8px!important;
    right: 8px!important;
    box-shadow: 0 0 0 rgba(0,0,0,.4);
    transition: box-shadow .1s;
    overflow: visible!important
}

@media (min-width: 1280px) {
    .dashboard .grid-stack-item-content {
        left:12px!important;
        right: 12px!important
    }
}

.dashboard .grid-stack-placeholder>.placeholder-content {
    border: 1px dashed #fff!important
}

.dashboard .grid-stack .ui-resizable-sw {
    background: 0 0!important;
    -webkit-transform: none!important;
    transform: none!important;
    padding: 3px!important;
    width: 18px!important;
    height: 18px!important
}

.dashboard .grid-stack .ui-resizable-sw:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: block;
    height: 12px;
    width: 12px;
    font-size: 12px;
    color: #6f6f6f
}

.dashboard .grid-stack .ui-resizable-se {
    background: 0 0!important;
    -webkit-transform: none!important;
    transform: none!important;
    padding: 3px!important;
    width: 18px!important;
    height: 18px!important
}

.dashboard .grid-stack .ui-resizable-se:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: block;
    height: 12px;
    width: 12px;
    font-size: 12px;
    color: #6f6f6f
}

.dashboard__controlsRow {
    position: relative
}

.dashboard__cancel,.dashboard__edit {
    position: absolute;
    bottom: 16px;
    font-size: 15px;
    line-height: 20px;
    color: #2d4275;
    display: none;
    cursor: pointer;
    font-family: HelveticaNeue-Medium,Arial,sans-serif
}

.dashboard__edit {
    right: 50px
}

@media (min-width: 600px) {
    .dashboard__edit {
        display:block
    }
}

.dashboard__edit:after {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 28px;
    top: 7px;
    margin-left: 15px
}

.dashboard__cancel {
    right: 235px
}

.dashboard__cancel:after {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 20px;
    top: 4px;
    margin-left: 15px
}

.dashboard--editmode .dashboardApp__dragHandle {
    display: block;
    opacity: 1
}

.dashboard--editmode .dashboardApp__uninstallButton,.dashboard--editmode .dashboard__cancel {
    display: block
}

.dashboardApp {
    height: 100%
}

.dashboardApp__linkedWrap {
    height: 100%;
    padding: 15px 20px;
    display: block
}

.dashboardApp__content {
    position: absolute;
    bottom: 16px;
    left: 0;
    width: calc(100% - 32px);
    height: calc(100% - 60px - 16px);
    margin: 0 16px;
    overflow-y: auto
}

.dashboardApp__image {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 60px);
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;'
}

.dashboardApp__title {
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    padding: 11px 16px;
    height: 60px;
    font-size: 15px;
    line-height: 20px;
    text-transform: uppercase;
    color: #2d4275;
    overflow: hidden
}

.dashboardApp__titleContent {
    display: block
}

.dashboardApp__dragHandle {
    opacity: 0;
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: all-scroll;
    z-index: 2;
    background: rgba(255,255,255,.5);
    transition: opacity .2s
}

.dashboardApp__uninstallButton {
    display: none;
    position: absolute;
    width: 25px;
    height: 25px;
    top: -12px;
    right: -12px;
    z-index: 3;
    background: #fff;
    border-radius: 100%;
    line-height: 31px;
    text-align: center;
    font-size: 25px;
    cursor: pointer
}

.dashboardApp__uninstallButton:before {
    content: "";
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 100%
}

.alerts--aside {
    position: fixed;
    top: 70px;
    z-index: 100;
    width: 100%;
    padding: 0 10px;
    left: 0
}

body.cookiebannerShown .alerts--aside {
    top: 130px
}

@media (min-width: 768px) {
    .alerts--aside {
        top:105px;
        width: 300px;
        right: 20px;
        left: auto
    }

    body.cookiebannerShown .alerts--aside {
        top: 165px
    }

    body.outerHeaderShown .alerts--aside {
        top: 135px
    }

    body.cookiebannerShown.outerHeaderShown .alerts--aside {
        top: 195px
    }
}

@media (min-width: 1024px) {
    .alerts--aside {
        width:400px
    }
}

.alerts .alert {
    border: 1px solid #2d4275;
    background-color: #fff;
    color: #6f6f6f;
    padding: 13px 40px 13px 65px;
    position: relative;
    margin-bottom: 10px
}

.alerts .alert::before {
    content: "";
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 18px;
    top: 21px;
    color: #2d4275;
    font-size: 25px
}

.alerts .alert--hidden {
    display: none
}

.alerts .alert h3 {
    font-size: 18px;
    line-height: 28px
}

.alerts .alert .alert__close {
    position: absolute;
    cursor: pointer;
    top: 18px;
    right: 20px;
    line-height: 1;
    color: #2d4275
}

.alerts .alert .alert__close:hover {
    color: #266693
}

.alerts .alert--success {
    border-color: #00d257
}

.alerts .alert--success::before {
    content: "";
    color: #00d257;
    font-size: 19px
}

.alerts .alert--warning {
    border-color: #ffd200
}

.alerts .alert--warning::before {
    content: "";
    color: #ffd200
}

.alerts .alert--info {
    border-color: #2d4275
}

.alerts .alert--info::before {
    content: "";
    color: #2d4275
}

.alerts .alert--error {
    border-color: #ff0032
}

.alerts .alert--error::before {
    content: "";
    color: #ff0032
}

.loadingOverlay__element {
    display: none;
    width: 100%;
    height: 100%;
    background: transparent url(../img/loading-spinner.svg) no-repeat center center;
    position: absolute;
    top: 0;
    left: 0
}

.loadingOverlay--hidden-during-load {
    opacity: 0
}

.loadingOverlay--visible .loadingOverlay__element {
    display: block
}

.iframeApp {
    width: 100%;
    height: calc(100vh - 60px)
}

.contact {
    display: flex;
    flex-wrap: wrap;
    font-family: HelveticaNeue-Medium,Arial,sans-serif
}

.contact+.contact {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #ddd
}

.contact div:first-child {
    padding-left: 0
}

.contact div:last-child {
    padding-right: 0
}

.contact__image {
    position: relative;
    width: 120px;
    border-radius: 50%;
    overflow: hidden;
    z-index: 1
}

.contact__image:before {
    content: "";
    width: 100%;
    display: block;
    padding-top: 100%
}

@media (min-width: 768px) {
    .contact__image {
        width:auto;
        margin: 0 auto
    }
}

@media (min-width: 768px) {
    .col--medium-4 .contact__image {
        width:120px;
        margin: 0
    }
}

@media (min-width: 1024px) {
    .col--medium-4 .contact__image {
        width:auto;
        margin: 0 auto
    }
}

.contact__image .image {
    margin-top: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.contact__image .image img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    font-family: "object-fit: cover; object-position: 50% 50%"
}

.contact__data,.contact__imageWrapper {
    width: 100%;
    float: left
}

@media (min-width: 768px) {
    .contact__imageWrapper {
        width:25%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (min-width: 1024px) {
    .contact__imageWrapper {
        width:16.66667%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (min-width: 768px) {
    .col--medium-8 .contact__imageWrapper {
        width:37.5%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (min-width: 1024px) {
    .col--medium-8 .contact__imageWrapper {
        width:25%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (min-width: 768px) {
    .col--medium-6 .contact__imageWrapper {
        width:120px
    }
}

@media (min-width: 1024px) {
    .col--medium-6 .contact__imageWrapper {
        width:33.33333%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (min-width: 768px) {
    .col--medium-4 .contact__imageWrapper {
        width:100%;
        float: left;
        padding-left: 20px;
        padding-right: 20px;
        padding-right: 0
    }
}

@media (min-width: 1024px) {
    .col--medium-4 .contact__imageWrapper {
        width:120px;
        padding-right: 20px
    }
}

.contact__data {
    margin-top: 20px
}

@media (min-width: 768px) {
    .contact__data {
        margin-top:0;
        width: 75%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (min-width: 1024px) {
    .contact__data {
        width:83.33333%;
        float: left
    }
}

@media (min-width: 768px) {
    .col--medium-8 .contact__data {
        width:62.5%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (min-width: 1024px) {
    .col--medium-8 .contact__data {
        width:75%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (min-width: 768px) {
    .col--medium-6 .contact__data {
        width:calc(100% - 120px)
    }
}

@media (min-width: 1024px) {
    .col--medium-6 .contact__data {
        width:66.66667%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (min-width: 768px) {
    .col--medium-4 .contact__data {
        margin-top:20px;
        width: 100%;
        float: left;
        padding-left: 20px;
        padding-right: 20px;
        padding-left: 0
    }
}

@media (min-width: 1024px) {
    .col--medium-4 .contact__data {
        margin-top:0;
        width: calc(100% - 120px)
    }
}

.contact__data>* {
    position: relative;
    float: left;
    clear: both
}

.contact__data:first-child {
    width: 100%;
    float: left;
    padding-left: 20px;
    padding-right: 20px
}

.contact__name {
    margin-top: -8px;
    font-size: 25px;
    line-height: 35px;
    color: #2d4275
}

.contact__address,.contact__fax,.contact__position {
    color: #6f6f6f
}

.contact__address {
    padding-top: 14px;
    font-family: HelveticaNeue-Light,Arial,sans-serif
}

.contact__address>span {
    display: inline-block;
    float: left;
    clear: both
}

.contact__email,.contact__phone {
    color: #2d4275;
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-all;
    word-break: break-word
}

.contact__email:hover,.contact__phone:hover {
    color: #266693
}

.contact__position {
    padding-top: 11px
}

.contact__email {
    padding-top: 14px
}

.contact__socialMedia {
    width: 30px;
    height: 30px;
    display: block;
    clear: both;
    margin-top: 21px
}

.contact__socialMedia~.contact__socialMedia {
    margin-left: 20px;
    clear: none
}

.contact__socialMedia--linkedIn:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 167%
}

.voithMap .labels {
    color: red;
    background-color: #fff;
    width: 40px;
    border: 2px solid #000;
    white-space: nowrap
}

.voithMap__headline {
    margin-top: -8px
}

.voithMap__map {
    width: 100%;
    height: 350px;
    background: grey
}

@media (min-width: 768px) {
    .voithMap__map {
        height:500px
    }
}

h2+.voithMap__map {
    margin-top: 13px
}

.voithMap__infoBubble__wrapper {
    height: auto!important
}

.voithMap__infoBubble {
    border: none;
    overflow-x: hidden;
    padding-bottom: 10px;
    height: auto
}

.voithMap__infoBubble figure {
    display: none;
    padding: 10px
}

@media (min-width: 768px) {
    .voithMap__infoBubble figure {
        display:block
    }
}

.voithMap__infoBubble figure img {
    width: 100%
}

.voithMap__infoBubble h3,.voithMap__infoBubble p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px;
    line-height: 28px;
    color: #6f6f6f
}

.voithMap__infoBubble h3 {
    margin: 10px 10px 5px;
    font-family: HelveticaNeue-Medium,Arial,sans-serif
}

.voithMap__infoBubble p {
    font-size: 17px;
    line-height: 22px
}

.voithMap__address {
    margin: 0 10px;
    font-weight: 400
}

.voithMap__link {
    margin-top: 10px;
    border-top: 1px solid #ddd;
    padding: 10px 10px 0;
    font-size: 18px;
    line-height: 28px
}

.voithMap__link a {
    color: #2d4275;
    padding-left: 30px
}

.voithMap__link a:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    position: absolute;
    left: 10px;
    font-size: 130%
}

.eventTeaserList {
    overflow: hidden;
    margin-top: 30px
}

@media (min-width: 768px) {
    .eventTeaserList {
        margin-top:50px
    }
}

.eventTeaserList .eventTeaser:first-child {
    margin-top: 0
}

.eventTeaserList .eventTeaser:not(:first-child) {
    margin-top: 10px
}

.eventTeaser {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    float: left;
    color: #2d4275;
    background-color: #ededed;
    padding: 8px 20px;
    position: relative
}

@media (min-width: 768px) {
    .col--medium-4 .eventTeaser {
        padding:13px 10px 12px
    }
}

.eventTeaser:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 100%;
    background: #2d4275;
    height: 3px;
    transition-property: right;
    transition-duration: .3s;
    transition-timing-function: ease-out
}

.eventTeaser--download:before {
    right: 0
}

.section--colorTheme1 .eventTeaser {
    background-color: #fff
}

.eventTeaser__date {
    display: flex;
    flex-direction: column;
    align-items: left;
    width: 70px;
    padding-right: 20px
}

@media (min-width: 768px) {
    .col--medium-4 .eventTeaser__date {
        padding-right:0
    }
}

.eventTeaser__data {
    width: calc(100% - 70px)
}

@media (min-width: 768px) {
    .col--medium-4 .eventTeaser__data {
        width:100%;
        float: left
    }
}

.eventTeaser__dataDetails {
    width: 100%;
    float: left
}

@media (min-width: 768px) {
    .eventTeaser__dataDetails {
        width:63.63636%;
        float: left;
        padding-left: 20px;
        padding-right: 20px;
        padding-left: 0;
        padding-right: 30px
    }

    .col--medium-4 .eventTeaser__dataDetails {
        margin-top: 8px
    }
}

@media (min-width: 768px) {
    .col--medium-4 .eventTeaser__dataDetails,.col--medium-6 .eventTeaser__dataDetails,.col--medium-8 .eventTeaser__dataDetails {
        width:100%;
        float: left
    }
}

@media (min-width: 1024px) {
    .col--medium-8 .eventTeaser__dataDetails {
        width:63.63636%;
        float: left;
        padding-left: 20px;
        padding-right: 20px;
        padding-left: 0;
        padding-right: 30px
    }
}

.eventTeaser__download {
    display: flex;
    align-items: center;
    height: auto;
    flex-wrap: wrap;
    width: 100%;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    padding-right: 0;
    padding-left: 0;
    margin-top: 5px
}

@media (min-width: 768px) {
    .col--medium-4 .eventTeaser__download,.col--medium-6 .eventTeaser__download,.col--medium-8 .eventTeaser__download {
        height:auto;
        flex-wrap: wrap;
        width: 100%;
        float: left;
        padding-left: 20px;
        padding-right: 20px;
        padding-right: 0;
        padding-left: 0;
        margin-top: 10px;
        justify-content: flex-start
    }
}

@media (min-width: 768px) {
    .col--medium-4 .eventTeaser__download {
        margin-top:15px
    }
}

@media (min-width: 1024px) {
    .col--medium-8 .eventTeaser__download {
        justify-content:flex-end;
        height: 100%;
        width: 36.36364%;
        float: left;
        margin-top: 0
    }
}

@media (min-width: 768px) {
    .eventTeaser__download {
        justify-content:flex-end;
        height: 100%;
        width: 36.36364%;
        float: left;
        margin-top: 0
    }
}

.eventTeaser__description {
    margin-top: -2px
}

.eventTeaser__download,.eventTeaser__downloadFileFormat,.eventTeaser__title {
    font-family: HelveticaNeue-Medium,Arial,sans-serif
}

.eventTeaser__duration,.eventTeaser__location {
    font-family: HelveticaNeue-Light,Arial,sans-serif
}

.eventTeaser__downloadFileFormat,.eventTeaser__duration,.eventTeaser__location {
    color: #6f6f6f
}

.eventTeaser__pipe {
    padding-left: 5px;
    border-left: 1px solid #ddd;
    margin-left: 10px
}

.eventTeaser__downloadFileFormat,.eventTeaser__endDate,.eventTeaser__startDate {
    white-space: nowrap
}

.eventTeaser__downloadText {
    position: relative;
    padding-left: 41px;
    word-break: break-all;
    cursor: pointer
}

@media (min-width: 768px) {
    .eventTeaser__downloadText {
        position:absolute;
        right: 20px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .col--medium-8 .eventTeaser__downloadText {
        position: relative;
        left: 0;
        top: 0;
        -webkit-transform: none;
        transform: none
    }
}

@media (min-width: 1024px) {
    .col--medium-8 .eventTeaser__downloadText {
        position:absolute;
        right: 20px;
        left: auto;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.col--medium-4 .eventTeaser__downloadText,.col--medium-6 .eventTeaser__downloadText {
    position: relative;
    left: 0;
    top: 0;
    -webkit-transform: none;
    transform: none
}

.eventTeaser__downloadText:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 167%;
    left: 0
}

.eventTeaser__day,.eventTeaser__month {
    width: 100%;
    text-align: center
}

@media (min-width: 768px) {
    .col--medium-4 .eventTeaser__day,.col--medium-4 .eventTeaser__month {
        text-align:left
    }
}

.eventTeaser__month {
    font-family: HelveticaNeue-Light,Arial,sans-serif;
    text-transform: uppercase
}

.eventTeaser__day {
    font-family: HelveticaNeue-Medium,Arial,sans-serif;
    font-size: 24px;
    margin-top: -5px
}

.flyoutNavigation {
    background: #4f4f4f;
    width: 100%;
    height: auto!important;
    position: absolute;
    top: 85px;
    overflow: hidden;
    display: none
}

.flyoutNavigation .col {
    width: 50%
}

@media (min-width: 1024px) {
    .flyoutNavigation .col {
        width:33.3%
    }
}

.flyoutNavigation .col:first-child {
    padding-left: 0
}

.flyoutNavigation .col:last-child {
    padding-right: 0
}

.flyoutNavigation .col .languageSelect__container {
    margin-left: 0;
    margin-right: 0
}

.flyoutNavigation .col select {
    width: 100%!important
}

.flyoutNavigation .col .list--link>li:before {
    top: 7px;
    color: #00e5e5
}

.flyoutNavigation .col .list--link>li:hover:before {
    color: #fff
}

.flyoutNavigation .col a {
    color: #00e5e5;
    font-family: HelveticaNeue-Light,Arial,sans-serif
}

.flyoutNavigation .col a:hover {
    color: #fff!important;
    background: 0 0
}

.flyoutNavigation .col img {
    margin-top: 20px
}

.flyoutNavigation__content {
    position: relative
}

.flyoutNavigation__content.fullHeight {
    height: calc(100vh - 85px)
}

.flyoutNavigation__cta--productfinder {
    position: absolute;
    bottom: 0;
    color: #fff;
    padding-top: 20px;
    padding-bottom: 40px
}

.flyoutNavigation__cta--productfinder p {
    margin-bottom: 10px
}

.flyoutNavigation__cta--productfinder .btn {
    margin-top: 0;
    background: #ddd;
    border-color: #ddd;
    color: #2d4275
}

.flyoutNavigation__cta--productfinder .btn:hover {
    background: #fff;
    border-color: #fff
}

.flyoutNavigation__cta--productfinder.pos-relative {
    position: relative;
    bottom: 0;
    margin-bottom: 40px
}

.flyoutNavigation__wrapper {
    height: calc(100vh - 85px);
    overflow: auto
}

.mac-os .flyoutNavigation__wrapper::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px
}

.mac-os .flyoutNavigation__wrapper::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    box-shadow: 0 0 1px rgba(255,255,255,.5)
}

.flyoutNavigation__sites {
    position: relative;
    height: calc(100vh - 85px);
    width: 100%;
    max-width: 1280px;
    margin: 0 auto
}

@media (min-width: 768px) {
    .flyoutNavigation__sites {
        margin-left:10px;
        margin-right: 10px;
        width: auto
    }

    .flyoutNavigation__sites:after {
        content: " ";
        display: block;
        clear: both
    }
}

@media (min-width: 768px) and (min-width:768px) {
    .flyoutNavigation__sites {
        margin-left:30px;
        margin-right: 30px
    }
}

@media (min-width: 768px) and (min-width:1300px) {
    .flyoutNavigation__sites {
        max-width:1260px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 20px;
        padding-right: 20px
    }
}

.flyoutNavigation__sites>.flyoutNavigation__site--category-wrapper.activeLevel {
    overflow: hidden
}

.topics .flyoutNavigation__sites>.flyoutNavigation__site--category-wrapper {
    overflow: visible
}

.flyoutNavigation__sites>.flyoutNavigation__site--category-wrapper .flyoutNavigation__site.topics .flyoutNavigation__linkarea--level1 {
    height: calc(100vh - 155px)
}

.flyoutNavigation__sites .flyoutNavigation__level {
    position: relative;
    width: 100%
}

.flyoutNavigation__sites .flyoutNavigation__level.flyoutNavigation__only-categories .flyoutNavigation__site--category-wrapper:not(:nth-child(1)) {
    display: block!important;
    float: left;
    margin-right: 40px;
    width: calc(50% - 20px)!important
}

@media (min-width: 1024px) {
    .flyoutNavigation__sites .flyoutNavigation__level.flyoutNavigation__only-categories .flyoutNavigation__site--category-wrapper:not(:nth-child(1)) {
        width:calc(33% - 24px)!important
    }
}

.flyoutNavigation__sites .flyoutNavigation__level.flyoutNavigation__only-categories .flyoutNavigation__site--category-wrapper:not(:nth-child(1)):last-child {
    margin-right: 0
}

.flyoutNavigation__sites .flyoutNavigation__level .flyoutNavigation__linkarea>.flyoutNavigation__site--category-wrapper {
    display: flex;
    width: 100%
}

.flyoutNavigation__sites .flyoutNavigation__level .flyoutNavigation__linkarea .column {
    width: 50%;
    margin-right: 40px
}

@media (min-width: 1024px) {
    .flyoutNavigation__sites .flyoutNavigation__level .flyoutNavigation__linkarea .column {
        width:33%
    }

    .flyoutNavigation__sites .flyoutNavigation__level .flyoutNavigation__linkarea .column.categoryMarginTop {
        margin-top: 36px
    }
}

.flyoutNavigation__sites .flyoutNavigation__site {
    font-size: 15px;
    line-height: 1.33333;
    margin-bottom: -1px
}

.flyoutNavigation__sites .flyoutNavigation__site a:not(.flyoutNavigation__backLink):not(.flyoutNavigation__teaser):not(.btn) {
    border-bottom: 1px solid #9c9c9c
}

.flyoutNavigation__sites .flyoutNavigation__site a:not(.flyoutNavigation__backLink):not(.flyoutNavigation__teaser):not(.btn):first-child {
    border-top: 1px solid #9c9c9c
}

.flyoutNavigation__sites .flyoutNavigation__site.topics [data-level="1"]>.flyoutNavigation__linkarea>.flyoutNavigation__site--category-wrapper>.column:nth-child(2) a {
    color: #fff
}

.flyoutNavigation__sites .flyoutNavigation__site.topics [data-name=company] [data-level="2"]>.flyoutNavigation__linkarea {
    display: flex;
    align-items: flex-start;
    width: calc(100% - 80px)
}

.flyoutNavigation__sites .flyoutNavigation__site.topics [data-name=company] [data-level="2"]>.flyoutNavigation__linkarea>.flyoutNavigation__site--category-wrapper:first-child {
    display: none
}

.flyoutNavigation__sites .flyoutNavigation__site.topics [data-name=company] [data-level="2"]>.flyoutNavigation__linkarea .inner-wrapper {
    display: block;
    width: 50%;
    margin-top: 0;
    margin-right: 40px
}

@media (min-width: 1024px) {
    .flyoutNavigation__sites .flyoutNavigation__site.topics [data-name=company] [data-level="2"]>.flyoutNavigation__linkarea .inner-wrapper {
        width:calc(33%)
    }
}

.flyoutNavigation__sites .flyoutNavigation__site.topics [data-name=company] [data-level="2"]>.flyoutNavigation__linkarea .column [data-level="3"] .column {
    width: 50%
}

@media (min-width: 1024px) {
    .flyoutNavigation__sites .flyoutNavigation__site.topics [data-name=company] [data-level="2"]>.flyoutNavigation__linkarea .column [data-level="3"] .column {
        width:calc(33%)
    }
}

.flyoutNavigation__sites .flyoutNavigation__site.topics [data-name=company] [data-level="2"]>.flyoutNavigation__linkarea .flyoutNavigation__site--category {
    margin-top: 30px
}

.flyoutNavigation__sites .flyoutNavigation__site.topics [data-name=company] [data-level="2"]>.flyoutNavigation__linkarea .flyoutNavigation__site--category:first-child {
    margin-top: 0
}

.flyoutNavigation__sites .flyoutNavigation__site--headline {
    position: relative
}

.flyoutNavigation__sites .flyoutNavigation__site--headline>a {
    border-bottom: none;
    border-top: none!important
}

.flyoutNavigation__sites .flyoutNavigation__site--headline .btn:after {
    display: none
}

.flyoutNavigation__sites .flyoutNavigation__site--category-wrapper:first-of-type,.flyoutNavigation__sites .flyoutNavigation__site--category-wrapper:nth-child(2) {
    margin-top: 0
}

.flyoutNavigation__sites .flyoutNavigation__site--category-wrapper:empty {
    display: none
}

.flyoutNavigation__sites .flyoutNavigation__site--category {
    margin-top: 60px
}

.flyoutNavigation__sites .flyoutNavigation__site--category a {
    font-family: HelveticaNeue-Light,Arial,sans-serif;
    color: #fff;
    font-size: 20px;
    border-top: none!important;
    padding-top: 0!important
}

.flyoutNavigation__sites .flyoutNavigation__site--category a[href]:not([href=""]):after {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    position: relative;
    margin-left: 15px;
    font-size: 13px;
    color: #00e5e5
}

.flyoutNavigation__sites .flyoutNavigation__site--category a[href]:not([href=""]):hover {
    color: #00e5e5!important
}

.flyoutNavigation__sites .flyoutNavigation__site--category a[href]:not([href=""]):hover:after {
    color: #fff
}

.flyoutNavigation__sites .flyoutNavigation__site--category:first-child {
    margin-top: 0
}

.flyoutNavigation__sites .flyoutNavigation__site--teaser {
    position: relative;
    margin-bottom: 40px;
    overflow: hidden
}

.flyoutNavigation__sites .flyoutNavigation__site--teaser:last-child {
    margin-bottom: 0
}

.flyoutNavigation__sites .flyoutNavigation__site--teaser .text {
    position: absolute;
    left: 15px;
    bottom: 10px;
    font-size: 25px;
    color: #fff;
    z-index: 1
}

.flyoutNavigation__sites .flyoutNavigation__site--teaser .category {
    font-size: 18px
}

.flyoutNavigation__sites .flyoutNavigation__site--teaser img {
    transition: all .3s ease-in-out
}

.flyoutNavigation__sites .flyoutNavigation__site--teaser:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.flyoutNavigation__sites .flyoutNavigation__site .flyoutNavigation__site>.flyoutNavigation__level {
    position: absolute;
    left: 100%;
    top: 0;
    width: 100%;
    margin: 0 auto;
    display: none
}

.flyoutNavigation__sites .flyoutNavigation__site a:not(.flyoutNavigation__backLink):not(.flyoutNavigation__teaserlink):not(.flyoutNavigation__categorylink):not(.btn) {
    color: #00e5e5
}

.flyoutNavigation__sites .flyoutNavigation__site a:not(.flyoutNavigation__backLink):not(.flyoutNavigation__teaserlink):not(.btn) {
    display: inline-block;
    padding: 12px 15px 12px 0;
    width: 100%;
    position: relative
}

.flyoutNavigation__sites .flyoutNavigation__site a:not(.flyoutNavigation__backLink):not(.flyoutNavigation__teaserlink):not(.btn):active,.flyoutNavigation__sites .flyoutNavigation__site a:not(.flyoutNavigation__backLink):not(.flyoutNavigation__teaserlink):not(.btn):hover {
    color: #fff
}

.flyoutNavigation__sites .flyoutNavigation__site a:not(.flyoutNavigation__backLink):not(.flyoutNavigation__teaserlink):not(.btn).flyoutNavigation__categorylink:not(.flyoutNavigation__categorylink-nolink):active,.flyoutNavigation__sites .flyoutNavigation__site a:not(.flyoutNavigation__backLink):not(.flyoutNavigation__teaserlink):not(.btn).flyoutNavigation__categorylink:not(.flyoutNavigation__categorylink-nolink):hover {
    color: #ddd
}

.flyoutNavigation__sites .flyoutNavigation__site--hasChildren>a:after {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    position: absolute;
    right: 0;
    top: 13px;
    font-size: 18px
}

.flyoutNavigation .flyoutNavigation__linkarea {
    padding: 20px 0 30px;
    height: auto
}

.flyoutNavigation .flyoutNavigation__linkarea:after,.flyoutNavigation .flyoutNavigation__linkarea:before {
    content: " ";
    display: table
}

.flyoutNavigation .flyoutNavigation__linkarea:after {
    clear: both
}

.flyoutNavigation .flyoutNavigation__linkarea .column:nth-child(4) {
    display: none
}

.flyoutNavigation__description {
    margin-top: -4px;
    padding-bottom: 26px;
    color: #fff;
    font-size: 18px;
    line-height: 1.55556;
    font-family: HelveticaNeue-Light,Arial,sans-serif
}

.flyoutNavigation__description+.btn {
    margin-top: 0;
    margin-bottom: 30px
}

.flyoutNavigation__image {
    position: relative
}

.flyoutNavigation__image:before {
    content: ''!important;
    padding: 56.25% 0 0!important;
    height: 0!important;
    display: block!important
}

.flyoutNavigation__image img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover"
}

.flyoutNavigation__image+.flyoutNavigation__description {
    padding-top: 16px;
    margin-top: 0
}

.flyoutNavigation__dimmer {
    background: #000;
    width: 100%;
    position: absolute;
    top: 0;
    opacity: .3;
    height: 100%
}

.flyoutNavigation__title {
    color: #fff;
    font-family: HelveticaNeue-Medium,Arial,sans-serif;
    font-size: 25px;
    line-height: 1.4;
    padding: 17px 0 16px;
    display: block
}

.flyoutNavigation__backLink {
    font-size: 25px;
    line-height: 1.2;
    font-family: HelveticaNeue-Light,Arial,sans-serif;
    color: #ddd!important;
    position: absolute!important;
    top: -49px;
    cursor: pointer
}

.flyoutNavigation__backLink:hover {
    color: #fff!important
}

.flyoutNavigation__backLink:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    position: relative;
    margin-right: 20px;
    font-size: 15px
}

.flyoutNavigation__close {
    position: relative;
    float: right;
    top: 22px;
    right: 0;
    width: 22px;
    height: 22px;
    z-index: 2;
    cursor: pointer
}

.flyoutNavigation__close:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 22px;
    color: #ddd
}

.flyoutNavigation .languageSelect {
    display: none;
    height: 100vh;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.flyoutNavigation .languageSelect li a {
    font-size: 18px
}

.flyoutNavigation .languageSelect .flyoutNavigation__close {
    position: absolute;
    right: 20px
}

.contactList {
    padding-bottom: 30px;
    overflow: hidden;
    border-bottom: 1px solid #ddd
}

@media (min-width: 768px) {
    .contactList__item {
        width:calc(100% / 2 - 20px);
        float: left
    }

    .contactList__item:nth-child(n) {
        clear: none
    }

    .contactList__item:nth-child(2n+3) {
        clear: left
    }

    .contactList__item:nth-child(odd) {
        margin-right: 40px
    }
}

.contactList__item .contact {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #ddd
}

.contactList__item:nth-child(1) .contact {
    margin-top: 0;
    padding-top: 0;
    border-top: none
}

@media (min-width: 768px) {
    .contactList__item:nth-child(2) .contact {
        margin-top:0;
        padding-top: 0;
        border-top: none
    }
}

.reference {
    border: 1px solid #ddd;
    padding: 32px 10px 32px;
    font-family: HelveticaNeue-Medium,Arial,sans-serif;
    font-size: 18px;
    line-height: 1.55556;
    color: #6f6f6f
}

.reference__headline {
    font-size: 25px;
    line-height: 1.4;
    color: #2d4275
}

.reference__subheadline {
    margin-top: 10px
}

.reference__subheadline+.reference__subheadline {
    margin-top: -4px
}

.reference__propertyList {
    display: block;
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0
}

.reference__propertyLabel {
    font-family: HelveticaNeue-Light,Arial,sans-serif
}

.referenceList {
    margin-top: 40px;
    display: flex;
    flex-flow: row wrap
}

.referenceList .reference {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 40px
}

.referenceList .reference:nth-child(1) {
    margin-top: 0
}

@media (min-width: 768px) {
    .referenceList .reference {
        width:calc(100% / 2 - 20px)
    }

    .referenceList .reference:nth-child(1),.referenceList .reference:nth-child(2) {
        margin-top: 0
    }

    .referenceList .reference:nth-child(2n+1) {
        margin-right: 20px
    }

    .referenceList .reference:nth-child(2n+2) {
        margin-left: 20px
    }

    .edge .referenceList .reference:nth-child(2n+2),.ie .referenceList .reference:nth-child(2n+2) {
        margin-left: calc(20px - 1px)
    }
}

@media (min-width: 1024px) {
    .referenceList .reference {
        width:calc(100% / 4 - 30px)
    }

    .referenceList .reference:nth-child(1),.referenceList .reference:nth-child(2),.referenceList .reference:nth-child(3),.referenceList .reference:nth-child(4) {
        margin-top: 0
    }

    .referenceList .reference:nth-child(4n+2) {
        margin-right: 20px
    }

    .referenceList .reference:nth-child(4n+3) {
        margin-left: 20px
    }

    .edge .referenceList .reference:nth-child(4n+3),.ie .referenceList .reference:nth-child(4n+3) {
        margin-left: calc(20px - 1px)
    }
}

.figure__headline {
    font-family: HelveticaNeue-Medium,Arial,sans-serif;
    color: #2d4275;
    line-height: .75;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    visibility: hidden
}

@media (min-width: 768px) {
    .figure__headline {
        padding-bottom:20px
    }
}

.figure__headline--visible,.no-js .figure__headline {
    visibility: visible
}

.figure__description {
    font-family: HelveticaNeue-Light,Arial,sans-serif;
    color: #6f6f6f;
    font-size: 15px;
    line-height: 1.33333;
    margin-top: 10px;
    white-space: normal!important
}

@media (min-width: 768px) {
    .figure__description {
        margin-top:16px
    }
}

@media (min-width: 1024px) {
    .figure__description {
        font-size:18px;
        line-height: 1.55556;
        margin-top: 13px
    }
}

.figure__headlineWrap {
    text-align: center
}

.figure--centered {
    text-align: center
}

.figure--voithBlue .figure__headline {
    color: #2d4275
}

.figure--fluorBlue .figure__headline {
    color: #00e5e5
}

.figure--fluorGreen .figure__headline {
    color: #00e500
}

.heroImage--1perrow .figure {
    text-align: center
}

@media (min-width: 768px) {
    .heroImage--2perrow .heroImage__figureCol--1percol .figure,.heroImage--3perrow .heroImage__figureCol--1percol .figure {
        height:100%
    }

    .heroImage--2perrow .heroImage__figureCol--1percol .figure__headlineWrap,.heroImage--3perrow .heroImage__figureCol--1percol .figure__headlineWrap {
        position: relative;
        height: 50%;
        border-bottom: 1px solid #ddd
    }

    .heroImage--2perrow .heroImage__figureCol--1percol .figure__headline,.heroImage--3perrow .heroImage__figureCol--1percol .figure__headline {
        position: absolute;
        left: 0;
        bottom: 0;
        border-bottom: none
    }
}

.heroImage--figures .heroImage__figureCol:first-child .figure {
    margin-top: 0
}

.heroImage--figures .heroImage__figureCol .figure__description {
    color: #fff
}

@media (min-width: 768px) {
    .heroImage--figures .heroImage__figureCol .figure {
        margin-top:0
    }

    .heroImage--figures .heroImage__figureCol .figure__description {
        color: #fff
    }
}

.interactiveGraphic__contentWrap {
    position: relative;
    overflow: hidden
}

.interactiveGraphic__image--mobile {
    display: block
}

@media (min-width: 768px) {
    .interactiveGraphic__image--mobile {
        display:none
    }
}

.interactiveGraphic__image--desktop {
    display: none
}

@media (min-width: 768px) {
    .interactiveGraphic__image--desktop {
        display:block
    }
}

.interactiveGraphic__itemLine {
    display: none
}

@media (min-width: 768px) {
    .interactiveGraphic__itemLine {
        display:block;
        background-color: #2d4275;
        height: .25vw;
        width: 102%
    }

    .interactiveGraphic__itemLine:before {
        position: absolute;
        content: '';
        height: .25vw;
        background-color: #2d4275;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 14vw;
        top: 237%
    }
}

@media (min-width: 768px) and (min-width:1280px) {
    .interactiveGraphic__itemLine:before {
        top:225%;
        width: 177px;
        height: 3px
    }
}

@media (min-width: 1280px) {
    .interactiveGraphic__itemLine {
        width:100%;
        height: 3px
    }
}

.interactiveGraphic__item {
    position: absolute;
    display: table;
    width: 8vw;
    height: 8vw;
    z-index: 1
}

@media (min-width: 768px) {
    .interactiveGraphic__item {
        width:auto;
        height: auto
    }

    .interactiveGraphic__item--animationLeft {
        left: -40%!important
    }

    .interactiveGraphic__item--animationRight {
        left: 115%!important
    }
}

.interactiveGraphic__item--isActive .interactiveGraphic__itemInner:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    position: absolute;
    font-size: 8vw;
    -webkit-animation: pulseActiveIcon 1.3s linear;
    animation: pulseActiveIcon 1.3s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@media (min-width: 768px) {
    .interactiveGraphic__item--isActive .interactiveGraphic__itemInner:before {
        -webkit-animation:none;
        animation: none;
        position: relative;
        font-family: Icons;
        font-size: 68%;
        line-height: 1;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        font-display: swap;
        text-decoration: none;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        font-size: 2.2vw;
        position: absolute
    }
}

@media (min-width: 1280px) {
    .interactiveGraphic__item--isActive .interactiveGraphic__itemInner:before {
        font-size:30px
    }
}

.interactiveGraphic__item--upsideDownTwoLines .interactiveGraphic__itemLine:before {
    top: 22%
}

@media (min-width: 1280px) {
    .interactiveGraphic__item--upsideDownTwoLines .interactiveGraphic__itemLine:before {
        top:29%
    }
}

.interactiveGraphic__item--upsideDownTwoLines .interactiveGraphic__itemInner:before {
    top: -77%
}

@media (min-width: 1280px) {
    .interactiveGraphic__item--upsideDownTwoLines .interactiveGraphic__itemInner:before {
        top:-64%
    }
}

.interactiveGraphic__item--upsideDown .interactiveGraphic__itemLine:before {
    top: -52%
}

@media (min-width: 1280px) {
    .interactiveGraphic__item--upsideDown .interactiveGraphic__itemLine:before {
        top:-38%
    }
}

.interactiveGraphic__item--upsideDown .interactiveGraphic__itemInner:before {
    top: -248%
}

@media (min-width: 1280px) {
    .interactiveGraphic__item--upsideDown .interactiveGraphic__itemInner:before {
        top:-221%
    }
}

.interactiveGraphic__item--twoLines .interactiveGraphic__itemLine:before {
    top: 172%
}

@media (min-width: 1280px) {
    .interactiveGraphic__item--twoLines .interactiveGraphic__itemLine:before {
        top:164.9%
    }
}

.interactiveGraphic__item--twoLines .interactiveGraphic__itemInner:before {
    top: 245%
}

@media (min-width: 1280px) {
    .interactiveGraphic__item--twoLines .interactiveGraphic__itemInner:before {
        top:210px
    }
}

.interactiveGraphic__item--leftToRight .interactiveGraphic__itemLine:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.interactiveGraphic__item--noEdge .interactiveGraphic__itemLine {
    position: absolute;
    width: 160%;
    right: 0
}

.interactiveGraphic__item--noEdge .interactiveGraphic__itemLine:before {
    display: none
}

.interactiveGraphic__item--noEdge .interactiveGraphic__itemInner:before {
    top: 73%
}

.interactiveGraphic__item--flourBlue .interactiveGraphic__itemTitle {
    color: #00e5e5
}

.interactiveGraphic__item--flourBlue .interactiveGraphic__itemInner:before {
    color: #00e5e5
}

.interactiveGraphic__item--flourBlue .interactiveGraphic__itemLine {
    background-color: #00e5e5
}

.interactiveGraphic__item--flourBlue .interactiveGraphic__itemLine:before {
    background-color: #00e5e5
}

.interactiveGraphic__item--1 {
    top: 44%;
    left: 27%;
    transition: left 2s
}

@media (min-width: 768px) {
    .interactiveGraphic__item--1 {
        top:0;
        left: 54%
    }

    .interactiveGraphic--en .interactiveGraphic__item--1 {
        top: 7%;
        left: 54%
    }
}

@media (min-width: 768px) {
    .interactiveGraphic__item--1 .interactiveGraphic__itemLine:before {
        left:-47%
    }

    .interactiveGraphic--en .interactiveGraphic__item--1 .interactiveGraphic__itemLine:before {
        left: -44%
    }
}

@media (min-width: 1280px) {
    .interactiveGraphic__item--1 .interactiveGraphic__itemLine:before {
        left:-42.3%
    }

    .interactiveGraphic--en .interactiveGraphic__item--1 .interactiveGraphic__itemLine:before {
        left: -40%
    }
}

@media (min-width: 768px) {
    .interactiveGraphic__item--1 .interactiveGraphic__itemInner:before {
        left:-46%
    }

    .interactiveGraphic--en .interactiveGraphic__item--1 .interactiveGraphic__itemInner:before {
        left: -43%
    }
}

@media (min-width: 1280px) {
    .interactiveGraphic__item--1 .interactiveGraphic__itemInner:before {
        left:-42%
    }

    .interactiveGraphic--en .interactiveGraphic__item--1 .interactiveGraphic__itemInner:before {
        left: -39%
    }
}

.interactiveGraphic__item--2 {
    top: 45%;
    left: 13%;
    transition: left 2s
}

@media (min-width: 768px) {
    .interactiveGraphic__item--2 {
        top:9%;
        left: 1.8%
    }

    .interactiveGraphic--en .interactiveGraphic__item--2 {
        left: 8.4%
    }
}

@media (min-width: 768px) {
    .interactiveGraphic__item--2 .interactiveGraphic__itemLine:before {
        left:91%
    }

    .interactiveGraphic--en .interactiveGraphic__item--2 .interactiveGraphic__itemLine:before {
        left: 86%
    }
}

@media (min-width: 1280px) {
    .interactiveGraphic__item--2 .interactiveGraphic__itemLine:before {
        left:90%
    }

    .interactiveGraphic--en .interactiveGraphic__item--2 .interactiveGraphic__itemLine:before {
        left: 86%
    }
}

@media (min-width: 768px) {
    .interactiveGraphic__item--2 .interactiveGraphic__itemInner:before {
        left:152%
    }

    .interactiveGraphic--en .interactiveGraphic__item--2 .interactiveGraphic__itemInner:before {
        left: 172%
    }
}

@media (min-width: 1280px) {
    .interactiveGraphic__item--2 .interactiveGraphic__itemInner:before {
        left:144%
    }

    .interactiveGraphic--en .interactiveGraphic__item--2 .interactiveGraphic__itemInner:before {
        left: 163%
    }
}

.interactiveGraphic__item--3 {
    top: 60%;
    left: 22%;
    transition: left 2s
}

@media (min-width: 768px) {
    .interactiveGraphic__item--3 {
        top:28%;
        left: 16.5%
    }
}

@media (min-width: 768px) {
    .interactiveGraphic__item--3 .interactiveGraphic__itemLine:before {
        left:83%
    }
}

@media (min-width: 1280px) {
    .interactiveGraphic__item--3 .interactiveGraphic__itemLine:before {
        left:83.4%
    }
}

@media (min-width: 768px) {
    .interactiveGraphic__item--3 .interactiveGraphic__itemInner:before {
        left:181%
    }
}

@media (min-width: 1280px) {
    .interactiveGraphic__item--3 .interactiveGraphic__itemInner:before {
        left:171%
    }
}

.interactiveGraphic__item--4 {
    top: 86%;
    left: 14%;
    transition: left 2s
}

@media (min-width: 768px) {
    .interactiveGraphic__item--4 {
        top:56%;
        left: 2%
    }

    .interactiveGraphic--en .interactiveGraphic__item--4 {
        top: 50%;
        left: 4%
    }
}

@media (min-width: 768px) {
    .interactiveGraphic__item--4 .interactiveGraphic__itemLine:before {
        left:90%
    }

    .interactiveGraphic--en .interactiveGraphic__item--4 .interactiveGraphic__itemLine:before {
        left: 90%
    }
}

@media (min-width: 1280px) {
    .interactiveGraphic__item--4 .interactiveGraphic__itemLine:before {
        left:89.5%
    }

    .interactiveGraphic--en .interactiveGraphic__item--4 .interactiveGraphic__itemLine:before {
        left: 88.5%
    }
}

@media (min-width: 768px) {
    .interactiveGraphic__item--4 .interactiveGraphic__itemInner:before {
        left:152%
    }

    .interactiveGraphic--en .interactiveGraphic__item--4 .interactiveGraphic__itemInner:before {
        left: 156%
    }
}

@media (min-width: 1280px) {
    .interactiveGraphic__item--4 .interactiveGraphic__itemInner:before {
        left:146%
    }

    .interactiveGraphic--en .interactiveGraphic__item--4 .interactiveGraphic__itemInner:before {
        left: 148%
    }
}

.interactiveGraphic__item--5 {
    top: 49%;
    left: 46%;
    transition: left 2s
}

@media (min-width: 768px) {
    .interactiveGraphic__item--5 {
        top:43%;
        left: 64.3%
    }

    .interactiveGraphic--en .interactiveGraphic__item--5 {
        top: 49%;
        left: 64.5%
    }
}

@media (min-width: 768px) {
    .interactiveGraphic__item--5 .interactiveGraphic__itemLine:before {
        left:-47%
    }

    .interactiveGraphic--en .interactiveGraphic__item--5 .interactiveGraphic__itemLine:before {
        left: -40%
    }
}

@media (min-width: 1280px) {
    .interactiveGraphic__item--5 .interactiveGraphic__itemLine:before {
        left:-42.3%
    }

    .interactiveGraphic--en .interactiveGraphic__item--5 .interactiveGraphic__itemLine:before {
        left: -36.6%
    }
}

@media (min-width: 768px) {
    .interactiveGraphic__item--5 .interactiveGraphic__itemInner:before {
        left:-46%
    }

    .interactiveGraphic--en .interactiveGraphic__item--5 .interactiveGraphic__itemInner:before {
        left: -39%
    }
}

@media (min-width: 1280px) {
    .interactiveGraphic__item--5 .interactiveGraphic__itemInner:before {
        left:-41.5%
    }

    .interactiveGraphic--en .interactiveGraphic__item--5 .interactiveGraphic__itemInner:before {
        left: -36%
    }
}

.interactiveGraphic__item--6 {
    top: 78%;
    left: 62%;
    transition: left 2s
}

@media (min-width: 768px) {
    .interactiveGraphic__item--6 {
        top:67%;
        left: 75%
    }

    .interactiveGraphic--en .interactiveGraphic__item--6 {
        top: 67%;
        left: 75%
    }
}

@media (min-width: 768px) {
    .interactiveGraphic__item--6 .interactiveGraphic__itemLine:before {
        left:-75%
    }

    .interactiveGraphic--en .interactiveGraphic__item--6 .interactiveGraphic__itemLine:before {
        left: -75%
    }
}

@media (min-width: 768px) {
    .interactiveGraphic__item--6 .interactiveGraphic__itemInner:before {
        left:-73%
    }

    .interactiveGraphic--en .interactiveGraphic__item--6 .interactiveGraphic__itemInner:before {
        left: -72%
    }
}

.interactiveGraphic__item--7 {
    top: 78%;
    left: 52%;
    transition: left 2s
}

@media (min-width: 768px) {
    .interactiveGraphic__item--7 {
        top:87%;
        left: 69%
    }
}

@media (min-width: 768px) {
    .interactiveGraphic__item--7 .interactiveGraphic__itemLine:before {
        left:-136%
    }
}

@media (min-width: 1280px) {
    .interactiveGraphic__item--7 .interactiveGraphic__itemLine:before {
        left:-123%
    }
}

@media (min-width: 768px) {
    .interactiveGraphic__item--7 .interactiveGraphic__itemInner:before {
        left:-133%
    }
}

@media (min-width: 1280px) {
    .interactiveGraphic__item--7 .interactiveGraphic__itemInner:before {
        left:-122%
    }
}

.interactiveGraphic__item--8 {
    top: 82%;
    left: 32%;
    transition: left 2s
}

@media (min-width: 768px) {
    .interactiveGraphic__item--8 {
        top:92%;
        left: 55%
    }
}

@media (min-width: 768px) {
    .interactiveGraphic__item--8 .interactiveGraphic__itemLine:before {
        left:-102%
    }
}

@media (min-width: 1280px) {
    .interactiveGraphic__item--8 .interactiveGraphic__itemLine:before {
        left:-92%
    }
}

@media (min-width: 768px) {
    .interactiveGraphic__item--8 .interactiveGraphic__itemInner:before {
        left:-100%
    }
}

@media (min-width: 1280px) {
    .interactiveGraphic__item--8 .interactiveGraphic__itemInner:before {
        left:-91%
    }
}

.interactiveGraphic__item:hover {
    color: #2d4275
}

@media (min-width: 768px) {
    .interactiveGraphic__item:hover:not(.interactiveGraphic__item--flourBlue) .interactiveGraphic__itemTitle {
        color:#266693
    }

    .interactiveGraphic__item:hover:not(.interactiveGraphic__item--flourBlue) .interactiveGraphic__itemInner:before {
        color: #266693
    }

    .interactiveGraphic__item:hover:not(.interactiveGraphic__item--flourBlue) .interactiveGraphic__itemLine {
        background-color: #266693
    }

    .interactiveGraphic__item:hover:not(.interactiveGraphic__item--flourBlue) .interactiveGraphic__itemLine:before {
        background-color: #266693
    }

    .interactiveGraphic__item:hover .interactiveGraphic__itemTitle {
        color: #15d4f1
    }

    .interactiveGraphic__item:hover .interactiveGraphic__itemInner:before {
        color: #15d4f1
    }

    .interactiveGraphic__item:hover .interactiveGraphic__itemLine {
        background-color: #15d4f1
    }

    .interactiveGraphic__item:hover .interactiveGraphic__itemLine:before {
        background-color: #15d4f1
    }
}

.interactiveGraphic__itemTitle {
    display: none;
    width: 100%;
    white-space: nowrap
}

@media (min-width: 768px) {
    .interactiveGraphic__itemTitle {
        display:block;
        position: relative;
        font-size: 2.5vw;
        color: #2d4275
    }
}

@media (min-width: 1280px) {
    .interactiveGraphic__itemTitle {
        font-size:35px;
        line-height: 44.8px
    }
}

.interactiveGraphic__itemInner {
    position: relative;
    width: 100%
}

.interactiveGraphic__itemInner:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    position: absolute;
    font-size: 8vw
}

@media (min-width: 768px) {
    .interactiveGraphic__itemInner:before {
        top:375%;
        font-size: 2.2vw
    }
}

@media (min-width: 1280px) {
    .interactiveGraphic__itemInner:before {
        top:166px;
        font-size: 30px
    }
}

.interactiveGraphic__description {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 20px 20px 10px;
    background-color: #ededed
}

@media (min-width: 768px) {
    .interactiveGraphic__description {
        display:none
    }
}

.interactiveGraphic__next {
    align-self: center;
    margin-left: 20px
}

.interactiveGraphic__next:before {
    font-size: 35px;
    color: #2d4275
}

.interactiveGraphic__descriptionTitle {
    color: #2d4275
}

.interactiveGraphic__hint {
    position: relative;
    font-size: 15px;
    line-height: 20px;
    color: #2d4275;
    align-self: flex-end
}

.interactiveGraphic .btn {
    display: none;
    margin-top: 20px
}

@-webkit-keyframes pulseActiveIcon {
    0% {
        -webkit-transform: scale(.9);
        transform: scale(.9);
        border-color: rgba(45,66,117,0)
    }

    10% {
        border-color: rgba(45,66,117,.5)
    }

    70% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        border-color: rgba(45,66,117,.5)
    }

    90% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        border-color: rgba(45,66,117,0)
    }

    100% {
        -webkit-transform: scale(.9);
        transform: scale(.9);
        border-color: rgba(45,66,117,0)
    }
}

@keyframes pulseActiveIcon {
    0% {
        -webkit-transform: scale(.9);
        transform: scale(.9);
        border-color: rgba(45,66,117,0)
    }

    10% {
        border-color: rgba(45,66,117,.5)
    }

    70% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        border-color: rgba(45,66,117,.5)
    }

    90% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        border-color: rgba(45,66,117,0)
    }

    100% {
        -webkit-transform: scale(.9);
        transform: scale(.9);
        border-color: rgba(45,66,117,0)
    }
}

html.i18nHint--visible,html.i18nHint--visible body {
    overflow: hidden
}

.i18nHint {
    position: fixed;
    bottom: 20px;
    right: 25px;
    width: 40px;
    height: 40px;
    z-index: 20
}

.i18nHint__button {
    width: 40px;
    height: 40px;
    position: relative;
    z-index: 1;
    font-size: 40px;
    cursor: pointer;
    -webkit-filter: drop-shadow(0 0 5px rgba(0, 0, 0, .5));
    filter: drop-shadow(0 0 5px rgba(0, 0, 0, .5))
}

.i18nHint__button:before {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: block;
    color: #00e5e5;
    z-index: 1
}

.i18nHint__button.icon-close:before {
    font-size: 20px
}

.i18nHint__button:after {
    content: '';
    border-radius: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    background: #4f4f4f
}

.i18nHint__layer {
    font-size: 18px;
    line-height: 28px;
    position: fixed;
    display: none;
    left: 0;
    bottom: 0;
    margin: 0;
    width: 100vw;
    height: 100%;
    background: #fff;
    overflow-y: auto;
    padding: 50px 0 25px
}

@media (min-width: 768px) {
    .i18nHint__layer {
        position:absolute;
        width: 711.66667px;
        height: auto;
        bottom: 0;
        right: 0;
        left: auto;
        box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
        padding-top: 0;
        opacity: 0;
        transition: opacity .25s ease-in-out .1s,bottom .25s ease-in-out
    }
}

.i18nHint__layer--show {
    opacity: 1
}

@media (min-width: 768px) {
    .i18nHint__layer--show {
        bottom:60px
    }
}

.i18nHint__layer .col {
    margin-top: 30px
}

.i18nHint__headline--blue {
    color: #2d4275
}

.i18nHint__contact {
    border-top: 1px solid #ddd;
    padding-top: 26px;
    margin-top: 26px
}

.i18nHint__contact .contact {
    margin-top: 26px
}

.animatedSection {
    position: relative;
    height: calc(100vh - 50px)
}

@media (min-width: 768px) {
    .animatedSection {
        height:calc(100vh - 85px)
    }
}

.animatedSection .backgroundImage.section__backgroundImage {
    position: fixed
}

.animatedSection .backgroundImage.backgroundImage--stick {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    top: 50px;
    width: 100%;
    max-height: 100%;
    overflow: hidden;
    z-index: 1;
    transition: opacity .6s ease-in-out .5s,visibility 0s ease-in-out 1.1s
}

@media (min-width: 768px) {
    .animatedSection .backgroundImage.backgroundImage--stick {
        top:85px
    }
}

.animatedSection.is-visible .backgroundImage.backgroundImage--stick {
    visibility: visible;
    opacity: 1;
    transition: opacity .6s ease-in-out 0s,visibility 0s ease-in-out 0s
}

.animatedSection:first-of-type.is-absolute .backgroundImage.backgroundImage--stick,.animatedSection:last-of-type.is-absolute .backgroundImage.backgroundImage--stick {
    position: absolute;
    top: 0;
    visibility: visible;
    opacity: 1;
    z-index: 0;
    transition: opacity 0s ease-in-out 0s,visibility 0s ease-in-out 0s
}

@media (min-width: 768px) {
    .animatedSection--brightened .backgroundImage.backgroundImage--stick::after,.animatedSection--darkened .backgroundImage.backgroundImage--stick::after {
        content:'';
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        z-index: 2;
        transition: opacity .6s ease-in-out 0s
    }

    .animatedSection--darkened .backgroundImage.backgroundImage--stick::after {
        background-color: #000
    }

    .animatedSection--brightened .backgroundImage.backgroundImage--stick::after {
        background-color: #fff
    }

    .animatedSection--brightened.is-faded .backgroundImage.backgroundImage--stick::after,.animatedSection--darkened.is-faded .backgroundImage.backgroundImage--stick::after {
        opacity: .5
    }
}

.animatedSection__contentRow {
    position: absolute;
    width: 100%;
    max-width: 1260px;
    padding-top: 20px;
    padding-bottom: 40px;
    padding-left: 10px;
    padding-right: 10px;
    top: 100vh;
    z-index: 3
}

@media (min-width: 768px) {
    .animatedSection__contentRow {
        position:fixed;
        visibility: hidden;
        opacity: 0;
        top: auto;
        bottom: -75px;
        padding-left: 30px;
        padding-right: 30px;
        background-color: transparent;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        transition: bottom .6s ease-in-out 0s,opacity .6s ease-in-out 0s,visibility .6s ease-in-out 1.1s
    }

    .animatedSection:first-of-type .animatedSection__contentRow,.animatedSection:last-of-type .animatedSection__contentRow {
        position: fixed;
        visibility: hidden;
        opacity: 0
    }
}

@media (min-width: 1280px) {
    .animatedSection__contentRow {
        padding-left:20px;
        padding-right: 20px
    }
}

.animatedSection--darkened .animatedSection__contentRow {
    background-color: rgba(0,0,0,.75)
}

@media (min-width: 768px) {
    .animatedSection--darkened .animatedSection__contentRow {
        background-color:transparent
    }
}

.animatedSection--brightened .animatedSection__contentRow {
    background-color: rgba(255,255,255,.75)
}

@media (min-width: 768px) {
    .animatedSection--brightened .animatedSection__contentRow {
        background-color:transparent
    }
}

@media (min-width: 768px) {
    .animatedSection.is-faded .animatedSection__contentRow {
        visibility:visible;
        opacity: 1;
        bottom: 0;
        transition: bottom .6s 0s,opacity .6s ease-in-out 0s,visibility 0s ease-in-out 0s
    }
}

@media (min-width: 768px) {
    .animatedSection.is-above .animatedSection__contentRow {
        opacity:0;
        bottom: 100px;
        transition-delay: 0s
    }
}

@media (min-width: 768px) {
    .animatedSection.is-below .animatedSection__contentRow {
        opacity:0;
        bottom: -100px;
        transition-delay: 0s
    }
}

@media (min-width: 768px) {
    .animatedSection:first-of-type.is-absolute .animatedSection__contentRow {
        opacity:0;
        bottom: -100px;
        transition-delay: 0s
    }
}

@media (min-width: 768px) {
    .animatedSection:last-of-type.is-absolute .animatedSection__contentRow {
        opacity:0;
        bottom: 100px;
        transition-delay: 0s
    }
}

.animatedSection__button,.animatedSection__text,.animatedSection__title {
    margin-top: 30px;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

@media (min-width: 768px) {
    .animatedSection__button,.animatedSection__text,.animatedSection__title {
        width:60%
    }
}

@media (min-width: 768px) {
    .animatedSection--right .animatedSection__button,.animatedSection--right .animatedSection__text,.animatedSection--right .animatedSection__title {
        float:right
    }
}

.animatedSection--darkened .animatedSection__title {
    color: #00e5e5
}

.animatedSection--darkened .animatedSection__text {
    color: #fff
}

body.editMode .animatedSection .backgroundImage--stick {
    position: absolute;
    visibility: visible;
    opacity: 1
}

body.editMode .animatedSection .backgroundImage--stick::after {
    display: none
}

body.editMode .animatedSection .backgroundImage__overlay {
    display: none
}

body.editMode .animatedSection .animatedSection__contentRow {
    position: absolute;
    visibility: visible;
    opacity: 1;
    bottom: 0
}

.scrollSection {
    position: relative;
    margin-top: -50px
}

.scrollSection__section {
    position: relative;
    height: calc(100vh - 50px)
}

@media (min-width: 768px) {
    .scrollSection__section {
        height:calc(100vh - 85px)
    }
}

.hs-form input,.hs-form select,.hs-form textarea {
    display: block;
    border: 0;
    outline: 0;
    width: 100%;
    border-bottom: 1px solid #2d4275;
    background-color: transparent;
    padding: 20px 10px 0;
    font-family: HelveticaNeue-Light,Arial,sans-serif
}

.hs-form input::-ms-clear,.hs-form select::-ms-clear,.hs-form textarea::-ms-clear {
    display: none
}

.hs-form input:focus,.hs-form select:focus,.hs-form textarea:focus {
    outline: 0;
    color: #202020;
    border-color: #00e5e5
}

.hs-form input.error,.hs-form select.error,.hs-form textarea.error {
    border-color: #ff0032;
    color: #ff0032
}

.hs-form .form-columns-1 {
    width: 100%;
    float: left;
    padding-left: 20px;
    padding-right: 20px
}

.hs-form .form-columns-2 {
    width: 100%;
    float: left;
    padding-left: 20px;
    padding-right: 20px
}

@media (min-width: 768px) {
    .hs-form .form-columns-2 {
        width:50%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }
}

.hs-form .form-columns-3 {
    width: 100%;
    float: left;
    padding-left: 20px;
    padding-right: 20px
}

@media (min-width: 768px) {
    .hs-form .form-columns-3 {
        width:33.33333%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }
}

.hs-form .hs-form-field {
    position: relative;
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline
}

.hs-form .hs-form-field>label {
    position: absolute;
    top: 0;
    left: 10px;
    font-size: 12px;
    font-family: HelveticaNeue-Medium,Arial,sans-serif;
    color: #9c9c9c;
    cursor: text;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 20px;
    width: calc(100% - 20px);
    z-index: -1;
    order: 0
}

.hs-form .hs-form-field .input {
    width: 100%;
    order: 1
}

.hs-form .hs-form-field .hs-field-desc {
    order: 2
}

.hs-form .hs_file_upload_property>label {
    position: relative;
    left: auto;
    padding-left: 10px;
    top: auto
}

.hs-form .hs_file_upload_property .hs-input,.hs-form .hs_file_upload_property .input,.hs-form .hs_file_upload_property label {
    width: auto;
    display: inline-block;
    font-family: HelveticaNeue-Light,Arial,sans-serif;
    font-size: initial
}

.hs-form .hs_file_upload_property .hs-input {
    border: none;
    padding: 0
}

.hs-form .hs-fieldtype-booleancheckbox ul,.hs-form .hs-fieldtype-checkbox ul,.hs-form .hs-fieldtype-radio ul,.hs-form .hs_multiple_checkboxes_property ul,.hs-form .hs_radio_select_property ul,.hs-form .hs_single_checkbox_property ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.hs-form .hs-fieldtype-booleancheckbox ul li,.hs-form .hs-fieldtype-checkbox ul li,.hs-form .hs-fieldtype-radio ul li,.hs-form .hs_multiple_checkboxes_property ul li,.hs-form .hs_radio_select_property ul li,.hs-form .hs_single_checkbox_property ul li {
    padding: 0
}

.hs-form .hs-fieldtype-booleancheckbox ul li:before,.hs-form .hs-fieldtype-checkbox ul li:before,.hs-form .hs-fieldtype-radio ul li:before,.hs-form .hs_multiple_checkboxes_property ul li:before,.hs-form .hs_radio_select_property ul li:before,.hs-form .hs_single_checkbox_property ul li:before {
    display: none
}

.hs-form .hs-fieldtype-booleancheckbox label,.hs-form .hs-fieldtype-checkbox label,.hs-form .hs-fieldtype-radio label,.hs-form .hs_multiple_checkboxes_property label,.hs-form .hs_radio_select_property label,.hs-form .hs_single_checkbox_property label {
    position: static;
    display: inline-block;
    padding-right: 20px;
    margin-top: 12px;
    font-size: 18px;
    line-height: 28px;
    font-family: HelveticaNeue-Light,Arial,sans-serif
}

.hs-form .hs-fieldtype-booleancheckbox .hs-form-booleancheckbox-display,.hs-form .hs-fieldtype-booleancheckbox .hs-form-checkbox-display,.hs-form .hs-fieldtype-booleancheckbox .hs-form-radio-display,.hs-form .hs-fieldtype-checkbox .hs-form-booleancheckbox-display,.hs-form .hs-fieldtype-checkbox .hs-form-checkbox-display,.hs-form .hs-fieldtype-checkbox .hs-form-radio-display,.hs-form .hs-fieldtype-radio .hs-form-booleancheckbox-display,.hs-form .hs-fieldtype-radio .hs-form-checkbox-display,.hs-form .hs-fieldtype-radio .hs-form-radio-display,.hs-form .hs_multiple_checkboxes_property .hs-form-booleancheckbox-display,.hs-form .hs_multiple_checkboxes_property .hs-form-checkbox-display,.hs-form .hs_multiple_checkboxes_property .hs-form-radio-display,.hs-form .hs_radio_select_property .hs-form-booleancheckbox-display,.hs-form .hs_radio_select_property .hs-form-checkbox-display,.hs-form .hs_radio_select_property .hs-form-radio-display,.hs-form .hs_single_checkbox_property .hs-form-booleancheckbox-display,.hs-form .hs_single_checkbox_property .hs-form-checkbox-display,.hs-form .hs_single_checkbox_property .hs-form-radio-display {
    color: #6f6f6f;
    cursor: pointer;
    margin-top: 0
}

.hs-form .hs-fieldtype-booleancheckbox .hs-input,.hs-form .hs-fieldtype-checkbox .hs-input,.hs-form .hs-fieldtype-radio .hs-input,.hs-form .hs_multiple_checkboxes_property .hs-input,.hs-form .hs_radio_select_property .hs-input,.hs-form .hs_single_checkbox_property .hs-input {
    display: inline;
    width: auto;
    height: auto;
    border: 0
}

.hs-form .hs_radio_select_property .hs-input {
    margin: 0 5px 0 1px
}

.hs-form .hs-form-booleancheckbox .hs-input,.hs-form .hs_multiple_checkboxes_property .hs-input {
    margin: 0 12px 0 0;
    padding: 5px
}

.hs-form select {
    padding: 7px 25px 7px 12px;
    line-height: 1.5;
    color: #202020;
    cursor: pointer;
    font-family: HelveticaNeue-Light,Arial,sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff url(../img/forms/blue.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) 42%
}

.hs-form select::-ms-expand {
    border: none;
    background: #fff!important;
    color: #fff
}

.hs-form textarea {
    display: block;
    height: 180px;
    border: 1px solid #2d4275;
    background-color: transparent;
    resize: none;
    padding: 20px 10px 0
}

.hs-form .hs-error-msgs {
    color: #ff0032;
    font-family: HelveticaNeue-Medium,Arial,sans-serif;
    font-size: 12px;
    line-height: 1.25;
    padding: 7px 0;
    min-height: 30px;
    list-style: none;
    margin: 0
}

.hs-form .hs-error-msgs li {
    padding: 0
}

.hs-form .hs-error-msgs li:before {
    display: none
}

.hs-form .hs-field-desc {
    padding: 7px 0;
    color: #6f6f6f;
    font-family: HelveticaNeue-Medium,Arial,sans-serif;
    font-size: 12px;
    line-height: 1.25
}

.hs-form .hs_recaptcha {
    width: 100%;
    float: left;
    padding-left: 20px;
    padding-right: 20px
}

.hs-form .hs-dependent-field,.hs-form .hs-richtext {
    margin-top: 20px
}

.hs-form .hs-dependent-field>div {
    margin-top: 0
}

.hs-form .hs-button.primary {
    width: auto;
    max-width: 100%;
    margin-right: 20px;
    display: inline-block;
    word-wrap: break-word;
    padding: 8px 18px;
    font-family: HelveticaNeue-Medium,Arial,sans-serif;
    font-size: 15px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    border-width: 2px;
    border-style: solid;
    cursor: pointer;
    background: #2d4275;
    color: #fff;
    border: #2d4275
}

.hs-form .hs-button.primary:hover {
    background-color: #266693;
    border-color: #266693
}

.hs-form .hs_submit {
    width: 100%;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 30px
}

.hs-form .actions {
    display: block
}

@keyframes fadeIn {
    from {
        opacity: .01
    }

    to {
        opacity: 1
    }
}

@keyframes transition {
    from {
        opacity: 1
    }

    50% {
        opacity: .01
    }

    to {
        opacity: 1
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    50% {
        -webkit-transform: scale3d(1.1,1.1,1);
        transform: scale3d(1.1,1.1,1)
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes pulseLoop {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    20% {
        -webkit-transform: scale3d(1.25,1.25,1);
        transform: scale3d(1.25,1.25,1)
    }

    40% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes rotationLoop {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

@keyframes scrolling {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    80% {
        -webkit-transform: translateY(70px);
        transform: translateY(70px)
    }

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

.videoJsPlayer {
    position: relative;
    overflow: hidden
}

.videoJsPlayer__poster {
    position: relative;
    z-index: 4
}

.videoJsPlayer__poster img {
    width: 100%
}

.videoJsPlayer__poster--hidden {
    visibility: hidden;
    z-index: 0
}

.videoJsPlayer .vjs-big-play-button {
    display: none
}

.videoJsPlayer__video.video-js {
    background-color: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2
}

.videoJsPlayer__playButton {
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px;
    width: 80px;
    z-index: 5
}

.videoJsPlayer__playButton--hidden {
    display: none
}

.col--medium-4 .videoJsPlayer__playButton {
    margin-left: -40px!important;
    margin-top: -40px!important;
    width: 80px!important
}

.col--medium-4 .videoJsPlayer__playButton:before {
    font-size: 80px!important
}

@media (min-width: 768px) {
    .videoJsPlayer__playButton {
        margin-left:-70px;
        margin-top: -70px;
        width: 140px
    }
}

.videoJsPlayer__playButton:hover {
    -webkit-animation: pulse .3s forwards;
    animation: pulse .3s forwards;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.videoJsPlayer__playButton:before {
    color: #fff;
    opacity: .6;
    text-align: center;
    display: block;
    cursor: pointer;
    font-size: 80px
}

@media (min-width: 768px) {
    .videoJsPlayer__playButton:before {
        font-size:140px
    }
}

.videoJsPlayer__closeButton {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    background: #fff;
    cursor: pointer;
    z-index: 3
}

.videoJsPlayer__closeButton:before {
    text-align: center;
    line-height: 40px;
    display: block;
    font-size: 120%;
    color: #2d4275
}

.videoJsPlayer__closeButton:hover:before {
    color: #266693
}

.videoJsPlayer__closeButton--active {
    display: block
}

@keyframes fadeIn {
    from {
        opacity: .01
    }

    to {
        opacity: 1
    }
}

@keyframes transition {
    from {
        opacity: 1
    }

    50% {
        opacity: .01
    }

    to {
        opacity: 1
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    50% {
        -webkit-transform: scale3d(1.1,1.1,1);
        transform: scale3d(1.1,1.1,1)
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes pulseLoop {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    20% {
        -webkit-transform: scale3d(1.25,1.25,1);
        transform: scale3d(1.25,1.25,1)
    }

    40% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes rotationLoop {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

@keyframes scrolling {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    80% {
        -webkit-transform: translateY(70px);
        transform: translateY(70px)
    }

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

@font-face {
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    font-family: HelveticaNeue-Light;
    src: url(../fonts/5ab020b6-67c6-4666-95ee-09cce0e39f2f.woff2) format("woff2"),url(../fonts/195ede8e-7c97-4ab9-9a81-ddff21e9e6bd.woff) format("woff")
}

@font-face {
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    font-family: HelveticaNeue-Medium;
    src: url(../fonts/3388ada0-73d7-4be0-b300-c39245f82721.woff2) format("woff2"),url(../fonts/b7de6bf1-14bc-46af-9f84-8c3c59d683ff.woff) format("woff")
}

.row {
    margin-top: -30px;
    margin-left: -20px;
    margin-right: -20px;
    max-width: none
}

@media (min-width: 768px) {
    .row {
        margin-top:-50px
    }
}

@media (min-width: 1024px) {
    .row {
        margin-top:-50px
    }
}

.row:after {
    content: " ";
    display: block;
    clear: both
}

.row .row,.row+.row {
    margin-top: 0
}

.row--reducedWidth {
    margin-left: -10px;
    margin-right: -10px
}

@media (min-width: 768px) {
    .row--reducedWidth {
        margin-left:10px;
        margin-right: 10px
    }
}

@media (min-width: 1300px) {
    .row--reducedWidth {
        max-width:1260px;
        margin-left: auto;
        margin-right: auto
    }
}

.col {
    width: 100%;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 30px
}

@media (min-width: 768px) {
    .col {
        margin-top:50px
    }
}

@media (min-width: 1024px) {
    .col {
        margin-top:50px
    }
}

@media (min-width: 768px) {
    .col--medium-1 {
        width:8.33333%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--medium-offset-1 {
        margin-left: 8.33333%
    }

    .col--medium-2 {
        width: 16.66667%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--medium-offset-2 {
        margin-left: 16.66667%
    }

    .col--medium-3 {
        width: 25%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

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

    .col--medium-4 {
        width: 33.33333%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--medium-offset-4 {
        margin-left: 33.33333%
    }

    .col--medium-5 {
        width: 41.66667%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--medium-offset-5 {
        margin-left: 41.66667%
    }

    .col--medium-6 {
        width: 50%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

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

    .col--medium-7 {
        width: 58.33333%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--medium-offset-7 {
        margin-left: 58.33333%
    }

    .col--medium-8 {
        width: 66.66667%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--medium-offset-8 {
        margin-left: 66.66667%
    }

    .col--medium-9 {
        width: 75%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

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

    .col--medium-10 {
        width: 83.33333%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--medium-offset-10 {
        margin-left: 83.33333%
    }

    .col--medium-11 {
        width: 91.66667%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--medium-offset-11 {
        margin-left: 91.66667%
    }

    .col--medium-12 {
        width: 100%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--medium-offset-12 {
        margin-left: 100%
    }

    .hidden-col--medium {
        display: none
    }
}

@media (min-width: 1024px) {
    .col--large-1 {
        width:8.33333%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--large-offset-1 {
        margin-left: 8.33333%
    }

    .col--large-2 {
        width: 16.66667%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--large-offset-2 {
        margin-left: 16.66667%
    }

    .col--large-3 {
        width: 25%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

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

    .col--large-4 {
        width: 33.33333%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--large-offset-4 {
        margin-left: 33.33333%
    }

    .col--large-5 {
        width: 41.66667%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--large-offset-5 {
        margin-left: 41.66667%
    }

    .col--large-6 {
        width: 50%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

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

    .col--large-7 {
        width: 58.33333%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--large-offset-7 {
        margin-left: 58.33333%
    }

    .col--large-8 {
        width: 66.66667%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--large-offset-8 {
        margin-left: 66.66667%
    }

    .col--large-9 {
        width: 75%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

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

    .col--large-10 {
        width: 83.33333%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--large-offset-10 {
        margin-left: 83.33333%
    }

    .col--large-11 {
        width: 91.66667%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--large-offset-11 {
        margin-left: 91.66667%
    }

    .col--large-12 {
        width: 100%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--large-offset-12 {
        margin-left: 100%
    }

    .hidden-col--large {
        display: none
    }
}

.stage+.breadcrumb,.stage+.breadcrumb+.gridContainer,.stage+.gridContainer {
    position: relative;
    top: calc(100vh - 50px);
    z-index: 2
}

.stage+.breadcrumb+.gridContainer:not(.breadcrumb),.stage+.breadcrumb:not(.breadcrumb),.stage+.gridContainer:not(.breadcrumb) {
    padding-bottom: calc(100vh - 50px);
    background-color: #fff
}

.stage+.breadcrumb+.gridContainer:not(.gridContainer),.stage+.breadcrumb:not(.gridContainer),.stage+.gridContainer:not(.gridContainer) {
    z-index: 3
}

@media (min-width: 768px) {
    .stage+.breadcrumb,.stage+.breadcrumb+.gridContainer,.stage+.gridContainer {
        top:calc(100vh - 85px)
    }

    .stage+.breadcrumb+.gridContainer:not(.breadcrumb),.stage+.breadcrumb:not(.breadcrumb),.stage+.gridContainer:not(.breadcrumb) {
        padding-bottom: calc(100vh - 85px)
    }
}

@media (max-height: 650px) and (min-width:1280px) {
    .stage+.breadcrumb,.stage+.breadcrumb+.gridContainer,.stage+.gridContainer {
        top:0;
        padding-bottom: 0
    }
}

@media (max-height: 590px) and (min-width:1024px) and (max-width:1279px) {
    .stage+.breadcrumb,.stage+.breadcrumb+.gridContainer,.stage+.gridContainer {
        top:0;
        padding-bottom: 0
    }
}

@media (max-height: 570px) and (min-width:768px) and (max-width:1023px) {
    .stage+.breadcrumb,.stage+.breadcrumb+.gridContainer,.stage+.gridContainer {
        top:0;
        padding-bottom: 0
    }
}

@media (max-height: 320px) and (min-width:600px) and (max-width:767px) {
    .stage+.breadcrumb,.stage+.breadcrumb+.gridContainer,.stage+.gridContainer {
        top:0;
        padding-bottom: 0
    }
}

@media (max-height: 390px) and (min-width:320px) and (max-width:599px) {
    .stage+.breadcrumb,.stage+.breadcrumb+.gridContainer,.stage+.gridContainer {
        top:0;
        padding-bottom: 0
    }
}

.vzaarPlayer {
    height: 0;
    width: 100%;
    padding-top: calc(100% * 9 / 16);
    position: relative
}

.vzaarPlayer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-width: 0
}

.vzaarPlayer__poster {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 4
}

.vzaarPlayer__poster img {
    width: 100%
}

.vzaarPlayer__poster--hidden {
    visibility: hidden;
    z-index: 0
}

.vzaarPlayer__playButton {
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px;
    width: 80px;
    z-index: 5
}

.vzaarPlayer__playButton--hidden {
    display: none
}

.col--medium-4 .vzaarPlayer__playButton {
    margin-left: -40px!important;
    margin-top: -40px!important;
    width: 80px!important
}

.col--medium-4 .vzaarPlayer__playButton:before {
    font-size: 80px!important
}

@media (min-width: 768px) {
    .vzaarPlayer__playButton {
        margin-left:-70px;
        margin-top: -70px;
        width: 140px
    }
}

.vzaarPlayer__playButton:hover {
    -webkit-animation: pulse .3s forwards;
    animation: pulse .3s forwards;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.vzaarPlayer__playButton:before {
    color: #fff;
    opacity: .6;
    text-align: center;
    display: block;
    cursor: pointer;
    font-size: 80px
}

@media (min-width: 768px) {
    .vzaarPlayer__playButton:before {
        font-size:140px
    }
}

.vzaarPlayer__closeButton {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    background: #fff;
    cursor: pointer;
    z-index: 3
}

.vzaarPlayer__closeButton:before {
    text-align: center;
    line-height: 40px;
    display: block;
    font-size: 24px;
    color: #2d4275
}

.vzaarPlayer__closeButton:hover:before {
    color: #266693
}

.vzaarPlayer__closeButton--active {
    display: block
}

.benefits .row {
    position: relative;
    text-align: center
}

.benefits .row .col {
    text-align: left;
    position: relative;
    z-index: 0
}

.benefits h3 {
    margin-bottom: 40px
}

@media (min-width: 768px) {
    .benefits h3 {
        margin-top:30px
    }
}

@media (min-width: 1024px) {
    .benefits h3 {
        margin-top:50px
    }
}

.benefits h3 span {
    display: block;
    color: #2d4275
}

.benefits img {
    position: relative;
    max-height: 50vh;
    z-index: 2
}

@media (min-width: 768px) {
    .benefits img {
        max-height:480px
    }
}

.benefits img.rounded {
    border-radius: 50%
}

@media (min-width: 1024px) {
    .benefits img.visual {
        display:none
    }
}

@media (min-width: 1024px) {
    .benefits .col--visual .visual {
        display:block;
        width: 100%
    }
}

.benefits--image-wrapper {
    position: relative;
    float: left;
    width: 100%
}

.benefits--cover {
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    z-index: 1
}

.benefits--trigger {
    float: left;
    width: 100%
}

@media (min-width: 768px) {
    .benefits--trigger {
        position:absolute;
        bottom: 0;
        left: 0
    }
}

.benefits--wrapper {
    position: relative;
    float: left;
    background-repeat: no-repeat;
    background-size: 125%;
    background-position: center;
    width: 100%;
    transition: margin-top 1s
}

@media (min-width: 768px) {
    .benefits--wrapper {
        margin-top:0!important
    }
}

.benefits--wrapper-small {
    height: 35vw
}

@media (max-width: 1023px) {
    .benefits--wrapper.show-image-large {
        background-image:none!important
    }
}

.benefits--wrapper .col {
    margin-top: 0
}

.benefits--wrapper .col .row .flex-centered .col:nth-child(3) {
    clear: left
}

@media (min-width: 1024px) {
    .benefits--wrapper-landscape .col--large-3:first-child {
        padding-left:0
    }

    .benefits--wrapper-landscape .col--large-3:last-child {
        padding-right: 0
    }

    .benefits--wrapper-landscape>.col:nth-child(2) {
        padding-left: 0
    }

    .benefits--wrapper-landscape>.col:nth-child(4) {
        padding-right: 0
    }
}

.benefits--wrapper .benefit {
    padding-bottom: 30px
}

.benefits--wrapper-rounded img {
    border-radius: 50%
}

.benefits--wrapper-rounded+.benefits--image-wrapper img {
    width: 75%;
    max-height: none
}

@media (min-width: 1024px) {
    .benefits--wrapper-portrait,.benefits--wrapper-rounded {
        background-size:contain
    }

    .benefits--wrapper-portrait .col,.benefits--wrapper-rounded .col {
        transition: opacity 2s ease-in-out
    }

    .benefits--wrapper-portrait .col .benefit,.benefits--wrapper-rounded .col .benefit {
        position: relative;
        transition: left 2s ease-in-out
    }

    .benefits--wrapper-portrait .col:nth-child(2),.benefits--wrapper-rounded .col:nth-child(2) {
        opacity: 0
    }

    .benefits--wrapper-portrait .col:nth-child(2) .benefit,.benefits--wrapper-rounded .col:nth-child(2) .benefit {
        left: -40px
    }

    .benefits--wrapper-portrait .col:nth-child(4),.benefits--wrapper-rounded .col:nth-child(4) {
        opacity: 0
    }

    .benefits--wrapper-portrait .col:nth-child(4) .benefit,.benefits--wrapper-rounded .col:nth-child(4) .benefit {
        left: 40px
    }

    .benefits--wrapper-portrait.animate,.benefits--wrapper-rounded.animate {
        background-size: contain
    }

    .benefits--wrapper-portrait.animate .col,.benefits--wrapper-rounded.animate .col {
        opacity: 1
    }

    .benefits--wrapper-portrait.animate .col:nth-child(2) .benefit,.benefits--wrapper-rounded.animate .col:nth-child(2) .benefit {
        left: 0
    }

    .benefits--wrapper-portrait.animate .col:nth-child(4) .benefit,.benefits--wrapper-rounded.animate .col:nth-child(4) .benefit {
        left: 0
    }

    .benefits--wrapper-portrait:last-child,.benefits--wrapper-rounded:last-child {
        margin-top: -45px
    }
}

@media (min-width: 1024px) and (min-width:768px) {
    .benefits--wrapper-portrait:last-child,.benefits--wrapper-rounded:last-child {
        margin-top:-10px
    }
}

@media (min-width: 1024px) and (min-width:1024px) {
    .benefits--wrapper-portrait:last-child,.benefits--wrapper-rounded:last-child {
        margin-top:-50px
    }
}

.benefits--wrapper-portrait+.visual,.benefits--wrapper-rounded+.visual {
    width: 150%;
    position: relative;
    left: -25%;
    max-height: none
}

@media (max-width: 767px) {
    .benefits--wrapper-landscape {
        background-image:none!important
    }
}

@media (min-width: 1024px) {
    .benefits--wrapper-landscape {
        padding-top:150px;
        background-position: center -50px;
        background-size: 120%
    }

    .benefits--wrapper-landscape.animate {
        background-size: 100%
    }
}

@media (min-width: 1024px) and (min-width:1024px) {
    .benefits--wrapper-landscape.animate .benefit {
        opacity:1
    }

    .benefits--wrapper-landscape.animate>.col:last-child {
        margin-top: 0
    }
}

@media (min-width: 1024px) {
    .benefits--wrapper-landscape.image-centered-vertically {
        padding-top:80px;
        background-position: center 75px
    }
}

.benefits--wrapper-landscape .benefit {
    top: 50px
}

@media (min-width: 768px) {
    .benefits--wrapper-landscape .benefit {
        min-height:120px
    }
}

@media (min-width: 1024px) {
    .benefits--wrapper-landscape .benefit {
        min-height:200px;
        opacity: 0;
        transition: opacity 3s ease-in-out
    }
}

.benefits--wrapper-landscape>.col:last-child {
    transition: margin-top 2s ease-in-out
}

@media (min-width: 1024px) {
    .benefits--wrapper-landscape>.col:last-child {
        margin-top:50px
    }
}

@media (min-width: 1024px) {
    .benefits--wrapper-landscape,.benefits--wrapper-portrait,.benefits--wrapper-rounded {
        transition:background-size 2s ease-in-out
    }
}

.benefits--wrapper-portrait.benefits--wrapper-centered,.benefits--wrapper-rounded.benefits--wrapper-centered {
    display: flex;
    align-items: center
}

@media (min-width: 768px) {
    .benefits--wrapper-portrait .benefit,.benefits--wrapper-rounded .benefit {
        min-height:160px
    }
}

.benefits .benefit {
    display: flex;
    align-items: flex-start;
    z-index: 0
}

@media (min-width: 768px) {
    .benefits .benefit {
        border-top:1px solid #ddd;
        padding-top: 15px;
        margin-bottom: 0;
        top: 0!important
    }
}

.benefits .benefit--icon {
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.benefits .benefit--text {
    padding-left: 20px;
    padding-right: 20px;
    width: 100%
}

.benefits .benefit--text a {
    font-size: 14px;
    padding-left: 10px
}

.benefits .benefit--text a:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 40%;
    font-size: 50%;
    position: relative;
    left: -4px
}

.benefits .visual {
    left: auto
}

.benefits .bottomFixedElement,.benefits .topFixedElement {
    position: relative;
    width: 100%;
    background: #fff;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2
}

.benefits .bottomFixedElement img,.benefits .topFixedElement img {
    position: absolute;
    max-width: 400px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (min-width: 768px) {
    .benefits .bottomFixedElement img,.benefits .topFixedElement img {
        left:auto;
        -webkit-transform: none;
        transform: none;
        max-width: none;
        width: auto
    }
}

.benefits .bottomFixedElement {
    display: inline-block
}

@media (min-width: 768px) {
    .benefits .bottomFixedElement img {
        position:relative
    }
}

@media (min-width: 1024px) {
    .benefits .bottomFixedElement {
        display:none
    }
}

@media (min-width: 768px) {
    .benefits .topFixedElement {
        display:none
    }
}

@media (min-width: 1024px) {
    .benefits .flex-centered {
        display:flex;
        justify-content: center
    }
}

.benefits .hidden-medium-down {
    display: none
}

@media (min-width: 1024px) {
    .benefits .hidden-medium-down {
        display:block
    }
}

.benefits .hidden-large-up {
    display: block
}

@media (min-width: 1024px) {
    .benefits .hidden-large-up {
        display:none
    }
}

.surveyModal {
    position: absolute!important;
    left: 0;
    top: 90px;
    margin: 0 0 0 5%;
    padding: 0 30px 50px;
    width: 90%;
    background: #fff;
    z-index: 1000;
    display: none
}

@media (min-width: 320px) {
    .surveyModal {
        max-width:550px
    }
}

@media (min-width: 768px) {
    .surveyModal {
        left:50%;
        top: 185px;
        max-width: 600px;
        margin-left: -300px
    }
}

@media (min-width: 1024px) {
    .surveyModal {
        max-width:700px;
        margin-left: -350px
    }
}

.surveyModal.survey--visible {
    display: block
}

.surveyModal__cover {
    opacity: .25;
    background-color: #202020;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    display: none
}

.surveyModal h3 {
    color: #2d4275;
    margin-bottom: 10px
}

.surveyModal .visual {
    margin-top: 6px;
    margin-bottom: 40px;
    text-align: center
}

@media (min-width: 768px) {
    .surveyModal .visual {
        text-align:left
    }
}

@media (min-width: 1024px) {
    .surveyModal .visual {
        margin-bottom:0
    }
}

.surveyModal .visual img {
    width: 100%;
    max-width: 240px
}

@media (min-width: 600px) {
    .surveyModal .visual img {
        max-width:310px
    }
}

@media (min-width: 768px) {
    .surveyModal .visual img {
        width:auto
    }
}

.surveyModal .content {
    color: #6f6f6f
}

.surveyModal .text {
    margin-bottom: 10px
}

.surveyModal .summary {
    font-family: HelveticaNeue-Medium,Arial,sans-serif
}

.surveyModal .btn {
    margin-right: 0;
    margin-top: 30px!important
}

@media (min-width: 768px) {
    .surveyModal .btn {
        margin-top:40px!important
    }
}

.surveyModal .btn,.surveyModal a {
    display: block;
    width: 100%
}

@media (min-width: 768px) {
    .surveyModal .btn,.surveyModal a {
        display:inline-block;
        width: auto
    }
}

@media (min-width: 768px) {
    .surveyModal .btnWrapper {
        display:flex;
        justify-content: space-between
    }
}

@media (min-width: 1024px) {
    .surveyModal .content {
        margin-left:120px
    }
}

.hyConGoCalculator.requirementCheckFailed {
    display: none
}

.hyConGoCalculator .section#hyConGoCalculator__step-indicator {
    padding-top: 0;
    padding-bottom: 0
}

.hyConGoCalculator .section#hyConGoCalculator__step-indicator.no-intro {
    padding-top: 110px
}

.hyConGoCalculator h2 {
    margin-bottom: 50px
}

.hyConGoCalculator .h2__subline {
    font-family: HelveticaNeue-Light,Arial,sans-serif
}

@media (min-width: 768px) {
    .hyConGoCalculator #step-3 h2 {
        margin-bottom:-20px
    }
}

@media (min-width: 1024px) {
    .hyConGoCalculator #step-3 h2 {
        margin-bottom:0
    }
}

.hyConGoCalculator h4 {
    color: #2d4275;
    margin-bottom: 20px
}

.hyConGoCalculator .copy a:hover {
    background: 0 0;
    text-shadow: none
}

.hyConGoCalculator .freetext {
    margin-bottom: 20px
}

.hyConGoCalculator .mandatory {
    color: #6f6f6f;
    margin-top: 10px;
    margin-bottom: 20px
}

.hyConGoCalculator .btnWrapper a {
    word-wrap: break-word;
    overflow-wrap: break-word;
    text-decoration: none;
    color: #2d4275;
    font-family: HelveticaNeue-Medium,Arial,sans-serif;
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    margin-top: 40px
}

.hyConGoCalculator .btnWrapper a:hover {
    color: #266693
}

.hyConGoCalculator .btnWrapper a:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 40%;
    position: relative;
    padding-right: 5px;
    padding-left: 1px;
    bottom: 1px;
    left: 1px
}

@media (min-width: 600px) {
    .hyConGoCalculator .btnWrapper a {
        margin-top:0;
        margin-left: 20px
    }
}

.hyConGoCalculator .btnWrapper a:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 40%;
    font-size: 50%
}

.ie .hyConGoCalculator .btnWrapper a:before {
    font-size: 280%
}

.hyConGoCalculator .btnWrapper .copy {
    display: inline-block
}

.hyConGoCalculator__step .col {
    padding-left: 10px;
    padding-right: 10px
}

.hyConGoCalculator__step-indicator-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    width: 100%;
    height: 149px
}

@media (min-width: 768px) {
    .hyConGoCalculator__step-indicator-wrapper {
        flex-direction:row;
        height: auto;
        margin-bottom: 50px
    }
}

.hyConGoCalculator__step-indicator {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    border: 2px solid #9c9c9c;
    background: #fff;
    color: #6f6f6f;
    text-align: center;
    font-family: HelveticaNeue-Medium,Arial,sans-serif;
    font-size: 15px
}

@media (min-width: 768px) {
    .hyConGoCalculator__step-indicator {
        width:36px;
        height: 36px;
        border: 2px solid #9c9c9c;
        font-size: 18px
    }
}

.hyConGoCalculator__step-indicator:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 20px;
    background: #9c9c9c;
    top: 30px
}

@media (min-width: 768px) {
    .hyConGoCalculator__step-indicator:before {
        width:calc((100% - (3 * 36px))/ 2 - 2 * 15px);
        height: 1px
    }
}

.hyConGoCalculator__step-indicator:after {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    position: absolute;
    font-size: 5px;
    color: #9c9c9c
}

@media (min-width: 768px) {
    .hyConGoCalculator__step-indicator:after {
        position:relative;
        font-family: Icons;
        font-size: 68%;
        line-height: 1;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        font-display: swap;
        text-decoration: none;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        font-size: 40%;
        position: absolute;
        font-size: 9px
    }
}

.hyConGoCalculator__step-indicator-label {
    font-family: HelveticaNeue-Light,Arial,sans-serif
}

.hyConGoCalculator__step-indicator:nth-child(1):before {
    top: calc(1 * 25px + (0) * 37px + 5px)
}

@media (min-width: 768px) {
    .hyConGoCalculator__step-indicator:nth-child(1):before {
        left:calc(((1 - 1) * (100% - 3 * 36px)/ 2) + (1) * 36px + 15px);
        top: calc(50% - 2px)
    }
}

.hyConGoCalculator__step-indicator:nth-child(1):after {
    top: calc(calc(1 * 25px + (0) * 37px + 5px + 20px - 5px))
}

@media (min-width: 768px) {
    .hyConGoCalculator__step-indicator:nth-child(1):after {
        left:calc((1 * 36px + 1 * (100% - 3 * 36px)/ 2) - 15px - 5px);
        top: 12px
    }
}

.hyConGoCalculator__step-indicator:nth-child(2):before {
    top: calc(2 * 25px + (1) * 37px + 5px)
}

@media (min-width: 768px) {
    .hyConGoCalculator__step-indicator:nth-child(2):before {
        left:calc(((2 - 1) * (100% - 3 * 36px)/ 2) + (2) * 36px + 15px);
        top: calc(50% - 2px)
    }
}

.hyConGoCalculator__step-indicator:nth-child(2):after {
    top: calc(calc(2 * 25px + (1) * 37px + 5px + 20px - 5px))
}

@media (min-width: 768px) {
    .hyConGoCalculator__step-indicator:nth-child(2):after {
        left:calc((2 * 36px + 2 * (100% - 3 * 36px)/ 2) - 15px - 5px);
        top: 12px
    }
}

.hyConGoCalculator__step-indicator:nth-child(3):after,.hyConGoCalculator__step-indicator:nth-child(3):before {
    display: none
}

.hyConGoCalculator__step-indicator.is-active {
    border-color: #2d4275;
    background: #2d4275;
    color: #fff
}

.hyConGoCalculator__step-indicator.is-done {
    border-color: #6f6f6f;
    background: #6f6f6f;
    color: #fff
}

.hyConGoCalculator__step-indicator.is-done:hover {
    cursor: pointer;
    border-color: #266693;
    background: #266693
}

.hyConGoCalculator__step-indicator-content {
    position: relative;
    width: 25px;
    height: 25px;
    line-height: 25px
}

.hyConGoCalculator__step-indicator-number {
    width: 25px;
    margin-top: 1px
}

@media (min-width: 768px) {
    .hyConGoCalculator__step-indicator-number {
        margin-top:0
    }
}

.is-done .hyConGoCalculator__step-indicator-number {
    position: relative;
    width: 25px;
    height: 25px
}

@media (min-width: 768px) {
    .is-done .hyConGoCalculator__step-indicator-number {
        width:36px;
        height: 36px
    }
}

.is-done .hyConGoCalculator__step-indicator-number:before {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 10px;
    position: absolute;
    top: 7px;
    left: 6px
}

.hyConGoCalculator__step-indicator-label {
    color: #6f6f6f;
    position: absolute;
    top: 0;
    left: 34px;
    text-align: left;
    width: calc(100vw - 56px);
    font-size: 15px
}

@media (min-width: 768px) {
    .hyConGoCalculator__step-indicator-label {
        top:45px;
        left: calc(((150px - 25px)/ 2) * -1);
        max-width: 150px;
        text-align: center
    }

    .hyConGoCalculator__step-indicator:first-child .hyConGoCalculator__step-indicator-label {
        left: -6px;
        text-align: left
    }

    .hyConGoCalculator__step-indicator:last-child .hyConGoCalculator__step-indicator-label {
        left: auto;
        right: -6px;
        text-align: right
    }
}

.is-active .hyConGoCalculator__step-indicator-label {
    color: #2d4275
}

.hyConGoCalculator input[type=text][value]:not([value='']) {
    color: #2d4275
}

.hyConGoCalculator label a {
    color: #9c9c9c;
    text-decoration: underline;
    font-family: HelveticaNeue-Light,Arial,sans-serif
}

.hyConGoCalculator .headline__has-tooltip {
    position: relative;
    display: inline-block;
    max-width: calc(100vw - 50px);
    margin-bottom: 20px
}

.hyConGoCalculator .headline__has-tooltip .h4,.hyConGoCalculator .headline__has-tooltip h4 {
    display: inline
}

.hyConGoCalculator .headline__has-tooltip .tooltip {
    display: inline;
    position: initial
}

.hyConGoCalculator .headline__has-tooltip .tooltip .icon {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: 10px;
    right: -10px;
    top: 3px
}

@media (min-width: 768px) {
    .hyConGoCalculator .headline__has-tooltip .tooltip .icon {
        right:-20px
    }
}

.hyConGoCalculator .headline__has-tooltip .tooltip .content {
    position: relative;
    left: 0;
    top: -7px;
    border-top: 6px solid #266693;
    border-left: none;
    width: auto;
    max-width: none;
    transition: none
}

.hyConGoCalculator .headline__has-tooltip .tooltip .content.moved {
    margin-left: 0;
    margin-top: 15px;
    width: calc(100vw - 35px)
}

@media (min-width: 768px) {
    .hyConGoCalculator .headline__has-tooltip .tooltip .content.moved {
        width:auto
    }
}

@media (min-width: 1024px) {
    .hyConGoCalculator .headline__has-tooltip .tooltip .content.moved {
        left:auto
    }
}

.hyConGoCalculator .headline__has-tooltip .tooltip .content:before {
    content: '';
    border-style: solid;
    border-width: 0 8px 10px 8px;
    border-color: transparent transparent #266693 transparent;
    position: absolute;
    left: 20px;
    top: -13px
}

.hyConGoCalculator.requirementCheck .headline__has-tooltip {
    margin-bottom: 0
}

.hyConGoCalculator.requirementCheck .content {
    top: 5px
}

.hyConGoCalculator .formelement,.hyConGoCalculator .formelement__has-tooltip {
    position: relative
}

@media (min-width: 768px) {
    .hyConGoCalculator .formelement,.hyConGoCalculator .formelement__has-tooltip {
        display:flex
    }
}

.hyConGoCalculator .formelement .form__group,.hyConGoCalculator .formelement__has-tooltip .form__group {
    margin-right: 39px
}

@media (min-width: 768px) {
    .hyConGoCalculator .formelement .form__group,.hyConGoCalculator .formelement__has-tooltip .form__group {
        margin-right:20px;
        flex-basis: 50%
    }
}

@media (min-width: 1024px) {
    .hyConGoCalculator .formelement .form__group,.hyConGoCalculator .formelement__has-tooltip .form__group {
        flex-basis:33%
    }
}

@media (min-width: 768px) {
    .hyConGoCalculator .formelement .form__group {
        flex-basis:49%
    }
}

@media (min-width: 1024px) {
    .hyConGoCalculator .formelement .form__group {
        flex-basis:33%
    }
}

.hyConGoCalculator .form__message {
    margin-bottom: 0;
    padding: 4px 0
}

@media (min-width: 768px) {
    .hyConGoCalculator .form__message {
        min-height:40px
    }
}

.hyConGoCalculator .tooltip .icon {
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 20px;
    margin-top: 10px
}

@media (min-width: 768px) {
    .hyConGoCalculator .tooltip .icon {
        position:relative;
        right: initial;
        top: initial
    }
}

.hyConGoCalculator .tooltip .icon:hover {
    cursor: pointer
}

.hyConGoCalculator .tooltip .icon:after {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    position: absolute;
    font-size: 22px;
    color: #2d4275
}

.hyConGoCalculator .tooltip .content {
    transition: margin-left .4s;
    position: relative;
    top: -20px;
    width: 100%;
    background: #2d4275;
    border-top: 6px solid #266693;
    color: #fff;
    padding: 9px 50px 8px 7px;
    z-index: 1;
    display: none
}

@media (min-width: 768px) {
    .hyConGoCalculator .tooltip .content {
        position:absolute;
        max-width: 44%;
        top: 0;
        border-left: 6px solid #266693;
        border-top: none;
        margin-left: 25px
    }
}

@media (min-width: 1024px) {
    .hyConGoCalculator .tooltip .content {
        max-width:33%;
        left: calc(33% + 45px)
    }
}

@media (min-width: 768px) {
    .hyConGoCalculator .tooltip .content.moved {
        margin-left:32px
    }
}

@media (min-width: 1024px) {
    .hyConGoCalculator .tooltip .content.moved {
        left:calc(33% + 20px)
    }
}

.hyConGoCalculator .tooltip .content:before {
    content: '';
    border-style: solid;
    border-width: 0 8px 10px 8px;
    border-color: transparent transparent #266693 transparent;
    position: absolute;
    left: 20px;
    top: -13px
}

@media (min-width: 768px) {
    .hyConGoCalculator .tooltip .content:before {
        border-width:6px 10px 6px 0;
        border-color: transparent #266693 transparent transparent;
        left: -12px;
        top: 14px;
        bottom: initial
    }
}

.hyConGoCalculator .tooltip .content .close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 16px;
    height: 16px
}

.hyConGoCalculator .tooltip .content .close:after {
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    font-size: 16px;
    color: #fff
}

.hyConGoCalculator .tooltip .content .close:hover {
    cursor: pointer
}

.hyConGoCalculator .heroImage {
    margin-top: 0;
    margin-left: -10px;
    margin-right: -10px
}

.hyConGoCalculator .heroImage__dimmer,.hyConGoCalculator .heroImage__image:after {
    display: none
}

.hyConGoCalculator .heroImage__figureCol {
    margin-top: 20px
}

@media (min-width: 768px) {
    .hyConGoCalculator .heroImage__figureCol {
        margin-top:0
    }
}

.hyConGoCalculator .heroImage__figureRow {
    padding: 34px 70px 100px
}

@media (min-width: 768px) {
    .hyConGoCalculator .heroImage__figureRow {
        padding:0
    }
}

.hyConGoCalculator .heroImage__figureColItem {
    padding-top: 18px!important
}

@media (min-width: 768px) {
    .hyConGoCalculator .heroImage__figureColItem {
        padding-top:0!important
    }
}

.hyConGoCalculator .heroImage--figures .heroImage__image {
    display: block;
    height: 580px
}

@media (min-width: 768px) {
    .hyConGoCalculator .heroImage--figures .heroImage__image {
        width:100vw;
        margin-left: -50vw;
        left: 50%;
        height: auto
    }
}

.hyConGoCalculator .heroImage--figures .figure__headlineWrap {
    height: 43%
}

.hyConGoCalculator .heroImage--figures .figure__headline {
    padding-bottom: 10px
}

@media (min-width: 768px) {
    .hyConGoCalculator .heroImage--figures .figure__headline {
        padding-bottom:15px
    }
}

.hyConGoCalculator .heroImage--figures .figure__description {
    color: #2d4275!important;
    margin-top: 5px
}

.hyConGoCalculator .heroImage--figures .figure__description .strong {
    font-family: HelveticaNeue-Medium,Arial,sans-serif
}

.hyConGoCalculator .image {
    text-align: center
}

.hyConGoCalculator .image img {
    width: auto;
    max-width: 220px
}

@media (min-width: 768px) {
    .hyConGoCalculator .image img {
        width:100%;
        max-width: none
    }
}

.hyConGoCalculator .nowrap {
    white-space: nowrap
}

.jobLocationTags ul {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding-left: 0
}

.jobLocationTags li {
    display: flex
}

.jobLocationTags a:hover {
    background: #266693;
    color: #fff
}

.jobLocationTags a:hover .jobs {
    color: inherit
}

.jobLocationTags .tag {
    background: #f7f7f7;
    border: 1px solid #2d4275;
    border-radius: 6px;
    padding: 10px 16px
}

.jobLocationTags .tag .location {
    font-family: HelveticaNeue-Medium,Arial,sans-serif;
    font-size: 18px;
    line-height: 28px
}

.jobLocationTags .tag .jobs {
    font-family: HelveticaNeue-Light,Arial,sans-serif;
    font-size: 13px;
    line-height: 15px;
    color: #6f6f6f
}

.jobLocationTags .tag .num {
    font-family: HelveticaNeue-Medium,Arial,sans-serif
}

.jobLocationTags .errortext {
    display: none;
    font-family: HelveticaNeue-Medium,Arial,sans-serif;
    margin-top: 30px
}

.careersMap .image img {
    max-height: 720px;
    -o-object-fit: contain;
    object-fit: contain
}

.careersMap .map {
    padding: 0 0 20px;
    margin-top: 50px
}

.careersMap .map .imagecontent {
    position: relative;
    text-align: center
}

.careersMap .map .imagecontent .inner {
    position: relative;
    display: inline-block
}

.careersMap .map .imagecontent .overlaycontent .tooltip {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    display: block;
    background-color: transparent
}

.careersMap .map .spots {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.careersMap .map .spots .spotsinner {
    position: relative;
    height: 100%
}

.careersMap .map .spots .spotsinner .item {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%
}

.careersMap .map .spots .spotsinner .item .image {
    position: relative;
    width: 100%;
    height: 100%
}

.careersMap .map .spots .spotsinner .item .image img {
    width: 100%;
    height: auto
}

.careersMap .map .spots .spotsinner .item .image .wobbler {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.careersMap .map .spots .spotsinner .item .image .wobbler .dot {
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
    content: '';
    background-color: #2d4275;
    border-radius: 50%;
    transition: background-color .25s ease
}

.careersMap .map .spots .spotsinner .item .image .wobbler .dot .hotspot {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    display: block;
    width: 28px;
    height: 28px;
    -webkit-animation-name: SpotWobblerLarge;
    animation-name: SpotWobblerLarge;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

.careersMap .map .spots .spotsinner .item .image .wobbler .dot .hotspot svg {
    width: 100%;
    height: auto;
    vertical-align: top
}

.careersMap .map .spots .spotsinner .item .image .wobbler .dot .hotspot svg circle {
    stroke: #2d4275;
    transition: stroke .25s ease
}

.tooltipster-base.tooltipster-careersMap {
    left: 50%!important;
    margin-left: -50%!important;
    width: 100%!important;
    pointer-events: none;
    position: absolute;
    padding-left: 10px;
    padding-right: 10px
}

@media (min-width: 940px) {
    .tooltipster-base.tooltipster-careersMap {
        width:920px!important;
        margin-left: -460px!important
    }
}

.tooltipster-base.tooltipster-careersMap .tooltipster-box {
    width: 100%;
    background-color: #fff;
    border: none;
    border-radius: 0;
    box-shadow: 0 0 5px 0 rgba(1,1,1,.5);
    pointer-events: all;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    overflow: auto
}

@media (min-width: 768px) {
    .tooltipster-base.tooltipster-careersMap .tooltipster-box {
        max-height:560px!important
    }
}

.tooltipster-base.tooltipster-careersMap .tooltipster-box .tooltipster-content {
    position: relative;
    padding: 14px 20px 20px;
    line-height: 1.39em;
    color: #6f6f6f;
    overflow: auto;
    pointer-events: all
}

.tooltipster-base.tooltipster-careersMap .tooltipster-box .tooltipster-content .close {
    position: absolute;
    top: 11px;
    right: 11px;
    cursor: pointer;
    pointer-events: all;
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(../img/info-close-round.png);
    background-position: left top;
    background-repeat: no-repeat;
    cursor: pointer
}

.tooltipster-base.tooltipster-careersMap .tooltipster-box .tooltipster-content .title {
    padding: 0 30px 18px 0
}

.tooltipster-base.tooltipster-careersMap .tooltipster-box .tooltipster-content ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.tooltipster-base.tooltipster-careersMap .tooltipster-box .tooltipster-content ul.list--download {
    margin-top: 30px
}

.tooltipster-base.tooltipster-careersMap .tooltipster-box .tooltipster-content ul li {
    position: relative;
    padding: 0;
    list-style-type: none
}

.tooltipster-base.tooltipster-careersMap .tooltipster-box .tooltipster-content ul li a {
    padding-right: 20px
}

.tooltipster-base.tooltipster-careersMap .tooltipster-box .tooltipster-content ul li:before {
    display: none
}

@-webkit-keyframes SpotWobbler {
    0% {
        width: 21px;
        height: 21px
    }

    50% {
        width: 28px;
        height: 28px
    }

    100% {
        width: 21px;
        height: 21px
    }
}

@keyframes SpotWobbler {
    0% {
        width: 21px;
        height: 21px
    }

    50% {
        width: 28px;
        height: 28px
    }

    100% {
        width: 21px;
        height: 21px
    }
}

@-webkit-keyframes SpotWobblerLarge {
    0% {
        width: 28px;
        height: 28px
    }

    50% {
        width: 36px;
        height: 36px
    }

    100% {
        width: 28px;
        height: 28px
    }
}

@keyframes SpotWobblerLarge {
    0% {
        width: 28px;
        height: 28px
    }

    50% {
        width: 36px;
        height: 36px
    }

    100% {
        width: 28px;
        height: 28px
    }
}

@keyframes fadeIn {
    from {
        opacity: .01
    }

    to {
        opacity: 1
    }
}

@keyframes transition {
    from {
        opacity: 1
    }

    50% {
        opacity: .01
    }

    to {
        opacity: 1
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    50% {
        -webkit-transform: scale3d(1.1,1.1,1);
        transform: scale3d(1.1,1.1,1)
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes pulseLoop {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    20% {
        -webkit-transform: scale3d(1.25,1.25,1);
        transform: scale3d(1.25,1.25,1)
    }

    40% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes rotationLoop {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

@keyframes scrolling {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    80% {
        -webkit-transform: translateY(70px);
        transform: translateY(70px)
    }

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

@font-face {
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    font-family: HelveticaNeue-Light;
    src: url(../fonts/5ab020b6-67c6-4666-95ee-09cce0e39f2f.woff2) format("woff2"),url(../fonts/195ede8e-7c97-4ab9-9a81-ddff21e9e6bd.woff) format("woff")
}

@font-face {
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    font-family: HelveticaNeue-Medium;
    src: url(../fonts/3388ada0-73d7-4be0-b300-c39245f82721.woff2) format("woff2"),url(../fonts/b7de6bf1-14bc-46af-9f84-8c3c59d683ff.woff) format("woff")
}

.row {
    margin-top: -30px;
    margin-left: -20px;
    margin-right: -20px;
    max-width: none
}

@media (min-width: 768px) {
    .row {
        margin-top:-50px
    }
}

@media (min-width: 1024px) {
    .row {
        margin-top:-50px
    }
}

.row:after {
    content: " ";
    display: block;
    clear: both
}

.row .row,.row+.row {
    margin-top: 0
}

.row--reducedWidth {
    margin-left: -10px;
    margin-right: -10px
}

@media (min-width: 768px) {
    .row--reducedWidth {
        margin-left:10px;
        margin-right: 10px
    }
}

@media (min-width: 1300px) {
    .row--reducedWidth {
        max-width:1260px;
        margin-left: auto;
        margin-right: auto
    }
}

.col {
    width: 100%;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 30px
}

@media (min-width: 768px) {
    .col {
        margin-top:50px
    }
}

@media (min-width: 1024px) {
    .col {
        margin-top:50px
    }
}

@media (min-width: 768px) {
    .col--medium-1 {
        width:8.33333%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--medium-offset-1 {
        margin-left: 8.33333%
    }

    .col--medium-2 {
        width: 16.66667%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--medium-offset-2 {
        margin-left: 16.66667%
    }

    .col--medium-3 {
        width: 25%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

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

    .col--medium-4 {
        width: 33.33333%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--medium-offset-4 {
        margin-left: 33.33333%
    }

    .col--medium-5 {
        width: 41.66667%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--medium-offset-5 {
        margin-left: 41.66667%
    }

    .col--medium-6 {
        width: 50%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

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

    .col--medium-7 {
        width: 58.33333%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--medium-offset-7 {
        margin-left: 58.33333%
    }

    .col--medium-8 {
        width: 66.66667%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--medium-offset-8 {
        margin-left: 66.66667%
    }

    .col--medium-9 {
        width: 75%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

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

    .col--medium-10 {
        width: 83.33333%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--medium-offset-10 {
        margin-left: 83.33333%
    }

    .col--medium-11 {
        width: 91.66667%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--medium-offset-11 {
        margin-left: 91.66667%
    }

    .col--medium-12 {
        width: 100%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--medium-offset-12 {
        margin-left: 100%
    }

    .hidden-col--medium {
        display: none
    }
}

@media (min-width: 1024px) {
    .col--large-1 {
        width:8.33333%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--large-offset-1 {
        margin-left: 8.33333%
    }

    .col--large-2 {
        width: 16.66667%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--large-offset-2 {
        margin-left: 16.66667%
    }

    .col--large-3 {
        width: 25%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

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

    .col--large-4 {
        width: 33.33333%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--large-offset-4 {
        margin-left: 33.33333%
    }

    .col--large-5 {
        width: 41.66667%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--large-offset-5 {
        margin-left: 41.66667%
    }

    .col--large-6 {
        width: 50%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

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

    .col--large-7 {
        width: 58.33333%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--large-offset-7 {
        margin-left: 58.33333%
    }

    .col--large-8 {
        width: 66.66667%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--large-offset-8 {
        margin-left: 66.66667%
    }

    .col--large-9 {
        width: 75%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

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

    .col--large-10 {
        width: 83.33333%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--large-offset-10 {
        margin-left: 83.33333%
    }

    .col--large-11 {
        width: 91.66667%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--large-offset-11 {
        margin-left: 91.66667%
    }

    .col--large-12 {
        width: 100%;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .col--large-offset-12 {
        margin-left: 100%
    }

    .hidden-col--large {
        display: none
    }
}

.stage+.breadcrumb,.stage+.breadcrumb+.gridContainer,.stage+.gridContainer {
    position: relative;
    top: calc(100vh - 50px);
    z-index: 2
}

.stage+.breadcrumb+.gridContainer:not(.breadcrumb),.stage+.breadcrumb:not(.breadcrumb),.stage+.gridContainer:not(.breadcrumb) {
    padding-bottom: calc(100vh - 50px);
    background-color: #fff
}

.stage+.breadcrumb+.gridContainer:not(.gridContainer),.stage+.breadcrumb:not(.gridContainer),.stage+.gridContainer:not(.gridContainer) {
    z-index: 3
}

@media (min-width: 768px) {
    .stage+.breadcrumb,.stage+.breadcrumb+.gridContainer,.stage+.gridContainer {
        top:calc(100vh - 85px)
    }

    .stage+.breadcrumb+.gridContainer:not(.breadcrumb),.stage+.breadcrumb:not(.breadcrumb),.stage+.gridContainer:not(.breadcrumb) {
        padding-bottom: calc(100vh - 85px)
    }
}

@media (max-height: 650px) and (min-width:1280px) {
    .stage+.breadcrumb,.stage+.breadcrumb+.gridContainer,.stage+.gridContainer {
        top:0;
        padding-bottom: 0
    }
}

@media (max-height: 590px) and (min-width:1024px) and (max-width:1279px) {
    .stage+.breadcrumb,.stage+.breadcrumb+.gridContainer,.stage+.gridContainer {
        top:0;
        padding-bottom: 0
    }
}

@media (max-height: 570px) and (min-width:768px) and (max-width:1023px) {
    .stage+.breadcrumb,.stage+.breadcrumb+.gridContainer,.stage+.gridContainer {
        top:0;
        padding-bottom: 0
    }
}

@media (max-height: 320px) and (min-width:600px) and (max-width:767px) {
    .stage+.breadcrumb,.stage+.breadcrumb+.gridContainer,.stage+.gridContainer {
        top:0;
        padding-bottom: 0
    }
}

@media (max-height: 390px) and (min-width:320px) and (max-width:599px) {
    .stage+.breadcrumb,.stage+.breadcrumb+.gridContainer,.stage+.gridContainer {
        top:0;
        padding-bottom: 0
    }
}

.careersSearch {
    background-color: #ededed;
    padding: 10px 20px
}

@media (min-width: 768px) {
    .careersSearch {
        display:flex
    }
}

.careersSearch .filteredSearchWrapper {
    box-shadow: none!important;
    position: relative!important;
    margin-top: auto!important;
    top: auto!important
}

.careersSearch__imageContainer {
    display: none
}

@media (min-width: 768px) {
    .careersSearch__imageContainer {
        display:block;
        width: calc(33.333% - 20px);
        margin-right: 20px
    }
}

.careersSearch__imageContainer .careersSearch__image {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%
}

.careersSearch__imageContainer .careersSearch__image .picture {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.careersSearch__imageContainer .careersSearch__image .picture img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    font-family: "object-fit: cover; object-position: 50% 50%"
}

@media (min-width: 768px) {
    .careersSearch__textContainer {
        width:calc(66.666% - 20px);
        margin-left: 20px
    }
}

.careersSearch h3 {
    font-size: 22px;
    color: #2d4275;
    margin-bottom: 23px
}

@media (min-width: 768px) {
    .careersSearch h3 {
        font-size:25px
    }
}

@media (min-width: 1024px) {
    .careersSearch h3 {
        font-size:35px
    }
}

.careersSearch .filteredSearch {
    padding: 0
}

@media (min-width: 768px) {
    .careersSearch .filteredSearch .filteredSearch__filterWrap {
        width:50%!important
    }
}

.careersSearch .filteredMap__results {
    margin-top: 30px
}

@media (min-width: 768px) {
    .careersSearch .filteredMap__results {
        margin-top:50px
    }
}

.careersSearch .filteredMap__results .result {
    color: #6f6f6f;
    margin-bottom: 25px;
    padding-top: 25px;
    border-top: 1px solid #fff
}

@media (min-width: 768px) {
    .careersSearch .filteredMap__results .result {
        margin-bottom:40px;
        padding-top: 40px
    }
}

.careersSearch .filteredMap__results .name {
    font-family: HelveticaNeue-Medium,Arial,sans-serif;
    font-size: 20px;
    line-height: 28px;
    color: #2d4275;
    margin-bottom: 12px
}

@media (min-width: 768px) {
    .careersSearch .filteredMap__results .name {
        font-size:22px;
        line-height: 32px;
        margin-bottom: 20px
    }
}

@media (min-width: 1280px) {
    .careersSearch .filteredMap__results .name {
        font-size:25px;
        line-height: 35px
    }
}

.careersSearch .filteredMap__results .responsibility {
    margin-bottom: 10px
}

@media (min-width: 768px) {
    .careersSearch .filteredMap__results .responsibility {
        margin-bottom:16px
    }
}

.careersSearch .filteredMap__results .contact {
    color: #2d4275;
    font-family: HelveticaNeue-Medium,Arial,sans-serif
}

.lfr-notification-container {
    position: fixed;
    top: calc(50px + 20px);
    z-index: 100;
    width: 100%;
    padding: 0 10px;
    left: 0
}

@media (min-width: 768px) {
    .lfr-notification-container {
        top:calc(85px + 20px);
        width: 300px;
        right: 20px;
        left: auto
    }
}

@media (min-width: 1024px) {
    .lfr-notification-container {
        width:400px
    }
}

.lfr-alert-container .alert,.lfr-notification-container .alert {
    border: 1px solid #2d4275;
    background-color: #fff;
    color: #6f6f6f;
    padding: 13px 40px 13px 65px;
    position: relative;
    margin-bottom: 10px;
    min-height: 65px
}

.lfr-alert-container .alert::before,.lfr-notification-container .alert::before {
    content: "";
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 18px;
    top: 21px;
    color: #2d4275;
    font-size: 28px
}

.lfr-alert-container .alert-info,.lfr-notification-container .alert-info {
    border: 1px solid #2d4275
}

.lfr-alert-container .alert-info::before,.lfr-notification-container .alert-info::before {
    content: "";
    color: #2d4275
}

.lfr-alert-container .alert-success,.lfr-notification-container .alert-success {
    border-color: #00d257
}

.lfr-alert-container .alert-success::before,.lfr-notification-container .alert-success::before {
    content: "";
    color: #00d257;
    font-size: 19px
}

.lfr-alert-container .alert-danger,.lfr-notification-container .alert-danger {
    border-color: #ffd200
}

.lfr-alert-container .alert-danger::before,.lfr-notification-container .alert-danger::before {
    content: "";
    color: #ffd200
}

.lfr-alert-container .alert-error,.lfr-notification-container .alert-error {
    border-color: #ff0032
}

.lfr-alert-container .alert-error::before,.lfr-notification-container .alert-error::before {
    content: "";
    color: #ff0032
}

.lfr-alert-container .alert .lead,.lfr-notification-container .alert .lead {
    display: block
}

.lfr-alert-container .alert svg,.lfr-notification-container .alert svg {
    display: none
}

.lfr-alert-container .alert .close,.lfr-notification-container .alert .close {
    position: absolute;
    cursor: pointer;
    top: 18px;
    right: 20px;
    line-height: 1;
    color: #2d4275;
    background: 0 0;
    border: none;
    padding: 0;
    margin: 0;
    outline: 0;
    font-size: 18px
}

.lfr-alert-container .alert .close::before,.lfr-notification-container .alert .close::before {
    content: "";
    position: relative;
    font-family: Icons;
    font-size: 68%;
    line-height: 1;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-display: swap;
    text-decoration: none;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.lfr-alert-container .alert .close:hover,.lfr-notification-container .alert .close:hover {
    color: #266693
}

.lfr-alert-container .alert .close svg,.lfr-notification-container .alert .close svg {
    display: none
}

.lfr-alert-container .alert a,.lfr-notification-container .alert a {
    color: #2d4275
}

.lfr-alert-container .alert a:hover,.lfr-notification-container .alert a:hover {
    color: #266693
}

.storytelling div[style*='overflow: visible; white-space: nowrap; pointer-events: none; font-size: 0.85em; z-index: 9999;'] {
    display: none
}

.storytelling.debug div[style*='overflow: visible; white-space: nowrap; pointer-events: none; font-size: 0.85em; z-index: 9999;'] {
    display: block
}

.storytelling main.content {
    padding-top: 0!important
}

.storytelling .gallery .owl__dot.active span:before {
    color: #00e500
}

.storytelling section {
    padding: 5vh 0 30vh
}

.storytelling .section--beforePin section {
    padding-bottom: 40vh
}

.storytelling .section:first-child {
    padding-bottom: 20px
}

.storytelling .section:first-child section {
    padding-bottom: 10vh
}

.storytelling .col--vertical-center {
    margin-top: 36vh
}

.storytelling .col--vertical-center>:first-child {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.storytelling h1 strong {
    display: block;
    font-weight: 400;
    font-size: 1.3em;
    margin-left: 8vw
}

.storytelling .stage__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-color: transparent
}

.storytelling .stage__content,.storytelling .stage__contentContainer,.storytelling .stage__contentRow {
    height: 100%
}

@media (min-width: 768px) {
    .storytelling .component.quote.quote--fullWidth.quote--right .quote__image {
        float:right
    }
}

.storytelling .component.quote.quote--fullWidth .quote__image img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 25%;
    object-position: 50% 25%
}

@media (orientation: portrait) {
    .storytelling .component.quote.quote--fullWidth .quote__image img {
        max-height:60vh
    }
}

@media (orientation: landscape) {
    .storytelling .component.quote.quote--fullWidth .quote__image img {
        max-height:150vh
    }
}

.storytelling .component.videoplayer {
    z-index: 10
}

.storytelling h1.h1--green {
    color: #00e500
}

.storytelling h1.h1--white {
    color: #fff
}

.storytelling h2.h2--green {
    color: #00e500
}

.storytelling h2.h2--white {
    color: #fff
}

.storytelling h3.h3--green {
    color: #00e500
}

.storytelling h3.h3--white {
    color: #fff
}

.storytelling h1.hl-right,.storytelling h2.hl-right,.storytelling h3.hl-right,.storytelling h4.hl-right,.storytelling h5.hl-right,.storytelling h6.hl-right {
    text-align: right
}

.wrapperStorytelling h2.h2--turquoise {
    color: #00e5e5
}

.wrapperStorytelling h3.h3--turquoise {
    color: #00e5e5
}

.wrapperStorytelling .section__backgroundImage div.backgroundImage__overlay {
    background-color: transparent;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover
}

@media (max-width: 767px) {
    .wrapperStorytelling .section__backgroundImage div.backgroundImage__overlay {
        z-index:1!important;
        opacity: .75!important
    }
}

.wrapperStorytelling .section {
    z-index: 1
}

.wrapperStorytelling .component.connector line {
    stroke: #00e5e5
}

.wrapperStorytelling .component.connector circle {
    fill: #00e5e5
}

.wrapperStorytelling .section--teaserRow section {
    padding-bottom: 13vh
}

.wrapperStorytelling .teaserRow .col {
    opacity: .4
}

@media (max-width: 767px) {
    .wrapperStorytelling .teaserRow .col {
        opacity:1
    }
}

.wrapperStorytelling .teaserRow .col .teaserRow__image {
    max-width: 315px
}

.wrapperStorytelling .teaserRow .col h3 {
    max-width: 315px;
    font-size: 1.56em
}

.wrapperStorytelling .teaserRow .col p {
    max-width: 315px
}

.wrapperStorytelling div.component.copy {
    margin-top: 25px;
    color: #fff
}

.wrapperStorytelling figcaption .ImageCaptionContact {
    margin-top: 20px;
    color: #fff
}

.wrapperStorytelling figcaption .ImageCaptionContact div.Name {
    font-size: .9em;
    line-height: 1.56;
    font-family: HelveticaNeue-Medium,Arial,sans-serif;
    font-weight: 400
}

.wrapperStorytelling figcaption .ImageCaptionContact div.Position {
    font-size: .9em;
    line-height: 1.56
}

.wrapperStorytelling figcaption .ImageCaptionContact div.GroupDivision {
    font-size: .9em;
    line-height: 1.56
}

.section__backgroundImage {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.section__backgroundImage .component.videoplayer {
    height: 100%;
    z-index: initial
}

.section__backgroundImage .videoplayer__wrapper {
    height: 100%
}

.section__backgroundImage .videoplayer__playButton {
    display: none!important;
    visibility: hidden!important
}

.section__backgroundImage .videoplayer img {
    height: 100%
}

.section__backgroundImage .videoplayer img,.section__backgroundImage video {
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;'
}

.section__backgroundImage .vjs-poster {
    background-size: cover
}

.backgroundImage__overlay {
    opacity: .7;
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.backgroundImage__svg {
    height: 100%
}

#section-0 .backgroundImage__overlay {
    z-index: 10
}

.component.connector {
    margin: 0;
    position: absolute;
    z-index: 1;
    overflow: visible;
    display: block;
    width: 100%
}

.component.connector .connector__wrapper {
    position: absolute;
    z-index: 10;
    left: 50vw;
    display: block
}

.component.connector svg {
    overflow: visible;
    position: absolute
}

.component.connector line {
    stroke: #00e500
}

.component.connector circle {
    fill: #00e500
}

.connector--center .connector__wrapper {
    left: 50%!important
}

.pagination {
    position: fixed;
    z-index: 13;
    right: 2vw;
    top: 50vh;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    transition: right 250ms linear .5s;
    display: none;
    width: 60px;
    padding-left: 15px;
    background: linear-gradient(to right,rgba(0,0,0,.0001),rgba(0,0,0,.05) 40%,rgba(0,0,0,.05) 60%,rgba(0,0,0,.0001))
}

.pagination::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    padding-top: 100%;
    background: radial-gradient(circle at 50% 100%,rgba(0,0,0,.05) 8%,rgba(0,0,0,.0001) 44%,transparent 45%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    margin-left: -15px
}

.pagination::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    padding-top: 100%;
    background: radial-gradient(circle at 50% 0,rgba(0,0,0,.05) 8%,rgba(0,0,0,.0001) 44%,transparent 45%);
    margin-left: -15px
}

.pagination__indicator {
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    box-shadow: 0 0 0 2px #fff inset;
    transition: -webkit-transform .3s cubic-bezier(.5,0,.3,1);
    transition: transform .3s cubic-bezier(.5,0,.3,1);
    transition: transform .3s cubic-bezier(.5,0,.3,1),-webkit-transform .3s cubic-bezier(.5,0,.3,1)
}

.pagination__link {
    position: relative;
    display: block;
    width: 30px;
    height: 30px;
    color: #fff;
    margin-bottom: 5px
}

.pagination__link::before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background: radial-gradient(circle at 50%,#fff 25%,transparent 27%);
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: -webkit-transform .3s cubic-bezier(.5,0,.3,1);
    transition: transform .3s cubic-bezier(.5,0,.3,1);
    transition: transform .3s cubic-bezier(.5,0,.3,1),-webkit-transform .3s cubic-bezier(.5,0,.3,1)
}

.pagination__label {
    pointer-events: none;
    position: absolute;
    right: 2.3em;
    top: 0;
    white-space: nowrap;
    -webkit-transform: translateX(2em);
    transform: translateX(2em);
    opacity: 0;
    transition: opacity .2s ease,-webkit-transform .3s ease-out;
    transition: transform .3s ease-out,opacity .2s ease;
    transition: transform .3s ease-out,opacity .2s ease,-webkit-transform .3s ease-out
}

.pagination__link:hover .pagination__label {
    -webkit-transform: none;
    transform: none;
    opacity: 1
}

.pagination__link:hover {
    color: #fff
}

.pagination__extra {
    position: relative;
    display: block;
    width: 30px;
    height: 30px;
    color: #fff;
    margin-bottom: 5px
}

.pagination__extra:before {
    width: 100%;
    height: 100%;
    color: #fff;
    display: block;
    font-size: 120%;
    text-align: center
}

@media (min-width: 768px) {
    .pagination {
        display:block
    }

    .pagination#pagination_scrollSection.is-visible {
        right: 2vw
    }
}

.pagination {
    background: 0 0
}

.pagination::before {
    content: '';
    display: none
}

.pagination::after {
    content: '';
    display: none
}

.pagination__indicator {
    border-radius: 50%;
    border: 1px solid #fff;
    box-shadow: 0 0 1px rgba(0,0,0,.2),0 1px 5px 1px rgba(0,0,0,.1),0 0 1px rgba(0,0,0,.1) inset,0 1px 5px 0 rgba(0,0,0,.1) inset
}

.pagination__indicator::after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%
}

.pagination__link::before {
    position: absolute;
    width: 33.3%;
    height: 33.3%;
    left: 33.3%;
    top: 33.3%;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 1px rgba(0,0,0,.2),0 1px 4px 1px rgba(0,0,0,.1)
}

.pagination__label {
    text-shadow: 0 0 1px rgba(0,0,0,.3),0 1px 3px rgba(0,0,0,.2)
}

.plane {
    margin: 0;
    position: absolute;
    background-color: rgba(0,229,0,.75);
    width: 100%;
    height: 100%
}

.plane--skewleft {
    -webkit-transform: skewX(28.7deg);
    transform: skewX(28.7deg);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left
}

.plane--skewright {
    -webkit-transform: skewX(-28.7deg);
    transform: skewX(-28.7deg);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left
}

.plane--left10 {
    left: -10%
}

.plane--left20 {
    left: -20%
}

.plane--left30 {
    left: -30%
}

.plane--left40 {
    left: -40%
}

.plane--left50 {
    left: -50%
}

.plane--left60 {
    left: -60%
}

.plane--left70 {
    left: -70%
}

.plane--left80 {
    left: -80%
}

.plane--left90 {
    left: -90%
}

.plane--left100 {
    left: -100%
}

.plane--right10 {
    left: 10%
}

.plane--right20 {
    left: 20%
}

.plane--right30 {
    left: 30%
}

.plane--right40 {
    left: 40%
}

.plane--right50 {
    left: 50%
}

.plane--right60 {
    left: 60%
}

.plane--right70 {
    left: 70%
}

.plane--right80 {
    left: 80%
}

.plane--right90 {
    left: 90%
}

.plane--right100 {
    left: 100%
}

.component.scroller {
    display: none
}

.storytelling .section {
    position: relative;
    margin-top: 0!important
}

@media (min-width: 768px) {
    .storytelling .section {
        margin-top:0!important
    }
}

@media (min-width: 1024px) {
    .storytelling .section {
        margin-top:0!important
    }
}

.storytelling .section:last-child {
    padding-bottom: 0
}

.storytelling .section--fullHeight {
    height: calc((100vh - 50px) * 1)
}

.storytelling .section--fullHeight section {
    height: calc((100vh - 50px) * 1)
}

@media (min-width: 768px) {
    .storytelling .section--fullHeight {
        height:calc((100vh - 85px) * 1)
    }

    .storytelling .section--fullHeight section {
        height: calc((100vh - 85px) * 1)
    }
}

.storytelling .section--fullHeightOverflow {
    height: calc((100vh - 50px) * 1)
}

.storytelling .section--fullHeightOverflow section {
    z-index: 100
}

@media (min-width: 768px) {
    .storytelling .section--fullHeightOverflow {
        height:calc((100vh - 85px) * 1)
    }

    .storytelling .section--fullHeightOverflow section {
        z-index: 100
    }
}

.storytelling .section--minHeight {
    min-height: calc(100vh - 50px)
}

.storytelling .section--minHeight section {
    min-height: calc(100vh - 50px)
}

@media (min-width: 768px) {
    .storytelling .section--minHeight {
        min-height:calc(100vh - 85px)
    }

    .storytelling .section--minHeight section {
        min-height: calc(100vh - 85px)
    }
}

.storytelling .section--halfHeight {
    height: calc((100vh - 50px) * .5)
}

.storytelling .section--halfHeight section {
    height: calc((100vh - 50px) * .5)
}

@media (min-width: 768px) {
    .storytelling .section--halfHeight {
        height:calc((100vh - 85px) * .5)
    }

    .storytelling .section--halfHeight section {
        height: calc((100vh - 85px) * .5)
    }
}

.storytelling .row--fullHeight {
    height: 100%
}

.scrollmagic-pin-spacer {
    margin-top: 0!important
}

.shade {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.shade .row {
    position: absolute;
    height: 50%;
    top: 50%
}

@media (min-width: 768px) {
    .shade .row {
        position:static;
        height: 100%;
        top: 0
    }
}

.shade .col {
    max-height: 80%;
    position: relative;
    top: 40%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.shade__color {
    position: absolute;
    width: 100%;
    height: 50%;
    top: 50%;
    left: 0
}

@media (min-width: 768px) {
    .shade__color {
        top:0;
        width: 100%;
        height: 100%
    }

    .shade--left .shade__color {
        top: 0;
        width: 50%;
        height: 100%
    }

    .shade--right .shade__color {
        top: 0;
        width: 50%;
        height: 100%;
        left: 50%
    }
}

.shade--white .shade__color {
    background: rgba(255,255,255,.3)
}

.shade--grey .shade__color {
    background: rgba(25,25,25,.4)
}

.shade--black .shade__color {
    background: rgba(0,0,0,.3)
}

.teaserRow img {
    width: 100%;
    height: auto;
    transition: opacity .5s ease
}

.teaserRow .col {
    opacity: .6;
    width: 33.33333%;
    white-space: nowrap
}

.teaserRow .col p {
    color: #fff
}

.teaserRow .col:last-child h3,.teaserRow .col:last-child p {
    float: right
}

@media (min-width: 768px) {
    .teaserRow .col {
        white-space:initial
    }

    .teaserRow .col:last-child h3,.teaserRow .col:last-child p {
        float: none
    }
}

.teaserRow .col:not(.col--default-active) h3,.teaserRow .col:not(.col--default-active) p {
    visibility: hidden
}

@media (min-width: 768px) {
    .teaserRow .col:not(.col--default-active) h3,.teaserRow .col:not(.col--default-active) p {
        visibility:visible
    }
}

.teaserRow .teaserRow__image {
    display: inline-block;
    position: relative;
    overflow: hidden
}

.teaserRow .teaserRow__image-glow {
    display: block;
    position: absolute;
    width: 200%;
    height: 100%;
    top: 0;
    left: 100%;
    background: linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,.7),rgba(255,255,255,0));
    mix-blend-mode: overlay
}

.section--teaserRow section {
    padding-bottom: 10vh
}