.fn{--kreis-a:#F0708E;--kreis-b:#E85D7E;--fn-bg:#FAFAFB;--fn-text:#4A4A55;
    --c0:#F0708E;--c1:#F5A524;--c2:#7CC242;--c3:#3FD3B0;--c4:#3D8BF2;--c5:#8B3FD9;--c6:#22B8CF;--c7:#8A8A94;--c8:#A6B82D;
    margin:0;background:var(--fn-bg);border-radius:24px;padding:clamp(12px,3vw,32px);border:1px solid var(--line)}
.fn[data-farben="marke"]{--kreis-a:#145BD7;--kreis-b:#050953;
    --c0:#145BD7;--c1:#050953;--c2:#698894;--c3:#53637E;--c4:#3E6FD8;--c5:#2E3C6E;--c6:#7E93D8;--c7:#0D8A61;--c8:#9AA7C7}
@media (prefers-color-scheme:dark){.fn{--fn-bg:#0E1430;--fn-text:#E3E7F5}}

.fn svg{display:block;width:100%;height:auto;overflow:visible}
.fn-label{font:700 18px var(--font);letter-spacing:.03em;text-transform:uppercase;fill:var(--fn-text)}
.fn-kreis-label{font:700 15px var(--font);letter-spacing:.08em;fill:#fff}
.fn-kreis-titel{font:700 36px var(--font);letter-spacing:.05em;fill:#fff}
.fn-kerbe{stroke:var(--fn-bg)}
.fn-pfad{fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:opacity .25s ease}
.fn-punkt{fill:none;stroke-width:1.4;stroke-dasharray:1.5 5;stroke-linecap:round;opacity:.55}
.fn-zeile{cursor:default;transition:opacity .25s ease}
.fn-zeile .fn-icon{fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.fn.ist-fokus .fn-pfad,.fn.ist-fokus .fn-zeile{opacity:.18}
.fn.ist-fokus .fn-pfad.an,.fn.ist-fokus .fn-zeile.an{opacity:1}

.fn-liste{display:none}
@media (max-width:720px){
  .fn svg.fn-grafik{display:none}
  .fn-liste{display:block}
  .fn-liste-kreis{width:150px;height:150px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;text-align:center;color:#fff;font:700 24px/1.05 var(--font);letter-spacing:.05em;background:radial-gradient(circle at 35% 30%,var(--kreis-a),var(--kreis-b))}
  .fn-liste li{display:flex;align-items:center;gap:14px;padding:12px 4px;border-bottom:2px solid var(--f)}
  .fn-liste svg.fn-mini{display:block;width:26px;height:26px;flex-shrink:0;stroke:var(--f);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
  .fn-liste span{font:700 14px var(--font);letter-spacing:.03em;text-transform:uppercase;color:var(--fn-text)}
}