/* Mein Weg (v45) – Lernwege in Mein Bereich und Wegweiser auf den Stationsseiten. Farben werden von build_farbansichten in Variablen umgewandelt. */
.mw-tipp{padding:18px 20px;border:1px solid var(--cr-2a5a4a);border-radius:14px;background:var(--cf-0b2f2a);margin:0 0 18px}
.mw-tipp .eyebrow{margin-bottom:8px}
.mw-tipp h3{margin:0 0 6px;font-size:1.25rem}
.mw-tipp h3 a{color:var(--ct-f3f6fb);text-decoration:none;border-bottom:2px solid var(--cr-3ddc84)}
.mw-tipp p{margin:0;color:var(--ct-abb5c8);line-height:1.55}
.mw-h{margin:22px 0 10px;font-size:1.05rem;color:var(--ct-7fdcf0)}
.mw-werkbaenke{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.mw-wb{position:relative;padding:14px 14px 12px 18px;border:1px solid var(--cr-273143);border-radius:12px;background:var(--cf-0c111a);display:grid;gap:6px}
.mw-wb::before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:4px;border-radius:0 4px 4px 0;background:var(--topic-color,var(--cf-7fdcf0))}
.mw-wb a{color:var(--ct-f3f6fb);text-decoration:none}
.mw-wb a:hover{text-decoration:underline}
.mw-wb-zahl{font-size:.86rem;color:var(--ct-abb5c8);font-variant-numeric:tabular-nums}
.mw-wb.ist-fertig .mw-wb-zahl{color:var(--ct-3ddc84);font-weight:700}
.mw-stufen{display:flex;gap:4px;height:8px}
.mw-stufe{flex:1 1 0;background:var(--cf-1b2433);border-radius:4px;overflow:hidden}
.mw-stufe span{display:block;height:100%;background:var(--topic-color,var(--cf-7fdcf0));transition:width .3s}
.mw-stufe.voll span{background:var(--cf-3ddc84)}
.mw-wb-stufen{display:flex;flex-wrap:wrap;gap:0 8px;font-size:.78rem}
.mw-wb-stufen a{color:var(--ct-abb5c8);display:inline-flex;align-items:center;min-height:36px;padding:0 2px}
.mw-wb-stufen a.ist-fertig{color:var(--ct-3ddc84)}
.mw-wege{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
.mw-weg{position:relative;padding:16px 16px 14px 20px;border:1px solid var(--cr-273143);border-radius:14px;background:var(--cf-0c111a)}
.mw-weg::before{content:'';position:absolute;left:0;top:12px;bottom:12px;width:4px;border-radius:0 4px 4px 0;background:var(--topic-color,var(--cf-7fdcf0))}
.mw-weg-kopf{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;align-items:baseline}
.mw-weg h4,.mw-weg .mw-h4{margin:0;font-size:1.05rem}
.mw-weg-stand{font-size:.8rem;color:var(--ct-abb5c8);font-variant-numeric:tabular-nums}
.mw-weg p{margin:6px 0 10px;font-size:.88rem;color:var(--ct-abb5c8);line-height:1.55}
.mw-stationen{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.mw-station{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border-radius:10px;border:1px solid transparent}
.mw-station.ist-naechste{border-color:var(--cr-3ddc84);background:var(--cf-0b2f2a)}
.mw-station a{color:var(--ct-f3f6fb);font-weight:700;text-decoration:underline;text-decoration-color:var(--ct-3a4558);text-underline-offset:3px;display:inline-block;padding:6px 0 2px}
.mw-station a:hover{text-decoration:underline}
.mw-station small{display:block;color:var(--ct-abb5c8);font-size:.8rem;line-height:1.4}
.mw-station.ist-fertig small{color:var(--ct-8ce6ca)}
.mw-punkt{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:2px solid var(--cr-3a4558);color:var(--ct-abb5c8);font-size:.8rem;font-weight:800;background:var(--cf-111722)}
.ist-fertig>.mw-punkt,.ist-fertig>a>.mw-punkt,.ist-fertig>span>.mw-punkt{border-color:var(--cr-3ddc84);background:var(--cf-3ddc84);color:var(--ct-06251a)}
.ist-begonnen>.mw-punkt,.ist-begonnen>a>.mw-punkt,.ist-begonnen>span>.mw-punkt{border-color:var(--cr-ffd166);color:var(--ct-ffd166)}
.ist-naechste>.mw-punkt{border-color:var(--cr-3ddc84);color:var(--ct-3ddc84)}
.mw-lesen{display:inline-flex;gap:8px;align-items:center;margin-top:2px;font-size:.82rem;color:var(--ct-abb5c8);cursor:pointer;min-height:40px}
.mw-lesen input{width:20px;height:20px;margin:0}
/* Wegweiser auf Stationsseiten */
.mw-abschnitt{padding-top:0}
.mw-wegweiser{border:1px solid var(--cr-273143);border-radius:16px;background:var(--cf-0c111a);padding:16px 18px}
.mw-ww+.mw-ww{margin-top:14px;padding-top:14px;border-top:1px solid var(--cr-1b2433)}
.mw-ww-kopf{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;align-items:baseline}
.mw-ww-kopf .eyebrow{margin-bottom:6px}
.mw-kette{list-style:none;margin:8px 0 10px;padding:0;display:flex;flex-wrap:wrap;gap:8px 6px;align-items:stretch}
.mw-kette-el{display:flex;align-items:center}
.mw-kette-el+.mw-kette-el::before{content:'→';color:var(--ct-3a4558);margin-right:6px}
.mw-kette-el a,.mw-kette-el>span{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:4px 12px 4px 6px;border-radius:999px;border:1px solid var(--cr-273143);background:var(--cf-111722);color:var(--ct-f3f6fb);text-decoration:none;font-size:.86rem;font-weight:700;line-height:1.2}
.mw-kette-el a:hover{border-color:var(--cr-7fdcf0)}
.mw-kette-el small{display:block;font-size:.72rem;color:var(--ct-abb5c8);font-weight:400}
.mw-kette-el.ist-hier>span{border-color:var(--cr-3ddc84);background:var(--cf-0b2f2a)}
.mw-kette-el.ist-fertig a{border-color:var(--cr-1f6b55)}
.mw-ww-fuss{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center}
.mw-weiter{min-height:44px}
.mw-link{font-size:.86rem;color:var(--ct-7fdcf0);display:inline-flex;align-items:center;min-height:40px}
.mw-consent{min-height:40px}
#mein-weg-inhalt .legal-links-consent{min-height:40px}
.mw-fertig-text{color:var(--ct-3ddc84);font-weight:700;font-size:.9rem}
.mw-offen-text{color:var(--ct-ffd166);font-weight:700;font-size:.9rem}
@media (max-width:600px){.mw-kette{flex-direction:column;gap:4px}.mw-kette-el{flex-direction:column;align-items:stretch;gap:2px}.mw-kette-el+.mw-kette-el::before{content:'↓';margin:0 0 0 14px}.mw-kette-el a,.mw-kette-el>span{width:100%;box-sizing:border-box}}
.mw-weg.ist-geschafft{border-color:var(--cr-1f6b55)}
.mw-geschafft{margin:4px 0 8px;font-weight:700;color:var(--ct-3ddc84)}
.mw-geschafft .learning-reward{font-weight:400;color:var(--ct-abb5c8)}
.mw-fuss{margin-top:14px}