@charset "utf-8";

div.kontaktwrap {

	width:70vw ;
	
	padding-top:4vh ;
	margin:0 auto ;
	
}

a.kontakt {
	
	color:white ;
	
}

div.kontaktlinks {

	float:left ;

	width:40% ;

	font-size:2vh ;
	font-family:helvetica ;

	
}

div.kontaktformular {
	
	float:right ;
	
	width:60% ;
	
}

p.kontakttext {

	margin:0 ;
	
}

form {
	
	font-size:2vh ;
	font-family:helvetica ;
	
}

td.label {

	vertical-align:top ;
	padding-right:2vh ;
	
}

input.textzeile {
	
	font-size:2vh ;
	
	width:30vw ;
	
}

textarea.textfeld {
	
	font-size:2vh ;
	width:30.1vw ;
	height:10vh ;
	
}

input.button {

	font-size:2vh ;
	
}

a.maillink {

	color:#ffffff ;
	
}

img.sociallink {
		
	margin-top:4vh ;
		
	height:9vh ;
	
}

div#kontaktfeedback {

	position:fixed ;
	top:80vh ;
	left:10vh ;
	
	padding:1vh ;
	
	background-color:#FFFFFF ;
	
	border-style:solid ;
	border-width:1vh ;
	border-color:#0090C4 ;
	
	font-size:3vh ;
	font-family:helvetica ;
	
	cursor:pointer ;
	
}

div#messageclose {
	
	width:100% ;
	
	text-align:right ;
	font-size:2vh ;
	color:#c7c7c7 ;
	text-decoration:underline ;
	
}

@media (max-width: 100vh) {
	
	div.kontaktlinks {
		
		float:none ;	
		
		width:100% ;
		
	}
	
	
	div.kontaktformular {
		
		float:none ;
		
		width:100% ;
		
		padding-top:2vh ;
		padding-bottom:2vh ;
		
	}
	
	input.textzeile {

		width:50vw ;
	
	}
	
	textarea.textfeld {
	
		width:50.1vw ;
		
	}
	
	img.sociallink {
		
		height:5vh ;
	
	}
	
}