/* Automatisch erzeugt aus external/uitoolkit/app/globals.css und uitoolkit-converter/mapping.css.
   Nicht von Hand bearbeiten - neu erzeugen mit: python uitoolkit-converter/convert.py */

:root {
  --pf-v5-global--FontFamily--text: Arial, Helvetica, sans-serif;
  --pf-v5-global--FontFamily--heading: Arial, Helvetica, sans-serif;
  --pf-v5-global--FontFamily--text--vf: Arial, Helvetica, sans-serif;
  --pf-v5-global--FontFamily--heading--vf: Arial, Helvetica, sans-serif;
  --pf-v5-global--primary-color--100: #e60005;
  --pf-v5-global--primary-color--200: #b6190b;
  --pf-v5-global--primary-color--dark-100: #e60005;
  --pf-v5-global--active-color--100: #e60005;
  --pf-v5-global--link--Color: #e60005;
  --pf-v5-global--link--Color--hover: #b6190b;
  --pf-v5-global--link--Color--visited: #e60005;
  --pf-v5-global--Color--100: #334155;
  --pf-v5-global--Color--200: #64748b;
  --pf-v5-global--BackgroundColor--100: #ffffff;
  --pf-v5-global--BackgroundColor--200: #eff2f5;
  --pf-v5-global--BorderColor--100: #dfdfdf;
  --pf-v5-global--BorderColor--200: #dfdfdf;
  --pf-v5-global--BorderColor--300: #dfdfdf;
  --pf-v5-global--danger-color--100: #da0000;
  --pf-v5-global--success-color--100: #007100;
  --pf-v5-global--warning-color--100: #bc9000;
  --pf-v5-global--info-color--100: #1d71cc;
  --pf-v5-global--BorderRadius--sm: 0.625rem;
  --pf-v5-global--BorderRadius--lg: calc(0.625rem * 2.2);
}

.pf-v5-theme-dark {
  --pf-v5-global--primary-color--100: #e75537;
  --pf-v5-global--primary-color--dark-100: #e75537;
  --pf-v5-global--active-color--100: #e75537;
  --pf-v5-global--link--Color: #e75537;
  --pf-v5-global--link--Color--visited: #e75537;
  --pf-v5-global--Color--100: #eeeeee;
  --pf-v5-global--Color--200: #b4b4b4;
  --pf-v5-global--BackgroundColor--100: #1c232c;
  --pf-v5-global--BackgroundColor--200: #101822;
  --pf-v5-global--BorderColor--100: #2e3237;
  --pf-v5-global--BorderColor--200: #2e3237;
  --pf-v5-global--BorderColor--300: #2e3237;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  color: #334155;
  background-color: #eff2f5;
}

:where(.pf-v5-theme-dark) body {
  color: #eeeeee;
  background-color: #101822;
}

:focus-visible {
  outline: 3px solid rgba(75, 141, 215, 0.5);
  outline-offset: 0;
}

:where(.pf-v5-theme-dark) :focus-visible {
  outline: 3px solid rgba(114, 167, 226, 0.5);
}

.pf-v5-c-title,
.pf-v5-c-content h1 {
  color: #334155;
  font-weight: 600 !important;
  letter-spacing: -0.025em;
}

:where(.pf-v5-theme-dark) .pf-v5-c-title,
:where(.pf-v5-theme-dark) .pf-v5-c-content h1 {
  color: #eeeeee;
}

.pf-v5-c-button {
  --pf-v5-c-button--BorderRadius: 0.625rem;
  --pf-v5-c-button--FontSize: 0.875rem;
  --pf-v5-c-button--FontWeight: 500;
  --pf-v5-c-button--m-primary--BackgroundColor: #e60005;
  --pf-v5-c-button--m-primary--Color: #fafafa;
  --pf-v5-c-button--m-primary--hover--Color: #fafafa;
  --pf-v5-c-button--m-primary--focus--Color: #fafafa;
  --pf-v5-c-button--m-primary--active--Color: #fafafa;
  --pf-v5-c-button--m-secondary--BackgroundColor: #eff2f5;
  --pf-v5-c-button--m-secondary--hover--BackgroundColor: #eeeeee;
  --pf-v5-c-button--m-secondary--focus--BackgroundColor: #eeeeee;
  --pf-v5-c-button--m-secondary--active--BackgroundColor: #eeeeee;
  --pf-v5-c-button--m-secondary--Color: #334155;
  --pf-v5-c-button--m-secondary--hover--Color: #334155;
  --pf-v5-c-button--m-secondary--focus--Color: #334155;
  --pf-v5-c-button--m-secondary--active--Color: #334155;
}

:where(.pf-v5-theme-dark) .pf-v5-c-button {
  --pf-v5-c-button--m-primary--BackgroundColor: #e75537;
  --pf-v5-c-button--m-primary--Color: #0a0a0a;
  --pf-v5-c-button--m-primary--hover--Color: #0a0a0a;
  --pf-v5-c-button--m-primary--focus--Color: #0a0a0a;
  --pf-v5-c-button--m-primary--active--Color: #0a0a0a;
  --pf-v5-c-button--m-secondary--BackgroundColor: #101822;
  --pf-v5-c-button--m-secondary--hover--BackgroundColor: #1c232c;
  --pf-v5-c-button--m-secondary--focus--BackgroundColor: #1c232c;
  --pf-v5-c-button--m-secondary--active--BackgroundColor: #1c232c;
  --pf-v5-c-button--m-secondary--Color: #eeeeee;
  --pf-v5-c-button--m-secondary--hover--Color: #eeeeee;
  --pf-v5-c-button--m-secondary--focus--Color: #eeeeee;
  --pf-v5-c-button--m-secondary--active--Color: #eeeeee;
}

.pf-v5-c-button.pf-m-secondary::after {
  border-color: #dfdfdf;
}

:where(.pf-v5-theme-dark) .pf-v5-c-button.pf-m-secondary::after {
  border-color: #2e3237;
}

.pf-v5-c-button:active {
  transform: translateY(1px);
}

.pf-v5-c-form-control {
  border-radius: 0.625rem;
  transition: box-shadow 0.15s;
}

.pf-v5-theme-dark .pf-v5-c-form-control {
  --pf-v5-c-form-control--BackgroundColor: rgba(46, 50, 55, 0.3);
}

.pf-v5-c-form-control::before {
  border: 1px solid #dfdfdf;
  border-radius: inherit;
}

:where(.pf-v5-theme-dark) .pf-v5-c-form-control::before {
  border: 1px solid #2e3237;
}

.pf-v5-c-form-control::after {
  border: 0;
}

.pf-v5-c-form-control > input,
.pf-v5-c-form-control > textarea,
.pf-v5-c-form-control > select {
  border-radius: inherit;
  outline: none;
}

.pf-v5-c-form-control:focus-within {
  box-shadow: 0 0 0 3px rgba(75, 141, 215, 0.5);
}

:where(.pf-v5-theme-dark) .pf-v5-c-form-control:focus-within {
  box-shadow: 0 0 0 3px rgba(114, 167, 226, 0.5);
}

.pf-v5-c-form-control:focus-within::before {
  border-color: #4b8dd7;
}

:where(.pf-v5-theme-dark) .pf-v5-c-form-control:focus-within::before {
  border-color: #72a7e2;
}

.pf-v5-c-form-control.pf-m-error::before {
  border-color: #da0000;
}

.pf-v5-c-form-control.pf-m-error:focus-within {
  box-shadow: 0 0 0 3px rgba(218, 0, 0, 0.2);
}

.pf-v5-c-button.pf-m-control {
  --pf-v5-c-button--m-control--BorderRadius: 0.625rem;
  background-color: transparent;
}

.pf-v5-c-button.pf-m-control:hover {
  background-color: #eeeeee;
}

:where(.pf-v5-theme-dark) .pf-v5-c-button.pf-m-control:hover {
  background-color: #1c232c;
}

.pf-v5-c-button.pf-m-control::after {
  border: 1px solid #dfdfdf;
  border-radius: inherit;
}

:where(.pf-v5-theme-dark) .pf-v5-c-button.pf-m-control::after {
  border: 1px solid #2e3237;
}

.pf-v5-c-input-group > .pf-v5-c-input-group__item:not(:last-child) > * {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}

.pf-v5-c-input-group > .pf-v5-c-input-group__item:not(:first-child) > * {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}

.pf-v5-c-form__label-text {
  font-size: 0.875rem;
  font-weight: 500;
}

.pf-v5-c-check__input,
.pf-v5-c-radio__input {
  accent-color: #e60005;
}

:where(.pf-v5-theme-dark) .pf-v5-c-check__input,
:where(.pf-v5-theme-dark) .pf-v5-c-radio__input {
  accent-color: #e75537;
}

.pf-v5-c-menu-toggle {
  --pf-v5-c-menu-toggle--BorderRadius: 0.625rem;
  --pf-v5-c-menu-toggle--Color: #334155;
  --pf-v5-c-menu-toggle--m-expanded--Color: #334155;
  background-color: transparent;
}

:where(.pf-v5-theme-dark) .pf-v5-c-menu-toggle {
  --pf-v5-c-menu-toggle--Color: #eeeeee;
  --pf-v5-c-menu-toggle--m-expanded--Color: #eeeeee;
}

.pf-v5-c-menu-toggle:hover {
  background-color: #eeeeee;
}

:where(.pf-v5-theme-dark) .pf-v5-c-menu-toggle:hover {
  background-color: #1c232c;
}

.pf-v5-c-menu-toggle::before {
  border: 1px solid #dfdfdf;
  border-radius: inherit;
}

:where(.pf-v5-theme-dark) .pf-v5-c-menu-toggle::before {
  border: 1px solid #2e3237;
}

.pf-v5-c-menu-toggle::after {
  border: 0;
}

.pf-v5-c-page {
  --pf-v5-c-page--BackgroundColor: #eff2f5;
}

:where(.pf-v5-theme-dark) .pf-v5-c-page {
  --pf-v5-c-page--BackgroundColor: #101822;
}

.pf-v5-c-page__sidebar {
  --pf-v5-c-page__sidebar--BackgroundColor: #ffffff;
  border-inline-end: 1px solid #dfdfdf;
}

:where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar {
  --pf-v5-c-page__sidebar--BackgroundColor: #171d25;
  border-inline-end: 1px solid #2e3237;
}

.pf-v5-c-nav {
  --pf-v5-c-nav__link--Color: #002d55;
  --pf-v5-c-nav__link--hover--BackgroundColor: #fff2eb;
  --pf-v5-c-nav__link--hover--Color: #e60005;
  --pf-v5-c-nav__link--focus--BackgroundColor: #fff2eb;
  --pf-v5-c-nav__link--focus--Color: #e60005;
  --pf-v5-c-nav__link--active--BackgroundColor: #fff2eb;
  --pf-v5-c-nav__link--active--Color: #e60005;
  --pf-v5-c-nav__link--m-current--BackgroundColor: #e60005;
  --pf-v5-c-nav__link--m-current--Color: #fafafa;
  --pf-v5-c-nav__item--before--BorderColor: transparent;
  padding-inline: 0.75rem;
}

:where(.pf-v5-theme-dark) .pf-v5-c-nav {
  --pf-v5-c-nav__link--Color: #eeeeee;
  --pf-v5-c-nav__link--hover--BackgroundColor: #002d55;
  --pf-v5-c-nav__link--hover--Color: #eeeeee;
  --pf-v5-c-nav__link--focus--BackgroundColor: #002d55;
  --pf-v5-c-nav__link--focus--Color: #eeeeee;
  --pf-v5-c-nav__link--active--BackgroundColor: #002d55;
  --pf-v5-c-nav__link--active--Color: #eeeeee;
  --pf-v5-c-nav__link--m-current--BackgroundColor: #e75537;
  --pf-v5-c-nav__link--m-current--Color: #0a0a0a;
}

.pf-v5-c-nav__link::before,
.pf-v5-c-nav__link::after {
  border: 0;
}

.pf-v5-c-nav__link {
  border-radius: calc(0.625rem * 0.8);
}

.pf-v5-c-nav__item + .pf-v5-c-nav__item {
  margin-top: 0.25rem;
}

.pf-v5-c-masthead {
  --pf-v5-c-masthead--BackgroundColor: #ffffff;
  color: #334155;
  border-bottom: 1px solid #dfdfdf;
}

:where(.pf-v5-theme-dark) .pf-v5-c-masthead {
  --pf-v5-c-masthead--BackgroundColor: #1c232c;
  color: #eeeeee;
  border-bottom: 1px solid #2e3237;
}

.pf-v5-c-masthead .pf-v5-c-toolbar {
  --pf-v5-c-toolbar--BackgroundColor: transparent;
}

.pf-v5-c-masthead .pf-v5-c-button.pf-m-plain {
  color: #334155;
}

:where(.pf-v5-theme-dark) .pf-v5-c-masthead .pf-v5-c-button.pf-m-plain {
  color: #eeeeee;
}

.pf-v5-c-login__header,
.pf-v5-c-masthead__brand {
  background-color: #eeeeee;
  border-radius: 0.625rem;
}

.pf-v5-theme-dark .pf-v5-c-login__header {
  box-shadow: 0 0 5px 0 #000000;
}

.kc-custom-display-name-html {
  color: #334155;
}

:where(.pf-v5-theme-dark) .kc-custom-display-name-html {
  color: #eeeeee;
}

.pf-v5-c-jump-links {
  --pf-v5-c-jump-links__link--before--BorderColor: #dfdfdf;
  --pf-v5-c-jump-links__item--m-current__link-text--Color: #e60005;
}

:where(.pf-v5-theme-dark) .pf-v5-c-jump-links {
  --pf-v5-c-jump-links__link--before--BorderColor: #2e3237;
  --pf-v5-c-jump-links__item--m-current__link-text--Color: #e75537;
}

.pf-v5-c-login__main,
.pf-v5-c-page__main,
.pf-v5-c-card {
  background-color: #ffffff;
  border: 1px solid rgba(223, 223, 223, 0.7);
  border-radius: 24px;
  box-shadow: 0 20px 60px -38px rgba(15, 23, 42, 0.35);
}

:where(.pf-v5-theme-dark) .pf-v5-c-login__main,
:where(.pf-v5-theme-dark) .pf-v5-c-page__main,
:where(.pf-v5-theme-dark) .pf-v5-c-card {
  background-color: #1c232c;
  border: 1px solid rgba(46, 50, 55, 0.7);
}

.pf-v5-c-page__main-section {
  --pf-v5-c-page__main-section--BackgroundColor: transparent;
}

.kc-custom-footer {
  font-size: 0.875rem;
  color: #707070;
  background: #ffffff;
  border-top: 1px solid rgba(223, 223, 223, 0.7);
}

:where(.pf-v5-theme-dark) .kc-custom-footer {
  color: #c2c2c2;
  background: #1c232c;
  border-top: 1px solid rgba(46, 50, 55, 0.7);
}

.kc-custom-footer a {
  color: #334155;
  text-decoration: none;
}

:where(.pf-v5-theme-dark) .kc-custom-footer a {
  color: #eeeeee;
}

.kc-custom-footer a:hover {
  color: #e60005;
}

:where(.pf-v5-theme-dark) .kc-custom-footer a:hover {
  color: #e75537;
}