/* Erklärgrafiken der Lernallianz.
   Farben leiten sich aus der Markenfarbe der Organisation ab (--marke im
   Lernbereich, --primary in der Verwaltung). Hell, dunkel und Handy. */
.gr{
  --gr-1: var(--marke, var(--primary, #0d4f9e));
  --gr-2: color-mix(in srgb, var(--gr-1) 72%, #ffffff);
  --gr-3: color-mix(in srgb, var(--gr-1) 34%, #ffffff);
  --gr-4: color-mix(in srgb, var(--gr-1) 55%, #000000);
  --gr-a: var(--akzent, #d8b23c);
  --gr-auf-1:#ffffff; --gr-auf-2:#ffffff; --gr-auf-3:#0f172a; --gr-auf-4:#ffffff; --gr-auf-a:#1a1405;
  --gr-ink: var(--ink, var(--lt-text, #0f172a));
  --gr-text2: color-mix(in srgb, var(--gr-ink) 78%, var(--gr-flaeche));
  --gr-grau: var(--grau, var(--lt-grau, #64748b));
  --gr-linie: var(--linie, var(--lt-linie, #dde3ec));
  --gr-flaeche: var(--flaeche, var(--lt-flaeche, #ffffff));
  --gr-flaeche2: var(--flaeche2, var(--lt-flaeche2, #f5f7fb));
  --gr-ok:#2f7d4f; --gr-nein:#b4413c; --gr-geld:#2f7d4f; --gr-leistung: var(--gr-1); --gr-vertrag:#7c5cbf; --gr-info: var(--gr-grau);
  margin:0; padding:18px 18px 14px; border:1px solid var(--gr-linie); border-radius:14px;
  background:var(--gr-flaeche2); color:var(--gr-ink); display:flex; flex-direction:column; gap:12px;
  font-size:14.5px; line-height:1.45; min-width:0;
}
[data-theme="dark"] .gr{
  --gr-1: color-mix(in srgb, var(--marke, var(--primary, #0d4f9e)) 55%, #ffffff);
  --gr-2: color-mix(in srgb, var(--marke, var(--primary, #0d4f9e)) 70%, #9fb3c8);
  --gr-3: color-mix(in srgb, var(--marke, var(--primary, #0d4f9e)) 45%, #0b1220);
  --gr-4: color-mix(in srgb, var(--marke, var(--primary, #0d4f9e)) 25%, #cfe0f5);
  --gr-auf-1:#0b1220; --gr-auf-2:#0b1220; --gr-auf-3:#e7ecf3; --gr-auf-4:#0b1220; --gr-auf-a:#1a1405;
  --gr-ok:#5fb47f; --gr-nein:#e27a74; --gr-geld:#5fb47f; --gr-vertrag:#a98be6;
}
@media (prefers-color-scheme: dark){
  [data-theme="auto"] .gr{
    --gr-1: color-mix(in srgb, var(--marke, var(--primary, #0d4f9e)) 55%, #ffffff);
    --gr-2: color-mix(in srgb, var(--marke, var(--primary, #0d4f9e)) 70%, #9fb3c8);
    --gr-3: color-mix(in srgb, var(--marke, var(--primary, #0d4f9e)) 45%, #0b1220);
    --gr-4: color-mix(in srgb, var(--marke, var(--primary, #0d4f9e)) 25%, #cfe0f5);
    --gr-auf-1:#0b1220; --gr-auf-2:#0b1220; --gr-auf-3:#e7ecf3; --gr-auf-4:#0b1220;
    --gr-ok:#5fb47f; --gr-nein:#e27a74; --gr-geld:#5fb47f; --gr-vertrag:#a98be6;
  }
}
.gr *{box-sizing:border-box}
.gr-titel{font-weight:700;font-size:15px;color:var(--gr-ink)}
.gr-beleg{font-size:12.5px;color:var(--gr-grau)}
.gr-leer{margin:0;color:var(--gr-grau);font-size:13.5px}
.gr small{display:block;font-size:12.5px;color:var(--gr-text2);font-weight:400;margin-top:2px}

/* SVG */
.gr-svg{overflow-x:auto;-webkit-overflow-scrolling:touch}
.gr-svg svg{display:block;width:100%;min-width:480px;height:auto;overflow:visible}
.gr svg text{font-family:inherit;fill:var(--gr-text2);font-size:13.5px}
.gr svg .gr-t{fill:var(--gr-ink)}
.gr svg .gr-t2{fill:var(--gr-text2)}
.gr svg .gr-tk{fill:var(--gr-grau);font-size:12.5px}
.gr svg .gr-fett{font-weight:700}
.gr svg .gr-klein{font-size:12px}
.gr svg .gr-gross{font-size:18px}
.gr svg .gr-zahltext{font-family:var(--mono, ui-monospace, monospace);font-size:12px;fill:var(--gr-ink)}
.gr .gr-f1{fill:var(--gr-1)} .gr .gr-f2{fill:var(--gr-2)} .gr .gr-f3{fill:var(--gr-3)} .gr .gr-f4{fill:var(--gr-4)} .gr .gr-fa{fill:var(--gr-a)}
.gr svg .gr-auf1{fill:var(--gr-auf-1)} .gr svg .gr-auf2{fill:var(--gr-auf-2)} .gr svg .gr-auf3{fill:var(--gr-auf-3)} .gr svg .gr-auf4{fill:var(--gr-auf-4)} .gr svg .gr-aufa{fill:var(--gr-auf-a)}
.gr .gr-karte{fill:var(--gr-flaeche);stroke:var(--gr-linie);stroke-width:1.2}
.gr .gr-karte-stark{stroke:var(--gr-2)}
.gr .gr-etikett{fill:var(--gr-flaeche);stroke:var(--gr-linie)}
.gr .gr-verbindung{stroke:var(--gr-2);stroke-width:2;opacity:.6}
.gr .gr-achse{stroke:var(--gr-linie);stroke-width:2}
.gr .gr-raster{stroke:var(--gr-linie);stroke-width:1;stroke-dasharray:2 4}
.gr .gr-marke{stroke:var(--gr-a);stroke-width:2;stroke-dasharray:4 3}
.gr .gr-hilfslinie{stroke:var(--gr-linie);stroke-width:1.2}
.gr .gr-kreisbahn{fill:none;stroke:var(--gr-2);stroke-width:3;opacity:.55}
.gr .gr-kreispfeil{stroke:var(--gr-2);stroke-width:3}
.gr .gr-pfeilspitze{fill:context-stroke}
.gr .gr-fluss{stroke:var(--gr-leistung);stroke-width:2.2;fill:none}
.gr .gr-fluss-geld{stroke:var(--gr-geld)} .gr .gr-fluss-vertrag{stroke:var(--gr-vertrag);stroke-dasharray:6 4}
.gr .gr-fluss-info{stroke:var(--gr-info);stroke-dasharray:2 4}
.gr .gr-linie{fill:none;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}
.gr .gr-s1{stroke:var(--gr-1)} .gr .gr-s2{stroke:var(--gr-a)} .gr .gr-s3{stroke:var(--gr-2)} .gr .gr-s4{stroke:var(--gr-4)}
.gr-legende{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:var(--gr-text2)}
.gr-legende span{display:inline-flex;align-items:center;gap:6px}
.gr-legende i{width:12px;height:12px;border-radius:3px;display:inline-block;flex:none;background:var(--gr-1)}
.gr-legende i.gr-f1{background:var(--gr-1)} .gr-legende i.gr-f2{background:var(--gr-2)} .gr-legende i.gr-f3{background:var(--gr-3)} .gr-legende i.gr-f4{background:var(--gr-4)}
.gr-legende i.gr-li{height:3px;border-radius:2px;width:18px;background:var(--gr-leistung)}
.gr-legende i.gr-fluss-geld{background:var(--gr-geld)} .gr-legende i.gr-fluss-vertrag{background:var(--gr-vertrag)} .gr-legende i.gr-fluss-info{background:var(--gr-info)}
.gr-gesamt{font-weight:700;font-size:14px}

/* Hierarchie: Baum aus Listen */
.gr-baum{overflow-x:auto;padding-bottom:4px}
.gr-baum ul{display:flex;justify-content:center;gap:12px;margin:0;padding:18px 0 0;list-style:none;position:relative}
.gr-baum > ul{padding-top:0}
.gr-baum li{display:flex;flex-direction:column;align-items:center;position:relative;padding-top:18px;min-width:0}
.gr-baum > ul > li{padding-top:0}
.gr-baum li::before{content:"";position:absolute;top:0;left:50%;height:18px;border-left:2px solid var(--gr-2)}
.gr-baum > ul > li::before{display:none}
.gr-baum ul ul::before{content:"";position:absolute;top:0;left:50%;height:18px;border-left:2px solid var(--gr-2)}
.gr-baum ul ul > li::after{content:"";position:absolute;top:0;border-top:2px solid var(--gr-2);left:-6px;right:-6px}
.gr-baum ul ul > li:first-child::after{left:50%}
.gr-baum ul ul > li:last-child::after{right:50%}
.gr-baum ul ul > li:only-child::after{display:none}
.gr-kasten{background:var(--gr-flaeche);border:1.5px solid var(--gr-3);border-radius:10px;padding:8px 12px;font-weight:700;font-size:13.5px;text-align:center;min-width:110px;max-width:220px}
.gr-ebene0{background:var(--gr-1);border-color:var(--gr-1);color:var(--gr-auf-1)}
.gr-ebene0 small{color:var(--gr-auf-1);opacity:.85}
.gr-ebene1{border-color:var(--gr-2)}

/* Prozess */
.gr-prozess{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:22px}
.gr-prozess .gr-schritt{position:relative}
.gr-prozess .gr-schritt:not(:last-child)::after{content:"";position:absolute;right:-17px;top:16px;width:12px;height:12px;border-top:2.5px solid var(--gr-2);border-right:2.5px solid var(--gr-2);transform:rotate(45deg)}
.gr-schritt{background:var(--gr-flaeche);border:1px solid var(--gr-linie);border-radius:12px;padding:12px 12px 12px;display:flex;flex-direction:column;gap:2px;min-width:0}
.gr-schritt b{display:flex;gap:8px;align-items:flex-start;font-size:14px}
.gr-nr{flex:none;width:22px;height:22px;border-radius:50%;background:var(--gr-1);color:var(--gr-auf-1);font-size:12px;display:grid;place-items:center;font-weight:700}
.gr-bahnen-rahmen{overflow-x:auto}
.gr-bahnen{display:grid;gap:8px 10px;min-width:max-content;position:relative}
.gr-bahn{grid-column:1 / -1;background:var(--gr-flaeche);border:1px dashed var(--gr-linie);border-radius:10px}
.gr-bahn-name{grid-column:1;align-self:center;font-weight:700;font-size:13px;padding:0 10px;color:var(--gr-text2)}
.gr-bahnen .gr-schritt{margin:8px 0;z-index:1}

/* Entscheidungsbaum */
.gr-entscheid{overflow-x:auto;padding-bottom:4px}
.gr-frage-knoten{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0}
.gr-frage{background:var(--gr-1);color:var(--gr-auf-1);border-radius:10px;padding:9px 14px;font-weight:700;font-size:13.5px;text-align:center;max-width:280px}
.gr-zweige{display:flex;gap:14px;justify-content:center;align-items:flex-start}
.gr-zweig{display:flex;flex-direction:column;align-items:center;gap:8px;border-top:2px solid var(--gr-2);padding-top:8px;min-width:140px}
.gr-antwort{font-size:12px;font-weight:700;border-radius:99px;padding:2px 10px}
.gr-antwort-ja{background:color-mix(in srgb, var(--gr-ok) 18%, transparent);color:var(--gr-ok)}
.gr-antwort-nein{background:color-mix(in srgb, var(--gr-nein) 18%, transparent);color:var(--gr-nein)}
.gr-ergebnis{background:var(--gr-flaeche);border:2px solid var(--gr-a);border-radius:10px;padding:8px 12px;font-size:13.5px;font-weight:600;text-align:center;max-width:240px}

/* Zeitstrahl Ereignisse */
.gr-zeit{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:0}
.gr-zp{display:flex;flex-direction:column;gap:3px;padding-right:12px;position:relative;padding-top:24px}
.gr-zp::before{content:"";position:absolute;top:7px;left:0;right:0;height:2px;background:var(--gr-linie)}
.gr-zp:last-child::before{right:auto;width:16px}
.gr-punkt{position:absolute;top:0;left:0;width:16px;height:16px;border-radius:50%;background:var(--gr-flaeche);border:3px solid var(--gr-2)}
.gr-wichtig .gr-punkt{background:var(--gr-a);border-color:var(--gr-a)}
.gr-datum{font-family:var(--mono, ui-monospace, monospace);font-size:12px;color:var(--gr-grau)}
.gr-zp b{font-size:14px}
@media (max-width:640px){
  .gr-zeit{grid-template-columns:1fr;gap:14px}
  .gr-zp{padding:0 0 0 26px}
  .gr-zp::before{top:0;bottom:-14px;left:7px;right:auto;width:2px;height:auto}
  .gr-zp:last-child::before{display:none}
}

/* Vergleich */
.gr-vergleich{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:10px}
@media (max-width:640px){.gr-vergleich{grid-template-columns:1fr}}
.gr-spalte{background:var(--gr-flaeche);border:1px solid var(--gr-linie);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.gr-spaltenkopf{padding:10px 14px;font-weight:700;font-size:14px}
.gr-spaltenkopf.gr-f1{background:var(--gr-1);color:var(--gr-auf-1)} .gr-spaltenkopf.gr-f2{background:var(--gr-2);color:var(--gr-auf-2)}
.gr-spaltenkopf.gr-f3{background:var(--gr-3);color:var(--gr-auf-3)} .gr-spaltenkopf.gr-f4{background:var(--gr-4);color:var(--gr-auf-4)}
.gr-spaltenkopf small{color:inherit;opacity:.85}
.gr-spalte ul{margin:0;padding:10px 14px 12px 30px;display:flex;flex-direction:column;gap:5px;font-size:13.5px;color:var(--gr-text2)}
.gr-gemeinsam{background:var(--gr-flaeche);border:1px dashed var(--gr-linie);border-radius:10px;padding:8px 12px;font-size:13px;color:var(--gr-grau);text-align:center}

/* Tabelle */
.gr-tabelle-rahmen{overflow-x:auto}
.gr-tabelle{width:100%;border-collapse:collapse;font-size:13.5px;background:var(--gr-flaeche);border-radius:10px;overflow:hidden}
.gr-tabelle th,.gr-tabelle td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--gr-linie);vertical-align:top;font-variant-numeric:tabular-nums}
.gr-tabelle thead th{background:var(--gr-1);color:var(--gr-auf-1);font-weight:700;border-bottom:0}
.gr-tabelle tbody th{font-weight:700}
.gr-tabelle tr.gr-hervor td,.gr-tabelle tr.gr-hervor th{background:color-mix(in srgb, var(--gr-a) 22%, transparent)}
.gr-tabelle tbody tr:last-child th,.gr-tabelle tbody tr:last-child td{border-bottom:0}

/* Matrix */
.gr-matrix{display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto;gap:8px}
.gr-yachse{grid-row:1;display:flex;flex-direction:column;justify-content:space-between;align-items:center;writing-mode:vertical-rl;transform:rotate(180deg);font-size:12.5px;color:var(--gr-grau);padding:4px 0}
.gr-yachse b,.gr-xachse b{color:var(--gr-ink);font-size:13px}
.gr-felder{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.gr-feld{border-radius:12px;padding:12px 14px;min-height:92px;background:var(--gr-flaeche);border:1px solid var(--gr-linie)}
.gr-feld b{font-size:14px}
.gr-feld1{background:color-mix(in srgb, var(--gr-1) 14%, var(--gr-flaeche));border-color:var(--gr-2)}
.gr-xachse{grid-column:2;display:flex;justify-content:space-between;font-size:12.5px;color:var(--gr-grau)}

/* Kennzahlen */
.gr-zahlen{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.gr-zahl{background:var(--gr-flaeche);border:1px solid var(--gr-linie);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:1px}
.gr-wert{font-size:24px;font-weight:800;color:var(--gr-1);font-variant-numeric:tabular-nums;letter-spacing:-.01em;line-height:1.15}
.gr-einheit{font-size:12.5px;font-weight:600;color:var(--gr-grau)}
.gr-bedeutung{font-size:13px;color:var(--gr-text2);margin-top:4px;line-height:1.35}

/* Rechenschema */
.gr-rechnung{background:var(--gr-flaeche);border:1px solid var(--gr-linie);border-radius:12px;padding:8px 14px;max-width:560px;font-variant-numeric:tabular-nums}
.gr-rz{display:grid;grid-template-columns:22px 1fr auto;gap:8px;padding:6px 0;align-items:baseline;border-bottom:1px solid transparent}
.gr-op{font-weight:700;color:var(--gr-1);text-align:center}
.gr-rwert{font-family:var(--mono, ui-monospace, monospace);text-align:right}
.gr-rwert small{display:inline;color:var(--gr-grau)}
.gr-ergebnis-zeile{border-top:2px solid var(--gr-ink);font-weight:800}
.gr-ergebnis-zeile .gr-rwert{color:var(--gr-1)}

/* Konto und Bilanz */
.gr-konten{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.gr-konto-name,.gr-bilanz-titel{font-weight:800;text-align:center;font-size:14px;margin-bottom:4px}
.gr-tkonto{display:grid;grid-template-columns:1fr 1fr;border-top:2.5px solid var(--gr-ink);background:var(--gr-flaeche);font-variant-numeric:tabular-nums}
.gr-kseite{padding:4px 10px 6px;min-width:0}
.gr-kseite + .gr-kseite{border-left:2.5px solid var(--gr-ink)}
.gr-kkopf{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--gr-grau);font-family:var(--mono, ui-monospace, monospace);padding:2px 0 4px}
.gr-kposten,.gr-kgruppe,.gr-ksumme{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;padding:2px 0}
.gr-kposten span:last-child,.gr-kgruppe span:last-child,.gr-ksumme span:last-child{font-family:var(--mono, ui-monospace, monospace)}
.gr-kgruppe{font-weight:700;margin-top:6px}
.gr-kposten{padding-left:4px}
.gr-kleer{visibility:hidden}
.gr-saldo{color:var(--gr-1);font-weight:700}
.gr-ksumme{border-top:1.5px solid var(--gr-ink);margin-top:4px;font-weight:800}
.gr-bilanz{max-width:640px}

/* Linienfarben im Verlauf und ihre Legende */
.gr .gr-l1{fill:var(--gr-1)} .gr .gr-l2{fill:var(--gr-a)} .gr .gr-l3{fill:var(--gr-2)} .gr .gr-l4{fill:var(--gr-4)}
.gr-legende i.gr-l1{background:var(--gr-1)} .gr-legende i.gr-l2{background:var(--gr-a)} .gr-legende i.gr-l3{background:var(--gr-2)} .gr-legende i.gr-l4{background:var(--gr-4)}
.gr > *{min-width:0;max-width:100%}

/* Kantonskarte */
.gr .gr-kanton{stroke:var(--gr-flaeche);stroke-width:1;stroke-linejoin:round}
.gr .gr-kleer{fill:var(--gr-linie)}
.gr .gr-kohne{fill:color-mix(in srgb, var(--gr-linie) 60%, var(--gr-flaeche))}
.gr .gr-see{fill:color-mix(in srgb, var(--gr-1) 30%, var(--gr-flaeche2));opacity:.9;pointer-events:none}
.gr .gr-ks1{fill:color-mix(in srgb, var(--gr-1) 16%, var(--gr-flaeche))}
.gr .gr-ks2{fill:color-mix(in srgb, var(--gr-1) 34%, var(--gr-flaeche))}
.gr .gr-ks3{fill:color-mix(in srgb, var(--gr-1) 54%, var(--gr-flaeche))}
.gr .gr-ks4{fill:color-mix(in srgb, var(--gr-1) 76%, var(--gr-flaeche))}
.gr .gr-ks5{fill:var(--gr-1)}
.gr .gr-kat1{fill:var(--gr-1)} .gr .gr-kat2{fill:var(--gr-a)} .gr .gr-kat3{fill:var(--gr-ok)}
.gr .gr-kat4{fill:var(--gr-vertrag)} .gr .gr-kat5{fill:var(--gr-nein)} .gr .gr-kat6{fill:var(--gr-4)}
.gr svg .gr-kz{font-size:11px;font-weight:800;fill:var(--gr-ink);paint-order:stroke;stroke:var(--gr-flaeche);stroke-width:3px;stroke-linejoin:round;pointer-events:none}
.gr svg .gr-kzwert{font-weight:600;font-size:10.5px;font-family:var(--mono, ui-monospace, monospace)}
.gr svg .gr-kz-leer{fill:var(--gr-grau);font-weight:600}
.gr-legende i.gr-lk{border-radius:3px}
.gr-legende i.gr-ks1{background:color-mix(in srgb, var(--gr-1) 16%, var(--gr-flaeche))}
.gr-legende i.gr-ks2{background:color-mix(in srgb, var(--gr-1) 34%, var(--gr-flaeche))}
.gr-legende i.gr-ks3{background:color-mix(in srgb, var(--gr-1) 54%, var(--gr-flaeche))}
.gr-legende i.gr-ks4{background:color-mix(in srgb, var(--gr-1) 76%, var(--gr-flaeche))}
.gr-legende i.gr-ks5{background:var(--gr-1)}
.gr-legende i.gr-kat1{background:var(--gr-1)} .gr-legende i.gr-kat2{background:var(--gr-a)} .gr-legende i.gr-kat3{background:var(--gr-ok)}
.gr-legende i.gr-kat4{background:var(--gr-vertrag)} .gr-legende i.gr-kat5{background:var(--gr-nein)} .gr-legende i.gr-kat6{background:var(--gr-4)}
.gr-knotizen{margin:0;padding:0 0 0 18px;font-size:13px;color:var(--gr-text2);display:flex;flex-direction:column;gap:3px}
.gr-knotizen b{color:var(--gr-ink)}

/* Beschriftetes Dokument */
.gr-dok{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}
.gr-typ-dokument{container-type:inline-size}
@container (min-width:640px){.gr-dok-mit{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}}
.gr-dok-blatt{background:var(--gr-flaeche);border:1px solid var(--gr-linie);border-radius:6px;padding:16px 16px 12px;box-shadow:0 1px 2px rgba(15,23,42,.06),0 8px 20px -12px rgba(15,23,42,.25);font-variant-numeric:tabular-nums}
.gr-dok-kopf{display:flex;flex-direction:column;border-bottom:2px solid var(--gr-ink);padding-bottom:8px;margin-bottom:6px}
.gr-dok-kopf b{font-size:15px}
.gr-dok-zeile,.gr-dok-abschnitt{display:grid;grid-template-columns:1fr auto 26px;gap:10px;align-items:center;padding:5px 0;font-size:13.5px;border-bottom:1px dotted var(--gr-linie)}
.gr-dok-abschnitt{grid-template-columns:1fr 26px;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--gr-grau);font-family:var(--mono, ui-monospace, monospace);border-bottom:0;padding-top:10px}
.gr-dok-wert{font-family:var(--mono, ui-monospace, monospace);text-align:right;white-space:nowrap}
.gr-dok-summe{border-top:2px solid var(--gr-ink);border-bottom:0;font-weight:800;margin-top:2px}
.gr-dok-summe .gr-dok-wert{color:var(--gr-1)}
.gr-dmarke{width:22px;height:22px;border-radius:50%;background:var(--gr-a);color:var(--gr-auf-a);font-size:12px;font-weight:800;display:grid;place-items:center;flex:none;font-family:inherit;letter-spacing:0;text-transform:none}
.gr-dmarke-leer{width:22px}
.gr-dok-erkl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.gr-dok-erkl li{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--gr-text2);line-height:1.4}

/* Ursache und Wirkung */
.gr .gr-graete-ruecken{stroke:var(--gr-1);stroke-width:4}
.gr .gr-graete{stroke:var(--gr-2);stroke-width:2.5}
.gr-kette{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:30px 34px;align-items:stretch}
.gr-glied{position:relative;background:var(--gr-flaeche);border:1px solid var(--gr-linie);border-radius:12px;padding:10px 14px;flex:1 1 150px;min-width:0;display:flex;flex-direction:column;gap:2px}
.gr-glied b{font-size:14px}
.gr-glied small{margin:0 0 2px;font-family:var(--mono, ui-monospace, monospace);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--gr-grau)}
.gr-glied:not(:last-child)::after{content:"";position:absolute;right:-24px;top:50%;width:12px;height:12px;margin-top:-6px;border-top:2.5px solid var(--gr-2);border-right:2.5px solid var(--gr-2);transform:rotate(45deg)}
.gr-glied-wirkung{background:var(--gr-1);border-color:var(--gr-1);color:var(--gr-auf-1)}
.gr-glied-wirkung small{color:var(--gr-auf-1);opacity:.85}
@media (max-width:640px){
  .gr-kette{flex-direction:column;gap:26px}
  .gr-glied{flex:none}
  .gr-glied:not(:last-child)::after{right:auto;left:50%;top:auto;bottom:-20px;margin:0 0 0 -6px;transform:rotate(135deg)}
}
.gr-typ-karte .gr-svg svg{min-width:0}
.gr-kliste{display:none}
@media (max-width:640px){
  .gr-typ-karte .gr-svg svg .gr-kz{font-size:19px;stroke-width:4px}
  .gr-typ-karte .gr-svg svg .gr-kzwert{display:none}
  .gr-kliste{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:4px 12px;margin:0;padding:0;list-style:none;font-size:13px;font-variant-numeric:tabular-nums}
  .gr-kliste li{display:flex;justify-content:space-between;gap:6px;border-bottom:1px dotted var(--gr-linie);padding:2px 0}
  .gr-kliste span{font-family:var(--mono, ui-monospace, monospace);color:var(--gr-text2)}
}