/** Theme Container Infobox Grid **/

.wp-block-uagb-container.cont-infobox-grid {
  gap: var(--gap-xl) !important;
}

.page-id-3490 .wp-block-uagb-container.cont-infobox-grid {
  margin-bottom: calc(var(--gap-xl) + var(--gap-m)) !important;
}

.wp-block-uagb-container.cont-infobox-grid > .wp-block-uagb-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr) !important;
  column-gap: calc(var(--gap-l) + var(--gap-m)) !important;
  row-gap: calc(var(--gap-m) * 2) !important;
  grid-auto-rows: auto;
  align-items: start;
}

.wp-block-uagb-container.cont-infobox-grid
  .wp-block-uagb-info-box
  .uagb-ifb-content {
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: var(--gap-s);
}

.wp-block-uagb-container.cont-infobox-grid.employees .uagb-ifb-image-content,
.wp-block-uagb-container.cont-infobox-grid .uagb-ifb-image-content {
  height: calc(var(--gap-xl) + var(--gap-s));
  width: 50%;
}

.wp-block-uagb-container.cont-infobox-grid.employees .uagb-ifb-title {
  margin-bottom: 0 !important;
}

.wp-block-uagb-container.cont-infobox-grid .uagb-ifb-title {
  word-break: keep-all;
}

.wp-block-uagb-container.cont-infobox-grid a.uagb-infobox-cta-link {
  padding: 0;
  background-color: transparent;
}

.wp-block-uagb-container.cont-infobox-grid .uagb-ifb-button-wrapper {
  display: flex;
  flex-direction: row;
}

.wp-block-uagb-container.cont-infobox-grid span.uagb-inline-editing {
  font-size: 0;
}

.wp-block-uagb-container.cont-infobox-grid
  .wp-block-button
  a.uagb-infobox-cta-link::after {
  content: "";
  font-size: var(--btn-font-size) !important;
  --my-size: calc(var(--btn-font-size) * 2);
  width: var(--my-size);
  height: var(--my-size);
  border: 1.5px solid var(--ast-global-color-0);
  border-radius: 50%;
  background-image: url(../../img/button-arrow.svg);
  transform: rotate(90deg);
  background-size: 0.45em;
  background-repeat: no-repeat;
  display: block;
  background-position: center;
  transition: all 0.5s ease 0s;
}

.wp-block-uagb-container.cont-infobox-grid
  .wp-block-button
  a.uagb-infobox-cta-link:hover::after {
  background-color: var(--ast-global-color-4);
}

/** variation with numbers .cont-infobox-counter **/
.wp-block-uagb-container.cont-infobox-grid.cont-infobox-counter
  .wp-block-uagb-info-box
  .uagb-ifb-content {
  gap: var(--gap-m);
}

.wp-block-uagb-container.cont-infobox-grid.cont-infobox-counter
  > .wp-block-uagb-container {
  row-gap: var(--gap-xl) !important;
}

.wp-block-uagb-container.cont-infobox-grid.cont-infobox-counter
  .uagb-ifb-title {
  margin-bottom: 0;
}

@media (max-width: 576px) {
  .wp-block-uagb-container.cont-infobox-grid.cont-infobox-counter
    .wp-block-uagb-info-box.eins
    img {
    scale: 0.9;
    margin-top: -3px;
  }

  .wp-block-uagb-container.cont-infobox-grid.cont-infobox-counter
    .wp-block-uagb-info-box.zwei
    img {
    scale: 1.1;
  }
}

/* in editor */
.cont-infobox-grid .block-editor-block-list__block .uagb-ifb-image-content {
  width: 100px;
  height: 100px;
}

.cont-infobox-grid .block-editor-block-list__block .uagb-ifb-content {
  display: flex;
  flex-direction: row;
}

/* swiper */

.wp-block-uagb-container.cont-infobox-grid .infobox-swiper .swiper-scrollbar {
  margin-top: var(--gap-s) !important;
}

.wp-block-uagb-container.cont-infobox-grid
  > .infobox-swiper.wp-block-uagb-container {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.wp-block-uagb-container.cont-infobox-grid:has(
    .infobox-swiper.wp-block-uagb-container
  ) {
  width: 100vw !important;
}

@media (max-width: 990px) {
  /*
  .wp-block-uagb-container.cont-infobox-grid .infobox-swiper .wp-block-uagb-info-box {
    width: 25vw !important;
  }

  .wp-block-uagb-container.cont-infobox-grid .infobox-swiper .swiper-wrapper {
    width: 100vw !important;

  }

  #primary .wp-block-uagb-container.cont-infobox-grid:has(.infobox-swiper) {
    margin-left: 0 !important;
    width: 100vw;
  }

  .page-id-3903 .wp-block-uagb-container.cont-infobox-grid .infobox-swiper .swiper-wrapper {
    transform: translate3d(50px, 0px, 0px);
  }
    

  */

  .wp-block-uagb-container.cont-infobox-grid .uagb-ifb-image-content {
    width: calc(var(--gap-xl) + var(--gap-s));
  }
}

@media (max-width: 768px) {
  .wp-block-uagb-container.cont-infobox-grid .swiper-scrollbar,
  .wp-block-uagb-container.cont-infobox-static .swiper-scrollbar {
    width: 85vw !important;
    margin-left: 25px;
  }

  .employer-branding-fluktuation img,
  .employer-branding-werte img {
    scale: 1;
  }
}

@media (max-width: 576px) {
  /*
  .wp-block-uagb-container.cont-infobox-grid .infobox-swiper .wp-block-uagb-info-box {
    width: 50vw !important;
  }

  .wp-block-uagb-container.cont-infobox-grid .infobox-swiper .wp-block-uagb-info-box .uagb-ifb-image-content img {
    max-height: 15vw;
  }

  .wp-block-uagb-container.cont-infobox-grid.icons-links .infobox-swiper .wp-block-uagb-info-box .uagb-ifb-image-content img {
    width: auto !important;
  }

  .wp-block-uagb-container.cont-infobox-grid.employees .uagb-ifb-image-content {
    width: 40%;
  }

  .wp-block-uagb-container.cont-infobox-grid .infobox-swiper .wp-block-uagb-info-box h5 {
    font-size: calc(var(--h5-font-size) * 0.8);
  }

  .wp-block-uagb-info-box.uagb-block-e93f0a79 {
    margin-right: 10vw;
  }
  */

  .wp-block-uagb-container.cont-infobox-grid.employees .magnet img,
  .wp-block-uagb-container.cont-infobox-grid .target img {
    scale: 1.15;
  }

  /*
  .wp-block-uagb-container.cont-infobox-grid .employer-branding-fluktuation img,
  .wp-block-uagb-container.cont-infobox-grid .employer-branding-werte img {
    scale: 1.09;
    margin-top: 10px;
  }
    */

  .wp-block-uagb-container.cont-infobox-grid .employer-branding-werte img {
    scale: 1;
  }

  .wp-block-uagb-container.cont-infobox-grid
    .employer-branding-mitarbeiter
    img {
    scale: 1.2;
  }
}

.employer-branding-fluktuation img,
.employer-branding-werte img {
  scale: 0.8;
}

.employer-branding-fluktuation img {
  scale: 0.9;
  margin-top: 5px;
}

.page-id-3502 .cont-infobox-grid.cont-infobox-counter .swiper-slide h5 {
  white-space: nowrap;
}

.wp-block-uagb-container.cont-cta.sonder-abstand {
  margin-bottom: calc(var(--gap-xl) * 1.4) !important;
}