:root {
    --sogweb-blue: #0956b4;
    --sogweb-blue-hover: #023779;
    --sogweb-red: #dd281f;
    --sogweb-grey: #EDF2F7;
  }

/* alle hyperlinks */
a {
    color: var(--sogweb-red);
}
/* alle hyperlinks beim drüber hovern */
a:hover {
    color: var(--sogweb-red) !important;
}

.login-pf body {
    background: white none;
    display: block;
    min-height: 100vh;
}

.login-pf-page {
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}

#kc-header {
    /* da ist im original das kc logo + text */
    display: none;
}

.login-pf-header{
    /* logo ist als hintergrund vom header */
    background-image: url(../img/logo-sogweb.svg); /* logo pfad */
    background-repeat: no-repeat;
    background-position: center top;
    background-size: auto 145px; /* Adjust height as needed */
    padding-top: 150px; /* Creates space for the image above the title */
    text-align: center;
  }


.card-pf {
    width: 370px;
    border-radius: 5px;
    margin: 0 auto !important;
    box-shadow: var(--pf-global--BoxShadow--lg);
    padding: 0 20px;
    /* override orinal border */
    border-top: none;
}

/* Überschrift Formular */
.form-group label {
    font-weight: 700;
    color: var(--sogweb-blue);
}

/* Eingabefeld Formular */
.form-group input {
    background-color: var(--sogweb-grey) !important;
    border-radius: 5px;
    border: none;
}

/* show password button */
.form-group div button::after {

    border: 1px solid #c1c3c6ae !important;
    border-radius: 3px !important;
}

/* button */
#kc-form-buttons input {
    border-radius: 5px;
    background-color: var(--sogweb-blue) !important;
    color: white !important;
    border-color: var(--sogweb-blue) !important;
}

/* button on hover */
#kc-form-buttons input:hover {
    background-color: var(--sogweb-blue-hover) !important;
}

#kc-info-wrapper {
    border-radius: 0px 0px 5px 5px;
    background-color: var(--sogweb-grey);
}

/*
#kc-registration {
    color: var(--sogweb-red);
}
*/