/* Schaltzentrale — eigene Styles
   Bootstrap 5 ist als CDN geladen, hier nur Ergaenzungen.
*/

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
               "Helvetica Neue", Arial, sans-serif;
}

/* Karten-Stripe oben */
.karte-stripe {
  height: 4px;
  border-top-left-radius: var(--bs-card-border-radius);
  border-top-right-radius: var(--bs-card-border-radius);
}

/* Karten-Kachel: Hover-Lift */
.karten-kachel {
  transition: transform 120ms ease, box-shadow 120ms ease;
  border: 1px solid rgba(0, 0, 0, 0.05);
}
.karten-kachel:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08) !important;
  border-color: rgba(0, 0, 0, 0.1);
}
.karten-kachel:active {
  transform: translateY(0);
}

/* Mobile-First: weniger Padding auf kleinen Schirmen */
@media (max-width: 575.98px) {
  main.container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}