@media (min-width: 0px) {
    html {
        font-size: 12px;
    }
    .region-contact-form .block-webform {
        max-width: 100%;
        width: 100%;
        padding: 40px 30px;
    }
    .layout_section .layout--twocol-section--75-25 h2,
    body {
        hyphens: auto;
    }
    #logo img {
        max-height: 40px;
    }
    .block-block__eueco-logo img {
        max-width: 105px;
    }
    header {
        min-height: 100px;
        padding: 20px 1.5rem;
    }
    .layout_section.content_narrow:not(.full_width) .layout {
        width: 100%;
    }
    .ee_headerimge .headerimage {
        height: 250px;
    }
    .ee_headerimge .headertext_wrapper {
        padding: 0 20px;
    }
    .headertext h1 {
        font-size: 2rem;
    }
    .headertext h2 {
        font-size: 1.3rem;
    }
    #page ul.menu {
        gap: 1rem;
    }
    ul.sf-menu.menu ul {
        padding: 0.5em 0;
    }
    header ul.menu li a {
        line-height: 1.867rem;
    }
    #block-ee-theme-hauptmenu {
        display: none;
    }
    #ee_burger_menu {
        display: block;
        font-size: 2rem;
    }
    .layout_section h2 {
        hyphens: auto;
    }
    .layout_section.content_has_bg > .layout .block-layout-builder {
        padding: 20px 20px;
    }
    .ee_block_wrapper:not(.ohne):not(.none).has_bg {
        padding: 20px;
    }
    .style_accordion .faq_block h2.ui-accordion-header + .ui-accordion-content {
        padding: 0 0 0 1em;
    }
    .block-inline-blockee-images-grid .field__items {
        grid-template-columns: 70vw;
        row-gap: 40px;
    }
    .layout--twocol-section--67-33.only_second,
    .layout--twocol-section--75-25.only_second {
        gap: 0;
    }
    .ee_block_wrapper .block__content.bild_links,
    .ee_block_wrapper .block__content.bild_rechts {
        flex-direction: column;
    }
    .style_standard .faq_header {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }
}
@media (max-width: 43.75rem) {
    .mobile_flip_blocks .layout--twocol-section > .layout__region--first {
        grid-row: 2;
    }
    .mobile_flip_blocks .layout--twocol-section > .layout__region--second {
        grid-row: 1;
    }
    .style_standard .faq_cat_switch {
        width: 100%;
        flex: unset;
    }
}
@media (min-width: 400px) {
    html {
        font-size: 14px;
    }
    #logo img {
        max-height: 50px;
    }
    .block-block__eueco-logo img {
        max-width: 113px;
    }
    .layout_section.content_has_bg > .layout .block-layout-builder {
        padding: 40px 40px 0 40px;
    }
    .layout_section.content_has_bg > .layout .block-layout-builder:last-child {
        padding: 40px 40px 40px 40px;
    }
    .layout_section.content_has_bg > .layout .block-layout-builder:not(:last-child) .field {
        margin-block-end: unset;
    }
    .ee_block_wrapper:not(.ohne):not(.none).has_bg {
        padding: 40px;
    }
    .block_no_distance .ee_block_wrapper:not(.ohne):not(.none).has_bg {
        padding: 20px 40px;
    }
    .block_no_distance .block-layout-builder:last-child .ee_block_wrapper:not(.ohne):not(.none).has_bg,
    .block-layout-builder:last-child .ee_block_wrapper:not(.ohne):not(.none).has_bg {
        padding-bottom: 60px;
    }
    .ee_block_wrapper:not(.ohne):not(.none).has_bg + .ee_block_wrapper:not(.ohne):not(.none).has_bg {
        padding-top: 0;
    }
    .style_accordion .faq_block h2.ui-accordion-header + .ui-accordion-content {
        padding: 0 3.5em 0 2em;
    }
    .block-inline-blockee-images-grid .field__items {
        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    }
    .region.region-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        /* justify-content: flex-end; */
    }
}
@media (min-width: 767px) {
    html {
        font-size: 15px;
    }
    .ee_headerimge .headerimage {
        height: 500px;
    }
    .headertext h1 {
        font-size: 3.2rem;
    }
    .headertext h2 {
        font-size: 2.5rem;
    }
    #page ul.menu {
        gap: 1.2rem;
    }
    ul.sf-menu .sf-with-ul {
        /*padding-right: 1.9em;*/
    }
    .layout_section h2 {
        hyphens: none;
    }
}
@media (min-width: 870px) {
    #block-ee-theme-hauptmenu {
        display: block;
    }
    #ee_burger_menu {
        display: none;
    }
    .ee_block_wrapper .block__content.bild_links,
    .ee_block_wrapper .block__content.bild_rechts {
        flex-direction: row;
    }
}
@media (min-width: 700px) {
    .layout--twocol-section--67-33.only_second,
    .layout--twocol-section--75-25.only_second {
        --layout-twocol-grid: repeat(2, minmax(0, 1fr));
        --layout-twocol-grid__first: span 1;
    }
}
@media (min-width: 1024px) {
    body {
        hyphens: unset;
    }
    .layout_section.content_narrow:not(.full_width) .layout {
        width: var(--content_width_narrow);
    }
    .region-contact-form .block-webform {
        display: none;
        width: 960px;
        max-width: 80.66667rem;
        padding: 3.33333rem 10.66667rem;
    }
    header {
        min-height: 150px;
        padding: 20px 60px 20px 60px;
    }
    #page ul.menu {
        gap: 1.867rem;
    }
    #logo img {
        max-height: 70px;
    }
    .block-block__eueco-logo img {
        max-width: 123px;
    }
    ul.sf-menu.menu ul {
        padding: 1em 0;
    }
    #testimonial .layout--twocol-section--25-75 {
        --layout-twocol-grid: repeat(7, minmax(0, 1fr));
        --layout-twocol-grid__second: span 6;
    }

}
@media (min-width: 1220px) {
    html {
        font-size: 16px;
    }
    .layout--twocol-section--75-25.only_second {
        --layout-twocol-grid: repeat(4, minmax(0, 1fr));
        --layout-twocol-grid__first: span 3;
    }
    .layout--twocol-section--67-33.only_second {
        --layout-twocol-grid: repeat(3, minmax(0, 1fr));
        --layout-twocol-grid__first: span 2;
    }

}
@media (min-width: 1440px) {
    html {
        font-size: 16px;
    }
}