/* Zentrieren der Login-Box */
.login-pf-page {
	position: relative;
	top: 40%; /* erst oben 40% frei lassen (50% wäre exakt zentrieren, 40% sieht aber besser aus)*/
	transform: translateY(-50%); /* dann die Box um die halbe Höhe hochschieben */
}

.login-pf body {
	background: none; /* entfernen des Keycloak-Theme-Hintergrundes... */
	background-color: #f3f5f7; /* ...dahinter ist noch ein STandard-Hintergrundbild, das verschwindet, wenn man hier eine Farbe setzt. (merkwürdig...) */
}

.login-pf-page .login-pf-header h1 {
	font-size: 24px;
	font-weight: bold;
	text-align: left;
}

.login-pf-page .card-pf {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#kc-header {
	background-image: url("../img/smardigo-logo.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

/* Keycloak-Client-Name verstecken, stattdessen wird unser Smardigo-Logo angezeigt */
#kc-header-wrapper {
	visibility: hidden;
}

.btn-primary {
	background-image: linear-gradient(to bottom,#006a68 0,#006a68 100%);
	border-color: #006a68;
}

.btn-primary.active, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open .dropdown-toggle.btn-primary, btn-lg {
	background-color: #b02d3f;
	border-color: #b02d3f;
}

.form-control:hover {
	border-color: #b02d3f;
}

.form-control:focus {
	border-color: #b02d3f;
}

.card-pf {
	border-top-color: #b02d3f;
}

.pf-m-primary {
    background-color: #b02d3f!important;
}