/**
** Theme Contact
 * This file contains the styles for the  contact element in the theme.
*/

.wp-block-uagb-container.cont-contact .uagb-container-inner-blocks-wrap {
  gap: var(--gap-l) !important;
}

.wp-block-uagb-container.cont-contact .wp-block-uagb-image {
  width: 18% !important;
}

.wp-block-uagb-container.cont-contact {
  padding-top: var(--gap-xl) !important;
}

.wp-block-uagb-container.cont-locations-contact
  .uagb-container-inner-blocks-wrap {
  align-items: baseline !important;
}

.wp-block-uagb-container.cont-locations-contact .col-locations,
.wp-block-uagb-container.cont-locations-contact .col-contact {
  gap: var(--gap-m) !important;
}

.wp-block-uagb-container.cont-locations-contact .col-locations .cont-location {
  row-gap: 0;
}

.wp-block-uagb-container.cont-locations-contact h6.uagb-heading-text {
  color: var(--ast-global-color-4) !important;
}

.wp-block-uagb-container.cont-locations-contact
  .wp-block-uagb-advanced-heading:last-of-type {
  margin-top: var(--gap-s);
}

.wp-block-uagb-container.cont-locations-contact
  .col-contact
  .cont-contact-method {
  row-gap: 0;
}

.wp-block-uagb-container.cont-locations-contact
  .col-contact
  .cont-contact-method
  h6.uagb-heading-text {
  display: flex;
  align-items: center;
  gap: var(--gap-s);
  width: 100%;
}

.wp-block-uagb-container.cont-locations-contact
  .col-contact
  .cont-contact-method
  h6.uagb-heading-text::before {
  content: "";
  display: inline-block;
  --my-size: 1.07em;
  width: var(--my-size);
  height: var(--my-size);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.wp-block-uagb-container.cont-locations-contact
  .col-contact
  .cont-contact-method:first-of-type
  h6.uagb-heading-text::before {
  background-image: url(../../img/icon-phone.svg);
}

.wp-block-uagb-container.cont-locations-contact
  .col-contact
  .cont-contact-method:last-of-type
  h6.uagb-heading-text::before {
  background-image: url(../../img/icon-cta-arrow.svg);
}

.wp-block-uagb-container.cont-separator {
  padding: var(--gap-xl) 0 0 0 !important;
}

.wp-block-uagb-container.cont-separator hr {
  max-width: 1050px !important;
  height: 1px !important;
  border: 0 none;
  margin: 0 !important;
}

#kostenlose-erstberatung {
  padding-top: var(--gap-xl) !important;
}

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

@media (max-width: 768px) {
  #kostenlose-erstberatung {
    padding-top: calc(var(--gap-xl) * 3.5) !important;
  }

  .wp-block-uagb-container.cont-contact .wp-block-uagb-image {
    width: 35vw !important;
    margin-top: 40px;
    margin-right: 0 !important;
  }

  .wp-block-uagb-container.cont-contact .wp-block-uagb-image figure {
    width: 100%;
  }

  .wp-block-uagb-container.cont-locations-contact .col-locations {
    gap: calc(var(--gap-xl) * 1.2) !important;
  }
}