/***
 *** Ab hier responsive Angaben
 ***/
 @media (max-width: 960px) {
    .wrapper {
      padding:0 10px;
      }
 }

 @media (max-width: 620px) {
  body{
    font: normal 500 1rem helvetica, sans-serif;
  }
  header{
      clip-path: polygon(0 0, 100% 0, 100% 80%, 0 200px);
      background: #a82e0f;
  }
  footer{
      clip-path: polygon(0 20%, 100% 0, 100% 100%, 0 200px);
      background: #a82e0f;
  }
}
@media (max-width: 400px){
  .box {
    width: 100%;
  }
  body{
    font: normal 500 .8rem helvetica, sans-serif;
  }
}