/*!
 * @author    Wolfgang Kowarschick <kowa@hs-augsburg.de>
 * @copyright 2016
 * @license   CC-BY-NC-SA-4.0
 */

html, body
{
  height:      100%;
  font-size:   2vw !important;
  font-family: sans-serif;
}

html
{
  display: table;
  width:   100%;
}

body
{
  display:          table-cell;
  text-align:       center;
  vertical-align:   middle;
  background-color: #C5EFFC; /* zartes Blau */
}

h1
{
  padding-bottom: 0;
  margin-bottom:  0;
}

#section_form
{
  text-align:   center;
  width:        21em;
  margin-left:  auto;
  margin-right: auto;
}

#section_form > h1
{
  font-size:     200%;
  margin-bottom: 0.5ex;
}

.hidden
{
  display: none;
}

p, label
{
  font-family: serif;
  font-size:   100%;
}

label, input, button
{
  width:         10em;
  font-size:     100%;
  display:       inline-block;
  box-sizing:    border-box;
  margin-bottom: 0.5ex;
}

label
{
  text-align: right;
}

#canvas1, #canvas2
{
  border: 1px solid black;
}