/* AIT Group, Business-Systeme auf der Startseite (Praefix bs-).
   Rein typografisch: Kopf wie alle Sektionen, darunter vier Zeilen ab der Inhaltsspalte. Grundlagen in home.css. */
.bs-rows li{border-top:1px solid var(--rule)}
.bs-rows li:last-child{border-bottom:1px solid var(--rule)}
.bs-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr) 22px;column-gap:var(--col-gap);row-gap:8px;align-items:baseline;
  padding:clamp(22px,3.4vh,34px) 0}
.bs-row h3{font-size:clamp(19px,1.55vw,25px);font-weight:500;line-height:1.25;letter-spacing:-.015em;color:var(--ink);transition:color 250ms}
.bs-row p{font-size:15.5px;line-height:1.6;color:var(--ink-2);max-width:36em}
.bs-row svg{width:20px;height:20px;align-self:center;color:var(--ink);transition:transform 300ms cubic-bezier(.2,.7,.2,1),color 250ms}
.bs-row:hover h3,.bs-row:hover svg{color:var(--violet)}
.bs-row:hover svg{transform:translateX(4px)}

@media (max-width:700px){
  .bs-row{grid-template-columns:minmax(0,1fr) 22px}
  .bs-row p{grid-column:1/-1;grid-row:2}
}