@media only screen and (min-width: 1200px) {

    .center {
        width: 1440px;
    }

    .section {
        display: inline-block;
    }

    .center .content {
        margin: auto 122px;
    }

    .header {
        margin: 30px 122px;
    }

    .header .logo {
        display: inline-block;
        float: left;
    }

    .header .menu {
        position: relative;
        float: right;
        top: 32px;
        text-align: right;
        width: 300px;
    }

    .header .menu .menu-opener img {
        width: 60px;
    }

    .spacer {
        padding: 61px 0;
    }

    .spacer-half {
        padding: 30px 0;
    }

    .padding-top-bottom-20px {
        padding: 20px 0;
    }

    .center .content .spacer h2 {
        font-size: 30px;
    }

    /* Menu & Breadcrumbs */
    .header .breadcrumbs {
        position: relative;
        top: 49px;
        right: 18px; /* = 1440 - 122 - 1000 */
        float: right;
        text-align: right;
        width: 600px;
    }

    .blackbox {
        background: rgba(0, 0, 0, 0.85);
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 3;
        display: none;
    }

    .menu-entries {
        position: fixed;
        width: 425px;
        height: 100%;
        top: 0;
        right: 0;
        background: white;
        -webkit-box-shadow: -3px 0px 4px 0px rgba(171, 171, 171, 1);
        -moz-box-shadow: -3px 0px 4px 0px rgba(171, 171, 171, 1);
        box-shadow: -3px 0px 4px 0px rgba(171, 171, 171, 1);
        z-index: 4;
        text-align: left;
        display: none;
        padding-right: 80px;
        padding-top: 70px;
    }

    .submenu {
        position: fixed;
        width: 425px;
        height: 100%;
        background: #ddd;
        /*border: 1px solid blue;*/
        -webkit-box-shadow: inset -3px 0px 4px 0px rgba(171, 171, 171, 1);
        -moz-box-shadow: inset -3px 0px 4px 0px rgba(171, 171, 171, 1);
        box-shadow: inset -3px 0px 4px 0px rgba(171, 171, 171, 1);
        z-index: 4;
        top: -1px;
        right: calc(425px + 80px); /* + padding-right of .menu-entries */
        padding-top: 70px;
    }

    .menu-entries hr {
        width: 325px;
        height: 0;
        margin: 20px 50px;
        background-color: #fff;
    }

    .menu-entries ul.l0 li {
        display: inline-block;
        margin: 50px 0 0 0;
    }

    .menu-entries ul.l0 li a {

    }

    .menu-entries ul.l0 li a:link, .menu-entries ul.l0 li a:visited, .menu-entries ul.l0 li a:active {
        font-size: 24px;
        color: #747474;
        text-decoration: none;
        font-weight: 900;
    }

    .menu-entries ul.l0 li a:hover {
        border-bottom: 5px solid #747474;
    }

    .menu-entries .close {
        padding-right: 50px;
        float: right;
    }

    .menu-entries ul.l0 li.close a:hover {
        border-bottom: none;
    }

    .menu-entries .close img {
        width: 60px;
        height: 60px;
        margin-top: -16px;
    }

    .menu-entries ul {
        list-style-type: none;
        margin-left: 50px;
    }

    .menu-arrow-back {
        display: none;
    }

    .submenu ul.level-1 {
        margin-left: 0;
    }

    .menu-entries ul.l1 li, .menu-entries .submenu ul li.level-1 ul.level-1 li {
        margin: 30px 0;
    }

    .menu-entries .submenu ul:first-child {
        margin-top: 100px;
    }

    .menu-entries .submenu ul li.level-1, .menu-entries .submenu ul li.level-1 ul.level-1 li {
        margin: 23px 0;
    }

    .menu-entries .submenu ul li.level-1 > a {
        display: none;
    }

    .submenu ul li a:link, .submenu ul li a:active, .submenu ul li a:visited {
        font-size: 18px;
        color: #747474;
        text-decoration: none;
        font-weight: 300;
    }

    .submenu ul li a:hover, .submenu ul li.selected.level-2 a {
        color: black;
    }

    .menu-entries ul.l1 a:link, .menu-entries ul.l1 a:active, .menu-entries ul.l1 a:visited {
        font-size: 24px;
        color: #000;
        text-decoration: none;
        font-weight: 900;
    }

    .menu-entries ul.l1 a:hover, .menu-entries ul.l1 li.selected a {
        padding-bottom: 5px;
        border-bottom: 5px solid black;
    }

    .left {
        float: left;
    }

    .right {
        float: right;
    }

    .center .content h1 {
        font-size: 79px;
        line-height: 77px;
    }

    .center .content h2 {
        font-size: 25px;
        line-height: 30px;
    }

    .center .content h2.large {
        font-size: 32px;
    }

    .center .content h2.large-x {
        font-size: 37px;
        line-height: 44px;
        padding-bottom: 1px;
    }

    .center .content h2.large-x2 {
        font-size: 44px;
        line-height: 44px;
    }

    .center .content h2.large-xx {
        font-size: 64px;
        line-height: 44px;
    }

    .footer {
        background: black;
        padding: 70px 122px;
    }

    .footer p {
        color: white;
    }

    .footer .teaser {
        border-color: white;
        padding-right: 95px;
    }

    .footer .teaser p {
        font-size: 36px;
    }

    .static_menu {
        margin-left: 50px;
    }

    .static_menu ul {
        margin-left: 0;
    }

    .static_menu li {
        margin: 30px 0;
    }

    .static_menu a:link, .static_menu a:active, .static_menu a:visited {
        font-size: 18px;
        color: #000;
        text-decoration: none;
        font-weight: 300;
    }

    .static_menu a:hover {
        border-bottom: 3px solid #3e3e3e;
    }

    .static_menu a.social:hover {
        border-bottom: none;
    }

    .static_footer a:link, .static_footer a:visited {
        color: white;
        text-decoration: none;
        font-weight: 400;
    }

    .static_footer a:hover {
        color: white;
        text-decoration: underline;
    }

    .static_menu a.social img {
        width: 100px;
    }

    .static_menu a.social img.remove-padding {
        margin: -10px 0 -10px -20px;
    }

    hr {
        height: 4px;
        width: 576px;
        margin-top: 57px;
        margin-bottom: 45px;
    }

    .layer2 hr {
        margin-bottom: 28px;
    }

    .layer2 h2 {
        margin-bottom: 14px;
    }

    div.overlap {
        /*display: none; temp disabled */
        position: relative;
        z-index: 0;
        height: 604px;
    }

    div.layer1 {
        position: absolute;
        z-index: 1;
        height: 250px;
        width: 878px;
        top: 40px;
    }

    div.layer2 {
        position: absolute;
        z-index: 2;
        height: 250px;
        top: 100px;
        left: calc(720px - 122px); /* -122 wegen content padding */
    }

    .right-box {
        margin-left: 720px;

    }

    p {
        font-family: azo-sans-web, sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 13pt;
        line-height: 21pt;
    }

    p a.btn {
        font-size: 13pt;
    }


    /* Linkvariant */
    .linkvariant-title h3 {
        font-size: 15px;
    }

    /* Linkvariant A */
    .linkvariant_a p {
        padding-top: 10px;
        font-weight: 300;
    }

    .linkvariant_a p a.btn {
        /*
        font-weight: 400;

         */
    }

    .linkvariant_a .linkvariant-image .farbverlauf {
        height: 20px;
    }

    .linkvariant_a:nth-child(1) {
        margin-top: 60px;
    }

    .linkvariant_a {
        width: 1196px;
    }

    .linkvariant_a:nth-child(odd) {
        float: left;
    }

    .linkvariant_a:nth-child(even) {
        float: right;
    }

    .linkvariant_a .linkvariant-image img {
        width: 394px;
        object-fit: cover;
        height: 374px;
    }

    .linkvariant_a:nth-child(odd) .linkvariant-image {
        float: left;
        font-size: 0;
        margin-right: 40px;
    }

    .linkvariant_a:nth-child(even) .linkvariant-image {
        float: right;
        font-size: 0;
        margin-left: 40px;
    }

    .linkvariant_a .linkvariant-container {
        margin-top: 40px;
    }

    .linkvariant_a:nth-child(odd) .linkvariant-container {
        text-align: left;
    }

    .linkvariant_a:nth-child(even) .linkvariant-container {
        text-align: right;
    }

    /* Linkvariant B */
    .linkvariant_b .linkvariant-image .farbverlauf {
        background: linear-gradient(90deg, #00a0e1, #312783);
        width: 394px;
        height: 20px;
        top: 0;
        display: inline-block;
    }

    .linkvariant_b:nth-child(1) {
        margin-top: 60px;
    }

    .linkvariant_b {
        width: 1196px;
        margin-top: 90px;
    }

    .linkvariant_b:nth-child(even) {
        float: left;
    }

    .linkvariant_b:nth-child(odd) {
        float: right;
    }

    .linkvariant_b .linkvariant-image img {
        width: 394px;
        object-fit: cover;
        height: 374px;
    }

    .linkvariant_b:nth-child(even) .linkvariant-image {
        float: left;
        font-size: 0;
        margin-right: 40px;
        text-align: right;
    }

    .linkvariant_b:nth-child(odd) .linkvariant-image {
        float: right;
        font-size: 0;
        margin-left: 40px;
    }

    .linkvariant_b .linkvariant-container {
    }

    .linkvariant_b:nth-child(even) .linkvariant-container {
        text-align: left;
        float: right;
    }

    .linkvariant_b:nth-child(odd) .linkvariant-container {
        text-align: right;
    }

    .linkvariant_b hr {
        width: 275px;
        margin-left: auto;
        margin-top: 0;
        display: inline-block;
        margin-bottom: 30px;
    }

    .linkvariant_b .linkvariant-title h2 {
        font-size: 39px;
        margin-bottom: 25px;
        line-height: 45px;
    }

    .linkvariant_b .linkvariant-plugin h2 {
        margin-bottom: 20px;
    }

    /* Linkvariant C */
    .linkvariant_c .linkvariant-image img {
        width: 877px;
        height: 371px;
    }

    .linkvariant_c .linkvariant-plugin p:first-of-type {
        padding-top: 10px;
    }

    .linkvariant_c .linkvariant-plugin p {
        font-weight: 400;
        font-size: 13pt;
        line-height: 20pt;
    }

    .linkvariant_c .linkvariant-plugin p a.btn {
        /*
        font-size: 12pt;

         */
    }

    /* Linkvariant D */
    .linkvariant_d {
        float: left;
        width: calc(25% - 20px); /* 2 x 10px margin */
        margin: 0 10px 120px 10px;

    }

    .linkvariant_d:nth-child(odd) .linkvariant-image {
        float: right;
    }

    .linkvariant_d:nth-child(even) .linkvariant-image {
        float: left;
    }

    .linkvariant_d .linkvariant-image img {
        width: 100%;
        object-fit: cover;
        /*clip-path: polygon(20% 20%, 80% 20%, 80% 80%, 20% 80%);*/
    }

    .linkvariant_d a:link, .linkvariant_d a:visited, .linkvariant_d a:active {
        font-weight: 600;
        color: #00a0e1;
        text-decoration: none;
    }

    .linkvariant_d a:hover {
        text-decoration: underline;
    }

    /* same as .linkvariant_e .linkvariant-image img */
    .static_footer .linkvariant_d .linkvariant-image img {
        /*
        max-height: 62px;
        max-width: 170px;
        */
    }

    .static_footer .linkvariant_d:nth-child(odd) .linkvariant-image {
        float: none;
    }

    .static_footer .linkvariant_d:nth-child(even) .linkvariant-image {
        float: none;
    }

    .static_footer .linkvariant_e .linkvariant_d {
        width: 100%;
        margin: 0;

    }


    /* Linkvariant E */
    .linkvariant_e {
        float: left;
        width: calc(25% - 40px); /* 2 x 20px margin */
        margin: 20px 20px;
    }

    .linkvariant_e hr {
        width: 100%;
        margin: 0 0 0 0;
    }

    .linkvariant_e .linkvariant-title h2 {
        font-size: 85px;
        line-height: 80px;
    }

    .linkvariant_e .linkvariant-plugins h3 {
        font-size: 24px;
        line-height: normal;
    }

    .linkvariant_e .linkvariant-image {
        margin: 30px 0;
    }

    .linkvariant-nomargin .linkvariant-image {
        margin: 0 !important;
    }

    .linkvariant_e .linkvariant-image img {
        max-height: 85px;
        max-width: 170px;
    }

    /* Linvariant F */
    .linkvariant_f {
        display: flow-root;
        margin-top: 60px;

    }

    .linkvariant_f .linkvariant-title {
        width: 280px;
    }

    .linkvariant_f .linkvariant-title hr {
        width: auto;
        margin: 0 0 20px 0;
        background-color: white;
        border-color: white;

    }

    .linkvariant_f .linkvariant-plugins {
        float: right;
        width: 900px;
        margin-top: -8px;
    }

    .linkvariant_f .linkvariant-plugins p {
        /* margin-bottom: 30px; */
    }

    .linkvariant_f ul {
        margin-left: 19px;
    }

    .linkvariant_f ul li {
        margin-top: 10px;
        padding-left: 10px;
    }

    /* Linkvariant G */
    .flow-root .linkvariant_g {
        margin-top: -60px;
        float: right;
    }

    .subpage-section .linkvariant_g {
        margin-top: -120px;
        float: right;
    }

    .linkvariant_g .linkvariant-image {
        font-size: 0;
    }

    .linkvariant_g .linkvariant-image img {
        width: 100%;
    }

    .linkvariant_g .linkvariant-plugins {
        padding: 30px;
    }

    .linkvariant_g .linkvariant-plugins .linkvariant-plugin strong {
        font-size: 25px;
        line-height: 26px;
    }

    .linkvariant_g .linkvariant-plugins .linkvariant-plugin p {
        padding-bottom: 15px;
    }

    .linkvariant_g .linkvariant-plugins .linkvariant-plugin p:last-child {
        padding-bottom: 0;
    }

    /* Linkvariant H */
    .flow-root .linkvariant_h {

    }

    .subpage-section .linkvariant_h {

    }

    .linkvariant_h .linkvariant-image {
        font-size: 0;
    }

    .linkvariant_h .linkvariant-image img {
        width: 100%;
    }

    .linkvariant_h .linkvariant-plugins {
        padding: 30px;
    }

    .linkvariant_h .linkvariant-plugins .linkvariant-plugin strong {
        font-size: 25px;
        line-height: 26px;
    }

    .linkvariant_h .linkvariant-plugins .linkvariant-plugin p {
        padding-bottom: 15px;
    }

    .linkvariant_h .linkvariant-plugins .linkvariant-plugin p:last-child {
        padding-bottom: 0;
    }

    /* Linkvariant I */
    .linkvariant_i-wrapper {
        margin: 0 -10px; /* removes border */
    }
    .linkvariant_i {
        float: left;
        width: calc(25% - 20px); /* 2 x 10px margin */
        margin: 0 10px 170px 10px;
        height: 470px;
    }

    .linkvariant_i + .bw-button {
        margin-left: 10px;
    }

    .linkvariant_i:nth-child(odd) .linkvariant-image {
        float: right;
    }

    .linkvariant_i:nth-child(even) .linkvariant-image {
        float: left;
    }

    .linkvariant_i .linkvariant-image img {
        width: 100%;
        object-fit: cover;
        height: 265px;
        /*clip-path: polygon(20% 20%, 80% 20%, 80% 80%, 20% 80%);*/
    }

    .linkvariant_i a:link, .linkvariant_i a:visited, .linkvariant_i a:active {
        font-weight: 600;
        color: #00a0e1;
        text-decoration: none;
    }

    .linkvariant_i a:hover {
        text-decoration: underline;
    }

    .linkvariant_i .linkvariant-title {
        position: relative;
        top: -87px;

    }

    .linkvariant_i .linkvariant-plugins {
        position: relative;
        top: 144px;
    }

    /* Linkvariant J */
    .linkvariant_j-wrapper {
        margin: 0 -40px;
    }

    .linkvariant_j-wrapper-20px {
        margin: 0 -20px;
    }

    .linkvariant_j {
        float: left;
        width: calc(33.33% - 40px); /* 2 x 10px margin */
        margin: 0 20px 40px 20px;

    }

    .linkvariant_j .linkvariant-image {
        font-size: 0;
    }

    .linkvariant_j .linkvariant-image img {
        width: 100%;
    }

    .linkvariant_j .linkvariant-plugins {
        padding: 30px;
    }

    .linkvariant_j .linkvariant-plugins .linkvariant-plugin strong {
        font-size: 25px;
        line-height: 26px;
    }

    .linkvariant_j .linkvariant-plugins .linkvariant-plugin p {
        padding-bottom: 15px;
        margin-bottom: 0;
    }

    .linkvariant_j .linkvariant-plugins .linkvariant-plugin p:last-child {
        padding-bottom: 0;
    }

    .linkvariant_j .linkvariant-plugins .linkvariant-plugin p a {
        color: #ffffff;
        font-weight: normal;
    }

    .linkvariant_j .linkvariant-plugins .linkvariant-plugin a.btn {
        background: transparent;
        border: 1px solid #ffffff;
        color: #ffffff;
        margin-bottom: 0;
    }

    .linkvariant_j .linkvariant-plugins h3 {
        margin-top: 10px;
    }

    /* Linkvariant K */
    .linkvariant_k-wrapper {
        margin: 0 -40px;
    }

    .linkvariant_k-wrapper-20px {
        margin: 0 -20px;
    }

    .linkvariant_k {
        float: left;
        width: calc(33.33% - 40px); /* 2 x 10px margin */
        margin: 0 20px 40px 20px;

    }

    .linkvariant_k .linkvariant-image {
        font-size: 0;
    }

    .linkvariant_k .linkvariant-image img {
        width: 100%;
        max-height: 240px;
        object-fit: cover;
    }

    .linkvariant_k .linkvariant-plugins {
        padding: 30px;
    }

    .linkvariant_k .linkvariant-plugins .linkvariant-plugin strong {
        font-size: 25px;
        line-height: 26px;
    }

    .linkvariant_k .linkvariant-plugins .linkvariant-plugin p {
        padding-bottom: 15px;
        margin-bottom: 0;
    }

    .linkvariant_k .linkvariant-plugins .linkvariant-plugin p:last-child {
        padding-bottom: 0;
    }

    .linkvariant_k .linkvariant-plugins .linkvariant-plugin p a {
        color: #ffffff;
        font-weight: normal;
    }

    .linkvariant_k .linkvariant-plugins .linkvariant-plugin a.btn {
        background: transparent;
        border: 1px solid #ffffff;
        color: #ffffff;
        margin-bottom: 0;
    }

    .linkvariant_k .linkvariant-plugins h3 {
        margin-top: 10px;
    }

    /* endof Linkvariants */
    .farbverlauf {
        width: 878px;
        height: 25px;
        /*top: 15px;*/
    }

    .farbverlauf-width-100 {
        width: 100%;
    }

    .content .nosidepadding + .footer {
        padding-top: 0;
    }

    .overlap .farbverlauf {
        top: 15px; /* Start */
    }

    .width49 {
        width: 545px;
    }

    .width50 {
        width: 573px; /* 1440 - 2x122 - 50 (padding) / 2 */
    }

    .width51 {
        width: 580px;
    }

    .width52 {
        width: 590px;
    }

    .width54 {
        width: 600px;
    }

    .width56 {
        width: 695px;
    }

    .width70 {
        width: 790px;
    }

    .width25 {
        width: 262px;
    }

    .width276 {
        width: 276px;
    }

    .width26 {
        width: 282px;
    }

    .width27 {
        width: 300px;
    }

    .width75 {
        /*width: 895px;*/
    }

    .width25 img, .width25 hr, .width26 img, .width26 hr, .width27 hr {
        width: 100%;
    }

    .width26 hr:first-of-type, .width27 hr:first-of-type {
        margin-top: 0;
    }

    .width100 {
        width: 100%;
    }

    .width74 {
        width: 884px;
    }

    .width848 {
        width: 848px;
    }

    .margin-neg-10-top {
        margin-top: -10px !important;
    }

    .margin-neg-50-top {
        margin-top: -50px !important;
    }

    .margin-neg-100-top {
        margin-top: -100px !important;
    }

    .margin-neg-200-top {
        margin-top: -200px !important;
    }

    .flow-root {
        display: flow-root;
    }

    .row-3 {
        column-count: 3;
        column-gap: 10px;
    }

    a.btn-noarrow img {
        display: none;
        margin: 0;
    }

    a.btn-noarrow:after {
        content: normal;
        margin: 0;
    }

    a.btn.width-like-linkvariant_j {
        width: calc(33.33% - 80px);
        margin: 40px 0 40px 20px;
        padding: 15px 20px;
    }

    a.btn.width-like-linkvariant_j span {
        padding-top: 16px;
        float: right;
    }

    .nosidepadding {
        margin: auto -122px;
    }

    .sidepadding {
        margin: auto 122px;
    }

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

    }

    /* Tabcontainer */
    .tabcontainer-variant-a {
        position: relative;
        z-index: 0;
        height: 600px;
    }

    .tabcontainer-variant-a .tabcontainer-menu ul {
        list-style: none;
    }

    .tabcontainer-variant-a .tabcontainer-menu a {
        font-size: 20px;
        font-weight: 900;
        margin: 10px 0;
        padding: 10px;
        width: 100%;
    }

    .tabcontainer-variant-a a.tabcontainer-next {
        position: absolute;
        right: -122px;
        width: 20px;
        height: 603px;
        background: #312783;
        top: -122px;
    }

    .tabcontainer-variant-a .linkvariant-image {
        font-size: 0;
    }

    .tabcontainer-variant-a .tabcontainer-plugins {
        position: absolute;
        z-index: 1;
        width: 877px;
        left: 298px;
        top: -122px;
    }

    /* Bauwerkserhaltung */
    .tabcontainer-variant-a.bwe .tabcontainer-plugins {
        left: 321px;
    }

    .tabcontainer-variant-a.notop.bwe a.tabcontainer-next {
        height: 576px;
    }

    .tabcontainer-variant-a.notop .tabcontainer-plugins {
        top: 0;
    }

    .tabcontainer-variant-a.notop a.tabcontainer-next {
        top: 0;
    }

    .tabcontainer-variant-a .tabcontainer-menu {
        position: absolute;
        z-index: 1;
        top: 110px;
        left: -10px;
    }

    .tabcontainer-variant-a .linkvariant-title h3 {
        font-size: 24px;
        font-weight: 800;
    }

    .tabcontainer-variant-a .linkvariant_c .linkvariant-image img {
        width: 877px;
        height: 376px;
        object-fit: cover;
    }

    .tabcontainer-variant-a .linkvariant_c .bg-farbverlauf {
        padding: 40px 60px 15px 40px
    }

    .tabcontainer-variant-a .tabcontainer-menu a:link, .tabcontainer-variant-a .tabcontainer-menu a:visited {
        background-image: linear-gradient(90deg, #00a0e1, #312783);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .tabcontainer-variant-a .tabcontainer-menu a:hover, .tabcontainer-variant-a .tabcontainer-menu a.active {
        background: linear-gradient(90deg, #00a0e1, #312783);
        -webkit-text-fill-color: white;
    }


    a.farbverlauf-link, a.farbverlauf-link:link, a.farbverlauf-link:active, a.farbverlauf-link:visited {
        background: linear-gradient(90deg, #00a0e1, #312783);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-decoration: underline;
    }

    a.farbverlauf-link:hover {
        text-decoration: underline;
    }

    /* bakcgroundimage */
    .backgroundimage-plugin .teaser {

    }

    .backgroundimage-plugin .linkvariant-title h2 {
        margin-top: 33px;
    }

    .backgroundimage-plugin .linkvariant-plugin h2 {

    }

    .backgroundimage .backgroundimage-plugin h2 {

    }

    .uppercase {
        text-transform: uppercase;
    }

    .line-height-inherit {
        line-height: inherit !important;
    }

    /* Static Footer */
    .static_footer {
        margin: auto 122px;
    }

    .static_footer .nosidepadding {
        padding: 45px 0;
    }

    .static_footer a.btn {
        background: transparent;
        border: 1px solid black;
        color: black;
    }

    .static_footer .linkvariant_e .linkvariant-plugin:first-of-type {
        min-height: 150px;
    }

    .static_footer .linkvariant_e .linkvariant-image {
        height: 80px;
    }

    /* Farbverlauf Box */
    .farbverlauf-box {
        padding: 70px 122px;
    }

    .farbverlauf-box h1, .farbverlauf-box h2 {
        margin-bottom: 30px;
    }


    .farbverlauf-img-container img {
        width: 878px;
        padding-bottom: 60px;
    }

    .inline-block {
        display: inline-block;
    }

    .subpage-section {
        margin: 60px auto;
        display: flow-root;
    }

    .subpage-section.subpage-section-nobottom {
        margin: 60px auto -10px auto;
    }

    .subpage-section > .bw-button {
        margin-left: -10px;
    }

    .subpage-section p {
        margin-bottom: 1.8rem;
        font-size: 13pt;
    }

    .subpage-section p:last-of-type {
        margin-bottom: 0;
    }

    .subpage-section ul {
        list-style-type: "›";
    }

    .subpage-section li {
        font-size: 14pt;
        font-weight: 800;
        padding-left: 20px;
        line-height: 30px;
        margin-bottom: 15px;
    }

    /* image container */
    .ic-content {
        position: relative;
        width: 100%;
        max-width: 400px;
        margin: auto;
        overflow: hidden;
        cursor: pointer;
        line-height: 0;
    }

    .griditem .ic-content {
        max-width: 100%;
    }


    .imagecarousel .farbverlauf {
        width: auto;
    }

    .ic-content .ic-content-overlay {
        background: rgba(0, 0, 0, 0.7);
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        opacity: 0;
        -webkit-transition: all 0.4s ease-in-out 0s;
        -moz-transition: all 0.4s ease-in-out 0s;
        transition: all 0.4s ease-in-out 0s;
    }

    .ic-content.active .ic-content-overlay {
        opacity: 1;
    }

    .ic-content:hover .ic-content-overlay {
        /*opacity: 1;*/
    }

    .ic-content-image {
        width: 100%;
    }

    .ic-content-details {
        position: absolute;
        text-align: left;
        width: 100%;
        opacity: 0;
        margin-top: 27px;
        top: 0;
        /*

        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);

         */
        -webkit-transition: opacity 0.3s ease-in-out 0s;
        -moz-transition: opacity 0.3s ease-in-out 0s;
        transition: opacity 0.3s ease-in-out 0s;
        color: white;
    }

    .ic-content.active .ic-content-details {

        opacity: 1;
    }

    h3.ic-content-title.large {
        font-size: 32px;
    }

    /*
    .ic-content:hover .ic-content-details {
        top: 50%;
        left: 50%;
        opacity: 1;
    }
    */
    .ic-content-title {
        font-weight: 900;
    }

    /* joblistbtns */
    .joblistbtns ul {
        list-style-type: none;
    }

    .joblistbtns ul li {
        display: inline-block;
        margin: 0 20px 20px 0;

        padding: 15px 0;
    }

    .joblistbtns ul li a {
        padding: 15px 25px;
    }

    .joblistbtn {
        border: 2px solid black;
    }

    .joblistbtn.joblistbtn-selected {
        /*border-color: #00a0e1;*/
    }

    a.joblistbtn:link, a.joblistbtn:visited, a.joblistbtn:active {
        color: black;
        text-decoration: none;
        font-weight: 600;
    }

    a.joblistbtn-selected:link, a.joblistbtn-selected:visited, a.joblistbtn-selected:active {
        color: #000;
        font-weight: 600;
    }

    .joblistbtn-selected {
        border-color: #00a0e1;
    }

    .jobentry h2 {
        background: linear-gradient(90deg, #00a0e1, #312783);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin-top: 40px;
    }

    .jobentry hr {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 0 !important;
    }

    .jobentry hr {
    }

    .jobentry-more a:link, .jobentry-more a:visited, .jobentry-more a:active {
        color: #000000;
        font-weight: 600;
        text-decoration: none;
    }

    .visible-job .linkvariant-plugin p.jobcategory {
        height: 50px;
        text-transform: uppercase;
    }

    .visible-job .linkvariant-plugin h2 {
        height: 166px;
        font-weight: 900;
    }

    .visible-job .linkvariant-plugin p.jobshort {
        height: 220px;
    }


    /*

    .row
      .column
        img
        img

     */
    .row {
        display: flex;
        flex-wrap: wrap;
        padding: 0 4px;
    }

    .column {
        flex: 50%;
        padding: 0 4px;
    }

    .col-item {
        margin-top: 8px;
        vertical-align: middle;
    }

    .forms {
        background-color: #000000;
        display: flow-root;
    }

    .forms .description {
        border: 5px solid white;
        padding: 30px;
        display: inline-block;
        font-weight: 900;
        font-size: 38px;
        line-height: 45px;
        margin-bottom: 0;
        color: white;
        width: 331px;
    }

    .forms .form-wrapper {
        float: right;
        width: 700px;
    }

    .forms .form-wrapper .textinput label, .forms .form-wrapper .telephoneinput label {
        display: none;
    }

    .forms .form-wrapper .textarea label {
        display: none;
    }

    .forms .form-wrapper .checkboxinput label .asterisk {
        display: none;
    }

    .forms .form-wrapper .checkboxinput label {
        font-size: 0;
    }

    .forms .form-wrapper input, .forms .form-wrapper textarea {
        width: 100%;
        font-size: 20px;
        padding: 20px;
        font-weight: 900;
        font-family: inherit;
        margin-bottom: 22px;
        border: none;
    }

    .forms .form-wrapper button {
        padding: 8px 15px;
        color: #fff;
        background-color: black;
        border: 1px solid white;
        font-size: 20px;
        font-weight: 400;
        font-family: inherit;
    }

    .forms .form-wrapper input[type="checkbox"] {
        width: unset;
        color: #fff;
    }

    .forms .form-wrapper .checkboxinput .help-text {
        color: #fff;
        display: inline-block;
        padding: 8px 0 20px 10px;
    }

    #read_ds[type="checkbox"] {
        display: none;
    }

    #read_ds[type="checkbox"] + label::before {
        width: 38px;
        height: 38px;
        /*background-image: url("https://boolie.org/wp-content/uploads/2017/11/unchecked.png");*/
        display: block;
        content: "";
        float: left;
        margin-right: 5px;
        background-color: #fff;
    }

    #read_ds[type="checkbox"]:checked + label::before {
        background-image: url("/static/cms_kb2020/icons/Menux_noborder.faca8578bc44.svg");
        background-size: 80%;
        background-repeat: no-repeat;
        background-position-y: center;
        background-position-x: center;
    }

    .breadcrumbs a:link, .breadcrumbs a:active, .breadcrumbs a:visited {
        color: #858585;
        text-decoration: none;
        font-weight: 300;
        padding: 0 0 5px 0;
        font-size: 18px;
    }

    .breadcrumbs a:hover {
        border-bottom: 5px solid #858585;
    }

    .breadcrumb-divider {
        color: #858585;
        padding: 0 5px;
    }

    a.breadcrumb-last:link, a.breadcrumb-last:active, a.breadcrumb-last:visited, a.breadcrumb-last:hover {
        color: #000;
        text-decoration: none;
    }


    .jobentry-more a.show-more:link, .jobentry-more a.show-more:active, .jobentry-more a.show-more:visited, .jobentry-more a.show-more:hover {
        font-weight: 600;
        font-size: 13pt;
        color: #000;
    }

    .jobentry-more a.show-less:link, .jobentry-more a.show-less:active, .jobentry-more a.show-less:visited, .jobentry-more a.show-less:hover {
        font-weight: 600;
        font-size: 13pt;
        color: #000;
    }

    .jobentry .show-more-close-x img {
        width: 25px;
        height: 25px;
    }

    .jobentry-content-section {
        display: flow-root;
        margin-top: 20px;
        margin-bottom: 50px;
    }

    .jobentry-content-section-right {
        float: right;
        width: 898px;
        margin-top: -8px;
        font-size: 13pt;
    }

    .jobentry-content-section-right ul {
        margin-left: 19px;

    }

    .jobentry-content-section-right ul li {
        margin-top: 10px;
        padding-left: 10px;

    }

    .jobentry-content-section-right p {
        margin-top: 10px;
    }

    .jobentry-content-section-left {
        width: 282px;
        padding-top: 10px;
    }

    .jobentry-content-section-left hr {
        width: auto;
        margin: 0 0 20px 0;
        background-color: #000;
        border-color: #000;
    }

    .jobentry-content-section-left h2 {
        background: transparent;
        color: black;
        text-transform: uppercase;
        -webkit-text-fill-color: black;
        margin-top: 25px;
    }

    .jobentry-content p .show-less {
        float: right;
        position: relative;
        top: -77px;
        color: black;
    }

    .job-like-linkvariant_j {
        float: left;
        width: calc(33.33% - 40px);
        margin: 0 20px 40px 20px;
    }

    .pt1rem {
        padding-top: 1rem;
    }

    .pt2rem {
        padding-top: 2rem;
    }

    .pt45 {
        padding-top: 45px;
    }

    .pt120 {
        padding-top: 120px;
    }

    .pb60 {
        padding-bottom: 60px;
    }

    .twocol {
        column-count: 2;
    }

    .twocol-item {
        break-inside: avoid;
    }


    .grid-container {
        display: grid;
        grid-template-columns: 279px 279px 279px 279px;
        grid-template-rows: 200px 200px 200px 200px 200px 163px 237px 218px 182px 200px 200px;
        /*grid-template-rows: 100px 100px 100px 100px 100px 63px 137px 118px 82px 100px 100px;*/
        gap: 20px 20px;
        grid-gap: 20px 20px;
        grid-template-areas: "cimg1 cimg1 cteaser cteaser" "cimg1 cimg1 cimg2 cimg2" "cimg3 . cimg2 cimg2" "cimg3 cimg4 cimg4 cimg4" "cimg3 cimg4 cimg4 cimg4" ". . cimg6 cimg6" "cimg7 cimg7 cimg6 cimg6" "cimg7 cimg7 cimg5 cimg5" "cimg8 . cimg5 cimg5" "cimg8 cimg9 cimg9 ." "cimg8 cimg9 cimg9 ." ". . . ." ". . . ." ". . . .";
    }

    .grid-item-hover {
        position: relative;
    }

    .cimg1 {
        grid-area: cimg1;
    }

    .cimg1 img {
        min-height: 100%;
        max-width: 100%;
        max-height: 100%;
    }

    .cteaser {
        grid-area: cteaser;
        justify-self: right;

    }

    .cteaser .teaser {
        width: 380px;
    }

    .cimg2 {
        grid-area: cimg2;
    }

    .cimg2 img {
        min-height: 100%;
        max-width: 100%;
        max-height: 100%;
    }

    .cimg3 {
        grid-area: cimg3;
    }

    .cimg3 img {
        min-height: 100%;
        max-width: 100%;
        max-height: 100%;
    }

    .cimg4 {
        grid-area: cimg4;
    }

    .cimg4 img {
        min-height: 100%;
        max-width: 100%;
        max-height: 100%;
    }

    .cimg5 {
        grid-area: cimg5;
    }

    .cimg5 img {
        min-height: 100%;
        max-width: 100%;
        max-height: 100%;
    }


    .cimg6 {
        grid-area: cimg6;
    }

    .cimg6 img {
        min-height: 100%;
        max-width: 100%;
        max-height: 100%;
    }

    .cimg7 {
        grid-area: cimg7;
    }

    .cimg7 img {
        min-height: 100%;
        max-width: 100%;
        max-height: 100%;
    }

    .cimg8 {
        grid-area: cimg8;
    }

    .cimg8 img {
        min-height: 100%;
        max-width: 100%;
        max-height: 100%;
    }

    .cimg9 {
        grid-area: cimg9;
    }

    .cimg9 img {
        min-height: 100%;
        max-width: 100%;
        max-height: 100%;
    }

    .ref-section {
        display: none;
        position: absolute;
        top: 0;
        /*padding: 3rem;*/
        background: rgba(0, 0, 0, 0.70);
        color: #fff;
        width: 100%;
        height: 99%;
    }

    .ref-section h2 {
        margin: 2rem;
    }

    .ref-section p {
        margin: 1rem 2rem;
    }

    .mfp-title .ref-section > * {
        margin: 1rem 2rem;
    }

    .mfp-title .ref-section {
        background: none;
    }

    .mfp-title .ref-section a.btn {
        display: none;
    }

    .mfp-bottom-bar {
        margin-top: -40px;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        cursor: auto;
        background: linear-gradient(90deg, #00a0e1, #312783);
        height: 11rem;
    }

    .mfp-arrow {
        opacity: 1;
    }

    .mfp-arrow:before, .mfp-arrow:after {
        content: none;
    }

    /* WerWirSind */
    .wws-grid-container {
        display: grid;
        grid-template-columns: 279px 279px 279px 279px;
        grid-template-rows: 200px 130px 200px 242px 140px 270px 150px 200px 200px 85px;
        gap: 20px 20px;
        grid-gap: 20px 20px;
        margin-top: -100px;
    }

    .wws-grid-container hr, .wws-grid-container img {
        max-width: 100%;
    }

    .wws-grid-container hr:first-child {
        margin-top: 0;
    }

    .wws-wteaser1 {
        grid-area: 1 / 1 / 3 / 4;
    }

    .wws-wimg2 {
        grid-area: 7 / 3 / 11 / 5;
        /* margin-top: 45px;*/
    }

    .wws-wimg3 {
        grid-area: 8 / 1 / 11 / 3;
    }

    .wws-wimg1 {
        grid-area: 3 / 2 / 6 / 4;
    }

    .wws-wtext1 {
        grid-area: 1 / 4 / 6 / 5;
    }

    .center .content .wws-wtext1 h2 {
        margin-bottom: 1.5rem;
    }

    .wws-wteaser2 {
        grid-area: 6 / 3 / 7 / 5;
    }

    .wws-wtext3 {
        grid-area: 6 / 2 / 8 / 3;
    }

    .wws-wtext2 {
        grid-area: 3 / 1 / 8 / 2;
    }

    /* KBK Grid */
    .kbk-grid-container {
        display: grid;
        grid-template-columns: 279px 279px 279px 279px;
        grid-template-rows: 220px 284px 279px 279px 279px 279px 279px 279px 60px 60px;
        gap: 20px 20px;
        grid-gap: 20px 20px;
        margin-top: -300px;

    }

    .kbk-grid-container hr, .kbk-grid-container img {
        max-width: 100%;
        max-height: 100%;
    }

    .kbk-img1 {
        grid-area: 1 / 1 / 3 / 2;
        text-align: right;
    }

    .kbk-img2 {
        grid-area: 2 / 2 / 4 / 4;
    }

    .kbk-teaser1 {
        margin-top: 325px;
        grid-area: 1 / 4 / 2 / 5;
    }

    .kbk-teaser1 .teaser {
        padding: 14px;
        display: block;
    }

    .kbk-img3 {
        grid-area: 3 / 4 / 4 / 5;
    }

    .kbk-img4 {
        grid-area: 3 / 1 / 4 / 2;
        text-align: right;
    }

    .kbk-img5 {
        grid-area: 4 / 1 / 6 / 3;
        text-align: right;
    }

    .kbk-img6 {
        grid-area: 4 / 3 / 6 / 5;
    }

    .kbk-teaser2 {
        grid-area: 6 / 1 / 7 / 3;
        text-align: right;
    }

    .kbk-img8 {
        grid-area: 7 / 1 / 10 / 3;
        text-align: right;
    }

    .kbk-img7 {
        grid-area: 6 / 3 / 8 / 5;
    }

    .kbk-footer {
        grid-area: 10 / 1 / 11 / 5;
    }

    .hide-on-desktop {
        display: none;
    }

    .h2-kbk {
        padding-top: 10px;
        font-size: 24px;
    }

    .mfp-image-holder .mfp-content {
        width: 1440px;
    }

    .mfp-figure:after {
        background: rgba(0, 0, 0, .9);
    }

    .proj-ref .overlay-text {
        padding-left: 35px;
        padding-right: 40px;
    }

    .proj-ref .overlay-text h3 {
    }

    .proj-ref .overlay-text h3.ic-content-title {
        font-size: 37px;
        margin-top: 60px;
        padding-bottom: 60px;
    }

    .mfp-title .ref-section h3.ic-content-title {
        font-size: 25px;
        margin-top: 36px;
    }

    .griditem .proj-ref .overlay-text h3.ic-content-title {
        font-size: 32px;
        margin-top: 30px;
        padding-bottom: 30px;
        line-height: 48px;
    }

    .jcarousel .proj-ref .overlay-text h3.ic-content-part {
        display: none;
    }

    .jcarousel .proj-ref .overlay-text h3.ic-content-title {
        margin-top: 0;
        padding-bottom: 12px;
        line-height: 44px;
    }

    .jcarousel .proj-ref .carousel-small .overlay-text h3.ic-content-title {
        font-size: 24px;
        padding-bottom: 20px;
        line-height: 30px;
    }

    .griditem .proj-ref .griditem-small .overlay-text h3.ic-content-part {
        font-size: 18px;
        padding-bottom: 0;
        line-height: 20px;
        font-weight: 500;
    }

    .griditem .proj-ref .griditem-small .overlay-text h3.ic-content-title {
        font-size: 22px;
        padding: 15px 20px 10px 0;
        line-height: 23px;
        margin: 0;
    }

    .griditem img {
        object-fit: cover;
    }

    .griditem .proj-ref .ic-content-details.griditem-small {
        padding: 16px 0 0 0;
        margin: 0;
    }

    .griditem .proj-ref .ic-content-details.griditem-small .overlay-text {
        padding: 0 15px;
    }

    .griditem .proj-ref .ic-content-details.griditem-small .overlay-text a.btn {
        margin-top: 10px;
        padding: 8px 13px;
    }

    .griditem .proj-ref .ic-content-details .overlay-text {
        padding-top: 25px;
    }

    .griditem .proj-ref .ic-content-details.griditem-small .overlay-text {
        padding-top: 0;
    }

    img.deutschlandkarte-offset {
        position: relative;
        top: -194px;
    }

    .no-height {
        height: 0;
    }

    .width-like-farbverlauf {
        width: 878px;
    }

    /* News-Block */
    .news-block {
        position: relative;
        margin-top: 37px;
    }

    .news-block .news-date {
        position: absolute;
        width: 210px;
    }

    .news-block hr {
        width: 270px;
        margin-top: 10px;
        margin-bottom: 16px;
    }

    .news-block .news-content {
        float: right;
        position: absolute;
        width: 877px; /* like .tabcontainer-variant-a .tabcontainer-plugins */
        left: 298px; /* like .tabcontainer-variant-a .tabcontainer-plugins */
    }

    .news-block .news-content .btn {
        margin: 0;
    }

    /* News */
    .news p.news-date {
        margin-bottom: 30px;
    }

    .news .news-title, .news h2 {
        margin-bottom: 40px;
    }

    .news .news-subtitle {
        font-weight: 600;
        margin-bottom: 60px;
    }

    .news p {
        padding-top: 20px;
        margin-bottom: 1.8rem;
    }

    .news .news-subheadline, .news h3 {
        padding: 60px 0 40px 0;
        text-transform: uppercase;
        font-weight: 900;
        font-size: 1.9rem;
    }

    .news .news-subsubheadline, .news h4 {
        padding: 0 0 20px 0;
        text-transform: uppercase;
        font-size: 1.5rem;
        font-weight: 600;
    }

    .news .news-subsubsubheadline, .news h5 {
        padding: 0 0 20px 0;
        font-weight: 600;
        font-size: 1.3rem;
    }

    .news a.download-btn, .news a.download-btn:link, .news a.download-btn:active, .news a.download-btn:visited {
        color: #000;
        text-decoration: underline;
    }

    .news .teaser {
        padding: 40px 30px;
        margin: 25px 0 0 0;
    }

    .news .teaser + .teaser {
        margin-left: 20px;
    }

    .news hr.inline-hr {
        margin-top: 65px;
        margin-bottom: 15px;
    }

    /* cites */
    .cite-block {
        display: block;
    }

    .news .cite-block {
        margin-bottom: 40px;
    }

    .cite-block .cite-img {
        line-height: 0;
        width: 295px;
    }

    .cite-block .cite-teaser {
        float: right;
        position: relative;
        top: 10px;
        left: -110px;
    }

    .cite-block .cite-teaser .title-teaser {
        position: relative;
        top: 73px;
        left: 40px;
        display: block;
        background: white;
        width: fit-content;
        padding: 0;
        margin: 22px;
        border-left: 15px solid white;
        border-right: 15px solid white;
        border-top: 15px solid white;
        border-block: inherit;
    }

    .cite-block .cite-teaser .title-teaser p {
        font-size: 13pt;
        line-height: 1;
        border: 2px solid black;
        border-bottom-width: 5px;
        padding: 14px 20px;
        font-weight: 900;
    }

    .cite-block .cite-teaser .cite {
        padding: 35px 30px 25px 30px;
        margin: 25px 0 0 0;
        display: inline-block;
        border: 5px solid #000000;
        max-width: 450px;
    }

    .cite-block .cite-teaser .cite p {
        font-size: 16pt;
        line-height: 1.3;
        padding: 0;
        font-weight: 900;
        quotes: "„" "“" "‚" "‘";
    }

    .cite-v3 .cite-block {
        margin-left: -2rem;
        margin-right: 122px;
    }

    .cite-v3 .cite-block .cite-teaser .cite p {
        font-size: 29pt;
    }

    .cite-v3 .cite-block .cite-teaser .title-teaser p {
        background: white;
    }

    .karriere .griditem .cite-v3 .cite-block .cite-teaser .title-teaser {
        border-bottom: 15px solid rgba(255, 255, 255, 0.0);
        border-left: 15px solid rgba(255, 255, 255, 0.0);
        border-right: 15px solid rgba(255, 255, 255, 0.0);
        border-top: 0 solid rgba(255, 255, 255, 0.0);
        background: transparent;
        left: -100px;
    }

    .cite-v4 {
        margin-top: -68px;
    }

    .cite-v4 .cite-block .cite-teaser .title-teaser p {
        background: white;
    }

    .karriere .griditem .cite-v4 .cite-block .cite-teaser .title-teaser {
        border-bottom: 15px solid rgba(255, 255, 255, 0.0);
        border-left: 15px solid rgba(255, 255, 255, 0.0);
        border-right: 15px solid rgba(255, 255, 255, 0.0);
        border-top: 0 solid rgba(255, 255, 255, 0.0);
        background: transparent;
        left: -38px;
    }

    /* slick */
    .slick-dots {
        display: none;
    }

    .simple-slick .slick-slide img {
        min-height: 591px;
    }

    img.has-farbverlauf + figcaption {
        position: relative;
        font-size: 9pt;
        color: darkgrey;
        top: 40px;
        text-align: right;
    }

    /* Karriere */
    .teaser-head-sub {
        float: right;
        width: 340px;
        margin-right: 122px;
        margin-top: -77px;
    }

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

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

    /* inline-teaser */

    .inline-teaser {
        background-color: #00a0e1;
        color: #fff;
        padding: 80px 140px;
        margin: 20px 0;

    }
    .inline-teaser p {
        font-weight: 900;
        font-size: 29pt;
        line-height: 29pt;
    }

    /* inline-teaser2 */

    .inline-teaser2 {
        color: #fff;
        margin: 0;
        padding: 35px;
    }
    .inline-teaser2 h3 {
        margin: 0 0 35px 0;
        font-size: 20pt;
        font-weight: 900;
    }

    .gridcontainer.karriere {
        margin-top: 60px;
    }

    .karriere .griditem {
        padding: 15px;
    }

    .karriere .griditem hr {
        width: calc(100% - 2px);
        margin-top: 10px;
        margin-bottom: 25px;
    }

    .karriere .griditem h3 {
        font-size: 24pt;
        font-weight: 900;
        margin-bottom: 25px;
    }

    .karriere .griditem .cite-block .cite-teaser {
        float: none;
        position: unset;
        top: 0;
        left: 0;
    }

    .karriere .griditem img.kopf {

    }

    .karriere .griditem h3.in-farbverlauf {
        font-size: 29pt;
        margin-bottom: 0;
        padding: 40px;
    }

    .karriere .griditem .cite-block .cite-teaser .title-teaser {
        top: 18px;
        left: -53px;
        /*border-right: none;*/
        border-bottom: 15px solid white;
    }

    .karriere .griditem .cite-block .cite-teaser .cite {
        border: 5px solid #00a0e1;
        /*
        border-image-source: linear-gradient(90deg, #00a0e1, #312783);
        border-image-slice: 1;
        border-width: 5px;
        */

        max-width: none;
        margin: -47px 0 0 0;
        padding: 45px 70px 30px 45px;

        background: linear-gradient(90deg, #00a0e1, #312783);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .cite-farbverlauf-border .cite {
        border-image-source: linear-gradient(90deg, #00a0e1, #312783) !important;
        border-image-slice: 1 !important;
    }

    .desktop-text-farbverlauf, .desktop-farbverlauf-text {
        background: linear-gradient(90deg, #00a0e1, #312783);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }


    /* Simple Slick, neue Referenz-Unterseite */

    .simple-slick .slick-prev {
        position: absolute;
        left: -60px;
        top: calc(50% - 35px); /* 35 = half size of arrow image /static/cms_kb2020/icons/pfeile-slider-l.svg */
        z-index: 5;
    }

    .simple-slick .slick-next {
        position: absolute;
        right: -60px;
        top: calc(50% - 35px);  /* 35 = half size of arrow image /static/cms_kb2020/icons/pfeile-slider-r.svg */
        z-index: 5;
    }

    /* Full width */
    .simple-slick .slick-slide img {
        display: block;
        object-fit: contain;
        /*width: 100%;*/
        /* enable for centerMode: true, variableWidth: false ,*/
        width: 100%;
        height: 800px;
    }

    .ref-facts-table {
        font-size: 16pt;
    }

    .ref-facts-table tr td {
        padding-left: 2rem;
    }

    .easteregg {
        margin-top: -45px;
        margin-bottom: -61px;  /* spacer, desktop */
    }

    .easteregg img {
        /*transform: scale(0.5);*/
        height: 75px;
    }


}