/* Mini-Deskstella, Gestaltungsvariante B: Zeitstrahl „ein Abend“ mit Fortschrittsanzeige. Nur für mini-deskstella-b.html. */
.seite-mini-b .md-schritte{position:relative;gap:2.4rem;padding-left:0}
.seite-mini-b .md-schritte::before{content:"";position:absolute;left:1.4rem;top:1.2rem;bottom:1.2rem;width:3px;border-radius:3px;background:var(--linie)}
.seite-mini-b .md-schritte::after{content:"";position:absolute;left:1.4rem;top:1.2rem;width:3px;border-radius:3px;height:var(--md-fort,0%);max-height:calc(100% - 2.4rem);background:var(--verlauf-tief)}
.seite-mini-b .md-schritt{position:relative;padding:0 0 0 4.2rem;border:0;background:none;box-shadow:none;border-radius:0}
.seite-mini-b .md-schritt-kopf{grid-template-columns:minmax(0,1fr)}
.seite-mini-b .md-nr{position:absolute;left:0;top:0;width:2.95rem;height:2.95rem;border-radius:50%;background:#fff;color:var(--marke);box-shadow:inset 0 0 0 2.5px var(--linie-2);z-index:1}
.seite-mini-b .md-schritt.md-erreicht .md-nr{background:var(--verlauf-tief);color:#fff;box-shadow:0 10px 22px -12px rgba(183,47,103,.8)}
.seite-mini-b .md-schritt-kopf small::after{content:" · " attr(data-phase);color:var(--leise)}
.seite-mini-b .md-ziel{background:none;padding:0;border-left:3px solid var(--marke);padding-left:.8rem;border-radius:0}
.seite-mini-b .md-paar{grid-template-columns:minmax(0,1fr);gap:.5rem}
.seite-mini-b .md-paar .kd-tipp,.seite-mini-b .md-paar .kd-fehler{position:relative;padding-left:14.2rem;min-height:3.2rem}
.seite-mini-b .md-paar .kd-tipp b,.seite-mini-b .md-paar .kd-fehler b{position:absolute;left:1rem;top:.9rem;width:12.2rem;margin:0}
.seite-mini-b .md-schritte > li:last-child::after{content:"Fertig. Jetzt nur noch beim Start öffnen.";display:block;margin-top:1.2rem;font:800 1rem var(--display);color:var(--marke)}

/* Fahrplan statt Inhaltsverzeichnis */
.seite-mini-b .md-fahrplan{gap:.2rem}
.md-fahrplan .md-f-kopf{display:grid;gap:.45rem;margin-bottom:.7rem}
.md-fahrplan .md-f-kopf b{font:900 1.15rem var(--display);letter-spacing:-.02em;color:var(--tinte)}
.md-f-balken{display:block;height:.45rem;border-radius:999px;background:var(--linie);overflow:hidden}
.md-f-balken i{display:block;height:100%;width:0;border-radius:999px;background:var(--verlauf-tief)}
.md-f-text{font-size:.82rem;color:var(--leise)}
.seite-mini-b .md-fahrplan a.md-fertig{color:var(--tinte)}
.seite-mini-b .md-fahrplan a.md-fertig::before{content:"✓ ";color:var(--marke);font-weight:800}
.md-f-mobil{display:none}
@media (prefers-reduced-motion:no-preference){
  .seite-mini-b .md-nr{transition:background .3s,color .3s,box-shadow .3s}
  .md-f-balken i,.seite-mini-b .md-schritte::after{transition:width .3s var(--ease),height .3s var(--ease)}
}
@media (max-width:900px){
  .md-f-mobil{position:fixed;left:50%;bottom:max(.8rem,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:40;display:grid;gap:.35rem;width:min(20rem,calc(100% - 2rem));padding:.6rem .9rem;border-radius:1rem;background:rgba(255,255,255,.96);border:1px solid var(--linie);box-shadow:var(--schatten);font:700 .82rem var(--display);color:var(--tinte)}
  .md-f-mobil[hidden]{display:none}
}
@media (max-width:620px){
  .seite-mini-b .md-schritte::before,.seite-mini-b .md-schritte::after{left:1.05rem}
  .seite-mini-b .md-schritt{padding-left:3.1rem}
  .seite-mini-b .md-nr{width:2.2rem;height:2.2rem;font-size:.95rem}
  .seite-mini-b .md-paar .kd-tipp,.seite-mini-b .md-paar .kd-fehler{padding-left:1rem;min-height:0}
  .seite-mini-b .md-paar .kd-tipp b,.seite-mini-b .md-paar .kd-fehler b{position:static;width:auto;margin-bottom:.2rem}
}