/* Unterseiten Schnellstart (quickstart.html) und Anleitung (manual.html) — seit 20.10.2026 */
.schritte{list-style:none;counter-reset:schritt;padding:0;margin:28px 0}
.schritte>li{counter-increment:schritt;position:relative;padding:4px 0 18px 56px;border-left:2px solid var(--border);margin-left:18px}
.schritte>li:last-child{border-left-color:transparent}
.schritte>li::before{content:counter(schritt);position:absolute;left:-19px;top:0;width:36px;height:36px;border-radius:50%;
  background:var(--accent);color:var(--bg);font-weight:700;font-size:17px;display:flex;align-items:center;justify-content:center}
.schritte h2{margin:4px 0 8px}
.schritte p{margin:0 0 10px}
.schritte .badges{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.schritte .badges img{display:block;height:44px;width:auto}
.btn-klein{display:inline-flex;align-items:center;height:44px;padding:0 18px;border:1px solid var(--border);border-radius:10px;
  color:var(--text);font-weight:600;background:var(--panel)}
.fakten{margin:16px 0 0;border:1px solid var(--border);border-radius:12px;overflow:hidden}
.fakten>div{display:grid;grid-template-columns:170px minmax(0,1fr);gap:16px;padding:12px 16px;border-top:1px solid var(--border)}
.fakten>div:first-child{border-top:0}
.fakten>div:nth-child(odd){background:var(--panel)}
.fakten dt{font-weight:700;color:var(--text);font-size:15px}
.fakten dd{margin:0;color:var(--sub);font-size:15px;line-height:1.6}
nav.inhalt{display:block;border:0;padding:0;font-size:14px;line-height:2;margin:-12px 0 8px;color:var(--faint)}
nav.inhalt a{display:inline}
.weiter{margin-top:36px;font-weight:600}
main ul li b{color:var(--text)}
@media (max-width:560px){
  .fakten>div{grid-template-columns:1fr;gap:4px}
  .schritte>li{padding-left:40px;margin-left:16px}
}