/* Beispiel Farb-Variablen (Ihr koennt einfach die Farbwerte direkt eingeben.) */
:root {
	--primary: #0E5E81;
	--text: #333333;
	--accent: #48BAEB;
	--background: #F2F2F2;
	--white: #ffffff;
}


/* Eigenes Login Logo - liegt im Ordner "loginscreen"*/
body.login #login h1 a {
	/* aus dem Ordner "loginscreen" laden: */
	background-image: url('logo-physio-4.png');
	background-size: 300px;
	width: 300px;
	padding-top:50px;
}

body.login {
	padding-top:20px;	
}

/* Hintergrundfarbe */
body.login {
	background-color: var(--primary);
}

/* Loginbox stylen */
body.login #login {
	width: 400px;
}

body.login #loginform {
	padding-top:50px;
	border-radius: 0px;
	border: 1px solid var(--primary);
	background-color:  var(--white);
	margin-bottom: 80px;
}

body.login #loginform .button-primary {
	background-color:var(--primary);
	font-family:"Roboto";
	font-weight:500;
	border: none;
	font-size: large;
}

body.login #loginform .button-primary:hover {
	background-color:var(--accent);
	border: none;
	font-size: large;
	transition-duration:0.3s;
}

.login label {
    font-size: 14px;
	font-family:"Roboto";
	color: var(--text);
    line-height: 1.5;
    display: inline-block;
    margin-bottom: 3px;
}

/* Eigenen Titel stylen */
body.login .wwc-loginscreen-title {
	text-align: center;
	font-size:40px;
	font-family: "Roboto";
	color: var(--white);
}

/* Per CSS einen Text hinzufügen */
body.login #loginform:before {
    content: "Login ins WordPress-Backend";
	font-family: "Roboto";
	white-space: pre;
    display: block;
	text-align:center;
	color: var(--primary);
    font-weight: 700;
    font-size: x-large;
    margin-bottom: 30px;
}

.login #backtoblog a, .login #nav a {
    text-decoration: none;
    color: var(--white);
	font-family:"Roboto";
}


.login #backtoblog a:hover, .login #nav a:hover {
    color: var(--accent);
}