/* =====================================================================
   Systemlandkarte (Start und Profil): ERP in der Mitte, Systeme als Knoten,
   Werkzeuge als Verbindungen. SVG aus tools/landkarte-svg.js, Bewegung aus
   js/landkarte.js. Endzustand ohne JavaScript, mit reduzierter Bewegung und
   im Druck: alles verbunden, keine Pulse. Nichts läuft endlos (WCAG 2.2.2).
   --lk-grund: Farbe hinter der Karte (Freistellung der Beschriftungen)
   Seit 05.11.2026 in der Plakat-Bildsprache: schwarze Verbindungen, rote Medienbrüche, rote Scheibe in der Mitte.
   ===================================================================== */
.lk{display:block;width:100%;height:auto;overflow:visible}
/* Verbindung: im Endzustand Schwarz; gelöst (nur per Skript) unsichtbar, an ihrer Stelle die rot gestrichelte Bruchlinie */
.lk-kante{fill:none;stroke:var(--ink);stroke-width:2.5;transition:stroke-width .5s,opacity .5s}
.lk-kante:not(.an){opacity:0}
.lk-bruchlinie{fill:none;stroke:var(--bruch);stroke-opacity:.6;stroke-width:2;stroke-dasharray:6 7;transition:opacity .4s}
.lk-bruchlinie.weg{opacity:0}
.lk-bruch{font:500 12px var(--mono);fill:var(--bruch);paint-order:stroke;stroke:var(--lk-grund,var(--hall));stroke-width:6px;stroke-linejoin:round;transition:opacity .5s}
.lk-bruch.weg{opacity:0}
.lk-strich{stroke:var(--bruch);stroke-width:2;stroke-linecap:round}
.lk-knoten{transition:opacity .5s}
.lk-knoten rect{fill:var(--paper);stroke:var(--line);stroke-width:1.5;rx:0;transition:stroke .6s}
.lk-knoten.an rect{stroke:var(--ink)}
.lk-knoten text{font:750 15px var(--body);fill:var(--ink);letter-spacing:-.01em}
.lk .lk-unter{font:500 11.5px var(--mono);fill:var(--ink-2)}
.lk-kern{fill:var(--rot)}
.lk-titel{font:800 30px var(--body);fill:#fff;letter-spacing:-.02em}
.lk-mitte .lk-unter{fill:#fff}
.lk-ring{fill:none;stroke:var(--ink);stroke-width:1.2;opacity:0;transition:opacity .6s}
.lk-ring.an{opacity:1}
/* Datenpulse: einmalig (Einstieg, Überfahren) oder im Takt des Bildlaufs (Werkzeug im Blick) */
.lk-puls,.lk-zug{fill:var(--petrol-l)}
.lk-puls{opacity:0}
.lk-halo{fill:none;stroke:var(--petrol-l);stroke-width:2}
/* Werkzeug als Station auf seiner Verbindung – an der Stelle des früheren Medienbruchs (Code wie in der Karte daneben) */
.lk-station rect{fill:var(--ink)}
.lk-station text{font:500 12px var(--mono);fill:var(--mark);letter-spacing:.04em}
/* Belegkette: Belege laufen vom Shop ins ERP und von dort zu Lager, Versand und Finanzen */
.lk-blatt{fill:var(--paper);stroke:var(--ink);stroke-width:1.5;stroke-linejoin:round}
.lk-ecke{fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linejoin:round}
.lk-beleg-text{font:600 12.5px var(--mono);fill:var(--ink);paint-order:stroke;stroke:var(--lk-grund,var(--hall));stroke-width:5px;stroke-linejoin:round}
.lk-auftrag{font:500 12px var(--mono);fill:var(--mark);letter-spacing:.06em}
.lk-empfang{fill:none;stroke:var(--mark);stroke-width:3}
.lk.fokus .lk-kante:not(.hell){opacity:.18}
.lk.fokus .lk-knoten:not(.hell){opacity:.35}
.lk .lk-kante.hell{stroke-width:4}
.lk-legende{margin:6px 0 0;text-align:center;font:500 13px/1.6 var(--mono);color:var(--ink-2)}
.lk-legende b{color:var(--ink);font-weight:500}
.lk-legende .ring::before{content:"";display:inline-block;width:18px;margin-right:6px;vertical-align:middle;border-top:1.5px solid var(--ink)}
@media print{.lk-pulse,.lk-kette,.lk-station{display:none}}