/* MAAF – Grundstil */

body {
  background-color: #f5f6f4;
}

/* Karten etwas ruhiger */
.card {
  border-radius: 12px;
  border: 1px solid #e5e5e5;
}

/* Primärfarbe (MAAF Grün – Platzhalter) */
.btn-success {
  background-color: #1f6f4a;
  border-color: #1f6f4a;
}

.btn-success:hover {
  background-color: #195b3d;
  border-color: #195b3d;
}

/* Tabellen im Admin */
.table th {
  white-space: nowrap;
}

/* =========================
   GLOBAL TYPOGRAFIE
   ========================= */

html {
  font-size: 16px; /* Basis */
}

body {
  font-size: 1rem; /* gut lesbar */
  line-height: 1.5;
}

/* Überschriften etwas klarer */
h1, h2, h3, h4, h5 {
  line-height: 1.3;
}

/* =========================
   MOBILE OPTIMIERUNG
   ========================= */

@media (max-width: 767px) {

  /* Cards immer volle Breite */
  .col-md-6,
  .col-lg-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  /* Karten luftiger */
  .card {
    margin-bottom: 1.25rem;
  }

  /* Buttons größer & klickfreundlich */
  .btn {
    padding: 0.6rem 1rem;
    font-size: 1rem;
  }

  /* Formulare: volle Breite, größere Inputs */
  .form-control,
  .form-select {
    font-size: 1rem;
    padding: 0.65rem 0.75rem;
  }

  /* Labels besser lesbar */
  .form-label {
    font-size: 0.95rem;
  }

  /* Tabellen im Admin scrollbar statt gequetscht */
  .table-responsive {
    overflow-x: auto;
  }
}

/* =========================
   ADMIN FORM FEINSCHLIFF
   ========================= */

/* Formulare sollen sich "groß" anfühlen */
.card-body {
  padding: 1.25rem;
}

/* Inputs nicht schmal wirken lassen */
.form-control {
  min-height: 44px;
}

/* Tabellen lesbarer */
.table th,
.table td {
  vertical-align: middle;
}