.login-pf {
    background: unset;
}

.login-pf body {
    background: white;
    background-image: url(../img/Neutral_2.jpg);
    background-size: cover; /* Resize the background image to cover the entire container */
    background-repeat: no-repeat; /* Prevent repeating the image */
    background-position: center center; /* Center the image horizontally and vertically */
}

@media (max-width: 767px) {
    div.kc-logo-text {
        margin: 0 auto;
    }
}

@media (min-width: 767px) {
    #kc-form {
        display: flex;
        justify-content: space-around;
    }

    #kc-social-providers {
        width: 300px;
    }

    #kc-form-wrapper {
        width: 300px;
    }

    .card-pf {
        max-width: 720px;
    }
}

div.kc-logo-text {
    background-image: url(../img/Meyer_Werft_Logo-2048x701.png);
}

#kc-header {
    color: #ec7a08;
}

#kc-header-wrapper {
    padding: inherit;
}

.login-pf-page .login-pf-page-header {
    text-align: center;
    margin-bottom: 10px;
}

.card-pf {
    border: none;
    background-color: #193554;
    color: #fff
}

.oc-information {
    margin-top: 20px;
}

.oc-footer {
    text-align: center;
    margin: 0 auto;
    padding: 1em 0;
}


body {
    font-family: Roboto,"Helvetica Neue",Lato,Arial,sans-serif;
}

.pf-c-button.pf-m-primary {
    color: #fff;
    background-color: #02A1C1;
}

.pf-c-button.pf-m-primary:hover {
    color: #fff;
    background-color: #02A1C1;
}