/* WP Forms */
/* Version: 24.07.2024 */
:root {
  --wpforms-input-size: 0.5rem;
  --wpforms-input-padding: 1.5rem 0.5rem 0.5rem 0.5rem;
  --wpforms-select-padding: 1rem 0.5rem 1rem 0.5rem;
  --wpforms-select-option-color-checked: #ffffff;
  --wpforms-select-option-background-checked: #303030;
  --wpforms-input-label-focus-top: 0.75rem;
  --wpforms-input-label-focus-left: 0.5rem;
  --wpforms-input-border-radius: 0;
  --wpforms-select-border-radius: 0;
  --wpforms-description-color: #a0a0a0;
}

div.wpforms-container-full input,
div.wpforms-container-full textarea {
  font-size: calc(2 * var(--wpforms-input-size)) !important;
  border-radius: var(--wpforms-input-border-radius) !important;
}

div.wpforms-container-full select {
  font-size: calc(2 * var(--wpforms-input-size)) !important;
  border-radius: var(--wpforms-select-border-radius) !important;
}
div.wpforms-container-full select > option:checked {
  background: var(--wpforms-select-option-background-checked) !important;
  color: var(--wpforms-select-option-color-checked) !important;
}

div.wpforms-container-full .wpforms-field.wpforms-field-textarea textarea,
div.wpforms-container-full .wpforms-field.wpforms-field-email input[type="email"],
div.wpforms-container-full .wpforms-field.wpforms-field-number input[type="number"],
div.wpforms-container-full .wpforms-field.wpforms-field-name input[type="text"],
div.wpforms-container-full .wpforms-field-address input[type="text"],
div.wpforms-container-full .wpforms-field-address input[type="text"],
div.wpforms-container-full .wpforms-field-row .wpforms-field-row-block input[type="text"],
div.wpforms-container-full .wpforms-field-row .wpforms-field-row-block select,
div.wpforms-container-full .wpforms-field.wpforms-field-phone input[type="tel"],
div.wpforms-container-full
  .wpforms-field.wpforms-field-text
  input[type="text"]:not(.wpforms-field-date-time-date):not(.wpforms-field-repeater input) {
  padding: var(--wpforms-input-padding) !important;
}

div.wpforms-container-full select:not(.wpforms-field-repeater select) {
  padding: var(--wpforms-select-padding) !important;
  line-height: 1.25rem !important;
}

div.wpforms-container-full select:not(.wpforms-field-repeater select),
div.wpforms-container-full input[type="email"],
div.wpforms-container-full input[type="number"],
div.wpforms-container-full input[type="tel"],
div.wpforms-container-full input[type="text"]:not(.wpforms-field-repeater input) {
  height: calc(7 * var(--wpforms-input-size)) !important;
}

/* * * * * * */
/* WP Forms Inputfelder Label/Placeholder Transition to top */
/* * * * * * */

.wpforms-container {
  margin: 0 !important;
}

.wpforms-field-label {
  padding-top: calc(3 * var(--wpforms-input-size)) !important;
}

.wpforms-container .wpforms-field {
  padding-top: var(--wpforms-input-size) !important;
  padding-bottom: var(--wpforms-input-size) !important;
}
.wpforms-container .wpforms-field.wpforms-field-pagebreak {
  padding-bottom: 0 !important;
}

.wpforms-field-name .wpforms-field-row-block:not(.wpforms-first) {
  padding-left: var(--wpforms-input-size) !important;
}
.wpforms-field-name .wpforms-field-row-block.wpforms-first {
  padding-right: var(--wpforms-input-size) !important;
}
@container wpforms-field-row-responsive-name-field (max-width: 260px) {
  .wpforms-field-name .wpforms-field-row-block:not(.wpforms-first),
  .wpforms-field-name .wpforms-field-row-block.wpforms-first {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.wpforms-field-address .wpforms-field-row div,
.wpforms-field-name,
.wpforms-field-number,
.wpforms-field-text,
.wpforms-field-phone,
.wpforms-field-textarea,
.wpforms-field-email {
  overflow-x: unset !important;
}

.wpforms-field-address .wpforms-field-row div,
.wpforms-field-name .wpforms-field-row-block,
.wpforms-field-name,
.wpforms-field-number,
.wpforms-field-text,
.wpforms-field-phone,
.wpforms-field-textarea,
.wpforms-field-email {
  position: relative !important;
}

.wpforms-field-address .wpforms-field-row div,
.wpforms-field-name .wpforms-field-row-block input,
.wpforms-field-name input,
.wpforms-field-number input,
.wpforms-field-text input,
.wpforms-field-phone input,
.wpforms-field-textarea textarea,
.wpforms-field-email input {
  z-index: 1 !important;
}

.wpforms-field-address .wpforms-field-row div label,
.wpforms-field-name .wpforms-field-row-block label,
.wpforms-field-name .wpforms-field-description,
.wpforms-field-number .wpforms-field-description,
.wpforms-field-text div.wpforms-field-description:not(.wpforms-field-repeater div),
.wpforms-field-phone .wpforms-field-description,
.wpforms-field-textarea .wpforms-field-description,
.wpforms-field-email .wpforms-field-description {
  position: absolute !important;
  bottom: calc(50% - var(--wpforms-input-size)) !important;
  margin: 0 !important;
  left: calc(2 * var(--wpforms-input-size)) !important;
  height: calc(2 * var(--wpforms-input-size)) !important;
  font-size: calc(2 * var(--wpforms-input-size)) !important;
  line-height: calc(2 * var(--wpforms-input-size)) !important;
  transition:
    top 0.3s,
    font-size 0.3s !important;
  pointer-events: none !important;
  z-index: 2 !important;
  color: var(--wpforms-description-color) !important;
}

.wpforms-field-textarea .wpforms-field-description {
  top: calc(3 * var(--wpforms-input-size)) !important;
}

.wpforms-field-name .wpforms-field-row-block:not(.wpforms-first) label {
  left: calc(3 * var(--wpforms-input-size)) !important;
}
@container wpforms-field-row-responsive-name-field (max-width: 260px) {
  .wpforms-field-name .wpforms-field-row-block:not(.wpforms-first) label {
    left: calc(2 * var(--wpforms-input-size)) !important;
  }
}
.wpforms-field-address .wpforms-field-row div label {
  top: calc(50% - var(--wpforms-input-size)) !important;
}

.wpforms-field-address .wpforms-field-row div input:focus + label,
.wpforms-field-address .wpforms-field-row div input:not(:placeholder-shown) + label,
.wpforms-field-address .wpforms-field-row div input:-webkit-autofill + label,
.wpforms-field-address .wpforms-field-row div input:autofill + label,
.wpforms-field-address .wpforms-field-row div select:focus + label,
.wpforms-field-address .wpforms-field-row div select:not(:placeholder-shown) + label,
.wpforms-field-name .wpforms-field-row-block input:focus + label,
.wpforms-field-name .wpforms-field-row-block input:not(:placeholder-shown) + label,
.wpforms-field-name .wpforms-field-row-block input:-webkit-autofill + label,
.wpforms-field-name .wpforms-field-row-block input:autofill + label,
.wpforms-field-name input:focus + .wpforms-field-description,
.wpforms-field-name input:not(:placeholder-shown) + .wpforms-field-description,
.wpforms-field-name input:-webkit-autofill + .wpforms-field-description,
.wpforms-field-name input:autofill + .wpforms-field-description,
.wpforms-field-number input:focus + .wpforms-field-description,
.wpforms-field-number input:not(:placeholder-shown) + .wpforms-field-description,
.wpforms-field-number input:-webkit-autofill + .wpforms-field-description,
.wpforms-field-number input:autofill + .wpforms-field-description,
.wpforms-field-text input:focus:not(.wpforms-field-repeater input) + .wpforms-field-description,
.wpforms-field-text input:not(:placeholder-shown):not(.wpforms-field-repeater input) + .wpforms-field-description,
.wpforms-field-text input:-webkit-autofill:not(.wpforms-field-repeater input) + .wpforms-field-description,
.wpforms-field-text input:autofill:not(.wpforms-field-repeater input) + .wpforms-field-description,
.wpforms-field-phone input:focus + .wpforms-field-description,
.wpforms-field-phone input:not(:placeholder-shown) + .wpforms-field-description,
.wpforms-field-phone input:-webkit-autofill + .wpforms-field-description,
.wpforms-field-phone input:autofill + .wpforms-field-description,
.wpforms-field-textarea textarea:focus + .wpforms-field-description,
.wpforms-field-textarea textarea:not(:placeholder-shown) + .wpforms-field-description,
.wpforms-field-email input:focus + .wpforms-field-description,
.wpforms-field-email input:not(:placeholder-shown) + .wpforms-field-description,
.wpforms-field-email input:-webkit-autofill + .wpforms-field-description,
.wpforms-field-email input:autofill + .wpforms-field-description {
  top: var(--wpforms-input-label-focus-top) !important;
  left: var(--wpforms-input-label-focus-left) !important;
  font-size: 0.75rem !important;
  color: var(--wpforms-description-color) !important;
  z-index: 4 !important;
}

.wpforms-field-name .wpforms-field-row-block input:focus + label,
.wpforms-field-name .wpforms-field-row-block input:not(:placeholder-shown) + label,
.wpforms-field-name .wpforms-field-row-block input:-webkit-autofill + label,
.wpforms-field-name .wpforms-field-row-block input:autofill + label {
  top: calc(0.5 * var(--wpforms-input-size)) !important;
}

.wpforms-field-address .wpforms-field-row div input:focus + label,
.wpforms-field-address .wpforms-field-row div input:not(:placeholder-shown) + label,
.wpforms-field-address .wpforms-field-row div input:-webkit-autofill + label,
.wpforms-field-address .wpforms-field-row div input:autofill + label,
.wpforms-field-address .wpforms-field-row div select:focus + label,
.wpforms-field-address .wpforms-field-row div select:not(:placeholder-shown) + label {
  top: calc(0.5 * var(--wpforms-input-size)) !important;
}

.wpforms-field-name .wpforms-field-row-block:not(.wpforms-first) input:focus + label,
.wpforms-field-name .wpforms-field-row-block:not(.wpforms-first) input:not(:placeholder-shown) + label,
.wpforms-field-name .wpforms-field-row-block:not(.wpforms-first) input:-webkit-autofill + label,
.wpforms-field-name .wpforms-field-row-block:not(.wpforms-first) input:autofill + label {
  left: calc(2 * var(--wpforms-input-size)) !important;
}

.wpforms-field-address .wpforms-field-row div input::placeholder,
.wpforms-field-address .wpforms-field-row div select::placeholder,
.wpforms-field-name .wpforms-field-row-block input::placeholder,
.wpforms-field-name input::placeholder,
.wpforms-field-number input::placeholder,
.wpforms-field-text input::placeholder,
.wpforms-field-phone input::placeholder,
.wpforms-field-textarea textarea::placeholder,
.wpforms-field-email input::placeholder {
  opacity: 0 !important;
}

.elementor-widget-wpforms {
  --wpforms-field-size-input-spacing: calc(2 * var(--wpforms-input-size)) !important;
}

.wpforms-field-address .wpforms-field-row .wpforms-field-row-block.wpforms-one-half:not(.wpforms-first) {
  padding-left: 0 !important;
}
@media screen and (max-width: 800px) {
  .wpforms-field-address .wpforms-field-row {
    flex-direction: column !important;
  }
  .wpforms-field-address .wpforms-field-row .wpforms-field-row-block.wpforms-one-half {
    width: 100% !important;
    padding: 0 !important;
  }
  .wpforms-field-address .wpforms-field-row .wpforms-field-row-block.wpforms-one-half.wpforms-first {
    margin-bottom: var(--wpforms-field-size-input-spacing) !important;
  }
}
