:root {
    --keycloak-bg-logo-url: url("../img/wm-background.jpg");
    --keycloak-logo-url: url("../img/Logo_WM_Schwimmschule_rgb.png");
    --keycloak-logo-height: 80px;
    --keycloak-logo-width: 400px;

}

html body {
    font-family: 'Source Sans Pro', sans-serif;
	color: #44606D;
}


.pf-v5-c-login__main {
    background-color: #f3f3f2;
    border-radius: 6px;
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
		0 8px 10px 1px rgba(0, 0, 0, 0.14),
		0 3px 14px 2px rgba(0, 0, 0, 0.12);
    
}

.pf-v5-c-title.pf-m-3xl {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    color: #44606D;
}

.pf-v5-c-form__label-text {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    color: #44606D;
}

.pf-v5-c-helper-text__item-icon {
    color: #44606D;
}


.pf-v5-c-form-control {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.25);
}

.pf-v5-c-form-control:before,
.pf-v5-c-form-control:after,
.pf-v5-c-form-control>:is(input,select,textarea),
.pf-v5-c-form-control>:is(input,select,textarea):focus,
.pf-v5-c-form-control:focus
 {
    border-color: transparent;
    outline: none;
    color: black;
}


.pf-v5-c-form-control>:is(input,select,textarea):focus
 {
    border-color: transparent;
    border-radius: 4px;
    outline: solid;
    outline-width: 1px;
    outline-offset: 0px;
    outline-color: #0099C4;
    color: black;
}


.pf-v5-c-button.pf-m-control
{
    background-color: #0099C4;
    border-color: transparent;
    border-radius: 4px;
    outline: none;
}


.pf-v5-c-login__main-footer-band-item {
    color: #A5A5A5;
}


.pf-v5-c-button.pf-m-primary.pf-m-block {
    background-color: #53AF32;
    color: #fff;
    font-weight: 600;
    box-shadow: 1px 2px 5px 0px #0000001C;
}

.pf-v5-c-input-group__item {
    border-color: transparent;
}

.pf-v5-c-button.pf-m-primary.pf-m-block:hover {
    box-shadow: 0 3px 1px -4px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.5);
}

.pf-v5-c-check__input {
    accent-color: #F3F3F2;
}

.pf-v5-c-check__label {
    color: #44606D;
}