.module-units {
    background: var(--base-color-light-green);
    position: relative;
    --col-1-width: calc(267 * var(--px));
    margin-bottom: calc(152 * var(--px));
  }
  
  .module-units[data-type="icon"] {
    background: #918381;
  }
  
  .module-units[data-type="passagen"] {
    background: #B67973;
    --shape-opacity: 0.7;
  }
  
  .module-units[data-type="light"] {
    background: #C2BA9E;
  }
  
  .module-units[data-type="garden"] {
    background: #87998F;
  }
  
  .module-units[data-type="urban"] {
    background: #CCCCCC;
  }
  
  .module-units .module-inner {
    position: relative;
    z-index: 2;
  }
  
  .module-units .module-wrap {
    display: flex;
    flex-flow: column nowrap;
  }






  .module-units .module-wrap > :is(.row-2, .row-3) .col-set {
    display: flex;
    flex-flow: row nowrap;
  }

  .module-units .module-wrap > :is(.row-2, .row-3) .col-1 {
    width: var(--col-1-width);
    flex-shrink: 0;
  }









  .module-units .module-wrap > .row-1 {
    margin-bottom: calc(155 * var(--px));
    display: flex;
  }

  .module-units .cell--image {
    max-width: calc(1383 * var(--px));
    margin-inline: auto;
    position: relative;
    margin-top: calc(-281 * var(--px));
  }









  .module-units .module-wrap > .row-2 {
    margin-bottom: calc(86 * var(--px));
  }

  .module-units .module-wrap > .row-2 .wysiwyg {
    max-width: 23.18em;
  }











  .module-units .module-wrap > .row-3 {
    margin-bottom: calc(210 * var(--px));
    margin-right: calc(var(--page-padding-right) * -1);
  }

  .module-units .module-wrap > .row-3 .col-2 {
    display: flex;
    flex-flow: row nowrap;
    gap: 0 calc(179 * var(--px));
  }
  
  .module-units .module-wrap > .row-3 .col-2 .cell--highlights {
    max-width: calc(681 * var(--px));
    flex-shrink: 0;
  }








  
  .module-units .module-wrap > .row-4 {
    padding-left: calc(88 * var(--px));
    margin-bottom: calc(-152 * var(--px));
  }











  .module-units .background-shape {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    opacity: var(--shape-opacity, .2);
    pointer-events: none;
    overflow: hidden;
  }
  
  .module-units .background-shape svg {
    display: block;
    position: absolute;
    top: calc(610 * var(--px));
    left: calc(-300 * var(--px));
    width: calc(3000 * var(--px));
    rotate: -45deg;
    height: auto;
  }
  
  .module-units .background-shape svg path {
    fill: #DFDFD8;
  }
  

  
  
  
  
  
  @media (max-width: 700px) {
    
    .module-units .module-inner {
      padding-bottom: 94px;
    }
    
    .module-units .module-wrap > :is(.row-2, .row-3) .col-set {
      flex-flow: column nowrap;
      gap: 8px;
    }
    
    .module-units .module-wrap > .row-3 {
      display: contents;
    }
    
    .module-units .module-wrap > .row-3 .col-set {
      display: contents;
    }
    
    .module-units .module-wrap > .row-3 .col-2 {
      display: contents;
    }
    
    .module-units .module-wrap > .row-4 {
      order: 4;
      margin-bottom: 66px;
      padding-left: 0;
      margin-top: 65px;
    }
    
    .module-units .module-wrap > .row-3 .col-2 .cell--highlights {
      order: 5;
      max-width: 450px;
    }
    
  }
  
  
  
  
  
  
  @media (max-width: 500px) {
    
    .module-units .cell--image {
      max-width: none;
    }
    
  }