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


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


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

header h1 + h2 {
    margin-top: 0;
}

header h2 + h3 {
    margin-top: -25px;
}

header h3 + h4 {
    margin-top: -25px;
}

header h4 + h5 {
    margin-top: -20px;
}

header h5 + h6 {
    margin-top: -20px;
}

header:last-child h1:last-child, header:last-child h2:last-child, header:last-child h3:last-child, header:last-child h4:last-child, header:last-child h5:last-child, header:last-child h6:last-child,
header:last-child .H1:last-child, header:last-child .H2:last-child, header:last-child .H3:last-child, header:last-child .H4:last-child, header:last-child .H5:last-child, header:last-child .H6:last-child {
    margin-bottom: 0;
}

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

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


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

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

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

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

.map .mapArea {
    height: 345px;
}

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

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

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

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

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

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

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

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

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

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

/* cookie-hint */
.map .map--cookie-hint {
    background: rgba(0, 0, 0, .2);
    height: 100%;
    position: static;
}
.map .map--cookie-hint--image {
    background: no-repeat center;
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
}
.map .map--cookie-hint--terms {
    color: #FFF;
    background: rgba(0, 0, 0, .5);
    padding: 20px;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.map .map--cookie-hint--terms p {
    margin: 0 0 10px;
}
.map p:last-child {
    margin-bottom: 0;
}
.map .map--cookie-hint--terms .more {
    color: #FFF;
    border:none;
    font-size: 16px;
}
.map .map--cookie-hint--terms .more:hover {
    background-color: transparent;
    color: rgba(255,255,255, 0.8);
}

.map .map--cookie-hint--terms .load-map {
    padding: 5px 15px;
    cursor: pointer;
    font-size: 18px;
}

.map .map--cookie-hint--terms .checkbox label {
    display: inline-block;
    position: relative;
    line-height: 1;
}
.map .map--cookie-hint--terms .checkbox input[type=checkbox],
.map .map--cookie-hint--terms .input-custom {
    display: inline-block;
    height: 25px;
    width: 25px;
    margin-right: 10px;
}
.map .map--cookie-hint--terms .checkbox input[type=checkbox] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    opacity: 0;
    -moz-appearance: checkbox;
    -webkit-appearance: checkbox;
    appearance: checkbox;
}
.map .map--cookie-hint--terms .input-custom {
    background-color: #FFF;
    border: 1px solid #E5E5E5;
    box-shadow: 0 0 3px rgba(0, 0, 0, .1) inset;
    border-radius: 2px;
    overflow: hidden;
    z-index: -1;
    margin-bottom: -7px;
}
.map .map--cookie-hint--terms .input-custom::before {
    content: "";
    box-shadow: none;
    transition: .2s;
    display: block;
    border: solid #3E4E5F;
    border-width: 0 3px 3px 0;
    color: #FFF;
    height: 20px;
    width: 10px;
    margin: 0 0 0 6px;
    transform: rotate(45deg);
    opacity: 0;
    pointer-events: none;
}
.map .map--cookie-hint--terms .checkbox input[type="checkbox"]:checked + .input-custom::before {
    border-color: #3E4E5F;
    opacity: 1;
}

/** backlink */
.backlink-wrap {
    clear: both;
    margin: 30px 0;
    overflow: hidden;
}

.backlink-wrap a,
a.back {
    line-height: 1;
    padding: 0;
    position: relative;
    text-decoration: none;
}

.backlink-wrap a:before,
a.back:before {
    content: "\f060";
    color: #C30;
    display: block;
    float: left;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin: 0 10px 0 0;
}


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

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

.content a[href="#top"]:before {
    content: "";
    border: solid #3E4E5F;
    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: #3E4E5F;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    transform: translate3d(0, 100%, 0);
    transition: all .3s ease;
}

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

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


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

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

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

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

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


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

.cke_editable ul > li, .ce-bodytext ul > li, .content ul.ce-bullets > li {
    margin-left: 20px;
}

.ce-bodytext ul > li:before, .content ul.ce-bullets > li:before {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    position: absolute;
    top: 0;
    left: -20px;
}


/** downloads */
.ce-uploads li > img + div a::before {
    color: #DE5800;
    bottom: 5px;
}


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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/** frames and columns */
#mainContent > .site-content > .frame + .frame {
    margin-top: 40px;
}

#mainContent > .site-content > .frame:last-child {
    margin-bottom: 100px;
}

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

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

#mainContent > .site-content > .frame-type-header + .frame {
    margin-top: 40px;
}

/* colored frame */
.content .frame-bg-orange,
.content .frame-bg-gray {
    z-index: 0;
    padding-top: 60px;
    padding-bottom: 60px;
}

.content .frame-bg-orange::before,
.content .frame-bg-gray::before {
    content: "";
    position: absolute;
    width: 100vw; /*max-width: 1920px;*/
    left: 50%;
    transform: translate(-50%, 0);
    top: 0;
    bottom: 0;
    z-index: -1;
}

.content .frame-bg-orange::before {
    background: #DE5800;
}

.content .frame-bg-gray::before {
    background: #3E4E5F;
    opacity: 0.14;
}

#mainContent > .site-content > .frame-bg-orange + .frame,
#mainContent > .site-content > .frame-bg-gray + .frame,
#mainContent > .site-content > .frame + .frame-bg-orange,
#mainContent > .site-content > .frame + .frame-bg-gray {
    margin-top: 100px;
}

#mainContent > .site-content > .frame-bg-orange + .frame-bg-gray,
#mainContent > .site-content > .frame-bg-gray + .frame-bg-orange,
#mainContent > .site-content > .frame-bg-orange + .frame-bg-orange,
#mainContent > .site-content > .frame-bg-gray + .frame-bg-gray {
    margin-top: 0;
}

#mainContent > .site-content > .frame-bg-gray + .frame-type-dce_dceuid5,
#mainContent > .site-content > .frame-bg-orange + .frame-type-dce_dceuid5 {
    margin-top: 0;
}


.content .row .col .frame-bg-orange,
.content .row .col .frame-bg-gray {
    padding: 40px 100px 40px 30px;
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

.content .row .col .frame-bg-orange:first-child,
.content .row .col .frame-bg-gray:first-child {
    margin-top: 0 !important;
}

.content .row .col .frame-bg-orange:last-child,
.content .row .col .frame-bg-gray:last-child {
    margin-bottom: 0 !important;
}

.content .row .col .frame-bg-orange::before,
.content .row .col .frame-bg-gray::before {
    width: 100%;
    transform: none;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.content .row .col .frame-bg-orange p,
.content .row .col .frame-bg-orange a,
.content .row .col .frame-bg-orange .ce-bodytext * {
    color: #fff;
}


/* white text in oragne frame */
.content .frame-bg-orange header * {
    color: #fff !important;
}

.content .frame-bg-orange p,
.content .frame-bg-orange a,
.content .frame-bg-orange ul,
.content .frame-bg-orange ol,
.content .frame-bg-orange ol li,
.content .frame-bg-orange ul li {
    color: #fff;
}

/* frame layout 2: Überscriften umkehrt */
.content .frame.frame-layout-2 header, .content .frame.frame-layout-2 header *:first-child,
.content .frame.frame-layout-2 header *:last-child {
    transform: scaleY(-1);
}

/* frame spaces */
.content .frame + .frame-space-before-extra-small {
    margin-top: 25px !important;
}

.content .frame + .frame-space-before-small {
    margin-top: 40px !important;
}

.content .frame + .frame-space-before-medium {
    margin-top: 80px !important;
}

.content .frame + .frame-space-before-large {
    margin-top: 150px !important;
}

.content .frame + .frame-space-before-extra-large {
    margin-top: 180px !important;
}

.content .frame-space-after-extra-small {
    margin-bottom: 20px !important;
}

.content .frame-space-after-small {
    margin-bottom: 40px !important;
}

.content .frame-space-after-medium {
    margin-bottom: 80px !important;
}

.content .frame-space-after-large {
    margin-bottom: 150px !important;
}

.content .frame-space-after-extra-large {
    margin-bottom: 180px !important;
}


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

/* slider */
.headerSlider {
    background: url("../global/img/loading.svg") no-repeat center #FFF;
    background-size: 50px 50px;
    min-height: auto;
    max-height: 527px;
    overflow: hidden;
    position: relative;
    transition: height 1s;
}

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

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

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

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

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

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

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

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

.headerSlider .imageslider .TextArea .inner {
    margin: 0 auto;
    max-width: 1386px;
    padding: 0 20px;
    display: flex;
}

_::selection, .headerSlider .imageslider .TextArea .inner {
    display: -ms-flexbox \0;
    -ms-flex-align: center \0;
}

/* IE */
.headerSlider .imageslider .TextArea .inner > header {
    margin: auto 0;
}

.headerSlider .imageslider .TextArea .slider-title {
    font-family: Montserrat, sans-serif;
    font-size: 39px;
    font-weight: 700;
    line-height: 100px;
    background: rgba(222, 88, 0, 0.8);
    color: #fff;
    display: inline;
    padding: 16px;
    box-decoration-break: clone;
    -o-box-decoration-break: clone;
    -ms-box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

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

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

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

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

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

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

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

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

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

.no-touch .imageslider .cycle:hover:before,
.no-touch .imageslider .cycle:hover:after {
    background-color: #444;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .headerSlider .imageslider .TextArea .title {
    }

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

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

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


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

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

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

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

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

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

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

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

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

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

.no-touch .slick-slider .slick-arrow.slick-prev:hover:before {
    transform: rotate(-25deg);
}

.no-touch .slick-slider .slick-arrow.slick-prev:hover:after {
    transform: rotate(25deg);
}

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

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

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

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

.no-touch .slick-slider .slick-arrow.slick-next:hover:before {
    transform: rotate(25deg);
}

.no-touch .slick-slider .slick-arrow.slick-next:hover:after {
    transform: rotate(-25deg);
}

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

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

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

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

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

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

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


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


/** accordion */
.container--accordion {
    --accordion--animation-speed: 100;
    --accordion--slide-ease: cubic-bezier(0.75, 0, 0.07, 1);
    --accordion--slide-duration: calc(500ms * 100 / var(--accordion--animation-speed));
    --accordion--slide-delay: calc(250ms * 100 / var(--accordion--animation-speed));

    .content-item {
        display: grid;
        grid-template-rows: 0fr 0fr;
        transition-timing-function: var(--accordion--slide-ease);
        transition-duration: 200ms, 200ms, var(--accordion--slide-duration);
        transition-property: opacity, grid-template-rows;
        transition-delay: 0ms, 0ms, var(--accordion--slide-delay);
        overflow: hidden;
    }
    .content-item:not(.close-all):has(.input:checked) {
        grid-template-rows: 0fr 1fr;
        transition: grid-template-rows var(--accordion--slide-ease) var(--accordion--slide-duration) var(--accordion--slide-delay);
    }
    .input--accordion {
        display: none;
    }
}

.container--accordion .accordion-items {
}

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

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

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

.container--accordion .item-header::after {
    display: inline-block;
    position: absolute;
    right: 22px;
    top: calc(50% - 11px);
    transform: rotateZ(90deg) rotateY(0deg);
    transition: all ease .5s;
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    color: #DE5800;
    font-weight: 900;
}

.container--accordion .content-item:has(.input--accordion:is(:checked)) .item-header::after {
    transform: rotateZ(90deg) rotateY(180deg);
    transition: all ease .5s;
    top: calc(50% - 16px);
    color: #DE5800;
}

.container--accordion .item-header .toggle--sub-nav {
}

.container--accordion .content-item--content {
    overflow: hidden;
}

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

.container--accordion .content-item--content .used-as-accordion-item-header,
.container--accordion .content-item--content > div:first-child > header:first-child {
    display: none;
}

.container--accordion .item-header header {
    padding-right: 20px;
}

.container--accordion .item-header .header {
    color: #DE5800;
    font-family: Montserrat, sans-serif;
    margin-bottom: 0;
    font-weight: 400;
}

@media screen and (max-width: 667px) {
    #content .container--accordion .item-header .header,
    #content .container--accordion .item-header .header {
        font-size: 18px;
        line-height: 1.4;
    }

    #content .container--accordion .item-header::after {
        font-size: 18px;
        top: 50%;
        transform: translateY(-60%) rotateZ(90deg) rotateY(0deg);
    }
    #content .container--accordion .content-item:has(.input--accordion:is(:checked)) .item-header::after {
        transform: translateY(-60%) rotateZ(90deg) rotateY(180deg);
    }
}


/* h1 */
.container--accordion:has(.content-item--content > div:first-child > header:first-child h1) .item-header .header,
.container--accordion:has(.content-item--content > div:first-child > header:first-child .h1) .item-header .header {
    font-size: 39px;
    line-height: 60px;
}

.container--accordion:has(.content-item--content > div:first-child > header:first-child h1) .item-header::after,
.container--accordion:has(.content-item--content > div:first-child > header:first-child .h1) .item-header::after {
    font-size: 39px;
}

@media screen and (max-width: 1023px) {
    .container--accordion:has(.content-item--content > div:first-child > header:first-child h1) .item-header .header,
    .container--accordion:has(.content-item--content > div:first-child > header:first-child .h1) .item-header .header {
        font-size: 36px;
        line-height: 1.4;
    }

    .container--accordion:has(.content-item--content > div:first-child > header:first-child h1) .item-header::after,
    .container--accordion:has(.content-item--content > div:first-child > header:first-child .h1) .item-header::after {
        font-size: 36px;
    }
}


/* h2 */
.container--accordion:has(.content-item--content > div:first-child > header:first-child h2) .item-header .header,
.container--accordion:has(.content-item--content > div:first-child > header:first-child .h2) .item-header .header {
    font-size: 30px;
    line-height: 40px;
}
.container--accordion:has(.content-item--content > div:first-child > header:first-child h2) .item-header::after,
.container--accordion:has(.content-item--content > div:first-child > header:first-child .h2) .item-header::after {
    font-size: 30px;
}
@media screen and (max-width: 1023px) {
    .container--accordion:has(.content-item--content > div:first-child > header:first-child h2) .item-header .header,
    .container--accordion:has(.content-item--content > div:first-child > header:first-child .h2) .item-header .header {
        font-size: 28px;
        line-height: 1.4;
    }
    .container--accordion:has(.content-item--content > div:first-child > header:first-child h2) .item-header::after,
    .container--accordion:has(.content-item--content > div:first-child > header:first-child .h2) .item-header::after {
        font-size: 28px;
    }
}


/* h3 */
.container--accordion:has(.content-item--content > div:first-child > header:first-child h3) .item-header .header,
.container--accordion:has(.content-item--content > div:first-child > header:first-child .h3) .item-header .header {
    font-size: 30px;
    line-height: 50px;
}

.container--accordion:has(.content-item--content > div:first-child > header:first-child h3) .item-header::after,
.container--accordion:has(.content-item--content > div:first-child > header:first-child .h3) .item-header::after {
    font-size: 30px;
}
@media screen and (max-width: 1023px) {
    .container--accordion:has(.content-item--content > div:first-child > header:first-child h3) .item-header .header,
    .container--accordion:has(.content-item--content > div:first-child > header:first-child .h3) .item-header .header {
        font-size: 27px;
        line-height: 1.4;
    }
    .container--accordion:has(.content-item--content > div:first-child > header:first-child h3) .item-header::after,
    .container--accordion:has(.content-item--content > div:first-child > header:first-child .h3) .item-header::after {
        font-size: 27px;
    }
}


/* h4/h5 */
.container--accordion:has(.content-item--content > div:first-child > header:first-child h4) .item-header .header,
.container--accordion:has(.content-item--content > div:first-child > header:first-child .h4) .item-header .header {
    font-size: 19px;
    line-height: 34px;
}

.container--accordion:has(.content-item--content > div:first-child > header:first-child h5) .item-header .header,
.container--accordion:has(.content-item--content > div:first-child > header:first-child .h5) .item-header .header {
    font-size: 19px;
    line-height: 1.4;
}

.container--accordion:has(.content-item--content > div:first-child > header:first-child h4) .item-header::after,
.container--accordion:has(.content-item--content > div:first-child > header:first-child .h4) .item-header::after,
.container--accordion:has(.content-item--content > div:first-child > header:first-child h5) .item-header::after,
.container--accordion:has(.content-item--content > div:first-child > header:first-child .h5) .item-header::after {
    font-size: 19px;
}

@media screen and (max-width: 1023px) {
    .container--accordion:has(.content-item--content > div:first-child > header:first-child h4) .item-header .header,
    .container--accordion:has(.content-item--content > div:first-child > header:first-child .h4) .item-header .header {
        line-height: 1.4;
    }

    .container--accordion:has(.content-item--content > div:first-child > header:first-child h5) .item-header .header,
    .container--accordion:has(.content-item--content > div:first-child > header:first-child .h5) .item-header .header {
        font-size: 18px;
    }

    .container--accordion:has(.content-item--content > div:first-child > header:first-child h5) .item-header::after,
    .container--accordion:has(.content-item--content > div:first-child > header:first-child .h5) .item-header::after {
        font-size: 18px;
    }
}


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

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

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

.content .tab-container .tabs .tab-link.current {
    background: rgba(62, 78, 95, 0.14);
    color: #222;
}

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

.content .tab-container .tab-item {
    display: none;
    background: rgba(62, 78, 95, 0.14);
    margin: 0;
    padding: 15px;
}

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


/** tabs */
.content .container .frame + .frame {
    margin-top: 30px;
}


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

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

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

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

.kesearch_searchbox #ke_search_sword {
    border: none;
}

.kesearch_searchbox div.clearer {
    display: none;
}

.kesearch_searchbox #kesearch_submit {
    display: none;
}

.kesearch_searchbox .resetbutt {
    display: none;
}

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

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

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

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

/* results */
#kesearch_num_results {
    margin-bottom: 10px;
}

#kesearch_results {
    margin-top: 20px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#kesearch_pagebrowser_bottom {
    margin-top: 40px;
}

.pages_total {
}

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

.kesearch_pagebrowser {
    margin: 10px auto 0;
}

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

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

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

.kesearch_pagebrowser ul li a.current {
    color: gold;
}

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

.kesearch_pagebrowser a.prev:before, .kesearch_pagebrowser a.next:after {
    display: table-cell;
    background: none;
    color: #444;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 18px;
    line-height: 1;
    height: auto;
    width: auto;
    margin: 0;
    text-decoration: none;
    position: relative;
    top: 1px;
}

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

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


/** CE Gallery in 3-columns */
.three-columns.row {
    margin-left: -40px;
    margin-right: -40px;
}

.three-columns.row > .col {
    padding-left: 40px;
    padding-right: 40px;
}


/**** DCE */


/** teaser globals */
.teaser-wrapper {
}

/** teaser icons */
.teaser-icons .teaser-wrapper {
    display: flex;
}

.teaser-icons .teaser-item {
    flex: 1 1 20%;
    text-align: center;
}

.teaser-icons .teaser-item-icon + .teaser-item-text {
    margin-top: 25px;
}

.teaser-icons .teaser-text-wrapper p {
    font-weight: 900;
    font-size: 19px;
}

.teaser-icons .teaser-item-icon {
    text-align: center;
}

.teaser-icons .teaser-image-outer {
    max-width: 100px;
    margin: 0 auto;
}

.teaser-icons .teaser-image-inner {
    padding-top: 100%;
}

.teaser-icons .teaser-image-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
}

.teaser-icons .teaser-image-wrapper img {
    margin: auto;
}


/** full-width background */
.teaser-full-width-background {
}

.teaser-full-width-background-outer {
    margin: 0 -50vw;
    padding-top: 37%;
}

.teaser-full-width-background-inner {
    width: 100vw; /*max-width: 1920px;*/
    margin: 0 auto;
    position: absolute !important;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.teaser-full-width-background-wrapper {
    height: 100%;
}

.teaser-full-width-background-image {
    position: absolute !important;
    width: 100%;
    height: 100%;
    top: -50%;
    transform: translate(0px, 50%);
    background-repeat: no-repeat;
    background-size: cover;
}


/** newsletter */
.teaser-newsletter {
}

.teaser-newsletter-outer {
    margin: 0 -50vw;
}

.teaser-newsletter-inner {
    width: 100vw;
    max-width: 1920px;
    margin: 0 auto;
}

.teaser-newsletter .teaser-wrapper {
    padding: 133px 0;
    max-width: 1346px;
    margin: 0 auto;
}

.teaser-newsletter-text {
    padding: 50px 40px;
    background: #fff;
    opacity: .85;
}

.teaser-newsletter-text .title {
    line-height: 1.2;
}

.teaser-newsletter-image {
    position: absolute !important;
    width: 100%;
    height: 100%;
    top: -50%;
    transform: translate(0px, 50%);
    background-repeat: no-repeat;
    background-size: cover;
}

.teaser-newsletter-form {
    display: flex;
    width: 100%;
}

.teaser-newsletter-text input {
    border: none;
    border-bottom: 2px solid #DE5800;
    padding: 0;
    background: none;
}

.teaser-newsletter-text input:hover, .teaser-newsletter-text input:focus {
    border-color: #DE5800;
}

.teaser-newsletter-text a.more {
    min-width: 150px;
    margin-left: 40px;
    margin-top: 0;
}

/** Zitat */
.teaser-quote-image {
    height: 100%;
}

.teaser-quote-avatar {
    height: 234px;
    width: 234px;
    background-repeat: no-repeat;
    background-size: contain;
    left: 50%;
    transform: translate(-50%, 0);
}

.teaser-quote-mark {
    position: absolute !important;
    top: 20px;
    left: 50%;
    transform: translate(115%, 0);
}

.teaser-quote-mark::before {
    content: "";
    background: url("../Images/Sental-Zitat.svg") no-repeat;
    background-size: contain;
    width: 80px;
    height: 80px;
    display: block;
}

.frame-bg-orange .teaser-quote-mark::before {
    background-image: url("../Images/Sental-Zitat-white.svg");
}

.teaser-quote-text {
    height: 100%;
    display: flex;
}

.teaser-quote-text .h3 {
    color: #000;
    font-size: 39px;
    line-height: 60px;
}

.teaser-quote-text-wrapper {
    margin: auto 0 20px;
}


/** Team members */
.team-members {
}

.team-members .team-member {
}

.team-members .team-member-image {
    margin-bottom: 30px;
}

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

.team-members .team-member-image-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

.team-members .team-member-image .image {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
}

.team-members .team-member-department {
    margin-bottom: 10px;
    font-weight: bold;
}

.team-members .team-member-name {
}

.frame-bg-orange .team-members {
    color: #fff;
}


/** Teaser with text */
.teaser-with-text {
    min-height: 400px;
}

.teaser-with-text, .teaser-with-text-wrapper {
    height: 100%;
}

.teaser-with-text .image-wrapper {
    position: relative;
    height: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.teaser-with-text .text-wrapper {
    position: absolute;
    top: 8px;
    left: 20px;
    right: 20px;
    margin: 0;
}

.teaser-with-text .text-wrapper .text {
    font-family: Montserrat, sans-serif;
    font-size: 34px;
    font-weight: 700;
    line-height: 90px;
    background: rgba(222, 88, 0, 0.8);
    color: #fff;
    padding: 15px 20px;
    display: inline;
    box-decoration-break: clone;
    -o-box-decoration-break: clone;
    -ms-box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}


/**** News */
/** News: list */

.news-list-view .article .header .news-list-date {
    margin-bottom: 0;
}

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




/* News: list paginator */
.news-list-view .page-navigation {
    text-align: center;
    margin-top: 20px;
}

.news-list-view .page-navigation:first-child {
    display: none;
}

.news-list-view .page-navigation p {
    display: none;
}

.news-list-view .page-navigation .paginate {
    overflow: hidden;
    position: static;
}

.news-list-view .page-navigation .previous {
    float: left;
}

.news-list-view .page-navigation .next {
    float: right;
}

.news-list-view .page-navigation .previous > span,
.news-list-view .page-navigation .next > span {
    display: none;
}

@media screen and (min-width: 768px) {
    .page-navigation .paginate + nav {
        margin-top: -30px;
        padding: 0 100px;
    }
}

.news-list-view ul.f3-widget-paginator {
    padding: 0;
}

.news-list-view ul.f3-widget-paginator li {
    display: inline-block;
    padding: 8px;
}


.news-list-view .news-article-wrapper {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.news-list-view .news-article-wrapper .article {
    width: 33.33%;
    padding: 10px;
    display: flex;
    flex-direction: column;
}
.news-list-view .news-article-wrapper .article .news-img-wrap {
    height: 250px;
    width: 100%;
    position: relative;
}
.news-list-view .news-article-wrapper .article .news-img-wrap a {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom:0;
    right:0;
    left:0;
}
.news-list-view .news-article-wrapper .article .news-img-wrap img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.news-list-view .news-article-wrapper .article > .wrap {
    padding: 15px 15px 80px 15px;
    border: 1px solid gray;
    background-color: #fff;
    height: 100%;
}
.news-list-view .news-article-wrapper .article > .news-img-wrap + .wrap {
    border-top: none;
    height: calc(100% - 250px);
}


.news-list-view .news-article-wrapper .article a.more {
    position: absolute;
    bottom: 15px;
    left: 15px;
    margin-top: 0;
}

@media screen and (max-width: 1023px) {
    .news-list-view .news-article-wrapper .article {
        width: 50%;
    }
}
@media screen and (max-width: 667px) {
    .news-list-view .news-article-wrapper .article {
        width: 100%;
    }
}

/** News in 2col-container */
.columns-2 .col-lg-8 .news-list-view .news-article-wrapper .article{
    width: 50%;
}

.columns-2 .col-lg-8 .news-list-view .news-article-wrapper .article h3,
.columns-2 .col-lg-8 .news-list-view .news-article-wrapper .article h3 span{
    line-height: 1.5;
    font-size: 20px;
    margin-bottom: 0;
}
.columns-2 .col-lg-8 .news-list-view .news-article-wrapper .article > .wrap{
    padding-bottom: 100px;
}

.columns-2 .col-lg-8 .news-list-view .news-article-wrapper .article a.more{
   bottom: 25px;
}

@media screen and (max-width: 991px) {
    .content .frame .row.columns-2 .col-lg-8:has( > .frame-type-news_newsliststicky) {
        padding-top: 20px;
        margin-top: 0;
    }
}

@media screen and (max-width: 667px) {
    .columns-2 .col-lg-8 .news-list-view .news-article-wrapper .article {
        width: 100%;
    }
}
    /** News: detail */
ul.pager {
    list-style: none;
    padding-left: 0;
    display: flex;
}

ul.pager .next {
    margin-left: auto;
}

ul.pager .previous span::before, ul.pager .next span::before {
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 18px;
}

ul.pager .previous span::before {
    content: "\f053";
    margin-right: 10px;
}

ul.pager .next span::before {
    content: "\f054";
    margin-left: 5px;
}

ul.pager a {
    text-decoration: none;
    font-size: 18px;
    font-weight: 900;
    line-height: 34px;
    color: #000;
}

ul.pager a:hover {
    color: #DE5800;
}

.news-backlink-wrap {
    margin-top: 30px;
}

.news-backlink-wrap a {
    text-decoration: none;
    font-size: 18px;
    font-weight: 900;
    line-height: 34px;
    color: #000;
}

.news-backlink-wrap a::before {
    content: "\f053";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 18px;
    margin-right: 8px;
}

.news-backlink-wrap a:hover {
    color: #DE5800;
}


/* mask drei säulen */
.maskDreiSaeulen {
    margin: 70px 0;
}

.maskDreiSaeulen h3 {
    color: #DE5800;
    margin-bottom: 10px;
}

.maskDreiSaeulen h4 {
    margin-bottom: 20px;
}

.maskDreiSaeulen .pillars {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
    text-align: center;
    font-size: 20px;
    line-height: 35px;
}

.maskDreiSaeulen .pillars .title {
    color: #DE5800;
    font-size: 28px;
    line-height: 40px;
    margin-bottom: 20px;
    font-weight: bold;
}

.maskDreiSaeulen .pillars img, .maskDreiSaeulen .pillars svg {
    max-width: 80%;
    height: auto;
    display: block;
    margin: 0 auto 15px auto;
}

.maskDreiSaeulen .bounce-in-top {
    -webkit-animation: bounce-in-top 1.1s both;
    animation: bounce-in-top 1.1s both;
}

.maskDreiSaeulen .pillars a.more {
    text-decoration: none;
    border: 1px solid #DE5800;
    padding: 10px 15px;
}

.maskDreiSaeulen .pillars .text {
    margin-bottom: 15px;
}

@media screen and (max-width: 1070px) {
    .maskDreiSaeulen .pillars {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 50px;
    }
}

/* mask andere produkte */
.maskAndereProdukte {
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin: 70px 0;
}

.maskAndereProdukte h3 {
    color: #DE5800;
    margin: 0 auto 10px auto;
    text-align: center;
}

.maskAndereProdukte h4 {
    margin: 0 auto 20px auto;
    text-align: center;
}

.maskAndereProdukte img, .maskAndereProdukte svg {
    width: 100%;
    object-fit: cover;
    height: auto;
    display: block;
    margin: auto;
    min-height: 400px;
}

.maskAndereProdukte .content {
    padding: 60px 20px;
    text-align: center;
    max-width: 500px;
    width: 100%;
    margin: auto;
}

.maskAndereProdukte .twoCol {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.maskAndereProdukte .column {
    background-color: rgb(221, 221, 221);
}

.maskAndereProdukte .title {
    color: #DE5800;
    font-size: 28px;
    line-height: 40px;
    margin-bottom: 20px;
    font-weight: bold;
}

.maskAndereProdukte .more {
    margin-top: 30px;
}

@media screen and (max-width: 880px) {
    .maskAndereProdukte .twoCol {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* mask philosophie */
.maskPhilosophie {
    margin: 70px 0;
}

.maskPhilosophie .quote {
    border: 1px solid rgb(221, 221, 221);
    border-radius: 20px;
    padding: 30px 30px 60px 30px;
    margin: 0;
    position: relative;
}

.maskPhilosophie .text {
    margin-bottom: 20px;
}

.maskPhilosophie .author {
    font-weight: bold;
}

.maskPhilosophie .quote::after, .maskPhilosophie .quote::before {
    content: none;
}

.maskPhilosophie .quote svg {
    width: 50px;
    height: auto;
    display: block;
    position: absolute;
    right: 30px;
    bottom: 30px;
    fill: #DE5800;
    opacity: 0.9;
}

.maskPhilosophie .slick-slide {
    margin: 0 15px;
}

.maskPhilosophie .slick-list {
    margin: 0 -15px;
}

/* mask team */
.maskFeatures {
    margin: 70px 0;
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgb(221, 221, 221);
}

.maskFeatures .twoCol {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.maskFeatures .content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 30px 0;
}

.maskFeatures .content img {
    max-width: 40px;
    height: auto;
    margin-right: 20px;
}

.maskFeatures .features {
    max-width: 600px;
    padding: 0 30px;
}

.maskFeatures .feature {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.maskFeatures .feature p {
    font-size: 25px;
    font-weight: bold;
}

.maskFeatures .feature:last-child {
    margin-bottom: 20px;
}

.maskFeatures img.bigImage {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    margin: auto;
    min-height: 400px;
}

@media screen and (max-width: 760px) {
    .maskFeatures .twoCol {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* mask jobs */
.maskJobs {
    margin: 70px 0;
}

.maskJobs input {
    display: none;
}

.maskJobs label {
    display: block;
    padding: 20px;
    border: 1px solid rgb(221, 221, 221);
    cursor: pointer;
    position: relative;
}

.maskJobs label::after {
    content: '';
    position: absolute;
    display: block;
    right: 20px;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
    width: 30px;
    height: 30px;
    background: url("../Images/chevron-up-solid.svg");
    background-size: contain;
    transform-origin: center;
    transition: transform 0.2s ease-in-out;
}

.maskJobs input:checked + label:after {
    transform: translateY(-50%) rotate(0);
}

.maskJobs .jobInfo {
    padding: 0 30px;
    border: 1px solid rgb(221, 221, 221);
    border-top: none;
    border-bottom: none;
    max-height: 0;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
}

.maskJobs input:checked ~ .jobInfo {
    max-height: 5000px;
    padding: 30px;
}

.maskJobs .job:last-child input:checked ~ .jobInfo {
    border-bottom: 1px solid rgb(221, 221, 221);
}

/* mask team */
.maskTeam {
    margin: 70px 0;
}

.maskTeam .persons {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
}

.maskTeam .person {
    position: relative;
}

.maskTeam .person img {
    position: relative;
    height: 500px;
    width: 100%;
    object-fit: cover;
    object-position: center top;
}

.maskTeam .person .personInformation {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: rgba(221, 221, 221, 0.9);
    padding: 20px;
}

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

@media screen and (max-width: 767px) {
    .maskTeam .person img {
        height: auto;
        max-height: 400px;
    }
}

@media screen and (max-width: 500px) {
    .maskTeam .persons {
        grid-template-columns: repeat(1, 1fr);
    }

    .maskTeam .person .personInformation {
        position: relative;
    }
}

/* mask produkte */
.maskProdukte {
    margin: 70px 0;
}

.maskProdukte .title {
    color: #DE5800;
    font-size: 22px;
    line-height: 30px;
    font-weight: bold;
    margin-bottom: 10px;
}

.maskProdukte img {
    height: 400px;
    width: 100%;
    object-fit: cover;
}

.maskProdukte .products {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 50px;
}

@media screen and (max-width: 1024px) {
    .maskProdukte .products {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 710px) {
    .maskProdukte .products {
        grid-template-columns: repeat(1, 1fr);
    }
}

div + section, section + div {
    margin-top: 30px;
}

.waconcookiemanagement + #top {
    margin-top: 0;
}

.teaser-gallery.teaser-slider .slick-list .slick-slide {
    margin: 0 40px;
}

.teaser-gallery.teaser-slider .slick-list {
    margin: 0 -40px;
}

.teaser-gallery.teaser-slider.slick-slider .slick-dots {
    position: relative;
}

.teaser-gallery.teaser-slider.slick-slider .slick-dots li {
    background-color: rgba(222, 89, 0, 0.5);
    border: none;
}

.teaser-gallery.teaser-slider.slick-slider .slick-dots li.slick-active {
    background-color: rgba(222, 89, 0, 1);
}

.teaser-gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 -20px;
}

.teaser-gallery .teaser {
    width: 33.33%;
    padding: 0 20px;
    margin-bottom: 40px;
}

.teaser-gallery .teaser-image {
    overflow: hidden;
    height: 300px;
    display: block;
    width: 100%;
}

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

.teaser-gallery .teaser-link,
.teaser-gallery .teaser > a {
    font-size: 22px;
    color: #DE5800;
    text-decoration: none;
    font-weight: 900;
    display: block;
}

.teaser-gallery .teaser-link {
    border-bottom: 2px #DE5800 solid;
    padding: 10px 30px 10px 0;
    line-height: 34px;
    position: relative;
    pointer-events: none;
}
.teaser-gallery .teaser > a {
    position: absolute;
    left: 0;
    right: 0;
    top:0;
    bottom: 0;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-indent: -9999999999px;
    display: block;
}
.teaser-gallery .teaser a + .teaser-link::after {
    content: "\f054";
    font-family: "Font Awesome 5 Free", sans-serif;
    font-size: 22px;
    font-weight: 900;
    position: absolute;
    right: 0;
}

.frame-bg-orange .teaser-gallery .teaser .teaser-link,
.frame-bg-orange .teaser-gallery .teaser > a {
    color: #FFF;
    border-color: #FFF;
}

.frame-bg-orange .teaser-gallery.teaser-slider.slick-slider .slick-dots li {
    background-color: rgba(255, 255, 255, 0.5);
}

.frame-bg-orange .teaser-gallery.teaser-slider.slick-slider .slick-dots li.slick-active {
    background-color: rgba(255, 255, 255, 1);
}

.teaser-gallery.logos img{
    max-width: 230px;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.teaser-gallery.logos .teaser-image{
    display: flex;
    margin-bottom: 20px;
    padding: 0;
    height: fit-content;
}

.teaser-gallery.logos .slick-track{
    display: flex;
    align-items: center;
}

.teaser-gallery.teaser-slider.logos .slick-list .slick-slide{
    margin: 0 10px;
}

.teaser-gallery.teaser-slider.logos .slick-list{
    margin: 0 -10px;
}

@media screen and (max-width: 1023px) {
    .teaser-gallery:not(.logos) .teaser {
        width: calc(50% - 20px);
    }
}

@media screen and (max-width: 767px) {
    .teaser-gallery:not(.logos) .teaser {
        width: 100%;
    }
}

/* ----------------------------------------------
 * Generated by Animista on 2024-1-18 10:14:15
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation bounce-in-top
 * ----------------------------------------
 */
@-webkit-keyframes bounce-in-top {
    0% {
        -webkit-transform: translateY(-200px);
        transform: translateY(-200px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    38% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1;
    }
    55% {
        -webkit-transform: translateY(-65px);
        transform: translateY(-65px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    72% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    81% {
        -webkit-transform: translateY(-28px);
        transform: translateY(-28px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    90% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    95% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}

@keyframes bounce-in-top {
    0% {
        -webkit-transform: translateY(-200px);
        transform: translateY(-200px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    38% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1;
    }
    55% {
        -webkit-transform: translateY(-65px);
        transform: translateY(-65px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    72% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    81% {
        -webkit-transform: translateY(-28px);
        transform: translateY(-28px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    90% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    95% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}


/* * * screen width */
@media screen and (max-width: 1300px) {
    /* before full width of design */
}

/* design */

@media screen and (max-width: 1200px) {
    /* width of design */
}

/* design */

@media screen and (max-width: 1024px) {
    /* ipad - landscape */
}

/* 1024px */

@media screen and (max-width: 1023px) {
    /* smaller than ipad - landscape */
}

/* 1023px */

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

/* 992px */

/* main navi - as sidebar */
@media screen and (max-width: 991px), (min-width: 992px) and (max-width: 1024px) and (pointer: coarse) {
    .teaser-quote .row .col + .col {
        margin-top: 30px;
    }

    .teaser-newsletter-form {
        flex-wrap: wrap;
    }

    .teaser-newsletter-text input {
        width: 100%;
    }

    .teaser-newsletter-text a.more {
        margin-left: auto;
        margin-right: 0;
        margin-top: 40px;
    }
}

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

/* 900px */

@media screen and (max-width: 812px) {
    /* iphone X - landscape  */
}

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

/* 800px */

@media screen and (max-width: 768px) {
    /* ipad - portrait */
}

/* 768px */

@media screen and (max-width: 767px) {
    /* smaller than ipad - portrait */
    /* row and cols */
    .content .frame .row .col-xs-12 + .col-xs-12 {
        margin-top: 50px;
    }

    .row .powermail_fieldwrap.col-xs-12 + .powermail_fieldwrap.col-xs-12 {
        margin-top: 20px;
    }

    .content .frame .row .frame + .frame {
        margin-top: 50px;
    }

    /* header */
    .header-contact .text {
        display: none;
    }

    .headerSlider:before {
        padding-top: 60%;
    }

    /* DCEs */
    .teaser-icons .teaser-wrapper {
        flex-wrap: wrap;
        margin-bottom: -30px;
    }

    .teaser-icons .teaser-item {
        flex: 1 1 50%;
        max-width: 50%;
        margin-bottom: 30px;
    }

    .teaser-newsletter .teaser-wrapper {
        padding-top: 0;
        padding-bottom: 80px;
    }

    .teaser-quote-text .h3 {
        font-size: 28px;
        line-height: 38px;
        margin-bottom: 15px;
    }

    .teaser-quote .row .col-xs-12 + .col-xs-12 {
        margin-top: 30px !important;
    }

    .teaser-full-width-background-outer {
        padding-top: 60%;
    }

    /* frame */
    .content .row .col .frame-bg-orange, .content .row .col .frame-bg-gray {
        padding: 40px 20px;
    }

    /* news */
    ul.pager {
        flex-wrap: wrap;
    }

}

/* 767px */

@media screen and (max-width: 736px), (pointer: coarse) {
    /* iphone 6+ - landscape */
    a[href^="tel:"] {
        text-decoration: none !important;
    }
}

/* 736px */

@media screen and (max-width: 667px) {
    /* iphone 6 - landscape */
}

/* 667px */

@media screen and (max-width: 666px) {
    /* smaller than iphone 6 - landscape */
}

/* 666px */

@media screen and (max-width: 568px) {
    /* iPhone5 - landscape */
}

/* 568px */

@media screen and (max-width: 567px) {
    /* smaller than iPhone5 - landscape */
    div.ce-textpic .ce-gallery + .ce-bodytext {
        margin-top: 0;
    }

    .headerSlider .imageslider .TextArea .slider-title {
        font-size: 24px;
        line-height: 75px;
    }
}

/* 567px */

@media screen and (max-width: 480px) {
    /* iPhone4 - landscape */
}

/* 480px */

@media screen and (max-width: 479px) {
    /* smaller than iPhone4 - landscape */
}

/* 479px */

@media screen and (max-width: 414px) {
    /* iPhone6+ - portrait */
}

/* 414px */

@media screen and (max-width: 375px) {
    /* iPhone6 - portrait */
}

/* 375px */

@media screen and (max-width: 374px) {
    /* smaller than iPhone6 - portrait */
    .headerSlider .imageslider .TextArea .slider-title {
        line-height: 60px;
    }

    .headerSlider .imageslider .TextArea .slider-title {
        padding: 10px;
    }
}

/* 374px */

@media screen and (max-width: 320px) {
    /* iPhone4/5 - portrait */
}

@media screen and (max-width: 319px) {
    /* smaller devices */
}

/* smaller */

/* mask zeitstrahl */

.maskElement.timeline {}
.maskElement.timeline .timeline-wrapper {}
.maskElement.timeline .timeline-wrapper::before,
.maskElement.timeline .timeline-wrapper::after { content: ""; background: #E3E6E8; border: 1px solid #E3E6E8; border-radius: 50%; display: block; height: 18px; width: 18px; position: absolute; left: 30px; z-index: 1; transform: translate(-50%, 0); }
.maskElement.timeline .timeline-wrapper::before { top: 0; }
.maskElement.timeline .timeline-wrapper::after { bottom: 0; }
.maskElement.timeline .timeline-item { padding-top: 120px; padding-left: 50px; position: relative; }
.maskElement.timeline .timeline-item:first-child { padding-top: 160px; }
.maskElement.timeline .timeline-item::before { content: ""; background: #DE5800; display: block; height: 100%; width: 2px; position: absolute; top: 0; left: 30px; }
.maskElement.timeline .timeline-item:last-child { padding-bottom: 60px; }
.maskElement.timeline .timeline-item .header { margin-bottom: 10px; }
.maskElement.timeline .timeline-item .ce-bodytext {}
.maskElement.timeline .timeline-item .timeline-icon { border: 10px solid #E3E6E8; border-radius: 50%; max-width: 76px; position: absolute; top: 20px; left: 30px; transform: translate(-50%, 0); transition: all .2s ease; }
.no-js .maskElement.timeline .timeline-item .timeline-icon { border-color: #E3E6E8; }
.js .maskElement.timeline .timeline-item .timeline-icon::before,
.js .maskElement.timeline .timeline-item .timeline-icon::after { content: ""; border: 10px solid transparent; border-radius: 50%; height: calc(100% + 20px); width: calc(100% + 20px); position: absolute; top: -10px; left: -10px; }
.js .maskElement.timeline .timeline-item.in-view .timeline-icon::before { border-top-color: #E3E6E8; border-right-color: #DE5800; border-bottom-color: #DE5800; transition: border-top-color 0.15s linear,border-right-color 0.15s linear 0.1s,border-bottom-color 0.15s linear 0.2s; }
.js .maskElement.timeline .timeline-item.in-view .timeline-icon::after { border-top-color: #E3E6E8; transition: transform 0.4s linear 0s,border-left-width 0s linear 0.35s; transform: rotate(270deg); }

.maskElement.timeline .timeline-item:first-child .timeline-icon { top: 60px; }
.maskElement.timeline .timeline-item .timeline-icon img { display: block; height: auto; margin: 0; }


.maskElement.timeline .timeline-item .timeline-point {
    content: "";
    background: #E3E6E8;
    border: 1px solid #E3E6E8;
    border-radius: 50%;
    display: block;
    height: 28px;
    width: 28px;
    position: absolute;
    left: 30px;
    z-index: 1;
    transform: translate(-50%, 0);
}
.maskElement.timeline .timeline-item:nth-child(odd) .timeline-point,
.maskElement.timeline .timeline-item:nth-child(even) .timeline-point { top: 120px;}
.maskElement.timeline .timeline-item:first-child .timeline-point { top: 160px;}


.maskElement.timeline .readmore { margin: 40px auto 0; text-align: center; }
.maskElement.timeline .readmore .more { margin-top: 0; }

.maskElement.timeline .off-view {
    opacity: 0;
    backface-visibility: hidden;
    transform: translate3d(0, 50px, 0);
    transition: all 500ms ease-out;
}
.maskElement.timeline .off-view.in-view-above {
    transform: translate3d(0, -50px, 0);
}
.maskElement.timeline .off-view.in-view {
    opacity: 1;
    transform: none;
}
@media screen and (min-width: 667px) {
    .maskElement.timeline .timeline-wrapper::before,
    .maskElement.timeline .timeline-wrapper::after { left: 50%; }
    .maskElement.timeline .timeline-item { padding-top: 40px; padding-left: 0; width: 50%; }
    .maskElement.timeline .timeline-item:first-child { padding-top: 100px; }
    .maskElement.timeline .timeline-item:last-child { padding-bottom: 50px; }
    .maskElement.timeline .timeline-item:nth-child(odd) { padding-right: 60px; }
    .maskElement.timeline .timeline-item:nth-child(odd)::before { right: -1px; left: auto; }
    .maskElement.timeline .timeline-item:nth-child(even) { margin-left: auto; padding-left: 60px; }
    .maskElement.timeline .timeline-item:nth-child(even)::before { left: -1px; }
    .maskElement.timeline .timeline-item:first-child .timeline-icon { top: 80px; }
    .maskElement.timeline .timeline-item:nth-child(odd) .timeline-icon,
    .maskElement.timeline .timeline-item:nth-child(odd) .timeline-point { right: 0; left: auto; transform: translate(50%, 0); }
    .maskElement.timeline .timeline-item:nth-child(even) .timeline-icon,
    .maskElement.timeline .timeline-item:nth-child(even) .timeline-point { left: 0; }
    .maskElement.timeline .timeline-item:nth-child(odd) .timeline-point,
    .maskElement.timeline .timeline-item:nth-child(even) .timeline-point { top: 40px;}
    .maskElement.timeline .timeline-item:first-child .timeline-point { top: 100px;}
    .maskElement.timeline .readmore { margin-top: 60px; }
}
@media screen and (min-width: 992px) {
    .maskElement.timeline .timeline-item:nth-child(odd) { padding-right: 100px; }
    .maskElement.timeline .timeline-item:nth-child(even) { margin-left: auto; padding-left: 100px; }
}

/* mask_element bild_mit_overlay */

.maskElement.bild_mit_overlay{
    position: relative;
    height: 540px;
}


.maskElement.bild_mit_overlay .overlay-image {
    position: absolute;
    width: 100vw;
    height: 540px;
    left: 50%;
    transform: translateX(-50%);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.maskElement.bild_mit_overlay .overlay.orange, .maskElement.bild_mit_overlay .overlay.grey{
    position: absolute;
    width: 100vw;
    height: 540px;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    background: #DE5800;
    opacity: 0.6;
}
.maskElement.bild_mit_overlay .overlay.grey{
    background: #3E4E5F;
}

.maskElement.bild_mit_overlay .overlay-text{
    height: 540px;
    display: flex;
    align-items: center;
    max-width: 50%;
    color: #fff;
}

.maskElement.bild_mit_overlay .overlay-text.right{
    float: right;
    text-align: right;
}

.maskElement.bild_mit_overlay .overlay-text.center{
    margin: auto;
    text-align: center;
}

@media screen and (min-width: 900px) {
    .overlay-text a.more {
        border-color: #fff;
        color: #fff;
    }
}

@media screen and (max-width: 900px){
    .maskElement.bild_mit_overlay .overlay-image{
        position: relative;
        height: 400px;
    }

    .maskElement.bild_mit_overlay{
        height: fit-content;
    }

    .maskElement.bild_mit_overlay .overlay.grey, .maskElement.bild_mit_overlay .overlay.orange{
        height: 400px;
    }

    .maskElement.bild_mit_overlay .overlay-text{
        height: fit-content;
        display: block;
        color: #000;
        max-width: 100%;
        padding-top: 20px;
    }
}


/* mask_element_karriere */

.karriere-wrapper{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.karriere-wrapper .item-wrapper{
    width: calc(20% - 20px);
    display: block;
    position: relative;
    height: 270px;
    overflow: hidden;
}

.karriere-wrapper .person{
    display: none;
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    background: #fff;
}

.karriere-wrapper .person-info{
    padding: 20px;
}

.karriere-wrapper .name {
    font-size: 20px;
}
.karriere-wrapper .position{
    font-size: 16px;
}


.karriere-wrapper .person-info .first, .karriere-wrapper .person-info .second{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.karriere-wrapper .person-info .first{
    align-items: baseline;
}

.karriere-wrapper .second .question-wrapper{
    flex: 0 0 calc(50% - 10px);
}

.karriere-wrapper .question, .karriere-wrapper .first{
    color: #fff;
    font-weight: bold;
}

.karriere-wrapper .second .question{
    font-size: 14px;
}

.karriere-wrapper .second .answer, .karriere-wrapper p{
    font-size: 13px;
    line-height: 1.5;
}

.karriere-wrapper .second .answer{
    color: #E3E6E8;
}

    .karriere-wrapper .info-img, .karriere-wrapper .hover-img{
        width: 100%;
        max-width: 270px;
        height: 270px;
        object-fit: cover;
    }

    .karriere-wrapper .hover-img{
        max-width: calc(33% - 10px);
    }

    .karriere-wrapper .item-wrapper:hover{
        width: calc(60% - 20px);
    }

    .karriere-wrapper .item-wrapper:hover .info-img, .karriere-wrapper .item-wrapper:hover .hover-img{
        background: #fff;
        height: 100%;
        object-fit: cover;
    }


    .karriere-wrapper .item-wrapper:hover .info-img + .person{
        display: flex;
        flex-direction: row;
        background-color: #DE5800;
        width: 100%;
        height: 100%;
    }

    .karriere-wrapper .item-wrapper.left:hover .info-img + .person{
        flex-direction: row-reverse;
    }

    .karriere-wrapper .item-wrapper.right:hover + .item-wrapper,
    .karriere-wrapper .item-wrapper.right:hover + .item-wrapper +.item-wrapper,
    .karriere-wrapper .item-wrapper:has(+ .item-wrapper.left:hover),
    .karriere-wrapper .item-wrapper:has(+ .item-wrapper + .item-wrapper.left:hover){
        display: none;
    }


    @media screen and (max-width: 1450px){
        .karriere-wrapper .item-wrapper:hover{
            width: calc(75% - 20px);
        }

        .karriere-wrapper .item-wrapper{
            width: calc(25% - 20px);
        }

        .karriere-wrapper .info-img, karriere-wrapper .hover-img{
            max-width: 100%;
        }
    }

    @media screen and (max-width: 1160px){
        .karriere-wrapper .item-wrapper .info-img{
            display: none;
        }

        .karriere-wrapper .item-wrapper .info-img + .person{
            display: flex;
            flex-direction: row;
            background-color: #DE5800;
            width: 100%;
            height: 100%;
        }

        .karriere-wrapper .item-wrapper .person{
            position: relative;
        }

        .karriere-wrapper .item-wrapper{
            width: 100%;
            height: 100%;
            pointer-events: none;
        }

        .karriere-wrapper .person-info .first{
            margin-bottom: 20px;
        }
        .karriere-wrapper .person-info .second{
            gap: 30px 10px;
        }
    }
    @media screen and (max-width: 700px) {
        .karriere-wrapper .second .question-wrapper{
            flex: 0 0 100%;
        }
    }

    @media screen and (max-width: 600px){
        .karriere-wrapper .item-wrapper .info-img + .person{
            flex-direction: column;
        }

        .karriere-wrapper .hover-img{
            width: 100%;
            height: auto;
            max-height: 100%;
            max-width: 100%;
        }

        .karriere-wrapper .person-info .second{
            gap: 20px 10px;
        }
    }


/* tx_mask_stimmen_von_leuten */
.voice-wrapper::before {
    background: #DE5800;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    right: -50vw;
    left: -50vw;
    z-index: 0;
}

.voice-wrapper{
    padding: 80px 20px;
}


.voice-wrapper h2{
    color: #fff;
    position: relative;
    z-index: 2;
}

.voice-wrapper > .ce-bodytext > *, .voice-wrapper h2 + .ce-bodytext > *{
    color: #fff;
}

.voice-wrapper .ce-bodytext{
    padding-bottom: 80px;
}

.voice-list{
    background: #fff;
    padding: 45px 50px 105px 45px;
}

.voice-list .voice {
    padding: 40px 0 0;
}

.voice-list .voice .header {
    font-size: 22px;
    font-weight: bold;
    line-height: 27px;
    margin-bottom: 20px;
}

.voice-list .voice .header .subline {
    font-size: 17px;
}

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

.voice-list.slick-slider .slick-dots{
    bottom: 20px;
}
/* quotation */

.voice-list .voice .quotation .image {
    margin-bottom: 30px;
    flex: 0 0 50%;
}

.voice-list .voice .quotation .image .image-embed-item {
    display: block;
    object-fit: cover;
    padding-left: 15px;
}


.voice-list .voice .quotation .quote {
    font-style: normal;
    margin: 0;
}

@media screen and (max-width: 1023px) {
    .voice-list .voice .quotation .image .image-embed-item {
        padding-left: 0;
        margin: auto;
    }

    .voice-list{
        padding: 0 20px 20px 30px;
    }

    .voice-wrapper .ce-bodytext{
        padding-bottom: 40px;
    }
}

@media screen and (min-width: 1024px) {
    .voice-list .slick-arrow:before,
    .voice-list .slick-arrow:after{
        height: 4px;
        width: 30px;
    }

    .voice-list .voice .header {
        font-size: 30px;
        line-height: 35px;
    }

    .voice-list .voice .header .subline {
        font-size: 20px;
    }

    .voice-list .voice .quotation {
        display: flex;
        align-items: center;
        flex-flow: row wrap;
        margin: 0 -15px;
        padding-top: 24px;
    }


    .voice-list .voice .quotation .ce-bodytext {
        flex: 0 0 50%;
        margin-left: auto;
        padding: 0 15px;
    }

    .voice-list .voice .quotation:not(:last-child) {
        margin-bottom: 80px;
    }


}


/* Sental Map */

.mapContactWrapper{
    display: grid;
    grid-template-areas:
            "header map"
            "subheader map"
            "text map"
            "contact map";
    grid-template-columns: 50% 50%;
    grid-template-rows: auto auto auto 1fr;
    gap: 0 20px;
}

.mapContactWrapper .fas{
    color: #DE5800;
    padding-right: 10px;
}

#sental_map svg a:hover path{
    cursor: pointer;
}
#sental_map a:hover path,
#sental_map:has(.firstArea:hover) #firstArea path,
#sental_map:has(.secondArea:hover) #secondArea path,
#sental_map:has(.thirdArea:hover) #thirdArea path,
#sental_map:has(.fourthArea:hover) #fourthArea path{
    fill: #ED4F00 !important;
}

#sental_map{
    position: relative;
    width: fit-content;
    height: fit-content;
    grid-area: map;
}
#sental_map .firstArea,
#sental_map .secondArea,
#sental_map .thirdArea,
#sental_map .fourthArea{
    display: none;
    position: absolute;
}

#sental_map:has(a#firstArea:hover) .firstArea,
#sental_map:has(a#firstArea:hover) .firstArea,
#sental_map .firstArea:hover{
    display: flex;
    top: 30%;
    right: 10%;
}
#sental_map:has(a#secondArea:hover) .secondArea,
#sental_map .secondArea:hover{
    display: flex;
    top: 25%;
    left: 20%;
}
#sental_map:has(a#thirdArea:hover) .thirdArea,
#sental_map .thirdArea:hover{
    display: flex;
    top: 50%;
    left: 17%;
}
#sental_map:has(a#fourthArea:hover) .fourthArea,
#sental_map .fourthArea:hover{
    display: flex;
    top: 65%;
    left: 50%;
}

#sental_map .mapContact,
#sental_map .pin .info{
    border: 1px solid #4F4F4F;
    padding: 10px 20px;
    flex-direction: column;
    background: #EFEFEF;
    color: #000;
}

#sental_map text{
    pointer-events: none;
    text-shadow: 1px 1px 20px rgba(0, 0, 0, .3);
}

#sental_map .pin .info{
    font-weight: bold;
    margin-top: 5px;
}

#sental_map .pin .info.hidden{
    display: none;
}

#sental_map .pin:hover .info.hidden{
    display: block;
}

#sental_map .pin{
    cursor: pointer;
}
#sental_map .pin .fas{
    font-size: 40px;
}

#sental_map #hamburg{
    position: absolute;
    top: 14%;
    left: 42%;
}

#sental_map #kassel{
    position: absolute;
    top: 42%;
    left: 36%;
}

.mapContactWrapper a{
    color: #000;
    text-decoration: none;
}


#sental_map .mapContact .name,
.mapContactWrapper .showMore span:first-child{
    font-weight: bold;
}

#sental_map .mapContact .title,
.mapContactWrapper .showMore span + span{
    font-style: italic;
}

.mapContactWrapper .ce-bodytext{
    grid-area: text;
    padding-bottom: 30px;
}

.mapContactWrapper h3{
    grid-area: header;
    margin-bottom: 0;
}

.mapContactWrapper h4{
    grid-area: subheader;
}
.addMapContact .mapContact .more.hidden{
    display: none;
}
.addMapContact .mapContact .more{
    border: 1px solid #4F4F4F;
    border-top: none;
}

.addMapContact .mapContact,
.addMapContact .mapContact .more,
.addMapContact .mapContact .showMore{
    display: flex;
    flex-direction: column;
    background: #EFEFEF;
    text-align: left;
}

.addMapContact{
    display: flex;
    flex-direction: column;
    width: fit-content;
    grid-area: contact;
    gap: 20px;

}

.addMapContact .showMore, .addMapContact .more{
    flex: 1;
    padding: 10px 20px;
}

.addMapContact button{
    border: 1px solid #4F4F4F;
    cursor: pointer;
}

.addMapContact button:has(+ .more:not(.hidden)){
    border-bottom: none;
}


@media screen and (max-width: 1200px){
    .mapContactWrapper svg{
        width: 100%;
        height: auto;
    }



}

@media screen and (max-width: 1000px){
    .mapContactWrapper{
        grid-template-areas:
            "header"
            "subheader"
            "map"
            "text"
            "contact";
        grid-template-columns: auto;
    }

    #sental_map{
        padding-bottom: 30px;
        margin: auto;
    }

    #sental_map .pin .fas{
        font-size: 30px;
    }
}

@media screen and (max-width: 650px){
    #sental_map .pin .fas{
        font-size: 20px;
    }
}
/* eof */