.muster { border: 2px solid #999; background: #fff; margin: .4rem 0 .2rem; padding-block: 1rem; }
.muster p { margin: 0 0 .6rem; }
.muster .band { background: #cdd8e8; color: #33415c; text-align: center;
                padding: 1.4rem 0; margin: .8rem 0; font-size: .85rem; }
/* Die Begrenzung sitzt auf der gemeinsamen Huelle, nicht auf den einzelnen
   Elementen. Sonst rechnet 70ch in der kleineren Schrift der Farbflaeche
   eine andere Breite aus als im Fliesstext, und die Kanten stimmen nicht ueberein. */
.text, .band { padding-inline: 16px; }
/* 70ch plus die beiden Innenabstaende: so ist der Textbereich bei B exakt
   so breit wie bei C, und der einzige Unterschied bleibt die Farbflaeche. */
.b .huelle { max-width: calc(70ch + 32px); margin-inline: auto; }
.c .text   { max-width: 70ch; margin-inline: auto; }
.ch-probe { position: absolute; visibility: hidden; width: 1ch; }
.ablesung { font-variant-numeric: tabular-nums; font-size: .9rem; margin: 0 0 1.4rem; }
.ablesung b { font-size: 1.1rem; }
.zuviel { color: #c00; font-weight: bold; }