/** INFO BOX */

/* Fonts */
.wp-block-uagb-container.cont-info-box h6 {
  font-size: clamp(13.8px, 0.653rem + 0.56vw, 20px);
  font-weight: 400;
  line-height: 1.3;
  color: var(--ast-global-color-0) !important;
}

.wp-block-uagb-container.cont-info-box h6 strong {
  font-family: var(--mainfont);
  font-style: normal;
  font-weight: 700;
  line-height: 1.3;
}

.jobs-detail-head .info-box-title,
.wp-block-uagb-container.info-box-wrapper.info-box-red p {
  font-size: calc(clamp(14px, 0.653rem + 0.56vw, 20px) + 5px);
  line-height: 1.32;
  color: var(--ast-global-color-3);
  text-align: center;

  & em {
    font-family: var(--headlinefont);
    font-style: italic;
    font-weight: 400;
  }

  & strong {
    font-family: var(--mainfont);
    font-style: normal;
    font-weight: 700;
  }
}

.wp-block-uagb-container.cont-info-box:not(.info-box-timeline) {
  margin-top: var(--gap-l);
  max-width: 1000px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.wp-block-uagb-container.cont-zielgruppe .wp-block-uagb-container.cont-info-box:not(.info-box-timeline) {
  margin-top: var(--gap-l);
}

/* If .wp-block-uagb-container.cont-info-box:not(.info-box-timeline) comes after wp-block-uagb-container.cont-img-txt.full */

.wp-block-uagb-container.cont-img-txt.full+.wp-block-uagb-container.cont-info-box:not(.info-box-timeline) {
  margin-top: 0 !important;
}

.wp-block-uagb-container.cont-info-box:not(.info-box-timeline) img {
  width: clamp(69px, 3.309rem + 3.49vw, 113px);
  aspect-ratio: 113/100;
}

.wp-block-uagb-container.cont-info-box.bg-rund h6 {
  margin-top: var(--gap-s);
}

/* rund bg */

.wp-block-uagb-container.cont-info-box.bg-rund .uagb-infobox__content-wrap {
  width: clamp(145px, 5.232rem + 13.32vw, 313px) !important;
  /* padding-block: clamp(21px, 0.765rem + 1.9vw, 45px)
    clamp(28px, 1.476rem + 0.95vw, 40px); */
  background-color: var(--ast-global-color-3);
  border-radius: 50%;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
}

.wp-block-uagb-container.cont-info-box.bg-rund .uagb-infobox__content-wrap .uagb-ifb-content {
  position: relative;
}

.wp-block-uagb-container.cont-info-box.bg-rund .uagb-infobox__content-wrap .uagb-ifb-content::after {
  content: "";
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(/wp-content/themes/astra-impuls-child/img/arrow-right.svg);
  rotate: -45deg;
  background-size: contain;
  background-repeat: no-repeat;
  left: 50%;
  margin-top: clamp(18px, 0.438rem + 1.1vw, 26px);
  transition: all 0.5s ease-in-out;
}

/* grid */
.wp-block-uagb-container.container-vorteile-grid {
  padding-block: calc(var(--cont-gap) * 1.1) !important;
  background-color: var(--ast-global-color-3);
}

.wp-block-uagb-container.cont-info-box.cont-info-box-grid:not(.swiper-initialized) {
  display: grid !important;
  row-gap: var(--gap-l) !important;
  grid-template-rows: repeat(3, fit-content(100%)) !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  column-gap: calc(var(--gap-m) * 1.7) !important;
}

.wp-block-uagb-container.cont-info-box.cont-info-box-grid>.uagb-infobox__content-wrap {
  gap: var(--gap-s);
}

.wp-block-uagb-container.cont-info-box.cont-info-box-grid h6 {
  margin-bottom: 5px !important;
}

/* TIME LINE INFOBOX */
.wp-block-uagb-container.cont-info-box.info-box-timeline {
  white-space: nowrap;
  max-width: 100% !important;
}

/* check icon size + centered */
.wp-block-uagb-container.cont-info-box.info-box-timeline .uagb-ifb-image-content {
  width: clamp(25px, 1.221rem + 1.19vw, 40px);
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: var(--ast-global-color-0);
  display: flex;
  align-items: center;
  justify-content: center;
}

.wp-block-uagb-container:has(> .cont-info-box) figure>img {
  width: clamp(122px, 3.248rem + 15.23vw, 314px);
  height: auto;
}

.wp-block-uagb-container:has(> .cont-info-box) {
  gap: var(--gap-l);
  padding-right: var(--gap-l);
}

.wp-block-uagb-container.cont-info-box.info-box-timeline .uagb-ifb-image-content img {
  width: clamp(11px, 0.528rem + 0.56vw, 18px);
}

.wp-block-uagb-container.cont-info-box.info-box-timeline {
  gap: clamp(15px, 0.051rem + 3.08vw, 60px);
}

.wp-block-uagb-container.cont-info-box.info-box-timeline .uagb-infobox__content-wrap.uagb-infobox-icon-left.uagb-infobox-left {
  gap: calc(var(--gap-s) * 1.6);
}

.info-box-timeline .uagb-ifb-image-content {
  position: relative;
}

/* .info-box-timeline .uagb-ifb-image-content::after { */
.info-box-timeline .uagb-ifb-image-content:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: clamp(53px, 2.104rem + 4.2vw, 106px);
  background: var(--ast-global-color-0);
  pointer-events: none;
}

.info-box-timeline .uagb-infobox__content-wrap:last-child .uagb-ifb-image-content::after {
  display: none;
}

/* Info Box RED BG */
.uagb-container-inner-blocks-wrap.jobs-detail-head .info-box-wrapper.info-box-red,
.wp-block-uagb-container.info-box-wrapper .uagb-ifb-content {
  aspect-ratio: 1/1;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.wp-block-uagb-container.info-box-wrapper .uagb-ifb-content {
  background-color: var(--ast-global-color-0);
  width: clamp(330px, 14.779rem + 9.46vw, 400px);
}

.wp-block-uagb-container.info-box-wrapper.info-box-red .uagb-ifb-image-content {
  margin-bottom: 20px;
  width: clamp(100px, 5.797rem + 1.58vw, 120px);
  aspect-ratio: 113/100;
  justify-self: center;
  align-self: center;
}

/* Infobox Mehrwert */

.cont-raffstore-grid:has(.info-box-mehrwert) .turn-me h2 {
  margin-top: calc(var(--gap-m) * 1.5);
}

.wp-block-uagb-container.cont-raffstore-grid .col-grid:has(> .info-box-mehrwert) {
  grid-template-columns: repeat(4, 1fr);
  align-items: start;
}

.wp-block-uagb-container.cont-raffstore-grid .col-grid:has(> .info-box-mehrwert) p {
  color: var(--ast-global-color-0);
}

.wp-block-uagb-info-box.info-box-mehrwert .uagb-ifb-title-wrap>.uagb-ifb-title-prefix {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  width: 100px;
  max-width: 100px;
  aspect-ratio: 1/1;
  margin-bottom: var(--gap-m);
  font-family: var(--mainfont);
  font-size: 4.941rem;
  color: var(--ast-global-color-0);
  border-radius: 50%;
  line-height: 0.75;
  font-weight: 700;
  font-variant-numeric: lining-nums;
  font-feature-settings: "lnum"1;
  background-color: var(--ast-global-color-3);
  padding: 10px 0 0 10px;
}

.wp-block-uagb-info-box.info-box-mehrwert :is(h4, p) {
  color: var(--ast-global-color-0);
}

.wp-block-uagb-info-box.info-box-mehrwert :is(h4) {
  font-size: 16px;
  line-height: 1.2;
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}

.wp-block-uagb-info-box.info-box-mehrwert {
  max-width: 206px;
}

.wp-block-uagb-info-box.info-box-mehrwert .uagb-ifb-content {
  display: flex;
  flex-direction: column;
  gap: var(--gap-s);
}

#main .kein-abstand-unten>.wp-block-uagb-container.container-vorteile-grid.bg-white {
  max-width: unset !important;
  width: 100vw !important;
}

@media (max-width: 1024px) {
  .container-vorteile-grid .cont-info-box-grid.swiper .wp-block-uagb-info-box {
    flex-direction: column;
    gap: 10px;
  }

  .wp-block-uagb-container.cont-info-box.cont-info-box-grid.swiper-initialized {
    padding-bottom: var(--gap-l) !important;
  }

  .container-vorteile-grid .cont-info-box-grid.swiper .wp-block-uagb-info-box .uagb-ifb-image-content {
    align-self: flex-start;
  }

  .container-vorteile-grid .cont-info-box-grid.swiper {
    /*display: unset !important;*/
  }

  .cont-info-box-grid .swiper-button-next,
  .cont-info-box-grid .swiper-button-prev {
    position: absolute !important;
    bottom: 0 !important;
    left: 44%;
    z-index: 10;
    width: 20px !important;
    height: 20px;
    mask: unset !important;
  }

  .cont-info-box-grid .swiper-button-next {
    left: 52%;
  }

  .cont-info-box-grid .swiper-button-next::after,
  .cont-info-box-grid .swiper-button-prev::after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(/wp-content/themes/astra-impuls-child/img/arrow-links.svg);
    background-repeat: no-repeat;
    background-size: contain;
    mask: unset !important;
    transform: rotate(45deg);
  }

  .cont-info-box-grid .swiper-button-prev::after {
    transform: rotate(225deg);
  }

  .wp-block-uagb-container.cont-info-box:not(.info-box-timeline) {
    margin-top: calc(var(--gap-l) - var(--gap-m));
  }
}

@media (max-width: 1024px) {
  .wp-block-uagb-container.container-vorteile-grid {
    padding-block: calc(var(--cont-gap) * 0.5) !important;
    background-color: var(--ast-global-color-3);
  }
}

@media (max-width: 768px) {
  .wp-block-uagb-container.container-vorteile-grid {
    padding-block: 65px 40px !important;
  }

  .wp-block-uagb-container.cont-info-box.cont-info-box-grid {
    row-gap: calc(var(--gap-l) * 0.8) !important;
  }

  .wp-block-uagb-info-box.info-box-mehrwert .uagb-ifb-title-wrap>.uagb-ifb-title-prefix {
    font-size: 4.5rem;
  }
}

@media (max-width: 600px) {
  .container-vorteile-grid .cont-info-box-grid.swiper .wp-block-uagb-info-box .uagb-ifb-image-content {
    align-self: center;
  }

  .cont-info-box .uagb-ifb-content * {
    text-align: center;
  }

  .cont-info-box p.uagb-ifb-desc {
    font-size: 0.9em !important;
  }
}