.content {
	max-width: 760px;
	margin-left: auto;
    margin-right: auto;
}

#dataContainer,
.submit-button i,
.gebdatum,
.studie,
#submitButton,
#clearButton,
.messages,
.anders {
	display: none;
}

.instruction {
	text-align: right;
}

.instruction,
.messages {
	color: red;
}

#dataContainer > div {
	margin-bottom: 10px;
	vertical-align: middle;
}

#dataContainer textarea {
  resize: vertical; 
}

@media only screen and (min-width: 768px) {
	#dataContainer .zeit,
	#dataContainer .gebdatum {
		text-align: right;
	}

	#dataContainer .zeit label,
	#dataContainer .gebdatum label {
		padding-right: 10px;
	}
}

.required-field {
	background-color: #e6ffaf;
}

.invalid-field {
	border: 1px solid red !important;
}

.title-container {
	align-self: flex-end;
}

@media only screen and (max-width: 768px) {
	body {
		padding: 1em;
	}
}

#vorname,
#nachname {
	color: black;
}