/* Contao Variables ( Copyed ) */
/* Missing Template at Path: \'LandingPage\/fields.css\' */







/* HubSpot Form */


/* HubSpot Textblock Styled Elements */






/* Additional HuSpot Form Types: (from system not forms)
 * Subscription Preferences (module) --> #email-prefs-form
 * Backup Unsubscribe (module) --> #email-prefs-form
 */

/* Title Option From Design-Manager (Not Part of Form-Designer)*/
.form-title {
  padding: 0 px;
}

.hs-form {
  clear: both;
  font-family: ;
  font-weight: ;
  padding: 0 0;
  font-style: normal;
}

/* Descriptions */
  .hs-form .hs-field-desc {
    
    
    font-size: ;
    color: ;
    line-height: ;
    margin-bottom: 0.0px;
    margin-top:  -0.0px;
  }

  /* Labels and Titels */
  .hs-form .hs-form-field > label,
  .hs-form .field[role="search"] > label,
  .hs-form .hs-fieldtype-booleancheckbox:before {
    
    
    font-size: px;
    color: ;
    line-height: 1.5;
    margin-bottom: 0.0px;
  }

  /* Requied Symbol Color in Labels */
  .hs-form .hs-form-required {
    color: ;
  }

  /* Hidden Fields If Not Hide By Browser Defaults */
  .hs-form input[hidden] {
    display: none !important;
  }

  /* HubSpot Text Block Between Input Elements*/
  .hs-form .hs-richtext {
    margin-top: 0px;
    margin-bottom: 0px;
  }





  /* Inputs (selectors for all inputs)  */
  .hs-form input[type='text'], .hs-form input[type='number'], .hs-form input[type='email'], .hs-form input[type='search'], .hs-form input[type='password'], .hs-form input[type='tel'], .hs-form input[type='url'], .hs-form input[type='date'], .hs-form input[type='file'],
  .hs-form button, .hs-form optgroup,
  .hs-form select, .hs-form textarea,
  .hs-form .select-selected {
    display: inline-block;
    border: ;
    background: ;
    box-shadow: none;
    padding: -5px 0px;
    width: 100%;
    border-radius: px;
    line-height: 0; /* ??? */
    margin: 0;
    font-family: ;
    font-size: ;
    font-weight: 400;
  }

  /* Input Defaults */
  .hs-form input[type='text'], .hs-form input[type='number'], .hs-form input[type='email'], .hs-form input[type='search'], .hs-form input[type='password'], .hs-form input[type='tel'], .hs-form input[type='url'], .hs-form input[type='date'], .hs-form input[type='file'],
  .hs-form button, .hs-form optgroup,
  .hs-form select, .hs-form textarea,
  .select-selected {
    outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

  }

  /* Equal Height Inputs */
  .hs-form input, 
  .hs-form select {
    height: px;
  }
  .hs-form input:hover,
  .hs-form select:hover {
    background: ;
  }

  /* Inputs in Focus */
  .hs-form input:focus,
  .hs-form textarea:focus,
  .hs-form select:focus {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    outline: 0;
  }

  /* Textareas */
  .hs-form textarea,
  .hs-fieldtype-textarea  {
    width: 100% !important;
    min-height: 96px;
  }
  .hs-form textarea:hover {
    background: ;
  }

  /* Placeholder */
  ::-webkit-input-placeholder,
  ::-moz-placeholder :-ms-input-placeholder,
  :-moz-placeholder {
  }





  /* Dropdown Custom Select */
  

  /* Dropdown Default Select */
  .hs-form select,
  .hs-form .select-selected {
      position: relative;
      height: px;
      padding-top: 0; 
      padding-bottom: 0;
      line-height: 0px;
      width: 100% !important;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      -webkit-border-radius: px;
      border-radius: px;
      cursor: pointer;

      padding-right: px;
      -webkit-padding-end: px;
      -webkit-padding-start: px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
  }

  .hs-form .select-selected {
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }

  /* Dropdown Caret / Arrow */
  

  

  

  

  /* Style items (options): */
  .hs-form .select-items {
    position: absolute;
    background-color: ;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    margin-top: 0px;
    border: ;
    border-radius: px;
    overflow-x: hidden;
    overflow-y: auto;
    height: auto;
    max-height: 128px;
    
  }

  /* style the items (options), including the selected item: */
  .hs-form .select-items > div {
    color: ;
    padding: px;
    line-height: 16px;
    border: ;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    border-left-width: 0;
    border-right-width: 0;
    cursor: pointer;
  }
  .hs-form .select-items > div:last-child {
    border-bottom: none;
  }

  /* Hide the items when the select box is closed: */
  .hs-form .select-hide {
    display: none;
  }

  .hs-form .select-items div:hover, 
  .hs-form .select-items .same-as-selected {
    color: ;
    background-color: ;
  }




  .hs-form .inputs-list,
  .hs-form-booleancheckbox {
    padding-left: 0;
    margin: 0;
    list-style: none;
  }

  .hs-form-radio,
  .hs-form-checkbox,
  .hs-form-booleancheckbox {
    display: table;
    margin-bottom: px;
    border: 0;
  }

  /* Customize the label (the container) */
  .hs-form-radio label,
  .hs-form-checkbox label,
  .hs-form-booleancheckbox label {
    display: table-cell;
    vertical-align: middle;
    height: px; /* 0px */
    position: relative;
    padding-left: 0px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;    
  }

  /* Hide the browser's default checkbox */
  .hs-form-radio input,
  .hs-form-checkbox input,
  .hs-form-booleancheckbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }

  /* Label Text */
  .hs-form .hs-form-radio span,
  .hs-form .hs-form-checkbox span,
  .hs-form .hs-form-booleancheckbox span {
    vertical-align: baseline;
    line-height: ;
  }

  /* Create a custom checkbox */
  .hs-form .hs-form-radio label > span:before,
  .hs-form .hs-form-checkbox label > span:before,
  .hs-form .hs-form-booleancheckbox label > span:before {
    left: 0;
    position: absolute;
    display: block;
    content: "";
    background-color: ;
    border: ;
  }
  .hs-form .hs-form-checkbox label > span:before,
  .hs-form .hs-form-booleancheckbox label > span:before {
    width: px;
    height: px;
    top: 14px;
  }
  .hs-form .hs-form-radio label > span:before {
    width: 2px;
    height: 2px;
    top: 14px;
  }

  /* Border Radius */
  .hs-form .hs-form-radio span:before {
    border-radius: 50%;
  }
  .hs-form .hs-form-checkbox label > span:before {
    border-radius: 5px;
  }
  .hs-form .hs-form-booleancheckbox label > span:before {
    border-radius: 5px;
  }

  /* On mouse-over, add a grey background color */
  .hs-form-radio:hover input + span:before,
  .hs-form-checkbox:hover input + span:before,
  .hs-form-booleancheckbox:hover input + span:before {
    background-color: ;
  }

  /* When the checkbox is checked background */
  .hs-form .hs-form-radio input:checked + span:before,
  .hs-form .hs-form-checkbox input:checked + span:before,
  .hs-form .hs-form-booleancheckbox input:checked + span:before {
    background-color: ;
  }

  /* Create the checkmark/indicator (hidden when not checked) */
  .hs-form-radio span:after,
  .hs-form-checkbox span:after,
  .hs-form-booleancheckbox span:after {
    content: "";
    position: absolute;
    display: none;
  }

  /* Show the checkmark when checked */
  .hs-form-radio input:checked ~ span:after,
  .hs-form-checkbox input:checked ~ span:after,
  .hs-form-booleancheckbox input:checked ~ span:after {
    display: block;
  }

  /* Style the checkmark/indicator */
  .hs-form-booleancheckbox label > span:after,
  .hs-form-checkbox label > span:after {
    
    
    
    /* https://iconify.design/icon-sets/fa-solid/ */
    
    
  }

  /* Style the selection/indicator */
  .hs-form-radio label > span:after {
    
    
    
    /* https://iconify.design/icon-sets/fa-solid/ */
    
    
  }



  /* Required Field Pass Validation */
  input:focus:required:invalid,
  textarea:focus:required:invalid,
  select:focus:required:invalid {
  }

  /* Requied Input Focus */
  input:focus:required:invalid:focus,
  textarea:focus:required:invalid:focus,
  select:focus:required:invalid:focus {
    box-shadow: none;
  }

  /* SPECIAL BOOLEN CHECKBOX [ EXTEND THE CHECKBOX AND RADIO SECION ]
========================================================================== */






    .item .item-inner.selected {
    }
    .item .item-inner.hovered {
    }
    .item .checkbox-row .fakelabel {
      line-height: 0.0px;
    }
    .item .checkbox-row .fakelabel input {
      top: 0;
      height: 0.0px;
    }
    .item .checkbox-row .fakelabel input span {
      vertical-align: middle;
    }





  .hs-form .hs-input.invalid + .hs-error-msgs,
  .hs-form .hs-input.error + .hs-error-msgs {}


  /* Error Message */
  .hs-form .hs-error-msgs {
    list-style: none;
    position: relative;
    margin: 0;
    padding: 0 px 0 0px;
    height: 0.0px;
    /* bottom: -0.0px; */
   }
   .hs-form .hs-error-msgs li > label.hs-error-msg {
      color: ;
      font-size: ;
      vertical-align: sub;
   }

  /* Error Box */
  .hs-form .hs_error_rollup {
    position: relative;
    display: none;
  }




  /* Grid Gutter */
  fieldset > .hs-form-field,
  fieldset > .hs-dependent-field {
    margin: 0 px;
  }
  fieldset > .hs-form-field:first-child,
  fieldset > .hs-dependent-field:first-child {
    margin-left: 0;
  }
  fieldset > .hs-form-field:last-child,
  fieldset > .hs-dependent-field:last-child {
    margin-right: 0;
  }
  fieldset > .hs-form-field:only-child,
  fieldset > .hs-dependent-field:only-child {
    margin-right: 0;
    margin-left: 0;
  }
  fieldset > .hs-form-field .input,
  fieldset > .hs-dependent-field .input {
    margin-right: 0 !important;
  }

  @media (max-width: 768px) {
      fieldset.form-columns-2 > .hs-form-field,
      fieldset.form-columns-2 > .hs-dependent-field {
        margin-left: 0;
        margin-right: 0;
      }
  }
  @media (max-width: 1280px) {
      fieldset.form-columns-3 > .hs-form-field,
      fieldset.form-columns-3 > .hs-dependent-field {
        margin-left: 0;
        margin-right: 0;
      }
  }

  /* Grid Elements */
  fieldset { max-width: none !important; }
  .hs-dependent-field { display: inline-block; }

  .hs-form input[type='text'], .hs-form input[type='number'], .hs-form input[type='email'], .hs-form input[type='search'], .hs-form input[type='password'], .hs-form input[type='tel'], .hs-form input[type='url'], .hs-form input[type='date'], .hs-form input[type='file'],
  form.hs-form > .hs-form-field,
  fieldset.form-columns-1 > .hs-form-field,
  fieldset.form-columns-1 > .hs-dependent-field,
  fieldset > .hs-dependent-field > .hs-form-field {
      width: 100% !important;
  }

  fieldset.form-columns-2 > .hs-form-field,
  fieldset.form-columns-2 > .hs-dependent-field {
      width: calc(50% - px) !important;
  }
  @media (max-width: 768px) {
    fieldset.form-columns-2 .hs-form-field,
    fieldset.form-columns-2 > .hs-dependent-field {
      width: 100% !important;
    }
  }

  fieldset.form-columns-3 > .hs-form-field,
  fieldset.form-columns-3 > .hs-dependent-field {
    width: calc(33.33333% - 0.0px) !important;
  }
  @media (max-width: 1280px) {
    fieldset.form-columns-3 > .hs-form-field,
    fieldset.form-columns-3 > .hs-dependent-field {
      width: 100% !important;
    }
  }

  form.hs-form > .hs-form-field,
  fieldset > .hs-form-field,
  fieldset > .hs-dependent-field > .hs-form-field {
      float: none !important;
      position: relative;
      display: inline-block;
      vertical-align: top;
      margin-top: 0px;
  }





  /* all items */
  .inputs-list.multi-container > li {
      display: inline-block;
      width: 50%;
  }

  fieldset.form-columns-3 .inputs-list.multi-container > li {  
    width: 100% !important; 
  }

  

  .inputs-list.multi-container > li:first-child:nth-last-child(1)  {  width: 100%; }
  .inputs-list.multi-container > li:first-child:nth-last-child(2), .inputs-list.multi-container > li:first-child:nth-last-child(2) ~ li {  width: 50%;  }
  .inputs-list.multi-container > li:first-child:nth-last-child(3), .inputs-list.multi-container > li:first-child:nth-last-child(3) ~ li {  width: 33.333%; }
  .inputs-list.multi-container > li:first-child:nth-last-child(4), .inputs-list.multi-container > li:first-child:nth-last-child(4) ~ li {  width: 25%;  }
  .inputs-list.multi-container > li:first-child:nth-last-child(5), .inputs-list.multi-container > li:first-child:nth-last-child(5) ~ li {  width: 20%;  }
  .inputs-list.multi-container > li:first-child:nth-last-child(6), .inputs-list.multi-container > li:first-child:nth-last-child(6) ~ li {  width: 33.333%; }
  .inputs-list.multi-container > li:first-child:nth-last-child(8), .inputs-list.multi-container > li:first-child:nth-last-child(8) ~ li {  width: 25%; }

  @media (max-width: 768px) {
    
    .inputs-list.multi-container > li:first-child:nth-last-child(2), .inputs-list.multi-container > li:first-child:nth-last-child(2) ~ li {  width: 50%;  }
    .inputs-list.multi-container > li:first-child:nth-last-child(3), .inputs-list.multi-container > li:first-child:nth-last-child(3) ~ li {  width: 100%; }
    .inputs-list.multi-container > li:first-child:nth-last-child(4), .inputs-list.multi-container > li:first-child:nth-last-child(4) ~ li {  width: 50%;  }
    .inputs-list.multi-container > li:first-child:nth-last-child(5), .inputs-list.multi-container > li:first-child:nth-last-child(5) ~ li {  width: 100%;  }
    .inputs-list.multi-container > li:first-child:nth-last-child(6), .inputs-list.multi-container > li:first-child:nth-last-child(6) ~ li {  width: 50%; }
    .inputs-list.multi-container > li:first-child:nth-last-child(8), .inputs-list.multi-container > li:first-child:nth-last-child(8) ~ li {  width: 50%; }
    
  }




  .hs-button.primary,
  .hs-form input[type="submit"],
  .hs-form input[type="button"] {
    display: inline-block;
    background: ;
    color: ;
    width: auto;
    padding: 16px 32px;
    font-weight: 700;
		letter-spacing: 1.2px;
    transition: all 300ms ease-in-out;
    text-transform: none;
    border-radius: 34px;
    border: ;
    cursor: pointer;
  }
  .hs-button.primary:hover,
  .hs-form input[type="submit"]:hover,
  .hs-form input[type="button"]:hover {
      background: ;
      color: ;
  }
  .hs-form .actions {
     margin-top: px;
  }




  input[type="file"], .hs-file-button {
    cursor: pointer;
    padding: 0 px;
    line-height: 0px !important;
  }
  input[type="file"], .hs-file-button::-webkit-file-upload-button {
      background: ;
      color: ;
      width: auto;
      height: 0px;
      margin: px 0;
      padding: px;
      font-weight: 400;
      text-transform: uppercase;
      line-height: 0;
      border-radius: 4px;
      border: ;
      display: block;
      transition: all 300ms ease-in-out;
      cursor: pointer;
  }
  input[type="file"], .hs-file-button::-webkit-file-upload-button:hover {
      background: ;
      color: ;
  }

  /* Only Firefox */
  @supports (-moz-appearance: none) {
    input[type="file"] {
      line-height: 0 !important;
      padding: 0 !important;
    }
  }

  /* Only Edge */
  @supports (-ms-ime-align:auto) {
    input[type="file"] {
      padding: 0 !important;
    }
  }

  .hs-fieldtype-file .input {
    white-space: nowrap;
  }

  /* Custom File Upload Button + Value (need js component) */
  .hs-file-button,
  .hs-file-value {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    line-height: 0px;
  }

  /* Custom File Upload Button (need js component) */
  .hs-fieldtype-file .hs-file-button {
    width: 35%; /* calc( 35% - 0px ) !important; */
    height: px;
    line-height: 0 !important;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  /* Custom File Upload Value (need js component) */
  .hs-file-value {
    display: inline-block;
    width: 65%;
    padding: 0 px;
    background-color: ;
    border-top-right-radius: px;
    border-bottom-right-radius: px;
    border: ;
    border-left: none;
    margin-left: 0: /* 0px */
  }





    /* .hs-fieldtype-date */
   .hs-dateinput .hs-input { 
      cursor: pointer; 
   }
   .hs-dateinput input {
      padding-right: px;
      -webkit-padding-end: px;
      -webkit-padding-start: px;
    }

    





   .hs-datepicker .pika-button {
      text-align: center;
    }
   .hs-datepicker .is-today .pika-button {
      color:  !important;
    }
   .hs-datepicker .fn-date-picker .pika-button:hover {
      background:  !important;
    }
   .hs-datepicker .fn-date-picker .is-selected .pika-button {
      box-shadow: none;
      background:  !important;
    }





  .hs_recaptcha {
    
    
    margin-top: 0.0px;
    margin-bottom: 0.0px;
  }





   /* end if */





  .legal-consent-container {
      margin-top: px;
  }
  .legal-consent-container .hs-form-field {
      margin-top: px !important;
      margin-bottom: px !important;
  }
  .legal-consent-container .hs-richtext {
      margin-top: px;
      line-height: ;
  }
  .legal-consent-container > .hs-richtext + div:not(.hs-richtext) {
      margin-top: 0px;
  }
  .legal-consent-container > .hs-richtext:last-child {
      margin-bottom: px;
  }
  .legal-consent-container .hs-form-booleancheckbox {
      margin-bottom: 0;
  }
  .legal-consent-container .hs-form-booleancheckbox-display > span {
      margin-left: 0 !important;
  }
  .legal-consent-container .hs-fieldtype-booleancheckbox .hs-error-msgs {
  }
  .legal-consent-container .hs-form-booleancheckbox-display > span p {
    margin-left: 0 !important;
  }