/* Tierphysiotherapie Nixdorf – Tablet/Touch optimiert */

body { font-family: -apple-system, system-ui, Arial, sans-serif; margin:0; background:#f5f6f8; color:#1f2937; }

.wrap { max-width: 1400px; margin: 0 auto; padding: 26px; }
.top { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:22px; flex-wrap:wrap; }

.brand { display:flex; align-items:center; gap:16px; }
.brand-title { font-weight: 800; letter-spacing:.2px; font-size: 18px; }
.brand-sub { color:#bdbdbd; font-size: 14px; }

.nav { display:flex; gap:12px; flex-wrap:wrap; align-items:center; }

.btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 14px 18px;
  border-radius: 14px;
  background:#1f2937;
  color:#fff;
  text-decoration:none;
  border:1px solid #2a2a34;
  font-size: 15px;
  min-height: 44px;
}
.btn:hover { opacity:.95; }
.btn-primary { background:#0f7a2a; border-color:#0f7a2a; }
.btn-ghost { background:#86efac; border-color:#86efac; color:#111827 !important; }
.btn-ghost:hover { background:#6ee7b7; border-color:#6ee7b7; }

.pill { padding:10px 12px; border-radius:999px; border:1px solid #2a2a34; color:#bdbdbd; font-size: 14px; }

.card { background:#14141c; border:1px solid #2a2a34; border-radius:18px; padding:20px; margin-bottom:14px; }
.grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap:14px; margin-top:14px; }

.muted { color:#bdbdbd; font-size: 14px; }
h1 { font-size: 34px; margin: 0 0 10px 0; }
h2 { font-size: 22px; margin: 0 0 10px 0; }
h3 { font-size: 18px; margin: 0 0 8px 0; }
ul { margin: 10px 0 0 18px; }
.danger { color:#ffb4b4; }

/* --- Friendly theme overrides (appended) --- */
.nav{
  background:#ffffff;
  border-bottom:1px solid #e5e7eb;
  padding:10px 12px;
  border-radius:14px;
}

.card{
  background:#ffffff;
  border:1px solid #e5e7eb;
  box-shadow:0 8px 24px rgba(0,0,0,0.06);
}

/* --- Text color overrides for light background --- */
body{
  color:#111827; /* fast schwarz, augenfreundlich */
}

.card{
  color:#111827;
}

.card h1,
.card h2,
.card h3{
  color:#111827;
}

.muted{
  color:#4b5563; /* dezentes Grau */
}

.nav a{
  color:#111827;
}

.pill{
  color:#111827;
  background:#f3f4f6;
  border:1px solid #e5e7eb;
}

/* --- Light theme: force button text color --- */
.btn, .btn:visited { color:#111827 !important; }
.btn-primary, .btn-primary:visited { color:#111827 !important; }
.btn-ghost, .btn-ghost:visited { color:#111827 !important; }

/* --- Light theme: softer primary buttons --- */
.btn-primary{
  background:#86efac;      /* helles Grün */
  border-color:#86efac;
  color:#111827 !important;
}

.btn-primary:hover{
  background:#6ee7b7;
  border-color:#6ee7b7;
}

/* === TAUPE BUTTON THEME (forced) === */
.btn,
.btn-primary,
.btn-ghost {
  background: #b8a99a !important;
  border-color: #b8a99a !important;
  color: #111827 !important;
}

.btn:hover,
.btn-primary:hover,
.btn-ghost:hover {
  background: #a89585 !important;
  border-color: #a89585 !important;
}

/* --- Brand-Subtitle: gut lesbar im hellen Layout --- */
.brand-sub{
  color:#111827 !important;   /* fast schwarz */
  font-weight:500;
}

/* Startseite: Einleitungstext größer */
.card h1 + .muted {
  font-size: 1.1rem;
  line-height: 1.6;
}