.login_container {
	max-width: var(--mw-container);
	margin: auto;
}

.login__wrapper {
	max-width: var(--mw-container);
	margin: 0 auto;
	display: flex;
	flex-direction: column;
}

.login__forgotPassword {
	margin-left: auto;
 	width: max-content;
}

#login_titel {
    width: 70px;
	float: left;
}

#login_vorname,
#login_nachname {
	width: calc(50% - 10px - 35px);
	float: left;
	padding-left: 10px;
}

.login_button {
	margin-left: auto;
	display: block;
}

#login_passwort {
	width: 50%;
	float: left;
}

#login_passwort_wdh {
	float: left;
	width: calc(50% - 10px);
	padding-left: 10px;
}

.login__error {
	background-color: var(--c-primaryLightest);
	color: var(--c-primary);
	padding: 8px 40px;
	border-radius: var(--b-radius-small);
	margin-bottom: 16px;
}

.login__error a {
	color: var(--c-primary);
	text-decoration: underline;
	text-decoration-style: dotted;
}

.login__error::before {
	content: url('../icon/info--red.svg');
	height: 24px;
	width: 24px;
	display: inline-block;
	margin-right: 8px;
	margin-left: -32px;
	vertical-align: middle;
}

.wrapperPWReset {
    max-width: max-content;
    margin: 0 auto;
    display: flex;
    flex-direction: column;

    .link {
        padding: 0;
    }
}

.passwordchange {
    display: flex;
    flex-direction: column;
}

.linkBtn {
    margin-left: auto;
    cursor: pointer;
	margin-bottom: 48px;
}

.pwresetCaption {
	margin-top: 48px;
}

.passwordreset  {
	display: flex;
  	flex-direction: column;
}