@font-face {
	font-family: "Flaticon";
	src: url("../../css/fonts/flaticon.eot");
	src: url("../../css/fonts/flaticon.eot#iefix") format("embedded-opentype"),
	url("../../css/fonts/flaticon.woff") format("woff"),
	url("../../css/fonts/flaticon.ttf") format("truetype"),
	url("../../css/fonts/flaticon.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
	font-family: Flaticon;
	font-style: normal;
}
.flaticon-prohibited1:before {
	content: "\e000";
}

#kontakt_overlay{
	display:inline-block;
	background:url("../../img/black-05.png");
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	z-index: 10000000000000;
	clear:both;
	float:left;
}
#kontakt-form, #overlay_thank{
	background:#ffffff;
	width:700px;
	height:530px;
	height:auto;
	float:left;
	display:inline-block;
	position:relative;
	top:50%;
	left:50%;
	margin-top:-300px;
	margin-left:-350px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding:30px 50px;
	clear:both;
	font-size:14px;
	color:#62625a;
}

#overlay_thank{
	display:none;
	position:absolute;
	padding-bottom:50px;
}


#kontakt_overlay .close{
	font-size:24px;
	color:#3c6373;
	position:absolute;
	right:15px;
	top:20px;
	cursor:pointer;
}
#kontakt-form h4{
	font-size:12px;
	font-weight:300;
	color:#62625a;
	margin:0px;
	padding:0px;
	text-transform: uppercase;
}

#kontakt-form h4 img{
	height:30px;
	width:auto;
	float:right;
	margin-top:-10px;
}

#kontakt-form h2{
	font-size:20px;
	font-weight:500;
	color:#62625a;
	margin:20px 0px;
	padding:0px;
	text-transform: uppercase;
}

#overlay_thank h1{
	font-size:30px;
	font-weight:500;
	color:#1e91c0;
	width:100%;
	margin:0px;
	
	text-align:center;
	padding:0px;
	padding-top:30px;
	padding-bottom:20px;
	font-weight:300;
	text-transform: uppercase;
}
#overlay_thank p{
	text-align:center;
	line-height:1.5;
	font-size:15px;
	color:#666;
}
#overlay_thank a{
	color:#83b656;
}

#kontakt-form input[type=text],
#kontakt-form input[type=submit],
#kontakt-form textarea{
	height:30px;
	border:1px solid #cecece;
	width:100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding:5px 5px;
	margin-bottom:10px;
	color:#62625a;
	font-size:14px;
	font-weight:300;
	font-family:"Helvetica Neue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#kontakt-form .invalid{
	color: #c0221e !important ;
	background:#f5dedd;
}

#kontakt-form .invalid:focus{
	border-bottom:1px solid #cecece !important;
	background:#fff!important;
}

#kontakt-form .notshow{
	display:none;
}
#kontakt-form input[type=text].halb,
#kontakt-form .halb{
	width:33%;
	float:left;
}

#kontakt-form input[type=text].halb.left,
#kontakt-form .halb.left{
	margin-right:.5%;
	float:left;
}

#kontakt-form input[type=text].halb.right,
#kontakt-form .halb.right{
	margin-left:.5%;
	float:right;
}

#kontakt-form textarea{
	height:70px;
	resize: none;
	padding:5px;
	line-height:20px;
}

#kontakt-form input[type=submit]{
	border:0px;
	height:60px;
	line-height: 60px;
	padding:0px;
	color:#fff;
	background:#1e91c0;
	font-size:16px;
	text-transform:uppercase;
	font-weight:500;
	margin-bottom:0px;
	margin-top:15px;
}

#kontakt-form input[type=checkbox] {
	display:none;
}

#kontakt-form input[type=checkbox] + label {
							padding-left:25px;
							height:20px; 
							display:inline-block;
							line-height:20px;
							margin-top:5px;
							margin-bottom:5px;
							background-repeat:no-repeat;
							background-position: 0 -20px;
							vertical-align:middle;
							cursor:pointer;

}

#kontakt-form input[type=checkbox] + label.bold {
	font-weight:bold;
}

#kontakt-form input[type=checkbox]:checked + label {
background-position: 0 0px;
}


#kontakt-form label.checkit {
background-position: 0 0px !important;
}

#kontakt-form label {
				background-image:url("../../img/checkbox.png");
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
}

#kontakt-form .selectbox select {
   background: transparent;
   width: 196px;
   padding: 5px 5px;
   border: 0;
   border-radius: 0;
   height: 28px;
   display:inline-block;
   color:#62625a;
	font-size:14px;
	font-weight:300;
   -webkit-appearance: none;
   font-weight: 300;
	font-family: "Helvetica Neue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#kontakt-form .selectbox{
	width: 196px;
   height: 28px;
   display:inline;
   margin-bottom:10px;
   overflow: hidden;
   background: url("../../img/pfeil-select.png") no-repeat right #fff;
   border: 1px solid #cecece;
}

#kontakt-form.kontakt_formular_frontend .selectbox {
	background: url("../../img/pfeil-select-1-green.png") no-repeat right #fff;
}

#kontakt-form.kontakt_formular_frontend label {
	background-image:url("../../img/checkbox-green.png");
}

#kontakt-form.kontakt_formular_frontend input[type=submit]{ 
	background-color:#83b656;
}

.kontakt_overlay_frontend #overlay_thank h1 {
	color:#83b656;	
}

#kontakt-form .disclaimer {
	font-size:12px;
	width:900px;
	max-width:100%;
}


#kontakt-form.kontakt_formular_frontend {
	width:1024px;
	margin-left:-512px;
}

#kontakt-form .form-left {
	width: 600px;
	float:left;
	
}

#kontakt-form .form-right {
	width:304px;
	height: 212px;

	border:1px solid #cecece;
	float:left;
	
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	
	overflow:auto;
	
	margin-left:20px;
}

#kontakt-form .form-right .tracklist {
	list-style:none;
	padding-left:10px;
	margin: 10px 0px;
}
#kontakt-form .trackhead {
	max-width: 240px;
	font-size: 13px;
	float: left;
	margin-left: 20px;
	margin-top: 0px;
	margin-bottom:2px;
}
#kontakt-form .form-right .tracklist label {
	margin:0px;
}

#kontakt-form .col-1 {
	width: 100%;
}

#kontakt-form .col-2 {
	float:left;
	width:50%;
}


#kontakt-form .col-1 img,
#kontakt-form .col-2 img {
	width: 60px;
	float:left;
	margin-right:10px;
}

#kontakt-form.kontakt_formular_frontend .col-1 img,
#kontakt-form.kontakt_formular_frontend .col-2 img {
	width: 62px;
}


#kontakt-form .col-1 .boxes,
#kontakt-form .col-2 .boxes {
	float:left;
	width: 510px;
	height:100px;
	font-size:13px;
	padding-top:16px;
	
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	
	width:auto;
}

#kontakt-form.kontakt_formular_frontend .col-1 .boxes,
#kontakt-form.kontakt_formular_frontend .col-2 .boxes {
	width: 353px;
}

#kontakt-form.kontakt_formular_frontend .col-2 .boxes label {
	font-size:12px;
}