.login-pf body {
    /* background: url("../img/Entry-Page-Schulungsportal-Mobil-760-x360.jpg?cb=3") no-repeat center center fixed #fff; */
    /* background-size: cover; */
    background: rgb(153,153,153);
    background: linear-gradient(180deg, rgba(153,153,153,1) 0%, rgba(238,238,238,1) 40%, rgba(238,238,238,1) 80%, rgba(51,51,51,1) 100%);
}

.environment-header {
    color: var(--pf-global--warning-color--100);
}

div.kc-logo-text {
    height:60px;
    width: 120px;
    margin: 0 auto;
}

.login-pf-page {
    padding-top: 0;
}

input:-webkit-autofill {
  background-color: transparent !important;
  -webkit-box-shadow: 0 0 0 50px white inset;
  box-shadow: 0 0 0 50px white inset;
}

#kc-header-wrapper {
    font-family: SuzukiPROHeadline;
    text-transform: none;
    font-size: 1.5;
    color: #fff;
    padding: 10px;
}

.login-pf-page-header {
    background-color: rgb(0, 49, 69, 0.5);
}

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

.login-pf-page .login-pf-header h1 {
    font-family: SuzukiPROBold;
    color: #003145;
    text-align: left;
}

.pf-c-form__label-text {
    font-family: SuzukiPROBold;
    color: #003145;
}

.pf-c-form-control {
    outline: none;
}

.pf-c-form-control:hover, .pf-c-form-control:focus {
    border-bottom-color: #003145;
    border-bottom-width: 2px;
}

.pf-c-button.pf-m-primary {
    font-family: SuzukiPROBold;
    background-color: #003145;
    border-radius: 3px;
}

.pf-c-button.pf-m-primary:hover, .pf-c-button.pf-m-primary:focus {
    background-color: #00425c;
}

@media (min-width: 768px) {
    .login-pf body {
        /* background-image: url("../img/Entry-Page-Schulungsportal-Tablet-768-x1024.jpg?cb=3"); */
        background: rgb(153,153,153);
        background: linear-gradient(180deg, rgba(153,153,153,1) 0%, rgba(238,238,238,1) 40%, rgba(238,238,238,1) 80%, rgba(51,51,51,1) 100%);
    }

    div.kc-logo-text {
        height:100px;
        width: 200px;
    }

    #kc-header-wrapper {
        font-size: 2rem;
        color: #fff;
        padding: 15px;
    }
}

@media (min-width: 922px) {
    .login-pf body {
        /* background-image: url("../img/Entry-Page-Schulungsportal-Desktop-1920x1080.jpg?cb=3"); */
        background: rgb(153,153,153);
        background: linear-gradient(180deg, rgba(153,153,153,1) 0%, rgba(238,238,238,1) 40%, rgba(238,238,238,1) 80%, rgba(51,51,51,1) 100%);
    }

    div.kc-logo-text {
        height:100px;
        width: 200px;
    }

    #kc-header-wrapper {
        font-size: 3rem;
        padding: 20px;
    }
}