/*
Theme Name: INTO Branding Client-Base-Child-Theme
Theme URI: http://intobranding.com/
Author: INTO Branding
Author URI: http://intobranding.com/
Description: This is the base theme for our theme development.
Version: 1.3.4
Template: into_

This theme, is licensed under GPL-2.0+.
*/


:root {

    --header-big-sceen-width: 93%;
    --ratio-img: 75.36%;
    --page-transition-reveal-duration: .28s;
    --page-transition-cover-duration: .16s;

    --grid-gutter-list: 3.333333rem

}


body, button, input, select, textarea {
    line-height: 1.6;
}


a:hover, a:active {
    color: var(--text-color);
}
.button:hover {
    background-color: none;
}
.button:is(.bold),
.text-block .button,
.has_button .button {
    background-color: var(--Orange);
}
.post-list .post-item:hover .thumb img {
    transform: none;
}
.widget-7.none .accordion:not(.v_tabs) .card .card-header:hover .card-title {
    color: inherit;
}



/* 10.0 - Content Transitions */

/* Ausblenden: */
body.page_transitions #site-wrapper {

}

/* Einblenden: */
body.page_transitions #site-wrapper:after {
    content: "";
    position: fixed;
    z-index: 221;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--Weiss);
    opacity: 1;
    will-change: opacity;
    pointer-events: none;
    transition: opacity var(--page-transition-reveal-duration) ease-out;
}
html:is(.is-loaded, .is-ready, .has_transition) body.page_transitions #site-wrapper:after {
    opacity: 0;
}
html:is(.has_transition) body.page_transitions #site-wrapper:after {
    opacity: 1;
    transition-duration: var(--page-transition-cover-duration);
    transition-timing-function: ease-in;
}





.grid.flex {
    display: flex;
    flex-wrap: wrap;
}

hr {
    background: color-mix(in srgb, var(--Grey) 50%, transparent);
}
a.link.big {
    font-size: var(--size-h3);
    font-weight: 400;
    line-height: 1;
    word-break: break-all;
}
:is(b, strong) a.link.big {
    font-weight: 600;
}

header#site-header + #CONTENT_WRAPPER .site-content.item-1 {
    padding-top: var(--space-col);
}

.contact-widget {
    position: fixed;
    right: 1.111111rem;
    bottom: 1.111111rem;
    z-index: 9999;
    font-family: sans-serif;
}
.contact-toggle {
    position: relative;
    display: block;
    width: 2.222222rem;
    height: 2.222222rem;
    border: none;
    padding: 0;
    cursor: pointer;
    font-size: 16px;
    line-height: 2.2222rem;
    background: var(--MuddyOrange);
    transition: background .2s;
}
.contact-toggle img {
    display: block;
    position: absolute;
    top: 0.555556rem;
    left: 0.555556rem;
    width: calc(100% - 1.111111rem);
    height: calc(100% - 1.111111rem);
    object-fit: contain;
}
.contact-toggle img.icon_a {
    transform: scale(1.2);
    transition: transform .2s ease-in-out;
}
.contact-toggle img.icon_b {
    transform: scale(1.5);
    opacity: 0;
    transition: all .2s ease-in-out;
}
/* Overlay (ganze Seite) */
.contact-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.45);
    backdrop-filter: blur(2px);

    display: flex;
    justify-content: flex-end;
    align-items: flex-end;

    padding: 1.111111rem;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}
.contact-widget.active .contact-overlay {
    opacity: 1;
    pointer-events: auto;
}
.contact-panel {
    background: var(--button-bg-color);
    padding: 0 0 0 .75rem;
    display: flex;
    align-items: center;
    gap: 2rem;

    transform: translateX(100%);
    transition: transform 0.3s ease;
}
.contact-widget.active .contact-panel {
    transform: translateX(0);
}
.contact-widget .contact-label {
    color: var(--Schwarz);
}
.contact-widget .contact-label.link.icon.arrow {
    padding-left: 1.25rem;
    padding-right: 0;
    font-weight: 500;
}
.contact-widget .contact-label.link.icon.arrow:after {
    left: 0;
    right: auto;
    width: .95rem;
    background-image: url(assets/graphics/icon-arrow.svg);
}
.contact-widget a.contact-phone {
    position: relative;
    text-decoration: none;
    font-weight: 500;
}
.contact-widget a.contact-phone:before {
    content: "";
    position: absolute;
    left: -.95rem;
    top: 0;
    height: 100%;
    width: 1px;
    background: var(--Schwarz);
}
.contact-widget .contact-close {
    display: block;
    background-color: transparent;
    border: none;
    padding: 0;
    font-size: 1rem;
    min-width: 2.222222rem;
    height: 2.222222rem;
    cursor: pointer;
    overflow: hidden;
    text-indent: -1000px;
    background-image: url("assets/graphics/icon-close.svg");
    background-repeat: no-repeat;
    background-position: center;
    transition: background .2s;
}

body.openmenu #mobile-navigation {
    display: none;
    opacity: 0;
    pointer-events: none;
}

body #header-large-dropdown {
    position: fixed;
    display: none;
    z-index: 99;
    left: 0;
    width: 100%;
    height: calc(100% - var(--height-nav-main) / 3 * 2);
    top: calc(var(--height-nav-main) / 3 * 2);
}
body.openmenu #header-large-dropdown {
    z-index: 221;
    display: block;
    background-color: rgba(0,0,0,0.25);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}
@media screen and (min-width: 601px) {
    body.admin-bar #header-large-dropdown {
        top: calc(var(--height-nav-main) / 3 * 2 + var(--admin-bar-height));
    }
}
#header-large-dropdown-inner {
    position: relative;
    background-color: var(--Weiss);
}
#header-large-dropdown .main-nav-inner {
    padding-top: 1rem;
    padding-bottom: var(--space-widget-set);
}
#header-large-dropdown .btn-close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 2rem;
    height: 2rem;
    cursor: pointer;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    padding: 0;

    display: none;
}
#header-large-dropdown .btn-close span {
    position: relative;
    display: block;
    width: 1.5rem;
    height: 2px;
    border-radius: 1px;
    transition: background-color 0.3s ease;
}
#header-large-dropdown .btn-close span::before,
#header-large-dropdown .btn-close span::after {
    content: '';
    position: absolute;
    left: 0;
    width: 1.5rem;
    height: 2px;
    background-color: var(--Schwarz);
    border-radius: 1px;
    transition: transform 0.3s ease;
    transform-origin: center;
}
#header-large-dropdown .btn-close span::before {
     transform: rotate(45deg);
}
#header-large-dropdown .btn-close span::after {
    transform: rotate(-45deg);
}
#header-large-dropdown .menu-pages,
#header-large-dropdown .menu-subpages {
    list-style: none;
    margin: 0;
    padding: 0;
}
#header-large-dropdown .menu-pages li,
#header-large-dropdown .menu-subpages li {

    position: relative; /* Für Sub-Listen-Indent */
}
#header-large-dropdown .menu-pages .menu-subpages {
    margin-bottom: 1.25rem;
    padding-left: 0;
}
#header-large-dropdown .menu-pages .menu-subpages li {

}
#header-large-dropdown .link {
    display: inline-block;
    color: var(--Schwarz);
    text-decoration: none;
    font-size: 1rem;
    line-height: 1.3;
    padding: 0.25rem 0;
    transition: color 0.2s ease, opacity 0.2s ease;
}
#header-large-dropdown .menu-pages > .menu-item > .link {
    padding: 0.5rem 0;
    font-size: 1.222222rem;
}
#header-large-dropdown .menu-subpages > .menu-item > .link {
    padding: 0.25rem 0;
    font-size: 0.888889rem;
}
#header-large-dropdown .link.icon:after {
    position: relative;
    display: block;
    float: right;
    background-image: url("assets/graphics/icon-arrow.svg");
    margin-left: 0.75rem;
    height: 1.75rem;
}
#header-large-dropdown .menu-pages > .menu-item > .link.icon:after {
    margin-left: 0.75rem;
    height: 1.75rem;
}
#header-large-dropdown .menu-subpages > .menu-item > .link.icon:after {
    margin-left: 0.75rem;
    height: 1.25rem;
    width: 1rem;
}
.gform-theme--framework .gform-field-label:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):is(.gfield_consent_label),
.gform-theme--framework .gfield.legend .gform-field-label:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
    color: var(--Schwarz);
    font-size: var(--size-legend) !important;
}

body.single h1 {
    padding-right: 0;
    word-break: normal;
}
blockquote {
    padding: calc(2 * var(--box-padding));
    padding-bottom: var(--box-padding);
}
blockquote:before {
    display: none;
}
blockquote p {
    padding-right: 0;
}
.fusion-testimonials {
    margin-top: var(--space-widget-set);
    border: 0 none !important;
    background-color: var(--Rosa);
    padding: calc(2 * var(--box-padding)) 0;
}
.fusion-testimonials blockquote {
    padding: 0;
}
.fusion-testimonials blockquote .awb-quote {
    padding: 0 12%;
    font-size: 1.333333rem;
}
.fusion-testimonials blockquote .awb-quote p {
    padding-right: 0 !important;
}
.fusion-testimonials .author {
    margin-top: var(--space-text);
    text-align: center;
}

.single-wrapper {
    display: flex;
    margin-bottom: var(--space-col);
    align-items: flex-start;
    column-gap: var(--grid-gutter);
}
.single-wrapper .single-main {
    width: calc(100% - var(--grid-gutter) - 21.44444rem);
}
.single-wrapper .single-side {
    width: 21.44444rem;
}
.single-wrapper .single-side .widget {
    background-color: var(--MuddyRosa2);
}
.single-wrapper .single-side .widget.team {
    background-color: var(--Rosa);
}
body.single-avada_portfolio .single-wrapper .single-side .widget {
    padding: var(--box-padding);
}
.single-wrapper .single-side .widget {
    padding: var(--box-padding);
}
.single-wrapper .single-side .single-side-content {
    margin-top: var(--box-padding);
    width: 100%;
}
.single-wrapper .single-side .single-side-content .button {
    display: block;
}
.single-wrapper .single-side .single-side-content .button:not(.icon) {
    text-align: center;
}
.single-wrapper .single-side .single-side-content ul:is(.external-links-list,.fact-list) {
    display: flex;
    flex-wrap: wrap;
    row-gap: 0.75rem;
    margin-top: var(--space-headline-s);
}
.single-wrapper .single-side .single-side-content ul:is(.external-links-list,.fact-list) > li {
    width: 100%;
}
.single-wrapper .single-side .single-side-content .download-section {
    margin-top: 1rem;
}
body.single .meta-box .button-wrapper {
    display: flex;
    flex-wrap: wrap;
    row-gap: .5rem;
    margin-top: var(--space-headline-s);
}
body.single .meta-box .button-wrapper .button {
    display: block;
    width: 100%;
}
body.single .meta-box .button-wrapper .button.icon {
    padding-left: 1rem !important;
    text-align: left;
}
.single-wrapper .single-side .single-side-content .download-section .button {
    margin-top: 0;
}
.single-wrapper .single-side .image {
    position: relative;
}
body.single-avada_portfolio .single-wrapper .single-side .image:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: var(--Orange);
    opacity: 1;
    mix-blend-mode: color;
}
body.single-jc_referenzen .single-wrapper .single-side .tile-wrapper {

}
.tile-wrapper .tile {
    padding: .5rem 0;
}
.tile-wrapper .tile:first-child {
    background-color: var(--Weiss);
}
.tile-wrapper .post-item-inner .tile {

}
.tile-wrapper .logo {
    margin: 0 auto;
    width: 60%;
    padding-bottom: 0;
}
.tile-wrapper .divider {
    padding-bottom: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='22' viewBox='0 0 12 22' fill='none'%3E%3Cpath d='M0.565 0.565L10.691 10.692L0.565 20.818' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1rem auto;
}
.tile-wrapper .divider {
    height: 2rem;
    background-size: 1rem auto;
    transform: rotate(90deg);
}
body:not(.single-jc_referenzen) .tile-wrapper .logo img {
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
    filter: grayscale(1);
    opacity: .5;
}
.single-wrapper .single-side .external-links-list .link {
    font-weight: 600;
}
.single-wrapper .single-side .download-section .link {
    font-weight: 600;
}
.single-wrapper .single-side :is(.team-section,.ceos-section) {
    margin-top: var(--box-padding);
}
.single-wrapper .single-side :is(.team-section,.ceos-section) h4 {
    font-size: var(--size-text);
    font-weight: 600;
}
.single-wrapper .single-side .team-members {
    margin-top: 1.5rem;
    display: flex;
    flex-wrap: wrap;
    row-gap: 2rem;
}
.single-wrapper .single-side .team-members .team-member {
    width: 100%;
}
.single-wrapper .single-side .team-members .team-member .person-body {
    display: flex;
}
.single-wrapper .single-side .team-members .team-member .person-body .portrait {
    position: relative;
    width: 25%;
}
.single-wrapper .single-side .team-members .team-member .person-body .portrait > div {
    position: relative;
    padding-bottom: 100%;
    border-radius: 100%;
    overflow: hidden;
}
.single-wrapper .single-side .team-members .team-member .person-body:not(.has_img) .portrait > div {
    background-image: url("assets/graphics/pictogram-default.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: .4;
}
.single-wrapper .single-side .team-members .team-member .person-body .portrait > div img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}
.single-wrapper .single-side .team-members .team-member .person-body .content {
    width: 65%;
    margin-top: 0;
    padding-left: 1rem;
}
.single-wrapper .single-side .team-members .team-member .person-body .content .link-list {
    margin-top: .75rem;
}
.single-wrapper .single-side .team-members .team-member .person-body .content ul.link-list > li > a.link {
    height: 1rem;
    width: 1.2rem;
}
.single-wrapper .single-main .excerpt {
    margin-bottom: var(--space-widget);
    font-size: var(--size-h3);
    font-weight: 600;
}
.single-wrapper .single-main .fusion_builder_column {
    width: auto !important;
    margin: 0 !important;
}
.single-wrapper .single-main .referenzen-subtitle {
    margin-top: var(--space-col);
    border-top: 1px solid color-mix(in srgb, var(--Grey) 50%, transparent);
    padding-top: var(--space-col);
    margin-bottom: var(--space-col);
    font-size: var(--size-h2);
    font-weight: 600;
}
.single-wrapper .single-main h2.fusion-title-heading {
    font-size: var(--size-h2);
    font-weight: 600;
}
body.single-post .article-header .text-block :is(.wp-block-embed, .wp-block-video, .wp-video) {
    width: 100%;
    max-width: 100%;
    margin-bottom: var(--space-text);
}
body.single-post .article-header .text-block .brlbs-cmpnt-content-blocker {
    display: block;
    width: 100%;
    max-width: 100%;
    aspect-ratio: 16 / 9;
    margin-bottom: var(--space-text);
}
body.single-post .article-header .text-block .brlbs-cmpnt-content-blocker > div {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}
body.single-post .article-header .text-block .brlbs-cmpnt-content-blocker > div > * {
    width: 100%;
}
body.single-post .article-header .text-block :is(.wp-block-embed__wrapper, .wp-video-shortcode, .brlbs-cmpnt-content-blocker, iframe) {
    display: block;
    width: 100%;
    max-width: 100%;
}
body.single-post .article-header .text-block :is(.wp-block-embed__wrapper, .wp-video-shortcode, .brlbs-cmpnt-content-blocker) iframe,
body.single-post .article-header .text-block > iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
    margin-bottom: var(--space-text);
}

body.single-avada_portfolio section#bewerben .download-section .button {
    padding-right: 2.75rem !important;
    background-color: var(--Orange);
}


#mandate > .bg_img {
    background-color: var(--MuddyRosa);
}
#references > .bg_img {
    background-color: var(--MuddyRosaLight);
}
#news_report > .bg_img {
    background-color: var(--MuddyRosa2);
}

.medium-block.default :is(h1,h2,h3,h4,h5,h6,.headline) {
    font-size: var(--size-h2);
    font-weight: 400;
}
.medium-block.small,
.medium-block.small :is(h1,h2,h3,h4,h5,h6,.headline) {
    font-size: var(--size-h3);
}
.medium-block p {

}
:is(h1,.headline) {
    font-weight: 300;
}
:is(h1,h2,h3,h4,h5,h6,.headline) {

}
:is(h2, h3, .headline) {
    line-height: 1.3;
}
b {
    font-weight: 600;
}
.button, a.button {
    /*white-space: wrap;*/
}
.button {
    padding: 0 1.66667rem 0 1.66667rem !important;
}
.button.icon {
    padding: 0 2.5556rem 0 .99993rem !important;
}
header#site-header .button {
    padding: 0 .99993rem 0 .66667rem !important;
}
.button.icon.download:after {
    right: .75rem;
    background-image: url(assets/graphics/icon-download-black.svg);
    width: 1.2rem;
}
.button.icon.download.black:after {
    background-image: url(assets/graphics/icon-download-white.svg);
}
.button.icon.external:after {
    right: .75rem;
    background-image: url(assets/graphics/icon-external-black.svg);
    width: 1.2rem;
}
.button.icon.external.black:after {
    background-image: url(assets/graphics/icon-external-white.svg);
}
.button, a.button {
    border-style: solid;
    border-width: 2px;
    border-color: var(--button-bg-color);
    box-sizing: content-box;
}
.button.black {
    background-color: var(--Schwarz);
    border-color: var(--Schwarz);
    color: var(--Weiss);
}
.button:is(.default,.gray) {
    background-color: var(--MuddyOrange);
    border-color: var(--MuddyOrange);
}
.text-block > p:last-child {
    margin-bottom: 0;
}
.text-block a:not(.button, .link) {
    text-decoration: underline;
}
.widget .text-block > :not(.gallery,.wpgmza_map) a:not(.button, .link, [class^="a2a_button_"], [class^="brlbs"]):after {
    content: "";
    display: inline-block;
    position: relative;
    margin: 0 .111111rem 0 .25rem;
    width: .888888rem;
    height: .888888rem;
    transform: translateY(2px);
    background-image: url("assets/graphics/icon-external.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.leaflet-control-container {
    isolation: isolate;
}
.widget .text-block li > p {
    margin: 0;
}
.button, a.button {
    font-weight: 500;
}
.link {
    /*color: var(--Aktiv);*/
}
.link.icon.arrow {
    position: relative;
    display: inline-block;
    padding-left: 0;
    padding-right: 2rem;
    font-weight: 600;
}
.link.icon.arrow.back {
    padding-right: 0;
    padding-left: 1.6667rem;
}
.site-content.item-last .link.icon.arrow.back {
    margin-top: var(--space-col);
}
.link.black {
    color: var(--Schwarz);
}
.link.icon.arrow:after {
    left: auto;
    right: 0.33333rem;
    background-image: url(assets/graphics/icon-arrow-orange.svg);

    transition: right .15s ease-in-out;
}
.link.icon.arrow.back:after {
    right: auto;
    left: 0.33333rem;
}
.link.icon.arrow.black:after {
    background-image: url(assets/graphics/icon-arrow.svg);
}
.icon {
    position: relative;
}
.icon:is(.back) {

}
.icon:after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.link.icon:after {
    width: 1.25rem;
}
footer .link.icon:after {
    width: 1rem;
}
.icon.link:after {
    background-image: url("assets/graphics/icon-arrow.svg");
}
.icon.zoom:after {
    background-image: url("assets/graphics/icon-zoom.svg");
}
.link.icon.mail:after {
    background-image: url("assets/graphics/icon-mail.svg");
}
footer .link.icon.mail:after {
    background-image: url("assets/graphics/icon-mail-white.svg");
}
.icon.phone:after {
    background-image: url("assets/graphics/icon-phone.svg");
}
footer .icon.phone:after {
    background-image: url("assets/graphics/icon-phone-white.svg");
}
.icon.fax:after {
    background-image: url("assets/graphics/icon-fax.svg");
}
.icon.termin:after {
    background-image: url("assets/graphics/icon-calendar.svg");
}
.icon.linkedin:after {
    background-image: url("assets/graphics/icon-linkedin.svg");
}
footer .icon.linkedin:after {
    background-image: url("assets/graphics/icon-linkedin-white.svg");
}
.icon.xing:after {
    background-image: url("assets/graphics/icon-xing.svg");
}
footer .icon.xing:after {
    background-image: url("assets/graphics/icon-xing-white.svg");
}
.icon.instagram:after {
    background-image: url("assets/graphics/icon-instagram.svg");
}
footer .icon.instagram:after {
    background-image: url("assets/graphics/icon-instagram-white.svg");
}
.icon.x:after {
    background-image: url("assets/graphics/icon-x.svg");
}
footer .icon.x:after {
    background-image: url("assets/graphics/icon-x-white.svg");
}
.icon.spotify:after {
    background-image: url("assets/graphics/icon-spotify.svg");
}
footer .icon.spotify:after {
    background-image: url("assets/graphics/icon-spotify-white.svg");
}
.icon.facebook:after {
    background-image: url("assets/graphics/icon-facebook.svg");
}
footer .icon.facebook:after {
    background-image: url("assets/graphics/icon-facebook-white.svg");
}
.icon.close:after {
    background-image: url("assets/graphics/icon-close.svg");
}
.icon.back:after {
    background-image: url("assets/graphics/icon-arrow-back.svg");
    background-size: 1rem auto;
}
.icon.empty:after {
    background-image: url("assets/graphics/icon-empty.png");
    background-size: contain;
}
.icon.download:after {
    position: relative;
    margin-left: .25rem;
    vertical-align: -0.25em;
    background-image: url("assets/graphics/icon-download.svg");
    width: 1.15rem;
    height: 1.15rem;
}
.icon:is(.external,.download) {
    padding-left: 0;
    padding-right: 1.6667rem;
}
.icon.external:after {
    position: relative;
    margin-left: .25rem;
    vertical-align: -0.25em;
    background-image: url("assets/graphics/icon-external.svg");
    width: 1.25rem;
    height: 1.25rem;
}
ul.link-list.social {
    display: flex;
    column-gap: 1rem;
}
ul.link-list.social > li {
    padding: 0;
}
ul.link-list.social > li > a.link {
    position: relative;
    display: block;
    height: 1.5rem;
    width: 1.5rem;
    padding: 0;
    text-decoration: none;
}
:is(.widget-28, .team-members) ul.link-list.social > li > a.link {
    filter: grayscale(100%);
}

.content .title {
    font-size: var(--size-blockquote);
    font-weight: 600;
}
.content blockquote.text-smaller {
    font-size: var(--size-blockquote);
}

.addtoany_shortcode {
    margin-top: var(--space-widget-set);
    background-color: var(--MuddyRosa2);
    padding: var(--box-padding);
}

body.openmenu {
    height: auto;
    overflow: hidden;
    padding-right: 15px;
}
body.openmenu #site-wrapper {
    z-index: auto;
    height: auto;
    overflow: auto;
}
body:is(.openmenu) #site-header.sticky-nav {
    transform: none !important;
}
body:is(.sticky.scroll-down, .lock-scroll) #site-header.sticky-nav {
    position: fixed;
    transform: translate3d(0, calc(var(--height-nav-main) * -1), 0);
}
#site-navbar {
    transition: height 0.2s ease-in-out;
}
body.openmenu #site-navbar {
    transition: none !important;
}

/* Container-Setup */
.gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 15px;
    margin: 20px 0;
}
.gallery.gallery-size-medium {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
.gallery.gallery-size-large {
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
}

/* Entfernt WordPress-Standardabstände der dl/dt Tags */
.gallery-item {
    margin: 0 !important;
    width: 100% !important;
}

/* Bild-Styling */
.gallery-icon img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 4px; /* Dezente Abrundung */
    transition: opacity 0.2s ease-in-out;
}

/* Schlichter Hover-Effekt */
.gallery-icon img:hover {
    opacity: 0.8;
}

/* Entfernt das alte <br> Cleanup von WordPress */
.gallery br {
    display: none;
}


/*
body #site-top {
    height: auto !important;
}
body #site-top #home_tile_wrapper {
    position: relative;
    top: auto;
    padding: 0 var(--content-aligning);
}
#site-top.startseite video {
    position: relative !important;
    top: auto;
    left: auto;
    width: 100% !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    transform: none;
    -webkit-transform: none;
}
*/

body:not(.home) #site-top {
    min-height: 0;
}
body:not(.home) #site-top:is(.has_color) {
    margin-bottom: calc(var(--space-site-content) / 3);
}
#site-top {
    margin-bottom: 0;
}
#site-top:not(.vx-home,.vx-startseite) {
    padding-top: var(--space-col);
}
#site-top + #CONTENT_WRAPPER .site-content:first-child {
    padding-top: var(--space-site-content);
}
#site-top.has_color  + #CONTENT_WRAPPER .site-content:not(.color, .black, .img) {

}
#site-top.has_color + #CONTENT_WRAPPER .site-content:is(.color, .black, .img) {
    margin-top: 0;
}
/*
#site-top.has_color + #CONTENT_WRAPPER .site-content:is(.color, .black, .img) {
    padding-top: var(--space-site-content);
}
body:not(.home) #site-top:not(.vx-home,.vx-startseite):is(.no_image) {
    margin-top: 2rem;
    min-height: 0;
}
*/
body #site-top:not(.vx-home,.vx-startseite):is(.has_color) {
    padding-bottom: var(--space-widget-set);
}
body #site-top:not(.vx-home,.vx-startseite):is(.has_color) .bg_img {
    height: calc(100%);
}
body.front-page #site-top:is(.vx-home,.vx-startseite,.has_image) .head-container {
    /*margin-top: var(--space-widget-set);*/
}


body #site-top {
    height: auto;
}
#site-top h1 {
    position: relative;
    margin-bottom: 0;
    font-size: var(--size-h1);
}
#site-top h1 b {
    font-weight: 700;
}
body.archive #site-top h1 b {
    display: block;
}
#site-top h1:after {
    content: "";
    position: relative;
    display: block;
    margin-top: var(--space-headline-s);
    width: 1.277778rem;
    height: 1.88889rem;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSIzNCIgdmlld0JveD0iMCAwIDIzIDM0IiBmaWxsPSJub25lIj4KICA8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfNDQyOV8yNDM5KSI+CiAgICA8cGF0aCBkPSJNMjMgMjIuMzU2MkwyMi4yMTUzIDIxLjU2MTZMMjEuNDMwNSAyMC43NjUxTDIwLjY0MzkgMjEuNTYxNkwxMi42MTE0IDI5LjY5NTJMMTIuNjExNCA1LjUxMjYzZS0wN0wxMC4zOTA0IDQuNTQxODFlLTA3TDEwLjM5MDQgMjkuNjk1MkwyLjM1NjA4IDIxLjU2MTZMMS41NzEzNCAyMC43NjUxTDAuNzg2NTk1IDIxLjU2MTZMOS4zMDEyOWUtMDcgMjIuMzU2MkwxMS41MDA5IDM0TDIzIDIyLjM1NjJaIiBmaWxsPSJibGFjayIvPgogIDwvZz4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcDBfNDQyOV8yNDM5Ij4KICAgICAgPHJlY3Qgd2lkdGg9IjM0IiBoZWlnaHQ9IjIzIiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjMgMS4wMDUzNmUtMDYpIHJvdGF0ZSg5MCkiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgo8L3N2Zz4=");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transform-origin: center;
}
#site-top:is(.vx-home, .vx-startseite) h1:after {
    margin-bottom: var(--space-headline-s);
}
#site-top .text-block {
    /*margin-top: var(--space-headline-s);*/
    max-width: 55rem;
    font-size: var(--size-title);
}
#site-top.has_logos h1,
#site-top.has_logos .text-block {
    padding-right: 5.5556rem;
}
#site-top:is(.vx-home.has_image) .text-block {
    max-width: none;
}
#site-top .text-block :is(h1,h2,h3,h4,h5,h6) {
    margin-bottom: 0;
}


#site-top .head-container {
    display: flex;
    gap: var(--grid-gutter);
    flex-direction: row;
    align-items: flex-start;
    max-width: var(--content-width);
    margin: 0 auto;
    padding: var(--space-col) 0 0 0;
}
#site-top .head-container > * {
    flex: 1;
}

body:not(.front-page) #site-top .media-container .head-wrapper {
    position: absolute;
    z-index: 5;
    left: 0;
    bottom: 0;
    width: 100%;
}
body:not(.front-page) #site-top .media-container .head-wrapper h1 {
    position: relative;
    width: 100%;
    max-width: var(--content-width);
    padding: 0 var(--content-aligning);
    padding-right: calc(var(--content-aligning) + 20%);
    margin: 0 auto;
    color: var(--Weiss);
}
body.page-child:not(.front-page) #site-top .media-container .head-wrapper h1 {
    font-size: 3.5rem;
}
body:not(.front-page) #site-top .media-container .head-wrapper h1:after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSIzNCIgdmlld0JveD0iMCAwIDIzIDM0IiBmaWxsPSJub25lIj4KICA8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfNDQyOV8yNDM5KSI+CiAgICA8cGF0aCBkPSJNMjMgMjIuMzU2MkwyMi4yMTUzIDIxLjU2MTZMMjEuNDMwNSAyMC43NjUxTDIwLjY0MzkgMjEuNTYxNkwxMi42MTE0IDI5LjY5NTJMMTIuNjExNCA1LjUxMjYzZS0wN0wxMC4zOTA0IDQuNTQxODFlLTA3TDEwLjM5MDQgMjkuNjk1MkwyLjM1NjA4IDIxLjU2MTZMMS41NzEzNCAyMC43NjUxTDAuNzg2NTk1IDIxLjU2MTZMOS4zMDEyOWUtMDcgMjIuMzU2MkwxMS41MDA5IDM0TDIzIDIyLjM1NjJaIiBmaWxsPSJ3aGl0ZSIvPgogIDwvZz4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcDBfNDQyOV8yNDM5Ij4KICAgICAgPHJlY3Qgd2lkdGg9IjM0IiBoZWlnaHQ9IjIzIiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjMgMS4wMDUzNmUtMDYpIHJvdGF0ZSg5MCkiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgo8L3N2Zz4=");
}
#site-top:is(.vx-startseite,.vx-home) .content-aligning {
    max-width: none;
}
#site-top .media-container {
    position: relative;
    border-radius: var(--box-radius);
    overflow: hidden;
}
#site-top:is(.vx-home,.vx-startseite) .media-container {
    margin-left: calc(var(--content-aligning) / 3 * -2);
    width: calc(100% + (var(--content-aligning) * 1.333333));
    padding-bottom: 0;
    height: 63vh;
    background: linear-gradient(180deg, var(--VXI-Hellgrau, #E6E6E6) 40.87%, #CDCDCD 100%);
}
body.page-child #site-top:is(.vx-home,.vx-startseite) .media-container {
    /*height: 43vh;*/
    height: auto;
    padding-bottom: 36%;
}
body.archive #site-top:is(.vx-normal) {
    min-height: 0 !important;
}
#site-top:is(.vx-normal) .main-content {
    display: flex;
}
#site-top:is(.vx-normal,.has_image):not(.archive) .head-container .head-wrapper {
    width: 67%;
}
#site-top:is(.vx-normal) .main-content .head-wrapper {
    width: 100%;
}
/*
#site-top:is(.no_image):not(.archive) .head-wrapper {
    display: flex;
}
#site-top:is(.no_image):not(.archive) .head-wrapper > h1 {
    width: 50%;
}
#site-top:is(.no_image):not(.archive) .head-wrapper > * {
    width: 50%;
}
*/
#site-top:is(.vx-normal) .media-container {
    width: 33%;
}
#site-top:is(.vx-normal) .head-wrapper .text-block {
    margin-top: var(--space-text);
    max-width: none;
}
#site-top:is(.vx-normal) .head-wrapper .button-container {
    margin-top: var(--space-widget-set);
}
#site-top:is(.vx-normal) .head-wrapper .text-block a:not(.button) {

    color: var(--Aktiv);
    text-decoration: underline;
}
#site-top:is(.vx-normal) .head-wrapper .text-block a:not(.button):after {
    content: "\00a0\00a0\00a0\00a0";
    display: inline-block;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDIyIDE3IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTMuNDYxMiAwTDEyLjg3ODUgMC41ODAwMjdMMTIuMjk0NCAxLjE2MDA1TDEyLjg3ODUgMS43NDE0NUwxOC44NDMxIDcuNjc4NTJMMCA3LjY3ODUyTDAgOS4zMjAxMUwxOC44NDMxIDkuMzIwMTFMMTIuODc4NSAxNS4yNTg1TDEyLjI5NDQgMTUuODM4NkwxMi44Nzg1IDE2LjQxODZMMTMuNDYxMiAxN0wyMiA4LjQ5OTMyTDEzLjQ2MTIgMFoiIGZpbGw9IiNFRTc0NDQiLz4KPC9zdmc+");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    text-decoration: underline;
}
#site-top:is(.vx-normal) .media-container > div {
    padding-bottom: 100%;
}
body #site-top .media-container {
    clip-path: inset(0 0 0 0);
}
body.home #site-top .media-container {
    padding-bottom: 0;
    height: 60vh;
}
#site-top .media-container .process-bar {
    display: none;
}
/*
#site-top .media-container .process-bar {
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    width: 50%;
    height: 1.666667rem;
    background-color: var(--Orange);
}
*/
#site-top .media-container :is(.background-video,.background-image) {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
#site-top:is(.vx-normal) .media-container.original > div {
    padding-bottom: 0;
}
#site-top .media-container.original :is(.background-image) {
    position: relative;
    width: auto;
    max-width: 100%;
    height: auto;
    object-fit: fill;
}
body:not(.page-child) #site-top:is(.vx-home.has_image, .vx-startseite) .media-container :is(.background-video,.background-image) {
    position: fixed;
}
#site-top .button-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    column-gap: .5rem;
    row-gap: .5rem;
}
#site-top .button-container .buttons {
    display: flex;
    flex-wrap: wrap;
    column-gap: .5rem;
    row-gap: .5rem;
}
#site-top.vx-home.has_image .button-container {
    flex-wrap: nowrap;
}
#site-top.vx-home.has_image .button-container .buttons {
    flex-wrap: nowrap;
}
#site-top.vx-home.has_image .spacer {
    display: none;
}
#site-top .button-container > * {

}
#site-top .button-container .text-block {

}
#site-top .button-container .button {

}
#site-top .button-container .text-block {
    margin-top: 0;
}
#site-top .button-container > .spacer {
    flex-basis: 100%;  /* Nimmt volle Breite ein, aber unsichtbar */
    height: 0;         /* Macht es unsichtbar (keine Höhe) */
    margin: 0;
}

body .gform-theme--framework input[type="submit"] {
    background-color: var(--Schwarz) !important;
    color: var(--Weiss) !important;
    border: 2px solid var(--Schwarz) !important;
}
:is(.text-block, .button-wrapper, .button-cloud, .button-container, .has_button) .button,
body .gform-theme--framework input[type="submit"] {
    text-align: center;
    overflow: hidden;
    padding: 0 1.66667rem 0 1.66667rem !important;
    transition: all .2s ease-in-out;
}
:is(.text-block, .button-wrapper, .button-cloud, .button-container, .has_button) .button:not([target="_blank"]):after {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    transform: translateX(2rem);
    width: .95rem;
    height: 100%;
    background-image: url(assets/graphics/icon-arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: transform .2s ease-in-out;
}
body .gform-theme--framework input[type="submit"] {
    background-image: url(assets/graphics/icon-arrow.svg);
    background-repeat: no-repeat;
    background-position: right -2rem center;
    background-size: .95rem;
    transition: all .2s ease-in-out;
}

:is(.text-block, .button-wrapper, .button-cloud, .button-container, .has_button) .button[href^="#"] {
    padding-right: 3.25rem !important;
}
:is(.text-block, .button-wrapper, .button-cloud, .button-container, .has_button) .button[href^="#"]:after,
:is(.text-block, .button-wrapper, .button-cloud, .button-container, .has_button) .button[href^="#"]:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: auto;
    right: .75rem;
    width: 1.2rem;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url(assets/graphics/icon-arrow.svg);
    transform: rotate(90deg);
    transition: transform .2s ease-in-out;
}
:is(.text-block, .button-wrapper, .button-cloud, .button-container, .has_button) .button[href^="#"]:after {

}
:is(.text-block, .button-wrapper, .button-cloud, .button-container, .has_button) .button[href^="#"]:before {
    transform: rotate(90deg) translateX(-2rem);
}
:is(.text-block, .button-wrapper, .button-cloud, .button-container, .has_button) .button.black[href^="#"]:after {
    background-image: url(assets/graphics/icon-arrow-white.svg);
}

:is(.text-block, .button-wrapper, .button-cloud, .button-container) .button[target="_blank"] {
    padding-right: 3.25rem !important;
}
:is(.text-block, .button-wrapper, .button-cloud, .button-container) .button[target="_blank"]:before,
:is(.text-block, .button-wrapper, .button-cloud, .button-container) .button[target="_blank"]:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 1.2rem;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url(assets/graphics/icon-external-black.svg);
    transition: all .2s ease-in-out;
}
:is(.text-block, .button-wrapper, .button-cloud, .button-container) .button[target="_blank"]:before {
    right: auto;
    left: .75rem;
    transform: translateX(calc(-100% - .75rem));
}
:is(.text-block, .button-wrapper, .button-cloud, .button-container) .button[target="_blank"]:after {
    left: auto;
    right: .75rem;
}

:is(.text-block, .button-wrapper, .button-cloud, .button-container) .button.black[target="_blank"]:after {
    background-image: url(assets/graphics/icon-external-white.svg);
}


#site-top:has(.content-aligning .head-container) + #CONTENT_WRAPPER .site-content.item-1:not(.color,.img) {
    /*padding-top: var(--space-widget-set);*/
}
#site-top:not(.has_color):has(.content-aligning .head-container) + #CONTENT_WRAPPER .site-content.item-1:is(.color,.img):not(.bottom-block),
#site-top:not(.has_color):has(.content-aligning .head-wrapper) + #CONTENT_WRAPPER .site-content.item-1:is(.color,.img):not(.bottom-block) {
    margin-top: var(--space-widget-set);
}
#site-top:is(.has_color):has(.content-aligning .head-container) + #CONTENT_WRAPPER .site-content.item-1:is(.color,.img):not(.bottom-block),
#site-top:is(.has_color):has(.content-aligning .head-wrapper) + #CONTENT_WRAPPER .site-content.item-1:is(.color,.img):not(.bottom-block) {
    margin-top: calc(var(--space-site-content) / 3 * -1);
}
#site-top:is(.vx-startseite):has(.content-aligning .head-container) + #CONTENT_WRAPPER .site-content.item-1:is(.color,.img) {
    margin-top: 1.111111rem;
}

.site-content {
    z-index: auto;
}
.site-content:is(.color, .black, .img) {
    padding-top: var(--space-widget);
}
.site-content.add_bottom_block_space:is(.color, .black, .img) {
    margin-bottom: calc(10vh + var(--space-widget)) !important;
}
.animate_bg,
.parallax_bg {
    transform-origin: center center;
    will-change: transform;
    backface-visibility: hidden;
}

.animate_bg__mask,
.parallax_bg__mask {
    position: absolute;
    inset: 0;
    overflow: hidden;
    clip-path: inset(0 0 0 0);
    transform-origin: center center;
    will-change: transform;
    backface-visibility: hidden;
}

.animate_bg__media,
.parallax_bg__media {
    position: absolute;
    inset: 0;
    transform-origin: center center;
    will-change: transform;
    backface-visibility: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.parallax_bg__media {
    top: -15%;
    bottom: -15%;
    inset-inline: 0;
}
.site-content:is(.img, .color) .bg_img,
#site-top .bg_img {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - (var(--content-aligning) / 3 * 2));
    /*max-width: calc(var(--content-width) - var(--content-aligning) / 3 * 2);*/
    height: calc(100% + .02em);
    border-radius: var(--box-radius);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

}
#site-top .bg_img {
    height: calc(100% + var(--space-site-content) / 3);
}
#site-top:is(.no_image) .bg_img {
    top: 0;
    height: calc(100%);
}
#site-top.has_color:is(.no_image) .bg_img {
    height: calc(100% + var(--space-site-content) / 3);
}
.site-content.borderless:is(.img, .color) .bg_img {
    left: 0;
    width: 100%;
    border-radius: 0;
}
.site-content.full-width .content-aligning .main-content {
    overflow: visible;
}

button.button#popup-settings-button {
    padding: 0 !important;
}
ul#main-navigation > .menu-item.button {
    order: 2;
}
.popup-menu-button-container {
    margin: 0 .5rem;
    order: 0;
}

#site-header {
    /*width: 100vw;*/
}

#site-menubar .site-menubar-inner {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
body #toggle-mobile-menu {
    position: relative;
    display: flex;
    top: 0;
    transform: none;
    margin-left: 1rem;
    width: auto !important;
    color: var(--Schwarz);
    text-indent: 0;
}
body #toggle-mobile-menu .menu {
    display: inline-block;
}
body #toggle-mobile-menu:after {
    content: "Menu";
    display: inline-block;
    margin-left: -15px;
    line-height: 60px;
    font-weight: 600;
}
html[lang="de-DE"] body #toggle-mobile-menu:after {
    content: "Menü";
}

ul#main-navigation-mobile {
    display: none;
}

@media screen and (max-width: 900px) {
    body #site-menubar #main-navigation {
        display: none !important;
    }
    body #header-large-dropdown-inner ul#main-navigation-mobile {
        display: flex;
        flex-wrap: wrap;
        row-gap: var(--space-text);
        margin-bottom: var(--space-col);
    }
}

button#popup-settings-button {
    cursor: pointer;
}

ul#main-navigation {
    display: flex;
}
ul:is(#main-navigation, #main-navigation-mobile) {
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}
ul:is(#main-navigation, #main-navigation-mobile) > .menu-item {
    position: relative;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0 1.111111rem;
}
ul:is(#main-navigation, #main-navigation-mobile) > .menu-item > a {
    position: relative;
    display: block;
    line-height: var(--height-nav-main);
}
body:is(.sticky, .openmenu) ul:is(#main-navigation, #main-navigation-mobile) > .menu-item > a {
    line-height: calc(var(--height-nav-main) / 3 * 2);
}
ul:is(#main-navigation, #main-navigation-mobile) > .menu-item.button {
    margin: 0 0.5rem;
    padding-left: .9rem;
    height: 2rem;
    line-height: 2rem;
    overflow: hidden;
}
ul:is(#main-navigation, #main-navigation-mobile) > .menu-item.button:is(.menu-item-has-children) {
    overflow: visible;
}
ul:is(#main-navigation, #main-navigation-mobile) > .menu-item.button.outline {
    border-color: var(--MuddyOrange);
    border-width: 2px;
    box-sizing: content-box;
}
ul:is(#main-navigation, #main-navigation-mobile) > .menu-item.button.menu-item-has-children > a {
    cursor: default;
}
ul:is(#main-navigation, #main-navigation-mobile) li.menu-item.button:last-child {
    padding-right: 1.111111rem;
}
ul:is(#main-navigation, #main-navigation-mobile) > .menu-item.button > a {
    line-height: inherit;
    padding-left: 1.5rem;
    transition: all .2s ease-in-out;
}
ul:is(#main-navigation, #main-navigation-mobile) > .menu-item.button:not(.menu-item-has-children) > a:before,
ul:is(#main-navigation, #main-navigation-mobile) > .menu-item.button:not(.menu-item-has-children) > a:after {
    content: "";
    position: absolute;
    top: 0;
    width: .95rem;
    height: 100%;
    background-image: url('assets/graphics/icon-arrow.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: transform .2s ease-in-out;
}
ul:is(#main-navigation, #main-navigation-mobile) > .menu-item.button > a:before {
    left: 0;
}
ul:is(#main-navigation, #main-navigation-mobile) > .menu-item.button:not(.menu-item-has-children) > a:after {
    left: 100%;
    transform: translateX(2rem);
}
ul:is(#main-navigation, #main-navigation-mobile) > .menu-item.menu-item-has-children > a:after {
    transform-origin: center;
    transform: translateY(-50%) rotate(90deg);
    right: -1rem;
    width: .7222rem;
    height: .7222rem;
    background-image: url(assets/graphics/icon-dropdown.svg);
    transition: transform .2s ease-in-out;
}
body:is(.sticky, .openmenu) ul:is(#main-navigation, #main-navigation-mobile) > .menu-item.button > a {
    line-height: inherit;
}
ul:is(#main-navigation, #main-navigation-mobile) > .menu-item > .sub-menu {
    display: none;
    position: absolute;
    top: calc(2rem);
    width: auto;
    background-color: var(--Weiss);
    color: var(--Schwarz);
}
ul:is(#main-navigation, #main-navigation-mobile) > .menu-item.show > .sub-menu {
    display: block;
}
ul:is(#main-navigation, #main-navigation-mobile) > .menu-item.button > .sub-menu {
    z-index: 998;
    left: -2px;
    border: 2px solid var(--Schwarz);
    padding: .5rem 0;
}
ul:is(#main-navigation, #main-navigation-mobile) > .menu-item.menu-item-has-children > a {
    padding-left: 0;
    cursor: pointer;
}
ul:is(#main-navigation, #main-navigation-mobile) > .menu-item.menu-item-has-children > a:hover {
    color: var(--Schwarz);
}
ul:is(#main-navigation, #main-navigation-mobile) > .menu-item.button.menu-item-has-children > a {
    padding-right: 1rem;
}
ul:is(#main-navigation, #main-navigation-mobile) > .menu-item.menu-item-has-children > a:before {
    display: none;
}
ul:is(#main-navigation, #main-navigation-mobile) > .menu-item.button.menu-item-has-children > a:after {
    right: -.25rem;
}
ul:is(#main-navigation, #main-navigation-mobile) > .menu-item > .sub-menu > .menu-item > a {
    padding: 0;
    height: auto;
    line-height: 2rem;
    font-size: var(--size-text);
    font-weight: 400;
}
ul:is(#main-navigation, #main-navigation-mobile) > .menu-item.button > .sub-menu > .menu-item > a {
    padding: 0 1.5rem 0 .75rem;
    font-size: var(--size-button);
}
ul:is(#main-navigation, #main-navigation-mobile) > .menu-item > .sub-menu > .menu-item > a:hover,
ul:is(#main-navigation, #main-navigation-mobile) > .menu-item > .sub-menu > .menu-item:is(.current-menu-item):not(.show_description_trigger) > a {
    background-color: transparent;
    color: var(--Schwarz);
    text-decoration: underline;
}
ul:is(#main-navigation, #main-navigation-mobile) > .menu-item > a:hover,
ul:is(#main-navigation, #main-navigation-mobile) > .current-menu-item > a,
ul:is(#main-navigation, #main-navigation-mobile) > .current-page-ancestor > a,
ul:is(#main-navigation, #main-navigation-mobile) > .current_page_parent > a {
    color: var(--Schwarz);
}


#site-header a.logo {
    height: 50%;
    top: 49%;
}

#site-top .logos-container {
    position: absolute;
    z-index: 99;
    top: calc(var(--space-headline-s) + 1.666667rem);
    right: calc(var(--content-aligning) / 3 * -2);
    display: flex;
    flex-wrap: wrap;
    gap: .88889rem;
    width: 5.5556rem;
}
#site-top .logos-container .logo {
    width: 100%;
}

.image-slider-child.show_parallax {
    height: 100vh; /* Vollbild-Höhe für Pinning */
    overflow: hidden; /* Verhindert horizontales Overflow */
}
.image-slider-child.show_parallax .swiper-wrapper {
    display: flex;
    width: 500%; /* 5 Slides × 100% */
    transition: none; /* Deaktiviert Swiper-Transitions während GSAP */
}
.image-slider-child.show_parallax .swiper-slide {
    width: 20%; /* Jeder Slide 1/5 der Viewport-Breite */
    display: flex;
    align-items: center;
    justify-content: center;
}

.image-slider-child .swiper-button-next.swiper-button-disabled,
.image-slider-child .swiper-button-prev.swiper-button-disabled {
    display: none;
}

.image-item img {
    width: 100%;
    height: auto;
    object-fit: cover; /* Für responsive Bilder */
}
.widget .text-block :is(.gallery, .brlbs-cmpnt-content-blocker) {
    margin-bottom: var(--space-text) !important;
}
.widget .swiper-pagination .swiper-pagination-bullet {
    position: relative;
    width: 2.6667rem;
    height: 1.1111rem;
    border-radius: 0;
    margin-left: 0.8889rem;
    background: transparent;
}
.site-content .widget .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: transparent;
}
.widget .swiper-pagination .swiper-pagination-bullet:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--Schwarz);
    transition: height .15s ease-in-out;
}
.site-content .widget .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    height: 6px;
}


.widget-1.has_button :is(h1,h2,h3,h4,h5,h6,.headline) {
    padding-right: 20%;
}
.widget-1 > .button {
    position: absolute;
    top: 0;
    right: 0;
}

.widget.widget-3 {

}
.widget-3.dark-bg {
    color: var(--Schwarz);
}
.widget.widget-3.bg-color {
    padding: 0;
}
.widget-3 .widget-inner {
    row-gap: 2rem;
    justify-content: left;
}
.widget-3 .icon-wrapper {
    max-width: none;
    width: 50%;
}
.widget-3 .icon-wrapper .icon {
    margin: 0 auto;
    width: 30%;
    padding-bottom: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

#CONTENT_WRAPPER .site-content.no-bottom-space:last-child:is(.light-bg,.dark-bg) {
    padding-bottom: 0;
}

.widget.widget-4.parallax {

}
.site-content .widget.hang-over {
    margin-bottom: -10vh;
}
.site-content.widget-set .widget.hang-over {
    margin-bottom: -10vh !important;
}
.widget.minimal_bottom_space {
    margin-bottom: 0;
}
.widget.no_bottom_space {
    margin-bottom: 0;
}

.widget-1 :is(h2, h3, h4, h5, h6) b {
    font-weight: 700;
}

.widget.widget-4.parallax figure {
    position: relative;
    z-index: 100;
}
.widget.widget-4.parallax .text-block :is(h1, h2,h3,.headline) {
    margin-bottom: var(--space-widget-set);
}
.widget.widget-4 .logo {
    position: absolute;
    z-index: 101;
    bottom: 0;
    left: var(--grid-gutter);
    width: 8rem;
    transform: translateY(50%);
}


.widget-5 .image-slider .swiper-wrapper {
    align-items: stretch;
}
.widget-5 .image-slider .swiper-slide .image-item {
}
@media screen and (min-width: 768px) {
    .slider-navigation-wrapper.hide_on_desktop {
        display: none;
    }
}
@media screen and (max-width: 767px) {
    .slider-navigation-wrapper.hide_on_desktop :is(.swiper-button-prev,.swiper-button-next) {
        display: inline-block;
        position: relative;
        top: 0;
        left: 0;
        right: auto;
        bottom: auto;
        transform: none;
        margin: var(--space-text) var(--grid-gutter) 0 0;
        background-position: bottom center;
    }
    .slider-navigation-wrapper.hide_on_desktop :is(.swiper-button-prev) {
        transform: rotate(180deg);
    }
}


.widget-6 .logo-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
}
.widget-6 .logo-grid .logo-item {
    padding: .5rem .5rem;
    box-sizing: border-box;
}
:is(.col-12,.col-11,.col-10,.col-9,.col-8,.col-7) .widget-6 .logo-grid .logo-item {
    padding: 1rem 2rem;
}
:is(.col-6,.col-5,.col-4,.col-3,.col-2,.col-1) .widget-6 .logo-grid .logo-item {
    padding: .5rem 1rem;
}
:is(.col-12,.col-11,.col-10,.col-9,.col-8,.col-7) .widget-6 .logo-grid .logo-item {
    flex: 0 0 calc(100% / 4);
}
:is(.col-12,.col-11,.col-10,.col-9,.col-8,.col-7) .widget-6 .logo-grid .logo-item.high {
    flex: 0 0 calc(100% / 8);
}
:is(.col-6,.col-5,.col-4,.col-3,.col-2,.col-1) .widget-6 .logo-grid .logo-item {
    flex: 0 0 calc(100% / 2);
}
:is(.col-6,.col-5,.col-4,.col-3,.col-2,.col-1) .widget-6 .logo-grid .logo-item.high {
    flex: 0 0 calc(100% / 4);
}
.widget-6 .logo-grid .logo-item .logo img {
    filter: grayscale(100%);
    opacity: 0.5;
}



.widget-7 {

}
.widget-7 :is(.text-block, .medium-block) :is(p:not([style*="text-align: right"]),h1, h2, h3, h4, h5, h6):not(.wp-caption-text) {
    padding-right: 0;
}
.accordion .card .card-body {
    padding: 1rem 2rem 1.25rem 0;
}
.accordion .card .card-body .text-block {
    padding-right: 0;
}
.accordion .card .card-header {
    border-color: color-mix(in srgb, var(--Grey) 50%, transparent);
}
.accordion .card .card-header .card-title {
    padding-left: 1rem;
}
.accordion .card .collapse {
    max-height: 0;
    overflow: hidden;
    transition:
        max-height 0.58s cubic-bezier(0.22, 1.12, 0.3, 1),
        opacity 0.28s ease-out;
    opacity: 0;
    will-change: max-height;
}
.accordion .card.open .collapse {
    opacity: 1;
}

.widget-8 .widget-inner {

}
.widget-8 .widget-inner {
    max-width: 80vw;
    margin: 0 auto;
}
.widget-8 .cite-wrapper.portrait {
    display: flex;
    align-items: flex-start;
}
.widget-8 .cite-wrapper.portrait .portrait {
    margin-top: .5rem;
    width: 8.333333rem;
    height: 8.333333rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    border-radius: 100%;
}
.widget-8 .cite-wrapper.portrait .portrait > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.widget-8 .cite-wrapper.portrait .content {
    width: calc(100% - 8.333333rem);
}
.widget-8 .cite-wrapper .title {
    display: block;
    margin: 0 auto;
    margin-bottom: var(--space-col);
    text-align: center;
}
.widget-8 .cite-wrapper.portrait .title {
    text-align: left;
}
.widget-8 .cite-wrapper.portrait blockquote {
    text-align: left;
    padding: 0;
    margin: 0 var(--box-padding) var(--box-padding) var(--box-padding);
    border-bottom: 1px solid rgba(0,0,0,0.50);
}
.site-content.orange .widget-8 .cite-wrapper.portrait blockquote {
    border-bottom: 1px solid rgba(91, 82, 74, 0.50);
}
.widget-8 .cite-wrapper blockquote a {
    text-decoration: underline;
}
.widget-8 .cite-wrapper .infos {
    margin: 0 auto;
}
.widget-8 .cite-wrapper.portrait .infos {
    display: block;
    margin: 0 0 0 var(--box-padding);
}
.widget-8 .cite-wrapper.portrait .infos > div {
    display: block;
}
.widget-8 .cite-wrapper .infos > div > * {
    display: inline-block;
}
.widget-8 .cite-wrapper .infos .name {
    font-size: inherit;
    font-weight: 400;
}
.widget-8 .cite-wrapper.portrait .infos .name {
    display: block;
    float: left;
    max-width: 55%;
}
.widget-8 .cite-wrapper .infos .position {
    display: block;
    float: right;
    margin-right: var(--box-padding);
}
.widget-8 .cite-wrapper:not(.portrait) .infos .name:after {
    content: ",\a0";
}
.widget-8 .cite-wrapper .infos .position a {
    text-decoration: underline;
}
.widget-8 .cite-wrapper.portrait .infos .position a {
    color: var(--Schwarz);
    font-weight: 600;
    text-decoration: none;
}
.widget-8 .cite-wrapper.portrait .infos .position a:hover {
    text-decoration: underline;
}
.widget-8 .cite-wrapper.portrait .infos .position a:after {
    background-image: url("assets/graphics/icon-arrow.svg");
}



/**
 * Widget 11 - Process List
 */
.widget-11 {

}
.widget-11 .widget-inner {
    position: relative;
    border-top: 1px solid color-mix(in srgb, var(--Grey) 50%, transparent);
    border-bottom: 1px solid color-mix(in srgb, var(--Grey) 50%, transparent);
    padding: var(--space-widget-set) 0 0 0;
    box-sizing: border-box;
}
.widget-11 .widget-inner .icon.plus {
    position: absolute;
    bottom: -1px;
    left: 50%;
    width: 2.777778rem;
    height: 2.777778rem;
    transform: translate(-50%, 50%);
    background-color: var(--Orange);
    /*border: 1px solid color-mix(in srgb, var(--Grey) 50%, transparent);*/
    background-image: url("assets/graphics/icon-plus.svg");
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    transition: background-color .3s;
}
.widget-11 .widget-inner .process-wrapper.show + .process-plus {
    display: none;
}
.widget-11 .widget-inner .icon.plus:hover {
    background-color: var(--MuddyRosa);
}
.widget-11 .process-wrapper {
    position: relative;
    display: flex;
}
.widget-11 .process-wrapper .index-sidebar {
    width: 18rem;
    margin-bottom: var(--space-widget-set);
}
.widget-11 .process-wrapper .index-sidebar .index-item {
    position: sticky;
    position: -webkit-sticky;
    top: calc(var(--space-col) + var(--height-nav-main) / 3 * 2);
    background-color: var(--Orange);
    width: 11.111111rem;
    display: none;
}
.widget-11 .process-wrapper .index-sidebar .index-item.active {
    display: block;
}
.widget-11 .process-wrapper .index-sidebar .index-item > div {
    position: relative;
    padding-bottom: 100%;
    color: var(--Weiss);
    font-size: 4rem;
    font-weight: 300;
    text-align: center;
}
.widget-11 .process-wrapper .index-sidebar .index-item.active > div {

}
.widget-11 .process-wrapper .index-sidebar .index-item > div > div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.widget-11 .process-wrapper .process-list {
    flex: 1;
    max-height: 800px;
    overflow: hidden;
    transition: max-height .6s ease-in-out;
}
.widget-11 .process-wrapper.show .process-list {
    max-height: 4000px;
}
.widget-11 .process-wrapper .process-list section {
    border-bottom: 1px solid color-mix(in srgb, var(--Grey) 50%, transparent);
    padding-bottom: var(--space-col);
    margin-bottom: var(--space-widget-set);
}
.widget-11 .process-wrapper .process-list section:last-child {
    border-bottom: 0 none;
    padding-bottom: 0;
}
.widget-11 .process-wrapper .process-list section .text-block {
    /*font-size: var(--size-title);*/
}

.widget-11 .process-wrapper .process-list section .text-block {

}



/**
 * Widget 12 - Video
 */

.widget-12 {

}
.widget-12 .video-wrapper {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.widget-12 .video-wrapper .brlbs-cmpnt-container {
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 100%;
    pointer-events: auto;
}
.widget-12 .video-wrapper .brlbs-cmpnt-container > div {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    height: auto;
}
.widget-12 .video-wrapper .brlbs-cmpnt-container .brlbs-cmpnt-cb-thumbnail {
    /*background: none;*/
}
.widget-12 .video-wrapper .video-thumbnail {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

    cursor: pointer;
}
.widget-12 .video-wrapper .youtube-thumbnail {
    padding-bottom: 56%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.widget-12 .video-wrapper .video-thumbnail:before {
    content: "";
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);

    cursor: pointer;
}
.widget-12 .video-wrapper .video-thumbnail .button {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.widget-12 .video-wrapper .video-thumbnail:hover .button {
    background-color: var(--Weiss);
}
.widget-12 .video-wrapper .aspect-placeholder {
    position: relative;
    opacity: 0;
    width: 100%;
    height: auto;
}
.widget-12 .video-wrapper video {
    width: 100%;
    height: auto;
}
.widget-12 .video-info {
    padding-top: var(--space-col);
}
.widget-12 .video-info .title {

}


/**
 * Widget 14 - Teaser
 */
.widget-14 {
    position: relative;
}
.widget-14 .widget-inner {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    column-gap: var(--grid-gutter);
    row-gap: var(--space-col);
}
.col:is(.col-7, .col-8, .col-9, .col-10, .col-11, .col-12) .widget-14 .widget-inner {
    flex-wrap: nowrap;
}
.col:is(.col-1, .col-2, .col-3, .col-4) .widget-14 .widget-inner {

    --size-h1: 1.777777rem;
    --size-h2: 1.333333rem;
    --size-h3: 1.111111rem;;
    --size-h4: 1rem;
    --size-h5: 1rem;
    --size-h6: 1rem;

}
.col:is(.col-5, .col-6, .col-7, .col-8, .col-9) .widget-14 .widget-inner {

    --size-h1: 2.111111rem;
    --size-h2: 1.777778rem;
    --size-h3: 1.333333rem;;
    --size-h4: 1.111111rem;
    --size-h5: 1rem;
    --size-h6: 1rem;

}
.col:is(.col-10, .col-11, .col-12) .widget-14 .widget-inner {
    column-gap: calc(var(--grid-gutter) * 2);
}
.col:is(.col-7, .col-8, .col-9, .col-10, .col-11, .col-12) .widget-14 .widget-inner > * {
    width: 50%;
}

.col:is(.col-4) .widget.bg-color {

    --font-size: 18px;
    font-size: var(--font-size);

    padding: calc(var(--box-padding) / 3 * 2);
}
.col:is(.col-1, .col-2, .col-3) .widget.bg-color {

    --font-size: 16px;
    font-size: var(--font-size);

    padding: calc(var(--box-padding) / 2);
}


/**
 * Widget 15 - Page Teaser
 */
.widget-15 {
    position: relative;
}
.widget-15 ul.channel-menu-list {

}
.site-content.hero_teaser .widget-15 .channel-wrapper {
    margin: 0 auto;
    max-width: var(--content-width);
    padding: 0 var(--content-aligning);
}
.widget-15 ul.channel-menu-list {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-widget-set);
}
.widget-15 ul.channel-menu-list li {
    position: relative;
}
.widget-15 ul.channel-menu-list-level-2 {
    border-top: 1px solid #5B524A80;
}
.widget-15 ul.channel-menu-list > li {
    /*width: calc(50% - var(--space-widget-set) / 2); */
}

.widget-15 ul.channel-menu-list-level-2 > li {
    border-bottom: 1px solid #5B524A80;
}
.widget-15:is(.three_columns) ul.channel-menu-list > li {
    /*width: calc(33.3333% - var(--space-widget-set) / 3 * 2);*/
}
.widget-15 ul.channel-menu-list li:last-child {

}
.widget-15 ul.channel-menu-list li .image-wrapper {
    display: block;
    padding-bottom: var(--space-headline-s);
    position: relative;
    overflow: hidden;
}
.widget-15 ul.channel-menu-list li a:hover .image-wrapper {
}
.widget-15:is(.three_columns) ul.channel-menu-list li .image-wrapper {
    margin-bottom: var(--space-headline-xs);
}
.widget-15 ul.channel-menu-list li .image-wrapper figure {
    position: relative;
    overflow: hidden;
}
.widget-15 ul.channel-menu-list li .image-wrapper figure:before {
    content: "";
    position: absolute;
    display: block;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--Orange);
    opacity: 0;

    transition: opacity .4s ease-in-out;
}
.widget-15 ul.channel-menu-list li .image-wrapper img {
    position: relative;
    z-index: 1;
    transform: scale3d(1, 1, 1);
    transition: transform 1s cubic-bezier(.19,1,.22,1);
}
.widget-15 ul.channel-menu-list li a.channel-menu-link {
    display: block;
}
.widget-15 ul.channel-menu-list-level-2 li a.channel-menu-link {

}
.widget-15 ul.channel-menu-list li a.channel-menu-link > * {
    width: 100%;
}
.widget-15 ul.channel-menu-list li .text-block {
    position: relative;
    padding-bottom: 1rem;
    /*overflow: hidden;*/
}
.widget-15 ul:is(.channel-menu-list,.channel-menu-list-level-2) > li a .text-block {
    padding-bottom: 2rem;
    color: var(--text-color);
}
.widget-15 ul:is(.channel-menu-list,.channel-menu-list-level-2) > li a .text-block,
.widget-15 ul:is(.channel-menu-list,.channel-menu-list-level-2) > li a.active .text-block,
.widget-15 ul:is(.channel-menu-list,.channel-menu-list-level-2) > li a:hover .text-block {
    color: var(--text-color) !important;
}
.widget-15.hero_teaser ul.channel-menu-list li .text-block {

}
.widget-15:not(.has_img) ul.channel-menu-list li .text-block {
    min-height: 100%;
}
.widget-15 ul.channel-menu-list li .text-block :is(h1, h2,h3,.headline) {
    margin-bottom: var(--space-headline-xs);
    font-size: var(--size-h4);
    font-weight: 600;

    transition: color .4s;
}
.widget-15 ul.channel-menu-list li .text-block :is(h1, h2,h3,.headline) .title-link {
    display: block;
}
.widget-15 ul.channel-menu-list li a:hover .text-block :is(h1, h2,h3,.headline) {
    color: var(--Aktiv);
}
.widget-15:is(.three_columns) ul.channel-menu-list li .text-block :is(h1, h2,h3,.headline) {
    font-size: var(--size-title);
}
.widget-15 ul.channel-menu-list li .text-block p.excerpt {
    margin-bottom: var(--space-headline-xs);
}
.widget-15 ul.channel-menu-list-level-2 li .channel-menu-link-header .title {
    position: relative;
    margin-bottom: 0;
    font-size: var(--size-text);
    font-weight: 600;
}
.widget-15 ul.channel-menu-list-level-2 li .channel-menu-link-header .title :is(.card-plus,.cta-morph) {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: transform .2s ease-in-out;
}

.cta-morph {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.555556rem;
    height: 1.555556rem;
}
.cta-morph .cta-morph__icon {
    display: block;
    overflow: visible;
    transform-box: fill-box;
    transform-origin: 50% 50%;
    transform-style: preserve-3d;
    transition: transform 0.42s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: transform;
}
.cta-morph .cta-morph__icon .cta-morph__line {
    transform-box: fill-box;
    transition: transform 0.42s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: transform;
    backface-visibility: hidden;
}


.cta-morph .cta-morph__icon .cta-morph__line {
    fill: var(--Aktiv);
}
.cta-morph__line--shaft {
    transform-origin: 50% 0;
}
.cta-morph__line--wing-a {
    transform-origin: 50% 100%;
}
.cta-morph__line--wing-b {
    transform-origin: 50% 0;
}

/* Hover → Pfeil nach unten */
:is(h1, h2, h3, .headline) .title-link .cta-morph__icon,
.js-hover-trigger:hover .cta-morph__icon,
.js-hover-trigger.active .cta-morph__icon {
    transform: rotate(-90deg);
}

:is(h1, h2, h3, .headline) .title-link .cta-morph__line--wing-a,
.js-hover-trigger:hover .cta-morph__line--wing-a,
.js-hover-trigger.active .cta-morph__line--wing-a {
    transform:
            translateX(-0.777777rem)
            rotate(45deg)
            scaleY(0.68);
}

:is(h1, h2, h3, .headline) .title-link .cta-morph__line--wing-b,
.js-hover-trigger:hover .cta-morph__line--wing-b,
.js-hover-trigger.active .cta-morph__line--wing-b {
    transform:
            translateX(-0.777777rem)
            rotate(-45deg)
            scaleY(0.68);
}

/* Active → Pfeil nach rechts */
:is(h1, h2, h3, .headline) .title-link .cta-morph__icon,
.channel-menu-link.accordion.js-hover-trigger.active .cta-morph__icon {
    transform: rotate(-180deg);
}
:is(h1, h2, h3, .headline) .title-link .cta-morph.arrow {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: transform .2s ease-in-out;
}


.widget-15 ul.channel-menu-list-level-2 li .channel-menu-link-header:hover .title .card-plus {
    transform: translateY(-50%) translateX(-50%);
}
.widget-15 ul.channel-menu-list li h3 {
    font-size: var(--size-text);
    font-weight: 600;
}
.widget-15 ul.channel-menu-list-level-2 li .channel-menu-link-header .title .link {
    display: block;
    padding-top: 1rem;
    padding-bottom: 1rem;
    color: var(--Schwarz);
}

.widget-15 ul.channel-menu-list-level-2 li .channel-menu-link.active .channel-menu-link-header .title .icon.plus span {
    transform: rotate(90deg);
    background-color: var(--Schwarz) !important;
}
.widget-15 ul.channel-menu-list-level-2 li .channel-menu-link.active .channel-menu-link-header .title .icon.plus span:last-child {
    left: 50%;
    right: 50%;
}

.widget-15 ul.channel-menu-list-level-2 li .channel-menu-link-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s cubic-bezier(0.86, 0, 0.07, 1) .1s;
}
.widget-15 ul.channel-menu-list-level-2 li .channel-menu-link.active .channel-menu-link-body {
    transition: max-height 0.4s cubic-bezier(0.86, 0, 0.07, 1);
}
.widget-15 ul.channel-menu-list-level-2 li .channel-menu-link.active .channel-menu-link-body .text-block {
    color: var(--text-color);
}
.widget-15 ul.channel-menu-list li .link.ux.icon {
    display: block;
    float: right;
    margin-top: -1rem;
    padding: 0;
    width: 3rem;
    height: 2rem;
}
.link.ux.icon:after {

}


.widget-16 {

}
.widget-16 hr {
    margin-bottom: var(--space-headline-l);
}
.widget-16 :is(h1, h2, h3, h4, h5, h6) {
    margin-bottom: var(--space-headline-l);
}
.button-wrapper {
    text-align: center;
}


.post-list .post-item .post-item-inner {
    background-color: transparent;
}


.has-filter-sticky-area {
    position: absolute;
    width: 1px;
    top: -6.4rem;
    height: calc(100% + 6.4rem);
}
.site-content.site-archive {
    background-color: var(--SCF-Lightgrey);
}
.site-content.site-archive.has-filter {
    padding-top: 6.4rem;
}
.site-filter-wrapper {
    position: absolute;
    z-index: 5;
    top: 23.6rem;
    left: 0;
    width: 100%;
    height: calc(100% - 23.6rem);
    pointer-events: none;
}
.filter-wrapper {
    margin-bottom: var(--space-widget);
    display: flex;
    column-gap: var(--grid-gutter);
    row-gap: var(--space-col);
}

#filter_buttons_wrapper .icon.empty {
    display: block;
    position: absolute;
    z-index: 55;
    top: -10%;
    right: 0;
    transform: translateX(calc(100% - 3rem));
    box-shadow: -4px 6px 10px -5px rgba(66, 68, 90, 1);
    background-color: var(--Black-SCF);
    width: auto;
    height: 120%;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    padding: 0 10px 0 3rem;
    color: var(--White-SCF);
    line-height: 3rem;
    cursor: pointer;
    visibility: hidden;
    transition: transform .3s ease-in-out;
}
#filter_buttons_wrapper .icon.empty.show_it {
    visibility: visible;
    pointer-events: auto;
}
#filter_buttons_wrapper .icon.empty:before {
    width: 3rem;
    height: 45%;
}
.filter-button-list {
    display: flex;
    gap: 0.66667rem;
    flex-wrap: wrap;
}

.filter-button-list {

}


.filter_button.active .filter_button_link {
    border-color: var(--Orange);
    background-color: var(--Orange);
}
.filter-wrapper #filter_buttons_wrapper {
    width: calc(100% - 15rem - var(--grid-gutter));
}

.filter-wrapper #sorting_select_wrapper {
    width: 15rem;
}

#filter_buttons_wrapper {
    position: relative;
    width: auto;
    height: 100%;
    pointer-events: auto;
}

/* Bestehende Liste */
.filter-button-list {
    display: flex;
    gap: 0.66667rem;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}

.filter-button-list > .filter_button {
    width: auto !important;
}

.filter-button-list .filter_button {
    position: relative;
    display: inline-block;
    width: auto !important;
    box-sizing: border-box;
}

.filter_button .filter_button_link {
    display: block;
    border: 1px solid color-mix(in srgb, var(--Grey) 50%, transparent);
    box-sizing: border-box;
    border-radius: .75rem;
    background-color: transparent;
    padding: 0 1rem;
    font-size: var(--size-text);
    font-weight: 500;
    line-height: 2.5rem;
    white-space: nowrap;
    transition: all 0.3s;
    cursor: pointer;
}

.filter_button.default .filter_button_link {
    border: 0 none;
    background-color: var(--Schwarz);
    color: var(--Weiss);
}


/* Neuer Mobile Toggle */
.filter-dropdown-toggle {
    position: relative;
    display: none;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    border: 1px solid color-mix(in srgb, var(--Grey) 50%, transparent) !important;
    border-radius: var(--border-radius);
    background: transparent;
    padding: 0 1rem;
    min-height: 2.75rem;
    font-size: var(--size-text);
    font-weight: 500;
    cursor: pointer;
    text-align: left;
}
.site-content.color .filter-dropdown-toggle {
    background: var(--Weiss);
}

.filter-dropdown-toggle::after {
    content: "";
    position: absolute;
    top: 0;
    right: .75rem;
    width: .75rem;
    height: 100%;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAyMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNTY1MjkxIDAuNTY1NTY4TDEwLjY5MTQgMTAuNjkxN0wyMC44MTc1IDAuNTY1NTY3IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEuNiIvPgo8L3N2Zz4=);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transition: transform 0.3s ease;
}

#filter_buttons_wrapper.is-open .filter-dropdown-toggle::after {
    transform: rotate(180deg);
}
#sorting_select_wrapper {

}
:is(#filter_buttons_wrapper,#sorting_select_wrapper) label {
    display: block;
    margin-bottom: .5rem;
    font-size: var(--size-text);
    font-weight: 400;
}
#sort-select {
    min-width: 100%;
    font-size: var(--size-text);
    line-height: 2.75rem;
    min-height: 2.75rem;
    padding: 0 1rem;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: transparent;
    border: 1px solid rgba(0,0,0,.5);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAyMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNTY1MjkxIDAuNTY1NTY4TDEwLjY5MTQgMTAuNjkxN0wyMC44MTc1IDAuNTY1NTY3IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEuNiIvPgo8L3N2Zz4=");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: .75rem;
    cursor: pointer;
}
.site-content.color #sort-select {
    background-color: var(--Weiss);
}
#sort-select option {
    font-size: var(--size-text);
    padding: .25rem .5rem .25rem .5rem;
}
#sort-select option:after {
    content: '';
    display: inline-block;
    width: 10px;
}
select {

}


/* Hero Radio Buttons */

.gform-theme--framework .gfield.hero-radio-buttons {

}
.gform-theme--framework .gfield.hero-radio-buttons .ginput_container_radio {

}
.gform-theme--framework .gfield.hero-radio-buttons .gfield_radio {

}
.gform-theme--framework .gfield.hero-radio-buttons .gfield_radio .gchoice {
    display: block;
}
.gform-theme--framework .gfield.hero-radio-buttons .gfield_radio .gchoice > label.gform-field-label {
    position: relative;
    display: flex;
    justify-content: center;
    margin: 0;
    padding: var(--box-padding);
    padding-top: calc(var(--box-padding) + 50px);
    width: 100%;
    min-height: 100%;
    background-color: var(--MuddyRosa);
    text-align: center;
    font-size: var(--size-text);
    font-weight: 600;
    cursor: pointer;
}
.gform-theme--framework .gfield.hero-radio-buttons .gfield_radio .gchoice > label.gform-field-label > * {
    width: 100%;
}
.gform-theme--framework .gfield.hero-radio-buttons .gfield_radio .gchoice input.gfield-choice-input {
    display:none !important;
    pointer-events: none;
}

.gform-theme--framework .gfield.hero-radio-buttons .gfield_radio .gchoice input.gfield-choice-input + .gform-field-label:before {
    content: "";
    position: absolute;
    left: 50%;
    top: var(--box-padding);
    transform: translateX(-50%);
    width: 30px;
    height: 30px;
    background-color: transparent;
    border: 1px solid color-mix(in srgb, var(--Grey) 50%, transparent);
    border-radius: 50%;
    line-height: 1;
    pointer-events: none;
    transition: all 0.3s ease;
}
.gform-theme--framework .gfield.hero-radio-buttons .gfield_radio .gchoice input.gfield-choice-input:checked + .gform-field-label:before {
    content: "\2713"; /* Unicode für ✓-Symbol */
    background-color: black;
    border: 1px solid black;
    color: var(--Weiss);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    pointer-events: none;
}







.gform-theme--framework .gfield:where(.gfield--type-multiselect,.gfield--input-type-multiselect) .chosen-container-multi:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework .gfield:where(.gfield--type-select,.gfield--input-type-select) .chosen-search input[type=text]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework .gfield:where(.gfield--type-select,.gfield--input-type-select) .chosen-single:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework .gform-theme-field-control:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework input[type]:where(:not(.gform-text-input-reset):not([type=hidden])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework select[multiple]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
    padding: 0 !important;
    line-height: 2rem !important;
}
.gform-theme--framework form input[readonly="readonly"] {
    border-color: #E13B4F !important;
}
.gform-theme--framework input:not([type="submit"]),
.gform-theme--framework textarea,
.gform-theme--framework select {
    box-sizing: border-box;
    margin: 0 !important;
    background-color: transparent !important;
    border: 0 none !important;
    border-bottom: 1px solid color-mix(in srgb, var(--Grey) 50%, transparent) !important;
    width: 100%;
    font-size: var(--size-button) !important;
    color: var(--text-color) !important;
}
.gform-theme--framework select {
    font-size: var(--size-text) !important;
}
.gform-theme--framework .gfield.readonly input:not([type="submit"]) {
    pointer-events: none !important;
    color: #666 !important;
    cursor: not-allowed !important;
}
.gform-theme--framework select {
    border: 1px solid color-mix(in srgb, var(--Grey) 50%, transparent) !important;
    padding: 0 1rem !important;
    white-space: nowrap;
    overflow-x: auto;
}
.gform-theme--framework .gfield {

}
.gform-theme--framework textarea:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
    background-color: transparent !important;
    border: 0 none !important;
    border-bottom: 1px solid color-mix(in srgb, var(--Grey) 50%, transparent) !important;
    line-height: 2rem !important;
    padding: 0 !important;
}
.gform-theme--framework [type="text"]:focus,
.gform-theme--framework input[type="email"]:focus,
.gform-theme--framework input[type="url"]:focus,
.gform-theme--framework input[type="password"]:focus,
.gform-theme--framework input[type="search"]:focus,
.gform-theme--framework input[type="tel"]:focus,
.gform-theme--framework input[type="number"]:focus,
.gform-theme--framework textarea:focus {
    border-color: #E13B4F !important;
    color: #1a1a1a;
    outline: 0;
}
.gform-theme--framework select {
    background-color: transparent;
    width: 100%;
    margin: 0 0 50px 0;
    padding: 5px 0;
    border: none;
    outline: none;
    border-bottom: 1px solid color-mix(in srgb, var(--Grey) 50%, transparent);
}
form .gform-body .gfield_label.gform-field-label {

    color: var(--Schwarz);
    font-weight: 600;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    background-color: rgba(0,0,0,.1) !important;
}
input:-webkit-autofill:focus {
    background-color: rgba(0,0,0,.1) !important;
}
.field_sublabel_above .ginput_complex {

}
form .gform-body .gfield:is(.gfield--input-type-checkbox, .gfield--input-type-consent) .gfield_label.gform-field-label {
    margin-bottom: var(--space-headline-xs) !important;
}
.gform-theme--framework .field_sublabel_below .gform-field-label--type-sub {
    font-weight: 600;
}
.gform-theme--framework .gform-field-label--type-sub:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
    color: var(--Schwarz) !important;
}
.gfield_required.gfield_required_asterisk {
    color: var(--Schwarz);
    line-height: .9 !important;
    font-size: 1.25rem !important;
}

.readonly {

}

.gform-theme :is(button, button[disabled]:hover, button[disabled]:focus, input[type="button"], input[type="reset"], input[type="submit"]) {
    font-size: var(--size-button) !important;
    line-height: 2.555556rem !important;
}

.ginput_container_consent .gform-field-label,
.ginput_container_checkbox .gform-field-label,
.ginput_container_radio .gform-field-label {
    margin-inline: 0 !important;
    min-height: 30px;
    line-height: 1.4 !important;
    padding-left: 45px !important;
    cursor: pointer;
}
.ginput_container_checkbox .gform-field-label,
.ginput_container_radio .gform-field-label {
    color: var(--Schwarz) !important;
}
.gfield--choice-align-horizontal .ginput_container_checkbox .gform-field-label {
    padding-left: 40px !important;
    line-height: 30px !important;
}
.gfield :is(input[type='checkbox'], input[type='radio']) + .gform-field-label:before {
    content: "";
    position: absolute;
    left: 0;
    width: 30px;
    height: 30px;
    background-color: transparent;
    border: 1px solid color-mix(in srgb, var(--Grey) 50%, transparent);
    line-height: 1;
    pointer-events: none;
    transition: all 0.3s ease;
}
.gfield input[type='radio'] + .gform-field-label:before {
    border-radius: 50%;
}
.gfield :is(input[type='checkbox'], input[type='radio']):checked + .gform-field-label:before {
    content: "\2713"; /* Unicode für ✓-Symbol */
    background-color: black;
    border: 1px solid black;
    color: var(--Weiss);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    pointer-events: none;
}
.gfield input[type='radio']:checked + .gform-field-label:before {
    border-radius: 50%;
}
:is(.ginput_container_radio, .ginput_container_consent) input[type="radio"] {
    display: none !important;
    pointer-events: none;
}
.ginput_container.ginput_container_textarea {
    /*margin-bottom: var(--space-text);*/
    font-size: 14px;
    line-height: 1.2 !important;
}
.gform-theme--foundation .gfield textarea.small {
    min-block-size: 50px !important;
    height: 50px;
}
.gform-theme--framework .gform_required_legend {
    font-size: 13px !important;
}
.gform-theme--framework .gform_required_legend .gfield_required {
    color: var(--Schwarz) !important;
    font-size: var(--size-text) !important;
}
.gform-theme--foundation .gform_footer, .gform-theme--foundation .gform_page_footer {
    margin-block-start: var(--space-widget-set) !important;
}

.row {
    margin-left: calc(var(--grid-gutter) * -1);
    width: calc(100% + var(--grid-gutter) * 2);
}
.col {
    padding: 0 calc(var(--grid-gutter));
}
.gform-theme--foundation .gform_fields {
    column-gap: var(--content-aligning) !important;
    row-gap: var(--space-headline-l) !important;
}
.gform-theme--foundation .ginput_complex .ginput_container_time {
    inline-size: 100%;
    width: calc(50% - var(--gf-field-gap-x) / 2) !important;
}
.gform-theme--foundation form .gform-body .gform_fields .gform-grid-row {
    width: 100%;
}
.gform-theme--foundation form .gform-body .gform_fields .gform-grid-row:is(.ginput_container_name) {
    column-gap: var(--content-aligning);
}
.gform-theme--foundation form .gform-required-legend-bottom {
    display: block;
    width: 100%;
    padding: .5rem 0;
    font-size: var(--size-legend);
}
.gform-theme--framework .gfield--type-choice .gchoice {
    position: relative;
}




.gform-theme--foundation .gform-grid-row {
    margin-inline: 0 !important;
}

#ajax-load-more .alm-btn-wrap .alm-load-more-btn {
    position: relative;
    display: inline-block;
    background-color: var(--button-bg-color);
    height: 2.555556rem;
    border-radius: var(--button-radius);
    padding: 0 1.66667rem 0 1.66667rem;
    color: var(--button-color);
    font-size: var(--size-button);
    line-height: 2.555556rem;
    white-space: nowrap;
    -webkit-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s;
}
#ajax-load-more .alm-btn-wrap .alm-load-more-btn.done {
    display: none !important;
}

.widget-13 .post-list {
    flex-wrap: wrap;
    gap: calc(var(--grid-gutter) * 2);
}
.widget-13 .post-list.isotope_post_list {
    display: block;
    margin-left: calc(var(--grid-gutter-list) * -1);
    width: calc(100% + var(--grid-gutter-list));
    /*overflow: hidden;*/
}
.widget-13 .post-list .post-item {
    width: calc(33.333% - (4 * var(--grid-gutter) / 3));
}
.widget-13 .post-list.isotope_post_list .post-item {
    float: left;
    margin-bottom: var(--grid-gutter-list);
    width: 33.333%;
    padding-left: var(--grid-gutter-list);
}





.widget-20 {

}
ul.whitepaper-list {

}
ul.whitepaper-list > li {
    border-bottom: 1px solid color-mix(in srgb, var(--Grey) 50%, transparent);
    padding-bottom: var(--space-headline-l);
    margin-bottom: var(--space-headline-l);
}
ul.whitepaper-list > li .whitepaper-content {
    display: flex;
    flex-wrap: wrap;
    column-gap: calc(var(--grid-gutter) * 2);
    row-gap: var(--space-headline-l);
}
ul.whitepaper-list > li .whitepaper-content .whitepaper-header {
    width: 100%;
}
ul.whitepaper-list > li .whitepaper-content .whitepaper-cover {
    width: calc(25% - var(--grid-gutter) * 2);
}
ul.whitepaper-list > li .whitepaper-content .whitepaper-cover > div {
    /*box-shadow: 3px 3px 0px 1px rgba(0,0,0,0.15);*/
    box-shadow: 10px 10px 13px -10px rgba(0,0,0,0.15);
}
ul.whitepaper-list > li .whitepaper-content .whitepaper-body {
    width: 75%;
}
ul.whitepaper-list > li .whitepaper-content .whitepaper-body .text-block {

}
ul.whitepaper-list > li .whitepaper-content .whitepaper-body .text-block .title {
    font-weight: 600;
}
ul.whitepaper-list > li .whitepaper-content .whitepaper-body .button {
    display: block;
    float: left;
    margin-top: var(--space-text);
}


body.single-ma-whitepaper .site-content.item-1 .title {
    margin-bottom: var(--space-col);
    font-size: var(--size-h4);
}
body.single-ma-whitepaper .site-content.item-1 .fact-list {

}
.text-block ul.fact-list {
    display: flex;
    flex-wrap: wrap;
    row-gap: var(--space-headline-xs);
}
.text-block ul.fact-list > li {
    position: relative;
    width: 100%;
    padding-left: 1.555556rem;
}
.text-block ul.fact-list > li:before {
    position: absolute;
    width: 1.111111rem;
    height: 100%;
    background-color: transparent;
    background-image: url("assets/graphics/icon-check.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

body.single-ma-whitepaper #more_posts ul.whitepaper-list {
    display: flex;
}
body.single-ma-whitepaper #more_posts ul.whitepaper-list > li {
    width: 50%;
}
body.single-ma-whitepaper #more_posts ul.whitepaper-list > li .whitepaper-link {
    display: flex;
    column-gap: var(--grid-gutter);
}
body.single-ma-whitepaper #more_posts ul.whitepaper-list > li .whitepaper-cover {
    width: 20%;
}
body.single-ma-whitepaper #more_posts ul.whitepaper-list > li .title {
    display: block;
    width: calc(80% - var(--grid-gutter));
    font-size: var(--size-text);
}





.widget-26 {

}
:is(.widget-16,.widget-26) .post-list {
    flex-wrap: wrap;
    column-gap: var(--grid-gutter-list);
    row-gap: 1rem;
}
.widget-16 .post-list:not(.archive) .reference-title {
    font-size: var(--size-h4);
}
.post-list .post-item {
    width: calc(33.333% - (2 * var(--grid-gutter-list) / 3));
}
.widget-26 .post-list .post-item {
    position: relative;
    width: 100%;
}
.site-content :is(.widget-26) .post-list .post-item {
    padding: 2rem 1rem;
}
html.lenis .site-content :is(.widget-26) .post-list .post-item {
    transform: translateX(100px);
    opacity: 0;
    transition: transform .6s ease-in-out, opacity .6s ease-in-out;
}
html.lenis .site-content :is(.widget-26) .post-list .post-item.is-inview {
    opacity: 1;
    transform: translateX(0px);
}
.site-content:not(.dark-color,.img) :is(.widget-26) .post-list .post-item {
    border: 1px solid color-mix(in srgb, var(--Grey) 50%, transparent); /* 50% Deckkraft */
}
.widget-26 .post-list .post-item .post-item-inner {
    position: relative;
    display: flex;
}
.widget-16 .post-list.archive .post-item .post-item-inner .tile-wrapper {
    display: flex;
}
.widget-16 .post-list .post-item .post-item-inner .tile {
    padding: .5rem 0;
}
.widget-16 .post-list .post-item .post-item-inner .tile:first-child {
    background-color: var(--Weiss);
    transition: filter .2s ease-in-out;
}
.widget-16 .post-list .post-item.two_logo .post-item-inner .tile:first-child {
    padding: 1.2rem 0;
}
.widget-16 .post-list.archive .post-item .post-item-inner .tile {
    width: 40%;
}
.widget-16 .post-list.archive .post-item .post-item-inner .tile:first-child {
    transition: filter .2s ease-in-out;
}
.widget-16 .post-list.archive .post-item .post-item-inner .tile + .tile {
    width: 60%;
    padding: 0 1rem;
    box-sizing: border-box;
    /*background-color: color-mix(in srgb, var(--Weiss) 50%, transparent);*/
}
.widget-16 .post-list.archive .post-item .post-item-inner .post-meta {
    float: left;
    width: 100%;
}
.widget-26 .post-list .post-item .post-item-inner .logo {
    width: 40%;
    padding-bottom: 0;
}
:is(.widget-16,.widget-26) .post-list .post-item .post-item-inner .divider {
    padding-bottom: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='22' viewBox='0 0 12 22' fill='none'%3E%3Cpath d='M0.565 0.565L10.691 10.692L0.565 20.818' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1rem auto;
}
.widget-26 .post-list .post-item .post-item-inner .divider {
    width: 20%;
}
.widget-16 .post-list .post-item.two_logo .post-item-inner .divider {
    height: 2rem;
    background-size: 1rem auto;
    transform: rotate(90deg);
}
.widget-16 .post-list .post-item:not(.two_logo) .post-item-inner .divider {
    display: none;
}
.widget-16 .post-list.archive .post-item.two_logo .post-item-inner .divider {
    position: relative;
    z-index: 4;
    height: 1rem;
    background-size: auto 1rem;
    transition: all .2s ease-in-out;
}
.widget-16 .post-list .post-item.is-partner .post-item-inner .divider,
.widget-26 .post-list .post-item.is-partner .post-item-inner .divider,
.single-jc_referenzen .tile-wrapper.is-partner .divider {
    background-image: url("assets/graphics/icon-plus.svg");
    background-size: 1rem auto;
}
:is(.widget-16,.widget-26) .post-list .post-item .logo {
    position: relative;
    padding-bottom: 23% !important;
}
.widget-16 .post-list .post-item .post-item-inner .logo {
    margin: 0 auto;
    width: 60%;
    padding-bottom: 0;
}
.widget-16 .post-list .post-item:not(.two_logo) .post-item-inner .logo {
    padding-bottom: 60% !important;
}
:is(.widget-16,.widget-26) .post-list .post-item .logo img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
    filter: grayscale(1);
    opacity: .5;
    transition: all .2s;
}
.widget-26 .post-meta {
    position: absolute;
    left: 0;
    bottom: -1.5rem;
    width: 100%;
}
.widget-26 .post-meta .reference-title {
    margin: 0;
    color: var(--Aktiv);
    font-weight: 600;
}
.widget-16 .post-meta .post-excerpt {
    margin-top: 1rem;
}

.widget.widget-4 .text-block :is(h1, h2,h3,.headline) {
    padding-right: 0 !important;
}

.widget-28 {

}

.widget-22 {

}
.widget-22 .accordion .card .card-header {
    width: 100%;
    text-align: left;
    background: transparent;
    appearance: none;
}
.widget-22 .button-cloud {

}



.widget-23 {

}
.widget-23 .title {
    margin-bottom: var(--space-text);
    font-weight: 600;
}
ul.radio-button-list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: .75rem;
}
ul.radio-button-list li.radio-button-item {
    width: calc(25% - (3 * .75rem / 4));
}
ul.radio-button-list li.radio-button-item a.radio-button {
    position: relative;
    display: flex;
    justify-content: center;
    margin: 0;
    padding: var(--box-padding);
    padding-top: calc(var(--box-padding) + 50px);
    width: 100%;
    min-height: 100%;
    background-color: var(--MuddyRosa);
    text-align: center;
    font-size: var(--size-text);
    font-weight: 600;
    cursor: pointer;
}
ul.radio-button-list li.radio-button-item a.radio-button:hover {
    color: var(--Schwarz);
}
ul.radio-button-list li.radio-button-item a.radio-button:before {
    content: "";
    position: absolute;
    left: 50%;
    top: var(--box-padding);
    transform: translateX(-50%);
    width: 30px;
    height: 30px;
    background-color: transparent;
    border: 1px solid
    color-mix(in srgb, var(--Grey) 50%, transparent);
    border-radius: 50%;
    line-height: 1;
    pointer-events: none;
    transition: all 0.3s ease;
}
ul.radio-button-list li.radio-button-item a.radio-button:hover:before {
    content: "\2713";
    background-color: black;
    border: 1px solid black;
    color: var(--Weiss);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    pointer-events: none;
}



.widget-24 {
    position: relative;
    max-width: 61rem;
}
.widget-24 .accordion {
    position: relative;
    width: 100%;
}
.widget-24 .accordion .stop_gsap_slide {
    position: sticky;
    z-index: 999;
    right: 0;
    top: calc(var(--height-nav-main) / 3 * 2);
    float: right;
    width: 3rem;
    height: 3rem;
    cursor: pointer;
    display: none;
}
.widget-24 .accordion .stop_gsap_slide.icon:after {
    background-size: 1.6667rem;
}
.widget-24 .accordion.has_focus .stop_gsap_slide {
    display: block;
}
.widget-24 .accordion.gsap-disabled .stop_gsap_slide {
    display: none;
}
.stop_gsap_slide {
    cursor: pointer;
}
.stop_gsap_slide::before {
    content: attr(data-tooltip);
    position: absolute;
    top: 120%;
    right: 0;
    white-space: nowrap;

    background: #000;
    color: #fff;
    font-size: 12px;
    padding: 6px 8px;
    border-radius: 4px;

    opacity: 0;
    pointer-events: none;
    transform: translateY(-4px);
    transition: opacity 0.2s ease, transform 0.2s ease;
    z-index: 1000;
}
.stop_gsap_slide:hover::before {
    opacity: 1;
    transform: translateY(0);
}
.widget-24 .accordion .milestones {
    position: relative;
    padding-bottom: 7rem;
}
.widget-24 .accordion .milestones .milestone-header {
    height: 5rem;
}
.widget-24 .accordion .milestones.swiper-container {
    overflow: visible;
    width: 100%;
}
.widget-24 .accordion .milestones .swiper-slide.swiper-slide-active {

}
.widget-24 .accordion .milestones .swiper-slide .timeline-item {
    position: relative;
    display: flex;
    gap: var(--grid-gutter);
    height: calc(100%);
}
.widget-24 .accordion .milestones .swiper-slide .timeline-item .text-wrapper {
    width: calc(60% - var(--grid-gutter));
    background-color: var(--MuddyRosa);
    padding: var(--box-padding);
}
.widget-24 .accordion .milestones .swiper-slide .timeline-item .text-wrapper .year {
    display: block;
    margin-bottom: var(--space-text);
    width: 40%;
    font-size: var(--size-h3);
    font-weight: 600;
}
.widget-24 .accordion .milestones .swiper-slide .timeline-item .text-wrapper .text-block {

}
.widget-24 .accordion .milestones .swiper-slide .timeline-item .img-wrapper {

}

.widget-24 .accordion .milestones .swiper-pagination {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    bottom: 0;
    padding-bottom: 0;
    text-align: left;
    cursor: default;
}
.widget-24 .accordion .swiper-pagination .swiper-pagination-bullet {
    margin: 0;
    height: auto;
    width: 3.2222rem;
    padding-bottom: .25rem;
    font-size: var(--size-title);
    cursor: pointer;
}
.widget-24 .accordion .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    font-weight: 600;
}
.widget-24 .accordion .swiper-pagination .swiper-pagination-bullet:before {
    top: auto;
    bottom: 0;
}
.widget-24 .swiper-button-prev,
.widget-24 .swiper-button-next {
    position: absolute;
    z-index: 3;
    top: auto;
    bottom: 2rem;
    transform: rotate(180deg);
}
.widget-24 .swiper-button-next {
    right: auto;
    left: 3rem;
    transform: none;
}

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

    .widget-24.parallax .accordion:not(.gsap-disabled) {
        margin-bottom: 14rem;
    }
    .widget-24.parallax .accordion:not(.gsap-disabled) .milestones.show_parallax {
        margin-bottom: 5rem;
    }
    .widget-24.parallax .accordion:not(.gsap-disabled) .milestones.show_parallax .milestone-header {
        position: sticky;
        margin-top: calc(var(--height-nav-main) / 3 * 2);
        padding-top: .5rem;
        left: 0;
    }
    .widget-24.parallax .accordion:not(.gsap-disabled) .milestones.show_parallax .swiper-wrapper{
        width: auto !important;        /* nicht 1100% */
        transition: none !important;
        height: auto;
    }
    .widget-24.parallax .accordion:not(.gsap-disabled) .milestones.show_parallax .swiper-slide{
        flex: 0 0 100% !important;     /* 1 Slide = 1 Viewport */
        width: 100% !important;
    }
    .widget-24.parallax .accordion:not(.gsap-disabled) .milestones.show_parallax .swiper-pagination {
        display: flex;
        flex-wrap: wrap;
        gap: .5rem;
        position: sticky;
        z-index: 4;
        top: auto;
        margin-bottom: var(--space-col);
    }
    .widget-24.parallax .accordion:not(.gsap-disabled) .milestones.show_parallax .swiper-button-prev,
    .widget-24.parallax .accordion:not(.gsap-disabled) .milestones.show_parallax .swiper-button-next {
        top: calc(100vh - 2.777778rem);
        bottom: auto;
    }

}


.widget-25 ul.team-list {
    display: flex;
    flex-wrap: wrap;
    column-gap: var(--grid-gutter);
    row-gap: var(--space-col);
}
.widget-25 ul.team-list > li {
    width: calc(25% - (var(--grid-gutter) * 3 / 4));
}
.widget-25 ul.team-list > li .team-popup {
    display: none;
}
.widget-25 ul.team-list > li .person-body {
    position: relative;
}
.widget-25 ul.team-list > li .person-body.team-popup-trigger {
    cursor: pointer;
}
.person-body .portrait {
    position: relative;
}
.person-body .portrait > div {
    position: relative;
    z-index: 3;
    padding-bottom: 110%;
    overflow: hidden;
}
.widget-25 ul.team-list > li .person-body :is(.portrait, .content):after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--Orange);
    opacity: 0;
    mix-blend-mode: multiply;
    transition: opacity 200ms;
    pointer-events: none;
}
.widget-25 ul.team-list > li .person-body :is(.portrait):after {
    background-color: var(--Rosa);
    mix-blend-mode: multiply;
}
.widget-25 ul.team-list > li .person-body :is(.content):after {
    background-color: var(--Rosa);
    mix-blend-mode: multiply;
}
.widget-25 ul.team-list > li .person-body .portrait {
     transform-style: preserve-3d;
 }
.widget-25 ul.team-list > li .person-body .portrait {
    perspective: 800px;
}
.widget-25 ul.team-list > li .person-body.team-popup-trigger .portrait:before {
    content: "";
    position: absolute;
    z-index: 4;
    right: .6666rem;
    bottom: .6666rem;
    width: 1.6666rem;
    height: 1.6666rem;
    background-color: var(--Weiss);
    background-image: url("assets/graphics/icon-plus.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 65% auto;
    transition: background-color .3s;
}

.widget-25 ul.team-list > li .person-body .portrait > div {
    transition: transform 0.2s ease-in-out;
    backface-visibility: hidden;
    transform: scale3d(1,1,1) translateZ(0);
    transform-style: preserve-3d;
}

.widget-25 ul.team-list > li .person-body .portrait > div > img {
    transition: transform 0.2s ease-in-out;
    backface-visibility: hidden;
    transform: scale3d(1,1,1);
}
.person-body .portrait > div > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}
.person-body .content {
    margin-top: 1rem;
}
.widget-25 ul.team-list > li .person-body .content {
    position: relative;
    z-index: 3;
    margin: 0;
    padding: .75rem;
}
.person-body .content .name {
    display: block;
    font-weight: 600;
}
.person-body .content .position {
    display: block;
    margin-top: .125rem;
}
.person-body .content .link-list {
    margin-top: 1rem;
}

.team-popups-wrapper {
    position: fixed;
    z-index: 199;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s;
    overflow-y: auto;
    overflow-x: hidden;
}

.team-popups-wrapper.active {
    opacity: 1;
    pointer-events: auto;
}

.team-popups-wrapper .team-popups {
    position: relative;
    width: 100%;
    min-height: 100%;
    padding-top: var(--box-padding);
    padding-bottom: var(--box-padding);
    margin: 0 auto;
    box-sizing: border-box;
}

.team-popups-wrapper .team-popups .team-popup {
    position: relative;
    display: none;
    margin: 0 auto;
    width: 55rem;
    max-width: 90%;
    min-height: calc(100vh - 2 * var(--box-padding));
}

.team-popups-wrapper.active .team-popups .team-popup {
    display: block;
    pointer-events: auto;
}
.team-popups-wrapper.active .team-popups .team-popup .icon.close {
    position: absolute;
    display: block;
    top: .555556rem;
    right: .555556rem;
    background-image: url("assets/graphics/icon-close.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 1.666667rem;
    height: 1.666667rem;
    padding: 0;
    text-indent: -9999px;
    overflow: hidden;
    cursor: pointer;
    border: 0;
    background-color: transparent;
    appearance: none;
}
.team-popups-wrapper .team-popups .team-popup .team-popup-inner {
    background-color: var(--Weiss);
    border-radius: 0.444444rem;
    padding: calc(2 * var(--box-padding)) var(--box-padding) var(--box-padding) var(--box-padding);
    min-height: calc(100vh - 2 * var(--box-padding));
}
.team-popups-wrapper .team-popups .team-popup .team-popup-inner .team-popup-content {
    position: relative;
}
.team-popups-wrapper .team-popups .team-popup .team-popup-inner .team-popup-content .team-header {
    width: calc(100% - 17.333333rem - (2 * var(--box-padding)));
}
.team-popups-wrapper .team-popups .team-popup .team-popup-inner .team-header :is(.name, .position) {
    display: block;
}
.team-popups-wrapper .team-popups .team-popup .team-popup-inner .team-header .name {
    padding-bottom: .25rem;
    font-size: 2.111111rem;
    font-weight: 400;
    line-height: 1.1;
}
.team-popups-wrapper .team-popups .team-popup .team-popup-inner .team-header .position {
    font-size: var(--size-h2);
    font-weight: 600;
}
.team-popups-wrapper .team-popups .team-popup .team-popup-inner .team-header .portrait {
    position: absolute;
    right: 0;
    top: 0;
    width: 17.333333rem;
}
.team-popups-wrapper .team-popups .team-popup .team-popup-inner .team-header .portrait > div {
    position: relative;
    padding-bottom: 110%;
}
.team-popups-wrapper .team-popups .team-popup .team-popup-inner .team-header .portrait > div > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}
.team-popups-wrapper .team-popups .team-popup .team-popup-inner .team-header ul.link-list {
    margin-top: .5rem;
}
.team-popups-wrapper .team-popups .team-popup .team-popup-inner .team-body {
    width: calc(100% - 17.333333rem - (2 * var(--box-padding)));
    padding-top: var(--box-padding);
}
.team-popups-wrapper .team-popups .team-popup .team-popup-inner .team-body blockquote {
    margin-top: var(--box-padding);
    background-color: var(--Rosa);
    padding: var(--box-padding);
}
.team-popups-wrapper .team-popups .team-popup .team-popup-inner .team-body blockquote p:last-child {
    margin-bottom: 0;
}

.text-block hr {
    margin-bottom: var(--space-text);
}
strong {
    font-weight: 600;
}

.widget-17 {

}
.widget-17 .button-cloud {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}
.widget-17.left .button-cloud {
    justify-content:left;
}
.widget-17.center .button-cloud {
    justify-content:center;
}
.widget-17.right .button-cloud {
    justify-content:right;
}
.widget-17 .button-cloud .button-item {
    position: relative;
}
.widget-17 .button-cloud .button-item a {
    display: block;
    box-sizing: border-box;
}

.widget-18 {
    position: relative; /* Für GSAP Pinning */
}
.widget-18 .widget-inner {
    position: relative;
}
.widget-18.show_side .widget-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--grid-gutter);
    border-top: 1px solid color-mix(in srgb, var(--Grey) 50%, transparent);
    padding-top: var(--space-text);
}
.widget-18.show_side .side-note {
    width: calc(33.33333% - var(--grid-gutter) / 2);
}
.widget-18.show_side .bottom-text {
    float: right;
    margin-top: var(--grid-gutter);
    padding-top: .5rem;
    width: calc(66.66667% - var(--grid-gutter) / 2);
    border-top: 1px solid color-mix(in srgb, var(--Grey) 50%, transparent);
}
.widget-18.show_side .side-note :is(h2, h3) {
    margin-bottom: var(--space-headline-s);
    font-size: 2.111111rem;
}
.widget-18.show_side .side-note :is(h2, h3) b {
    font-weight: 700;
}
.widget-18.show_side .big-tiles {
    width: calc(66.66667% - var(--grid-gutter) / 2);
}
.widget-18 .big-tiles {
    width: 100%;
}
.widget-18.default .big-tiles {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: var(--grid-gutter);
}
.widget-18.navigational .big-tiles {
    display: flex;
    gap: var(--grid-gutter);
}
.widget-18.navigational .big-tiles .card-container {
    flex: 1;
}
.widget-18 .big-tiles .card-container .tile-item {
    position: relative;
    display: block;
    overflow: hidden;
    padding-bottom: 100%;
}
.widget-18.navigational .big-tiles .card-container .tile-item {
    padding-bottom: 60%;
}
.widget-18.navigational .big-tiles .card-container .tile-item {

}
.widget-18 .big-tiles .card-container a.tile-item:hover {
    color: var(--Schwarz);
}
.widget-18 .big-tiles .card-container .tile-item > .tile-item-inner,
.widget-18 .big-tiles .card-container .tile-item > .tile-item-inner > div:is(.side-a,.side-b) {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform 0.6s ease-in-out .5s;
}
.widget-18 .big-tiles .card-container .tile-item:hover > .tile-item-inner > .side-b {
    transition: transform 0.3s ease-out;
}
.widget-18 .big-tiles .card-container .tile-item > .tile-item-inner > div:is(.side-a,.side-b) {
    padding: var(--grid-gutter);
}
.widget-18 .big-tiles .card-container .tile-item > .tile-item-inner > div:is(.side-a) {
    z-index: 0;
}
.widget-18 .big-tiles .card-container .tile-item > div.side-a {
    background-repeat: no-repeat;
    background-position: center;
    z-index: 2; /* Initial vorne */
    transition: background-color .3s;
}
.widget-18 .big-tiles .card-container .tile-item div:is(.side-a,.side-b) .bg_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--Orange);
    z-index: -1;
    transition: transform 0.3s ease-in-out;
}
.widget-18.navigational .big-tiles .card-container .tile-item div:is(.side-a) .bg_img {
    background-color: var(--Rosa);
}
.widget-18 .big-tiles .card-container .tile-item.show_focus div:is(.side-a) .bg_img {
    background-color: var(--Orange);
}
.widget-18 .big-tiles .card-container .tile-item div:is(.side-b) .bg_img {
    background-color: var(--Rosa);
}
html.lenis .widget-18 .big-tiles .card-container .tile-item div:is(.side-a,.side-b) .bg_img {
    /*transform: scale3d(.95, .95, 1);*/
}
html.lenis .widget-18 .big-tiles .card-container.is-inview .tile-item div:is(.side-a,.side-b) .bg_img {
    /*transform: scale3d(1, 1, 1);*/
}
.widget-18 .big-tiles .card-container .tile-item,
.widget-18 .big-tiles .card-container .tile-item .tile-item-inner {
    transform: scale3d(1, 1, 1);
}
@media screen and (min-width: 768px) {
    html.lenis .widget-18 .big-tiles .card-container .tile-item {
        transform: scale3d(.95, .95, 1);
        transition: transform 0.3s ease-in-out;
    }

    html.lenis .widget-18 .big-tiles .card-container.is-inview .tile-item {
        transform: scale3d(1, 1, 1);
    }

    html.lenis .widget-18 .big-tiles .card-container .tile-item .tile-item-inner {
        transform: scale3d(1.05, 1.05, 1);
        transition: transform 0.3s ease-in-out;
    }

    html.lenis .widget-18 .big-tiles .card-container.is-inview .tile-item .tile-item-inner {
        transform: scale3d(1, 1, 1);
    }
}
.widget-18.navigational .big-tiles .card-container .tile-item,
.widget-18.navigational .big-tiles .card-container .tile-item .tile-item-inner {
    transform: scale3d(1, 1, 1);
}
.widget-18 .big-tiles .card-container .tile-item div.side-a .bg_icon {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30% auto;
    transition: transform 0.6s ease-in-out;
}
.widget-18.navigational .big-tiles .card-container .tile-item div.side-a .bg_icon {
    height: 50%;
    background-size: auto calc(100% - 2rem);
}
.widget-18 .big-tiles .card-container .tile-item div.side-a .title-block {
    position: relative;
    z-index: 1;
}
.widget-18 .big-tiles .card-container.type_image .tile-item .side-a {
    background-size: cover;
}
.widget-18 .big-tiles .card-container .tile-item .side-a .title-block {
    transition: color .5s;
}
.widget-18 .big-tiles .card-container .tile-item .side-a .title {
    margin-bottom: .444444rem;
    font-size: var(--size-h4);
}
.widget-18:not(.show_count) .big-tiles .card-container .tile-item .side-a .title {
    font-size: var(--size-h2);
    line-height: 1.2;
    font-weight: 600;
}
.widget-18.navigational .big-tiles .card-container .tile-item:hover .side-a .title-block {
    position: ;
}
.widget-18 .big-tiles .card-container .tile-item .side-a .title-block > i {
    display: block;
    font-size: var(--size-h3);
    font-style: normal;
    line-height: 1;
}

.card-plus.icon.plus {
    position: absolute;
    z-index: 3;
    padding: 0;
    bottom: var(--grid-gutter);
    right: var(--grid-gutter);
    width: 1.555556rem;
    height: 1.555556rem;
    cursor: pointer;
    transition: color 0.3s ease-in-out;
}
.card-plus.icon.plus:after {
    display: none;
}
.card-plus.icon.plus span {
    position: absolute;
    transition: 300ms;
    background-color: var(--Schwarz);
    border-radius: 2px;
    transform-origin: center;
}
/* Create the "+" shape by positioning the spans absolutely */
.card-plus.icon.plus span:first-child {
    top: 5%;
    bottom: 5%;
    width: 10%;
    left: 45%;
}
.card-plus.icon.plus span:last-child {
    left: 5%;
    right: 5%;
    height: 10%;
    top: 45%;
}
.card.open .card-plus.icon.plus span:first-child {
    transform: rotate(45deg);
}
.card.open .card-plus.icon.plus span:last-child {
    transform: rotate(-45deg);
}

.widget-18 .big-tiles .card-container .tile-item.flipped .icon.plus span {
    transform: rotate(90deg);
    background-color: var(--Schwarz) !important;
}
.widget-18 .big-tiles .card-container .tile-item.flipped .icon.plus span:last-child {
    left: 50%;
    right: 50%;
}





.widget-18 .big-tiles .card-container .tile-item div.side-b {
    /*background-color: var(--Rosa);*/
    transform: translateY(-100%); /* ← NEU: Initial oben versteckt */
    z-index: 0;
}
.widget-18 .big-tiles .card-container .tile-item:hover > div.side-b {

}
.widget-18 .big-tiles .card-container .tile-item div.side-b .text-block {

}
.widget-18 .big-tiles .card-container .tile-item div.side-b .text-block p {
    padding-right: 0;
}
.widget-18 .big-tiles .card-container .tile-item .link.icon.arrow {
    position: absolute;
    left: var(--grid-gutter);
    bottom: var(--grid-gutter);
    width: calc(100% - var(--grid-gutter) * 2);
    font-weight: 500;
}
.widget-18 .big-tiles .card-container .tile-item .link.icon.arrow b {
    display: block;
    font-size: var(--size-title);
    font-weight: 700;
}
/* 3D-Elemente entfernt – kein Flip mehr */
/* GSAP-spezifisch: Pinning und Scroll-Setup */
.widget-18.show_scroll_slide .big-tiles .card-container {
    will-change: transform; /* Optimierung für GSAP */
}
/* Fallback für Klick-Flip: Slide */
.widget-18 .big-tiles .card-container .card-flipper.flipped .side-b,
.widget-18 .big-tiles .card-container .card-flipper:hover .side-b {
    transform: translateY(0); /* Slide rein */
    z-index: 2;
}
.widget-18 .big-tiles .card-container .card-flipper.flipped .side-a,
.widget-18 .big-tiles .card-container .card-flipper:hover .side-a {
    z-index: 0; /* Überdeckt */
    /* Optional: gsap.to({ y: 100% }) für Push-Down-Effekt */
}


.widget-40 {

}
.widget-40 .reference-map-wrapper {
    display: flex;
}
.widget-40 .reference-map-wrapper .reference-map-info {
    position: relative;
    width: 30%;
    padding-top: var(--space-widget);
}
.widget-40 .reference-map-wrapper .reference-map {
    position: relative;
    width: 40%;
}
.widget-40 .reference-map-wrapper .reference-map svg g:is(#east,#west,#north,#southwest,#southeast) {
    cursor: pointer;
}
.widget-40 .reference-map-wrapper .reference-map .interactive-map svg g#deco path {

}
.widget-40 .reference-map-wrapper .reference-map .interactive-map.active svg g#deco path {
    opacity: .7;
}
.widget-40 .reference-map-wrapper .reference-map .interactive-map.active[data-focus-id="east"] svg g#deco :is(.cls-4,.cls-5),
.widget-40 .reference-map-wrapper .reference-map .interactive-map.active[data-focus-id="west"] svg g#deco .cls-9,
.widget-40 .reference-map-wrapper .reference-map .interactive-map.active[data-focus-id="north"] svg g#deco .cls-6,
.widget-40 .reference-map-wrapper .reference-map .interactive-map.active[data-focus-id="southwest"] svg g#deco .cls-11,
.widget-40 .reference-map-wrapper .reference-map .interactive-map.active[data-focus-id="southeast"] svg g#deco .cls-7 {
    fill: var(--Schwarz);
    opacity: 1;
}
.widget-40 .reference-map-wrapper .reference-map-list-wrapper {
    position: relative;
    width: 30%;
    overflow: visible;
    transform: translate(calc(var(--space-col) * -1), var(--space-widget));
}
.widget-40 .reference-map-wrapper .reference-map-list-wrapper nav.reference-map-list-box {
    position: absolute;
    top: calc(var(--space-widget));
    left: calc(var(--space-col) * -1);
    min-width: 17rem;
    background-color: var(--Weiss);
    border-radius: 8px;
    padding: var(--box-padding) calc(var(--box-padding)/3*2);
    will-change: transform;
    transition: transform 0.7s cubic-bezier(.16, 1.2, .32, 1);
}
.widget-40 .reference-map-wrapper .reference-map-list-wrapper nav.reference-map-list-box .icon.close {
    position: absolute;
    top: calc(var(--box-padding)/3*2);
    right: calc(var(--box-padding)/3*2);
    width: 1.666667rem;
    height: 1.666667rem;
    cursor: pointer;
}
.widget-40 .reference-map-wrapper .reference-map-list-wrapper nav.reference-map-list-box .title {
    font-weight: 600;
}
.widget-40 .reference-map-wrapper .reference-map-list-wrapper nav.reference-map-list-box ul.reference-list {
    max-height: 20rem;
    overflow-y: auto;
}
.widget-40 .reference-map-wrapper .reference-map-list-wrapper nav.reference-map-list-box ul.reference-list > li {

}
.widget-40 .reference-map-wrapper .reference-map-list-wrapper nav.reference-map-list-box ul.reference-list > li > a {
    display: block;
    padding: .25rem 0;
    text-decoration: underline;
    transition: color .3s;
}


p.small-text {
    font-size: var(--size-legend);
}


#news_focus .focus-side .series-wrapper {
    margin-bottom: var(--box-padding);
    background-color: var(--MuddyRosa2);
    padding: var(--box-padding);
}
ul.series-list {

}
ul.series-list > li {
    border-bottom: 1px solid color-mix(in srgb, var(--Grey) 50%, transparent);
}
ul.series-list > li > a {
    padding: .5rem 0;
}
#news_focus .focus-side h3 {
    margin-bottom: var(--space-headline-s);
}

ul.experts-list {
    display: flex;
    flex-wrap: wrap;
    column-gap: 8.33333%;
    row-gap: var(--space-widget-set);
    margin-bottom: var(--space-widget-set);
}
ul.experts-list li.experts-item {
    width: 41.66667%;
}
ul.experts-list li.experts-item .experts-item-wrapper {

}
ul.experts-list li.experts-item .experts-item-wrapper .header {
    border-bottom: 1px solid var(--Schwarz);
    padding: 1rem 0;
}
ul.experts-list li.experts-item .experts-item-wrapper .header h2 {
    margin: 0;
    max-width: 25rem;
    font-size: var(--size-h3);
    font-weight: 400;
}
ul.experts-list li.experts-item .experts-item-wrapper .title {
    margin-top: var(--space-text);
    font-size: var(--size-text);
    font-weight: 600;
}
ul.post-link-list {

}
ul.post-link-list li.post-link-item {
    display: flex;
    padding: .25rem 0;
}
ul.post-link-list li.post-link-item i {
    padding-right: .5rem;
    font-style: normal;
    font-weight: 600;
}
ul.post-link-list li.post-link-item a.link {
    font-weight: 600;
}
ul.post-link-list li.post-link-item a.link span {
    display: inline;
    padding: 0 var(--size-text);
    line-height: var(--size-text);
    background-image: url(assets/graphics/icon-arrow-orange.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.111111rem auto;
}


.post-list {
    column-gap: var(--grid-gutter);
    margin-bottom: 0;
}
:is(.widget-10.static, .widget-19, .widget-27, .widget-29) .post-list {
    gap: var(--grid-gutter-list);
}
#news_focus :is(.widget-10, .widget-27, .widget-29) .post-list {
    margin-bottom: 0;
}
.widget.widget-27 .post-list {
    column-gap: 0;
    flex-wrap: wrap;
    margin-left: -.5rem;
    width: calc(100% + 1rem);
}
.widget.widget-27 .post-list .post-item {
    padding: 0 .5rem;
}
.widget.widget-27 .post-list .post-item.col-size-1 {
    flex: 0 0 8.333333%;
    width: 8.333333%;
}
.widget.widget-27 .post-list .post-item.col-size-2 {
    flex: 0 0 16.666667%;
    width: 16.666667%;
}
.widget.widget-27 .post-list .post-item.col-size-3 {
    flex: 0 0 25%;
    width: 25%;
}
.widget.widget-27 .post-list .post-item.col-size-4 {
    flex: 0 0 33.333333%;
    width: 33.333333%;
}
.widget.widget-27 .post-list .post-item.col-size-5 {
    flex: 0 0 41.666667%;
    width: 41.666667%;
}
.widget.widget-27 .post-list .post-item.col-size-6 {
    flex: 0 0 50%;
    width: 50%;
}
:is(.widget-10.static, .widget-19, .widget-29) .post-list .post-item {
    width: calc(33.333% - (2 * var(--grid-gutter-list) / 3));
}
.widget-27 .post-list .post-item {
    width: calc(33.333%);
}
#news_focus :is(.widget-10, .widget-27, .widget-29) .post-list .post-item {
    width: 100%;
}
#news_focus .widget-29 .post-list .post-item {

}
#news_focus .widget-29 .post-list .post-item .post-item-inner {
    position: relative;
    padding-bottom: 2.25rem;
}
#news_focus .widget-29 .post-list .post-item .post-item-inner:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: color-mix(in srgb, var(--Grey) 50%, transparent);
}
.widget-19 .post-list {
    flex-wrap: wrap;
    gap: var(--space-col);
}
/*
:is(.widget-29) .post-list .post-item.post:first-child .post-item-inner:after {
    width: calc(100% + var(--grid-gutter) * 2);
}
*/

body.single-events #registration .bg_img {
    background-color: var(--Rosa);
}
body.single-events .site-content.item-2.item-last {
    padding: 0;
}

body:is(.single-events) .site-content .event-head {
    position: relative;
    z-index: 2;
    margin-bottom: calc(var(--space-widget-set) * 2 + var(--box-padding));
    background-color: var(--Rosa);
}
body:is(.single-events) .site-content .event-head:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: calc(var(--box-padding) * -1);
    left: calc(50% - 50vw + (var(--content-aligning) / 2));
    width: calc(100vw - var(--content-aligning));
    height: calc(100% + var(--box-padding) * 2);
    background-color: var(--Rosa);
}
body:is(.single-events) .site-content .event-head .article-header {
    margin-bottom: calc((var(--space-widget-set) + var(--box-padding)) * -1);
}

body:is(.single-post) .site-content.item-last {
    padding: 0;
}
body:is(.single) .grid__col.grid-meta-box {
    order: 4;
}
.meta-box-wrapper {
    position: relative;
    min-height: 100%;
}

body:is(.single) .site-content :is(.event-head, .article-header) .meta-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: var(--MuddyRosa2);
}
body:is(.single-events) .site-content .event-head .event-meta-box {
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    width: 20rem;
    background-color: var(--Weiss);
}
body:is(.single) .site-content :is(.event-head, .article-header) .meta-box {
    padding: var(--box-padding);
    /*box-shadow: 3px 3px 0px 1px rgba(0,0,0,0.15);*/
}
body:is(.single) .site-content :is(.event-head, .article-header) .meta-box .title {
    font-size: var(--size-h3);
    font-weight: 600;
}
body:is(.single) .site-content :is(.event-head, .article-header) .meta-box ul.meta-infos {
    display: flex;
    flex-wrap: wrap;
    row-gap: var(--space-text);
}
body:is(.single) .site-content :is(.event-head, .article-header) .meta-box ul.meta-infos > li {
    display: flex;
    column-gap: var(--space-col);
    width: 100%;
}
body:is(.single) .site-content :is(.event-head, .article-header) .meta-box ul.meta-infos > li > * {
    display: block;
}
body:is(.single) .site-content :is(.event-head, .article-header) .meta-box ul.meta-infos > li > b {
    width: 4.4444rem;
}
body:is(.single) .site-content :is(.event-head, .article-header) .meta-box ul.meta-infos > li > span {
    width: calc(100% - 4.4444rem - var(--space-col));
}
body:is(.single) .site-content :is(.event-head, .article-header) .meta-box .button-wrapper {
    margin-top: var(--space-col);
    display: flex;
    flex-wrap: wrap;
    row-gap: .5rem;
}
body:is(.single) .site-content :is(.event-head, .article-header) .meta-box .button-wrapper > * {
    flex: 1 1 100%;
    text-align: left;
    max-width: 100%;
}
body:is(.single) .site-content :is(.event-head, .article-header) .meta-box .post-list {
    display: flex;
    flex-wrap: wrap;
    row-gap: var(--space-col);
    margin-bottom: 0;
}
body:is(.single) .site-content :is(.event-head, .article-header) .meta-box .post-list .post-item {
    width: 100%;
}
body:is(.single) .site-content :is(.event-head, .article-header) .meta-box .post-list .post-item .post-link {
    position: relative;
    display: block;
}
body:is(.single) .site-content :is(.event-head, .article-header) .meta-box .post-list .post-item .post-link .date {
    font-size: var(--size-legend);
    opacity: .75;
}



.posts-wrapper :is(.widget-29) .post-list .post-item .post-item-inner:after {
     display: none;
 }
.post-list .post-item .link {
    margin-top: 1rem;
}
.post-list .post-item.event .thumb {
    background-color: transparent;
}
.post-list .post-item.event .thumb img {
    object-fit: contain;
}
.post-list .post-item .body .date {
    opacity: 1;
}
:is(.widget-10, .widget-19, .widget-29) .post-list .post-item .body .title {
    font-size: var(--size-text);
    font-weight: 600;
    transition: color .3s;
}
:is(.widget-13, .widget-27) .post-list .post-item .body > .link {
    display: inline-block;
}
:is(.widget-13, .widget-27) .post-list .post-item .image {
    position: relative;
}
:is(.widget-13, .widget-27) .post-list .post-item .image:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: var(--Orange);
    opacity: 1;
    mix-blend-mode: color;
    pointer-events: none;
}
:is(.widget-13) .post-list .post-item .image:after {
    transition: opacity .3s;
}
:is(.widget-27) .post-list .post-item .image:after {
    transition: opacity .2s;
}
:is(.widget-13, .widget-27) .post-list .post-item .image {
    transition: filter .2s ease-in-out;
}
:is(.widget-13, .widget-27) .post-list .post-item .body .project-title {
    margin-bottom: var(--space-headline-xs);
    padding-right: 5%;
    font-size: 1rem;
    font-weight: 600;
}
:is(.widget-13, .widget-27) .post-list .post-item .body .project-title span {
    display: block;
    margin-bottom: 0.25rem;
    font-size: .8889rem;
    font-weight: 400;
}
:is(.widget-13, .widget-27) .post-list .post-item a {
    display: block;
    pointer-events: auto;
}
:is(.widget-13) .post-list .post-item a {
    font-size: var(--size-h4);
}
:is(.widget-13, .widget-27) .post-list .post-item .body .project-title span:after {
    content: ' –';
}
:is(.widget-13, .widget-27) .post-list .post-item .body {
    padding-top: 0;
}
:is(.widget-13) .post-list .post-item .body .project-title a {
    padding-top: 1.5rem;
}
:is(.widget-27) .post-list .post-item .body .project-title a {
    padding-top: .75rem;
    padding-bottom: .5rem;
}
:is(.widget-27) .post-list .post-item .body .project-title {
    margin-bottom: .25rem;
}
.post-list .post-item .body .excerpt {
    overflow: hidden;
}
:is(.widget-13, .widget-27) .post-list .post-item .body .excerpt {
    margin-bottom: .5rem;
    font-size: 0.88889rem;
    color: var(--Grey);
}
:is(.widget-10, .widget-19, .widget-29) .post-list .post-item .meta {
    position: relative;
    display: flex;
    margin-top: .75rem;
    color: var(--Aktiv);
}
:is(.widget-10, .widget-19, .widget-29) .post-list .post-item .meta > * {
    padding: .2rem 0;
    line-height: 1.1;
}
:is(.widget-10, .widget-19, .widget-29) .post-list .post-item .meta:before {
    content: "";
    display: block;
    position: relative;
    width: calc(var(--size-text) + .75rem);
    background-color: var(--Rosa);
    background-repeat: no-repeat;
    background-position: center;
    background-size: var(--size-text);
}
.widget-29 .post-list .post-item .meta:before {
    margin-right: 0.5rem;
}
.widget-16 .widget-29 .post-list .post-item .meta:before {
    margin-right: 0;
}
:is(.widget-10, .widget-19, .widget-29) .post-list .post-item.post .meta:before {
    background-image: url("assets/graphics/icon-posts.svg");
}
:is(.widget-10, .widget-19, .widget-29) .post-list .post-item.event .meta:before {
    background-image: url("assets/graphics/icon-events.svg");
}
:is(.widget-10, .widget-19, .widget-29) .post-list .post-item .meta > :is(.post-type,.post-categories) {
    position: relative;
    margin-right: 0.5rem;
    padding-right: 0.5rem;
}
section#news_focus :is(.widget-10, .widget-19, .widget-29) .post-list .post-item .meta > :is(.post-categories) {
    display: none;
}
:is(.widget-10, .widget-19, .widget-29) .post-list .post-item .meta > :is(.post-categories):after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: calc(100% - .5rem);
    width: 1px;
    background-color: var(--Aktiv);
}
body:not(.page-template-template-news) .widget-29 .post-list .post-item .meta > .post-categories {
    display: none;
}
.posts-wrapper .widget-29 .post-list .post-item .meta > .post-categories {
    display: block;
}
:is(.widget-10, .widget-16, .widget-19) .post-list .post-item .meta > :is(.post-categories, .post-type):first-child {
    margin-left: .5rem;
}
.widget-29 .post-list .post-item .meta > .post-type {
    background-color: var(--Rosa);
    margin-left: -.5rem;
}
.posts-wrapper .widget-29 .post-list .post-item .meta > .post-type {

}
:is(.widget-10, .widget-13, .widget-27, .widget-29) .post-list .post-item .link {
    margin-top: 0.75rem;
    color: var(--Aktiv);
    font-weight: 600;
}
:is(.widget-29) .post-list .post-item .link {
    position: absolute;
    margin: 0;
    bottom: -2.25rem;
}
.post-list .post-item .thumb {
    overflow: visible;
}
.post-list .post-item .thumb img {
    transition: filter .2s ease-in-out;
}
.post-list .post-item .post-item-inner .thumb:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 161, 115, 0);

    mix-blend-mode: lighten;
    pointer-events: none;
    transition: all .3s;
}

body.single .site-content.item-1 .link.back {
    display: inline-block;
    margin-top: 0;
    margin-bottom: .5rem;
}
body.single .site-content.item-1 .single-main .text-block {

}
.text-block ul {
    display: flex;
    flex-wrap: wrap;
    row-gap: .5rem;
}
.text-block ul li {
    position: relative;
    margin: 0;
    width: 100%;
    padding-left: 1rem;
}
.text-block ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: calc(var(--size-text) / 3 * 2);
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    background-color: var(--Schwarz);
    border-radius: 100%;
}
body.single .article-header {
    position: relative;
    margin-bottom: var(--space-widget-set);
}
body.single .article-header.experts {
    border-top: 8px solid var(--Aktiv);
    background-color: var(--MuddyRosa2);
}
body.single .article-header.experts .header-content {
    padding: var(--box-padding) var(--box-padding) 0 var(--box-padding);
}
body.single .article-header.experts .header-content .kapitel-no {
    margin-bottom: .5rem;
    color: var(--Aktiv);
    font-size: var(--size-h2);
    font-weight: 600;
    line-height: 1;
}
body.single .article-header .header-content h1 {
    font-size: 2.111111rem;
    font-weight: 400;
}
body.single .article-header .image-wrapper {
    position: relative;
    margin-bottom: var(--space-text);
    padding-bottom: 44%;
    /*
    box-shadow: 10px 10px 13px -10px rgba(0,0,0,0.15);
    border: 1px solid rgba(0,0,0,0.15);
    */
}
body.single .article-header .image-wrapper img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}
body.single-events .article-header .image-wrapper img {
    object-fit: contain;
}
body.single .meta-block {
    margin-top: .5rem;
    margin-bottom: .5rem;
    font-size: var(--size-text);
    font-weight: 600;
}
body.single .related-experts {
    display: flex;
    flex-wrap: wrap;
    row-gap: 1rem;

    width: 80%;
    min-width: 16.111111rem;
    float: right;
}
body.single .related-experts .related-item {
    width: 100%;
    border-top: 8px solid var(--Aktiv);
    background-color: var(--MuddyRosa2);
    padding: 1rem;
}
body.single .related-experts .related-item .kapitel-no {
    margin-bottom: .5rem;
    color: var(--Aktiv);
    font-size: var(--size-text);
    font-weight: 600;
    line-height: 1;
}
body.single .related-experts .related-item h3 {
    margin-bottom: var(--space-headline-xs);
    font-size: var(--size-h4);
}
body.single .related-experts .related-item .image-wrapper {
    position: relative;
    padding-bottom: 44%;
}
body.single .related-experts .related-item .image-wrapper img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.button-cloud {
    display: flex;
    gap: .5rem;
    justify-content: center;
}
.widget-22 .accordion + .button-cloud {
    margin-top: var(--space-widget-set);
}
.button-cloud.center {
    text-align: center;
}
.button-cloud.center .button-item {

}

.site-content.faq-page {

}
.site-content.faq-page {
    z-index: 9 !important;
}
body.page-template-template-faq .faq-menu {
    position: sticky;
    z-index: 2;
    top: calc(var(--height-nav-main));
    background-color: var(--MuddyRosa2);
    padding: 1.25rem 1rem;
    border-radius: 4px;
}
@media (min-width: 900px) {
    body.page-template-template-faq .faq-menu {
        margin-top: 3.8rem;
    }
}
/*
body.page-template-template-faq .faq-menu:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: calc(var(--box-padding) * -1);
    top: calc(var(--box-padding) * -1);
    width: calc(100% + var(--box-padding) * 2);
    height: calc(100% + var(--box-padding) * 2);
    background-color: var(--MuddyRosa);
}
*/
body.page-template-template-faq .faq-menu ul.faq-menu-list {
    display: flex;
    flex-wrap: wrap;
    row-gap: .75rem;
}
body.page-template-template-faq .faq-menu ul.faq-menu-list > li {
    position: relative;
    width: 100%;
}
body.page-template-template-faq .faq-menu ul.faq-menu-list > li:after {
    content: "";
    display: none;
    position: absolute;
    bottom: -.5rem;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: color-mix(in srgb, var(--Grey) 50%, transparent);
}
body.page-template-template-faq .faq-menu ul.faq-menu-list > li a.link {
    position: relative;
    z-index: 2;
    display: block;
    font-weight: 600;
    line-height: 1.2;
    opacity: .75;
    transition: opacity .2s;
}
body.page-template-template-faq .faq-menu ul.faq-menu-list > li a.link:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: -1rem;
    height: 150%;
    top: 50%;
    transform: translateY(-50%);
    width: calc(100% + 2rem);
    border-left: 2px solid var(--Aktiv);
    background-color: transparent;
    opacity: 0;
    transition: opacity .2s;
}
body.page-template-template-faq .faq-menu ul.faq-menu-list > li a.link.is-active,
body.page-template-template-faq .faq-menu ul.faq-menu-list > li a.link:hover {
    opacity: 1;
}
body.page-template-template-faq .faq-menu ul.faq-menu-list > li a.link.is-active:before,
body.page-template-template-faq .faq-menu ul.faq-menu-list > li a.link:hover:before {
    opacity: 1;
}
body.page-template-template-faq .section-wrapper {
    display: flex;
    flex-wrap: wrap;
    row-gap: var(--space-widget-set);
    margin-bottom: var(--space-widget);
}
body.page-template-template-faq .section-wrapper .faq-section {
    position: relative;
    width: 100%;
}
body.page-template-template-faq .section-wrapper .faq-section:after {
    content: "";
    display: none;
    position: absolute;
    bottom: calc(var(--space-widget) / 2 * -1);
    left: 0;
    width: 100%;
    height: 1px;
    background-color: color-mix(in srgb, var(--Grey) 50%, transparent);
}
body.page-template-template-faq .section-wrapper .faq-section .anchor {
    display: block;
    position: absolute;
    top: calc(var(--height-nav-main) * -1);
}
body.page-template-template-faq .section-wrapper .faq-section .anchor {
    top: 0;
}
body.page-template-template-faq .section-wrapper .faq-section:first-child .anchor {
    top: calc(var(--height-nav-main) * -1);
}
body.page-template-template-faq .section-wrapper .faq-section .faq-section-title {
    margin-bottom: var(--space-headline-s);
    font-weight: 400;
}
body.page-template-template-faq .section-wrapper .faq-section .faq-items {
    display: flex;
    flex-wrap: wrap;
    row-gap: 4px;
}
body.page-template-template-faq .section-wrapper .faq-section .faq-items article.faq-item {

}
body.page-template-template-faq .section-wrapper .faq-section .faq-items article.faq-item .card {

}
body.page-template-template-faq .section-wrapper .faq-section .faq-items article.faq-item .card .card-header {
    width: 100%;
    border: 0;
    background: var(--MuddyRosa2);
    text-align: left;
    appearance: none;
    border-radius: 4px;
}
body.page-template-template-faq .section-wrapper .faq-section .faq-items article.faq-item .card .card-header .card-title {

}
body.page-template-template-faq .section-wrapper .faq-section .faq-items article.faq-item .card .card-header .card-plus.icon.plus {
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s;
}
body.page-template-template-faq .section-wrapper .faq-section .faq-items article.faq-item .card.open .card-header .card-plus.icon.plus {
    transform: translateY(-50%) rotate(45deg);
}
body.page-template-template-faq .section-wrapper .faq-section .faq-items article.faq-item .card .card-header .card-plus {
    width: 1.222222rem;
    height: 1.222222rem;
}


#site-footer {
    z-index: 10;
    background-color: var(--Weiss);
    font-size: var(--size-legend);
}
#site-footer .bg_img {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - (var(--content-aligning) / 3 * 2));
    /*max-width: calc(var(--content-width) - var(--content-aligning) / 3 * 2);*/
    height: calc(100% - var(--content-aligning) / 3);
    border-radius: var(--box-radius);
    background-color: var(--footer-bg-color);
}
#site-footer .footer-info-block {
    margin-bottom: var(--space-widget);
}
#site-footer .footer-link-block {
    margin-bottom: var(--space-widget);
}
#site-footer .footer-link-block > .grid {
    display: flex;
    flex-wrap: wrap;
    row-gap: var(--space-col);
}
#site-footer .footer-logo {
    max-width: 9.722222rem;
}
#site-footer .footer-logo.partner {
    max-width: 6.944444rem;
    height: auto;
    display: block;
    width: 100%;
}
#site-footer .title.partner {
    font-size: var(--size-legend);
    font-weight: 600;
}
#site-footer .footer-contact-list {
    margin: .5rem 0 0 0;
}
#site-footer .menu-group-menu {
    position: relative;
    padding-top: calc(var(--space-text) / 2);
}
#site-footer .menu-group-menu:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 75%;
    height: 1px;
    background-color: rgba(91, 82, 74, 0.50);
}
#site-footer .menu-group-menu ul.menu {

}
#site-footer .menu-group-menu ul.menu li.menu-item {
    margin-bottom: 0.27778rem;
}
#site-footer .menu-group-menu ul.menu li.menu-item > a {
    padding-left: 0;
    font-size: var(--size-legend);
}
#site-footer .menu-group-menu ul.menu li.menu-item > a:before {
    display: none;
}
#site-footer .menu-group-menu ul.menu > li.menu-item.menu-item-has-children > a {
    font-weight: 600;
}
#site-footer .menu-group-menu ul.menu > li.menu-item.menu-item-has-children > ul.sub-menu {
    margin-top: calc(var(--space-text) / 2);
}

#site-footer ul.social-menu {
    display: flex;
    column-gap: .25rem;
}
#site-footer ul.social-menu > li {

}
#site-footer ul.social-menu > li > a.icon {
    text-indent: -1000px;
    overflow: hidden;
}
#site-footer #privacy-menu ul.menu li.menu-item {
    margin-bottom: 0;
}

#lsp-button-lang-icon {
    margin-right: 0;
}
.lspw-wpml-popup-background {
    background: rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(2px);
}
.lspw-wpml-popup #popup-form-language-close {
    margin-bottom: 0;
}
.lspw-wpml-popup .wpml-popup-inner {
    border-radius: var(--box-radius);
}
body .lspw-wpml-popup button.wpml-popup-button {
    border-radius: var(--box-radius) !important;
    height: 37px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 37px;
}
.lspw-wpml-popup .select2-container--default .select2-selection--single .select2-selection__rendered {
    border-radius: var(--box-radius);
}
.lspw-wpml-popup .select2-container--open .select2-dropdown--below {
    border-radius: var(--box-radius);
}
.lspw-wpml-popup ul.select2-results__options li {
    border-radius: var(--box-radius) !important;
}



#header-large-dropdown .link:hover {
    color: var(--Schwarz);
}
:is(.widget-10, .widget-19, .widget-29) .post-list .post-item .post-item-inner:hover .body .title {
    color: var(--Schwarz);
}
a:not(.post-item-inner,.button):hover, a:not(.post-item-inner,.button):active {
    color: var(--text-color);
}
.contact-widget a.contact-phone:hover {
    color: var(--Schwarz);
}

/* ################# HOVER EFFECTS ###################### */

@media screen and (min-width: 900px) {
    ul#main-navigation > .menu-item.button:hover > a:before {
        transform: translateX(-2rem);
    }
    ul#main-navigation > .menu-item.button:hover > a:after {
        transform: translateX(calc(-100% + .25rem));
    }
    :is(.text-block, .button-wrapper, .button-cloud, .button-container, .has_button) .button:hover,
    body .gform-theme--framework input[type="submit"]:hover {
        background-color: transparent !important;
    }
    :is(.text-block, .button-wrapper, .button-cloud, .button-container, .has_button) .button:not([href^="#"]):hover,
    body .gform-theme--framework input[type="submit"]:hover {
        padding: 0 2.66667rem 0 .66667rem !important;
    }
    :is(.text-block, .button-wrapper, .button-cloud, .button-container, .has_button) .button.black:hover,
    body .gform-theme--framework input[type="submit"]:hover {
        color: var(--Schwarz) !important;
    }
    body .gform-theme--framework input[type="submit"]:hover {
        background-position: right .5rem center;
    }
    :is(.text-block, .button-wrapper, .button-cloud, .button-container, .has_button) .button:not([href^="#"]):hover:after,
    body .gform-theme--framework input[type="submit"]:hover:after {
        transform: translateX(calc(-100% - .75rem));
    }
    :is(.text-block, .button-wrapper, .button-cloud, .button-container, .has_button) .button:is([href^="#"]):hover:before {
        transform: rotate(90deg) translateX(0);
    }
    :is(.text-block, .button-wrapper, .button-cloud, .button-container, .has_button) .button:is([href^="#"]):hover:after {
        transform: rotate(90deg) translateX(2rem);
    }
    :is(.text-block, .button-wrapper, .button-cloud, .button-container) .button[target="_blank"]:hover:before {
        transform: translateX(0);
    }
    :is(.text-block, .button-wrapper, .button-cloud, .button-container) .button[target="_blank"]:hover:after {
        transform: translateX(calc(100% + .75rem));
    }
    ul#main-navigation > .menu-item.button:not(.menu-item-has-children) > a:hover {
        text-decoration: underline;
        padding-left: 0;
        padding-right: 1.5rem;
    }
    ul#main-navigation > .menu-item.menu-item-has-children:hover > a:after {
        transform: translateY(-50%) rotate(-90deg);
    }
    .widget-7.none .accordion:not(.v_tabs) .card .card-header:hover .card-title {
        color: var(--Aktiv);
    }
    .widget-7.none .accordion:not(.v_tabs) .card .card-header:hover .arrow {
        transform: translateY(-50%) rotate(90deg);
    }
    :is(.widget-13, .widget-27) .post-list .post-item .image:hover:after {
        opacity: .25;
    }
    :is(.widget-13) .post-list .post-item .image:has(+ .body .project-title:hover) {
        filter: drop-shadow(.5rem .5rem 0px var(--Orange));
    }
    :is(.widget-13, .widget-27) .post-list .post-item .image:has(+ .body .project-title:hover):after {
        opacity: .25;
    }
    :is(.widget-16,.widget-26) .post-list .post-item:hover .logo img {
        filter: none; /* IE6-9 */
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
        opacity: 1;
    }
    :is(.widget-16,.widget-26) .post-list.archive .post-item:hover .logo img {
        transform: scale3d(1.4, 1.4, 1);
    }
    .widget-15 ul.channel-menu-list li a:hover .image-wrapper:before {
        opacity: 0.2;
    }
    .widget-15 ul.channel-menu-list li .image-wrapper:hover figure:before,
    .widget-15 ul.channel-menu-list li .channel-menu-link:has(a.title-link:hover) .image-wrapper figure:before {
        opacity: .25;
    }
    .widget-15 ul.channel-menu-list li .image-wrapper:hover figure img,
    .widget-15 ul.channel-menu-list li .channel-menu-link:has(a.title-link:hover) .image-wrapper figure img {
        transform: scale3d(1.1, 1.1, 1);
    }
    .widget-15 ul.channel-menu-list li .text-block :is(h1, h2,h3,.headline) .title-link:hover,
    .widget-15 ul.channel-menu-list li a.image-wrapper:hover + .text-block :is(h1, h2,h3,.headline) .title-link {
        color: var(--Aktiv);
        text-decoration: underline;
    }
    .widget-15 ul.channel-menu-list-level-2 li .channel-menu-link.active .channel-menu-link-header .title .link:hover {
        color: var(--Aktiv);
        text-decoration: underline;
    }
    .widget-15 ul.channel-menu-list li .channel-menu-link :is(h1,h2,h3,.headline) .title-link:hover .cta-morph,
    .widget-15 ul.channel-menu-list li a.image-wrapper:hover + .text-block :is(h1, h2,h3,.headline) .title-link .cta-morph.arrow {
        transform: translateY(-50%) translateX(25%);
    }
    .widget-16 .post-list .post-item:hover .post-item-inner .tile:first-child {
        filter: drop-shadow(.5rem .5rem 0px var(--Orange));
    }
    .widget-16 .post-list.archive .post-item:hover .post-item-inner .tile:first-child {
        filter: drop-shadow(.35rem .35rem 0px var(--Orange));
    }
    .widget-16 .post-list.archive .post-item.two_logo:hover .post-item-inner .divider {
        opacity: 0;
        background-size: .25rem auto;
    }
    .widget-24 .accordion .swiper-pagination .swiper-pagination-bullet:hover:before {
        height: 6px;
    }
    .widget-25 ul.team-list > li .person-body.team-popup-trigger:hover :is(.portrait, .content):after {
        height: 100%;
        opacity: .75;
    }
    .widget-25 ul.team-list > li .person-body.team-popup-trigger:hover .portrait > div {
        transform: scale3d(0.925,0.925,0.925);
    }
    .widget-25 ul.team-list > li .person-body.team-popup-trigger:hover .portrait > div > img {
        transform: scale3d(1.2,1.2,1.2);
    }
    .widget-25 ul.team-list > li .person-body.team-popup-trigger:hover .portrait:before {
        background-color: var(--Rosa);
    }
    .widget-18 .big-tiles .card-container .tile-item.card-flipper:hover > div.side-a .bg_icon {
        /*transform: scale(1.2);*/
    }
    .widget-18 .big-tiles .card-container .tile-item:hover > div.side-a .bg_img {
        /*background-color: var(--Aktiv);*/
    }
    .widget-18 .big-tiles .card-container .tile-item .icon.plus span {
        transition-delay: .5s;
    }
    .widget-18 .big-tiles .card-container .tile-item:hover .icon.plus span {
        background-color: transparent;
        transition-delay: 0s;
    }
    :is(.widget-13) .post-list .post-item .image:hover {
        filter: drop-shadow(.5rem .5rem 0px var(--Orange));
    }
    .post-list .post-item .post-item-inner:hover .thumb img {
        /*transform: scale3d(1.15, 1.15, 2);*/
    }
    .post-list .post-item .post-item-inner:hover .thumb img {
        filter: drop-shadow(.5rem .5rem 0px var(--Orange));
    }
    .post-list .post-item .post-item-inner:hover .thumb:after {
        background-color: rgba(255, 161, 115, 0);
        /*backdrop-filter: saturate(30%);*/
    }
    .post-list .post-item:hover .thumb img {
        transform: none;
    }
    .contact-toggle:hover {
        background: var(--Orange);
    }
    .contact-toggle:hover img.icon_a {
        transform: scale(1);
    }
    .contact-toggle:hover img.icon_b {
        transform: scale(1);
        opacity: 1;
    }
    .contact-widget .contact-close:hover {
        background-color: rgba(255,255,255,.5);
    }
    :is(.text-block, .button-wrapper, .button-cloud, .button-container) .button[target="_blank"]:hover {
        padding-left: 3.25rem !important;
        padding-right: 1.66667rem !important;
    }
    body:not(.openmenu) #toggle-mobile-menu:hover .btn11 .icon-left,
    body:not(.openmenu) #toggle-mobile-menu:hover .btn11 .icon-right {
        /*background-color: transparent;*/
    }
    body:not(.openmenu) #toggle-mobile-menu:hover .btn11 .icon-left:before {
        transform: translateY(4px);
    }
    body:not(.openmenu) #toggle-mobile-menu:hover .btn11 .icon-left:after {
        transform: translateY(-4px);
    }
    body:not(.openmenu) #toggle-mobile-menu:hover .btn11 .icon-right:before {
        transform: translateY(4px);
    }
    body:not(.openmenu) #toggle-mobile-menu:hover .btn11 .icon-right:after {
        transform: translateY(-4px);
    }
    :is(.widget-10, .widget-19, .widget-29) .post-list .post-item .post-item-inner:hover .body .title {
        color: var(--Aktiv);
        text-decoration: underline;
    }
    :is(.widget-13, .widget-27) .post-list .post-item .image:hover + .body .project-title > a  {
        text-decoration: underline;
    }
    :not(.button.menu-item.menu-item-has-children) > a:not(.post-item-inner,.button):hover, a:not(.post-item-inner,.button):active {
        color: var(--text-color);
        text-decoration: underline;
    }
    .contact-widget a.contact-phone:hover {
        color: var(--Schwarz);
        text-decoration: underline;
    }
    #header-large-dropdown .btn-close:hover span::before,
    #header-large-dropdown .btn-close:hover span::after {
        background-color: var(--Schwarz);
    }
    #header-large-dropdown .link:hover {
        text-decoration: underline;
    }
    .link.icon.arrow:hover {
        text-decoration: underline;
    }
    .link.icon.arrow:hover:after {
        right: 0;
    }
    body #toggle-mobile-menu:hover:after {
        text-decoration: underline;
    }
    .widget-15 ul.channel-menu-list li a:hover .link.icon.arrow {
        text-decoration: underline;
    }
    .widget-15 ul.channel-menu-list li a:hover .link.icon.arrow:after {
        right: 0;
    }
    .widget-15 ul.channel-menu-list-level-2 li .channel-menu-link.active .channel-menu-link-header .title .link:hover .cta-morph {
        transform: translateY(-50%) translateX(25%);
    }
    .post-list .post-item a.post-item-inner:hover .link {
        text-decoration: underline;
    }
    .post-list .post-item a.post-item-inner:hover .link.icon.arrow:after {
        right: 0;
    }
    #filter_buttons_wrapper .icon.empty:hover {
        transform: translateX(0);
    }
    .filter_button .filter_button_link:hover {
        text-decoration: underline;
    }
    .widget-40 .reference-map-wrapper .reference-map-list-wrapper nav.reference-map-list-box ul.reference-list > li > a:hover {
        color: var(--Aktiv);
    }
}
@media screen and (max-width: 899px) {
    .link {
        color: var(--text-color);
    }
    ul#main-navigation > .menu-item.button > a {
        /*text-decoration: underline;*/
    }
    #header-large-dropdown .link {
        /*text-decoration: underline;*/
    }
    .filter_button .filter_button_link {
        text-decoration: underline;
    }
    .post-list .post-item a.post-item-inner .link {
        text-decoration: underline;
    }
    body #toggle-mobile-menu:after {
        text-decoration: underline;
    }
    .widget-15 ul.channel-menu-list li a .link.icon.arrow {
        text-decoration: underline;
    }
    .link.icon.arrow {
        text-decoration: underline;
    }
    :is(.widget-10, .widget-19, .widget-29) .post-list .post-item .post-item-inner .body .title {
        text-decoration: underline;
    }
    :is(.widget-13, .widget-27) .post-list .post-item .image + .body .project-title > a  {
        text-decoration: underline;
    }
    a:not(.post-item-inner,.button), a:not(.post-item-inner,.button):active {
        text-decoration: underline;
    }
    .contact-widget a.contact-phone {
        text-decoration: underline;
    }
    #site-footer a:hover {
        color: var(--Weiss);
    }
}