@media all {

  .ce-type-dw_benefitteaser {
    --columns: 1;
    grid-column: 1 / -1;

    & .ce-header {
      grid-column: 3 / -3;
    }

    & .ce-nested-container {
      grid-column: 3 / -3;
      display: grid;
      grid-template-columns: repeat(var(--columns), minmax(0, 1fr));
      gap: var(--element-gap-small);

      & > .ce-element-nested {
        grid-column: unset;
        justify-content: center;

        & .ce-inner {
          flex-grow: 0;
        }
        
        & .ce-cta {
          display: flex;
          justify-content: end;
          align-items: end;
          flex-grow: 1;
        }

      }

    }

  }

}

@media (min-width: 62.5rem) {

  .ce-type-dw_benefitteaser {
    --columns: 4;

    &:has(.ce-nested-container[data-items-count="2"]) ,
    &:has(.ce-nested-container[data-items-count="4"]) {
      --columns: 2;
    }

  }

}