.px-textimagewall {
  container-type: inline-size;
}
.px-textimagewall-inner {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
}
.px-textimagewall-inner .textimagewall-col-4 {
  flex: 0 0 calc((100% - 3 * 20px) / 4);
  max-width: calc((100% - 3 * 20px) / 4);
}
.px-textimagewall-inner .textimagewall-col-3 {
  flex: 0 0 calc((100% - 2 * 20px) / 3);
  max-width: calc((100% - 2 * 20px) / 3);
}
.px-textimagewall-inner .textimagewall-col-2 {
  flex: 0 0 calc((100% - (20px)) / 2);
  max-width: calc((100% - (20px)) / 2);
}
.px-textimagewall-inner .textimagewall-col-1 {
  flex: 0 0 100%;
  max-width: 100%;
  height: auto;
}
.px-textimagewall-inner .textimagewall-col {
  height: fit-content;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.px-textimagewall-inner .textimagewall-col:not(.textimagewall-col-1):nth-child(odd) {
  padding-bottom: 50px;
}
.px-textimagewall-inner .textimagewall-col:not(.textimagewall-col-1):nth-child(even) {
  padding-top: 50px;
}
.px-textimagewall-inner .textimagewall-col:not(.textimagewall-col-1).teaser-col-3 {
  padding-bottom: 50px !important;
}
.px-textimagewall-inner .textimagewall-col:not(.textimagewall-col-1).teaser-col-3:nth-child(3n+2) {
  padding-top: 50px !important;
}
.px-textimagewall-inner .textimagewall-col .item {
  padding: clamp(1.1111111111rem, 0.8108108108rem + 1.6891891892vw, 2.2222222222rem) clamp(1.1111111111rem, 0.8858858859rem + 1.2668918919vw, 1.9444444444rem);
  background-color: var(--contrastColorInverted);
  border-radius: var(--borderRadiusSmall);
  filter: var(--defaultDropShadow);
  height: fit-content;
}
.px-textimagewall-inner .textimagewall-col .item-head {
  display: flex;
  gap: 20px;
  align-items: center;
  margin-bottom: 20px;
}
.px-textimagewall-inner .textimagewall-col .item-head .image {
  background: var(--offwhite1);
  border-radius: var(--borderRadiusMini);
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1;
}
.px-textimagewall-inner .textimagewall-col .item-head .image img {
  display: block;
  height: 25px;
  width: 25px;
  object-fit: contain;
  transition: var(--baseTransition);
}
.px-textimagewall-inner .textimagewall-col .item-head .title {
  hyphens: none;
}
.px-textimagewall-inner .textimagewall-col .item .text p {
  font-size: var(--smallFontSize);
  line-height: 165%;
}
@media (hover: hover) {
  .px-textimagewall-inner .textimagewall-col .item:hover img {
    transform: scale(1.2);
  }
}