/* chrisinterface UI-Kit
   Christian Steiner · chrisinterface.com
   Version siehe Datei VERSION.

   LEER-ZUSTAND — was ein Bereich sagt, wenn er nichts zu zeigen hat.
     .zustand         der leere BEREICH: eine ganze Ansicht oder Karte hat
                      nichts. Großzügig, mittig, meist mit .titel.
     .zustand.knapp   die leere STELLE: ein Block in etwas, das sonst Inhalt
                      hat. Kompakt, linksbündig, leise.
   Seitlich kein eigener Abstand bei der knappen Form: Der Einzug richtet
   sich nach dem Wirt. */
.zustand {
    /* 48 senkrecht — doppelt so viel wie die oberste Sprosse der Leiter,
       damit die Leere als Leere gelesen wird und nicht als vergessener Inhalt. */
    padding: 48px var(--abstand-24);
    text-align: center;
    color: var(--text-gedaempft);
    font-size: var(--schrift-sm);
}
.zustand .titel {
    font-size: var(--schrift-md);
    font-weight: var(--gewicht-halbfett);
    color: var(--text);
    margin-bottom: var(--abstand-6);
}
.zustand.knapp {
    /* Nur senkrecht, als Langschreibweise: Die Kurzform `padding` nullte
       auch links und rechts, und weil die Regel zwei Klassen trägt, schlägt
       sie jede einklassige Regel des Werkzeugs — der seitliche Einzug des
       Wirts wäre weg, der Satz klebte am Rand. */
    padding-top: var(--abstand-14);
    padding-bottom: var(--abstand-14);
    text-align: left;
}
/* Ein Knopf im leeren Bereich („Erneut versuchen") bekommt Luft nach oben. */
.zustand .btn { margin-top: var(--abstand-8); }