body {
  font-family: 'Open Sans', sans-serif; /* Schriftart geändert */
  background-color: #171B20; /* Dunkelgrauer Hintergrund */
  color: #F5F7FA; /* Sehr helle Textfarbe für guten Kontrast */
}

header {
  background-color: #22272E; /* Dunkelgrauer Header */
  padding: 10px 0; /* Mehr Padding */
  border-bottom: 1px solid #373E47; /* Dezenter Rahmen */
}

footer {
  background-color: #22272E; /* Dunkelgrauer Footer */
  padding: 10px 0; 
  margin-top: 20px; 
  border-top: 1px solid #373E47; /* Dezenter Rahmen */
}

.infobox {
  background-color: #373E47; /* Dunkelgraue Infoboxen */
  border: none; /* Kein Rahmen */
  padding: 20px;
  border-radius: 8px;
  text-align: center;
  margin-bottom: 20px;
}

.cta-box {
  display: flex;
  align-items: center;
  background-color: #316099; /* Blaue CTA-Box */ 
  color: #fff; 
  border-radius: 8px;
  padding: 20px;
  margin-top: 30px;
}

.cta-box img {
  max-width: 40%;
  border-radius: 8px;
}

.cta-box div {
  padding-left: 20px;
}

.btn-primary {
  background-color: #316099; /* Blaue Buttons */
  border-color: #316099;
  color: #fff; 
  padding: 12px 20px; /* Größere Buttons */
  font-weight: 600; /* Fetterer Text */
}
body {
    font-family: 'Open Sans', sans-serif;
    background-color: #171B20;
    color: #F5F7FA;
}

.login-container {
    background-color: #2D333B; /* Hintergrund für den Login-Bereich */
    padding: 30px;
    border-radius: 8px;
    max-width: 400px;
    margin: 0 auto;
}

.form-group {
    margin-bottom: 20px;
}

.dashboard-card {
    background-color: #2D333B;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
}

.dashboard-card h3 {
    color: #316099;
}