/* IMG ROUND SPINER */

.wp-block-uagb-container.cont-img-txt.round {
  margin-top: calc(var(--gap-xl) * 0.95) !important;
  margin-bottom: calc(var(--gap-xl) * 1.334) !important;
}

.wp-block-uagb-container.img-badge-wrapper {
  position: relative;
}

.img-badge-wrapper .wp-block-uagb-image.circle-img img {
  border-radius: 50%;
  aspect-ratio: 1/1;
  object-fit: cover;
  object-position: 67% 0;
}

.wp-block-uagb-container.cont-img-txt .deco-img {
  position: relative;
}

.wp-block-uagb-container.cont-img-txt .deco-img img {
  border-radius: 50%;
  aspect-ratio: 1/1;
  /*object-fit: cover;*/
}

.wp-block-uagb-container.cont-img-txt .deco-img::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.25);
  pointer-events: none;
  width: 100%;
  height: 100%;
  left: 0;
  border-radius: 50%;
  aspect-ratio: 1/1;
  object-fit: cover;
}

.wp-block-uagb-container.cont-img-txt .deco-img .deco-txt {
  position: absolute !important;
  left: 0;
  z-index: 9;
  height: 100%;
}

.wp-block-uagb-container.cont-img-txt
  .deco-img
  .deco-txt
  .wp-block-uagb-image__figure {
  justify-content: center;
}

.wp-block-uagb-container.cont-img-txt .deco-img .deco-txt img {
  border-radius: 0;
  aspect-ratio: unset;
  height: 90%;
}

.wp-block-uagb-container.img-badge-wrapper
  .wp-block-uagb-container.header-text-wrapper {
  max-width: 520px !important;
}

.wp-block-uagb-container.img-badge-wrapper
  .wp-block-uagb-container.img-badge-wrapper {
  max-width: 680px !important;
}

.wp-block-uagb-container.spinning-badge {
  --my-size: clamp(116px, 5.971rem + 4.31vw, 170px);

  display: grid;
  place-items: center;

  min-width: var(--my-size);
  height: var(--my-size);
  position: absolute;
  background-color: var(--ast-global-color-0);
  right: 0;
  bottom: 0;
  border-radius: 50%;
}

.wp-block-uagb-container.spinning-badge > * {
  grid-area: 1 / 1;
}

.wp-block-uagb-image.badge-text img {
  width: clamp(94px, 4.895rem + 3.41vw, 137px);
}

.wp-block-uagb-image.badge-img img {
  width: clamp(51px, 2.64rem + 1.9vw, 75px);
  aspect-ratio: 1/1;
}

.spinning-badge .badge-text {
  animation: spin 50s linear infinite;
}

/* HEADER UND TEXT */
.wp-block-uagb-container.cont-img-txt
  .wp-block-uagb-container.header-text-wrapper {
  gap: var(--gap-m);
}

.has-underline::after {
  content: "";
  display: block;
  width: clamp(237px, 12.282rem + 8.8vw, 348px);
  aspect-ratio: 351/41;
  background-image: url(/wp-content/themes/astra-impuls-child/img/icon-header-deco.svg);
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: var(--gap-m);
}

/* TEXT IMG FULL */
.uagb-container-inner-blocks-wrap:has(
    > .wp-block-uagb-container.cont-img-txt.full
  ):has(> .wp-block-uagb-container.cont-info-box.bg-rund) {
  gap: var(--padding);
}

.wp-block-uagb-container.cont-img-txt.full {
  margin-block: calc(var(--cont-gap) * 1.1) !important;
}

.uagb-container-inner-blocks-wrap:has(
    > .wp-block-uagb-container.cont-img-txt.full
  ):has(> .wp-block-uagb-container.cont-info-box.bg-rund)
  > .wp-block-uagb-container.cont-img-txt.full {
  margin-block: 0;
}

/* REVERSE + IMG BUTTON */
.wp-block-uagb-container.cont-einleitung.cont-img-txt.reverse
  .wp-block-uagb-image.img-btn {
  position: absolute !important;
  bottom: var(--gap-s);
  left: var(--gap-s);
}

/* HEADING LIST */

.wp-block-uagb-container.heading-list {
  margin-top: calc(var(--gap-l) - var(--gap-m));
  gap: 7px;
}

.wp-block-uagb-container.heading-list > .wp-block-uagb-advanced-heading {
  display: flex;
  gap: calc(var(--gap-m) * 0.85);
  align-items: center;
}

.wp-block-uagb-container.heading-list > .wp-block-uagb-advanced-heading:before {
  content: "";
  display: block;
  font-size: var(--h6-font-size);
  height: 1.55em;
  width: 1.55em;
  background-image: url("/wp-content/themes/astra-impuls-child/img/li-heading-before.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

/* with bg */

.wp-block-uagb-container.cont-img-txt.bg-red {
  padding-bottom: calc(var(--padding) * 1.19);
  padding-top: var(--header-height);
}

.wp-block-uagb-container.cont-img-txt.bg-red
  > .uagb-container-inner-blocks-wrap {
  gap: var(--gap-xl) !important;
  padding: calc(var(--padding) * 1.19) 150px;
  border: 2px solid var(--ast-global-color-3);
  border-top: unset;
}

.uagb-container-inner-blocks-wrap.jobs-detail-head
  .info-box-wrapper.info-box-red,
.wp-block-uagb-container.cont-img-txt.bg-red .uagb-ifb-content {
  background-color: var(--ast-global-color-3);
  width: clamp(300px, 13.429rem + 17.37vw, 515px) !important;
  max-width: 100%;
}

.info-box-red-sm-img img {
  display: block;
}

.info-box-red-sm-img,
.wp-block-uagb-container.cont-img-txt.bg-red
  .info-box-red
  .uagb-ifb-image-content {
  width: clamp(100px, 4.068rem + 9.31vw, 226px);
}

.wp-block-uagb-container.cont-img-txt.bg-red .has-underline::after {
  background-image: url(/wp-content/themes/astra-impuls-child/img/icon-header-deco-white.svg);
}

/* white bg sanierung */
.wp-block-uagb-container.cont-img-txt.bg-white {
  padding: var(--padding);
}

.wp-block-uagb-container.cont-img-txt.bg-white.sanierung h4 {
  color: var(--ast-global-color-0);
}

.wp-block-uagb-container.cont-img-txt.bg-white.sanierung
  .wp-block-uagb-advanced-heading:has(h4) {
  margin-bottom: calc((var(--gap-l) - var(--gap-s)) * -1) !important;
}

.wp-block-uagb-container.cont-img-txt.bg-white.sanierung .header-text-wrapper {
  gap: var(--gap-l) !important;
}

.wp-block-uagb-container.cont-img-txt.bg-white.karriere .header-text-wrapper {
  gap: var(--gap-m);
}

.wp-block-uagb-container.karriere-kontakt .wp-block-uagb-image {
  max-width: 125px;
}

.wp-block-uagb-container.karriere-kontakt a {
  text-decoration: none;
}

.wp-block-uagb-image.round img {
  border-radius: 100%;
}

@media (max-width: 1024px) {
  .wp-block-uagb-container.cont-img-txt.cont-img-txt-reverse.bg-white.sanierung {
    display: flex;
    flex-direction: column-reverse;
  }
  #main
    .wp-block-uagb-container.cont-img-txt.cont-img-txt-reverse.bg-white.sanierung
    > .wp-block-uagb-container {
    max-width: 100%;
    width: 100% !important;
  }

  .wp-block-uagb-container.cont-img-txt.bg-white.sanierung {
    gap: var(--gap-l);
  }

  .wp-block-uagb-container.cont-img-txt.bg-white.sanierung
    .header-text-wrapper {
    gap: calc(var(--gap-l) * 0.7) !important;
  }

  .wp-block-uagb-container.cont-img-txt.bg-white.sanierung
    .wp-block-uagb-advanced-heading:has(h4) {
    margin-bottom: calc(var(--gap-xl) * -0.3) !important;
  }

  #main
    .wp-block-uagb-container.cont-img-txt.cont-img-txt-reverse.bg-white.sanierung
    > .wp-block-uagb-container
    .wp-block-uagb-image,
  #main
    .wp-block-uagb-container.cont-img-txt.cont-img-txt-reverse.bg-white.sanierung
    > .wp-block-uagb-container
    .wp-block-uagb-image
    * {
    width: 100% !important;
  }

  .cont-img-txt.sanierung .wp-block-uagb-container.karriere-kontakt {
    justify-content: flex-start;
  }
}

@media (max-width: 768px) {
  .wp-block-uagb-container.cont-img-txt.full {
    margin-block: calc(var(--cont-gap) * 1) !important;
  }

  .wp-block-uagb-container.cont-img-txt:not(:has(.cont-a-z)) {
    gap: var(--gap-l);
  }

  .wp-block-uagb-container.cont-img-txt:not(:has(.cont-a-z)):not(
      .cont-einleitung
    )
    .header-text-wrapper {
    padding: 0 15px;
  }
  .wp-block-uagb-container.cont-img-txt.bg-white {
    padding: calc(var(--gap-l) * 0.6);
  }
  .wp-block-uagb-container.cont-img-txt.bg-white.sanierung
    .header-text-wrapper {
    gap: calc(var(--gap-l) * 0.7) !important;
  }
  .wp-block-uagb-container.cont-img-txt.bg-white.sanierung
    .wp-block-uagb-advanced-heading:has(h4) {
    margin-bottom: calc((var(--gap-l) - var(--gap-s)) * -0.5) !important;
  }
}