.formular,
label {
  position: relative;
}
#leadbox,
.btn-last,
.btn-next,
form .hinweis,
form h4 {
  margin-top: 15px;
}
#leadbox #lead .user,
label {
  font-size: 0.8em;
}
#street_list,
.btn-checkbox input,
.btn-radio input,
form section {
  display: none;
}
.formular {
  display: block;
  padding: 15px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
#street_list,
.ui-autocomplete {
  list-style: none;
  padding: 0;
  position: absolute;
}
form button.btn {
  display: inline-block;
  width: 100%;
  padding: 0.75em 0;
}
form h4 {
  font-size: 1.2em;
}
form section:first-of-type,
label {
  display: block;
}
form .hinweis {
  color: #666;
}
form .hinweis i {
  color: #999;
}
form .hinweis small {
  display: inline-block;
  font-size: 12px;
}
#faq_1 .form-head .fa-thumbs-up {
  font-size: 2em;
  padding: 0.5em;
  margin-bottom: 0.5em;
  color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #f60;
}
.form-head {
  margin-bottom: 15px;
}
.checkbox,
.radio {
  margin-top: 0;
}
label {
  font-weight: 400;
}
label.btn {
  padding: 1em 0;
}
.btn-checkbox,
.btn-radio {
  font-size: 0.8em;
  width: 100%;
  margin-bottom: 10px;
  white-space: normal;
}
.btn-checkbox i,
.btn-radio i {
  font-size: 2em;
  margin-bottom: 5px;
}
.btn-checkbox,
.btn-checkbox:active,
.btn-checkbox:hover,
.btn-radio,
.btn-radio:active,
.btn-radio:hover {
  color: #333;
  line-height: normal;
  text-align: center;
  border: 1px solid #333;
  background-color: #fff;
}
.btn-checkbox.invalid,
.btn-radio.invalid {
  border-color: #dd3211;
}
.btn-checkbox.active,
.btn-radio.active {
  color: #fff;
  border: 1px solid #00bb8f;
  background-color: #00bb8f;
}
input.valid {
  color: #00bb8f;
}
input.invalid,
label.btn.invalid {
  color: #dd3211;
}
input.invalid::placeholder {
  color: #dd3211;
}
.slider-value {
  width: 100%;
  margin-top: 0.75em;
  text-align: center;
}
.slider {
  margin: 30px 0 20px;
}
.slider .ui-slider-handle {
  top: -9px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin-left: -15px;
  color: #fff;
  border-color: #dd3211 !important;
  background: #dd3211 !important;
}
.slider .ui-slider-handle::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f337";
}
.slider .ui-widget-header {
  background-color: rgba(65, 12, 37, 0.1);
}
.slider .ui-state-default,
.slider .ui-widget-content .ui-state-default {
  border-radius: 50%;
}
.ui-widget-content {
  border: 1px solid #014359 !important;
}
.ui-button,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
html .ui-button.ui-state-disabled:active,
html .ui-button.ui-state-disabled:hover {
  border: none;
}
#leadbox {
  height: 145px;
  width: 100%;
}
#leadbox #lead {
  display: none;
  padding: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
#leadbox #lead .map {
  float: left;
  height: 110px;
  width: 110px;
  margin-right: 10px;
}
#leadbox #lead .product {
  font-size: 0.7em;
}
#leadbox #lead .info {
  font-size: 0.6em;
}
#leadbox #lead .info span {
  color: #060;
}
#street_list {
  left: 15px;
  right: 15px;
  margin: 0;
  border: 1px solid #ccc;
  box-shadow: 0 2px 10px #ccc;
  background: #fff;
  z-index: 9999;
}
#street_list li {
  padding: 5px 10px;
  margin: 0;
}
#street_list li:focus,
#street_list li:hover {
  cursor: pointer;
  background: #e4e4e4;
}
.ui-helper-hidden-accessible {
  display: none !important;
}
.ui-autocomplete {
  top: 0;
  left: 0;
  cursor: default;
  font-size: 14px;
  border: 0.1em solid #999;
  margin: 0;
  background: #fff !important;
  max-height: 10em;
  overflow-y: auto;
  overflow-x: hidden;
}
.privacy {
  position: relative;
  padding: 0.5em 0.5em 0.5em 2em;
  margin-top: 0.5em;
  border: 1px solid #fff;
}
.privacy input {
  position: absolute;
  left: 0.5em;
  display: block;
}
.privacy.invalid {
  border: 1px solid #f60;
}
@media (min-width: 768px) {
  .formular {
    padding: 30px 15px;
  }
}