body {
	background-color: grey;
}

div.container {
	background-color: white;
  	width: 60%;
  	margin: auto;
  	padding: 30px 10%;
}

table.schrauben {
  	text-align: center;
  	margin: auto;
  	margin-top: 20px;
  	width: 100%;
  	border: 1px solid black;
  	table-layout: fixed;
}

td.error {
	text-align: end;
	padding-right: 10px;
}

p.error {
	color: red;
	text-align: center;
}

textarea {
  	width: 100%;
  	height: 100px;
	margin: 10px 0px;
}

button {
	margin: 10px 0px;
}

a {
	color: black;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.maintenance {
	margin: auto;
	padding: 10px;
	text-align: center;
	border: 2px solid red;
	color: red;
}

input {
	outline: none;
	border: 1px solid grey;
	padding: 3px;
	border-radius: 2px;
}
input.error {
	border-color: red;
}
&:valid {
	border-style: auto;
	border-color: inherit;
}

.grid-container {
	display: grid;
	grid-template-columns: auto auto;
	margin: auto;
	gap: 5px;
}
.form_feedback {
	grid-column-start: 1;
	grid-column-end: 3;
	text-align: right;
	color: red;
	display: none;
	font-size: small;
}