.status__msg {
	width: 500px;
	margin: 20px auto;
	padding: 10px;
	border-radius: 5px;
}

.error {
	border: 3px solid #a03;
	background-color: #412;
}

.success {
	border: 3px solid #0f3;
	background-color: #142;
}

.kontaktformular  {
	width:  100%;
	max-width: 500px;
	font-size:12px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	margin: auto;
}

.kontaktformular .row{
	padding: 0px 10px;
}
	
.kontaktformular label{
	display: inline-block;
	width: 30%;
	vertical-align: top;
	padding-top: 3px;
	font-weight: bold;
}

.kontaktformular .field{
	display: inline-block;
	width: 68%;
}
			  
.kontaktformular input, .kontaktformular textarea, .kontaktformular select {
	width:100%;
	padding: 2px 3px;
	margin: 2px 0;
}
	
.kontaktformular select {
	width:50%;
}

.kontaktformular .errormsg,
.kontaktformular .errormsg *{
	color: #cc3333;
	padding-bottom: 3px;
	display: inline-block;
}

.pflichtfeld {
	 color: #ff0000;
}
.neuercode {
	 color: #0066FF;
}
.copyright {
	 color: #000000;
}

	 
.kontaktformular .pflichtfeldhinweis{
	font-size:11px
}

input .btn { 
	width: 40%;
	margin-top: 7px;
	margin-bottom: 20px;
}

input, textarea {
	border-radius: 4px;
	padding: 2px;
}

input[type=submit] {
	width: 50%;
	border-radius: 4px;
	background: #0b3752;
	color: white;
	padding: 4px 20px;
	transition: 0.2s;
}

input[type=submit] {
	width: 50%;
	border-radius: 4px;
	background: #0b3752;
	color: white;
	padding: 4px 20px;
	transition: 0.2s;
}

input[type=submit]:disabled {
	background: #777;
	color: white;
}





@media screen and (max-width: 410px) {
	.kontaktformular .row{
		padding: 0px 10px 5px 10px;
	}

	.kontaktformular label{
		display: block;
		width: 100%;
	}

	.kontaktformular .field{
		display: block;
		width: 100%;
	}

	.kontaktformular input, .kontaktformular textarea, .kontaktformular select {
		padding: 6px;
	}

	.buttons{
		margin-top: 20px;
		text-align: center;
	}
}