.okr *{box-sizing:border-box}.okr{--okr-tinte:#15131c;--okr-grau:#5b5670;--okr-linie:#e4e0ef;--okr-flaeche:#fff;--okr-violett:#5b3fd6;--okr-rot:#b23327;--okr-rot-grund:#fdeceb;--okr-gelb:#8a5f0b;--okr-gelb-grund:#fdf5e3;--okr-gruen:#1e7d45;--okr-gruen-grund:#eaf7ee;color:var(--okr-tinte);gap:20px;display:grid}.okr-leiste{border:1px solid var(--okr-linie);z-index:5;background:#fbfaff;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex;position:sticky;top:0}.okr-bilanz{align-items:center;gap:10px;font-size:15px;font-weight:650;display:flex}.okr-knoepfe{flex-wrap:wrap;gap:8px;display:flex}.okr-punkt{border-radius:50%;flex:none;width:14px;height:14px;display:inline-block}.okr-punkt--rot{background:#c0392b}.okr-punkt--gelb{background:#c9880f}.okr-punkt--gruen{background:#2eaf62}.okr-punkt--gross{width:20px;height:20px}.okr-feld{gap:4px;display:grid}.okr-feld>label{color:var(--okr-grau);font-size:12px;font-weight:650}.okr-feld input,.okr-feld textarea,.okr-feld select{font:inherit;border:1px solid var(--okr-linie);background:var(--okr-flaeche);color:var(--okr-tinte);border-radius:9px;width:100%;padding:9px 11px;font-size:15px}.okr-feld input:focus-visible,.okr-feld textarea:focus-visible,.okr-feld select:focus-visible,.okr button:focus-visible{outline:3px solid var(--okr-violett);outline-offset:2px}.okr-btn{font:inherit;border:1px solid var(--okr-linie);background:var(--okr-flaeche);color:var(--okr-tinte);cursor:pointer;border-radius:9px;padding:9px 14px;font-size:14px;font-weight:600}.okr-btn:hover{border-color:#c9c2df}.okr-btn:disabled{opacity:.55;cursor:default}.okr-btn--stark{background:var(--okr-violett);border-color:var(--okr-violett);color:#fff}.okr-btn--stark:hover{background:#4b32ba;border-color:#4b32ba}.okr-btn--klein{padding:6px 10px;font-size:13px}.okr-kontext{grid-template-columns:2fr 1fr;gap:12px;display:grid}.okr-o{border:1px solid var(--okr-linie);background:var(--okr-flaeche);border-radius:14px;overflow:hidden}.okr-o__kopf{border-bottom:1px solid var(--okr-linie);background:#f7f5fe;gap:10px;padding:16px;display:grid}.okr-o__zeile{align-items:center;gap:10px;display:flex}.okr-o__nr{letter-spacing:.06em;text-transform:uppercase;color:var(--okr-violett);font-size:12px;font-weight:700}.okr-o__weg{margin-left:auto}.okr-o__body{gap:12px;padding:16px;display:grid}.okr-o__meta{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.okr-kr{border:1px solid var(--okr-linie);background:#fdfcff;border-radius:12px;gap:10px;padding:13px;display:grid}.okr-kr__oben{align-items:center;gap:10px;display:flex}.okr-kr__feld{flex:1;min-width:0}.okr-o__sorte{max-width:280px}.okr-bilanz__zahlen{color:var(--okr-grau);font-weight:400}.okr-kr__werte{grid-template-columns:1fr 1fr 1fr 1.4fr;gap:10px;display:grid}.okr-kr__werte--binaer{grid-template-columns:1fr 1.4fr}.okr-befunde{gap:7px;margin:0;padding:0;list-style:none;display:grid}.okr-befund{border-radius:9px;grid-template-columns:14px 1fr;align-items:start;gap:9px;padding:9px 11px;font-size:13.5px;line-height:1.5;display:grid}.okr-befund--rot{background:var(--okr-rot-grund);color:var(--okr-rot)}.okr-befund--gelb{background:var(--okr-gelb-grund);color:var(--okr-gelb)}.okr-befund__punkt{margin-top:4px}.okr-befund__rat{color:var(--okr-tinte);opacity:.82;display:block}.okr-befund__quelle{color:var(--okr-tinte);vertical-align:1px;background:#15131c14;border-radius:999px;margin-left:6px;padding:1px 6px;font-size:11px;font-weight:700;display:inline-block}.okr-gut{background:var(--okr-gruen-grund);color:var(--okr-gruen);border-radius:9px;align-items:center;gap:9px;padding:9px 11px;font-size:13.5px;font-weight:600;display:flex}.okr-vorschlag{background:#f7f5fe;border:1px dashed #c9c2df;border-radius:14px;gap:10px;padding:16px;display:grid}.okr-hinweis{color:var(--okr-grau);margin:0;font-size:13.5px}.okr-warnung{background:var(--okr-gelb-grund);color:var(--okr-gelb);border-radius:9px;margin:0;padding:9px 11px;font-size:13.5px}.okr-fuss{flex-wrap:wrap;align-items:center;gap:8px;padding-top:4px;display:flex}.okr-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:720px){.okr-kontext,.okr-kr__werte,.okr-kr__werte--binaer{grid-template-columns:1fr}.okr-leiste{position:static}.okr-kr__oben{flex-wrap:wrap}.okr-kr__feld{flex:100%;order:3}.okr-kr__oben>.okr-btn{margin-left:auto}}