/* 
  CologneAI GmbH - style sheet (CSS) for Keycloak theme

  Video: https://www.youtube.com/watch?v=idMolacFVjI, min: 13:16

.card-pf {
  x
}

#kc-login {
  x
}

#kc-login:hover {
  x
}
*/

/* Weißer Hintergrund statt keycloak-bg-darken.svg -> /opt/keycloak/themes/keycloak/login/resources/img/keycloak-bg-darken.svg */
body {
  background: white !important;
  background-image: none !important;
}

#kc-page-background {
  background: white !important;
  background-image: none !important;
}

.login-pf {
  background-color: white !important;
  background-image: none !important;
}


/* display cologneai logo - vorlage */
/*div.kc-logo-text {
    background-image: url(../img/cologneai_logo.png);
    background-repeat: no-repeat;
    height: 30px;
    width: auto;
    margin: 0 auto;
}*/

/* display cologneai logo */
div.kc-logo-text {
    background-image: url(../img/colocampus_logo.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 40px;       /* Höhe passend zu deinem Logo */
    width: 200px;*/       /* Breite anpassen, orientiert an deinem Originalbild */
    margin: 0 auto;*/
    display: block;
    /*text-align: center !important;
    margin: 0 auto !important;
    padding: 0;
    width: 100%;
    display: flex; justify-content: center; align-items: center;*/
}

/* Override global primary color 100 and 200 */
:root {
  --pf-global--primary-color--100: var(--pf-global--palette--purple-600);
  --pf-global--primary-color--200: var(--pf-global--palette--purple-700);
}