body {
    margin: 0;
    padding: 0;
    font-family: Arial;
    font-size: 24px;

}
article {
    width: 90%;
    margin: 20px 5%;

}
.areal {
    width: 35%;
    min-width: 400px;
    float: left;
    margin: 5px 40px;

 }
 .areal2 {
    width: 35%;
    min-width: 350px;

    margin: 5px 40px;

 }
 .areal1, .areal2 {

     float: left;
 }
 h2 {
  animation: textwelle 3s;
}

@keyframes textwelle {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  70% {
    transform: scale(1.25);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@media only screen and (max-width: 1550px)
 {
 .contentwrap {
    font-size: 18px;

 }
 }
 @media only screen and (max-width: 1150px)
 {
 .areal2{
     width: 70%;
     margin: 10px auto;
 }
 }
@media only screen and (max-width: 850px)
 {
.areal, .areal1, .areal2 {
    width: 90%;
     background-color: #bf304a;
}
 }