
.kontaktformular{
	display: inline-block;
	position: relative;
	width: 45%;
	height: auto;
	top: 50px;
	left: 5%;
	font-family: PlutoSansExtraLight;
	font-size: 16px;

}
.kontaktformular h2{
	font-family: PlutoSansBold;
	font-size: 55px;
	font-weight: normal;
	text-transform: uppercase;
	color: #fff;
	margin: 0;

}
.kontaktformular h3{
	font-family: PlutoSansExtraLight;
	font-size: 55px;
	font-weight: normal;
	color: #fff;
	margin: 0;
}
.kontaktformular p{
	color: #fff;
}
form {
	display: inline-block;
}
#form-module-thanks {
	margin-top: 50px;
}

.kontaktcontent{
	display: inline-block;
	position: absolute;
	width: 40%;
	height: auto;
	top: 190px;
	right: 5%;
	font-family: PlutoSansExtraLight;
	font-size: 14px;
	color: #fff;

}
.kontaktcontent h2{
	font-size: 16px;
	font-weight: normal;
	color: #fff;
	margin: 0;
}
.kontaktcontent p{
	font-size: 14px;
	font-weight: normal;
	color: #fff;
}
.kontaktcontent a{
	color: #fff;
	text-decoration: none;
}
.formgen {
width: 96%;
display: inline-block;
position: relative;
margin: 12px 0 0 0;
text-align: left;
font-family: PlutoSansExtraLight;
font-size: 16px;
}
.formgen label {
width: 100%;
height: auto;
display: inline-block;
color:#fff;

}
.formgen input.formtext {
width: 100%;
border: 1px solid #fff;
margin: 10px 0 25px 0;
padding: 13px 4px;
font-family: PlutoSansExtraLight;
font-size: 16px;
font-weight: normal;
font-style: normal;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
 	
}
.formgen input.formtext:hover {
outline:0;
}
.formgen input.formtext:focus {
outline:0;
}
.formgen textarea {
width: 100%;
height: 110px;
border: 1px solid #fff;
margin: 10px 0 25px 0;
padding: 6px 4px;
font-size: 15px;
-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
font-family: PlutoSansExtraLight;
font-size: 16px;
font-weight: normal;
font-style: normal;
}
.formgen textarea:hover {
outline:0;

}
.formgen textarea:focus {
outline:0;
 
}

.formgen input.formsubmit {
display: inline-block;
padding: 14px 0 11px 0;
font-family: PlutoSansMedium;
font-size: 16px;
text-transform: uppercase;
font-weight: normal;
background: #000;
color: #fff;
border: 1px solid #000;
text-decoration: none;
float: left;
width: 130px;
margin-top: 2px;
margin-bottom: 20px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-appearance: none;

}
.forminfo {
	display: inline-block;
	width: 100%;
	margin-bottom: 15px;
}
.facebook {
	float: left;
	margin-right: 20px;
	width: 45px;
	height: 45px;
}
.facebook img {
	width: 100%;
	height: auto;
}
@media only screen and (min-width: 1001px) and (max-width: 1400px) {
.kontaktformular h2, .kontaktformular h3{
	font-size: 38px;
}
.kontaktcontent{
	top: 215px;
}
}

@media only screen and (min-width: 731px) and (max-width: 1000px) {
.kontaktformular h2, .kontaktformular h3{
	font-size: 28px;
}
.kontaktcontent{
	top: 180px;
}
}

@media only screen and (min-width: 501px) and (max-width: 730px) {
.kontaktformular{
	width: 90%;
	top: 0px;
	left: 0%;
	font-size: 14px;
	margin-left: 5%;
	margin-top: 100px;

}
.kontaktcontent{
	display: inline-block;
	position: relative;
	width: 90%;
	height: auto;
	top:0px;
	left: 0%;
	margin-left: 5%;
	margin-top: 50px;
	font-size: 14px;
	padding-bottom: 50px;

}
.kontaktformular h2, .kontaktformular h3{
	font-size: 28px;
}
.kontaktcontent p{
	font-size: 14px;
}
.kontaktcontent h2{
	font-size: 16px;
}
}

@media only screen and (min-width: 391px) and (max-width: 500px) {
.kontaktformular{
	width: 90%;
	top: 0px;
	left: 0%;
	font-size: 12px;
	margin-left: 5%;
	margin-top: 40px;

}
.kontaktcontent{
	display: inline-block;
	position: relative;
	width: 90%;
	height: auto;
	top:0px;
	left: 0%;
	margin-left: 5%;
	margin-top: 50px;
	font-size: 12px;
	padding-bottom: 50px;

}
.kontaktformular h2, .kontaktformular h3{
	font-size: 22px;
}
.kontaktcontent p{
	font-size: 12px;
}
.kontaktcontent h2{
	font-size: 14px;
}
.formgen {
font-size: 12px;
}
.formgen input.formtext {
margin: 4px 0 10px 0;
padding: 6px 4px;
font-size: 12px;
}
.formgen textarea {
height: 80px;
border: 1px solid #fff;
margin: 4px 0 10px 0;
padding: 6px 4px;
font-size: 12px;
}
.formgen input.formsubmit {
padding: 6px 0 6px 0;
font-size: 14px;
border: 1px solid #000;
width: 110px;
margin-bottom: 15px;
}
.kontaktcontent a img {
width: 30px;
height: auto;
}
}
@media only screen and (min-width: 319px) and (max-width: 391px) {
.kontaktformular{
	width: 90%;
	top: 0px;
	left: 0%;
	font-size: 12px;
	margin-left: 5%;
	margin-top: 20px;

}
.kontaktcontent{
	display: inline-block;
	position: relative;
	width: 90%;
	height: auto;
	top:0px;
	left: 0%;
	margin-left: 5%;
	margin-top: 50px;
	font-size: 12px;
	padding-bottom: 50px;

}
.kontaktformular h2, .kontaktformular h3{
	font-size: 22px;
}
.kontaktcontent p{
	font-size: 11px;
}
.kontaktcontent h2{
	font-size: 14px;
}
.formgen {
font-size: 11px;
}
.formgen input.formtext {
margin: 4px 0 10px 0;
padding: 6px 4px;
font-size: 11px;
}
.formgen textarea {
height: 80px;
border: 1px solid #fff;
margin: 4px 0 10px 0;
padding: 6px 4px;
font-size: 11px;
}
.formgen input.formsubmit {
padding: 10px 0 7px 0;
font-size: 14px;
border: 1px solid #000;
width: 110px;
margin-bottom: 15px;
-webkit-appearance: none;

}
.kontaktcontent a img {
width: 30px;
height: auto;
}
}
@media only screen and (max-width: 320px) {
.kontaktformular{
	width: 100%;
	top: 0px;
	left: 0%;
	font-size: 12px;
	margin-left: 0;
	margin-top: 20px;

}
.kontaktcontent{
	display: inline-block;
	position: relative;
	width: 100%;
	height: auto;
	top:0px;
	left: 0%;
	margin-left: 0;
	margin-top: 25px;
	font-size: 12px;
	padding-bottom: 50px;

}
.scroll-pane {

margin-top: 40px !important;
}
.face_m {
	display: none;
}
.kontaktformular h2, .kontaktformular h3{
	font-size: 20px;
}
.kontaktcontent p{
	font-size: 11px;
}
.kontaktcontent h2{
	font-size: 14px;
}
.formgen {
font-size: 11px;
}
.formgen input.formtext {
margin: 4px 0 10px 0;
padding: 10px 4px;
font-size: 12px;
}
.formgen textarea {
height: 80px;
border: 1px solid #fff;
margin: 4px 0 10px 0;
padding: 6px 4px;
font-size: 11px;
}
.formgen input.formsubmit {
padding: 10px 0 7px 0;
font-size: 14px;
border: 1px solid #000;
width: 110px;
margin-bottom: 15px;
-webkit-appearance: none;

}
.kontaktcontent a img {
width: 30px;
height: auto;
}
}