/* Überschreiben */
:root {
  --vit-primary-color: #00555d;
  --vit-secondary-color: #003d43;
  --pf-global--primary-color--100: var(--vit-primary-color) !important;
  --pf-global--primary-color--200: var(--vit-secondary-color) !important;
  --pf-global--link--Color: var(--vit-primary-color) !important;
  --pf-global--active-color--100: var(--vit-primary-color) !important;
  --pf-global--Color--200: var(--vit-primary-color) !important;
}

body {
  color: var(--vit-primary-color);
}

.login-pf body {
  background: none;
}

a {
  color: var(--vit-primary-color) !important;
}

.login-pf-page .card-pf p {
  color: var(--vit-primary-color);
}



.login-pf a:hover {
  color: var(--vit-secondary-color) !important;
}

.login-pf-header{
  background-color: var(--vit-primary-color);
  color: white;
  text-transform: uppercase;
  padding: 10px;
}

.card-pf {
  box-shadow: var(--pf-global--BoxShadow--sm);
}

#kc-locale-dropdown button {
  color: white;
}

#kc-locale-dropdown a {
  outline-style: none;
}

.pf-c-form-control:hover, .pf-c-form-control:focus {
  border-bottom-color: var(--vit-primary-color);
  border-bottom-width: var(--pf-global--BorderWidth--md);
  outline-style: none;
}

/* Neue VIS CSS */
.vis-header {
  display: flex;
  height: 58px;
  background-color: #00555d;
  box-shadow: 0 -6px 15px 5px rgba(0,0,0,0.7);
}

.vis-logo {
  max-height: 74px;
}

.logo {
  max-height: 74px;
  padding: 8px;
}

.vis-hilfe {
  max-width: 500px;
  color: #00555d;
  font-size: 0.85em;
  box-shadow: var(--pf-global--BoxShadow--sm);
  border-top: unset;
  background: #fff;
  border-color: unset;
}

.grid-container {
  display: grid;
  grid-template-columns: 550px auto;
  gap: 10px;
  padding: 10px;
  justify-content: center;
}

.grid-container > div {
  padding: 10px;
}

.card-hover:hover {
  background-color: rgb(243 244 246);
}

.card-hover:hover > a:hover {
  text-decoration: none;
}

video {
  width: 420px;
  height: 200px;
}

@media (max-width: 900px) {
  .grid-container {
    grid-template-columns: 1fr; /* Eine Spalte */
  }
  .vis-hilfe {
    max-width: none;
    margin: 0 30px 0 30px;
  }
}