/* Kontaktdaten im Backend */
#kontaktdaten {
	padding:0 0 0 10px;
	margin:30px 0 30px 0;
	border-left:5px solid #AFCB37;
	}

/* allgemein Kontaktformular Ajax */
#kontaktformular, #box_ok {
	width:100%;
	margin-bottom:25px;
	}

#kontaktformular h2 {margin-top:30px;}	


#kontaktformular span {
	float:left;
	width:170px;
	font-family:'FuturaStd-Medium';
	font-size:18px;
	color:#1A171B;
	letter-spacing:0.0em;
	}

	
	
#kontaktformular input {
	width:-moz-calc(100% - 432px);
    width:-webkit-calc(100% - 432px);
    width:calc(100% - 432px);
	min-width:270px;
	height:15px;
    padding:5px 10px 5px 10px;
	font-family:'FuturaStd-Medium';
	font-size:16px;
	color:#1A171B;
    line-height:16px;
    border:1px solid #02202E;
    background:#ffffff;
    display:block;
    margin:0 0 10px 0;
    -webkit-border-radius:0px; /* Standard */ /* Firefox */
    -moz-border-radius:0px; /* Standard */ /* WebKit */
    border-radius:0px; /* Standard */
	}


#kontaktformular div.kontaktformular_sicherheitsabfrage span {margin:9px 0px 0px 0px;}	
#kontaktformular input#captcha_code {float:left; margin:9px 16px 0px 0px; width:156px; min-width:unset;}
#kontaktformular div.kontaktformular_sicherheitsabfrage img#captcha {margin:0px 14px 0px 0px;}	
#kontaktformular div.kontaktformular_sicherheitsabfrage p {
	float:right;
	width:-moz-calc(100% - 170px);
    width:-webkit-calc(100% - 170px);
    width:calc(100% - 170px);
	margin:10px 0px 30px 0px;
	font-family:'FuturaStd-Medium';
	font-size:14px;
	color:#1A171B;
    line-height:20px;
	}
	
#kontaktformular div.kontaktformular_sicherheitsabfrage  a {position:relative; top:0px;}	

    #kontaktformular input.defaultTextActive {color:#aaaaaa;}

    #kontaktformular label {display:block;}

    #kontaktformular input[type=checkbox], #kontaktformular input[type=radio] {
		display:inline;
		width:auto;
		margin-right:10px;
		position:relative;
		top:1px;
		}

	#kontaktformular input#datenschutz_checkbox {top:1px;}

#kontaktformular textarea {
	width:-moz-calc(100% - 192px);
    width:-webkit-calc(100% - 192px);
    width:calc(100% - 192px);
	height:230px;
	padding:5px 10px 5px 10px;
	font-family:'FuturaStd-Medium';
	font-size:16px;
	color:#1A171B;
	line-height:22px;
	border:1px solid #02202E;
	background:#ffffff;
	display:block;
	margin:0 0 20px 0;
	-webkit-border-radius:0px; /* Standard */ /* Firefox */
	-moz-border-radius:0px; /* Standard */ /* WebKit */
	border-radius:0px; /* Standard */
	}

    #kontaktformular textarea.defaultTextActive {color:#aaaaaa;}

#kontaktformular #datenschutz {
	width:-moz-calc(100% - 12px);
    width:-webkit-calc(100% - 12px);
    width:calc(100% - 12px);
	border:0px solid transparent;
	padding:0px;
	}

#kontaktformular #datenschutz_checkbox {
	display:block;
	float:left;  
	margin:0 10px 10px 0;
	max-width:20px;  
	}

#kontaktformular #datenschutz_text {
	display:block;
	float:left;
	width:95%;        
	}

#kontaktformular #datenschutz_text a,
#kontaktformular #datenschutz_text {font-size:14px; line-height:20px;}


#senden {
	float:right;
	display:inline-block;
	margin-top:25px;
	position:relative;
    padding:6px 13px 6px 13px;
	font-family:'FuturaStd-ExtraBold';
	font-size:16px;
    color:#ffffff;
    line-height:21px;
    text-decoration:none;
    cursor:pointer;
    border:none;
    background-color:#B0CA33;
    -webkit-border-radius:0px; /* Standard */ /* Firefox */
    -moz-border-radius:0px; /* Standard */ /* WebKit */
    border-radius:0px; /* Standard */	
	-webkit-box-shadow:4px 4px 5px 0px rgba(51, 51, 51, 0.4); /* WebKit */
	-moz-box-shadow:4px 4px 5px 0px rgba(51, 51, 51, 0.4); /* Firefox */
	box-shadow:4px 4px 5px 0px rgba(51, 51, 51, 0.4); /* Standard */ 		
	}

	#senden:hover {
		text-decoration:none;
		background-color:#dcdbdb;
		color:#6f6f70;
		}
/* EDIT LW, RS	
	#senden:before {
		position:relative;
		top:1px;
		left:-7px;
		margin:0px 0px 0px 0px;
		padding-right:0px;						
		content:"\f003";
		font-family:'FontAwesome';
		font-size:22px;
		font-weight:normal;
		line-height:22px;
		color:#ffffff;
		}	

		#senden:hover:before  {color:#6f6f70;}
*/		
	
.eingabefehler {border:1px solid #de2922!important;}

#box_ok {
	display:none;
	width:-moz-calc(100% - 30px);
    width:-webkit-calc(100% - 30px);
    width:calc(100% - 30px);
	margin:20px 0px 30px 0px;
	padding:15px 15px 15px 15px;
	color:#FFFFFF;
    -webkit-border-radius:3px; /* Standard */ /* Firefox */
    -moz-border-radius:3px; /* Standard */ /* WebKit */
    border-radius:3px; /* Standard */
	background-color:#9CC031;
	}

	#box_ok .fa::before {
		display:inline-block;
		font-family:'FontAwesome';
		font-feature-settings:normal;
		font-kerning:auto;
		font-language-override:normal;
		font-size:150%;
		font-size-adjust:none;
		font-stretch:normal;
		font-style:normal;
		font-synthesis:weight style;
		font-variant:normal;
		font-weight:normal;
		line-height:1;
		text-rendering:auto;
		padding-left:0px;
		padding-right:8px;
		text-decoration:none;
		color:#ffffff;
		}
		
    #box_ok p {margin:0px 0px 12px 0px; color:#ffffff;}

#box_eingabefehler {
	display:none;
	width:-moz-calc(100% - 30px);
    width:-webkit-calc(100% - 30px);
    width:calc(100% - 30px);
	margin:20px 0px 30px 0px;
	padding:15px 15px 15px 15px;
    -webkit-border-radius:3px; /* Standard */ /* Firefox */
    -moz-border-radius:3px; /* Standard */ /* WebKit */
    border-radius:3px; /* Standard */
	background-color:#C03131;	
	}

	#box_eingabefehler .fa::before {
		display:inline-block;
		font-family:'FontAwesome';
		font-feature-settings:normal;
		font-kerning:auto;
		font-language-override:normal;
		font-size:180%;
		font-size-adjust:none;
		font-stretch:normal;
		font-style:normal;
		font-synthesis:weight style;
		font-variant:normal;
		font-weight:normal;
		line-height:1;
		text-rendering:auto;
		padding-left:0px;
		padding-right:8px;
		text-decoration:none;
		color:#ffffff;
		}

    #box_eingabefehler p {margin:0px 0px 0px 0px; color:#ffffff;}


/* Zwischenge (iPad Hochformat) bis 768px */
@media (max-width:768px) {	

	#kontaktformular input {
		width:-moz-calc(100% - 22px);
		width:-webkit-calc(100% - 22px);
		width:calc(100% - 22px);
		min-width:270px;
		}
	
	#kontaktformular textarea {
		width:-moz-calc(100% - 22px);
		width:-webkit-calc(100% - 22px);
		width:calc(100% - 22px);
		}


	#kontaktformular div.kontaktformular_sicherheitsabfrage div.captcha_abfrage {float:left; width:100%;}		
	#kontaktformular div.kontaktformular_sicherheitsabfrage p {float:left; width:100%;}
		
}	

/* Kleine Gerte bis 540px */
@media (max-width:540px) {
	#kontaktformular div.kontaktformular_sicherheitsabfrage div.captcha_image {float:left; width:100%; margin-top:10px;}		
}

/* Kleine Gerte bis 450px */
@media (max-width:450px) {
	#kontaktformular input {min-width:unset;}
}


/* CSS3 Loader IMG optional */
#loadingscreen {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:22000;
	background:rgba(170, 170, 170, 0.85);
	display:none;
	}

#loadingscreen h2 {
	position: absolute;
	top: calc(50% + 60px);
	left: calc(50% - 109px);
	margin:0 auto;
	color:#ffffff;
	display:inline;
	width:auto;
	}

.cssload-loader {
	position: absolute;
	top: calc(50% - 48px);
	left: calc(50% - 48px);
	width: 96px;
	height: 96px;
	border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	perspective: 1200px;
	}

.cssload-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;	
	}

.cssload-inner.cssload-one {
	left: 0%;
	top: 0%;
	animation: cssload-rotate-one 2.2s linear infinite;
	-o-animation: cssload-rotate-one 2.2s linear infinite;
	-ms-animation: cssload-rotate-one 2.2s linear infinite;
	-webkit-animation: cssload-rotate-one 2.2s linear infinite;
	-moz-animation: cssload-rotate-one 2.2s linear infinite;
	border-bottom: 5px solid #B0CA33;
	}

.cssload-inner.cssload-two {
	right: 0%;
	top: 0%;
	animation: cssload-rotate-two 2.2s linear infinite;
	-o-animation: cssload-rotate-two 2.2s linear infinite;
	-ms-animation: cssload-rotate-two 2.2s linear infinite;
	-webkit-animation: cssload-rotate-two 2.2s linear infinite;
	-moz-animation: cssload-rotate-two 2.2s linear infinite;
	border-right: 5px solid #B0CA33;
	}

.cssload-inner.cssload-three {
	right: 0%;
	bottom: 0%;
	animation: cssload-rotate-three 2.2s linear infinite;
	-o-animation: cssload-rotate-three 2.2s linear infinite;
	-ms-animation: cssload-rotate-three 2.2s linear infinite;
	-webkit-animation: cssload-rotate-three 2.2s linear infinite;
	-moz-animation: cssload-rotate-three 2.2s linear infinite;
	border-top: 5px solid #B0CA33;
	}




@keyframes cssload-rotate-one {
	0% {
		transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-o-keyframes cssload-rotate-one {
	0% {
		-o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-ms-keyframes cssload-rotate-one {
	0% {
		-ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-webkit-keyframes cssload-rotate-one {
	0% {
		-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-moz-keyframes cssload-rotate-one {
	0% {
		-moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@keyframes cssload-rotate-two {
	0% {
		transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-o-keyframes cssload-rotate-two {
	0% {
		-o-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-o-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-ms-keyframes cssload-rotate-two {
	0% {
		-ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-webkit-keyframes cssload-rotate-two {
	0% {
		-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-moz-keyframes cssload-rotate-two {
	0% {
		-moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@keyframes cssload-rotate-three {
	0% {
		transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-o-keyframes cssload-rotate-three {
	0% {
		-o-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-o-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-ms-keyframes cssload-rotate-three {
	0% {
		-ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-webkit-keyframes cssload-rotate-three {
	0% {
		-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-moz-keyframes cssload-rotate-three {
	0% {
		-moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}