@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,700);

html *
  {
  transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1) !important;
  font-family: 'Rubik', sans-serif;
  font-weight: 300;
  letter-spacing: .5px;
  }

table
  {
  border-collapse: collapse;
  }

td
  {
  border: 1px solid #999;
  padding: 0.5em;
  margin: 4px;
  }
th
  {
  border: 1px solid #999;
  padding: 0.5em;
  margin: 4px;
  font-weight: 600;
  }

.container
  {
  width: 320px;
  height: 580px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  top: 50px;
  }

.layer
  {
  position: absolute;
  height: 100%;
  width: 100%;
  }

.layer-1
  {
  height: 100%;
  }

.layer-2
  {
  transition-delay: .3s;
  background: #ccc;
  top: 60px;
  padding: 30px;
  }

.material-icons
  {
  padding: 15px
  }

p
  {
  border-radius: 15px;
  background: #DDD;
  padding: 20px;
  }

.error
  {
  border-radius: 15px;
  background: #BBB;
  padding: 20px;
  color:#f33;
  font-weight: 600;
  font-size: 125%;
  }

.buttonlike
  {
  padding:15px 30px;
  background:#007d34;
  border:0 none;
  font-weight: 600;
  font-size: 125%;
  cursor:pointer;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  }

  .buttonlike:hover
    {
    padding:15px 30px;
    background:#7dc24d;
    border:0 none;
    font-weight: 600;
    font-size: 125%;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    }


input[type=submit]
    {
    padding:15px 30px;
    background:#007d34;
    border:0 none;
    font-weight: 600;
    font-size: 125%;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width:100%;
    }
input[type=submit].ohne
    {
    padding:0px 0px;
    background:#bbb;
    border:0 none;
    font-weight: 100;
    font-size: 100%;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width:50%;
    }

input[type=submit].ohne:hover
    {
      padding:0px 0px;
      background:#7dc24d;
      border:0 none;
      font-weight: 100;
      font-size: 100%;
      cursor:pointer;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      width:50%;
    }

input[type=submit]:hover
    {
    padding:15px 30px;
    background:#7dc24d;
    border:0 none;
    font-weight: 600;
    font-size: 125%;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    }

ul
    {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #007d34;
    }

li
    {
    float: left;
    }

li a
    {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    }

li a:hover
    {
    background-color: #7dc24d;
    }

a
    {
    display: block;
    color: #111;
    text-align: center;
    padding: 5px 10px;
    text-decoration: none;
    font-weight: 600;
    }
a.mail
    {
    color: #149dcc;
    }
a.order
    {
    display: inline;
    }
a:hover
    {
      background:#7dc24d;
      -webkit-border-radius: 5px;
      border-radius: 5px;
    }

a.mail:hover
    {
    color: #42ceff;
    background:#fff;
    }