/* ======================================== *\
	STYLE-LOGIN.CSS

	Diese Styles werden nur auf der Login-
	Seite von Wordpress genutzt. 
\* ======================================== */

/* HINTERGRUND */
body.login{
	display             : flex;
	justify-content     : flex-start;
	align-items         : stretch;
	background-image    : url( 'assets/gfx/wp-login-background.jpg' ); /* Pfad relativ zur CSS Datei im Theme */
	background-size     : cover;
	background-position : center center;
}

/* LOGIN LOGO */
#login h1 a, .login h1 a {
	width               : 400px;
	height              : 200px;
	background-image    : url( 'assets/gfx/wp-login-logo.png' ); /* Pfad relativ zur CSS Datei im Theme */
	background-size     : contain;
	background-position : center center;
}

/* Message über den Login, z.b. mit "Erfolgreich abgemeldet." */
.notice,
.message{
	width               : calc( 100% - 74px );
}

/* LOGIN WRAPPER */
div#login{
	display          : flex;
	flex-direction   : column;
	justify-content  : center;
	align-items      : center;
	margin           : 0px 0px 0px 0px;
	padding          : 16px 16px 16px 16px;
	width            : 480px;
	border-right     : 1px solid rgb(255,255,255);
	background-color : rgba(255,255,255,0.8);
	backdrop-filter  : blur(5px);
}

/* LOGIN FORM */
div#login form{
	border : 0px;
	background : none;
	box-shadow : none;
}


/* Sprachauswahl */
.language-switcher{
	display : none;
}

/* Link "Zurück zur Startseite" */
#backtoblog{
	display : none;
}