#becheck{
   float: left;
   width: 29%;
   height: 100%;
   margin-right: 20px;
}

#bedankt {
  width: 99%;
  float: left;
  display: inline;
  text-align: left;
}
.teleB {
  width: 48%;
  float: left;
  display: inline;
  background-color: rgb(244, 244, 244);
  padding: 10px;
  margin: 5px;
  box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
}
.emailB {
  width: 48%;
  float: right;
  display: inline;
  background-color: rgb(244, 244, 244);
  padding: 10px;
  margin: 5px;
  box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);}
.BP {
  width: 30%;
  height: 100%;
  float: left;
  display: inline;
  padding: 10px;
}
@media screen and (max-width: 680px) {
  #becheck{
     float: left;
     width: auto;
     height: 100px;
     margin-right: 10px;
  }
  #bedankt {
    width: 100%;
    float: left;
    display: block;
    text-align: left;
  }
  .teleB {
    width: 100%;
    float: left;
    display: block;
  }
  .emailB {
    width: 100%;
    float: left;
    display: block;
  }
  .BP {
    width: 30%;
    height: 100%;
    float: left;
    display: block;
    padding: 10px;
  }
}