/* Ablauf-Leiste (ablauf.js): ruhige Liste, nur die aktuelle Phase ist hervorgehoben */
.ab-plan { position: relative; width: 680px; max-width: 100%; margin: 0.4em auto 0; text-align: left; font-size: 21px; line-height: 1.25; }
.reveal .ab-liste { display: block; list-style: none; margin: 0 !important; padding: 0; width: 100%; }
.reveal .ab-liste li { margin: 0; }
.ab-phase { position: relative; display: grid; grid-template-columns: 64px 1fr auto; column-gap: 18px; align-items: baseline;
  padding: 7px 14px 7px 16px; border-left: 3px solid transparent; color: #475569; cursor: default; }
.ab-live .ab-phase { cursor: pointer; }
.ab-zeit { font-variant-numeric: tabular-nums; font-size: 0.8em; color: #94a3b8; }
.ab-text { display: flex; flex-direction: column; }
.ab-titel { font-weight: 500; }
.ab-tun { display: none; font-size: 0.78em; color: #475569; margin-top: 2px; }
.ab-rest { font-size: 0.78em; font-variant-numeric: tabular-nums; color: #3b5a96; white-space: nowrap; }
.ab-linie { display: none; position: absolute; left: 16px; right: 14px; bottom: 3px; height: 2px; background: #e2e8f0; border-radius: 1px; overflow: hidden; }
.ab-linie span { display: block; height: 100%; width: 0; background: #3b5a96; transition: width 0.6s ease; }

.ab-fertig { color: #94a3b8; }
.ab-fertig .ab-titel { font-weight: 400; }
.ab-fertig .ab-rest::before { content: '\2713'; color: #94a3b8; }
.ab-jetzt { border-left-color: #3b5a96; background: #f5f7fb; color: #0f172a; padding-top: 10px; padding-bottom: 14px; }
.ab-jetzt .ab-titel { font-weight: 700; }
.ab-jetzt .ab-zeit { color: #3b5a96; }
.ab-jetzt .ab-tun, .ab-jetzt .ab-linie { display: block; }

.ab-ton { position: absolute; top: 4px; right: -44px; width: 30px; height: 30px; padding: 5px; border: 0; border-radius: 50%;
  background: transparent; color: #94a3b8; cursor: pointer; opacity: 0; transition: opacity 0.2s; }
.ab-live .ab-ton { opacity: 1; }
.ab-ton:hover { color: #3b5a96; background: #f1f5f9; }
.ab-ton-an { color: #3b5a96; }
.ab-ton svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }