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

    :root {

        --font-size: 20px;

        --content-width: 1560px;

    }

    .c-scrollbar {
        width: 14px;
        background-color: rgba(255, 255, 255, .2);
    }
    .c-scrollbar_thumb {
        background-color: #000;
        border-radius: 10px;
        margin: 2px;
        opacity: .5;
        width: 10px;
    }


}



/**
 * 11.0 - Media Queries
 */


/**
 * 11.1 - <= 1280px
 */

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

    body.loaded_contact_side .widget-3 .widget-inner .contact-side-button {
        width: 3rem;
        height: 3rem;
        border-radius: 3rem;
    }
    body.show_contact_side .widget-3 .widget-inner .contact-side-button {
        right: -3.375rem;
    }
    body.show_contact_side .widget-3 .widget-inner .contact-side-button.active {
        top: 0;
    }


}


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

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

    a.scroll-top:before {
        margin-right: 0;
    }
    a.scroll-top > span {
        display: none !important;
    }

    .reference-list {
        margin-left: -2rem;
        width: calc(100% + 2rem);
    }
    .reference-list .reference-item {
        padding-left: 2rem;
        padding-bottom: 4rem;
    }
    .widget-5 .reference-list {
        column-gap: 2rem;
    }
    .widget-6 .widget-inner .img-container {
        width: 40%;
    }
    .widget-6 .widget-inner .content-wrapper {
        margin-left: calc(-40% + var(--space-widget));
        padding: var(--space-widget-set) var(--space-widget-set) var(--space-widget-set) calc(40% - var(--space-widget) + var(--space-widget-set));
    }
    .widget-6.right .widget-inner .content-wrapper {
        margin-right: calc(-40% + var(--space-widget));
        padding: var(--space-widget-set) calc(40% - var(--space-widget) + var(--space-widget-set)) var(--space-widget-set) var(--space-widget-set);
    }
    .post-list .post-item {
        width: calc(33.333% - 1.333rem);
    }
    .widget-10 {
        margin-left: 0;
        width: 100%;
    }

}


/**
 * 11.1 - <= 1000px
 */

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

    :root {
        --size-button: 1.1rem;
        --size-title: 1.2rem;
        --size-h1: 4.8rem;
        --size-h2: 3rem;
        --size-h3: 2.4rem;
        --size-h4: 1.8rem;
        --size-h5: 1.2rem;
        --size-h6: 1.2rem;

        --space-headline-xl: 2rem;
        --space-headline-l: 1.75rem;
        --space-headline-s: 1.25rem;

    }

    #filter_buttons_wrapper .icon.empty:hover {
        transform: translateX(calc(100% - 3rem));
    }
    .reference-list {
        margin-left: -1rem;
        width: calc(100% + 1rem);
    }
    .reference-list .reference-item {
        padding-left: 1rem;
        padding-bottom: 3rem;
    }

}


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

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

    :root {

        --logo-height: 2.8rem;

        --space-widget: 3.75rem;
        --space-widget-set: 2rem;
        --space-col: 1.25rem;
        --space-site-content: 3.75rem;
        --space-footer: 3.75rem;

        --size-blockquote: 1.4rem;

    }

    h1 {
        font-size: var(--size-h2);
    }
    h2, .headline {
        font-size: var(--size-h3);
    }

    .link_button {
        padding: 0 1.25rem 0 1.25rem;
        line-height: 2.5rem;
    }

    #site-topbar {
        height: 4.5rem;
    }
    body.sticky.scroll-down #site-header.sticky-nav {
        top: -4.5rem;
    }
    #site-header a.logo img {
    }
    #mobile-navigation .mobile-navigation-inner {
        top: 4.5rem;
    }
    #mobile-navigation .main-content {
        padding-bottom: 2rem;
    }
    #mobile-navigation ul.menu:not(#menu-pflichtmenue) {
        margin-top: 10vh;
    }

    #site-top.normal {
        height: 40vw;
        max-height: 100vh;
    }
    #site-top.normal video {
        height: 40vw !important;
    }
    body.normal #CONTENT_WRAPPER {
        margin-top: 40vw;
    }
    .site-filter-wrapper {
        top: calc(40vw - 3.75rem);
        height: calc(100% - 40vw + 3.75rem);
    }
    #filter_buttons_wrapper {
        margin-top: 3.75rem;
    }
    .site-content .has-filter-sticky-area {
        top: -3.75rem;
        height: calc(100% + 3.75rem);
    }
    .site-content.site-archive.has-filter {
        padding-top: 5rem;
    }

    .site-content.item-1 {

    }
    .site-content.widget-set .col:last-child {

    }
    .widget {

    }
    .widget-4 .row {
        row-gap: 1rem;
        margin-left: -.5rem;
        width: calc(100% + 1rem);
    }
    .widget-4 .row .col {
        padding: 0 .5rem;
    }
    .widget-5 .reference-list {
        column-gap: 1rem;
    }
    .widget-6 {
        margin-left: calc(-1 * var(--content-aligning));
        width: calc(100% + (2 * var(--content-aligning)));
        overflow: hidden;
    }
    .widget-6 .widget-inner .img-inner {
        position: relative;
        padding-bottom: 80%;
        overflow: hidden;
    }
    .widget-6 .widget-inner .img-container img {
        position: absolute;
        height: 100%;
        width: auto;
        max-width: none;
        left: 50%;
        transform: translateX(-50%);
    }
    .widget-6 .widget-inner .content-wrapper .text-block {
        padding-right: 0;
    }
    .widget-7.num .widget-inner .text-block .count {
        top: var(--space-headline-xs);
    }
    .widget-7.big_title .widget-inner .text-block .title {
        font-size: var(--size-h4);
    }

    .widget-9 .post-list {
        flex-wrap: wrap;
    }
    .widget:not(.insights-archive).post-list .post-item {
        width: calc(50% - 1.5rem);
    }
    .widget-10 {
        margin-left: calc(-1 * var(--content-aligning));
        width: calc(100% + (2 * var(--content-aligning)));
    }
    .widget-10 .widget-inner {
        padding-left: 20%;
        padding-right: 20%;
    }
    .widget-28 .person-body .portrait .icon.zoom {
        left: .25rem;
        bottom: .25rem;
        width: 1.25rem;
        height: 1.25rem;
    }
    .widget-28 .team-info-layer:after {
        width: 2.25rem;
        height: 1rem;
        top: -1px;
    }
    .widget-28 .person-body .content ul.link-list > li > a.link {
        width: 1.25rem;
        height: 1.25rem;
    }
    #site-footer .footer-logo-text-wrapper {
        justify-content: flex-start;
        margin-bottom: var(--space-widget-set);
    }
    #site-footer img.footer-logo {
        width: 250px;
        margin-right: calc(50% - 250px);
    }

}


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

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

    :root {

        --content-aligning: 30px;

        --size-h1: 3rem;
        --size-h2: 2rem;
        --size-h3: 1.8rem;
        --size-h4: 1.6rem;
        --size-h5: 1rem;
        --size-h6: 1rem;

    }

    .row {
        display: block !important;
    }
    .col{
        width: 100% !important;
    }

    .post-list .post-item:hover .thumb img,
    .widget-28 .person-body:hover .portrait img {
        transform: none;
    }
    .box-listing > li {
        width: 100%;
    }
    .widget-5 .reference-list .reference-item .item-head .title {
         font-size: var(--size-text);
     }
    .reference-list {
        margin-left: calc(-1*var(--content-aligning));
        width: calc(100% + var(--content-aligning));
    }
    .reference-list .reference-item {
        padding-left: var(--content-aligning);
        padding-bottom: 3rem;
    }
    .reference-list > li {
        width: 50%;
    }
    .accordion .card-header {
        padding: 1rem 3rem 1rem 3rem;
    }
    .accordion .card-header:after {
        width: 3rem;
    }
    .accordion .card-header .title:before {

    }
    .accordion .card .card-body {
        padding: 1rem 3rem 2rem 3rem;
    }
    .accordion .card .card-body .text-block {
        padding-right: 0;
    }
    .widget-10 .swiper-button-prev {
        left: calc(10% - 2rem);
    }
    .widget-10 .swiper-button-next {
        right: calc(10% - 2rem);
    }

}

/**
 * 11.3 - <= 767px
 */

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

    #site-top:is(.home, .normal) video {
        position: absolute;
        z-index: 1;
    }

    .site-filter-wrapper {
        top: 40vw;
        height: auto;
    }
    #filter_buttons_wrapper {
        margin-top: 0;
    }
    /* Kill all Scalings for smooth scrolling */
    .widget-31 .img-wrapper {
        top: 0;
        bottom: 0;
    }
    body.blog #insights-archive .insights-archive {
        padding: 0;
    }

    .widget-2.top-indent .text-block {
        padding-top: 0;
    }
    .widget-4 .img-wrapper .img {
        top: 0;
        bottom: 0;
    }
    .widget.insights-archive .post-list .post-item {
        width: calc(50% - var(--space-col));
    }
    .widget:not(.widget-9) .post-list .post-item:nth-child(3n-2),
    .widget:not(.widget-9) .post-list .post-item:nth-child(3n) {
        transform: none;
    }
    .widget-12 .job-list .job-item .job-item-flex > span {
        width: 50%;
        order: 10;
    }
    .widget-12 .job-list .job-item .job-item-flex > span.job_title {
        order: 1;
    }
    .widget-12 .job-list .job-item .job-item-flex > span.gender {
        order: 2;
    }

}


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

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

    :root {

        --logo-height: 2.3rem;

        --size-button: 1rem;
        --size-title: 1.1rem;

        --size-h1: 2.8rem;
        --size-h2: 1.8rem;

        --space-widget: 3rem;
        --space-widget-set: 1.75rem;
        --space-col: 1rem;
        --space-site-content: 3rem;
        --space-footer: 3rem;

    }

    .widget img {
        /*transform: none !important;*/
    }

    .link_button.arrow {
        background-position: .75rem center;
        background-size: 1.4rem auto;
        padding-left: 3rem;
    }
    #site-header a.logo img {
        height: var(--logo-height);
    }
    html.js #top-navigation-wrapper {
        display: none;
    }
    #mobile-menu-wrapper {
        position: relative;
        margin-bottom: 2rem;
        padding-top: 5.75rem;
    }
    #mobile-menu-wrapper #top-nav-move_this {
        position: fixed;
        z-index: 5;
        top: 3.75rem;
        height: 4.75rem;
        left: 0;
        width: 100%;

        overflow: hidden;
        background-color: var(--Black-SCF);
        border-bottom: 1px solid rgba(255,255,255,.25);
        padding: 1.125rem var(--content-aligning) 1.125rem var(--content-aligning);
    }
    #mobile-menu-wrapper #top-nav-move_this .wpml-ls {
        float: right;
    }
    #mobile-menu-wrapper #top-nav-move_this .wpml-ls-legacy-list-horizontal {
        margin: 0;
    }
    #mobile-menu-wrapper #top-nav-move_this #top-navigation {

    }
    #mobile-menu-wrapper #top-nav-move_this ul#top-navigation .menu-item {
        padding: 0 1.5rem;
    }
    #mobile-menu-wrapper #top-nav-move_this ul#top-navigation  li.menu-item:first-child {
        padding-left: 0;
    }
    .social-menu-wrapper,
    #mandatory-menu-wrapper {
        float: left;
        width: 50%;
    }
    .megamenu-address {
        float: none;
        clear: both;
    }
    #mobile-navigation ul.menu:not(#menu-pflichtmenue) {
        margin-top: 0;
    }

    #site-top.home {
        height: auto;
    }
    #site-top.home .top-headline {
        position: relative;
        top: 0;
        transform: translateY(0);
    }
    #site-top.home .home_buttons {
        position: relative;
        column-gap: 1.5rem;
        bottom: auto;
    }
    #site-top.home .content-aligning .main-content {
        padding-top: 3.75rem;
        padding-bottom: 2rem;
    }
    #site-top.home .content-aligning .main-content .top-headline {
        margin-top: 15vh;
        margin-bottom: 10vh;
    }
    #site-top.normal {
        height: 50vw;
    }
    #site-top.normal video {
        height: 50vw !important;
    }
    #site-top.normal .top-img:before {
        content: '';
        position: absolute;
        z-index: 3;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.24) 23.5%, rgba(0, 0, 0, 0.3) 88.62%);
    }
    #site-top.normal h1 {
        font-size: 2rem;
    }
    body.normal #CONTENT_WRAPPER {
        margin-top: 50vw;
    }
    .site-filter-wrapper {
        top: 50vw;
    }
    ul.link-list > li {
        padding: .25rem 0;
    }
    .widget.insights-archive .post-list .post-item {
        width: 100%;
    }
    .widget-3 .widget-inner .box-listing {
        margin-bottom: var(--space-widget);
    }
    body .widget-3 .widget-inner .contact_person_wrapper {
        position: relative !important;
        right: auto !important;
        margin-top: 0 !important;
    }
    .widget-3 .widget-inner .contact_person_wrapper .contact_person_inner {
        transform: none !important;
        padding: 0 !important;
        width: auto !important;
        pointer-events: auto !important;
    }
    body .widget-3 .widget-inner .contact-side-button {
        display: none !important;
    }
    .reference-list > li {
        width: 100%;
    }
    .reference-list {
        margin-left: 0;
        width: 100%;
    }
    .reference-list .reference-item {
        padding-left: 0;
    }
    .reference-list .reference-item .reference-item-inner:hover .item-image img {
        filter: none !important;
    }
    .widget-5 .reference-list {
        flex-wrap: wrap;
    }
    .widget-5 .reference-list .reference-item {
        flex: 0 1 auto;
        width: calc(50% - .5rem);
    }
    .widget-5 .reference-list .reference-item .item-image {
        border: 1px solid #ddd;
    }
    .widget-6 {
        margin-left: 0;
        width: 100%;
    }
    .widget-6 .widget-inner .img-container {
        margin-top: 0;
        width: 100%;
    }
    .widget-6 .widget-inner .content-wrapper,
    .widget-6.right .widget-inner .content-wrapper {
        float: none;
        margin-left: 0;
        width: 100%;
        padding: var(--space-widget-set);
    }
    .widget-6 .widget-inner .img-container img {
        left: 50%;
        transform: translateX(-50%);
    }
    .post-list .post-item {
        width: 100%;
    }
    .widget-7.big_title .widget-inner .text-block .title {
        margin-bottom: .5rem;
        font-size: var(--size-h2);
    }
    .accordion {
        border-bottom-width: var(--line-width);
    }
    .accordion svg.curved-line {
        display: none;
    }
    .accordion .card .card-body {
        padding: 1rem 1rem 2rem 3rem;
    }
    .my_columns {
        display: block;
    }
    .my_columns > div.pdf-cover {
        margin-bottom: var(--space-widget-set);
        width: 7rem;
    }
    .my_columns > div.text-block {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .widget-28 .grid.flex {
        display: flex;
    }
    .widget-28 .person-body .content ul.link-list {
        column-gap: 1rem;
        margin-top: .5rem;
    }
    .widget-28 .person-body .content ul.link-list > li > a.link {
        width: 1rem;
        height: 1rem;
    }
    .widget-28 .team-info-layer:after {
        display: none;
    }

    .widget-28 .team-info-layer-wrapper {
        transition: none;
    }
    .widget-28 .show_info.show .team-info-layer-wrapper {
        transition: none;
    }
    .widget-28 .show_info.show .team-info-layer-wrapper {
        position: fixed;
        z-index: 999;
        top: 4.5rem;
        left: 0;
        width: 100%;
        height: calc(100% - 4.5rem);
        margin-bottom: 0;
        overflow-y: scroll;
        background-color: var(--Ros-SCF);
    }
    body.scroll-down .widget-28 .show_info.show .team-info-layer-wrapper {
        top: 0;
        height: calc(100%);
    }
    .widget-28 .team-info-layer .team-info-inner {
        padding: 2.5rem;
    }
    .widget-28 .show_info .team-info-layer .team-info-inner .close {
        position: fixed;
        top: 7rem;
        right: 20px;
    }
    body.scroll-down .widget-28 .show_info .team-info-layer .team-info-inner .close {
        top: 2.5rem;
    }
    .widget-28 .team-info-layer {
        transition: none;
    }
    .widget-28 .show_info.show .team-info-layer-wrapper .team-info-layer {
        max-height: none;
    }
    .widget-30 .spacer {
        padding-top: 12%;
    }

    body.single .single-fact-sheet h1 {
        margin-top: 0;
        padding-right: 0;
    }
    body.single .single-fact-sheet .excerpt {
        padding-right: 0;
    }
    body.single .single-fact-sheet .img-wrapper {
        margin-top: 2rem;
    }
    body.single .single-fact-sheet {
        padding-bottom: 2rem;
    }

    #site-bottom .wpcf7 {
        padding-top: var(--space-widget);
    }

    #site-footer {

    }
    #site-footer .footer-logo-text-wrapper {
        flex-wrap: wrap;
    }
    #site-footer .footer-logo-text-wrapper .footer-logo {
        margin-bottom: var(--space-widget);
        width: 180px;
        margin-right: calc(50% - 180px);
    }
    #site-footer #menu-mobilmenue {
        margin-bottom: var(--space-widget-set);
    }

}


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

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

    :root {

        --size-title: 1rem;

    }

    .widget-4 .row .col-12,
    .widget-4 .row .col-11,
    .widget-4 .row .col-10,
    .widget-4 .row .col-9,
    .widget-4 .row .col-8,
    .widget-4 .row .col-7,
    .widget-4 .row .col-6,
    .widget-4 .row .col-5,
    .widget-4 .row .col-4,
    .widget-4 .row .col-3,
    .widget-4 .row .col-2,
    .widget-4 .row .col-1 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        width: 50% !important;
    }
    .widget-5 .reference-list .reference-item {
        width: 100%;
    }
    .widget-12 .job-list .job-item .job-item-flex > span {
        width: 100%;
    }
    .widget-12 .job-list .job-item .job-item-flex > span.job_title {
        margin-bottom: .5rem;
        color: var(--Ros-SCF);
    }
    body.single .single-fact-sheet .fact-sheet-wrapper ul.fact-sheet > li {
        width: 100%;
    }
    body.single .single-fact-sheet .fact-sheet-wrapper ul.fact-sheet > li {
        padding: 1rem 0;
    }
    body.single .single-fact-sheet .fact-sheet-wrapper ul.fact-sheet > li:nth-child(2) {
        border-top: 1px solid var(--Black-SCF);
        padding-top: 1rem;
    }

}





@media screen and (max-height: 500px) {

    :root {

        --size-h1: 3rem;
        --size-h2: 2rem;
        --size-h3: 1.8rem;
        --size-h4: 1.6rem;
        --size-h5: 1rem;
        --size-h6: 1rem;

    }

    .widget-7.big_title .widget-inner .text-block .title {
        font-size: var(--size-h3);
    }

}