:root {
            --container-margin: 40px;
            --container-vertical-space: 100px;
            --container-vertical-space-xl: 152px;
            --container-vertical-space-l: 96px;
            --container-vertical-space-m: 48px;
            --container-vertical-space-s: 24px;
            --container-vertical-space-xs: 16px;
            --container-vertical-space-xxs: 8px;
            --gutter: 30px;
            --tablet: 1000px;
            --desktop-m: 1200px;
            --desktop-l: 1680px;
            --content-width--narrow-s: 100%;
            --content-width--narrow: 100%;
            --content-width--narrow-l: 100%;
            --content-width--narrow-xl: 100%;
            --container-max-width: 100%;
            --text-max-width: 100%;
            --font-family: 'Golos', sans-serif, Arial, sans-serif;
            --line-height-head: 1.2;
            --line-height-copy: 1.6;
            --font-h1: 600 4rem/1.1 var(--font-family);
            --font-h2: 600 3.6rem/1.2 var(--font-family);
            --font-h3: 600 2.2rem/1.3 var(--font-family);
            --font-h4: 600 2rem/1.4 var(--font-family);
            --font-copy: normal 1.6rem/1.5 var(--font-family);
            --font-bd: normal 1.3rem/1.5 var(--font-family);
            --font-caption: normal 1.5rem/1.5 var(--font-family);
            --font-header-links: normal 1.8rem/1.6 var(--font-family);
            --color-white: #fff;
            --color-black: #000;
            --color-darkgrey: #202020;
            --color-gold: #F7F6ED;
            --color-grey: #F2F2F2;
            --color-yellow: #FFC107;
            --color-blue: #0057AD;
            --color-error: #D32F2F;
            --color-success: #388E3C;
            --linear-gradient-blue: linear-gradient(to bottom, #0057AD, #0057AD);
            --linear-gradient-yellow: linear-gradient(to bottom, #FFC107, #FFC107);
            --linear-gradient-white: linear-gradient(to bottom, #fff, #fff);
            --linear-gradient-dark: linear-gradient(to bottom, #000, #000);
            --color-text-head: var(--color-darkgrey);
            --color-text-copy: var(--color-darkgrey);
            --color-text-copy-invert: var(--color-white);
            --color-text-accent-invert: var(--color-grey);
            --color-background: var(--color-white);
            --background-color-darkgrey: var(--color-darkgrey);
            --background-color-gold: var(--color-gold);
            --background-color-grey: var(--color-grey);
            --background-color-yellow: var(--color-yellow);
            --background-color-blue: var(--color-blue);
            --color-divider: #0b0;
            --logo-height: 28px;
            --home-icon-size: 12px;
            --home-icon-bottom: -.5px;
            --cta-box-size: .8rem;
            --cta-box-height: 4.2rem;
            --cta-font-size: 1.5rem;
            --em-height-h1: 18px;
            --em-offset-h1: 0;
            --em-height-h2: 16px;
            --em-offset-h2: 0;
            --em-height-h3: 10px;
            --em-offset-h3: 0;
        }

        @font-face {
            font-display: swap;
            font-family: Golos;
            font-style: normal;
            font-weight: 400;
            src: url(/assets/fonts/golos-text-v4-latin_latin-ext-regular.woff2) format("woff2");
        }

        @font-face {
            font-display: swap;
            font-family: Golos;
            font-style: normal;
            font-weight: 600;
            src: url(/assets/fonts/golos-text-v4-latin_latin-ext-600.woff2) format("woff2")
        }

        *,
        ::after,
        ::before {
            box-sizing: border-box;
            margin: 0;
            padding: 0
        }

        :focus {
            outline: 0
        }

        html {
            font-size: 62.5%;
            line-height: 140%
        }

        body.navigation-opened {
            overflow: hidden
        }

        body,
        td,
        th,
        button,
        input,
        textarea,
        select {
            font: var(--font-copy);
            background: var(--bckg);
            color: var(--color-text-copy);
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: subpixel-antialiased
        }

        .background-inverted,
        .background-inverted .text-lead,
        .background-inverted a,
        .background-inverted h1,
        .background-inverted h2,
        .background-inverted h3,
        .background-inverted h4,
        .background-inverted h5,
        .background-inverted h6,
        .background-inverted li,
        .background-inverted p,
        .background-inverted span,
        .background-inverted td,
        .background-inverted th {
            color: var(--color-text-copy-invert)
        }

        .h1,
        h1 {
            margin: var(--font-h1-margin);
            font: var(--font-h1)
        }

        .h2,
        h2 {
            margin: var(--font-h2-margin);
            font: var(--font-h2)
        }

        .h3,
        h3 {
            margin: var(--font-h3-margin);
            font: var(--font-h3)
        }

        .h4,
        h4 {
            margin: var(--font-h4-margin);
            font: var(--font-h4)
        }

        .pic-caption {
            font: var(--font-caption)
        }

        a {
            color: var(--color-text-copy);
            text-decoration: none;
            position: relative
        }

        .ck-editor__editable span a,
        a td,
        li a,
        p a,
        th a {
            text-decoration: underline;
            text-underline-offset: .625rem;
            text-decoration-thickness: .5px
        }

        .animate-underline a {
            font-style: normal;
            position: relative;
            z-index: 1;
            text-decoration: none;
            display: inline;
            background-image: var(--linear-gradient-dark);
            background-repeat: no-repeat;
            padding-bottom: 4px;
            background-position: bottom left 1px;
            transition: background-size 450ms ease-in-out;
            background-size: 0 1px
        }

        .background-inverted .animate-underline a {
            background-image: var(--linear-gradient-white)
        }

        .animate-underline a.active {
            background-size: calc(100% - 1px - 1px) 1px
        }

        p {
            margin: var(--font-copy-margin)
        }

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

        .text-center {
            text-align: center
        }

        .lightbox-trigger {
            cursor: zoom-in;
            display: block;
            overflow: hidden;
        }

        .lightbox-trigger img {
            transition: transform 220ms ease;
        }

        .lightbox-trigger:hover img {
            transform: scale(1.015);
        }

        .lightbox-trigger:focus-visible,
        .lightbox__close:focus-visible,
        .lightbox__backdrop:focus-visible {
            outline: 3px solid var(--color-blue);
            outline-offset: 4px;
        }

        .lightbox {
            align-items: center;
            backdrop-filter: blur(6px);
            background: rgb(0 0 0 / 82%);
            display: none;
            inset: 0;
            justify-content: center;
            padding: clamp(1.2rem, 4vw, 4rem);
            position: fixed;
            z-index: 1000;
        }

        .lightbox:target {
            display: flex;
            animation: lightbox-fade-in 180ms ease-out both;
        }

        .lightbox__backdrop {
            inset: 0;
            position: absolute;
        }

        .lightbox__content {
            max-height: 100%;
            max-width: 100%;
            position: relative;
            z-index: 1;
            filter: drop-shadow(0 24px 64px rgb(0 0 0 / 45%));
            animation: lightbox-content-in 220ms ease-out both;
        }

        @keyframes lightbox-fade-in {
            from {
                opacity: 0;
            }

            to {
                opacity: 1;
            }
        }

        @keyframes lightbox-content-in {
            from {
                opacity: 0;
                transform: scale(.98);
            }

            to {
                opacity: 1;
                transform: scale(1);
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .lightbox:target,
            .lightbox__content,
            .lightbox-trigger img,
            .lightbox__close {
                animation: none;
                transition: none;
            }

            .lightbox-trigger:hover img,
            .lightbox__close:hover {
                transform: none;
            }
        }

        .lightbox__content img {
            display: block;
            height: auto;
            max-height: 88vh;
            max-width: min(92vw, 1500px);
            object-fit: contain;
            width: auto;
        }

        .lightbox__close {
            position: absolute;
            right: -2rem;
            top: -2rem;
            transition: background-color 160ms ease, transform 160ms ease;
        }

        .lightbox__close:hover {
            background: rgb(24 24 24 / 100%);
            transform: scale(1.04);
        }

        .pdf-viewer {
            background: var(--color-darkgrey);
            border: 0;
            border-radius: 8px;
            box-shadow: 0 24px 80px rgb(0 0 0 / 45%);
            color: var(--color-white);
            height: min(900px, 92vh);
            height: min(900px, 92dvh);
            margin: auto;
            max-height: 92vh;
            max-height: 92dvh;
            max-width: none;
            overflow: hidden;
            padding: 0;
            width: min(1200px, 96vw);
        }

        .pdf-viewer::backdrop {
            background: rgb(0 0 0 / 78%);
            backdrop-filter: blur(4px);
        }

        .pdf-viewer[open] {
            animation: lightbox-fade-in 180ms ease-out both;
        }

        .pdf-viewer__toolbar {
            align-items: center;
            background: var(--color-darkgrey);
            display: flex;
            gap: 2rem;
            justify-content: space-between;
            min-height: 6.4rem;
            padding: 1rem 1.6rem;
        }

        .pdf-viewer__title {
            color: var(--color-white);
            font-size: 1.7rem;
            font-weight: 600;
            line-height: 1.3;
        }

        .pdf-viewer__actions {
            align-items: center;
            display: flex;
            flex-shrink: 0;
            gap: 1.2rem;
        }

        .pdf-viewer__open,
        .pdf-viewer__close {
            border: 1px solid rgb(255 255 255 / 55%);
            border-radius: 4px;
            color: var(--color-white);
            cursor: pointer;
            font: inherit;
            font-size: 1.4rem;
            padding: .7rem 1.1rem;
            text-decoration: none;
        }

        .pdf-viewer__open:hover,
        .pdf-viewer__close:hover {
            background: rgb(255 255 255 / 14%);
        }

        .pdf-viewer__document {
            background: #3b3b3b;
            border: 0;
            display: block;
            height: calc(100% - 6.4rem);
            width: 100%;
        }

        .pdf-viewer__open:focus-visible,
        .pdf-viewer__close:focus-visible {
            outline: 3px solid var(--color-yellow);
            outline-offset: 3px;
        }

        @media (max-width: 600px) {
            .pdf-viewer {
                border-radius: 0;
                height: 100dvh;
                max-height: 100dvh;
                width: 100vw;
            }

            .pdf-viewer__toolbar {
                align-items: flex-start;
                flex-direction: column;
                gap: .8rem;
                padding: 1.2rem;
            }

            .pdf-viewer__actions {
                align-self: flex-end;
            }

            .pdf-viewer__document {
                height: calc(100% - 10rem);
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .pdf-viewer[open] {
                animation: none;
            }
        }

        .h1 em,
        .h2 em,
        .h3 em,
        .h4 em,
        h1 em,
        h2 em,
        h3 em,
        h4 em {
            font-style: normal;
            position: relative;
            z-index: 1;
            background-repeat: no-repeat;
            background-position: bottom left;
            transition: background-size 1.25s ease-in-out
        }

        .h1 em,
        h1 em {
            background-size: 10% var(--em-height-h1);
            bottom: var(--em-offset-h1);
            padding-right: 10px;
            margin-right: -10px
        }

        .h1 em.in-viewport,
        h1 em.in-viewport {
            background-size: 105% var(--em-height-h1)
        }

        .h2 em,
        h2 em {
            background-size: 10% var(--em-height-h2);
            bottom: var(--em-offset-h2);
            padding-right: 7px;
            margin-right: -7px
        }

        .h2 em.in-viewport,
        h2 em.in-viewport {
            background-size: 105% var(--em-height-h2)
        }

        .h3 em,
        h3 em {
            background-size: 10% var(--em-height-h3);
            bottom: var(--em-offset-h3);
            padding-right: 5px;
            margin-right: -5px
        }

        .h3 em.in-viewport,
        h3 em.in-viewport {
            background-size: 105% var(--em-height-h3)
        }

        .rte-container .h1,
        .rte-container .h2,
        .rte-container .h3,
        .rte-container .h4,
        .rte-container h1,
        .rte-container h2,
        .rte-container h3,
        .rte-container h4 {
            margin-top: var(--container-vertical-space-m);
            margin-bottom: var(--container-vertical-space-xs)
        }

        .rte-container p {
            margin-top: var(--container-vertical-space-xs);
            margin-bottom: var(--container-vertical-space-xs)
        }

        .rte-container ol,
        .rte-container ul {
            margin-top: var(--container-vertical-space-xs);
            margin-bottom: var(--container-vertical-space-s)
        }

        .rte-container li,
        .rte-container li ul {
            margin-top: var(--container-vertical-space-xs);
            margin-bottom: var(--container-vertical-space-xs)
        }

        .rte-container>:first-child {
            margin-top: 0
        }

        .rte-container>:last-child {
            margin-bottom: 0
        }

        .rte-container ol li {
            margin-left: 36px
        }

        .rte-container ul li {
            margin-left: 36px;
            list-style: none;
            position: relative
        }

        .rte-container ul li:before {
            position: absolute;
            left: -33px;
            top: 11px;
            background: #000;
            height: 2px;
            width: 20px;
            content: " "
        }

        .list--no-space {
            margin-top: 0 !important;
            margin-bottom: 0 !important
        }

        #footer,
        .content-main section {
            opacity: 0
        }

        .content-main {
            margin-left: var(--container-margin);
            margin-right: var(--container-margin)
        }

        section {
            margin-top: var(--container-vertical-space-l);
            margin-bottom: var(--container-vertical-space-xl)
        }

        .footer.has-background,
        div.has-background,
        section.has-background,
        article.has-background {
            padding-left: var(--container-margin);
            padding-right: var(--container-margin)
        }

        .width-tablet {
            max-width: var(tablet);
            margin-left: auto;
            margin-right: auto
        }

        .width-desktop-m {
            max-width: var(--desktop-m);
            margin-left: auto;
            margin-right: auto
        }

        .width-desktop-l {
            max-width: var(--desktop-l);
            margin-left: auto;
            margin-right: auto
        }

        .width-full {
            width: auto;
            max-width: unset;
            margin-left: calc(var(--container-margin) * -1);
            margin-right: calc(var(--container-margin) * -1)
        }

        .three-cols,
        .two-cols,
        .two-one-cols {
            display: grid;
            grid-column-gap: var(--gutter);
            grid-row-gap: var(--container-vertical-space-l);
            grid-template-columns: auto
        }

        .four-cols {
            display: grid;
            grid-column-gap: var(--gutter);
            grid-row-gap: var(--container-vertical-space-l)
        }

        .margin-top-unset {
            margin-top: 0
        }

        .margin-bottom-unset {
            margin-bottom: 0
        }

        .padding-top-xl {
            padding-top: var(--container-vertical-space-xl)
        }

        .margin-top-xl {
            margin-top: var(--container-vertical-space-xl)
        }

        .padding-bottom-xl {
            padding-bottom: var(--container-vertical-space-xl)
        }

        .margin-bottom-xl {
            margin-bottom: var(--container-vertical-space-xl)
        }

        .padding-top-l {
            padding-top: var(--container-vertical-space-l)
        }

        .margin-top-l {
            margin-top: var(--container-vertical-space-l)
        }

        .padding-bottom-l {
            padding-bottom: var(--container-vertical-space-l)
        }

        .margin-bottom-l {
            margin-bottom: var(--container-vertical-space-l)
        }

        .padding-top-m {
            padding-top: var(--container-vertical-space-m)
        }

        .margin-top-m {
            margin-top: var(--container-vertical-space-m)
        }

        .padding-bottom-m {
            padding-bottom: var(--container-vertical-space-m)
        }

        .margin-bottom-m {
            margin-bottom: var(--container-vertical-space-m)
        }

        .padding-top-s {
            padding-top: var(--container-vertical-space-s)
        }

        .margin-top-s {
            margin-top: var(--container-vertical-space-s)
        }

        .padding-bottom-s {
            padding-bottom: var(--container-vertical-space-s)
        }

        .margin-bottom-s {
            margin-bottom: var(--container-vertical-space-s)
        }

        .padding-top-xs {
            padding-top: var(--container-vertical-space-xs)
        }

        .margin-top-xs {
            margin-top: var(--container-vertical-space-xs)
        }

        .padding-bottom-xs {
            padding-bottom: var(--container-vertical-space-xs)
        }

        .margin-bottom-xs {
            margin-bottom: var(--container-vertical-space-xs)
        }

        .content-width-narrow-s {
            max-width: var(--content-width--narrow-s);
            margin-left: auto;
            margin-right: auto
        }

        .content-width-narrow {
            max-width: var(--content-width--narrow);
            margin-left: auto;
            margin-right: auto
        }

        .content-width-narrow-l,
        .content-width-narrow-xl {
            margin-left: auto;
            margin-right: auto
        }

        .column--narrow img {
            width: auto
        }

        .hide {
            display: none !important
        }

        .pointer {
            cursor: pointer
        }

        img {
            width: 100%;
            height: auto
        }

        .wrapper-image {
            line-height: 1;
            overflow: hidden
        }

        .wrapper-image img {
            line-height: 1;
            display: block
        }

        .wrapper-image--link {
            display: block
        }

        .wrapper-image--fill {
            height: 100%
        }

        .wrapper-image--fill img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover
        }

        .hover .wrapper-image img {
            transition: transform .25s
        }

        .hover:hover .wrapper-image img {
            transform: scale(1.05)
        }

        .auto-width {
            width: auto;
            max-width: 100%
        }

        .no-underline,
        .no-underline:hover {
            text-decoration: none
        }

        .header {
            position: fixed;
            top: 0;
            height: 50px;
            z-index: 4;
            width: 100%;
            transition: background-color .3s, margin-top .3s, box-shadow .3s
        }

        .header-desktop-open .header {
            background-color: var(--color-white);
            box-shadow: 0 10px 20px rgba(0, 0, 0, .03)
        }

        .header-closed .header {
            transition: background-color .3s, margin-top .6s;
            margin-top: -200px;
            box-shadow: unset
        }

        .header--container {
            display: grid;
            grid-template-columns: 100px auto;
            margin-left: calc(var(--container-margin)/ 2);
            margin-right: calc(var(--container-margin)/ 2);
            height: 100%;
        }

        .logo {
            z-index: 2;
            display: grid;
            place-items: center;
        }

        .logo img {
            height: var(--logo-height);
            width: auto
        }

        .header--nav {
            font-weight: 600;
            width: 100%
        }

        .header--nav-link {
            pointer-events: auto;
            cursor: pointer;
            padding: 0 var(--container-vertical-space-xxs) 6px;
            font-style: normal;
            position: relative;
            z-index: 1;
            text-decoration: none;
            display: inline;
            background-image: var(--linear-gradient-dark);
            background-repeat: no-repeat;
            padding-bottom: 6px;
            background-position: bottom left var(--container-vertical-space-xxs);
            transition: background-size 450ms ease-in-out;
            background-size: 0 2px
        }

        .background-inverted .header--nav-link {
            background-image: var(--linear-gradient-white)
        }

        .header--nav-link.active {
            background-size: calc(100% - var(--container-vertical-space-xxs) - var(--container-vertical-space-xxs)) 2px
        }

        .header--nav--sub-links {
            font-weight: 400
        }

        .hamburger {
            position: absolute;
            right: 5px;
            top: 0;
            width: 50px;
            height: 50px;
            cursor: pointer;
            z-index: 2
        }

        .hamburger__check {
            display: block;
            width: 100%;
            height: 100%;
            cursor: pointer;
            z-index: 2;
            -webkit-touch-callout: none;
            position: absolute;
            opacity: 0
        }

        .hamburger div {
            margin: auto;
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            width: 22px;
            height: 12px
        }

        .hamburger span {
            position: absolute;
            display: block;
            width: 100%;
            height: 2px;
            background-color: var(--color-text-copy);
            border-radius: 1px;
            transition: .2s cubic-bezier(.1, .82, .76, .965)
        }

        .hamburger span:first-of-type {
            top: 0
        }

        .hamburger span:last-of-type {
            bottom: 0
        }

        .hamburger__check:checked+div span:first-of-type {
            transform: rotate(45deg);
            top: 5px
        }

        .hamburger__check:checked+div span:last-of-type {
            transform: rotate(-45deg);
            bottom: 5px
        }

        .ce-breadcrumb {
            height: calc(var(--container-vertical-space-s) * .6);
            font: var(--font-bd)
        }

        .ce-breadcrumb a {
            padding: 0 10px 4px;
            font-style: normal;
            position: relative;
            z-index: 1;
            text-decoration: none;
            display: inline;
            background-image: var(--linear-gradient-dark);
            background-repeat: no-repeat;
            background-position: bottom left 10px;
            transition: background-size 450ms ease-in-out;
            background-size: 0 1px
        }

        .background-inverted .ce-breadcrumb a {
            background-image: var(--linear-gradient-white)
        }

        .ce-breadcrumb a.active {
            background-size: calc(100% - 10px - 10px) 1px
        }

        .ce-breadcrumb a.ce-breadcrumb--home {
            padding-left: 0;
            font-style: normal;
            position: relative;
            z-index: 1;
            text-decoration: none;
            display: inline;
            background-image: var(--linear-gradient-dark);
            background-repeat: no-repeat;
            padding-bottom: 4px;
            background-position: bottom left 1px;
            transition: background-size 450ms ease-in-out;
            background-size: 0 1px
        }

        .background-inverted .ce-breadcrumb a.ce-breadcrumb--home {
            background-image: var(--linear-gradient-white)
        }

        .ce-breadcrumb a.ce-breadcrumb--home.active {
            background-size: calc(100% - 1px - 10px) 1px
        }

        .ce-breadcrumb a.ce-breadcrumb--home img,
        .ce-breadcrumb a.ce-breadcrumb--home svg {
            display: inline-block;
            margin-bottom: var(--home-icon-bottom)
        }

        .ce-breadcrumb ul li {
            display: inline-block !important
        }

        .ce-breadcrumb--home img,
        .ce-breadcrumb--home svg {
            width: var(--home-icon-size);
            height: var(--home-icon-size)
        }

        .header--subnav {
            height: 0;
            overflow: hidden;
            transition: height .3s, opacity .15s
        }

        .opened .header--subnav {
            opacity: 1
        }

        .header--subnav.right-aligned {
            right: calc(var(--container-margin)/ 2) !important;
            margin: 0
        }

        .header--subnav li {
            display: block !important;
            padding: 0 !important
        }

        .header--subnav li:first-of-type {
            padding-top: var(--container-vertical-space-s) !important
        }

        .header--subnav li:first-of-type a {
            padding-top: 0
        }

        .header--subnav li:last-of-type {
            padding-bottom: var(--container-vertical-space-s) !important
        }

        .header--subnav li:last-of-type a {
            padding-bottom: 0
        }

        .header--subnav li .header--subnav-link {
            display: block;
            padding: 10px var(--container-vertical-space-s) 6px;
            font-weight: 300;
            background-image: unset;
            text-decoration: none
        }

        .header--subnav li .header--subnav-link span {
            background-image: var(--linear-gradient-dark);
            background-repeat: no-repeat;
            background-position: bottom left 0;
            transition: background-size 450ms ease-in-out;
            background-size: 0 2px;
            padding-bottom: 5px
        }

        .header--subnav li .header--subnav-link.active span,
        .header--subnav li .header--subnav-link:hover span {
            background-size: 100% 2px;
            padding-bottom: 5px
        }

        .header--nav-mobile-trigger {
            display: inline-block;
            width: 30px;
            height: 30px;
            background: url(/assets/img/svg/akkordeon.svg) center/30px no-repeat;
            transition: rotate .3s, margin-top .2s;
            cursor: pointer;
            position: absolute;
            top: 10px;
            right: 10%;
            z-index: 5
        }

        .header--nav-mobile-trigger.trigger-clicked {
            rotate: 180deg
        }

        .background-darkgrey {
            background: var(--color-darkgrey)
        }

        .background-gold {
            background: var(--color-gold)
        }

        .background-grey {
            background: var(--color-grey)
        }

        .background-yellow {
            background: var(--color-yellow)
        }

        .background-blue {
            background: var(--color-blue)
        }

        .page--blue .background-inherit,
        .page--blue .h1 em,
        .page--blue .h2 em,
        .page--blue .h3 em,
        .page--blue .h4 em,
        .page--blue h1 em,
        .page--blue h2 em,
        .page--blue h3 em,
        .page--blue h4 em {
            background-image: var(--linear-gradient-blue)
        }

        .page--blue .background-inherit em {
            background-image: var(--linear-gradient-white)
        }

        .page--yellow .background-inherit,
        .page--yellow .h1 em,
        .page--yellow .h2 em,
        .page--yellow .h3 em,
        .page--yellow .h4 em,
        .page--yellow h1 em,
        .page--yellow h2 em,
        .page--yellow h3 em,
        .page--yellow h4 em {
            background-image: var(--linear-gradient-yellow)
        }

        .page--yellow .background-inherit em {
            background-image: var(--linear-gradient-white)
        }

        .ce-hero,
        .ce-hero-news {
            opacity: 1 !important;
            display: grid;
            place-content: center
        }

        .ce-hero--header,
        .ce-hero--subheader {
            margin-left: auto;
            margin-right: auto
        }

        .ce-text-with-image--left .ce-text-with-image--column--content {
            order: 2
        }

        .ce-text-with-image--left .ce-text-with-image--column--image {
            order: 1
        }

        .ce-text-with-image--content--inner {
            max-width: calc(var(--desktop-l)/ 2 - var(--gutter)/ 2)
        }

        .cta {
            display: inline-grid;
            align-items: center;
            position: relative;
            padding: 2px calc(var(--cta-box-height)/ 2) 2px calc(var(--cta-box-height)/ 2);
            z-index: 1;
            height: var(--cta-box-height);
            transition: .2s;
            text-decoration: none !important;
            font-size: var(--cta-font-size)
        }

        .cta span {
            transition: .2s
        }

        .cta:after {
            content: ' ';
            display: block;
            position: absolute;
            z-index: -1;
            left: 0;
            top: calc(var(--cta-box-height)/ 2 - var(--cta-box-size)/ 2);
            width: var(--cta-box-size);
            height: var(--cta-box-size);
            background: var(--color-text-copy);
            transition: .2s
        }

        .cta:hover {
            padding: 2px calc(var(--cta-box-height)/ 2) 2px calc(var(--cta-box-height)/ 2)
        }

        .cta:hover span {
            filter: invert(1)
        }

        .cta:hover:after {
            width: 100%;
            height: 100%;
            top: 0
        }

        .cta-block {
            display: inline-block;
            padding: 10px 30px;
            text-decoration: none;
            color: var(--color-white);
            background: var(--color-text-copy);
            transition: .2s;
            cursor: pointer
        }

        .cta-block:hover {
            margin: -2px -4px !important;
            padding: 12px 34px !important
        }

        .background-inverted .cta-block {
            color: var(--color-text-copy);
            background: 0 0;
            border: 2px solid var(--color-white)
        }

        .active.cta-block {
            color: var(--color-text-copy);
            background: var(--color-yellow);
            border: 2px solid var(--color-yellow)
        }


        .cta-block:before {
            content: unset !important
        }

        .cta-block.disabled {
            pointer-events: none;
            cursor: default;
            background: var(--color-grey);
        }

        .cta-toggle--icon {
            display: inline-block;
            position: relative;
            width: 30px;
            height: 40px;
            vertical-align: middle;
            margin-top: -2px;
            margin-right: 5px;
            transition: rotate .3s, margin-top .2s
        }

        .cta-toggle--icon:before {
            content: ' ';
            position: absolute;
            left: 0;
            top: -1px;
            width: 20px;
            height: 40px;
            rotate: 180deg;
            background: url(/assets/img/svg/pfeil-u.svg) center/25px no-repeat;
            transition: top .2s
        }

        .opened .cta-toggle--icon:before {
            rotate: 0deg;
            top: -1px;
            left: -1px
        }

        .cta-toggle:hover .cta-toggle--icon:before {
            top: 1px
        }

        .opened .cta-toggle:hover .cta-toggle--icon:before {
            top: -3px
        }

        .cta-instagram {
            float: right;
            background: linear-gradient(145deg, #3051f1 10%, #c92bb7 70%);
        }

        .instagram_item {
            display: inline-block;
            width: 100%;
            height: 100%;
            position: relative;
            aspect-ratio: 4 / 5;
        }

        .instagram_item:hover {
            transform: scale(1.05);
            opacity: 0.8;
            box-shadow: 0 10px 20px rgba(0, 0, 0, .3);
            transition: transform .25s ease-in-out, opacity .25s ease-in-out, box-shadow .25s ease-in-out;
        }
        
        .instagram_item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .ce-testimonial--item--content {
            position: relative;
        }

        .ce-testimonial--item--content.two-cols {
            grid-row-gap: var(--gutter);
            grid-template-columns: 100%;
        }

        .ce-testimonial--item {
            display: grid;
            place-items: start!important;
        }

        .ce-testimonial--item--image {
            justify-content: center;
            
        }

        .ce-testimonial--item--content .column:nth-child(1) {
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            align-content: stretch;
            text-align: center;
            grid-row: 2;
        }

        .form-field {
            display: flex;
            flex-direction: column;
            gap: 0.35rem;
        }

        .form-field label {
            font-weight: 600;
        }

        .form-field input,
        .form-field textarea {
            padding: 0.6rem 0.75rem;
            border: 1px solid var(--color-darkgrey);
            box-shadow: 4px 4px 0 var(--color-darkgrey);
        }

        .form-field input:focus,
        .form-field textarea:focus {
            outline: 2px solid var(--color-yellow);
            outline-offset: 1px;
            box-shadow: 4px 4px 0 var(--color-yellow);
        }

        .form-field input[aria-invalid="true"],
        .form-field textarea[aria-invalid="true"] {
            border-color: var(--color-error);
            box-shadow: 4px 4px 0 var(--color-error);
        }

        .error-message {
            color: var(--color-error);
        }

        .honeypot {
            position: absolute;
            left: -9999px;
            width: 1px;
            height: 1px;
            overflow: hidden;
        }

        button[type="submit"] {
            border: none;
            cursor: pointer;
        }

        button[type="submit"]:disabled {
            opacity: 0.6;
            cursor: not-allowed;
        }

        #form-status {
            opacity: 0;
            transition: opacity 250ms ease;
        }

        #form-status.status-visible {
            opacity: 1;
        }

        .status-error {
            color: var(--color-error);
        }

        .status-success {
            color: var(--color-success);
        }

        .icon-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        address {
            font-style: normal;
        }


        @media (min-width:380px) {
            .header--nav-mobile-trigger {
                right: 15%
            }
        }

        @media (min-width:480px) {
            .header--nav-mobile-trigger {
                right: 20%
            }
        }

        @media (min-width:640px) {
            .two-one-cols {
                grid-template-columns: auto calc(33.333% - var(--gutter)/ 3 * 2)
            }
        }

        @media (min-width:767px) {
            .header--nav li:hover .header--nav-link {
                background-size: calc(100% - var(--container-vertical-space-xxs) - var(--container-vertical-space-xxs)) 2px
            }

            .header--nav {
                text-align: right
            }

            .header--subnav {
                height: unset;
                width: 400px;
                position: absolute;
                top: calc(100% - 20px);
                max-height: 0;
                background-color: var(--color-white);
                box-shadow: 0 10px 10px rgba(0, 0, 0, .03);
                z-index: -1;
                transition: background-color .3s
            }

            .header-desktop-open .header--subnav {
                background-color: var(--color-white)
            }

            .header-closed .header--subnav {
                display: none
            }

            .header--subnav.right-aligned {
                margin: 0
            }

            .header--nav-mobile-trigger {
                right: -15%
            }
        }

        @media (min-width:768px) {
            .nav-horizontal ul>li {
                display: inline-block
            }

            .header {
                height: 55px
            }

            .header--container {
                margin-left: calc(var(--container-margin));
                margin-right: calc(var(--container-margin))
            }

            .header--nav--sub-links {
                display: none !important
            }

            .header--nav ul {
                padding: unset;
                margin-right: calc(var(--container-vertical-space-s) * -1)
            }

            .header--nav li {
                padding: 15.5px 0;
                text-align: left;
                cursor: pointer
            }

            .header--nav li:hover .header--subnav {
                max-height: 600px;
                transition: max-height .5s ease-in-out
            }

            .hamburger,
            .header--nav-mobile-trigger {
                display: none
            }

            .fluid-cols {
                grid-template-columns: repeat(2, calc(50% - var(--gutter)/ 2 * 2))
            }
        }

        @media (min-width:768px) and (hover:none) {

            .header--nav li:active,
            .header--nav li:focus {
                max-height: 600px;
                transition: max-height .5s ease-in-out
            }
        }

        @media (min-width:999px) {
            .header--nav li:hover .header--nav-link {
                background-size: calc(100% - var(--container-vertical-space-s) - var(--container-vertical-space-s)) 2px
            }
        }

        @media (min-width:1000px) {
            :root {
                --font-h1: 600 5.5rem/1.1 var(--font-family);
                --font-h2: 600 4.5rem/1.2 var(--font-family);
                --container-max-width: 1200px;
                --gutter: 70px;
                --content-width--narrow-s: 480px;
                --content-width--narrow: 560px;
                --content-width--narrow-l: 768px;
                --logo-height: 32px;
                --em-height-h1: 25px;
                --em-height-h2: 20px
            }

            .animate-underline a:hover {
                background-size: calc(100% - 1px - 1px) 1px
            }

            .two-cols {
                grid-row-gap: var(--gutter);
                grid-template-columns: repeat(2, calc(50% - var(--gutter)/ 2))
            }

            .three-cols,
            .two-one-cols {
                grid-row-gap: var(--gutter)
            }

            .three-cols {
                grid-template-columns: repeat(3, calc(33.33333% - var(--gutter)/ 3 * 2))
            }

            .four-cols {
                grid-row-gap: var(--gutter);
                grid-template-columns: repeat(2, calc(50% - var(--gutter)/ 2))
            }

            .header--nav-link:hover {
                background-size: calc(100% - var(--container-vertical-space-xxs) - var(--container-vertical-space-xxs)) 2px
            }

            .header--nav-link {
                font-style: normal;
                position: relative;
                z-index: 1;
                text-decoration: none;
                display: inline;
                background-image: var(--linear-gradient-dark);
                background-repeat: no-repeat;
                padding-bottom: 6px;
                background-position: bottom left var(--container-vertical-space-s);
                transition: background-size 450ms ease-in-out;
                background-size: 0 2px;
                padding: 0 var(--container-vertical-space-s) 6px
            }

            .background-inverted .header--nav-link {
                background-image: var(--linear-gradient-white)
            }

            .header--nav-link.active {
                background-size: calc(100% - var(--container-vertical-space-s) - var(--container-vertical-space-s)) 2px
            }

            .ce-breadcrumb a:hover {
                background-size: calc(100% - 10px - 10px) 1px
            }

            .ce-breadcrumb a.ce-breadcrumb--home:hover {
                background-size: calc(100% - 1px - 10px) 1px
            }

            .header--subnav {
                width: 500px
            }

            .ce-text-with-image--right .ce-text-with-image--content {
                display: grid;
                justify-content: flex-end
            }

            .ce-text-with-image--left .ce-text-with-image--content--inner {
                margin-right: var(--container-margin)
            }

            .ce-text-with-image--right .ce-text-with-image--content--inner {
                margin-left: var(--container-margin)
            }

            .ce-text-with-image--content {
                margin-top: var(--container-vertical-space-l)
            }

            .ce-reference-header--wrapper {
                margin-right: -15%
            }

            .ce-testimonial--item--content.two-cols {
                grid-row-gap: var(--gutter);
                grid-template-columns: 15% calc(85% - var(--gutter));
            }

            .ce-testimonial--item--content .column:nth-child(1) {
                grid-row: 1;
            }

            .right-column {
                text-align: right;
            }

        }

        @media (min-width:1000px) and (min-width:1000px) {
            .header--nav-link:hover {
                background-size: calc(100% - var(--container-vertical-space-s) - var(--container-vertical-space-s)) 2px
            }
        }

        @media (min-width:1025px) {

            .ce-hero,
            .ce-hero-news {
                height: calc(100vh - var(--container-vertical-space-l) - 60px)
            }

            html.matomoHeatmap .ce-hero,
            html.matomoHeatmap .ce-hero-news {
                height: 1172px !important
            }
        }

        @media (min-width:1200px) {
            :root {
                --font-h1: 600 8rem/1.1 var(--font-family);
                --font-h2: 600 6rem/1.2 var(--font-family);
                --font-h3: 600 3.2rem/1.3 var(--font-family);
                --font-h4: 600 2.2rem/1.4 var(--font-family);
                --font-copy: normal 2rem/1.5 var(--font-family);
                --font-bd: normal 1.4rem/1.5 var(--font-family);
                --container-vertical-space-xl: 190px;
                --container-vertical-space-l: 120px;
                --container-vertical-space-m: 60px;
                --container-vertical-space-s: 30px;
                --container-vertical-space-xs: 15px;
                --container-vertical-space-xxs: 10px;
                --container-max-width: 1500px;
                --gutter: 100px;
                --content-width--narrow-s: 560px;
                --content-width--narrow: 820px;
                --content-width--narrow-l: 1024px;
                --logo-height: 40px;
                --home-icon-size: 15px;
                --home-icon-bottom: -1px;
                --cta-box-size: 1rem;
                --cta-box-height: 5rem;
                --cta-font-size: 1.8rem;
                --em-height-h1: 36px;
                --em-height-h2: 26px;
                --em-height-h3: 14px
            }

            .rte-container ul li:before {
                top: 16px
            }

            .four-cols {
                grid-template-columns: repeat(4, calc(25% - var(--gutter)/ 4 * 3))
            }

            .content-width-narrow-l {
                max-width: var(--content-width--narrow-l)
            }

            .content-width-narrow-xl {
                max-width: var(--content-width--narrow-xl)
            }

            .column--narrow {
                padding-right: calc(var(--container-margin) * 2)
            }

            .header {
                height: 70px
            }

            .header--nav li {
                padding: 20px 0
            }

            html.matomoHeatmap .ce-hero,
            html.matomoHeatmap .ce-hero-news {
                height: 1148px !important
            }
        }

        @media (min-width:1680px) {
            :root {
                --font-h1: 600 9.6rem/1.1 var(--font-family);
                --font-h2: 600 7.2rem/1.2 var(--font-family);
                --font-h3: 600 3.8rem/1.3 var(--font-family);
                --font-h4: 600 2.6rem/1.4 var(--font-family);
                --font-copy: normal 2.4rem/1.5 var(--font-family);
                --font-bd: normal 1.7rem/1.5 var(--font-family);
                --container-vertical-space-xl: 228px;
                --container-vertical-space-l: 144px;
                --container-vertical-space-m: 72px;
                --container-vertical-space-s: 36px;
                --container-vertical-space-xs: 16px;
                --container-vertical-space-xxs: 12px;
                --container-max-width: 1700px;
                --gutter: 120px;
                --content-width--narrow-s: 920px;
                --content-width--narrow: 1080px;
                --content-width--narrow-l: 1200px;
                --content-width--narrow-xl: 1360px;
                --logo-height: 48px;
                --home-icon-size: 18px;
                --home-icon-bottom: -1px;
                --cta-box-size: 1.2rem;
                --cta-box-height: 6rem;
                --cta-font-size: 2.2rem;
                --em-height-h1: 43px;
                --em-height-h2: 31px;
                --em-height-h3: 17px
            }

            .rte-container ul li:before {
                top: 18px
            }

            .column--narrow {
                padding-right: calc(var(--container-margin) * 6)
            }

            .header {
                height: 85px
            }

            .header--nav li {
                padding: 24.5px 0
            }

            .ce-hero--header {
                max-width: var(--content-width--narrow-l)
            }

            .ce-hero--subheader {
                max-width: var(--content-width--narrow-s)
            }

            html.matomoHeatmap .ce-hero,
            html.matomoHeatmap .ce-hero-news {
                height: 1124px !important
            }
        }

        @media (min-width:1720px) {
            .header--container {
                margin-left: auto;
                margin-right: auto
            }
        }

        @media (max-width:1024px) {

            .ce-hero,
            .ce-hero-news {
                padding-top: var(--container-vertical-space-xl);
                padding-bottom: var(--container-vertical-space-xl)
            }
        }

        @media (max-width:1000px) {
            .ce-text-with-image .ce-text-with-image--column--content {
                order: 2
            }

            .ce-text-with-image .ce-text-with-image--column--image {
                order: 1
            }

            .ce-text-with-image--content--inner {
                margin-left: var(--container-margin);
                margin-right: var(--container-margin)
            }

            .ce-text-with-image--content {
                margin-top: var(--container-vertical-space-m);
                margin-bottom: var(--container-vertical-space-l)
            }

            .ce-reference-header--image {
                text-align: center
            }

            .ce-reference-header--image img {
                max-width: 200px
            }
        }

        @media (max-width:767px) {
            .header-nav--main {
                width: 100%
            }

            .header--nav-link {
                font: var(--font-h2)
            }

            .header--nav li {
                position: relative;
                border: 1px solid #fff;
                list-style: none;
                padding-bottom: var(--container-vertical-space-s)
            }

            .header--nav {
                position: fixed;
                z-index: 1;
                left: 100vw;
                top: 0;
                bottom: 0;
                display: grid;
                place-items: center;
                background: var(--color-white);
                text-align: center;
                padding-top: var(--container-vertical-space-l);
                padding-bottom: var(--container-vertical-space-l);
                transition: left .3s cubic-bezier(.1, .82, .76, .965);
                overflow-y: auto
            }

            .navigation-opened .header--nav {
                left: 0
            }

            .header--subnav {
                opacity: 0
            }

            .header--subnav li {
                margin: 0 !important
            }

            .header--subnav li .header--subnav-link {
                font: var(--font-header-links)
            }
        }

        @media (min-width:640px) and (max-width:999px) {
            .ce-hero-news {
                max-width: 480px
            }
        }

        @media (min-width:1000px) and (max-width:1199px) {
            .ce-hero--header {
                max-width: var(--content-width--narrow-l)
            }

            .ce-hero--subheader {
                max-width: var(--content-width--narrow)
            }
        }

        @media (min-width:1200px) and (max-width:1679px) {
            .ce-hero--header {
                max-width: var(--content-width--narrow-l)
            }

            .ce-hero--subheader {
                max-width: var(--content-width--narrow)
            }
        }

        @media screen and (max-height:1000px) {

            .ce-hero,
            .ce-hero-news {
                height: auto;
                padding-top: var(--container-vertical-space-xl);
                padding-bottom: var(--container-vertical-space-l)
            }
        }