form a{
	text-decoration: underline}
form legend{
	margin-bottom: 1.5em;
	padding: 0;
	width: 100%;
	float: left}
form fieldset{
	margin-bottom: 1em;
	padding: 1em;
	background: #ee7f00;
	border: 1px solid #fff}
input, select, textarea{
	margin-bottom: 1em}
input[class~='error'], select[class~='error'], textarea[class~='error']{
	margin-bottom: 0.25em}
input:not([type='checkbox']):not([type='submit']), select, textarea{
	width: 100%}
input[type='checkbox']{
	vertical-align: top}
input[type='submit']{
	cursor: pointer;
	margin-left: 17px;
	border: none;
	padding: 0.5em;
	background: #ee7f00}
label{
	display: block}
label:after{
	content:"*"}
label[for='company']:after, label[for='phone']:after, label[for='salutation']:after{
	content:""}
.form-application label[for='message']:after{
	content:""}
.form-project label[for='message']:after{
	content:""}
optgroup{
	font-weight: bold}
textarea[class~='help']{
	margin-bottom: 0}
.form-checkbox-text{
	font-size: small;
	display: inline-block;
	width: calc(100% - 40px)}
@media screen and (min-width: 560px) {
	input:not([type='checkbox']):not([type='submit']), select, textarea{
		width: calc(100% - 140px)}
	input[type='submit']{
		margin-left: 150px}
	label{
		width: 120px;
		display: inline-block;
		margin-right: 0.5em}
	label[for='dataprotection']{
		vertical-align: top}
	label[for='message']{
		padding-top: 0.313em;
		vertical-align: top}
	.form-checkbox-text{
		width: calc(100% - 170px)}
	.form-column{
		vertical-align: top;
		display: inline-block;
		width: calc(100% - 170px)}
	.form-help-text{
		font-size: small;
		display: inline-block;
		margin-left: 130px;
		width: calc(100% - 170px)}
}	

/* Interaction */
fieldset:focus-within{
	border: 1px solid #000}

/* Inline validation */
:user-invalid{
	border: 1px solid red}
	
/* Server side validation */
.error{
	border: 1px solid #FFFFFF}
.error-text{
	font-size: small;
	color: #FFFFFF;
	margin-bottom: 1em}
@media screen and (min-width: 560px) {
	.error-text{
		margin-left: 135px}
}
.success-text{
	color: green}
	
/* Uniform */
.uniform__potty{
	position: absolute;
	left: -9999px}
.uniform-errors__item{
	color: red}

/* Touch devices */
@media (hover: none), (pointer: coarse) {
	input, select, textarea{
	margin-bottom: 2em}
input[class~='error'], select[class~='error'], textarea[class~='error']{
	margin-bottom: 0.5em}
}