/* CSS Document */



#wrapper{
	max-width:400px;
	max-height:100%;
	position:absolute;
	background:0;
	margin:auto;
	top: 0;
	bottom:0;
	left:0;
	right:0;
    font-family: 'Lato' sans-serif;
}


.container{
	max-width:100%;
	position:relative;
	padding:20px;
	clear:both;
	margin:20px auto;
	top: 0;
	bottom:0;
	left:0;
	right:0;
	background: transparent\9;
	background:rgba(255,255,255, .9);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cffffff', endColorstr='#4cffffff'); /* IE */
	zoom:1;
	border:1px solid #e0e0e0;
    
}



.booking_bg {
	background-color: #414746;
	color: #a4a4a4!important;
    border: none!important;
}




.sections{
	position:relative;
	padding:20px;
	clear:both;
    font-family: 'Lato', sans-serif;
}


.sections .section-holder{
	position:relative;
	width:100%;
	clear:both;
}

.sections .section{
	display:none;
	top:0;
	left:0;
	min-width:100%;
	max-width:400px;
}

.sections .current{
	display:block;
}

.progress-bar{
	position:relative;
	width:100%;
	height:25px;
	background: transparent\9;
	background:rgba(70, 146, 91, .3);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4c000000', endColorstr='#4c000000'); /* IE */
	zoom:1;
}

.progress-bar .progress{
	position:relative;
	width:0;
	height:25px;
	background-color:#76B38F;
}

.progress-bar .progress-text{
	position:relative;
	width:100%;
	height:25px;
	line-height:25px;
	text-align:center;
	color:#fff;
	top:-24px;
	font-family: 'Lato', sans-serif;
}

.sections .back{
    cursor:pointer;
    display: inline-block;
    width:100%;
	margin:5px 0 5px 0;
	font-size: 17px;
	font-weight:normal;
    text-align: center;
	color: #c0c0c0;
	padding: 10px 0px;   
	background-color: #838084;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	 font-family: 'Lato', sans-serif;
	
}

.sections .next, .sections .submit{
	
}

.sections .next {
	cursor:pointer;
    display: inline-block;
    width:100%;
	margin:10px 0 5px 0;
	font-size: 17px;
	font-weight:normal;
    text-align: center;
	color: #fff;
	padding: 10px 0px;   
	background-color: #76B38F;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	 font-family: 'Lato', sans-serif;
	
}

.sections .back:hover, .sections .next:hover {

}

.sections .submit input[type=submit], .bookings .submit input[type=submit]{
	cursor:pointer;
	margin:10px 0;
	font-size: 14px;
	font-weight:normal;
	color: #000;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#78b9ff 0%,
		#78e4ff);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#78b9ff),
		to(#78e4ff));
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid #09c;
}

.sections .focus, .bookings .focus{
	border:2px solid #09c;
	border-radius:25px;
}

.sections .valid, 
.sections input[type=text].valid, 
.sections input[type=password].valid, 
.sections input[type=email].valid,
.sections input[type=checkbox].valid,
.bookings .valid, 
.bookings input[type=text].valid, 
.bookings input[type=password].valid, 
.bookings input[type=email].valid,
.bookings input[type=checkbox].valid{
	border-bottom: 3px solid rgba(70, 146, 91, 1)!important;
	font-size: 17px;
    padding: 15px 0%;

}




.sections .invalid, 
.sections input[type=text].invalid, 
.sections input[type=password].invalid, 
.sections input[type=email].invalid,
.bookings .invalid, 
.bookings input[type=text].invalid, 
.bookings input[type=password].invalid, 
.bookings input[type=email].invalid{
	border-bottom: 3px solid rgba(250, 0, 0, 1)!important;
	font-size: 17px;
    padding: 15px 0%;
}

.sections label, .bookings label {
	width:100%;
	display:block;
	color: #686868;
}

.sections input[type=radio],
.bookings input[type=radio]{
    margin-right: 10px
}


.versicherung label {
    border-bottom: 1px solid;
    padding-bottom: 10px;
    margin: 10px 0;
}

.sections input[type=text],
.sections input[type=password], 
.sections input[type=email], 
.sections select,
.sections textarea{
	width:100%;
	outline:none;
	padding: 0 0 0 10px;
	padding: 15px 0;
	text-indent:10px;
	display:inline-block;
	line-height: 18px;
	float:left;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;
	margin: 5px 1px 3px 0px;
	color:#000;
	border:1px solid #888;
	font-size: 17px;
}


.bookings input[type=text],
.bookings input[type=password], 
.bookings input[type=email], 
.bookings select,
.bookings textarea{
	width:100%;
	outline:none;
	padding: 0 0 0 10px;
	padding: 15px 0;
	text-indent:10px;
	display:inline-block;
	line-height: 18px;
	float:left;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;
	margin: 5px 1px 3px 0px;
	color:#555 ;
	border:1px solid #e7e7e7 ;
	font-size: 17px;
}


.bookings p a {
font-weight: bold!important;
color: #555;}



.sections input placeholder, 
.sections input placeholder, 
.sections select placeholder,
.sections textarea placeholder,
.bookings input placeholder, 
.bookings input placeholder, 
.bookings select placeholder,
.bookings textarea placeholder,{
	color:#a6a6a6;
}


.sections input[type=text]:focus, 
.sections input[type=password]:focus, 
.sections input[type=email]:focus, 
.sections select:focus,
.sections textarea:focus,
.bookings input[type=text]:focus, 
.bookings input[type=password]:focus, 
.bookings input[type=email]:focus, 
.bookings select:focus,
.bookings textarea:focus{
	padding: 3px 0px 3px 3px;
	margin: 5px 1px 3px 0px;
	border: 1px solid rgba(81, 203, 238, 1);
	border: 1px solid #09c;
	padding:15px 0;
	text-indent:10px;
	display:inline-block;
	line-height: 18px;
}


.sections select, .bookings select {
	-webkit-appearance: none;            /*Removes default chrome and safari style*/
	-moz-appearance: none;             /* Removes Default Firefox style*/
	text-overflow: "";               /*Removes default arrow from firefox*/
}

.sections .form-title, .sections .section-title{
	font-size:20px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	margin-bottom:10px;
}
.sections .form-title{
	font-size:24px;
	border-bottom:2px solid #ededed;
}

.sections strong{
	color:#fff;
}

.sections h1, .sections h2{
	color:#fff;
	font-size:22px;
    margin: 10px 0;
}

.sections p{
	font-weight:normal;
    line-height: 26px;
}

.sections p.line{
	width:100%;
	border-bottom:1px solid #78b9ff;
	margin:10px 0;
	height:1px;
}

.sections .submit-data{
	padding: 10px;
color: #fff;
background-color: rgb(77, 149, 255);
cursor: pointer;
font-size: 18px;
text-align: center;
font-family: 'Lato', sans-serif;

}


/* ------- Email Format -------- */
.email-format{
	color:#09c;
	font:bold 12px sans-serif;
}

.email-format-title{
	color:#000;
	font:bold 22px sans-serif;
}

.email-format-wrapper{
	width:100%;
	background:#EBEBEB;
	margin:0;
	padding:20px;
}

.email-format-body{
	color:#000;
	width:320px;
	background:#fff;
	margin:20% auto;
	padding:20px;
	border:1px solid #E0E0E0;
	font:12px sans-serif;
}

.none{
	display:none;
}

#preloader {
	position:relative;
	text-align:center;
	visibility:visible;
}

#preloader img{
	background:#fff;
}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
 color:#a6a6a6;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
color:#a6a6a6;
}

::-ms-input-placeholder { /* Microsoft Edge */
 color:#a6a6a6;
}

.wpcf7-quiz-label {
    color:#a6a6a6;
}

.ui-datepicker {
width: 278px;
}

.bookings .flatpickr-input[readonly], .flatpickr-alt {
    cursor: pointer;
    font-size: 17px;
    padding: 14px 0px;
    color: #555!important;
    border: none!important;
    float: left;
    border: 1px solid #e7e7e7!important;
    outline: 0;
    -webkit-appearance: none;
    cursor: pointer;
    -webkit-border-radius: 0px;
    display: inline;
    background:#f9f9f9 url(../img/calendar-icon.svg) center right no-repeat;
}


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}