@media (min-width: 0px) {
    .layout.layout--twocol-section.layout--twocol-section--33-67,
    .layout.layout--twocol-section.layout--twocol-section--67-33 {
        display: flex;
        flex-direction: column;
        gap: 1.875rem;
    }

    header {
        padding: 0 1.5rem 0.625rem 1.5rem;
    }

    header .loginlogout {
        display: none;
    }
    .desk_hauptmenu  {
        display: none;
    }
    .mobile_flip_blocks .layout.layout--twocol-section.layout--twocol-section--33-67,
    .mobile_flip_blocks .layout.layout--twocol-section.layout--twocol-section--67-33 {
        flex-direction: column-reverse;
    }

    .layout_section.sidebar.move_up .layout__region--second .ee_block_wrapper,
    .layout_section.sidebar.aktuelles_projekt .layout__region--second .ee_block_wrapper {
        margin-top: 0;
    }

    #page footer ul.menu:not(.euecolink) {
        flex-direction: column;
    }

    .region.region-footer {
        padding-top: 3rem;
        padding-bottom: 80px;
        margin: 0 auto;
        margin-top: 3rem;
    }

    .parent .region-header,
    #header_inner #header_inner_content_wrapper .region-header {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
        align-items: flex-end;
    }

    header #logo a {
        width: 100px;
        height: 71px;
        overflow: hidden;
    }

    header#logo a img {
        height: 85px;
    }

    #header_inner {
        align-items: center;
    }

    .backend #main,
    .layout_section
    .layout.add_padding,
    .layout_section:not(.full_width) {
        padding: 3rem 1.5rem;
    }

    .layout_section#projekte .layout--twocol-section--50-50 .layout__region img {
        display: block;
        margin: 0 auto;
        width: 100%;
    }

    .layout_section .layout--twocol-section--50-50 {
        row-gap: 1rem;
    }

    .layout_section.content_narrow.block-page-title-block {
        padding: 3.5rem 0 0 1.5rem;

        hyphens: none;
    }
}

@media (min-width: 500px) {
    footer:before {
        content: "";
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' width='2095.001' height='239.383' viewBox='-930.86 348.439 2095.001 239.383' xml:space='preserve'%3E%3Cpath d='M1164.141 550.314V348.439H-930.86v40.129c683.494 176.99 1400.681 250.037 2095.001 161.746z'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: -50px 0;
        width: 100%;
        height: 239px;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1400;
    }

    .region.region-footer {
        display: flex;
        justify-content: space-between;
        max-width: var(--content_width_narrow);
        width: 100%;
        padding-top: 18rem;
        margin-top: 0;
    }

}

@media (min-width: 550px) {
    .parent .region-header,
    #header_inner #header_inner_content_wrapper .region-header {
        flex-direction: column;
    }

    #logo a img {
        max-width: 100%;
        height: auto;
        max-height: unset;
        min-height: unset;
    }

    header #logo a {
        display: block;
        width: 125px;
        height: 110px;
    }

    header {
        padding: 0 60px 0.625rem 60px;
    }
}

@media (min-width: 570px) {


    @media (min-width: 0px) {
        .ee_headerimge .headerimage.video-bg,
        .ee_headerimage .headerimage.video-bg {
            height: unset;
        }
    }
    .headerimage.video-bg {
        background-size: cover;
    }
}

@media (min-width: 768px) {
    .block.layout_section.content_narrow .block__content,
    .layout_section.content_narrow.block-page-title-block,
    .block-page-title-block,
    .region.region-footer,
    .ee_headerimge .headertext_wrapper .headertext,
    .ee_headerimage .headertext_wrapper .headertext,
    #block-ee-theme-hilfe,
    #node-eueco-page-layout-builder-form,
    .messages-list .messages__wrapper,
    .layout_section:not(.full_width) .layout,
    .layout_section .region-drupal-verwaltung {

    }

    .ee_headerimge .headerimage.video-bg,
    .ee_headerimage .headerimage.video-bg {
        height: unset;
    }

    .headerimage.video-bg {
        background-size: 0;
    }

    .ee_headerimge .headerimage, .ee_headerimage .headerimage {
        height: 500px;
    }

    #faqs_all_categories_open .faq_category_section .accordion {
        grid-template-columns: repeat(2, 1fr);
    }

    #faqs_all_categories_open .faq_category_section .accordion > .faq-item {
        grid-row: span 2;
    }

    .backend #main,
    .layout_section
    .layout.add_padding,
    .layout_section:not(.full_width) {
        padding: 6.8rem 1.5rem;
    }
}

@media (min-width: 870px) {
    header .loginlogout {
        display: block;
    }
    .desk_hauptmenu  {
        display: block;
    }
    #header_inner {
        align-items: unset;
    }
}

@media (min-width: 990px) {
    .layout.layout--twocol-section.layout--twocol-section--33-67,
    .layout.layout--twocol-section.layout--twocol-section--67-33 {
        display: grid;
        gap: var(--grid-gap);
    }

    .layout_section.sidebar.aktuelles_projekt .layout__region--second {
        margin-top: -183px;
        z-index: 2;
        position: relative;
    }

    .layout_section.sidebar.move_up .layout__region--second {
        margin-top: -220px;
        z-index: 2;
        position: relative;
    }

    .block-page-title-block + .block-system-main-block .layout_section.sidebar.move_up .layout__region--second {
        margin-top: -270px;
        z-index: 2;
        position: relative;
    }
}

@media (min-width: 1175px) {
    .layout_section.content_narrow.block-page-title-block {
        padding: 3.5rem 0 0 0;
    }
}