.kfvkonto-seite {
	max-width: 480px;
}

.kfvkonto-seite label {
	font-weight: 600;
}

.kfvkonto-input {
	width: 100%;
	max-width: 400px;
	box-sizing: border-box;
	padding: 0.5em;
}

.kfvkonto-hinweis {
	color: #666;
}

.kfvkonto-hinweis--warnung {
	color: #b26a00;
}

.kfvkonto-meldung {
	padding: 0.75em 1em;
	margin-bottom: 1em;
	border-radius: 4px;
}

.kfvkonto-meldung--erfolg {
	background: #eafaea;
	border: 1px solid #4caf50;
}

.kfvkonto-meldung--fehler {
	background: #fdecea;
	border: 1px solid #cf2e2e;
}

.kfvkonto-gefahrenzone {
	border: 1px solid #cf2e2e;
	border-radius: 4px;
	padding: 1em;
	margin-top: 1em;
}

.kfvkonto-button-gefahr {
	background: #cf2e2e;
	border-color: #cf2e2e;
	color: #fff;
}


.kfvkonto-pw-zeile {
	display: flex;
	align-items: flex-start;
	gap: 0.5em;
	flex-wrap: wrap;
}

.kfvkonto-pw-eingabe-spalte {
	display: inline-flex;
	flex-direction: column;
	max-width: 400px;
	flex: 1 1 260px;
}

.kfvkonto-pw-eingabe {
	max-width: none;
	border-radius: 4px 4px 0 0;
}

.kfvkonto-pw-staerke {
	margin: 0;
	padding: 0.3em 0.6em;
	border-radius: 0 0 4px 4px;
	font-size: 0.9em;
	text-align: center;
	min-height: 1.4em;
}

.kfvkonto-pw-staerke:empty {
	padding: 0;
	min-height: 0;
}

.kfvkonto-pw-staerke--short,
.kfvkonto-pw-staerke--bad {
	background: #fdecea;
	color: #cf2e2e;
}

.kfvkonto-pw-staerke--good {
	background: #fff8e5;
	color: #b26a00;
}

.kfvkonto-pw-staerke--strong {
	background: #eafaea;
	color: #2e7d32;
}

.kfvkonto-pw-buttons {
	display: flex;
	gap: 0.4em;
	flex-wrap: wrap;
}

.kfvkonto-pw-buttons .button {
	display: inline-flex;
	align-items: center;
	gap: 0.3em;
	white-space: nowrap;
}

.kfvkonto-augen-button {
	display: inline-flex;
	align-items: center;
	gap: 0.3em;
	white-space: nowrap;
}

.kfvkonto-login-pw-zeile {
	display: flex;
	align-items: center;
	gap: 0.5em;
	flex-wrap: wrap;
}

.kfvkonto-login-pw-zeile .kfvkonto-input {
	flex: 1 1 200px;
	min-width: 0;
}

.kfvkonto-einwilligungen {
	width: 100%;
	border-collapse: collapse;
}

.kfvkonto-einwilligungen td {
	padding: 0.6em 0.4em;
	border-bottom: 1px solid #ddd;
	vertical-align: top;
}

.kfvkonto-einwilligungen form {
	margin: 0;
}