.login-pf body {
	background: url("../img/Kunststoffprobe_rot_01.jpg") no-repeat center center fixed;
    background-size: cover;
    height: 100%;
}

/* ZR-Theme */
.login-pf a {
	color: #da0e16;
}

/* ZR-Theme */
.login-pf a:hover {
	color: #da0e16;
}

/* ZR-Theme */
.btn-primary {
    background-color: #da0e16;
    background-image: none;
    background-repeat: repeat-x;
	border: none;
    border-color: #00659c;
    color: #fff;
}

/* ZR-Theme */
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #e85259;
    border-color: #285e8e; 
}

/* ZR-Theme */
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open .dropdown-toggle.btn-primary.focus, .open .dropdown-toggle.btn-primary:focus, .open .dropdown-toggle.btn-primary:hover {
    background-color: #e85259;
    border-color: #285e8e;
}

/* ZR-Theme */
.form-control:focus {
    border-color: #da0e16;
    outline: 0;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(218 14 22);
}

/* ZR-Theme */
.form-control:hover {
    border-color: #da0e16;
}

/* ZR-Theme */
#kc-header {
	background-image: url("../img/zr_logo.svg");	
    background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 250px;
    margin: 0 auto;	
}

/* ZR-Theme */
#kc-header-wrapper {	
	/*Keine Anzeige des Realm-Namens "IT". Wir zeigen das ZR-Logo stattdessen an */
	text-indent: -9999px; 
}

@media (max-width: 1023px) {
	.login-pf body {
		background: white;
	}
}

@media (max-width: 767px) {	
    #kc-header {	
		/* ZR-Logo kleiner machen, wenn Device kleiner als Tablet */
		height: 30px; 
    }
}