/* Original page design, adapted to shared static components. See NOTICE.md. */
.scope-contact .component.contact-layout-1 {
  --display: flex;
  --flex-direction: column;
  --container-widget-width: 100%;
  --container-widget-height: initial;
  --container-widget-flex-grow: 0;
  --container-widget-align-self: initial;
  --flex-wrap-mobile: wrap;
  --margin-top: -80px;
  --margin-bottom: 0px;
  --margin-left: 0px;
  --margin-right: 0px;
  --padding-top: 80px;
  --padding-bottom: 100px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.scope-contact
  .component.contact-layout-1:not(.site-motion-effects-element-type-background),
.scope-contact
  .component.contact-layout-1
  > .site-motion-effects-container
  > .site-motion-effects-layer {
  background-color: transparent;
  background-image: linear-gradient(
    173deg,
    var(--color-surface) 0%,
    var(--color-background) 100%
  );
}
.scope-contact .component.contact-layout-2 {
  --display: flex;
  --flex-direction: row;
  --container-widget-width: initial;
  --container-widget-height: 100%;
  --container-widget-flex-grow: 1;
  --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap;
  --justify-content: center;
  --margin-top: 150px;
  --margin-bottom: 0px;
  --margin-left: 0px;
  --margin-right: 0px;
  --padding-top: 15px;
  --padding-bottom: 15px;
  --padding-left: 15px;
  --padding-right: 15px;
}
.scope-contact .component.contact-layout-3 {
  --display: flex;
  --justify-content: center;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
  --z-index: 1;
}
.scope-contact .component.contact-heading-1 {
  text-align: center;
}
.scope-contact .component.contact-heading-1 .heading {
  font-family: "Inter", Sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 53px;
  letter-spacing: 0.05px;
  color: var(--color-primary);
}
.scope-contact .component.contact-layout-4 {
  --display: flex;
  --flex-direction: row;
  --container-widget-width: initial;
  --container-widget-height: 100%;
  --container-widget-flex-grow: 1;
  --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap;
  --margin-top: 50px;
  --margin-bottom: 0px;
  --margin-left: 0px;
  --margin-right: 0px;
}
.scope-contact .component.contact-layout-5 {
  --display: flex;
  --justify-content: flex-start;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --margin-top: 125px;
  --margin-bottom: 0px;
  --margin-left: 0px;
  --margin-right: 0px;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.scope-contact .component.contact-layout-6 {
  --display: flex;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.scope-contact .component.contact-copy-1 > .widget-content {
  padding: 0px 0px 0px 0px;
}
.scope-contact .component.contact-copy-1 {
  font-family: var(--type-lead-font-family), Sans-serif;
  font-size: var(--type-lead-font-size);
  font-weight: var(--type-lead-font-weight);
  line-height: var(--type-lead-line-height);
  letter-spacing: var(--type-lead-letter-spacing);
}
.scope-contact .component.contact-layout-7 {
  --display: flex;
  --flex-direction: row;
  --container-widget-width: calc(
    (1 - var(--container-widget-flex-grow)) * 100%
  );
  --container-widget-height: 100%;
  --container-widget-flex-grow: 1;
  --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap;
  --align-items: center;
  --margin-top: 25px;
  --margin-bottom: 0px;
  --margin-left: 0px;
  --margin-right: 0px;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.scope-contact .component.contact-button-1 > .widget-content {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
.scope-contact .component.contact-button-1.component {
  --align-self: center;
  --flex-grow: 0;
  --flex-shrink: 1;
}
.scope-contact .component.contact-button-1 .button {
  font-family: "Inter", Sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  fill: var(--color-secondary);
  color: var(--color-secondary);
  border-radius: 8px 8px 8px 8px;
  padding: 10px 25px 10px 25px;
}
.scope-contact .component.contact-links-1 > .widget-content {
  margin: 0px 0px 0px 10px;
}
.scope-contact .component.contact-links-1.component {
  --align-self: center;
  --flex-grow: 0;
  --flex-shrink: 1;
}
.scope-contact .component.contact-links-1 .list-icon i {
  color: var(--color-primary);
  transition: color 0.3s;
}
.scope-contact .component.contact-links-1 .list-icon svg {
  fill: var(--color-primary);
  transition: fill 0.3s;
}
.scope-contact .component.contact-links-1 {
  --icon-list-icon-size: 14px;
  --icon-list-icon-align: left;
  --icon-list-icon-margin: 0 calc(var(--icon-list-icon-size, 1em) * 0.25) 0 0;
  --icon-vertical-align: center;
}
.scope-contact .component.contact-links-1 .icon-list-item > .list-text,
.scope-contact .component.contact-links-1 .icon-list-item > a {
  font-family: "Inter", Sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
}
.scope-contact .component.contact-links-1 .list-text {
  color: var(--color-primary);
  transition: color 0.3s;
}
.scope-contact .component.contact-layout-8 {
  --display: flex;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.scope-contact .component.contact-form-1 > .widget-content {
  padding: 0px 0px 25px 0px;
}
.scope-contact .component.contact-form-1 .site-field-group {
  padding-right: calc(10px / 2);
  padding-left: calc(10px / 2);
  margin-bottom: 22px;
}
.scope-contact .component.contact-form-1 .site-form-fields-wrapper {
  margin-left: calc(-10px / 2);
  margin-right: calc(-10px / 2);
  margin-bottom: -22px;
}
.scope-contact
  .component.contact-form-1
  .site-field-group.recaptcha_v3-bottomleft,
.scope-contact
  .component.contact-form-1
  .site-field-group.recaptcha_v3-bottomright {
  margin-bottom: 0;
}
body.rtl
  .scope-contact
  .component.contact-form-1
  .site-labels-inline
  .site-field-group
  > label {
  padding-left: 0px;
}
body:not(.rtl)
  .scope-contact
  .component.contact-form-1
  .site-labels-inline
  .site-field-group
  > label {
  padding-right: 0px;
}
body
  .scope-contact
  .component.contact-form-1
  .site-labels-above
  .site-field-group
  > label {
  padding-bottom: 0px;
}
.scope-contact .component.contact-form-1 .site-field-type-html {
  padding-bottom: 0px;
}
.scope-contact .component.contact-form-1 .site-field-group .site-field {
  color: #9e9e9e;
}
.scope-contact
  .component.contact-form-1
  .site-field-group
  .site-field:not(.site-select-wrapper) {
  background-color: #2f2f2f;
  border-color: #464646;
  border-radius: 8px 8px 8px 8px;
}
.scope-contact
  .component.contact-form-1
  .site-field-group
  .site-select-wrapper
  select {
  background-color: #2f2f2f;
  border-color: #464646;
  border-radius: 8px 8px 8px 8px;
}
.scope-contact
  .component.contact-form-1
  .site-field-group
  .site-select-wrapper::before {
  color: #464646;
}
.scope-contact .component.contact-form-1 .button {
  font-family: "Inter", Sans-serif;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.01px;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
}
.scope-contact
  .component.contact-form-1
  .e-form__buttons__wrapper__button-next {
  background-color: #2f2f2f;
  color: #ffffff;
  border-color: #464646;
}
.scope-contact .component.contact-form-1 .button[type="submit"] {
  background-color: #2f2f2f;
  color: #ffffff;
  border-color: #464646;
}
.scope-contact .component.contact-form-1 .button[type="submit"] svg * {
  fill: #ffffff;
}
.scope-contact
  .component.contact-form-1
  .e-form__buttons__wrapper__button-previous {
  color: var(--color-primary);
}
.scope-contact
  .component.contact-form-1
  .e-form__buttons__wrapper__button-next:hover {
  color: #ffffff;
}
.scope-contact .component.contact-form-1 .button[type="submit"]:hover {
  color: #ffffff;
}
.scope-contact .component.contact-form-1 .button[type="submit"]:hover svg * {
  fill: #ffffff;
}
.scope-contact
  .component.contact-form-1
  .e-form__buttons__wrapper__button-previous:hover {
  color: #ffffff;
}
.scope-contact .component.contact-form-1 .site-message {
  font-family: var(--type-text-font-family), Sans-serif;
  font-size: var(--type-text-font-size);
  font-weight: var(--type-text-font-weight);
  line-height: var(--type-text-line-height);
}
.scope-contact .component.contact-form-1 .site-message.site-message-success {
  color: var(--color-primary);
}
.scope-contact .component.contact-form-1 .site-message.site-message-danger {
  color: var(--color-primary);
}
.scope-contact .component.contact-form-1 .site-message.site-help-inline {
  color: var(--color-primary);
}
.scope-contact .component.contact-form-1 {
  --e-form-steps-indicators-spacing: 20px;
  --e-form-steps-indicator-padding: 30px;
  --e-form-steps-indicator-inactive-secondary-color: #ffffff;
  --e-form-steps-indicator-active-secondary-color: #ffffff;
  --e-form-steps-indicator-completed-secondary-color: #ffffff;
  --e-form-steps-divider-width: 1px;
  --e-form-steps-divider-gap: 10px;
}
.scope-contact .component.contact-layout-9 {
  --display: flex;
  --flex-direction: column;
  --container-widget-width: 100%;
  --container-widget-height: initial;
  --container-widget-flex-grow: 0;
  --container-widget-align-self: initial;
  --flex-wrap-mobile: wrap;
  --margin-top: 0px;
  --margin-bottom: 0px;
  --margin-left: 0px;
  --margin-right: 0px;
  --padding-top: 100px;
  --padding-bottom: 140px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.scope-contact
  .component.contact-layout-9:not(.site-motion-effects-element-type-background),
.scope-contact
  .component.contact-layout-9
  > .site-motion-effects-container
  > .site-motion-effects-layer {
  background-color: transparent;
  background-image: linear-gradient(
    173deg,
    var(--color-surface) 0%,
    var(--color-background) 100%
  );
}
.scope-contact .component.contact-layout-10 {
  --display: flex;
  --flex-direction: row;
  --container-widget-width: initial;
  --container-widget-height: 100%;
  --container-widget-flex-grow: 1;
  --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --margin-top: 0px;
  --margin-bottom: 040px;
  --margin-left: 0px;
  --margin-right: 0px;
}
.scope-contact .component.contact-layout-11 {
  --display: flex;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.scope-contact .component.contact-layout-12 {
  --display: flex;
  --justify-content: center;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
  --z-index: 1;
}
.scope-contact .component.contact-heading-2 > .widget-content {
  padding: 0px 0px 0px 0px;
}
.scope-contact .component.contact-heading-2 .heading {
  font-family: "Inter", Sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 53px;
  letter-spacing: 0.05px;
  color: var(--color-primary);
}
.scope-contact .component.contact-layout-13 {
  --display: flex;
  --justify-content: flex-end;
  --align-items: flex-start;
  --container-widget-width: calc(
    (1 - var(--container-widget-flex-grow)) * 100%
  );
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.scope-contact .component.contact-layout-14 {
  --display: flex;
  --margin-top: 0px;
  --margin-bottom: 0px;
  --margin-left: 0px;
  --margin-right: 0px;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.scope-contact .component.contact-layout-14.layout {
  --align-self: flex-start;
}
.scope-contact .component.contact-copy-2 {
  width: 100%;
  max-width: 100%;
  font-family: var(--type-body-font-family), Sans-serif;
  font-size: var(--type-body-font-size);
  font-weight: var(--type-body-font-weight);
  line-height: var(--type-body-line-height);
  letter-spacing: var(--type-body-letter-spacing);
}
.scope-contact .component.contact-copy-2 > .widget-content {
  padding: 0px 0px 0px 0px;
}
.scope-contact .component.contact-layout-15 {
  --display: flex;
  --flex-direction: row;
  --container-widget-width: initial;
  --container-widget-height: 100%;
  --container-widget-flex-grow: 1;
  --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --margin-top: 0px;
  --margin-bottom: 0px;
  --margin-left: 0px;
  --margin-right: 0px;
}
.scope-contact .component.contact-layout-16 {
  --display: flex;
  --align-items: flex-end;
  --container-widget-width: calc(
    (1 - var(--container-widget-flex-grow)) * 100%
  );
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.scope-contact .component.contact-layout-17 {
  --display: flex;
  --flex-direction: row;
  --container-widget-width: initial;
  --container-widget-height: 100%;
  --container-widget-flex-grow: 1;
  --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap;
  --gap: 30px 30px;
  --row-gap: 30px;
  --column-gap: 30px;
  border-style: solid;
  --border-style: solid;
  border-width: 1px 1px 1px 1px;
  --border-top-width: 1px;
  --border-right-width: 1px;
  --border-bottom-width: 1px;
  --border-left-width: 1px;
  border-color: #2c2c2e;
  --border-color: #2c2c2e;
  --border-radius: 22px 22px 22px 22px;
  --margin-top: 0px;
  --margin-bottom: 0px;
  --margin-left: 0px;
  --margin-right: 040px;
  --padding-top: 30px;
  --padding-bottom: 30px;
  --padding-left: 22px;
  --padding-right: 30px;
}
.scope-contact
  .component.contact-layout-17:not(
    .site-motion-effects-element-type-background
  ),
.scope-contact
  .component.contact-layout-17
  > .site-motion-effects-container
  > .site-motion-effects-layer {
  background-color: transparent;
  background-image: linear-gradient(148deg, #1f1f21 0%, #171819 50%);
}
.scope-contact .component.contact-image-1 img {
  width: 200px;
}
.scope-contact .component.contact-layout-18 {
  --display: flex;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.scope-contact .component.contact-heading-3 > .widget-content {
  margin: 0px 0px 0px 0px;
}
.scope-contact .component.contact-heading-3 .heading {
  font-family: var(--type-small-font-family), Sans-serif;
  font-size: var(--type-small-font-size);
  font-weight: var(--type-small-font-weight);
  line-height: var(--type-small-line-height);
  letter-spacing: var(--type-small-letter-spacing);
}
.scope-contact .component.contact-heading-4 > .widget-content {
  margin: 0px 0px 08px 0px;
}
.scope-contact .component.contact-heading-4 .heading {
  font-family: "Inter", Sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 40px;
  letter-spacing: 0.05px;
  color: var(--color-primary);
}
.scope-contact .component.contact-layout-19 {
  --display: flex;
  --justify-content: flex-start;
  --align-items: flex-start;
  --container-widget-width: calc(
    (1 - var(--container-widget-flex-grow)) * 100%
  );
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.scope-contact .component.contact-layout-20 {
  --display: flex;
  --flex-direction: row;
  --container-widget-width: initial;
  --container-widget-height: 100%;
  --container-widget-flex-grow: 1;
  --container-widget-align-self: stretch;
  --flex-wrap-mobile: wrap;
  --gap: 30px 30px;
  --row-gap: 30px;
  --column-gap: 30px;
  border-style: solid;
  --border-style: solid;
  border-width: 1px 1px 1px 1px;
  --border-top-width: 1px;
  --border-right-width: 1px;
  --border-bottom-width: 1px;
  --border-left-width: 1px;
  border-color: #2c2c2e;
  --border-color: #2c2c2e;
  --border-radius: 22px 22px 22px 22px;
  --margin-top: 0px;
  --margin-bottom: 0px;
  --margin-left: 0px;
  --margin-right: 040px;
  --padding-top: 30px;
  --padding-bottom: 30px;
  --padding-left: 22px;
  --padding-right: 30px;
}
.scope-contact
  .component.contact-layout-20:not(
    .site-motion-effects-element-type-background
  ),
.scope-contact
  .component.contact-layout-20
  > .site-motion-effects-container
  > .site-motion-effects-layer {
  background-color: transparent;
  background-image: linear-gradient(148deg, #1f1f21 0%, #171819 50%);
}
.scope-contact .component.contact-image-2 img {
  width: 200px;
}
.scope-contact .component.contact-layout-21 {
  --display: flex;
  --gap: 0px 0px;
  --row-gap: 0px;
  --column-gap: 0px;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-left: 0px;
  --padding-right: 0px;
}
.scope-contact .component.contact-heading-5 > .widget-content {
  margin: 0px 0px 0px 0px;
}
.scope-contact .component.contact-heading-5 .heading {
  font-family: var(--type-small-font-family), Sans-serif;
  font-size: var(--type-small-font-size);
  font-weight: var(--type-small-font-weight);
  line-height: var(--type-small-line-height);
  letter-spacing: var(--type-small-letter-spacing);
}
.scope-contact .component.contact-heading-6 > .widget-content {
  margin: 0px 0px 08px 0px;
}
.scope-contact .component.contact-heading-6 .heading {
  font-family: "Inter", Sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 40px;
  letter-spacing: 0.05px;
  color: var(--color-primary);
}
@media (max-width: 1024px) {
  .scope-contact .component.contact-layout-4 {
    --justify-content: space-between;
  }
  .scope-contact .component.contact-copy-1 {
    font-size: var(--type-lead-font-size);
    line-height: var(--type-lead-line-height);
    letter-spacing: var(--type-lead-letter-spacing);
  }
  .scope-contact .component.contact-form-1 .site-message {
    font-size: var(--type-text-font-size);
    line-height: var(--type-text-line-height);
  }
  .scope-contact .component.contact-layout-10 {
    --flex-direction: column;
    --container-widget-width: 100%;
    --container-widget-height: initial;
    --container-widget-flex-grow: 0;
    --container-widget-align-self: initial;
    --flex-wrap-mobile: wrap;
  }
  .scope-contact .component.contact-layout-12 {
    --margin-top: 0px;
    --margin-bottom: 30px;
    --margin-left: 0px;
    --margin-right: 0px;
  }
  .scope-contact .component.contact-copy-2 {
    font-size: var(--type-body-font-size);
    line-height: var(--type-body-line-height);
    letter-spacing: var(--type-body-letter-spacing);
  }
  .scope-contact .component.contact-layout-15 {
    --flex-direction: column;
    --container-widget-width: 100%;
    --container-widget-height: initial;
    --container-widget-flex-grow: 0;
    --container-widget-align-self: initial;
    --flex-wrap-mobile: wrap;
    --padding-top: 15px;
    --padding-bottom: 10px;
    --padding-left: 15px;
    --padding-right: 15px;
  }
  .scope-contact .component.contact-layout-16 {
    --align-items: center;
    --container-widget-width: calc(
      (1 - var(--container-widget-flex-grow)) * 100%
    );
    --margin-top: 0px;
    --margin-bottom: 30px;
    --margin-left: 0px;
    --margin-right: 0px;
  }
  .scope-contact .component.contact-layout-17 {
    --margin-top: 0px;
    --margin-bottom: 0px;
    --margin-left: 0px;
    --margin-right: 0px;
  }
  .scope-contact .component.contact-heading-3 .heading {
    font-size: var(--type-small-font-size);
    line-height: var(--type-small-line-height);
    letter-spacing: var(--type-small-letter-spacing);
  }
  .scope-contact .component.contact-layout-19 {
    --align-items: center;
    --container-widget-width: calc(
      (1 - var(--container-widget-flex-grow)) * 100%
    );
  }
  .scope-contact .component.contact-layout-20 {
    --margin-top: 0px;
    --margin-bottom: 0px;
    --margin-left: 0px;
    --margin-right: 0px;
  }
  .scope-contact .component.contact-heading-5 .heading {
    font-size: var(--type-small-font-size);
    line-height: var(--type-small-line-height);
    letter-spacing: var(--type-small-letter-spacing);
  }
}
@media (max-width: 767px) {
  .scope-contact .component.contact-layout-1 {
    --gap: 0px 0px;
    --row-gap: 0px;
    --column-gap: 0px;
  }
  .scope-contact .component.contact-layout-2 {
    --margin-top: 50px;
    --margin-bottom: 0px;
    --margin-left: 0px;
    --margin-right: 0px;
  }
  .scope-contact .component.contact-heading-1 {
    text-align: start;
  }
  .scope-contact .component.contact-layout-4 {
    --margin-top: 0px;
    --margin-bottom: 0px;
    --margin-left: 0px;
    --margin-right: 0px;
  }
  .scope-contact .component.contact-layout-5 {
    --margin-top: 0px;
    --margin-bottom: 70px;
    --margin-left: 0px;
    --margin-right: 0px;
  }
  .scope-contact .component.contact-copy-1 {
    font-size: var(--type-lead-font-size);
    line-height: var(--type-lead-line-height);
    letter-spacing: var(--type-lead-letter-spacing);
  }
  .scope-contact .component.contact-form-1 .site-message {
    font-size: var(--type-text-font-size);
    line-height: var(--type-text-line-height);
  }
  .scope-contact .component.contact-layout-9 {
    --padding-top: 100px;
    --padding-bottom: 80px;
    --padding-left: 0px;
    --padding-right: 0px;
  }
  .scope-contact .component.contact-layout-11 {
    --margin-top: 0px;
    --margin-bottom: 20px;
    --margin-left: 0px;
    --margin-right: 0px;
  }
  .scope-contact .component.contact-copy-2 {
    font-size: var(--type-body-font-size);
    line-height: var(--type-body-line-height);
    letter-spacing: var(--type-body-letter-spacing);
  }
  .scope-contact .component.contact-layout-17 {
    --margin-top: 0px;
    --margin-bottom: 50px;
    --margin-left: 0px;
    --margin-right: 0px;
  }
  .scope-contact .component.contact-image-1 img {
    width: 110px;
  }
  .scope-contact .component.contact-heading-3 .heading {
    font-size: var(--type-small-font-size);
    line-height: var(--type-small-line-height);
    letter-spacing: var(--type-small-letter-spacing);
  }
  .scope-contact .component.contact-layout-20 {
    --margin-top: 0px;
    --margin-bottom: 50px;
    --margin-left: 0px;
    --margin-right: 0px;
  }
  .scope-contact .component.contact-image-2 img {
    width: 110px;
  }
  .scope-contact .component.contact-heading-5 .heading {
    font-size: var(--type-small-font-size);
    line-height: var(--type-small-line-height);
    letter-spacing: var(--type-small-letter-spacing);
  }
}
@media (min-width: 768px) {
  .scope-contact .component.contact-layout-3 {
    --width: 750px;
  }
  .scope-contact .component.contact-layout-6 {
    --width: 380px;
  }
  .scope-contact .component.contact-layout-10 {
    --width: 100%;
  }
  .scope-contact .component.contact-layout-12 {
    --width: 475px;
  }
  .scope-contact .component.contact-layout-14 {
    --width: 505px;
  }
  .scope-contact .component.contact-layout-15 {
    --width: 100%;
  }
  .scope-contact .component.contact-layout-17 {
    --width: 470px;
  }
  .scope-contact .component.contact-layout-20 {
    --width: 470px;
  }
}
@media (max-width: 1024px) and (min-width: 768px) {
  .scope-contact .component.contact-layout-5 {
    --width: 45%;
  }
  .scope-contact .component.contact-layout-6 {
    --width: 100%;
  }
  .scope-contact .component.contact-layout-8 {
    --width: 50%;
  }
}
@media (min-width: 1400px) {
  .scope-contact .component.contact-copy-1 {
    font-size: var(--type-lead-font-size);
    line-height: var(--type-lead-line-height);
    letter-spacing: var(--type-lead-letter-spacing);
  }
  .scope-contact .component.contact-form-1 .site-message {
    font-size: var(--type-text-font-size);
    line-height: var(--type-text-line-height);
  }
  .scope-contact .component.contact-copy-2 {
    font-size: var(--type-body-font-size);
    line-height: var(--type-body-line-height);
    letter-spacing: var(--type-body-letter-spacing);
  }
  .scope-contact .component.contact-heading-3 .heading {
    font-size: var(--type-small-font-size);
    line-height: var(--type-small-line-height);
    letter-spacing: var(--type-small-letter-spacing);
  }
  .scope-contact .component.contact-heading-5 .heading {
    font-size: var(--type-small-font-size);
    line-height: var(--type-small-line-height);
    letter-spacing: var(--type-small-letter-spacing);
  }
} /* Start custom CSS for form, class: .contact-form-1 */ /* 2. Styling für das Kontrollkästchen - mit !important für Überschreibungen */
#form-field-field_b00f292 {
  width: 16px !important; /* Checkbox-Größe */
  height: 16px !important;
}

/* Vertikale Zentrierung von Kontrollkästchen und Text */
.site-field-type-acceptance .site-field-option {
  display: flex !important;
  align-items: center !important;
}

.site-field-type-acceptance .site-field-option label {
  margin-left: 10px !important;
  margin-bottom: 0 !important;
  line-height: 20px !important;
}

/* 3. Vertikale Zentrierung der E-Mail-Adresse zum Submit-Button - verbesserte Version */
.site-field-group-field_7c5f4ee,
.site-field-type-submit {
  display: flex !important;
  align-items: center !important;
  min-height: 40px !important; /* Höhe an den Button anpassen */
}

/* Stelle sicher, dass beide Elemente die gleiche Container-Höhe haben */
.site-form-fields-wrapper .site-field-group-field_7c5f4ee,
.site-form-fields-wrapper .site-field-type-submit {
  margin-bottom: 0 !important;
}

/* Abstände DSGVO Submit */
.site-field-type-acceptance {
  margin-top: -4px;
}
.site-field-type-html {
  margin-top: -5px;
  margin-bottom: 20px;
}
.site-field-type-submit {
  margin-top: -5px;
  margin-bottom: 20px;
}

/* Abstände Nachricht fehlgeschlagen und Senden erfolgreich */
.site-message-danger {
  margin-top: 40px;
}
.site-message-success {
  margin-top: 40px;
} /* End custom CSS */