div.firstpart {
     max-width:75em;
     width: 80%;
     margin: 0 auto;
   }
   div.bg-wrapper {
     position:absolute;
     height: 500px;
     width: 100%;
     z-index:-1;
   }
   div.bg {
     z-index:-1;
     width: 100%;
     height: 100%;
     background-size: cover;
     background-position: bottom;
   }

   div#img-container-left {
     float: left;
     width: 50%;
     text-align: center;
   }

   div#img-container-middle {
     display: none;
     text-align: center;
   }

   div#text-container {
     margin-top: 20ex;
     margin-bottom: 10ex;
   }

   img#about-left {
     width: 85%;
     border-radius: 5px;
     border: 1px solid #ccc;
   }

   img#about-middle {
     width: 80%;
     display: none;
   }

   div#was-wie-ich-bin {
     display: flex;
     flex-direction: row;
     width: 80%;
     padding-left: 20%;
     margin: 10ex auto 5ex auto;
   }

   div#was, div#wie {
     width: 50%;
     margin-bottom: 8ex;
  }

  span.was-wie-title {
    font-weight:500;
    color:rgb(198,98,78);
    font-size: 150%;
  }

   @media only screen and (max-width: 50em) {
     div#wrapper {
       display: block;
     }

     div#img-container-left {
       display: none;
       height: unset;
     }

     div#img-container-middle {
       display: block;
     }

     div#text-container {
       height: unset;
       width: 100%;
     }

     img#about-left {
       display: none;
     }

     img#about-middle {
       display: inline;
       width: 70%;
     }

     div#was-wie-ich-bin {
       display: flex;
       flex-direction: column;
     }
  }