/** Theme Container Intro **/

.wp-block-uagb-container.cont-intro {
  padding-top: calc(var(--gap-l) + var(--header-height)) !important;
  gap: var(--gap-xl);
}

.home .wp-block-uagb-container.cont-intro {
  padding-top: calc(
    var(--gap-l) + var(--header-height) + var(--header-height)
  ) !important;
}

.wp-block-uagb-container.cont-intro.background {
  background-color: var(--ast-global-color-4);
  padding-bottom: calc(var(--gap-l) + var(--gap-s));
}

.wp-block-uagb-container.cont-intro.text-xxl
  .wp-block-uagb-advanced-heading
  h2 {
  font-size: var(--hxxl-font-size) !important;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.01em;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: normal;
}

.wp-block-uagb-container.cont-intro.text-xxl
  .wp-block-uagb-advanced-heading.large-word {
  width: 100vw;
}

.wp-block-uagb-container.cont-intro.background-dark {
  padding-top: calc(var(--gap-l) + var(--header-height)) !important;
  margin-bottom: 0;
}

.wp-block-uagb-container.cont-intro .uagb-container-inner-blocks-wrap {
  display: flex;
  gap: var(--gap-xl) !important;
}

.wp-block-uagb-container.cont-intro .wp-block-uagb-separator__inner::before,
.wp-block-uagb-container.cont-intro .wp-block-uagb-separator__inner::after {
  border-top-width: 1px !important;
}

.wp-block-uagb-container.cont-intro.background-dark
  .wp-block-uagb-separator__inner::before,
.wp-block-uagb-container.cont-intro.background-dark
  .wp-block-uagb-separator__inner::after {
  border-top-color: white !important;
}

.wp-block-uagb-container.cont-intro .col-headings {
  display: flex;
  gap: var(--gap-l);
}

.wp-block-uagb-container.cont-intro .col-headings .cont-keywords {
  flex-wrap: wrap;
  text-align: center;
}

.wp-block-uagb-container.cont-intro
  .col-headings
  .cont-keywords
  .wp-block-uagb-advanced-heading
  .uagb-heading-text {
  line-height: 1.8em;
}

.wp-block-uagb-container.cont-intro
  .col-headings
  + .wp-block-uagb-buttons.uagb-buttons__outer-wrap {
  margin-top: var(--gap-l);
}

.cont-intro h3.uagb-html-tag,
.cont-about-us h3.uagb-html-tag {
  white-space: nowrap;
}

.wp-block-uagb-container.cont-intro .cont-img-txt {
  gap: 0;
}

/** with graphic **/
.wp-block-uagb-container.cont-intro.cont-intro-grafik
  .cont-img-txt
  .wp-block-uagb-image {
  width: 41.52% !important;
  aspect-ratio: 436/400;
}

.wp-block-uagb-container.cont-intro.cont-intro-grafik
  .cont-img-txt
  .wp-block-uagb-image
  img {
  width: 100%;
  height: 100%;
}

.wp-block-uagb-container.cont-intro .cont-txt-btn {
  gap: var(--gap-s) !important;
  margin-top: var(--gap-l);
}

.wp-block-uagb-container.cont-intro .cont-txt-btn p {
  text-align: center;
}

.wp-block-uagb-container.cont-intro .cont-txt-btn .wp-block-uagb-buttons {
  justify-content: center;
  display: flex;
}

.wp-block-uagb-container.cont-intro
  .cont-txt-btn
  .wp-block-uagb-buttons::after {
  content: "";
  --my-size: calc(var(--gap-s) + var(--gap-m));
  width: var(--my-size);
  height: var(--my-size);
  background-image: url(../../img/icon-arrow-down.svg);
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 100%;
  border: 1px solid var(--ast-global-color-3);
  transition: all 0.5s ease;
  display: block;
}

.wp-block-uagb-container.cont-intro .cont-txt-btn .wp-block-uagb-buttons {
  width: unset !important;
}

.wp-block-uagb-container.cont-intro
  .cont-txt-btn
  .wp-block-uagb-buttons
  .uagb-buttons__wrap {
  display: none;
}

.wp-block-uagb-container.cont-intro
  .cont-txt-btn
  .wp-block-uagb-buttons:hover::after {
  background-color: var(--ast-global-color-3);
  background-image: url(../../img/icon-arrow-down-white.svg);
}

.wp-block-uagb-container.cont-intro.background-dark h2.uagb-heading-text {
  color: var(--ast-global-color-4) !important;
}

/* adds padding to the class, given for the + in addPaddingToPlus() */
.plus-padding {
  padding: 0 var(--gap-s);
}

/** special grafik **/

/*
.wp-block-uagb-container.cont-intro.cont-intro-grafik-special
  .cont-img-txt
  .col-headings {
  margin-top: calc((var(--gap-l) + var(--gap-m)) * -1);
}
  */

/** Projekte Overview **/
.wp-block-uagb-container.cont-intro.cont-intro-projekte {
  gap: var(--gap-xl);
  margin-bottom: calc(var(--gap-xl) * 1.8);
}

/* in editor */
.block-editor-block-list__block.cont-img-txt .wp-block-uagb-image {
  justify-self: center;
}

.cont-intro figure {
  height: 100%;
  width: 100%;
}

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

@media (max-width: 1100px) {
  /*.wp-block-uagb-container.cont-intro:not(.cont-intro-projekte) {
    padding-top: var(--header-height) !important;
  }*/

  .wp-block-uagb-container.cont-intro:not(.cont-intro-simple) {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 576px) {
  .plus-padding {
    padding: 0 3px;
  }

  .wp-block-uagb-container.cont-intro.cont-intro-grafik
    .cont-img-txt
    .wp-block-uagb-image {
    width: 63.2vw !important;
    margin-bottom: 20px;
  }

  .wp-block-uagb-container.cont-intro.cont-intro-grafik .wp-block-uagb-buttons {
    width: 28px;
    height: 28px;
  }

  .wp-block-uagb-container.cont-intro.text-xxl
    .wp-block-uagb-advanced-heading
    h2 {
    font-size: var(--h2-font-size) !important;
  }

  .wp-block-uagb-container.cont-intro.inverted-mobile {
    background-color: var(--ast-global-color-0);
    padding-bottom: 70px;
    padding-top: 50px !important;
  }

  .wp-block-uagb-container.cont-intro.inverted-mobile * {
    color: var(--ast-global-color-1);
  }

  .wp-block-uagb-container.cont-intro.inverted-mobile
    .wp-block-uagb-separator__inner::before,
  .wp-block-uagb-container.cont-intro.inverted-mobile
    .wp-block-uagb-separator__inner::after {
    border-top-color: var(--ast-global-color-1) !important;
  }

  .wp-block-uagb-container.cont-intro {
    padding-top: calc(50px + var(--header-height)) !important;
  }

  .wp-block-uagb-container.cont-intro
    .wp-block-uagb-separator__inner
    .wp-block-uagb-separator-element,
  .wp-block-uagb-container.cont-about-us
    .wp-block-uagb-separator__inner
    .wp-block-uagb-separator-element {
    max-width: 80%;
  }

  .wp-block-uagb-container.cont-intro .wp-block-uagb-separator__inner::before,
  .wp-block-uagb-container.cont-intro .wp-block-uagb-separator__inner::after {
    min-width: 10%;
  }

  .wp-block-uagb-container
    .wp-block-uagb-separator.break.min-width
    .wp-block-uagb-separator__inner
    .wp-block-uagb-separator-element {
    min-width: 50%;
  }

  .wp-block-uagb-container
    .wp-block-uagb-separator.break
    .wp-block-uagb-separator__inner
    .wp-block-uagb-separator-element
    h3.uagb-html-tag {
    white-space: unset !important;
  }

  .wp-block-uagb-container
    .uagb-block-5a14bdd5.break.min-width
    .wp-block-uagb-separator__inner
    .wp-block-uagb-separator-element,
  .wp-block-uagb-container
    .uagb-block-5a14bdd5.break.min-width
    .wp-block-uagb-separator__inner
    .wp-block-uagb-separator-element {
    min-width: 60%;
  }

  .wp-block-uagb-container
    .uagb-block-2889adf8.break.min-width
    .wp-block-uagb-separator__inner
    .wp-block-uagb-separator-element {
    min-width: 65%;
  }

  .wp-block-uagb-container.cont-intro
    .cont-txt-btn
    .wp-block-uagb-buttons::after {
    --my-size: 28px;
    background-size: 8px;
  }

  .wp-block-uagb-container.cont-intro.cont-intro-grafik .cont-img-txt .wp-block-uagb-image.employer-branding-rocket {
    width: 90vw !important;
  }
}

.lottie-animation {
  scale: 1.3;
}

#wpadminbar {
  display: none;
}

@media (max-width: 375px) {
  .page-id-3492 .cont-intro .wp-block-uagb-separator-element {
    white-space: nowrap;
    min-width: unset !important;
  }
}