/**
** Theme Box Form
 * This file contains the styles for the form box element in the theme.
*/

/** Bsp Kostenlose Erstberatung, class cont-form **/

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

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

.wp-block-uagb-container.cont-form
  > .uagb-container-inner-blocks-wrap
  > .wp-block-uagb-advanced-heading
  p.uagb-heading-text {
  color: var(--ast-global-color-4);
  font-size: var(--hxxl-font-size);
  font-family: var(--headlinefont);
  font-style: normal;
  font-weight: 800;
  line-height: 100%;
  letter-spacing: -1.3px;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.wp-block-uagb-container.cont-form
  > .uagb-container-inner-blocks-wrap
  > .wp-block-uagb-advanced-heading
  .uagb-heading-text {
  color: var(--ast-global-color-4);
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.wp-block-uagb-container.cont-form .cont-form-headings {
  display: flex;
  justify-content: start;
  gap: var(--gap-xl) !important;
}

/** Col with form **/
.wp-block-uagb-container.cont-form-headings .col-form {
  width: 56%; /* 500px von 900px ≈ 55.5% */
  gap: var(--gap-l);
}

.wp-block-uagb-container.cont-form .col-form > p {
  color: var(--ast-global-color-4) !important;
}

.wp-block-uagb-container.cont-form .col-form form,
.wp-block-uagb-container.cont-form .col-form-simple form {
  margin: 0 !important;
}

.wp-block-uagb-container.cont-form
  .col-form
  form
  .forminator-row:has(.forminator-field-textarea) {
  height: calc(var(--gap-xl) + var(--gap-m) + 5px);
}

/*
.wp-block-uagb-container.cont-form
  .col-form
  form
  .forminator-row:not(.forminator-row-last) {
  border-bottom: 1px solid var(--ast-global-color-4);
}
*/

.wp-block-uagb-container.cont-form .col-form form .forminator-col,
.wp-block-uagb-container.cont-form .col-form-simple form .forminator-col {
  padding: 0 !important;
}

.wp-block-uagb-container.cont-form .col-form form .forminator-label,
.wp-block-uagb-container.cont-form .col-form-simple .forminator-label {
  font-family: var(--mainfont);
  font-size: var(--base-font-size);
  font-style: normal;
  font-weight: 400;
  line-height: 1.29;
  opacity: 0.25;
}

.wp-block-uagb-container.cont-form .col-form form .forminator-textarea {
  background: none;
  padding: 0 !important;
  border-top: none !important;
  border-right: none !important;
  border-left: none !important;
}

.wp-block-uagb-container.cont-form .col-form form .forminator-description {
  display: none;
}

.wp-block-uagb-container.cont-form
  .col-form
  form
  .forminator-label.forminator-floating--textarea {
  position: absolute;
  top: 75%;
  left: 0;
  padding: 0 !important;
}

/** Button **/
.wp-block-uagb-container.cont-form .col-form form .forminator-button-submit,
.wp-block-uagb-container.cont-form
  .col-form-simple
  form
  .forminator-button-submit {
  margin-top: var(--gap-l);
  border-radius: 50px;
  border: 1px solid var(--ast-global-color-4) !important;
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: var(--mainfont) !important;
  font-size: var(--btn-font-size) !important;
  font-weight: 500 !important;
  padding: 1.05em 1.8em !important;
  line-height: 1 !important;
  height: auto;
  transition: all 0.5s ease 0s;
  background: none;
}

.wp-block-uagb-container.cont-form
  .col-form
  form
  .forminator-button-submit
  span {
  color: var(--ast-global-color-4) !important;
  transition: all 0.5s ease 0s;
}

.wp-block-uagb-container.cont-form
  .col-form
  form
  .forminator-button-submit:hover {
  background: var(--ast-global-color-4) !important;
}

.wp-block-uagb-container.cont-form
  .col-form
  form
  .forminator-button-submit:hover
  span {
  color: var(--ast-global-color-0) !important;
}

/** Col with hover headings **/
.wp-block-uagb-container.cont-form-headings .col-headings {
  width: 32%; /* 290px von 900px ≈ 32.2% */
}

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

.wp-block-uagb-container.background-dark.cont-form .col-top-headings {
  gap: 0 !important;
}

.wp-block-uagb-container.background-dark.cont-form .col-top-headings * {
  color: var(--ast-global-color-4) !important;
}

.wp-block-uagb-container.cont-form .col-headings .uagb-heading-text em {
  font-weight: 400;
  font-style: normal !important;
}

/** with img and form **/

.wp-block-uagb-container.cont-form.cont-img-form {
  margin-bottom: var(--cont-gap) !important;
  padding-bottom: 0;
}

.wp-block-uagb-container.cont-form.cont-img-form
  .uagb-container-inner-blocks-wrap {
  padding: calc(var(--gap-xl) + var(--gap-s)) 0;
  width: 100%;
}

.wp-block-uagb-container.cont-form.cont-img-form .col-img {
  gap: var(--gap-s);
  width: 23vw;
}

.wp-block-uagb-container.cont-form.cont-img-form .col-img img {
  object-fit: cover;
}

.wp-block-uagb-container.cont-form.cont-img-form
  .col-img
  .wp-block-uagb-image
  ~ p {
  font-size: var(--h1-font-size);
  font-style: normal;
  font-weight: 400;
  line-height: 1.28;
}

.wp-block-uagb-container.cont-form.cont-img-form .col-form-simple {
  width: 58%;
  gap: 0;
}

.wp-block-uagb-container.cont-form.cont-img-form
  .col-form-simple
  .wp-block-uagb-advanced-heading {
  margin-bottom: calc(var(--gap-l));
}

.wp-block-uagb-container.cont-form.cont-img-form
  .col-form-simple
  .wp-block-uagb-advanced-heading
  ~ p {
  margin-bottom: var(--gap-l) !important;
}

/*
.wp-block-uagb-container.cont-form
  .col-form-simple
  form
  .forminator-row:not(.forminator-row-last) {
  border-bottom: 1px solid var(--ast-global-color-0);
}
*/

.wp-block-uagb-container.cont-form .col-form-simple form .forminator-row {
  margin: 0 !important;
}

#forminator-module-4074
  .forminator-field-textarea
  .forminator-is_filled
  .forminator-label[class*="forminator-floating-"],
.forminator-design--material
  .forminator-field-textarea
  .forminator-is_active
  .forminator-label[class*="forminator-floating-"] {
  transform: translateY(-400%) !important;
}

.wp-block-uagb-container.cont-form
  .col-form-simple
  form
  .forminator-button-submit {
  border: 1px solid var(--ast-global-color-0) !important;
}

.wp-block-uagb-container.cont-form
  .col-form-simple
  form
  .forminator-button-submit:hover {
  background-color: var(--ast-global-color-0);
}

.wp-block-uagb-container.cont-form
  .col-form-simple
  form
  .forminator-button-submit:hover
  * {
  color: var(--ast-global-color-4);
}

.wp-block-uagb-container.cont-form .col-form form .forminator-field,
.wp-block-uagb-container.cont-form .col-form-simple form .forminator-field {
  /*height: var(--gap-l);*/
  position: relative;
}

/*
.wp-block-uagb-container.cont-form .col-form form .forminator-label,
.wp-block-uagb-container.cont-form .col-form-simple form .forminator-label {
  position: absolute;
  top: -20%;
}
*/

/* in editor */
.block-editor-block-list__block.background-dark.cont-form * {
  color: white !important;
}

/*
@media (min-width: 1800px) {
  .wp-block-uagb-container.cont-form
    .wp-block-uagb-advanced-heading:first-of-type
    h2.uagb-heading-text {
    white-space: nowrap;
  }
}
*/

/* animation for headings */

#kostenlose-erstberatung .col-headings .wp-block-uagb-advanced-heading {
  animation: fadeCycle 8s infinite;
  opacity: 0.1;
}

#kostenlose-erstberatung
  .col-headings
  .wp-block-uagb-advanced-heading:nth-child(1) {
  animation-delay: 0s;
}
#kostenlose-erstberatung
  .col-headings
  .wp-block-uagb-advanced-heading:nth-child(2) {
  animation-delay: 2s;
}
#kostenlose-erstberatung
  .col-headings
  .wp-block-uagb-advanced-heading:nth-child(3) {
  animation-delay: 4s;
}
#kostenlose-erstberatung
  .col-headings
  .wp-block-uagb-advanced-heading:nth-child(4) {
  animation-delay: 6s;
}

@keyframes fadeCycle {
  0%,
  10% {
    opacity: 0.1;
  }
  15%,
  35% {
    opacity: 1;
  }
  40%,
  100% {
    opacity: 0.1;
  }
}

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

@media (max-width: 1000px) {
  .wp-block-uagb-container.cont-form.cont-img-form
    .uagb-container-inner-blocks-wrap {
    flex-direction: column !important;
  }
  .wp-block-uagb-container.cont-form.cont-img-form .col-img {
    width: 40vw;
  }
  .wp-block-uagb-container.cont-form.cont-img-form .col-form-simple,
  .wp-block-uagb-container.cont-form.cont-img-form .col-img * {
    text-align: center;
  }

  .wp-block-uagb-container.cont-form.cont-img-form .col-form-simple form {
    text-align: left !important;
  }
}

@media (max-width: 768px) {
  .wp-block-uagb-container.cont-form#kostenlose-erstberatung
    .cont-form-headings {
    flex-direction: column;
  }

  .wp-block-uagb-container.cont-form#kostenlose-erstberatung
    .forminator-button-submit {
    justify-content: center;
    margin-top: 100px;
  }
  .wp-block-uagb-container.cont-form#kostenlose-erstberatung
    .cont-form-headings
    .col-headings {
    flex-direction: row;
    width: unset;
    align-items: flex-start;
    width: 90vw;
  }

  .wp-block-uagb-container.cont-form#kostenlose-erstberatung
    .cont-form-headings
    .col-headings
    .uagb-heading-text:not(em) {
    white-space: nowrap;
  }

  .wp-block-uagb-container.cont-form#kostenlose-erstberatung
    .cont-form-headings
    .col-headings
    .uagb-heading-text {
    font-size: 28px;
    flex-direction: column;
    justify-content: center;
    display: flex;
  }

  .wp-block-uagb-container.cont-form#kostenlose-erstberatung
    .cont-form-headings
    .col-headings
    .wp-block-uagb-advanced-heading {
    max-width: 15vw;
  }

  .wp-block-uagb-container.cont-form
    .forminator-row:has(.forminator-button-submit) {
    width: max-content !important;
  }
}

@media (max-width: 576px) {
  .wp-block-uagb-container.cont-form#kostenlose-erstberatung
    .cont-form-headings
    .col-headings
    .wp-block-uagb-advanced-heading {
    display: none;
  }

  .wp-block-uagb-container.cont-form-headings .col-form {
    width: 90vw;
  }

  .wp-block-uagb-container.cont-form-headings .forminator-button-submit {
    width: 40vw !important;
    justify-self: center;
  }

  .wp-block-uagb-container.cont-form.cont-img-form .col-form-simple,
  .wp-block-uagb-container.cont-form.cont-img-form .col-img {
    width: 90vw;
  }

  .wp-block-uagb-container.cont-form.cont-img-form
    .col-form-simple
    .wp-block-uagb-advanced-heading
    .uagb-heading-text {
    font-size: calc(var(--h4-font-size) * 1.1) !important;
  }

  .wp-block-uagb-container.cont-form.cont-img-form .col-img img {
    height: 90vw !important;
  }
}