/**
** Theme Box Clients
 * This file contains the styles for the clients box element in the theme.
*/

.wp-block-uagb-container.cont-icons {
  /* height: 33rem;*/
}

.wp-block-uagb-container.cont-icons.background {
  padding-top: 0 !important;
  padding-bottom: calc(var(--gap-l) + var(--gap-s));
}

.wp-block-uagb-container.cont-icons > .uagb-container-inner-blocks-wrap {
  justify-content: flex-end !important;
  gap: var(--gap-l) !important;
}

.wp-block-uagb-container.cont-icons .cont-clients {
  aspect-ratio: calc(100 / 40.6); /*  427px höhe sind 40.6% von 1050 breite */
}

.wp-block-uagb-container.cont-icons
  .cont-clients
  .uagb-container-inner-blocks-wrap {
  gap: var(--gap-l) !important;
  align-items: center;
}

.wp-block-uagb-container.cont-icons
  .cont-clients
  .wp-block-uagb-info-box:nth-child(2) {
  align-self: start;
}

.wp-block-uagb-container.cont-icons
  .cont-clients
  .wp-block-uagb-info-box
  .uagb-ifb-content {
  display: flex;
  flex-direction: column;
  gap: var(--gap-m);
}

.wp-block-uagb-container.cont-icons
  .cont-clients
  .wp-block-uagb-info-box
  .uagb-ifb-image-content {
  align-self: center;
}

.wp-block-uagb-container.cont-icons
  .cont-clients
  .wp-block-uagb-info-box
  .uagb-ifb-title {
  margin-bottom: 0;
}

/*----------------- Responsive -------------*/

@media (max-width: 1050px) {
  .wp-block-uagb-container.cont-icons .cont-clients {
    aspect-ratio: unset;
  }

  .wp-block-uagb-container.cont-icons .cont-clients .wp-block-uagb-info-box {
    max-width: 50vw;
  }

  .wp-block-uagb-container.cont-icons
    .cont-clients
    .wp-block-uagb-info-box:nth-child(2) {
    align-self: center;
  }

  .wp-block-uagb-container.cont-icons
    .cont-clients
    .uagb-container-inner-blocks-wrap {
    flex-direction: column !important ;
  }
}