/* this file contains the main style of pages */
/* Special */
.frame.frame-bg_gradient#c5772 {
    margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
    .frame.frame-bg_gradient#c5772 {
        margin-bottom: 25px;
    }
}

/** content */
.content div {
    position: relative;
}

.site-content .backlink-wrap {
    margin: 0;
    padding: 60px 0 0;
}

.site-content .backlink-wrap .backlink {
}

.site-content .backlink-wrap .backlink::before {
    content: "\f060";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    margin-right: 15px;
    position: relative;
    top: 1px;
}

.content-width--small {
    width: 80%;
}

@media screen and (max-width: 767px) {
    .content-width--small {
        width: 100%;
    }
}


@media screen and (min-width: 768px) {
    .content-alignment--left {
        margin-right: auto;
    }

    .content-alignment--center {
        margin-inline: auto;
    }

    .content-alignment--right {
        margin-left: auto;
    }
}


/* paginate */


/** 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;
    }
}


/** content header */
#content-header {
    margin: 0 auto;
    max-width: 100%;
    position: relative;
}

/*
#content-header .frame { height: 100%; margin: 0; padding: 0; }
*/
.custom-headerSlider,
.content-header--content div.frame.frame-type-dce_dceuid18 {
    overflow: hidden;
    position: relative;
    height: 510px;
}

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

.image-slider .cycle::before,
.image-slider .cycle::after {
    content: "";
    background: var(--primary-color);
    border-radius: 2px;
    height: 2px;
    width: 20px;
    display: inline-block;
    position: absolute;
    top: 50%;
    transition: all .2s ease-in-out;
}

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

.image-slider .cycle::after {
    margin-top: 0;
}

html:not(.touch) .image-slider .cycle:hover::before,
html:not(.touch) .image-slider .cycle:hover::after {
    background-color: var(--primary-color);
}

.image-slider .cycle-prev {
    left: 10px;
}

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

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

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

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

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

.image-slider .cycle-next {
    right: 10px;
}

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

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

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

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

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

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

.image-slider .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;
}

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

.image-slider .cycle-pager .pager span {
    display: none;
}

@media screen and (max-width: 666px) {
    .header-slider .image-slider .TextArea .inner {
    }

    .header-slider .image-slider .TextArea .title {
    }

    .header-slider .image-slider .TextArea .description .ce-bodytext {
    }
}

@media screen and (max-width: 414px) {
    .header-slider .image-slider .TextArea .title {
    }

    .header-slider .image-slider .TextArea .description .ce-bodytext {
    }
}

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

.content header > *:not(.ce-headline-right):not(.ce-headline-left) { /*text-align: center;*/
}

div.ce-bodytext .text-center, .ce-headline-center {
    max-width: 800px;
    justify-self: center;
    margin-inline: auto;
}

.content header h1 + h2,
.content header .h1 + .h2 {
}

.content header h2 + h3,
.content header .h2 + .h3 {
}

.content header h3 + h4,
.content header .h3 + .h4 {
    font-weight: 400;
}

.content header h4 + h5,
.content header .h4 + .h5 {
}

.content header h5 + h6,
.content header .h5 + .h6 {
}

/* eyebrow */
.eyebrow {
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--primary-color);
    margin-bottom: 14px;
    letter-spacing: .13em;
}

/* Breaks */

@media screen and (max-width: 880px) {
    .site-content .ce-bodytext big br, .site-content .ce-bodytext .big br {
        display: none
    }
}

/* gradient */
.content .header.gradient {
    background: var(--gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.content .header.gradient::selection {
    color: #FFF;
    -webkit-text-fill-color: #FFF;
}

.content .header.gradient::-moz-selection {
    color: #FFF;
    -webkit-text-fill-color: #FFF;
}


/** #top */
.content a[href="#top"] {
    background: #FFF;
    border: 1px solid var(--primary-color);
    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 var(--primary-color);
    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: var(--primary-color);
    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);
}


/** hidden text */
.content .hide-text {
}

.content .text-inline {
    display: inline;
}

.content .text-before-text::after {
    content: " ..."; /* margin-right: 5px; */
}

.content .hide-text--animated {
    display: inline;
    transition: all .3s ease;
}

.content .hide-text--animated.text--invisible {
    display: none;
}

.content .toggle--more {
    color: var(--primary-color);
    cursor: pointer;
    font-weight: 600; /* margin-left: 10px; */
}

.content .toggle--more::after {
    content: "\f30c";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    margin-left: 5px;
}

.content .text--invisible + .toggle--more::after {
    content: "\f309";
}

.content .toggle--more + p {
    margin-top: 40px;
}

.content .text-before-text, .content .hide-text {
    margin-right: 10px;
}

.content .text-before-text.show-full-text {
    margin-right: 0;
}

.content .text-before-text.show-full-text::after {
    content: "";
    margin-right: 5px;
}

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

.accordion-container .accordion-content--item {
}

.accordion-container .accordion-content--item > summary.accordion-item--header,
.container--accordion .accordion-content--item > summary.accordion-item--header {
    position: relative;
    padding: 20px;
    background-color: #f8f8f8;
    cursor: pointer;
    list-style: none;
}

.accordion-container .accordion-content--item > summary.accordion-item--header::-webkit-details-marker,
.container--accordion .accordion-content--item > summary.accordion-item--header::-webkit-details-marker {
    display: none;
}

.accordion-container .accordion-content--item > summary.accordion-item--header::after,
.container--accordion .accordion-content--item > summary.accordion-item--header::after {
    transform: rotate(180deg);
    transition: transform 300ms ease;
    position: absolute;
    content: "\f30c";
    right: 20px;
    font-weight: 700;
    font-size: 24px;
    font-family: 'Font Awesome 5 Free';
    top: calc(50% - 17px);
    color: var(--primary-color);
}

.accordion-content .accordion-item--header h4 {
    margin-bottom: 0;
}

.accordion-container .accordion-content--item[open] > summary.accordion-item--header::after,
.container--accordion .accordion-content--item[open] > summary.accordion-item--header::after {
    transform: rotate(0deg);
    transition: transform 300ms ease;
}

.accordion-container .accordion-content h3,
.accordion-container .accordion-content .h3,
.container--accordion .accordion-content h3,
.container--accordion .accordion-content .h3 {
    font-size: 22px;
    padding: 15px 0;
    margin-bottom: 0;
    line-height: 1.4;
}

.accordion-container .accordion-content--item,
.container--accordion .accordion-content--item {
    margin-bottom: 10px;
}

.accordion-container .accordion-content--item .accordion-item--content > .frame.frame-default,
.container--accordion .accordion-content--item .accordion-item--content > .frame.frame-default {
    margin-bottom: 0;
}

.accordion-container .accordion-content--item .accordion-item--content > .frame.frame-default > .frame.frame-default.container,
.container--accordion .accordion-content--item .accordion-item--content > .frame.frame-default > .frame.frame-default.container {
    padding-top: 0;
    margin-bottom: 0;
}

.accordion-container .accordion-content--item .accordion-item--content > .frame.frame-default > .frame.frame-default.container .frame > .frame,
.container--accordion .accordion-content--item .accordion-item--content > .frame.frame-default > .frame.frame-default.container .frame > .frame {
    margin-bottom: 0;
    padding-bottom: 0;
}

.accordion-container .accordion-content--item .accordion-item--content,
.container--accordion .accordion-content--item .accordion-item--content {
    position: relative;
    display: block;
    overflow: hidden;
    height: 0;
    opacity: 0;
    transition: height .3s ease-in, opacity .3s ease-in;
}

.accordion-container .accordion-content--item[open] .accordion-item--content,
.container--accordion .accordion-content--item[open] .accordion-item--content {
    height: auto;
    opacity: 1;
}

.accordion-container .accordion-content--item .accordion-item--content::before,
.container--accordion .accordion-content--item .accordion-item--content::before {
    color: var(--primary-color);
    content: "\f061";
    font-family: "Font Awesome 5 Free";
    font-size: var(--base-font-size);
    font-weight: 600;
    position: absolute;
    top: 19px;
    left: 20px;
}

.accordion-container .accordion-content--item .accordion-item--content .ce-textpic.ce-center.ce-above .ce-bodytext,
.container--accordion .accordion-content--item .accordion-item--content .ce-textpic.ce-center.ce-above .ce-bodytext {
    padding: 20px 20px 20px 50px;
}

.site-content .accordion-container .accordion-content--item .accordion-item--content > .frame.frame-default > .frame.frame-default.container div[class*="frame-bg_"].frame-bg_grey,
.site-content .container--accordion .accordion-content--item .accordion-item--content > .frame.frame-default > .frame.frame-default.container div[class*="frame-bg_"].frame-bg_grey {
}

.content-item--content--accordion .frame-bg_grey2 {
    padding-block: 30px;
}

.content-item--content--accordion:has(.frame-bg_grey2) {
    padding: 0 !important;
}

@media screen and (min-width: 768px) {
    .accordion-container .accordion-content h3,
    .accordion-container .accordion-content .h3,
    .container--accordion .accordion-content h3,
    .container--accordion .accordion-content .h3 {
        font-size: 45px;
        padding: 40px 0;
    }

    .accordion-container .accordion-content--item > summary.accordion-item--header::after,
    .container--accordion .accordion-content--item > summary.accordion-item--header::after {
        font-size: 23px;
    }
}

/** accordion faq */
.container--accordion .content-item,
.accordion-container .content-item {
    background: #FFF;
}

.content-item ::marker {
    content: none;
}

.container--accordion .content-item:not(:last-child),
.accordion-container .content-item:not(:last-child) {
    margin-bottom: 4px;
}

.container--accordion .content-item .main-header,
.accordion-container .content-item .main-header {
    padding-right: 38px;
}

.container--accordion .content-item .toggle--sub-nav::after,
.accordion-container .content-item .toggle--sub-nav::after {
    content: "";
    transform: rotate(180deg);
    border-style: solid;
    border-width: 0 6px 12px 6px;
    position: absolute;
    pointer-events: none;
    border-color: transparent transparent #6C757D transparent;
    transition: transform 0.5s ease;
    right: var(--gap);
    top: calc(50% - 6px);
}

@media screen and (max-width: 567px) {
    .container--accordion .content-item .toggle--sub-nav::after,
    .accordion-container .content-item .toggle--sub-nav::after {
        top: calc(50% - 5px);
        border-width: 0 7px 12px 7px;
    }
}

.container--accordion .content-item:not(.close-all)[open],
.accordion-container .content-item:not(.close-all)[open] {
    box-shadow: 0 0 1rem #F7F7F7;
    transition: background-color 0.2s ease;
}

.container--accordion .content-item:not(.close-all)[open] .toggle--sub-nav::after,
.accordion-container .content-item:not(.close-all)[open] .toggle--sub-nav::after {
    transform: rotate(360deg);
}

.container--accordion .content-item:not(.close-all)[open] .content-item--content,
.accordion-container .content-item:not(.close-all)[open] .content-item--content {
    padding: var(--gap);
}

@media (hover: hover) {
    .container--accordion .content-item:not(.close-all)[open] .item-header:hover,
    .accordion-container .content-item:not(.close-all)[open] .item-header:hover {
        box-shadow: none;
    }
}

@media (hover: hover) {
    .container--accordion .content-item:not([open]):hover,
    .accordion-container .content-item:not([open]):hover {
        box-shadow: var(--box-shadow-size) var(--box-shadow-color);
    }
}

.container--accordion .content-item:not([open]) .content-item--content,
.accordion-container .content-item:not([open]) .content-item--content {
    padding-inline: var(--gap);
}


.container--accordion .content-item .item-header,
.accordion-container .content-item .item-header {
    position: relative;
    border-bottom: 1px solid var(--color-primary);
    padding: var(--gap) calc(2 * var(--gap)) calc(var(--gap) + 1px) var(--gap);
}

@media (hover: hover) {
    .container--accordion .content-item .item-header:hover,
    .accordion-container .content-item .item-header:hover {
        border-bottom-width: 2px;
    }
}

.container--accordion .content-item summary:focus-visible,
.accordion-container .content-item summary:focus-visible {
    outline-offset: -2px;
    background-color: #fff;
}

.container--accordion header .header,
.accordion-containerheader .header {
    font-size: 20px;
    margin: 0;
}

/** content layout */
.frame-layout-2 {
    text-align: center;
}

.frame-layout-2 .powermail_form {
    margin: 0 auto;
}

@media screen and (min-width: 667px) {
    .frame-layout-2 .powermail_form {
        width: 80%;
    }

    .three-columns .frame-layout-2 .powermail_form {
        width: 100%;
    }
}

@media screen and (min-width: 1024px) {
    .frame-layout-2 .powermail_form {
        width: 70%;
    }
}

.frame-layout-3 > .row > .col > .frame {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.frame.frame-type-textmedia.frame-layout-7 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

/** gridelements */
.frame-type-gridelements_pi1 {
}

.frame-type-gridelements_pi1 > header:not(:last-child) > * {
    margin-bottom: 30px;
}

.frame-type-gridelements_pi1 > header + .container,
.frame-type-gridelements_pi1 > header + .row {
    padding-top: 0;
}

.col:empty {
    display: block;
}

.row.five-columns {
    font-size: 20px;
    /*margin-top: -40px;*/
}

.row.two-rows.three-columns > .col,
.row.five-columns > .col {
    margin-top: 40px;
}

.container.single-column.row:not(:has(> .col, > .Reference)) {
    display: block;
    margin-inline: 0;
}

.row.single-column > div:not(.col) {
    width: 100%;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .row.five-columns > .col > .frame > div.ce-textpic.ce-intext.ce-nowrap {
        display: flex;
    }
}

@media (max-width: 767px) {
    .row.two-columns > div + div .frame:first-child:not([class*="frame-bg_"]) {
        /*padding-top: 50px;*/
    }

    .row.two-columns > div + div .frame:first-child:not([class*="frame-bg_"])
    .row.three-columns > div + div {
        margin-top: 40px;
    }

    #content--main .site-content > .frame.frame-layout-5 .frame.container .frame > .row > .col + .col > .frame:first-child:not([class*="frame-bg_"]) {
        padding-top: 0;
    }

}

@media (min-width: 768px) and (max-width: 992px) {
    .row.five-columns > div.col-sm-6:nth-child(2) {
        margin-top: 40px;
    }
}

@media (min-width: 1200px) {
    .row.five-columns > .col {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media screen and (max-width: 567px) {
    .row.five-columns div.ce-textpic.ce-left .ce-gallery {
        float: left;
        max-width: calc(50% + 15px);
        padding-right: 30px;
    }

    .row.five-columns div.ce-textpic .ce-gallery + .ce-bodytext {
        margin-top: 0;
    }
}


/** frame */
.frame {
    z-index: 1;
}

.site-content .frame,
#content--main .site-content > .frame:first-child:last-child {
    /*padding: 50px 0;*/
    /*margin-bottom: 70px;*/
}

.site-content .frame:empty,
.site-content .frame-type-div:not([class*="frame-bg_"]),
.site-content > * .frame:first-child:last-child:not([class*="frame-bg_"]) {
    padding: 0;
}

.site-content .frame .frame:first-child:not([class*="frame-bg_"]),
.site-content .col > .frame:first-child:not([class*="frame-bg_"]),
.site-content .container > .frame:first-child:not([class*="frame-bg_"]) {
    padding-top: 0;
}

.site-content .frame .frame:last-child:not([class*="frame-bg_"]),
.site-content .col > .frame:last-child:not([class*="frame-bg_"]),
.site-content .container > .frame:last-child:not([class*="frame-bg_"]) {
    padding-bottom: 0;
}

#content--main .site-content > .frame > .row > .col > .frame:first-child:last-child {
    margin-bottom: 0;
}

.site-content > .frame > .row > .col .frame:last-child {
    margin-bottom: 0
}

.site-content > .frame > .row:not(.quickstarts) > .col + .col,
.site-content > .frame > .row:not(.quickstarts) > .col > div:not(:first-child) {
    margin-top: 30px;
}

.icon-header + div {
    margin-top: 15px !important;
}


@media screen and (min-width: 768px) {
    .site-content > .frame > .row:not(.quickstarts) > .col + .col,
    .site-content > .frame > .row:not(.quickstarts) > .col > div:not(:first-child) {
        margin-top: 60px;
    }

    .site-content > .frame .icon-header + div {
        margin-top: 30px !important;
    }
}

@media screen and (min-width: 992px) {
    .site-content > .frame > .row:not(.quickstarts) > .col + .col {
        margin-top: 0;
    }
}

@media screen and (max-width: 767px) {
    .site-content .frame,
    #content--main .site-content > .frame:first-child:last-child {
        /*padding: 25px 0;*/
        /*margin-bottom: 70px;*/
    }

    #content--main .site-content > .frame.frame-type-header:first-child {
        /*margin-bottom: 30px;*/
    }

    .site-content .frame .row .col + .col {
        margin-top: 30px;
    }
}


/* Layout Teaser Container */
#content--main .site-content > .frame.frame-layout-5 > div.frame:first-child:last-child {
    margin-bottom: 0
}

#content--main .site-content > .frame.frame-layout-5 .frame.container .frame.frame-default {
    margin-bottom: 0
}

#content--main .site-content > .frame.frame-layout-5 .frame.container > .frame.frame[class*="frame-bg_"] {
    margin-bottom: 50px;
}

#content--main .site-content > .frame.frame-layout-5 .frame.container .frame + .frame {
    /*margin-top: -70px*/
}

#content--main .site-content > .frame.frame-layout-5 .frame.container .teaser-box-wrapper .teaser--item .teaser-text h3,
#content--main .site-content > .frame.frame-layout-5 .frame.container .teaser-box-wrapper .teaser--item .teaser-text .h3 {
    margin-bottom: 5px;
}

#content--main .site-content > .frame.frame-layout-5 .frame.container .teaser-box-wrapper .teaser--item .teaser-text p {
    margin-bottom: 20px;
}

#content--main .site-content > .frame.frame-layout-5 .frame.container .teaser-box-wrapper .teaser--item .teaser-text p:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 991px) {
    #content--main .site-content > .frame.frame-layout-5 .frame.container .frame > .row > .col + .col {
        margin-top: 25px;
    }
}

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

    #content--main .site-content > .frame.frame-layout-5 .frame.container .frame + .frame {
        /*margin-top: -25px;*/
    }

    #content--main .site-content > .frame.frame-layout-5 .frame.container > .frame.frame[class*="frame-bg_"] {
        margin-bottom: 25px;
    }
}

/* frame-type-shortcut */
.site-content .frame-type-shortcut:not([class*="frame-bg_"]) { /*padding: 0; */
}

.site-content .frame-type-shortcut .frame:first-child:not([class*="frame-bg_"]) .frame:first-child:not([class*="frame-bg_"]) {
    padding-top: 0;
}

.site-content .frame-type-shortcut .frame:last-child:not([class*="frame-bg_"]) .frame:last-child:not([class*="frame-bg_"]) {
    padding-bottom: 0;
}

.site-content div[class*="frame-bg_"] + .frame-type-shortcut {
    /*padding-top: 60px;*/
}

.site-content div[class*="frame-bg_"] + .frame-type-shortcut .frame[class*="frame-bg_"]:first-child {
    /*margin-top: -60px;*/
}

.site-content div[class*="frame-bg_"] + .frame-type-shortcut .frame[class*="frame-bg_"]:first-child .frame:first-child {
    margin-top: 0;
}

.site-content div.frame:last-child[class*="frame-bg_"] {
    /*margin-bottom: -80px;*/
}

[data-page-id="533"] .site-content div.frame:last-child[class*="frame-bg_"] {
    margin-bottom: 140px;
}

.frame-type-shortcut > div.frame:last-child[class*="frame-bg_"] {
    margin-bottom: 60px;
}

.site-content div[class*="frame-bg_"] div.frame:first-child:last-child {
    margin-bottom: 0;
}

.site-content .accordion-container div.frame:last-child[class*="frame-bg_"] {
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {
    .frame-type-shortcut > div.frame:last-child[class*="frame-bg_"] {
        margin-bottom: 25px;
    }
}

@media screen and (min-height: 1200px) {
    .site-content div[class*="frame-bg_"] + .frame-type-shortcut {
        /*padding-top: 80px;*/
    }

    .site-content div[class*="frame-bg_"] + .frame-type-shortcut .frame[class*="frame-bg_"]:first-child {
        /*margin-top: -80px;*/
    }
}

@media screen and (min-width: 1401px) {
    [data-page-id="533"] .site-content div.frame:last-child[class*="frame-bg_"] {
        margin-bottom: 180px;
    }
}


/** content width background-color -> 100% width */
div[class*="frame-bg_"] {
    z-index: 1;
}

div[class*="frame-bg_"]:not(.frame-bg_grey):not(.frame-bg_white) p.address::before,
div[class*="frame-bg_"]:not(.frame-bg_grey):not(.frame-bg_white) a.email::before,
div[class*="frame-bg_"]:not(.frame-bg_grey):not(.frame-bg_white) a.phone::before {
    color: #FFF;
}

.site-content div[class*="frame-bg_"] + div[class*="frame-bg_"] {
    margin-top: 0;
}

div[class*="frame-bg_"]::before {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    right: -50vw;
    left: -50vw;
    z-index: -1;
}

@media screen and (max-width: 2000px) {
    div[class*="frame-bg_"]::before {
        right: -50%;
        left: -50%;
    }
}

.frame-bg_blue {
}

.frame-bg_blue::before {
    background: var(--primary-color-dark);
}

.frame-bg_blue,
.frame-bg_blue header *,
.frame-bg_blue a,
.frame-bg_blue a[class] {
    color: #FFF;
}

.frame-bg_blue a,
.frame-bg_blue a[class] {
    background: none;
    border-color: #FFF;
}

.frame-bg_blue.frame-type-div hr {
    background: #FFF;
    margin: 0;
}

.frame-bg_blue > .frame:first-child:last-child {
    /*margin-bottom: 0;*/
}

.frame-bg_white {
    background: #FFF;
    color: var(--base-color);
    border-radius: 12px;
    padding: 30px;
    box-shadow: var(--color-primary);
    height: fit-content !important;
}

div[class*="frame-bg_"].frame-bg_white::before {
    display: none;
}

.frame-bg_white,
.frame-bg_white header *,
.frame-bg_white a,
.frame-bg_white a[class] {
    color: var(--primary-color);
}

.frame-bg_gradient::before {
    background: var(--gradient);
}

.frame-bg_gradient_blue_inverted::before {
    background: var(--gradient-inverted);
}

*[class*="frame-bg_gradient"],
*[class*="frame-bg_gradient"] header *,
*[class*="frame-bg_gradient"] a:not(.btn.white),
*[class*="frame-bg_gradient"] a[class]:not(.btn.white) {
    color: #FFF;
}

*[class*="frame-bg_gradient"] a:not(.btn.white),
*[class*="frame-bg_gradient"] a[class]:not(.btn.white) {
    background: none;
    border-color: #FFF;
}

.frame-bg_blue .frame-bg_white input.btn.btn-primary,
.frame-bg_blue .frame-bg_white a:not(.btn.white),
.frame-bg_blue .frame-bg_white a[class]:not(.btn.white),
*[class*="frame-bg_gradient"] .frame-bg_white input.btn.btn-primary,
*[class*="frame-bg_gradient"] .frame-bg_white a:not(.btn.white),
*[class*="frame-bg_gradient"] .frame-bg_white a[class]:not(.btn.white) {
    color: var(--primary-color);
    background: none;
    border: solid 2px var(--primary-color);
}

.frame-bg_blue .frame-bg_white input.btn.btn-primary:hover,
.frame-bg_blue .frame-bg_white a:not(.btn.white):hover,
.frame-bg_blue .frame-bg_white a[class]:not(.btn.white):hover,
*[class*="frame-bg_gradient"] .frame-bg_white input.btn.btn-primary:hover,
*[class*="frame-bg_gradient"] .frame-bg_white a:not(.btn.white):hover,
*[class*="frame-bg_gradient"] .frame-bg_white a[class]:not(.btn.white):hover,
.frame-bg_blue .frame-bg_white .powermail_fieldwrap_type_submit .powermail_field:hover::after {
    color: #FFF;
}

.frame-bg_blue .frame-bg_white .powermail_fieldwrap_type_submit .powermail_field::after {
    color: var(--primary-color);
}

*[class*="frame-bg_gradient"].frame-type-div hr {
    background: #FFF;
    margin: 0;
}

.site-content div[class*="frame-bg_"].frame-bg_grey.frame-type-imageblock {
    padding: 0;
}

.frame-bg_grey::before {
    background: #F8F8F8;
}

.site-content .frame-bg_grey .frame.frame-type-bullets {
    margin-bottom: 0
}

.site-content .frame-bg_blue + .frame-bg_blue,
.site-content *[class*="frame-bg_gradient"] + *[class*="frame-bg_gradient"],
.site-content .frame-bg_grey + .frame-bg_grey
{
    padding-top: 0;
}


.frame-bg_grey2 {
    overflow: hidden;
}

.frame-bg_grey2::before {
    background: #F8F8F8;
}

.site-content .frame-bg_grey2 {
    padding-right: 40px;
    padding-left: 40px;
}

.site-content div.frame-bg_grey2 + div.frame {
    margin-top: 30px;
}

@media screen and (min-width: 1024px) {
    .site-content div.frame-bg_grey2 + div.frame {
        /*margin-top: 120px;*/
    }
}

.site-content > .frame.frame-type-imageblock {
    /*margin-bottom: 70px;*/
}

/* background in col */
.site-content .col > div[class*="frame-bg_"] {
    padding: 20px;
    height: 100%;
}

/*.site-content .col > div[class*="frame-bg_"] { padding: 20px;}*/
.site-content .col > div[class*="frame-bg_"]::before {
    right: 0;
    left: 0;
}

@media screen and (min-width: 768px) {
    .site-content .col > div[class*="frame-bg_"] {
        padding: 50px;
    }

    .site-content > .frame.frame-type-imageblock {
        /*margin-bottom: 100px;*/
    }

    .site-content div.frame-bg_grey2 + div.frame {
        margin-top: 60px;
    }
}

/* Frame Margin-Bottom 0 */
.site-content .frame.frame-layout-6,
.site-content .frame.frame-layout-6[class*="frame-bg_"].frame-bg_gradient {
    margin-bottom: 0;
}

.site-content div[class*="frame-bg_"] .frame.frame-layout-6 {
    padding-top: 0;
}

/** frame-type-textmedia */
.frame-type-textmedia {
}

.frame-type-textmedia .ce-bodytext:first-child:last-child p:not([class]) { /*text-align: center;*/
}

div.ce-textpic.ce-above .ce-gallery + .ce-bodytext,
div.ce-textpic.ce-below .ce-bodytext + .ce-gallery {
    /*margin-top: 20px;*/
}

div.ce-gallery .ce-row {
    justify-content: flex-start;
}

div.ce-gallery .ce-column figure {
    height: 100%;
}

.ce-border .ce-media,
.ce-border figure,
.ce-border iframe {
    border: 1px solid var(--primary-color);
    padding: 10px;
}


/** frame-type-bg_image */
.frame-type-bg_image {
}

.site-content .col .frame-type-bg_image {
    padding: 0;
}

.site-content .frame .row .col .frame-type-bg_image + .frame-type-bg_image {
    /*padding-top: 60px;*/
}

.frame-type-bg_image .bg_image--container .ce-bodytext {
}

.frame-type-bg_image .bg_image--container .ce-bodytext {
    font-size: 20px;
    line-height: 1.5;
}

.frame-type-bg_image .bg_image--container.image-above .ce-bodytext h3,
.frame-type-bg_image .bg_image--container.image-below .ce-bodytext h3 {
    margin-bottom: 0;
}

.frame-type-bg_image .bg_image--container .ce-bodytext a.btn {
    /*margin: 0 20px 20px 0;*/
    min-width: 100px;
    padding: 10px;
}

.frame-type-bg_image .bg_image--container .ce-bodytext a.btn:hover {
    color: #fff;
    background-color: var(--base-color);
}

.frame-type-bg_image .bg_image--container {
    display: flex;
    flex-flow: column;
    height: 100%;
    min-height: 540px;
    /*padding: 60px 25px;*/
}

.frame-type-bg_image .bg_image--container.image-above,
.frame-type-bg_image .bg_image--container.image-below {
    justify-content: flex-start;
}

/*
.frame-type-bg_image .bg_image--container.image-above { padding-top: 50%; }
.frame-type-bg_image .bg_image--container.image-below { padding-bottom: 50%; }

 */


.frame-type-bg_image .bg_image--container.image-right,
.frame-type-bg_image .bg_image--container.image-left {
    justify-content: center
}

.frame-type-bg_image .bg_image--container.image-none {
    min-height: auto;
}

.frame-type-bg_image .bg_image {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.frame-type-bg_image .bg_image .image-embed-item {
    background: no-repeat center;
    background-size: cover;
    display: block;
    height: 100%;
    width: 100%;
    margin: 0 auto;
}

.frame-type-bg_image .bg_image--container.image-none .bg_image {
    display: none;
}

.frame-type-bg_image .bg_image--container.image-above .image-embed-item {
    background-position: center top;
}

.frame-type-bg_image .bg_image--container.image-below .image-embed-item {
    background-position: center bottom;
}

.frame-type-bg_image .bg_image--container.image-right .image-embed-item {
    background-position: right center;
}

.frame-type-bg_image .bg_image--container.image-left .image-embed-item {
    background-position: left center;
}

@media screen and (min-width: 768px) {
    .site-content .frame .row .col .frame-type-bg_image + .frame-type-bg_image {
        /*padding-top: 30px;*/
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .col-sm-6 .frame-type-bg_image .bg_image--container.image-right {
        padding-right: 25px;
    }

    .col-sm-6 .frame-type-bg_image .bg_image--container.image-left {
        padding-left: 25px;
    }
}

@media screen and (min-width: 1024px) {
    .frame-type-bg_image .bg_image--container {
        /*padding: 50px;*/
    }

    .frame-type-bg_image .bg_image--container.image-right {
        padding-right: 60%;
    }

    .frame-type-bg_image .bg_image--container.image-left {
        padding-left: 60%;
    }
}


/** frame-type-imageblock */
.frame-type-imageblock {
    z-index: 1;
}

.site-content .frame-type-imageblock,
.site-content .frame-type-imageblock[class*="frame-bg_"] {
    padding: 0;
}

.frame-type-imageblock:not([class*="frame-bg_"])::before {
    content: "";
    background: var(--primary-color-dark);
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    right: -50vw;
    left: -50vw;
    z-index: -1;
}

.frame-type-imageblock:not([class*="frame-bg_"]),
.frame-type-imageblock:not([class*="frame-bg_"]) header *,
.frame-type-imageblock:not([class*="frame-bg_"]) a {
    color: #FFF;
    text-decoration: none;
}

.frame-type-imageblock header > *:not(.ce-headline-right):not(.ce-headline-left) {
    text-align: left;
}

.frame-type-imageblock:not([class*="frame-bg_"]) a.btn {
    background: var(--primary-color-dark);
    color: #fff;
    border-color: #fff;
}

.frame-type-imageblock:not([class*="frame-bg_"]) a.btn:hover {
    background: #FFF;
    color: var(--primary-color-dark)
}

.frame-type-imageblock .text-area {
}

.frame-type-imageblock .text-area .ce-text {
    padding: 30px 0;
}

.frame-type-imageblock .image-area {
    padding: 0; /*margin-top: 30px;*/
}

.frame-type-imageblock .image-area .ce-gallery {
    height: 100%;
    padding-top: 100%
}

.frame-type-imageblock .image-area .ce-gallery .image {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
}

.frame-type-imageblock .row:not(.flex-sm-row-reverse) .image-area .ce-gallery .image {
    left: 0;
    width: calc(100% + 40px);
}

.frame-type-imageblock .row.flex-sm-row-reverse .image-area .ce-gallery .image {
    right: 0;
}

.frame-type-imageblock .image-area .ce-gallery .image-embed-item {
    background: no-repeat center;
    background-size: cover;
    display: block;
    height: 100%;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .col-sm-6.text-area,
    .col-sm-6.image-area {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 834px) {
    .frame-type-imageblock .row:not(.flex-sm-row-reverse) .image-area .ce-gallery .image {
        left: 50%;
        width: calc(100vw);
        transform: translateX(-50%);
    }
}

@media screen and (min-width: 835px) {
    .frame-type-imageblock .row:not(.flex-sm-row-reverse) .image-area .ce-gallery .image {
        left: 0;
        width: 50vw;
    }

    .frame-type-imageblock .row:not(.flex-sm-row-reverse) .col.image-area {
        padding-right: 0;
    }

    .frame-type-imageblock .row.flex-sm-row-reverse .col.image-area {
        padding-left: 0;
    }

    .frame-type-imageblock .row.flex-sm-row-reverse .text-area .ce-text {
        margin-left: auto;
    }

    .frame-type-imageblock .row:not(.flex-sm-row-reverse) .image-area .ce-gallery .image {
        left: 30px;
    }

    .frame-type-imageblock .col.image-area {
        position: absolute;
        top: 0;
        bottom: 0;
    }

    .frame-type-imageblock .row.flex-sm-row-reverse .col.image-area {
        right: auto;
        left: 0
    }

    .frame-type-imageblock .text-area + .col.image-area {
        left: auto;
        right: 0;
    }

    .frame-type-imageblock .image-area {
        margin-top: 0;
    }

    .frame-type-imageblock .image-area .ce-gallery {
        padding-top: 0;
    }
}

@media screen and (min-width: 835px) {
    .col-sm-6.text-area,
    .col-sm-6.image-area {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media screen and (min-width: 992px) {
    .frame-type-imageblock .row {
        margin-right: -30px;
        margin-left: -30px;
        width: 100%;
    }

    .frame-type-imageblock .row > .col {
        padding-right: 30px;
        padding-left: 30px;
    }

    .frame-type-imageblock .text-area .ce-text {
        padding: 85px 0;
        /* padding: 60px 0; */
    }
}

@media screen and (min-width: 1024px) {
    .site-content .frame-type-imageblock .row .col.image-area {
        padding: 0;
    }
}

@media screen and (min-width: 1200px) {
    .frame-type-imageblock .image-area .ce-gallery .image {
        width: 50vw;
        max-width: 1200px;
    }
}

.site-content .frame-type-imageblock[class*="frame-bg_"] + div[class*="frame-bg_"] {
    padding-top: 60px;
}

/*.site-content .frame-type-shortcut:not(:last-child) > .frame-type-imageblock:last-child { margin-bottom: -60px; }*/
@media screen and (min-height: 1200px) {
    .site-content .frame-type-imageblock[class*="frame-bg_"] + div[class*="frame-bg_"] {
        padding-top: 80px;
    }

    /*.site-content .frame-type-shortcut:not(:last-child) > .frame-type-imageblock:last-child { margin-bottom: -80px; }*/
}


/* Frame BG Hintergrund Gradient Grey */
.frame.frame-bg_gradient_grey {
    background: rgb(239, 239, 239);
    background: radial-gradient(circle, rgba(239, 239, 239, 1) 0%, rgba(206, 206, 206, 1) 100%);
    padding: 40px 20px;
    margin-bottom: 70px;
}

.frame.frame-bg_gradient_grey .frame-type-textmedia,
.frame.frame-bg_gradient_grey .ce-textpic.ce-right.ce-below {
    height: 100%;
}

.frame.frame-bg_gradient_grey .frame-type-textmedia div.ce-right .ce-gallery,
.frame.frame-bg_gradient_grey .frame-type-textmedia div.ce-left .ce-gallery {
    max-width: 100%;
}

.frame.frame-bg_gradient_grey .ce-textpic.ce-right.ce-below .ce-gallery {
    margin: 0 -50px -50px 0;
}

@media screen and (min-width: 768px) {
    .frame.frame-bg_gradient_grey .ce-textpic.ce-right.ce-below .ce-gallery {
        position: absolute;
        right: -50px;
        bottom: -50px;
        margin: 0;
    }

    .frame.frame-bg_gradient_grey {
        padding: 50px;
        margin-bottom: 100px;
    }
}

.site-content div[class*="frame-bg_"] + div[class*="frame-bg_"].frame-bg_gradient_grey {
    margin-top: 80px;
}

/* Frame: Karte */
.site-content .col > .frame.frame-card {
    border: 2px solid var(--primary-color);
    padding: 32px !important;
}

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

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

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

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

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

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

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

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

/* ul */
.cke_editable ul,
.ce-bodytext ul,
.content ul.ce-bullets {
    list-style: none;
}

.cke_editable ul > li,
.ce-bodytext ul > li,
.content ul.ce-bullets > li {
    padding: 0 0 0 30px;
    position: relative;
    font-size: 18px;
    line-height: 1.5em;
    margin: 0 0 10px 0;
}

.cke_editable ul > li::before,
.ce-bodytext ul > li::before,
.content ul.ce-bullets > li::before {
    color: var(--primary-color);
    content: "\f061";
    font-family: "Font Awesome 5 Free";
    font-size: 18px;
    font-weight: 600;
    position: absolute;
    top: -1px;
    left: 0;
}

@media screen and (min-width: 768px) {
    .cke_editable ul > li,
    .ce-bodytext ul > li,
    .content ul.ce-bullets > li {
        font-size: var(--base-font-size); /*TODO: Abstände*/
        margin: 0 0 10px 15px;
    }
}

/** aufzählung */
.frame-type-bullets {
}

.frame-type-bullets .ce-bullets {
}

div[class*="frame-bg_"]:not([class*="frame-bg_grey"]) .ce-bodytext ul > li::before,
div[class*="frame-bg_"]:not([class*="frame-bg_grey"]) ul.ce-bullets > li::before {
    color: #FFF;
}

@media screen and (min-width: 768px) {
    .frame-type-bullets .ce-bullets {
        column-count: 2;
        column-gap: 30px;
    }

    .frame-type-bullets .ce-bullets 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+ */
    }
}

@media screen and (min-width: 1024px) {
    .frame-type-bullets .ce-bullets {
        column-count: 3;
    }
}

@media print {
    .frame-type-bullets .ce-bullets {
        column-count: auto;
    }
}

.icon {
    margin-right: 15px;
}

.icon + h4 {
    display: inline-block;
}

/* Filter Buttons */
.frame.frame-filter_buttons .ce-bodytext > p {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 -5px;
}

.frame.frame-filter_buttons .ce-bodytext > p > a.btn {
    margin: 5px;
    font-weight: 600;
    min-width: auto;
    padding: 10px;
}

.frame.frame-filter_buttons .ce-bodytext > p > a.btn::after {
    content: '';
}

.frame.frame-filter_buttons .ce-bodytext > p > a.btn:hover {
    background: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff;
}


/** collage */
.collage-container {
}

.frame:not([class*="frame-bg_"]) > .collage-container {
    padding: 60px 0;
}

.collage-container .frame {
    padding: 0;
}

.collage-container .frame-type-gridelements_pi1 {
    overflow: visible;
}

.collage-container::after {
    content: "";
    clear: both;
    display: block;
}

.collage-container .row.bottom-sm {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end;
}

.collage-container .row div > .frame + .frame {
    margin-top: 0;
}

.collage-container .row,
.collage-container .ce-gallery .ce-row {
    margin-right: -2.5px;
    margin-left: -2.5px;
}

.collage-container .ce-gallery .ce-row {
    align-items: flex-end;
}

.collage-container .row > div,
.collage-container .ce-gallery .ce-column {
    padding-right: 2.5px;
    padding-left: 2.5px;
}

.collage-container .ce-gallery .ce-column figure {
    margin-bottom: 5px;
}

.collage-container div.ce-gallery picture {
    display: block;
    overflow: hidden;
}

.collage-container div.ce-gallery img {
    width: 100%;
}

.collage-container div.ce-center .ce-gallery img {
    margin: 0;
}

@media screen and (min-height: 1200px) {
    .frame:not([class*="frame-bg_"]) > .collage-container {
        padding: 80px 0;
    }
}

/* Collage Text */
.collage-container .CollageText {
    position: relative;
}

.collage-container .CollageText .TextArea {
    color: #FFF;
    position: absolute;
    top: 20px;
    z-index: 5;
    width: 100%;
}

.collage-container .CollageText .TextArea header {
    background: var(--primary-color-dark);
    transform: rotate(-6deg) translateX(-20px);
    min-width: 90%;
    position: absolute;
    z-index: 5;
}

.collage-container .CollageText .TextArea .header {
    color: #FFF;
    font-size: var(--base-font-size);
    font-weight: bold;
    text-transform: uppercase;
    padding: 15px 10px;
}

.collage-container .CollageText .TextArea .ce-bodytext {
    padding: 20px;
}

.collage-container .CollageText .TextArea header + .ce-bodytext {
    padding-top: 80px;
}

.site-content .collage-container .CollageText .ce-bodytext {
}

.site-content .collage-container .CollageText .ce-bodytext * {
    color: #FFF;
    font-size: var(--base-font-size);
    font-weight: 300;
    line-height: 1.2;
}

.site-content .collage-container .CollageText .ce-bodytext a[href^="tel:"] {
    color: #FFF !important;
}

.site-content .collage-container .CollageText .ce-bodytext ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.site-content .collage-container .CollageText .ce-bodytext li {
    padding: 0 0 5px 20px;
    position: relative;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.site-content .collage-container .CollageText .ce-bodytext li::before {
    content: "\f061";
    font-family: "Font Awesome 5 Free";
    font-size: 12px;
    position: absolute;
    top: 3px;
    left: 0;
}

.site-content .collage-container .CollageText .ce-bodytext p {
    margin-bottom: 0;
}

@media screen and (max-width: 992px) {
    .collage-container .row.two-columns .row.two-columns > div + div {
        margin-top: 0;
    }

    .collage-container .row.two-columns .row.two-columns > .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media screen and (max-width: 991px), screen and (min-width: 1200px) {
    .collage-container .CollageText .TextArea .header,
    .site-content .collage-container .CollageText .ce-bodytext * {
        font-size: 20px;
    }

    .site-content .collage-container .CollageText .ce-bodytext li::before {
        font-size: 14px;
    }
}

@media screen and (max-width: 992px) {
    .collage-container .row > div + div {
        margin-top: 0;
    }
}

@media screen and (max-width: 991px) {
    .collage-container .CollageText .TextArea header + .ce-bodytext {
        padding-top: 100px;
    }

    .collage-container .CollageText .TextArea .ce-bodytext br {
        display: none;
    }

    .collage-container .two-columns--8-4 .two-columns--9-3 > div {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .collage-container div.ce-center .ce-gallery img {
        margin: 0 auto;
    }

    .collage-container .two-columns--8-4 > .col-sm-6 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    .collage-container .col-sm-6 .col-sm-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }
}

@media screen and (max-width: 479px) {
    .collage-container .CollageText .TextArea header + .ce-bodytext {
        padding-top: 80px;
    }

    .site-content .collage-container .CollageText .TextArea header + .ce-bodytext .list {
        padding-top: 20px;
    }
}

@media screen and (max-width: 414px) {
    .collage-container .CollageText .TextArea .header,
    .site-content .collage-container .CollageText .ce-bodytext * {
        font-size: 14px;
    }
}

@media screen and (max-width: 374px) {
    .site-content .collage-container .CollageText .TextArea header + .ce-bodytext .list {
        padding-top: 0;
    }
}

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

.site-content .address div[itemprop="name"] {
    color: var(--base-color);
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 20px;
    line-height: 1.2
}

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

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

.site-content .address .label {
    display: none;
}

.site-content .address .phone::before,
.site-content .address .fax::before,
.site-content .address .email::before,
.contact-tel::before,
.contact-fax::before,
.contact-mail::before {
    color: var(--primary-color);
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-size: 20px;
    font-weight: 600;
    width: 35px;
}

.site-content .address .phone::before,
.contact-tel::before {
    content: "\f095";
}

.site-content .address .fax::before,
.contact-fax::before {
    content: "\f1ac";
}

.site-content .address .email::before,
.contact-mail::before {
    content: "\f0e0";
}

@media screen and (min-width: 768px) {
    .site-content .address div[itemprop="name"],
    #c8256 h4 {
        font-size: 23px;
    }
}

@media screen and (min-width: 1300px) {
    .site-content .address div[itemprop="name"],
    #c8256 h4 {
        font-size: 30px;
        margin: 0 0 40px;
    }
}


/** table */
table.ce-table th {
    background-color: var(--primary-color-dark);
    color: #FFF;
    font-weight: 600;
    padding: 10px;
}

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

table.ce-table tfoot tr {
    background: #F8F8F8;
}

table.ce-table-bordered th, table.ce-table-bordered td {
    border: 1px solid var(--primary-color-dark);
}

table.ce-table-bordered th {
    background: var(--primary-color-dark);
    border-color: var(--primary-color-dark) #FFF;
}

table.ce-table-bordered th:first-child {
    border-left-color: var(--primary-color-dark);
}

table.ce-table-bordered th:last-child {
    border-right-color: var(--primary-color-dark);
}

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

table.ce-table-striped thead th {
    background-color: var(--primary-color-dark);
    color: #FFF;
}

table.ce-table tbody th {
    border: 1px solid var(--primary-color-dark);
    border-bottom-color: #FFF;
    width: 25%;
}

table.ce-table tbody:last-child tr:last-child th {
    border-bottom-color: var(--primary-color-dark);
}

table.ce-table tfoot tr:last-child th {
    border-bottom: 1px solid var(--primary-color-dark);
}

table.ce-table th ~ td {
    border: 1px solid var(--primary-color-dark);
    padding: 10px;
}

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

table.contenttable thead td {
    background-color: var(--primary-color-dark);
    border: 1px solid;
    border-color: var(--primary-color-dark) #FFF;
    color: #FFF;
    font-weight: 600;
    padding: 10px;
}

table.contenttable thead td:first-child {
    border-left-color: var(--primary-color-dark);
}

table.contenttable thead td:last-child {
    border-right-color: var(--primary-color-dark);
}

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

table.contenttable tr:nth-of-type(even) {
    background-color: #F8F8F8;
}


/** downloads */
.ce-uploads li > img + div a::before {
    color: var(--primary-color-dark);
    margin-top: 4px;
}


/** pager */
ul.f3-widget-paginator {
    clear: both;
    display: table;
    float: none;
    list-style: none;
    margin: 30px auto 0;
    padding: 0 100px;
    position: relative;
    z-index: 1;
}

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;
}

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: 600;
    line-height: 1;
    position: relative;
    top: 1px;
}

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

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

/* page-navigation */
.page-navigation .paginate {
    font-size: var(--base-font-size);
    font-weight: 500;
    overflow: hidden;
}

.page-navigation .previous {
    float: left;
}

.page-navigation .next {
    float: right;
}

.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: 600;
    line-height: 1;
    position: relative;
    top: 1px;
}

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

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

.page-navigation ul {
    margin: -20px auto 0;
    padding: 0 100px;
}

.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: var(--base-color);
    cursor: default;
}

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

/* backlink */
.backlink-wrap {
    margin-bottom: 30px;
}

.backlink-wrap.references {
    margin-bottom: 0;
    margin-top: 30px;
}

.backlink-wrap a {
    font-size: var(--base-font-size);
    font-weight: 500;
}

.backlink-wrap a.backlink::before {
    content: "\f060";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    margin-right: 15px;
    position: relative;
    top: 1px;
}

@media screen and (min-width: 768px) {
    .backlink-wrap.references {
        margin-top: 60px;
    }
}

/* Referenz Galerie */
.frame.frame-referenz_image {
}

.frame.frame-referenz_image .ce-gallery img {
    width: 100%
}

#content--main .site-content > .frame.frame-layout-8 > div.frame:first-child:last-child {
    margin-bottom: 0
}

#content--main .site-content > .frame.frame-layout-8 .frame.container .frame.frame-default {
    margin-bottom: 0;
    /*padding-top: 20px;*/
}

#content--main .site-content > .frame.frame-layout-8 .frame.container > .frame.frame[class*="frame-bg_"] {
    margin-bottom: 50px;
}

#content--main .site-content > .frame.frame-layout-8 .frame.container .frame.frame-referenz_image + .frame {
    /*margin-top: -70px*/
}

#content--main .site-content > .frame.frame-layout-8 .frame.container header + .frame > .row {
    margin-top: 20px;
}

@media screen and (max-width: 767px) {
    #content--main .site-content > .frame.frame-layout-8 > header h3 {
        margin-bottom: 10px;
    }

    #content--main .site-content > .frame.frame-layout-8 .frame.container .frame > .row > .col + .col {
        margin-top: 10px;
    }

    #content--main .site-content > .frame.frame-layout-8 .frame.container .frame.frame-default {
        padding-bottom: 10px;
    }

    #content--main .site-content > .frame.frame-layout-8 .frame.container > .frame.frame-default > header {
        margin-top: 25px;
    }

    #content--main .site-content > .frame.frame-layout-8 .frame.container .frame.frame-default > header + .row {
        /*margin-top: -20px;*/
    }

    #content--main .site-content > .frame.frame-layout-8 .frame.container > .frame + .frame,
    #content--main .site-content > .frame.frame-layout-8 .frame.container .frame.frame-referenz_image + .frame {
        /*margin-top: -25px;*/
    }

    #content--main .site-content > .frame.frame-layout-8 .frame.container > .frame.frame[class*="frame-bg_"] {
        /*margin-bottom: 25px; */
    }

    #content--main .site-content > .frame.frame-layout-8 .frame.frame-referenz_image {
        margin-bottom: 0
    }
}


/** kundenauszug */
.site-content > .frame + .frame.frame-type-dce_dceuid11 {
    margin-top: 30px;
}

.content .kundenauszug {
    left: 50%;
    width: 100vw;
    max-width: 2000px;
    transform: translateX(-50%);
}

.content .kundenauszug .more {
    display: block;
    justify-self: center;
    margin-top: var(--gap);
}

.kundenauszug .kundenauszug__inner {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -15px;
}

.kundenauszug .kundenauszug__inner::after {
    content: "";
    clear: both;
    display: block;
    width: 100%;
}

.kundenauszug .kundenauszug__kunde {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
    padding: 8px;
}

.kundenauszug__kunde .ImageArea {
    display: table;
    height: 100%;
    width: 100%;
}

.kundenauszug__kunde .ImageArea .Image {
    background: #F8F8F8;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.kundenauszug__kunde .ImageArea .Image .more {
    border: none;
    display: block;
    margin: 0;
    padding: 0;
}

.kundenauszug__kunde .ImageArea .Image .more::after {
    display: none;
}

.kundenauszug__kunde .ImageArea .Image img {
    display: block;
    height: auto;
    margin: 0 auto;
}

@media screen and (max-width: 992px) {
    .kundenauszug .kundenauszug__kunde {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .kundenauszug .kundenauszug__inner {
        margin: 0 5px;
    }
}

.clientReach {
    position: relative;
}

.clientReach:before {
    content: "";
    background: var(--primary-color-dark);
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    right: -50vw;
    left: -50vw;
    z-index: 0;
}

.clientReach .textWrap {
    padding: 85px 30px;
    color: white;
}

.clientReach .textWrap h3 {
    color: white;
}

.clientReach .textWrap a.btn.more {
    border-color: white;
    background-color: transparent;
}

.clientReach .textWrap a.btn.more:hover {
    background-color: white;
    color: var(--primary-color-dark);
}

.clientReach .image {
    position: absolute;
    width: 50vw;
    left: 50%;
    top: 0;
    height: 100%;
    overflow: hidden;
}

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

@media (max-width: 836px) {
    .clientReach .textWrap {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .clientReach .image {
        position: static;
        width: 100%;
        left: 0;
        top: 0;
        height: auto;
        overflow: auto;
    }
}

.teaserBoxes {
    /*padding: 50px 0;*/
    /*margin-top: -50px;*/
    /*margin-bottom: 70px;*/
}

.teaserBoxes .row {
    margin-right: -8px;
    margin-left: -8px;
}

.teaserBoxes .col {
    margin-bottom: 16px;
    padding-right: 8px;
    padding-left: 8px;
}

.teaserBoxes .col:nth-last-child(-n+2) {
    margin-bottom: 0;
}

.teaserBoxes .teaser-text {
    padding: 50px 50px 0 50px;
}

.teaserBoxes .teaser-box-wrapper {
    background: radial-gradient(circle, rgba(239, 239, 239, 1) 0%, rgba(206, 206, 206, 1) 100%);
}

.teaserBoxes .teaser--item .teaser-text h3 {
    font-size: 42px;
    line-height: 1.2;
    margin-bottom: 5px;
}

.teaserBoxes .teaser--item .teaser-text p {
    margin-bottom: 20px;
}

@media (max-width: 991px) {
    .teaserBoxes .col:nth-last-child(-n+2) {
        margin-bottom: 30px;
    }

    .teaserBoxes .col:last-child {
        margin-bottom: 0;
    }
}

@media (max-width: 835px) {
    .teaserBoxes .teaser--item .teaser-text h3 {
        font-size: 24px;
        line-height: 1.5;
    }
}


/** references */
.Reference {
    margin-bottom: 60px;
    width: 100%;
}

.row .col .Reference:first-child:last-child {
    margin-bottom: 0;
}

.row > .Reference:not(:first-child:last-child) {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 15px;
    margin-bottom: 40px;
}

.Reference .ImageArea {
    margin-bottom: 20px;
}

.Reference .ImageArea img {
    display: block;
    height: auto;
    min-width: 100%;
}

.Reference .TextArea {
}

.Reference .TextArea .title {
    margin-bottom: 0;
}

.Reference .TextArea .description {
    display: none;
}

.Reference .TextArea .more {
    font-size: 20px;
}

.Reference .categories {
    display: none;
}

@media (min-width: 667px) {
    .row > .Reference:not(:first-child:last-child) {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 15px;
    }
}

@media (min-width: 1024px) {
    .row > .Reference:not(:first-child:last-child) {
        margin-bottom: 60px;
    }

    .Reference .ImageArea {
        margin-bottom: 40px;
    }
}

/* filter */
.filterList {
}

.site-content .frame .filterList {
    /*margin-bottom: -80px;*/
}

.filterList .row {
    /*margin-bottom: -30px;*/
}

.filterList .col {
    margin-bottom: 20px;
    padding: 0 12px;
}

.filterList .col .inner {
    height: 100%;
}

.filterList div[data-filter], .filterList .inner > label {
    position: relative;
}

.filterList .inner > label > input {
    appearance: none;
}

.filterList span.layer {
    display: none;
    cursor: pointer;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.filterList .active + span.layer {
    display: block;
}

.filterList div[data-filter],
.site-content .filterList a, .filterList .inner > label {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    text-align: center;
    background: #fff;
    border: 2px solid var(--base-color);
    color: var(--base-color);
    cursor: pointer;
    height: 100%;
    line-height: 1;
    padding: 10px;
    font-size: 20px;
}

.filterList div[data-filter]:hover,
.filterList div[data-filter].active,
.filterList .inner > label:hover,
.filterList .inner > label.active {
    background: var(--base-color);
    border-color: var(--base-color);
    color: #fff;
}

.site-content .filterList a {
    background: var(--base-color);
    border-color: var(--base-color);
    color: #fff;
}

.site-content .filterList a:hover {
    background: var(--primary-color);
}

@media (max-width: 992px) {
    .filterList .row > div + div {
        margin-top: 0;
    }
}

/* seminar */
.seminar {
    margin-bottom: 60px;
}

body[data-page-id="533"] .frame.frame-default .container.single-column:has(.seminar) {
    margin-bottom: -50px;
}

.content .container.single-column:has(> .seminar) {
    align-items: stretch;
    display: flex;
    flex: 0 1 auto;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-right: -15px;
    margin-left: -15px;
}

.container.single-column > .seminar {
    padding: 0 15px;
}

.container.single-column > .seminar:first-child:last-child {
    /*margin-bottom: 0;*/
}

.container.single-column > .seminar:not(:first-child:last-child) {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 40px;
}

.seminar .ImageArea {
    margin-bottom: 20px;
}

.seminar .ImageArea img {
    display: block;
    height: auto;
}

.seminar .TextArea {
}

.seminar .TextArea .title {
    margin-bottom: 0;
}

.seminar .TextArea .description {
    display: none;
}

.seminar .TextArea .more {
    font-size: 20px;
}

@media (min-width: 667px) {
    .container.single-column > .seminar {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (min-width: 1024px) {
    .container.single-column > .seminar:not(:first-child:last-child) {
        margin-bottom: 60px;
    }

    .seminar .ImageArea {
        margin-bottom: 40px;
    }
}

/* page-navigation */
.site-content .page-navigation.references {
    position: relative;
}

.site-content .page-navigation.references .paginate {
    font-weight: 400;
    overflow: visible;
}

.site-content .page-navigation.references .paginate::after {
    content: "";
    clear: both;
    display: block;
    visibility: hidden;
}

.site-content .page-navigation.references .paginate span[itemprop="name"] {
    display: none;
}

.site-content .page-navigation.references .previous {
    float: none;
    text-align: left;
}

.site-content .page-navigation.references .previous span::before {
    content: "\f060";
}

.site-content .page-navigation.references .next {
    float: none;
    text-align: right;
}

.site-content .page-navigation.references .next span::after {
    content: "\f061";
}

.site-content .page-navigation.references .backlink-wrap {
    margin-bottom: 0;
    padding: 0;
    position: static;
}

.site-content .page-navigation.references .backlink-wrap .backlink {
    font-weight: 400;
}

.site-content .page-navigation.references.customer .backlink-wrap .backlink {
}

@media screen and (max-width: 479px) {
    .site-content .page-navigation.references {
        margin-bottom: 100px;
    }

    .site-content .page-navigation.references .previous {
        float: left;
    }

    .site-content .page-navigation.references .next {
        float: right;
    }

    .site-content .page-navigation.references:not(.customer) .backlink-wrap {
        position: absolute;
        bottom: -40px;
        left: 0;
    }
}

@media screen and (min-width: 480px) {
    .site-content .page-navigation.references:not(.customer) .paginate {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .site-content .page-navigation.references:not(.customer) .backlink-wrap .backlink {
        display: inline-block;
        font-weight: 400;
        text-align: center;
        text-indent: -9999px;
        padding: 5px 0;
        position: absolute;
        bottom: -7px;
        left: 50%;
    }

    .site-content .page-navigation.references:not(.customer) .backlink-wrap .backlink::before {
        content: "\f00a";
        color: var(--primary-color);
        display: block;
        font-family: "Font Awesome 5 Free";
        font-size: 34px;
        font-weight: 600;
        width: 34px;
        line-height: 1;
        margin: 0;
        text-indent: 0;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        transform: translate(-50%, 0);
    }

    .site-content .page-navigation.references .next {
        order: 1;
    }
}


/** Mosaik */
.Mosaik {
}

.Mosaik .ImageArea {
    margin-bottom: 40px;
}

.Mosaik .ImageArea img {
    display: block;
    height: auto;
}

.Mosaik .TextArea {
}

.Mosaik .TextArea header {
}

.site-content .Mosaik .TextArea header h4 {
    text-align: left;
    margin: 0 0 20px;
}

.Mosaik .TextArea header .title {
    display: block;
}

.Mosaik .TextArea header .description {
    font-weight: 400;
}

.Mosaik .TextArea .othertext {
}


/* Team Members
.team-wrap {    left: 50%;	width: 100vw;	max-width: 2000px;	transform: translateX(-50%);}
.team-wrap .teamlist { display: flex; flex-wrap: wrap; flex-direction: row; margin: 0 -15px;}
.team-wrap .teamlist .teamMember { background-repeat: no-repeat; background-size: cover;  max-height: 380px; width: 100%; margin: 5px auto; height: 40vh; min-height: 300px;}
.team-wrap .teamlist .teamMember .infoMember {padding: 30px;text-align: center; opacity: 0;display: flex;flex-direction: column; align-items: center; justify-content: center; height: 100%; background-color: rgba(17,58,170,0.8); color: #fff;}
.team-wrap .teamlist .teamMember .infoMember h4 { color: #fff;}
.team-wrap .teamlist .teamMember:hover .infoMember { opacity: 1 }

.team-wrap .teamlist .teamMember.teamColorTile .infoMember {	opacity: 1;}
.team-wrap .teamlist .teamMember.teamColorTile.anchorYes .infoMember::before {     content: "\f13d";	display: block;	font-family: "Font Awesome 5 Free";	font-size: 40px;	font-weight: 600;line-height: 1;color: #fff;}
.team-wrap .teamlist .teamMember.teamColorTile.anchorYes .infoMember > .ce-bodytext { margin-top: 30px;}

.team-wrap .teamlist .teamMember[data-teammember-active="0"] {display: none;}

/* Karriere Seite Hofer raus
body[data-page-id="309"] .team-wrap .teamlist .teamMember:hover .infoMember { opacity: 0 }

@media screen and (min-width: 620px) {
	.team-wrap .teamlist .teamMember { width: calc(50% - 10px); }
}

@media screen and (min-width: 1024px) {
	.team-wrap .teamlist .teamMember { width:calc(33.33% - 10px); }
}
@media screen and (min-width: 1300px) {
	.team-wrap .teamlist .teamMember { width:calc(25% - 30px); margin: 15px; }
}
@media screen and (min-width: 1800px) {
	.team-wrap .teamlist .teamMember { width:calc(20% - 30px); }
}

 */


/* Team Members */
.team-wrap {
    left: 50%;
    width: 100vw;
    max-width: 2000px;
    transform: translateX(-50%);
}

.team-wrap .teamlist {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin: 0 -15px;
}

.team-wrap .teamlist .teamMember {
    background-repeat: no-repeat;
    background-size: cover;
    max-height: 380px;
    width: 100%;
    margin: 5px;
    padding-bottom: calc(100% - 10px);
}

.team-wrap .teamlist .teamMember .infoMember {
    padding: 30px;
    text-align: center;
    opacity: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--member-overlay-color);
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.team-wrap .teamlist .teamMember .infoMember h4 {
    color: #fff;
}

.team-wrap .teamlist .teamMember:hover .infoMember {
    opacity: 1
}

.team-wrap .teamlist .teamMember.teamColorTile .infoMember {
    opacity: 1;
}

.team-wrap .teamlist .teamMember.teamColorTile.anchorYes .infoMember::before {
    content: "\f13d";
    display: block;
    font-family: "Font Awesome 5 Free";
    font-size: 40px;
    font-weight: 600;
    line-height: 1;
    color: #fff;
}

.team-wrap .teamlist .teamMember.teamColorTile.anchorYes .infoMember > .ce-bodytext {
    margin-top: 30px;
    line-height: 1.4;
}

.team-wrap .teamlist .teamMember[data-teammember-active="0"] {
    display: none;
}

/* Karriere Seite Hofer raus */
body[data-page-id="309"] .team-wrap .teamlist .teamMember:hover .infoMember {
    opacity: 0
}

@media screen and (min-width: 450px) {
    .team-wrap .teamlist .teamMember {
        width: calc(50% - 10px);
        padding-bottom: calc(50% - 10px);
        position: relative;
        height: 0;
    }
}

@media screen and (min-width: 768px) {
    .team-wrap .teamlist .teamMember {
        width: calc(33.33% - 10px);
        padding-bottom: calc(33.33% - 10px);
    }
}

@media screen and (min-width: 1200px) {
    .team-wrap .teamlist .teamMember {
        width: calc(20% - 10px);
        padding-bottom: calc(20% - 10px);
    }
}

@media screen and (min-width: 1400px) {
    .team-wrap .teamlist .teamMember {
        margin: 15px;
        width: calc(20% - 30px);
        padding-bottom: calc(20% - 30px);
    }

    .team-wrap .teamlist .teamMember.teamColorTile.anchorYes .infoMember > .ce-bodytext {
        line-height: 1.8
    }
}

/**
************
* Teaser Box
***********
*/


.teaser-box-wrapper {
    height: 100%;
}

.teaser-box-wrapper a.btn {
    margin: 0 15px 15px 0;
    min-width: 100px;
    padding: 10px;
    border: 2px solid var(--primary-color-dark);
    color: var(--primary-color-dark);
    font-weight: 600;
}

.teaser-box-wrapper a.btn:hover {
    background: var(--primary-color-dark);
    color: #fff;
}

.teaser-box-wrapper .teaser--item {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.teaser-box-wrapper .teaser--item > div.teaser-text {
    line-height: 1.6;
    grid-area: Text;
}

.teaser-box-wrapper .teaser--item > div.teaser-text header[data-headerposition='0'] {
    text-align: left;
}

.teaser-box-wrapper .teaser--item > div.teaser-text header[data-headerposition='1'] {
    text-align: center;
}

.teaser-box-wrapper .teaser--item > div.teaser-text header[data-headerposition='2'] {
    text-align: right;
}

.teaser-box-wrapper .teaser--item > div.teaser-buttons {
    grid-area: Buttons;
    margin-top: 40px;
}

.teaser-box-wrapper .teaser--item > div.teaser-image {
    grid-area: Image;
    position: relative;
}

.teaser-box-wrapper .teaser--item > div.teaser-image picture {
    display: block;
}

.teaser-box-wrapper .teaser--item > div.teaser-image img {
    display: block;
    height: auto;
    width: 100%;
    margin: 0 auto;
}

.teaser-box-wrapper[data-position="0"] .teaser--item,
.teaser-box-wrapper[data-position="1"] .teaser--item,
.teaser-box-wrapper[data-position="2"] .teaser--item,
.teaser-box-wrapper[data-position="3"] .teaser--item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 0 0;
}

.teaser-box-wrapper[data-position="0"] .teaser--item,
.teaser-box-wrapper[data-position="1"] .teaser--item {
    grid-template-areas:
			"Text Image"
			"Buttons Image";
}

.teaser-box-wrapper[data-position="2"] .teaser--item,
.teaser-box-wrapper[data-position="3"] .teaser--item {
    grid-template-areas:
			"Image Text"
			"Image Buttons";
}

.teaser-box-wrapper[data-position="4"] .teaser--item {
    display: flex;
    flex-direction: column;
}

@media screen and (max-width: 835px) {
    .teaser-box-wrapper .teaser--item > div.teaser-text {
        font-size: var(--base-font-size);
    }
}

/* Teaser Box | Texts links, Bild unten rechts*/
.teaser-box-wrapper[data-position="0"] .teaser--item > div.teaser-image {
    margin: 0 -50px -50px 20px;
}

.teaser-box-wrapper[data-position="0"] .teaser--item > div.teaser-image picture {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
}

.teaser-box-wrapper[data-position="0"] .teaser--item > div.teaser-image img {
    max-width: 100%;
    height: auto;
    max-height: 100%;
    width: auto;
}

/* Teaser Box | Texts links, Bild oben rechts*/
.teaser-box-wrapper[data-position="1"] .teaser--item > div.teaser-image {
    margin: -50px -50px 0 20px;
}

.teaser-box-wrapper[data-position="1"] .teaser--item > div.teaser-image img {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    object-fit: contain;
}

/* Teaser Box | Texts rechts, Bild unten links*/
.teaser-box-wrapper[data-position="2"] .teaser--item > div.teaser-image {
    margin: 0 20px -50px -50px;
}

.teaser-box-wrapper[data-position="2"] .teaser--item > div.teaser-image img {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    object-fit: contain;
}

/* Teaser Box | Texts rechts, Bild oben links*/
.teaser-box-wrapper[data-position="3"] .teaser--item > div.teaser-image {
    margin: -50px 20px 0 -50px;
}

.teaser-box-wrapper[data-position="3"] .teaser--item > div.teaser-image img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    object-fit: contain;
}

/* Teaser Box | Text oben, Bild unten (volle Breite) */
.teaser-box-wrapper[data-position="4"] .teaser--item > div.teaser-image {
    margin: auto 0 0 0;
}

.teaser-box-wrapper[data-position="4"] .teaser--item > div.teaser-image img {
    position: relative;
    max-width: inherit;
    width: 100%;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    object-fit: contain;
}

div[class*="frame-bg_"] .teaser-box-wrapper[data-position="4"] .teaser--item > div.teaser-image img {
    position: relative;
    max-width: inherit;
    width: calc(100% + 100px);
    right: -50px;
    bottom: -50px;
    left: -50px;
    height: 100%;
    object-fit: contain;
}

.two-columns .teaser-box-wrapper[data-position="4"] .teaser--item {
    padding-bottom: 80%;
}

.two-columns .teaser-box-wrapper[data-position="4"] .teaser--item > div.teaser-image {
    position: absolute;
    bottom: 0;
    z-index: -1;
}

@media screen and (max-width: 835px) {
    .two-columns .teaser-box-wrapper[data-position="4"] .teaser--item {
        padding-bottom: 70%;
    }
}

@media screen and (max-width: 920px) {
    .teaser-box-wrapper[data-position="0"] .teaser--item {
        grid-template-areas:
				"Text Text"
				"Buttons Image";
    }

    .teaser-box-wrapper[data-position="1"] .teaser--item {
        grid-template-areas:
				"Text Image"
				"Buttons Buttons";
    }

    .teaser-box-wrapper[data-position="2"] .teaser--item {
        grid-template-areas:
				"Text Text"
				"Image Buttons";
    }

    .teaser-box-wrapper[data-position="3"] .teaser--item {
        grid-template-areas:
				"Image Text"
				"Buttons Buttons";
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .frame .row.two-columns .teaser-box-wrapper a.btn {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .two-columns .teaser-box-wrapper[data-position="4"] .teaser--item {
        padding-bottom: 80%;
    }

    .teaser-box-wrapper[data-position="0"] .teaser--item,
    .teaser-box-wrapper[data-position="2"] .teaser--item {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        grid-template-areas:
				"Text"
				"Buttons"
				"Image";
    }

    .teaser-box-wrapper[data-position="1"] .teaser--item,
    .teaser-box-wrapper[data-position="3"] .teaser--item {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        grid-template-areas:
				"Image"
				"Text"
				"Buttons";
    }

    .teaser-box-wrapper[data-position="0"] .teaser--item > div.teaser-image,
    .teaser-box-wrapper[data-position="1"] .teaser--item > div.teaser-image,
    .teaser-box-wrapper[data-position="2"] .teaser--item > div.teaser-image,
    .teaser-box-wrapper[data-position="3"] .teaser--item > div.teaser-image {
        margin: 0;
        width: calc(100% + 20px);
    }

    .teaser-box-wrapper[data-position="0"] .teaser--item > div.teaser-image {
        margin-left: 20px;
        left: -20px;
        bottom: -20px;
        max-height: 350px;
    }

    .teaser-box-wrapper[data-position="1"] .teaser--item > div.teaser-image {
        margin-left: 20px;
        left: -20px;
        top: -20px;
    }

    .teaser-box-wrapper[data-position="2"] .teaser--item > div.teaser-image {
        margin-right: 20px;
        left: -20px;
        bottom: -20px;
    }

    .teaser-box-wrapper[data-position="3"] .teaser--item > div.teaser-image {
        margin-right: 20px;
        left: -20px;
        top: -20px;
    }

    .teaser-box-wrapper[data-position="0"] .teaser--item > div.teaser-image picture {
        position: relative;
        float: right;
        margin-top: auto;
    }

    .teaser-box-wrapper[data-position="1"] .teaser--item > div.teaser-image picture {
        position: relative;
        float: right;
        margin-bottom: auto;
    }

    .teaser-box-wrapper[data-position="2"] .teaser--item > div.teaser-image picture {
        position: relative;
        float: left;
        margin-top: auto;
    }

    .teaser-box-wrapper[data-position="3"] .teaser--item > div.teaser-image picture {
        position: relative;
        float: left;
        margin-bottom: auto;
    }

    .site-content .col > div[class*="frame-bg_"] .teaser-box-wrapper[data-position="4"] .teaser--item > div.teaser-image img {
        width: calc(100% + 40px);
        right: -20px;
        bottom: -20px;
        left: -20px;
    }
}

@media screen and (max-width: 450px) {
    .teaser-box-wrapper a.btn {
        width: 100%;
    }

    .two-columns .teaser-box-wrapper[data-position="4"] .teaser--item {
        padding-bottom: 90%;
    }
}

/* Icon Row */
.iconsrow-row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px
}

.iconsrow-row .icon-wrapper {
    text-align: center;
    display: block;
    width: calc(16.666% - 20px);
}

.iconsrow-row .icon-wrapper .wrapped-icon {
    font-size: 50px;
}

.iconsrow-row .icon-wrapper .wrapped-icon img {
    display: block;
    margin: 0 auto;
    width: auto;
    max-height: 84px;
    max-width: 84px;
}

.iconsrow-row .icon-wrapper .wrapped-icon + .wrapped-text {
    margin-top: 20px;
}

/*Icon on Karriere*/
/*body[data-page-id="309"] .iconsrow-row .icon-wrapper {*/
/*    width: calc(33.333% - 20px);*/
/*}*/

@media screen and (max-width: 1024px) {
    .iconsrow-row .icon-wrapper {
        width: calc(33.333% - 20px);
    }
}

@media screen and (max-width: 450px) {
    .iconsrow-row .icon-wrapper,
    body[data-page-id="309"] .iconsrow-row .icon-wrapper {
        width: calc(50% - 20px);
    }
}

/** short-descriptions */
.short-descriptions {
}

.short-descriptions .descriptions-list {
}

.short-descriptions .short-description-item {
    padding-left: 50px;
    position: relative;
    padding-bottom: 40px;
}

.short-descriptions .short-description-item::before {
    content: "";
    background: #154387;
    display: block;
    height: 100%;
    width: 2px;
    position: absolute;
    top: 0;
    left: 0;
}

.short-descriptions .short-description-item:last-child::before {
    height: 25px;
}

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

.short-descriptions .short-description-item .ce-bodytext p {
    font-size: 18px;
    line-height: 1.4;
}

.short-descriptions .short-description-item::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
}

.short-descriptions .short-description-item:nth-child(odd)::after,
.short-descriptions .short-description-item:nth-child(even)::after {
    left: 0;
    border-width: 12.5px 0 12.5px 15px;
    border-color: transparent transparent transparent var(--primary-color-dark);
}

@media screen and (min-width: 667px) {
    .short-descriptions .short-description-item .ce-bodytext p {
        font-size: 22px;
    }

    .short-descriptions .descriptions-list::before,
    .short-descriptions .descriptions-list::after {
        left: 50%;
    }

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

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

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

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

    .short-descriptions .short-description-item:nth-child(even) {
        padding-right: 40px;
        text-align: right
    }

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

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

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

    .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 .readmore {
        margin-top: 60px;
    }

    .short-descriptions .short-description-item:nth-child(even)::after {
        right: 0;
        left: auto;
        border-width: 12.5px 15px 12.5px 0;
        border-color: transparent var(--primary-color-dark) transparent transparent;
    }
}

@media screen and (min-width: 992px) {
    .short-descriptions .short-description-item:nth-child(odd) {
        margin-left: auto;
    }

    .short-descriptions .short-description-item:nth-child(even) {
    }
}


/* Header with Icon */
.icon-header .icon-header-top {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

/*
.icon-header[data-icon-header-type="0"] .icon-header-top .img-wrap,
.icon-header[data-icon-header-type="1"] .icon-header-top .img-wrap,
.icon-header[data-icon-header-type="2"] .icon-header-top .img-wrap,
.icon-header[data-icon-header-type="6"] .icon-header-top .img-wrap,
.icon-header[data-icon-header-type="7"] .icon-header-top .img-wrap,
.icon-header[data-icon-header-type="8"] .icon-header-top .img-wrap,
*/
.icon-header .icon-header-top .img-wrap {
    width: 115px;
    height: 115px;
    margin-right: 30px;
}

/*
.icon-header[data-icon-header-type="3"] .icon-header-top .img-wrap,
.icon-header[data-icon-header-type="4"] .icon-header-top .img-wrap,
.icon-header[data-icon-header-type="5"] .icon-header-top .img-wrap,
.icon-header[data-icon-header-type="9"] .icon-header-top .img-wrap,
.icon-header[data-icon-header-type="10"] .icon-header-top .img-wrap,
.icon-header[data-icon-header-type="11"] .icon-header-top .img-wrap {
    width: 60px;
    height: 60px;
    margin-right: 15px;
}
*/

.icon-header .icon-header-top .img-wrap img {
    width: 100%;
    height: 100%;
}

.icon-header .icon-header-top .img-wrap + h1,
.icon-header .icon-header-top .img-wrap + h2,
.icon-header .icon-header-top .img-wrap + h3,
.icon-header .icon-header-top .img-wrap + h4,
.icon-header .icon-header-top .img-wrap + h5,
.icon-header .icon-header-top .img-wrap + h6,
.icon-header .icon-header-top .img-wrap + .h1,
.icon-header .icon-header-top .img-wrap + .h2,
.icon-header .icon-header-top .img-wrap + .h3,
.icon-header .icon-header-top .img-wrap + .h4,
.icon-header .icon-header-top .img-wrap + .h5,
.icon-header .icon-header-top .img-wrap + .h6 {
    margin-bottom: 0;
}

.icon-header + .frame {
    padding-top: 0;
}

@media screen and (max-width: 330px) {
    .icon-header .icon-header-top .img-wrap {
        width: 60px;
        height: 60px;
        margin-right: 15px;
    }
}


/* Image Animation */
.img-animation-wrap {
    width: 100%;
    height: auto;
    position: relative;
    display: block;
    transition: 0.4s;
}

.img-animation-wrap img {
    max-width: 100%;
    height: auto;
}

.img-animation-wrap > div {
    display: flex;
    justify-content: center;
    transition: 0.3s;
}

.img-animation-wrap .img-animation-imageafter {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    opacity: 0;
    width: 100%;
}

.img-animation-wrap:hover .img-animation-imageafter {
    display: flex;
    opacity: 1;
    transition: 0.4s;
}

.img-animation-wrap:hover .img-animation-imagebefore {
    opacity: 0;
    transition: 0.4s;
}

/** eof */

.referenceTeaserHome {
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: stretch;
}

.referenceTeaserHome .image {
    width: 50vw;
    height: 466px;
    overflow: hidden;
}

.referenceTeaserHome .image img {
    min-height: 100%;
    max-height: 100%;
    object-fit: cover;
    width: 100%;
}

.referenceTeaserHome .teaserTextWrap {
    width: 50vw;
    background-color: #F8F8F8;
    padding-left: 100px;
    padding-right: 20px;
    display: flex;
    align-items: center;
}

.referenceTeaserHome .teaserTextWrap .teaserText {
    max-width: 500px;
}

.referenceTeaserHome .teaserTextWrap .teaserText h3 {
    margin-bottom: 10px;
}

.referenceTeaserHome .teaserTextWrap .teaserText p {
    margin-bottom: 30px;
}

@media screen and (max-width: 899px) {
    .referenceTeaserHome .teaserTextWrap {
        padding-left: 20px;
    }
}

@media screen and (max-width: 834px) {
    .referenceTeaserHome {
        display: block;
    }

    .referenceTeaserHome .image, .referenceTeaserHome .teaserTextWrap {
        width: auto;
        height: auto;
    }

    .referenceTeaserHome .teaserTextWrap {
        padding: 30px 20px;
    }
}

.greyList {
    /*margin-bottom: 60px;*/
}

.greyList ul.ce-bullets {
    column-count: 2;
    column-gap: 30px;
}

.greyList ul.ce-bullets > li {
    display: block;
    /*font-size: 23px;*/
    line-height: 1.2em;
    padding: 20px 20px 20px 75px;
    background-color: #F8F8F8;
    margin-bottom: 15px;
    margin-left: 0;
    width: 100%;

    -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+ */
}

.greyList ul.ce-bullets > li::before {
    top: 50%;
    transform: translateY(-50%);
    left: 30px;
}

@media screen and (max-width: 875px) {
    .greyList ul.ce-bullets {
        column-count: unset;
    }
}

.referenceTeaserSubpage {
    padding: 36px 0 55px 0;
}

.referenceTeaserSubpage:before {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    right: -50vw;
    left: -50vw;
    background-color: #F8F8F8;
}

.referenceTeaserSubpage header {
    text-align: center;
    position: relative;
}

.referenceTeaserSubpage header h3 {
    line-height: 1.5;
    margin-bottom: 15px;
}

.referenceTeaserSubpage .teasers {
    display: flex;
    gap: 16px;
    margin-bottom: 52px;
}

.referenceTeaserSubpage .teaser {
    text-decoration: none;
    display: block;
}

.referenceTeaserSubpage .teasers .teaser picture {
    display: block;
}

.referenceTeaserSubpage .teasers .teaser img {
    height: 366px;
    object-fit: cover;
    margin-bottom: 15px;
    width: 100%;
}

.referenceTeaserSubpage .teasers .teaser .title {
    color: var(--primary-color);
    font-size: 20px;
    line-height: 1.5;
    border: none;
    font-weight: 600;
    padding: 0 55px 0 0;
    position: relative;
    text-decoration: none;
    display: inline-block;
}

.referenceTeaserSubpage .teasers .teaser .title:after {
    content: "\f30b";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    position: absolute;
    right: 20px;
    top: 0;
    transition: all .3s ease;
}

.referenceTeaserSubpage .teasers .teaser .title:hover:after {
    right: 10px;
}

.referenceTeaserSubpage .allReferences {
    display: flex;
    justify-content: flex-end;
}

@media screen and (min-width: 768px) {
    .referenceTeaserSubpage header h3 {
        margin-bottom: 30px;
    }

    .referenceTeaserSubpage .teasers {
        gap: 30px;
    }
}

@media screen and (max-width: 875px) {
    .referenceTeaserSubpage .teasers {
        display: block;
        gap: unset;
    }

    .referenceTeaserSubpage .teasers .teaser {
        margin-bottom: 30px;
    }

    .referenceTeaserSubpage .teasers .teaser:last-child {
        margin-bottom: 0;
    }

    .referenceTeaserSubpage .teasers .teaser img {
        margin-bottom: 8px;
        height: auto;
    }
}

.frame-type-dce_dceuid25 {
    z-index: 10;
}

.content .subCat {
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    border: 0 solid black;
    padding: 0 15px 0 15px;
    background: #fff;
    max-height: 0;
    overflow: hidden;
    transition-property: max-height, padding, border;
    transition-timing-function: ease-in-out;
    transition-duration: 0.3s;
    z-index: 20;
}

.content label:hover + .subCat, .content .subCat:hover {
    max-height: 1000px;
    padding: 15px;
    border: 1px solid black;
}

.content .subCat label {
    border: none;
    justify-content: flex-start;
    font-weight: 400;
    font-size: 18px;
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    hyphens: auto;
}

.content .subCat label input {
    appearance: none;
}

.content .subCat .input-custom {
    z-index: 1;
    height: 18px;
    width: 18px;
    top: 7px;
    border-color: var(--primary-color);
    border-radius: 0;
    box-shadow: none;
}

.content .subCat .input-custom:before {
    display: block;
    border: solid var(--primary-color);
    border-width: 0 3px 3px 0;
    color: #FFF;
    height: 16px;
    width: 6px;
    margin: 0 0 0 6px;
    transform: rotate(45deg);
    opacity: 0;
}

.content .subCat input[type="checkbox"]:checked + .input-custom {
    background: var(--primary-color);
}

.content .subCat input[type="checkbox"]:checked + .input-custom::before {
    border-color: #FFF;
}

.filterList .filterWrap {
    display: flex;
    gap: 15px;
}

.filterList .filterWrap .filter {
    flex: 1 1 0;
}

@media screen and (max-width: 900px) {
    .filterList .filterWrap {
        flex-wrap: wrap;
    }

    .filterList .filterWrap .filter, .filterList .filterWrap .filterAll {
        flex: calc(50% - 15px / 2);
    }
}

@media screen and (max-width: 568px) {
    .filterList .filterWrap .filter, .filterList .filterWrap .filterAll {
        flex: 100%;
    }
}


/* quickstarts */
.quickstarts::before,
.quickstarts::after {
    display: none;
}

.quickstarts {
    gap: 16px;
    justify-content: center;
}

.quickstarts .item {
    padding: 0;
    flex: 0 0 calc(25% - 20px);
    max-width: calc(25% - 20px);
    margin-top: 0;
}

.quickstarts .item .item-content {
    background: var(--primary-color);
    padding: 20px;
}

.quickstarts .item .item-content:hover {
    background: var(--primary-color-light);
}

.quickstarts .item .item-content {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-decoration: none;
}

.quickstarts .item a:hover {
    text-decoration: none;
}

.quickstarts .item img {
    display: inline-block;
    margin-right: 30px;
    max-height: 55px;
    width: auto;
}

.quickstarts .item span {
    color: #FFF;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
}

@media screen and (max-width: 1023px) {
    .quickstarts .item {
        flex: 0 0 50%;
        max-width: calc(50% - 20px);
    }
}

@media screen and (min-width: 375px) and (max-width: 567px) {
    .quickstarts .item .item-content {
        padding: 10px;
    }

    .quickstarts .item img {
        margin-right: 16px;
        max-height: 40px;
    }

    .quickstarts .item span {
        font-size: var(--base-font-size);
    }
}

@media screen and (min-width: 768px) {
    .quickstarts .item span {
        font-size: 20px;
    }
}

@media screen and (max-width: 767px) {
    .quickstarts {
        /*margin: 0 -16px -16px;*/
    }

    .quickstarts .item {
        /*margin-bottom: 16px;*/
        /*padding: 0 8px;*/
    }
}

@media screen and (max-width: 991px) {
    .site-content > .frame > .row.quickstarts .item + .item {
        margin-top: 0;
    }
}

@media screen and (max-width: 374px) {
    .quickstarts .item {
        flex: 0 0 100%;
        max-width: calc(100% - 20px);
    }
}

/** accessibiluty widget */
:root {
    --aw-position-top-tablet: 120px;
    --aw-position-top-desktop: 120px;

}

/** eof */