/* ==========================================================================
   „Dein Jahr“ – Karten (Paket P2): Welten und Karteninhalte .mj-c-*, Text-
   Ansicht .mj-c-text. Welten = „Saal dunkel“ (final_spec §4.4), im Hell- und
   Dunkel-Design gleich. .mj-w-{welt} setzt die Farben (--bg1 --bg2 --ink
   --ink2 --acc --ring) und – außer auf .mj-c selbst – den Hintergrund.
   Schrift: Grundtext 15 px × fz (nie größer), Nebentext 13–14, Etiketten 12
   (Space Grotesk), Überschriften Spectral 30–36, Kennzahl 112 × min(fz,1.06);
   nichts unter 12 px × fz. Kontrast (Rechnung build/P2): ink, ink2, acc ≥ 7:1
   auf bg1, bg2 und bg2 + Ring; auf Kasten (8 % Weiß) und Knopf (12 % Weiß)
   nur --ink. Ringe 4 % ink (7,5 % fiele für Akzent/Knopftext unter 7:1).
   Regeln stehen unter „.mj-c …“ (Spezifität 0,2,0), damit Nachfahren-Regeln
   der Umgebung (z. B. „.ph p“, „.card-h h2“) nichts überschreiben.
   Bewegung nur transform/opacity ≤ 400 ms und nur ohne „weniger Bewegung“.
   ========================================================================== */

/* ---------- Welten ---------- */
.mj-w-prolog{--bg1:#07120e;--bg2:#123528;--ink:#f3f7f2;--ink2:#cfe0d6;--acc:#f0d27e;--ring:rgba(243,247,242,.04)}
.mj-w-wir{--bg1:#2a0f16;--bg2:#4a1826;--ink:#fff4f1;--ink2:#f2cfd2;--acc:#ffc9a8;--ring:rgba(255,244,241,.04)}
.mj-w-sport{--bg1:#2b0a0a;--bg2:#4a1212;--ink:#fff3ef;--ink2:#f5cfc6;--acc:#ffb59e;--ring:rgba(255,243,239,.04)}
.mj-w-awards{--bg1:#170d33;--bg2:#2b1858;--ink:#f7f2ff;--ink2:#ddd0fb;--acc:#f6d36b;--ring:rgba(247,242,255,.04)}
.mj-w-ehrenamt{--bg1:#2a1604;--bg2:#46260a;--ink:#fff6ea;--ink2:#f3dcc0;--acc:#ffc46b;--ring:rgba(255,246,234,.04)}
.mj-w-digital{--bg1:#04252c;--bg2:#0b3d48;--ink:#effcfd;--ink2:#c4eaef;--acc:#7fe6f2;--ring:rgba(239,252,253,.04)}
.mj-w-haus{--bg1:#0b1430;--bg2:#1a2a5c;--ink:#f4f6ff;--ink2:#cdd6f5;--acc:#ffcf73;--ring:rgba(244,246,255,.04)}
.mj-w-prolog:not(.mj-c),.mj-w-wir:not(.mj-c),.mj-w-sport:not(.mj-c),.mj-w-awards:not(.mj-c),.mj-w-ehrenamt:not(.mj-c),.mj-w-digital:not(.mj-c),.mj-w-haus:not(.mj-c){
  color:var(--ink);background-color:var(--bg1);background-image:radial-gradient(150% 70% at 92% -6%,var(--bg2) 0%,var(--bg1) 72%)}

/* ---------- Karte: Wurzel, Ringe, Kopf ---------- */
.mj-c{position:relative;isolation:isolate;box-sizing:border-box;display:flex;flex-direction:column;min-height:100%;padding:var(--mj-c-pad,6px 24px 18px);
  color:var(--ink);font-family:var(--font-ui);font-size:calc(15px*var(--fz,1));font-weight:400;line-height:1.5;text-align:left;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;-webkit-font-smoothing:antialiased}
.mj-c *,.mj-c *::before,.mj-c *::after{box-sizing:border-box}
.mj-c :where(p,h2,ul,li,small){max-width:none;margin:0;padding:0;font-size:inherit;color:inherit}
.mj-c .ico{flex:0 0 auto}
.mj-c .mj-c-rings{position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(circle at 86% 170px,transparent 0 60px,var(--ring) 61px 65px,transparent 66px 100px,var(--ring) 101px 105px,transparent 106px 140px,var(--ring) 141px 145px,transparent 146px 180px,var(--ring) 181px 185px,transparent 186px 220px,var(--ring) 221px 225px,transparent 226px)}
.mj-c .mj-c-eb{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0;font:600 calc(12px*var(--fz,1))/1.35 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--acc);-webkit-hyphens:manual;hyphens:manual}
.mj-c .mj-c-eb .ico{width:calc(16px*var(--fz,1));height:calc(16px*var(--fz,1))}
.mj-c .mj-c-chip{display:inline-flex;align-items:center;padding:1px 9px;border-radius:999px;border:1.5px solid var(--acc);font:650 calc(12px*var(--fz,1))/1.45 var(--font-ui);letter-spacing:.02em;text-transform:none;color:var(--ink)}
.mj-c .mj-c-body{flex:0 0 auto;display:flex;flex-direction:column;align-items:stretch}
.mj-c .mj-c-sp1{flex:2 1 0;min-height:0}
.mj-c .mj-c-sp2{flex:3 1 0;min-height:0}

/* ---------- Hauptaussage, Kennzahl, Sätze ---------- */
.mj-c .mj-c-h{margin:12px 0 0;font-family:var(--font-serif);font-weight:500;letter-spacing:-.01em;color:var(--ink);text-wrap:balance} /* Fokusziel beim Blättern (tabindex -1); Fokus-Anzeige regelt der Player */
.mj-c .mj-c-h1{font-size:calc(36px*var(--fz,1));line-height:1.08}
.mj-c .mj-c-h2{font-size:calc(30px*var(--fz,1));line-height:1.14}
.mj-c .mj-c-h b{font-weight:600}
.mj-c .mj-c-eb.mj-c-h{margin:0;font-family:var(--font-mono);font-weight:600;letter-spacing:.16em;color:var(--acc);text-wrap:wrap}
.mj-c .mj-c-big{display:flex;flex-wrap:wrap;align-items:flex-end;gap:calc(20px*min(var(--fz,1),1.06)) 14px;margin-top:14px;font-size:calc(30px*var(--fz,1));line-height:1.12}
.mj-c .mj-c-num{display:inline-grid;font:600 calc(112px*min(var(--fz,1),1.06))/.88 var(--font-serif);letter-spacing:-.03em;color:var(--acc);font-variant-numeric:lining-nums tabular-nums;white-space:nowrap}
.mj-c .mj-c-num>span,.mj-c .mj-c-num::after{grid-area:1/1}
.mj-c .mj-c-num::after{content:attr(data-mj-w);visibility:hidden} /* Endbreite beim Hochzählen (P1 schreibt nur in den inneren span) */
.mj-c .mj-c-nw{white-space:nowrap}
/* Einheit: passt ihr längstes Wort nicht neben die Zahl, rutscht sie darunter – kein Wortbruch (passt bis 320 px auch bei „Sehr groß“) */
.mj-c .mj-c-unit{flex:1 1 6em;min-width:min-content;padding-bottom:.18em;-webkit-hyphens:manual;hyphens:manual}
@media (max-width:319px){ /* noch schmaler (z. B. 280 px): lieber trennen als abschneiden, Kennzahl auf das untere Maß der Vorgabe (96 px) */
  .mj-c .mj-c-unit{min-width:0;-webkit-hyphens:auto;hyphens:auto}
  .mj-c .mj-c-num{font-size:calc(96px*min(var(--fz,1),1.06))}}
.mj-c .mj-c-deco{margin:16px 0 0;line-height:.86}
.mj-c .mj-c-deco+.mj-c-h{margin-top:14px}
.mj-c .mj-c-p{margin:12px 0 0;font-size:calc(15px*var(--fz,1));color:var(--ink2)}
.mj-c .mj-c-p b{font-weight:700;color:var(--ink)}
.mj-c .mj-c-big+.mj-c-cont{margin-top:8px}
.mj-c .mj-c-sub{margin:20px 0 0;font-size:calc(15px*var(--fz,1));font-weight:650;color:var(--ink)}

/* ---------- Schmuck: Jahres-Medaille, Symbol-Medaille, Zeitstrahl ---------- */
.mj-c .mj-c-emb{display:block;width:calc(148px*min(var(--fz,1),1.1));height:auto;margin:18px auto 2px;overflow:visible}
.mj-c .mj-c-emb circle{fill:none;stroke:var(--acc);stroke-width:2}
.mj-c .mj-c-emb .e1{stroke-opacity:.28}.mj-c .mj-c-emb .e2{stroke-opacity:.42}.mj-c .mj-c-emb .e3{fill:var(--acc);fill-opacity:.1;stroke-opacity:.7}.mj-c .mj-c-emb .e4{fill:var(--acc);stroke:none}
.mj-c .mj-c-emb .et{font:600 34px var(--font-serif);fill:#0b1a15}
.mj-c .mj-c-med{display:grid;place-items:center;width:calc(72px*min(var(--fz,1),1.1));height:calc(72px*min(var(--fz,1),1.1));margin-top:16px;border-radius:50%;color:var(--acc);
  background:radial-gradient(circle,rgba(255,255,255,.07) 0 62%,transparent 63%);box-shadow:inset 0 0 0 2px var(--acc),0 0 0 7px rgba(255,255,255,.04)}
.mj-c .mj-c-med .ico{width:46%;height:46%;stroke-width:1.6}
.mj-c .mj-c-tl{position:relative;height:calc(52px*var(--fz,1));margin-top:24px}
.mj-c .mj-c-tl-run{position:absolute;left:0;top:9px;height:3px;border-radius:2px;background:var(--ink2)}
.mj-c .mj-c-tl-next{position:absolute;right:0;top:9px;border-top:3px dashed var(--acc)}
.mj-c .mj-c-tl-d{position:absolute;top:0;width:21px;height:21px;border-radius:50%;background:var(--bg1);border:3px solid var(--ink2)}
.mj-c .mj-c-tl-d.a{left:0}
.mj-c .mj-c-tl-d.now{width:23px;height:23px;top:-1px;background:var(--acc);border-color:var(--acc);transform:translateX(-50%)}
.mj-c .mj-c-tl-d.goal{right:0;border-style:dashed;border-color:var(--acc)}
.mj-c .mj-c-tl small{position:absolute;top:calc(28px*min(var(--fz,1),1.1));font:600 calc(12px*var(--fz,1))/1.2 var(--font-mono);letter-spacing:.06em;color:var(--ink2);white-space:nowrap}
.mj-c .mj-c-tl small.a{left:0}.mj-c .mj-c-tl small.now{color:var(--ink);transform:translateX(-50%)}.mj-c .mj-c-tl small.goal{right:0}

/* ---------- Kasten, Zeilen, Platz ---------- */
.mj-c .mj-c-box{display:flex;gap:12px;align-items:flex-start;margin-top:16px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);color:var(--ink)}
.mj-c .mj-c-box>.ico{width:calc(20px*var(--fz,1));height:calc(20px*var(--fz,1));margin-top:2px;color:var(--acc)}
.mj-c .mj-c-box>p{flex:1;min-width:0;font-size:calc(15px*var(--fz,1));color:var(--ink)}
.mj-c .mj-c-box b{font-weight:700}
.mj-c .mj-c-boxb{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:4px;width:calc(64px*var(--fz,1));font:650 calc(12px*var(--fz,1))/1.2 var(--font-ui);text-align:center;color:var(--ink);overflow-wrap:anywhere}
.mj-c .mj-c-boxb .bdg{width:54px}
.mj-c .mj-c-boxb small{font:inherit;color:var(--ink)}
.mj-c .mj-c-place{flex:0 0 auto;display:grid;place-items:center;width:calc(40px*var(--fz,1));height:calc(40px*var(--fz,1));border-radius:50%;font:700 calc(20px*var(--fz,1))/1 var(--font-serif);color:#0b1a15;background:#e9c86a;box-shadow:0 0 0 3px rgba(255,255,255,.14)}
.mj-c .mj-c-place.p2{background:#e3e7ea}.mj-c .mj-c-place.p3{background:#e0a46c}
.mj-c .mj-c-facts{list-style:none;margin:18px 0 0;padding:0}
.mj-c .mj-c-facts li{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-top:1px solid rgba(255,255,255,.16);font-size:calc(15px*var(--fz,1));color:var(--ink)}
.mj-c .mj-c-facts li:last-child{border-bottom:1px solid rgba(255,255,255,.16)}
.mj-c .mj-c-facts .ico{width:calc(20px*var(--fz,1));height:calc(20px*var(--fz,1));margin-top:2px;color:var(--acc)}
.mj-c .mj-c-facts span{flex:1;min-width:0}
.mj-c .mj-c-facts b{font-weight:700}

/* ---------- Abzeichen-Raster (76 px), Ziele, Termine ---------- */
.mj-c .mj-c-grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(max(76px,calc(76px + (var(--fz,1) - 1.12)*160px)),1fr));gap:16px 8px;margin:20px 0 0;padding:0} /* 4 Spalten bis „Groß“, 3 bei „Sehr groß“ */
.mj-c .mj-c-bdg{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;text-align:center;font:650 calc(13px*var(--fz,1))/1.25 var(--font-ui);color:var(--ink);overflow-wrap:anywhere}
.mj-c .mj-c-bdg .bdg{width:76px;max-width:100%}
.mj-c .mj-c-one{grid-template-columns:minmax(0,160px)}
.mj-c .mj-c-one .mj-c-bdg{gap:8px;font-size:calc(15px*var(--fz,1))}
.mj-c .mj-c-one .mj-c-bdg .bdg{width:108px}
.mj-c .mj-c-goals{list-style:none;display:flex;flex-direction:column;gap:12px;margin:10px 0 0;padding:0}
.mj-c .mj-c-goals li{display:flex;gap:12px;align-items:center;font-size:calc(15px*var(--fz,1))}
.mj-c .mj-c-goals .bdg{flex:0 0 auto;width:calc(44px*min(var(--fz,1),1.1))}
.mj-c .mj-c-goals .bdg.locked{filter:grayscale(.85);opacity:.75}
.mj-c .mj-c-goal{flex:1;min-width:0;color:var(--ink2)}
.mj-c .mj-c-goal b{font-weight:700;color:var(--ink)}
.mj-c .mj-c-prog{display:block;height:8px;margin-top:6px;border-radius:4px;background:rgba(255,255,255,.16);overflow:hidden}
.mj-c .mj-c-prog i{display:block;height:100%;border-radius:4px;background:var(--acc)}
.mj-c .mj-c-dates{list-style:none;margin:8px 0 0;padding:0}
.mj-c .mj-c-dates li{display:flex;gap:14px;align-items:baseline;padding:9px 0;border-top:1px solid rgba(255,255,255,.16);font-size:calc(15px*var(--fz,1));color:var(--ink)}
.mj-c .mj-c-dates li:last-child{border-bottom:1px solid rgba(255,255,255,.16)}
.mj-c .mj-c-dates b{flex:0 0 auto;min-width:4.4em;font:600 calc(15px*var(--fz,1))/1.3 var(--font-mono);color:var(--acc);font-variant-numeric:tabular-nums}
.mj-c .mj-c-dates span{min-width:0}
/* Abzeichen mit „wofür?“ (2–3 Stück, Du-Stimme): Zeilen statt Raster – Name in --ink, Beschreibung in --ink2 */
.mj-c .mj-c-bl{list-style:none;display:flex;flex-direction:column;gap:14px;margin:20px 0 0;padding:0}
.mj-c .mj-c-bl li{display:flex;align-items:center;gap:14px;min-width:0}
.mj-c .mj-c-bl .bdg{flex:0 0 auto;width:calc(60px*min(var(--fz,1),1.1))}
.mj-c .mj-c-bl li>span{flex:1;min-width:0;font-size:calc(15px*var(--fz,1));line-height:1.4;color:var(--ink2)}
.mj-c .mj-c-bl b{display:block;font-weight:700;color:var(--ink)}
.mj-c .mj-c-bl b+span{display:block;margin-top:2px}

/* ---------- Zeitleiste (Vereinskarte „Aufbruch“): Datum über dem Schritt; Punkt und Linie sind Schmuck ---------- */
.mj-c .mj-c-steps{list-style:none;margin:18px 0 0;padding:0}
.mj-c .mj-c-steps li{position:relative;padding:0 0 14px 28px}
.mj-c .mj-c-steps li:last-child{padding-bottom:0}
.mj-c .mj-c-steps li::before{content:"";position:absolute;left:2px;top:calc(.65em - 7px);width:14px;height:14px;border-radius:50%;background:var(--acc)} /* .65em = Mitte der Datumszeile (15 px × fz, Zeilenhöhe 1,3) */
.mj-c .mj-c-steps li:not(:last-child)::after{content:"";position:absolute;left:7.5px;top:calc(.65em + 10px);bottom:2px;width:3px;border-radius:2px;background:var(--ink2);opacity:.6}
.mj-c .mj-c-steps b{display:block;font:600 calc(15px*var(--fz,1))/1.3 var(--font-mono);color:var(--acc);font-variant-numeric:tabular-nums}
.mj-c .mj-c-steps span{display:block;margin-top:2px;font-size:calc(15px*var(--fz,1));line-height:1.45;color:var(--ink)}

/* ---------- Monatsbalken (Training, Schützenhaus: dort mit sichtbarer Bezeichnung) ---------- */
.mj-c .mj-c-bars{margin-top:22px}
.mj-c .mj-c-bars-t{margin:0 0 8px;font:650 calc(14px*var(--fz,1))/1.35 var(--font-ui);color:var(--ink2)}
.mj-c .mj-c-bars-c{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:1fr;gap:5px;align-items:end;height:calc(112px*min(var(--fz,1),1.1))}
.mj-c .mj-c-bars-c i{display:block;min-height:4px;border-radius:5px 5px 2px 2px;background:var(--ink2)}
.mj-c .mj-c-bars-c i.top{background:var(--acc)}
.mj-c .mj-c-bars-c i.fut{height:26%;background:transparent;border:2px dashed var(--ink2)}
.mj-c .mj-c-bars-l{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px;margin-top:6px;text-align:center;font:600 calc(12px*var(--fz,1))/1.2 var(--font-mono);color:var(--ink2)}

/* ---------- Vereinszahlen ---------- */
.mj-c .mj-c-tiles{list-style:none;display:flex;flex-direction:column;gap:10px;margin:18px 0 0;padding:0}
.mj-c .mj-c-tiles li{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);font-size:calc(15px*var(--fz,1));color:var(--ink)}
.mj-c .mj-c-tiles b{flex:0 0 auto;min-width:2.2em;font:600 calc(40px*min(var(--fz,1),1.06))/1 var(--font-serif);letter-spacing:-.02em;color:var(--ink);font-variant-numeric:lining-nums}
.mj-c .mj-c-tiles span{flex:1;min-width:0;font-weight:600;line-height:1.35}

/* ---------- Endkarte: Knöpfe (Knopffläche 12 % Weiß → nur --ink) ---------- */
.mj-c .mj-c-btns{display:flex;flex-direction:column;gap:10px;margin-top:24px}
.mj-c .mj-c-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px;margin:0;padding:8px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.45);
  background:rgba(255,255,255,.12);color:var(--ink);font:700 calc(15px*var(--fz,1))/1.25 var(--font-ui);text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.mj-c .mj-c-btn .ico{width:calc(20px*var(--fz,1));height:calc(20px*var(--fz,1))}
.mj-c .mj-c-btn:hover{border-color:var(--ink)}
.mj-c .mj-c-btn:focus-visible{outline:3px solid var(--acc);outline-offset:2px}

/* ---------- Fuß („Stand …“, „… gezählt seit …“) ---------- */
.mj-c .mj-c-foot{flex:0 0 auto;padding-top:20px;font-size:calc(13px*var(--fz,1));line-height:1.45;color:var(--ink2)}
.mj-c .mj-c-foot p{max-width:none;margin:0;font:inherit;color:inherit}
.mj-c .mj-c-foot p+p{margin-top:4px}

/* ---------- Auftritt (nur ohne „weniger Bewegung“; je Element ≤ 400 ms inkl. Verzögerung) ---------- */
@media (prefers-reduced-motion:no-preference){
  .mj-c .mj-c-eb,.mj-c .mj-c-body>*,.mj-c .mj-c-foot{animation:mjcIn .3s cubic-bezier(.2,.8,.2,1) both}
  .mj-c .mj-c-body>:nth-child(2){animation-delay:.03s}
  .mj-c .mj-c-body>:nth-child(3){animation-delay:.06s}
  .mj-c .mj-c-body>:nth-child(4){animation-delay:.08s}
  .mj-c .mj-c-body>:nth-child(n+5),.mj-c .mj-c-foot{animation-delay:.1s}
  .mj-c .mj-c-big .mj-c-num,.mj-c .mj-c-deco .mj-c-num{animation:mjcPop .38s cubic-bezier(.2,.8,.2,1) both}
  .mj-c .mj-c-bars-c i{transform-origin:50% 100%;animation:mjcBar .4s cubic-bezier(.2,.8,.2,1) both}
  .mj-c .mj-c-prog i{transform-origin:0 50%;animation:mjcBarX .4s cubic-bezier(.2,.8,.2,1) both}
}
@keyframes mjcIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes mjcPop{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}
@keyframes mjcBar{from{transform:scaleY(.04)}to{transform:none}}
@keyframes mjcBarX{from{transform:scaleX(.04)}to{transform:none}}
@media (forced-colors:active){.mj-c .mj-c-rings{display:none}.mj-c .mj-c-btn{border-color:ButtonText}}

/* ---------- Text-Ansicht (Seite „Mein Jahr“, Farben des Mitgliederbereichs hell/dunkel) ---------- */
.mj-c-text{font-size:calc(15px*var(--fz,1));line-height:1.6;color:var(--fg);overflow-wrap:break-word}
.mj-c-text .mj-c-ts{padding:18px 0;border-top:1px solid var(--line)}
.mj-c-text .mj-c-ts:first-child{border-top:0;padding-top:4px}
.mj-c-text .mj-c-ts h2{display:flex;align-items:center;gap:12px;max-width:none;margin:0 0 8px;font:500 calc(21px*var(--fz,1))/1.25 var(--font-serif);letter-spacing:0;color:var(--fg)}
.mj-c-text .mj-c-tico{flex:0 0 auto;display:inline-grid;place-items:center;width:calc(36px*var(--fz,1));height:calc(36px*var(--fz,1));border-radius:11px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.mj-c-text .mj-c-tico .ico{width:56%;height:56%}
.mj-c-text .mj-c-tchip{font:650 calc(13px*var(--fz,1))/1 var(--font-ui);color:var(--fg-2)}
.mj-c-text .mj-c-ts p{max-width:none;margin:6px 0 0;font-size:calc(15px*var(--fz,1));color:var(--fg)}
.mj-c-text .mj-c-ts .mj-c-tlead{font-weight:700}
.mj-c-text .mj-c-ts .mj-c-tsub{margin-top:12px;font-weight:650}
.mj-c-text .mj-c-ts ul{margin:6px 0 0;padding-left:1.3em}
.mj-c-text .mj-c-ts li{margin:3px 0;color:var(--fg)}
.mj-c-text .mj-c-ts .mj-c-tfoot{margin-top:10px;font-size:calc(13.5px*var(--fz,1));color:var(--fg-2)}
.mj-c-text .mj-c-ts ul.mj-c-tb{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:10px}
.mj-c-text .mj-c-tb li{display:flex;align-items:center;gap:8px;margin:0;font-weight:600}
.mj-c-text .mj-c-tb .bdg{width:34px;flex:0 0 auto}
.mj-c-text .mj-c-ts ul.mj-c-tbw{flex-direction:column;flex-wrap:nowrap;gap:10px} /* mit „wofür?“: untereinander, Name fett */
.mj-c-text .mj-c-tbw li{align-items:flex-start;font-weight:400}
.mj-c-text .mj-c-tbw b{font-weight:650}