/* ================================
   TM SERVICE – GRID/KACHELN (GLOBAL)
   Datei: /assets/css/tm-cards.css
   ================================ */

/* Grid */
.tm-cards{
  display:grid;
  gap:24px;
  margin-top:24px;
}

.tm-cards-3{
  grid-template-columns:repeat(3, minmax(0, 1fr));
}

.tm-cards-1{
  grid-template-columns:1fr;
  margin-top:24px;
}

@media (max-width: 980px){
  .tm-cards-3{grid-template-columns:1fr;}
}

/* Cards */
.tm-card{
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 14px;
  padding: 20px;
  box-sizing: border-box;
}

.tm-card--mini{background: rgba(255,255,255,0.06);}

.tm-card h2,
.tm-card h3{margin-top:0;}

/* Buttons / Actions: verhindert Überlappung */
.tm-actions{
  margin-top:24px;
  display:flex;
  gap:16px;
  flex-wrap:wrap;
}

.tm-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
}

/* Optional: Band */
.tm-band{padding: 8px 0;}

/* Typo: Headline etwas ruhiger (weniger grell) */
.tm-h1{color: rgba(234,242,255,.98);}

/* "Strukturiert. Erreichbar. Verlässlich." als eigener Kasten */
.tm-home-trust .tm-container{
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 14px;
  padding: 24px;
  box-sizing: border-box;
}