/* =========================================================================
   VERSIONSANZEIGE (AE-0016)

   Zweck
   Die Frontend-Version steht sichtbar in der Kopfzeile, im Seitentitel und
   in der Browser-Konsole. Damit laesst sich in Sekunden pruefen, ob der
   Server wirklich die neue Datei ausliefert - oder noch einen alten Stand
   aus dem Cache.

   Eigene Datei, damit style.css unveraendert bleibt. Faellt sie weg, ist
   die Version weiterhin lesbar, nur schlichter dargestellt.
   ========================================================================= */

.app-version{
  font-size:12px;
  font-weight:700;
  letter-spacing:.02em;
  padding:3px 8px;
  border-radius:999px;
  background:rgba(255,255,255,.18);
  color:#fff;
  white-space:nowrap;
  align-self:center;
}

/* Auf schmalen Schirmen ist der Platz knapp - die Version darf weichen,
   sie bleibt ueber Seitentitel und Konsole trotzdem pruefbar. */
@media(max-width:560px){
  .app-version{ display:none; }
}