.u-system-part {
  display: flex;
  flex-direction: column;
  padding: var(--space-xxl) 0;
  opacity: 0;
  transition: opacity 0.5s ease;
  /* >= 768px */
  /* >= 1024px */
  /* >= 1248px */
  /* >= 1440px */
  /* >= 1600px */
  /* >= 1920px */
}
.u-system-part.inview {
  opacity: 1;
}
.u-system-part .title {
  order: 1;
}
.u-system-part .image {
  order: 2;
  margin-bottom: var(--space-md);
  border-radius: var(--border-radius-sm);
  overflow: hidden;
}
.u-system-part .text {
  order: 3;
  margin-bottom: var(--space-md);
  color: var(--color-default);
}
.u-system-part .text h4 {
  font-family: var(--font-family-headline);
  color: var(--color-default);
  font-weight: 400;
}
.u-system-part .text strong {
  font-weight: 500;
}
.u-system-part .items {
  order: 4;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.u-system-part .items .item-icon-text {
  display: flex;
  align-items: center;
  gap: 10px;
}
.u-system-part .items .item-icon-text .icon {
  height: 20px;
  width: 20px;
  flex-shrink: 0;
}
.u-system-part .content {
  display: contents;
}
@media screen and (min-width: 1024px) {
  .u-system-part {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: var(--space-lg);
    opacity: 1;
  }
  .u-system-part .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    transform: translateX(calc(((86vw - var(--space-lg))*0.5) + var(--space-lg)));
  }
  .u-system-part .image {
    margin-bottom: 0;
  }
  .u-system-part .image picture {
    height: 100%;
  }
  .u-system-part .image picture img {
    height: 100%;
  }
  .u-system-part.inview .content {
    transition: transform 0.5s ease 0.3s;
    transform: translateX(0);
  }
  .u-system-part:nth-of-type(even) {
    grid-template-areas: "image content";
  }
  .u-system-part:nth-of-type(even) .content {
    grid-area: content;
    transform: translateX(calc((((86vw - var(--space-lg))*0.5) + var(--space-lg)) *-1));
  }
  .u-system-part:nth-of-type(even) .image {
    grid-area: image;
  }
  .u-system-part:nth-of-type(even).inview .content {
    transition: transform 0.5s ease 0.3s;
    transform: translateX(0);
  }
}
@media screen and (min-width: 1440px) {
  .u-system-part .content {
    transform: translateX(calc(((83vw - var(--space-lg))*0.5) + var(--space-lg)));
  }
  .u-system-part:nth-of-type(even) .content {
    grid-area: content;
    transform: translateX(calc((((83vw - var(--space-lg))*0.5) + var(--space-lg)) *-1));
  }
}
@media screen and (min-width: 1920px) {
  .u-system-part .content {
    transform: translateX(calc(((1600px - var(--space-lg))*0.5) + var(--space-lg)));
  }
  .u-system-part:nth-of-type(even) .content {
    grid-area: content;
    transform: translateX(calc((((1600px - var(--space-lg))*0.5) + var(--space-lg)) *-1));
  }
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22var%5C%2Fwww%5C%2Fvhosts%5C%2Fsentientexpanse.moremedia-development.at%5C%2Fhttpdocs%5C%2Fweb%5C%2Fthemes%5C%2Fcustom%5C%2F_units%5C%2Fu_system_part%5C%2Fu_system_part.less%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BEACI%2CaAAA%3BEACA%2CsBAAA%3BEACA%2CSAAS%2CkBAAT%3BEACA%2CUAAA%3BEACA%2C6BAAA%3B%3B%3B%3B%3B%3B%3B%3BAAEA%2CcAAC%3BEACG%2CUAAA%3B%3BAARR%2CcAWI%3BEACI%2CQAAA%3B%3BAAZR%2CcAeI%3BEACI%2CQAAA%3BEACA%2CeAAe%2CeAAf%3BEACA%2CeAAe%2CuBAAf%3BEACA%2CgBAAA%3B%3BAAnBR%2CcAsBI%3BEACI%2CQAAA%3BEACA%2CeAAe%2CeAAf%3BEACA%2COAAO%2CoBAAP%3B%3BAAzBR%2CcAsBI%2CMAKI%3BEACI%2CaAAa%2C2BAAb%3BEACA%2COAAO%2CoBAAP%3BEACA%2CgBAAA%3B%3BAA9BZ%2CcAsBI%2CMAWI%3BEACI%2CgBAAA%3B%3BAAlCZ%2CcAsCI%3BEACI%2CQAAA%3BEACA%2CaAAA%3BEACA%2CsBAAA%3BEACA%2CSAAA%3B%3BAA1CR%2CcAsCI%2COAMI%3BEACI%2CaAAA%3BEACA%2CmBAAA%3BEACA%2CSAAA%3B%3BAA%5C%2FCZ%2CcAsCI%2COAMI%2CgBAKI%3BEACI%2CYAAA%3BEACA%2CWAAA%3BEACA%2CcAAA%3B%3BAApDhB%2CcAyDI%3BEACI%2CiBAAA%3B%3BAA8DJ%2CmBAvDsC%3BEAuDtC%3BIAtDI%2CaAAA%3BIACA%2C8BAAA%3BIACA%2CYAAY%2CeAAZ%3BIACA%2CUAAA%3B%3BEAmDJ%2CcAjDI%3BIACI%2CaAAA%3BIACA%2CsBAAA%3BIACA%2CuBAAA%3BIACA%2CWAAW%2CkEAAX%3B%3BEA6CR%2CcA1CI%3BIACI%2CgBAAA%3B%3BEAyCR%2CcA1CI%2COAGI%3BIACI%2CYAAA%3B%3BEAsCZ%2CcA1CI%2COAGI%2CQAGI%3BIACI%2CYAAA%3B%3BEAMZ%2CcAAC%2COACG%3BIACI%2CoCAAA%3BIACA%2CWAAW%2CaAAX%3B%3BEAIR%2CcAAC%2CYAAY%3BIACT%2CqBAAqB%2CeAArB%3B%3BEADJ%2CcAAC%2CYAAY%2CMAGT%3BIACI%2CkBAAA%3BIACA%2CWAAW%2CwEAAX%3B%3BEALR%2CcAAC%2CYAAY%2CMAQT%3BIACI%2CgBAAA%3B%3BEAGJ%2CcAZH%2CYAAY%2CMAYR%2COACG%3BIACI%2CoCAAA%3BIACA%2CWAAW%2CaAAX%3B%3B%3BAA0BhB%2CmBAhBsC%3BEAgBtC%2CcAfI%3BIAEI%2CWAAW%2CkEAAX%3B%3BEAGJ%2CcAAC%2CYAAY%2CMAET%3BIACI%2CkBAAA%3BIACA%2CWAAW%2CwEAAX%3B%3B%3BAAwBhB%2CmBAf0C%3BEAe1C%2CcAdQ%3BIAEI%2CWAAW%2CoEAAX%3B%3BEAGJ%2CcAAC%2CYAAY%2CMAET%3BIACI%2CkBAAA%3BIACA%2CWAAW%2C0EAAX%22%7D */