@media (min-width: 0px) {
  html {
    font-size: 12px;
  }
  .ee_block_wrapper.tile .ee_tile::focus-within .field--name-field-ee-card-text {
    visibility: visible;
    opacity: 1;
  }
  .region-contact-form .block-webform {
    max-width: 100%;
    width: 100%;
    padding: 40px 30px;
    padding-top: 0;
  }

  .layout_section .layout--twocol-section--75-25 h2,
  body {
    hyphens: auto;
  }

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

  .layout_section .layout--twocol-section--50-50 .layout__region--first .layout__region .block-inline-blockee-bild img,
  .layout_section .layout--twocol-section--50-50 .layout__region--first .layout__region .block-inline-blockee-card img {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto;
  }

  .layout_section .layout--twocol-section--50-50 .layout__region--first img {
    display: block;
    margin: 0 auto;
  }

  .layout_section > .layout--twocol-section--50-50 > .layout__region--first .block-layout-builder {
    padding: 0 0 1.5em 0;
  }
  .layout--twocol-section > .layout__region.block_no_distance .block:not(:last-child) {
    padding-bottom: 0;
  }
  .layout_section.content_has_bg > .layout--twocol-section--50-50 > .layout__region--first .block-layout-builder:last-child {
    padding: 40px 40px 0.75em 40px;
  }

  .layout_section.content_has_bg > .layout--twocol-section--50-50 > .layout__region--second .block-layout-builder:last-child {
    padding: 0.75em 40px 40px 40px;
  }
  .ee_block_wrapper .block__content.bild_links, .ee_block_wrapper .block__content.bild_rechts {
    gap: 0;
  }
  #logo img {
    max-height: 40px;
  }

  .block-block__eueco-logo img {
    max-width: 105px;
  }

  header {
    min-height: 100px;
    padding: 20px 1.5rem;
  }
  .layout_section.full_width .raster {
    padding: 0 20px;
  }
  .frontend .layout_section.full_width .raster .text-content {
    font-size: 1.2rem;
  }
  .layout_section.content_narrow:not(.full_width) .layout {
    width: 100%;
  }

  .ee_headerimge .headerimage.medium_screen,
  .ee_headerimge .headerimage.large_screen {
    display: none;
  }

  .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-parent-hauptnavigation,
  #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,
  .layout_section.content_has_bg > .layout .section-title {
    padding: 20px 20px;
  }

  .ee_block_wrapper.tile .ee_tile .field--name-field-ee-card-text,
  .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;
  }

  footer ul.menu {
    flex-direction: column;
  }
}

@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 .section-title {
    padding: 40px 40px 0 40px;
    margin: 0;
  }

  .layout_section.content_has_bg > .layout > .raster .block-layout-builder,
  .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) {
    margin-block-end: unset;
  }

  .ee_block_wrapper.tile .ee_tile .field--name-field-ee-card-text,
  .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: 570px) {
  footer ul.menu {
    flex-direction: row;
  }
}

@media (min-width: 767px) {
  html {
    font-size: 15px;
  }
  .layout_section.content_has_bg > .layout--twocol-section--50-50 > .layout__region--first .block-layout-builder:last-child {
    padding: 40px;
  }

  .layout_section.content_has_bg > .layout--twocol-section--50-50 > .layout__region--second .block-layout-builder:last-child {
    padding: 40px;
  }
  .layout_section .layout--twocol-section--50-50 {
    gap: var(--grid-gap);
  }
  .frontend .layout_section.full_width .raster .text-content {
    font-size: 1rem;
  }
  .ee_headerimge .headerimage.small_screen {
    display: none;
  }

  .ee_headerimge .headerimage {
    height: 500px;
  }

  .ee_headerimge .headerimage.medium_screen {
    display: block;
  }

  .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) {

  .ee_block_wrapper .block__content.bild_links, .ee_block_wrapper .block__content.bild_rechts {
    gap: var(--grid-gap);
  }
  #block-ee-parent-hauptnavigation,
  #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: 5rem;
    padding-top: 0;
  }

  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;
  }
  .layout_section.full_width .raster {
    padding: 0 5rem;
  }
  #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;
  }
  .frontend .layout_section.full_width .raster .text-content {
    font-size: 1rem;
  }
  .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;
  }

  .ee_headerimge .headerimage.medium_screen {
    display: none;
  }

  .ee_headerimge .headerimage.large_screen {
    display: block;
  }

}

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