/* wherever #main-content contains your wrapper, make it flex */
#main-content:has(> .login-form-wrapper) {
  display: flex;
  flex: 1 1 auto;
}

/* then force the wrapper to center its inner .container */
#main-content > .login-form-wrapper {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
}

.er-form {
    border: 1px solid red;
}

/* Get-Systems.de Navbar Theme */
.gs-navbar {
    background: linear-gradient(135deg, #35e5b3 10%, #018d44 100%) !important;
    border-bottom: 3px solid #9fe0c0;
}

.gs-navbar .navbar-brand {
    color: #ffffff !important;
    font-weight: bold;
}

.gs-navbar .navbar-nav .nav-link {
    color: #ffffff !important;
    font-weight: 500;
    transition: all 0.3s ease;
}

.gs-navbar .navbar-nav .nav-link:hover,
.gs-navbar .navbar-nav .nav-link:focus {
    color: #e6f7ed !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-radius: 4px;
}

.gs-navbar .navbar-nav .nav-link.active {
    color: #e6f7ed !important;
    background-color: rgba(255, 255, 255, 0.2) !important;
    border-radius: 4px;
}

.gs-navbar .navbar-toggler {
    border-color: rgba(255, 255, 255, 0.3) !important;
}

.gs-navbar .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.8%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='m4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

@media (prefers-color-scheme: dark) {
  body, .bg-light, .footer, .jumbotron {
    background-color: #2d3748 !important;
    color: #e2e8f0 !important;
  }
  .footer, .bg-light {
    background-color: #2d3748 !important;
    border-color: #4a5568 !important;
  }
  .footer {
    border-top: 1px solid #4a5568 !important;
  }
  .text-muted {
    color: #a0aec0 !important;
  }
  .btn-primary {
    background-color: #4299e1 !important;
    border-color: #4299e1 !important;
  }
  a, a:visited {
    color: #68d391 !important;
  }
  a:hover, a:focus {
    color: #9ae6b4 !important;
    text-decoration: underline;
  }
  /* Tables */
  .table {
    color: #e8f0e2 !important;
    background-color: #2d3748 !important;
  }

  .table-striped tbody tr:nth-of-type(odd) {
    background-color: #374151 !important;
  }
  .table-hover tbody tr:hover {
    background-color: #4a5568 !important;
  }
}

@media (prefers-color-scheme: light) {
  body, .bg-light, .footer, .jumbotron {
    background-color: #f7fafc !important;
    color: #2d3748 !important;
  }
  .footer, .bg-light {
    background-color: #f7fafc !important;
    border-color: #e2e8f0 !important;
  }
  .footer {
    border-top: 1px solid #e2e8f0 !important;
  }
  .text-muted {
    color: #718096 !important;
  }
  .btn-primary {
    background-color: #3182ce !important;
    border-color: #3182ce !important;
  }
  a, a:visited {
    color: #38a169 !important;
  }
  a:hover, a:focus {
    color: #2f855a !important;
    text-decoration: underline;
  }
  /* Tables
  .table {
    color: #2d3748 !important;
    background-color: #ffffff !important;
  }
  .table th, .table td {
    border-color: #e2e8f0 !important;
    background-color: #ffffff !important;
  }
  .table-striped tbody tr:nth-of-type(odd) {
    background-color: #f7fafc !important;
  }
  .table-hover tbody tr:hover {
    background-color: #edf2f7 !important;
  }*/
}