/* -- Allgemein -- */
.material-symbols-outlined {
	font-family: 'Material Symbols Outlined', sans-serif;
	font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	font-feature-settings: 'liga';
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
	vertical-align: bottom;
	line-height: 1;
}

/* -- Cookie-Fenster -- */
#main_content #_cookie._overlay {
	display: none;
}

/* -- Formular -- */
form.plugin_login,
form.plugin_login_2fa {
	padding: 1.5rem;
	background: transparent;
}

.plugin_login_navi_wrapper .plugin_login_2fa {
	display: flex;
	flex-direction: column;
}

.plugin_login_navi_wrapper .btn_wrapper {
	margin-top: 1rem;
	display: flex;
	justify-content: flex-end;
}

form.plugin_login .last .label,
form.plugin_login .last .content,
form.plugin_login_2fa .last .label,
form.plugin_login_2fa .last .content {
	padding-top: 0;
}

form.plugin_login input[type="text"],
form.plugin_login input[type="password"] {
	box-sizing: border-box;
	cursor: text;
	width: 100%;
}

form.plugin_login .plugin_login_navi_wrapper {
	margin-top: 10px;
}

form.plugin_login .plugin_login div.content.placeholder input[type="text"],
form.plugin_login .plugin_login div.content.placeholder input[type="password"] {
	width: 100%;
}

/* -- neuer Link/PIN -- */
.plugin_get_new_wrapper {
	display: none;
}

.label_info_get_new_link {
	padding: 0 0 10px;
}

.label_info_enter_pin_3,
.label_info_enter_pin_4 {
	padding: 0 0 10px;
}

input#msg_pin {
	width: var(--button-width);
}

.get_new_pin_wrapper {
	padding: 10px 0 0;
}

.get_new_pin_wrapper #btn_get_new_pin {
	cursor: pointer;
	text-decoration: underline;
}

/* -- 2FA - Anmeldung -- */
.plugin_2fa_login_wrapper .info {
	position: relative;
	top: 0;
	left: 0;
	margin: 10px 0;
	font-size: var(--global-caption-font-size);
	font-weight: bold;
}
.plugin_2fa_login_wrapper .info span {
	display: inline-block;
}
.plugin_2fa_login_wrapper .info span.icon {
	position: absolute;
	top: 0;
	left: 0;
}
.plugin_2fa_login_wrapper .info span.message {
	margin-top: 4px;
	margin-left: 30px;
}
.plugin_2fa_login_wrapper .info .success {
	color: var(--q-positive);
}
.plugin_2fa_login_wrapper .info .error {
	color: var(--q-negative);
}
.plugin_2fa_login_wrapper .plugin_login_navi_wrapper .plugin_login {
	flex-direction: row;
	flex-wrap: wrap;
	text-align: right;
}
.plugin_2fa_login_wrapper .plugin_login_navi_wrapper .plugin_login a {
	display: block;
	padding: 5px 0;
	font-size: 10pt;
}
.plugin_2fa_login_wrapper .plugin_login_navi_wrapper .plugin_login .btn_wrapper {
	width: 100%;
}