/* AIT Group, Kuenstliche Intelligenz auf der Startseite (Praefix ki-).
   Rein typografisch: Kopf, Architektur als Tabelle, Leistungen, Abschluss. Grundlagen in home.css. */

/* Architektur: Ebene, System, Beschreibung */
.ki-layers li{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,3fr) minmax(0,5fr);column-gap:var(--col-gap);row-gap:4px;align-items:baseline;
  padding:var(--cell) 0 clamp(18px,2.6vh,26px);border-top:1px solid var(--rule)}
.ki-layers li:last-child{border-bottom:1px solid var(--rule)}
.ki-layers h3{font-size:clamp(17px,1.25vw,20px);font-weight:500;line-height:1.3;letter-spacing:-.01em;color:var(--ink)}
.ki-layers .ki-sys{font-size:15px;line-height:1.5;color:var(--ink-3)}
.ki-layers .ki-txt{font-size:15px;line-height:1.6;color:var(--ink-2)}
.ki-layers li.is-human h3{color:var(--violet)}

/* Abschluss */
.ki-claim{font-size:clamp(24px,2.3vw,36px);font-weight:500;line-height:1.15;letter-spacing:-.02em;color:var(--ink);max-width:22em;text-wrap:balance}
.ki-end .bt{margin-top:clamp(24px,3.6vh,36px)}

@media (max-width:1100px){
  .ki-layers li{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}
  .ki-layers h3{grid-column:1;grid-row:1}
  .ki-layers .ki-sys{grid-column:1;grid-row:2}
  .ki-layers .ki-txt{grid-column:2;grid-row:1/3}
}
@media (max-width:700px){
  .ki-layers li{grid-template-columns:minmax(0,1fr)}
  .ki-layers h3,.ki-layers .ki-sys,.ki-layers .ki-txt{grid-column:1;grid-row:auto}
  .ki-layers .ki-txt{margin-top:6px!important}
}