:root {
  --taxi-yellow: #f4c430;
  --ink: #17202a;
  --muted: #6b7280;
}

body {
  background: transparent !important;
  color: var(--ink);
}

.hero {
  min-height: 100vh;
  background: transparent !important;
}

.card {
  border: 0;
  border-radius: 8px;
}

.btn-primary {
  --bs-btn-bg: #17202a;
  --bs-btn-border-color: #17202a;
  --bs-btn-hover-bg: #000;
  --bs-btn-hover-border-color: #000;
}

.map-large {
  min-height: 520px;
  border-radius: 8px;
  background: #d9dee5;
}

.status-offen { background: #ffe5e5 !important; }
.status-bestätigt { background: #e8f7ed !important; }
.status-erledigt { opacity: .72; }
.table td, .table th { vertical-align: middle; }

@media (max-width: 767px) {
  .map-large { min-height: 360px; }
}