body{
  background-image: url(images/background.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
div#main{
  width: 100%;
  height: 100%;
}
div#left{
  float: left;
  min-width: 50%;
  min-height: 100%;
  padding-left: 0%;
}
div#right{
  float: left;
  min-width: 50%;
  min-height: 100%;
  padding-right: 0%;
}
div#weiter{
  align-items: center;
  text-align: center;
  color: white;
  top: 45%;
  right: 20%;
  min-width: 10%;
  min-height: 5%;
  position: absolute;
  background-color: blue;
  opacity: 0.5;
  transition: background 5s;
}
#weiter a{
  display: block;
}
div#weiter:hover{
  transition: opacity 2s;
  opacity: 1.0;
}
h3{
    vertical-align: middle;
}