/* this file contains the main style of pages */


/** content */
.content div {
    position: relative;
    hyphens: auto;
    -webkit-hyphens: auto;
}


/** fade elements if in view */
.off-view {
    opacity: 0;
    backface-visibility: hidden;
    transform: translate3d(0, 50px, 0);
    transition: all 500ms ease-out;
}

.off-view.in-view-above {
    transform: translate3d(0, -50px, 0);
}

.off-view.in-view {
    opacity: 1;
    transform: none;
}

@media print {
    .off-view {
        opacity: 1;
        transform: none;
    }
}

/* header */
.csc-header {
    margin: 0 0 20px;
}

/* header h1:not(:last-child), header .h1:not(:last-child) { font-size: 40px; font-weight: 700; } */
header h1 + h2, header .h1 + .h2 { /* font-size: 24px; font-weight: 300; */
    margin-top: -20px;
}

header h2 + h3, header .h2 + .h3 { /* font-style: italic; font-weight: 400; */
    margin-top: -10px;
}

header h3 + h4, header .h3 + .h4 { /* font-weight: 400; */
    margin-top: -10px;
}

header h4 + h5, header .h4 + .h5 { /* font-weight: 400; */
    margin-top: -10px;
}

header h5 + h6, header .h5 + .h6 { /* font-weight: 400; */
    margin-top: -10px;
}

header:last-child h1:last-child, header:last-child h2:last-child, header:last-child h3:last-child, header:last-child h4:last-child, header:last-child h5:last-child, header:last-child h6:last-child,
header:last-child .h1:last-child, header:last-child .h2:last-child, header:last-child .h3:last-child, header:last-child .h4:last-child, header:last-child .h5:last-child, header:last-child .h6:last-child {
    margin-bottom: 30px;
}

.ce-gallery + header {
    margin-top: 20px;
}

div:last-child > header:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 666px) {
    header h1, header .h1, header h1:not(:last-child), header .h1:not(:last-child) {
        font-size: 30px;
    }

    header h2, header .h2 {
        font-size: 24px;
    }

    header h1 + h2, header .h1 + .h2 {
        font-size: 20px;
        margin-top: -20px;
    }
}


/** maps */
.frame-type-dce_dceuid2 {
}

.content .row .frame.frame-type-header + .frame.frame-type-dce_dceuid2 {
    margin-top: 20px;
}

.content .map {
    clear: both;
    position: relative;
}

.js .headerSlider .map {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.map .map-area {
    height: 345px;
}

.map .gm-style > .gmnoprint { /*display: none;*/
}

/* controls */
.map .gm-style-cc {
    display: none;
}

/* Fehler melden */
.content div.tapToEnable {
    position: absolute;
}

/* info */
.map > .item {
    display: none;
}

#content-area .map img {
    background: none;
}

.map p {
    font-size: 14px;
    font-weight: 300;
    margin: 0 0 5px;
}

.map p:last-child {
    margin-bottom: 0;
}

.map p.name {
    font-size: 16px;
    font-weight: 400;
}

.map p.additional {
    font-weight: 400;
}

.map p.route {
    margin-top: 10px;
}


/** #top */
.content a[href="#top"] {
    background: #FFF;
    border: 1px solid #444;
    display: inline-block;
    cursor: pointer;
    height: 40px;
    width: 60px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    text-align: center;
    text-indent: -9999px;
}

.content p a[href="#top"] {
    display: block;
    margin: 20px auto 0;
}

.content a[href="#top"]::before {
    content: "";
    border: solid #444;
    border-width: 2px 2px 0 0;
    display: inline-block;
    height: 12px;
    width: 12px;
    margin: -2px 0 0 -6px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: rotate(-45deg);
}

.content a[href="#top"]::after {
    content: "";
    background: #444;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    transform: translate3d(0, 100%, 0);
    transition: all .3s ease;
}

.content a[href="#top"]:hover::before {
    border-color: #FFF;
}

.content a[href="#top"]:hover::after {
    transform: translate3d(0, 0, 0);
}


/** address */
.content .address address {
    font-style: normal;
}

.content .address div[itemprop="name"] {
    margin: 0 0 20px;
}

.content .address div[itemprop="image"] {
    display: none;
}

.content .address address + .additional {
    margin-top: 20px;
}

.content .address span[itemprop="postalCode"],
.content .address .label {
    margin-right: 4px;
}


/** sitemap */
.frame-type-menu_sitemap_pages {
}

.frame-type-menu_sitemap_pages ul {
    border-left: 1px dotted #CCC;
    list-style: none;
    padding: 0;
}

.frame-type-menu_sitemap_pages li {
    margin: 10px 0 0 20px;
    position: relative;
}

.frame-type-menu_sitemap_pages > ul > li:first-child {
    margin-top: 0;
}

.frame-type-menu_sitemap_pages li::before,
.frame-type-menu_sitemap_pages li:last-child::after {
    content: "";
    display: inline-block;
    position: absolute;
    left: -21px;
}

.frame-type-menu_sitemap_pages li::before {
    border: dotted #CCC;
    border-width: 0 0 1px 0;
    height: 10px;
    width: 10px;
    top: 0;
}

.frame-type-menu_sitemap_pages > ul > li:first-child::before {
    border-left: 1px solid #FFF;
}

.frame-type-menu_sitemap_pages li:last-child::after {
    border-left: 1px solid #FFF;
    height: calc(100% - 10px);
    bottom: 0;
}


/** table */
table.ce-table th {
    background-color: #444;
    color: #FFF;
    font-weight: 600;
    padding: 10px;
}

table.ce-table td {
    padding: 5px 10px;
}

table.ce-table-bordered th, table.ce-table-bordered td {
    border: 1px solid #444;
}

table.ce-table-bordered th {
    background: #444;
    border-color: #444 #FFF;
}

table.ce-table-bordered th:first-child {
    border-left-color: #444;
}

table.ce-table-bordered th:last-child {
    border-right-color: #444;
}

table.ce-table-bordered td {
    vertical-align: top;
}

table.ce-table-striped thead th {
    background-color: #444;
    color: #FFF;
}

table.ce-table tbody th {
    border: 1px solid #444;
    border-bottom-color: #FFF;
    width: 25%;
}

table.ce-table tbody:last-child tr:last-child th {
    border-bottom-color: #444;
}

table.ce-table tfoot tr:last-child th {
    border-bottom: 1px solid #444;
}

table.ce-table th ~ td {
    border: 1px solid #444;
    padding: 10px;
}

table.contenttable {
    border-collapse: collapse;
    width: 100%;
}

table.contenttable thead td {
    background-color: #444;
    border: 1px solid;
    border-color: #444 #FFF;
    color: #FFF;
    font-weight: 600;
    padding: 10px;
}

table.contenttable thead td:first-child {
    border-left-color: #444;
}

table.contenttable thead td:last-child {
    border-right-color: #444;
}

table.contenttable td {
    padding: 5px 10px;
    vertical-align: top;
}

table.contenttable tr:nth-of-type(even) {
    background-color: rgba(0, 0, 0, .03);
}

/** uploads */
.ce-uploads li > img + div a::before {
    margin-top: -1px;
    font-size: 28px;
    color: #565957;
}

.ce-uploads li > img + div a .ce-uploads-fileName {
    padding-left: 35px;
}


/** columns */
.content .row .frame + .frame {
    margin-top: 20px;
}

#content .row > div:empty + div {
    margin-top: 0 !important;
}


/** content header */
#content-header {
    margin: 0 auto; /* max-width: 1920px; */
    position: relative;
    border-top: solid 3px var(--primary-color);
}

.custom-headerSlider {
    z-index: 2;
}

.header-image .header-image--item .image img {
    height: auto;
    width: 100%;
    object-fit: cover;
    max-width: none;
}

.header-image {
    display: flex;
    align-items: center;
}

.custom-headerSlider .header-text-wrapper {
    width: 100%;
    position: absolute;
    right: 0;
    left: 0;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    display: inline;
    -webkit-box-decoration-break: clone;
}

.custom-headerSlider .header-text-wrapper .header-text--title {
    font-size: 48px;
    color: #FFF;
    width: fit-content;
    max-width: 65%;
}

.custom-headerSlider .header-text-wrapper .header-text--subtitle {
    color: #FFF;
    width: fit-content;
    background-color: var(--nav-color);
    margin-bottom: 15px;
    padding: 0 15px;
    font-size: 50px;
    display: inline;
    -webkit-box-decoration-break: clone;
}

.header-image .header-image--item .image {
    position: relative;
    height: 100%;
}

.header-image .header-image--item .image picture {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
}

/* slider */
.headerSlider {
    background: url("../../../../pm_core/Resources/Public/Images/loading.svg") no-repeat center #FFF;
    background-size: 50px 50px;
    min-height: 300px;
    max-height: 340px;
    overflow: hidden;
    position: relative;
    transition: height 1s;
}

.headerSlider::before {
    content: "";
    display: block;
    padding-top: 340px;
    transition: padding-top 1s;
}

.headerSlider .imageslider {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}

.headerSlider .imageslider .slider-item {
    position: relative;
    height: 100%;
    width: 100%;
}

.headerSlider .imageslider .slider-item + .slider-item {
    display: none;
}

.headerSlider .imageslider .slider-item > a {
    display: block;
    height: 100%;
    width: 100%;
}

.headerSlider .imageslider .slider-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: calc(100% + 50px);
    width: 100%;
    margin-top: -50px;
    position: absolute;
    top: 0;
    left: 0;
}

.headerSlider .imageslider .img-link--text {
    display: none;
}

.headerSlider .imageslider .TextArea,
.headerSlider .imageslider .TextArea .inner {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
}

.headerSlider .imageslider .TextArea {
    display: none;
}

.headerSlider .imageslider .TextArea .inner {
    margin: 0 auto;
    max-width: 1920px;
}

.headerSlider .imageslider .TextArea .slider-title {
}

.headerSlider .imageslider .TextArea .text {
}

.headerSlider .imageslider .TextArea .alternative {
}

.headerSlider .imageslider .TextArea .description {
}

.headerSlider .imageslider .TextArea .description .ce-bodytext {
}

.headerSlider .imageslider .TextArea .description .more {
    white-space: nowrap;
}

.imageslider .cycle-prev,
.imageslider .cycle-next {
    display: none;
    margin-top: -30px;
    padding: 25px 20px;
    text-decoration: none;
    position: absolute;
    top: 50%;
    z-index: 200;
}

.imageslider .cycle::before,
.imageslider .cycle::after {
    content: "";
    background: #FFF;
    border-radius: 2px;
    height: 2px;
    width: 20px;
    display: inline-block;
    position: absolute;
    top: 50%;
    transition: all .2s ease-in-out;
}

.imageslider .cycle::before {
    margin-top: 1px;
}

.imageslider .cycle::after {
    margin-top: 0;
}

html:not(.touch) .imageslider .cycle:hover::before,
html:not(.touch) .imageslider .cycle:hover::after {
    background-color: #444;
}

.imageslider .cycle-prev {
    left: 10px;
}

.imageslider .cycle-prev::before,
.imageslider .cycle-prev::after {
    left: 10px;
    transform-origin: left;
}

.imageslider .cycle-prev::before {
    transform: rotate(-45deg);
}

.imageslider .cycle-prev::after {
    transform: rotate(45deg);
}

html:not(.touch) .imageslider .cycle-prev:hover::before {
    transform: rotate(-35deg);
}

html:not(.touch) .imageslider .cycle-prev:hover::after {
    transform: rotate(35deg);
}

.imageslider .cycle-next {
    right: 10px;
}

.imageslider .cycle-next::before,
.imageslider .cycle-next::after {
    right: 10px;
    transform-origin: right;
}

.imageslider .cycle-next::before {
    transform: rotate(45deg);
}

.imageslider .cycle-next::after {
    transform: rotate(-45deg);
}

html:not(.touch) .imageslider .cycle-next:hover::before {
    transform: rotate(35deg);
}

html:not(.touch) .imageslider .cycle-next:hover::after {
    transform: rotate(-35deg);
}

.imageslider .cycle-pager {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0;
    z-index: 200;
}

.imageslider .cycle-pager .pager {
    display: inline-block;
    cursor: pointer;
    background: none;
    border: 1px solid #FFF;
    border-radius: 0;
    height: 16px;
    width: 16px;
    margin: 0 10px 10px 10px;
}

.imageslider .cycle-pager .pager.cycle-pager-active {
    background-color: #FFF;
}

.imageslider .cycle-pager .pager span {
    display: none;
}

@media screen and (max-width: 666px) {
    .headerSlider .imageslider .TextArea .inner {
    }

    .headerSlider .imageslider .TextArea .title {
    }

    .headerSlider .imageslider .TextArea .description .ce-bodytext {
    }
}

@media screen and (max-width: 414px) {
    .headerSlider .imageslider .TextArea .title {
    }

    .headerSlider .imageslider .TextArea .description .ce-bodytext {
    }
}

/* header-image */
.header-image, .custom-headerSlider {
    overflow: hidden;
    position: relative;
    height: 400px;
}

.header-image + .header-image {
    display: none;
}

.header-image .header-image--item {
    height: 100%;
    width: 100%;
    margin-bottom: 40px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin-bottom: 0;
}

.header-image .header-image--item .image {
    position: relative;
    height: 100%;
}

.header-image .header-image--item .image picture {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.header-image .header-image--item .image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

@media screen and (min-width: 550px) {
    /* Header for Tablet */
    .header-image, .custom-headerSlider, .headerSlider {
        height: 400px;
    }

    .header-text-wrapper {
        margin: 40px auto 40px;
    }

    .header-image .header-text--title,
    .headerSlider .imageslider .TextArea .slider-title {
        font-size: 45px;
    }

    .header-image .header-text--subtitle,
    .headerSlider .imageslider .TextArea .slider-title {
        font-size: 34px;
    }
}

@media screen and (min-width: 834px) {
    /* Header for Desktop */
    .header-image, .custom-headerSlider, .headerSlider {
        height: 441px;
    }

    .header-image .header-text--title {
        font-size: 57px;
    }

    .header-image .header-text--subtitle {
        font-size: 40px;
    }
}

@media screen and (min-width: 992px) {
    .header-text-wrapper {
    }

    .header-image .header-image--item {
    }

    .header-image .header-text--item {
        position: absolute;
        width: auto;
    }

    .header-image .header-text--title {
        line-height: 1.2;
    }

    /* .header-image .header-text--subtitle {line-height: 1.2;} */
    .header-image .btn.more {
        display: inline-block;
        margin: 5px 15px 5px 0;
    }
}

@media screen and (min-width: 1281px) {
    /* Header for Desktop */
    .header-image, .custom-headerSlider, .headerSlider {
        height: 593px;
    }

    .custom-headerSlider .header-text-wrapper {
    }
}

@media screen and (min-width: 1400px) {
    .header-image .header-text--title {
        font-size: 56px;
    }

    .header-image .header-text--subtitle {
        font-size: 40px;
    }
}

@media screen and (max-width: 1280px) {
}

@media screen and (max-width: 834px) {
    .custom-headerSlider .header-text-wrapper {
        padding: 0 70px;
    }

    .custom-headerSlider .header-text-wrapper .header-text--title,
    .headerSlider .imageslider .TextArea .slider-title {
        font-size: 30px;
    }

    .custom-headerSlider .header-text-wrapper .header-text--subtitle,
    .headerSlider .imageslider .TextArea .description {
        font-size: 20px;
    }
}

@media screen and (max-width: 550px) {
    .custom-headerSlider .header-text-wrapper .header-text--title,
    .headerSlider .imageslider .TextArea .slider-title {
        font-size: 22px;
    }

    .custom-headerSlider .header-text-wrapper .header-text--subtitle,
    .headerSlider .imageslider .TextArea .description {
        font-size: 20px;
    }

    .custom-headerSlider .header-text-wrapper .header-text--title {
        max-width: 100%;
    }

    .custom-headerSlider .header-text-wrapper {
        padding: 20px;
        margin: 0;
        bottom: 0;
    }

    .custom-headerSlider .header-buttons .btn {
        width: 100%;
    }
}


/** slick-slider */
.slick-slider {
}

.slick-slider.slick-dotted {
    padding-bottom: 40px;
}

.slick-slider .slick-arrow {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    text-indent: -9999px;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 30px;
    z-index: 2;
}

.slick-slider .slick-arrow::before,
.slick-slider .slick-arrow::after {
    content: "";
    background: #9E2728;
    border-radius: 2px;
    height: 3px;
    width: 14px;
    display: inline-block;
    position: absolute;
    top: 50%;
    transition: all .2s ease-in-out;
}

.slick-slider .slick-arrow::before {
    margin-top: 1px;
}

.slick-slider .slick-arrow::after {
    margin-top: 0;
}

html:not(.touch) .slick-slider .slick-arrow:hover {
    border-color: #9E2728;
}

html:not(.touch) .slick-slider .slick-arrow:hover::before,
html:not(.touch) .slick-slider .slick-arrow:hover::after {
    background-color: #9E2728;
}

.slick-slider .slick-arrow:hover::before,
.slick-slider .slick-arrow:hover::after {
    border-color: #202121;
}

.slick-slider .slick-arrow.slick-prev {
    left: 0;
}

.slick-slider .slick-arrow.slick-prev::before,
.slick-slider .slick-arrow.slick-prev::after {
    left: 10px;
    transform-origin: left;
}

.slick-slider .slick-arrow.slick-prev::before {
    transform: rotate(-45deg);
}

.slick-slider .slick-arrow.slick-prev::after {
    transform: rotate(45deg);
}

html:not(.touch) .slick-slider .slick-arrow.slick-prev:hover::before {
    transform: rotate(-35deg);
}

html:not(.touch) .slick-slider .slick-arrow.slick-prev:hover::after {
    transform: rotate(35deg);
}

.slick-slider .slick-arrow.slick-next {
    right: 0;
}

.slick-slider .slick-arrow.slick-next::before,
.slick-slider .slick-arrow.slick-next::after {
    right: 10px;
    transform-origin: right;
}

.slick-slider .slick-arrow.slick-next::before {
    transform: rotate(45deg);
}

.slick-slider .slick-arrow.slick-next::after {
    transform: rotate(-45deg);
}

html:not(.touch) .slick-slider .slick-arrow.slick-next:hover::before {
    transform: rotate(35deg);
}

html:not(.touch) .slick-slider .slick-arrow.slick-next:hover::after {
    transform: rotate(-35deg);
}

.slick-slider .slick-arrow.slick-disabled::before,
.slick-slider .slick-arrow.slick-disabled::after,
.slick-slider .slick-arrow.slick-disabled:hover::before,
.slick-slider .slick-arrow.slick-disabled:hover::after {
    transform: rotate(0);
    opacity: .3;
}

.slick-slider .slick-list {
    margin: 0;
    overflow: hidden;
}

.slick-slider .slick-list .slick-slide {
    float: left;
}

.slick-slider .slick-dots {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.slick-slider .slick-dots li {
    background: #D0D0D0;
    border: 0px solid #565957;
    border-radius: 50%;
    display: inline-block;
    margin: 0 5px 5px;
    padding: 0;
    height: 16px;
    width: 16px;
    overflow: hidden;
    position: relative;
}

.slick-slider .slick-dots li:hover {
}

.slick-slider .slick-dots li.slick-active {
    border-width: 8px;
}

.slick-slider .slick-dots li button {
    cursor: pointer;
    background: none;
    border: none;
    display: block;
    text-indent: -9999px;
}


/** pager */
ul.f3-widget-paginator {
    clear: both;
    display: table;
    float: none;
    list-style: none;
    /* margin: 0 0 auto auto; */
    /* padding: 0 100px; */
    position: relative;
    display: flex;
    justify-content: flex-end;
    padding-left: 0;
    /* margin-top: 10px; */
}

ul.f3-widget-paginator li {
    font-weight: bold;
    float: left;
    margin: 0 0 0 5px;
}

ul.f3-widget-paginator li::before {
    display: none;
}

ul.f3-widget-paginator li:first-child {
    margin-left: 0;
}

ul.f3-widget-paginator li a {
    padding: 0 5px;
}

ul.f3-widget-paginator li a:hover {
}

ul.f3-widget-paginator li.current {
    cursor: default; /* padding: 0 5px; */
}

ul.f3-widget-paginator li.current:first-child {
    margin-left: 5px;
}

ul.f3-widget-paginator li.current:last-child {
}

ul.f3-widget-paginator li.previous {
    text-align: left;
    left: 0;
}

ul.f3-widget-paginator li.next {
    text-align: right;
    right: 0;
}

ul.f3-widget-paginator li.previous,
ul.f3-widget-paginator li.next {
    float: none;
    margin: 0;
    position: absolute;
    width: 80px;
    display: flex;
    flex-direction: row;
    left: 0;
}

ul.f3-widget-paginator li.previous a,
ul.f3-widget-paginator li.next a {
    padding: 0;
}

ul.f3-widget-paginator li.previous::before,
ul.f3-widget-paginator li.next:after {
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-size: 18px;
    font-weight: 900;
    line-height: 1;
    position: relative;
    top: 0;
    padding-top: 6px;
    color: var(--primary-color);
}

ul.f3-widget-paginator li.previous::before {
    content: "\f104";
    margin-right: 10px;
}

ul.f3-widget-paginator li.next::after {
    content: "\f105";
    margin-left: 10px;
}


/** news */
.news {
}

.news .news-clear {
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

/* page-navigation */
.news-list-view .page-navigation {
    margin: 40px 0 0;
}

.news-list-view .page-navigation:first-child {
    margin-bottom: 40px;
}

.news-list-view .article + .page-navigation {
}

.news-list-view .page-navigation p {
    float: none;
    text-align: right;
}

.page-navigation .paginate {
    font-weight: bold;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.page-navigation .previous { /* float: left; */
    margin-right: 10px;
}

.page-navigation .next { /* float: right; */
    margin-left: 10px;
}

.page-navigation .paginate a {
    border: none;
    text-decoration: none;
}

.page-navigation .paginate a:hover {
    color: var(--primary-color);
}

.page-navigation .previous > span,
.page-navigation .next > span {
    cursor: default;
}

.page-navigation .previous span::before,
.page-navigation .next span::after {
    color: var(--primary-color);
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-size: 18px;
    font-weight: 900;
    line-height: 1;
    position: relative;
    top: 1px;
}

.page-navigation .previous > span::before {
    content: "\f104";
    color: #565957;
    margin-right: 15px;
}

.page-navigation .previous > a > span::before {
    content: "\f104";
    margin-right: 15px;
}

.page-navigation .next > span::after {
    content: "\f105";
    color: #565957;
    margin-left: 15px;
}

.page-navigation .next > a > span::after {
    content: "\f105";
    margin-left: 15px;
}

.page-navigation ul { /* margin: -27px auto 0; padding: 0 133px; */
}

.page-navigation ul li {
}

.page-navigation ul li span {
    padding: 0 5px;
}

.page-navigation ul li a {
    text-decoration: none;
}

.page-navigation ul li a:hover {
    color: var(--primary-color);
}

.page-navigation .lessPages,
.page-navigation .morePages {
    cursor: default;
}

.page-navigation .current {
    color: #565957;
    cursor: default;
}

@media screen and (max-width: 479px) {
    .page-navigation ul {
        padding: 0;
    }
}

@media screen and (max-width: 390px) {
    .page-navigation .previous span, .page-navigation .next span {
        font-size: 0;
    }
}

/** news: list */
.news-list-view {
}

@media screen and (min-width: 768px) {
    .news-list-view {
        align-items: stretch;
        display: flex;
        flex: 0 1 auto;
        flex-flow: row wrap;
        justify-content: flex-start;
        margin: 0 -15px;
    }

    .news-list-view::before,
    .news-list-view::after {
        content: "";
        clear: both;
        display: block;
        height: 0;
        visibility: hidden;
    }

    .news-list-view .article,
    .news-list-view .page-navigation {
        flex-wrap: wrap;
        padding-right: 15px;
        padding-left: 15px;
        width: 100%;
    }

    .news-list-view .article {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .news-list-view .page-navigation {
        flex: 0 0 100%;
        max-width: 100%;
        margin: 40px 0 0;
    }
}

@media screen and (min-width: 1024px) {
    .news-list-view .article {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
    }
}

/* article */
header + .news .news-list-view {
    margin-top: -40px;
}

.news-list-view .article { /* margin: 40px 0 0; */
    margin: 0;
    padding-bottom: 40px;
}

.news-list-view .article header {
}

/* .news-list-view .article .news-img-wrap { display: none; } */
.news-list-view .article img {
    height: auto;
    border-radius: 5px;
    border: solid 1px #000;
}

.news-list-view .article .teaser-text {
}

.news-list-view .article .teaser-text [itemprop="description"] {
}

.news-list-view .article .teaser-text .more {
}

.news-list-view .article .footer {
    font-style: italic;
}


/** news: details */
.news-single {
}

/* pager */
.news-single .pager {
    list-style: none;
    margin: 0 0 40px;
    padding: 0;
    overflow: hidden;
}

.news-single div + .pager {
    margin-top: 40px;
}

.news-single .pager:last-child {
    margin-bottom: 0;
}

.news-single .pager:after {
    content: "";
    clear: both;
    display: block;
}

.news-single .pager li {
    max-width: 48%;
}

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

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

.news-single .pager li a {
    display: block;
    position: relative;
}

.news-single .pager li a span {
    display: none;
}

.news-single .pager li.previous a {
    padding-left: 25px;
}

.news-single .pager li.next a {
    padding-right: 25px;
}

.news-single .pager li.previous a::before,
.news-single .pager li.next a::after {
    color: var(--primary-color);
    display: block;
    font-family: "Font Awesome 5 Free";
    font-size: 12px;
    font-weight: 900; /* margin-top: -1px; */
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}

/* .news-single .pager li.previous a::before { content: "\f060"; left: 0; } */
.news-single .pager li.previous a::before {
    content: url(../Img/Icons/Icon-Arrow-small-orange.svg);
    position: absolute;
    z-index: 9;
    left: 0;
    top: 3px;
    transform: rotate(180deg);
}

/* .news-single .pager li.next a::after { content: "\f061"; right: 0; } */
.news-single .pager li.next a::after {
    content: url(../Img/Icons/Icon-Arrow-small-orange.svg);
    position: absolute;
    z-index: 9;
    right: 0;
    top: 8px;
    transform: rotate(0deg);
}

@media screen and (max-width: 834px) {
    .news-single .pager li.next a::after {
        top: 4px;
    }

    .news-single .pager li.previous a::before {
        top: -1px;
    }
}

@media screen and (max-width: 666px) {
    .news-single .pager li.previous,
    .news-single .pager li.next { /* float: none; */
        max-width: 100%;
    }
}

@media screen and (max-width: 380px) {
    .news-single .pager li.previous,
    .news-single .pager li.next { /* display: none; float: none; width: 100%; */
    }

    .news-single .pager li.previous a,
    .news-single .pager li.next a {
        font-size: 0;
        height: 21px;
    }
}

/* content */
.news-single .header {
}

.news-single .header h1 {
}

.news-single .footer {
    border-bottom: 1px solid #F3F1F1;
    margin: 0 0 40px;
    padding: 0 0 5px;
}

.news-single .footer p > span {
    border-left: 1px solid #F3F1F1;
    margin-left: 5px;
    padding-left: 9px;
}

.news-single .footer p > span:first-child {
    border-left: none;
    margin-left: 0;
    padding-left: 0;
}

.news-single .footer .news-list-date {
}

.news-single .footer .news-list-category {
}

.news-single .teaser-text {
    font-weight: 700;
    margin-bottom: 40px;
}

.news-single .article > .row {
}

.news-single .article > .row > .col:empty {
    display: none;
}

.news-single .article > .row > .col:empty + .col {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
}

.news-single .article > .row .col:first-child:last-child {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
}

.news-single .news-img-wrap {
    margin-bottom: 80px;
}

.news-single .news-img-wrap .outer {
}

.news-single .news-img-wrap .outer + .outer {
    margin-top: 40px;
}

.news-single .news-img-wrap .outer .mediaelement {
}

.news-single .news-img-wrap .outer .mediaelement.mediaelement-image {
}

.news-single .news-img-wrap .outer .mediaelement a {
    display: block;
}

.news-single .news-img-wrap .outer .mediaelement img {
    display: block;
    height: auto;
    width: 100%;
    margin: 0 0 0 auto;
    transition: transform .3s linear;
    max-height: 650px;
    object-fit: cover;
}

html:not(.touch) .news-single .news-img-wrap .mediaelement-image img:hover {
    transform: scale(1.04);
}

@media screen and (max-width: 767px) {
    .news-single .news-img-wrap .outer .mediaelement img {
        margin: 0 auto;
    }
}

.news-single .news-img-wrap .outer .mediaelement .mediaelement-video {
}

.news-single .news-img-wrap .outer .mediaelement .iframe-outer-wrapper {
    width: 100% !important;
}

.news-single .news-img-wrap .outer .mediaelement .medialement-alternative-content {
}

.news-single .news-img-wrap .news-img-caption {
    font-size: 90%;
    margin: 5px 0 0;
}

.news-single .news-text-wrap {
}

.news-single .news-text-wrap ul {
    list-style: none;
    padding: 0;
}

.news-single .news-text-wrap ul ul {
    margin-top: 10px;
}

.news-single .news-text-wrap ul li {
    margin: 0 0 10px 15px;
    position: relative;
}

/* .news-single .news-text-wrap ul li:before { content: "\f105"; color: var(--primary-color); display: inline-block; font-family: "Font Awesome 5 Free"; font-size: 16px; font-weight: 900; line-height: 1; margin: 0 0 0 -15px; width: 15px; } */
@media screen and (min-width: 768px) {
    .news-single .article .frame-layout-1 .ce-bodytext {
        column-gap: 40px;
    }

    .news-single .article > .row > .col:first-child:last-child .news-text-wrap,
    .news-single .article > .row > .col:empty + .col .news-text-wrap {
        column-count: 2;
        column-gap: 40px;
        margin-bottom: -20px;
    }

    .news-single .article > .row > .col:first-child:last-child .news-text-wrap p,
    .news-single .article > .row > .col:empty + .col .news-text-wrap p,
    .news-single .article > .row > .col:empty + .col .news-text-wrap li {
        -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
        -moz-column-break-inside: avoid; /* Mozilla */
        -mx-column-break-inside: avoid;
        column-break-inside: avoid;
        page-break-inside: avoid; /* Firefox */
        break-inside: avoid; /* IE 10+ */
    }

    .news-single .article > .row > .col:first-child:last-child .news-text-wrap p:first-of-type:last-of-type,
    .news-single .article > .row > .col:empty + .col .news-text-wrap p:first-of-type:last-of-type {
        display: inline-block;
        margin-bottom: 20px;
    }

    _:-ms-lang(x), .news-single .article > .row > .col:first-child:last-child .news-text-wrap p,
    _:-ms-lang(x), .news-single .article > .row > .col:empty + .col .news-text-wrap p {
        margin-bottom: 20px;
    }

    _:-ms-lang(x), .news-single .article > .row > .col:first-child:last-child .news-text-wrap p:after,
    _:-ms-lang(x), .news-single .article > .row > .col:empty + .col .news-text-wrap p:after {
        display: none;
    }
}

@media screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 0) {
    .news-single .article > .row > .col:first-child:last-child .news-text-wrap p,
    .news-single .article > .row > .col:empty + .col .news-text-wrap p {
        margin-bottom: 0;
    }

    .news-single .article > .row > .col:first-child:last-child .news-text-wrap p:after,
    .news-single .article > .row > .col:empty + .col .news-text-wrap p:after {
        content: '';
        display: block;
        height: 20px;
    }

    .news-single .article > .row > .col:first-child:last-child .news-text-wrap p:last-child:after,
    .news-single .article > .row > .col:empty + .col .news-text-wrap p:last-child:after {
        height: 0;
    }
}

@media screen and (min-width: 1024px) {
    .news-single .article .frame-layout-1 .ce-bodytext,
    .news-single .article > .row > .col:first-child:last-child .news-text-wrap,
    .news-single .article > .row > .col:empty + .col .news-text-wrap {
        column-gap: 60px;
    }
}

@media screen and (min-width: 1200px) {
    .news-single .article .frame-layout-1 .ce-bodytext,
    .news-single .article > .row > .col:first-child:last-child .news-text-wrap,
    .news-single .article > .row > .col:empty + .col .news-text-wrap {
        column-gap: 100px;
    }
}

@media print {
    .news-single .article .frame-layout-1 .ce-bodytext,
    .news-single .article > .row > .col:first-child:last-child .news-text-wrap,
    .news-single .article > .row > .col:empty + .col .news-text-wrap {
        column-count: auto;
    }
}

/* backlink */
.news-backlink-wrap {
    margin: 40px 0 0;
}

/* content elements */
.news-single .frame {
    margin: 40px 0 0;
}

.news-single .frame > .frame:first-child {
    margin-top: 0;
}

.news-single .frame .header {
    margin: 0 0 10px;
}

html:not(.touch) .news-single .article:hover figure.image {
    transform: none;
}

/* related */
.news-single .news-related-wrap {
}

.news-single .news-related-wrap .news-related {
    margin: 40px 0 0;
}

.news-single .news-related ul {
    list-style: none;
    padding: 0;
}

.news-single .news-related li {
    margin: 5px 0;
}

.news-single .news-related-news {
}

.news-single .news-related-news .news-related-news-date {
}

.news-single .news-related-links {
}

.news-single .news-related-links a + span {
    display: block;
}

.news-single .news-related-files {
}

.news-single .news-related-files .news-related-files-link {
}

.news-single .news-related-files .news-related-files-size {
    font-size: 90%;
}

.news-single h1:last-child, .news-single h2:last-child, .news-single .h1:last-child, .news-single .h2:last-child {
    margin-bottom: 10px;
}

.news-list-view .article .header h3 {
    font-size: 22px;
    line-height: 1.2;
    margin-bottom: 14px;
}

.news-list-view .article .footer {
    font-style: normal;
    font-size: 14px;
}

.news-list-view .article {
    display: flex;
    flex-direction: column;
}

.news-list-view .article .header { /* margin-top: 35px; order: 1; */
}

.news-list-view .article .news-img-wrap {
    width: 100%;
    height: auto; /* order: 0; */
}

.news-list-view .article .news-img-wrap img {
    width: 100%;
    height: 246px;
    object-fit: cover;
}

.news-list-view .article .teaser-text {
    margin-bottom: 20px;
    display: none;
}

.news-list-view .article .detail-button {
    margin-top: auto; /* order: 3; */
}

.news-list-view .article .footer {
    font-style: normal;
}

.news-list-view .article .news-list-date {
    font-size: 14px;
    margin: 10px 0; /* order: 2; */
}

.news-list-view .article .footer .news-list-category,
.news-list-view .article .footer .news-list-author {
    display: none;
}

.news-list-view .article {
    /* padding: 22px; */
    /* background: #FFF;
    border-radius: 10px; */
}

@media screen and ( max-width: 834px ) {
    ul.f3-widget-paginator li.previous::before, ul.f3-widget-paginator li.next:after {
        padding-top: 2px;
    }
}

/** subpages */
.frame-type-menu_pages {
}


/** accordion */
.accordion-container {
}

.accordion-container .accordion-items {
}

.accordion-container .accordion-items > .frame {
}

.accordion-container .accordion-items > .frame-type-table {
    overflow-x: auto;
}

.accordion-container .accordion-items > .frame-type-table .accordion-item-content {
    overflow-x: auto;
}

.accordion-container .accordion-item-header {
    border-bottom: 2px solid #444;
    margin: 0;
    padding: 0 0 10px;
    position: relative;
}

.accordion-container .accordion-item-header .header {
    cursor: pointer;
    margin-bottom: 0;
}

.accordion-container .accordion-item-header .toggleSubNav {
    display: block;
    top: auto;
    right: 0;
    bottom: 15px;
}

.accordion-container .accordion-item-header .toggleSubNav::before,
.accordion-container .accordion-item-header .toggleSubNav::after {
    content: "";
    background: #444;
    height: 2px;
    width: 14px;
    position: absolute;
    top: 50%;
    z-index: 6;
    transition: all .4s ease-in-out;
}

.accordion-container .accordion-item-header .toggleSubNav::before {
    right: 0;
    transform: rotate(-45deg);
}

.accordion-container .accordion-item-header .toggleSubNav::after {
    right: 9px;
    transform: rotate(45deg);
}

.accordion-container .accordion-item-header.open .toggleSubNav::before {
    transform: rotate(45deg);
}

.accordion-container .accordion-item-header.open .toggleSubNav::after {
    transform: rotate(-45deg);
}

.accordion-container .accordion-item-content {
    margin: 20px 0 0;
    transition: all .5s ease;
}

.accordion-container .closed .accordion-item-content {
    height: 0;
    margin: 0;
    opacity: 0;
    overflow: hidden;
}

.accordion-container .accordion-item-content .used-as-accordion-item-header {
    display: none;
}


/** tabs */
.content .tab-container {
}

.content .tab-container .tabs {
    margin: 0;
    padding: 0;
}

.content .tab-container .tabs .tab-link {
    background: none;
    display: inline-block;
    color: #222;
    cursor: pointer;
    padding: 10px 15px;
}

.content .tab-container .tabs .tab-link.current {
    background: #ededed;
    color: #222;
}

.content .tab-container .tab-content {
}

.content .tab-container .tab-item {
    display: none;
    background: #ededed;
    margin: 0;
    padding: 15px;
}

.content .tab-container .tab-item.current {
    display: inherit;
}


/** tabs mit radio-Buttons */
.content .tab-container-subpages {
    max-width: 100%;
    position: relative;
}

.content .tab-container-subpages > input {
    display: block; /* "enable" hidden elements in IE/edge */
    position: absolute; /* then hide them off-screen */
    left: -100%;
}

.content .tab-container-subpages .tab-header {
    text-align: center;
    width: 100%;
}

.content .tab-container-subpages .tab-header--item {
    border: 2px transparent solid;
    border-radius: 25px;
    color: #ededed;
    cursor: pointer;
    display: inline-block;
    margin: 0 5px 5px;
    padding: 0;
    transition: all 300ms ease-out;
}

.content .tab-container-subpages .tab-header--item .label {
    cursor: inherit;
    display: block;
    font-weight: 700;
    padding: 10px;
    text-align: center;
}

.content .tab-container-subpages .tab-input:checked:nth-of-type(1) ~ .tab-header .tab-header--item:nth-of-type(1),
.content .tab-container-subpages .tab-input:checked:nth-of-type(2) ~ .tab-header .tab-header--item:nth-of-type(2),
.content .tab-container-subpages .tab-input:checked:nth-of-type(3) ~ .tab-header .tab-header--item:nth-of-type(3),
.content .tab-container-subpages .tab-input:checked:nth-of-type(4) ~ .tab-header .tab-header--item:nth-of-type(4),
.content .tab-container-subpages .tab-input:checked:nth-of-type(5) ~ .tab-header .tab-header--item:nth-of-type(5),
.content .tab-container-subpages .tab-input:checked:nth-of-type(6) ~ .tab-header .tab-header--item:nth-of-type(6),
.content .tab-container-subpages .tab-input:checked:nth-of-type(7) ~ .tab-header .tab-header--item:nth-of-type(7),
.content .tab-container-subpages .tab-input:checked:nth-of-type(8) ~ .tab-header .tab-header--item:nth-of-type(8),
.content .tab-container-subpages .tab-input:checked:nth-of-type(9) ~ .tab-header .tab-header--item:nth-of-type(9) {
    color: #222;
    cursor: default;
    padding-bottom: 1px;
    transition: all 500ms ease-out;
}

.content .tab-container-subpages .tab-content {
}

.content .tab-container-subpages .tab-content .tab-content--item {
    opacity: 0;
    width: 100%;
    position: absolute;
    left: 0;
    z-index: -1;
    transform: translateY(-5px);
}

.content .tab-container-subpages .tab-input:checked:nth-of-type(1) ~ .tab-content .tab-content--item:nth-of-type(1),
.content .tab-container-subpages .tab-input:checked:nth-of-type(2) ~ .tab-content .tab-content--item:nth-of-type(2),
.content .tab-container-subpages .tab-input:checked:nth-of-type(3) ~ .tab-content .tab-content--item:nth-of-type(3),
.content .tab-container-subpages .tab-input:checked:nth-of-type(4) ~ .tab-content .tab-content--item:nth-of-type(4),
.content .tab-container-subpages .tab-input:checked:nth-of-type(5) ~ .tab-content .tab-content--item:nth-of-type(5),
.content .tab-container-subpages .tab-input:checked:nth-of-type(6) ~ .tab-content .tab-content--item:nth-of-type(6),
.content .tab-container-subpages .tab-input:checked:nth-of-type(7) ~ .tab-content .tab-content--item:nth-of-type(7),
.content .tab-container-subpages .tab-input:checked:nth-of-type(8) ~ .tab-content .tab-content--item:nth-of-type(8),
.content .tab-container-subpages .tab-input:checked:nth-of-type(9) ~ .tab-content .tab-content--item:nth-of-type(9) {
    opacity: 1;
    position: relative;
    top: 0;
    z-index: 100;
    transform: translateY(0);
    transition: .5s opacity ease-in, .8s transform ease;
}


/** search */
.tx-kesearch-pi1 {
}

/* form */
.tx-kesearch-pi1 form[name="form_kesearch_pi1"] {
}

.kesearch_searchbox {
    display: table;
    max-width: 600px;
    width: 100%;
}

.kesearch_searchbox:hover {
}

.kesearch_searchbox .kesearchbox {
    border: 1px solid #444;
    display: table-cell;
    width: 100%;
    vertical-align: top;
}

.kesearch_searchbox #ke_search_sword {
    border: none;
}

.kesearch_searchbox #ke_search_sword::placeholder {
}

.kesearch_searchbox #ke_search_sword:focus::placeholder {
    opacity: .3;
}

.kesearch_searchbox div.clearer {
    display: none;
}

.kesearch_searchbox .resetbutt {
    display: none;
}

.kesearch_searchbox #kesearch_submit {
    display: none;
}

.kesearch_searchbox .submitbutt {
    display: table-cell;
    background: #CCC;
    border: 1px solid #444;
    position: relative;
    vertical-align: top;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.kesearch_searchbox .submitbutt::after {
    content: "";
    background: #444;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    transform: scale(1, 1);
    transition: all .4s ease;
}

html:not(.touch) .kesearch_searchbox .submitbutt:hover::after {
    transform: scale(0, 0);
}

.kesearch_searchbox .submitbutt input[type="submit"] {
    padding: 14px 30px 10px;
}

/* ordering */
#kesearch_ordering {
}

#kesearch_ordering .ordering {
}

#kesearch_ordering .ordering li {
}

#kesearch_ordering .ordering li.sortlink {
}

#kesearch_ordering .ordering li.sortlink .up {
}

#kesearch_ordering .ordering li.sortlink .down {
}

/* results */
.tx-kesearch-pi1 .messsage {
}

#kesearch_num_results {
    margin-bottom: 10px;
}

#kesearch_results {
    margin-top: 20px;
}

.result-list-item {
    margin: 0;
    padding: 25px 0;
}

.result-list-item::after, .result-list-item:first-child::before {
    content: "";
    background: #444;
    height: 2px;
    width: 100px; /*margin-left: -50px;*/
    position: absolute;
    left: 0;
}

.result-list-item::after {
    bottom: 0;
}

.result-list-item:first-child::before {
    top: 0;
}

.result-list-item:nth-child(odd) {
    background: #F3F1F1;
}

.result-list-item:nth-child(even) {
}

.result-list-item .result-number {
}

.result-list-item .result-title {
    display: block;
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 10px;
}

.result-list-item .clearer {
    display: block;
    clear: both;
    height: 0;
}

.result-list-item .add-info {
    display: none;
}

.result-list-item .teaser_icon {
    display: none; /*display: table-cell;*/
    vertical-align: top;
    padding-right: 30px;
}

.result-list-item .teaser_icon img {
    display: block;
    height: auto;
    width: auto;
}

.result-list-item .result-teaser {
    display: block; /*display: table-cell;*/
    vertical-align: top;
}

.result-list-item .hit { /*border-bottom: 1px solid #444;*/
}

.result-list-item .result-teaser .hit {
    color: #444;
    font-weight: bold;
}

.result-list-item .result-teaser .hit::selection {
    color: #C00;
}

.result-list-item .result-teaser .hit::-moz-selection {
    color: #C00;
}

/* pagebrowser */
#kesearch_pagebrowser_top {
    margin-bottom: 10px;
}

#kesearch_pagebrowser_bottom {
    margin-top: 40px;
}

.pages_total {
}

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

.kesearch_pagebrowser {
    margin: 10px auto 0;
}

.kesearch_pagebrowser ul {
    display: table;
    list-style: none;
    margin: 0 auto;
    padding: 0;
}

.kesearch_pagebrowser ul::after {
    content: "";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

.kesearch_pagebrowser ul li {
    display: table-cell;
    padding: 0 5px 5px;
}

.kesearch_pagebrowser a {
    padding: 3px;
    text-decoration: none;
    font-weight: 600;
}

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

.kesearch_pagebrowser a.current {
    color: gold;
}

.kesearch_pagebrowser a.prev,
.kesearch_pagebrowser a.next {
    font-weight: 400;
    padding: 0;
    position: absolute;
    bottom: 0;
}

.kesearch_pagebrowser a.prev {
    left: 0;
}

.kesearch_pagebrowser a.next {
    right: 0;
}

.kesearch_pagebrowser a.prev::before,
.kesearch_pagebrowser a.next::after {
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-size: 18px;
    font-weight: 900;
    line-height: 1;
    position: relative;
    top: 1px;
}

.kesearch_pagebrowser a.prev::before {
    content: "\f137";
    margin-right: 10px;
    left: 1px;
}

.kesearch_pagebrowser a.next::after {
    content: "\f138";
    margin-left: 10px;
    right: 1px;
}


/** DCE */

/** Mask */
/* Blog Entry */
.blogentry {
    display: none;
    /* width: 675px; */
    padding: 25px 65px 25px 25px;
    position: absolute;
    right: 0;
    z-index: 10;
    transform: translateY(-330px);
}

body[data-page-id="1"] .blogentry {
    display: flex;
    flex-direction: row;
}

.blogentry::after {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    border-radius: 300px 0 0 300px;
    position: absolute;
    background-color: var(--primary-color);
    z-index: -1;
}

.blogentry::before {
    content: "";
    display: block;
    height: 100%;
    width: 100vw;
    left: 100%;
    top: 0;
    border-radius: 0;
    position: absolute;
    background-color: var(--primary-color);
    z-index: -1;
}

.blogentry p, .blogentry a, .blogentry span {
    color: #FFF;
}

.blogentry .blogentry_image {
    width: 204px;
    height: 204px;
}

.blogentry .blogentry_image img {
    width: 204px;
    height: 204px;
    object-fit: cover;
    border-radius: 100%;
}

.blogentry .blogentry_content {
    display: flex;
    flex-direction: column;
    padding: 10px 0;
    margin-left: 35px;
    max-width: 340px;
}

.blogentry .blogentry_content .blogentry_title {
    font-size: 22px;
    font-weight: 600;
}

.blogentry .blogentry_content .blogentry_description {
    font-size: 20px;
}

.blogentry .blogentry_content .blogentry_link {
    margin-top: auto;
    width: fit-content;
    width: -moz-fit-content;
}

.blogentry .blogentry_content .blogentry_link.btn.more::before {
    content: url(../Img/Icons/Icon-Arrow-small-white.svg);
    font-size: 17px;
}

.blogentry .blogentry_content .blogentry_link.btn.more:hover::before {
    content: url(../Img/Icons/Icon-Arrow-small-right.svg);
}

.blogentry .blogentry_content .blogentry_link.btn.more:hover a {
    color: #565957;
}

.blogentry .blogentry_content .blogentry_link.btn.more a {
    font-size: 17px;
}

@media screen and (max-height: 860px) and (min-width: 1400px) {
    #content-header .custom-headerSlider .header-image .header-text--title,
    #content-header .custom-headerSlider .header-image .header-buttons {
        /*margin-right: 580px;*/
    }

    .blogentry {
        transform: translateY(-430px);
    }
}

@media screen and (max-width: 1280px) {
    .blogentry {
        padding: 15px 20px 15px 15px;
        transform: translateY(-240px);
    }

    .blogentry .blogentry_image,
    .blogentry .blogentry_image img {
        width: 119px;
        height: 119px;
    }

    .blogentry .blogentry_content .blogentry_title {
        font-size: 18px;
    }

    .blogentry .blogentry_content .blogentry_link {
        font-size: 16px;
    }

    .blogentry .blogentry_content .blogentry_description {
        display: none;
    }
}


@media screen and (max-width: 700px) {
    .blogentry {
        position: relative;
        transform: none;
        margin-top: 30px;
        margin-left: 20px;
        padding: 10px 20px 10px 10px;
    }

    .blogentry .blogentry_content {
        padding: 0;
        width: calc(100% - 119px);
        margin-left: 20px;
    }
}

@media screen and (max-width: 570px) {
    body[data-page-id="1"] .blogentry {
        flex-direction: column;
        align-items: center;
        padding: 20px;
        margin-left: 0;
    }

    .blogentry::after {
        right: -50vw;
        left: 0vw;
        width: auto;
        border-radius: 0;
    }

    .blogentry .blogentry_image {
        display: none;
    }

    .blogentry .blogentry_content {
        width: 100%;
        margin-left: 0;
    }
}

/* Numbers + Text */
.number_text {
    display: flex;
    flex-direction: column;
}

.number_text .number_text_element {
    display: flex;
    flex-direction: row;
    margin-bottom: 25px;
    font-size: 28px;
}

.number_text .number_text_element:last-child {
    margin-bottom: 0px;
}

.number_text .number_text_element .number {
    width: calc(40% - 10px);
    margin-right: 20px;
    text-align: right;
    font-weight: 700;
    color: #565957;
}

.number_text .number_text_element .text {
    width: calc(60% - 10px);
    font-weight: 500;
    color: #FFF;
}

@media screen and (max-width: 1023px) {
    .number_text {
    }

    .number_text .number_text_element {
    }

    .number_text .number_text_element:last-child {
    }

    .number_text .number_text_element .number {
        font-size: 20px;
    }

    .number_text .number_text_element .text {
        font-size: 18px;
    }
}

/* Job Teaser */
.job-teaser {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-radius: 10px;
    overflow: hidden;
}

.job-teaser-content {
    padding: 0 65px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px 65px;
    background-color: var(--primary-color);
    height: 100%;
}

.job-teaser-content p {
    color: white;
}

.job-teaser-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.job-teaser .btn-default {
    border: solid 1px #FFF;
    width: fit-content;
}

@media screen and (max-width: 833px) {
    .job-teaser-content {
        padding: 60px 15px 60px 50px
    }
}

@media screen and (min-width: 768px) {
    .job-teaser.img-left .job-teaser-image {
        grid-column: 1;
        grid-row: 1;
    }

    .job-teaser.img-left .job-teaser-content {
        grid-column: 2;
        grid-row: 1;
    }
}

@media screen and (max-width: 680px) {
    .job-teaser {
        grid-template-columns: 1fr;
    }

    .job-teaser-image {
        grid-row: 1;
    }

    .job-teaser-content {
        padding: 20px;
    }
}

/* Image + Text Orange */
.image-text-orange {
    position: relative;
    padding-top: 50px;
}

.image-text-orange .image-text-orange-image {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    height: 380px;
    width: 380px;
}

.image-text-orange .image-text-orange-image img {
    border-radius: 10px;
    height: 100%;
    width: 100%
}

.image-text-orange .image-text-orange-text {
    background-color: var(--primary-color);
    padding: 50px 265px 50px 65px;
    border-radius: 10px;
    width: calc(100% - 135px);
    height: calc(100% - 50px);
}

.image-text-orange p,
.image-text-orange a,
.image-text-orange h1,
.image-text-orange h2,
.image-text-orange h3,
.image-text-orange h4,
.image-text-orange .h1,
.image-text-orange .h2,
.image-text-orange .h3,
.image-text-orange .h4 {
    color: #FFF;
}

.image-text-orange .btn {
    border-color: #FFF;
}

@media screen and (max-width: 750px) {
    .image-text-orange .image-text-orange-image {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1;
        height: 250px;
        width: 250px;
    }

    .image-text-orange .image-text-orange-image img {
        border-radius: 10px;
        height: 100%;
        width: 100%
    }

    .image-text-orange .image-text-orange-text {
        padding: 50px 225px 50px 50px;
        width: calc(100% - 50px);
        height: calc(100% - 50px);
    }
}

@media screen and (max-width: 550px) {
    .image-text-orange .image-text-orange-image {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1;
        height: 250px;
        width: 250px;
    }

    .image-text-orange .image-text-orange-image img {
        border-radius: 10px;
        height: 100%;
        width: 100%
    }

    .image-text-orange .image-text-orange-text {
        padding: 220px 50px 50px 50px;
        width: calc(100% - 50px);
        height: calc(100% - 50px);
    }

    .job-teaser .job-teaser-content .btn-default {
        width: 100%;
    }
}

@media screen and (max-width: 420px) {
    .image-text-orange .image-text-orange-image {
        right: calc(50% - 125px);
    }

    .image-text-orange .image-text-orange-text {
        padding: 220px 50px 50px 50px;
        width: 100%;
        height: 100%;
    }
}

/* Team Members */
.team-members {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    list-style: none;
    padding-inline-start: 0;
}

.team-members .team-member {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background-color: #FFF;
    border-radius: 10px;
    padding: 20px 20px 30px 20px;
}

.team-members .team-member-image {
    width: 100%;
}

.team-members .team-member-image img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.team-members .team-member-name {
    padding-top: 25px;
}

.team-members .team-member-name h4 {
    margin: 0;
}

.team-members .team-member-position {
    padding-top: 5px;
}

.team-members .team-member-email {
    padding-top: 25px;
}

@media screen and (max-width: 1023px) {
    .team-members {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media screen and (max-width: 500px) {
    .team-members {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

/* History */

/* Description */
.short-descriptions {
}

.short-descriptions .descriptions-list {
}

/*
.short-descriptions .descriptions-list::before,
.short-descriptions .descriptions-list::after { content: ""; background: #F3F1F1; border: 1px solid #154387; border-radius: 50%; display: block; height: 18px; width: 18px; position: absolute; left: 30px; z-index: 1; transform: translate(-50%, 0); }
*/
.short-descriptions .descriptions-list::before {
    top: 0;
}

.short-descriptions .descriptions-list::after {
    bottom: 0;
}

.short-descriptions .short-description-item { /* padding-top: 120px; */
    padding-left: 50px;
    position: relative;
}

.short-descriptions .short-description-item:first-child { /* padding-top: 160px; */
}

.short-descriptions .short-description-item::before {
    content: "";
    background: var(--primary-color);
    display: block;
    height: 100%;
    width: 2px;
    position: absolute;
    top: 0;
    left: 30px;
}

.short-descriptions .short-description-item:last-child { /* padding-bottom: 60px; */
}

.short-descriptions .short-description-item .header {
    margin-bottom: 10px;
}

.short-descriptions .short-description-item .ce-bodytext {
}

.short-descriptions .short-description-item .short-description-icon {
    border: var(--primary-color);
    border-radius: 50%;
    max-width: 44px;
    position: absolute;
    top: 40px;
    left: 30px;
    transform: translate(-50%, 0);
    transition: all .2s ease;
}

.no-js .short-descriptions .short-description-item .short-description-icon {
    border-color: var(--primary-color);
}

.js .short-descriptions .short-description-item .short-description-icon::before,
.js .short-descriptions .short-description-item .short-description-icon::after {
    content: "";
    border: 10px solid transparent;
    border-radius: 50%;
    height: calc(100% + 24px);
    width: calc(100% + 20px);
    position: absolute;
    top: -12px;
    left: -10px;
    background-color: var(--primary-color);
    z-index: -1;
}

/*.js .short-descriptions .short-description-item.in-view .short-description-icon::before { border-top-color: rgba(21,67,135,.7); border-right-color: rgba(21,67,135,.7); border-bottom-color: rgba(21,67,135,.7); transition: border-top-color 0.15s linear,border-right-color 0.15s linear 0.1s,border-bottom-color 0.15s linear 0.2s; }*/
/*.js .short-descriptions .short-description-item.in-view .short-description-icon::after { border-top-color: rgba(21,67,135,.7); transition: transform 0.4s linear 0s,border-left-width 0s linear 0.35s; transform: rotate(270deg); }*/

.short-descriptions .short-description-item:nth-child(odd) .short-description-content {
    padding: 40px 45px 40px 20px;
    background-color: var(--primary-color);
    border-radius: 5px;
    margin-top: -40px;
}

.short-descriptions .short-description-item:nth-child(even) .short-description-content {
    padding: 40px 20px 40px 45px;
    background-color: var(--primary-color);
    border-radius: 5px;
    margin-top: -40px;
}

.short-descriptions .short-description-item:nth-child(odd) .short-description-content header::after {
    content: "";
    background: var(--primary-color);
    border: 1px solid var(--primary-color);
    border-radius: 50%;
    display: block;
    height: 8px;
    width: 8px;
    position: absolute;
    right: -72px;
    top: 10px;
    z-index: 1;
    transform: translate(-50%, 50%);
}

.short-descriptions .short-description-item:nth-child(odd) .short-description-content header::before {
    display: inline-block;
    content: "";
    border-top: 2px solid var(--primary-color);
    position: absolute;
    right: -144px;
    top: 17px;
    width: 80px;
}

.short-descriptions .short-description-item:nth-child(even) .short-description-content header::after {
    content: "";
    background: var(--primary-color);
    border: 1px solid var(--primary-color);
    border-radius: 50%;
    display: block;
    height: 8px;
    width: 8px;
    position: absolute;
    left: -64px;
    top: 10px;
    z-index: 1;
    transform: translate(-50%, 50%);
}

.short-descriptions .short-description-item:nth-child(even) .short-description-content header::before {
    display: inline-block;
    content: "";
    border-top: 2px solid var(--primary-color);
    position: absolute;
    left: -145px;
    top: 17px;
    width: 80px;
}


.short-descriptions .short-description-item .short-description-point {
    content: "";
    background: var(--primary-color);
    border: 1px solid var(--primary-color);
    border-radius: 50%;
    display: block;
    height: 18px;
    width: 18px;
    position: absolute;
    left: 30px;
    z-index: 1;
    transform: translate(-50%, 50%);
}

.short-descriptions .short-description-item:nth-child(odd) .short-description-point,
.short-descriptions .short-description-item:nth-child(even) .short-description-point { /* top: 120px; */
}

.short-descriptions .short-description-item:first-child .short-description-point { /* top: 160px; */
}

.short-descriptions .short-description-item:last-child .short-description-point {
    background-color: var(--primary-color);
    max-width: 44px;
}

.short-descriptions .readmore {
    margin: 40px auto 0;
    text-align: center;
}

.short-descriptions .readmore .more {
    margin-top: 0;
}

@media screen and (min-width: 667px) {
    .short-descriptions .descriptions-list::before,
    .short-descriptions .descriptions-list::after {
        left: 50%;
    }

    .short-descriptions .short-description-item {
        padding-top: 40px;
        padding-left: 0;
        width: 50%;
    }

    .short-descriptions .short-description-item:first-child {
        padding-top: 100px;
    }

    .short-descriptions .short-description-item:last-child {
        padding-bottom: 50px;
    }

    .short-descriptions .short-description-item:nth-child(odd) {
        padding-right: 60px;
        text-align: right; /* padding-left: 100px; */
    }

    .short-descriptions .short-description-item:nth-child(odd)::before {
        right: -1px;
        left: auto;
    }

    .short-descriptions .short-description-item:nth-child(even) {
        margin-left: auto;
        padding-left: 60px; /* padding-right: 100px; */
    }

    .short-descriptions .short-description-item:nth-child(even)::before {
        left: -1px;
    }

    .short-descriptions .short-description-item:first-child .short-description-icon {
        top: 80px;
    }

    .short-descriptions .short-description-item:nth-child(odd) .short-description-icon,
    .short-descriptions .short-description-item:nth-child(odd) .short-description-point {
        right: 0;
        left: auto;
        transform: translate(50%, 50%);
        height: 18px;
        width: 18px;
    }

    .short-descriptions .short-description-item:nth-child(even) .short-description-icon,
    .short-descriptions .short-description-item:nth-child(even) .short-description-point {
        left: 0;
    }

    .short-descriptions .short-description-item:nth-child(odd) .short-description-point,
    .short-descriptions .short-description-item:nth-child(even) .short-description-point {
        top: 40px;
    }

    .short-descriptions .short-description-item:first-child .short-description-point {
        top: 100px;
    }

    .short-descriptions .readmore {
        margin-top: 60px;
    }
}

@media screen and (min-width: 992px) {
    .short-descriptions .short-description-item:nth-child(odd) {
        padding-right: 100px;
    }

    .short-descriptions .short-description-item:nth-child(even) {
        margin-left: auto;
        padding-left: 100px;
    }
}

@media screen and (max-width: 991px) {
    .short-descriptions .short-description-item:nth-child(odd) .short-description-content header::before {
        right: -104px;
        width: 40px;
    }

    .short-descriptions .short-description-item:nth-child(even) .short-description-content header::before {
        left: -104px;
        width: 40px;
    }
}

@media screen and (max-width: 666px) {
    .short-descriptions .short-description-item:nth-child(even) .short-description-content,
    .short-descriptions .short-description-item:nth-child(odd) .short-description-content {
        margin-top: 40px;
    }

    .short-descriptions .short-description-item .short-description-point {
        top: 15px;
    }

    .short-descriptions .short-description-item::before {
        height: calc(100% + 40px);
    }

    .short-descriptions .short-description-item:last-child::before {
        height: 100%;
    }

    .short-descriptions .short-description-item:nth-child(even) .short-description-content header::before,
    .short-descriptions .short-description-item:nth-child(even) .short-description-content header::after,
    .short-descriptions .short-description-item:nth-child(odd) .short-description-content header::before,
    .short-descriptions .short-description-item:nth-child(odd) .short-description-content header::after {
        display: none;
    }

    .short-descriptions .short-description-item:nth-child(even) .short-description-content,
    .short-descriptions .short-description-item:nth-child(odd) .short-description-content {
        padding: 20px;
    }
}

/* Icon + Text */
.icon-text {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.icon-text .icon-text-icon {
    height: 30px;
}

.icon-text .icon-text-icon img {
    height: 100%;
    width: auto;
}

.icon-text .icon-text-header, .icon-text .icon-text-text {
    margin-top: 20px;
    margin-bottom: 0;
    text-align: center;
}

/* Contact Person */
/* .contact-person { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 30px; width: 66%; padding: 15px; background: #FFF; border: 1px solid var(--primary-color); border-radius: 10px; } */
.contact-person {
    display: flex;
    flex-direction: row;
    padding: 15px 100px 15px 15px;
    background: #FFF;
    border: 1px solid var(--primary-color);
    border-radius: 10px;
    min-width: 790px;
    width: fit-content;
    width: -moz-fit-content;
}

.contact-person .contact-person-images {
    margin-right: 30px;
    display: flex;
    align-items: center;
}

.contact-person .contact-person-images img {
    width: 260px;
    height: 260px;
    border-radius: 10px;
}

.contact-person .contact-person-images .contact-person-one {
    padding-right: 91px;
}

.contact-person .contact-person-images .contact-person-one:not(:last-child) {
    padding-bottom: 160px;
}

.contact-person .contact-person-images .contact-person-two {
    position: absolute;
    left: 91px;
    top: 195px;
}

.contact-person .contact-person-text {
    padding: 20px 0;
}

.contact-person .contact-person-text .h3 {
    margin-bottom: 30px;
}

.contact-person .contact-person-text .h4 {
    margin-bottom: 10px;
}

.contact-person .contact-person-text .contact-person-email, .contact-person .contact-person-text .contact-person-email a {
    color: #565957;
}

.contact-person .contact-person-text .contact-person-one {
    margin-bottom: 75px;
}

.contact-person .contact-person-text .contact-person-two {
    margin-bottom: 60px;
}

@media screen and (max-width: 834px) {
    .contact-person {
        min-width: unset;
    }

    .contact-person .contact-person-images {
        margin-right: 30px;
    }

    .contact-person .contact-person-images img {
        width: 190px;
        height: 190px;
        border-radius: 10px;
    }

    .contact-person .contact-person-images .contact-person-one {
        padding-right: 70px;
    }

    .contact-person .contact-person-images .contact-person-one:not(:last-child) {
        padding-bottom: 115px;
    }

    .contact-person .contact-person-images .contact-person-two {
        position: absolute;
        left: 70px;
        top: 115px;
    }

    .contact-person .contact-person-text {
        padding: 20px 0;
    }

    .contact-person .contact-person-text .h3 {
        margin-bottom: 15px;
    }

    .contact-person .contact-person-text .h4 {
        margin-bottom: 5px;
    }

    .contact-person .contact-person-text .contact-person-email, .contact-person .contact-person-text .contact-person-email a {
        color: #565957;
    }

    .contact-person .contact-person-text .contact-person-one {
        margin-bottom: 35px;
    }

    .contact-person .contact-person-text .contact-person-two {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 670px) {
    .contact-person {
        padding-right: 40px;
    }
}

@media screen and (max-width: 610px) {
    .contact-person {
        flex-direction: column;
        padding: 15px;
        width: 100%;
    }

    .contact-person .contact-person-images {
        align-self: center;
        margin-right: 0;
    }

    .contact-person .contact-person-images .contact-person-one {
        padding-right: 0;
    }

    .contact-person .contact-person-images .contact-person-one:not(:last-child) {
        padding-right: 70px;
        padding-bottom: 115px;
    }
}

@media screen and (max-width: 350px) {
    .contact-person .contact-person-images img {
        width: 160px;
        height: 160px;
    }
}

/* Quotes Slider */
.quotes-slider li { /* max-width: 915px; */
    list-style: none;
}

.quotes-slider .quote-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.quotes-slider .quote-author {
    display: flex;
    flex-direction: row;
}

.quotes-slider .quote-image img {
    border-radius: 100%;
    width: 140px;
    height: 140px;
}

.quotes-slider .quote-text {
    font-size: 22px;
    margin-bottom: 30px;
}

.quotes-slider .quote-text p {
    text-align: center;
}

.quotes-slider .quote-text::before {
    content: url(../Img/Icons/Icon-Quote.svg);
    margin-bottom: 30px;
    display: block;
    position: relative;
}

.quotes-slider .quote-name {
    font-size: 18px;
    align-self: center;
    margin-left: 30px;
}

.quotes-slider .slick-slider .slick-dots li {
    background: var(--primary-color-light);
    border: 0px solid var(--primary-color);
}

.quotes-slider .slick-slider .slick-dots li.slick-active {
    border-width: 8px;
}

.quotes-slider .slick-slider.slick-dotted {
    padding-bottom: 60px;
    padding-left: 0;
}

@media screen and (max-width: 834px) {
    .quotes-slider .quote-author {
        flex-direction: column;
        align-items: center;
    }

    .quotes-slider .quote-image {
        margin-bottom: 20px;
    }

    .quotes-slider .quote-name {
        font-size: 16px;
        margin-left: 0;
    }

    .quotes-slider .quote-text::before {
        margin-bottom: 10px;
    }
}

/* Gallery three images (2:1:1) */
#mainContent .site-content .gallery_three_pictures {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 30px;
    grid-template-areas:
        "eins zwei"
        "eins drei";
}

#mainContent .site-content .gallery_three_pictures > div:nth-child(1) {
    grid-area: eins;
}

#mainContent .site-content .gallery_three_pictures > div:nth-child(2) {
    grid-area: zwei;
}

#mainContent .site-content .gallery_three_pictures > div:nth-child(3) {
    grid-area: drei;
}

#mainContent .site-content .gallery_three_pictures > div > img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 5px;
}

@media screen and (max-width: 670px) {
    #mainContent .site-content .gallery_three_pictures {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        gap: 30px;
        grid-template-areas:
        "eins"
		"zwei"
        "drei";
    }
}

/* contact buttons */
.contact-buttons {
    list-style: none;
    display: flex;
    flex-direction: column;
    padding: 0;
    position: fixed;
    top: calc(50vh - 51px);
    right: 0;
    z-index: 9999;
    align-items: flex-end;
}

.contact-buttons .contact-button-with-toggler:not(:last-child) {
    margin-bottom: 2px;
}

.contact-buttons .contact-button-with-toggler {
    position: relative;
    right: 0;
}

.contact-buttons .contact-button-with-toggler .contact-button-wrapper {
    position: relative;
}

.contact-buttons .contact-button {
    right: 0;
    width: 100%;
    max-width: 70px;
    transition: max-width 1s ease-in-out;
    overflow: hidden;
    border-radius: 70px 0 0 70px;
}

.contact-buttons .contact-button {
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: var(--primary-color);
    transition: max-width 1s ease-in-out;
    right: 0;
    width: fit-content;
}

.contact-buttons .contact-button:hover {
    transition: max-width 1s ease-in-out;
    max-width: 500px;
}

.contact-buttons .contact-button .contact-button-icon {
    height: 70px;
    width: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-buttons .contact-button .contact-button-icon img {
    height: 36px;
    width: 36px;
}

.contact-buttons .contact-button:hover .contact-button-text,
.contact-buttons .contact-button:hover .contact-button-text a {
    display: block;
    white-space: nowrap;
}

.contact-buttons .contact-button .contact-button-text,
.contact-buttons .contact-button .contact-button-text a {
    color: #FFF;
    font-weight: 700;
    font-size: 16px;
    text-decoration: none !important;
    cursor: pointer;
    width: calc(100% - 50px);
    display: none;
}

.contact-buttons .contact-button .contact-button-text a {
    padding: 12px 20px 12px 0;
    width: 100%;
}


/* header with icon */
.header_icon {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

.header_icon header {
    max-width: 66.666%;
}

.header_icon .icon {

}

.header_icon header *:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 390px) {
    .header_icon {
        flex-direction: column;
        align-items: flex-start;
    }

    .header_icon header {
        text-align: left;
        max-width: 100%;
    }

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

    .frame-type-mask_header_icon + .frame-type-textmedia {
        margin-top: 30px;
    }
}

/* News - Author Introduction */
/* .news-introduction-author { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 30px; width: 66%; padding: 15px; background: #FFF; border: 1px solid var(--primary-color); border-radius: 10px; } */
.news-introduction-author {
    display: flex;
    flex-direction: row;
    padding: 15px 100px 15px 15px;
    background: #FFF;
    border: 1px solid var(--primary-color);
    border-radius: 10px;
    min-width: 790px;
    width: fit-content;
    width: -moz-fit-content;
}

.news-introduction-author .news-introduction-author-images {
    margin-right: 30px;
    display: flex;
    align-items: center;
}

.news-introduction-author .news-introduction-author-images img {
    width: 260px;
    height: 260px;
    border-radius: 10px;
}

.news-introduction-author .news-introduction-author-images .news-introduction-author-one { /* padding-right: 91px; */
    width: 260px;
    height: auto;
}

.news-introduction-author .news-introduction-author-text {
    padding: 20px 0;
}

.news-introduction-author .news-introduction-author-text .news-introduction-author-description {
    margin-top: 30px;
}

.news-introduction-author .news-introduction-author-text .h3 {
    margin-bottom: 30px;
}

.news-introduction-author .news-introduction-author-text .h4 {
    margin-bottom: 10px;
}

.news-introduction-author .news-introduction-author-text .news-introduction-author-email, .news-introduction-author .news-introduction-author-text .news-introduction-author-email a {
    color: #565957;
}

.news-introduction-author .news-introduction-author-text .news-introduction-author-one {
    margin-bottom: 75px;
}

@media screen and (max-width: 834px) {
    .news-introduction-author {
        min-width: unset;
        width: 100%;
    }

    .news-introduction-author .news-introduction-author-images {
        margin-right: 30px;
    }

    .news-introduction-author .news-introduction-author-images img {
        width: 190px;
        height: 190px;
        border-radius: 10px;
    }

    .news-introduction-author .news-introduction-author-images .news-introduction-author-one {
    }

    .news-introduction-author .news-introduction-author-text {
        padding: 20px 0;
    }

    .news-introduction-author .news-introduction-author-text .h3 {
        margin-bottom: 15px;
    }

    .news-introduction-author .news-introduction-author-text .h4 {
        margin-bottom: 5px;
    }

    .news-introduction-author .news-introduction-author-text .news-introduction-author-email, .news-introduction-author .news-introduction-author-text .news-introduction-author-email a {
        color: #565957;
    }

    .news-introduction-author .news-introduction-author-text .news-introduction-author-one {
        margin-bottom: 35px;
    }

    .news-introduction-author .news-introduction-author-images .news-introduction-author-one {
        width: 190px;
    }
}

@media screen and (max-width: 670px) {
    .news-introduction-author {
        padding-right: 40px;
    }
}

@media screen and (max-width: 610px) {
    .news-introduction-author {
        flex-direction: column;
        padding: 15px;
        width: 100%;
    }

    .news-introduction-author .news-introduction-author-images {
        align-self: center;
        margin-right: 0;
    }

    .news-introduction-author .news-introduction-author-images .news-introduction-author-one {
        padding-right: 0;
    }
}

@media screen and (max-width: 350px) {
    .news-introduction-author .news-introduction-author-images img {
        width: 160px;
        height: 160px;
    }

    .news-introduction-author .news-introduction-author-images .news-introduction-author-one {
        width: 160px;
    }
}

/* News - Link Block */
.content .frame + .frame.news-link-block {
    margin-top: 40px;
}

.news-link-block {
    color: #FFF;
    background-color: var(--primary-color);
    padding: 30px 15px;
    border-radius: 10px;
    min-width: 790px;
    width: fit-content;
}

.news-link-block .news-link-block-wrapper {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

.news-link-block .news-social-text {
    display: flex;
    justify-content: center;
}

.news-link-block .news-social-links {
    display: flex;
    flex-direction: row;
    margin-top: 10px;
    justify-content: center;
}

.news-link-block .news-newsletter-text {
    margin-top: 10px;
    display: flex;
    justify-content: center;
}

.news-link-block .news-newsletter-button {
    display: flex;
    justify-content: center;
}

.news-link-block .news-newsletter-button .btn.btn-default {
    border: solid 1px #FFF;
}

.news-link-block .news-social-links a span {
    display: none;
}

.news-link-block .news-social-links a::after {
    cursor: pointer;
    display: block;
    font-family: "Font Awesome 5 Brands";
    font-size: 34px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 500;
    color: #FFF;
    z-index: 10;
    margin-right: 20px;
    font-style: normal;
}

.news-link-block .news-social-links a[href*="linkedin"]:after {
    content: "\f0e1";
}

.news-link-block .news-social-links a[href*="instagram"]:after {
    content: "\f16d";
}

.news-link-block .news-social-links a[href*="xing"]:after {
    content: "\f168";
}

@media screen and (max-width: 834px) {
    .news-link-block {
        min-width: unset;
        width: 100%;
    }
}

@media screen and (max-width: 610px) {
    .news-link-block {
        flex-direction: column;
        padding: 15px;
        width: 100%;
    }
}

/** page colors */
#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.blue:hover > a,
#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.blue ul li:hover > a,
#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.blue.active.current a,
#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.blue li.active.current a {
    color: #6391b0;
}

#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.turquoise:hover > a,
#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.turquoise ul li:hover > a,
#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.turquoise.active.current a,
#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.turquoise li.active.current a {
    color: #77bbbd;
}

#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.magenta:hover > a,
#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.magenta ul li:hover > a,
#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.magenta.active.current a,
#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.magenta li.active.current a {
    color: #ca5b91;
}

#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.orange:hover > a,
#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.orange ul li:hover > a,
#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.orange.active.current a,
#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.orange li.active.current a {
    color: #ea7625;
}

#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.green:hover > a,
#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.green ul li:hover > a,
#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.green.active.current a,
#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.green li.active.current a {
    color: #51AF40;
}

#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.blue:hover,
#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.blue ul li:hover,
#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.blue.active.current,
#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.blue li.active.current,
#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.blue:hover a,
#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.blue ul li:hover a,
#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.blue.active.current a,
#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.blue li.active.current a {
    border-color: #6391b0;
}

#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.turquoise:hover,
#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.turquoise ul li:hover,
#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.turquoise.active.current,
#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.turquoise li.active.current,
#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.turquoise:hover a,
#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.turquoise ul li:hover a,
#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.turquoise.active.current a,
#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.turquoise li.active.current a {
    border-color: #77bbbd;
}

#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.magenta:hover,
#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.magenta ul li:hover,
#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.magenta.active.current,
#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.magenta li.active.current,
#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.magenta:hover a,
#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.magenta ul li:hover a,
#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.magenta.active.current a,
#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.magenta li.active.current a {
    border-color: #ca5b91;
}

#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.orange:hover,
#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.orange ul li:hover,
#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.orange.active.current,
#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.orange li.active.current,
#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.orange:hover a,
#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.orange ul li:hover a,
#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.orange.active.current a,
#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.orange li.active.current a {
    border-color: #ea7625;
}

#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.green:hover,
#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.green ul li:hover,
#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.green.active.current,
#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.green li.active.current,
#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.green:hover a,
#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.green ul li:hover a,
#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.green.active.current a,
#mainNav ul.menu.nav-menu.menu-level-1 li.menu-item.page_color.green li.active.current a {
    border-color: #51AF40;
}

/* eof */