.ar-sek.ar-rhythmus { padding: 76px 0; }
.ar-rhythmus__raster { display: grid; grid-template-columns: repeat(4, 1fr); background: var(--white); border: 1px solid var(--line); margin-top: 44px; }
.ar-rhythmus__raster--3 { grid-template-columns: repeat(3, 1fr); }
.ar-rhythmus__raster--2 { grid-template-columns: repeat(2, 1fr); }
.ar-rhythmus__raster--1 { grid-template-columns: 1fr; }
.ar-takt { border-right: 1px solid var(--line); display: flex; flex-direction: column; }
.ar-takt:last-child { border-right: 0; }
.ar-takt__balken { display: block; height: 6px; background: var(--magenta); }
.ar-takt--rose .ar-takt__balken { background: #F56AB7; }
.ar-takt--anthrazit .ar-takt__balken { background: var(--anthracite); }
.ar-takt--grau .ar-takt__balken { background: var(--label); }
.ar-takt__takt { margin: 26px 26px 0; font-size: calc(12px * var(--f-klein)); font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--label); }
.ar-takt__titel { margin: 10px 26px 0; font-size: calc(22px * var(--f-h3)); letter-spacing: -.03em; line-height: 1.2; }
.ar-takt__text { margin: 10px 26px 0; color: var(--text-2); font-size: calc(16px * var(--f-text)); }
.ar-takt__kennwert { margin: 18px 26px 28px; padding-top: 14px; border-top: 1px solid rgba(65, 64, 66, .12); font-size: calc(14.5px * var(--f-text)); font-weight: 600; color: var(--anthracite); }
.ar-takt__kennwert b { display: block; font-size: calc(26px * var(--f-zahl)); font-weight: 900; letter-spacing: -.03em; color: var(--magenta); }

/* Gleiche Zeilen ueber alle Karten (wie "Der Test"): fuenf Zeilen je Karte. */
@supports (grid-template-rows: subgrid) {
  .ar-takt { display: grid; grid-row: span 5; grid-template-rows: subgrid; row-gap: 0; }
  .ar-takt__balken { grid-row: 1; }
  .ar-takt__takt { grid-row: 2; }
  .ar-takt__titel { grid-row: 3; }
  .ar-takt__text { grid-row: 4; }
  .ar-takt__kennwert { grid-row: 5; }
}
@supports not (grid-template-rows: subgrid) {
  .ar-takt__text { flex: 1 0 auto; }
}

@media (max-width: 1080px) {
  .ar-rhythmus__raster, .ar-rhythmus__raster--3 { grid-template-columns: 1fr 1fr; }
  .ar-takt:nth-child(2n) { border-right: 0; }
  .ar-rhythmus__raster--4 .ar-takt:nth-child(-n+2), .ar-rhythmus__raster--3 .ar-takt:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
}
@media (max-width: 860px) {
  .ar-sek.ar-rhythmus { padding: 60px 0; }
  .ar-rhythmus__raster, .ar-rhythmus__raster--2, .ar-rhythmus__raster--3 { grid-template-columns: 1fr; }
  .ar-takt { border-right: 0; border-bottom: 1px solid var(--line); }
  .ar-takt:last-child { border-bottom: 0; }
}