#content .wrapper {
	max-width: 1280px;
}
input, button, select, textarea, .button {

}
#email {
	visibility: hidden;
	height: 1px;
}
#ueber {
	height: 100%;
	display: grid;
	grid-gap: 8px;
	grid-template-columns: repeat(3, 33%);
	grid-template-rows: repeat(3, 33%);
	overflow: hidden;
}
#data {
	grid-row: 2 / 3;
	grid-column: 2 / 3;
	background-color: var(--weiss);
	border-top: 10px solid var(--dunkelblau);
	border-bottom: 1px solid var(--grau);
	min-height: 250px;
}
#new {
	text-align: center;
}
#error {
	color: var(--negativ);
	font-size: 110%;
	font-weight: bold;
}
#fehler {
	color: var(--negativ);
	font-weight: bold;
	width: calc(100% - 10rem);
}
.zeile {
	position: relative;
	margin: 1.5rem;	
	min-height: 1em;
}
img {
	float: left;
	height: 2rem;
	width: auto;
}
.input {
    color: var(--dunkelblau);
    font-size: 18px;
    background: var(--pastellblau);
    padding: 9px 2px 9px 14px;
    border: none;
}
.button {
	padding: 0.5rem;
	border-radius: 4px;
}
#fourth {

}
#pwforgotten {
	font-size: 10px;
	padding: 5px;
	color: var(--dunkelblau);
}
button {
    background: var(--hellblau);
    color: var(--weiss);
    cursor: pointer;
    font-size: 18px;
    padding: 9px 2px 9px 14px;
    border: none;
}
#pw_anzeigen {
    background: var(--pastellblau);
    height: 40px;
    width: 40px;
    position: absolute;
    font-size: 2em;
    padding: 2px 5px;
    cursor: pointer;
}
/* RESPONSIVE */
@media (max-width: 1280px) {
	#ueber {
		grid-template-columns: 1fr 5fr 1fr;
		grid-template-rows: 1fr 2fr 2fr;
	}
}
@media (max-width: 840px){

	:is(#login_div,#reset_div,#tan_div) .half{
		width:99%;
		margin-top:15px;
	}
	#pw_field {
		width:90% !important;
	}
	#pw_anzeigen {
		width:9%;
		margin-top:15px;
	}
}