.cb-ud-messwerte{.mess { position: relative; height: 60px; margin-top: 20px; }
.mess > * { position: absolute; bottom: 18px; }
.mess-spur { left: 0; right: 0; height: 1px; background: var(--linie-stark); }
.mess-strich { width: 1px; height: 5px; background: var(--linie-stark); }
.mess-strich.gross { height: 9px; background: var(--leise); }
.mess-strich:nth-child(2) { left: calc(0% - 0px); }
.mess-strich:nth-child(3) { left: calc(5% - 0px); }
.mess-strich:nth-child(4) { left: calc(10% - 0px); }
.mess-strich:nth-child(5) { left: calc(15% - 0px); }
.mess-strich:nth-child(6) { left: calc(20% - 0px); }
.mess-strich:nth-child(7) { left: calc(25% - 0px); }
.mess-strich:nth-child(8) { left: calc(30% - 0px); }
.mess-strich:nth-child(9) { left: calc(35% - 0px); }
.mess-strich:nth-child(10) { left: calc(40% - 0px); }
.mess-strich:nth-child(11) { left: calc(45% - 0px); }
.mess-strich:nth-child(12) { left: calc(50% - 0px); }
.mess-strich:nth-child(13) { left: calc(55% - 0px); }
.mess-strich:nth-child(14) { left: calc(60% - 0px); }
.mess-strich:nth-child(15) { left: calc(65% - 0px); }
.mess-strich:nth-child(16) { left: calc(70% - 0px); }
.mess-strich:nth-child(17) { left: calc(75% - 0px); }
.mess-strich:nth-child(18) { left: calc(80% - 0px); }
.mess-strich:nth-child(19) { left: calc(85% - 0px); }
.mess-strich:nth-child(20) { left: calc(90% - 0px); }
.mess-strich:nth-child(21) { left: calc(95% - 0px); }
.mess-strich:nth-child(22) { left: calc(100% - 1px); }
.mess-strecke { height: 2px; background: color-mix(in srgb, var(--akzent) 25%, transparent); transform-origin: 0 50%; transition: transform 1.1s 0.2s var(--ease); }
.weniger .mess-strecke { transform-origin: 100% 50%; }
.mess-marke { width: 2px; height: 10px; background: var(--leise); }
.mess-marke.nach { height: 14px; background: var(--akzent); transition: opacity 0.5s 0.9s, transform 0.5s 0.9s var(--ease); }
.mess-marke span { position: absolute; bottom: 100%; left: 0; padding-bottom: 5px; font: 0.75rem/1 var(--mono); font-variant-numeric: tabular-nums; white-space: nowrap; color: var(--leise); }
.mess-marke.vor span { transform: translateX(calc(-100% - 5px)); }
.weniger .mess-marke.vor span { transform: translateX(7px); }
.mess-marke.nach span { left: 1px; transform: translateX(-50%); color: var(--akzent); }
.mess-ziffer { bottom: 0; left: 0; font: 0.6875rem/1 var(--mono); font-variant-numeric: tabular-nums; color: var(--leise); }
.mess-ziffer.mitte { left: 50%; transform: translateX(-50%); }
.mess-ziffer.ende { left: auto; right: 0; }
:root:not(.js) & .mess :is(.mess-marke, .mess-strecke) { display: none; }
:root.js & .messwert:not(.da) .mess-strecke { transform: scaleX(0); }
:root.js & .messwert:not(.da) .mess-marke.nach { opacity: 0; transform: translateY(4px); }
.live-punkt { flex: none; position: relative; width: 10px; height: 10px; margin-top: 7px; border-radius: 50%; background: var(--akzent); box-shadow: 0 0 0 4px color-mix(in srgb, var(--akzent) 20%, transparent); }}