.ui-kpi{grid-template-columns:repeat(var(--spalten),minmax(0,1fr));border:1px solid var(--line);border-radius:var(--r-2);background:var(--line);gap:1px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.ui-kpi li{align-items:end;gap:var(--s-1) var(--s-2);padding:var(--s-4);background:var(--paper-0);grid-template-columns:minmax(0,1fr) auto;display:grid}.ui-kpi-name{color:var(--ink-3);grid-column:1/-1;align-items:center;gap:6px;font-size:13px;display:flex}.ui-kpi-name i{background:var(--akzent);border-radius:2px;width:8px;height:8px}.ui-kpi b{letter-spacing:-.02em;color:var(--ink-1);font-size:26px;font-weight:300;line-height:1.1}.ui-kpi small{font-size:12px;font-weight:var(--w-ui);color:var(--akzent-text)}.ui-kpi svg{width:100%;height:28px;margin-top:var(--s-2);grid-column:1/-1;overflow:visible}.ui-kpi polyline{fill:none;stroke:var(--akzent);stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.ui-kpi polygon{fill:var(--akzent);opacity:.1}.js [data-zeigen] .ui-kpi svg{clip-path:inset(-4px 100% -4px -4px);transition:clip-path 1.3s var(--ease-out) .5s}.js [data-zeigen].sichtbar .ui-kpi svg{clip-path:inset(-4px)}@media (prefers-reduced-motion:reduce){.js [data-zeigen] .ui-kpi svg{clip-path:none;transition:none}}@media (width<=900px){.ui-kpi{--spalten:2!important}}.ui-knoten{width:100%;max-width:490px;height:auto;margin-inline:auto;display:block;overflow:visible}#knoten-raster circle{fill:#0d1c3033}.ui-knoten-weg{fill:none;stroke:#8f9aac;stroke-width:1.25px;stroke-linecap:round;stroke-dasharray:0 4}.ui-knoten-puls path{fill:none;stroke:var(--akzent);stroke-linecap:round;stroke-dasharray:0 200;stroke-dashoffset:0}.ui-knoten-puls .schweif{stroke-width:2px;opacity:.3}.ui-knoten-puls .kopf{stroke-width:2px}.ui-knoten-puls[data-puls=intent]{--akzent:var(--orange)}.ui-knoten-puls[data-puls=website],.ui-knoten-puls[data-puls=ads]{--akzent:var(--blue)}.ui-knoten-puls[data-puls=crm]{--akzent:var(--red)}.ui-knoten-ziel rect{fill:var(--paper-0);stroke:var(--line);filter:drop-shadow(0 1px 1px #0d1c300a)drop-shadow(0 4px 10px #0d1c3012)}.ui-knoten-ziel .status{fill:var(--akzent)}.ui-knoten-ziel .ring{fill:none;stroke:var(--akzent);stroke-width:1.25px;opacity:0}.ui-knoten-ziel text{fill:var(--ink-1);font:500 13px Archivo,sans-serif}.ui-knoten-ziel[data-akzent=rot] rect{stroke:var(--red);stroke-width:1.25px}.ui-knoten-kachel{fill:url(#knoten-kachel);stroke:#ffffff1a;filter:drop-shadow(0 2px 3px #0d1c301f)drop-shadow(0 10px 18px #0d1c3038)}.ui-knoten-zeichen{--kreis:#fff;color:#fff}