/* kartenspielen-lernen.de – gemeinsames Dummy-Design 5.9.2026 */
:root{
  --filz:#1d3a2c; --filz-tief:#14281f; --filz-hell:#27503c;
  --karton:#f3eee1; --karton-warm:#e8e0cd;
  --tinte:#22201b; --tinte-weich:#5c574c;
  --messing:#c8952c; --herz:#b0242a; --gras:#2c6b3f; --eichel:#59401f; --schellen:#c07f10;
  --linie:rgba(34,32,27,.16);
  --ok:#2E7D32; --bad:#8B2E2E;
  --serif:"Zilla Slab", Rockwell, Georgia, serif;
  --sans:"Public Sans","Segoe UI",system-ui,sans-serif;
}
.site-kopf{
  background:var(--filz);
  color:#fff;
  padding:.75rem 0;
  border-bottom:1px solid rgba(200,149,44,.35);
}
.site-kopf .huelle{
  width:min(1120px,100% - 2rem);
  margin-inline:auto;
  display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap;
}
.site-kopf a{color:inherit;text-decoration:none}
.site-kopf .marke{
  display:flex;align-items:center;gap:.5rem;
  font-family:var(--serif);font-weight:700;font-size:1.02rem;
}
.site-nav{
  display:flex;flex-wrap:wrap;gap:.3rem .45rem;align-items:center;
}
.site-nav a{
  font-family:var(--sans);font-size:.82rem;font-weight:600;
  padding:.28rem .65rem;border-radius:999px;
  border:1px solid rgba(243,238,225,.28);color:#f3eee1;
}
.site-nav a:hover,.site-nav a.aktiv{
  background:var(--messing);color:#1a1510;border-color:transparent;
}
.site-nav a.d-chip{
  width:2rem;height:2rem;padding:0;display:inline-grid;place-items:center;
  border-radius:50%;background:var(--messing);color:#1a1510;border:0;font-family:var(--serif);
}
.knopf,.btn-gold{
  appearance:none;border:0;border-radius:8px;cursor:pointer;font-weight:700;
  font-family:var(--sans);background:var(--messing);color:#1a1510;padding:.65rem 1rem;
}
.knopf--rand{background:transparent;border:1.5px solid var(--linie);color:var(--tinte)}
.kachel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
@media(max-width:720px){.kachel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.merker{font-family:var(--serif);color:var(--tinte-weich);font-size:.85rem}

.fact-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin:1.2rem 0;}
@media (max-width:680px){.fact-row{grid-template-columns:repeat(2,1fr)}}
.fact-tile{background:#fff;border:1px solid var(--linie,rgba(34,32,27,.16));border-top:5px solid var(--messing);border-radius:10px;padding:1rem .9rem;text-align:left;cursor:pointer;font:inherit;display:block;width:100%;}
.fact-tile .num{font-family:var(--serif,Georgia,serif);font-size:1.6rem;font-weight:700;color:var(--filz);display:block;}
.fact-tile .label{font-size:.75rem;color:var(--tinte-weich);margin-top:.15rem;display:block;}
.fact-tile .hint{font-size:.65rem;color:var(--messing);margin-top:.4rem;display:block;font-weight:600;}
.reveal{max-height:0;overflow:hidden;transition:max-height .25s ease;}
.reveal.open{max-height:5000px;}
.reveal-inner{border:1px solid var(--linie,rgba(34,32,27,.16));border-radius:10px;padding:1.1rem 1.2rem;margin-top:1rem;background:#fff;}