@charset "UTF-8";
/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
/*
    Add your custom styles here
*/
.fluent_form_sms_wrapper {
  --uz-orange: var(--e-global-color-2e8d8f7);
  --uz-green: var(--e-global-color-a76833a);
  --uz-green--light: var(--e-global-color-0c67601);
  /* Image Selection */
  /* Zurück/Senden-Buttons */
  /* Progress Bar */
  /* Buttons Arrow */
  /* Button First Page*/
}
.fluent_form_sms_wrapper .choose_ff1 {
  width: 100%;
}
.fluent_form_sms_wrapper .choose_ff1 .ff-el-input--content {
  width: 100%;
}
.fluent_form_sms_wrapper .choose_ff1 .ff_el_checkable_photo_holders {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(75px, 1fr));
  justify-content: center;
  gap: 10px;
  margin-bottom: 10px;
  flex-wrap: wrap !important;
  flex-direction: row !important;
}
@media (max-width: 450px) {
  .fluent_form_sms_wrapper .choose_ff1 .ff_el_checkable_photo_holders {
    grid-template-columns: 1fr;
  }
}
.fluent_form_sms_wrapper .choose_ff1 label.ff-el-image-input-src {
  background-size: contain;
  max-width: 100%;
  width: 100%;
  height: auto;
  min-height: 120px;
}
@media (max-width: 450px) {
  .fluent_form_sms_wrapper .choose_ff1 label.ff-el-image-input-src {
    min-height: 75px;
    max-width: 75px;
  }
}
.fluent_form_sms_wrapper .choose_ff1 .ff-el-form-check-label {
  width: 100%;
  background-color: #f7f8fa !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fluent_form_sms_wrapper .choose_ff1 .ff-el-form-check-label > span {
  background-color: #f7f8fa !important;
}
.fluent_form_sms_wrapper .choose_ff1 .ff-el-form-check.ff_item_selected label > span {
  background-color: var(--uz-orange) !important;
}
.fluent_form_sms_wrapper .choose_ff1 label span {
  transition: 0.3s;
}
.fluent_form_sms_wrapper .choose_ff1 .ff-el-input--label {
  margin-bottom: 10px !important;
}
.fluent_form_sms_wrapper .choose_ff1.ff_list_buttons .ff-el-form-check.ff-el-image-holder {
  border: 1px solid #EEEEEE !important;
  margin: 0 !important;
}
.fluent_form_sms_wrapper .choose_ff1.ff_list_buttons .ff-el-form-check.ff-el-image-holder label span {
  padding: 10px 2px !important;
}
.fluent_form_sms_wrapper .choose_ff1.ff_list_buttons .ff-el-form-check.ff-el-image-holder:hover label > span {
  background-color: var(--uz-orange) !important;
  color: white !important;
}
@media (max-width: 450px) {
  .fluent_form_sms_wrapper .choose_ff1.ff_list_buttons .ff-el-form-check.ff-el-image-holder {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
  }
}
.fluent_form_sms_wrapper .ff-el-group.choose_ff1.ff_list_buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.fluent_form_sms_wrapper .ff-btn.ff-btn-prev {
  display: none !important;
}
.fluent_form_sms_wrapper .ff-btn.ff-btn-next, .fluent_form_sms_wrapper .ff-btn.ff-btn-submit {
  box-shadow: none !important;
}
.fluent_form_sms_wrapper .ff-inner_submit_container {
  flex-direction: column;
}
.fluent_form_sms_wrapper .ff-inner_submit_container .ff_submit_btn_wrapper {
  position: relative;
  min-width: 100%;
  max-width: 100%;
  margin: 0 auto;
}
.fluent_form_sms_wrapper .ff-inner_submit_container .ff_submit_btn_wrapper:after {
  content: "";
  display: block;
  position: absolute;
  inset: 5px;
  border: 3px solid white;
  border-radius: 10px;
  user-select: none;
  pointer-events: none;
}
.fluent_form_sms_wrapper .ff-inner_submit_container .ff_submit_btn_wrapper button {
  width: 100%;
  box-shadow: none;
  background-color: var(--uz-green--light) !important;
  color: white !important;
  padding: 15px 20px 15px 20px;
  font-weight: 700;
  border-style: solid !important;
  border-width: 5px 5px 5px 5px;
  border-color: var(--e-global-color-0c0f052);
  border-radius: 15px 15px 15px 15px !important;
}
.fluent_form_sms_wrapper .ff-inner_submit_container .ff_submit_btn_wrapper button[disabled], .fluent_form_sms_wrapper .ff-inner_submit_container .ff_submit_btn_wrapper button.sms-button-disabled {
  cursor: not-allowed;
}
.fluent_form_sms_wrapper .ff-inner_submit_container .ff_submit_btn_wrapper button.sms-button-disabled {
  border-color: lightgray !important;
  opacity: 0.7;
}
@media (min-width: 1280px) {
  .fluent_form_sms_wrapper .ff-inner_submit_container .ff_submit_btn_wrapper {
    position: relative;
    max-width: 385px;
    min-width: 385px;
    margin: 0 auto;
  }
}
.fluent_form_sms_wrapper .fluentform-step {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.fluent_form_sms_wrapper .kontaktdaten {
  display: block !important;
}
.fluent_form_sms_wrapper .ff-step-titles {
  display: flex !important;
  justify-content: center;
  margin-bottom: 5px !important;
}
.fluent_form_sms_wrapper .ff-step-titles li::before {
  content: "" !important;
  height: 10px;
  width: 50px !important;
  border-radius: 2px !important;
  background: #FAFAFA !important;
  border: 1px solid #eee !important;
}
.fluent_form_sms_wrapper .ff-step-header {
  margin-bottom: 5px !important;
}
.fluent_form_sms_wrapper .ff-step-titles li::after {
  background-color: #FAFAFA !important;
}
.fluent_form_sms_wrapper li.ff_active::before {
  background: #E1EFE8 !important;
}
.fluent_form_sms_wrapper li.ff_completed::before {
  background: #FAFAFA !important;
}
.fluent_form_sms_wrapper .ff-step-titles li {
  padding: 0px 3px !important;
}
.fluent_form_sms_wrapper .ff-btn-next:after {
  content: "\f061";
  font-family: "Font Awesome 6 Pro";
  margin-left: 10px;
}
.fluent_form_sms_wrapper .ff1_form_page_1 .ff_step_nav_last {
  padding-bottom: 25px;
}
.fluent_form_sms_wrapper .ff1_form_page_1 .ff_step_nav_last:after {
  content: "kostenfrei und unverbindlich";
  width: 20%;
  position: absolute;
  left: 0;
  text-align: center;
  bottom: 0;
  font-size: 0.95em;
  color: #54595F;
}
.fluent_form_sms_wrapper .ff-message-success {
  text-align: center !important;
  background: var(--e-global-color-primary);
  color: white;
}
.fluent_form_sms_wrapper .ff-message-success p {
  margin: 0;
}
.fluent_form_sms_wrapper .ff_tc_checkbox {
  padding-right: 4px;
}

/*# sourceMappingURL=style.css.map */
