/* Form Design */
/* ---------------------------------------------------- */

.multi-step-wrapper {
  position: relative;
}
.multi-step-form {   
  background: #FFFFFF;
  margin: px auto;
  margin-bottom: 0;
  border-radius: 8px;
  box-sizing: border-box;
  padding-top: 112px;
  padding-bottom: 144px;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  
}
@media(max-width:767px){
  .multi-step-form { 
    padding-top: 112px;
    padding-bottom: 144px;
    padding-left: 32px;
    padding-right: 32px;
  }
}
.multi-step-form .hs-form {
  position: relative;
}
.multi-step-form .step,
.multi-step-form .step.hidden {
  transition: opacity 100ms;
  opacity: 0;
  height: 0;
  overflow: hidden;
}
.multi-step-form .step.active {
  opacity: 1;
  height: auto;
  overflow: visible;
}
.multi-step-form .hidden {
  display: none;
}
.multi-step-form .hs-form > fieldset {
  max-width: none;
}


/*  Pagination */
/* ---------------------------------------------------- */

.multi-step-pagination {
  display: block;
  text-align: center;
  list-style: none;
  position: absolute;
  padding: 0;
  width: auto;
  z-index: 1;
  top: 40.0px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  overflow: hidden;
}
.multi-step-pagination li:before {
  display: none;
}
.multi-step-pagination > .bull {
  display: inline-block;
  position: relative;
  width: 8px; 
  height: 8px;
  background: #969494;
  border-radius: 4.0px;
  margin-right: 28.0px;
}
.multi-step-pagination > .bull:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -1.0px;
  height: 2px;
  width: 56px;
  background: #969494;
  z-index: -1;
}
.multi-step-pagination > .bull:nth-child(1):after {
  display: none;
}
.multi-step-pagination > .bull:last-child {
  margin-right: 0px;
}


/* Numer of Steps Supported */
/* ---------------------------------------------------- */
	.multi-step-pagination > .bull.active + .bull:after,
	.multi-step-pagination > .bull.active + .bull {
		background: #298DCC;
	}
	.multi-step-pagination > .bull.active + .bull + .bull:after,
	.multi-step-pagination > .bull.active + .bull + .bull {
		background: #298DCC;
	}
	.multi-step-pagination > .bull.active + .bull + .bull + .bull:after,
	.multi-step-pagination > .bull.active + .bull + .bull + .bull {
		background: #298DCC;
	}
	.multi-step-pagination > .bull.active + .bull + .bull + .bull + .bull:after,
	.multi-step-pagination > .bull.active + .bull + .bull + .bull + .bull {
		background: #298DCC;
	}
	.multi-step-pagination > .bull.active + .bull + .bull + .bull + .bull + .bull:after,
	.multi-step-pagination > .bull.active + .bull + .bull + .bull + .bull + .bull {
		background: #298DCC;
	}
	.multi-step-pagination > .bull.active + .bull + .bull + .bull + .bull + .bull + .bull:after,
	.multi-step-pagination > .bull.active + .bull + .bull + .bull + .bull + .bull + .bull {
		background: #298DCC;
	}
	.multi-step-pagination > .bull.active + .bull + .bull + .bull + .bull + .bull + .bull + .bull:after,
	.multi-step-pagination > .bull.active + .bull + .bull + .bull + .bull + .bull + .bull + .bull {
		background: #298DCC;
	}

/* Current */
.multi-step-pagination > .bull.active {
	background: #969494;
}


/* Validation Error */
/* ---------------------------------------------------- */

.multi-step-form .hs-form .hs_error_rollup {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.multi-step-form label span > em,
.multi-step-form .hs-form-required {
  color: red;
  margin-left: 1px;
}


/* Form Navigation */
/* ---------------------------------------------------- */

.multi-step-form .footer {
  position: absolute; 
  z-index: 0;
  bottom: 0; left: 0; 
  width: 100%; 
  padding: 16px 32px 32px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  box-sizing: border-box;
}
.multi-step-form .footer .hs-button,
.multi-step-form .actions input[type="submit"] {
  outline: none;
  width: auto;
  padding: 14px 16px;
  font-weight: 400;
  transition: color 0ms ease-in-out, background 0ms ease-in-out;
  text-transform: uppercase;
  border-radius: 4px;
  border: 1px solid transparent;
  color: #FFFFFF;
  background: #484444;
}
.multi-step-form .footer .hs-button:hover,
.multi-step-form .actions input[type="submit"]:hover {
  color: #FFFFFF;
  background: #969494;
}
.multi-step-form .footer .hs-button.prev {
  visibility: hidden;
}
/*.multi-step-form .footer .hs-button.prev.last {
  position: absolute;
  bottom: -80px;
  color: rgba(66, 66, 66, 1.0);
  background: transparent;
  left: 50%;
  transform: translateX(-50%);
}
.multi-step-form .footer .hs-button.prev.last:hover {
  color: #484444;
  background: transparent;
}*/
.multi-step-form .footer .hs-button.prev.last {
  /*display: none;*/
}
.multi-step-form .footer .hs-button:disabled {
  color: #969494;
  background: #EFEEEE;
  cursor: not-allowed;
}


/* Form Overwrite */
/* ---------------------------------------------------- */

.multi-step-form .hs-form {
  padding: 0;
}
.multi-step-form .form-title {
  display: none;
}
.multi-step-form .form-columns-none > .hs-form-field {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}

/*
.multi-step-form .hs-submit .actions .hs-button {
  margin-top: 0;
}
.multi-step-form .actions input[type="submit"] {
  position: absolute; 
  bottom: -123px;
  right: 50%;
  transform: translateX(50%);
  z-index: 1;
}
*/

.multi-step-form .hs_phone {
  text-align: left;
}

/* Submit Message */
/* ---------------------------------------------------- */

.multi-step-form.submitted-message {
  height: auto !important;
  padding-bottom: 0px;
}
.multi-step-form.submitted-message .hs-button.prev.last {
  visibility: hidden !important;
}


/* Multistep (Custom) */
/*--------------------------------------------------------------------------*/


.multi-step-form .inputs-list.multi-container > li.hs-form-radio {
  width: 100% !important;
}

.multi-step-form .resultfield {
  text-align: center;
  width: 50%;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.multi-step-form .resultfield label {
  color: #298DCC !important;
  font-size: 20px !important;
}
.multi-step-form .resultfield input {
  font-size: 22px !important;
  font-weight: bold !important;
  border: none !important;
  padding: 0 !important;
  -moz-appearance: textfield;
  appearance: textfield;
  text-align: center !important;
}
.multi-step-form .resultfield .input {
  font-size: 18px !important;
  font-weight: normal !important;
  position: relative !important;
}
.multi-step-form .resultfield .input::after {
  position: absolute;
  top: 50px;
  content: "Stunden/Jahr";
  color: #298DCC;
  left: 50%;
  transform: translateX(-50%);
}
/*
.multi-step-form .hs_submit input {
  bottom: -133px !important;
}
*/
.multi-step-form fieldset:last-of-type,
.multi-step-form fieldset:last-of-type input {
  text-align: center;
}
.multi-step-form .step-3 .hs-richtext {
  max-width: 800px;
  text-align: center;
  margin: 0 auto 30px;
}

.multi-step-form .resultfield {
  margin-bottom: 96px;
}


@media (max-width:767px) {
  .multi-step-form {
    height: unset !important;
    min-height: unset !important;
  }
  .multi-step-form .hs_submit {
    margin-top: 60px !important;
    text-align: center;
  }
  .multi-step-form .hs_submit input {
    position: relative !important;
    bottom: unset !important;
    right: unset !important;
    transform: unset !important;
  }
  .multi-step-form fieldset:last-of-type > div:last-of-type {
    border-top: 2px solid #C9C8C8;
    padding-top: 32px;
    margin-top: 64px;
  }
  
  .multi-step-form .footer {
    flex-wrap: wrap;
  }
  ..multi-step-form .footer .hs-button.first,
  .multi-step-form .footer .hs-button.last {
    width: 100%;
    margin-top: 16px;
  }
}

@media (min-width:1024px) {
  .multi-step-form .resultfield label {
    font-size: 24px !important;
  }
  .multi-step-form .resultfield input {
    font-size: 28px !important;
  }
  .multi-step-form .resultfield .input {
    font-size: 22px !important;
  }
}

.multi-step-form .legal-consent-container {
  padding-top: 32px;
}



/* Normal Form */














/* GLOBAL FORM - TEXT, TITLE AND LABELS */
/*--------------------------------------------------------------------------*/

.hs-form {
  clear: both;
  font-family: inherit;
  font-weight: 400;
  padding: 0 16px;
  font-style: normal;
}
.form-title:empty {
  display: none;
}




/* ALL FOTM TEXT, TITLE AND LABELS */
/*--------------------------------------------------------------------------*/

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

.hs_cos_wrapper.form-title,
.form-title {
  padding: 0 16px 16px 16px;
  font-size: 16px;
  text-align: center;
}
.container .form-title, 
.container .hs-form {
  padding: 0;
}

/* Labels and Titels */
.hs-form .hs-form-field > label,
.hs-form .field[role="search"] > label,
.hs-form .hs-fieldtype-booleancheckbox:before {
  display: inline-block;
  font-size: 16px;
	font-weight: 700;
  color: #000000;
  line-height: 1.25;
  margin-bottom: 8.0px;
}

/* Requied Symbol Color in Labels */
.hs-form .hs-form-required {
  margin-left: 1px;
  color: #DC3545;
}

/* 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:not(.hs-main-font-element) {
  margin-top: 32px;
  margin-bottom: -8.0px;
}
.hs-form div:not(.hs-richtext) + .hs-richtext {
  margin-top: 0; /* 8.0px */
}




/* DEFAULT INPUT FIELDS */
/*--------------------------------------------------------------------------*/

/* 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;
	background: #FFFFFF;
	box-shadow: none;
	padding: 8px 16px;
	width: 100%;
	border-radius: 6px;
	border-width: 1px;
	border-color: #969494;
	border-style: solid;
	line-height: 1.25;
	margin: 0;
	font-family: inherit;
	font-size: 16px;
	font-weight: 400;
	text-align: left;
	color: #000000;
}

/* Input Defaults (if-used-outside-theme) */
.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 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Inputs in Focus with Keyboard */
.hs-form input:focus,
.hs-form textarea:focus,
.hs-form select:focus {
	color: rgba(0, 0, 0,.5);
	outline-color: rgba(41, 141, 204, .5);
  outline-style: auto;
  outline-width: 0px;
}

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

.hs-form input:hover,
.hs-form textarea:hover,
.hs-form select:hover,
.hs-form .select-selected:hover {
	border-color: #298DCC;
}

/* Equal Height Inputs */
.hs-form input:not(.hs-button), 
.hs-form select {
	height: 52px;
}

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

/* Custom Placeholder */
.hs-form .select-selected.placeholder,
.hs-form .hs-file-value.placeholder {
  color: #969494;
}

/* Pseudo Placeholder */
::-webkit-input-placeholder { color: #969494; }
::-moz-placeholder { color: #969494; }
:-ms-input-placeholder { color: #969494; }
:-moz-placeholder { color: #969494; }
:-ms-input-placeholder { color: #969494; }
::-ms-input-placeholder { color: #969494; }
::placeholder { color: #969494; }

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




/* DESCRIPTIONS */
/*--------------------------------------------------------------------------*/

.hs-form .hs-field-desc {
  font-size: 12px;
  color: gray;
  line-height: 1.25;
  margin-bottom: 8.0px; 
  margin-top:  -8.0px;
}




/* CUSTOM CHECKBOX AND RADIO FIELDS */
/*--------------------------------------------------------------------------*/

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

.hs-form-radio,
.hs-form-checkbox,
.hs-form-booleancheckbox,
.email-prefs .item,
.subscribe-options {
	display: table;
	margin-bottom: 16px;
	border: 0;
	margin: 0 !important;
}

/* Customize the label (the container) */
.hs-form-radio label,
.hs-form-checkbox label,
.hs-form-booleancheckbox label,
.email-prefs .item .fakelabel, 
.subscribe-options label {
	display: table-cell;
	vertical-align: middle;
	height: 52px;
	position: relative;
	padding-left: 40px;
	padding-right: 16px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;    
}
.email-prefs .item p,
.subscribe-options > p:first-child {
	padding-left: 40px;
}

/* Hide the browser's default checkbox */
.hs-form-radio input,
.hs-form-checkbox input,
.hs-form-booleancheckbox input,
.email-prefs .item input,
.subscribe-options 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,
.email-prefs .item .fakelabel span,
.subscribe-options span {
	vertical-align: baseline;
	line-height: 1.25;
}

/* 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,
.email-prefs .item .fakelabel > span:nth-child(2):before,
.subscribe-options label > span:before {
	left: 0;
	top: 13.0px;
	position: absolute;
	display: block;
	content: "";
	background-color: #FFFFFF;
	border-width: 1px;
	border-color: #969494;
	border-style: solid;
}
.hs-form .hs-form-checkbox label > span:before,
.hs-form .hs-form-booleancheckbox label > span:before,
.email-prefs .item .fakelabel > span:nth-child(2):before,
.subscribe-options label > span:before {
	width: 24px;
	height: 24px;
}
.hs-form .hs-form-radio label > span:before {
	width: 26px;
	height: 26px;
}

/* FOCUS (Restore focus effect for before elements) */
.hs-form .hs-form-radio label > input:focus ~ span:before,
.hs-form .hs-form-checkbox label > input:focus ~ span:before,
.hs-form .hs-form-booleancheckbox label > input:focus ~ span:before,
.hs-form .hs-form-booleancheckbox label > input:checked:focus ~ span:after,
.email-prefs .item .fakelabel > input:focus ~ span:nth-child(2):before,
.subscribe-options label > input:focus ~ span:before {
	outline-color: rgba(41, 141, 204, .5);
  outline-style: auto;
  outline-width: 1px;
}

/* HOVER (hover from inputs for custom before elements) */
.hs-form .hs-form-radio:hover label > span:before,
.hs-form .hs-form-checkbox:hover label > span:before,
.hs-form .hs-form-booleancheckbox:hover label > span:before,
.email-prefs .item .fakelabel:hover > span:nth-child(2):before,
.subscribe-options:hover label > span:before {
  border-color: #298DCC;
}

/* Border Radius */
.hs-form .hs-form-radio span:before {
	border-radius: 50%;
}
.hs-form .hs-form-checkbox label > span:before,
.hs-form .hs-form-booleancheckbox label > span:before,
.email-prefs .item .fakelabel > span:nth-child(2):before,
.subscribe-options label > span:before {
	border-radius: 3.0px;
}

/* 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,
.email-prefs .item:hover .fakelabel > input + span:nth-child(2):before,
.subscribe-options label:hover input + span:before {
	background-color: #EFEEEE;
	border-color: #298DCC;
}

/* 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,
.email-prefs .item .fakelabel > input:checked + span:nth-child(2):before,
.subscribe-options input:checked + span:before {
	background-color: #FFFFFF;
}

/* 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;
}
.email-prefs .item .fakelabel > span:nth-child(2):after,
.subscribe-options label > span:after {
	position: absolute;
	opacity: 0;
}

/* 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;
}
.email-prefs .item .fakelabel > input:checked + span:nth-child(2):after,
.subscribe-options input:checked ~ span:after {
	opacity: 1;
}

/* Style the checkmark/indicator */
.hs-form-booleancheckbox label > span:after,
.hs-form-checkbox label > span:after,
.email-prefs .item .fakelabel > span:nth-child(2):after,
.subscribe-options label > span:after {
	
		font-family: "Font Awesome 5 Free", "Font Awesome 5 Free";
		font-weight: bold;
		content: "\f00c"; /* Checked */
	
	left: 0;
	top: 13.0px;
	font-size: 12px;
	line-height: 22px;
	text-align: center;
	width: 24px;
	height: 24px;
	border: 1px solid transparent;
}

/* Style the selection/indicator */
.hs-form-radio label > span:after {
	
		font-family: "Font Awesome 5 Free", "Font Awesome 5 Free";
		font-weight: bold;
		content: "\f00c"; /* Checked */
	
	left: 0;
	top: 14.0px;
	font-size: 12px;
	line-height: 24px;
	text-align: center;
	width: 26px;
	height: 26px;
	border: 1px solid transparent;
}

/* Style the boolean/indicator */
.hs-form-booleancheckbox label > span:after {
	left: 0;
	top: 13.0px;
	height: 24px;
	width: 24px;
	background-color: #FFFFFF;
	border-radius: 3.0px;
	border-width: 1px;
	border-color: #969494;
	border-style: solid;
	-webkit-transition: -webkit-transform 150ms ease;
	-ms-transition: -ms-transform 150ms ease;
	transition: transform 150ms ease;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}

/* 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 ] */
/*--------------------------------------------------------------------------*/



  /* Sometimes you want the content boolean without the boolean layout, this swith change the style to a checkbox layout. */

  /* Boolean checkbox label need more space */
  .hs-form fieldset > div:not(.legal-consent-container) .hs-form-booleancheckbox label {
    margin: 0;
    padding-left: 92px;
  }

  /* Create a custom booloean background area */
  .hs-form fieldset > div:not(.legal-consent-container) .hs-form-booleancheckbox label > span:before {
    height: 38px;
    width: 70px;
		border-radius: 19.0px;
	  border-width: 3px;
		border-color: #000000;
    border-style: solid;
   -webkit-transition: background 120ms ease;
   -ms-transition: background 120ms ease;
    transition: background 120ms ease;
    top: 7.0px;
  }

  /* HOVER */
  .hs-form fieldset > div:not(.legal-consent-container) .hs-form-booleancheckbox label:hover > input ~ span:before,
  .hs-form fieldset > div:not(.legal-consent-container) .hs-form-booleancheckbox label:hover > input ~ span:after {
		border-color: #298DCC;
	}

	/* FOCUS (Restore focus effect for before elements) */
	.hs-form fieldset > div:not(.legal-consent-container) .hs-form-booleancheckbox label > input:focus ~ span:before {
    outline: none !important;
	}
  .hs-form fieldset > div:not(.legal-consent-container) .hs-form-booleancheckbox label > input:focus ~ span:after,
  .hs-form fieldset > div:not(.legal-consent-container) .hs-form-booleancheckbox label > input:checked:focus ~ span:after {
		outline-color: rgba(41, 141, 204, .5);
		outline-style: auto;
		outline-width: 0px;
	}

  /* Toggle field background between FALSE (default) and TRUE (checked) */
  .hs-form fieldset > div:not(.legal-consent-container) .hs-form-booleancheckbox label > span:before {
    background: #000000;
  }
  .hs-form fieldset > div:not(.legal-consent-container) .hs-form-booleancheckbox input:checked + span:before {
    background: #000000;
  }

  /* Always display the boolean/indicator */
  .hs-form fieldset > div:not(.legal-consent-container) .hs-form-booleancheckbox label > span:after {
    display: block;
    text-align: center;
		
		/* Resize indivator if no border */
		
			width: 38px;
			height: 38px;
		  line-height: 35px;
		
		
    top: 7.0px;
		border-radius: 19.0px;
	  border-width: 3px;
		border-color: #000000;
    border-style: solid;
		left: 0;
    
    /* Animation */
   -webkit-transition: transform 120ms linear 0ms;
   -ms-transition: transform 120ms linear 0ms;
    transition: transform 120ms linear 0ms;
		
		/* FALSE Style (default) */
		color: #FFFFFF;
		background-color: #FFFFFF;

    /* Icon Type */
      font-family: "Font Awesome 5 Free", "Font Awesome 5 Free";
      font-weight: bold;
      content: "\f00c"; /* Checked */}

  /* Move the boolen indicator to position true */
  .hs-form fieldset > div:not(.legal-consent-container) .hs-form-booleancheckbox input:checked ~ span:after {
		
		
		  
		
		
		/* Toggle Move */
   -webkit-transform: translate(30px, 0);
   -ms-transform: translate(30px, 0);
    transform: translate(30px, 0);

		/* TRUE Style (checked) */
		color: #FFFFFF;
		background-color: #FFFFFF;
		
  }






/* DSGVO Text Privacy Policy */
/*--------------------------------------------------------------------------*/

  .hs-form .legal-consent-container {
    margin-top: 32px;
  }
  .hs-form .legal-consent-container .hs-form-field {
		margin-top: 0px; 
    margin-bottom: 0px; 
  }
  .hs-form .legal-consent-container .hs-richtext {
    margin-top: 16px;
		font-size: 13px;
  }
  .hs-form .legal-consent-container p {
    color: #000000;
    font-size: 13px;
    line-height: 1.25;
  }
  .hs-form .legal-consent-container > .hs-richtext + div:not(.hs-richtext) {
    margin-top: 16px;
  }
  .hs-form .legal-consent-container > .hs-richtext:last-child {
    margin-bottom: 16px;
  }
  .hs-form .legal-consent-container .hs-form-booleancheckbox {
    margin-bottom: 0;
  }
  .hs-form .legal-consent-container .hs-form-booleancheckbox-display > span {
    vertical-align: baseline;
    font-size: 13px;
    line-height: 1.25;
    margin-left: 0 !important;
  }
  .hs-form .legal-consent-container .hs-form-booleancheckbox-display > span p {
    margin-left: 0 !important;
  }




/* DATEPICKER WIDGET POPUP */
/*--------------------------------------------------------------------------*/

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




/* DATETIME INPUT FIELD */
/*--------------------------------------------------------------------------*/

/* .hs-fieldtype-date */
.hs-dateinput .hs-input { 
	cursor: pointer;
	vertical-align: middle;
	display: inline-block;
	line-height: 36px !important;
	-webkit-appearence: none;
	-webkit-min-logical-width: calc( 100% - 16px);
}
.hs-dateinput input {
	background: #FFFFFF;
	padding-right: 52px;
	-webkit-padding-end: 52px;
	-webkit-padding-start: 8px;
}


/* DATETIME PICKER CALENDAR */
/*--------------------------------------------------------------------------*/

.hs-form .hs-dateinput:before {
	right: 16px;
	font-size: 16px;
}


	.hs-form .hs-dateinput input {
		padding-right: 68px !important;
	}
	.hs-form .hs-dateinput:after {

		/* Icon */
		box-sizing: border-box;
		font-family: "Font Awesome 5 Free", "Font Awesome 5 Free";
		font-weight: bold;
		font-size: 18px;
		content: "\f073"; /* Calendar */
		text-align: center;
		vertical-align: middle;
		line-height: 50px;
		border-top-right-radius: 6px;
		border-bottom-right-radius: 6px;
    border-style: solid;
		border-width: 1px;
		border-color: transparent transparent  transparent #969494;

		/* Block */
		width: 52px;
		height: 52px;
		background: transparent;
		position: absolute;
		right: 0;
		pointer-events: none;
		cursor: pointer;
	}






/* SELECT FIELD AND DROPDOWN */
/*--------------------------------------------------------------------------*/

  /* Dropdown Default Select */
  .hs-form select,
  .hs-form .select-selected {
      position: relative;
      height: 52px;
      padding-top: 0; 
      padding-bottom: 0;
      line-height: 50px;
      width: 100% !important;
     -webkit-appearance: none;
     -moz-appearance: none;
      appearance: none;
     -webkit-border-radius: 6px;
      border-radius: 6px;
      cursor: pointer;
      padding-left: 16px;
      padding-right: 52px;
     -webkit-padding-end: 52px;
     -webkit-padding-start: 16px;
      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;
  }


/* CARRET 1 - Css Dropdown Caret */
/*--------------------------------------------------------------------------*/
/* (!icons=true and active=true) */

  


/* CARRET 2 - Icon Font Dropdown Caret */
/*--------------------------------------------------------------------------*/
/* (icons=true and active=true) */

  
    .hs-form .hs-fieldtype-select .select-selected:after {
      position: absolute;
      pointer-events: none;
      display: block;
      font-family: "Font Awesome 5 Free", "Font Awesome 5 Free";
      font-weight: bold;
      content: "\f107"; /* Caret open */ 
      right: 21.0px;
      top: 0;
    }
    .hs-form .hs-fieldtype-select .select-arrow-active.select-selected:after {
      content: "\f106"; /* Caret Close*/ 
    }
  


/* CARRET 3 - Icon Font Nativ Field Arrow */
/*--------------------------------------------------------------------------*/
/* (icons=true and !active=true) */

  


/* CARRET 4 - Css Nativ Field Arrow */
/*--------------------------------------------------------------------------*/
/* (!icons=true and !active=true) */

  


/* CUSTOM DROPDOWN DOM FROM JS */
/*--------------------------------------------------------------------------*/

  /* Style items (options): */
  .hs-form .select-items {
    position: absolute;
    background-color: #FFFFFF;
    left: 0;
    right: 0;
    z-index: 99;
    margin-top: -1px;
    border-style: solid;
		border-width: 1px;
		border-color: #969494;
    border-radius: 6px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    overflow-x: hidden;
    overflow-y: auto;
    height: auto;
    max-height: 190.0px;
    text-align: left;
  }
  .hs-form .hs-form-field > label:not(.empty) ~ .select-items {
    top: 96.0px;
  }
  .hs-form .hs-form-field > label.empty ~ .select-items
    top: 80.0px;
  }
  .hs-form .select-group {
    padding: 8px 0;
  }
  .hs-form .select-group .select-group-label {
    display: block;
    width: 100%;
    color: #000000;
    padding: 8px 16px;
    line-height: 1.25;
    font-weight: bold;
  }

  /* style the items (options), including the selected item: */
  .hs-form .select-items .select-option {
    color: #000000;
    padding: 8px 16px;
    font-size: 16px;
    line-height: 1.25;
		border-radius: 0;
    border-style: solid;
		border-width: 1px;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    border-left-width: 0;
    border-right-width: 0;
    cursor: pointer;
  }
  .hs-form button.select-selected:focus,
  .hs-form .select-items .select-option:focus {
		outline-color: rgba(41, 141, 204, .5);
	  outline-style: auto;
	  outline-width: 0px;
    outline-offset: -2px;
  }
  .hs-form .select-items .select-option:last-child {
    border-bottom: none;
  }

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

  .hs-form .select-items .select-option:hover, 
  .hs-form .select-items .same-as-selected {
    color: #000000;
    background-color: #EFEEEE;
  }

  .select-selected.select-arrow-active {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
  }




/* SPECIAL MEMBERSHIP FORM */
/*--------------------------------------------------------------------------*/

.hs-register-widget-show-password,
.hs-login-widget-show-password,
.hs-reset-widget-show-password {
	display: inline-block;
	float: right;
	line-height: 1.25;
	margin-bottom: 8.0px;
}
#hs-login-widget-remember {
	height: auto !important;
	-webkit-appearance: checkbox !important;
	-moz-appearance: checkbox !important;
	appearance: checkbox !important;
}
#hs-pwd-widget-password {
	height: 52px !important;
	margin-top: 16px !important;
}




/* SETP UP - STEP DOWN - CUSTOM INPUT NUMBER */
/*--------------------------------------------------------------------------*/

/* Remove Default Number Appearance  */
.hs-form .custom-numbers-field input[type="number"],
.hs-form .custom-numbers-field input[type="number"]:focus {
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	appearance: textfield;
}
.hs-form .custom-numbers-field input[type="number"]::-webkit-inner-spin-button,
.hs-form .custom-numbers-field input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Border Radius If With Or Without Custom JS Buttons  */
.hs-form input[type="number"] {
	border-radius: 6px; 
}
.hs-form .custom-numbers-field input[type="number"] {
	border-radius: 0; 
}

/* Create New Display Layout  */
.hs-fieldtype-number .input {
	display: flex;
	box-sizing: border-box;
	width: 100%;
}
.hs-fieldtype-number .input.custom-numbers-field .hs-input {
	width: calc(100% - 88px ) !important;
	text-align: center;
}

/* Add New Numeric Buttons (need-js-component) */
.hs-fieldtype-number button {
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 52px;
	height: 52px;
	padding-left: 11.0px;
	padding-right:11.0px;
	position: relative;
	display: inline-block;
	cursor: pointer;
}
.hs-fieldtype-number button.hs-stepDown {
	border-right: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.hs-fieldtype-number button.hs-stepUp {
	border-left: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.hs-fieldtype-number button.hs-stepDown:hover,
.hs-fieldtype-number button.hs-stepUp:hover {
	border-color: #298DCC;
}

/* HOVER (Fake Border On Hover ) */
.hs-fieldtype-number button.hs-stepDown:before,
.hs-fieldtype-number button.hs-stepUp:before {
	content: ""; position: absolute;
	background: #298DCC;
	width: 1px;
	height: 52px;
	top: -1px;
	z-index: 1; opacity: 0;
}
.hs-fieldtype-number button.hs-stepDown:before {
  right: -1px;
}
.hs-fieldtype-number button.hs-stepUp:before {
  left: -1px;
}
.hs-fieldtype-number button.hs-stepDown:focus:before,
.hs-fieldtype-number button.hs-stepUp:focus:before {
  display: none;
}
.hs-fieldtype-number button.hs-stepDown:hover:before,
.hs-fieldtype-number button.hs-stepUp:hover:before {
  opacity: 1;
}




	.hs-fieldtype-number button.hs-stepDown::after {
		font-family: "Font Awesome 5 Free", "Font Awesome 5 Free";
		font-weight: bold;
		content: "\f068"; /* Minus */
	}
	.hs-fieldtype-number button.hs-stepUp:after {
		font-family: "Font Awesome 5 Free", "Font Awesome 5 Free";
		font-weight: bold;
		content: "\f067"; /* Plus */
	}




/* RECAPTCHA */
/*--------------------------------------------------------------------------*/

.hs_recaptcha {
	
	margin-top: 24px;
	margin-bottom: 40px;
}




/* SUBMIT BUTTON */
/*--------------------------------------------------------------------------*/

/*.hs-form .hs-button.primary,*/
.hs-form input[type="submit"],
.hs-form input[type="button"] {
	display: inline-block;
	width: auto; 
	cursor: pointer;
	padding: 14px 32px;
	margin-top: 16px;
	font-weight: 400;
	transition: all 300ms ease-in-out;
	border-radius: 8px;
	border-width: 2px;
	border-style: solid;
	background-color: #484444;
	border-color: #4D4448;
	color: #FFFFFF;
}
.hs-form input[type="submit"]:hover, .hs-form input[type="submit"]:focus,
.hs-form input[type="button"]:hover, .hs-form input[type="button"]:focus {
	background-color: #969494;
	border-color: #969494;
	color: #FFFFFF;
}
.hs-form input[type="submit"]:focus,
.hs-form input[type="button"]:focus {
	outline-color: rgba(41, 141, 204, .5);
	outline-style: auto;
	outline-width: 1px;
}
.hs-form .actions {
	margin-top: 16px;
	text-align: center;
}
@media (max-width: 767px) {
	.hs-form input[type="submit"],
	.hs-form input[type="button"] {
		width: 100%;
	}
}




/* DSGVO Text Privacy Policy */
/*--------------------------------------------------------------------------*/

  .hs-form .legal-consent-container {
    margin-top: 32px;
  }
  .hs-form .legal-consent-container .hs-form-field {
		margin-top: 0px; 
    margin-bottom: 0px; 
  }
  .hs-form .legal-consent-container .hs-richtext {
    margin-top: 16px;
		font-size: 13px;
  }
  .hs-form .legal-consent-container p {
    color: #000000;
    font-size: 13px;
    line-height: 1.25;
  }
  .hs-form .legal-consent-container > .hs-richtext + div:not(.hs-richtext) {
    margin-top: 16px;
  }
  .hs-form .legal-consent-container > .hs-richtext:last-child {
    margin-bottom: 16px;
  }
  .hs-form .legal-consent-container .hs-form-booleancheckbox {
    margin-bottom: 0;
  }
  .hs-form .legal-consent-container .hs-form-booleancheckbox-display > span {
    vertical-align: baseline;
    font-size: 13px;
    line-height: 1.25;
    margin-left: 0 !important;
  }
  .hs-form .legal-consent-container .hs-form-booleancheckbox-display > span p {
    margin-left: 0 !important;
  }




/* FILE UPLOAD + BUTTON */
/*--------------------------------------------------------------------------*/

.hs-form .custom-upload input[type="file"] {
	display: block;
	margin: 0;
	padding: 8px 16px;
	background: #FFFFFF;
	width: auto;
	height: 52px;
	color: #000000;
	font-weight: 400;
	line-height: 32px;
	cursor: pointer;
	transition: all 300ms ease-in-out;
	
}

/* Button */
.hs-form .hs-fieldtype-file.custom-upload .hs-file-button,
.hs-form .hs-fieldtype-file.custom-upload input[type="file"]::-webkit-file-upload-button {
	height: 32px;
	line-height: 0px !important;
	cursor: pointer;
	color: #FFFFFF;
	background: #000000;
}
.hs-form .hs-fieldtype-file.custom-upload .hs-file-button:hover,
.hs-form .hs-fieldtype-file.custom-upload input[type="file"]::-webkit-file-upload-button:hover {
	cursor: pointer;
	color: #FFFFFF;
	background: #232323;
}

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

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

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

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

/* Custom File Upload Button (need js component) */
.hs-form .hs-fieldtype-file.custom-upload .hs-file-button {
	width: 35%; /* calc( 35% - 32px ) !important; */
	height: 52px;
	border-radius: 26.0px;
	
	  text-align: center;
	
}

/* Custom File Upload Value (need js component) */
.hs-form .hs-fieldtype-file.custom-upload .hs-file-value {
	display: inline-block;
	font-size: initial;
	width: 65%;
	height: 52px;
	line-height: 50px;
	padding: 0 16px;
	margin-left: 0;
  
}




/* File Upload DnD Area Design /
/*--------------------------------------------------------------------------*/

.hs-form .hs-fieldtype-file.dnd-area {
	position: relative;
}

/* Button As Upload Area */
.hs-form .hs-fieldtype-file.dnd-area .hs-file-button {
	background: transparent;
	color: transparent;
	width: 100%;
	height: 162px;
	border-width: 1px;
  border-style: dashed;
	border-color: #969494;
	z-index: 1;
}
.hs-form .hs-fieldtype-file.dnd-area.highlight .hs-file-button,
.hs-form .hs-fieldtype-file.dnd-area .hs-file-button:hover {
	cursor: pointer;
	border-color: #298DCC;
}
.hs-form .hs-fieldtype-file.dnd-area input.error + .hs-file-button {
	border-color: #DC3545;
}

/* Input Label And Helper Text As Area Description Text */
.hs-form .hs-fieldtype-file.dnd-area .hs-file-value,
.hs-form .hs-fieldtype-file.dnd-area label,
.hs-form .hs-fieldtype-file.dnd-area legend,
.hs-form .hs-fieldtype-file.dnd-area .hs-error-msgs {
	position: absolute;
	width: calc(100% - 32px);
	left: 16px; 
	right: 16px;
	text-align: center;
	z-index: -1;
	user-select: none;
}
.hs-form .hs-fieldtype-file.dnd-area .hs-error-msgs > li:first-child {
	margin-top: 7px;
}

.hs-form .hs-fieldtype-file.dnd-area .hs-file-value {
	top: 50%;
	transform: translateY(-50%);
	padding: 32px 0;
	height: auto;
	border: 0;
}

/* No File - Hide Filename */
.hs-form .hs-fieldtype-file.dnd-area.no-file .hs-file-value {
	display: none;
	background: transparent;
	color: transparent;
}

/* Valid File - Hide Area Default Text */
.hs-form .hs-fieldtype-file.dnd-area.valid-file .hs-file-value {
	display: block;
	background: #FFFFFF;
	color: #000000;
}

/* Valid File - Check */
.hs-form .hs-fieldtype-file.dnd-area.valid-file .custom-file-value:before {
	
		font-family: "Font Awesome 5 Free", "Font Awesome 5 Free";
		font-weight: bold;
		content: "\f00c"; /* Checked */
	
	position: absolute; text-align: center;
	left: 50%; top: -12.0px;
	font-size: 12.0px;
	margin-left: -12.0px;
	width: 24px;
	height: 24px;
	line-height: 24px;
	color: #FFFFFF;
	fill: #FFFFFF;
	background: #28A745;
	border-radius: 12px;
}


.hs-form .hs-fieldtype-file.dnd-area > label {
	top: calc(50% - 24px);
	font-weight: bold;
}
.hs-form .hs-fieldtype-file.dnd-area > legend {
	top: calc(50% + 8px);
	font-size: 16px;
}
.hs-form .hs-fieldtype-file.dnd-area .hs-error-msgs {
	top: 100%;
	left: 0;
}
@media (max-width:767px) {
	.hs-form .hs-fieldtype-file.dnd-area > label {
		top: calc(50% - 40px);
	}
	.hs-form .hs-fieldtype-file.dnd-area > legend {
		top: calc(50% + 8px);
	}
}
@media (max-width:375px) {
	.hs-form .hs-fieldtype-file.dnd-area .hs-file-button {
		height: 196px;
		padding-bottom: 48px;
	}
	.hs-form .hs-fieldtype-file.dnd-area > label {
		top: calc(50% - 56px);
	}
	.hs-form .hs-fieldtype-file.dnd-area > legend {
		top: calc(50% + 8px);
	}
}




/* FIELD VALIDATION */
/*--------------------------------------------------------------------------*/

.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 8px 0 17px;
  height: 26.0px;
}
.hs-form .hs-error-msgs li > label.hs-error-msg {
  color: #DC3545;
  font-size: 12px;
	line-height: 24px;
  vertical-align: sub;
}

/* Consent Checkbox Error */
.hs-form .legal-consent-container .hs-error-msgs {
  padding-left: 96px;
}
.hs-form .legal-consent-container .hs-error-msgs .hs-error-msg {
  vertical-align: top;
}

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

/* Error Input Field */
.hs-input.invalid {
  border-color: #DC3545 !important;
}




/* FORM GRID */
/*--------------------------------------------------------------------------*/

/* Grid Gutter */
fieldset > .hs-form-field,
fieldset > .hs-dependent-field {
	margin: 0 16px;
}
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: 767px) {
	fieldset.form-columns-2 > .hs-form-field,
	fieldset.form-columns-2 > .hs-dependent-field {
		margin-left: 0;
		margin-right: 0;
	}
}
@media (max-width: -1px) {
	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'], .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% - 16px) !important;
}
@media (max-width: 767px) {
	fieldset.form-columns-2 .hs-form-field,
	fieldset.form-columns-2 > .hs-dependent-field {
		width: 100% !important;
		margin-left: 0;
	}
}

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

/* Gaps Between Fields */
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: 32px;
}
fieldset > .hs-richtext.hs-main-font-element {
	margin-top: 32px;
}


/* INPUT MULTI-FIELD GRID - or display multiple checkboxes in one row */
/*--------------------------------------------------------------------------*/

/* all items */
.inputs-list.multi-container > li {
	display: inline-block;
	width: 50%;
  vertical-align: top;
  padding-top: 32px;
}

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: 50%;     }

@media (max-width: 767px) {

	.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%;  }

}

@media (max-width: 479px) {

	.inputs-list.multi-container > li:first-child:nth-last-child(2), .inputs-list.multi-container > li:first-child:nth-last-child(2) ~ li {  width: 100%; }
	.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: 100%; }
	.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: 100%; }
	.inputs-list.multi-container > li:first-child:nth-last-child(8), .inputs-list.multi-container > li:first-child:nth-last-child(8) ~ li {  width: 100%; }

}
.hs-form .hs-form-field label {
  color: #000000;
}
.hs-form .hs-form-field label:has(+ .hs-field-desc) {
  margin-bottom: 12.0px;
}
.hs-form .hs-form-field label:has(+ .hs-field-desc) + .hs-field-desc {
  margin-bottom: 12.0px;
  margin-top: 0;
}
.hs-form .hs-form-field .hs-field-desc {
  color: #4D4448;
}
.hs-form .hs-fieldtype-file.custom-upload .hs-file-button, 
.hs-form .hs-fieldtype-file.custom-upload input[type="file"]::-webkit-file-upload-button {
  border: none;
  background: #484444;
}
.hs-form .hs-fieldtype-file.custom-upload .hs-file-button:hover, 
.hs-form .hs-fieldtype-file.custom-upload input[type="file"]::-webkit-file-upload-button:hover {
  background: #969494;
}




/* Checkbox and RadioButtons Styles */

.webinar_anmelden .hs-form-booleancheckbox label > span:after,
.webinar_anmelden .hs-form .hs-form-booleancheckbox label > span:before,
.webinar_anmelden .hs-form .hs-form-radio label > span::before {
  height: 18px;
  width: 18px; 
}

.webinar_anmelden .hs-form-booleancheckbox label > span:after,
.webinar_anmelden .hs-form .hs-form-booleancheckbox label > span:before {
  top: 17px; 
}

.webinar_anmelden .hs-form-radio label > span:after {
  top: 3px;
  left: -4px;
  font-size: 10px; 
}

.webinar_anmelden .hs-form-booleancheckbox label > span::after {
  line-height: 17px;
  font-size: 10px; 
}

.webinar_anmelden .hs-form .hs-form-radio label > span:before {
  top: 6px; 
}


/* Anrede Styles */

.webinar_anmelden .hs_anrede_radio_button.hs-anrede_radio_button {
  margin-top: 0; 
}

.webinar_anmelden .inputs-list.multi-container > li {
  padding-top: 0; 
}

.webinar_anmelden .hs-form .inputs-list {
  display: flex;
  gap: 16px; 
}

.webinar_anmelden .hs-form-radio label {
  height: max-content;
}

.webinar_anmelden .hs-form-booleancheckbox label,
.webinar_anmelden .hs-form-radio label,
.webinar_anmelden .hs-form .legal-consent-container .hs-error-msgs {
  padding-left: 28px; 
}

.webinar_anmelden .inputs-list.multi-container .hs-form-radio.filled {
  width: max-content;
}

/* Inputs Color */

.webinar_anmelden .hs-form .hs-form-field label, 
.webinar_anmelden .hs-form .hs-form-required,
.webinar_anmelden .hs-form .legal-consent-container .hs-form-booleancheckbox-display > span p{
  color: #484444
}

/* Checkbox Font Styles */

.webinar_anmelden .hs-form .legal-consent-container .hs-form-booleancheckbox-display > span p {
  font-size: 16px;
  line-height: 1.5;
}



.webinar_anmelden .hs-form .legal-consent-container .hs-form-booleancheckbox-display > span p {
  font-size: 13px;
  line-height: 16px;
  color: #000000;
}
.webinar_anmelden .hs-form .legal-consent-container .hs-richtext {
  color: #000000;
}

.hs-form > fieldset:first-child:not(:has([class*="hs-anrede"])) {
	margin-bottom: 32px;
}