/* ══ Kalamo — Vorlagen ═════════════════════════════════════════════
   Liegt über kalamo.css und seiten.css. Nur, was die Vorlagenseiten
   zusätzlich brauchen: das Kartenraster der Übersicht und der
   Download-Kopf der Einzelseiten. Alles andere kommt von seiten.css.
   ═════════════════════════════════════════════════════════════════ */

.vgrid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(230px,1fr));
  gap:var(--g-2);
  margin-top:var(--s-4);
}
.vkarte{
  display:flex;flex-direction:column;
  background:var(--paper);
  border:1px solid var(--hair);
  border-radius:var(--r-2);
  overflow:hidden;
  text-decoration:none;color:inherit;
  transition:transform var(--e-grip) .18s, box-shadow var(--e-grip) .18s;
}
.vkarte:hover,.vkarte:focus-visible{
  transform:translateY(-2px);
  box-shadow:0 10px 26px rgba(var(--ground-rgb),.0), 0 10px 26px rgba(56,50,43,.12);
}
.vkarte img{
  display:block;width:100%;height:auto;
  aspect-ratio:5/4;object-fit:contain;object-position:center top;
  padding:10px 10px 0;background:#fff;
  border-bottom:1px solid var(--hair);
}
.vkarte .t{padding:var(--s-2) var(--s-2) var(--s-1);margin-top:auto;font-size:1.06rem;line-height:1.25}
.vkarte .m{padding:0 var(--s-2) var(--s-2);font-size:.82rem;color:var(--ink-soft);letter-spacing:.04em}

.vkopf{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
  gap:var(--g-3);align-items:start;margin-top:var(--s-4);
}
@media (max-width:720px){ .vkopf{grid-template-columns:1fr} }
.vshot{
  display:block;width:100%;height:auto;background:#fff;
  border:1px solid var(--hair);border-radius:var(--r-2);
  box-shadow:0 14px 34px rgba(56,50,43,.13);
}
.vlade p{margin-top:var(--s-2)}
.vmeta{
  list-style:none;margin:var(--s-3) 0 0;padding:0;
  border-top:1px solid var(--hair);
}
.vmeta li{
  display:flex;justify-content:space-between;gap:var(--s-2);
  padding:calc(var(--s-1) * .9) 0;border-bottom:1px solid var(--hair);
  font-size:.9rem;
}
.vmeta .k{color:var(--ink-soft)}
.vnext{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-top:var(--s-3);padding:0;list-style:none}
.vnext a{font-size:.92rem}