@charset "UTF-8";
.container {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto 3em auto;
}
.container section {
	width: 90%;
	max-width: 500px;
	margin: auto;
}
label {
	width: 10em;
	display: inline-block;
	color: #888;
	font-size: 11pt;
}

input, select {
	margin-bottom: 0.3em;
	padding-top: 0.3em;
	padding-left: 0.3em;
	padding-bottom: 0.3em;
	font-size: 12pt;
	color: #444;
	background-color: #e3e3e3;
	border: 1px solid #cecece;
	box-sizing: border-box;
}
select:invalid { color: gray; }
select > option {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
}

img[alt="CAPTCHA"] {
	display: block;
	margin: 0 0 1em 8.4em;
}

.firma {
	width: 12em;
}

.vorname,
.nachname,
.land,
.email,
.tel,
.ustId {
	width: 21em;
}

.strasse {
	width: 17.74em;
}

.hnr {
	width: 3em;
}

.plz {
	width: 7.74em;
}

.ort {
	width: 13em;
}

.pflichtangaben,
.newsletter, small {
	font-size: 11pt;
	color: #888;
}
small {
	margin: 0.5em 0 0.5em 10.2em;
	display: block;
}
p.text {
	background: transparent;
	padding: 0.5em 0;
	border: 1px solid transparent;
	text-align: center;
	font-size: medium;
}
p.text.info {
	background: rgba(0, 200, 0, 0.1);
	border-color: rgba(0, 100, 0, 1);
	color: rgba(0, 100, 0, 1);
}
p.text.error {
	background: rgba(200, 0, 0, 0.1);
	border-color: rgba(100, 0, 0, 1);
	color: rgba(100, 0, 0, 1);
}
.btnRegistrierung {
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase;
	background-color: blue;
	color: white;
	padding: 0.1em 1em;
}
@media only screen and (max-width: 600px) {
	.firma, .vorname, .nachname, .land, .email, .tel, .ustId, #captcha {
		width: 100%;
	}
	.strasse {
		width: calc(100% - 5em);
	}
	.hnr {
		width: calc(5em - 0.3em);
	}
	label[for=plz] {
		display: block;
	}
	.plz {
		width: 7em;
	}
	.ort {
		width: calc(100% - 7.3em);
	}
	small, img[alt="CAPTCHA"] {
	  margin-left: auto;
	  margin-right: auto;
	}
	img[alt="CAPTCHA"] {
	  /*margin-left: 5em;*/
	  margin-left: auto;
	  margin-right: auto;
	}
	label {
		width: 6em;
	}

}