.cc-window {
    font-size: 16px;
    line-height: 1.5em;
    position: fixed;
    z-index: 9999;
    display: flex;
    overflow: hidden;
    flex-wrap: nowrap;
    box-sizing: border-box;
    transition: opacity 1s ease;
    opacity: 1
}

.cc-window.cc-invisible {
    opacity: 0
}

.cc-window.cc-static {
    position: static
}

@media print {
    .cc-window {
        display: none
    }
}

@media screen and (max-width: 414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape) {
    .cc-window.cc-left,.cc-window.cc-right {
        right:0;
        left: 0
    }

    .cc-window.cc-top {
        top: 0
    }

    .cc-window.cc-bottom {
        bottom: 0
    }
}

.cc-compliance {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-content: space-between;
    align-items: center
}

.cc-animate:hover {
    transform: translateY(0)
}

.cc-grower {
    overflow: hidden;
    max-height: 0;
    transition: max-height 1s
}

.cc-header {
    font-size: 18px;
    font-weight: 700
}

.cc-btn,.cc-close,.cc-link {
    cursor: pointer
}

.cc-link {
    display: inline-block;
    padding: .2em;
    text-decoration: underline;
    opacity: .8
}

.cc-link:hover {
    opacity: 1
}

.cc-link:active,.cc-link:visited {
    color: initial
}

.cc-btn {
    font-size: .9em;
    font-weight: 700;
    display: block;
    padding: .4em .8em;
    text-align: center;
    white-space: nowrap;
    border-width: 2px;
    border-style: solid
}

@media screen and (max-width: 900px) {
    .cc-btn {
        white-space:normal
    }
}

.cc-btn+.cc-btn {
    margin-left: .5em
}

.cc-highlight .cc-btn:first-child {
    border-color: transparent;
    background-color: transparent
}

.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover {
    text-decoration: underline;
    background-color: transparent
}

.cc-close {
    font-size: 1.6em;
    line-height: .75;
    position: absolute;
    top: .5em;
    right: .5em;
    display: block;
    opacity: .9
}

.cc-close:focus,.cc-close:hover {
    opacity: 1
}

.cc-theme-classic .cc-btn {
    border-radius: 5px
}

.cc-theme-classic .cc-btn:last-child {
    min-width: 140px
}

.cc-top {
    top: 1em
}

.cc-left {
    left: 1em
}

.cc-right {
    right: 1em
}

.cc-bottom {
    bottom: 1em
}

.cc-banner {
    padding: 1em
}

.cc-banner .cc-message {
    display: block;
    flex: 1 1 auto;
    max-width: 100%;
    margin-right: 1em
}

@media screen and (max-width: 414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape) {
    .cc-banner .cc-message {
        margin-right:0
    }
}

.cc-banner.cc-window {
    align-items: center;
    flex-direction: row;
    width: 100%;
    padding: 1em 1.8em
}

@media screen and (max-width: 414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape) {
    .cc-banner.cc-window {
        right:0;
        left: 0;
        align-items: unset;
        flex-direction: column
    }
}

@media screen and (max-width: 414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape) {
    .cc-banner.cc-window .cc-compliance {
        flex:1 1 auto
    }
}

.cc-banner.cc-top {
    top: 0;
    right: 0;
    left: 0
}

.cc-banner.cc-bottom {
    right: 0;
    bottom: 0;
    left: 0
}

.cc-banner.cc-theme-edgeless .cc-btn {
    height: 100%;
    margin: 0;
    padding: .8em 1.8em
}

.cc-floating>.cc-link {
    margin-bottom: 1em
}

.cc-floating .cc-message {
    display: block;
    padding-bottom: 1.5em
}

.cc-floating .cc-compliance>.cc-btn {
    flex: 1
}

.cc-floating.cc-window {
    flex-direction: column;
    max-width: 24em;
    padding: 2em
}

@media screen and (max-width: 414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape) {
    .cc-floating.cc-window {
        right:0;
        left: 0;
        max-width: none
    }
}

.cc-floating.cc-window .cc-compliance {
    flex: 1 0 auto
}

.cc-floating.cc-theme-classic {
    padding: 1.2em;
    border-radius: 5px
}

.cc-floating.cc-theme-classic.cc-type-info .cc-compliance {
    display: inline;
    flex: none;
    text-align: center
}

.cc-floating.cc-theme-classic.cc-type-info .cc-btn {
    display: inline-block
}

.cc-floating.cc-theme-edgeless {
    padding: 0
}

.cc-floating.cc-theme-edgeless .cc-message {
    padding: 2em 2em 1.5em
}

.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn {
    margin-left: 0
}

.cc-revoke {
    line-height: 1.5em;
    position: fixed;
    z-index: 9999;
    display: flex;
    overflow: hidden;
    flex-wrap: nowrap;
    box-sizing: border-box;
    padding: .5em;
    cursor: pointer
}

.cc-revoke:hover {
    text-decoration: underline
}

.cc-revoke.cc-top {
    top: 0;
    left: 3em;
    border-bottom-right-radius: .5em;
    border-bottom-left-radius: .5em
}

.cc-revoke.cc-bottom {
    bottom: 0;
    left: 3em;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em
}

.cc-revoke.cc-left {
    right: unset;
    left: 3em
}

.cc-revoke.cc-right {
    right: 3em;
    left: unset
}

@media print {
    .cc-revoke {
        display: none
    }
}

.cc-revoke.cc-animate {
    transition: transform 1s ease;
    transition: transform 1s ease,-webkit-transform 1s ease
}

.cc-revoke.cc-animate.cc-top {
    transform: translateY(-2em)
}

.cc-revoke.cc-animate.cc-bottom {
    transform: translateY(2em)
}

.cc-revoke.cc-animate.cc-active.cc-bottom {
    transform: translateY(0)
}

.cc-revoke.cc-animate.cc-active.cc-top {
    transform: translateY(0)
}

.dp--cookie-check {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: .5rem;
    border: 1px solid rgba(255,255,255,0.5);
    border-radius: 5px
}

.dp--cookie-check label {
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 5px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.dp--cookie-check label:first-child {
    padding-left: 10px
}

.dp--cookie-check label:last-child {
    padding-right: 10px
}

.dp--iframe {
    display: none
}

.dp--iframe.dp--loaded {
    display: block
}

.dp--overlay {
    padding: 2.5rem 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.dp--overlay-description {
    margin-top: .8rem
}

.dp--overlay-button {
    margin-top: .8rem
}

.db--overlay-submit {
    border: 2px solid transparent;
    display: inline-block;
    padding: .4em .8em;
    font-weight: 700;
    text-align: center
}

.dp--iframe.dp--loaded+.dp--overlay {
    display: none
}

.cc-revoke.dp--revoke {
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    margin: 5px;
    transition: all .3s ease-in-out;
    transform: none !important;
    text-decoration: none !important;
    border-radius: 20px !important
}

.cc-revoke.dp--revoke i {
    font-size: 24px;
    pointer-events: none
}

.cc-revoke.dp--revoke.cc-top,.cc-revoke.dp--revoke.cc-bottom {
    left: 0
}

.cc-revoke.dp--revoke.cc-right {
    right: 0;
    left: auto
}

.cc-revoke.dp--revoke .dp--hover {
    pointer-events: none;
    display: none
}

.cc-revoke.dp--revoke:hover {
    opacity: .7
}

.cc-revoke.dp--revoke:hover .dp--hover {
    display: inline-block
}

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

@font-face {
    font-family: 'dp-icomoon';
    src: url('../font/icomoon.eot');
    src: url('../font/icomoon.eot') format("embedded-opentype"),url('../font/icomoon.ttf') format("truetype"),url('../font/icomoon.woff') format("woff"),url('../font/icomoon.svg') format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block
}

[class^="dp--icon-"],[class*=" dp--icon-"] {
    font-family: 'dp-icomoon' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.dp--icon-fingerprint:before {
    content: "\e900"
}

*,*:before,*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

img,audio,video,embed,svg {
    max-width: 100%;
    width: auto;
    height: auto
}

abbr,article,aside,audio,blockquote,body,code,div,em,fieldset,footer,form,h1,.mk7slider .positionBox .headline .h1,h2,h3,h4,h5,h6,header,html,img,label,legend,li,nav,object,ol,p,pre,section,span,table,tbody,tfoot,thead,time,tr,ul,video {
    font-size: 100%;
    font-weight: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    border: 0;
    background-color: rgba(0,0,0,0)
}

iframe {
    font-size: 100%;
    font-weight: inherit;
    vertical-align: baseline
}

iframe,small,strong,sub,sup,td,th {
    margin: 0;
    padding: 0;
    background-color: rgba(0,0,0,0)
}

small {
    border: 0
}

small,strong {
    vertical-align: baseline
}

small,sub,sup {
    font-weight: inherit
}

strong,sub,sup,td,th {
    font-size: 100%
}

body,html {
    height: 100%
}

html {
    overflow-y: scroll;
    box-sizing: border-box
}

*,:after,:before {
    box-sizing: inherit;
    background-repeat: no-repeat
}

body {
    line-height: 1;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

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

audio,embed,iframe,img,object,video {
    max-width: 100%;
    height: auto
}

iframe,strong,sub,sup,td,th {
    border: 0
}

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

blockquote,q {
    quotes: none
}

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

sup {
    vertical-align: text-top
}

input[type=radio],sub {
    vertical-align: text-bottom
}

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

caption,td,th {
    font-weight: 400;
    text-align: left;
    vertical-align: top
}

input,select {
    vertical-align: middle
}

input[type=checkbox] {
    vertical-align: bottom
}

b,strong {
    font-weight: 700
}

small {
    font-size: 80%
}

abbr,acronym {
    cursor: help;
    text-decoration: none;
    border-bottom: .1em dotted
}

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

input {
    border-radius: 0
}

[role=button],[type=button],[type=reset],[type=submit],button,input[type=file],label {
    cursor: pointer
}

[disabled] {
    cursor: default
}

button,input,select,textarea {
    margin: 0;
    text-transform: none;
    border: 0
}

img {
    border-style: none
}

sub,sup {
    font-size: 75%
}

sub {
    bottom: -3px;
    position: relative
}

hr {
    border: 0;
    height: 1px;
    display: block;
    background: #000;
    clear: both
}

:focus {
    outline: none
}

.layoutGrid {
    display: none !important;
    pointer-events: none;
    z-index: 10000;
    height: 100vh;
    position: fixed;
    width: 100%;
    top: 0;
    opacity: .25
}

.layoutGrid>* {
    box-shadow: 1px 1px 2px #00ffcd;
    height: 100%
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }

    100% {
        opacity: 1;
        transform: none
    }
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        transform: translate3d(-100%,0,0)
    }

    100% {
        opacity: 1;
        transform: none
    }
}

:root {
--grid: 9;
    --maxl: 2441px;
    --max: 1180px;
    --maxs: 2092px;
    --maxxs: 780px;
    --base: 100vw / 12;
    --basep: 100% / 12;
    --pad: 20px;
    --pad2: 40px;
    --copyfontsize: calc(1.2rem + 0.2vw);
    --h1size: 3.4vw;
    --h2size: 2.1vw;
    --h3size: 1.6vw;
    --h4size: 1vw;
    --col-highlight: #3f7fc3;
    --bluebright: #80c0d8;
    --gray: #f5f5f5;
    --graydark: #8f8f8f;
    --graybright: #f6f8fa;
    --yellow: #ecff00;
}

@media(min-width: 1440px) {
    :root {
        --base:calc(var(--max) / var(--grid));
        --copyfontsize: 1.6rem;
        --h1size: 5.2rem;
        --h2size: 3.2rem;
        --h3size: 2.4rem;
        --h4size: calc(1.2rem + 0.25vw)
    }
}

@media(max-width: 766px) {
    :root {
        --base:calc(var(--max) / var(--grid));
        --pad: 2.5vw;
        --pad2: 5vw;
        --copyfontsize: 1.4rem;
        --h1size: clamp(2rem,5vw,5rem);
        --h2size: clamp(2rem,4vw,3rem);
        --h3size: clamp(1.8rem,3vw,3rem);
        --h4size: calc(1.2rem + 0.25vw)
    }
}

.col,.article,.column,.text {
    position: relative;
    vertical-align: top;
    display: inline-block;
    font-size: var(--copyfontsize);
    text-align: left
}

.rowx {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: var(--copyfontsize)
}

.rowx>* {
    flex: 1 1 auto;
    word-break: break-word;
    hyphens: auto;
    min-width: 1%
}

.row {
    font-size: 0;
    position: relative
}

.max,.box,.ceIn {
    margin: 0 auto;
    width: 100%
}

.box {
    padding-left: 130px;
    padding-right: 130px
}

.max {
    max-width: var(--max)
}

@media(max-width: 1210px) {
    .rowx.max {
        padding:0 calc(2*var(--pad))
    }
}

.boxs,.maxs,.texticonWrap[data-childlayout="card iconTop col33"] {
    max-width: var(--maxs)
}

@media(max-width: calc(var(--maxs) + 30px)) {
    .boxs,.maxs,.texticonWrap[data-childlayout="card iconTop col33"] {
        padding:0 30px
    }
}

.boxl,.maxl {
    max-width: var(--maxl);
    margin: 0 auto
}

.col[class*=type-],.ceOut {
    padding-top: 120px;
    padding-bottom: 120px
}

.col[class*=type-].padTop0,.ceOut.padTop0 {
    padding-top: 0
}

.col[class*=type-].padBot0,.ceOut.padBot0 {
    padding-bottom: 0 !important
}

@media(max-width: 766px) {
    .col[class*=type-],.ceOut {
        padding-top:6vh;
        padding-bottom: 6vh
    }
}

.ceOut {
    margin: 0 auto
}

.ceIn,.pad {
    padding: 0 var(--pad) 0px;
    overflow: hidden
}

.inner {
    padding: 0 var(--pad) 0px
}

.col14 {
    width: 14.2857142857%
}

.col16 {
    width: 16.6666666667%
}

.col20 {
    width: 20%
}

.col25,.gridTwocol.cols75-25>.colRight,.gridTwocol.cols25-75>.colLeft,.count5 .col,.count4 .col {
    width: 25%
}

.col30 {
    width: 30%
}

.col33,.count8 .col,.count7 .col,.count6 .col,.count3 .col {
    width: 33.33%
}

.col40,.gridTwocol.cols60-40>.colRight,.gridTwocol.cols40-60>.colLeft {
    width: 40%
}

.col50,.gridTwocol.cols50-50>.col,.count2 .col {
    width: 50%
}

.col60,.gridTwocol.cols60-40>.colLeft,.gridTwocol.cols40-60>.colRight {
    width: 60%
}

.col66 {
    width: 66.66%
}

.col70 {
    width: 70%
}

.col75,.gridTwocol.cols75-25>.colLeft,.gridTwocol.cols25-75>.colRight {
    width: 75%
}

.col80 {
    width: 80%
}

.col84 {
    width: 83.33%
}

.col90 {
    width: 90%
}

.col100,.count1 .col {
    width: 100%;
    display: block
}

.colp1 {
    width: calc(1*var(--basep))
}

.colp2 {
    width: calc(2*var(--basep))
}

.colp3 {
    width: calc(3*var(--basep))
}

.colp4 {
    width: calc(4*var(--basep))
}

.colp5 {
    width: calc(5*var(--basep))
}

.colp6 {
    width: calc(6*var(--basep))
}

.colp7 {
    width: calc(7*var(--basep))
}

.colp8 {
    width: calc(8*var(--basep))
}

.colp9 {
    width: calc(9*var(--basep))
}

.colp10 {
    width: calc(10*var(--basep))
}

.colp11 {
    width: calc(11*var(--basep))
}

.colp12 {
    width: calc(12*var(--basep))
}

.colp13 {
    width: calc(13*var(--basep))
}

.colp14 {
    width: calc(14*var(--basep))
}

.colp15 {
    width: calc(15*var(--basep))
}

.colp16 {
    width: calc(15*var(--basep))
}

@media(min-width: 768px)and (max-width:1250px) {
    .col16,.col20,.col25,.gridTwocol.cols75-25>.colRight,.gridTwocol.cols25-75>.colLeft,.count5 .col,.count4 .col,.col33,.count8 .col,.count7 .col,.count6 .col,.count3 .col {
        width:50% !important
    }
}

@media(max-width: 766px) {
    .col {
        width:100%
    }

    .col-s-33 {
        width: 33%
    }
}

.ind5 {
    margin-left: 5%
}

.ind10 {
    margin-left: 10%
}

.ind16 {
    margin-left: 16.66%
}

.ind20 {
    margin-left: 20%
}

.ind25 {
    margin-left: 25%
}

.ind30 {
    margin-left: 30%
}

.ind33 {
    margin-left: 33.33%
}

.ind40 {
    margin-left: 40%
}

.ind50 {
    margin-left: 50%
}

.ind60 {
    margin-left: 60%
}

.ind66 {
    margin-left: 66.66%
}

.ind70 {
    margin-left: 70%
}

.ind75 {
    margin-left: 75%
}

.ind80 {
    margin-left: 80%
}

.ind90 {
    margin-left: 90%
}

[class*=cols] {
    flex-basis: auto
}

.cols1 {
    width: calc(1*var(--base))
}

.cols2 {
    width: calc(2*var(--base))
}

.cols3 {
    width: calc(3*var(--base))
}

.cols4 {
    width: calc(4*var(--base))
}

.cols5 {
    width: calc(5*var(--base))
}

.cols6 {
    width: calc(6*var(--base))
}

.cols7 {
    width: calc(7*var(--base))
}

.cols8 {
    width: calc(8*var(--base))
}

.cols9 {
    width: calc(9*var(--base))
}

.cols10 {
    /* width: calc(10*var(--base)); */
}

.cols11 {
    width: calc(11*var(--base))
}

.cols12 {
    width: calc(12*var(--base))
}

.cols13 {
    width: calc(13*var(--base))
}

.cols14 {
    width: calc(14*var(--base))
}

.cols15 {
    width: calc(15*var(--base))
}

.cols16 {
    width: calc(16*var(--base))
}

.cols17 {
    width: calc(17*var(--base))
}

.cols18 {
    width: calc(18*var(--base))
}

.cols19 {
    width: calc(19*var(--base))
}

.cols20 {
    width: calc(20*var(--base))
}

@media(max-width: 766px) {
    [class*=cols] {
        width:100%
    }
}

.maxs1 {
    max-width: calc(1*var(--base))
}

.maxs2 {
    max-width: calc(2*var(--base))
}

.maxs3 {
    max-width: calc(3*var(--base))
}

.maxs4 {
    max-width: calc(4*var(--base))
}

.maxs5 {
    max-width: calc(5*var(--base))
}

.maxs6 {
    max-width: calc(6*var(--base))
}

.maxs7 {
    max-width: calc(7*var(--base))
}

.maxs8 {
    max-width: calc(8*var(--base))
}

.maxs9 {
    max-width: calc(9*var(--base))
}

.maxs10 {
    max-width: calc(10*var(--base))
}

.maxs11 {
    max-width: calc(11*var(--base))
}

.maxs12 {
    max-width: calc(12*var(--base))
}

.maxs13 {
    max-width: calc(13*var(--base))
}

.maxs14 {
    max-width: calc(14*var(--base))
}

.maxs15 {
    max-width: calc(15*var(--base))
}

.maxs16 {
    max-width: calc(16*var(--base))
}

.maxs17 {
    max-width: calc(17*var(--base))
}

.maxs18 {
    max-width: calc(18*var(--base))
}

.maxs19 {
    max-width: calc(19*var(--base))
}

.maxs20 {
    max-width: calc(20*var(--base))
}

@media(max-width: 766px) {
    main [class*=max] {
        max-width:none
    }
}

.inds1 {
    margin-left: calc(1*var(--base))
}

.inds2 {
    margin-left: calc(2*var(--base))
}

.inds3 {
    margin-left: calc(3*var(--base))
}

.inds4 {
    margin-left: calc(4*var(--base))
}

.inds5 {
    margin-left: calc(5*var(--base))
}

.inds6 {
    margin-left: calc(6*var(--base))
}

.inds7 {
    margin-left: calc(7*var(--base))
}

.inds8 {
    margin-left: calc(8*var(--base))
}

@media(max-width: 766px) {
    main [class*=inds] {
        margin-left:0
    }
}

@supports(width: 100vw) {
    .width100vw,.col100vw,.breakout {
        width:100vw;
        display: block;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw
    }
}

.jumplinks {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 300px;
    z-index: 2000;
    padding: 0;
    margin: 0
}

.jumplinks li {
    padding: 0;
    margin: 0
}

.jumplinks a {
    opacity: 1;
    height: 0;
    line-height: 0px;
    display: block;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    overflow: hidden;
    background: #ff7e7e;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    pointer-events: none
}

.jumplinks a:focus {
    opacity: 1;
    height: auto;
    line-height: 2.5;
    outline: none;
    padding: 5px 20px;
    pointer-events: all
}

body.highcontrast>header,body.highcontrast>footer,body.highcontrast>main {
    filter: invert(100%) hue-rotate(180deg) !important
}

body.highcontrast>header img,body.highcontrast>header video,body.highcontrast>header :not(object):not(body)>embed,body.highcontrast>header object,body.highcontrast>header svg image,body.highcontrast>header [style*="background:url"],body.highcontrast>header [style*="background-image:url"],body.highcontrast>header [style*="background:url"],body.highcontrast>header [style*="background-image:url"],body.highcontrast>header [background],body.highcontrast>footer img,body.highcontrast>footer video,body.highcontrast>footer :not(object):not(body)>embed,body.highcontrast>footer object,body.highcontrast>footer svg image,body.highcontrast>footer [style*="background:url"],body.highcontrast>footer [style*="background-image:url"],body.highcontrast>footer [style*="background:url"],body.highcontrast>footer [style*="background-image:url"],body.highcontrast>footer [background],body.highcontrast>main img,body.highcontrast>main video,body.highcontrast>main :not(object):not(body)>embed,body.highcontrast>main object,body.highcontrast>main svg image,body.highcontrast>main [style*="background:url"],body.highcontrast>main [style*="background-image:url"],body.highcontrast>main [style*="background:url"],body.highcontrast>main [style*="background-image:url"],body.highcontrast>main [background] {
    filter: invert(100%) hue-rotate(180deg) !important
}

body.highcontrast .parallaxImage img.loaded {
    opacity: .2
}

header .meta>a:focus,header button:focus,main .meta>a:focus,main button:focus,footer .meta>a:focus,footer button:focus {
    outline: none !important
}

header a>button:focus,main a>button:focus,footer a>button:focus {
    outline: none !important
}

html.bigfont {
    font-size: 16px
}

nav.main a:focus {
    outline: none;
    border: 0 none
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 300;
    src: url("../font/roboto-v20-latin-300.eot");
    src: local(""),url("../font/roboto-v20-latin-300.eot") format("embedded-opentype"),url("../font/roboto-v20-latin-300.woff2") format("woff2"),url("../font/roboto-v20-latin-300.woff") format("woff"),url("../font/roboto-v20-latin-300.ttf") format("truetype"),url("../font/roboto-v20-latin-300.svg") format("svg")
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    src: url("../font/roboto-v20-latin-regular.eot");
    src: local(""),url("../font/roboto-v20-latin-regular.eot") format("embedded-opentype"),url("https://static.pdunity.com/index/nuxt/font/roboto-v20-latin-regular.woff2") format("woff2"),url("https://static.pdunity.com/index/nuxt/font/roboto-v20-latin-regular.woff") format("woff"),url("https://static.pdunity.com/index/nuxt/font/roboto-v20-latin-regular.ttf") format("truetype"),url("../font/roboto-v20-latin-regular.svg") format("svg")
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    src: url("../font/roboto-v20-latin-500.eot");
    src: local(""),url("../font/roboto-v20-latin-500.eot") format("embedded-opentype"),url("https://static.pdunity.com/index/nuxt/font/roboto-v20-latin-500.woff2") format("woff2"),url("https://static.pdunity.com/index/nuxt/font/roboto-v20-latin-500.woff") format("woff"),url("https://static.pdunity.com/index/nuxt/font/roboto-v20-latin-500.ttf") format("truetype"),url("../font/roboto-v20-latin-500.svg") format("svg")
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    src: url("../font/montserrat-v15-latin-regular.eot");
    src: local(""),url("../font/montserrat-v15-latin-regular.eot") format("embedded-opentype"),url("../font/montserrat-v15-latin-regular.woff2") format("woff2"),url("../font/montserrat-v15-latin-regular.woff") format("woff"),url("../font/montserrat-v15-latin-regular.ttf") format("truetype"),url("../font/montserrat-v15-latin-regular.svg") format("svg")
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    src: url("../font/montserrat-v15-latin-600.eot");
    src: local(""),url("../font/montserrat-v15-latin-600.eot") format("embedded-opentype"),url("https://static.pdunity.com/index/nuxt/font/montserrat-v15-latin-600.woff2") format("woff2"),url("https://static.pdunity.com/index/nuxt/font/montserrat-v15-latin-600.woff") format("woff"),url("https://static.pdunity.com/index/nuxt/font/montserrat-v15-latin-600.ttf") format("truetype"),url("../font/montserrat-v15-latin-600.svg") format("svg")
}

.hamburgerWrap {
    display: none
}

@media(max-width: 766px) {
    .hamburgerWrap {
        display:block
    }
}

.hamburger {
    cursor: pointer;
    position: fixed;
    z-index: 10000;
    top: -1px;
    right: 0;
    padding: 10px;
    overflow: hidden;
    margin: 0 0 0 0px;
    padding: 0;
    width: 50px;
    height: 50px;
    font-size: 0;
    text-indent: -9999px;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s
}

.hamburger::before,.hamburger::after {
    content: "";
    position: absolute;
    background-color: #091436;
    left: 20%;
    right: 20%;
    top: 50%;
    margin-top: 10px;
    height: 2px;
    display: block;
    opacity: 1;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s
}

.hamburger:before {
    margin-top: -11px
}

.hamburger:after {
    margin-top: 9px
}

.hamburger span {
    background: rgba(0,0,0,0);
    width: 1px;
    overflow: hidden;
    display: block
}

.hamburger span::before,.hamburger span::after {
    content: "";
    position: absolute;
    background-color: #091436;
    width: 60%;
    left: 20%;
    top: 50%;
    margin-top: -1px;
    height: 2px;
    display: block;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s
}

body.showMenu .hamburger::before,body.showMenu .hamburger::after {
    opacity: 0;
    left: 50%;
    right: 50%
}

body.showMenu .hamburger span::before {
    transform: rotate(45deg)
}

body.showMenu .hamburger span::after {
    transform: rotate(-45deg)
}

body.scrolledLittle .hamburger::before,body.scrolledLittle .hamburger::after,body.scrolledLittle .hamburger span:before,body.scrolledLittle .hamburger span:after {
    background-color: #091436
}

body.showMenu .hamburger::before,body.showMenu .hamburger::after,body.showMenu .hamburger span:before,body.showMenu .hamburger span:after {
    background-color: #fff
}

.cursor {
    display: none;
    pointer-events: none;
    z-index: 100000;
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #3f7fc3;
    opacity: 0;
    transition: width .25s ease-out,height .25s ease-out,transform .25s ease-out;
    transform: translateX(-50%) translateY(-50%) rotate(0)
}

.cursor.link.hover {
    background: #ff0;
    mix-blend-mode: multiply;
    width: calc(var(--base)*2);
    height: calc(var(--base)*2)
}

.cursor.image.hover {
    border-radius: 0;
    mix-blend-mode: unset;
    z-index: -1;
    transform: translateY(-90%) rotate(-4deg) !important;
    width: calc(var(--base)*2);
    height: calc(var(--base)*2)
}

.cursor.image.hover img {
    object-fit: cover;
    height: 100%
}

.cursor {
    display: block
}

@media(max-width: 760px) {
    .hide_on_mobile {
        display:none !important;
        visibility: hidden !important
    }
}

.areatitlecontainer {
    position: absolute;
    left: 10px;
    top: 50%;
    width: 20px;
    height: 50%;
    z-index: 1000
}

.areatitlecontainer span {
    font-family: "mont",sans-serif;
    font-weight: 500;
    letter-spacing: .06em;
    transform: rotate(-90deg);
    left: -6px;
    opacity: 0;
    position: absolute;
    text-transform: uppercase;
    color: var(--col-highlight);
    white-space: nowrap;
    transform-origin: left top;
    padding: 0 40px;
    display: inline-block;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s
}

.areatitlecontainer span.act:first-child {
    opacity: 1;
    left: 2px
}

.scrollbarcontainer {
    position: absolute;
    left: 10px;
    top: 50%;
    width: 20px;
    height: 47%;
    z-index: 1000
}

.scrollbarcontainer:before {
    content: "";
    position: absolute;
    left: 16px;
    width: 1px;
    top: 2px;
    bottom: 2px;
    background-color: var(--col-highlight)
}

.scrollbarcontainer .c-scrollbar {
    opacity: 1 !important;
    top: 0%;
    height: 100%
}

.scrollbarcontainer .c-scrollbar_thumb {
    border-radius: 0;
    width: 3px;
    right: 0;
    background: var(--col-highlight);
    opacity: 1;
    transition: right .3s,width .3s
}

.scrollbarcontainer .c-scrollbar:hover {
    transform: scaleX(1)
}

.scrollbarcontainer .c-scrollbar:hover .c-scrollbar_thumb {
    width: 9px;
    right: -3px
}

.pid_49 main .content .texticon.textonly[data-background=transparent] a {
    margin: 0;
    padding: 0;
    min-height: 0;
    line-height: 1;
    font-size: inherit;
    color: #000;
    background: rgba(0,0,0,0);
    border-radius: 0;
    display: inline;
    border-bottom: 1px dotted
}

aside {
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
    position: fixed;
    top: 0;
    left: 0;
    height: 0px;
    width: 100%;
    z-index: 800;
    overflow: hidden;
    color: #fff
}

aside .asideSocials {
    height: 100%;
    background-color: #000
}

aside .asideMenu {
    height: 100%;
    background-color: #000
}

body.showAside>aside {
    height: 100%
}

body>header {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-transition-timing-function: ease-in-out !important;
    transition-timing-function: ease-in-out !important;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    margin: 0 0px;
    padding: 24px 0px;
    text-align: left;
    position: fixed;
    width: 100%;
    z-index: 900;
    background: rgba(255,255,255,.3);
    top: 0;
    left: 0;
    right: 0
}

@media(max-width: 766px) {
    body>header {
        background:#fff
    }
}

@media(min-width: 768px) {
    body>header .rowx {
        padding:0 90px
    }
}

@media(min-width: 768px)and (max-width:1249px) {
    body>header .rowx {
        padding:0 30px
    }
}

body>header .logo {
    -webkit-transition: height .6s;
    -moz-transition: height .6s;
    -ms-transition: height .6s;
    -o-transition: height .6s;
    transition: height .6s;
    -webkit-transition-timing-function: ease-in-out !important;
    transition-timing-function: ease-in-out !important;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    height: 42px;
    display: inline-block;
    margin: 35px;
    margin: 0
}

@media(max-width: 766px) {
    body>header .logo {
        height:50px;
        padding: 7px 25px
    }
}

body>header .logo a {
    display: block;
    height: 230px;
    height: 100%;
    margin: 0;
    text-decoration: none
}

body>header .logo svg {
    width: auto;
    height: 100%;
    min-height: 50px
}

body>header .logo svg #claim {
    display: none
}

body>header #logoSvg {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}

body>header a:hover {
    border: 0
}

body>header a:hover #line2 {
    fill: red
}

body>header .langMenu {
    display: none;
    float: right;
    padding: 10px
}

@media(max-width: 766px) {
    body>header {
        height:50px;
        padding: 0px 50px;
        text-align: center;
        overflow: hidden
    }
}

@media(min-width: 768px) {
    body.scrolledLittle>header {
        background:#fff
    }
}

@media(max-width: 766px) {
    body>header:after {
        content:"";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 100%;
        background: linear-gradient(60deg,#327cca,#3a90d4 35%,#5cb5e1 69%,#8bcce4) !important;
        z-index: -1;
        opacity: 0;
        -webkit-transition: all .4s;
        -moz-transition: all .4s;
        -ms-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s
    }
}

body.showMenu>header {
    height: 100%
}

body.showMenu>header:after {
    opacity: 1
}

body.showMenu>header a {
    color: #fff !important
}

body.showMenu>header li.level1.uid5 {
    border-color: #fff
}

body.showMenu>header nav.main {
    pointer-events: all;
    opacity: 1
}

header nav {
    display: inline-block;
    vertical-align: top;
    position: relative;
    text-align: right;
    height: 42px
}

header nav ul {
    text-align: right;
    display: inline-block;
    vertical-align: top;
    margin: 0
}

header nav li {
    padding: 0px;
    margin-right: -4px;
    display: inline-block;
    position: relative
}

header nav li a.level1 {
    text-decoration: none;
    display: block;
    font-style: normal;
    padding: 0px 20px;
    line-height: 42px;
    font-weight: 400;
    text-shadow: 0 0 0px #000;
    color: #6b7285;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -ms-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

@media(min-width: 768px)and (max-width:1249px) {
    header nav li a.level1 {
        padding:0 14px
    }
}

header nav li a.level1:after {
    content: "";
    display: block;
    position: relative;
    top: -5px;
    height: 1px;
    background: #80c0d8;
    opacity: 0;
    -webkit-transition: opacity .7s;
    -moz-transition: opacity .7s;
    -ms-transition: opacity .7s;
    -o-transition: opacity .7s;
    transition: opacity .7s
}

header nav li a.level1:hover:after {
    height: 1px;
    opacity: 1;
    background: #6b7285
}

header nav li.act a,header nav li.cur a {
    color: #ff3939;
    font-weight: 400
}

header nav .spacer {
    height: 30px;
    margin: 0 25px;
    width: 1px;
    background: #000;
    vertical-align: top;
    top: 6px;
    position: relative;
    display: inline-block
}

header nav .navOne {
    padding: 0px 0 0
}

header nav ul.level1 li:last-child a {
    line-height: 40px
}

@media(max-width: 766px) {
    header nav ul.level1 {
        width:100%;
        text-align: center
    }
}

header nav ul.level2 {
    opacity: 0;
    position: absolute;
    pointer-events: none;
    top: 35px;
    left: 0;
    right: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

header nav li.level1.focus+ul.level2,header nav li.level1.focus ul.level2,header nav li.level1:hover+ul.level2,header nav li.level1:hover ul.level2,header nav li.level1:focus+ul.level2,header nav li.level1:focus ul.level2,header nav li.level1>a:hover+ul.level2,header nav li.level1>a:hover ul.level2,header nav li.level1>a:focus+ul.level2,header nav li.level1>a:focus ul.level2,header nav li.level1:focus-within+ul.level2,header nav li.level1:focus-within ul.level2 {
    opacity: 1;
    top: 41px;
    height: auto;
    pointer-events: all
}

@media(max-width: 766px) {
    header nav {
        display:block;
        padding: 0px;
        margin: 0;
        float: none;
        height: auto;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 10%;
        left: 10%;
        width: auto !important;
        opacity: 0;
        pointer-events: none
    }

    header nav .spacer {
        display: none
    }

    header nav ul {
        padding: 0
    }

    header nav li {
        padding: 0px;
        display: block;
        margin: 3vh 0 0 0
    }

    header nav li a {
        color: #000;
        font-size: calc(1.8rem + 1vh);
        line-height: 2.4
    }

    header nav li a:after {
        display: none !important
    }

    header nav li.level1.uid5 {
        margin-top: 4vh
    }
}

#uid_1 header {
    background: rgba(0,0,0,0)
}

#uid_1 header nav li,#uid_1 header nav li a {
    color: #fff
}

#uid_1 header .spacer {
    background: #fff
}

#uid_1.scrolledLittle header {
    background: #fff
}

#uid_1.scrolledLittle header nav li,#uid_1.scrolledLittle header nav li a {
    color: #6b7285
}

#uid_1.scrolledLittle header .spacer {
    background: #000
}

li.level1.uid5 {
    border: 1px solid;
    border-radius: 10em;
    margin: 0 1vw;
    transform: scale(1);
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

li.level1.uid5 a:after {
    display: none
}

li.level1.uid5:hover {
    background: rgba(192,192,192,.04);
    border-color: #4fd693;
    box-shadow: inset 0 0 7px rgba(255,255,255,.1)
}

.scrolledLittle li.level1.uid5 {
    border-color: #6b7285
}

.scrolledLittle li.level1.uid5:hover {
    border-color: #4fd693
}

@media(min-width: 768px) {
    .navLangWrap {
        position:relative;
        display: inline-block;
        width: 35px;
        height: 42px
    }

    .navLang {
        height: 42px;
        overflow: hidden;
        padding-top: 42px;
        position: absolute;
        left: 0px;
        top: 0px;
        width: 43px;
        border-radius: 0px;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    }

    .navLang:before {
        content: "";
        position: absolute;
        right: -2px;
        top: 15px;
        width: 12px;
        height: 12px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0H12V12H0z' transform='translate(-1342 -39) translate(90 24) translate(1224 13) translate(28 2)'/%3E%3Cpath fill='%23091436' d='M10 4L6 8 2 4z' opacity='.6' transform='translate(-1342 -39) translate(90 24) translate(1224 13) translate(28 2)'/%3E%3C/g%3E%3C/svg%3E%0A")
    }

    .navLang li {
        display: block;
        opacity: 0;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        width: 100%;
        line-height: 42px;
        margin-bottom: 0px;
        text-align: center;
        border-bottom: 1px solid rgba(0,0,0,0)
    }

    .navLang li a {
        display: inline-block;
        padding: 0 5px;
        line-height: 42px;
        text-decoration: none;
        color: #6b7285
    }

    .navLang li.langActive {
        opacity: 1;
        position: absolute;
        top: 0
    }

    .navLang li.langActive a {
        font-weight: 400;
        color: #6b7285
    }

    .navLang li.langAvailable {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        background-color: rgba(0,0,0,0)
    }

    .navLang li.langNotAvailable a {
        cursor: default;
        pointer-events: none;
        opacity: .3
    }

    .navLang:hover {
        overflow: visible;
        height: 168px;
        height: 86px;
        background-color: #fff
    }

    .navLang:hover li {
        opacity: 1;
        color: #000
    }
}

@media(max-width: 766px) {
    .navLang {
        display:block;
        text-align: center
    }

    .navLang li {
        display: inline-block;
        padding: 0 10px
    }

    .navLang li,.navLang a {
        font-size: 1.6rem
    }
}

#uid_1 .navLang:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0H12V12H0z' transform='translate(-1342 -39) translate(90 24) translate(1224 13) translate(28 2)'/%3E%3Cpath fill='%23ffffff' d='M10 4L6 8 2 4z' opacity='.6' transform='translate(-1342 -39) translate(90 24) translate(1224 13) translate(28 2)'/%3E%3C/g%3E%3C/svg%3E%0A")
}

#uid_1 .navLang:hover {
    background-color: rgba(0,0,0,0)
}

#uid_1.scrolledLittle .navLang:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0H12V12H0z' transform='translate(-1342 -39) translate(90 24) translate(1224 13) translate(28 2)'/%3E%3Cpath fill='%23091436' d='M10 4L6 8 2 4z' opacity='.6' transform='translate(-1342 -39) translate(90 24) translate(1224 13) translate(28 2)'/%3E%3C/g%3E%3C/svg%3E%0A")
}

#uid_1.scrolledLittle .navLang:hover {
    background-color: #fff
}

footer .navLang {
    height: 42px;
    overflow: hidden;
    padding-top: 42px;
    position: relative;
    right: 50px;
    top: 0px;
    max-width: 43px;
    width: 50px;
    border-radius: 0px
}

footer .navLang .langActive {
    color: #000
}

.jumpFullPage {
    position: fixed;
    top: 100px;
    right: 0;
    width: 15px;
    overflow: hidden;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.jumpFullPage li {
    display: block;
    width: 200px;
    background: #ff0
}

.jumpFullPage li.active {
    background: red
}

.jumpFullPage a {
    display: block;
    padding: 2px 15px
}

.jumpFullPage:hover {
    width: 200px
}

footer {
    background: #fff;
    text-align: left;
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    z-index: 0;
    padding: 0px 0 0
}

@media(max-width: 766px) {
    footer {
        height:auto;
        position: relative
    }
}

footer .ceOut {
    padding: var(--pad) 0 !important
}

@media(max-width: 1400px) {
    footer .col {
        flex-basis:50%
    }
}

@media(max-width: 766px) {
    footer .col {
        flex-basis:100%
    }
}

footer ul,footer li,footer a,footer p {
    padding: 0;
    margin: 0 !important;
    list-style: none;
    line-height: 1.8
}

footer h1,footer .mk7slider .positionBox .headline .h1,.mk7slider .positionBox .headline footer .h1,footer h2,footer h3,footer h4,footer h5,footer b,footer strong {
    padding-bottom: 25px;
    color: #33343a
}

footer img {
    max-width: 110px
}

footer * {
    color: #888;
    text-decoration: none;
    font-style: normal
}

footer nav li {
    display: block;
    padding: 0;
    margin: 0
}

footer .revoke-btn {
    display: inline-block;
    line-height: 1.8;
    padding: 0 5px;
    cursor: pointer;
    margin-left: -2px
}

html[lang=de] .revoke-btn:after {
    content: "Cookie-Einstellungen"
}

html[lang=en-US] .revoke-btn:after {
    content: "Cookie-Settings"
}

footer .rowx.maxl .ceIn {
    padding: 0 45px
}

@media(max-width: 766px) {
    footer .rowx.maxl .ceIn {
        padding:0 20px
    }
}

@media(max-width: 766px) {
    footer .rowx.maxl {
        padding-left:0 !important;
        padding-right: 0 !important
    }
}

footer .rowx.top {
    padding: 55px 45px
}

@media(max-width: 766px) {
    footer .rowx.top {
        padding:30px 0
    }
}

footer .rowx.mid {
    padding: 28px 45px 0;
    border-top: 1px solid #eaeaeb
}

footer .rowx.mid li {
    display: inline-block
}

footer .rowx.mid li:after {
    content: " / ";
    padding: 0 5px
}

footer .rowx.mid li:last-child:after {
    display: none
}

footer .rowx.mid a {
    font-size: 1.3rem
}

footer .rowx.bottom {
    padding: 18px 45px
}

footer .legal {
    font-size: 1.3rem;
    margin-left: 45px;
    padding: 0
}

@media(max-width: 766px) {
    footer .legal {
        margin-left:20px
    }
}

footer .legal ul,footer .legal li,footer .legal a {
    display: inline-block;
    font-size: 1.3rem
}

footer .legal a {
    padding: 0 5px
}

.footerLangWrap {
    padding: 0 45px !important;
    text-align: right
}

@media(max-width: 1400px) {
    .footerLangWrap {
        text-align:left
    }

    .footerLangWrap ul {
        left: -12px
    }
}

.footerLangWrap .navLang {
    display: inline-block
}

.footerLangWrap .navLang li {
    font-size: var(--copyfontsize)
}

.footerLangWrap .navLang .langActive {
    font-weight: 500;
    font-size: var(--copyfontsize)
}

.flickity-enabled {
    position: relative
}

.flickity-enabled:focus {
    outline: none
}

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%
}

@media(max-width: 766px) {
    .flickity-slider {
        height:auto
    }
}

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.flickity-button {
    position: absolute;
    background: rgba(255,255,255,.75);
    border: none;
    color: #333
}

.flickity-button:hover {
    background: #fff;
    cursor: pointer
}

.flickity-button:focus {
    outline: none;
    box-shadow: 0 0 0 5px #19f
}

.flickity-button:active {
    opacity: .6
}

.flickity-button:disabled {
    opacity: .3;
    cursor: auto;
    pointer-events: none
}

.flickity-button-icon {
    fill: currentColor
}

.flickity-prev-next-button {
    top: 50%;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    transform: translateY(-50%)
}

.flickity-prev-next-button.previous {
    left: 10px
}

@media(max-width: 766px) {
    .flickity-prev-next-button.previous {
        left:-15px
    }
}

.flickity-prev-next-button.next {
    right: 10px
}

@media(max-width: 766px) {
    .flickity-prev-next-button.next {
        right:-15px
    }
}

.flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 10px
}

.flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 10px
}

.flickity-prev-next-button .flickity-button-icon {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%
}

.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1
}

.flickity-rtl .flickity-page-dots {
    direction: rtl
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: #333;
    border-radius: 50%;
    opacity: .25;
    cursor: pointer
}

.flickity-page-dots .dot.is-selected {
    opacity: 1
}

.flickity-page-dots {
    bottom: 0;
    padding: 20px 0;
    margin: 0
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    padding: 7px;
    margin: 0 10px;
    background: #333;
    border-radius: 50%;
    opacity: .25;
    cursor: pointer
}

.flickity-page-dots .dot:only-child {
    display: none
}

main .flickity-page-dots .dot {
    border-radius: 0;
    width: 8vw;
    height: 15px;
    padding: 0;
    margin: 0 2px;
    background: rgba(0,0,0,0);
    position: relative
}

main .flickity-page-dots .dot:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 3px;
    right: 3px;
    height: 4px;
    background: var(--col-highlight)
}

main .flickity-page-dots .dot:before.is-selected:before {
    background: #ddd
}

.flickTimer {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    height: 3px;
    background: #fff;
    z-index: 10000
}

.flickTimer .progressBar {
    height: 100%;
    position: absolute;
    left: 0;
    background: #000;
    opacity: .8
}

.flickity-button.flickity-prev-next-button {
    background: rgba(0,0,0,0);
    height: 100%;
    border-radius: 0;
    width: 50%
}

.flickity-button.flickity-prev-next-button svg {
    display: none
}

.flickity-button.flickity-prev-next-button:hover,.flickity-button.flickity-prev-next-button:focus {
    outline: none
}

.flickity-button.flickity-prev-next-button.previous {
    right: auto;
    left: 0;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.flickity-button.flickity-prev-next-button.previous:hover {
    cursor: url('../image/arrow-prev.svg') 50 50,auto
}

.flickity-button.flickity-prev-next-button.next {
    right: 0
}

.flickity-button.flickity-prev-next-button.next:hover {
    cursor: url('../image/arrow-next.svg') 50 50,auto
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper,swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,.swiper-wrapper {
    transform: translate3d(0px,0,0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide,swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left,rgba(0,0,0,0.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right,rgba(0,0,0,0.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top,rgba(0,0,0,0.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom,rgba(0,0,0,0.5),rgba(0,0,0,0))
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop:always}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start:var(--swiper-centered-offset-before)}

.swiper-centered.swiper-horizontal>.swiper-wrapper: :before {
    height:100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start:var(--swiper-centered-offset-before)}

.swiper-centered.swiper-vertical>.swiper-wrapper: :before {
    width:100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: rgba(0,0,0,0)
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset,50%);
    width: calc(var(--swiper-navigation-size)/44*27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next:after,.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev,.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset,10px);
    right: auto
}

.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset,10px);
    left: auto
}

.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom,8px);
    top: var(--swiper-pagination-top,auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color,#000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity,0.2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity,1);
    background: var(--swiper-pagination-color,var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets {
    right: var(--swiper-pagination-right,8px);
    left: var(--swiper-pagination-left,auto);
    top: 50%;
    transform: translate3d(0px,-50%,0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform,.2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s right
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color,inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,0.25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size,4px);
    left: 0;
    top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar {
    width: var(--swiper-pagination-progressbar-size,4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius,10px);
    position: relative;
    -ms-touch-action: none;
    background: var(--swiper-scrollbar-bg-color,rgba(0,0,0,0.1))
}

.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset,1%);
    bottom: var(--swiper-scrollbar-bottom,4px);
    top: var(--swiper-scrollbar-top,auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size,4px);
    width: calc(100% - 2*var(--swiper-scrollbar-sides-offset,1%))
}

.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-left,auto);
    right: var(--swiper-scrollbar-right,4px);
    top: var(--swiper-scrollbar-sides-offset,1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size,4px);
    height: calc(100% - 2*var(--swiper-scrollbar-sides-offset,1%))
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,0.5));
    border-radius: var(--swiper-scrollbar-border-radius,10px);
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

.swiper .swiper-notification,swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform,opacity,height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
    height: 100%;
    left: 0;
    position: fixed;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-container * {
    box-sizing: border-box
}

.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.47,0,0.74,0.71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .87;
    transition-timing-function: cubic-bezier(0.22,0.61,0.36,1)
}

.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s,visibility 0s linear .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s,visibility 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    text-align: center;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    -webkit-transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide:before {
    content: "";
    display: inline-block;
    height: 100%;
    margin-right: -0.25em;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous {
    display: block
}

.fancybox-slide--next {
    z-index: 99995
}

.fancybox-slide--image {
    overflow: visible;
    padding: 44px 0
}

.fancybox-slide--image:before {
    display: none
}

.fancybox-slide--html {
    padding: 6px 6px 0
}

.fancybox-slide--iframe {
    padding: 44px 44px 0
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0 0 6px;
    max-width: 100%;
    overflow: auto;
    padding: 0;
    padding: 24px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    -webkit-animation-timing-function: cubic-bezier(0.5,0,0.14,1);
    animation-timing-function: cubic-bezier(0.5,0,0.14,1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: rgba(0,0,0,0);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    margin: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-drag .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-dragging .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image,.fancybox-spaceball {
    background: rgba(0,0,0,0);
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--html .fancybox-content {
    margin-bottom: 6px
}

.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--video .fancybox-content {
    height: 100%;
    margin: 0;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
    height: calc(100% - 44px);
    margin-bottom: 44px
}

.fancybox-iframe,.fancybox-video {
    background: rgba(0,0,0,0);
    border: 0;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    vertical-align: top
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30,30,30,.6);
    border: 0;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    outline: none;
    padding: 10px;
    transition: color .2s;
    vertical-align: top;
    width: 44px
}

.fancybox-button,.fancybox-button:link,.fancybox-button:visited {
    color: #ccc
}

.fancybox-button:focus,.fancybox-button:hover {
    color: #fff
}

.fancybox-button.disabled,.fancybox-button.disabled:hover,.fancybox-button[disabled],.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default
}

.fancybox-button svg {
    display: block;
    overflow: visible;
    position: relative;
    shape-rendering: geometricPrecision
}

.fancybox-button svg path {
    fill: rgba(0,0,0,0);
    stroke: currentColor;
    stroke-linejoin: round;
    stroke-width: 3
}

.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2) {
    display: none
}

.fancybox-button--play svg path,.fancybox-button--share svg path,.fancybox-button--thumbs svg path {
    fill: currentColor
}

.fancybox-button--share svg path {
    stroke-width: 1
}

.fancybox-navigation .fancybox-button {
    height: 38px;
    opacity: 0;
    padding: 6px;
    position: absolute;
    top: 50%;
    width: 38px
}

.fancybox-show-nav .fancybox-navigation .fancybox-button {
    transition: opacity .25s,visibility 0s,color .25s
}

.fancybox-navigation .fancybox-button:after {
    content: "";
    left: -25px;
    padding: 50px;
    position: absolute;
    top: -25px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    right: 6px
}

.fancybox-close-small {
    background: rgba(0,0,0,0);
    border: 0;
    border-radius: 0;
    color: #555;
    cursor: pointer;
    height: 44px;
    margin: 0;
    padding: 6px;
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    z-index: 10
}

.fancybox-close-small svg {
    fill: rgba(0,0,0,0);
    opacity: .8;
    stroke: currentColor;
    stroke-width: 1.5;
    transition: stroke .1s
}

.fancybox-close-small:focus {
    outline: none
}

.fancybox-close-small:hover svg {
    opacity: 1
}

.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small,.fancybox-slide--video .fancybox-close-small {
    color: #ccc;
    padding: 5px;
    right: -12px;
    top: -44px
}

.fancybox-slide--iframe .fancybox-close-small:hover svg,.fancybox-slide--image .fancybox-close-small:hover svg,.fancybox-slide--video .fancybox-close-small:hover svg {
    background: rgba(0,0,0,0);
    color: #fff
}

.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
    display: none
}

.fancybox-caption {
    bottom: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 25px 44px;
    right: 0
}

.fancybox-caption:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);
    background-repeat: repeat-x;
    background-size: contain;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: -25px;
    z-index: -1
}

.fancybox-caption:after {
    border-bottom: 1px solid rgba(255,255,255,.3);
    content: "";
    display: block;
    left: 44px;
    position: absolute;
    right: 44px;
    top: 0
}

.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    -webkit-animation: a .8s infinite linear;
    animation: a .8s infinite linear;
    background: rgba(0,0,0,0);
    border: 6px solid rgba(99,99,99,.5);
    border-radius: 100%;
    border-top-color: #fff;
    height: 60px;
    left: 50%;
    margin: -30px 0 0 -30px;
    opacity: .6;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 60px;
    z-index: 99999
}

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

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

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

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0,0,0.25,1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(0.19,1,0.22,1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(1.5,1.5,1.5);
    transform: scale3d(1.5,1.5,1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0.5,0.5,0.5);
    transform: scale3d(0.5,0.5,0.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(0,0,0) translate3d(-100%,0,0);
    transform: scale3d(0,0,0) translate3d(-100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0,0,0) translate3d(100%,0,0);
    transform: scale3d(0,0,0) translate3d(100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%,0,0) scale(0.1) skew(-10deg);
    transform: translate3d(-100%,0,0) scale(0.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%,0,0) scale(0.1) skew(10deg);
    transform: translate3d(100%,0,0) scale(0.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1)
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-share h1,.fancybox-share .mk7slider .positionBox .headline .h1,.mk7slider .positionBox .headline .fancybox-share .h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:link,.fancybox-share__button:visited {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: rgba(0,0,0,0);
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #fff;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs>ul {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x>ul {
    overflow: hidden
}

.fancybox-thumbs-y>ul::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y>ul::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}

.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs>ul>li {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    width: 100px
}

.fancybox-thumbs-loading {
    background: rgba(0,0,0,.1)
}

.fancybox-thumbs>ul>li {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.fancybox-thumbs>ul>li:before {
    border: 4px solid #4ea7f9;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(0.25,0.46,0.45,0.94);
    z-index: 99991
}

.fancybox-thumbs .fancybox-thumbs-active:before {
    opacity: 1
}

@media(max-width: 800px) {
    .fancybox-thumbs {
        width:110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs>ul>li {
        max-width: calc(100% - 10px)
    }
}

html.has-scroll-smooth {
    overflow: hidden
}

html.has-scroll-dragging {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.has-scroll-smooth body {
    overflow: hidden
}

.has-scroll-smooth [data-scroll-container] {
    min-height: 100vh
}

[data-scroll-direction=horizontal] [data-scroll-container] {
    height: 100vh;
    display: inline-block;
    white-space: nowrap
}

[data-scroll-direction=horizontal] [data-scroll-section] {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    height: 100%
}

.c-scrollbar {
    position: absolute;
    right: 0;
    top: 0;
    width: 11px;
    height: 100%;
    transform-origin: center right;
    transition: transform .3s,opacity .3s;
    opacity: 0
}

.c-scrollbar:hover {
    transform: scaleX(1.45)
}

.c-scrollbar:hover,.has-scroll-dragging .c-scrollbar,.has-scroll-scrolling .c-scrollbar {
    opacity: 1
}

[data-scroll-direction=horizontal] .c-scrollbar {
    width: 100%;
    height: 10px;
    top: auto;
    bottom: 0;
    transform: scaleY(1)
}

[data-scroll-direction=horizontal] .c-scrollbar:hover {
    transform: scaleY(1.3)
}

.c-scrollbar_thumb {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #000;
    opacity: .5;
    width: 7px;
    border-radius: 10px;
    margin: 2px;
    cursor: -webkit-grab;
    cursor: grab
}

.has-scroll-dragging .c-scrollbar_thumb {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

[data-scroll-direction=horizontal] .c-scrollbar_thumb {
    right: auto;
    bottom: 0
}

.cbQuickGoogleMap img {
    max-width: none !important
}

.tx-indexedsearch-description,.tx-indexedsearch-info,.tx-indexedsearch-icon,.tx-indexedsearch-info-sword,.tx-indexedsearch-searchbox label,.tx-indexedsearch-searchbox legend,.tx-indexedsearch-browsebox {
    display: none
}

.tx-indexedsearch-searchbox-sword {
    line-height: 40px;
    color: #000;
    font-weight: 300;
    border: 1px solid #6b7285;
    border-radius: 10em;
    padding: 1px 20px;
    display: inline-block;
    font-size: 2rem;
    text-transform: uppercase
}

.tx-indexedsearch-res {
    text-align: center
}

.tx-indexedsearch-res a {
    color: var(--col-highlight);
    font-weight: 200;
    border: 1px solid var(--col-highlight);
    border-radius: 10em;
    padding: 0px 25px;
    line-height: 33px;
    margin-bottom: .8em;
    display: inline-block;
    font-size: var(--copyfontsize);
    background: #fff;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
    top: -28px;
    position: relative
}

.tx-indexedsearch-res a:hover {
    background: var(--col-highlight);
    color: #fff
}

.tx-indexedsearch-form,.tx-indexedsearch-search-submit {
    display: inline-block
}

.tx-indexedsearch-search-submit {
    position: absolute
}

.tx-indexedsearch-searchbox {
    margin-bottom: 12px
}

.tx-indexedsearch-searchbox form {
    text-align: center;
    margin: 5vh 0 8vh
}

.tx-indexedsearch-searchbox-button {
    font-weight: bold;
    background: rgba(0,0,0,0);
    text-transform: uppercase;
    line-height: 40px;
    margin-left: 10px
}

#c545 {
    width: 100%;
    text-align: center;
    padding: 0
}

#c545 .tx-indexedsearch-searchbox form {
    margin: 20px 0 0
}

.csc-flickity .col,.csc-flickity .frame,.contentPic .col,.contentPic .frame {
    width: 100%;
    padding: 0;
    margin: 0;
    color: #fff
}

.csc-flickity .csc-inner,.contentPic .csc-inner {
    padding: 0 0px
}

.csc-flickity .csc-text,.csc-flickity header,.contentPic .csc-text,.contentPic header {
    text-align: left
}

.flickCounter {
    position: absolute;
    bottom: 100px;
    left: 50%;
    z-index: 1000;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    text-align: center;
    width: 50px;
    margin-left: -25px
}

.contentPic .csc-textpic-wrap {
    max-width: 1000px;
    margin: 0 auto;
    display: block;
    max-width: 956px
}

.contentPic .csc-textpic-wrap * {
    color: #fff;
    text-align: left
}

.contentPic .csc-textpic-wrap h1,.contentPic .csc-textpic-wrap .mk7slider .positionBox .headline .h1,.mk7slider .positionBox .headline .contentPic .csc-textpic-wrap .h1,.contentPic .csc-textpic-wrap h2 {
    text-transform: uppercase
}

.contentPic .csc-textpic-wrap h1,.contentPic .csc-textpic-wrap .mk7slider .positionBox .headline .h1,.mk7slider .positionBox .headline .contentPic .csc-textpic-wrap .h1 {
    font-size: 30px
}

.contentPic .csc-textpic-text,.contentPic header {
    position: absolute;
    top: 50%;
    margin-top: -70px;
    background-color: #fff;
    color: #000;
    padding: 0px 30px
}

.contentPic .csc-textpic-center-outer,.contentPic .csc-textpic-center-inner,.contentPic figure,.contentPic img {
    float: none;
    right: 0;
    width: 100%;
    max-width: inherit
}

.contentMain .csc-flickity {
    background: #4c8aa8;
    margin: 0 35px
}

.contentMain .csc-flickity .csc-text {
    padding: 70px
}

.contentMain .csc-flickity p {
    font-size: 12px
}

.contentMain .csc-flickity b,.contentMain .csc-flickity strong {
    font-weight: 300;
    font-size: 25px;
    line-height: 1.4
}

.tocontent {
    height: 65px;
    text-align: center;
    z-index: 60;
    position: relative;
    background: #fff url("/typo3conf/ext/mk7base/Resources/Public/Img/icon_scroll_to_content.gif") no-repeat center 3px;
    background-size: 50px 45px;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}

.tocontent:hover {
    background-position: center 21px;
    cursor: pointer
}

.tocontent:after {
    content: "MEHR"
}

@-webkit-keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%
    }

    15% {
        opacity: 1;
        top: 50%
    }

    50% {
        opacity: 0;
        top: 50%
    }

    100% {
        opacity: 0;
        top: 29%
    }
}

@-moz-keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%
    }

    15% {
        opacity: 1;
        top: 50%
    }

    50% {
        opacity: 0;
        top: 50%
    }

    100% {
        opacity: 0;
        top: 29%
    }
}

@keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%
    }

    15% {
        opacity: 1;
        top: 50%
    }

    50% {
        opacity: 0;
        top: 50%
    }

    100% {
        opacity: 0;
        top: 29%
    }
}

.scroll-btn {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center
}

.scroll-btn>button {
    display: inline-block;
    line-height: 18px;
    font-size: 13px;
    font-weight: 400;
    color: #7f8c8d;
    color: #000;
    font-family: "proxima-nova","Helvetica Neue",Helvetica,Arial,sans-serif;
    letter-spacing: 2px;
    width: 200px;
    position: relative;
    background: rgba(0,0,0,0);
    border: 0
}

.scroll-btn>button:focus {
    outline: none
}

.scroll-btn>:hover,.scroll-btn>:focus,.scroll-btn>.active {
    color: #000
}

.scroll-btn>:hover,.scroll-btn>:focus,.scroll-btn>:active,.scroll-btn>.active {
    opacity: .8;
    filter: alpha(opacity=80)
}

.scroll-btn p {
    margin: 0
}

.scroll-btn .mouse {
    position: relative;
    display: block;
    width: 35px;
    height: 55px;
    margin: 0 auto 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 3px solid #000;
    border-radius: 23px
}

.scroll-btn .mouse>* {
    position: absolute;
    display: block;
    top: 29%;
    left: 50%;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 -4px;
    background: #000;
    border-radius: 50%;
    -webkit-animation: ani-mouse 2.5s linear infinite;
    -moz-animation: ani-mouse 2.5s linear infinite;
    animation: ani-mouse 2.5s linear infinite
}

.scrollDown {
    position: fixed;
    bottom: 0;
    padding: 4px 10px;
    width: 100%
}

.scrollDown button {
    padding-top: 60px;
    background: rgba(0,0,0,0);
    border: 0
}

.scrollDown button:focus {
    outline: none
}

.scrollDown button span {
    position: absolute;
    top: 0;
    left: 50%;
    width: 22px;
    height: 34px;
    margin-left: -11px;
    border: 2px solid #3f7fc3;
    border-radius: 9px;
    box-sizing: border-box
}

.scrollDown button span:before {
    position: absolute;
    top: 3px;
    left: 50%;
    content: "";
    width: 6px;
    height: 6px;
    margin-left: -3px;
    background-color: #3f7fc3;
    border-radius: 100%;
    -webkit-animation: sdb10 2s infinite;
    animation: sdb10 2s infinite;
    box-sizing: border-box
}

@-webkit-keyframes sdb10 {
    0% {
        -webkit-transform: translate(0,0);
        opacity: 0
    }

    40% {
        opacity: 1
    }

    80% {
        -webkit-transform: translate(0,20px);
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@keyframes sdb10 {
    0% {
        transform: translate(0,0);
        opacity: 0
    }

    40% {
        opacity: 1
    }

    80% {
        transform: translate(0,16px);
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

.ce-gallery .ce-row {
    padding: 0;
    font-size: 0
}

.ce-gallery .ce-column {
    margin: 0px 0px var(--pad) 0px;
    display: inline-block;
    vertical-align: middle
}

.ce-gallery .ce-column:first-child {
    padding-top: 0
}

.ce-gallery figure {
    margin: 0;
    padding: 0 var(--pad);
    font-size: calc(1.5rem + .25vw)
}

.ce-gallery[data-ce-columns="6"] .ce-column {
    width: 16.6%
}

.ce-gallery[data-ce-columns="5"] .ce-column {
    width: 20%
}

.ce-gallery[data-ce-columns="4"] .ce-column {
    width: 25%
}

.ce-gallery[data-ce-columns="3"] .ce-column {
    width: 33.3%
}

.ce-gallery[data-ce-columns="2"] .ce-column {
    width: 50%
}

.ce-gallery[data-ce-columns="1"] .ce-column {
    width: 100%
}

.ce-gallery[data-ce-columns="1"] .ce-column figure {
    padding: 0
}

.ce-gallery .ce-column:last-child,.ce-gallery td.csc-textpic-imagecolumn.csc-textpic-lastcol .csc-textpic-image {
    margin-right: 0;
    padding-right: 0
}

.csc-textpic-imagewrap[data-csc-images="1"] figure {
    margin-bottom: 0 !important
}

main>div.content .paddingTop10vh {
    padding-top: 10vh
}

main>div.content .paddingTop5vh {
    padding-top: 5vh
}

main>div.content .paddingTop0 {
    padding-top: 0
}

main>div.content .paddingBottom10vh {
    padding-bottom: 10vh
}

main>div.content .paddingBottom5vh {
    padding-bottom: 5vh
}

main>div.content .paddingBottom0 {
    padding-bottom: 0
}

.ceIn ul,.ceIn ol {
    margin: var(--pad) 0 0 25px
}

.video-embed-item {
    width: 100%
}

.video-embed {
    position: relative;
    padding-bottom: 50%;
    padding-top: 5px;
    height: 0;
    overflow: hidden
}

.video-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.contenttable td {
    padding: 0px var(--pad) 0px 0
}

.ce-align-left {
    text-align: left
}

.ce-align-center {
    text-align: center
}

.ce-align-right {
    text-align: right
}

.ce-table td,.ce-table th {
    vertical-align: top
}

.ce-textpic,.ce-nowrap .ce-bodytext,.ce-gallery,.ce-row,.ce-uploads li,.ce-uploads div {
    overflow: hidden
}

.ce-left .ce-gallery,.ce-column {
    float: left;
    width: 50%
}

.ce-left .ce-gallery figure,.ce-column figure {
    padding-left: 0
}

.ce-above .ce-gallery {
    width: 100%
}

.ce-center .ce-outer {
    position: relative;
    float: right;
    right: 50%
}

.ce-center .ce-inner {
    position: relative;
    float: right;
    right: -50%
}

.ce-right .ce-gallery {
    float: right;
    width: 50%
}

.ce-right .ce-gallery figure {
    padding-right: 0
}

.ce-gallery figure {
    margin: 0
}

.ce-gallery figcaption {
    caption-side: bottom
}

.ce-gallery img {
    display: block
}

.ce-gallery iframe {
    border-width: 0
}

.ce-column:last-child {
    margin-right: 0
}

.ce-row:last-child {
    margin-bottom: 0
}

.ce-above .ce-bodytext {
    clear: both
}

.ce-intext.ce-left ol,.ce-intext.ce-left ul {
    padding-left: var(--pad);
    overflow: auto
}

.news-single>.article>.news-img-wrap {
    height: 42vw;
    max-height: 570px;
    overflow: hidden;
    background-image: linear-gradient(133deg,#ffffff 33.33%,#e3e3e3 33.33%,#e3e3e3 50%,#ffffff 50%,#ffffff 83.33%,#e3e3e3 83.33%,#e3e3e3 100%);
    background-size: 45.12px 48.39px;
    background-repeat: repeat
}

.news-single>.article>.news-img-wrap .slide,.news-single>.article>.news-img-wrap .mediaelement {
    height: 100%
}

.news-single>.article>.news-img-wrap img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.news-single .article>.header {
    background: #fff;
    padding: 15px 0px 5px
}

.news-single .news-text-wrap a {
    text-decoration: dotted underline var(--bluebright) 2px
}

.news-single>.article {
    padding: 0;
    display: block;
    width: 100%;
    max-width: 900px;
    margin: 0 auto
}

.news-single>.article .ceOut,.news-single>.article .ceIn {
    padding: 10px 0 10px;
    max-width: 100%;
    width: 100%
}

.news-single>.article .ceOut .ce-column:first-child,.news-single>.article .ceIn .ce-column:first-child {
    margin-bottom: 0
}

.news-single .ceOut:first-child p:first-child {
    margin-top: 0
}

.news-single .outer {
    width: 100%
}

.news-single .footer {
    font-size: 1.3rem;
    color: #aaa
}

.news-single .footer p {
    margin: 0
}

.news-single .pager {
    margin: 0;
    overflow: hidden;
    padding: 9vh 0 0;
    font-weight: 500
}

.news-single .pager li {
    list-style: none;
    color: var(--graydark);
    max-width: 50%;
    position: relative;
    padding: 0 35px
}

@media(max-width: 766px) {
    .news-single .pager li {
        padding:0 23px
    }
}

.news-single .pager li span {
    position: absolute;
    width: 30px;
    top: 50%;
    height: 25px;
    transform: translateY(-50%)
}

.news-single .pager li a {
    position: static
}

.news-single .pager li svg {
    width: 14px;
    stroke: var(--graydark);
    position: relative;
    top: 0px;
    margin-right: 15px
}

.news-single .pager li.previous {
    float: left
}

.news-single .pager li.previous span {
    left: 0
}

.news-single .pager li.previous svg {
    margin-right: 15px
}

.news-single .pager li.next {
    float: right;
    text-align: right
}

.news-single .pager li.next span {
    right: 0
}

.news-single .pager li.next svg {
    margin-left: 15px
}

.news-backlink-wrap {
    text-align: center;
    display: none
}

.news-backlink-wrap a {
    font-size: 113%;
    line-height: 1.05;
    margin: 57px auto 0;
    padding: .7em 2.5em;
    border-radius: 280px;
    background-color: #3f7fc3;
    color: #fff;
    display: inline-block
}

#uid_46 .ceOut.type-list {
    width: 100%;
    max-width: var(--maxl);
    padding-left: 75px;
    padding-right: 65px;
    padding-top: 100px
}

@media(max-width: 1250px) {
    #uid_46 .ceOut.type-list {
        padding-left:calc(2*var(--pad));
        padding-right: calc(2*var(--pad))
    }
}

@media(max-width: 766px) {
    #uid_46 .ceOut.type-list {
        padding:50px 20px 20px
    }
}

#uid_46 .ceOut.type-list .ceIn {
    padding: 0
}

.news-list-category:before {
    content: " # "
}

.news-list-view .article {
    padding: 0 15px 5vh;
    display: inline-block;
    overflow: hidden;
    width: 33.33%
}

.news-list-view .article>.header {
    margin: 1.4em 0
}

@media(max-width: 766px) {
    .news-list-view .article>.header {
        margin:1em 0
    }
}

.news-list-view .article h1,.news-list-view .article .mk7slider .positionBox .headline .h1,.mk7slider .positionBox .headline .news-list-view .article .h1,.news-list-view .article h2,.news-list-view .article h3 {
    padding: 0
}

@media(max-width: 766px) {
    .news-list-view .article>.teaser-text {
        display:none
    }
}

.news-list-view .article>.teaser-text p {
    display: inline
}

.news-list-view .article>.teaser-text a.more {
    display: inline;
    color: var(--bluebright)
}

.news-list-view .article>.news-img-wrap {
    margin: 0 0px 0 0
}

.news-list-view .article>.news-img-wrap a {
    display: block
}

.news-list-view .article .news-list-date {
    display: none
}

.news-list-view .article:after {
    content: "";
    position: absolute;
    top: var(--pad);
    left: var(--pad);
    right: var(--pad);
    bottom: var(--pad);
    z-index: -1
}

@media(max-width: 766px) {
    #uid_45 .type-list>.ceIn {
        padding:0 10px
    }

    .news-list-view .article {
        width: 50%;
        padding: 0 10px 5vh
    }
}

.page-navigation:first-child {
    display: none
}

.page-navigation>p {
    display: none
}

.page-navigation a {
    font-weight: 500
}

.page-navigation ul {
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0 13px
}

.page-navigation li {
    visibility: hidden;
    position: relative;
    padding: 20px 42px;
    list-style: none
}

.page-navigation li.previous,.page-navigation li.next {
    visibility: visible;
    color: #000
}

.page-navigation li.previous span,.page-navigation li.next span {
    position: absolute;
    width: 15px;
    top: 50%;
    height: 25px;
    transform: translateY(-50%)
}

.page-navigation li.previous svg,.page-navigation li.next svg {
    width: 14px;
    stroke: #000;
    position: relative;
    top: 0px;
    margin-right: 15px
}

.page-navigation li.previous span {
    left: 0
}

.page-navigation li.next span {
    right: 0
}

.news-related-wrap {
    padding-top: 10vh
}

.news-related-wrap .catMenu,.news-related-wrap .news-list-category {
    display: none
}

.news-related-wrap>h2 {
    line-height: 1.6
}

.news-related-wrap hr {
    margin-right: var(--pad)
}

.news-related-wrap .news {
    margin-top: 17px
}

.news-related-wrap .article {
    padding: var(--pad) var(--pad) 0 0
}

.news-related-wrap .relatedNewsItem {
    margin-top: 17px
}

.news-related-wrap .header {
    margin: 0 !important
}

.news-related-wrap .header h2 {
    font-size: clamp(1.8rem,2vw,2.3rem)
}

.news-related-wrap .relatedImage {
    padding-bottom: 15px
}

.news-related-wrap .teaser-text {
    display: none
}

.catMenu {
    padding-bottom: 40px
}

ul.news-catmenu {
    text-align: center;
    margin: 0
}

ul.news-catmenu li {
    display: inline-block;
    margin: 0 10px 20px
}

@media(max-width: 766px) {
    ul.news-catmenu li {
        margin:0 6px 12px
    }
}

ul.news-catmenu li a {
    display: block;
    border-radius: 50em;
    color: #fff;
    text-align: center;
    padding: 1px 11px;
    border: 1px solid var(--bluebright);
    background-color: var(--bluebright);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

ul.news-catmenu li a:hover {
    background: #fff;
    color: var(--bluebright)
}

ul.news-catmenu li.active a {
    background: var(--col-highlight);
    color: #fff
}

body.dp--cookie-consent {
    overflow: hidden
}

body.dp--cookie-consent main {
    filter: blur(2px)
}

.cc-window.cc-floating {
    background-color: #fff !important;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
    max-width: 470px;
    bottom: auto
}

.cc-window.cc-floating .dp--cookie-check {
    display: block;
    margin: .8rem 0 .4rem
}

.cc-window.cc-floating label {
    display: inline-block;
    color: #000;
    font-family: "mont",sans-serif;
    position: relative;
    padding: 0 14px 0 26px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    cursor: pointer
}

.cc-window.cc-floating label input[type=checkbox] {
    position: absolute;
    left: 0;
    margin-right: 5px;
    margin: 0 10px 0 0;
    background-color: #fff;
    border: 2px solid #000003;
    width: 17px;
    height: 17px;
    -webkit-appearance: none;
    outline: none;
    line-height: 22px
}

.cc-window.cc-floating label input[type=checkbox]:checked {
    background-color: #000003
}

.cc-window.cc-floating .cc-message {
    color: #000;
    font-family: "merri",Helvetica,sans-serif;
    font-size: 13px
}

.cc-window.cc-floating .cc-link {
    color: #000 !important;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none
}

.cc-window.cc-floating .cc-message {
    text-align: left;
    margin: 30px 30px 0 !important
}

.cc-window.cc-floating .cc-message:before {
    content: "";
    margin-bottom: 20px;
    width: 120px;
    display: block;
    height: 70px;
    background: rgba(0,0,0,0) url("/typo3conf/ext/mk7base/Resources/Public/Img/logo.svg") no-repeat left top/contain
}

.cc-window.cc-floating a.cc-btn.cc-allow,.cc-window.cc-floating a.cc-btn.cc-dismiss {
    color: #000 !important;
    border: 2px solid #000 !important;
    margin: 8px 4px 30px;
    padding: 2px 12px 0;
    line-height: 2.5;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    font-family: "mont",sans-serif
}

.cc-window.cc-floating a.cc-btn.cc-dismiss {
    color: #fff !important;
    background-color: #000 !important
}

#dp--cookie-marketing {
    display: none
}

.cc-revoke.dp--revoke.cc-top,.cc-revoke.dp--revoke.cc-bottom {
    left: 17px;
    bottom: 10px;
    display: none !important
}

.cc-revoke.dp--revoke:hover {
    opacity: 1
}

.dp--overlay {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 100%;
    font-size: calc(1rem + 2vw)
}

.dp--overlay .db--overlay-submit {
    background-color: #000 !important
}

.cc-window.cc-floating .cc-compliance {
    padding: 0 28px
}

li.uid_209 {
    pointer-events: none
}

li.uid_209.js {
    pointer-events: all
}

body:before {
    opacity: 0;
    content: "";
    width: 100%;
    pointer-events: none;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #000003;
    z-index: 100;
    -webkit-transition: opacity 1.5s;
    -moz-transition: opacity 1.5s;
    -ms-transition: opacity 1.5s;
    -o-transition: opacity 1.5s;
    transition: opacity 1.5s
}

body.dp--cookie-consent:before {
    opacity: .5
}

@media all and (max-width: 760px),only screen and (-webkit-min-device-pixel-ratio:2)and (max-width:760px),only screen and (min--moz-device-pixel-ratio:2)and (max-width:760px),only screen and (-o-min-device-pixel-ratio:21)and (max-width:760px),only screen and (min-device-pixel-ratio:2)and (max-width:760px),only screen and (min-resolution:192dpi)and (max-width:760px),only screen and (min-resolution:2dppx)and (max-width:760px) {
    .cc-window.cc-floating {
        top:50%;
        left: 20px;
        right: 20px;
        max-width: 100%;
        transform: translate3d(0%,-50%,0)
    }

    .cc-window.cc-floating .cc-message {
        margin: 27px 15px 0 !important
    }

    .cc-window.cc-floating .cc-compliance {
        padding: 0 11px
    }
}

.gridOnecol {
    background: rgba(0,0,0,0) center center repeat
}

@media(max-width: 766px) {
    .gridTwocol>.col {
        width:100% !important
    }
}

formframework {
    opacity: 0;
    -webkit-transition: all .3s 0s;
    -moz-transition: all .3s 0s;
    -ms-transition: all .3s 0s;
    -o-transition: all .3s 0s;
    transition: all .3s 0s
}

formframework .row {
    display: inline-block;
    width: 50%;
    vertical-align: top
}

formframework .form-group {
    width: 50%;
    display: inline-block;
    padding: 0 40px 0 0
}

@media(max-width: 766px) {
    formframework .form-group {
        padding:0 10px 0 0
    }
}

formframework .form-group:first-of-type,formframework .form-group:last-of-type {
    width: 100%
}

formframework input,formframework textarea {
    width: 100%;
    background-color: #fff;
    min-height: 44px;
    padding: 1.2vh 6px;
    border: 0 none;
    color: #000;
    font-weight: bold;
    font-size: 1.9rem;
    font-family: "bold",sans-serif
}

formframework input::-webkit-input-placeholder,formframework textarea::-webkit-input-placeholder {
    color: #000;
    font-size: 1.3rem;
    letter-spacing: 1px;
    font-weight: 400;
    text-transform: uppercase;
    font-family: "regular",sans-serif;
    -webkit-text-fill-color: initial
}

formframework input::-moz-placeholder,formframework textarea::-moz-placeholder {
    color: #000;
    font-size: 1.3rem;
    letter-spacing: 1px;
    font-weight: 400;
    text-transform: uppercase;
    font-family: "regular",sans-serif
}

formframework input:-ms-input-placeholder,formframework textarea:-ms-input-placeholder {
    color: #000;
    font-size: 1.3rem;
    letter-spacing: 1px;
    font-weight: 400;
    text-transform: uppercase;
    font-family: "regular",sans-serif
}

formframework input:-moz-placeholder,formframework textarea:-moz-placeholder {
    color: #000;
    font-size: 1.3rem;
    letter-spacing: 1px;
    font-weight: 400;
    text-transform: uppercase;
    font-family: "regular",sans-serif
}

formframework textarea {
    width: calc(100vw - 80px);
    max-width: 1120px;
    min-height: 98px
}

@media(max-width: 766px) {
    formframework textarea {
        width:calc(100vw - 75px)
    }
}

formframework .btn-group button {
    background-color: #000;
    color: #fff;
    text-align: center;
    padding: 10px 20px
}

formframework select {
    text-transform: uppercase;
    font-family: "regular",sans-serif
}

formframework select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    height: calc(22px + 2.4vh);
    letter-spacing: 1px;
    background: #fff;
    border: none;
    color: #000;
    border-radius: 0;
    cursor: pointer;
    font-size: 1.3rem;
    outline: none;
    padding-left: 6px;
    width: 100%
}

formframework select option {
    color: #666;
    font-family: "regular",sans-serif
}

formframework select::-ms-expand {
    display: none
}

formframework select:focus::-ms-value {
    background-color: rgba(0,0,0,0)
}

.powermail_form {
    text-align: center
}

.powermail_form .powermail_fieldwrap {
    padding: 10px 0 20px
}

.powermail_form .btn-group:before {
    content: "";
    position: absolute;
    left: 50%;
    width: 92px;
    transform: translateX(-50%);
    height: 1px;
    background: #6b7285;
    top: 80px
}

.powermail_form .btn-group .btn {
    position: relative;
    padding: 60px 30px 20px;
    background-color: rgba(0,0,0,0);
    margin: 60px 0px;
    min-width: 165px;
    color: #6b7285;
    font-size: 1.4rem
}

@media(max-width: 766px) {
    .powermail_form .btn-group .btn {
        min-width:50%
    }
}

.powermail_form .btn-group .btn:before {
    content: "1";
    border-radius: 50%;
    line-height: 38px;
    font-size: 17px;
    font-weight: bold;
    border: 1px solid #6b7285;
    color: #6b7285;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    height: 40px
}

.powermail_form .btn-group .btn.btn-primary {
    color: #80c0d8
}

.powermail_form .btn-group .btn.btn-primary:before {
    background: #80c0d8;
    color: #fff;
    border-color: rgba(0,0,0,0)
}

.powermail_form .btn-group .item1:before {
    content: "2"
}

.powermail_form fieldset {
    display: inline-block;
    max-width: 600px;
    width: 100%;
    text-align: left !important
}

.powermail_form fieldset label {
    font-family: "Montserrat",sans-serif;
    color: #091436;
    font-size: 1.6rem;
    font-weight: 600
}

.powermail_form fieldset input[type=text],.powermail_form fieldset input[type=email],.powermail_form fieldset input[type=number],.powermail_form fieldset select,.powermail_form fieldset textarea {
    height: 48px;
    width: 100%;
    margin: 9px 0 0;
    padding: 14px 79px 14px 10px;
    border-radius: 4px;
    border: solid 1px #d2d5db;
    background-color: #fff;
    -webkit-appearance: none
}

@media(max-width: 766px) {
    .powermail_form fieldset input[type=text],.powermail_form fieldset input[type=email],.powermail_form fieldset input[type=number],.powermail_form fieldset select,.powermail_form fieldset textarea {
        height:38px;
        padding: 6px 27px 6px 10px
    }
}

.powermail_form fieldset textarea {
    min-height: 105px
}

.powermail_form>h3 {
    display: none
}

.powermail_form legend {
    padding-bottom: 35px
}

.powermail_form .powermail_tab_navigation {
    padding: 40px 0;
    text-align: center
}

.powermail_form .powermail_tab_navigation .btn {
    height: 56px;
    font-size: 113%;
    line-height: 1.05;
    margin: 57px auto 0;
    padding: .7em 2.5em;
    border-radius: 280px;
    background-color: #3f7fc3;
    color: #fff;
    display: inline-block;
    font-size: 0;
    background-color: #80c0d8;
    margin: 0 auto;
    height: auto;
    padding: 1.5rem 3.8rem
}

.powermail_form .powermail_tab_navigation .btn.pull-right:after {
    content: "Nächster Schritt";
    font-size: 1.8rem;
    font-weight: 500
}

.powermail_form .powermail_tab_navigation .btn.btn-warning {
    display: none
}

.powermail_form label>a {
    color: #3f7fc3
}

.powermail_form .powermail_fieldwrap_type_submit {
    text-align: center
}

.powermail_form .powermail_submit {
    height: 56px;
    font-size: 113%;
    line-height: 1.05;
    margin: 57px auto 0;
    padding: .7em 2.5em;
    border-radius: 280px;
    background-color: #3f7fc3;
    color: #fff;
    display: inline-block;
    background-color: #80c0d8 !important;
    font-weight: 500;
    font-size: 1.8rem;
    max-width: 280px;
    opacity: 1;
    margin-top: 25px;
    appearance: none;
    -webkit-appearance: none
}

html[lang=en-US] .powermail_form .powermail_tab_navigation .btn.pull-right:after {
    content: "Next"
}

.powermail_fieldset_1 .powermail_fieldwrap label:before {
    content: "";
    display: inline-block;
    width: 23px;
    height: 22px;
    margin: 0px 6px 0 0;
    background: no-repeat left bottom/contain;
    position: relative;
    top: 4px
}

.powermail_fieldset_1 .powermail_fieldwrap:nth-child(2) label:before {
    background-image: url("/typo3conf/ext/mk7base/Resources/Public/Img/icon/user.svg")
}

.powermail_fieldset_1 .powermail_fieldwrap:nth-child(3) label:before {
    background-image: url("/typo3conf/ext/mk7base/Resources/Public/Img/icon/user.svg")
}

.powermail_fieldset_1 .powermail_fieldwrap:nth-child(4) label:before {
    background-image: url("/typo3conf/ext/mk7base/Resources/Public/Img/icon/email.svg")
}

.powermail_fieldset_1 .powermail_fieldwrap:nth-child(5) label:before {
    background-image: url("/typo3conf/ext/mk7base/Resources/Public/Img/icon/phone.svg")
}

.powermail_fieldset_2 .powermail_fieldwrap label:before {
    content: "";
    display: inline-block;
    width: 23px;
    height: 22px;
    margin: 0px 6px 0 0;
    background: no-repeat left bottom/contain;
    position: relative;
    top: 4px
}

.powermail_fieldset_2 .powermail_fieldwrap:nth-child(2) label:before {
    background-image: url("/typo3conf/ext/mk7base/Resources/Public/Img/icon/user.svg")
}

.powermail_fieldset_2 .powermail_fieldwrap:nth-child(3) label:before {
    background-image: url("/typo3conf/ext/mk7base/Resources/Public/Img/icon/user.svg")
}

.powermail_fieldset_2 .powermail_fieldwrap:nth-child(4) label:before {
    background-image: url("/typo3conf/ext/mk7base/Resources/Public/Img/icon/social_sc.svg")
}

.powermail_fieldset_2 .powermail_fieldwrap:nth-child(5) label:before {
    background-image: url("/typo3conf/ext/mk7base/Resources/Public/Img/icon/social_fb_outline.svg")
}

.powermail_fieldset_2 .powermail_fieldwrap:nth-child(6) label:before {
    background-image: url("/typo3conf/ext/mk7base/Resources/Public/Img/icon/search.svg")
}

.powermail_fieldset_2 .powermail_fieldwrap:nth-child(7) label:before {
    background-image: url("/typo3conf/ext/mk7base/Resources/Public/Img/icon/comment.svg")
}

.powermail_fieldset_2 .powermail_fieldwrap:nth-child(8) label:before {
    background-image: url("/typo3conf/ext/mk7base/Resources/Public/Img/icon/comment.svg")
}

.powermail_fieldset_2 .powermail_fieldwrap_type_check {
    position: relative
}

.powermail_fieldset_2 .powermail_fieldwrap_type_check>label {
    display: none
}

.powermail_fieldset_2 .powermail_fieldwrap_type_check label:before {
    display: none
}

.powermail_fieldset_2 .powermail_fieldwrap_type_check .checkbox {
    padding-left: 34px
}

.powermail_fieldset_2 .powermail_fieldwrap_type_check .checkbox>label {
    opacity: .7;
    font-family: "Roboto",sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
    color: #081337;
    max-width: 400px;
    display: inline-block
}

.powermail_fieldset_2 .powermail_fieldwrap_type_check .powermail_field .powermail_checkbox {
    position: absolute;
    left: 0;
    top: 14px;
    width: 20px;
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid #091436;
    height: 20px;
    border-radius: 3px
}

.powermail_fieldset_2 .powermail_fieldwrap_type_check .powermail_field .powermail_checkbox:before {
    content: "";
    background-color: #091436;
    opacity: 0;
    -webkit-transition: opacity .6s;
    -moz-transition: opacity .6s;
    -ms-transition: opacity .6s;
    -o-transition: opacity .6s;
    transition: opacity .6s;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    left: 4px;
    top: 4px;
    position: absolute
}

.powermail_fieldset_2 .powermail_fieldwrap_type_check .powermail_field .powermail_checkbox:checked:before {
    opacity: 1
}

.powermail_fieldwrap_type_submit {
    position: relative
}

.form_submit_loading {
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: 19px;
    left: 50%;
    transform: translate(-50%,-50%);
    background: rgba(0,0,0,0) url("/typo3conf/ext/mk7base/Resources/Public/Img/loader.svg") no-repeat center center/contain
}

.powermail_form input::placeholder,.powermail_form textarea::placeholder,.powermail_form input,.powermail_form textarea {
    width: 491px;
    height: 20px;
    font-family: Roboto;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.11;
    letter-spacing: normal;
    color: #6b7286
}

@media(max-width: 766px) {
    .powermail_form input::placeholder,.powermail_form textarea::placeholder,.powermail_form input,.powermail_form textarea {
        font-size:1.4rem
    }
}

.powermail_form input,.powermail_form textarea {
    color: #091436
}

.powermail_form input::placeholder,.powermail_form textarea::placeholder {
    opacity: .7
}

.powermail_message.powermail_message_error {
    list-style: none;
    color: red
}

li.parsley-required,.parsley-custom-error-message {
    list-style: none;
    background: red;
    padding: 3px 9px;
    color: #fff;
    display: inline-block;
    line-height: 1;
    font-size: 1.3rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    font-weight: 500;
    position: relative;
    top: -19px;
    left: -17px;
    border-radius: 0 0 8px 8px
}

.animatedheadline .wrap:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--yellow);
    transition: transform .75s cubic-bezier(0.22,0.61,0.37,1) 1s;
    transform: translateX(0)
}

.animatedheadline .wrap.is-inview:after {
    transform: translateX(100%)
}

.accordion {
    padding: 5vh 0
}

.accordion .opener {
    cursor: pointer
}

.accordion .opener .col {
    padding: var(--pad)
}

.accordion .opener .btn {
    text-align: right
}

.accordion .opener .btn span {
    font-size: 13px;
    position: relative;
    top: -3px;
    opacity: 1;
    -webkit-transition: all .81s;
    -moz-transition: all .81s;
    -ms-transition: all .81s;
    -o-transition: all .81s;
    transition: all .81s
}

.accordion .opener .btn:before {
    content: "↑";
    position: absolute;
    right: 10px;
    top: 12px;
    opacity: 0;
    font-size: 18px;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s
}

.accordion .content {
    max-height: 0;
    overflow: hidden;
    position: relative;
    top: 20px;
    opacity: 0;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s
}

.accordion .content .text,.accordion .content .image {
    padding: var(--pad);
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s
}

.accordion .accordionItem {
    border-top: 1px solid #eee;
    padding: 10px 0
}

.accordion .accordionItem.act .opener .btn span {
    opacity: 0;
    margin-right: 15px
}

.accordion .accordionItem.act .opener .btn:before {
    opacity: 1;
    right: var(--pad)
}

.accordion .accordionItem.act .content {
    height: auto;
    top: 0;
    max-height: 900px;
    opacity: 1
}

.accordion .accordionItem.act .content .text,.accordion .accordionItem.act .content .image {
    padding: var(--pad)
}

.accordion .accordionItem:last-child {
    border-bottom: 1px solid #eee
}

.coverflowSwiper {
    padding: 12vh 0
}

@media(max-width: 766px) {
    .coverflowSwiper {
        padding:6vh 0
    }
}

.coverflowSwiper .content {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    padding: var(--pad);
    background-image: linear-gradient(180deg,transparent 0,#000 80%);
    color: #fff;
    overflow: hidden;
    min-height: 129px;
    text-align: left
}

@media(max-width: 766px) {
    .coverflowSwiper .content {
        min-height:0
    }
}

.coverflowSwiper .content .title {
    font-size: 3.5vw;
    font-weight: bold;
    line-height: 1;
    top: var(--pad);
    position: relative
}

.coverflowSwiper .swiper-slide img {
    width: 100%
}

@media(max-width: 766px) {
    .coverflowSwiper .swiper-slide img {
        width:90%
    }
}

.coverflowSwiper .swiper-button-prev:after,.coverflowSwiper .swiper-button-next:after {
    color: #000;
    text-shadow: 0px 0px 2px #fff;
    font-size: 2.9rem
}

@media(max-width: 766px) {
    .coverflowSwiper .swiper-button-prev,.coverflowSwiper .swiper-button-next {
        display:none
    }
}

.coverflowSwiper .swiper-pagination-bullet {
    border-radius: 0;
    width: 65px;
    height: 15px;
    background: rgba(0,0,0,0)
}

@media(max-width: 766px) {
    .coverflowSwiper .swiper-pagination-bullet {
        width:35px
    }
}

.coverflowSwiper .swiper-pagination-bullet:after {
    content: "";
    width: 100%;
    height: 3px;
    margin-top: 5px;
    display: block;
    background: #555
}

.coverflowSwiper .swiper-pagination-bullet-active {
    background: rgba(0,0,0,0)
}

.headline_mover {
    padding: 15vh 0
}

.headline_mover h1,.headline_mover .mk7slider .positionBox .headline .h1,.mk7slider .positionBox .headline .headline_mover .h1 {
    line-height: 1
}

.headline_mover .line1 {
    width: auto;
    text-align: center
}

.headline_mover .line2 {
    width: auto;
    text-align: center;
    padding-left: 10%
}

.headline_mover .line3 {
    width: auto;
    text-align: center;
    padding-left: 10%
}

.headline_mover .line4 {
    width: auto;
    text-align: center;
    padding-left: 10%
}

.headline_mover .subline {
    padding: 7vh 0 0;
    text-align: center
}

.module_labelpartner {
    text-align: center;
    background: #f6f8fa
}

@media(max-width: 1250px) {
    .module_labelpartner {
        padding-left:calc(2*var(--pad));
        padding-right: calc(2*var(--pad))
    }
}

.module_labelpartner h1,.module_labelpartner .mk7slider .positionBox .headline .h1,.mk7slider .positionBox .headline .module_labelpartner .h1,.module_labelpartner h2,.module_labelpartner h3,.module_labelpartner .h1top {
    color: #000;
    padding-bottom: .7em
}

.module_labelpartner .logos {
    padding: 70px 0 60px;
    justify-content: space-between;
    overflow: visible;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
    overflow: visible
}

.module_labelpartner .logos[data-layout=logosWhite] .image {
    margin: 0px
}

.module_labelpartner .logos[data-layout=logosGrid] img {
    max-height: 80px;
    padding: 20px
}

.module_labelpartner .image {
    padding: 10px 0;
    display: inline-flex;
    flex: 0 0;
    align-content: center
}

.module_labelpartner .image.col16 {
    min-width: calc(16.6666666667% - 20px)
}

.module_labelpartner .image.col14 {
    min-width: calc(14.2857142857% - 20px)
}

.module_labelpartner .image:after {
    content: "";
    padding-bottom: 100%
}

.module_labelpartner .image img {
    object-fit: contain;
    margin: auto
}

.module_labelpartner .boxs {
    text-align: center;
    display: inline-block
}

.module_labelpartner .text {
    text-align: center;
    display: inline-block
}

.module_labelpartner .text a {
    min-height: 50px;
    font-size: 113%;
    line-height: 2;
    margin: 57px auto 0;
    padding: .5em 2.5em;
    border-radius: 10em;
    background-color: #4fd693;
    color: #fff;
    display: inline-block;
    position: relative;
    z-index: 0;
    overflow: hidden;
    margin-top: 70px
}

.module_labelpartner .text a:after {
    content: "";
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    position: absolute;
    z-index: -1;
    background: rgba(69,175,122,0);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.module_labelpartner .text a:hover:after {
    background: rgba(46,60,53,.5)
}

.module_labelpartner .multicolumn {
    padding: 10vh 0
}

.module_labelpartner .text.autocols {
    text-align: left;
    width: 100%;
    margin: 40px 0 1em;
    column-gap: 0
}

.module_labelpartner .text.autocols p {
    margin: 0;
    padding: 0 5px 0 0
}

.module_labelpartner .text.autocols[data-columncount="2"] {
    column-count: 2
}

.module_labelpartner .text.autocols[data-columncount="3"] {
    column-count: 3
}

.module_labelpartner .text.autocols[data-columncount="4"] {
    column-count: 4
}

@media(max-width: 766px) {
    .module_labelpartner {
        padding:50px var(--pad) 0
    }

    .module_labelpartner .image.col.col16,.module_labelpartner .image.col.col14 {
        width: 33% !important;
        min-width: 33%
    }

    .module_labelpartner .logos {
        padding-top: 40px
    }

    .module_labelpartner .text.autocols[data-columncount="3"],.module_labelpartner .text.autocols[data-columncount="4"] {
        column-count: 2
    }
}

.mk7slider {
    max-height: 100vh;
    overflow: hidden
}

.mk7slider .flickity-button {
    display: none
}

.mk7slider .innerWide {
    width: 100%
}

.mk7slider .slides {
    display: block
}

.mk7slider .slide {
    height: 100vh;
    background: rgba(0,0,0,0) none no-repeat center center/cover
}

.mk7slider .image {
    height: 100%
}

.mk7slider .image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.mk7slider .image video {
    position: absolute;
    min-width: 100%;
    min-height: 101%;
    width: auto;
    height: auto;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%,-50%,0);
    object-fit: cover;
    background: #fff
}

.mk7slider .slide.height70vh {
    height: 70vh
}

.mk7slider .slide.height70vh .image img {
    object-fit: cover
}

.mk7slider .slide.height100vh {
    height: 100vh
}

.mk7slider .slide.height100vh .image img {
    object-fit: cover
}

.mk7slider .slide.heightResponsive {
    height: auto
}

.mk7slider .slide.heightResponsive .image img {
    object-fit: contain;
    height: auto
}

@media(max-width: 766px) {
    .mk7slider .slide.heightResponsive .image img {
        object-fit:contain;
        width: 100vw
    }
}

.mk7slider .positionBox {
    position: absolute;
    left: 50%;
    right: 0;
    max-width: var(--max);
    width: 100%;
    overflow: visible;
    top: 50%;
    transform: translate3d(-50%,-50%,0);
    padding: 0 20px
}

.mk7slider .positionBox.textLeft .slideText {
    left: 20px;
    top: 50%;
    transform: translate(0%,-49%)
}

.mk7slider .positionBox .text {
    text-align: center
}

.mk7slider .positionBox .text h1,.mk7slider .positionBox .text .headline .h1,.mk7slider .positionBox .headline .text .h1,.mk7slider .positionBox .text h2,.mk7slider .positionBox .text h3,.mk7slider .positionBox .text h4 {
    color: #d4d8da;
    font-weight: 500
}

.mk7slider .positionBox .text a {
    min-height: 50px;
    font-size: 113%;
    line-height: 2;
    margin: 57px auto 0;
    padding: .5em 2.5em;
    border-radius: 10em;
    background-color: #4fd693;
    color: #fff;
    display: inline-block;
    position: relative;
    z-index: 0;
    overflow: hidden
}

.mk7slider .positionBox .text a:after {
    content: "";
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    position: absolute;
    z-index: -1;
    background: rgba(69,175,122,0);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.mk7slider .positionBox .text a:hover:after {
    background: rgba(46,60,53,.5)
}

.mk7slider .positionBox .headline {
    color: #fff
}

.mk7slider .positionBox .headline .h1 {
    color: #fff !important
}

.mk7slider .slideText {
    -webkit-transition: all .5s .5s;
    -moz-transition: all .5s .5s;
    -ms-transition: all .5s .5s;
    -o-transition: all .5s .5s;
    transition: all .5s .5s;
    opacity: 0;
    max-width: 500px;
    color: #666;
    background-color: rgba(255,255,255,.86);
    font-weight: bold;
    padding: 20px;
    letter-spacing: 2px
}

.mk7slider .slideText h2 {
    font-size: 30px
}

.mk7slider .slideText span.subheader {
    font-size: 18px
}

.mk7slider .slideText p,.mk7slider .slideText a {
    font-size: 13px
}

.mk7slider .slide.is-selected .slideText {
    opacity: 1
}

.mk7slider .heightResponsive .slide {
    height: 60vw
}

.mk7slider .slides2 {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,0%);
    color: #000;
    width: 400px;
    height: 200px;
    background-color: rgba(255,255,255,.89)
}

.mk7slider .slides2 .slideOverlay {
    text-align: center;
    padding: 20px
}

.mk7slider .fxFade .flickity-slider {
    transform: none !important
}

.mk7slider .fxFade .slide {
    left: 0 !important;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    z-index: -1
}

.mk7slider .fxFade .slide.is-selected {
    opacity: 1;
    z-index: 0
}

@media(max-width: 766px) {
    #c116 .slide.heightResponsive .image img {
        padding:20px
    }
}

.badges {
    display: flex;
    align-items: center;
    justify-content: center
}

.badges .badge {
    margin: 0 10px;
    width: auto
}

.badges .badge img {
    width: 559px;
    max-width: 100%;
    height: auto;
    max-height: 30vh
}

body.two_col {
    padding-top: 100vh
}

body.two_col .contentPic {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100vh
}

body.two_col .contentPic .mk7slider {
    height: 100vh
}

body.two_col .contentPic .ceOut,body.two_col .contentPic .ceIn,body.two_col .contentPic .mk7slider,body.two_col .contentPic .slides {
    height: 100%
}

[data-background=bggray] {
    background-color: #f6f8fa
}

[data-background=bggradient] {
    background-image: linear-gradient(60deg,#327cca,#3a90d4 35%,#5cb5e1 69%,#8bcce4);
    color: #fff;
    color: #b9daef
}

[data-background=bggradient] h1,[data-background=bggradient] .mk7slider .positionBox .headline .h1,.mk7slider .positionBox .headline [data-background=bggradient] .h1,[data-background=bggradient] h2,[data-background=bggradient] h3,[data-background=bggradient] .h1top {
    color: #fff
}

.module_textimagecols {
    z-index: 0
}

.module_textimagecols .ceIn {
    padding: 0 var(--pad2)
}

@media(max-width: 766px) {
    .module_textimagecols .columns {
        display:block;
        padding: 0
    }
}

.module_textimagecols .columns>div {
    flex: 1 1 0;
    display: flex;
    align-items: flex-start;
    max-width: 650px
}

@media(max-width: 766px) {
    .module_textimagecols .columns>div {
        display:block;
        padding: 0 !important
    }
}

.module_textimagecols .columns>div.column1:first-child {
    padding-right: 120px
}

.module_textimagecols .columns>div.column2:last-child {
    padding-left: 120px
}

@media(max-width: 1250px) {
    .module_textimagecols .columns>div.column2:last-child {
        padding-left:0
    }
}

.module_textimagecols .columns>div>div {
    align-self: center
}

.module_textimagecols .columns>div .textItem .icon {
    max-width: 37px;
    margin-bottom: 33px
}

@media(max-width: 766px) {
    .module_textimagecols .columns>div .textItem .icon {
        margin:15px 0
    }
}

.module_textimagecols img {
    width: 100%
}

.module_textimagecols .backgroundImageItems {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    z-index: -1;
    background-position: center center;
    background-size: cover
}

#c124 .backgroundImageItems {
    max-width: 1150px
}

#uid_17 .module_textimagecols .columns>div.column1:first-child,#uid_17 .module_textimagecols header,#uid_18 .module_textimagecols .columns>div.column1:first-child,#uid_18 .module_textimagecols header {
    padding-right: 0px;
    max-width: 800px;
    margin: 0 auto
}

.imageCard {
    padding: var(--pad)
}

.imageCard .content {
    margin: var(--pad);
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    padding: var(--pad);
    background-image: linear-gradient(180deg,transparent 0,#000 80%);
    color: #fff;
    overflow: hidden;
    min-height: 80px
}

.imageCard .title {
    font-weight: bold;
    font-size: 1.6rem
}

.imageCard img {
    display: block
}

.imageCard .text {
    width: 100%;
    float: left;
    font-size: 1.2rem;
    line-height: 1.3;
    padding: 3px 0 6px
}

.imageCard .buttons {
    font-size: 1.2rem;
    cursor: pointer
}

.imageCard .buttons span {
    font-size: 176%;
    position: absolute;
    right: -27px;
    top: 50%;
    line-height: 1;
    transform: translateY(-50%)
}

.imageCard .buttons div {
    position: relative
}

.imageCard .closer {
    display: none
}

.imageCard .opener {
    display: inline-block
}

.imageCard .open .opener {
    display: none
}

.imageCard .open .closer {
    display: inline-block
}

.texticon {
    text-align: center;
    flex-basis: 100%
}

.texticon img {
    display: block;
    margin: 0 auto 50px;
    text-align: center
}

@media(max-width: 766px) {
    .texticon img {
        margin-bottom:30px
    }
}

.texticon .boxs {
    text-align: center;
    display: inline-block
}

@media(max-width: 1250px) {
    .texticon.textonly .max {
        padding:0 30px
    }
}

.texticon[data-background=bgwhite] a:not([href^="#"]),.texticon[data-background=transparent] a:not([href^="#"]),.texticon[data-background=bggray] a:not([href^="#"]) {
    min-height: 50px;
    font-size: 113%;
    line-height: 2;
    margin: 57px auto 0;
    padding: .5em 2.5em;
    border-radius: 10em;
    background-color: #4fd693;
    color: #fff;
    display: inline-block;
    position: relative;
    z-index: 0;
    overflow: hidden;
    margin-top: 60px
}

.texticon[data-background=bgwhite] a:not([href^="#"]):after,.texticon[data-background=transparent] a:not([href^="#"]):after,.texticon[data-background=bggray] a:not([href^="#"]):after {
    content: "";
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    position: absolute;
    z-index: -1;
    background: rgba(69,175,122,0);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.texticon[data-background=bgwhite] a:not([href^="#"]):hover:after,.texticon[data-background=transparent] a:not([href^="#"]):hover:after,.texticon[data-background=bggray] a:not([href^="#"]):hover:after {
    background: rgba(46,60,53,.5)
}

.texticon[data-background=bgwhite] a[href^="#"],.texticon[data-background=transparent] a[href^="#"],.texticon[data-background=bggray] a[href^="#"] {
    background-color: rgba(0,0,0,0);
    color: #80c0d8;
    opacity: .8;
    font-size: 122%;
    font-weight: 500;
    line-height: 1.6;
    padding-bottom: 25px
}

.texticon[data-background=bgwhite] a[href^="#"]:after,.texticon[data-background=transparent] a[href^="#"]:after,.texticon[data-background=bggray] a[href^="#"]:after {
    content: "";
    opacity: .8;
    width: 100%;
    height: 20px;
    display: block;
    position: relative;
    top: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    background: rgba(0,0,0,0) url("/typo3conf/ext/mk7base/Resources/Public/Img/icon/arrow_down_double_blue.svg") no-repeat bottom center
}

.texticon[data-background=bgwhite] a[href^="#"]:hover:after,.texticon[data-background=transparent] a[href^="#"]:hover:after,.texticon[data-background=bggray] a[href^="#"]:hover:after {
    top: 5px
}

.texticon[data-linksliketext="1"] .text a {
    background: rgba(0,0,0,0);
    opacity: 1;
    font-size: 100%;
    padding: 0;
    height: auto;
    display: inline;
    color: #091436;
    font-weight: 400
}

.texticon[data-background=bggray] {
    background-color: #f6f8fa
}

.texticon[data-background=bggradient] {
    background-image: linear-gradient(60deg,#327cca,#3a90d4 35%,#5cb5e1 69%,#8bcce4);
    color: #fff;
    color: #b9daef
}

.texticon[data-background=bggradient] h1,.texticon[data-background=bggradient] .mk7slider .positionBox .headline .h1,.mk7slider .positionBox .headline .texticon[data-background=bggradient] .h1,.texticon[data-background=bggradient] h2,.texticon[data-background=bggradient] h3,.texticon[data-background=bggradient] .h1top {
    color: #fff
}

.texticon[data-background=bggradient] .text a {
    font-size: 113%;
    line-height: 2;
    letter-spacing: .01em;
    font-weight: 500;
    margin: 57px auto 0;
    padding: .4em 3.5em;
    border-radius: 10em;
    box-shadow: 0 0 16px 0 rgba(10,80,129,.5);
    background-color: #fff;
    color: #3f7fc3;
    display: inline-block;
    overflow: hidden;
    z-index: 0;
    position: relative;
    margin-top: 70px
}

.texticon[data-background=bggradient] .text a:after {
    content: "";
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    position: absolute;
    background: rgba(0,0,0,0);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.texticon[data-background=bggradient] .text a:hover:after {
    background: #e4e4e4
}

.content>section.texticon.textonly:first-child {
    padding: 250px 0 140px
}

@media(max-width: 766px) {
    .content>section.texticon.textonly:first-child {
        padding:20vh 0 10vh
    }
}

.texticonWrap {
    justify-content: space-between;
    margin: 0 auto;
    padding: 5vh 0
}

@media(max-width: 766px) {
    .texticonWrap {
        flex-direction:column
    }

    .texticonWrap>* {
        max-width: inherit !important;
        width: 100%
    }
}

.texticonWrap .texticon[data-background=transparent] {
    padding-bottom: 0 !important;
    padding-top: 20px !important
}

.texticon.card {
    display: inline-block;
    position: relative;
    text-align: left;
    max-width: calc(50% - 15px);
    margin: 15px 0px;
    padding: 46px var(--pad) 63px 120px;
    border-radius: 8px;
    box-shadow: 0 0 16px 0 rgba(10,80,129,.1);
    background-color: #fff
}

@media(max-width: 1250px) {
    .texticon.card {
        padding:46px var(--pad) 50px 68px
    }
}

@media(max-width: 766px) {
    .texticon.card {
        padding:30px var(--pad) 63px 56px
    }
}

.texticon.card .text {
    text-align: left
}

.texticon.card .icon {
    position: absolute;
    left: 38px;
    top: 50px;
    width: 44px;
    padding: .3em 0 0
}

@media(max-width: 1250px) {
    .texticon.card .icon {
        left:20px
    }
}

@media(max-width: 766px) {
    .texticon.card .icon {
        left:16px;
        top: 32px
    }
}

.texticon.card.iconTop {
    max-width: 350px;
    max-width: calc(33.3333333333% - 15px);
    flex-basis: 0;
    padding: 30px;
    text-align: center
}

.texticon.card.iconTop .icon {
    position: relative;
    left: auto;
    right: auto;
    width: 95px;
    top: 0;
    padding: 0;
    margin: 30px auto 40px
}

.texticonWrap {
    counter-reset: numberCards
}

.texticon.numbers h3 {
    position: relative
}

.texticon.numbers h3:before {
    counter-increment: numberCards;
    content: "" counter(numberCards) "";
    position: absolute;
    left: 0;
    top: 0%;
    padding: 0 20px;
    color: #091436;
    opacity: .1;
    font-family: "Montserrat",sans-serif;
    font-size: 70px;
    line-height: .8;
    font-weight: bold;
    transform: translate3d(-100%,0%,0)
}

@keyframes moveVert {
    from {
        top: 0
    }

    50% {
        top: -20px
    }

    to {
        top: 0
    }
}

[data-background=bggradient] .icon[src*=rocket] {
    animation: moveVert 4s infinite;
    animation-timing-function: cubic-bezier(0.68,0.02,0.36,0.96);
    animation-delay: 1s;
    top: 0px;
    position: relative
}

[data-background=bggradient] .icon[src*=rocket]:hover {
    top: -20px
}

[data-background=bggradient] .icon[src*=rocket].width100vw {
    left: 0;
    right: 0
}

[data-background=bgwhite] {
    background: #fff
}

[data-background=transparent] {
    background: rgba(0,0,0,0);
    box-shadow: 0 0 !important
}

.texticon.fullwidthItem {
    position: relative
}

.texticon.fullwidthItem .item {
    z-index: 1;
    max-width: var(--max);
    margin: 0 auto;
    text-align: left
}

.texticon.fullwidthItem .item .inner {
    max-width: 370px
}

.texticon.fullwidthItem .item .inner .text {
    text-align: left
}

.texticon.fullwidthItem .bgimage {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    min-height: 30vh
}

.module_testimonials {
    padding: 110px 0;
    -webkit-transition: all 1.6s;
    -moz-transition: all 1.6s;
    -ms-transition: all 1.6s;
    -o-transition: all 1.6s;
    transition: all 1.6s;
    position: relative;
    background: #000 none;
    color: #fff
}

@media(max-width: 1250px) {
    .module_testimonials {
        padding-left:var(--pad);
        padding-right: var(--pad)
    }
}

.module_testimonials>h2 {
    z-index: 20;
    position: relative;
    padding: 40px 0 15px;
    color: #fff
}

.module_testimonials:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(60deg,#327cca,#3a90d4 35%,#5cb5e1 69%,#8bcce4);
    opacity: 0;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    pointer-events: none;
    z-index: 0
}

.module_testimonials[data-active="0"] .testimonialFilter button:first-child {
    color: #fff;
    font-weight: 500
}

.module_testimonials[data-active="1"] {
    color: #fff
}

.module_testimonials[data-active="1"]:after {
    opacity: 1
}

.module_testimonials[data-active="1"] .testimonialFilter button:last-child {
    color: #fff;
    font-weight: 500
}

.module_testimonials .testimonialFilter {
    z-index: 10;
    position: relative
}

.module_testimonials .testimonialFilter button {
    background: none;
    color: #66676d;
    font-size: var(--copyfontsize);
    padding: 10px 10px;
    display: inline-block
}

@media(max-width: 766px) {
    .module_testimonials .testimonialFilter button {
        font-size:1.65rem
    }
}

.module_testimonials .filterContent {
    text-align: left;
    display: flex;
    z-index: 10;
    position: relative;
    margin-top: 74px
}

.module_testimonials .filterContent>.filterItem {
    opacity: 0;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    display: block;
    visibility: hidden;
    margin-right: -100%;
    width: 100%
}

.module_testimonials .filterContent>.act {
    visibility: visible;
    opacity: 1
}

.testimonialItem {
    padding: var(--pad)
}

@media(max-width: 766px) {
    .testimonialItem {
        width:50% !important
    }
}

.testimonialItem .name {
    font-family: "Montserrat",sans-serif;
    font-weight: bold;
    line-height: 1.32;
    font-size: 1.4rem;
    color: #fff
}

.testimonialItem .label h3 {
    color: #999b9d;
    font-size: 2.1rem;
    padding: 5px 0 30px
}

@media(max-width: 766px) {
    .testimonialItem .label h3 {
        font-size:1.2rem;
        hyphens: auto
    }
}

.testimonialItem .text {
    color: #999b9d
}

.nonelectronic .label h3 {
    color: rgba(255,255,255,.5)
}

.nonelectronic .text {
    color: rgba(255,255,255,.5)
}

.teamWrap {
    padding: 80px 0;
    background-color: #f6f8fa
}

@media(max-width: 1250px) {
    .teamWrap .max {
        margin:0 0px;
        padding: 0 30px
    }
}

.teamWrap .team {
    padding: 0 10px;
    margin: 50px 0;
    display: inline-block;
    vertical-align: top
}

.teamWrap .ceIn {
    padding: 0;
    background: #fff;
    box-shadow: 0 0 16px 0 rgba(10,80,129,.1);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.teamWrap .image {
    position: relative;
    overflow: hidden
}

.teamWrap .hoverImage {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transform: scale(1.2);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.teamWrap .hoverImage img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.teamWrap .text {
    display: block;
    padding: 0 var(--pad)
}

.teamWrap .name {
    font-family: "Montserrat",sans-serif;
    font-weight: bold;
    line-height: 1.32;
    color: #091436;
    padding: 19px var(--pad) 3px;
    font-size: 2.1rem;
    color: #091436
}

.teamWrap .function {
    color: rgba(9,20,54,.3);
    min-height: 80px
}

.teamWrap .team:hover .ceIn {
    box-shadow: 0 0 24px 0 rgba(10,80,129,.3)
}

.teamWrap .team:hover .hoverImage {
    opacity: 1;
    transform: scale(1.05)
}

.textslider header {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.textslider .slides {
    min-height: 40vh
}

.textslider .slide {
    padding: 20vh 0;
    color: #fff;
    text-align: right
}

.textslider .slide .textItem {
    display: inline-block
}

.textslider h3 p {
    background: var(--col-highlight);
    color: #fff;
    padding: 6px 20px 6px 10vw;
    margin: .3em 0;
    display: block;
    font-weight: 600;
    text-transform: uppercase
}

.textslider .backgroundImageItems {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center center;
    z-index: -1
}

.timeline {
    padding: 130px 0 82px;
    background: #fff
}

@media(max-width: 766px) {
    .timeline {
        padding:130px 20px 82px 80px
    }
}

.timeline .image {
    padding-right: 180px;
    position: relative;
    overflow: hidden
}

@media(max-width: 766px) {
    .timeline .image {
        padding-right:60px
    }
}

.timeline .image img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    right: 180px;
    width: auto;
    bottom: 0;
    opacity: 0;
    transform: scale(1.2);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.timeline .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

.timeline .image:hover img:nth-child(2) {
    opacity: 1;
    transform: scale(1)
}

.timeline .h2sub {
    padding-bottom: 30px
}

.timeline .timeItem {
    position: relative;
    padding-bottom: 60px
}

.timeline .timeItem .year {
    position: absolute;
    left: 0;
    width: 180px;
    text-align: center;
    padding: 0 0px;
    transform: translateX(-100%);
    color: #091436
}

@media(max-width: 766px) {
    .timeline .timeItem .year {
        width:80px
    }
}

.timeline .timeItem:after {
    content: "";
    position: absolute;
    left: -90px;
    top: 30px;
    width: 1px;
    bottom: 10px;
    background: #091436
}

@media(max-width: 766px) {
    .timeline .timeItem:after {
        left:-40px
    }
}

.timeline .timeItem:last-child {
    padding-bottom: 0
}

.timeline .timeItem:last-child:after {
    display: none
}

.frame-type-form_formframework form {
    padding: 20px;
    background-color: #ddd
}

.frame-type-form_formframework .form-group {
    margin-bottom: 10px
}

.frame-type-form_formframework input {
    border: 0;
    padding: 2px 5px
}

.frame-type-form_formframework .control-label {
    display: none
}

.frame-type-form_formframework .next .btn {
    border: 0;
    background: #adadad;
    font-weight: 700
}

.text-left {
    text-align: left
}

.text-right,.ce-headline-right {
    text-align: right
}

.text-center,.ce-headline-center {
    text-align: center
}

.text-justify,.ce-headline-justify {
    text-align: justify
}

html {
    font-size: 10px
}

html,body {
    margin: 0;
    padding: 0;
    overscroll-behavior: none
}

body {
    font-size: var(--copyfontsize);
    font-display: swap;
    line-height: 1.6;
    padding: 0;
    margin: 0 !important;
    text-align: center;
    color: #6b7285;
    color: var(--graydark);
    background: #fff
}

@media(max-width: 766px) {
    body {
        padding-bottom:0
    }
}

body.two_col {
    padding-bottom: 0
}

body.two_col footer {
    position: relative;
    z-index: 40
}

body,p,button {
    font: 400 var(--copyfontsize)/1.75 "Roboto",sans-serif;
    font-size: clamp(1.4rem,1.5vw,1.7rem)
}

a {
    text-decoration: none;
    color: inherit
}

p {
    margin: 1em 0px
}

h1,.mk7slider .positionBox .headline .h1,h2,h3,h5 legend,.h1,.h2,.h3,.powermail_form legend {
    font-family: "Montserrat",sans-serif;
    font-weight: bold;
    line-height: 1.32;
    color: #091436
}

h1,.mk7slider .positionBox .headline .h1,.h1 {
    font-size: var(--h1size);
    color: #33343a
}

h2,.h2 {
    font-size: var(--h2size);
    padding: 0 0vw
}

h3,.h3,.powermail_form legend {
    font-size: var(--h3size)
}

h4,.h4 {
    font-size: var(--h4size);
    font-size: clamp(1.3rem,2vw,1.7rem);
    color: #6b7285;
    font-weight: 500;
    line-height: 1.6
}

h5,.h5,footer h1,footer h2,footer h3,footer h4,footer h5,footer b,footer strong,footer .mk7slider .positionBox .headline .h1,.mk7slider .positionBox .headline footer .h1 {
    font-size: var(--copyfontsize);
    color: #091436
}

h2.subheader {
    font-size: 2.4rem
}

h3.subheader {
    font-size: 1.8rem
}

h4.subheader {
    font-size: 1.44rem
}

.content .type-text p a {
    position: relative;
    color: var(--col-highlight);
    text-decoration: underline;
    background: rgba(0,0,0,0);
    text-decoration-style: solid;
    text-underline-offset: 1px;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s
}

.content .type-text p a:hover {
    text-underline-offset: 0px
}

.h1top {
    opacity: .8;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.6;
    color: #80c0d8
}

.h1sub {
    opacity: .8;
    font-size: 22px;
    font-weight: normal;
    line-height: 1.6;
    margin: .7em 0
}

@media(max-width: 766px) {
    .h1sub {
        font-size:calc(var(--h1size)*.8)
    }
}

html {
    scroll-behavior: smooth
}

:target:before {
    content: "";
    display: block;
    height: 100px;
    margin: -100px 0 0
}

.text ul {
    margin-left: 20px
}

.container {
    text-align: center;
    height: 100%;
    margin: 0 auto;
    padding: 0px 70px 0;
    overflow: hidden;
    position: relative
}

@media(max-width: 766px) {
    .container {
        padding:0 var(--pad)
    }
}

main {
    position: relative;
    display: block;
    z-index: 1;
    background: #fff;
    overflow: hidden
}

@-webkit-keyframes loadTrans {
    0% {
        transform: scaleY(0);
        opacity: 0
    }

    20% {
        opacity: 1
    }

    40% {
        transform: scaleY(1);
        opacity: 1
    }

    100% {
        transform: scaleY(1);
        opacity: 0
    }
}

@keyframes loadTrans {
    0% {
        transform: scaleY(0);
        opacity: 0
    }

    20% {
        opacity: 1
    }

    40% {
        transform: scaleY(1);
        opacity: 1
    }

    100% {
        transform: scaleY(1);
        opacity: 0
    }
}

.col-highlight {
    color: var(--col-highlight)
}

.bgGray {
    background-color: #f6f8fa
}

.hoverPic {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    z-index: 1000;
    opacity: 0;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s
}

.hoverPic:hover {
    opacity: 1
}

blockquote {
    padding: 0
}

blockquote p {
    quotes: "» " " «";
    font-size: 3rem;
    font-size: 2.6vw;
    font-weight: 700;
    line-height: 1.4
}

blockquote p:before {
    content: open-quote
}

blockquote p:after {
    content: close-quote
}

.rteIntroText {
    background: rgba(0,0,0,0);
    text-align: center;
    padding: var(--pad);
    font-size: 2.4rem
}

.pid_19 .text {
    text-align: left
}

#uid_1 .texticonWrap.cardWrap {
    position: relative;
    padding: 0 20px
}

#uid_1 .texticonWrap.cardWrap:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    top: 50%;
    z-index: -1;
    background: var(--graybright)
}

.bgwhite {
    background-color: #fff
}

.padbottom0 {
    padding-bottom: 0
}

.pid_19 .max {
    text-align: left
}

.pid_19 .text {
    max-width: 100%
}

#c116 .flickity-viewport {
    overflow: visible
}

@media(max-width: 766px) {
    #c124.module_textimagecols .ceIn {
        display:flex;
        flex-direction: column;
        margin-bottom: 25px
    }

    #c124.module_textimagecols .ceIn .columns {
        order: 2
    }

    #c124.module_textimagecols .ceIn .backgroundImageItems {
        order: 1;
        position: relative;
        min-height: 110px;
        background-size: auto 100% !important
    }
}

#uid_12 .texticonWrap.cardWrap.rowx.max {
    position: relative
}

#uid_12 .texticonWrap.cardWrap.rowx.max:before {
    content: "";
    background-color: #f6f8fa;
    left: 0;
    position: absolute;
    right: 0;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    bottom: 0;
    width: 100vw;
    z-index: -1
}

#uid_12 .texticonWrap.cardWrap.rowx.max.bgwhite:before {
    background-color: #fff
}