/* ==== Corporate Identity Farben ==== */
:root {
  --ci-yellow: #FFC845;  /* Pantone 122 C, Web-freundlich */
  --ci-black: #000000;
  --ci-gray: #c4c4c4;
}

/* ==== Bootstrap Farb-Overrides ==== */

/* Navbar im CI-Look */
.navbar-ci {
  background-color: var(--ci-yellow);
}
.navbar-ci .navbar-brand,
.navbar-ci .nav-link {
  color: var(--ci-black);
}
.navbar-ci .nav-link:hover {
  color: var(--ci-gray);
}

/* Buttons im CI-Look */
.btn-ci {
  background-color: var(--ci-yellow);
  color: var(--ci-black);
  border: none;
}
.btn-ci:hover {
  background-color: #e6b83d;
  color: var(--ci-black);
}

/* Header */
header {
  background-color: var(--ci-yellow);
  color: var(--ci-black);
}

/* Allgemeine Anpassungen */
html, body {
  height: 100%;
}

body {
  background: #f5f5f5;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

main {
  padding: 20px;
  flex: 1; /* nimmt den verfügbaren Platz ein */
}

/* Footer immer am unteren Rand */
footer {
  margin-top: auto; /* drückt den Footer nach unten */
  background-color: var(--ci-yellow);
  color: var(--ci-black);
  text-align: center;
  padding: 10px;
  box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.1);
}

/* === Einheitliche Standard-Card === */
.card {
  border-radius: 8px;
  border: none; /* kein harter Rand */
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  margin-bottom: 20px;
}

/* Einheitliche Innenabstände */
.card .card-body {
  padding: 1.5rem;
}

/* === Card-Größen-Varianten === */

/* Standardkarte für Formulare/Login */
.card-standard {
  max-width: 1450px;   /* mittlere Breite */
  margin: 40px auto;  /* zentriert */
}

/* Breite Karte für Tabellen */
.card-wide {
  max-width: 1450px;  /* breiter als Formulare */
  margin: 40px auto;  /* zentriert mit Abstand */
}
.navbar-ci .nav-link.active {
  text-decoration: underline;
  font-weight: bold;
}

/* === Tabellen-Styling === */
.table-container {
  max-height: 600px;
}