.verteilung{background:var(--karte,#fff);border-radius:18px;margin-top:16px;padding:16px}.verteilung-kopf{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.verteilung-kopf h3{margin:0;font-size:1.05rem}.verteilung .klein{color:var(--text-2);font-size:.875rem}.verteilung-balken{border-radius:6px;gap:3px;height:12px;margin:12px 0;display:flex;overflow:hidden}.verteilung-balken span{background:var(--farbe);flex-basis:0}.verteilung-balken span,.verteilung-regler li{--farbe:var(--schiefer)}.verteilung-balken span:nth-child(2),.verteilung-regler li:nth-child(2){--farbe:var(--akzent)}.verteilung-balken span:nth-child(3),.verteilung-regler li:nth-child(3){--farbe:var(--schiefer-hell)}.verteilung-balken span:nth-child(4),.verteilung-regler li:nth-child(4){--farbe:var(--grau-hg)}.verteilung-regler{margin:0;padding:0;list-style:none;display:grid}.verteilung-regler li{align-items:center;gap:12px;min-height:56px;padding:4px 0;display:flex}.verteilung-regler li+li{border-top:1px solid var(--linie,#eeece8)}.verteilung .marke{background:var(--farbe);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);flex:none;width:14px;height:14px}.verteilung .vname{flex:1;min-width:0;font-weight:600}.verteilung .anteil{font-variant-numeric:tabular-nums;white-space:nowrap}.verteilung .hilfe{margin:12px 0 0}.verteilung .zaehler{flex:none;gap:8px;display:flex}.verteilung .zaehler button{touch-action:manipulation;width:44px;height:44px;font:inherit;border:1.5px solid var(--rand,#dcdad5);background:var(--karte,#fff);color:var(--schiefer);cursor:pointer;border-radius:22px;font-size:1.4rem;line-height:1}.verteilung .zaehler button:last-child{background:var(--schiefer);border-color:var(--schiefer);color:var(--weiss)}.verteilung button:disabled{opacity:.4;cursor:not-allowed}.verteilung-gleich{min-height:44px;font:inherit;border:1.5px solid var(--schiefer);color:var(--schiefer);cursor:pointer;background:0 0;border-radius:22px;margin-top:8px;padding:0 18px;font-weight:600}