diff --git a/src/main/angular/colors.less b/src/main/angular/colors.less
index 4c779a2..d3832e6 100644
--- a/src/main/angular/colors.less
+++ b/src/main/angular/colors.less
@@ -6,6 +6,7 @@
 @consumption: orange;
 @purchase: orangered;
 @production: dodgerblue;
+@cistern: #0760ff;
 @self: forestgreen;
 @delivery: magenta;
 
@@ -46,6 +47,10 @@
   color: @delivery;
 }
 
+.cistern {
+  color: @cistern;
+}
+
 .zero {
   filter: opacity(20%);
 }
diff --git a/src/main/angular/src/app/core/api.service.ts b/src/main/angular/src/app/core/api.service.ts
index b6d864a..49ff931 100644
--- a/src/main/angular/src/app/core/api.service.ts
+++ b/src/main/angular/src/app/core/api.service.ts
@@ -4,7 +4,7 @@ import {map, Subscription} from 'rxjs';
 import {StompService} from '@stomp/ng2-stompjs';
 import {FromJson, Next} from './types';
 
-const DEV_TO_PROD = false;
+const DEV_TO_PROD = true;
 
 @Injectable({
   providedIn: 'root'
diff --git a/src/main/angular/src/app/live/cistern/cistern.component.html b/src/main/angular/src/app/live/cistern/cistern.component.html
index a5e4b7f..bae772e 100644
--- a/src/main/angular/src/app/live/cistern/cistern.component.html
+++ b/src/main/angular/src/app/live/cistern/cistern.component.html
@@ -6,23 +6,15 @@
 
   <div tile-body>
 
-    <table class="vertical">
-      <tr>
-        <th>Füllgrad</th>
-        <td class="valueInteger">{{ seriesService.cisternHeight.series?.lastValue?.percent(93.5)?.localeString }}</td>
-        <td class="unit">%</td>
-      </tr>
-      <tr>
-        <th>Füllhöhe</th>
-        <td class="valueInteger">{{ seriesService.cisternHeight.series?.lastValue?.localeString }}</td>
-        <td class="unit">{{ seriesService.cisternHeight.series?.lastValue?.unit?.unit }}</td>
-      </tr>
-      <tr>
-        <th>Volumen</th>
-        <td class="valueInteger">{{ seriesService.cisternVolume.series?.lastValue?.localeString }}</td>
-        <td class="unit">{{ seriesService.cisternVolume.series?.lastValue?.unit?.unit }}</td>
-      </tr>
-    </table>
+    <div class="numberTable">
+      <div class="content">
+        <div class="entry cistern">
+          <div class="name">Volumen</div>
+          <div class="percent">{{ seriesService.cisternVolume.series?.lastValue?.percent(2000)?.localeString }} %</div>
+          <div class="value">{{ seriesService.cisternVolume.series?.lastValue?.localeString }} {{ seriesService.cisternVolume.series?.unit?.unit }}</div>
+        </div>
+      </div>
+    </div>
 
     <img width="100%" *ngIf="seriesService.cisternVolume.series" [src]="graph(seriesService.cisternVolume.series)" [alt]="seriesService.cisternVolume.series.title">