/**
 * Theme Container Styles
 * 
 * This file contains all custom styles related to containers,
 * that are too small for an own file
 * 
 */

.wp-block-uagb-container.kein-abstand-unten {
  margin-bottom: 0 !important;
}

.wp-block-uagb-container.weniger-abstand-unten {
  margin-bottom: var(--gap-xl) !important;
}

.wp-block-uagb-container.mehr-abstand-oben {
  margin-top: var(--gap-xl) !important;
}

/** Fix for Scroll issue bei Standort Container*/
.wp-block-uagb-container.cont-info-box:has(+.cont-standort) {
  margin-bottom: 0 !important;
}

.wp-block-uagb-container.cont-info-box+.cont-standort {
  padding-top: var(--cont-gap);
}

/** CONTAINER EINLEITUNG */
.wp-block-uagb-container.cont-einleitung {
  gap: var(--gap-xl);
}

.wp-block-uagb-container.cont-einleitung .info-box-red .uagb-ifb-title em {
  font-family: var(--headlinefont);
}

.wp-block-uagb-container.cont-einleitung.bg-white {
  padding: var(--gap-xl) 0;
}

.wp-block-uagb-container.cont-einleitung.bg-white .uagb-container-inner-blocks-wrap {
  width: 90vw !important;
}

#main .wp-block-uagb-container.cont-einleitung.bg-red {
  padding-top: calc(var(--header-height) + var(--gap-m));
}

@media (max-width: 1024px) {
  .wp-block-uagb-container.cont-einleitung .info-box-red {
    max-width: 100% !important;
  }

  .wp-block-uagb-container.cont-einleitung.bg-white .uagb-container-inner-blocks-wrap {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: var(--gap-l) !important;
  }

  .wp-block-uagb-container.cont-einleitung.bg-white .uagb-container-inner-blocks-wrap>* {
    width: 100%;
    max-width: unset;
  }
}

@media (max-width: 768px) {
  #main .wp-block-uagb-container.cont-einleitung:not(.bg-red, .bg-white) {
    /* padding: 0 15px;*/
    gap: var(--gap-l) !important;
    margin-bottom: var(--cont-gap) !important;
  }

  #main .wp-block-uagb-container.cont-einleitung:not(.bg-red) .header-text-wrapper {
    padding: 0 15px;
  }

  #primary .wp-block-uagb-container.cont-contact .wp-block-uagb-container {
    gap: var(--gap-m) !important;
  }
}

/** GENERAL STYLES */
/* ::after centered */
.wp-block-uagb-advanced-heading.has-underline.center {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Hausbauen oder sanieren container(Zielgruppecontainer) */

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

.wp-block-uagb-container.cont-zielgruppe h3 {
  color: var(--ast-global-color-3);
}

.wp-block-uagb-container.cont-zielgruppe {
  background-color: var(--ast-global-color-0);
}

.wp-block-uagb-container.cont-zielgruppe.bg-red::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: clamp(126px, 0.529rem + 25.55vw, 450px);
  height: clamp(401px, 2.412rem + 78.79vw, 1400px);
  background-image: url(/wp-content/themes/astra-impuls-child/img/icon-heuberger-verikal.svg);
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
}

.wp-block-uagb-container.cont-zielgruppe>.uagb-container-inner-blocks-wrap {
  margin-block: calc(var(--cont-gap) * 1.1);
}

.wp-block-uagb-container.cont-zielgruppe .arrow-link a {
  color: var(--ast-global-color-3) !important;
}

.wp-block-uagb-container.cont-zielgruppe .arrow-link a::after {
  background-image: url(/wp-content/themes/astra-impuls-child/img/arrow-links-white.svg) !important;
}

.wp-block-uagb-container.cont-zielgruppe .wp-block-uagb-container.cont-imgs-wrapper {
  gap: var(--gap-l);
  align-items: flex-start;
  flex-wrap: nowrap;
}

.cont-zielgruppe .cont-imgs-wrapper>.wp-block-uagb-container:first-child {
  margin-top: clamp(20px, 0.452rem + 2.78vw, 55px);
  gap: var(--gap-m);
}

.wp-block-uagb-container.cont-zielgruppe>.uagb-container-inner-blocks-wrap {
  gap: var(--gap-l) !important;
  width: 90vw !important;
}

.wp-block-uagb-container.cont-zielgruppe .cont-imgs-wrapper>div,
.wp-block-uagb-container.cont-teaser-grid>.wp-block-uagb-container>.wp-block-uagb-container {
  position: relative;
}

.wp-block-uagb-container.cont-zielgruppe .cont-imgs-wrapper>div .arrow-link,
.wp-block-uagb-container.cont-teaser-grid .arrow-link {
  position: static !important;
}

.wp-block-uagb-container.cont-zielgruppe .cont-imgs-wrapper>div .arrow-link a::before,
.wp-block-uagb-container.cont-teaser-grid .arrow-link a::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.cont-timeline .uagb-timeline__day-left .uagb-timeline__arrow::after,
.cont-timeline .uagb-timeline__day-right .uagb-timeline__arrow::after {
  display: none;
}

@media (max-width: 1024px) {
  .wp-block-uagb-container.cont-zielgruppe .wp-block-uagb-container.cont-info-box .wp-block-uagb-info-box .uagb-ifb-content {
    max-width: 67%;
    margin-right: auto;
    margin-left: auto;
  }

  .wp-block-uagb-container.cont-timeline .uagb-timeline__field:not(:last-child) {
    margin-bottom: 50px;
  }

  .wp-block-uagb-container.cont-info-box.bg-rund .uagb-infobox__content-wrap .uagb-ifb-content::after {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .wp-block-uagb-container.cont-zielgruppe>.uagb-container-inner-blocks-wrap {
    margin-block: var(--gap-l);
    padding: 0 15px;
  }

  .wp-block-uagb-container.cont-zielgruppe .wp-block-uagb-advanced-heading {
    max-width: 75%;
  }

  .wp-block-uagb-container.cont-zielgruppe .wp-block-uagb-container.cont-imgs-wrapper {
    gap: var(--gap-m);
  }

  .cont-zielgruppe .cont-imgs-wrapper>.wp-block-uagb-container {
    gap: 10px !important;
  }

  .wp-block-uagb-container.cont-zielgruppe .wp-block-uagb-container.cont-info-box:not(.info-box-timeline),
  .wp-block-uagb-container.cont-info-box.bg-rund {
    column-gap: 10px;
    row-gap: 0;
  }

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

  .wp-block-uagb-container.cont-zielgruppe .wp-block-uagb-container.cont-info-box .wp-block-uagb-info-box:last-child,
  .cont-info-box.bg-rund .wp-block-uagb-info-box:last-child {
    transform: translateY(-10%);
  }

  .wp-block-uagb-container.cont-zielgruppe .wp-block-uagb-container.cont-info-box .wp-block-uagb-info-box .uagb-ifb-content,
  .cont-info-box.bg-rund .wp-block-uagb-info-box .uagb-ifb-content {
    transform: translateY(-5%);
  }

  .wp-block-uagb-container.cont-zielgruppe .wp-block-uagb-container.cont-info-box .wp-block-uagb-info-box .uagb-ifb-content .uagb-ifb-image-content img,
  .cont-info-box.bg-rund .wp-block-uagb-info-box img {
    max-height: 54px;
    max-width: 62px;
  }

  .wp-block-uagb-container.cont-info-box.bg-rund:has(.wp-block-uagb-info-box:nth-child(5)) {
    column-gap: 10px;
    row-gap: 0;
  }

  .wp-block-uagb-container.cont-info-box.bg-rund:has(.wp-block-uagb-info-box:nth-child(5)) .wp-block-uagb-info-box:nth-child(1),
  .wp-block-uagb-container.cont-info-box.bg-rund:has(.wp-block-uagb-info-box:nth-child(5)) .wp-block-uagb-info-box:nth-child(2) {
    margin-bottom: 7px;
  }

  .cont-timeline span.uagb-timeline__heading {
    font-size: 36px !important;
  }
}

/* PARALAX */

.wp-block-uagb-container.cont-paralax {
  height: clamp(300px, 8.547rem + 35.49vw, 750px);
}

.wp-block-uagb-container.cont-paralax-content {
  gap: var(--gap-s);
  z-index: 2;
}

.wp-block-uagb-container.cont-paralax::before {
  content: "";
  position: absolute;
  background-image: url(/wp-content/themes/astra-impuls-child/img/img-rahmen-breit-paralax.svg);
  height: 76%;
  width: 87%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-left: 2px solid var(--ast-global-color-0);
  border-right: 2px solid var(--ast-global-color-0);
}

.wp-block-uagb-container.cont-paralax::after {
  content: "";
  position: absolute;
  background-color: rgba(0, 0, 0, 0.25);
  height: 100%;
  width: 100%;
  z-index: 1;
}

.wp-block-uagb-container.cont-a-z {
  flex-wrap: nowrap;
  align-items: flex-start;
}

@media (max-width: 1024px) {
  .wp-block-uagb-container.cont-a-z {
    padding-right: 0 !important;
  }

  .wp-block-uagb-container.cont-paralax {
    background-attachment: scroll !important;
    background-size: cover !important;
    background-position: center center !important;
  }
}

@media (max-width: 768px) {
  .cont-img-txt:has(.wp-block-uagb-container.cont-a-z) {
    gap: var(--gap-xl) !important;
  }

  .cont-img-txt:has(.wp-block-uagb-container.cont-a-z) .header-text-wrapper {
    padding: 0 15px !important;
  }

  .wp-block-uagb-container.cont-a-z {
    gap: 27px !important;
  }

  .wp-block-uagb-container.cont-paralax-content h5 {
    font-size: 19px;
  }
}

/* TIME LINE GESCHICHTE*/

.cont-timeline .uagb-block-70217b21.uagb-timeline__outer-wrap .uagb-timeline__events-inner-new {
  background-color: transparent;
}

.cont-timeline span.uagb-timeline__heading {
  font-family: var(--headlinefont);
  color: var(--ast-global-color-0);
  font-size: 65px;
  line-height: 0.76;
  letter-spacing: -0.059em;
  font-variant-position: super;
}

.cont-timeline p.uagb-timeline-desc-content {
  text-wrap: balance;
}

.cont-timeline p.uagb-timeline-desc-content a {
  text-decoration: underline !important;
}

.cont-timeline .uagb-timeline__events-inner--content {
  max-width: 550px;
  min-width: 86.2%;
}

.cont-timeline .uagb-timeline__day-left .uagb-timeline__events-inner--content {
  justify-self: right;
}

.cont-timeline .uagb-timeline__outer-wrap .uagb-timeline__marker.uagb-timeline__in-view-icon,
.cont-timeline .uagb-timeline__outer-wrap .uagb-timeline__marker {
  background-color: var(--ast-global-color-0) !important;
  min-height: 55px !important;
  min-width: 55px !important;
  align-self: flex-start;
}

.cont-timeline .uagb-timeline__outer-wrap .uagb-timeline__marker svg {
  color: var(--ast-global-color-3) !important;
  width: clamp(17px, 0.949rem + 0.39vw, 22px) !important;
  fill: var(--ast-global-color-3) !important;
}

.cont-timeline .uagb-timeline__outer-wrap .uagb-timeline__line {
  background-color: color-mix(in srgb,
      var(--ast-global-color-0) 60%,
      transparent);
}

.cont-timeline .uagb-timeline__line__inner {
  background-color: var(--ast-global-color-0) !important;
}

@media (max-width: 1024px) {
  .cont-timeline .uagb-timeline__line {
    transform: translateX(320%);
  }

  .cont-timeline .uagb-timeline__day-new.uagb-timeline__events-inner-new {
    justify-self: flex-start;
    align-self: flex-start;
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
  }
}

@media (max-width: 768px) {

  .cont-timeline .uagb-timeline__outer-wrap .uagb-timeline__marker.uagb-timeline__in-view-icon,
  .cont-timeline .uagb-timeline__outer-wrap .uagb-timeline__marker {
    transform: translateY(-10%);
  }
}

/* CONTAINER GRID  */

@media (min-width: 991px) {

  .wp-block-uagb-container.cont-grid-claim-img,
  .wp-block-uagb-container.cont-grid-imgs-button {
    display: contents;
  }

  .cont-imgs-grid>.uagb-container-inner-blocks-wrap {
    display: grid !important;
    grid-template-columns: 309fr 479fr 429fr;
    grid-template-areas:
      "text  img-m  img-r"
      "text  btn    img-r"
      "text  .      img-r";
    row-gap: clamp(27px, 1.175rem + 1.35vw, 42px) !important;
    column-gap: clamp(12px, -0.39rem + 3.97vw, 62px) !important;
  }

  .text-vertical {
    grid-area: text;
  }

  .img-miete {
    grid-area: img-m;
  }

  .grid-imgs-right {
    grid-area: img-r;
  }

  .grid-btn {
    grid-area: btn;
    align-self: start;
  }

  .wp-block-uagb-container.grid-imgs-right {
    margin-top: clamp(30px, 1.282rem + 1.25vw, 48px);
    gap: calc(var(--gap-l) * 0.9);
  }
}

@media (max-width: 768px) {
  .cont-imgs-grid>.uagb-container-inner-blocks-wrap {
    column-gap: 12px !important;
  }

  .cont-imgs-grid>.uagb-container-inner-blocks-wrap>.cont-grid-claim-img {
    max-width: 42%;
  }

  .cont-imgs-grid>.uagb-container-inner-blocks-wrap>.cont-grid-imgs-button {
    max-width: 53% !important;
  }

  .cont-imgs-grid>.uagb-container-inner-blocks-wrap>.cont-grid-imgs-button .grid-imgs-right {
    gap: 12px;
  }

  .wp-block-uagb-container.cont-paralax-content {
    gap: var(--gap-m);
  }
}

/* Downloads */

.wp-block-uagb-container.cont-downloads {
  padding: var(--gap-l);
  display: flex;
  gap: var(--gap-m);
}

.wp-block-uagb-container.cont-downloads .wp-block-file {
  display: flex;
  width: fit-content !important;
  gap: var(--gap-s);
}

.wp-block-uagb-container.cont-downloads .wp-block-file .wp-block-file__button {
  font-size: 0;
}

.wp-block-uagb-container.cont-downloads .wp-block-file {
  border: 1px solid var(--ast-global-color-0);
  transition: all 0.5s ease-in-out;
}

.wp-block-uagb-container.cont-downloads .wp-block-file a {
  font-family: var(--mainfont);
  line-height: 1;
  text-decoration: none !important;
  font-size: var(--base-font-size);
  background: transparent;
  padding: 0;
  display: flex;
  gap: 15px;
  align-items: center;
}

.wp-block-file a::after {
  content: "";
  display: block;
  height: 20px;
  width: 20px;
  background-image: url(/wp-content/themes/astra-impuls-child/img/icon-download.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.5s ease-in-out;
}

.wp-block-uagb-container.cont-downloads .wp-block-file:hover a::after {
  background-image: url(/wp-content/themes/astra-impuls-child/img/icon-download-red.svg);
}

/* Passwort Seite Login */
#pwbox-4713 {
  width: 20vw;
  margin-top: var(--gap-m);
}

/* Formular */

.wp-block-uagb-container.cont-form {
  padding: var(--gap-xl);
}

#primary #main .wp-block-uagb-container.cont-form form.forminator-ui.forminator-custom-form[data-design="material"] {
  margin: var(--gap-l) 0 !important;
}

.forminator-field:has(.forminator-button-submit) {
  display: flex;
  justify-content: center;
}

/* .cont-form .forminator-ui .forminator-field .forminator-button-submit  */

.cont-form .forminator-ui .forminator-button-submit,
.cont-form .forminator-ui .forminator-button-next,
.cont-form .forminator-ui .forminator-button-back {
  font-size: var(--btn-font-size) !important;
  font-family: var(--mainfont) !important;
  color: var(--ast-global-color-3) !important;
  border: 1px solid var(--ast-global-color-0) !important;
  font-weight: 700 !important;
  padding: 1em 1.7em !important;
  line-height: 1.28 !important;
  border-radius: var(--border-radius) !important;
  display: flex !important;
  gap: var(--gap-s);
  transition: background-color 0.5s ease-in-out !important;

}

.cont-form .forminator-ui .forminator-button-back::before,
.cont-form .forminator-ui .forminator-button-submit::after,
.cont-form .forminator-ui .forminator-button-next::after {
  content: "";
  display: block;
  width: 1.429em;
  height: 1.429em;
  background-image: url(/wp-content/themes/astra-impuls-child/img/arrow-right-white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  font-size: var(--btn-font-size);

  -webkit-mask: url("/wp-content/themes/astra-impuls-child/img/arrow-right.svg") no-repeat center / contain;
  mask: url("/wp-content/themes/astra-impuls-child/img/arrow-right.svg") no-repeat center / contain;

  transition: background-color 0.5s ease-in-out;
}

.cont-form .forminator-ui .forminator-button-back .forminator-button--mask {
  display: none !important;
}

.cont-form .forminator-ui .forminator-button-back::before {
  transform: rotate(180deg);
}

.cont-form .forminator-ui .forminator-button-submit:hover,
.cont-form .forminator-ui .forminator-button-next:hover,
.cont-form .forminator-ui .forminator-button-back:hover {
  color: var(--ast-global-color-0) !important;
  background-color: transparent !important;
}

.cont-form .forminator-ui .forminator-button-back.forminator-hidden {
  display: none !important;
}

/* Fallback -webkit-mask */
.cont-form .forminator-ui .forminator-button-back:hover::before,
.cont-form .forminator-ui .forminator-button-submit:hover::after,
.cont-form .forminator-ui .forminator-button-next:hover::after {
  background-image: url(/wp-content/themes/astra-impuls-child/img/arrow-right.svg);
}


.cont-form .forminator-label:not([class*="forminator-floating-"]) {
  font-weight: 400 !important;
  margin-bottom: 5px;
}

.cont-form .forminator-label,
.cont-form .forminator-select span:not(.forminator-icon-chevron-down) {
  color: #b2b2b2 !important;
}

.cont-form .forminator-select span.forminator-icon-chevron-down {
  color: var(--ast-global-color-0) !important;
}

.cont-form .forminator-field-consent .forminator-label {
  display: none !important;
}

.cont-form .forminator-button-submit {
  width: fit-content !important;
}

.cont-form .forminator-field:has(.forminator-button-submit) {
  justify-content: flex-start;
}

.wp-block-uagb-container.cont-contact {
  margin-bottom: var(--gap-l) !important;
}

#primary .wp-block-uagb-container.cont-contact .wp-block-uagb-container {
  width: 100% !important;
  gap: var(--gap-l);
}

@media (max-width: 768px) {
  .wp-block-uagb-container.cont-grid-claim-img .text-vertical img {
    aspect-ratio: 141/266;
    width: 37.6vw;
  }

  .wp-block-uagb-container.cont-form {
    padding: var(--gap-l) calc(var(--gap-l) * 0.7);
  }
}