:root {
    --pf-global--danger-color--200: #D81B18;
    --pf-global--Color--light-100: #333333;
  --pf-global--primary-color--100: #B7DA2B;
  --pf-global--primary-color--200: #A3C322;
  --pf-global--secondary-color--100: #4F6DA1;
  --default-background-color: #97A1CDFF;
  --link-hover-color: #476290;
  --primary-color: #B7DA2B;
  --secondary-color: #4F6DA1;
  --link-color: #4F6DA1;
  --heading-color: #1B1E24;
  --text-color: #646D7C;
  --gray-color: #F8FAFB;
  --dark-gray: #F2F4F6;
  --border-color: #E8ECEF;
  --icon-color: #646D7C;
}

/* titillium-web-regular - regular */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/titillium-web-v14-latin-regular.woff2') format('woff2'),
    url('../fonts/titillium-web-v14-latin-regular.woff') format('woff');
}
/* titillium-web-600 - semibold */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/titillium-web-v14-latin-600.woff2') format('woff2'),
    url('../fonts/titillium-web-v14-latin-600.woff') format('woff');
}
/* titillium-web-700 - bold */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/titillium-web-v14-latin-700.woff2') format('woff2'),
    url('../fonts/titillium-web-v14-latin-700.woff') format('woff');
}


body {
  font-family: "Titillium Web",sans-serif;
  color: var(--text-color);
  font-size: 14px;
}

.login-pf {
  background: white none;
}

.login-pf body {
  background: white none;
}

.login-pf-page {
  background-image: url('https://www.medizininformatik-initiative.de/themes/custom/mii/assets/img/img_bg_header_672x160.svg');
  background-repeat: no-repeat;
  background-size: cover;
  background-color: var(--gray-color);
  padding: 70px 0;
}

.login-pf a:hover {
  color: var(--link-hover-color);
  text-decoration: none;
}

.pf-c-form-control {
  --pf-global--primary-color--100: unset;
}

.pf-c-form-control[multiple] {
  background: none
}

#kc-header-wrapper {
  visibility: hidden;
}

footer {
  text-align: right;
  margin-top: 1rem;
}

a {
    color: var(--link-color)
}

a:focus,a:hover {
    color: var(--link-hover-color)
}

a.footerlnk {
    color: var(--text-color)
}