/* General Styles */
body {
  background-color: #800000;
  margin-top: 10em;
}

/* Shared Background Colors */
.bob,
nav,
.footer,
.card-footer {
  background-color: #C1E1C1;
}

/* Typography Styles */
h1, h2, h3, h4 {
  font-family: "Dancing Script", cursive;
}

/* Specific Color Assignment */
h1, .bob, .media, .card-footer {
  color: black;
}

/* Media and Card Styles */
.media,
.card {
  background-color: #ECECEC;
}

.card {
  margin-top: 2em;
}

/* Footer Specifics */
.footer {
  margin-top: 8em;
}
.footer {
  text-align: center; /* Centers text for all child elements */
  width: 100%; /* Ensures the footer takes full width */
}

/* In deiner CSS-Datei, z.B. styles.css */
.table-custom {
  background-color: #C1E1C1; /* Die gewünschte Farbe */
  color: #000; /* Schriftfarbe (optional, abhängig von der Lesbarkeit) */
}

/* Optional: Stil für Tabellenüberschriften */
.table-custom th {
  background-color: #A0CFA0; /* Eine dunklere Farbe für die Kopfzeile (optional) */
  color: #000; /* Schriftfarbe für Kopfzeile */
}