/**
 * 11.0 - Media Queries
 */


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

    :root {

        --font-size: 20px;
        --content-width: 1680px;

    }


}


/**
 * 11.1 - <= 1200px
 */

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



}


/**
 * 11.1 - <= 1100px
 */

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

    #site-top:is(.vx-home.has_image, .vx-startseite) .media-container :is(.background-video,.background-image) {
        position: absolute;
    }
    #site-top:is(.vx-home,.vx-startseite) .media-container {
        /*margin-left: 0;
        width: 100%;*/
    }

    .col:is(.col-6, .col-7, .col-8, .col-9) .widget-14 .widget-inner {
        flex-wrap: wrap;
    }
    .col:is(.col-6, .col-7, .col-8, .col-9) .widget-14 .widget-inner > * {
        width: 100%;
    }

}




/**
 * 11.1 - <= 1100px
 */

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

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

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

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

}


/**
 * 11.2 - <= 900px
 */

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

    :root {

        --grid-gutter-list: 1.3338rem;
        --grid-gutter: .6667rem;

        --size-blockquote: 1.375rem;
    }
    :root {
        --space-headline-xl: 2rem;
        --space-headline-l: 1.5rem;
        --space-headline-s: 1rem;
        --space-headline-xs: .5rem;
    }

    blockquote {
        padding-left: var(--grid-gutter);
        padding-right: var(--grid-gutter);
    }

    a:hover, a:active {
        color: inherit;
    }
    .site-content .text-block > p > a.button + a.button {
        margin-top: .5rem;
    }

    body ul#main-navigation {
        position: relative;
        display: block;
    }
    body #site-menubar ul#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);
    }
    ul:is(#main-navigation, #main-navigation-mobile) > .menu-item.button > .sub-menu {
        left: auto;
        right: -2px;
    }

    body #toggle-mobile-menu {
        display: flex;
    }

    body.home #site-top .media-container {
        height: auto;
        padding-bottom: 52%;
    }
    #site-top .media-container :is(.background-video,.background-image) {
        object-position: top;
    }
    #site-top .button-container > .button {
        flex-basis: 100%;
    }
    #site-top .button-container .buttons {
        display: flex;
        flex-wrap: wrap;
        row-gap: 1rem;
    }
    #site-top .button-container .buttons > .button {
        flex-basis: 100%;
    }
    body:not(.page-child) #site-top:is(.vx-home.has_image, .vx-startseite) .media-container :is(.background-video,.background-image) {
        position: absolute;
    }

    body #site-top {

    }
    body.page-child #site-top:is(.vx-home,.vx-startseite) .media-container {
        /* height: 43vh; */
        height: auto;
        padding-bottom: 42%;
    }
    body.page-child:not(.front-page) #site-top .media-container .head-wrapper h1 {
        font-size: 2.75rem;
    }
    #site-top:is(.vx-home,.vx-startseite) .media-container {
        height: 45vh;
    }
    #site-top.vx-home.has_image .button-container {
        flex-wrap: wrap;
        margin-top: 0;
        row-gap: var(--space-text);
    }
    #site-top.vx-home.has_image .button-container .buttons {
        flex-wrap: wrap;
    }
    #site-top:is(.vx-normal) .main-content {
        flex-wrap: wrap;
    }
    #site-top:is(.vx-normal) .media-container {
        margin-top: var(--space-col);
        width: 100%;
    }
    #site-top:is(.vx-normal) .media-container > div {
        padding-bottom: 33.33%;
    }
    #site-top:is(.vx-normal) .media-container.original > div {
        padding-bottom: 0;
    }

    .site-content:is(.img, .color) .bg_img,
    #site-top .bg_img,
    #site-footer .bg_img {
        width: calc(100%);
    }
    .site-content.add_bottom_block_space:is(.color, .black, .img) {
        margin-bottom: var(--space-site-content);
    }
    .site-content.add_bottom_block_space:is(.color, .black, .img) {
        margin-bottom: calc(5vh + var(--space-widget));
    }
    .site-content .widget.hang-over {
        margin-bottom: -5vh;
    }
    :is(.col-12,.col-11,.col-10,.col-9,.col-8,.col-7) .widget-6 .logo-grid .logo-item {
        padding: .5rem 1rem;
    }
    .widget-15 ul.channel-menu-list li a:hover .image-wrapper:before {
        opacity: 0;
    }
    .widget :is(.text-block, .medium-block) :is(h1, h2) {

    }
    .widget :is(.text-block, .medium-block) :is(h3, h4) {
        font-size: var(--size-h4);
    }
    .widget-11 .process-wrapper .index-sidebar {
        width: 10rem;
    }
    .widget-11 .process-wrapper .index-sidebar .index-item {
        width: 7rem;
    }
    .widget-11 .process-wrapper .index-sidebar .index-item > div {
        font-size: 2.75rem;
    }
    .widget-15 ul.channel-menu-list li a:hover .text-block :is(h1, h2,h3,.headline) {
        color: var(--text-color);
    }
    .post-list.archive .post-item {
        width: calc(50% - (var(--grid-gutter-list) / 2));
    }
    .widget-16 .post-list.archive .post-item.two_logo .post-item-inner .tile:first-child {
        padding: .7778rem 0;
    }
    .widget-16 .post-list.archive .post-item .post-item-inner .logo {
        width: 75%;
    }
    .widget-16 .post-list.archive .post-item .logo {
        padding-bottom: 34% !important;
    }
    .widget-18.show_side .side-note {
        width: 100%;
    }
    html.lenis .widget-18 .big-tiles .card-container .tile-item > div.side-a .bg_img {
        transform: scale3d(1, 1, 1);
    }
    .widget-18.show_side .big-tiles {
        width: 100%;
    }
    .widget-18.show_side .bottom-text {
        float: left;
        width: 100%;
    }
    .widget-18 .big-tiles .card-container .tile-item.card-flipper:hover > div.side-a .bg_img {
        transform: scale(1);
    }
    .widget-18 .big-tiles .card-container .tile-item:hover > div.side-a {
        background-color: var(--Orange);
    }
    .widget-18 .big-tiles .card-container .tile-item:hover .icon.plus span {
        background-color: var(--Schwarz);
    }
    .widget-18 .big-tiles .card-container .tile-item:hover .side-a .title-block {
        color: var(--Schwarz);
    }
    .widget-18 .card-plus.icon.plus {
        display: none;
    }
    ul.experts-list {
        column-gap: 4.33333%;
    }
    ul.experts-list li.experts-item {
        width: 47.8%;
    }
    .widget-25 ul.team-list > li {
        width: calc(33% - (var(--grid-gutter) * 2 / 3));
    }
    body.sticky .team-popups-wrapper .team-popups {
        padding-top: calc(var(--height-nav-main) / 3 * 2 + var(--box-padding));
    }
    .team-popups-wrapper .team-popups .team-popup .team-popup-inner .team-popup-content .team-header {
        width: calc(100% - 17.333333rem + var(--box-padding));
    }
    .team-popups-wrapper .team-popups .team-popup .team-popup-inner .team-body {
        width: calc(100% - 17.333333rem + var(--box-padding));
    }
    .team-popups-wrapper .team-popups .team-popup .team-popup-inner .team-header .portrait {
        right: calc(var(--box-padding) * -1);
    }
    .widget-25 ul.team-list > li .person-body:hover .portrait > div > img {
        transform: scale(1);
    }
    .widget-25 ul.team-list > li .person-body:hover .portrait > div {
        transform: scale(1);
    }
    .widget-25 ul.team-list > li .person-body:hover :is(.portrait, .content):after {
        opacity: 0;
    }
    .widget.widget-27 .post-list .post-item.col-size-1 {
        flex: 0 0 25%;
        width: 25%;
    }
    .widget.widget-27 .post-list .post-item.col-size-2 {
        flex: 0 0 25%;
        width: 25%;
    }
    .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%;
    }
    .widget-29 .post-list .post-item .meta > .post-type {
        display: none;
    }
    :is(.widget-10.static, .widget-19, .widget-27, .widget-29) .post-list {
        row-gap: 3rem;
    }
    :is(.widget-10, .widget-19, .widget-29) .post-list .post-item .meta {
        font-size: var(--size-legend);
    }
    .widget-24 .accordion .milestones .swiper-slide .timeline-item {
        flex-wrap: wrap;
    }
    .widget-24 .accordion .milestones .swiper-slide .timeline-item .text-wrapper {
        width: 100%;
    }
    .widget-24 .accordion .milestones .swiper-slide .timeline-item .img-wrapper {
        width: 100%;
    }

    .filter-wrapper {
        flex-wrap: wrap;
    }
    .filter-wrapper #filter_buttons_wrapper {
        width: 100%;
    }
    .filter-wrapper #sorting_select_wrapper {
        width: 100%;
    }

    body.single-avada_portfolio #bewerben .row .col {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        width: 100% !important;
    }

    body.page-template-template-faq .faq-menu {
        margin-bottom: var(--space-col);
        width: 100%;
    }
    body.page-template-template-faq.sticky .faq-menu {
        position: fixed;
        margin-left: calc(var(--content-aligning) * -1);
        top: calc(var(--height-nav-main) / 3 * 2);
        padding: 1.25rem var(--content-aligning);
    }
    body.page-template-template-faq .faq-menu ul.faq-menu-list {
        gap: .75rem
    }
    body.page-template-template-faq .faq-menu ul.faq-menu-list > li {
        width: auto;
    }
    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:before {
        display: none;
    }
    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 {
        text-decoration: underline;
    }
    body.page-template-template-faq .faq-menu ul.faq-menu-list > li a.link.is-active {
        color: var(--Schwarz);
    }
    body.page-template-template-faq .section-wrapper {
        display: flex;
        flex-wrap: wrap;
        row-gap: var(--space-widget-set);
        margin-bottom: var(--space-widget);
    }

    body:is(.single) .site-content :is(.event-head, .article-header) .meta-box {
        position: relative;
        margin-top: var(--space-widget-set);
    }

    .single-wrapper {
        flex-wrap: wrap;
        row-gap: var(--space-col);
    }
    .single-wrapper .single-main {
        width: 100%;
    }
    .single-wrapper .single-side {
        width: 100%;
    }
    body.single-avada_portfolio .single-wrapper .single-main {
        order: 2;
    }
    body.single-avada_portfolio .single-wrapper .single-side {
        order: 0;
    }
    body.single-jc_referenzen .single-wrapper .single-side {
        display: flex;
    }
    body.single-jc_referenzen .single-wrapper .single-side > * {
        width: 50%;
    }
    body.single-avada_portfolio .single-wrapper .single-side .widget {
        display: flex;
        column-gap: var(--content-aligning);
    }
    .single-wrapper .single-side .image {
        margin: 0 auto;
        width: 16rem;
    }
    body.single-avada_portfolio .single-wrapper .single-side .single-side-content {
        margin-top: 0;
    }
    body.single-avada_portfolio .single-wrapper .single-side .single-side-content ul:is(.external-links-list,.fact-list) {
        margin-top: 0;
    }

    body.single .related-experts {
        width: 100%;
        min-width: 0;
    }
    body.single .related-experts .related-item h3 {
        font-size: var(--size-legend);
    }
    .single-wrapper .single-main .excerpt {
        margin-bottom: var(--space-col);
        font-size: var(--size-h4);
    }

    #site-footer:before {
        width: 100%;
        height: 100%;
    }
    #site-footer ul.social-menu {
        margin-bottom: var(--space-text);
    }

}


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

    .col {
        order: initial !important;
    }

}

/**
 * 11.3 - <= 768px
 */

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

    #wpadminbar {
        display: none !important;
    }

    :root {
        --space-widget: 5rem;
        --space-widget-set: 3rem;
        --space-col: 2rem;
        --space-site-content: 5rem;
        --space-footer: 4rem;
    }

    .hide_on_mobile {
        display: none;
    }
    .site-content.widget-set .widget {
        margin-bottom: var(--space-widget);
    }

    .button-cloud {
        display: flex;
        width: 100%;
        gap: .5rem;
        justify-content: center;
    }
    .button-cloud .button-item {
        width: 100%;
    }
    .button-cloud .button-item .button {
        width: 100%;
        box-sizing: border-box;
    }

    .site-content.add_bottom_block_space:is(.color, .black, .img) {
        margin-bottom: var(--space-widget) !important;
    }
    .site-content.add_bottom_block_space.no-bottom-space:is(.color, .black, .img) {
        margin-bottom: 0 !important;
    }

    body.openmenu #header-large-dropdown {
        overflow-y: auto;         /* vertikales Scrollen aktivieren */
        overflow-x: hidden;

        -webkit-overflow-scrolling: touch;
    }
    #site-header a.logo {
        height: 2.5rem;
    }
    #site-top .head-container {
        display: block;
    }
    #site-top:is(.vx-home,.vx-startseite) .media-container {
        padding-bottom: 70%;
        height: auto;
    }
    #site-top:is(.vx-normal,.has_image):not(.archive) .head-container .head-wrapper {
        width: 100%;
    }
    #site-top h1 {
        margin-bottom: var(--space-headline-s);
    }
    #site-top h1:after {
        display: none;
    }
    #site-top:is(.vx-startseite,.has_image) h1 {
        margin-bottom: 1rem !important;
        font-size: 2.2222rem;
        line-height: 1.2;
    }
    body.page-child:not(.front-page) #site-top .media-container .head-wrapper h1 {
        font-size: 2.2222rem;
    }
    #site-top .button-container {
        row-gap: 1rem;
    }
    #site-top .button-container > .spacer {
        display: none;
    }

    body #header-large-dropdown-inner .popup-menu-button-container #popup-settings-button {
        /*height: auto;*/
    }

    .site-content.add_bottom_block_space:is(.color, .black, .img) {
        margin-bottom: calc(var(--space-site-content));
    }
    .site-content .widget.hang-over {
        margin-bottom: var(--space-widget-set);
    }
    .post-list .post-item .post-item-inner:hover .thumb img {
        transform: none;
    }
    .widget :is(.text-block, .medium-block) :is(h3) {
        font-size: var(--size-h3);
    }
    .widget-11 .process-wrapper {
        margin-left: calc(var(--grid-gutter) * -1);
        width: calc(100% + var(--grid-gutter));
    }
    .widget-11 .process-wrapper .index-sidebar {
        width: 4rem;
    }
    .widget-11 .process-wrapper .index-sidebar .index-item {
        width: 3rem;
    }
    .widget-11 .process-wrapper .index-sidebar .index-item > div {
        font-size: 1.6667rem;
        font-weight: 300;
    }
    :is(.col-12,.col-11,.col-10,.col-9,.col-8,.col-7) .widget-6 .logo-grid .logo-item {
        flex: 0 0 calc(100% / 2);
    }
    :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% / 4);
    }
    :is(.col-6,.col-5,.col-4,.col-3,.col-2,.col-1) .widget-6 .logo-grid .logo-item {
        flex: 0 0 calc(100% / 1);
    }
    :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% / 2);
    }
    .col:is(.col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) .widget-14 .widget-inner {
        flex-wrap: wrap;
    }
    .col:is(.col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) .widget-14 .widget-inner > * {
        width: 100%;
    }
    .filter-wrapper #filter_buttons_wrapper {
        width: 100%;
    }

    .filter-dropdown-toggle {
        display: flex;
    }

    .filter-button-list {
        display: none;
        position: absolute;
        top: calc(100% + 2px);
        left: 0;
        width: 100%;
        flex-direction: column;
        gap: 0.25rem;
        background: var(--Weiss);
        border: 1px solid color-mix(in srgb, var(--Grey) 50%, transparent);
        border-radius: var(--border-radius);
        padding: 0;
        z-index: 100;
        box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    }

    .filter_button.active .filter_button_link {
        border-color: var(--Orange);
        background-color: var(--Orange);
    }
    #filter_buttons_wrapper.is-open .filter-button-list {
        display: flex;
    }

    .filter-button-list .filter_button {
        display: block;
        width: 100% !important;
    }

    .filter_button .filter_button_link {
        width: 100%;
        border: 0;
        border-radius: calc(var(--border-radius) / 3 * 2);
        text-align: left;
        text-decoration: none;
        line-height: 2rem;
        padding: 0 0.75rem;
    }

    .filter_button.default .filter_button_link {
        background: transparent;
        color: var(--Schwarz);
    }
    .filter_button.default.active .filter_button_link,
    .filter_button.active .filter_button_link {
        background: var(--Orange);
        color: var(--Schwarz);
        border: 0;
    }
    .widget-15 ul.channel-menu-list li .link.ux.icon {
        margin-top: -.5rem;
    }
    .post-list .post-item {
        width: calc(50% - (var(--grid-gutter-list) / 2));
    }
    .link.icon:after {
        width: 1.5rem;
    }
    .widget-18.default .big-tiles {
        display: flex;
        flex-wrap: wrap;
    }
    .widget-18.default .big-tiles > * {
        width: 100%;
    }
    .widget-18 .big-tiles .card-container .tile-item.card-flipper {
        padding-bottom: 0;
    }
    .widget-18 .big-tiles .card-container .tile-item.card-flipper > .tile-item-inner,
    .widget-18 .big-tiles .card-container .tile-item.card-flipper > .tile-item-inner > div:is(.side-a,.side-b) {
        position: relative;
        height: auto;
    }
    .widget-18 .big-tiles .card-container .tile-item.card-flipper > .tile-item-inner > div:is(.side-a) {
        min-height: 5.555556rem;
    }
    .widget-18 .big-tiles .card-container .tile-item.card-flipper > .tile-item-inner > div:is(.side-a) .bg_img {
        background-color: var(--Rosa);
    }
    .widget-18 .big-tiles .card-container .tile-item.card-flipper div.side-a .bg_icon {
        background-size: auto 60%;
        background-position: center right var(--grid-gutter);
    }
    .widget-18 .big-tiles .card-container .tile-item.card-flipper > .tile-item-inner > div:is(.side-a,.side-b) {
        position: relative;
        height: auto;
    }
    .widget-18 .big-tiles .card-container .tile-item .link.icon.arrow {
        display: block;
        position: relative;
        left: 0;
        bottom: auto;
        width: auto;
        margin-top: var(--space-headline-s);
        margin-bottom: var(--space-headline-s);
    }
    .widget-18 .big-tiles .card-container .tile-item div.side-b {
        transform: none;
    }
    .person-body .content .name {
        font-size: var(--size-title);
    }
    ul.link-list.social > li > a.link {
        height: 2.5rem;
        width: 2.5rem;
    }
    ul.link-list.social > li > a.link.icon:after {
        width: 1.75rem;
    }
    .widget-25 ul.team-list > li {
        width: calc(50% - (var(--grid-gutter) / 2));
    }
    .team-popups-wrapper .team-popups .team-popup .team-popup-inner .team-popup-content .team-header {
        width: 100%;
    }
    .team-popups-wrapper .team-popups .team-popup .team-popup-inner .team-body {
        width: 100%;
    }
    .team-popups-wrapper .team-popups .team-popup .team-popup-inner .team-header .portrait {
        position: relative;
        width: 17.333333rem;
    }
    .team-popups-wrapper .team-popups .team-popup .team-popup-inner .team-header .portrait {
        right: auto;
    }
    .post-list .post-item .post-item-inner {
        margin-bottom: 0;
    }
    .widget-24 .accordion .milestones {
        padding-bottom: 3rem;
    }
    .widget-24 .accordion .milestones .swiper-pagination {
        position: relative;
        bottom: auto;
        margin-bottom: 1rem;
    }
    .widget-24 .swiper-button-prev,
    .widget-24 .swiper-button-next {
        bottom: 0;
    }
    .widget-29 .post-list .post-item .link {
        margin: 0;
    }
    .widget-29 .post-list .post-item .meta > .post-type {
        display: block;
    }
    .widget-40 .reference-map-wrapper {
        flex-wrap: wrap;
    }
    .widget-40 .reference-map-wrapper .reference-map-info {
        width: 100%;
        padding-top: 0;
    }
    .widget-40 .reference-map-wrapper .reference-map {
        width: 50%;
    }
    .widget-40 .reference-map-wrapper .reference-map-list-wrapper {
        width: 50%;
        transform: translate(calc(var(--space-col) * -1), .5rem);
    }
    .widget-40 .reference-map-wrapper .reference-map-list-wrapper nav.reference-map-list-box {
        left: calc(var(--space-widget-set) * -1);
        min-width: 0;
        width: calc(100% + var(--space-widget-set));
        padding-top: calc(var(--box-padding) / 2);
        padding-bottom: calc(var(--box-padding) / 2);
        padding-right: 0;
    }
    .widget-40 .reference-map-wrapper .reference-map-list-wrapper nav.reference-map-list-box ul.reference-list {
        max-height: 11.1111rem;
    }

    body.single .related-experts {
        margin-top: var(--space-widget-set);
    }
    body.single .related-experts .related-item h3 {
        font-size: var(--size-title);
    }
    body.single-ma-whitepaper #more_posts ul.whitepaper-list {
        flex-wrap: wrap;
    }
    body.single-ma-whitepaper #more_posts ul.whitepaper-list > li {
        width: 100%;
    }

    body.single .site-content.item-1 .link.back {
        margin-bottom: var(--space-text);
    }
    .addtoany_list a, .widget .addtoany_list a {
        padding: 0 8px;
    }

    .widget-18.default .big-tiles {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr;
    }

    body.single .related-experts .related-item .kapitel-no {
        font-size: var(--size-h3);
    }

    #site-footer .title.partner {
        margin-top: var(--space-widget);
    }
    #site-footer ul.social-menu {
        column-gap: .5rem;
    }

    .contact-widget a.contact-phone {
        font-weight: 600;
        text-decoration: underline;
    }

}


/**
 * 11.4 - <= 600px
 */

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

    :root {
        --font-size: 18px;
        --space-text: 1.38889rem;
    }
    :root {
        --grid-gutter-list: 3.3336rem;
    }

    ul:is(#main-navigation, #main-navigation-mobile) > .menu-item.button > .sub-menu {
        left: -2px;
        right: auto;
    }
    body:is(.single-jc_referenzen, .single-avada_portfolio) .widget h1 {
        font-size: 3.111111rem;
    }
    .link.icon.arrow:after {
        right: 0;
    }
    :is(.text-block, .button-wrapper, .button-cloud, .button-container, .has_button) .button:after {
        top: 50%;
        transform: translateY(-50%);
    }
    :is(.text-block, .button-wrapper, .button-cloud, .button-container, .has_button) .button:before {
        display: none !important;
    }

    #site-top:is(.vx-home,.vx-startseite) .media-container {
        width: 100vw;
        margin-left: calc(var(--content-aligning) / 3 * -2);
        margin-right: calc(var(--content-aligning) / 3 * -2);
    }

    body.home #site-top .media-container {
        padding-bottom: 62%;
    }

    .widget-16 .post-meta .post-excerpt {
        margin-top: 0;
    }
    .post-list .post-item .link {
        margin-top: 0.5rem;
    }

    .person-body .portrait {
        max-width: 15rem;
    }
    body #header-large-dropdown-inner ul#main-navigation-mobile {
        
    }
    body #header-large-dropdown-inner ul#main-navigation-mobile:not(:has(> div.popup-menu-button-container)) {
        column-gap: 0.5rem;
        float: none;
    }
    body #header-large-dropdown-inner ul#main-navigation-mobile > .menu-item {
        margin-left: 3rem;
    }
    body #header-large-dropdown-inner ul#main-navigation-mobile:not(:has(> div.popup-menu-button-container)) > li.menu-item {
        margin-left: 0;
        margin-right: 0;
    }
    body #header-large-dropdown-inner .popup-menu-button-container {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
    }
    #site-top .main-content {
        display: flex;
        flex-wrap: wrap;
    }
    #site-top .logos-container {
        position: relative;
        top: auto;
        right: auto;
        flex-wrap: nowrap;
        order: 2;
        margin-top: var(--space-widget-set);
        /*margin-bottom: var(--space-widget-set);*/
    }
    #site-top.has_logos .text-block {
        padding-right: 0;
    }
    #site-top .button-container {

    }
    #site-top .head-container {

    }
    #site-navbar {
        height: 5rem;
    }
    #site-wrapper {
        padding-top: 5rem;
    }
    .gallery.gallery-size-medium {
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    }
    .gallery.gallery-size-large {
        grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    }
    .widget .text-block > p > a.button {
        display: block;
        text-align: center;
    }
    .widget-1 > .button {
        position: relative;
        margin-top: var(--space-widget-set);
    }
    .widget-8 .cite-wrapper.portrait .portrait {
        margin: 0 auto;
    }
    .widget-8 .cite-wrapper.portrait {
        display: block;
    }
    .widget-8 .cite-wrapper.portrait .content {
        width: 100%;
    }
    .widget-8 .cite-wrapper.portrait blockquote {
        margin: var(--box-padding) 0 calc(var(--box-padding)/2) 0;
    }
    .widget-8 .cite-wrapper.portrait .infos {
        display: block;
        margin: 0;
    }
    .widget-8 .cite-wrapper .infos .position {
        float: left;
        margin-top: calc(var(--box-padding)/2);
    }

    :is(.widget-13) .post-list.isotope_post_list {
        width: calc(100% + var(--grid-gutter-list));
    }
    ul.experts-list li.experts-item {
        width: 100%;
    }
    .widget-17.center .button-cloud {

    }
    .widget-17.center .button-cloud .button-item {
        min-width: 100%;
    }
    .widget-17.center .button-cloud .button-item a {
        width: 100%;
        text-align: center;
    }
    ul.radio-button-list li.radio-button-item {
        width: calc(50% - (.75rem / 2));
    }
    .team-popups-wrapper .team-popups .team-popup .team-popup-inner {
        padding: var(--box-padding);
        min-height: calc(100vh - var(--box-padding));
    }
    .widget-18.navigational .big-tiles {
        display: flex;
        flex-wrap: wrap;
    }
    .widget-18.navigational .big-tiles > * {
        flex: 1 1 100% !important;
    }
    .widget-18.navigational .big-tiles .card-container .tile-item {
        padding-bottom: 40%;
    }
    .widget-18.navigational .big-tiles .card-container .tile-item div.side-a .bg_icon {
        height: 100%;
        background-size: auto 60%;
    }
    .widget-24 .accordion .milestones .swiper-slide .timeline-item .text-wrapper .year {
        font-size: var(--size-h1);
    }
    .widget.widget-27 .post-list .post-item.col-size-1 {
        flex: 0 0 33.333333%;
        width: 33.333333%;
    }
    .widget.widget-27 .post-list .post-item.col-size-2 {
        flex: 0 0 33.333333%;
        width: 33.333333%;
    }
    .widget.widget-27 .post-list .post-item.col-size-3 {
        flex: 0 0 33.333333%;
        width: 33.333333%;
    }
    .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%;
    }
    .widget-29 .post-list {
        flex-wrap: wrap;
    }
    #news_focus .widget-29 .post-list .post-item:first-child{
        margin-bottom: calc(var(--space-widget));
    }
    .widget-29 .post-list .post-item {
        margin-bottom: 0;
    }
    #news_focus .widget-29 .post-list .post-item.event{
        margin-bottom: calc(var(--space-widget));
    }
    :is(.widget-10, .widget-19, .widget-29) .post-list .post-item .meta {
        font-size: var(--size-text);
    }
    :is(.widget-10.static, .widget-19, .widget-27, .widget-29) .post-list .post-item {
        width: 100%;
    }
    .post-list .post-item .post-item-inner {
        min-height: 0;
    }
    .widget-29 .post-list .post-item .link {
        position: relative;
        display: block;
        bottom: auto;
    }
    .widget-29 .post-list .post-item .post-item-inner + .link {
        margin-top: var(--space-col);
    }

    body.single-avada_portfolio .single-wrapper .single-side .widget {
        flex-wrap: wrap;
    }
    .single-wrapper .single-side .image {
        margin-bottom: var(--space-text);
        width: 100%;
    }
    body.single-avada_portfolio .single-wrapper .single-side .image {
        padding-bottom: 75%;
    }
    body.single-avada_portfolio .single-wrapper .single-side .image img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    body.single-jc_referenzen .single-wrapper .single-side .tile-wrapper {

    }

    body.page-template-template-faq.sticky .faq-menu {
        position: relative;
        margin-left: 0;
        top: 0;
        padding: 1.25rem 1rem;
    }

}





/**
 * 11.4 - <= 480px
 */

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

    :root {

        --content-aligning: 1.1111rem;
        --size-text-very-big: 1.3333;
        --size-h1: 2rem;
        --size-h2: 1.3333rem;
        --size-h3: 1.3333rem;
        --size-h4: 1rem;
        --size-h5: 1rem;
        --size-h6: 1rem;
        --size-title: 1rem;
        --size-title-small: 0.9rem;
        --size-button: 1.111111rem;
        --size-blockquote: 1.111111rem;

        --box-padding: 1rem;

        --space-widget: 4rem;
        --space-widget-set: 2.5rem;
        --space-col: 1.75rem;
        --space-site-content: 4rem;
        --space-footer: 3.25rem;

    }

    .widget .text-block > p > a.button,
    .button-wrapper > a.button {
        white-space: normal;
        height: auto;
        padding-top: .5rem !important;
        padding-bottom: .5rem !important;
        line-height: 1.4;
    }

    body.page-child #site-top:is(.vx-home,.vx-startseite) .media-container {
        padding-bottom: 64%;
    }
    #site-top.has_image h1 {
        font-size: 1.5rem !important;
    }
    .button, a.button {
        padding: 0 .66667rem 0 .66667rem !important;
    }
    #site-top h1 {
        /*word-break: break-all;*/
    }
    .widget .text-block a:not(.button) {
        text-decoration: underline;
    }
    #news_focus .widget-29 .post-list .post-item:first-child {
        margin-bottom: calc(var(--space-col));
    }
    #news_focus .widget-29 .post-list .post-item .post-item-inner {
        padding-bottom: 1rem;
    }
    #news_focus .widget-29 .post-list .post-item.event {
        margin-bottom: 0;
    }
    #site-footer .footer-logo {
        max-width: 8.5rem;
    }
    #site-footer .footer-logo.partner {
        max-width: 5.75rem;
    }
    blockquote {
        padding-left: 0;
        padding-right: 0;
    }
    .link.icon.arrow {
        font-size: var(--size-button);
    }
    #site-navbar {
        height: 4rem;
    }
    #site-wrapper {
        padding-top: 4rem;
    }
    #site-header a.logo {
        height: 2rem;
    }
    ul:is(#main-navigation, #main-navigation-mobile) > .menu-item.button > .sub-menu > .menu-item > a {
        font-size: var(--size-text);
    }
    .widget.widget-4 .logo {
        width: 6rem;
    }
    .widget-1 > .text-block {

    }
    .widget-7.none .accordion:not(.v_tabs) .card .card-header:hover .card-title {
        color: var(--Schwarz);
    }
    .widget-8 .cite-wrapper.portrait .infos .name {
        max-width: none;
    }
    .widget-6 .logo-grid {
        justify-content: center;
    }
    .widget-6 .logo-grid .logo-item {
        max-width: 13.3333rem;
    }
    .post-list .post-item {
        width: 100%;
    }
    .post-list.archive .post-item {
        width: 100%;
    }
    .widget-13 .post-list.isotope_post_list .post-item {
        width: 100%;
    }
    .widget-18 .big-tiles .card-container .tile-item > div.side-b .text-block {
        font-size: 0.8889rem;
    }
    .widget-25 ul.team-list > li {
        width: 100%;
    }
    body.sticky .team-popups-wrapper .team-popups {
        padding-top: calc(var(--height-nav-main) / 3 * 2 + var(--box-padding));
    }
    .team-popups-wrapper .team-popups .team-popup .team-popup-inner {
        padding-left: calc(var(--box-padding));
        padding-right: calc(var(--box-padding));
    }
    .team-popups-wrapper .team-popups .team-popup .team-popup-inner .team-header .portrait {
        margin: var(--space-text) 0;
        max-width: 100vw;
        margin-left: calc(var(--box-padding) * -1);
        width: calc(90vw);
    }
    .team-popups-wrapper .team-popups .team-popup .team-popup-inner .team-header .name {
        padding-right: 10%;
    }
    .widget.widget-27 .post-list .post-item.col-size-1,
    .widget.widget-27 .post-list .post-item.col-size-2,
    .widget.widget-27 .post-list .post-item.col-size-3,
    .widget.widget-27 .post-list .post-item.col-size-4,
    .widget.widget-27 .post-list .post-item.col-size-5,
    .widget.widget-27 .post-list .post-item.col-size-6 {
        flex: 0 0 50%;
        width: 50%;
    }

    body.single-jc_referenzen .single-wrapper .single-side {
        display: block;
    }
    body.single-jc_referenzen .single-wrapper .single-side > * {
        width: 100%;
    }

    #site-footer .footer-link-block > .grid {
        display: flex;
        flex-wrap: wrap;
        row-gap: var(--space-col);
    }
    #site-footer .footer-link-block > .grid > .grid__col.grid__col--s-1-of-2 {
        width: 100%;
        margin-left: 0;
    }
    #site-footer .menu-group-menu ul.menu li.menu-item > a {
        padding-left: 0;
        font-size: var(--size-text);
    }
    #site-footer .menu-group-menu ul.menu li.menu-item {
        margin-bottom: 0.5rem;
    }

}