/*- Variablen --------------------------------------- */
/*--------------------------------------------------- */
.formular-redesign {
  --background: #EBEBEB; /* F4F4F4 = Hell-Grau */
  --font-color: #262626; /* 262626 = Text Schwarz */
  --heighlight: #ff9400; /* ff9400 = CI Orange */
  --gird-space: 20px;
}


/*- Simple Grid ------------------------------------- */
/*--------------------------------------------------- */
.formular-redesign .hs_cos_wrapper_type_form {
    padding: 0;
}
.formular-redesign .hs-form {
    position: relative;
}

/* OLD - With JS Wrapper
.formular-redesign .col-2 .legal-consent-container,
.formular-redesign .col-2 .hs-form > .input-wrapper-container {
    width: 50%;
    float: left;
}
.formular-redesign .col-2 .input-wrapper-container {
    padding-left: 0;
    padding-right: var(--gird-space);
}
.formular-redesign .col-2 .legal-consent-container {
    padding-left: var(--gird-space);
    padding-right: 0;
}
*/

/* NEW - Pure Css Solution */
@media screen and (min-width: 768px) {
  .formular-redesign .col-2 form > .hs-form-field {
    margin-right: 50%;
    padding-right: var(--gird-space);
  }
  .formular-redesign .col-2 .legal-consent-container {
    position: absolute;
    width: 50%;
    top: 0;
    right: 0;
    padding-left: var(--gird-space);
  }
}

.formular-redesign .col-1 form > .hs-form-field,
.formular-redesign .col-1 .legal-consent-container {
    width: 65%;
    margin: 0 auto;
    padding-left: var(--gird-space);
    padding-right: var(--gird-space);
    padding-top: var(--gird-space);
}
@media screen and (min-width: 768px) {
  .formular-redesign .col-1 .legal-consent-container {
      padding-top: calc( var(--gird-space) * 2);
  }
}
.formular-redesign .form-columns-1 .input-wrapper-container,
.formular-redesign .form-columns-1 .legal-consent-container {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}
.formular-redesign .hs-submit,
.formular-redesign .hs_error_rollup {
    width: 100%;
    padding: var(--gird-space) 0 0 0;
    text-align: center;
    clear: both;
}
.formular-redesign .hs_error_rollup li {
    margin: 0 !important;
}
@media screen and (max-width: 767px) {
  .formular-redesign .legal-consent-container {
    width: 100% !important;
    float: none !important;
  }
}


/*- Wrapper ----------------------------------------- */
/*--------------------------------------------------- */
.formular-redesign {
    padding-top: 50px;
    margin-top: -50px;
    padding-bottom: 100px;
    background-color: var(--background);
}
.formular-redesign .hs_cos_wrapper_type_form {
    background-color: transparent;
    color: var(--font-color);
    max-width: none;
}


/*- Überschrift + Danksagung ------------------------ */
/*--------------------------------------------------- */
.formular-redesign .text-center,
.formular-redesign .submitted-message {
    text-align: center;
}
.formular-redesign h2 {
    margin: 1rem 0 2rem;
}
.formular-redesign h3 {
    margin: 0;
}
.formular-redesign strong {
    color: var(--heighlight);
}


/*- Hilfstext --------------------------------------- */
/*--------------------------------------------------- */
.hs-form .hs-field-desc {
  display: block;
  font-size: 12px;
  margin-bottom: 7px;
}


/*- DSGVO ------------------------------------------- */
/*--------------------------------------------------- */
.formular-redesign .col-1 .legal-consent-container {
    padding-top: var(--gird-space);
    padding-bottom: var(--gird-space);
}
.formular-redesign .col-2 .legal-consent-container {
    padding-top: 24px;
    padding-bottom: var(--gird-space);
}
.formular-redesign .col-2 .legal-consent-container.extra-padding-top {
    padding-top: 107px;
}
@media screen and (max-width: 768px) {
  .formular-redesign .col-2 .legal-consent-container {
    padding-top: var(--gird-space);
    padding-bottom: 0;
  }
  .formular-redesign .col-2 .legal-consent-container.extra-padding-top {
    padding-top: calc(var(--gird-space) * 2);
  }
}
.formular-redesign .legal-consent-container p,
.formular-redesign .legal-consent-container .hs-richtext,
.formular-redesign .legal-consent-container .hs-form-booleancheckbox-display > span {
    color: var(--font-color);
}
.formular-redesign .form-columns-1 .legal-consent-container {
    padding-top: calc(var(--gird-space) * 2);
}
.formular-redesign .legal-consent-container .hs-form-field {
    margin-top: 0 !important;
}

/*- Caret ------------------------------------------- */
/*--------------------------------------------------- */
.formular-redesign .hs-input {
    max-width: none !important;
}
.formular-redesign select {
    padding:0 30px 0 8px;
    -webkit-padding-end: 30px;
    -webkit-padding-start: 8px;
    text-overflow: ellipsis;
}
.formular-redesign .form-columns-2 .hs-fieldtype-select:after {
    right: 15px;
    top: 50px;
}


/*- Label ------------------------------------------- */
/*--------------------------------------------------- */
.formular-redesign .hs-form-field > label,
.formular-redesign .legal-consent-container .hs-form-booleancheckbox-display {
    font-family: 'DIN OT', sans-serif;
    font-weight: 700;
    font-size: 18px;
    padding-bottom: 2px;
    padding-left: 1px;
}
.formular-redesign ul.inputs-list li.hs-form-checkbox {
    display: list-item;
    margin-top: 5px;
}
.formular-redesign .hs-form-field > label {
    margin-bottom: 4px;
}


/*- File Upload ------------------------------------- */
/*--------------------------------------------------- */
.formular-redesign input[type="file"] {
    line-height: 0;
    padding: 10px;
}
.formular-redesign input[type="file"], .hs-form .hs-file-button {
  cursor: pointer;
  padding: 0 8px;
  line-height: 48px;
}
.formular-redesign input[type="file"]::-webkit-file-upload-button, .hs-form .hs-file-button::-webkit-file-upload-button {
  background: #ff9400;
  color: #ffffff;
  width: auto;
  height: 25px;
  margin: 8px 0;
  padding: 8px;
  line-height: 0;
  border-radius: 4px;
  border: 0;
  display: block;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  cursor: pointer;
  letter-spacing: -0.02em;
}
.formular-redesign input[type="file"]::-webkit-file-upload-button:hover, .hs-form .hs-file-button::-webkit-file-upload-button:hover {
  background: #000;
  color: #ffffff;
}
@supports (-moz-appearance: none) {
  .formular-redesigninput[type="file"] {
    line-height: 0 !important;
    padding: 0 !important;
  }
}
@supports (-ms-ime-align: auto) {
  .formular-redesign input[type="file"] {
    padding: 0 !important;
  }
}

/*- Placeholder ------------------------------------- */
/*--------------------------------------------------- */
::-webkit-input-placeholder,
:-ms-input-placeholder,
::placeholder {
  color: #D5D5D5;
}

/*- Checkbox ---------------------------------------- */
/*--------------------------------------------------- */
.formular-redesign input[type="checkbox"]:checked + span:before, 
.formular-redesign input[type="checkbox"]:not(:checked) + span:before {
  top: 7px;
}
.formular-redesign input[type="checkbox"]:checked + span:after, 
.formular-redesign input[type="checkbox"]:not(:checked) + span:after {
  top: 11px;
}
.formular-redesign .legal-consent-container input[type="checkbox"]:checked + span:before, 
.formular-redesign .legal-consent-container input[type="checkbox"]:not(:checked) + span:before {
  top: 0px;
}
.formular-redesign .legal-consent-container input[type="checkbox"]:checked + span:after, 
.formular-redesign .legal-consent-container input[type="checkbox"]:not(:checked) + span:after {
  top: 4px;
}


/*- HubSpot Grid ------------------------------------ */
/*--------------------------------------------------- */
.formular-redesign fieldset .hs-form-field {
  margin: 0 var(--gird-space);
}
.formular-redesign fieldset .hs-form-field:first-child {
  margin-left: 0;
}
.formular-redesign fieldset .hs-form-field:last-child {
  margin-right: 0;
}
.formular-redesign fieldset .hs-form-field:only-child {
  margin-right: 0;
  margin-left: 0;
}
.formular-redesign fieldset .hs-form-field .input {
  margin-right: 0 !important;
}
@media (max-width: 768px) {
  .formular-redesign fieldset.form-columns-2 .hs-form-field {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 1024px) {
  .formular-redesign fieldset.form-columns-3 .hs-form-field {
    margin-left: 0;
    margin-right: 0;
  }
}
.formular-redesign fieldset {
  max-width: none !important;
}
.formular-redesign fieldset input[type='text'], 
.formular-redesign fieldset input[type='number'], 
.formular-redesign fieldset input[type='email'], 
.formular-redesign fieldset input[type='search'], 
.formular-redesign fieldset input[type='password'], 
.formular-redesign fieldset input[type='tel'], 
.formular-redesign fieldset input[type='url'], 
.formular-redesign fieldset input[type='date'], 
.formular-redesign fieldset input[type='file'],
.formular-redesign fieldset.form-columns-1 .hs-form-field {
  width: 100% !important;
}
.formular-redesign fieldset.form-columns-2 .hs-form-field {
  width: calc(50% - var(--gird-space)) !important;
}
@media (max-width: 768px) {
  .formular-redesign fieldset.form-columns-2 .hs-form-field {
    width: 100% !important;
  }
}
.formular-redesign fieldset.form-columns-3 .hs-form-field {
  width: calc(33.33333% - 40px) !important;
}
@media (max-width: 1024px) {
  .formular-redesign fieldset.form-columns-3 .hs-form-field {
    width: 100% !important;
  }
}
.formular-redesign fieldset .hs-form-field {
  float: none !important;
  width: 100%;
  position: relative;
  display: inline-block;
  vertical-align: text-top;
  margin-top: calc(var(--gird-space) * 2);
  
  padding-right: 0 !important;
}


/* Module: Formular-Redesign RichText  */
.formular-redesign.formular-redesign-richtext .text-center p strong {
  color: #262626;
}