/* form */
.btn-next,
.btn-last{
	display: block;	
	color: #fff;
	border: .1em solid #f60;
	background-color: #f60;
}
.btn-next:hover,
.btn-next:active,
.btn-next:focus,
.btn-last:hover,
.btn-last:active,
.btn-last:focus {
	color: #f60;
	background-color: #fff;
}
.formular{
	position: relative;
	display: block;
	padding: 15px;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}
form button.btn{
	display: inline-block;
	width: 100%;
	padding: .75em 0;
}
form h4{
	font-size: 1.2em;
	margin-top: 15px;
}
form section{ display: none; }
form section:first-of-type{ display: block; }

form .hinweis{
	color: #666;
	margin-top: 15px;
}
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: .5em;
	margin-bottom: .5em;
	color: #fff;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	background-color: #f60;
	
}

.heart {
	cursor: pointer;
	height: 70px;
	width: 70px;
	margin: 0 auto;
	background-image:url( '../images/web_heart_animation.png');
	background-position: left;
	background-repeat:no-repeat;
	background-size:2900%;
}

.heart:hover {
  background-position:right;
}

.is_animating {
  animation: heart-burst .8s steps(28) 1;
}

@keyframes heart-burst {
  from {background-position:left;}
  to { background-position:right;}
}

.form-head{
	margin-bottom: 15px;
}

.btn-next,
.btn-last{
	margin-top: 15px;
}

.checkbox,
.radio{
	margin-top: 0;
}

label{
	position: relative;
	display: block;
	font-weight: 400;
	font-size: .8em;
	
}
label.btn{
	padding: 1em 0;
}

.btn-radio,
.btn-checkbox{
	font-size: 1em;
	width: 100%;
	margin-bottom: 10px;
	white-space: normal;
}

.btn-radio i,
.btn-checkbox i{
	font-size: 2em;
	margin-bottom: 5px;
}
.btn-radio,
.btn-radio:active,
.btn-radio:hover,
.btn-checkbox,
.btn-checkbox:active,
.btn-checkbox:hover{
	color: #333;
	line-height: normal;
	text-align: center;
	border: 1px solid #333;
	background-color: #fff;
}
.btn-radio.invalid,
.btn-checkbox.invalid{
	border-color: #dd3211;
}

.btn-radio.active,
.btn-checkbox.active{
	color: #fff;
	border: 1px solid #00bb8f;
	background-color: #00bb8f;
}

.btn-radio input,
.btn-checkbox input{ display:none; }

input.valid{color:#00bb8f;}
label.btn.invalid,input.invalid{color:#dd3211;}
input.invalid::placeholder{color:#dd3211;}

/* slider */
.slider-value{width:100%;margin-top:.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;
}
.slider .ui-slider-handle{
	color: #fff;
	border-color: #dd3211!important;
	background: #dd3211!important;

}
.slider .ui-slider-handle::after{
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	content: "\f337";
}

.slider .ui-widget-header{
	background-color: rgba(65,12,37,.1);
}

.slider .ui-widget-content .ui-state-default,
.slider .ui-state-default{
	border-radius: 50%;
}
.ui-widget-content{
	border: 1px solid #014359!important;
}
.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default, 
.ui-button, 
html .ui-button.ui-state-disabled:hover, 
html .ui-button.ui-state-disabled:active{
	border:none;
}
#leadbox{
	height: 145px;
	width: 100%;
	margin-top: 15px;
}

#leadbox #lead{
	display: none;
	padding: 10px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	background-color:#fff;
	-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);
}
#leadbox #lead .map{
	float: left;
	height: 110px;
	width: 110px;
	margin-right: 10px;
}
#leadbox #lead .user{font-size: .8em;}
#leadbox #lead .product{font-size: .7em;}
#leadbox #lead .info{font-size: .6em;}
#leadbox #lead .info span{color: #006600;}

#street_list, #immobilie_street_list {
display: none;
position: absolute;
left: 15px;
right: 15px;
padding: 0;
margin: 0;
list-style: none;
border: 1px solid #ccc;
box-shadow: 0 2px 10px #ccc;
background: #fff;
z-index: 9999
}

#street_list li, #immobilie_street_list li {
padding: 5px 10px;
margin: 0
}

#street_list li:focus,
#street_list li:hover, #immobilie_street_list li:hover, #immobilie_street_list li:focus {
cursor: pointer;
background: #E4E4E4
}

.ui-helper-hidden-accessible {
display: none!important
}

.ui-autocomplete {
position: absolute;
top: 0;
left: 15px !important;
right: 15px !important;
cursor: default;
font-size: 14px;
border: .1em solid #999;
list-style: none;
padding: 0;
margin: 0;
background: #fff!important;
max-height: 10em;
overflow-y: auto;
overflow-x: hidden
}

.privacy input{display:block;}
.privacy{
	position: relative;
	padding: .5em .5em .5em 2em;
	margin-top: .5em;
	border: 1px solid #fff;
}
.privacy input{
	position: absolute;
	left: .5em;
	display: block;
}
.privacy.invalid{
	border: 1px solid #f60;
}
@media (min-width: 768px){
	.formular{
		padding: 30px 15px;
	}
	.btn-radio,
	.btn-checkbox {
    	font-size: .8em;
	}
	.btn.btn-radio {
		font-size:0.8rem
	}
}