<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">:root {
    --golden: #a59466;
    --blueish: #00508c;
    --light: #f7f7f5;
}
@font-face {
    font-family: "BrandonGrotesqueMedium";
    src: url(../../fonts/BrandonGrotesqueMedium/font.woff2) format("woff2"), url(../../fonts/BrandonGrotesqueMedium/font.woff) format("woff")
}

@font-face {
    font-family: "BrandonGrotesqueBlack";
    src: url(../../fonts/BrandonGrotesqueBlack/font.woff2) format("woff2"), url(../../fonts/BrandonGrotesqueBlack/font.woff) format("woff")
}

@font-face {
    font-family: "BrandonGrotesqueBold";
    src: url(../../fonts/BrandonGrotesqueBold/font.woff2) format("woff2"), url(../../fonts/BrandonGrotesqueBold/font.woff) format("woff")
}

@font-face {
    font-family: "BrandonGrotesqueRegular";
    src: url(../../fonts/BrandonGrotesqueRegular/font.woff2) format("woff2"), url(../../fonts/BrandonGrotesqueRegular/font.woff) format("woff")
}

@font-face {
    font-family: "BrandonGrotesqueLight";
    src: url(../../fonts/BrandonGrotesqueLight/font.woff2) format("woff2"), url(../../fonts/BrandonGrotesqueLight/font.woff) format("woff")
}

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

html {
    -moz-tab-size: 4;
    tab-size: 4
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

body {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"
}

hr {
    height: 0;
    color: inherit
}

abbr[title] {
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

code, kbd, samp, pre {
    font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit
}

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

button, select {
    text-transform: none
}

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

::-moz-focus-inner {
    border-style: none;
    padding: 0
}

:-moz-focusring {
    outline: 1px dotted ButtonText
}

:-moz-ui-invalid {
    box-shadow: none
}

legend {
    padding: 0
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto
}

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

::-webkit-search-decoration {
    -webkit-appearance: none
}

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

summary {
    display: list-item
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

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

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid rgba(0, 0, 0, 0)
}

.slick-arrow.slick-hidden {
    display: none
}

@charset "UTF-8";
#__bs_notify__ {
    font-size: 1em !important;
    color: transparent !important;
    opacity: .75;
    height: 1.5em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 1.5em;
    padding: 0 !important;
    top: .5em !important;
    right: .5em !important;
    background-color: green !important;
    border-radius: 50% !important;
    overflow: hidden
}

#__bs_notify__:after {
    content: "BS";
    position: absolute;
    color: #fff;
    top: .1em;
    left: .25em;
    font-size: .8em
}

@-webkit-keyframes vibrate-1 {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
    20% {
        -webkit-transform: translate(1em, 1em);
        transform: translate(1em, 1em);
    }
    40% {
        -webkit-transform: translate(1em, -1em);
        transform: translate(1em, -1em);
    }
    60% {
        -webkit-transform: translate(1em, 1em);
        transform: translate(1em, 1em);
    }
    80% {
        -webkit-transform: translate(1em, -1em);
        transform: translate(1em, -1em);
    }
    100% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}

@keyframes vibrate-1 {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
    20% {
        -webkit-transform: translate(1em, 1em);
        transform: translate(1em, 1em);
    }
    40% {
        -webkit-transform: translate(1em, -1em);
        transform: translate(1em, -1em);
    }
    60% {
        -webkit-transform: translate(1em, 1em);
        transform: translate(1em, 1em);
    }
    80% {
        -webkit-transform: translate(1em, -1em);
        transform: translate(1em, -1em);
    }
    100% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}

@-webkit-keyframes slide-in-blurred-top {
    0% {
        -webkit-transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
        transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0) scaleY(1) scaleX(1);
        transform: translateY(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }
}

@keyframes slide-in-blurred-top {
    0% {
        -webkit-transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
        transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0) scaleY(1) scaleX(1);
        transform: translateY(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }
}

@-webkit-keyframes puff-in-center {
    0% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-filter: blur(2px);
        filter: blur(2px);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
    }
}

@keyframes puff-in-center {
    0% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-filter: blur(2px);
        filter: blur(2px);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        -webkit-transform: translateY(-1em);
        transform: translateY(-1em);
        opacity: 0;
    }
    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        -webkit-transform: translateY(-1em);
        transform: translateY(-1em);
        opacity: 0;
    }
    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

.nav-main {
    color: var(--golden);
    text-transform: uppercase;
    position: relative;
    z-index: 3;
    font-family: BrandonGrotesqueBold, sans-serif;
    font-weight: normal;
    -webkit-transition: top .5s;
    -o-transition: top .5s;
    transition: top .5s
}

@media (min-width: 1030px) {
    .nav-main {
        display: block !important;
        margin-left: auto;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        font-size: .9em
    }
}

@media (min-width: 1200px) {
    .nav-main {
        font-size: 1em
    }
}

@media (max-width: 1029px) {
    .nav-main {
        display: none;
        clear: both;
        float: none;
        position: absolute;
        top: 8em;
        background-color: #fff;
        width: 100%;
        z-index: 3;
        left: 0;
        -webkit-box-shadow: 0 .5em 1em rgba(0, 0, 0, .2);
        box-shadow: 0 .5em 1em rgba(0, 0, 0, .2)
    }

    body.scrolled .nav-main {
        top: 4.5em
    }
}

@media (max-width: 619px) {
    .nav-main {
        top: 5.3em
    }

    body.scrolled .nav-main {
        top: 3.5em
    }
}

@media (min-width: 1030px) {
    .nav-main .toggle-subnav {
        display: none
    }
}

@media (max-width: 1029px) {
    .nav-main .inner {
        padding: 0
    }
}

.nav-main .nav-sub {
    padding: 0;
    margin: 0;
    list-style-type: none;
    background-color: rgba(255, 255, 255, .9);
    -webkit-transition: .2s opacity;
    -o-transition: .2s opacity;
    transition: .2s opacity;
    display: none;
    left: 0
}

@media (min-width: 1030px) {
    .nav-main .nav-sub {
        width: calc(102.2% + (100vw - 3% - 115%) / 2);
        max-height: 0
    }
}

.nav-main .nav-sub li {
    padding-bottom: 0
}

@media (min-width: 1030px) {
    .nav-main .nav-sub {
        position: absolute
    }

    .nav-main .nav-sub a {
        border-bottom: 1px dotted var(--golden)
    }
}

.nav-main &gt; li:last-child &gt; a {
    padding-right: 0
}

.nav-main a {
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s;
    text-decoration: none;
    padding: .2em .8em;
    margin-bottom: -.2em;
    font-family: BrandonGrotesqueMedium, sans-serif;
    font-weight: normal
}

@media (min-width: 1030px) {
    .nav-main a {
         padding-bottom: .5em
    }
}

@media (max-width: 1280px) {
    .nav-main a {
        padding-left: .4em;
        padding-right: .4em
    }
}

.nav-main a.active {
    font-weight: bold
}

.nav-main a:hover, .nav-main a:focus {
    color: #00508c
}

@media (max-width: 1029px) {
    .nav-main .nav-sub {
        display: none
    }
}

@media (min-width: 1030px) {
    .nav-main .nav-sub {
        opacity: 0;
        -webkit-transition: opacity .5s;
        -o-transition: opacity .5s;
        transition: opacity .5s;
        max-height: 0
    }
}

.nav-main .nav-sub a {
    margin-bottom: 0
}

.nav-main .login-link {
    color: var(--blueish)
}

@media (max-width: 1029px) {
    .nav-main .login-link {
        margin-left: -.5em
    }
}

.nav-main .login-link:hover, .nav-main .login-link:focus {
    color: #1b78bd
}

.nav-main .login-link img {
    width: 1em;
    position: relative;
    top: -.2em
}

.nav-main ul.level-1 {
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: relative
}

@media (min-width: 1030px) {
    .nav-main ul.level-1 {
        text-align: right
    }

    .nav-main ul.level-1 &gt; li {
        display: inline-block;
        position: relative
    }

    .nav-main ul.level-1 &gt; li:hover .nav-sub,
    .nav-main ul.level-1 &gt; li:focus-within .nav-sub {
        max-height: 100em;
        opacity: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: 48em;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.nav-main ul.level-1 &gt; li:last-child &gt; a {
    padding-right: 0;
    border-right: 0
}

@media (min-width: 1030px) {
    .nav-main ul.level-1 &gt; li &gt; a {
        display: inline-block;
        letter-spacing: .01em;
        line-height: 1.4em
    }
}

@media (max-width: 1029px) {
    .nav-main li {
        text-align: center;
        width: 100%;
        border-top: 2px dotted rgba(165, 148, 102, .2);
        padding: 0;
        position: relative
    }

    .nav-main li:first-child {
        border-top-width: 0
    }

    .nav-main li .nav-sub li:first-child {
        border-top-width: 2px
    }

    .nav-main li a {
        padding: 1em .5em;
        display: block;
        color: var(--golden)
    }

    .nav-main li.active .toggle-subnav svg {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        position: relative;
        top: .2em
    }

    .nav-main .toggle-subnav {
        width: 3em;
        position: absolute;
        right: 0;
        top: 0;
        display: block;
        opacity: .5;
        padding: .6em;
        border-left: 1px solid rgba(255, 255, 255, .2);
        cursor: pointer
    }

    .nav-main .toggle-subnav svg {
        width: 2em;
        height: 2em;
        -webkit-transition: -webkit-transform .25s;
        transition: -webkit-transform .25s;
        -o-transition: transform .25s;
        transition: transform .25s;
        transition: transform .25s, -webkit-transform .25s
    }

    .nav-main .toggle-subnav path {
        fill: var(--golden)
    }

    .nav-main .nav-sub {
        background-color: #007cd9
    }
}

.nav-main-toggler {
    width: 1.8em;
    right: 3.5%;
    cursor: pointer;
    top: 1.2em;
    z-index: 3
}

@media (min-width: 620px) {
    .nav-main-toggler {
        top: 2.6em;
        width: 2.5em
    }
}

@media (min-width: 1030px) {
    .nav-main-toggler {
        display: none
    }
}

.nav-main-toggler .line {
    height: 5px;
    margin-bottom: 4px;
    background-color: var(--golden);
    border-radius: .15em
}

@media (min-width: 620px) {
    .nav-main-toggler .line {
        height: 7px;
        margin-bottom: 6px
    }
}

.nav-main-toggler .line:nth-child(2) {
    width: 80%;
    margin-left: 20%
}

.nav-main-toggler .line:nth-child(3) {
    width: 90%;
    margin-left: 10%
}

@media (min-width: 1030px) {
    li {
        text-align: left
    }
}

.count-subpages-2 li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

.count-subpages-3 li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%
}

.count-subpages-4 li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%
}

.count-subpages-5 li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%
}

.count-subpages-6 li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66%;
    flex: 0 0 16.66%
}

.nav-sub {
    font-size: .7em
}

@media (max-width: 1029px) {
    .nav-sub {
        background-color: transparent !important
    }

    .nav-sub .subline, .nav-sub .linktext {
        display: none
    }
}

@media (min-width: 1030px) {
    .nav-sub {
        border-top: 1px solid rgba(0, 80, 140, .5)
    }
}

.nav-sub .subline {
    text-transform: none;
    color: var(--blueish);
    font-family: BrandonGrotesqueRegular, sans-serif;
    font-weight: normal;
    padding: .1em 0;
    -webkit-transition: color .25s;
    -o-transition: color .25s;
    transition: color .25s
}

.nav-sub .linktext {
    color: var(--blueish);
    font-family: BrandonGrotesqueBold, sans-serif;
    font-weight: normal;
    font-size: .8em;
    margin-top: auto;
    display: none
}

.nav-sub a {
    padding: 1em 1.5em .7em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: color .25s, background-color .25s;
    -o-transition: color .25s, background-color .25s;
    transition: color .25s, background-color .25s
}

@media (min-width: 1030px) {
    .nav-sub a {
        background-color: rgba(255, 255, 255, 0)
    }
}

.nav-sub a:hover {
    background-color: var(--golden);
    color: #fff
}

.nav-sub a:hover .subline {
    color: #fff
}

.nav-sub .linktext {
    -webkit-transition: color .25s;
    -o-transition: color .25s;
    transition: color .25s
}

.nav-sub .linktext:hover, .nav-sub .linktext:focus {
    color: var(--golden)
}

.rmBody {
    margin: 0;
    padding: 0
}

#rmOrganism {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#rmOrganism * {
    color: currentColor;
    border: 0;
    font-size: 100%;
    font: inherit;
    margin: 0;
    outline: none;
    padding: 0;
    vertical-align: baseline
}

#rmOrganism *, #rmOrganism :after, #rmOrganism :before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

#rmOrganism button::-moz-focus-inner, #rmOrganism input::-moz-focus-inner {
    border: 0;
    padding: 0
}

#rmOrganism input[type="email"], #rmOrganism input[type="password"], #rmOrganism input[type="text"], #rmOrganism textarea {
    -webkit-appearance: none
}

#rmOrganism .hidden {
    display: none !important
}

#rmOrganism .rmPopup__container {
    bottom: 0;
    display: none;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000
}

#rmOrganism .rmPopup__container.rmPopup--show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#rmOrganism .rmPopup__container .rmPopup__backdrop {
    display: block;
    height: 100%;
    left: 0;
    pointer-events: auto;
    position: absolute;
    top: 0;
    width: 100%
}

#rmOrganism .rmPopup__container .rmPopup {
    overflow: hidden;
    pointer-events: auto
}

#rmOrganism .rmPopup__container .rmPopup .rmPopup__close {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(0, 0, 0, .6);
    border-radius: 100%;
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 700;
    height: 1.6em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: 2px;
    text-align: center;
    top: 2px;
    width: 1.6em;
    z-index: 100
}

#rmOrganism .rmPopup__container .rmPopup.rmPopup--modal {
    border-radius: 1em 1em 0 0;
    max-height: 90%;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    width: 98%
}

@media screen and (min-width: 768px) {
    #rmOrganism .rmPopup__container .rmPopup.rmPopup--modal {
        border-radius: 1em;
        -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, .25);
        box-shadow: 0 0 1em rgba(0, 0, 0, .25);
        bottom: auto;
        top: 5%;
        width: calc(100% - 2em)
    }
}

#rmOrganism .rmPopup__container .rmPopup.rmPopup--sidebar {
    border-radius: 1em 0 0 0;
    -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, .25);
    box-shadow: 0 0 1em rgba(0, 0, 0, .25);
    max-height: calc(100% - 1em);
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 0;
    width: calc(100% - 1em)
}

#rmOrganism .rmPopup__container .rmPopup.rmPopup--banner {
    -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, .15);
    box-shadow: 0 0 1em rgba(0, 0, 0, .15);
    overflow: hidden;
    position: absolute;
    left: 0;
    width: 100%
}

#rmOrganism .rmPopup__container .rmPopup.rmPopup--banner.rmLayout--banner-top {
    top: 0
}

#rmOrganism .rmPopup__container .rmPopup.rmPopup--banner.rmLayout--banner-bottom {
    bottom: 0
}

#rmOrganism .rmBase__el .comp__input, #rmOrganism .rmBase__el .comp__select {
    background: #fff;
    border: none;
    border-radius: .25em;
    -webkit-box-shadow: inset 0 2px 1px rgba(0, 0, 0, .05), inset 0 0 0 1px rgba(0, 0, 0, .2);
    box-shadow: inset 0 2px 1px rgba(0, 0, 0, .05), inset 0 0 0 1px rgba(0, 0, 0, .2);
    color: #666;
    font-family: inherit;
    font-size: 1em;
    font-weight: 400;
    height: 2.5em;
    line-height: 1.5;
    margin: 0;
    outline: none;
    padding: .5em;
    vertical-align: top;
    width: 100%
}

#rmOrganism .rmBase__el .comp__input:focus, #rmOrganism .rmBase__el .comp__select:focus {
    -webkit-box-shadow: inset 0 2px 1px rgba(0, 0, 0, .05), inset 0 0 0 1px rgba(0, 0, 0, .5);
    box-shadow: inset 0 2px 1px rgba(0, 0, 0, .05), inset 0 0 0 1px rgba(0, 0, 0, .5);
    color: #666;
    outline: none
}

#rmOrganism .rmBase__el .comp__input::-webkit-input-placeholder {
    color: currentColor !important;
    opacity: 1 !important
}

#rmOrganism .rmBase__el .comp__input::-moz-placeholder {
    color: currentColor !important;
    opacity: 1 !important
}

#rmOrganism .rmBase__el .comp__input:-ms-input-placeholder {
    color: currentColor !important;
    opacity: 1 !important
}

#rmOrganism .rmBase__el .comp__input::-ms-input-placeholder {
    color: currentColor !important;
    opacity: 1 !important
}

#rmOrganism .rmBase__el .comp__input::placeholder {
    color: currentColor !important;
    opacity: 1 !important
}

#rmOrganism .rmBase__el.rmBase__el--has-error .rmBase__compError {
    display: inline-block
}

#rmOrganism .rmBase__el--title .rmBase__comp--titleInput {
    margin-top: 1em
}

#rmOrganism .rmBase__el--image {
    margin: 0 !important
}

#rmOrganism .rmBase__comp--image {
    background: no-repeat 50%;
    height: 100%;
    position: relative;
    width: 100%
}

#rmOrganism .rmBase__comp--image.image--fit {
    background-size: cover
}

#rmOrganism .rmBase__comp--image .image__link {
    display: block;
    height: 100%;
    width: 100%
}

#rmOrganism .rmBase__comp--logo {
    border: none;
    display: inline-block;
    height: auto;
    max-width: 100%;
    vertical-align: top
}

#rmOrganism .rmBase__comp--logolink {
    display: inline-block
}

#rmOrganism .rmBase__comp--cta {
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    line-height: 1.5;
    font-weight: 700;
    text-align: center;
    padding: .5em 1.5em
}

#rmOrganism .rmBase__comp--button, #rmOrganism .rmBase__comp--link {
    cursor: pointer;
    display: inline-block;
    line-height: 1.5;
    text-decoration: none
}

#rmOrganism .rmBase__comp--link {
    font-weight: 400;
    padding: .5em 0
}

#rmOrganism .rmBase__comp--link:hover {
    text-decoration: underline
}

#rmOrganism .rmBase__comp--button {
    font-weight: 700;
    padding: .5em 1em
}

#rmOrganism .rmBase__comp--textlink {
    cursor: pointer;
    font-weight: 400;
    text-decoration: none
}

#rmOrganism .rmBase__comp--textlink:hover {
    text-decoration: underline
}

#rmOrganism .rmBase__comp--captcha {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-align: left;
    vertical-align: top
}

#rmOrganism .rmBase__comp--coupon {
    border: 2px dashed;
    display: inline-block;
    line-height: 1.5;
    padding: .75em 2.25em
}

#rmOrganism .rmBase__comp--birthday {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#rmOrganism .rmBase__comp--birthday .comp__select {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 1%
}

#rmOrganism .rmBase__comp--birthday .comp__select:not(:first-child) {
    margin-left: 1em
}

#rmOrganism .rmBase__comp--privacy {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#rmOrganism .rmBase__comp--privacy .privacy__visual {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 16px;
    height: 4em;
    margin-right: 1em;
    width: 4em
}

#rmOrganism .rmBase__comp--privacy .privacy__text {
    font-size: 11px;
    line-height: 1.4;
    text-align: left
}

#rmOrganism .rmBase__comp--privacy .privacy__text a {
    color: currentColor;
    text-decoration: underline
}

#rmOrganism .rmBase__comp--checkbox .vFormCheckbox, #rmOrganism .rmBase__comp--radio .vFormCheckbox {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

#rmOrganism .rmBase__comp--checkbox .vFormCheckbox .vFormCheckbox__indicator, #rmOrganism .rmBase__comp--radio .vFormCheckbox .vFormCheckbox__indicator {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: .125em;
    color: #666;
    cursor: pointer;
    display: inline-block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 1.25em;
    height: 1em;
    line-height: 0;
    position: relative;
    vertical-align: top;
    width: 1em
}

#rmOrganism .rmBase__comp--checkbox .vFormCheckbox .vFormCheckbox__input, #rmOrganism .rmBase__comp--radio .vFormCheckbox .vFormCheckbox__input {
    display: none;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0
}

#rmOrganism .rmBase__comp--checkbox .vFormCheckbox .vFormCheckbox__input:checked ~ .vFormCheckbox__indicator:after, #rmOrganism .rmBase__comp--radio .vFormCheckbox .vFormCheckbox__input:checked ~ .vFormCheckbox__indicator:after {
    background: url(data:image/svg+xml;charset=utf-8,%3Csvg\ xmlns=\'http://www.w3.org/2000/svg\'\ viewBox=\'0\ 0\ 20\ 20\'\ width=\'10\'\ height=\'10\'%3E%3Cpath\ fill=\'%23333\'\ d=\'M19.4\ 2.6c-.8-.8-2-.8-2.8\ 0L6.4\ 12.8l-3-3.1c-.8-.8-2-.8-2.8\ 0-.8.8-.8\ 2\ 0\ 2.8L5.1\ 17c.8.8\ 2\ .8\ 2.8\ 0l1.4-1.4L19.4\ 5.4c.8-.8.8-2\ 0-2.8z\'/%3E%3C/svg%3E) no-repeat 50%;
    content: "";
    display: block;
    height: .75em;
    left: 50%;
    margin: -.375em 0 0 -.375em;
    position: absolute;
    top: 50%;
    width: .75em
}

#rmOrganism .rmBase__comp--checkbox .vFormCheckbox .vFormCheckbox__label, #rmOrganism .rmBase__comp--radio .vFormCheckbox .vFormCheckbox__label {
    font-size: 1em;
    line-height: 1.25;
    margin: 0
}

#rmOrganism .rmBase__comp--checkbox .vFormCheckbox .vFormCheckbox__indicator ~ .vFormCheckbox__label, #rmOrganism .rmBase__comp--radio .vFormCheckbox .vFormCheckbox__indicator ~ .vFormCheckbox__label {
    margin: 0 0 0 .75em
}

#rmOrganism .rmBase__comp--checkbox .vFormCheckbox:hover .vFormCheckbox__indicator, #rmOrganism .rmBase__comp--radio .vFormCheckbox:hover .vFormCheckbox__indicator {
    border-color: #666
}

#rmOrganism .rmBase__comp--checkbox {
    font-size: 1em;
    line-height: 1.25
}

#rmOrganism .rmBase__comp--radio {
    padding-top: .625em
}

#rmOrganism .rmBase__comp--radio .vFormRadio__group--inline, #rmOrganism .rmBase__comp--radio .vFormRadio__group--stacked {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#rmOrganism .rmBase__comp--radio .vFormRadio__group--stacked {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#rmOrganism .rmBase__comp--radio .vFormRadio {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: top
}

#rmOrganism .rmBase__comp--radio .vFormRadio .vFormRadio__indicator {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 100%;
    color: #666;
    cursor: pointer;
    display: inline-block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 1.25em;
    height: 1em;
    position: relative;
    vertical-align: top;
    width: 1em
}

#rmOrganism .rmBase__comp--radio .vFormRadio .vFormRadio__input {
    display: none;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0
}

#rmOrganism .rmBase__comp--radio .vFormRadio .vFormRadio__input:checked ~ .vFormRadio__indicator:after {
    background: currentColor;
    border-radius: 100%;
    content: "";
    display: block;
    height: .5em;
    left: 50%;
    margin: -.25em 0 0 -.25em;
    position: absolute;
    top: 50%;
    width: .5em
}

#rmOrganism .rmBase__comp--radio .vFormRadio .vFormRadio__label {
    font-size: 1em;
    line-height: 1.25;
    margin: 0 0 0 .75em
}

#rmOrganism .rmBase__comp--radio .vFormRadio:hover .vFormRadio__indicator {
    border-color: #666
}

#rmOrganism .rmBase__comp--radio .vFormRadio--inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

#rmOrganism .rmBase__comp--radio .vFormRadio--inline:not(:first-child) {
    margin-left: 1em
}

#rmOrganism .rmBase__comp--radio .vFormRadio--stacked {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#rmOrganism .rmBase__comp--radio .vFormRadio--stacked:not(:first-child) {
    margin-top: .5em
}

#rmOrganism .rmBase__compError {
    border-radius: 3px;
    display: none;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    margin-top: 2px;
    padding: 1px 5px
}

#rmOrganism .rmBase__compError--radio {
    margin-top: .5em
}

#rmOrganism .rmBase__comp--legal-noticeDivider {
    background: currentColor;
    border: none;
    color: inherit;
    display: inline-block;
    font-size: 1em;
    height: 2px;
    line-height: 0;
    margin-bottom: 1em;
    opacity: .25;
    overflow: hidden;
    width: 10em
}

#rmOrganism .rmBase__comp--legal-notice {
    font-size: 11px;
    line-height: 1.4
}

@media screen and (min-width: 480px) {
    #rmOrganism .rmSubscription .rmBase__el.rmBase__el--label-pos-left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    #rmOrganism .rmSubscription .rmBase__el.rmBase__el--label-pos-left .rmBase__compLabel {
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        margin: 0;
        max-width: 30%;
        padding: .625em .5em 0 0
    }

    #rmOrganism .rmSubscription .rmBase__el.rmBase__el--label-pos-left .rmBase__compContainer {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

#rmOrganism .rmLayout--vertical.rmBase {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 480px
}

@media screen and (min-width: 768px) {
    #rmOrganism .rmLayout--vertical.rmBase .rmBase__container {
        padding: 2em
    }
}

#rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-top .rmBase__el--image {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 100px
}

@media screen and (min-width: 768px) {
    #rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-top .rmBase__el--image {
        height: 140px
    }
}

#rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-right {
    max-width: 640px
}

#rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-right .rmBase__el--image {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 100px
}

@media screen and (min-width: 768px) {
    #rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-right .rmBase__body {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    #rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-right .rmBase__el--image {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        height: auto;
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    #rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-right .rmBase__content {
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        max-width: 400px
    }
}

#rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-bottom .rmBase__el--image {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 100px;
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10
}

@media screen and (min-width: 768px) {
    #rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-bottom .rmBase__el--image {
        height: 140px
    }
}

#rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-left {
    max-width: 640px
}

#rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-left .rmBase__el--image {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 100px
}

@media screen and (min-width: 768px) {
    #rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-left .rmBase__body {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    #rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-left .rmBase__el--image {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        height: auto
    }

    #rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-left .rmBase__content {
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        max-width: 400px
    }
}

#rmOrganism .rmLayout--horizontal.rmBase {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 640px
}

@media screen and (min-width: 768px) {
    #rmOrganism .rmLayout--horizontal.rmBase .rmBase__container {
        padding: 2em
    }

    #rmOrganism .rmLayout--horizontal.rmBase .rmBase__section {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    #rmOrganism .rmLayout--horizontal.rmBase .rmBase__section .rmBase__el {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-right: 1em
    }

    #rmOrganism .rmLayout--horizontal.rmBase .rmBase__section .rmBase__el:last-child {
        margin-right: 0
    }

    #rmOrganism .rmLayout--horizontal.rmBase .rmBase__section .rmBase__el--cta:not(:only-child), #rmOrganism .rmLayout--horizontal.rmBase .rmBase__section .rmBase__el--link:not(:only-child) {
        -ms-flex-item-align: end;
        align-self: flex-end;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    #rmOrganism .rmLayout--horizontal.rmBase .rmBase__section .rmBase__el--label-pos-top ~ .rmBase__el--cta:not(:only-child), #rmOrganism .rmLayout--horizontal.rmBase .rmBase__section .rmBase__el--label-pos-top ~ .rmBase__el--link:not(:only-child) {
        -ms-flex-item-align: end;
        align-self: flex-end
    }

    #rmOrganism .rmLayout--horizontal.rmBase .rmBase__section:last-child .rmBase__el {
        margin-bottom: 0
    }
}

#rmOrganism .rmLayout--horizontal.rmBase.rmLayout--horizontal-image-right {
    max-width: 800px
}

#rmOrganism .rmLayout--horizontal.rmBase.rmLayout--horizontal-image-right .rmBase__el--image {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 100px
}

@media screen and (min-width: 768px) {
    #rmOrganism .rmLayout--horizontal.rmBase.rmLayout--horizontal-image-right .rmBase__body {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    #rmOrganism .rmLayout--horizontal.rmBase.rmLayout--horizontal-image-right .rmBase__el--image {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        height: auto;
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    #rmOrganism .rmLayout--horizontal.rmBase.rmLayout--horizontal-image-right .rmBase__content {
        -ms-flex-preferred-size: 90%;
        flex-basis: 90%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        max-width: 640px
    }
}

#rmOrganism .rmLayout--horizontal.rmBase.rmLayout--horizontal-image-left {
    max-width: 800px
}

#rmOrganism .rmLayout--horizontal.rmBase.rmLayout--horizontal-image-left .rmBase__el--image {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 100px
}

@media screen and (min-width: 768px) {
    #rmOrganism .rmLayout--horizontal.rmBase.rmLayout--horizontal-image-left .rmBase__body {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    #rmOrganism .rmLayout--horizontal.rmBase.rmLayout--horizontal-image-left .rmBase__el--image {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        height: auto
    }

    #rmOrganism .rmLayout--horizontal.rmBase.rmLayout--horizontal-image-left .rmBase__content {
        -ms-flex-preferred-size: 90%;
        flex-basis: 90%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        max-width: 640px
    }

    #rmOrganism .rmLayout--banner.rmBase {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    #rmOrganism .rmLayout--banner.rmBase .rmBase__content {
        margin: 0 auto;
        max-width: 1200px;
        width: 100%
    }

    #rmOrganism .rmLayout--banner.rmBase .rmBase__container {
        padding: 1em 2em
    }

    #rmOrganism .rmLayout--banner.rmBase .rmBase__section {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        min-width: 480px
    }

    #rmOrganism .rmLayout--banner.rmBase .rmBase__section .rmBase__el {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-right: 1em
    }

    #rmOrganism .rmLayout--banner.rmBase .rmBase__section .rmBase__el:last-child {
        margin-right: 0
    }

    #rmOrganism .rmLayout--banner.rmBase .rmBase__section .rmBase__el--cta:not(:only-child), #rmOrganism .rmLayout--banner.rmBase .rmBase__section .rmBase__el--link:not(:only-child) {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    #rmOrganism .rmLayout--banner.rmBase .rmBase__section .rmBase__el--label-pos-top ~ .rmBase__el--cta:not(:only-child), #rmOrganism .rmLayout--banner.rmBase .rmBase__section .rmBase__el--label-pos-top ~ .rmBase__el--link:not(:only-child) {
        -ms-flex-item-align: end;
        align-self: flex-end
    }

    #rmOrganism .rmLayout--banner.rmBase .rmBase__section:last-child .rmBase__el {
        margin-bottom: 0
    }
}

#rmOrganism .rmSubscription.rmBase__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden
}

#rmOrganism .rmSubscription .rmBase__content {
    -webkit-overflow-scrolling: touch;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    overflow: auto
}

#rmOrganism .rmSubscription .rmBase__container {
    padding: 2em 1em
}

#rmOrganism .rmSubscription .rmBase__el .rmBase__compLabel {
    display: block;
    line-height: 1.25;
    margin: 0 0 .25em;
    max-width: 99%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap
}

#rmOrganism .rmSubscription .rmBase__el.rmBase__el--label-pos-none .rmBase__compLabel.rmBase__compLabel--hideable {
    display: none
}

#rmOrganism .rmSubscription .rmBase__el.rmBase__el--cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#rmOrganism .rmSubscription .rmBase__section:last-child .rmBase__el:last-child {
    margin-bottom: 0
}

.rmBody.rmBody--subscription.rmBody--popup {
    background: #e9edf2
}

.rmBody.rmBody--subscription.rmBody--embed #rmOrganism .rmBase {
    margin: 0 auto
}

#rmOrganism .rmPage {
    font-size: 16px
}

#rmOrganism .rmPage .rmBase__container {
    margin: 0 auto;
    max-width: 44em;
    padding: 2em 1em
}

@media screen and (min-width: 768px) {
    #rmOrganism .rmPage .rmBase__container {
        padding: 2em
    }
}

#rmOrganism .rmPage .rmBase__comp--heading {
    font-size: 2em;
    line-height: 1.25
}

#rmOrganism .rmPage .rmBase__compLabel {
    display: block;
    line-height: 1.25;
    margin: 0 0 .25em;
    max-width: 99%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap
}

#rmOrganism .rmPage .rmBase__el {
    font-size: 1em;
    line-height: 1.4;
    margin-bottom: 1em
}

#rmOrganism .rmPage .rmBase__el--logo {
    margin: 0 0 3em
}

#rmOrganism .rmPage .rmBase__el--coupon, #rmOrganism .rmPage .rmBase__el--cta, #rmOrganism .rmPage .rmBase__el--unsubscribe-reason {
    margin: 3em 0
}

#rmOrganism .rmPage .rmBase__el--coupon .rmBase__compLabel, #rmOrganism .rmPage .rmBase__el--unsubscribe-reason .rmBase__compLabel {
    margin: 0 0 .5em;
    max-width: 100%;
    overflow: visible;
    -o-text-overflow: unset;
    text-overflow: unset;
    white-space: normal
}

#rmOrganism .rmPage .rmBase__el--unsubscribe-reason {
    text-align: left
}

#rmOrganism .rmPage .rmBase__el--legal-notice {
    margin-top: 3rem;
    text-align: left
}

#rmOrganism .rmPage .rmBase__section:last-child .rmBase__el:last-child {
    margin-bottom: 0
}

#rmOrganism .rmLayout--page-centered .rmPage .rmBase__container, #rmOrganism .rmLayout--page-centered .rmPage .rmBase__container .rmBase__el--legal-notice {
    text-align: center
}

#rmOrganism .rmLayout--legacy .rmBase__el .comp__input, #rmOrganism .rmLayout--legacy .rmBase__el .comp__select {
    border-radius: 0;
    height: 2em;
    padding: .25em .5em
}

@media screen and (min-width: 360px) {
    #rmOrganism .rmLayout--legacy .rmSubscription .rmBase__el.rmBase__el--label-pos-left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    #rmOrganism .rmLayout--legacy .rmSubscription .rmBase__el.rmBase__el--label-pos-left .rmBase__compLabel {
        -ms-flex-preferred-size: 140px;
        flex-basis: 140px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        margin: 0;
        max-width: 140px;
        padding: .375em .5em 0 0
    }

    #rmOrganism .rmLayout--legacy .rmSubscription .rmBase__el.rmBase__el--label-pos-left .rmBase__compContainer {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

#rmOrganism .rmLayout--legacy.rmBase {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 400px
}

#rmOrganism .rmLayout--legacy.rmBase .rmBase__container {
    padding: 10px
}

.rmBody.rmBody--subscription.rmBody--legacy {
    background: transparent
}

.rmBody.rmBody--subscription.rmBody--legacy.rmBody--embed #rmOrganism .rmBase {
    margin: 0 auto 0 0
}

html {
    scroll-behavior: smooth
}

body {
    min-width: 320px;
    color: var(--blueish);
    font-family: BrandonGrotesqueRegular, sans-serif;
    font-weight: normal;
    font-family: BrandonGrotesqueRegular, sans-serif;
    font-weight: normal
}

img, svg, video, iframe, picture {
    max-width: 100%;
    height: auto;
    vertical-align: middle
}

a {
    color: inherit
}

input, textarea, button {
    font-family: inherit
}

p, li {
    font-size: 1em;
    line-height: 1.6em
}

@media (min-width: 1030px) {
    p, li {
        font-size: 1.15em
    }
}

p:first-child {
    margin-top: 0
}

p:last-child {
    margin-bottom: 0
}

.inner {
    max-width: 90rem;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding-left: 3.5%;
    padding-right: 3.5%
}

h1, h2, .h2-design, h3, h4, h5 {
    font-family: BrandonGrotesqueBold, sans-serif;
    font-weight: normal
}

pre {
    margin: 0;
    padding: 0;
    font-size: 0
}

[v-show], [v-if] {
    display: none
}

@media (min-width: 1030px) {
    .only-mobile {
        display: none
    }
}

@media (max-width: 1029px) {
    .only-desktop {
        display: none
    }
}

body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

main {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin: 0;
    margin-top: 5em
}

@media (min-width: 620px) {
    main {
        margin-top: 8em
    }
}

@media (min-width: 1030px) {
    main {
        margin-top: 10em
    }
}

.component {
    position: relative;
    padding: 3em 0;
    margin: 1em 1.5%;
    clear: both;
    background-color: #fff
}

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

@media (min-width: 620px) {
    .component {
        padding: 4em 0;
        margin: 0 1.5% 1em
    }
}

.component.darkfond {
    background-color: var(--light);
    margin-bottom: 3em
}

@media (min-width: 620px) {
    .component.darkfond {
        margin-bottom: 4em
    }
}

.component.no-bottom-margin {
    margin-bottom: -6em
}

.component h2, .component .h2-design {
    color: var(--golden);
    text-transform: uppercase;
    font-size: 1.6em;
    margin-top: 0
}

@media (min-width: 620px) {
    .component h2, .component .h2-design {
        font-size: 2.4em
    }
}

.component h4 {
    font-size: 1.3em;
    margin: 0
}

@media (min-width: 620px) {
    .component h4 {
        font-size: 1.5em;
        font-family: BrandonGrotesqueRegular, sans-serif;
        font-weight: normal;
        color: var(--golden)
    }
}

.component-quote {
    padding: 0
}

@media (min-width: 1030px) {
    .component-quote {
        padding: 1em 0
    }
}

@media (min-width: 1200px) {
    .component-quote {
        padding: 2em 0
    }
}

header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 15;
    background-color: #fff;
    -webkit-box-shadow: .1em .1em .5em rgba(0, 0, 0, .15);
    box-shadow: .1em .1em .5em rgba(0, 0, 0, .15)
}

header .logo {
    display: inline-block;
    margin-right: auto;
    -webkit-transition: width .5s;
    -o-transition: width .5s;
    transition: width .5s
}

@media (min-width: 620px) {
    header .logo {
        width: 20em
    }
}

@media (max-width: 619px) {
    header .logo {
        width: 13em
    }
}

body.scrolled header .logo {
    width: 9em
}

@media (min-width: 620px) {
    body.scrolled header .logo {
        width: 14em
    }
}

@media (min-width: 1030px) {
    body.scrolled header .logo {
        width: 15em
    }
}

header .header-inner {
    padding-top: 1.2em;
    padding-bottom: 1.2em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition: padding .5s;
    -o-transition: padding .5s;
    transition: padding .5s
}

@media (min-width: 620px) {
    header .header-inner {
        padding-top: 1.75em;
        padding-bottom: 1.75em
    }
}

@media (min-width: 1030px) {
    header .header-inner {
        padding-top: 2.5em;
        padding-bottom: 3.25em
    }
}

body.scrolled header .header-inner {
    padding-top: .8em;
    padding-bottom: .8em
}

@media (min-width: 620px) {
    body.scrolled header .header-inner {
        padding-top: .7em;
        padding-bottom: .7em
    }
}

@media (min-width: 1030px) {
    body.scrolled header .header-inner {
        padding-top: 1.5em;
        padding-bottom: 1em
    }
}

footer {
    background-color: var(--blueish);
    color: #fff;
    padding: 2em 0;
    overflow-x: hidden
}

@media (min-width: 1030px) {
    footer {
        padding: 3.5em 0
    }
}

footer .companyname {
    font-size: 1em;
    margin: 0;
    font-family: BrandonGrotesqueBold, sans-serif;
    font-weight: normal
}

@media (max-width: 1029px) {
    footer .inner {
        padding-left: calc(3.5% + 2.5em)
    }
}

footer .textblocks {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 102%;
    margin-left: -1%
}

@media (min-width: 1030px) {
    footer .textblocks {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

footer .textblocks p {
    font-size: 1em;
    margin-bottom: .5em;
    margin-top: 0
}

footer .textblocks .textblock {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 14%;
    flex: 0 0 14%;
    margin: 0 1%
}

@media (max-width: 1029px) {
    footer .textblocks .textblock {
        margin-bottom: 2em
    }
}

footer .textblocks .textblock:first-child {
    margin-right: 4%
}

@media (min-width: 1200px) {
    footer .textblocks .textblock:first-child {
        white-space: nowrap
    }
}

footer .textblocks .textblock:first-child em {
    white-space: nowrap
}

footer .textblocks .textblock:first-child em:before, footer .textblocks .textblock:first-child em:after {
    content: none
}

@media (min-width: 1030px) {
    footer .textblocks .textblock:nth-child(2), footer .textblocks .textblock:nth-child(3) {
        white-space: nowrap
    }
}

footer .textblocks .textblock:nth-child(4) {
    margin-right: 2.5%
}

@media (min-width: 1200px) {
    footer .textblocks .textblock:nth-child(4) {
        white-space: nowrap
    }
}

@media (min-width: 1030px) {
    footer .textblocks .textblock:last-child {
        text-align: center
    }
}

footer .textblocks .textblock em {
    font-style: normal;
    font-size: 1.25em;
    display: inline-block;
    margin-left: -1.8em;
    padding-left: 1.8em;
    position: relative
}

footer .textblocks .textblock em:before, footer .textblocks .textblock em:after {
    content: "";
    width: .6em;
    height: .6em;
    position: absolute;
    left: 0;
    top: .3em;
    border-radius: 50%;
    background-color: var(--golden)
}

footer .textblocks .textblock em:after {
    left: .8em
}

footer .textblocks .vuv-logo img {
    width: 7em
}

footer .textblocks a {
    color: var(--golden);
    text-decoration: none
}

footer .nav-footer {
    line-height: 1.5em;
    font-size: 1.125em
}

footer .nav-footer a {
    margin-bottom: .35em;
    display: inline-block;
    line-height: 1.1em
}

.nav-footer, .vuv-logo {
    -ms-flex-item-align: center;
    align-self: center
}

.component-stage {
    padding: 0;
    margin-top: 0;
    overflow: hidden
}

.component-stage .inner {
    position: absolute
}

.component-stage .inner.no-images {
    position: relative;
    bottom: 0 !important;
    padding-top: 5em;
    padding-bottom: 3em
}

.component-stage .color-blue h1 {
    color: var(--blueish)
}

.component-stage h1 {
    position: relative;
    z-index: 2;
    font-size: 5vw;
    color: #fff;
    text-transform: uppercase;
    max-width: 50%;
    margin: 0;
    line-height: 1.05em;
    letter-spacing: -.03em;
    display: inline-block;
    text-shadow: .1em .1em .75em black
}

.component-stage h1 em {
    font-style: normal;
    font-family: BrandonGrotesqueBlack, sans-serif;
    font-weight: normal
}

.component-stage h1 span {
    font-weight: bold
}

.component-stage .position- .inner, .component-stage .position-bottomleft .inner {
    bottom: 3em;
    left: 0
}

.component-stage .position-topright .inner {
    top: 4em;
    right: 1em
}

.component-stage .position-topleft .inner {
    top: 3em;
    left: 1em
}

.component-stage .position-bottomright .inner {
    bottom: 3em;
    right: 1em
}

.component-stage.position-center .inner {
    top: 25%;
    left: 15%
}

.component-stage .circle-1, .component-stage .circle-2 {
    border-radius: 50%;
    position: absolute
}

.component-stage .circle-1 {
    -webkit-animation: vibrate-1 10s linear infinite both;
    animation: vibrate-1 10s linear infinite both;
    width: 40vw;
    height: 40vw;
    background-color: rgba(120, 107, 71, .6);
    bottom: -8vw;
    left: 3.5%
}

.component-stage .circle-2 {
    animation: vibrate-1 15s linear infinite reverse;
    width: 22vw;
    height: 22vw;
    background-color: rgba(0, 80, 140, .5);
    bottom: -3vw;
    left: 35vw
}

.component-stage .image-container .main-image {
    height: 100%;
    width: 100% !important;
    -o-object-fit: cover;
    object-fit: cover
}

.component-stage .signets {
    position: absolute;
    top: .45em;
    right: .25em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (min-width: 1030px) {
    .component-stage .signets {
        right: 1em
    }
}

.component-stage img.signet, .component-stage .signet img {
    display: block;
    -webkit-box-shadow: 0 3.9px 4.6px rgba(0, 0, 0, .1), 0 12.3px 8.4px rgba(0, 0, 0, .1), 0 18.8px 19.2px rgba(0, 0, 0, .077), 0 22px 40px rgba(0, 0, 0, .049);
    box-shadow: 0 3.9px 4.6px rgba(0, 0, 0, .1), 0 12.3px 8.4px rgba(0, 0, 0, .1), 0 18.8px 19.2px rgba(0, 0, 0, .077), 0 22px 40px rgba(0, 0, 0, .049);
    z-index: 14;
    height: 14vw;
    width: auto;
    margin-left: .15em;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top
}

@media (min-width: 620px) {
    .component-stage img.signet, .component-stage .signet img {
        height: 12vw;
        top: .25em
    }
}

@media (min-width: 1030px) {
    .component-stage img.signet, .component-stage .signet img {
        height: 10vw;
        top: .45em;
        margin-left: .5em
    }
}

@media (min-width: 1200px) {
    .component-stage img.signet, .component-stage .signet img {
        right: 2.5em;
        height: 9em
    }
}

@media (min-width: 2100px) {
    .component-stage img.signet, .component-stage .signet img {
        right: 3%;
        height: 12em
    }
}

.component-stage img.signet:hover {
    opacity: 1;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    z-index: 15
}

.component-stage .position-topright .signets {
    right: auto;
    left: .25em
}

@media (min-width: 1200px) {
    .component-stage .position-topright .signets {
        left: 1em
    }

    .component-stage .position-topright .signets {
        left: 2.5em
    }
}

.component-stage .inner-special {
    position: absolute;
    width: 100%;
    margin: 0 auto;
    text-align: center
}

.slide.no-images {
    background-color: #ecece7;
    background-color: #cacacd;
    border-bottom-left-radius: .5em;
    border-bottom-right-radius: .5em
}

.stageslider .slide {
    position: relative
}

.stageslider h1 {
    opacity: 0
}

.stageslider .circle-1-outer {
    opacity: 0;
    -webkit-transform: translate(-200px, 5vw);
    -ms-transform: translate(-200px, 5vw);
    transform: translate(-200px, 5vw);
    -webkit-transition: opacity 1s, -webkit-transform 2s;
    transition: opacity 1s, -webkit-transform 2s;
    -o-transition: transform 2s, opacity 1s;
    transition: transform 2s, opacity 1s;
    transition: transform 2s, opacity 1s, -webkit-transform 2s
}

.stageslider .circle-2-outer {
    opacity: 0;
    -webkit-transform: translate(200px, -30em);
    -ms-transform: translate(200px, -30em);
    transform: translate(200px, -30em);
    -webkit-transition: opacity 2s, -webkit-transform 2s;
    transition: opacity 2s, -webkit-transform 2s;
    -o-transition: transform 2s, opacity 2s;
    transition: transform 2s, opacity 2s;
    transition: transform 2s, opacity 2s, -webkit-transform 2s
}

.stageslider .slick-active .circle-1-outer, .stageslider .slick-active .circle-2-outer {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.stageslider .slick-active h1 {
    opacity: 1;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: cubic-bezier(.61, .1, .5, 1);
    animation-timing-function: cubic-bezier(.61, .1, .5, 1);
    -webkit-animation-timing-function: cubic-bezier(.61, .1, .18, .98);
    animation-timing-function: cubic-bezier(.61, .1, .18, .98)
}

@media (min-width: 1200px) {
    .last-active {
        opacity: 0 !important
    }
}

.component-text h3,
.component-event h3,
.component-newsletterform h3,
.component-eventlinks h3,
.component-jobteasers h3,
.component-list h3 {
    font-size: 1.3em;
    background-image: url(https://www.proaktiva.net/site/templates/img//xlogopunkt-origin-size.png.pagespeed.ic.thtpmG_hJ8.webp);
    background-size: 1.45em;
    background-position: 0 5px;
    background-repeat: no-repeat;
    padding-left: 2em;
    font-family: BrandonGrotesqueMedium, sans-serif;
    font-weight: normal
}

@media (min-width: 620px) {
    .component-text h3,
    .component-event h3,
    .component-newsletterform h3,
    .component-eventlinks h3,
    .component-jobteasers h3,
    .component-list h3 {
        font-size: 1.6em
    }
}

.component-text, .component-event, .component-newsletterform {
    background-color: #fff
}

@media (min-width: 1030px) {
    .component-text .has-gallery .text, .component-event .has-gallery .text, .component-newsletterform .has-gallery .text {
        margin-right: 5%
    }
}

@media (max-width: 1029px) {
    .component-text .has-gallery .text, .component-event .has-gallery .text, .component-newsletterform .has-gallery .text {
        margin-bottom: 2em
    }
}

.component-text .has-gallery.images-count-1 .gallery .image-container.count-0, .component-event .has-gallery.images-count-1 .gallery .image-container.count-0, .component-newsletterform .has-gallery.images-count-1 .gallery .image-container.count-0 {
    width: 100%;
    margin: 0
}

@media (min-width: 1030px) {
    .component-text .has-gallery .content, .component-event .has-gallery .content, .component-newsletterform .has-gallery .content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .component-text .has-gallery .content.images-to-left, .component-event .has-gallery .content.images-to-left, .component-newsletterform .has-gallery .content.images-to-left {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .component-text .has-gallery .content.images-to-left .text, .component-event .has-gallery .content.images-to-left .text, .component-newsletterform .has-gallery .content.images-to-left .text {
        margin-right: 0;
        margin-left: 5%
    }
}

.component-text .has-gallery .content &gt; *, .component-event .has-gallery .content &gt; *, .component-newsletterform .has-gallery .content &gt; * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%
}

.component-text .has-gallery .content .gallery, .component-event .has-gallery .content .gallery, .component-newsletterform .has-gallery .content .gallery {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%
}

.component-text .gallery .image-container, .component-event .gallery .image-container, .component-newsletterform .gallery .image-container {
    float: left
}

.component-text .gallery .image-container.count-0, .component-text .gallery .image-container.count-1, .component-event .gallery .image-container.count-0, .component-event .gallery .image-container.count-1, .component-newsletterform .gallery .image-container.count-0, .component-newsletterform .gallery .image-container.count-1 {
    margin-bottom: .7%
}

.component-text .gallery .image-container.count-0, .component-event .gallery .image-container.count-0, .component-newsletterform .gallery .image-container.count-0 {
    width: 56.3%;
    margin-right: .7%
}

.component-text .gallery .image-container.count-1, .component-event .gallery .image-container.count-1, .component-newsletterform .gallery .image-container.count-1 {
    width: 43%;
    margin-bottom: .8%
}

.component-text .gallery .image-container.count-2, .component-event .gallery .image-container.count-2, .component-newsletterform .gallery .image-container.count-2 {
    width: 37%;
    margin-right: .7%
}

.component-text .gallery .image-container.count-3, .component-event .gallery .image-container.count-3, .component-newsletterform .gallery .image-container.count-3 {
    width: 56.3%
}

.component-text .gallery .image-container img, .component-event .gallery .image-container img, .component-newsletterform .gallery .image-container img {
    max-height: none;
    height: auto
}

.component-text .last-image-wrapper {
    height: 35vw;
    max-height: 30em;
    background-size: cover;
    background-position: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    margin-top: 2em
}

.component-text .last-image-wrapper .bold-button {
    font-size: 1.5em;
    font-family: BrandonGrotesqueBold, sans-serif;
    font-weight: normal;
    padding: .25em
}

@media (min-width: 1030px) {
    .component-text .text.columnized {
        width: 102%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: -1%
    }

    .component-text .text.columnized &gt; * {
        margin: 1%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
        flex: 0 0 48%
    }
}

.component-newsletterform .text .image-container {
    margin: 0 auto;
    max-width: 18em
}

.component-slider {
    overflow: hidden
}

.component-slider .slide {
    text-align: center;
    padding: 1em;
    position: relative
}

.component-slider .slide:after {
    -webkit-transition: .5s opacity .2s;
    -o-transition: .5s opacity .2s;
    transition: .5s opacity .2s;
    content: "";
    height: 15px;
    width: 100%;
    margin-left: 12.5%;
    top: 5.5em;
    background-image: url(https://www.proaktiva.net/site/templates/img/xdot-linie-anlage2.png.pagespeed.ic.DHdXEDEd-I.webp);
    z-index: 0;
    position: absolute
}

@media (min-width: 1030px) {
    .component-slider .slide:after {
        width: 25%;
        margin-left: 37.5%
    }
}

@media (min-width: 1200px) {
    .component-slider .slide.before-last-active:after {
        opacity: 0
    }
}

.component-slider .slide .image-container {
    display: inline-block;
    width: 3em;
    height: 3em;
    background-color: #fff;
    padding: 3.7em;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border-radius: 50%;
    position: relative;
    z-index: 2
}

.component-slider .slide .image-container-inner {
    max-width: none;
    height: 3em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.component-slider .slide .image-container-inner img, .component-slider .slide .image-container-inner svg {
    height: 100%
}

.component-slider .slide h3 {
    font-size: 1.8em;
    margin-bottom: .25em;
    color: var(--golden);
    font-family: BrandonGrotesqueRegular, sans-serif;
    font-weight: normal
}

.component-slider .image-container, .component-slider .text {
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s
}

.slider {
    position: relative;
    overflow: visible
}

.slider svg path {
    fill: var(--blueish) !important
}

.slick-arrow {
    position: absolute;
    left: 0;
    background-color: transparent;
    border: 0;
    color: var(--golden);
    line-height: 1em;
    font-family: BrandonGrotesqueBold, sans-serif;
    font-weight: normal;
    z-index: 5;
    font-size: 2em;
    top: calc(50% - 3.4em)
}

@media (min-width: 620px) {
    .slick-arrow {
        top: calc(50% - 1.9em);
        font-size: 5.3em
    }
}

@media (min-width: 1200px) {
    .slick-arrow {
        top: calc(50% - 2em);
        font-size: 5.3em
    }
}

.slick-arrow:before {
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: absolute;
    top: 0;
    z-index: 1;
    content: "";
    display: block;
    background-color: #fff;
    opacity: 1;
    font-size: 2em;
    left: -.5em
}

.slick-arrow .inside {
    position: absolute;
    z-index: 6;
    top: .4em
}

.slick-next {
    left: auto;
    right: 0
}

.slick-next:before {
    left: auto;
    right: -.5em
}

.slick-next .inside {
    z-index: 6;
    right: .15em
}

.slick-slide {
    -webkit-transition: .5s opacity .5s;
    -o-transition: .5s opacity .5s;
    transition: .5s opacity .5s
}

@media (min-width: 1030px) {
    .slick-slide {
        opacity: 0
    }
}

.slick-active {
    opacity: 1
}

.slick-dots {
    position: absolute;
    width: 100%;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 1em;
    margin: 0;
    list-style-type: none
}

@media (max-width: 1029px) {
    .slick-dots {
        display: none !important
    }
}

.slick-dots li {
    width: 1.5em;
    height: 1.5em;
    margin: 0
}

.slick-dots button {
    border: 0;
    width: 1em;
    height: 1em;
    color: transparent;
    background-color: transparent;
    margin: .25em;
    line-height: 2em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding: .25em
}

.slick-dots button:before {
    border-radius: 50%;
    content: "";
    width: 1em !important;
    height: 1em !important;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--blueish)
}

.slick-dots .slick-active button:before {
    background-color: var(--golden)
}

.bottom-line {
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    padding: .5em;
    font-family: BrandonGrotesqueBold, sans-serif;
    font-weight: normal;
    z-index: 5;
    position: relative;
    margin-bottom: 5em
}

.bottom-line .border-maker {
    margin: .9em 1em;
    padding: 1em;
    border: 1px solid #fff
}

.bottom-line .bottom-line-inner {
    width: 100%;
    background-color: var(--golden);
    padding-top: .1em;
    padding-bottom: .1em
}

.bottom-line .bottom-line-inner .inner {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 1030px) {
    .bottom-line .bottom-line-inner .inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: 55em
    }
}

.bottom-line img, .bottom-line svg {
    width: 1em
}

.bottom-line .text {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66%;
    flex: 0 0 66%;
    text-align: left;
    line-height: 1.45em;
    letter-spacing: .03em
}

@media (min-width: 620px) {
    .bottom-line .text {
        font-size: 1.8em
    }
}

@media (min-width: 1030px) {
    .bottom-line .text {
        margin-right: 1em
    }
}

@media (max-width: 1029px) {
    .bottom-line .text {
        margin-bottom: .5em
    }
}

.bottom-line .contact-options {
    position: relative;
    top: .35em;
    font-size: .9em
}

@media (min-width: 620px) {
    .bottom-line .contact-options {
        font-size: 1.15em
    }
}

.bottom-line .contact-options .icon {
    margin-right: .5em;
    width: 1.8em
}

.bottom-line .contact-options a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap;
    text-decoration: none;
    margin-bottom: .5em
}

.bottom-line .contact-options .contact-option-inner {
    font-family: BrandonGrotesqueRegular, sans-serif;
    font-weight: normal;
    background-color: var(--blueish);
    padding: .2em;
    min-width: 9em;
    text-align: left
}

.bottom-line .contact-options .contact-option-innerst {
    padding: .2em .5em .15em;
    border: 1px solid var(--golden)
}

.component-quote {
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 1030px) {
    .component-quote {
        max-width: 66em
    }
}

.component-quote .quoter {
    text-align: right;
    font-family: BrandonGrotesqueBold, sans-serif;
    font-weight: normal;
    -webkit-transform: skewX(-7deg);
    -ms-transform: skewX(-7deg);
    transform: skewX(-7deg)
}

@media (max-width: 619px) {
    .component-quote .quoter {
        font-size: .8em
    }
}

.component-quote blockquote {
    padding: 0 1em .5em;
    margin: 0 0 1em;
    text-transform: uppercase;
    color: var(--golden);
    font-family: BrandonGrotesqueLight, sans-serif;
    font-weight: normal;
    border-bottom: 2px dotted var(--golden);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .9em
}

@media (min-width: 620px) {
    .component-quote blockquote {
        font-size: 1.3em
    }
}

.component-quote blockquote img {
    width: 1em;
    margin-right: 1em
}

@media (min-width: 620px) {
    .component-quote blockquote img {
        width: 3em
    }
}

.component-quote blockquote p {
    line-height: 1.2em;
    font-size: 1.2em
}

@media (min-width: 1030px) {
    .component-quote blockquote {
        font-size: 1.7em
    }
}

.breadcrumb {
    position: absolute;
    bottom: -6.2em;
    background-color: #fff;
    z-index: 23;
    width: 100%;
    padding: 1em 0 4em
}

.breadcrumb .inner {
    background-image: url(https://www.proaktiva.net/site/templates/img//xlogopunkt-origin-size.png.pagespeed.ic.thtpmG_hJ8.webp);
    background-size: 1.45em;
    background-position: 0 5px;
    background-repeat: no-repeat;
    padding-left: 2em;
    background-position: calc(3.5% + 5px) 3px;
    padding: 0 calc(3.5% + 2em)
}

.breadcrumb a {
    text-decoration: none
}

@media (min-width: 620px) {
    .component-newsletterform .content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.component-newsletterform .content .text {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    margin-right: 5%
}

.component-newsletterform .content .newsletter-form {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%
}

.rmBase__comp--privacy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rmBase__section {
    margin-bottom: 1em
}

.privacy__visual {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 3em;
    flex: 0 0 3em;
    margin: 0;
    margin-right: 1em;
    padding: 0
}

.privacy__visual svg {
    opacity: .5
}

.privacy__text p {
    text-align: left;
    line-height: 1.4em;
    margin: .5em 0;
    color: var(--golden)
}

.privacy__text p:first-child {
    margin-top: 0
}

.fields-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.fields-wrapper &gt; * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - .5em);
    flex: 0 0 calc(50% - .5em)
}

.rmBase__el {
    margin-bottom: 1em
}

.rmBase__el[data-field="firstname"] {
    margin-right: 1em
}

.rmBase__compError {
    color: #a30808
}

#rmOrganism .rmBase__body {
    display: block
}

#rmOrganism .hidden {
    display: none
}

#rmOrganism .rmBase__comp--privacy {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#rmOrganism .rmBase__comp--privacy .privacy__text {
    color: var(--golden);
    font-size: .9em
}

#rmOrganism .rmBase__comp--privacy .privacy__visual {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#rmOrganism .rmBase__section {
    margin-bottom: 5em
}

#rmOrganism .rmBase__el .comp__input, #rmOrganism .rmBase__el .comp__select {
    background-color: var(--light);
    color: var(--golden);
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0
}

#rmOrganism .fields-wrapper {
    margin-bottom: 1em
}

#rmOrganism .fields-wrapper &gt; *:first-child {
    margin-right: 1em
}

#rmOrganism .rmLayout--vertical.rmBase .rmBase__container {
    padding: 0
}

#rmOrganism .rmBase__comp--cta {
    background-color: #fff;
    text-align: left;
    padding-left: .25em
}

#rmOrganism .rmLayout--vertical.rmBase {
    max-width: none
}

.pennant {
    position: absolute;
    right: 1em;
    bottom: 0;
    width: 10vw
}

.columns {
    width: 104%;
    margin-left: -2%;
    margin-top: 4em;
    margin-bottom: -3em
}

@media (min-width: 1030px) {
    .columns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.columns.count-4, .columns.count-5, .columns.count-6, .columns.count-7, .columns.count-8, .columns.count-9, .columns.count-10, .columns.count-11, .columns.count-12, .columns.columns-press {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.columns.count-4 .column, .columns.count-5 .column, .columns.count-6 .column, .columns.count-7 .column, .columns.count-8 .column, .columns.count-9 .column, .columns.count-10 .column, .columns.count-11 .column, .columns.count-12 .column, .columns.columns-press .column {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 46%;
    flex: 0 0 46%
}

.columns .attachments .styled-button {
    min-height: 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.columns .column {
    margin: 2%;
    -webkit-box-shadow: .2em .2em .5em rgba(0, 0, 0, .25);
    box-shadow: .2em .2em .5em rgba(0, 0, 0, .25);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 29.33%;
    flex: 0 0 29.33%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(227, 225, 212, 0)), to(#e3e1d4));
    background-image: -o-linear-gradient(top, rgba(227, 225, 212, 0), #e3e1d4);
    background-image: linear-gradient(to bottom, rgba(227, 225, 212, 0), #e3e1d4);
    border: 15px solid #fff;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 3.5em
}

@media (max-width: 1029px) {
    .columns .column {
        margin-bottom: 5em
    }
}

.columns .column.has-no-person-or-link {
    padding-bottom: 6em
}

.columns .column:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 17px;
    width: calc(100% + 29px);
    margin-left: -15px;
    margin-top: -15px;
    border-top: 2px dotted var(--golden);
    background-color: #fff
}

.columns .column-inner {
    padding: 1em;
    margin-bottom: 2em;
    margin-top: -2px
}

.columns .pre-headline {
    text-align: center;
    display: block;
    text-transform: uppercase;
    font-family: BrandonGrotesqueLight, sans-serif;
    font-weight: normal;
    font-size: 1.35em;
    padding-bottom: .5em;
    margin-bottom: .75em
}

.columns .pre-headline-inner {
    border-bottom: 1.5px dotted var(--golden)
}

.columns h4 {
    text-transform: uppercase;
    margin-bottom: 1em;
    text-align: center;
    padding: 0;
    margin-left: 0;
    font-size: 2em
}

.columns .attachments-outer .attachments {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 9em;
    width: 104%;
    margin-left: -2%
}

@media (min-width: 450px) {
    .columns .attachments-outer .attachments {
        height: 11em;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-bottom: -2%
    }
}

@media (min-width: 620px) {
    .columns .attachments-outer .attachments {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: 8.5em
    }
}

@media (min-width: 1030px) {
    .columns .attachments-outer .attachments {
        height: 11em;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-bottom: -2%
    }
}

@media (min-width: 1200px) {
    .columns .attachments-outer .attachments {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: 8em
    }
}

.columns .attachments-outer .attachments:before, .columns .attachments-outer .attachments:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: 7px;
    height: 6px;
    background-color: #fff;
    top: -3px
}

.columns .attachments-outer .attachments:after {
    left: auto;
    right: 0
}

.columns .attachments-outer .attachments .attachment-wrap {
    width: 46%;
    margin: 2%
}

@media (min-width: 450px) {
    .columns .attachments-outer .attachments .attachment-wrap {
        width: 96%
    }
}

@media (min-width: 620px) {
    .columns .attachments-outer .attachments .attachment-wrap {
        width: 46%
    }
}

@media (min-width: 1030px) {
    .columns .attachments-outer .attachments .attachment-wrap {
        width: 96%
    }
}

@media (min-width: 1200px) {
    .columns .attachments-outer .attachments .attachment-wrap {
        width: 46%
    }
}

.columns .attachments-outer .attachments a {
    text-align: center;
    width: 100%;
    display: block
}

.columns .attachments-outer .attachments a span {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block
}

.columns .attachments-outer .attachments .styled-button {
    white-space: nowrap;
    padding: .5em .75em;
    min-width: 0;
    width: auto;
    font-size: .9em
}

@media (min-width: 450px) {
    .columns .attachments-outer .attachments .styled-button {
        padding: .1em .75em
    }
}

@media (min-width: 620px) {
    .columns .attachments-outer .attachments .styled-button {
        padding: .5em .75em
    }
}

@media (min-width: 1030px) {
    .columns .attachments-outer .attachments .styled-button {
        padding: .1em .75em
    }
}

@media (min-width: 1200px) {
    .columns .attachments-outer .attachments .styled-button {
        padding: .5em .75em
    }
}

.columns .attachment-wrap {
    margin-bottom: 1em
}

.columns .attachment-wrap:last-child {
    margin-bottom: 0
}

.columns .attachments {
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 1em 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 2px dotted var(--golden)
}

@media (min-width: 450px) {
    .columns .attachments {
        border-top: 0
    }
}

@media (min-width: 620px) {
    .columns .attachments {
        border-top: 2px dotted var(--golden)
    }
}

.columns .person, .columns .link-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    bottom: 0;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-top: auto
}

.columns .person .image-container, .columns .link-container .image-container {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    border: .5em solid #fff;
    border-left: 0;
    border-bottom: 0
}

.columns .person .image-container img, .columns .link-container .image-container img {
    width: 100%
}

.columns .person .contact-data, .columns .link-container .contact-data {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    line-height: 1.6em
}

.columns .person .contact-data-inner, .columns .link-container .contact-data-inner {
    padding: .5em 1em
}

.columns .person .name, .columns .link-container .name {
    font-size: 1.2em;
    margin-bottom: .2em
}

.columns .person .position, .columns .link-container .position {
    font-size: .9em;
    margin-bottom: .65em
}

.columns .person .links, .columns .link-container .links {
    margin-bottom: .5em
}

.columns .person .links a, .columns .link-container .links a {
    display: inline-block;
    background-color: var(--golden);
    border-radius: 50%;
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    color: #fff;
    font-weight: bold;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.columns .person .links a .icon, .columns .link-container .links a .icon {
    display: inline-block
}

.columns .person .links a .icon img, .columns .link-container .links a .icon img {
    width: 16px;
    position: relative;
    top: -.15em
}

.columns .person .attachments, .columns .link-container .attachments {
    text-align: right
}

.columns .person .attachments-outer, .columns .link-container .attachments-outer {
    background-color: #fff;
    padding-top: .5em
}

.columns .person.has-image .link-container-link, .columns .link-container.has-image .link-container-link {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

.columns .link-container-link {
    margin-bottom: 1em;
    padding-right: 1em;
    -ms-flex-item-align: end;
    align-self: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-left: 1em
}

@media (max-width: 474px) {
    .columns .person {
        display: block
    }

    .columns .person .image-container {
        border-right: 0;
        border-bottom: .5em solid #fff
    }

    .columns .person .attachment-wrap a {
        min-width: 100%
    }
}

.border-hider-wrapper {
    position: absolute;
    width: 100%;
    top: -5px
}

.border-hider {
    z-index: 5;
    height: 7px;
    width: 80px;
    background-color: #fff;
    margin-top: -15px;
    margin-left: auto;
    margin-right: auto
}

.image-container-top {
    margin-top: -3.3em;
    position: relative;
    z-index: 6;
    text-align: center;
    min-height: 3.5em
}

.image-container-top img, .image-container-top svg {
    padding: .5em;
    width: 5em
}

.image-container-top path {
    fill: var(--golden) !important
}

.component-text strong a, .component-text-with-image-background strong a, .styled-button {
    padding: .5em 2em;
    border: 1px solid var(--golden);
    text-decoration: none;
    position: relative;
    display: inline-block;
    width: 12em;
    text-align: center
}

.component-text strong a:before, .component-text-with-image-background strong a:before, .styled-button:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: 1em;
    height: 1em;
    background-image: -o-linear-gradient(bottom left, #e3e1d4 50%, var(--golden) 50%, #fff calc(50% + 1px));
    background-image: linear-gradient(to top right, #e3e1d4 50%, var(--golden) 50%, #fff calc(50% + 1px));
    top: -2px;
    border: 1px solid var(--golden);
    border-top: 0;
    border-right: 0;
    right: -2px;
    left: auto
}

.component-text-with-image-background strong a {
    border: 0;
    background-image: url(https://www.proaktiva.net/site/templates/img/Factsheet_rahmen.svg);
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 0;
    padding-right: 0;
    width: 10em
}

.component-text-with-image-background strong a:before {
    background-image: none;
    border: 0
}

.page-impressum .component-text strong a, .page-datenschutz .component-text strong a, .page-rechtliches-und-risikohinweise .component-text strong a {
    padding: 0;
    display: inline;
    border: 0;
    position: static
}

.page-impressum .component-text strong a:before, .page-datenschutz .component-text strong a:before, .page-rechtliches-und-risikohinweise .component-text strong a:before {
    content: none
}

.component-persons {
    background-color: #fff
}

.component-persons h2,
.component-persons .h2-design {
    color: var(--blueish);
    font-family: BrandonGrotesqueRegular, sans-serif;
    font-weight: normal;
    text-align: center;
    position: relative
}

.component-persons h2 .inner-text, .component-persons .h2-design .inner-text {
    display: inline-block;
    background-color: #fff;
    position: relative;
    z-index: 1;
    padding: 0 .5em
}

.component-persons h2 .ornament-line, .component-persons .h2-design .ornament-line {
    border-bottom: 2px dotted var(--golden);
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    top: .5em
}

.component-persons .persons {
    width: 103%;
    margin-left: -1.5%
}

@media (min-width: 620px) {
    .component-persons .persons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.component-persons .person {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 47%;
    flex: 0 0 47%;
    margin: 1.5%;
    border: 1.5em solid #fff;
    -webkit-box-shadow: .1em .1em .5em rgba(0, 0, 0, .25);
    box-shadow: .1em .1em .5em rgba(0, 0, 0, .25)
}

@media (min-width: 1030px) {
    .component-persons .person {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30.33%;
        flex: 0 0 30.33%
    }
}

.component-persons .person .image-container {
    margin-bottom: 1em
}

.component-persons .person h3 {
    margin: 0 0 .25em;
    font-size: 1.5em;
    display: inline-block;
    background-color: #fff;
    z-index: 5;
    position: relative
}

.component-persons .person h3 span {
    color: var(--golden);
    font-family: BrandonGrotesqueRegular, sans-serif;
    font-weight: normal
}

.component-persons .person .position {
    font-family: BrandonGrotesqueMedium, sans-serif;
    font-weight: normal;
    margin-bottom: 1em
}

.component-persons .contact-data {
    color: var(--golden)
}

.component-persons .contact-data a {
    text-decoration: none
}

.component-persons .text-container {
    position: relative
}

.component-persons .text-container .detaillink {
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    width: 50%;
    background-color: red
}

.component-persons .text-container .detaillink .ornament-line {
    width: 80%;
    height: 1px;
    border-bottom: 2px dotted var(--golden);
    position: absolute;
    right: 0;
    top: .65em;
    z-index: 1
}

.component-persons .text-container .detaillink .icon {
    z-index: 2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    background-color: var(--blueish);
    border-radius: 50%;
    width: 2em;
    height: 2em;
    padding-top: .2em;
    display: inline-block;
    text-align: center;
    display: none;
    font-family: BrandonGrotesqueBold, sans-serif;
    font-weight: normal;
    position: absolute;
    top: -.3em;
    right: 2em;
    border: 4px solid #fff
}

.component-text-with-image-background {
    margin-left: 0;
    margin-right: 0
}

.component-text-with-image-background .background {
    min-height: 42.5vw;
    padding-top: 5em;
    padding-bottom: 5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    background-size: cover;
    background-position: center top
}

@media (min-width: 1650px) {
    .component-text-with-image-background .background {
        padding-top: 5em !important;
        padding-bottom: 5em !important
    }
}

.component-text-with-image-background .background.pos-top {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.component-text-with-image-background .background.pos-bottom {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.component-text-with-image-background .background .gradient {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .25)), to(rgba(0, 0, 0, 0)));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .25), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .25), rgba(0, 0, 0, 0));
    position: absolute
}

.component-text-with-image-background .background .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    left: -2, 5em
}

@media (min-width: 1030px) {
    .component-text-with-image-background .background .inner {
        max-width: 70%
    }
}

.component-text-with-image-background .background .icon-container {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 4em;
    flex: 0 0 4em;
    margin-right: 1em;
    position: relative;
    top: -.6em
}

.component-text-with-image-background .background .icon-container:before {
    content: "";
    width: 100%;
    height: 2em;
    background-color: rgba(0, 0, 0, .5);
    -webkit-filter: blur(40px);
    filter: blur(40px);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
}

.component-text-with-image-background .background .icon-container svg {
    position: relative;
    z-index: 3
}

.component-text-with-image-background .background-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center top;
    object-position: center top
}

.component-text-with-image-background .background-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center top;
    object-position: center top
}

.component-text-with-image-background h2, .component-text-with-image-background .h2-design {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1em
}

.component-text-with-image-background .content-block {
    background-color: rgba(255, 255, 255, .85);
    padding: 1.5em
}

.component-text-with-image-background .content-block .content-block-inner {
    padding: 1.5em 5%;
    border: 1px solid var(--golden)
}

@media (max-width: 619px) {
    .component-text-with-image-background .content-block.has-icon-container {
        width: calc(100% + 5em);
        margin-left: -5em
    }
}

.component-text-with-image-background p {
    margin-top: 0;
    margin-bottom: .75em
}

@media (min-width: 620px) {
    .component-text-with-image-background .align_left {
        margin-top: .75em
    }
}

.icon-color-blue .background path {
    fill: var(--blueish) !important
}

.icon-color-gold .background path {
    fill: var(--golden) !important
}

.icon-color-white .background path {
    fill: #fff !important
}

.component-specialgallery .gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% + 15px)
}

.component-specialgallery .has-gallery:not(.images-count-1) {
}

.component-specialgallery .has-gallery:not(.images-count-1) .grid-item {
    border-width: 15px;
    cursor: pointer;
    position: relative;
    width: 25%;
    background-color: transparent;
    height: 17em
}

@media (max-width: 1299px) {
    .component-specialgallery .has-gallery:not(.images-count-1) .grid-item {
        width: 33.3333%;
        height: 19em
    }
}

@media (max-width: 799px) {
    .component-specialgallery .has-gallery:not(.images-count-1) .grid-item {
        width: 50%;
        height: 19em
    }
}

@media (max-width: 599px) {
    .component-specialgallery .has-gallery:not(.images-count-1) .grid-item {
        width: 100%;
        max-width: 100%
    }
}

.component-specialgallery .has-gallery:not(.images-count-1) .grid-item img {
    -webkit-transition: -webkit-transform .4s cubic-bezier(.5, 0, 0, 1);
    transition: -webkit-transform .4s cubic-bezier(.5, 0, 0, 1);
    -o-transition: transform .4s cubic-bezier(.5, 0, 0, 1);
    transition: transform .4s cubic-bezier(.5, 0, 0, 1);
    transition: transform .4s cubic-bezier(.5, 0, 0, 1), -webkit-transform .4s cubic-bezier(.5, 0, 0, 1);
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.component-specialgallery .has-gallery:not(.images-count-1) .flip-card {
    -webkit-perspective: 1000px;
    perspective: 1000px
}

.component-specialgallery .has-gallery:not(.images-count-1) .flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    -webkit-transition: -webkit-transform 1.5s cubic-bezier(.5, 0, 0, 1);
    transition: -webkit-transform 1.5s cubic-bezier(.5, 0, 0, 1);
    -o-transition: transform 1.5s cubic-bezier(.5, 0, 0, 1);
    transition: transform 1.5s cubic-bezier(.5, 0, 0, 1);
    transition: transform 1.5s cubic-bezier(.5, 0, 0, 1), -webkit-transform 1.5s cubic-bezier(.5, 0, 0, 1);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.component-specialgallery .has-gallery:not(.images-count-1) .flip-card-inner:before {
    content: "";
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 40, 70, .8)), color-stop(50%, rgba(0, 80, 140, .1)));
    background-image: -o-linear-gradient(bottom, rgba(0, 40, 70, .8), rgba(0, 80, 140, .1) 50%);
    background-image: linear-gradient(to top, rgba(0, 40, 70, .8), rgba(0, 80, 140, .1) 50%);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.component-specialgallery .has-gallery:not(.images-count-1) .flip-card:hover .flip-card-inner {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.component-specialgallery .has-gallery:not(.images-count-1) .flip-card-front, .component-specialgallery .has-gallery:not(.images-count-1) .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden
}

.component-specialgallery .has-gallery:not(.images-count-1) .flip-card-front {
    background-color: #bbb;
    color: #000
}

.component-specialgallery .has-gallery:not(.images-count-1) .flip-card-back {
    background-color: var(--golden);
    color: #fff;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    padding: 1em;
    font-weight: normal;
    font-size: .9em;
    z-index: 5;
    text-align: left
}

.component-specialgallery .has-gallery:not(.images-count-1) .flip-card-back p {
    line-height: 1.1em;
    font-weight: 300
}

.component-specialgallery .has-gallery:not(.images-count-1) .flip-card-back h6 {
    font-size: 1.2em;
    margin: 0
}

.component-specialgallery .has-gallery:not(.images-count-1) .grid-item-special {
    cursor: default;
    color: #fff;
    z-index: 50
}

.component-specialgallery .has-gallery:not(.images-count-1) .grid-item-special h2 {
    color: #fff
}

.component-specialgallery .has-gallery:not(.images-count-1) .grid-item-special:before {
    content: none
}

.component-specialgallery .has-gallery:not(.images-count-1) .grid-main-center-inner {
    background-color: rgba(0, 80, 140, .9);
    z-index: 50;
    position: relative;
    padding: 2em;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.component-specialgallery .has-gallery:not(.images-count-1) .grid-item:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.component-specialgallery .hidden-text {
    display: none
}

.component-specialgallery .value-title {
    font-size: 1.5em;
    text-transform: uppercase;
    opacity: .5;
    display: block;
    margin: 0 0 .25em 0
}

.component-specialgallery p {
    margin: 0 0 .25em 0
}

.component-specialgallery h5 {
    width: 100%;
    -webkit-backdrop-filter: blur(1em);
    backdrop-filter: blur(1em);
    text-align: left
}

.component-specialgallery h5:before {
    content: "";
    width: 66%;
    height: 3px;
    background-color: var(--golden);
    position: absolute;
    top: -.25em;
    right: -1em
}

.has-gallery:not(.images-count-1) .grid-item {
    max-width: 50%;
    border: 5px solid transparent;
    border-left: 0;
    border-top: 0
}

.has-gallery:not(.images-count-1) h5 {
    position: absolute;
    z-index: 2;
    color: #fff;
    bottom: 0;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    text-transform: uppercase;
    font-size: 1.2em;
    padding: 1em;
    margin: 0;
    text-shadow: 0 0 1em rgba(0, 0, 0, .5)
}

@media (min-width: 1030px) {
    .contact-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.contact-inner .part {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    margin-right: 5%
}

.contact-inner .part1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (min-width: 1030px) {
    .contact-inner .part1 {
        border-right: 4px dotted var(--golden)
    }
}

.contact-inner .part1 .dots {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 2em;
    flex: 0 0 2em;
    margin-right: .5em
}

.contact-inner .part1 .after-dots {
    margin-bottom: 1em
}

.contact-inner .part1 h3 {
    margin: -.2em 0 .5em;
    text-transform: uppercase;
    font-size: 1.8em
}

.contact-inner .part2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%
}

.contact-inner .part3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.contact-inner .image-container {
    border: .75em solid #fff;
    -webkit-box-shadow: .3em .3em 1em rgba(0, 0, 0, .25);
    box-shadow: .3em .3em 1em rgba(0, 0, 0, .25)
}

.contact-inner .link-button {
    margin-top: 1em
}

.columns-press .column.has-no-person-or-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 0
}

.columns-press .mood-image {
    margin-top: auto
}

.columns-press .bottom-link {
    font-size: 1.4em;
    text-decoration: none;
    text-align: center;
    padding: 1.5em 0 0;
    background-color: #fff;
    position: relative
}

.columns-press .bottom-link:before {
    position: absolute;
    left: 0;
    top: .75em;
    border-top: 2px dotted var(--golden);
    width: 100%;
    height: 1px;
    content: ""
}

.component-person-details {
    margin-top: 0
}

.component-person-details .h2-design {
    font-family: BrandonGrotesqueRegular, sans-serif;
    font-weight: normal
}

.component-person-details h1 {
    margin: 0;
    font-family: BrandonGrotesqueRegular, sans-serif;
    font-weight: normal
}

.component-person-details .contact-line {
    border-top: 2px dotted var(--golden);
    margin-top: 2em
}

.component-person-details .contact-line .links {
    margin-top: -1.4em;
    text-align: right
}

.component-person-details .contact-line a {
    margin: 0 1em;
    text-decoration: none
}

.component-person-details .contact-line a:last-child {
    margin-right: 2.7em
}

.component-person-details .contact-line img {
    width: 3em;
    padding: .5em;
    background-color: #fff
}

.component-person-details .contact-line .linkedin {
    position: relative;
    top: -.1em
}

.component-person-details .contact-line .linkedin img {
    width: 2.8em
}

.component-person-details .person-quote .inner {
    padding: 0
}

.component-person-details .person-main-image {
    width: 100%
}

.component-person-details .person-head-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 1em
}

.component-person-details .closer {
    background-color: var(--golden);
    color: #fff;
    font-weight: bold;
    border-radius: 50%;
    width: 1.5em;
    font-size: 1.2em;
    height: 1.5em;
    padding: .1em;
    text-align: center;
    text-decoration: none
}

.component-person-details .position {
    font-family: BrandonGrotesqueRegular, sans-serif;
    font-weight: normal;
    text-transform: none;
    margin: 0;
    margin-left: 5.2em;
    margin-bottom: .75em;
    color: var(--golden)
}

.component-person-details .text {
    margin-bottom: 3em
}

.gridblocks {
    width: 103%;
    margin-left: -1.5%
}

@media (max-width: 1029px) {
    .gridblocks {
        width: 100%;
        margin-left: 0
    }
}

@media (min-width: 1030px) {
    .gridblock-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.gridblock-wrapper.sort-text-right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.gridblock-wrapper .block {
    background-color: var(--light);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5%;
    margin: 1.5% 0
}

.gridblock-wrapper .block:after {
    content: "";
    display: block;
    clear: both
}

.darkfond .gridblock-wrapper .block {
    background-color: #fff
}

@media (min-width: 1030px) {
    .gridblock-wrapper .block {
        margin: 1.5%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 47%;
        flex: 0 0 47%
    }
}

.gridblock-wrapper .image-block {
    padding: 2%
}

@media (max-width: 1029px) {
    .gridblock-wrapper .image-block {
        display: none
    }
}

.gridblock-wrapper .bold-button-wrapper {
    text-align: center
}

@media (max-width: 619px) {
    .gridblock-wrapper .bold-button-wrapper {
        margin-bottom: 2em
    }
}

.gridblock-wrapper .gridblock-text {
    margin-bottom: 2em
}

@media (min-width: 620px) {
    .gridblock-wrapper .gridblock-text {
        margin-left: 2.5rem
    }
}

.gridblock-wrapper h3 {
    color: var(--golden);
    font-family: BrandonGrotesqueRegular, sans-serif;
    font-weight: normal;
    font-size: 1.6em;
    padding-left: 2.5rem;
    background-position: left center;
    margin: .5em 0;
    background-size: 1em
}

@media (min-width: 1030px) {
    .gridblock-wrapper h3 {
        font-size: 1.85em
    }
}

.bold-button, .InputfieldSubmit .InputfieldContent {
    background-color: var(--golden);
    color: #fff;
    display: inline-block;
    text-decoration: none;
    font-size: 1.25em;
    padding: .25em
}

.bold-button .button-inner, .bold-button button, .InputfieldSubmit .InputfieldContent .button-inner, .InputfieldSubmit .InputfieldContent button {
    border: 1px solid #fff;
    padding: .25em .75em !important
}

.InputfieldSubmit .InputfieldContent {
    display: inline-block !important;
    padding-left: .25em !important;
    font-size: 1em
}

.InputfieldSubmit .InputfieldContent button {
    color: #fff !important;
    background-color: transparent !important;
    font-size: 1em;
    text-align: center
}

@media (max-width: 479px) {
    .InputfieldSubmit .InputfieldContent button {
        padding-left: .25em !important;
        margin-left: .25em;
        width: calc(100% - .5em) !important
    }
}

@media (min-width: 480px) {
    .InputfieldSubmit .InputfieldContent button {
        margin-left: 0;
        width: 100% !important
    }
}

.FormBuilder {
    font-size: 1.2em
}

.FormBuilder .InputfieldFormBuilderPageBreak {
    font-size: .675em
}

.FormBuilder input[type="text"], .FormBuilder input[type="email"] {
    padding: .25em .5em;
    border: rgba(0, 0, 0, .5);
    font-size: 1em
}

.FormBuilder textarea {
    padding: .25em .5em;
    border: rgba(0, 0, 0, .5);
    font-size: 1em
}

.FormBuilder select, .FormBuilder input[type="number"], .FormBuilder input[type="text"], .FormBuilder input[type="email"], .FormBuilder textarea {
    font-size: 1em;
    font-family: inherit;
    padding: .25em .5em;
    border-radius: .3em;
    border: 1px solid #c3c3c3;
    background-color: #fff;
    max-width: 100%;
    width: 20em
}

.FormBuilder textarea {
    width: 30em
}

.FormBuilder .InputfieldForm input[type="radio"] {
    position: relative;
    top: .1em;
    margin-right: .35em;
    width: 1em;
    height: 1em
}

@media (min-width: 1030px) {
    .align_right {
        float: right
    }

    .page-impressum .align_right {
        position: relative;
        top: -1.5em
    }
}

@media (max-width: 1029px) {
    .align_right {
        display: block
    }
}

@media (min-width: 620px) {
    .align_left {
        float: left;
        margin-right: 1em
    }
}

.page-impressum main h4, .page-datenschutz main h4, .page-rechtliches-und-risikohinweise main h4 {
    color: var(--blueish);
    font-family: BrandonGrotesqueBold, sans-serif;
    font-weight: normal;
    font-size: 1.15em
}

@media (min-width: 620px) {
    .page-impressum main p, .page-impressum main h4, .page-impressum main ul, .page-impressum main ol, .page-datenschutz main p, .page-datenschutz main h4, .page-datenschutz main ul, .page-datenschutz main ol, .page-rechtliches-und-risikohinweise main p, .page-rechtliches-und-risikohinweise main h4, .page-rechtliches-und-risikohinweise main ul, .page-rechtliches-und-risikohinweise main ol {
        margin-left: 5.5rem
    }
}

.page-impressum main p p, .page-impressum main h4 p, .page-impressum main ul p, .page-impressum main ol p, .page-datenschutz main p p, .page-datenschutz main h4 p, .page-datenschutz main ul p, .page-datenschutz main ol p, .page-rechtliches-und-risikohinweise main p p, .page-rechtliches-und-risikohinweise main h4 p, .page-rechtliches-und-risikohinweise main ul p, .page-rechtliches-und-risikohinweise main ol p {
    margin-left: 0
}

.page-impressum main h1 strong, .page-impressum main h2 strong, .page-impressum main h3 strong, .page-impressum main h4 strong, .page-datenschutz main h1 strong, .page-datenschutz main h2 strong, .page-datenschutz main h3 strong, .page-datenschutz main h4 strong, .page-rechtliches-und-risikohinweise main h1 strong, .page-rechtliches-und-risikohinweise main h2 strong, .page-rechtliches-und-risikohinweise main h3 strong, .page-rechtliches-und-risikohinweise main h4 strong {
    font-weight: normal
}

.download-item {
    border-bottom: 2px dotted var(--golden);
    padding: 1.5em 0
}

@media (max-width: 619px) {
    .download-item {
        margin: 1em auto;
        text-align: left
    }

    .download-item .download-inner {
        max-width: 70%;
        margin: 1em auto
    }
}

@media (min-width: 620px) {
    .download-item .download-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.download-item .download-inner &gt; * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    min-width: 0
}

.download-item:first-child {
    border-top: 2px dotted var(--golden)
}

.download-item .image-container {
    -ms-flex-preferred-size: 23%;
    flex-basis: 23%;
    padding-right: 3%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width: 619px) {
    .download-item .image-container {
        -ms-flex-preferred-size: 33%;
        flex-basis: 33%;
        margin-bottom: 1em
    }
}

.download-item .info {
    -ms-flex-preferred-size: 57%;
    flex-basis: 57%;
    text-align: left
}

@media (max-width: 619px) {
    .download-item .info {
        -ms-flex-preferred-size: 67%;
        flex-basis: 67%
    }
}

.download-item p {
    text-align: left;
    margin: 0
}

.download-item .action {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    text-align: left;
    line-height: 1.3em;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: .5em;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (max-width: 619px) {
    .download-item .action {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin: 1em 0
    }
}

@media (min-width: 620px) {
    .download-item .action {
        text-align: right;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.download-item .action p {
    line-height: 1.4em
}

@media (min-width: 620px) {
    .download-item .action p {
        text-align: right
    }
}

.download-item h2 {
    font-weight: 400;
    color: var(--golden);
    margin: 0;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 1.4em
}

@media (min-width: 1030px) {
    .download-item h2 {
        font-size: 1.2em
    }
}

@media (min-width: 1200px) {
    .download-item h2 {
        font-size: 1.4em
    }
}

.download-item .fileinfo {
    color: var(--golden)
}

.download-item a {
    font-family: BrandonGrotesqueRegular, sans-serif;
    font-weight: normal
}

.download-item a .button-inner {
    padding-bottom: .15em !important
}

.download-item .to-the-article {
    margin-top: .75em;
    display: inline-block
}

.download-item .download {
    font-size: 1.2em
}

@media (max-width: 619px) {
    .download-item .date {
        margin-bottom: .75em;
        line-height: 1.3em
    }

    .download-item .date p {
        line-height: 1.3em
    }

    .download-item .download-link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: left
    }
}

.download-item .download-link a {
    min-width: 7em;
    text-align: center
}

@media (max-width: 619px) {
    .download-item .download-link a {
        margin-right: .5em
    }

    .download-item .download-link p {
        line-height: 1.5em
    }
}

.no-link {
    cursor: default
}

.partially-active .image-container, .partially-active .text {
    opacity: 0
}

.partially-active:after {
    margin-left: 3%
}

.scroll-anchor {
    position: absolute;
    top: -80px
}

.ccm-settings-summoner--link {
    display: none !important
}

.page-fondsbasierte-investmentloesung .no-bottom-margin {
    margin-bottom: -5em
}

.page-fondsbasierte-investmentloesung .columns .attachments .styled-button {
    min-height: 0
}

.InputfieldColumnWidthsInit {
    min-width: 280px
}

.component-downloads {
    margin-top: -1em;
    padding-top: 0
}

.component-downloads .image-container {
    height: 5em
}

@media (min-width: 1030px) {
    .component-downloads .image-container {
        height: 6.1em
    }
}

.component-downloads .image-container img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

.component-button {
    padding-top: 0;
    margin-top: -3em
}

.accordion-item {
    padding: .2em 0 1em;
    border-bottom: 2px dotted var(--golden)
}

.accordion-item .accordion-toggler {
    cursor: pointer
}

.accordion-item .accordion-toggler.active img {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.accordion-item .accordion-body {
    display: none;
    padding-top: 1.5em;
    padding-bottom: 1.5em
}

.accordion-item .accordion-body .component {
    margin: 0 auto
}

.accordion-item h3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.5em;
    font-weight: 400;
    font-family: BrandonGrotesqueMedium, sans-serif;
    font-weight: normal;
    margin: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.accordion-item h3 img {
    height: 1.5em;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.component-accordion {
    padding: 0;
    margin-top: 1em
}

.component-accordion .component {
    padding: 1.5em 0
}

.component-accordion:last-of-type {
    margin-bottom: 4em
}

.component-accordion .inner .inner {
    padding-left: 0;
    padding-right: 0
}

.accordion-end-spacer {
    height: 3em
}

.accordion-start-spacer {
    height: 1.5em
}

.columns.count-3 .image-container-top, .columns.count-4 .image-container-top, .columns.count-5 .image-container-top, .columns.count-6 .image-container-top {
    position: relative;
    text-align: center
}

.columns.count-3 .image-container-top .blocks, .columns.count-4 .image-container-top .blocks, .columns.count-5 .image-container-top .blocks, .columns.count-6 .image-container-top .blocks {
    display: inline-block;
    position: absolute;
    z-index: 5;
    margin-left: -2.75em;
    padding: .5em;
    background-color: #fff
}

.columns.count-3 .image-container-top .blocks.has-image, .columns.count-4 .image-container-top .blocks.has-image, .columns.count-5 .image-container-top .blocks.has-image, .columns.count-6 .image-container-top .blocks.has-image {
    top: 1em;
    margin-left: -5.25em
}

.columns.count-3 .image-container-top .blocks .blocks-inner, .columns.count-4 .image-container-top .blocks .blocks-inner, .columns.count-5 .image-container-top .blocks .blocks-inner, .columns.count-6 .image-container-top .blocks .blocks-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.columns.count-3 .image-container-top .blocks .block, .columns.count-4 .image-container-top .blocks .block, .columns.count-5 .image-container-top .blocks .block, .columns.count-6 .image-container-top .blocks .block {
    width: 10px;
    border: 1.5px solid var(--golden);
    margin: 2px;
    z-index: 10
}

.columns.count-3 .image-container-top .blocks .active, .columns.count-4 .image-container-top .blocks .active, .columns.count-5 .image-container-top .blocks .active, .columns.count-6 .image-container-top .blocks .active {
    background-color: var(--golden)
}

.columns.count-3 .image-container-top .blocks .block-1, .columns.count-4 .image-container-top .blocks .block-1, .columns.count-5 .image-container-top .blocks .block-1, .columns.count-6 .image-container-top .blocks .block-1 {
    height: 1.5em
}

.columns.count-3 .image-container-top .blocks .block-1.active, .columns.count-4 .image-container-top .blocks .block-1.active, .columns.count-5 .image-container-top .blocks .block-1.active, .columns.count-6 .image-container-top .blocks .block-1.active {
    background-color: rgba(165, 148, 102, .15)
}

.columns.count-3 .image-container-top .blocks .block-2, .columns.count-4 .image-container-top .blocks .block-2, .columns.count-5 .image-container-top .blocks .block-2, .columns.count-6 .image-container-top .blocks .block-2 {
    height: 1.75em
}

.columns.count-3 .image-container-top .blocks .block-2.active, .columns.count-4 .image-container-top .blocks .block-2.active, .columns.count-5 .image-container-top .blocks .block-2.active, .columns.count-6 .image-container-top .blocks .block-2.active {
    background-color: rgba(165, 148, 102, .3)
}

.columns.count-3 .image-container-top .blocks .block-3, .columns.count-4 .image-container-top .blocks .block-3, .columns.count-5 .image-container-top .blocks .block-3, .columns.count-6 .image-container-top .blocks .block-3 {
    height: 2em
}

.columns.count-3 .image-container-top .blocks .block-3.active, .columns.count-4 .image-container-top .blocks .block-3.active, .columns.count-5 .image-container-top .blocks .block-3.active, .columns.count-6 .image-container-top .blocks .block-3.active {
    background-color: rgba(165, 148, 102, .45)
}

.columns.count-3 .image-container-top .blocks .block-4, .columns.count-4 .image-container-top .blocks .block-4, .columns.count-5 .image-container-top .blocks .block-4, .columns.count-6 .image-container-top .blocks .block-4 {
    height: 2.25em
}

.columns.count-3 .image-container-top .blocks .block-4.active, .columns.count-4 .image-container-top .blocks .block-4.active, .columns.count-5 .image-container-top .blocks .block-4.active, .columns.count-6 .image-container-top .blocks .block-4.active {
    background-color: rgba(165, 148, 102, .6)
}

.columns.count-3 .image-container-top .blocks .block-5, .columns.count-4 .image-container-top .blocks .block-5, .columns.count-5 .image-container-top .blocks .block-5, .columns.count-6 .image-container-top .blocks .block-5 {
    height: 2.5em
}

.columns.count-3 .image-container-top .blocks .block-5.active, .columns.count-4 .image-container-top .blocks .block-5.active, .columns.count-5 .image-container-top .blocks .block-5.active, .columns.count-6 .image-container-top .blocks .block-5.active {
    background-color: rgba(165, 148, 102, .75)
}

.columns.count-3 .block {
    width: 15px
}

.columns.count-4 .block {
    width: 12px
}

.columns.count-6 .block {
    width: 8px
}

.columns.count-4 .image-container-top .blocks.has-image {
    margin-left: -2.25em
}

.stockpercent {
    margin: 1em 0;
    text-transform: none;
    text-align: center;
    color: var(--golden);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: BrandonGrotesqueBold, sans-serif;
    font-weight: normal
}

.stockpercent .paper {
    width: 1.25em;
    margin-right: .5em
}

.stockpercent .scale {
    background-color: rgba(165, 148, 102, .5);
    width: 10em;
    height: 1.3em;
    margin: 0 auto;
    border-radius: .1em;
    text-align: center;
    position: relative
}

.stockpercent .scale .filled {
    height: 100%;
    background-color: var(--golden);
    position: absolute;
    left: 0;
    top: 0
}

.stockpercent .scale .fill-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-shadow: 1px 1px 3px #746847;
    font-size: .8em;
    white-space: nowrap;
    color: #fff;
    position: relative;
    z-index: 3;
    padding: .2em .4em
}

.scale-blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 10em;
    padding-left: 3.5em;
    padding-right: 3.5em;
    position: relative
}

.scale-blocks .dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 7em);
    position: absolute;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    top: calc(10em - 10px)
}

.scale-blocks .dot {
    background-color: var(--blueish);
    width: 1em;
    height: 1em;
    z-index: 2;
    border-radius: 50%;
    position: relative
}

.scale-blocks .dot-2 {
    left: 2px
}

.scale-blocks .dot-3 {
    left: 3px
}

.scale-blocks .dot-4 {
    left: 6px
}

.scale-blocks .dot-5 {
    left: 8px
}

.scale-blocks .dot-6 {
    left: 9px
}

.scale-blocks .fond-item-wrapper-1 {
    position: relative;
    left: 30%
}

.scale-blocks .fond-item-wrapper-2 {
    position: relative;
    left: 30%
}

.scale-blocks .fond-item-wrapper-3 {
    position: relative;
    left: 20%
}

.scale-blocks .fond-item-wrapper-4 {
    position: relative;
    left: 40%
}

.scale-blocks .scale-block {
    height: 10em;
    width: 25%;
    border-bottom: 5px solid var(--blueish);
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%
}

.scale-blocks .scale-block:nth-child(2n) {
    border-top: 5px solid var(--blueish);
    border-bottom: 0;
    top: calc(10em - 5px)
}

.scale-blocks .scale-block:nth-child(2n) .fond-item {
    top: 3em
}

@media (max-width: 619px) {
    .scale-blocks .scale-block:nth-child(2n) .fond-item {
        top: 5.5em
    }
}

.scale-blocks .scale-block:nth-child(2n) .line {
    top: -.25em
}

.scale-blocks .scale-block.last {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 0;
    flex: 0 0 0;
    border-bottom: 0
}

.scale-blocks .line {
    border-left: 5px solid var(--blueish);
    height: 5em;
    width: 2em;
    position: absolute;
    top: 5em;
    left: -2.5px;
    z-index: 0
}

.scale-blocks .fond-item {
    z-index: 2;
    text-decoration: none;
    font-weight: bold;
    color: #fff;
    padding: .5rem;
    position: absolute;
    border-radius: 50%;
    background-color: var(--blueish);
    width: 5rem;
    height: 5rem;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    left: -2.5rem;
    font-size: .8em
}

@media (min-width: 620px) {
    .scale-blocks .fond-item {
        width: 7rem;
        height: 7rem;
        left: -3.5rem;
        font-size: 1em
    }
}

.scale-blocks .fond-item .headline {
    display: block;
    position: relative;
    z-index: 2;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    -o-transition: transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.scale-blocks .fond-item:hover .headline, .scale-blocks .fond-item:focus .headline {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.scale-blocks .percent-info {
    position: absolute;
    bottom: 8rem;
    padding: .1em .5em;
    font-weight: bold;
    z-index: 15;
    background-color: rgba(255, 255, 255, .8)
}

@media (min-width: 620px) {
    .scale-blocks .percent-info {
        bottom: 7.5rem;
        font-size: 1.4em
    }
}

.scale-blocks .percent-info1 {
    left: 0
}

.scale-blocks .percent-info2 {
    right: 0
}

.scaleblocks-outer {
    margin: 4em 0
}

.scaleblocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 102%;
    margin-left: -1%;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 2em
}

.scaleblocks .scaleblock {
    border: 1px solid var(--golden);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 18%;
    flex: 0 0 18%;
    margin: 0 1%;
    padding: 1em;
    text-decoration: none;
    position: relative
}

.scaleblocks .scaleblock:before {
    -webkit-transition: height 1s;
    -o-transition: height 1s;
    transition: height 1s;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0;
    width: 100%
}

.scaleblocks .scaleblock:hover:before {
    height: 100%;
    background-color: var(--golden)
}

.scaleblocks .scaleblock:hover .percent {
    opacity: 1
}

.scaleblocks .scaleblock:hover .headline {
    color: #fff
}

.scaleblocks .scaleblock .headline {
    text-transform: uppercase;
    color: var(--golden);
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-weight: bold;
    -webkit-transition: color 1s;
    -o-transition: color 1s;
    transition: color 1s
}

@media (min-width: 620px) {
    .scaleblocks .scaleblock .headline {
        bottom: 0;
        font-size: .85em;
        top: 1em;
        left: 1em;
        padding-right: 1em
    }
}

@media (min-width: 1030px) {
    .scaleblocks .scaleblock .headline {
        font-size: 1.1em
    }
}

@media (max-width: 619px) {
    .scaleblocks .scaleblock .headline {
        font-size: .6em;
        z-index: 2;
        left: .2em;
        top: .3em;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        letter-spacing: -.5px
    }
}

.scaleblocks .scaleblock-3 .headline, .scaleblocks .scaleblock-4 .headline, .scaleblocks .scaleblock-5 .headline {
    color: #fff
}

.scaleblocks .scaleblock-1 {
    height: calc(3em + 1 * 2em);
    background-color: rgba(165, 148, 102, .15)
}

.scaleblocks .scaleblock-2 {
    height: calc(3em + 2 * 2em);
    background-color: rgba(165, 148, 102, .3)
}

.scaleblocks .scaleblock-3 {
    height: calc(3em + 3 * 2em);
    background-color: rgba(165, 148, 102, .45)
}

.scaleblocks .scaleblock-4 {
    height: calc(3em + 4 * 2em);
    background-color: rgba(165, 148, 102, .6)
}

.scaleblocks .scaleblock-5 {
    height: calc(3em + 5 * 2em);
    background-color: rgba(165, 148, 102, .75)
}

.scaleblocks .percent {
    position: absolute;
    bottom: -2em;
    font-weight: bold;
    text-align: center;
    width: 100%;
    left: 0;
    opacity: 0;
    white-space: nowrap;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s
}

@media (max-width: 619px) {
    .scaleblocks .percent {
        font-size: .7em;
        opacity: 1
    }
}

.scaleblock-line {
    height: 2px;
    width: 100%;
    background-color: var(--blueish);
    margin-bottom: .5em;
    position: relative
}

.scaleblock-line:before, .scaleblock-line:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: .8em;
    height: .8em;
    background-color: var(--blueish);
    border-radius: 50%;
    margin-top: -.35em
}

.scaleblock-line:after {
    right: 0;
    left: auto
}

.scaleblock-line-text {
    text-align: right;
    font-weight: bold;
    margin-right: 1em
}

.fond-anchor {
    position: relative;
    top: -9em
}

.component-event {
    max-width: 88rem;
    margin: 0 auto;
    margin-bottom: 3em
}

.component-event .component {
    border-right: 0;
    border-radius: .2em;
    padding: 0 3%;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0
}

@media (min-width: 620px) {
    .component-event .component {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.component-event .inner {
    background-color: var(--light);
    padding-top: 3em;
    padding-bottom: 3em;
    border: 1px solid rgba(165, 148, 102, .2);
    border-left-color: rgba(165, 148, 102, .35)
}

@media (min-width: 620px) {
    .component-event .image-and-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.component-event .image-container {
    margin-right: 2em;
    -webkit-box-shadow: -.25em .5em 2em rgba(0, 40, 70, .25);
    box-shadow: -.25em .5em 2em rgba(0, 40, 70, .25);
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%
}

@media (max-width: 619px) {
    .component-event .image-container {
        width: 30%;
        float: left;
        margin-bottom: .5em
    }
}

.component-event .date {
    margin-right: 1em;
    font-weight: bold
}

.component-event .text-container {
    margin-bottom: 2em
}

.component-event .meta {
    padding: 1.5em 1em .5em;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 32%;
    flex: 0 0 32%;
    background-color: var(--blueish);
    color: #fff;
    line-height: 1.4em;
    overflow: visible
}

@media (min-width: 620px) {
    .component-event .meta {
        margin-bottom: 0;
        padding: 3em 2em 6em;
        position: relative
    }
}

.component-event .meta .title img {
    width: 6.15rem;
    margin-bottom: .25em
}

.component-event .meta time {
    display: block
}

@media (min-width: 620px) {
    .component-event .meta time {
        margin-bottom: 1em
    }
}

.component-event .meta h4 {
    font-size: 2em;
    text-transform: uppercase;
    font-family: BrandonGrotesqueRegular, sans-serif;
    font-weight: normal;
    color: var(--golden);
    margin-bottom: .5em
}

@media (min-width: 620px) {
    .component-event .meta h4 {
        margin-bottom: 1em
    }
}

@media (max-width: 619px) {
    .component-event .meta .bold-button-wrapper {
        position: absolute;
        bottom: -2em;
        left: 0%;
        right: 0;
        width: 100%;
        z-index: 2
    }

    .component-event .meta .bold-button-wrapper .bold-button {
        display: block;
        margin: 0 auto;
        width: 10em
    }
}

.component-event .text {
    position: relative;
    padding-right: .5em
}

.component-event address {
    font-style: normal;
    margin-bottom: 1em
}

.component-event a {
    text-decoration: none
}

.component-event ul {
    padding-left: 1.3em
}

.component-event .persons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 104%;
    margin-left: -2%
}

.component-event .person {
    margin: 2%;
    width: 46%;
    max-width: 7em;
    position: relative;
    margin-bottom: 1em
}

.component-event .person img {
    border-radius: 50%;
    margin-bottom: .25em
}

.component-event .personname {
    line-height: 1em;
    font-size: .85em;
    text-align: center
}

.component-event .personname img {
    width: 1.7em;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    margin-left: -.2em
}

.component-event .button-inner {
    white-space: nowrap
}

.component-event .bold-button-wrapper {
    position: absolute;
    bottom: 2em;
    left: -2em;
    width: 100%
}

.component-event .bold-button-wrapper .bold-button {
    cursor: pointer;
    background-color: var(--golden);
    font-family: BrandonGrotesqueBold, sans-serif;
    font-weight: normal;
    font-size: 1.5em;
    text-align: center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

@media (max-width: 1199px) {
    .component-event .bold-button-wrapper .bold-button {
        font-size: 1.15em
    }
}

.component-event .bold-button-wrapper .bold-button:disabled {
    cursor: wait;
    opacity: .5
}

.component-event .bold-button-wrapper .bold-button .button-inner {
    border-color: rgba(255, 255, 255, .5);
    padding-bottom: 0 !important
}

.component-event .bold-button-wrapper .bold-button img {
    width: 1.25em;
    margin-right: .25em;
    -webkit-filter: invert(1);
    filter: invert(1);
    opacity: .5;
    position: relative;
    top: -.2em;
    font-weight: bold
}

.component-event form {
    font-size: 1.2em
}

.component-event form:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 2em;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 80, 140, .075)), to(rgba(0, 0, 0, 0)));
    background-image: -o-linear-gradient(top, rgba(0, 80, 140, .075), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 80, 140, .075), rgba(0, 0, 0, 0))
}

.component-event form.component {
    padding: 1em 0;
    border: 0;
    margin: 0 3% 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    z-index: 5;
    background-color: rgba(0, 80, 140, .1)
}

.component-event form .privacy {
    margin: 0 3.5%;
    margin-bottom: 1em
}

.component-event form .privacy label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.component-event form .privacy input {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1.25em;
    flex: 0 0 1.25em;
    width: 1.25em;
    height: 1.25em;
    margin-right: .5em;
    position: relative;
    top: -.1em
}

.component-event form .bold-button-wrapper {
    left: auto;
    right: 1em;
    bottom: 1em;
    position: absolute;
    float: right;
    width: auto;
    font-size: .9em
}

.component-event form .bold-button-wrapper img {
    position: relative;
    top: -.175em !important
}

.component-event .additional-person {
    position: relative;
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1.5em 3.5%
}

.component-event .additional-person:nth-child(2n-1) {
    background-color: rgba(0, 80, 140, .1)
}

.component-event a {
    cursor: pointer
}

.component-event .clear {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.component-event .form-item {
    margin-right: .5em
}

.component-event .form-item label {
    display: block;
    margin-bottom: .25em
}

.component-event .form-item input {
    border: 0;
    padding: .5em;
    border-bottom: 1px solid rgba(165, 148, 102, .5)
}

.component-event .add-person-button {
    margin: 1em 3.5% 0;
    background-color: var(--blueish);
    color: #fff;
    padding: .5em 1em;
    cursor: pointer
}

.component-event .first-person {
    padding: 1em 3.5%
}

@media (min-width: 1030px) {
    .component-event .first-person {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media (max-width: 619px) {
    .component-event .first-person {
        width: 100%
    }

    .component-event .first-person input {
        width: 100%
    }
}

.component-event .additional-persons {
    padding: 1em 3.5%;
    flex:0 0 100%
}

.component-event .additional-persons h4 {
    font-size: 1em;
    color: var(--blueish);
    margin-bottom: .5em
}

.component-event .additional-persons label {
    padding: .25em .5em;
    margin-left: -.5em;
    display: block
}

.component-event .additional-persons label input {
    margin-right: .35em;
    width: 1.25em;
    height: 1.25em
}

.component-event .additional-persons label .text {
    position: relative;
    top: -.3em
}

.component-event .items-wrapper {
    display: flex;
    align-items: center;
}

.component-event .remove {
    position: absolute;
    top: .5em;
    right: .5em;
    font-size: .8em;
    cursor: pointer
}

.component-event .remove span {
    font-weight: bold;
    -webkit-transform: scale(1, .8);
    -ms-transform: scale(1, .8);
    transform: scale(1, .8)
}

.component-event form .last-line-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    position: absolute;
    bottom: 0;
    min-height: 1em
}

.component-event form .last-line-wrapper .bold-button-wrapper {
    margin-bottom: -3em;
    right: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 35%;
    flex: 1 0 35%
}

@media (min-width: 1030px) {
    .component-event form .last-line-wrapper .bold-button-wrapper {
        width: 35%
    }
}

@media (max-width: 1199px) {
    .component-event form .last-line-wrapper .bold-button-wrapper {
        margin-bottom: -2.5em
    }
}

.component-event form .last-line-wrapper .bold-button {
    width: 100%
}

.component-event form .last-line-wrapper button {
    width: 100%;
    white-space: nowrap;
    border: 0
}

.component-event .error, .component-event .success {
    padding: 1em;
    font-weight: bold;
    text-align: center;
    color: #fff
}

.component-event .error {
    background-color: #a30808
}

.component-event .success {
    background-color: #319923
}

.component-event .messages {
    background-color: transparent;
    border: 0;
    font-size: 1.3em;
    padding-top: 0;
    margin: -1em 2.5rem -2em
}

.ccm-root .ccm-widget--buttons .button, .ccm-root .ccm-widget--buttons button {
    font-size: .9em !important;
    padding-left: .35em !important;
    padding-right: .35em !important;
    height: 50px
}

.anchor1 {
    position: relative;
    top: -3em
}

.jobs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 102%;
    margin-left: -1%
}

.job {
    background-color: var(--light);
    border-bottom: 1px solid #e0e0d9;
    border-right: 1px solid #d3e0ea;
    border-left: 1px solid #ecece7;
    text-decoration: none;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 96%;
    flex: 0 0 96%;
    border-radius: .3em;
    overflow: hidden;
    -webkit-box-shadow: .1em .1em .75em rgba(0, 40, 70, .15);
    box-shadow: .1em .1em .75em rgba(0, 40, 70, .15);
    margin: 1%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 620px) {
    .job {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
        flex: 0 0 48%
    }
}

@media (min-width: 1030px) {
    .job {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 31.33%;
        flex: 0 0 31.33%
    }
}

.job .main-image {
    width: 100%
}

.job .text-area {
    padding: 2em 1.5em
}

.job .text-area h3 {
    font-size: 1.375em;
    letter-spacing: -.02em;
    margin: 0 0 .5em;
    color: var(--golden);
    text-transform: uppercase;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    padding: 0;
    background: none;
    font-family: BrandonGrotesqueBold, sans-serif;
    font-weight: normal;
    min-height: 2.35em
}

.job .text-area h3:before {
    content: none
}

.job .text-area .subline1, .job .text-area .subline2 {
    font-size: 1.2em;
    line-height: 1.3em
}

.job .text-area .subline1 {
    margin-bottom: .75em
}

.job .cta {
    margin-top: auto;
    background-color: var(--blueish);
    color: #fff;
    padding: 1em 1.5em
}

.job .cta img {
    width: 1.15em;
    top: -.2em;
    position: relative;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.waitinglist-info {
    margin-bottom: 1em;
    display: block;
    letter-spacing: .1em
}

.component-eventlinks ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.component-eventlinks ul img {
    width: 1.5em;
    margin-top: -.75em;
    margin-right: .5em
}

.component-eventlinks ul a {
    text-decoration: none
}

.component-eventlinks ul li {
    margin-bottom: 1em
}

.component-eventlinks .event-main-title {
    color: var(--golden);
    text-transform: uppercase;
    font-family: BrandonGrotesqueBold, sans-serif;
    font-weight: normal
}

.job-application-badge {
    background-color: var(--golden);
    width: 8em;
    height: 8em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1em;
    border-radius: 50%;
    -webkit-box-shadow: .3em .3em 1em rgba(0, 0, 0, .25);
    box-shadow: .3em .3em 1em rgba(0, 0, 0, .25);
    color: #fff;
    position: fixed;
    top: 8.5em;
    right: 1em;
    text-decoration: none;
    z-index: 6
}

.job-application-badge .text {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    text-align: center;
    font-size: 1.5em;
    line-height: 1em;
    font-family: BrandonGrotesqueBold, sans-serif;
    font-weight: normal;
    -webkit-transform: rotate(-7deg);
    -ms-transform: rotate(-7deg);
    transform: rotate(-7deg)
}

.job-page .component-job {
    margin: 0
}

.job-page .component-job h2 {
    max-width: calc(100% - 4em);
    margin-bottom: 0
}

.job-page .component-job h3 {
    margin-top: .25em;
    margin-bottom: 3em
}

.job-page .component.darkfond {
    margin-bottom: 0
}

.job-page .component-text ul {
    padding: 0;
    list-style-type: none
}

.job-page .component-text li {
    background-image: url(https://www.proaktiva.net/site/templates/img//xlogopunkt-origin-size.png.pagespeed.ic.thtpmG_hJ8.webp);
    background-size: 1.25em;
    background-position: 0 9px;
    background-repeat: no-repeat;
    padding-left: 2.25em;
    margin-bottom: .5em
}

.job-page .job-benefits {
    margin-top: -1em
}

@media (min-width: 620px) {
    .job-page .job-benefits {
        margin-top: 1em
    }
}

@media (max-width: 619px) {
    .job-page .job-benefits {
        padding-left: 1em;
        padding-right: 1em
    }
}

.job-page .job-benefits-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-bottom: 2em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 620px) {
    .job-page .job-benefits-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-left: -2em;
        font-size: 1.2em
    }
}

@media (max-width: 619px) {
    .job-page .job-benefits-list {
        margin-bottom: 0
    }
}

.job-page .job-benefits-list .benefit {
    margin-bottom: 1em;
    background-color: var(--blueish);
    color: #fff;
    border-radius: .2em;
    padding: .4em .75em;
    line-height: 1em;
    margin-right: .5em;
    margin-bottom: .5em;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: .2em .2em 1.5em rgba(0, 40, 70, .2), .15em .15em .4em rgba(0, 80, 140, .1);
    box-shadow: .2em .2em 1.5em rgba(0, 40, 70, .2), .15em .15em .4em rgba(0, 80, 140, .1);
    border-bottom: 1px solid rgba(255, 255, 255, .35);
    border-right: 1px solid rgba(255, 255, 255, .5)
}

.job-page .job-benefits-list .benefit img {
    -webkit-filter: invert(1);
    filter: invert(1);
    opacity: .5;
    width: 1.25em;
    margin-right: .25em;
    position: relative;
    top: .05em
}

.job-page .job-benefits-list li {
    background-image: none
}

@media (min-width: 620px) {
    .job-image-and-benefits {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .job-image-and-benefits .job-image {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        border-radius: .35em;
        overflow: hidden
    }

    .job-image-and-benefits .job-image img, .job-image-and-benefits .job-image video {
        width: 100%
    }

    .job-image-and-benefits h3 {
        margin-left: 2em
    }
}

.InputfieldColumnWidthsInit {
    margin: 0;
    padding: 0;
    border: 0
}

.application-form-wrapper {
    background-color: #e5edf3;
    margin: 3em 1.5% 3em;
    padding-top: 3em;
    padding-bottom: 3em;
    position: relative;
    z-index: 7
}

#FormBuilder_bewerbung input {
    padding: .5em .75em;
    border-radius: .2em
}

fieldset {
    border: 0;
    width: 104% !important;
    margin-left: -2% !important;
    padding: 0
}

fieldset .InputfieldContent {
    padding: 0
}

fieldset ul {
    margin: 0;
    padding: 0
}

fieldset .Inputfields {
    padding: 0
}

@media (min-width: 1030px) {
    fieldset .Inputfields {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

fieldset .Inputfields .Inputfield {
    margin: 0 2%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0
}

@media (max-width: 1029px) {
    fieldset .Inputfields .Inputfield {
        margin-bottom: 2em
    }
}

fieldset legend {
    display: none
}

fieldset input[type="file"] {
    font-size: .6em;
    background-color: rgba(0, 80, 140, .2);
    border: 1px dashed var(--blueish);
    border-radius: .3em;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    width: 100%
}

fieldset input[type="file"]::-webkit-file-upload-button {
    border: 0;
    color: #fff;
    background-color: var(--blueish);
    padding: .9em 1.5em;
    font-family: BrandonGrotesqueBold, sans-serif;
    font-weight: normal
}

fieldset input[type="file"]::file-selector-button {
    border: 0;
    color: #fff;
    background-color: var(--blueish);
    padding: .9em 1.5em;
    font-family: BrandonGrotesqueBold, sans-serif;
    font-weight: normal
}

.InputfieldFormBuilderFileAdd button {
    font-family: BrandonGrotesqueBold, sans-serif;
    font-weight: normal;
    font-size: .6em;
    background-color: transparent;
    border: 1px solid var(--blueish);
    color: var(--blueish);
    padding: .9em 1.5em;
    border-radius: .3em;
    color: transparent;
    min-width: 10em;
    width: 100%;
    position: relative
}

.InputfieldFormBuilderFileAdd button:before {
    width: 100%;
    position: absolute;
    left: 0;
    color: var(--blueish);
    content: "+ Datei hinzufÃ¼gen"
}

.alert-success {
    color: #319923;
    font-weight: bold
}

.InputfieldFormBuilderFileList li {
    padding: 0 !important;
    background: none !important
}

.additional-link-buttons {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center
}

.additional-link-buttons a {
    margin-top: .25em;
    min-width: 7em
}

.InputfieldCheckboxesStacked label {
    font-size: .8em
}

.InputfieldCheckboxesStacked input {
    width: 1.35em;
    height: 1.35em
}

.input-error {
    background-color: #a30808;
    color: #fff;
    font-weight: bold;
    padding: .5em 1em;
    border-radius: .25em;
    -webkit-box-shadow: .2em .2em 2em rgba(82, 4, 4, .2);
    box-shadow: .2em .2em 2em rgba(82, 4, 4, .2)
}

.InputfieldForm .InputfieldSubmitPrev {
    float: left;
    margin-right: 1em
}

.Inputfield {
    margin-bottom: 2em
}

.InputfieldSubmitPrev .InputfieldContent {
    background-color: transparent;
    border: 1px solid var(--golden) !important
}

.InputfieldSubmitPrev .InputfieldContent button {
    border-color: rgba(165, 148, 102, .3) !important;
    color: var(--golden) !important;
    background-color: transparent !important
}

.InputfieldRadiosStacked {
    padding: 0;
    list-style-type: none
}

.gender-specifity {
    white-space: nowrap
}

.person .image-container {
    position: relative
}

.person .blockquote-wrapper {
    opacity: 0;
    position: absolute;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, .8);
    -webkit-backdrop-filter: blur(1.25em);
    backdrop-filter: blur(1.25em);
    text-align: center;
    -webkit-box-shadow: 0 0 .3em rgba(0, 0, 0, .1), 1px 1px .1em rgba(0, 0, 0, .1), 3px 3px .75em rgba(var(--mainrgb), .1);
    box-shadow: 0 0 .3em rgba(0, 0, 0, .1), 1px 1px .1em rgba(0, 0, 0, .1), 3px 3px .75em rgba(var(--mainrgb), .1);
    border-radius: .1em;
    border-top: 1px solid rgba(255, 255, 255, .25);
    color: var(--golden);
    font-size: .85em;
    padding: 5%;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
    text-transform: uppercase
}

.person .quote-sign {
    position: absolute;
    top: 1em;
    left: 1em;
    width: 3em
}

.person:hover .blockquote-wrapper {
    opacity: 1
}

.person blockquote {
    top: 0;
    left: 0;
    margin: 0;
    height: 90%;
    padding-top: 20%;
    width: 90%;
    padding-left: 5%;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    font-size: 1em
}

@media (min-width: 620px) and (max-width: 1299px) {
    .person .blockquote-wrapper {
        font-size: .65em
    }
}

@media (max-width: 420px) {
    .person .blockquote-wrapper {
        font-size: .75em
    }
}

.person blockquote p {
    line-height: 1.4em
}

.person .blockquote-wrapper:before {
    content: "";
    position: absolute;
    top: .5em;
    right: 0;
    width: 70%;
    height: 1px;
    font-size: 440%;
    opacity: .5;
    border-bottom: 2px dotted var(--golden)
}

.person blockquote strong {
    font-size: 1.3em;
    font-weight: 500
}

.person blockquote p {
    margin: 0
}

.icon.linkedin {
    width: 1.5em;
    display: block;
    position: absolute;
    bottom: .1em;
    right: 0
}

.person .contact-data {
    width: calc(100% - 2em)
}

.person .text-container {
    position: relative
}
.column.has-no-person-or-link.has-attachments {
    padding-bottom:0;
}
.has-no-person-or-link.has-attachments .attachments-outer {
    margin-top:auto;
}
.columns .has-no-person-or-link.has-attachments .attachments-outer .attachments:before,
.columns .has-no-person-or-link.has-attachments .attachments-outer .attachments:after {
    content: none;
    display: none;
}
.columns .has-no-person-or-link.has-attachments .attachments-outer .attachments {
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    width:100%;
    margin-left:0;
    height:auto;
}
@media(max-width:899px) {
    .columns .has-no-person-or-link.has-attachments .attachments-outer .attachments {
        height:auto;
    }
}
.has-no-person-or-link.has-attachments .attachments-outer .attachments a {
    min-width:12em;
    display:flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom:1em;
}
@media(max-width:499px) {
    .has-no-person-or-link.has-attachments .attachments-outer .attachments a {
        width:100%;
    }
}
.slider.show-text-conditionally .slide .content {
    z-index: 2000;
    background-image: linear-gradient(rgba(0,80,140,1), rgba(0,80,140,.8));

    backdrop-filter: blur(12px);
    border-radius: 3px;
    border:1px solid rgba(255,255,255,.2);
    box-shadow: .2em .7em 2em rgba(0, 40, 70, 0.2);
    padding: .6em 1.5em ;
    font-weight:300;
    color:#fff;
    font-size:.9em;
    text-shadow: 0 0 0.1em rgba(0, 0, 0, .2);
    opacity: 0;
    transition: opacity .5s;
    width:120%;
    display: flex;
    margin-left:-10%;
    justify-content: center;
    flex-direction: column;
    overflow: auto;
}
@media(max-width:959px) {
    .slider.show-text-conditionally .slide .content {
        width:70%;
        margin-left:15%;
        min-width: 0;
    }
}
.slider.show-text-conditionally .slide .content p {
    margin: .2em 0;
    line-height:1.3em;
}
@media(min-width:1800px) {
    .slider.show-text-conditionally .slide .content {
        font-size:1em;
    }
    .slider.show-text-conditionally .slide .content p {
        margin: .2em 0;
        line-height:1.35em;
    }
}
.slider.show-text-conditionally .slide h3 {
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom:.5em;
}
@media(max-width: 1699px) {
    .slider.show-text-conditionally .slide h3 {
        font-size:1.2em;
    }
}
.slider.show-text-conditionally {
    position: relative;
}
.slider.show-text-conditionally .content-wrapper {
    height:100%;
    display: flex;
    z-index: 2001;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    bottom:1.5em;
    left:0;
    width:100%;
}
.component-slider .slider.show-text-conditionally .slide .image-container-inner {
    width:5em;
    height:5em;
}
.component-slider .slider.show-text-conditionally .slide .image-container {
    width:5em;
    height:5em;
    padding:2.7em;
}

.show-text-conditionally .slide:hover .content {
    opacity: 1;
}
.slider.show-text-conditionally .slide {
    position: relative;
    padding-top:3em;
}
.slider.show-text-conditionally .slick-list {
    margin-top:-3em;
}
.component-slider .slider.show-text-conditionally .slide:after {
    top: 7.5em;
    background-size: auto 12px;
    height:12px;
}


@media (min-width: 620px) {
    .slider.show-text-conditionally .slick-arrow {
        top: calc(50% - 1.35em);
    }
}
@media (min-width: 1200px) {
    .slider.show-text-conditionally .slick-arrow {
        top: calc(50% - 1.2em);
    }
}
.search-result-list {
    padding:0;
    margin:0;
    list-style-type: none;
}
.search-result-list li {
    margin-bottom:.5em;
}
.search-result-list a {
    padding:1em;
    display: block;
    text-decoration: none;
    background-color:var(--light);
    border:1px solid transparent;
}
.search-result-list a:hover,
.search-result-list a:focus {
    border:1px solid var(--golden);
}
.search-result-list a p {
    font-size: 1em;
    margin:.1em 0;
}
.search-result-list .icon {
    width:1em;
    position: relative;
    top:-.25em;
}
.search-result-list h4 {
    margin-bottom:0;
}
.no-button {
    background: none;
    border: none;
    padding:0;
}
.nav-main .no-button {
    cursor: pointer;
}
.nav-main .no-button img {
    width:1em;
    height:1em;
    position: relative;
    top:-.25em;
}
.searchform {
    position: absolute;
    right:0;
    top:1.5em;
    display:none;
}
.searchform button {
    background-color:var(--blueish);
    color:#fff;
    padding:.5rem .5em;
    font-weight: bold;
    font-size:.8em;
    height:100%;
    border:0;
    border-top-right-radius: .25em;
    border-bottom-right-radius:.25em;
    position: absolute;
    right:0;
    cursor: pointer;
}
.searchform input {
    box-shadow:.1em .1em .3em rgba(0,0,0,.15) inset, .1em .1em .3em rgba(0,0,0,.25), .5em .5em 1em rgba(0,0,80,.2);
    border:2px solid var(--blueish);
    border-radius: .25em;
    outline:none;
    font-weight: normal;
    padding:.5em 1em;
    font-family: BrandonGrotesqueRegular;
}
.pathstring  {
    color:var(--golden);
    font-size:.8em;
}
@media(max-width:1029px) {
    .search-form-toggler {
        display: block;
        width:100%;
        text-align: center;
        padding:1em;
    }
}
.newsletter-popup {
    position: fixed;
    bottom:1.2em;
    right:1.3em;
    box-shadow: -.2em .2em 3em rgba(0,0,20,.55);
    z-index: 10;
    background-color: rgba(0,80,140,.85);
    color:#00508c;
    color:#fff;
    font-size:1.2em;
    text-align: center;
    animation: heartbeat 4.5s ease-in-out infinite both;
    border-radius:50%;
    width:10.5em;
    height:10.5em;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
@media(max-width:799px) {
    .newsletter-popup {
        font-size:.85em;
    }
}
.newsletter-popup .closer {
    border-radius:50%;
    background-color: rgba(165,148,102,.9);
    --golden: #a59466;
    padding:.5em;
    font-weight: bold;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-size:1.2em;
    position: absolute;
    top:-.1em;
    right:-.1em;
    width:2em;
    height:2em;
    box-sizing: border-box;
    color:#fff;
    cursor: pointer;
}
.newsletter-popup-inner {
    padding:2.25em .75em 1.5em;
    text-decoration: none;
    display: block;
    width:100%;
}

@keyframes heartbeat {
    from {
        transform: scale(1);
        transform-origin: center center;
        animation-timing-function: ease-out;
    }
    5% {
        transform: scale(1.05);
        animation-timing-function: ease-in;
    }
    8% {
        transform: scale(1.025);
        animation-timing-function: ease-out;
    }
    16% {
        transform: scale(1.1);
        animation-timing-function: ease-in;
    }
    22% {
        transform: scale(1);
        animation-timing-function: ease-out;
    }
}

@media(min-width:700px) {
    .component-persons.single .inner {
        display: flex;
        align-items:center;
    }
    .component-persons.single .person {
        margin:0;
        margin-right:5%;
    }
}
@media(max-width:699px) {
    .component-persons.single .person {
        width:101%;
        margin-left:-.5%;
    }
}
.component-list .listitems {
    padding:0;
    margin:0;
}
.component-list .listitem {
    display: flex;
    margin-bottom:1em;
    align-items: center;
}

.component-list .listitem  .image {
    padding:1em;
    background-color: var(--blueish);
    border-radius:50%;
    display: flex;
    flex:0 0 4em;
    justify-content: center;
    align-items: center;
    z-index: 1;
    position: relative;
}
.component-list .listitem .image img {
    filter:invert(1);
    width:2em;
    height:2em;
}
.component-list .listitem p {
    margin:0;
}
.component-list .listitem .text {
    background-color: var(--light);
    padding:1em;
    padding-left:2em;
    margin-left:-1em;
    display:block;
    width:100%;
    border-radius:.5em;
}
.component-event .additional-persons label [name="persons_multiple_number"] {
    width:3em;
    height:2em;
}
.linkedin-link {
    filter:invert(1);
    width:3em;
    display: block;
}
footer .textblocks .social-icons {
    flex: 0 0 4%;
    align-self:flex-end;
    padding:.75em;
}</pre></body></html>