* {
    box-sizing: border-box;
  }

  .infotext {
    width: 52%;
    margin: 0 auto;
    padding: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    background-color: rgb(243, 190, 190);
    border: 2px solid red;
    color: black;
  } 

table, td, tr {
  padding: 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
}
  
/* Main column */
.main {
  flex: 100%;
  background-color: var(--hellgrau);
  margin: 0 auto;
}
/* Column container */
.inhalt {  
    display: flex;
    flex: 100%;
  }
  .links {
    display: flex;
    background-color: var(--hellgrau);
    width: 50%;
    padding: 20px 20px 0px;
    justify-content: right;
    align-content: right;
  }
  .rechts {
    background-color: var(--hellgrau);
    width: 50%;
    padding: 20px 200px 0px;
  }
  .unten {
    background-color: var(--hellgrau);
    width: 100%;
    padding: 40px 0px 50px;
    text-align: center;
  }

  /* Responsive layout */
@media screen and (max-width: 1150px) {
    .inhalt {   
      flex-direction: column;
    }
    .links {
      background-color: var(--hellgrau);
      width: 100%;
      padding: 10px;
      justify-content: center;
      align-content: center;
    }
    .rechts {
      background-color: var(--hellgrau);
      width: 100%;
      padding: 10px;
    }
    .unten {
      background-color: var(--hellgrau);
      width: 100%;
      padding: 10px 10px 60px;
    }
    .infotext {
      width: 90%;
    }
  }