diff --git a/assets/img/AG.png b/assets/img/AG.png
index 1c87df6..0582555 100644
Binary files a/assets/img/AG.png and b/assets/img/AG.png differ
diff --git a/css/solar.css b/css/solar.css
index 5be521c..38ec19b 100644
--- a/css/solar.css
+++ b/css/solar.css
@@ -967,3 +967,37 @@ input[type='range']::-webkit-slider-runnable-track {
    die Zustandszeile darunter soll trotzdem lesbar bleiben. */
 .log-liste .log-wahl.active .text-secondary,
 .log-liste .log-wahl.active .text-warning { color: rgba(255, 255, 255, .75) !important; }
+
+/* Etagenschalter im Grundriss der Home-Ansicht.
+
+   Vorher waren sie ein duenner Ring in einem Amber (#aa7713), das sonst
+   nirgends im Dashboard vorkommt - und alle vier sahen immer gleich aus,
+   die aktive Etage war an ihnen nicht zu erkennen. Jetzt tragen sie
+   dieselbe Scheibe wie die Kacheln im Grundriss, und die aktive Etage
+   bekommt die Akzentfarbe der Schieberegler. */
+.floorBtn { cursor: pointer; }
+
+.floorBtn circle {
+  fill: #0006;
+  stroke: #9aa0a6;
+  stroke-width: 4;
+  opacity: .55;
+  transition: stroke .25s ease, opacity .25s ease;
+}
+
+.floorBtn text {
+  font: 600 34px Poppins, system-ui, sans-serif;
+  fill: #9aa0a6;
+  opacity: .8;
+  transition: fill .25s ease, opacity .25s ease;
+  /* Der Kreis faengt den Klick, nicht die Beschriftung - sonst wandert der
+     Textcursor ueber die Schrift, sobald man sie streift. */
+  user-select: none;
+  pointer-events: none;
+}
+
+.floorBtn:hover circle { opacity: .8; }
+.floorBtn:hover text   { opacity: 1; }
+
+.floorBtn.active circle { stroke: #00788F; opacity: 1; }
+.floorBtn.active text   { fill: #e8ede9; opacity: 1; }
diff --git a/js/solar/homeMQTT.js b/js/solar/homeMQTT.js
index e878bb5..0ca0866 100644
--- a/js/solar/homeMQTT.js
+++ b/js/solar/homeMQTT.js
@@ -232,6 +232,15 @@ function switchFloor(floor){
   };
   inAnim.play();
   outAnim.play();
+
+  // Welche Etage gerade zu sehen ist, stand den Schaltern bisher nicht an -
+  // alle vier sahen immer gleich aus. classList und nicht die Helfer
+  // addClass/removeClass weiter oben: deren "el.className +=" wirkt auf
+  // SVG-Elementen nicht, dort ist className schreibgeschuetzt.
+  document.querySelectorAll(".floorBtn").forEach(function (schalter) {
+    schalter.classList.toggle("active", schalter.id === floor);
+  });
+
   currentFloor = floor;
 }
 
diff --git a/restricted/home.php b/restricted/home.php
index 021df39..dd0ea94 100644
--- a/restricted/home.php
+++ b/restricted/home.php
@@ -38,10 +38,6 @@
                 <svg viewBox="0 0 400 300" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
 
                   <defs>
-                    <g id="floorBtn">
-                      <path fill="transparent" stroke-width="4"
-                        d="M 99.86386438745993 22.00011880076356 A 50 50 0 1 0 100 22" />
-                    </g>
                     <g id="heater" filter="url(#shadow)" transform="translate(1.5,1),scale(0.2,0.2)" fill="#993311" stroke="#FF2211">
                       <path clip-path="M-22 2.24h42V22h-42z"
                         d="M16.543 8.028c-.023 1.503-.523 3.538-2.867 4.327.734-1.746.846-3.417.326-4.979-.695-2.097-3.014-3.735-4.557-4.627-.527-.306-1.203.074-1.193.683.02 1.112-.318 2.737-1.959 4.378C4.107 9.994 3 12.251 3 14.517 3 17.362 5 21 9 21c-4.041-4.041-1-7.483-1-7.483C8.846 19.431 12.988 21 15 21c1.711 0 5-1.25 5-6.448 0-3.133-1.332-5.511-2.385-6.899-.347-.458-1.064-.198-1.072.375" />
@@ -80,27 +76,38 @@
 <?php endforeach; ?>
 <?php
                     /*
-                     * Der Kreis ist 50 hoch und sitzt 11 unter der Oberkante
-                     * seiner Gruppe. Bei drei Etagen bleibt es bei den
-                     * gewohnten 100 Einheiten Abstand; ab der vierten ruecken
-                     * sie zusammen, sonst faellt die unterste aus der 300
-                     * hohen viewBox heraus.
+                     * Groesse der Etagenschalter. Der Kreis ist im eigenen
+                     * Koordinatensystem 88 Einheiten breit und reicht von 28
+                     * bis 116 unter die Oberkante seiner Gruppe; alles andere
+                     * folgt daraus. Sie waren einmal doppelt so gross und
+                     * beherrschten damit die linke Seite - und das Bild des
+                     * Aussengelaendes musste umso weiter einruecken, um sie
+                     * freizuhalten.
+                     */
+                    $mass = 0.38;
+                    $kreisUnten = 116 * $mass;
+
+                    /*
+                     * Bei drei Etagen bleibt es bei den gewohnten 100
+                     * Einheiten Abstand; ab der vierten ruecken sie zusammen,
+                     * sonst faellt die unterste aus der 300 hohen viewBox.
                      */
                     $abstand = count($etagen) > 1
-                             ? min(100, (295 - 61) / (count($etagen) - 1))
+                             ? min(100, (295 - $kreisUnten) / (count($etagen) - 1))
                              : 0;
-                    // Von Hand mittig gerueckt, je nach Breite der Buchstaben.
-                    $textX = ["OG" => 62, "EG" => 64, "UG" => 63, "AG" => 62];
 ?>
 <?php foreach ($etagen as $i => $etage): ?>
-                    <g id="<?= $etage ?>" onclick="switchFloor('<?= $etage ?>')" cursor="pointer"
-                       transform="translate(0,<?= round($i * $abstand, 1) ?>), scale(0.50,0.50)">
-                      <animate id="show<?= $etage ?>" begin=click attributetype="CSS" attributeName="opacity"
-                        from=0 to=1 dur="0.1s" repeatCount="1" calcMode="spline" keyTimes="0;1"
-                        keySplines=".1,0,.27,1" fill="freeze"></animate>
-                      <use href="#floorBtn" stroke="#aa7713" />
-                      <text fill="#aa7713" style="font: 3em sans-serif;"
-                            transform="translate(<?= $textX[$etage] ?? 62 ?>,90)"><?= $etage ?></text>
+                    <g id="<?= $etage ?>" class="floorBtn<?= $_GET["floor"] == $etage ? " active" : "" ?>"
+                       onclick="switchFloor('<?= $etage ?>')"
+                       transform="translate(0,<?= round($i * $abstand, 1) ?>), scale(<?= $mass ?>)">
+                      <!-- Die Beschriftung sitzt ueber text-anchor und
+                           dominant-baseline im Kreismittelpunkt. Vorher stand
+                           je Etage ein von Hand gesuchter Versatz im Markup
+                           (62, 63, 64), und eine neue Etage brauchte einen
+                           neuen. Aussehen und Zustand stehen in css/solar.css. -->
+                      <circle cx="50" cy="72" r="44" />
+                      <text x="50" y="72" text-anchor="middle"
+                            dominant-baseline="central"><?= $etage ?></text>
                     </g>
 <?php endforeach; ?>
 <?php foreach (floorsWithPlan() as $floor): ?>
diff --git a/restricted/rooms.php b/restricted/rooms.php
index 57a0295..45203ea 100644
--- a/restricted/rooms.php
+++ b/restricted/rooms.php
@@ -107,7 +107,7 @@ $rooms = [
     // Die Namen muessen genau so lauten wie unter invertersN/name. Passt
     // einer nicht, schreibt homeMQTT.js die vorhandenen Namen in die
     // Browser-Konsole - dann steht dort, was hier hingehoert.
-    ["floor" => "AG", "mqtt" => "Carport EG",   "id" => "carport_eg", "x" => 156, "y" => 214,
+    ["floor" => "AG", "mqtt" => "Carport EG",   "id" => "carport_eg", "x" => 179, "y" => 207,
      "werte" => [
         ["wechselrichter" => ["Carport 1-6", "Carport 7-12", "Carport 13-16",
                               "Carport 17-19"],
@@ -116,7 +116,7 @@ $rooms = [
     // Am Carport OG haengt der go-e Charger. Die Ladeleistung ist das
     // Einzige, was sich hier messen laesst - und sie beantwortet die Frage,
     // die man sich vor dem Carport stellt: laedt gerade jemand?
-    ["floor" => "AG", "mqtt" => "Carport OG",   "id" => "carport_og", "x" => 38, "y" => 155,
+    ["floor" => "AG", "mqtt" => "Carport OG",   "id" => "carport_og", "x" => 72, "y" => 154,
      "werte" => [
         ["topic" => "solarManager/evPowerOG", "einheit" => "W", "stellen" => 0,
          "icon" => "ev-station"],
@@ -139,19 +139,19 @@ $rooms = [
     //      "feld" => "p_AC", "einheit" => "W", "stellen" => 0, "icon" => "sun"]
     ["floor" => "AG", "mqtt" => "Veranda EG",   "id" => "veranda_eg", "werte" => []],
     ["floor" => "AG", "mqtt" => "Veranda OG",   "id" => "veranda_og", "werte" => []],
-    ["floor" => "AG", "mqtt" => "Terrasse EG",  "id" => "terrasse_eg", "x" => 212, "y" => 160, "werte" => []],
-    ["floor" => "AG", "mqtt" => "Terrasse OG",  "id" => "terrasse_og", "x" => 205, "y" => 122, "werte" => []],
-    ["floor" => "AG", "mqtt" => "Pergola",      "id" => "pergola",  "x" => 339, "y" => 108, "werte" => []],
+    ["floor" => "AG", "mqtt" => "Terrasse EG",  "id" => "terrasse_eg", "x" => 229, "y" => 158, "werte" => []],
+    ["floor" => "AG", "mqtt" => "Terrasse OG",  "id" => "terrasse_og", "x" => 223, "y" => 124, "werte" => []],
+    ["floor" => "AG", "mqtt" => "Pergola",      "id" => "pergola",  "x" => 344, "y" => 111, "werte" => []],
     // In der Garage steht die Wattpilot der EG-Partei, siehe fahrzeuge() in
     // restricted/config.php. Ohne Kuerzel im Topic ist das die EG-Wallbox.
-    ["floor" => "AG", "mqtt" => "Garage",       "id" => "garage",   "x" => 103, "y" => 134,
+    ["floor" => "AG", "mqtt" => "Garage",       "id" => "garage",   "x" => 131, "y" => 135,
      "werte" => [
         ["topic" => "solarManager/evPower", "einheit" => "W", "stellen" => 0,
          "icon" => "ev-station"],
      ]],
     // Der Garten ist kein Bauteil wie die anderen, aber ein Ort: hier haengen
     // der Regensensor und die beiden Ventilsteuerungen.
-    ["floor" => "AG", "mqtt" => "Garten",       "id" => "garten",   "x" => 288, "y" => 180,
+    ["floor" => "AG", "mqtt" => "Garten",       "id" => "garten",   "x" => 298, "y" => 176,
      "werte" => [
         // gatherRainData.py im SolarManager legt auf Wetter/Regen ein JSON
         // mit tage1 bis tage7 und dem Stand des Sammlers. "tage1" ist der